/* header */
.header.scrolled {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.main-header{ display: flex;justify-content: space-between; align-items: center; padding: 18px 0 25px 0;padding-bottom: 16px;}
.main-header .nav-links{display: flex;gap:var( --gap-30);justify-content: center;align-items: center;}
.main-header .nav-links li a{text-decoration: none;font-size:var(--font-20);color:var(--gray-clr) ;}
.main-header .nav-links li a:hover{color: var(--dark-orange-clr);}
.main-header .nav-links li a.active{color: var(--dark-orange-clr);}
.main-header .nav-links li{list-style-type: none;}
.main-header .nav-links .btn{color: var( --white-clr);}
.main-header .link{display: flex; justify-content: flex-end; align-items: center; gap: var(--gap-30);}
header { position: sticky; top: 0; left: 0; right: 0; z-index: 99; background-color: var(--white-clr)}
.menu-btn{display: none;}

.heading48{margin-bottom: 12px;}




/* banner section */
.mobile-banner .slick-dots{bottom: 22px;}
.mobile-banner.slick-dotted.slick-slider {margin-bottom: 0;}
.mobile-banner .slick-dots li button:before{color: #fff;}
.mobile-banner .slick-dots li.slick-active button:before {opacity: .75;color: #fff;}
.mobile-banner{display: none;}
.banner-section{position: relative;}
.desktop-banner .container{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.desktop-banner .slick-slide{position: relative;}
/* .banner-section .banner-text{  transform: translateY(-50%);position: absolute;top: 50%;left: 14%;} */
.banner-section .banner-text h1{ font-size: 108px;   text-align: left;text-transform: uppercase;}


/* services page */
    .services .service-box img {
        height: 50px;}
.services .container .btn-main{  text-align: center;margin-top: 4%;}
.services .service-box p{font-weight: 600;}
.services-grid { display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: var(--gap-26);margin-top: var(--gap-47);}
.service-box {border-radius: 28px; padding: var(--gap-71) var(--gap-40); text-align: center; box-shadow: 0px 9px 23px rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.service-box p { margin-top: 10px;}
.service-section .dr-banner {position: relative;margin-top: var(--gap-84);}
.service-section .dr-banner img { width: 100%;}
.service-section .dr-banner .text-box {position: absolute; top: 32%; right: 10%; text-transform: uppercase;}
.service-section .dr-banner .text-box h2 {font-size: var(--font-69);line-height: 0.9; font-weight: 500; color: var(--white-clr);}
.service-section .dr-banner .text-box h1 {font-size: var(--font-103);line-height: 0.9;font-weight: 300; color: var(--white-clr);}
.no-slider .slick-dots li button{display: none;}
.services .slick-prev:before,
.services .slick-next:before {color: var(--navy-blue-clr) !important;}
.services .services-grid .slick-slide { margin: 0 10px;}
.services .services-grid .slick-list { margin: 0 -10px;}
.services .slick-slide img { display: inline-block !important;}
.services .slick-initialized .slick-slide { display: block; }
.service-section .dr-banner .text-box h1{text-align: left;}

.services-table thead td{font-weight: 600;}
.services-table table { width: 100%; border-collapse: collapse; margin-top: var(--gap-54); margin-bottom: var(--gap-35);}
.services-table tr td {border: 1px solid var(--gray-clr);}
.services-table td { padding: var(--gap-13); font-size: var(--font-20); line-height: 1.3; text-align: center; color: var(--black-clr);}
.services-table .blank-tr { padding: 10px; display: block;}
.services-table td[rowspan] { background-color: var(--white-clr); font-weight: 600;}
.services-table .container { overflow: auto;}

/* about section */
/* .about-section .container {margin-top: var(--gap-54);} */

.about-section .about-grid .left{justify-content: center;display: flex;flex-direction: column;}
.about-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 7%;margin: var(--gap-54) 0;}
.about-grid h2{margin-bottom: var(--gap-23);}
.about-grid .right img { width: 100%;}
.about-section .dr-banner {position: relative; margin-top: var(--gap-26);}
.about-section .dr-banner .text-box {position: absolute;top: 40%; text-align: center; padding: 0 var(--gap-155);}
.about-section .dr-banner h3 { font-size: var(--font-43);color: var(--white-clr); margin-bottom: var(--gap-26); line-height: 1.3; font-weight: 500;}

.dr-banner p { font-size: var(--font-28); color: var(--white-clr);}
.dr-banner img { width: 100%;}

.consult-section .consult-grid .left img{    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;}
.consult-section {background-color: #E9EDF0;}
.consult-grid { display: grid; grid-template-columns: 1fr 1fr;  margin-top: var(--gap-20); padding-top: var(--gap-89); padding-bottom: var(--gap-84);}
.consult-grid p {color: var(--black-clr);}
.consult-grid img { width: 100%;}
.consult-grid .left { margin-right: -13%;}
.consult-grid .right .content {     margin-left: 19%;}
.consult-grid .left .content {  padding-left: 6.5%;    padding-right: calc(18% + 30px);}
.consult-grid .right { margin-top: 15%;}
.consult-grid .right img { border-radius: 47px; margin-top: 6.5%;margin-left: -7%; min-width: calc(100% + 7%);box-shadow: 0px 9px 55px 0px rgba(0, 0, 0, 0.16);}
.consult-grid h3{margin-bottom: var(--gap-23);}

/* contact-us page*/
.location-detail a{text-decoration: none;color: var(--black-clr);    gap: 12px; font-weight: 300;}
.contact-banner.banner .container .banner-text{text-align: right;}
.contact-container .btn-main{text-align: center; margin-top: var(--gap-20);display: flex;gap: 30%; align-items: center; justify-content: space-between;}
.contact-container .btn-main .btn{padding: 3px var(--gap-30); border: none;}
.contact-container{margin-top: var(--gap-40);}
.contact-container h1 {text-align: center;}
.contact-container form { display: flex; flex-direction: column; margin-top: var(--gap-20);}
.contact-container input { background-color: #E9EDF0; font-size: var(--font-27); width: 100%; padding: var(--gap-30) var(--gap-50); border: 0; cursor: pointer; border: 0;}
.contact-container input::placeholder{color: var(--black-clr); font-weight: 500;}
.contact-container input::-webkit-input-placeholder { color: rgba(46,46,46,0.5);}
.contact-container input::-moz-placeholder {color:rgba(46,46,46,0.5);}
.contact-container input:-ms-input-placeholder{color:rgba(46,46,46,0.5);}
.contact-container input:-moz-placeholder {color:rgba(46,46,46,0.5);}
.contact-container .btn-main .wp-btn{width: 162px;}
    
.contact-container input:hover { background-color: #CCCCCC;}
.contact-container .service-dropdown { position: relative; width: 100%;}
.contact-container .service-dropdown ul { top: 78%; list-style: none; margin: 0; padding: var(--gap-13) var(--gap-35); border: 1px solid #E2E2E2; position: absolute; width: 100%; background: white; z-index: 10; overflow-y: auto; max-width: max-content; right: 1%; box-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.16);}
.contact-container .service-dropdown ul li { cursor: pointer; opacity: 21%; font-size: var(--font-17); line-height: 1.8; font-weight: 500; border-bottom: 1px solid var(--black-clr); color: var(--black-clr);}
.contact-container .service-dropdown ul li:hover { color: var(--black-clr); opacity: 100%;}
.contact-container .service-dropdown ul li:last-child { border-bottom: none;}
.contact-container .hidden { display: none;}
.contact-container .service-dropdown .arrow {top: 50%;
    position: absolute;
    right: 4%;
    transform: translateY(-50%);}
.contact-container .service-dropdown .arrow.active{transform: translateY(-50%) rotate(180deg);}


.location-detail .contact-container { margin-top: var(--gap-40);}
.location-detail .contact-container h2 { text-align: left; color: var(--navy-blue-clr); padding-top: 20px; margin-bottom: 18px;}
.location-detail{margin-bottom: var(--gap-40);}
.address:first-child {margin-top: var(--gap-40);}
.address {margin-top: var(--gap-20);}
.location-grid { gap: 4%; display: grid; grid-template-columns: auto 69%;}
.location-info{margin-top: var(--gap-50);}
/* .address span {display: flex;align-items: flex-start; gap: 12px; font-weight: 300;} */
.location-detail .map iframe { width: 100%; height: 493px;}
.address img{width: 100%;}
.address span{display: grid; grid-template-columns: 6% 92%; gap: 10px; font-weight: 300;}


/* home page */
.banner .container{    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;}
.contact-banner.banner .container{    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;}
.desktop-banner{display: block;}
.desktop-banner .slick-dots{bottom: 20px;}
.desktop-banner .slick-dots li{margin: 0 2px;}
.desktop-banner.slick-dotted.slick-slider {margin-bottom: 0;}
/* .desktop-banner .slick-dots li button:before{color: #fff; font-size: 12px; height: 10px; width: 10px;} */
.desktop-banner .slick-dots li.slick-active button:before {opacity: .75;color: #fff;}
.banner-text .heading01.no-border {
    border-bottom: none;
}
.banner-section .heading02{font-size: 82px; font-weight: 400; color: var(--white-clr); text-transform: uppercase; line-height: 0.9; border-bottom: 1px solid var(--white-clr); display: inline-block; padding-bottom: var(--gap-20);}
.banner-section .banner-para p{ display: flex;align-items: flex-start;gap: 22px; font-size: var(--font-51);color: var(--white-clr); text-transform: uppercase;}
.banner-section .banner-text h1{border-bottom: 1px solid #FFFFFF; display: inline-block; padding-bottom: var(--gap-20);}
.banner-section .banner-text p{font-size: var(--font-36); font-weight: 500; color: var(--white-clr); text-transform: uppercase; line-height: 1.2;padding-top: 30px;}

.home-slider {margin-top: var(--gap-65);overflow: hidden;display: flex;align-items: center;}
.home-slider:hover{animation-play-state: paused}
.home-slider-marquee{display: flex;animation: marquee 10s linear infinite running;gap: 20px;}
@keyframes marquee{
  0%{transform: translateX(0)}
  100%{transform: translate(-50%)}
    
}
  
.home-slider .service {overflow: hidden;}
.home-slider .service .service-card {display: flex;align-items: center;gap: var(--gap-20);border-radius: 28px;padding: var(--gap-20) var(--gap-40);}
.home-slider .service-card img {width: 71px;height: 75px;display: block;}
.services-grid-one .slick-slide {margin: 0 10px;}
.services-grid-one .slick-list {margin: 0 -10px;}

.main-home{background-color: #E9EDF0;padding-top:var(--gap-20);margin-top: var(--gap-60);   padding-bottom: 2%;}
.main-home .sm-container .heading48{text-align: center;margin-top: var(--gap-20);color: var( --navy-blue-clr);}
.main-home .sm-container .para23{text-align: center;line-height: 1.2;color:var(--black-clr);}
.main-home .main-content .main-content-card .main-img{text-align: center;margin-top: -40%;position: relative;}
.main-home .main-content .main-content-card .main-img img{margin: 0 auto;}
.main-home .main-content .main-content-card{background-color: var(--white-clr);border-radius: 27px;}
.main-home .main-content .main-content-card .main-text h3{font-size: var(--font-21);text-align: center;margin-top: 20px;font-weight: 600;line-height: 1.1;color: var(--black-clr);}
.main-home .main-content .main-content-card .main-text .para21 {padding: var(--gap-89) var(--gap-50);text-align: center;padding-top: 15px;}
.main-home .main-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--gap-20);margin-top: 16%;row-gap: 18%;}
.main-home .btn-main{margin-top: 18%;display: flex;justify-content: center;align-items: center;} 
.main-content.sm-container{width: 90%;}

.order-main {padding-top: var(--gap-50);display: grid;grid-template-columns: repeat(2 , 1fr);}
.order-main .order-info{margin-top: 64px;margin-left: var(--gap-50);}
.order-main .order-info .heading48{ color: var(--navy-blue-clr);line-height: 1.1;}
.order-main .order-info .order-detail{padding: var(--gap-60);box-shadow:0px 9px 55px rgba(0, 0, 0, 0.16);;border-radius: 47px;margin-top: 10%;margin-left: -23%;background-color: var( --white-clr);}
.order-main .order-info .order-detail ul li{list-style: none;padding-left: var(--gap-23);padding: 14px;;background-color: #E4E9E1;}
.order-main .order-info .order-detail ul li:nth-child(2){background-color: #F7F9F5;}
.order-main .order-image img{width: 100%; height: auto;}



.main{overflow: hidden;}
.known-section {background-image: url(../img/knowm-sec.png);background-size: cover;background-position: center; position: relative;z-index: 1;margin: 0 auto;border-radius: 44px;}
.known-section .known-section-content{display: grid;grid-template-columns:53% 53%;align-items: flex-end; margin: 0 auto;}
.known-section .known-section-content .known-img{    position: relative; text-align: right;height: 100%;}
.known-section .known-section-content .known-img img{position: absolute;
    bottom: 0;
    height: 116%;right: -4%;object-fit: cover;}
.known-section .known-section-content .knowm-info{padding-top: var(--gap-50);display: flex;flex-direction: column;position: relative;    
    padding-bottom: 46px;
    padding-left: 35px;}
.known-section .known-section-content .knowm-info .known-para {padding-right: 20%;color: var(--white-clr);font-size: var(--font-22);}
.known-section .known-section-content .heading48{color: var(--white-clr);}
/* .known-section .known-section-content .knowm-info::before{content: "";border-left: 1px solid var(--white-clr);display: block;position: absolute;
left: -45px;height: 449px;width: 100%;top: 11%;z-index: -1;} */
/* .known-section .btn {} */
.known-btn{margin-top: 15px;}
 .known-btn .btn{ padding: 8px 28px 8px;display: inline-block;}


.health-pack .home-container{padding: var(--gap-47)var(--gap-65);background-color:#E9EDF0 ;margin-top: 23px;border-radius: 32px;}
.health-pack .heading48{text-align: center;}
.health-pack p{font-size: var(--font-24);color: var(--black-clr);text-align: center;font-weight: 600;}
.health-pack .health-all-card{display: grid;grid-template-columns: repeat(3, 3fr);gap: var(--gap-20);margin-top: var(--gap-23);}
.health-pack .health-all-card .health-card{padding: var(--gap-60);box-shadow: 0px 9px 23px 0 rgba(0, 0, 0, 16%);border-radius: 23px;padding-left: 40px;padding-right: 40px;height: 100%;}
.health-pack .health-all-card .health-card h4{text-align: center;font-size: var(--font-28);line-height: 1.3;width: max-content; font-weight: 600;}
.health-pack .health-all-card .health-card h4::after {content: "";display: block;width: 100%; margin: 0px auto 10px;border-bottom: 1px solid var( --black-clr); }
.health-pack .health-all-card .health-card-one {padding: var(--gap-60);box-shadow: 0px 9px 23px 0 rgba(0, 0, 0, 16%);border-radius: 23px;}
.health-pack .health-all-card .health-card-one h4 {text-align: center;font-size: var(--font-28);line-height: 1.3;width: max-content; font-weight: 600;}
.health-pack .health-all-card .health-card-one h4::after {content: "";display: block;width: 100%;margin: 0px auto 10px;border-bottom: 1px solid var(--black-clr);}
.health-pack .health-all-card .health-card .test-table{margin: 0 auto;width: 100%;}
.health-pack .health-all-card .health-card .test-table td{font-size: 16px; text-transform: uppercase;}
.health-pack .health-all-card .health-card-one{display: flex; flex-direction: column;gap: 5px;align-items: center;padding: var(--gap-60);height: 100%;justify-content: center;}
.health-pack .health-all-card .health-card-one h4::after {content: "";display: none;width: 0;height: 0;margin: 0;padding: 0;}
.health-pack .health-all-card .health-card-one  .span-one{font-size: var(--font-33);font-weight: 500;  position: relative;display: inline-block;}
.health-pack .health-all-card .health-card-one .span-one::after {content: "";position: absolute;left: -5px;top: 50%;width: 120%;height: 2px; background-color: #F88329; transform: translateY(-50%);pointer-events: none;}
.health-pack .health-all-card .health-card-one  .span-two{font-size: var(--font-49);font-weight: 600;}
.desktop-banner .slick-dots {
    bottom: 20px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: flex;align-items: center;justify-content: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.desktop-banner .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 50px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



.slider-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.home-slider {
  display: flex;
  gap: 10px;
  animation: scroll 10s linear infinite;
}

.service {
  flex-shrink: 0;
  min-width: 250px;
}

/* @keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
} */
.home-slider.slick-slider .slick-track, .home-slider.slick-slider .slick-list{display: flex;}



.home-container .card {
  position: relative;
  perspective: 500px;
  padding-bottom: 80%;
}

.home-container .content {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
}

/* Hover flip for desktop (>= 768px) */
@media (min-width: 768px) {
  /* .home-container .card:hover .content {
    transform: rotateY(180deg);
     transition: transform 1s;
  } */
   .card.active .content {
    transform: rotateY(180deg);
    transition: transform 1s;
}
}

/* Click flip for mobile (< 768px) */
.home-container .card.flipp .content {
  transform: rotateY(180deg);
}

.front,
.back {
  position: absolute;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
}

.back {
  transform: rotateY(180deg);
}



.order{background-image: url(../img/orderbg.png);background-size: cover;padding-bottom: 6%;}
    .known-section .known-section-content .knowm-info .known-para .para23{color: var(--white-clr);}


    /* pop-up */

    .pop-up{
      background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/Popup-bg.png);
    background-size: cover;
    max-width: 753px;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 999;
}

    .pop-up .contact-container form{gap: 0;}
    .pop-up .contact-container input{background-color:#91B79B; font-size: var(--font-27);}
    .pop-up .contact-container input::-webkit-input-placeholder { color: rgba(0,0,0,0.5);}
    .pop-up .contact-container input::-moz-placeholder {color: rgba(0,0,0,0.5);}
    .pop-up .contact-container input:-ms-input-placeholder{color: rgba(0,0,0,0.5);}
    .pop-up .contact-container input:-moz-placeholder {color: rgba(0,0,0,0.5);}

    .pop-up .contact-container h1{color: var(--white-clr); font-weight: 500;}
    .pop-up .contact-container{padding: var(--gap-75) 0; margin-top: 0;} 
    .pop-up .contact-container .btn-main .btn {padding: 5px var(--gap-47); }
    .pop-up .contact-container .service-dropdown ul{ height: 300px; max-width: 100%;}
 /* .pop-up .contact-container .service-dropdown .arrow{top:50%} */
 .overlay{position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 99;display: none;}
 .pop-up{display: none;}



  .thankyou h2{color:var(--dark-orange-clr); font-size: var(--font-108); font-weight:500;line-height:1.1

 }
 .thankyou p{font-size:var(--font-24);color:var(--navy-blue-clr);line-height:1.2}
 .thankyou{height: 80vh;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;}
    .thank{
    display: flex;
    flex-direction: column;
    gap: 21px;
    justify-content: center;
    align-items: center;
    }
    .thankyou .btn-main .btn{
     padding: 10px 50px;
     font-size:var(--font-24);
    }
     .thankyou .btn-main{margin-top: 2%;}