@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
  padding: 0px;
  margin: 0px;
}

/*@font-face {
  font-family: 'helvetica', sans-serif;
  src: url('../fonts/helveticaneue/helveticaneue-light-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue/helveticaneue-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica', sans-serif;
  src: url('../fonts/helveticaneue/helveticaneue-regular-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue/helveticaneue-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica', sans-serif;
  src: url('../fonts/helveticaneue/HelveticaNeueMedium.woff2') format('woff2'),
    url('../fonts/helveticaneue/HelveticaNeueMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica', sans-serif;
  src: url('../fonts/helveticaneue/helveticaneuebold-webfont.woff2') format('woff2'),
    url('../fonts/helveticaneue/helveticaneuebold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}*/

strong{
  font-weight: 700;
}

*{
  /* font-family: 'helvetica', sans-serif; */
  font-family: "Roboto", sans-serif;
}

.cursor-pointer{
  cursor: pointer !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
  line-height: 1.35;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}
.fs-24 {
  font-size: 24px !important;
}

.min-h-vh {
  min-height: calc(100vh - 202px);
}

.mx-w-580 {
  max-width: 580px;
}

.mx-w-660 {
  max-width: 660px;
}

.mx-w-830 {
  max-width: 830px;
}
.mx-w-180{
  max-width: 180px;
}
.mx-w-450{
  max-width: 450px;
}
.mx-w-360px{
  max-width: 360px;
}
.mn-w-96 {
  min-width: 96px;
}

.mn-w-100 {
  min-width: 100px;
}

.mn-w-125 {
  min-width: 125px;
}

.mn-w-140 {
  min-width: 140px;
}

.mn-w-148 {
  min-width: 148px;
}

.mn-w-200 {
  min-width: 200px !important;
}

.minW100{
  min-width: 100px;
}

.minW160{
  min-width: 160px;
}

.minW210{
  min-width: 210px;
}


.mx-840{
  max-width: 840px;
}

.mt-20{
  margin-top: 20px !important;
}

.mb-20{
  margin-bottom: 20px !important;
}

.pt-100{
  padding-top: 100px;
}

.pt-80{
  padding-top: 80px;
}

.pt-30{
  padding-top: 30px;
}

.pt-120{
  padding-top: 120px;
}

.pb-120{
  padding-bottom: 120px;
}

.pb-100{
  padding-bottom: 100px;
}

.pb-80{
  padding-bottom: 80px;
}

.pb-30{
  padding-bottom: 30px;
}

.pt-50{
  padding-top: 50px;
}
.pb-50{
  padding-bottom: 50px;
}
.color-white{
  color: #fff !important;
}

.color-white600{
  color: rgba(255, 255, 255, 0.6) !important; 
}

.color-primary {
  color: #0CC64A !important;
}

.color-green-dark{
  color: #107561 !important;
}

.color-theme-dark{
  color: #078172 !important;
}

.color-blue{
  color: #1D7EC6 !important;
}

.color-dark60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.color-dark40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.colorGreyLight{
  color: #6A6A6A !important;
}

.color-title{
  color: #202020 !important;
}

.color-dark {
  color: rgba(0, 0, 0, 1) !important;
}

.color-orange{
  color: #F19D38 !important;
}

.color-orange-2{
  color: #FFA700 !important;
}

.color-green{
  color: #049B54 !important;
}

.color-red{
  color: #DC2626 !important;
}


.color-p{
  color: #202020 !important;
}


.bg-light-grey{
  background: #F9F9F9;
}

.bg-grey{
  background: #232323;
}

.bg-gr100{
  background: #F5F5F5;
}
.bg-gr50{
  background:#FCFBFB;
}

.bg-theme{
  background: #06C05A;
}
.bg-theme100{
  background: #F6FBF6;
}

.bg-gray-50 {
    background-color: #f9fafb;
}

.bg-dark{
  background: #000 !important;
}

img{
  max-width: 100%;
}


.fontNm{
  font-family: sans-serif;
  font-size: 15px;
}


.btnWrap{
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn{
  border-radius: 3px;
  padding: 11px 22px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.btn-theme{
  background: #0CC64A;
  color: #fff;
}

.btn.btn-theme:hover{
  background: #18ee42;
  color: #fff;
}


.btn.btn-theme2{
  background: #0CC64A;
  color: #fff;
}

.btn.btn-theme2:hover{
  background: #03DE66;
  color: #fff;
}

.btn.btn-dark{
  background: #000000;
  border-color: #000;
}

.btn.btn-dark:hover{
  background: #212529;
  border-color: #212529;
}

.btnWrap .btn-outline-dark{
  border-color: #000000;
  color: #000;
}

.btnWrap .btn-outline-dark:hover{
  background: #000;
  color: #fff;
}

.btn.btn-outline-primary{
  border-color: #00C05A;
  color: #00C05A;
  box-shadow: none !important;
  outline: none !important;
}

.btn.btn-outline-primary:hover {
    background: #cef7e0;
    color: #07c05b;
    border-color: #a2dcbd;
}

.icon-arrow-long-right.icon-arrow-rotate {
    transform: rotate(-31deg);
}


.btn.btn-white{
  background: #fff;
  color: #000;
}

.btn.btn-white:hover{
  background: #000000;
  color: #fff;
}


/* Top Header Css */


.topHeader{
  background: #fff;
  position: relative;
  z-index: 9;
}

.topHeaderIn{
  display: flex;
  align-self: center;
  justify-content: space-between;
  padding: 20px 0px;
  gap: 10px;
  position: relative;
}

.topHeaderIn .top-logo{
  max-width: 170px;
  margin: 6px 0 0px;
}


.topHeaderIn .navmenu{
  display: flex;
  align-items: center;
  flex: auto;
}

.topHeaderIn .navmenu ul{
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}

.topHeaderIn .navmenu ul li{
  list-style: none;
  position: relative;
  margin: 0 14px 0;
}

.topHeaderIn .navmenu ul li a{
  font-size: 17px;
  font-weight: 400;
  color: #000000;
  padding: 10px 10px;
  text-decoration: none;
}

.topHeaderIn .navmenu ul li a:hover, .topHeaderIn .navmenu ul li a.active, .topHeaderIn .navmenu ul li a.current{
  color: #0CC64A;
}

.menu-toggle{
  position: absolute;
  left: 0;
  top:0px;
  padding: 0px;
  background: transparent;
  width: 28px;
  height: 26px;
  border: none;
  top:20px;
  display: none;
  align-items: center;
}

.menu-toggle .toggle-icon {
    display: block;
    height: 2px;
    border-radius: 10px;
    background: #000000;
    flex: 1;
}

.menu-toggle .toggle-icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top:3px;
  right: 0px;
  height: 2px;
  border-radius: 10px;
  background: #000000;
}

.menu-toggle .toggle-icon:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom:3px;
  right: 0px;
  height: 2px;
  border-radius: 10px;
  background: #000000;
}

.navmenu .menuRight{
  flex: 0 0 auto;
}

.navmenu .menuRight a{
  background: #000000;
  border-radius: 3px;
  padding: 12px 14px;
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  min-width: 158px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
}

/* Banner Section Css */
.topBannerCont{
  margin: 24px 0;
  max-width: 533px;
}

.topBannerCont h1 {
    font-size: 50px;
    font-weight: 700;
    color: #000000;
    line-height: normal;
    margin: 18px 0 8px 0px;
}

