* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    body { 
      font-family: "Poppins", sans-serif;
      line-height: 1.6;
      background: #fff;
      color: #333;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      speak: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: height!important;
    }

    header {
      background-image: url("img/bg1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 100%;
      color: #fff;
/*      padding: 20px 0 0 20px;*/
/*      text-align: center;*/
    }

    header .logo{
      position: absolute;
        text-align: left;
        padding-left: 50px;
        padding-top: 15px;
        width: 15%;
    }  
    header .container-fluid{ padding: 0; margin: 0;}
    header .row{ padding: 0; margin: 0; }
    header .logo img{ width: 85%; height: auto;}
    .laser{ padding: 0;}
/*
    .owl-one{ width: 100%; margin: 0; padding: 0; }
    .owl-one .owl-pagination{ margin-top: -40px; }
    .owl-one > .col-12 { margin: 0; padding: 0; }
    .owl-one > .col-6 { margin: 0; padding: 0; }
*/

    .apponment{
      position: relative;
    }
    .whatsapp-scroll {
      position: fixed;
      bottom: 15rem;
      right: 5px;
      z-index: 9999;
      margin: auto 0;
      border: aliceblue;
      left: auto;
      display: flex;
      align-items: center;
      width: auto;
    }
    .whatsapp-scroll img {
      width: 180px;
    }
    .whatsapp-scroll a{
      margin: 0;

    }
    .apponment-scroll {
        position: fixed;
        bottom: 20rem;
        right: 5px;
        z-index: 9999;
        margin: auto 0;
        border: aliceblue;
        left: auto;
        display: flex;
        align-items: center;
        width: auto;
    }
    .apponment-scroll a {
        margin: auto 0;
        background: linear-gradient(270deg, #0ea4dd 0%, #00597c 100%);
        color: #ffffff;
        border-radius: 10rem 10rem;
        padding: 2rem 0;
        text-decoration: none;
        font-size: 1.8rem;
        width: 25rem;
        text-align: center;
    }
    .calling-scroll-fixed {
        position: fixed;
        bottom: 25rem;
        right: 5px;
        z-index: 1;
        margin: auto 0;
        display: flex;
        width: auto;
    }
    .calling-scroll-fixed a {
        background: rgb(255,255,255);
        color: #990037;
        border-radius: 10rem 10rem;
        padding: 0.5rem 1.5rem;
        text-decoration: none;
        font-size: 2rem;
        text-align: center;
        margin-right: 0;
        box-shadow: 0 0 2px #6c757d;
    }
    .calling-scroll-fixed a i {
        background: #ffdec8;
        border-radius: 50px;
        padding: 10px;
    }
    .calling-scroll-fixed img {
        background: #ffdec8;
        border-radius: 50px;
        padding: 10px;
        margin-left: 5px;
        height: 50px;
    }
    .apponment-scroll {
        position: fixed;
        bottom: 5rem;
    }
  .endolift-facebody{padding-top: 150px;}
  .endolift-facebody video{border-radius: 50px;}
  .vid-section video{border-radius: 10px;}
 
    #second-slider .splide__arrows{ display: none;}
    #main-slider{ margin-top: 120px; height: 500px; display: none;}
    #main-slider .splide__pagination{ bottom: -170px;}
    #thumbnail-slider{ margin-left: -250px; }
    /*.splide__slide{ width: 20%; height: auto;}*/
    #thumbnail-slider-slide01{ width: 16vw !important; height: 20vh !important; display: none;}
    #thumbnail-slider-slide02{ width: 16vw !important; height: 20vh !important; display: none;}
    #thumbnail-slider-slide03{ width: 16vw !important; height: 20vh !important; display: none;}
/*
#main-slider .splide__slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
*/
/*    #main-slider ul li{ height: 500px;}*/
    
    .sec1-img{ width: 100%; height: auto;}
    h2{ font-family: "Poppins", sans-serif; font-size:65px; color: #025778; font-weight: 500; letter-spacing: -1px; line-height: 80px; padding-top: 0px;}
    .h2-age{ font-size: 32px; font-weight: 300; padding-top: 20px; margin-top: 0px; line-height: 45px;}
    .report{ font-size: 30px; font-weight: 300; padding-top: 20px; margin-top: 0px; line-height: 40px;}
    .h2-age-slide2{ font-size: 35px; font-weight: 300; padding-top: 20px; margin-top: 0px; line-height: 45px;}
    .sec1-first {
        display: flex;
        flex-direction: column;
        padding: 100px 0 30px 220px;
        margin-right: -100px;
    }
    .sec1-first-90 {
      display: flex;
      margin-right: -170px;
      padding: 35% 0 10px 0%;
    }

    /*.sec1-first-90{ flex-direction: row; }*/
    .sec1-first span{ font-weight: 600;}
    .endo{ padding-top: 0; margin-right: 0px;}
    .endo h2{ padding-top: 0; }
    .sec1-first h2{ margin-top: 0;}
    .sec1-slide2-90{ font-size: 90px; font-weight: 300; vertical-align: middle; color: #025778; font-weight: 600; width: 30%; line-height: 100px;}
    .sec1-slide2-patient{ font-size: 25px; font-weight: 300; vertical-align: middle; width: 69%; color: #030000; align-content: center; }
    .intro{ font-size: 30px;}
    .intro span{ font-size: 45px; font-weight: 600;}
    .sec1-btn {
        width: 70%;
        height: auto;
        border-radius: 50px;
        background: linear-gradient(270deg, #0ea4dd 0%, #00597c 100%);
        padding: 15px;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        margin-top: 20px;
    }
    .sec1-first h4.LMS2022 {
        color: #025778;
        font-size: 25px;
        font-weight: 300;
        padding-top: 15px;
        margin-top: 0px;
    }
    .p-3 small {
        font-size: 11px;
        color: #333;
    }
    .slide2-btn{ 
      margin-top: 10px;
      width: 75%;
      font-size: 20px;
    }

    .endilift-video-outer{
      padding: 60px 0;
    }
    .pd-0{padding: 0;}
    .endolift-patients {
      background: #E2F7FF;
      background: linear-gradient(175deg, rgba(226, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
      padding: 40px;
      border-radius: 20px;
      line-height: 50px;
    }
    .endolift-patients p {
      font-size: 34px;
      color: #025778;
      font-weight: 500;
      text-align: center;
    }
    .endolift-patients h5 {
      color: #515050;
      text-align: center;
      font-size: 20px;
      font-weight: 400;
    }
    .patients-endolift90{margin-top: 40px;}
    .patients-endolift90 h6{color: #000000; text-align: right; font-weight: 400;}

    
    .sec2-img{ width: 90%; height: auto;}
    .sec2-right p{ font-size: 18px; font-weight: 200; color: #696969; margin-bottom: 15px;}
    .sec1-prod-copy{ margin: 0; padding: 0; display: flex; align-items: end;}
    .sec1-prod-img{ margin: 0; padding: 0; flex-wrap: wrap;}
    .sec1-prod-copy p { color: #141414; font-family: "Poppins", sans-serif; font-size: 22px; font-weight:200}
    .shangpree{ font-weight: 500;}
    .worth{ font-weight: 500; font-size: 28px; line-height: 40px;}
    .sec1-offer{ font-size: 12px; flex-shrink:0;}
    .sec2-right-experience{ font-size: 22px; color: #025778; font-weight: 400; margin-bottom: 10px;}
    .sec2-right-row2{ display: flex; }
    .sec2-right-fda{ font-size: 18px; font-weight: 500; color: #025778; }
    .fda-text{ align-content: center; padding-left: 15px;}
    .cert{ width: 50%; }
/*    .fda-text h5:first-child { padding-right: 10px;}*/
/*    .fda-text p:first-child { padding-right: 10px;}*/
    .sec2-right-fda p{ font-size: 14px; font-weight: 200; color: #696969; }

    section{
        color: #fff;    
    }

    section.features {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 40px 0;
    }

    .feature {
      flex: 1 1 300px;
      margin: 0px;
      margin-top: 10px;
      padding: 0;
      padding-top: 10px;
      border-radius: 8px;
    }

    .features h2{ color: #025778; font-size: 52px; font-weight: 500; line-height: 60px;}
    .features-ageless{ font-weight: 400;}
    .feature h3 {
      margin-bottom: 10px;
      color: #007BFF;
    }
    .features-img{ width: 90%; height: auto; }

    .timeline {
      position: relative;
      margin-left: 30px;
      padding-left: 20px;
      margin-top: 10px;
      border-left: 2px solid #000;
      text-align: left;
    }

    .timeline-item {
      position: relative;
      margin-bottom: 30px;
    }

    .timeline-item::before {
      content: '';
      position: absolute;
      left: -29px;
      top: 0px;
      width: 16px;
      height: 16px;
      background-color: #A01145;
      border-radius: 50%;
    }

    .timeline-item:last-child {margin-bottom: 0;}
    .timeline p {margin: 0; font-size: 15px; padding: 0; line-height: 20px; color: #000;}
    .bullet{ color: #A01145; font-size: 18px; line-height: 20px; }

    .vid-section{ margin-top: 50px;}
    
/*Testimonial Slider*/

    #testimonial{ font-size: 50px; text-align: center; line-height: 100px; margin-bottom: 30px; color: #025778; justify-content: center;}
    .lined-heading {
      display: flex;
      align-items: center;
      text-align: center;
      gap: 15px;
      
    }

    .lined-heading::before,
    .lined-heading::after {
      content: "";
/*      flex: 1;*/
      width: 10%;
      border-top: 1px solid #025778;
    }

    #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }
    .item{ margin-left: 0 !important; }
    .item img{
        width: 100%;
    }

    .pad-right{ padding-right: 0;}
    .pad-left{ padding-right: 0;}
    .mar-bottom-20{ margin-bottom: 20px; }
    



/*Section 4*/
    .sec-4{ padding-left: 50px;} 
    .sec-4 { padding-left: 50px;} 
    .sec-4 p{ font-size: 18px; color: #000000; padding-left: 20px;} 
    .sec-4 span{ font-size: 16px; color: #000000; padding-left: 10px;} 
    .sec-4 h2{ font-size: 55px; color: #025778;} 
    .sec4-first{ padding-bottom: 0; padding-top: 50px;}
    .sec4-second, .sec4-fourth{ padding-bottom: 0; padding-top: 0px;}
    .sec4-second p{ font-size: 35px; line-height: 50px;}
    .sec4-second-ageless{ font-weight: 500;}
    .sec4-fourth{ padding-top: 10px;}
    .sec4-first{ padding-left: 30px;}
    .text-row {
      display: flex;
      align-items: center; 
      gap: 10px;           
      color: #141414;
    }
    .big-text { font-size: 60px; font-weight: bold; }
    .small-text {font-size: 35px; }
    .sec4-last { width: 100%; padding-top: 10px;}
    .sec4-last p{ font-size: 22px;}
    .sec4-icon{display: flex; padding-left: 50px; gap:30px;}
    .sec4-icon-col1{ display: flex; gap: 20px; flex-direction: column;}
    .sec4-icon-col1-row{ flex: 1; display: flex; align-items: center;}
    .sec4-icon-col1-row img{ width: 30%; }


@media only screen and (min-width: 992px) and (max-width: 1280px){
  .sec-4 span{ font-size: 15px!important; color: #000000; padding-left: 0px!important;}
}

/*Section5*/
    .sec5{
        margin-top: 80px;
        background: linear-gradient(35deg, #ecfafe 10%, #f7fdfe 40.59%, #ecfafe 90%);

      width: 100%;
      height: 100%;
      color: #025778;
      padding: 50px 20px; 
        text-align: center;
        margin-bottom: 30px;
    }
    .sec5 h4{ font-size: 32px; margin: 0 30px; font-weight: 400;}
    .sec5 img{ width: 19%; padding-right: 40px;}
    .sec5 img:last-child{ padding-right: 0;}

    .sec5-free{ font-size: 45px; font-weight: 600; color: #141414; margin-bottom: 0px;}
    .sec5-shang{ font-size: 63px; font-weight: 600; color: #D4B48B; padding-bottom: 0 !important; margin-bottom: 0 !importants;}
    .sec5-para1{ color: #141414; padding-top: 0px;}
    .sec5-btn{width: 848.8px; height: 147px; border-radius: 0; background: linear-gradient(90deg,rgba(182, 126, 79, 1) 0%, rgba(204, 164, 131, 0.82) 47%, rgba(233, 216, 201, 1) 70%, rgba(255, 255, 255, 0) 100%); color: #141414; margin-left: -100px; margin-top: 30px;}
    .sec5-btn p{ font-size: 16px; line-height: 25px; padding: 20px 0 0 60px;}
    .sec5-img{ margin-top: -20px;}
    .right-slide{ border-radius: 50px; padding: 0; outline: none;}



/*
    .sec6{  min-height: 100vh; width: 100%;   color: #fff; padding: 50px 20px; }
    .sec6 h2{ color: #FFFFFF; font-size: 65px; font-weight: 600; padding-left: 30px; padding-top: 20px}
    .sec6-btn{ background: linear-gradient(90deg,rgba(160, 87, 37, 1) 0%, rgba(160, 87, 37, 0.10) 50%, rgba(160, 87, 37, 0) 100%); width: 50%; margin-top: 50px; height: 100%; border-radius: 32px; margin-left: 20px;}
    .sec6 ul{ padding-top: 40px; padding-left: 20px;}
    .sec6 ul li { font-size: 16px; line-height: 30px; }
    .sec6 p{ margin-left: 70px; margin-top: 30px; color: #FFFFFF; font-size: 20px; padding-bottom: 60px;}
*/

    .sec6{ background-image: url("img/Sec6-bg.png") ; background-repeat: no-repeat ; background-size: cover ; background-position: center ; text-align: center; padding-top: 20px; padding-bottom: 100px; margin-bottom: 50px;}
    .sec6 h2{ padding-top: 0; margin-bottom: 30px;}

/*Slideshow*/

img-comparison-slider.rendered img {
    border-radius: 15px;
}
.endoliftImages img {
    width: 70%;
    border-radius: 10px;
}
.endoliftImages2 img {
    width: 70%;
    margin-top: 12px;
    border-radius: 10px;
}



.sec6-slide1-left img{ width: 78%;}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}



.prev {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: 3px solid #025778;
  border-radius: 50%;
  margin-right: -75px;
  margin-top: 350px;
  cursor: pointer;
}

.prev:after {
  content: '';
  display: inline-block;
  margin-top: 1.3em;
  width: 1.2em;
  height: 1.2em;
  border-top: 0.5em solid #025778;
  border-right: 0.5em solid #025778;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



.next {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: 3px solid #025778;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: -68px;
  margin-top: 10px;
cursor: pointer;
}

.next:after {
  content: '';
  display: inline-block;
  margin-top: 0.9em;
  width: 1.4em;
  height: 1.4em;
  border-top: 0.5em solid #025778;
  border-right: 0.5em solid #025778;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}


.prev:hover, .next:hover{
    border: 10px solid #025778;
}

/*
a:hover .prev:after{
  border-top: 0.5em solid #000;
  border-right: 0.5em solid #000;
}
*/

.prev:after:hover, .next:after:hover{
  border-top: 0.5em solid #000;
  border-right: 0.5em solid #000;
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
    
.img-comp-container {
  position: relative;
  height: 100%; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}    

#main-slider-list li {
    height: 700px !important;
    display: none;
}


@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

@media only screen and (min-width: 1680px) and (max-width: 2390px) {
  .sec1-first {
    display: flex;
    flex-direction: column;
    padding: 20% 0 30px 40%;
    margin-right: -100px;
  }
  .sec1-first-90 {
      display: flex;
      margin-right: -170px;
      padding: 10% 0 10px 0%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1420px) {
  h2{ 
    font-family: "Poppins", sans-serif; 
    font-size:55px; 
    color: #025778; 
    font-weight: 500; 
    letter-spacing: -1px; 
    line-height: 80px; 
    padding-top: 20px;
  }
  .h2-age{
    font-size: 22px;
    line-height: 35px;
  }
  .sec1-btn {
    width: 65%;
    height: auto;
    border-radius: 50px;
    background: linear-gradient(270deg, #0ea4dd 0%, #00597c 100%);
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
  }
  .intro span {
    font-size: 40px;
    font-weight: 600;
  }
  .endo {
    padding-top: 0;
    margin-right: -80px;
  }

}


  


/*
    .sec-mix{ background-image: url("img/Section7_8_9_10_11-bg.png") !important; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; color: #000; padding: 50px 20px; }
    .sec7{ display: flex; margin-left: 7%; }
    .sec7-row{ padding: 0; width: 33%; display: inline-block; }
    .sec7-row img{ width: 100%; }
    .sec7-row span{ color: #A01145; font-size: 21px;}
    .sec7-row hr{ width: 20%; margin-bottom: 1%; background-image: linear-gradient(to right ,rgba(181, 24, 24, 1) 0%, rgba(181, 24, 24, 0.5) 50%, rgba(160, 87, 37, 0) 100%); height: 2px; }
    .sec7-row-col1{ margin-top: 110px; width:35%;}
    .sec7-row-col1 p{ font-size: 21px;}
    .sec7-row-col2{ width: 30%; margin-left: -4%; }
    .sec7-row-col3{ width: 35%; margin-top: 23%; }
    .sec7-row-col3 p{ margin-left: -5%;}
    .sec7-row-col3 hr{ width: 20%; margin-bottom: 1%;  margin-left: 18%; background-image: linear-gradient(to left ,rgba(181, 24, 24, 1) 0%, rgba(181, 24, 24, 0.5) 50%, rgba(160, 87, 37, 0) 100%); height: 2px; }
*/

    .sec7 { text-align: center; }
    .sec7 h2{ font-size: 60px; color: #025778; }
    .sec7 p{ font-size: 20px; color: #000000; }
    .sec7-col{ display: flex; margin-top: 50px;}
    .sec7-col:first-child{ margin-top: 30px;}
    .sec7-left-col1 img{ width: 100%;}
    .sec7-left-col2 .slide2-btn{ font-size: 20px; padding: 20px; margin-top: 0;}
    .sec7-left-col2 .sec1-btn{ text-align: left; width: 80%; }
    .sec7-left-col2 p{ font-size: 17px; text-align: left; padding-top: 10px; padding-left: 10px;}
    .sec7-left-col2 .last-btn{ width: 100%; }

    ul.endolift-work li {
      text-align: left;
      margin-left: 30px;
      font-size: 17px;
      color: #000;
    }

    .clinically-proven {
      box-shadow: 0 0 2px;
      border-radius: 15px;
      max-height: 250px;
      min-height: 250px;
      -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 20px 10px 1px rgba(255, 255, 255, 0);
      box-shadow: 1px 5px 20px -9px #000000, 5px 20px 10px 1px rgba(255, 255, 255, 0);
      background: #ffffff;
    }
   
    .clinically-proven h4 {
      padding: 25px 5px 0;
      font-size: 24px;
      margin: 0;
      line-height: 40px;
      font-weight: 500;
    }
    .clinically-proven p {
      color: #000000;
      padding-top: 10px;
    }


    .no-surgery-hero{padding-top: 60px;}
    .no-surgery-hero .no-surgery-inner {
      display: grid;
      grid-template-columns: 0.60fr 0.40fr;
      background: #f4fcfe;
      /*background: linear-gradient(175deg, rgba(226, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);*/
      background: linear-gradient(35deg, #c4e5ef 10%, #f7fdfe 40.59%, #ecfafe 90%);
      /* padding: 40px; */
      border-radius: 20px;
      align-items: center;
      box-shadow: 0px 5px 20px -12px #000000, 5px 20px 10px 1px rgba(255, 255, 255, 0);
    }
    .no-surgery-right img{
      width: 100%;
    }
    .no-surgery-hero .no-surgery-inner .no-surgery-left h3 {
      font-size: 45px;
      color: #025778;
    }
    .no-surgery-left {
      padding-left: 40px;
    }
    .no-surgery-hero .no-surgery-inner .no-surgery-left p {
      color: #025778;
      font-size: 22px;
      padding-top: 20px;
    }
 
    @media (max-width: 767px){
      .no-surgery-hero .no-surgery-inner {
          grid-template-columns: 1fr;
      }
    }

    .come-long-way .come-long-title{text-align: center;}
    .come-long-way .come-long-title h3{
      font-size: 54px;
      color: #025778;
    }
    .come-long-way .come-long-title p{
      font-size: 17px;
      color: #000000;
      font-weight: 400;
    }
    .come-long-way .come-long-way-inner{
      display: grid;
      grid-template-columns: 0.20fr 0.05fr 0.20fr 0.05fr 0.20fr 0.05fr 0.25fr;
      padding: 15px 100px;
    }
    .come-long-way-inner .outer-line{
      width: 2px;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      transform: rotate(0deg);
    }
    .come-long-way-inner .outer-line .inner{
      position: absolute;
      width: 100%;
      height: 100%;
      background: #999;
    }
    .come-long-way .come-long-way-inner h4 {
      font-size: 44px;
      color: #025778;
      text-align: center;
    }
    .come-long-way .come-long-way-inner h4 span{font-size: 16px; color: #999;}


    .sec8-main{ color: #000; margin-top: 80px; margin-bottom: 80px;}
    .sec8-main h2{ color: #025778; font-size: 60px; font-weight: 500;}
    .sec8-main p{ color: #000000; font-size: 17px; font-weight: 400;}
    .sec8-main img{ width: 100%; height: auto;}
    .sec8-btn-section{ display: flex; text-align: center; margin-top: 30px;}
    .sec8-btn-section img{ padding: 20px;}
    .sec8-btn-section .icon-first{ width: 50%; }
    .sec8-btn-section .icon-two{ width: 50%; }
    .sec8-btn-section .icon-three{ width: 50%; }
    .sec8-btn-section-icon{ background: linear-gradient(180deg,rgba(198, 231, 243, 1) 0%, rgba(0, 0, 0, 0) 80%); margin-right: 20px; border-radius: 45px; flex-direction: column;}


    .sec8{ background-color: transparent !important; }
    .sec8-p{ color: #00334E; margin-left:5%; font-size: 22px; margin-top: 5%; font-weight: 500;}
    .sec8-p span{ color: #A01145; font-size: 25px; font-weight: 400; line-height: 30px;}
/*
    .sec8 ul > li{ color: #000; display: flex;}
    .sec8-li1{ flex: 1 1 100px; }
*/
    .sec8-both{ margin: 2% 0;}
    .sec8-icon1{ width: 20%; margin-left: 5%; display: inline; }
    .sec8-icon1 img{ vertical-align: top;}
    .sec8-icon1-head{ color: #A01145; font-size: 20px;}
    .sec8-icon1-info{ color: #000; display: inline-block; width: 71%; margin-left: 2%;}
    .sec8-icon1-p{ font-size: 15px; }


/*Form css*/

    .first-form{
        background-color: transparent;
        margin-top: 30px 0;
    }
    .form-container {
      max-width: 1170px;
      margin: auto;
      padding: 20px;
      background-color: #fff;
      border-radius: 42px;
    }
    #contact-form{
        width: 80%;
        margin: 0 auto;
    }
    .form-container h2 {
      text-align: center;
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 40px;
    }
    .form-container p {
        text-align: center;
        color: #000;
        padding-top: 40px;
    }

    .form-container .row {
      display: flex;
      gap: 14px;
    }

    .row .col {
      flex: 1;
    }

    input {
      width: 100%;
      padding: 12px;
      padding-left: 20px;
      margin-bottom: 15px;
      box-sizing: border-box;
      border: 1px solid #707070;
      border-radius: 42px;
      color: #707070;
    }

/*
    #contact-form button {
      width: 100%;
      padding: 10px;
      background: #C9A476;
      color: white;
      border: none;
      cursor: pointer;
      border-radius: 42px;
    }

    #contact-form button:hover {
      background: #927755;
    }
*/


/*========= Start Our Center ============*/
.sec9{ margin-top: 50px;}
  .sec9 h3{ color: #00334E; text-align: center; margin-top: 30px; }
  .tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    text-align: center;
    justify-content: center;
  }

  .tabs button {
      padding: 10px 12px;
      color: #000000;
      background-color: transparent;
      cursor: pointer;
      font-weight: bold;
      border-radius: 36px;
      border: 1px solid #000000;
      margin-top: 30px;
  }

  .tab-content {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  }

  .tab-columns .left-column {
  flex: 0 0 40%;
  }

  .tab-columns .right-column {
  flex: 0 0 60%;
  }

  .tabs button.active {
    /*background-color: #b17b4d;*/
    background: linear-gradient(270deg, #0ea4dd 0%, #00597c 100%);
    color: white;
    border: #ffffff;
  }

  .tab-content {
    display: none;
  }

  .tab-content.active {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .left-column {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
  }

  .left-column img {
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s;
  }

  .left-column img:hover {
    transform: scale(1.05);
  }
  .left{ width: 40%}

  .left img {
        border-radius: 6px;
        display: block;
      }
      .col7-row2 {
        margin-bottom: 10px;
          border-radius: 6px;
      }

  .right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .map {
    width: 100%;
    height: 250px;
    border: 0;
  }
/*========= End Our Center ============*/

/*Section 9*/

    .sec9 h3{ font-size: 45px; margin-bottom: 50px;}
    .sec9 img{ width: 40%; height: auto;} 
    .sec9-offers h3{ color: #00334E; text-align: center; margin-top: 30px;}

    .button-group {
      display: flex;
      gap: 10px; 
      justify-content: center; 
      margin-top: 20px;
    }

    .button-group button {
      padding: 10px 20px;
      background-color: #C9A476;
      border: none;
      color: white;
      cursor: pointer;
      border-radius: 36px;
    }

    .button-group button:hover {
      background-color: #927755;
    }

    .sec9-right-row1{
        background: #eaeef2;
        padding: 40px;
        color: #000;
        padding-top: 40px;
        /*margin-left: -10%;*/
        border-radius: 30px;
        /*padding-bottom: 70px;*/
        
     }
    .sec9-right-row1 p{ margin-bottom: 40px;}

    .sec9-right-row2{
        background: #ccc;
        /*margin-left: -10%;*/
        padding: 0;
        margin-top: 10px;
    }
    .sec9-right-row2 iframe{ border-radius: 32px;}

/*Section 10*/
    .sec10 div{ width: 100%;}
    .sec10 img{ width: 100%; padding: 10px;}
    .sec10 .splide__pagination{ bottom: -20px;}
    .sec10 .splide__pagination__page.is-active{ background: #025778; }
    
    .sec11{ text-align: center; margin-top: 30px;}
    .sec11 h2{ font-size: 50px;}
    .sec11 img{ width: 50%; padding: 10px;}

    .sec12{ margin-top: 50px;}
    .sec12 #thumbnail2-slider{ margin-left:-50px; margin-top: -200px;}
    #thumbnail2-slider .splide__slide{ width: 200px !important; height: 150px !important;}


    .centers{ text-align: center; font-size: 40px; padding: 0; line-height: 40px; margin-top: 30px;}

    .sec14{ color: black; margin-top: 180px;}
    .sec14 p{ color: black; font-size: 18px;}
    .sec14 p a{ font-size: 18px;}
    .cities{ display: flex; margin-top: 3%; margin-bottom: 1%;}
    .cities img{ width: 100%; z-index: 2; padding: 20px 0; }
    .address-detail{ border: 1px solid #EEB808; border-radius: 38px; padding-left: 200px; padding-top: 40px; margin-left: -150px; z-index: -1;}

    .sec14 .splide__slide {
      transition: transform 0.4s ease, width 0.4s ease, height 0.4s ease;
      opacity: 0.6;
      transform: scale(0.85);
     padding-bottom: 1%;
    }

    .sec14 .splide__slide.is-active {
      transform: scale(1.1);
      opacity: 1;
      z-index: 2;
      padding-bottom: 2%;
    }

    .sec14 .splide__pagination{ top: -700px;}
    .sec14 .splide__pagination__page{ margin: 0 50px;  padding: 50px; background: none; font-size: 20px;}
    .sec14 .splide__pagination__page .isActive{ color: #BE367B;}
/*    .sec14 .splide__pagination__page button{ width: 100px;}*/
    .sec14 .splide__pagination{
      display: flex;
      flex-wrap: nowrap; 
      justify-content: center;
/*      padding: 0;*/
      gap: 12px; 
      overflow-x: auto;
      margin-top: 20px;
    }
     .sec14 .splide__pagination li {
      list-style: none;
      flex: 0 0 auto; 
    }

    .sec14 .splide__pagination button {
      white-space: nowrap;          
      background: none;
      border: none;
      font-size: 20px;
      padding: 6px 14px;
      color: black;                  
      cursor: pointer;
      transition: color 0.3s ease, font-weight 0.3s ease;
      min-width: 80px;             
      text-align: center;
      outline: none !important;
        transition: scale
    }

/*
    .sec14 .splide__pagination button:before {
      content: '';
      display: inline-block;
      height: 0;
      visibility: hidden;
    }
*/

    .sec14 .splide__pagination .is-active button {
      outline: none;
    }
    .sec14 .splide__pagination .is-active button:active,{
      outline: none;
      color: #BE367B;
    }


    .icon-info{ display: inline; vertical-align: top; padding-left: 10px;}
    .icon-info a{ font-size: 16px; color: #000;}
    .icon-info a:hover{ text-decoration: none;}
    
    .second-form .form-container{ background-color: transparent; text-align: center; }
/*    .second-form{ margin-top: 50px;}*/
    .second-form h2 { margin-bottom: 0px; color: #000000;}
    .second-form p { padding: 10px 0 20px 0;font-size: 20px;}
    /*.second-form input { border-radius: 18px; border-color: #DDDDDD;}*/
    .second-form input {
      height: 70px;
      border-radius: 50px;
      border: 1px solid rgb(27 127 204 / 34%);
      padding: 40px 10px 10px 40px;
      font-size: 1.5rem;
    }
    .second-form .form-row label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: 700;
      font-size: 1.8rem;
      /* display: none; */
      text-align: left;
      position: absolute;
      float: left;
      display: block;
      padding: 10px 0px 0px 40px;
      font-weight: 500;
      color: #000000;
  }
    @media (max-width: 991px) {
      .form-row {
          width: 90%;
      }
  }
     
    .second-form #contact-form {  text-align: center;}
    .second-form #contact-form button { width: 15%; border-radius: 0px; background-color: #BE367B; margin-top: 30px; border-radius: 10px; font-size: 18px;}
    .second-form #contact-form button:hover{ background-color: #DE367B; }


/*    Footer*/
    footer {
      background: linear-gradient(35deg, #ecfafe 10%, #f7fdfe 40.59%, #ecfafe 90%);
      color: #000;
      text-align: left;
      padding: 20px;
      margin-top: 100px;
    }
    footer h2{ margin-top: 0px; padding-top: 0px;}
    .footer-logo{ padding-top: 20px;}
    .tc{ font-size: 10px; padding-top: 30px;}
    .footer-contact { font-size: 18px; padding-top: 30px; font-weight: 600;}
    .navi ul{ list-style: none; }
    .navi li{ margin: 10px 0;}
    li a{ text-decoration: none; color:#000000; margin: 10px 0; font-size: 13px;}
    li a:hover{ text-decoration: none;}
    .navi li:first-child { margin-top: 0px; }
    .wecare{ font-weight: 300; }


    form {
      max-width: 800px;
      margin: auto;
    }
    .form-row {
      /*display: flex;
      gap: 10px;
      flex-wrap: wrap;*/
      width: 600px;
      margin: 0 auto;
    }
    .form-group {
      flex: 1;
      min-width: 200px;
    }
    input {
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
    }
    /*button {
      padding: 10px 20px;
      width: 15%;  background-color: #BE367B; margin-top: 10px; border-radius: 10px; font-size: 18px; 
      border: none;
    }*/
    #contactForm button {
      
      padding: 10px 20px;
      width: 15%;
      background-color: #BE367B;
      margin-top: 10px;
      border-radius: 10px;
      font-size: 18px;
      /* margin-bottom: 50px; */
      border: none;
      background: #f76868;
      background: linear-gradient(270deg, #0ea4dd 0%, #00597c 100%);
      height: 65px;
      border-radius: 50px;
      border: 0;
      font-size: 24px;
      width: 75%;
    }

    @media (max-width: 768px) {
      .form-row {
        flex-direction: column;
      }
      .form-row {
          width: 100%!important;
      }
      #contactForm button {
        width: 100%;
      }
      .tabs {
        display: contents;
      }
      .tabs button{
        width: 100%;
      }
      .sec1-first .endo{
        padding: 0;
      }
      .sec1-first-90 {
        display: flex;
        padding: 15% 0 10px 0%;
      }

    } 

    @media (max-width: 768px) {
        header { height: 100%; }
        header .logo img{ width: 40%;}
        .logo{ text-align: center !important; padding: 10px 0 30px 0 !important;}
        .sec1-img{ width: 100%; height: auto; }
        h2{ font-size: 40px;}
        .h2-age{ font-size: 35px;}
        .feature{ flex: none; text-align: left; width: 100%; padding-left: 20px;}
        .features h2{ font-size: 28px; line-height: 40px;}
/*        .features-img{ width: 50%; }*/
        .sec2-right{ padding-left: 10px;}
        .timeline{ margin-left: 10px;}
        #testimonial{ font-size: 30px; line-height: 40px;}
        .lined-heading::before, .lined-heading::after{ width: 40%; }
        .big-text { font-size: 35px; font-weight: bold; }
        .sec4{ padding-left: 20px;}
        .sec-4 h2{ font-size: 40px; line-height: 50px; margin-bottom: 20px;}
        .sec-4 p{ margin-bottom: 0px; font-size: 20px;}
        .sec4-second p{ font-size: 25px;}
        .mar-bottom-20{ display: inline-block; width: 45%; }
        .sec-4 span{ font-size: 15px;}
        .small-text {font-size: 22px; }
        .text-row{ padding-top: 20px; }
        .sec4-first{ padding: 0px;}
        .sec4-first-btn{ width: 100%; }
        .sec4-last{ height: 150px; margin-top: 20px;}
        .sec4-last p{ line-height: 35px; padding-top: 10px;}
        .sec5-btn p { font-size: 13px; line-height: 18px; padding: 10px 0 0 60px; }
        .sec6{ height: 110vh; width: 100%; }
        .sec6 .container{ padding-left: 0px; }
        .sec6 .row{ text-align: left; }
        .sec6 p{margin-left: 50px;}
        .sec-mix{ padding: 0; }
        .left-arrow{ margin-left: 300px}
        .right-arrow{ margin-left: 310px; margin-top: -35px; }
        .sec5-btn p { font-size: 13px; line-height: 18px; padding: 10px 0 0 60px; }
        .prev{ margin-top: 20px;}
        .prev:after, .next:after{ margin-left: 16px;}
        .next{ margin-left: 50px; margin-top: -20px;}
        .sec6-slide1-left, .sec6 h2{ text-align: center;}
        .sec6-slide1-left img{ width: 50%; }
        .sec7{ margin-left: 2%; }
        .sec7 h2{ font-size: 35px; }
        .sec7-row-col1{ margin-top: 80px; }
        .sec7-col{ flex-direction: column; }
        .sec7-row img{ margin-top: 45%; }
        .sec7-row-col3{ margin-top: 35%;}
        .sec7-row-col3 p{ margin-left: 0%;}
        .sec7-row span, .sec7-row-col1 p{ font-size: 16px;}
        .sec7-row-col1{ margin-top: 170px;}
        .sec7-row hr{ width: 40%; }
        .sec7-row-col3 hr{ margin-left: 48%;}
        .sec8-icon1{ margin-left: 0; }
        .sec8-icon1-info{ width: 64%; }
        .form-container { width: 100%; }
        .form-container h2{ font-size: 25px; }
        #contact-form{ width: 100%; }
        .sec9-offers h3{ margin-top: 50px; }
        .sec9-left-main img{ width: 100%; }
        .sec9-right-row1{ margin-left: 0;}
        .second-form #contact-form button{ width: 25%; }
        footer{ padding: 10px; }
        .footer-logo{ text-align: left !important; }
        .tc{ padding: 0;}
    }

    @media (max-width: 480px) {
        header { height: 100%;}
        .feature{ flex: none; }
        .sec1-first{ margin-right: 0px;padding: 0;}
        .sec1-btn{ width: 100%;}
        .slide2-btn{font-size: 15px;}
        .sec1-btn{font-size: 15px;}
        .sec1-slide2-90{ font-size: 70px; width: 30%}
        .logo{ text-align: center !important; padding: 10px 0 10px 0 !important; }
        header .logo{ width: 100%; position: relative; padding: 10px 0 10px 0 !important; }
        .sec1-img{ width: 100%; height: auto; }
/*        .endo h2{ font-size: 70px; line-height: 80px;}*/
        h2{ font-size: 30px; line-height: 40px;}
        .h2{ font-size: 25px; line-height: 35px;}
        .h2-age{ font-size: 25px; line-height: 35px;}
        .sec1-prod-copy p{ font-size: 16px;}
        .sec1-offer{font-size: 10px;}
        .sec2-right-fda{ margin-bottom: 20px;}
        .sec2-right-fda p{ font-size: 15px;}
        .fda-text{ align-content: center; flex: 0 0 50%;}
        .sec2-right-experience{ font-size: 23px;}
        .sec2-right-row2{ flex-wrap: wrap; }
        .sec-4{ padding-left: 20px;}
        .sec4-first{ padding-left: 20px;}
        .sec4-first h2{ font-size: 32px;}
        .mar-bottom-20{ width: 100%; }
        #main-slider{ margin-top: 50px;}
        #thumbnail-slider{ margin-left: 0; margin-top: -140px}
        #thumbnail-slider-slide01, #thumbnail-slider-slide02, #thumbnail-slider-slide03{ width: 25vw !important; height: 15vh !important;}
        #main-slider .splide__pagination{ bottom: -50px;}
        /*.pad-left{ width: 90%; padding-left: 90%;}*/
        .left {width: 100%}
        .left-arrow{ margin-left: 200px}
        .right-arrow{ margin-left: 210px; margin-top: -35px; }
        .sec5-btn p { font-size: 13px; line-height: 18px; padding: 10px 0 0 60px; }
        .prev{ margin-top: 20px;}
        .prev:after, .next:after{ margin-left: 16px;}
        .next{ margin-left: 50px; margin-top: -20px;}
        .sec6-slide1-left, .sec6 h2{ text-align: center;}
        .sec6-slide1-left img{ width: 30%; }
        .footer-logo{ text-align: left !important; }
        .sec7 h2{ font-size: 35px; }
        .sec7-row-col1{ margin-top: 80px; }
        .sec7-col{ flex-direction: column; }
        .sec7-left-col2 .sec1-btn:first-child{ margin-top: 20px;}
        button{ width: 35%; height: auto;}
        .sec8-main h2{ font-size: 35px; padding-top: 0; margin-top: 0; margin-left: 10px;}
        .sec8-main p{ font-size: 20px; margin-left: 10px;}
        .sec8-btn-section{ margin-bottom: 50px;}
        .sec9 img{ width: 100%; margin-bottom: 30px;}
        .sec11 img{ width: 100%;}
        #thumbnail2-slider > .splide__slide > ul > li{ width: 100px !important;} 
        .centers{ font-size: 35px;}
        .sec14 h5{ font-size: 14px;}
        .sec14 .address-detail p{ font-size: 12px;}
        .sec14 .splide__pagination { top: -500px; }
        .address-detail{ margin-left: -190px; padding-left: 100px; padding-top: 5px;}
        .sec14 .splide__slide.is-active{ padding-bottom: 10%; padding-top: 4%; }
        .cities{ width: 80%; padding: 5px;}
        .cities img{ width: 70%; padding: 30px 0; margin-left: -35px;}
        .sec14 .splide__pagination button{ padding: 0 0px; margin: 0 5px; font-size: 12px; min-width: 60px;}
        .sec14 .splide__pagination button:nth-child(2){ margin-left: -3px;}
        .sec14 .splide__pagination__page.is-active{ transform: scale(1.05);}
     
      .sec1-first .endo{
        padding: 0;
      }
      .sec1-first-90 {
        display: flex;
        padding: 5% 0 10px 0%;
      }
      .sec1-first-26 {
        display: flex;
        padding: 5% 0 10px 0%;
      }

    }