/* banner section */
.banner-section {
    overflow: hidden;
    padding-bottom:5rem;
  }
  .banner-section img {
    width: 100vw;
  }
  /*  */
  .product-home {
    background-image: url(../img/bg34.png);
    background-position: center;
    background-size: cover;
  }
  .product-home .heading{
    font-size:calc(6vw + 0.7rem);
    text-align: revert;
    /* display: flex
  ; */
    margin-bottom: -7%;
    line-height:calc(6vw + 0.7rem);
    /* margin-left: 3%; */
    width: fit-content;
    justify-content: end;
    float: right;
  }
  
  .product-home .subtitle{
    text-align: center;
  }
  
  .product-home .custom-row{
    display: flex
    ;
        height:calc(40vw + 0.1rem);
        position: relative;
        align-items: center;
        justify-content: space-between;
  }
  .product-home .col1{
    width: 38%;
    display: flex
  ;
    align-items: end;
    justify-content: end;
  }
  .product-home .col2{
    z-index: -1;
    width: 56%;
    transform: translate(37%, 10px);
    position: absolute;
  }
  .product-home .col3{
    width: 39%;
    margin-bottom: -3%;
    p{
      line-height: 25px;
      margin-top: 3%;
    }
  }
  /* about */
  .about {
   
    padding-bottom: 10rem;
    background-position: 454px 165px;
    background-size: 75%;
    background-repeat: no-repeat;
    background-color: #f9fff3;
  }
  .about h2 {
    margin-bottom:1.7rem;
  }
  
  .about p {
    line-height: 22px;
    font-size:1.03rem;
    /* text-align: justify; */
    width: 90%;
  }
  .sciencetist-slider{
    margin-left:-1%;
display: flex;
justify-content: space-between
  }
  .sciencetist{
    margin-left:0.5%;
  }
  .about img {
    /* aspect-ratio: 4/3; */
    
    -o-object-fit: cover;
       object-fit: cover;
       border-radius:10px;
    /* border-right: 25px solid #57b600; */
  }
  /*  */
  .blocks .block {
   background-color: #dbffb9;
    padding: 1rem;
 
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .blocks .block .no {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: #57b600;
  }
  .blocks .block .txt {
    font-size: 20px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 1rem;
  
  }
  /*  */
  
.ab-sci {
  background-color: #f9fff3;
}

.ab-sci ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}

.ab-sci ul li {
  display:flex;
  /* justify-content: center; */
  align-items: center;
  column-gap: 10px;
}

