/* body {
    width: 100%;
    min-height: 100vh;
    display: grid;
} */



.container-banners {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 95rem);
    grid-gap: 50px 30px;
    margin: 8rem 3rem;
}

.container-banners .left {
    overflow: hidden;
}

.container-banners .left img {
    width: 100%;
    height: 90%;
}



.container-right {
    height: 55rem;
    width: 42rem;
    margin-bottom: 5rem;
}


.container-header {
    font-size: 3rem;
    line-height: 3.3rem;
    text-align: start;
}   

.container-text {
    font-size: 2rem;
    line-height: 2.5;
    text-align: start;
    letter-spacing: 0.1rem;
    bottom: 2rem;
}

.container-descriptio {
    font-size: 2rem;
    line-height: 2rem;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-info {
    font-size: 1.5rem;
    line-height: 25px;
    text-align: start;
    letter-spacing: normal;
    margin-right: 3rem;
    margin-bottom: 1.5rem;
}

.container-info-two {
    font-size: 14px;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-info-three {
    font-size: 14px;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-list-one{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
}

.container-list-two{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
}

.container-list-three{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-all-linear {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-final {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}


.c-btn-shop {
    display: grid;
    height: 4rem;
    width: 30rem;
    background-color: #000000;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    place-items: center;
    color: #f9f9f9;
    border-radius: 0.9rem;
    font-size: 1.5rem;
}










@media screen and (max-width: 991px)  {
    .row .right .content {
      padding-left: 0px;
  }
  
  
  }
  
  @media screen and (max-width: 600px) {
    .container-banners {
      width: 90%;
      grid-template-columns: 30rem;
  }

  .container-banners .left img {
    width: 100%;
    object-fit: cover;
}

.container-right {
    width: 34rem;
}
.container-header {
    font-size: 2.5rem;
}
.container-text {
    font-size: 2rem;
}

.container-descriptio {
    font-size: 1.5rem;
}

.container-info {
    font-size: 1.1rem;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
}

.c-btn-shop {
    display: grid;
    height: 4rem;
    width: 25rem;
    background-color: #000000;
    margin: auto;
    place-items: center;
    color: #f9f9f9;
    border-radius: 0.9rem;
    font-size: 1.5rem;
}

.container-final {
    font-size: 1rem;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-info-two {
    font-size: 1.5rem;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

  
  }




























/* .container-banners {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px 30px;
    margin: 8rem 3rem;
}

.container-banners .left {
    overflow: hidden;
}

.container-banners .left img {
    width: 100%;
    height: 90%;
    object-fit: cover;
}



.container-right {
    height: 50rem;
    width: 45rem;
}


.container-header {
    font-size: 32px;
    line-height: 40px;
    text-align: start;
}   

.container-text {
    font-size: 20px;
    line-height: 28px;
    text-align: start;
    letter-spacing: -0.4px;
    bottom: 2rem;
}

.container-descriptio {
    font-size: 14px;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-info {
    font-size: 14px;
    line-height: 25px;
    text-align: start;
    letter-spacing: normal;
    margin-right: 3rem;
    margin-bottom: 1.5rem;
}

.container-info-two {
    font-size: 14px;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-info-three {
    font-size: 14px;
    line-height: 20px;
    text-align: start;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-list-one{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-list-two{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-list-three{
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-all-linear {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
}

.container-final {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 1.5rem;
} */