.topBannerCont p {
    font-size: 17px;
    font-weight: 400;
    color: #3C3C3C;
    line-height: 1.6;
    margin:0px 0 0px 0px;
}

.topBannerCont .btnWrap{
 margin: 22px 0 0;
}

.container{
  max-width: 1300px;
  padding-left: 24px;
  padding-right: 24px;
}

.subTitleWrap h6{
  font-size: 17px;
  color: #0CC64A;
  font-weight: 400;
  margin: 0 0 5px 0;
}

.subTitleWrap h3{
  font-size: 25px;
  color: #000;
  font-weight: 600;
  margin: 0 0 8px;
}

.subTitleWrap p{
  font-size: 17px;
  color: #000;
  font-weight: 400;
  margin: 0 0 16px;
}

.subTitleWrap .btnWrap{
  margin: 20px 0 0 0;
}

.joinBgWrap{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 24px);
  margin: 24px 0 0 0;
  background: #DFF0EA;
  border-radius: 15px;
  padding: 42px;
}

.joinBgWrap:before {
    content: "";
    position: absolute;
    right: 40px;
    bottom: -52px;
    width: 100%;
    height: 285px;
    max-width: 170px;
    background: url('../images/joinImg.png') no-repeat;
    background-size: contain;
}

.joinBgWrap .cont{
  flex: 0 0 100%;
  align-self: flex-start;
}


.joinBgWrap .btnWrap{
  flex: 0 0 100%;
  align-self: flex-end;
  margin: 0 0 20px 0;
}

.blockTitle h1{
  font-size: 52px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #000000;
}

.blockTitle h2{
  font-size: 45px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #000000;
}

.blockTitle h3{
  font-size: 39px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #000000;
  line-height: 1.1;
}

.blockTitle h4{
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #000000;
  
}

.blockTitle h5{
  font-size: 22px;
  margin: 0 0 10px 0;
  color: #000000;
}

.blockTitle p{
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}

.blockTitle p:last-child{
  margin: 0px;
}


.bg-dark .blockTitle h3, .bg-grey .blockTitle h3{
  color: #fff;
}
.bg-dark .blockTitle p,.bg-grey .blockTitle p{
  color: #F7F7F7;
}

.ourServicesSlider{
  margin: 38px 0 0;
}

.ourServicesSlider .slick-slide > div {
    margin: 0 8px;
    height: 100%;
}

.ourServiceSlide{
  border: 0.5px solid #D5D5D5;
  border-radius: 10px;
  max-width: 467px;
  height: 100%;
  position: relative;
  z-index: 0;
}
.ourServiceSlide img{
    width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ourServiceSlide .circleText{
    position: absolute;
  top: 30px;
  left: 30px;
  z-index: 2;
  background: rgba(225,225,225,0.6);
  padding: 10px 20px;
  border-radius: 20px;
  color: #050505;
  font-size: 16px;
  font-weight: 500;
}
.ourServiceSlide p{
    position: absolute;
    bottom: 25px;
    left: 30px;
    z-index: 2;
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 500;
    max-width: 60%;
    margin: 0;
}
.ourServiceSlide:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 10px;
  opacity: 62%;
  z-index: -1;
}

.ourServiceSlide:after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
}

.ourServicesSlider .slick-list{
  overflow: visible;
}

.ourServicesSlider  .slick-dots{
  display: flex !important;
  gap: 0px;
  max-width: 814px;
  background: #F9F9F9;
  margin: 80px auto 0;
  height: 2px;
}

.ourServicesSlider  .slick-dots li {
    flex: auto;
    line-height: 0px;
}

.ourServicesSlider  .slick-dots li button {
    height: 3px;
    width: 100%;
    margin: -1px 0 0 0;
    line-height: 0;
}

.ourServicesSlider .slick-track {
  display: flex;
}

.ourServicesSlider .slick-track .slick-slide{
  float: none;
  height: auto;
}


.ourServiceSlide.bgCorporate:before{
  background: linear-gradient(to bottom,  rgba(255,238,210,0.36) 0%,rgba(243,209,174,0.27) 100%);
}

.ourServiceSlide.bgCorporate:after{
  width: 246px;
  height: 216px;
  right: 20px;
  bottom: 20px;
  background: url('../images/corporateWellbeing.png') no-repeat;
  background-size: cover;
}

.bgCorporate .circleText{
  background: #F8D6AC;
}

.ourServiceSlide.bgEnergy:before{
  background: linear-gradient(to bottom,  rgba(237,243,253,0.37) 0%,rgba(187,207,248,0.62) 100%);
}

.ourServiceSlide.bgEnergy:after{
  width: 234px;
  height: 314px;
  right: 10px;
  bottom: 0px;
  background: url('../images/Fitness.png') no-repeat;
  background-size: cover;
}

.bgEnergy .circleText{
  background: #C4DCFF;
}


.ourServiceSlide.bgTrust:before{
  background: linear-gradient(to bottom,  rgba(237,252,241,0.3) 0%,rgba(107,245,146,0.18) 100%);
  opacity: 80%;
}

.ourServiceSlide.bgTrust:after{
  width: 328px;
  height: 309px;
  right: 10px;
  bottom: 0px;
  background: url('../images/Healthcare.png') no-repeat;
  background-size: cover;
}

.bgTrust .circleText{
  background: rgba(105, 214, 131, 0.56);
}


.ourServiceSlide.bgFocus:before{
  background: linear-gradient(to bottom,  rgba(245,20,20,0.15) 0%,rgba(255,165,165,0.57) 100%);
}

.ourServiceSlide.bgFocus:after{
  width: 284px;
  height: 329px;
  right: 6px;
  bottom: 0px;
  background: url('../images/Education.png') no-repeat;
  background-size: cover;
}

.bgFocus .circleText{
  background: rgba(255, 255, 255, 0.61);
}


.ourServiceSlide.bgSafety:before{
  background: linear-gradient(to bottom,  rgba(255,253,201,0.39) 0%,rgba(252,248,168,0.57) 100%);
}

.ourServiceSlide.bgSafety:after{
  width: 433px;
  height: 276px;
  right: 0px;
  bottom: 0px;
  background: url('../images/Insutrial.png') no-repeat;
  background-size: cover;
}

.bgSafety .circleText{
  background: rgba(239, 217, 77, 0.85);
}

.slick-dots{
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 28px 0 0 0;
  gap: 4px;
  display: none !important;
  padding: 0px;
}

.slick-dots li{
  list-style: none;
}

.slick-dots li button{
  flex: 0 0 16px;
  height: 16px;
  width: 16px;
  border-radius: 100px;
  background: #ECECEC;
  font-size: 0px;
  border: none;
}

.slick-dots li.slick-active button{
  background: #000;
}


.siteFooter{
  background: #111111;
  padding: 80px 0 0px;
  color: #fff;
}

.footer-about .footLogo {
    max-width: 200px;
    margin: 0 0 15px 0;
}

.footer-about .footer-address{
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
}

.footer-about .social-links{
  display: flex;
  align-items: center;
  gap: 13px;
}

.footer-about .social-links a{
  vertical-align: top;
  text-decoration: none;
}

.footer-about .social-links i{
  font-size: 27px;
  vertical-align: top;
}

.footer-links{
  font-size: 18px;
  margin: 24px 0 0 0;
}