.ab-sci ul li svg {
  fill: #28a745;
}
 
  /* care */
  .care .leftimg {
    aspect-ratio: 3/4;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .care .cares {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    margin-top: 2rem;
  }
  .care .cares .care-block {
    padding: 8px;
    border: 2px solid #2A9D8F;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    border-radius: 12px;
  }
  .care .cares .care-block .icon {
    width: 16%;
  }
  .care .cares .care-block .icon img {
    width: 100%;
    padding: 12px;
    background: #e9fffd;
    border-radius: 12px;
  }
  .care .cares .care-block .txt h3 {
    font-size: 24px;
    font-weight: 600;
  }
  /* feature product */
  .our-product-featured{
  background-color: #238e98;
  }
  .our-product-featured .heading{
    text-align: center;
    color: white;
  }
  .our-product-featured .custom-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .our-product-featured .col1{
    width: 35%;
    display: flex;
    flex-direction: column;
    row-gap: calc(2vw + 0.1rem);
  }
  .our-product-featured .col2{
  width: 30%;
  }
  .our-product-featured .col3{
    width: 35%;
    display: flex;
    flex-direction: column;
    row-gap: calc(2vw + 0.1rem);
  }
  .our-product-featured .featured-card{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .our-product-featured .featured-card .img-container{
    width:27%;
    background: white;
    border-radius: 20px;
  }
  .our-product-featured .featured-card .img-container img{
    padding: 30px;
  }
  .our-product-featured .featured-card .text-container {
    width: 67%;
  }
  .our-product-featured .featured-card-heading{
    color: white;
    font-size: calc(1.4vw + 0.1rem);
  }
  .our-product-featured .featured-card .text{
    color:white;
    margin: 0px;
    font-size: calc(1vw + 0.1rem);
    line-height: calc(1.3vw + 0.1rem);
  }
  
  
  .our-product-featured .subtitle{
    text-align: center;
  }
  /* why choose us */
  .whyus {
    padding: 4% 0px;
    text-align: center;
    background-image: url(../img/Cat-5.png);
    /* background-color: #ebebeb52; */
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  /* .whyus .heading{
    color: white;
  } */
  .whyus .h-txt {
    /* color: #eaeff0; */
    margin-top: 2rem;
    width: 70%;
    margin-inline: auto;
  }
  .whyus .blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    margin: 2rem 0;
  }
  .whyus .blocks .block {
    width: 30%;
    border: none;
    padding: 15px;
    border: 2px solid #238e98;
    background: #edfffd;
    border-radius: 12px;
  }
  .whyus .blocks .block .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    margin-bottom: 1rem;
  }
  .whyus .blocks .block .top img {
    width: 20%;
  }
  .whyus .blocks .block .top span {
    font-size: 20px;
    font-weight: 600;
  }
  /* testemonials */
  .testimonial-card {
    background-color: white;
    border-radius: 15px;
    /* box-shadow: 0 6px 20px rgba(0,0,0,0.1); */
    padding: 30px;
    max-width:90%;
    text-align: center;
    border:2px solid #57b600;
  }
  .testimonial-text {
    font-style: italic;
    font-size:1.2rem;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.6;
  }
  .testimonial-author {
    font-weight: bold;
    font-size: 1.4rem;
    color: #2196F3;
  }
  .testimonial-subtitle {
    color: #777;
    /*margin-top: 10px;*/
    font-size: 0.9em;
  }
  .testimonial-icon {
    font-size: 3em;
    color: #57b600;
    margin-bottom: 15px;
  }
  .testemonial-container{
    margin-top: 4%;
    display: flex;
    justify-content: center;
  }
  .testimonial-card .profile{
      display:flex;
      align-items:center;
      justify-content:center;
  }
  .testimonial-card .profile .col1{
      width:8%;
      margin-right:1%;
  }
   .testimonial-card .profile .col2{
      width:20%;
      text-align:left;
  }
    /* responsive */
    @media only screen and (max-width: 600px) {
      
        /* banner section */
     .banner-section {
         overflow: hidden;
         padding-bottom:3rem;
       }
       .banner-section img {
         width: 100vw;
       }
       /*  */
       .product-home {
         background-image: url(../img/mob-bg34.png);
       }
       .product-home .heading{
         font-size:2rem;
         margin:0px;
       }
       .product-home .product-name{
         font-size:1.3rem;
       }
       .product-home .subtitle{
         text-align: center;
       }
       
       .product-home .custom-row{
         display: flex
         ;
     flex-direction: column;
             height:auto;
             position: relative;
       }
       .product-home .col1{
         width:100%;
         align-items: center;
         justify-content:center;
       }
       .product-home .col2{
         z-index: -1;
         width: 56%;
         transform: translate(0%, 0%);
         position:relative;
       }
       .product-home .col3{
         text-align: center;
         width:100%;
         margin-bottom: 9%;
         /* margin-bottom:0%; */
         }
         .product-home .col3 p{
             line-height: 25px;
             margin-top: 3%;
         }
         /*  */
         .blocks .block {
            background-color: #dbffb9;
            padding: 0.5rem;
              height:201px;
             border-radius: 5px;
             box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
           }
           .blocks .row{
            row-gap: 20px;
           }
           .blocks .block .no {
             font-size: 5rem;
             font-weight: 700;
             line-height: 1;
             color: #57b600;
           }
           .blocks .block .txt {
             /* font-size: 20px; */
             font-size:1rem;
             line-height: 1.2;
             font-weight: 600;
             margin-top: 1rem;
           
           }
           .blocks .block .txt br{
display:none;
           }
           .ab-sci .row{
            flex-direction: column-reverse;
              }
              .ab-sci .top-txt{
                margin:20px 0px;
              }
           .about {
   
            padding-bottom:3rem;
          }
          .about-us .row{
            flex-direction: column-reverse;
            row-gap: 20px;
              }
              .about-us .heading{
                font-size: 1.7rem;
              }
              .about h2{
                font-size:1.7rem;
              }
           .sciencetist-slider{
            margin-left:0%;
          }
          .sciencetist{
            margin-left:0%;
          }
          .whyus {
            padding:3rem 0px;
          }
          .whyus .heading{
            font-size: 1.7rem;
          }
          .whyus .heading br{
            display: none;
          }
          .whyus .h-txt {
            margin-top: 2rem;
            width:90%;
          }
          .whyus .blocks {
           flex-wrap: wrap;
            margin: 0rem 0;
            row-gap: 20px;
          }
          .whyus .blocks .block {
            width:100%;
           
          }
          .whyus .blocks .block .top img {
            width:15%;
          }
          /*  */
          .our-product-featured{
            padding-bottom: 3rem;
            background-color: #238e98;
            }
            .our-product-featured .heading{
              /* text-align: center; */
              font-size: 1.7rem;
              /* color: white; */
            }
            .our-product-featured .custom-row{
              flex-direction: column;
              margin-top:12%;
              row-gap:0px;
            }
            .our-product-featured .col1{
              width:100%;
              flex-direction: column;
              row-gap:20px;
            }
            .our-product-featured .col2{
            width:70%;
            }
            .our-product-featured .col3{
              width:100%;
              display: flex;
              flex-direction: column;
              row-gap:20px;
            }
            .our-product-featured .featured-card .img-container{
              width:17%;
            }
            .our-product-featured .featured-card .img-container img{
              padding:14px;
            }
            .our-product-featured .featured-card .text-container {
              width: 77%;
            }
            .our-product-featured .featured-card-heading{
              font-size:1rem;
            }
            .our-product-featured .featured-card .text{
              margin: 0px;
              font-size:0.9rem;
              line-height:18px;
            }
            
            /* testemonials */
  .testimonial-card {
    background-color: white;
    border-radius: 15px;
    /* box-shadow: 0 6px 20px rgba(0,0,0,0.1); */
    padding: 30px;
    max-width:90%;
    text-align: center;
    border:2px solid #57b600;
  }
  .testimonials .heading{
font-size:1.7rem;
line-height: 36px;
margin-bottom:6%;
  }
  .testimonial-text {
    font-style: italic;
    font-size:1.1rem;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.6;
  }
  .testimonial-card .profile .col1 {
    width: 26%;
    margin-right: 2%;
}
.testimonial-author {
    font-weight: bold;
    font-size: 1.2rem;
    color: #2196F3;
}
  .testimonial-card .profile .col2 {
    width: 70%;
    text-align: left;
}
       }