.footer-links h4{
  font-size: inherit;
  font-weight: 700;
}

.footer-links ul{
  margin: 40px 0 0;
  padding: 0px;
}

.footer-links ul li{
  margin: 0px 0 0;
  padding: 0px;
  list-style: none;
}

.footer-links ul li a{
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 400;
  font-size: inherit;
  padding: 4px 0;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}

.footer-links ul li a:hover{
  color: rgba(255, 255, 255, 0.7);
}

.storeLinks{
  margin: 24px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}
.storeLinks a{
  display: inline-block;
  vertical-align: top;
}

.storeLinks img{
  max-width: 146px;
}

.copyright{
  margin: 62px 0 0;
  padding: 24px 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  text-align: center;
  border-top: 0.5px solid rgba(255, 255, 255, 0.64);
}


@media (min-width:1200px) {
  .grid50.row{
    margin-left: -25px;
    margin-right: -25px;  
  }

  .grid50.row [class^="col-"]{
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid40.row{
    margin-left: -20px;
    margin-right: -20px;  
  }

  .grid40.row [class^="col-"]{
    padding-left: 20px;
    padding-right: 20px;
  }
  .grid30.row{
    margin-left: -15px;
    margin-right: -15px;  
  }

  .grid30.row [class^="col-"]{
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid16.row{
    margin-left: -8px;
    margin-right: -8px;  
  }

  .grid16.row > [class^="col-"]{
    padding-left: 8px;
    padding-right: 8px;
  }

  .topBannerImg {
      margin: 0 -42px 0 0;
  }
}


@media (min-width:991px) {
  .grid28.row{
    margin-left: -14px;
    margin-right: -14px;  
  }

  .grid28.row > [class^="col-"]{
    padding-left: 14px;
    padding-right: 14px;
  }

  .grid18.row{
    margin-left: -9px;
    margin-right: -9px;  
  }

  .grid18.row > [class^="col-"]{
    padding-left: 9px;
    padding-right: 9px;
  }


}


@media (max-width:1200px) {
  .topHeaderIn .navmenu ul li{margin: 0 8px 0;}
}

@media (max-width:991px) {
  .menu-toggle{display: block; top: 17px;}
  .topHeaderIn{align-items: center; padding: 13px 0px;}
  .topHeaderIn .top-logo{margin: 0px 0 0px 42px;}
  .topHeaderIn .navmenu > ul{position: absolute; left: -24px; top: 100%; background: #fff; right: -24px; height: calc(100vh - 80px); display: none; border-top: 1px solid #ccc;}
  .topHeaderIn .navmenu ul li{margin: 0px;}
  .topHeaderIn .navmenu ul li .subMenu{display: block;}
  .topHeaderIn .navmenu ul li a{margin: 0px; display: inline-block; vertical-align: top; padding: 9px 24px; font-size: 16px;}
  .topHeaderIn .navmenu ul li .subMenu{margin: 0px; padding: 0px 0 0 12px; display: block !important; border: none; position: static;}
  .topHeaderIn .navmenu ul li .subMenu > li a{font-size: 15px;}
  .navmenu .menuRight {flex: auto;text-align: right;}

  .forYouSec{flex-wrap: wrap; justify-content: center;}
  .forYouSec .contSeccenter{order: 1;}
  .topBannerSec {padding: 17px 0 50px;}

  .bgEventWrap .eventDetailsBlock { position: relative; right: 0; border-radius: 15px; top: 0; transform: none; background: #FFFFFF; margin: -80px 28px 0 28px; max-width: inherit; padding: 24px 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.16);}
  .btn{ padding: 10px 18px; font-size: 15px;}
  .topBannerCont h1{font-size: 42px;}
  .topBannerCont p{font-size: 16px;}
  .center-text{font-size: 20px;}
  .home-about-block{padding: 20px 20px 26px; border-radius: 8px;}
  .subTitleWrap h3{font-size: 20px;}
  .subTitleWrap p{font-size: 15px;}
  .missionBlock{padding: 20px 20px 26px; border-radius: 8px;}
  .missionBlock .img {border-radius: 6px;}
  .missionBlock .text{font-size: 18px;}
  .joinBgWrap{border-radius: 8px;     padding: 20px 20px;}
  .joinBgWrap .btnWrap{margin-bottom: 10px;}
  .joinBgWrap:before{display: none;}
  .pt-120{padding-top: 80px;}
  .pb-120 {padding-bottom: 80px;}
  .pt-100 {padding-top:80px;}
  .pb-100 {padding-bottom: 80px;}
  .pt-50 {padding-top:40px;}
  .pb-50 {padding-bottom: 40px;}
  .secTitle h2{font-size: 28px;}
  .secTitle p{font-size: 15px;}
  .secTitle h3{font-size: 24px;}
  .ourServiceSlide h5{font-size: 18px;}
  .ourServiceSlide p{font-size: 15px;}
  .custom-accordion .accordion-item{padding: 0 0 20px 0;}
  .custom-accordion .accordion-item .accordion-header .accordion-button{ font-size: 18px; padding: 20px 0px 0px;}
  .custom-accordion .accordion-item .accordion-header .accordion-button:after{font-size: 13px; width: 36px; height: 36px;}
  .custom-accordion .accordion-item .accordion-body{font-size: 15px;}
  .testiSlideBlock .rating .icon-start {font-size: 20px;}
  .testiSlideBlock .rating{margin: 0 0 18px 0;}
  .testiSlideBlock .text{font-size: 17px;}
  .contSecIn h5{font-size: 20px; margin: 0 0 13px 0;}
  .contSecIn p {font-size: 15px;}
  .smlWSec{padding: 24px 20px 32px; border-radius: 8px; min-height: inherit;}
  .smlWSec .cont h2{font-size: 36px;}
  .smlWSec .cont P{font-size: 15px;}
  .footer-about .footer-address{font-size: 15px;}
  .footer-links{margin: 28px 0 0; font-size: 15px;}
  .footer-links ul{margin: 10px 0 0;}
  .bgEventWrap .bigImg{ border-radius: 6px;}
  .bgEventWrap .eventDetailsBlock{border-radius: 10px; margin: -50px 20px 0 20px;}
}

@media (max-width:767px) {
  .forYouSec{gap: 32px 24px;}
  .forYouSec .imgSecLeft, .forYouSec .imgSecRight{ max-width: calc(50% - 12px);}
  .navmenu .menuRight a{    padding: 9px 14px; font-size: 15px; min-width: inherit; white-space: nowrap;}
  .testiSliderWrap.slick-slider .slick-arrow{display: none !important;}
  .testiSliderWrap.slick-slider{padding: 20px;}
  .testiSliderWrap .slick-dots{display: flex !important;}
  .smlWSec .cont h2{font-size: 32px;}
  .copyright{font-size: 14px;}
  .ourServiceSlide{max-width: 100%;}
  .ourServiceSlide.bgSafety:after, .ourServiceSlide.bgTrust:after{width: 100%; height: 240px;}
  .ourServiceSlide.bgEnergy:after{width: 197px; height: 264px;}
  .ourServiceSlide.bgFocus:after{width: 233px; height: 270px;}
  .aboutImgGrid{ gap: 3px;}
  .aboutImgGrid .aboutImgWrap .cont h5{ font-size: 15px;}
  .aboutImgGrid .aboutImgWrap .cont{padding: 18px 10px;}
  .topBannerCont h1 {font-size: 36px;}
}


/* Wellness Page Css */
.wellnessBannerWrap{position: relative;}
.wellnessBanner{padding: 120px 0px; min-height: 596px; background: url('../images/wellness-banner-img.png') no-repeat;    background-size: cover; background-position: center; display: flex; align-items: center;}
.wellnessBanner .topBannerCont{margin: 0px;}
.wellnessBanner .topBannerCont h1{color: #fff; margin: 0 0 12px 0}
.wellnessBanner .topBannerCont p{color: #fff; font-weight: 400; font-size: 18px;}


.docImgLeft{border-radius: 20px; overflow: hidden;}
.docImgLeft img{width: 100%;}
.bsNumBlock{margin: 32px 0 0;}
.bsNumBlock .num{font-size: 40px; font-weight: 700; color: #000000; border-bottom: 1px solid rgba(112, 112, 112, 0.3); padding: 0 0 18px 0; margin: 0 0 28px 0; line-height: 1.2;}
.bsNumBlock h5{font-size: 18px; font-weight:700; margin: 0 0 14px 0;}
.bsNumBlock p{font-size: 17px; font-weight:400; margin: 0 0 0px 0;}


.grGrey{background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(255,255,255,1) 86%); padding:48px 48px 0px; border-radius: 20px; height: 100%; display: flex; flex-wrap: wrap;}
.grGrey .img{flex: 0 0 100%; margin: 65px 0 0px; text-align: center;}
.grGrey .img img { max-width: 460px; width: 100%;}
.grGrey .blockTitle h3{margin-bottom: 16px;}
.joinBgWrap.ddBgBlock { height: auto; border-radius: 20px; padding: 16px;}
.joinBgWrap.ddBgBlock:before{display: none;}
.joinBgWrap.ddBgBlock .img{border-radius: 20px 20px 0 0; margin: 0px 0px 20px 0px; overflow: hidden;}
.joinBgWrap.ddBgBlock h5{font-size: 21px;font-weight: 700; margin: 0 0 9px 0;}
.joinBgWrap.ddBgBlock p{color: #101010;}
.joinBgWrap.ddBgBlock p span{color: #0A9939;}

.bgPurple{border-radius: 20px; padding: 30px 30px 0px; background: #F4F1FB; margin: 18px 0 0 0;}
.bgPurple .img {max-width: 269px; margin: 16px 0 0 auto;}

.stepsWrap{display: flex; align-items: flex-start; gap:0px 0px; margin: 20px 0 0 0px;}
.stepsBlock{flex: auto; text-align: center; margin: 32px 0;}
.stepsBlock .num{color: rgba(0, 0, 0, 0.13); font-size: 44px; font-weight: 400; line-height: 1.1; padding: 0px 30px;}
.stepsBlock .title{position: relative; margin:0 0 18px 0px;     display: flex; align-items: center; justify-content: center; padding: 0px 30px;}
.stepsBlock .title:before{content:""; position: absolute;     left: -50%; top: 12px; right: 50%; border-bottom: 1px dashed #B0B0B0; display: none;}
.stepsBlock + .stepsBlock .title:before{display: block;}
.stepsBlock .title h4{font-size: 20px; line-height: normal; font-weight: 700; margin: 0px; background: #F6FBF6; position: relative; z-index: 1; padding: 0 20px;}
.stepsBlock + .stepsBlock .title h4:before{content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #BBBBBB; border-radius: 10px;}
.stepsBlock .title h4:after{content: ""; position: absolute; right: 0; top: 8px; width: 8px; height: 8px; background: #BBBBBB; border-radius: 10px;}
.stepsBlock:last-child .title h4:after{display: none;}
.stepsBlock p{padding: 0px 30px; font-size: 18px; margin:0px; color:#000; }

.mAppSecWrap .img{position: absolute; right: 0; bottom: 0px; max-width: 480px;}

.successStoriesWrap{display: flex; flex-wrap: wrap; gap:0px 18px;}
.successStoriesBlock{flex: 1; margin: 18px 0 0 0; background: #ECECEC; border-radius: 20px; padding: 32px 20px;}
.StoriesBlock{display: flex; flex-wrap: wrap;  height: 100%; align-content: center;}
.StoriesBlock .icon .icon-quote{font-size: 24px;}
.StoriesBlock .icon{margin: 0 0 16px 0;}
.StoriesBlock .text{color: #000; font-size: 18px;}
.successStoriesWrap .imgBlock {border-radius: 20px; overflow: hidden; padding: 0px; background: transparent;}
.successStoriesWrap .imgBlock img{width: 100%; height: auto;}
.successStoriesWrap .imgBlockLeft{max-width: 338px;}
.successStoriesWrap .imgBlockRight{max-width: 224px;}
.StoriesBlock .userBlock{margin: 46px 0 0 0px; flex: 0 0 100%;}
.userBlock{display: flex; align-items: center; gap: 14px; }
.userBlock .img{flex: 0 0 44px; height: 44px; background: #000; border-radius: 100px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; font-weight: 400;}
.userBlock .cont{ flex:auto; }
.userBlock .cont h5{font-size: 16px; font-weight: 400; color: #000000; line-height: 22px; margin: 0px;}

.goalImgWrap{border-radius: 20px; overflow: hidden;}
.goalImgWrap img{width: 100%; height: auto;}


.privacyBlock{border-radius: 20px; background: #000; color: #fff; margin: 20px 0 0;}
.privacyBlock .img{border-radius: 20px; overflow: hidden;}
.privacyBlock .img img{width: 100%;}
.privacyBlock .cont{padding: 20px 22px 20px;}
.privacyBlock .cont h5{font-size: 18px; margin: 0px 0 12px; font-weight: 500; }
.privacyBlock .cont p{font-size: 16px; margin: 0px 0 12px; font-weight: 400;  color: #E3E2E2;}



@media (min-width:992px) {
  /* .mt-n-80 {margin-top: -z0px;}   */
  .successStoriesBlock.fSpacing {padding: 32px 52px;}
}

@media (max-width:1200px) {
  .mAppSecWrap .blockTitle.mx-w-660 {max-width: 55%;}
  .mAppSecWrap .img{max-width:45%;}
}

@media (max-width:991px) {
.wellnessBanner{min-height: inherit; padding: 70px 0px;}
.blockTitle h2{font-size: 36px;}
.blockTitle h3{font-size: 30px;}
.blockTitle h4{font-size: 24px;}
.blockTitle p, .employersBlock .cont ul li, .bsNumBlock p, .wellnessBanner .topBannerCont p, .stepsBlock p, .StoriesBlock .text{font-size: 16px;}
.userBlock .cont h5{font-size: 14px;}
.userBlock .img{font-size: 17px;}
.docImgLeft{margin-bottom: 24px;     border-radius: 10px;}
.blockTitle h5{font-size: 20px;}
.bsNumBlock .num{    font-size: 32px; padding: 0 0 14px 0; margin: 0 0 20px 0;}

.grGrey .blockTitle h3 {margin-bottom: 10px;}
.stepsBlock .title h4{font-size: 17px;}
.successStoriesWrap .imgBlockLeft {max-width: 30%;}
.goalImgWrap{margin: 24px 0 0;}
.privacyBlock .cont h5{font-size: 16px;}
.privacyBlock .cont p{font-size: 14px;}
.btnWrap{flex-wrap: wrap;}
.stepsBlock p{padding: 0px 10px;}
}

@media (max-width:767px) {
  .blockTitle h2 {font-size: 32px;}
  .blockTitle h3 { font-size: 26px;}
  .blockTitle h4 {font-size: 22px;}
  .blockTitle p, .employersBlock .cont ul li, .bsNumBlock p, .wellnessBanner .topBannerCont p, .stepsBlock p, .StoriesBlock .text{font-size: 15px;}
  .fs-17 {font-size: 15px !important;}
  .stepsWrap{display: block;}
  .stepsBlock + .stepsBlock .title:before, .stepsBlock + .stepsBlock .title h4:before, .stepsBlock .title h4:after {display: none;}
  .mAppSecWrap .blockTitle.mx-w-660 {max-width:inherit;}
  .mAppSecWrap .img { position: relative; margin: 40px -24px -80px auto; max-width: 430px;}
  .successStoriesWrap{display: block;}
  .successStoriesWrap .imgBlockLeft, .successStoriesWrap .imgBlockRight { max-width: inherit;}
  .userBlock{gap: 10px;}
  .userBlock .img {font-size: 16px; flex: 0 0 38px; height: 38px;}
  .grGrey{padding: 32px 20px 0px;}
  .privacyBlock .cont {padding: 20px 20px 20px;}
  .bgPurple{ padding: 24px 20px 0px;}
  .joinBgWrap.ddBgBlock .img{border-radius: 8px 8px 0 0;}
}


/* contact css */

.bgGreenLight {background: #e8f7f2;}
.contactTopSec .blockTitle p{font-size: 21px;}
.bgShadowBox{ background: #fff; border-radius: 16px;  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16); padding: 32px; max-width: 830px; margin: 0px auto;}
.form-group{margin: 0px 0 20px 0px;}
.form-group label{margin: 0px 0 5px 0px; font-size: 14px; font-weight: 500; color: #374151; display: block;}
.form-group input {margin: 0px 0 0px 0px; color: #374151; display: block; padding: 5px 16px; height: 50px; border-radius: 4px; border: 1px solid #d1d5db; font-size: 16px; font-weight: 400;}
.form-group textarea {margin: 0px 0 0px 0px; color: #374151; display: block; padding: 5px 16px; height: 120px; border-radius: 4px; border: 1px solid #d1d5db; font-size: 16px; font-weight: 400;}
.form-group select {margin: 0px 0 0px 0px; color: #374151; display: block; padding: 5px 16px; height: 50px; border-radius: 4px; border: 1px solid #d1d5db; font-size: 16px; font-weight: 400;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .7em;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
}

.form-group .form-control::placeholder {
  color: #9DA3AF;
  opacity: 1; /* Firefox */
}

.form-group .form-control::-ms-input-placeholder { /* Edge 12 -18 */
  color: #9DA3AF;
}

.bgShadowBox .btn{padding: 14px 22px;}
.faqWrap .border.blockTitle {border-radius: 8px;}

.bg-theme .color-white600 {color: #e0ffee !important;}


/* new */
.ringWrap {
  position: relative;
  margin: 32px 0 0;
}

.ringWrap img {
  width: 100%;
  max-height: 530px;
}

.ringWrap .cont {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  color: #FFFFFF;
}
.ringWrap .cont h4{
  font-size: 23px;
  font-weight: 700;
  margin: 0 0 6px 0;
}
.ringWrap .cont p{
  font-size: 17px;
  font-weight: 400;
  margin: 0;
  max-width: 420px;
}
.img-overlay {
  position: relative;
}
.img-overlay .img-1{
  position: absolute;
  top: 50%;
  left: 35%;
  max-width: 240px;
}
.mx-w-300{
  max-width: 300px;
}

.highlghtImgWrap{
  position: relative;
}
.highlghtImgWrap img{
  min-height: 260px;
      max-height: 260px;
    height: 100%;
    width: 100%;
}
.highlghtImgWrap .long-img{
  height: 100%;
    min-height: 536px;
}
.highlghtImgWrap p{
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 190px;
  font-size: 17px;
  color: #FFFFFF;
  font-weight: 500;
}
.highlghtImgWrap .overlay-down{
  text-align: center;
  top: auto;
  bottom: 25px;
}

.goal-img-1{
  max-width: 290px;
  min-height: 310px;
}
.goal-img-2{
  max-width: 290px;
  min-height: 230px;
}
.mt-n5{
  margin-top: -50px;
}

.wellnessFeatureSection {
  position: relative;
  border-radius: 20px;
  padding: 30px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  background-repeat: no-repeat;
  min-height: 600px;
}

.wellnessFeatureSection .bg-transition-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 0;
}
 
.wellnessFeatureSection .bg-transition-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.52);
  border-radius: 20px;
}
 
.wellnessFeatureSection .innerContent {
  position: relative;
  z-index: 2;
}

.featureTabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
 
.featureCard {
  background: #fff;
  border-radius: 20px;
  padding: 25px 20px;
  width: 225px;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
  border: 2px solid transparent;
  position: relative;
  bottom: 0;
}
 
.featureCard:hover:not(.active) {
  transform: translateY(-3px);
}
 
.featureCard .icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
  margin-bottom: 15px;
  transition: filter 0.3s ease;
}
 
.featureCard h4 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: #111;
  transition: color 0.3s ease;
  line-height: 1.3;
}
 
.featureCard.active {
  background: #16c653;
  color: #fff;
}
 
.featureCard.active h4 { color: #fff; }
 
.featureCard.active .icon {
  filter: brightness(0) invert(1);
}
 
.featureContent {
  color: #fff;
  max-width: 500px;
  position: relative;
}

.featureContent.animating {
  animation: contentFadeUp 0.4s ease forwards;
}
 
@keyframes contentFadeUp {
  0%   { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}
 
.mainIcon {
  width: 52px;
  height: 52px;
  object-fit: contain;
  display: block;
  margin-bottom: 20px;
  filter: brightness(0) invert(1); 
}
 
.featureContent h4 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.25;
}
 
.featureContent p {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,0.88);
}

@media (min-width: 991px) {
  .ringWrap {margin-top: 42px;}
}


@media (max-width: 991px) {


  .ringWrap .cont {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .ringWrap .cont h4 {
    font-size: 20px;
  }

  .ringWrap .cont p {
    font-size: 15px;
    max-width: 320px;
  }

  .img-overlay {
    text-align: center;
    margin-bottom: 24px;
  }

  .img-overlay .mx-w-300 {
    max-width: 240px;
  }

  .img-overlay .img-1 {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-10%, -10%);
    max-width: 190px;
  }

  .ourServiceSlide .circleText {
    top: 20px;
    left: 20px;
    font-size: 14px;
    padding: 8px 14px;
  }

  .ourServiceSlide p {
    left: 20px;
    bottom: 20px;
    font-size: 18px;
    max-width: 72%;
  }

  .highlghtImgWrap {
    margin-bottom: 18px;
    border-radius: 16px;
    overflow: hidden;
  }

  .highlghtImgWrap img,
  .highlghtImgWrap .long-img {
    min-height: auto;
    max-height: none;
    height: auto;
  }

  .highlghtImgWrap p {
    top: 18px;
    left: 18px;
    font-size: 15px;
    max-width: 170px;
  }

  .highlghtImgWrap .overlay-down {
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: calc(100% - 36px);
    max-width: 100%;
  }

  .stepsWrap {
    flex-wrap: wrap;
    margin-top: 10px;
  }

  .stepsBlock {
    flex: 0 0 100%;
    margin: 18px 0;
  }

  .stepsBlock .title:before,
  .stepsBlock + .stepsBlock .title h4:before,
  .stepsBlock .title h4:after {
    display: none;
  }

  .mAppSecWrap {
    position: relative;
    padding-bottom: 0;
  }

  .mAppSecWrap .blockTitle.mx-w-660 {
    max-width: 100%;
  }

  .mAppSecWrap .img {
    position: static;
    max-width: 320px;
    margin: 30px auto 0;
    text-align: center;
  }

  .successStoriesWrap {
    gap: 18px;
  }

  .successStoriesBlock,
  .successStoriesWrap .imgBlockLeft,
  .successStoriesWrap .imgBlockRight {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .wellnessFeatureSection {
    padding: 24px 20px;
    border-radius: 16px;
  }

  .wellnessFeatureSection .bg-transition-layer,
  .wellnessFeatureSection .bg-transition-layer::after {
    border-radius: 16px;
  }

  .featureTabs {
    gap: 12px;
  }

  .featureCard {
    width: calc(50% - 6px);
    padding: 20px 16px;
    border-radius: 16px;
  }

  .featureCard h4 {
    font-size: 16px;
  }

  .featureCard .icon {
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
  }

  .featureContent {
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .featureContent h4 {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .featureContent p {
    font-size: 15px;
    line-height: 1.65;
    max-width: 100%;
  }

  .mainIcon {
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
  }

  .goal-img-1,
  .goal-img-2 {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    border-radius: 16px;
    object-fit: cover;
  }

  .mt-n5 {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {

  .ringWrap .cont h4 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .ringWrap .cont p {
    font-size: 14px;
    max-width: 100%;
    line-height: 1.5;
  }

  .img-overlay .mx-w-300 {
    max-width: 190px;
  }

  .img-overlay .img-1 {
    max-width: 150px;
    left: 50%;
    top: 52%;
    transform: translate(-5%, -10%);
  }

  .grGrey {
    padding: 24px 20px 0;
    border-radius: 16px;
  }

  .grGrey .img {
    margin-top: 28px;
  }

  .joinBgWrap.ddBgBlock {
    padding: 12px;
    border-radius: 16px;
  }
  
  .ourServiceSlide .circleText {
    top: 16px;
    left: 16px;
    font-size: 13px;
    padding: 7px 12px;
  }

  .ourServiceSlide p {
    left: 16px;
    right: 16px;
    bottom: 16px;
    font-size: 17px;
    max-width: 100%;
  }

  .highlghtImgWrap p {
    top: 14px;
    left: 14px;
    font-size: 14px;
    max-width: 150px;
  }

  .highlghtImgWrap .overlay-down {
    bottom: 14px;
    width: calc(100% - 28px);
  }

  .wellnessFeatureSection {
    padding: 18px 16px;
    border-radius: 14px;
  }

  .wellnessFeatureSection .bg-transition-layer,
  .wellnessFeatureSection .bg-transition-layer::after {
    border-radius: 14px;
  }

  .featureTabs {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .featureCard {
    width: 100%;
    padding: 18px 15px;
    border-radius: 14px;
  }

  .featureCard .icon {
    width: 26px;
    height: 26px;
    margin-bottom: 10px;
  }

  .featureCard h4 {
    font-size: 15px;
    line-height: 1.35;
  }

  .featureContent {
    padding-top: 28px;
    padding-bottom: 10px;
  }

  .featureContent h4 {
    font-size: 22px;
    line-height: 1.3;
  }

  .featureContent p {
    font-size: 14px;
    line-height: 1.6;
  }

  .mainIcon {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
  }

  .goal-img-1,
  .goal-img-2 {
    border-radius: 14px;
  }

}

@media (max-width: 575px) {

  .ringWrap .cont h4 {
    font-size: 17px;
  }

  .ringWrap .cont p {
    font-size: 13px;
  }

  .img-overlay .mx-w-300 {
    max-width: 160px;
  }

  .img-overlay .img-1 {
    max-width: 125px;
  }

  .featureContent h4 {
    font-size: 20px;
  }

  .featureContent p {
    font-size: 13px;
  }

  .highlghtImgWrap p {
    font-size: 13px;
    max-width: 130px;
  }
}


/* who we are page */
.who-we .wellnessBannerWrap .topBannerCont{
  max-width: 730px;
}
.who-we .wellnessBannerWrap .topBannerCont h1{
  font-size: 40px;
}
.who-we .wellnessBanner {
  background: url(../images/who/banner-img.png) no-repeat ;
   background-size: cover; background-position: center;
}
.who-we .wellnessBannerWrap .topBannerCont .banner-badge{
  background: rgba(0, 206, 40, 0.35);
  color: #FFFFFF;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 20px;
  margin: 0 0 6px 0;
  width: max-content;
}
.statsRow { 
  display: grid; 
  grid-template-columns: repeat(4, 1fr); 
  border-bottom: 1px solid rgba(112,112,112,0.17); 
}
.statBlock {    
   padding: 20px 0 20px 25px;
    border-right: 1px solid rgba(112,112,112,0.17);
    margin: 50px 0;
  }
.statBlock:first-child { padding-left: 0; }
.statBlock:last-child { border-right: none; }
.statBlock h2{ 
  font-size: 38px; 
  font-weight: 400; 
  color: #000;
   margin:0 ; 
  }
.statBlock p{ 
  font-size: 18px; 
  color: #000000;
   font-weight: 400;
   margin: 0;
}
@media (max-width: 991px) {
.statsRow { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 767px) {
  .statsRow { grid-template-columns: 1fr 1fr; }
      .statBlock:nth-child(2) { border-right: none;}
}
.about-usWrap{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.about-usWrap .col-lg-4{
  max-width: 360px;
}
.img-fluid.h-100 {
    min-height: 250px; 
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}

.aboutCard {
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    padding: 25px;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.aboutCard h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.aboutCard p {
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

.aboutCard h3 {
    font-size: 32px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.aboutCard.greenCard {
    background: #08B743;
    color: #FFFFFF;
}

.aboutCard.greyCard {
    background: #F2F2F2; 
    color: #000000;
}

.aboutCard.blackCard {
    background: #000000;
    color: #D9D9D9;
}


@media (max-width: 991px) {
    .aboutCard {
        margin-bottom: 24px;
        min-height: 200px;
    }

    .aboutCard h3 {
        font-size: 36px;
    }
}
@media (max-width: 575px) {
    .aboutCard {
        padding: 20px;
    }
    .blockTitle h3 {
        font-size: 24px;
    }
}
.whyCard{
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    padding: 30px;
    box-shadow: 0px 1px 2px #00000029;
    border-radius: 10px;  
    transition: transform 0.3s ease;
    color: #000000;
    min-height: 370px;
    height: 100%;
}
.whyCard.bg-yellow{
  background: #F4F7E3;
}
.whyCard.bg-purple{
  background: #F2F3FC;
}
.whyCard.bg-pink{
  background: #FFF1F9;
}
.whyCard .iconWrap{
    height: 70px;
    width: 70px;
    padding: 10px;
    background: #000000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.whyCard  h4{
      font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px 0;
}
.whyCard p{
    font-size: 18px;
    margin: 0;
}
.whyCard .explore-icon{
    height: 38px;
    width: 38px;
    border: 1px solid #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.howCard h3{
    font-size: 20px;
    background: #000000;
    font-weight: 400;
    color: #FFFFFF;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0;
}
.howCard h4{
font-size: 20px;
    font-weight: 700;
    margin: 7px 0;
}
.howCard p{
      font-size: 18px;
    color: #3C3C3C;
    margin: 0;
    max-width: 300px;
}
.featureBigCard { 
  position: relative; 
  border-radius: 10px; 
  overflow: hidden; 
  min-height: 460px; 
}
.featureBigCard img {
   width: 100%; 
   height: 100%; 
   object-fit: cover; 
   position: absolute; 
}
.featureBigCard::after { 
  content: "";
  position: absolute; 
  inset: 0; 
  background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.1) 55%); 
}
.featureBigCard .featureIconBox { 
    position: absolute;
    top: 35px;
    left: 30px;
    z-index: 2;
    background: #FFFFFF;
    border-radius: 7px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featureBigCard .featureIconBox img { width: 23px; height: 23px; }
.featureBigCard .featureCardCont { 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  z-index: 2; 
  padding: 28px 35px;
}
.featureBigCard .featureCardCont h4 { 
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
}
.featureBigCard .featureCardCont p { 
  font-size: 18px; 
  color: #F8F8F8; 
  margin: 0;
}

.testimonialSliderWrap { position: relative; }
.testimonialSlider { 
  max-width: 700px; 
  margin: 0 auto; 
  text-align: center; 
}
.tStars span{ 
  display: flex; 
  justify-content: center; 
  gap: 10px; 
  margin: 0 0 40px 0; 
  font-size: 23px; 
}
.tQuote { 
  font-size: 21px; 
  color: #000000;
  margin :0 auto 20px ;
  font-weight: 400;
  max-width: 640px;}
.tAuthor { 
  font-size: 18px; 
  font-weight: 500;
  color: #000000;
  font-style: italic;
 }

.tNavBtn {
   position: absolute;
   font-size: 14px;
    top: 50%; 
    transform: translateY(-50%);
    width: 45px; 
    height: 45px;
    border-radius: 50%; 
    background: #ECECEC; 
    border: none; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: background 0.2s; 
  }
.tNavBtn:hover { background: #E0E0E0; }
.tNavBtn.prev { left: 0; }
.tNavBtn.next { right: 0; }

@media (max-width: 991px) {
  .who-we .wellnessBannerWrap .topBannerCont h1 { font-size: 30px; }
  .img-fluid.h-100 { min-height: 200px; margin-bottom: 15px; }

  .whyCard { min-height: 250px; margin-bottom: 20px; }
  .whyCard .iconWrap { height: 60px; width: 60px; }
  .whyCard p { font-size: 16px; }

  .howCard h4 { font-size: 18px; }
  .howCard p { font-size: 16px; max-width: 100%; }

  .featureBigCard { min-height: 380px; }
  .featureBigCard .featureCardCont h4 { font-size: 18px; }
  .featureBigCard .featureCardCont p { font-size: 16px; }
.mx-w-450 { width: stretch;}
  .who-we .mt-5{margin-top: 20px !important;}
}

@media (max-width: 767px) {
  .statBlock { padding: 16px 0 16px 16px; margin: 30px 0; }
  .statBlock h2 { font-size: 28px; }
  .statBlock p { font-size: 15px; }

  
  .aboutCard h5 { font-size: 16px; }
  .aboutCard p { font-size: 14px; }
  .aboutCard h3 { font-size: 28px; }
  .aboutCard.blackCard { margin-bottom: 0; }

  .whyCard { margin-bottom: 16px; padding: 24px 20px; }
  .whyCard h4 { font-size: 18px; }
  .whyCard p { font-size: 15px; }
  .whyCard .iconWrap { height: 50px; width: 50px; }

  .howCard { margin: 7px 0; }
  .howCard h3 { height: 42px; width: 42px; font-size: 17px; }
  .howCard h4 { font-size: 17px; }
  .howCard p { font-size: 15px; }

  .who-we.mt-5{margin-top: 0 !important;}

  .featureBigCard .featureIconBox { top: 20px; left: 18px; width: 46px; height: 46px; }
  .featureBigCard .featureCardCont { padding: 20px 22px; }
  .featureBigCard .featureCardCont h4 { font-size: 17px; margin-bottom: 10px; }
  .featureBigCard .featureCardCont p { font-size: 15px; }

  .testimonialSlider { max-width: 80%; }
  .tNavBtn { width: 30px; height: 30px; font-size: 11px; }
  .tQuote, .tAuthor { font-size: 15px; }
  .tStars span{ font-size: 20px; gap: 6px; margin-bottom: 28px; }
}

@media (max-width: 575px) {
  .statsRow { grid-template-columns: 1fr 1fr; border: none; gap: 20px; }
  .statBlock { border-right: none; border-bottom: 1px solid #BDBDBD; margin: 20px 0; padding: 16px 0; }
  .featureBigCard { min-height: 280px; }
}


/* products */
.productsPage .why-product-ring .ring-content
,.bandPage .why-product-ring .ring-content{
    border-bottom: 1px solid #D3D2D2;
    margin: 0 0 22px 0;
}
.productsPage .why-product-ring .ring-content:last-child,
.bandPage .why-product-ring .ring-content:last-child{
    border-bottom: none;
    margin: 0;
}
.productsPage .why-product-ring .ring-content h4,
.bandPage .why-product-ring .ring-content h4{
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 10px 0;
}
.productsPage .why-product-ring .ring-content p,
.bandPage .why-product-ring .ring-content p{
    font-size: 17px;
    color: #000000;
    font-weight: 400;
    margin: 0 0 22px 0;
    max-width: 550px;
}
@media (max-width: 991px) {
    .productsPage .why-product-ring .ring-content p,
    .bandPage .why-product-ring .ring-content p {
        max-width: 100%;
    }
    .productsPage .text-end, .bandPage .text-end{text-align: unset !important; }
    .productsPage .text-end .mx-w-450, .bandPage .text-end .mx-w-450{max-width: 100% !important;}
}

.productsPage .featureImgCard, .bandPage .featureImgCard {
  border-radius: 16px;
  overflow: hidden;
  margin: 0 0 28px;
}

.productsPage .featureImgCard img , .bandPage .featureImgCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

.gap-16 { gap: 16px; }

.wellbeingCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 15px;
    max-width: 900px;
    margin: auto;
}

.wellbeingCard {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.wellbeingContent {
     position: absolute;
    top: 34px;
    left: 16%;
    color: #fff;
    max-width: 350px;
}
.bandPage .wellbeingCard::before{
  background: none;
}
.bandPage .wellbeingContent {
  max-width: none;
}
.wellbeingCard::before {
    content: "";
    position: absolute;
    inset: 0;
    max-width: 900px;
    margin: auto;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.3);
}
.wellbeingContent h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 5px;
}

.wellbeingContent p {
    font-size: 18px;
    line-height: 1.3;
    color: #FFFFFF;
    font-weight: 400;
}


@media (max-width: 768px) {
  .wellbeingContent {
    left: 20px;
    right: 20px;
    max-width: 100%;
  }

  .wellbeingContent h4 {
    font-size: 22px;
  }

  .wellbeingContent p {
    font-size: 14px;
  }
}

.wornAccordion{
  max-width: 550px;
}
.wornItem { border-bottom: 1px solid #D3D2D2;  margin:  0 0 23px 0; }
.wornItem:last-child { border-bottom: none; }

.wornItem.active .wornHeader {
  padding: 0 0 10px 0;

}
.wornHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 29px 0;
  cursor: pointer;
}
.wornHeader h5 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.wornIcon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #000;
}
.wornItem.active .wornHeader .wornIcon { transform: rotate(180deg); }

.wornBody {
  display: none;
  padding: 0 0 22px 0;
}
.wornItem.active .wornBody { display: block; }
.wornBody p {
  font-size: 17px;
  color: #000000;
  margin: 0;
}

.wornImgGrid {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.wornImgTall {
  flex: 1;
  overflow: hidden;
}
.wornImgTall img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 15px;
}
.wornImgRight {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wornImgSmall {
  border-radius: 15px;
  overflow: hidden;
  flex: 1;
}
.wornImgSmall img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 991px) {
  .wornImgGrid { flex-direction: column; }
  .wornImgTall img { min-height: 280px; }
  .wornImgRight { flex-direction: row; gap: 14px; }
  .wornImgSmall { margin-bottom: 0 !important; }
}
@media (max-width: 767px) {
  .wornImgRight { flex-direction: column; }
  .wornHeader h5 { font-size: 16px; }
  .wornBody p { font-size: 15px; }
}


.wellnessBannerWrap { position: relative; overflow: hidden; }

.bannerContent {
  position: relative;
}

.bannerSlideContent {
  display: none;
  animation: contentFadeIn 0.6s ease forwards;
}

.bannerSlideContent.active {
  display: block;
}


.bannerSlideContent.bannerLast.active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0%;
  text-align: left;
}

/* .bannerSlideContent.bannerLast h1 {
  font-size: 59px;
  line-height: 1.05;
  font-weight: 700;
  margin-bottom: 18px;
  color: #fff;
}

.bannerSlideContent.bannerLast p {
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  margin: 0;
} */

@keyframes contentFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.wellnessBanner {
  transition: none;
}

.bannerSlide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(100%);
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.18, 1);
  z-index: 0;
}

.bannerSlide.active {
  transform: translateX(0%);
  z-index: 1;
}

.bannerSlide.exit {
  transform: translateX(-100%);
  z-index: 0;
}

.wellnessBanner .container {
  position: relative;
  z-index: 2;
}


.productsPage .wellnessBanner{
  background-image: url(../images/products/banner-1.png)
}

.bandPage .wellnessBanner{
  background-image: url(../images/band/banner-1.png)
}

@media (min-width: 991px) {
  .topHeaderIn .navmenu ul li.has-menu .subMenu{
    display: none;       
    position: absolute;   
    top: 110%;           
    left: 0;
    min-width: 140px;
    z-index: 9999;       
    margin: 0;
    list-style: none;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    background: #fff;
  }

  .topHeaderIn .navmenu ul li.has-menu:hover .subMenu{
    display: block !important; 
  }

  .topHeaderIn .navmenu ul li.has-menu .subMenu li {
    padding: 0px;
    margin: 0px;
  }

  .topHeaderIn .navmenu ul li.has-menu .subMenu li a{
      color: #000000;
      display: block;
      text-decoration: none;
      font-size: 14px;
      border-bottom: 0.699999988079071px solid #DDDDDD;
  } 

  .topHeaderIn .navmenu ul li.has-menu .subMenu li a:hover{
    color: #fff;
    background: #0CC64A;
  }

}
 

.footer-description{
  font-size: 15px;
  color: #EFE9E9;
  font-weight: 400;
  margin: 0;
}

.termsPage .wellnessBanner {
    background: url(../images/terms/terms-banner.png) no-repeat;
        padding: 120px 0px;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    position: relative;
} 
.termsPage .wellnessBanner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}
.termsPage .wellnessBanner .topBannerCont{
    max-width: 680px;
    margin: auto;
    text-align: center;
}
.termsPage .wellnessBanner .topBannerCont h1 {
    margin: 0 ;
}
.termsPage .wellnessBanner .topBannerCont p{
    font-size: 18px;
    line-height: 1.4;
}

.termsIntro h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 18px;
}

.termsContentWrap p {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.termsContentWrap a {
  color: #0CC64A;
  text-decoration: underline;
  font-weight: 600;
}
.termsContentWrap .termsBlock a{
  text-decoration: none;
  font-weight: 400;
}

.termsContentWrap strong {
  font-weight: 500;
}
.termsContentWrap p:last-child {
  margin-bottom: 0;
}
.termsContentWrap hr {
  margin: 28px 0;
  border: 1px solid #c6c6c6;
}

.termsBlock {
  margin-bottom: 30px;
}
.termsBlock:last-child {
    margin-bottom: 10px;
}

.termsBlock h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
}

.termsBlock p{
      margin: 0 0 15px 0;
    font-size: 17px;
}

.termsBlock h5{
  font-size: 17px;
  font-weight: 600;
  margin: 10px 0 15px ;
}

.termsBlock ul {
    margin: 0 0 15px 50px;
    padding: 0 0 0 20px;
}

.termsBlock ul li {
  font-size: 17px;
  line-height: 1.5;
  margin: 0 ;
}
.termsBlock ul li::marker{
  font-size: 13px;
}
.termsPage .container,
.privacyPage .container, .siteFooter .container {
    max-width: 1150px;
    padding-left: 24px;
    padding-right: 24px;
}

@media (max-width: 991px) {
  .termsIntro h1 {
    font-size: 30px;
    margin-bottom: 22px;
  }

  .termsContentWrap p,
  .termsBlock ul li {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .termsBlock h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .termsContentWrap hr {
    margin: 28px 0;
  }

  .termsBlock ul {
    margin-left: 22px;
    padding-left: 14px;
  }
}

@media (max-width: 767px) {
  .termsIntro h1 {
    font-size: 26px;
  }

  .termsContentWrap p,
  .termsBlock ul li {
    font-size: 15px;
  }

  .termsBlock h2 {
    font-size: 21px;
  }

  .termsBlock {
    margin-bottom: 34px;
  }
}

@media (max-width: 575px) {
  .termsIntro h1 {
    font-size: 22px;
  }

  .termsContentWrap p,
  .termsBlock ul li {
    font-size: 14px;
    line-height: 1.65;
  }

  .termsBlock h2 {
    font-size: 19px;
  }

  .termsContentWrap hr {
    margin: 24px 0;
  }
}

.privacyPage .wellnessBanner {
    background: url(../images/terms/privacy-banner.png) no-repeat;
        padding: 120px 0px;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    position: relative;
} 

.privacyPage .wellnessBanner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}
.privacyPage .wellnessBanner .topBannerCont{
    max-width: 680px;
    margin: auto;
    text-align: center;
}
.privacyPage .wellnessBanner .topBannerCont h1 {
    margin: 0 ;
}
.privacyPage .wellnessBanner .topBannerCont p{
    font-size: 18px;
    line-height: 1.4;
}

@media (max-width:991px) {
  .blockTitle h1{font-size: 36px;}
  .contactTopSec .blockTitle p {font-size: 16px;}
}

@media (max-width:767px) {
  .blockTitle h5{ font-size: 18px;}
  .blockTitle p.fs-16{ font-size: 15px !important;}
}