/* <style> */

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

/* </style> */





body {

  /* --heading-font        : "Inter", sans-serif; */

  --bs-link-color: #333;

  --bs-link-hover-color: #333;



  --bs-link-color-rgb: 40, 40, 40;

  --bs-link-hover-color-rgb: 0, 0, 0;



  --bs-light-rgb: 248, 248, 248;



  --bs-font-sans-serif: "Inter", sans-serif;

  /* --bs-body-font-family: var(--bs-font-sans-serif); */

  --bs-body-font-size: 1rem;

  --bs-body-font-weight: 400;

  --bs-body-line-height: 2;

  --bs-body-color: #747474;



  --bs-primary: #6BB252;

  --bs-primary-rgb: 107, 178, 82;



  --bs-secondary: #364127;

  --bs-secondary-rgb: 54, 65, 39;



  --bs-danger: #F95F09;

  --bs-danger-rgb: 249, 95, 9;



  --bs-success: #a3be4c;

  --bs-success-rgb: 163, 190, 76;



  --bs-primary-bg-subtle: #FFF9EB;

  --bs-success-bg-subtle: #eef5e5;



  --bs-border-color: #F7F7F7;



  font-family: "Mulish";

  /* font-optical-sizing: auto; */

  /* font-weight: <weight>; */



  --clr: #fff;



}



.btn-primary {

  --bs-btn-color: #fff;

  --bs-btn-bg: var(--bs-primary);

  --bs-btn-border-color: transparent;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #f7a422;

  --bs-btn-hover-border-color: transparent;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: var(--bs-primary);

  --bs-btn-active-border-color: transparent;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #d3d7dd;

  --bs-btn-disabled-border-color: transparent;

}



.btn-outline-primary {

  --bs-btn-color: var(--bs-primary);

  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #ffc107;

  --bs-btn-hover-border-color: #ffc107;

  --bs-btn-focus-shadow-rgb: 13, 110, 253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #ffc107;

  --bs-btn-active-border-color: #ffc107;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff3cd;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #fff3cd;

  --bs-gradient: none;

}



.btn-outline-light {

  --bs-btn-color: #747474;

  --bs-btn-border-color: #EFEFEF;

  --bs-btn-hover-color: #000;

  --bs-btn-hover-bg: #EFEFEF;

  --bs-btn-hover-border-color: #EFEFEF;

  --bs-btn-focus-shadow-rgb: 248, 249, 250;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #EFEFEF;

  --bs-btn-active-border-color: #EFEFEF;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #EFEFEF;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #EFEFEF;

  --bs-gradient: none;

}



/* .btn-warning {

  --bs-btn-color: #747474;

  --bs-btn-bg: #FCF7EB;

  --bs-btn-border-color: #FCF7EB;

  --bs-btn-hover-color: #747474;

  --bs-btn-hover-bg: #FFECBE;

  --bs-btn-hover-border-color: #FFECBE;

  --bs-btn-focus-shadow-rgb: 217, 164, 6;

  --bs-btn-active-color: #000;

  --bs-btn-active-bg: #FFECBE;

  --bs-btn-active-border-color: #FFECBE;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #000;

  --bs-btn-disabled-bg: #FCF7EB;

  --bs-btn-disabled-border-color: #FCF7EB;

} */



.btn-success {

  --bs-btn-color: #222;

  --bs-btn-bg: #EEF5E4;

  --bs-btn-border-color: #EEF5E4;

  --bs-btn-hover-color: #222;

  --bs-btn-hover-bg: #9de3c2;

  --bs-btn-hover-border-color: #9de3c2;

  --bs-btn-focus-shadow-rgb: 60, 153, 110;

  --bs-btn-active-color: #222;

  --bs-btn-active-bg: #9de3c2;

  --bs-btn-active-border-color: #9de3c2;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #222;

  --bs-btn-disabled-bg: #EEF5E4;

  --bs-btn-disabled-border-color: #EEF5E4;

}



.btn-danger {

  --bs-btn-color: #222;

  --bs-btn-bg: #FFEADA;

  --bs-btn-border-color: #FFEADA;

  --bs-btn-hover-color: #222;

  --bs-btn-hover-bg: #ecc9af;

  --bs-btn-hover-border-color: #ecc9af;

  --bs-btn-focus-shadow-rgb: 60, 153, 110;

  --bs-btn-active-color: #222;

  --bs-btn-active-bg: #ecc9af;

  --bs-btn-active-border-color: #ecc9af;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #222;

  --bs-btn-disabled-bg: #FFEADA;

  --bs-btn-disabled-border-color: #FFEADA;

}



body {

  letter-spacing: 0.03em;

}



.Bmi-calculator {

  position: fixed;

  top: 150px;

  right: 10px;

  height: 70px;

  z-index: 9999;



  width: 60px;



  animation: slide-in 1s ease-in-out;

}





.Bmi-calculator img {

  display: block;

  margin: 0 auto 5px;

  /* Centers the image and adds spacing below it */

  width: 30px;

  /* Adjust size as needed */

  height: 30px;

  /* animation:bg 15s linear infinite; */

}



@keyframes slide-in {

  from {

    transform: translateX(100px) scale(0.5);







  }



  to {

    transform: translateX(0) scale(1);

    ;



  }

}



.tooltip-top {

  /* Modify size here: */





  position: relative;

  top: -10px;

  left: -100px;

  height: 50px;

  width: 160px;

  background: #f95f09;

  /* background-color: white; */



  padding: 5px;

  /* border-radius: 50%; */

  z-index: -1;

  color: white;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 13.5px;

  font-weight: 800;

  flex-wrap: wrap;

  line-height: normal;

  border-radius: 8px;

  /* animation: blink; */

  animation: blink 5s infinite;

  /* border: 1px solid #f95f09; */

}



.tooltip-top:after {

  content: '';

  position: absolute;

  top: 98%;

  left: 80%;

  transform: translate(-50%, -50%) rotate(45deg);

  /* border: 1px solid #f95f09; */

  /* border-top: 1px solid #f95f09; */

  /* border-left: 1px solid #f95f09; */

  /* border-right: 1px solid #f95f09; */

  /* border-bottom: 1px solid #f95f09; */

  background: #f95f09;

  height: 20px;

  width: 20px;

  z-index: -99;

}



@keyframes blink {

  from {



    opacity: 0;

    transform: scale(0.8);

  }



  to {

    opacity: 1;

    transform: scale(1);

  }

}





.Bmi-calculator:hover img {

  transform: scale(1.08);

}



.Bmi-calculator img {

  height: 100%;

  width: 100%;

  object-fit: contain;

  transition: all 0.5s ease-in-out;

}







@media screen and (max-width:768px) {

  .tooltip-top {

    left: -92px;

    height: 35px;

    width: 130px;

    font-size: 9.5px;

  }



  .Bmi-calculator {

    top: 150px;

    right: 10px;

    height: 45px;

    width: 45px;

  }



  /* .py-0 {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  width: 475px;

} */

  /* .breadcrumb-main {

  padding: 50px;

  

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  background: linear-gradient(270deg, #fca77c46, #f7e0bb27), url(./images/bg/breadcrumb.png);

  background-position: center;

  background-size: cover;

  width: 428px;

} */

  .pers-img {

    width: 100%;

    height: auto !important;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  }



}





h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--heading-font);

  color: var(--bs-dark);

  font-weight: 700;

}



.breadcrumb.text-white {

  --bs-breadcrumb-divider-color: #fff;

  --bs-breadcrumb-item-active-color: var(--bs-primary);

}



.dropdown-menu {

  --bs-dropdown-link-active-bg: var(--bs-primary);

}



.nav-pills .nav-link {

  --bs-nav-pills-link-active-color: #111;

  --bs-nav-pills-link-active-bg: #f1f1f1;

}



.pagination {

  --bs-pagination-active-bg: var(--bs-primary);

  --bs-pagination-active-border-color: var(--bs-primary);

}



.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl {

  --bs-gutter-x: 0rem;

}



/*----------------------------------------------*/

/* 6. SITE STRUCTURE */

/*----------------------------------------------*/

/* 6.1 Header

--------------------------------------------------------------*/

/* Preloader */

.preloader-wrapper {

  width: 100%;

  height: 100vh;

  margin: 0 auto;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 111;

  background: #fff;

}



.hamburger-icon {

  text-decoration: none;

}



.preloader-wrapper .preloader {

  margin: 20% auto 0;

  transform: translateZ(0);

}



.preloader:before,

.preloader:after {

  content: '';

  position: absolute;

  top: 0;

}



.preloader:before,

.preloader:after,

.preloader {

  border-radius: 50%;

  width: 2em;

  height: 2em;

  animation: animation 1.2s infinite ease-in-out;

}



.preloader {

  animation-delay: -0.16s;

}



.preloader:before {

  left: -3.5em;

  animation-delay: -0.32s;

}



.preloader:after {

  left: 3.5em;

}



@keyframes animation {



  0%,

  80%,

  100% {

    box-shadow: 0 2em 0 -1em var(--bs-primary);

  }



  40% {

    box-shadow: 0 2em 0 0 var(--bs-primary);

  }

}



/* *** Start editing below this line *** */

/* .container-fluid {

  max-width: 1600px;

}

*/

@media (min-width: 1400px) {

  .container-lg {

    /* max-width: 1600px; */

  }

}



.banner-blocks {

  display: grid;

  grid-template-columns: repeat(12, 1fr);

  grid-template-rows: repeat(2, 1fr);

  grid-gap: 2rem;

}



.block-1 {

  grid-area: 1 / 1 / 3 / 8;

}



.block-2 {

  grid-area: 1 / 8 / 2 / 13;

}



.block-3 {

  grid-area: 2 / 8 / 3 / 13;

}



@media screen and (max-width:1140px) {

  .banner-blocks {

    grid-template-columns: 1fr;

    grid-template-rows: repeat(4, 1fr);

  }



  .block-1 {

    grid-area: 1 / 1 / 3 / 2;

  }



  .block-2 {

    grid-area: 3 / 1 / 4 / 2;

  }



  .block-3 {

    grid-area: 4 / 1 / 5 / 2;

  }



}



/* Swiper carousel */

.swiper-prev,

.swiper-next {

  width: 38px;

  height: 38px;

  line-height: 38px;

  background: #F1F1F1;

  color: #222222;

  padding: 0;

  text-align: center;

  border-radius: 10px;

  --bs-btn-border-color: transparent;

  --bs-btn-active-bg: #ec9b22;

  --bs-btn-active-border-color: transparent;

  --bs-btn-hover-bg: var(--bs-primary);

  --bs-btn-hover-border-color: transparent;

  --bs-btn-disabled-color: #ccc;

  --bs-btn-disabled-bg: #eaeaea;

  --bs-btn-disabled-border-color: #eaeaea

}



.swiper-prev:hover,

.swiper-next:hover {

  background: var(--bs-primary);

}



/* category carousel */

.category-carousel .category-item {

  background: #FFFFFF;

  border: 1px solid #FBFBFB;

  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);

  border-radius: 16px;

  text-align: center;

  padding: 60px 20px;

  margin: 20px 0;

  transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;

}



.category-carousel .category-item:hover {

  transform: translate3d(0, -10px, 0);

  box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.08);

}



.category-carousel .category-item .category-title {

  font-weight: 600;

  font-size: 20px;

  line-height: 27px;

  letter-spacing: 0.02em;

  text-transform: capitalize;

  color: #222222;

  margin-top: 20px;

}



/* brand carousel */

.brand-carousel .brand-item {

  background: #FFFFFF;

  border: 1px solid #FBFBFB;

  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);

  border-radius: 16px;

  padding: 16px;

}



.brand-carousel .brand-item img {

  width: 100%;

  border-radius: 12px;

}



.brand-carousel .brand-item .brand-details {

  margin-left: 15px;

}



.brand-carousel .brand-item .brand-title {

  margin: 0;

}



/* product tabs */

.product-tabs .nav-tabs {

  justify-content: flex-end;

  border: none;



  --bs-nav-link-hover-color: #111;

  --bs-nav-link-color: #555;

  --bs-nav-tabs-link-border-color: #fff;

  --bs-nav-tabs-link-hover-border-color: transparent;

  --bs-nav-tabs-link-active-border-color: #fff;

}



.product-tabs .nav-tabs .nav-link.active,

.product-tabs .nav-tabs .nav-item.show .nav-link {

  /* border: none; */

  border-bottom: 3px solid var(--bs-primary);

}



/* products-carousel */

.products-carousel .swiper,

.products-carousel .swiper-container {

  overflow: visible;

}



/* product-grid */

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  opacity: 1;

}



.product-item .button-area .quantity {

  padding: 0.5rem;

}



.product-item .button-area {

  display: none;

  position: absolute;

  text-align: center;

  background: #fff;

  width: 100%;

  left: 0;

  bottom: -55px;

  z-index: 1;

  box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.08);

  /* transition: box-shadow 0.3s ease-out; */

}



.product-item {

  position: relative;

  padding: 16px;

  background: #FFFFFF;

  border-radius: 16px;

  margin-bottom: 30px;

  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0);

  /* transition: box-shadow 0.3s ease-out, margin 0.3s ease-out; */

}



.product-item:hover .button-area {

  display: block;

}



.product-item:hover {

  /* z-index: 1; */

  /* margin-bottom: -50px; */

  /* max-height: 500px; */

  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.08);

}



.product-item figure {

  text-align: center;

}



.product-item figure img {

  max-height: 210px;

  height: auto;

}



.product-item .product-qty {

  width: 85px;

}



.product-item .btn-link {

  text-decoration: none;

}



.product-item #quantity {

  height: auto;

  width: 28px;

  text-align: center;

  border: none;

  margin: 0;

  padding: 0;

}



.product-item .btn-number {

  width: 26px;

  height: 26px;

  line-height: 1;

  text-align: center;

  background: #FFFFFF;

  border: 1px solid #E2E2E2;

  border-radius: 6px;

  color: #222;

  padding: 0;

}



/* cart */

.cart .product-qty {

  min-width: 130px;

}



/* floating image */

.image-float {

  margin-top: -140px;

  margin-bottom: -140px;

}



@media screen and (max-width:991px) {

  .image-float {

    margin: 0;

  }

}



/* post item */

.post-item .post-meta {

  font-size: 0.8rem;

  line-height: 1;

}



.post-item .post-meta svg {

  margin-right: 5px;

}



@media screen and (max-width: 991px) {



  /* offcanvas menu */

  .offcanvas-body .nav-item {

    font-weight: 700;

    border-bottom: 1px solid #d1d1d1;

  }



  .offcanvas-body .filter-categories {

    width: 100%;

    margin-bottom: 20px !important;

    border: 1px solid #d1d1d1 !important;

    padding: 14px;

    border-radius: 8px;

  }



  /* dropdown-menu */

  .dropdown-menu {

    padding: 0;

    border: none;

    line-height: 1.4;

    font-size: 0.9em;

  }



  .dropdown-menu a {

    padding-left: 0;

  }



  .dropdown-toggle::after {

    position: absolute;

    right: 0;

    top: 21px;

  }

}



/* single product */

/* product-thumbnail-slider */

.product-thumbnail-slider {

  height: 740px;

}



@media screen and (max-width:992px) {

  .product-thumbnail-slider {

    margin-top: 20px;

    height: auto;

  }

}



@media screen and (min-width:992px) {

  .product-thumbnail-slider {

    height: 420px;

  }

}



@media screen and (min-width:1200px) {

  .product-thumbnail-slider {

    height: 540px;

  }

}



@media screen and (min-width:1400px) {

  .product-thumbnail-slider {

    height: 740px;

  }

}



/* bootstrap extended */

.border-dashed {

  border-bottom: 1px dashed #d1d1d1;

}



.ls-1 {

  letter-spacing: -0.04em;

}



.button-area .btn-cart {

  text-wrap: nowrap;

  height: 3.3em;

  line-height: 2em;

  width: 100%;

}



.fs-7 {

  font-size: 0.8rem !important;

}



/* button */

.btn-link {

  display: inline-block;

  font-size: 0.875rem;

  font-weight: bold;

  font-family: var(--bs-body-font-family);

  letter-spacing: 0.0875rem;

  text-transform: uppercase;

  text-decoration: none;

}



a.btn-link,

a.btn-link:after {

  transition: all .5s;

}



a.btn-link {

  position: relative;

}



a.btn-link:before,

a.btn-link:after {

  content: '';

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  background-color: var(--bs-dark);

  height: 2px;

}



[data-bs-theme=dark] a.btn-link:after {

  background-color: var(--bs-light);

}



a.btn-link:before {

  background-color: rgba(var(--bs-light-rgb), 0.2);

  width: 100%;

}



a.btn-link.is-checked:after,

a.btn-link:hover:after {

  width: 100%;

}



a.btn-link.text-white:after {

  background-color: var(--bs-light);

}



a.btn-link.text-light:after {

  background-color: var(--bs-light);

}



.navbar .megamenu {

  padding: 1rem;

}



/* ============ desktop view ============ */

@media all and (min-width: 992px) {



  .navbar .has-megamenu {

    position: static !important;

  }



  .navbar .megamenu {

    left: 0;

    right: 0;

    width: 100%;

    margin-top: 0;

  }



}



/* ============ desktop view .end// ============ */





/* ============ mobile view ============ */

@media(max-width: 991px) {



  .navbar.fixed-top .navbar-collapse,

  .navbar.sticky-top .navbar-collapse {

    overflow-y: auto;

    max-height: 90vh;

    margin-top: 10px;

  }

}



/* ============ mobile view .end// ============ */







/* ---footer-- */

.footer-main {

  background: url('./images/bg/paper-background.jpg');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  /* background-color: #000000; */

  /* border-top: 1px solid rgba(211, 211, 211, 0.288); */

}



.footer-copywrite {

  /* background-color: #0f1011; */

  background: url('./images/bg/paper-background.jpg');

  /* background-position: center; */

  /* background-repeat: no-repeat; */

  /* background-size: cover; */

  display: flex;

  align-items: center;

  padding: 5px;

}



.footer-copywrite .container {

  border-top: 0.5px solid #f8af7785;

  /* background-color: #0f1011; */

  /* background:url('./images/bg/bg-3.png'); */

  /* background-position: center; */

  /* background-repeat: no-repeat; */

  /* background-size: cover; */

  /* display: flex; */

  /* align-items: center; */

}



.footer-main .footer-menu .menu-item .nav-link {

  transition: all 0.4s ease-in-out;



  /* color: #ffffff; */

  color: #000;

}



.footer-main .footer-menu .menu-item .nav-link:hover {



  color: #f96d00;

  /* color: #ffffff; */

}



.footer-main .footer-menu .footer-about-text {



  text-align: justify;

  margin-top: 8px;

}



.footer-main .footer-menu .widget-title {



  /* color: #ffffff; */

  color: #000;

}



.footer-main .footer-menu p {



  /* color: #ffffff; */

  color: #000;

}



.footer-menu-logo {

  height: 90px;

  width: 100%;

  padding: 0px;

  margin: -5px;

  /* background-color: white; */

  padding: 2px;

}



.footer-main .footer-menu a {

  /* color: #ffffff; */

  color: #000;

  text-decoration: none;

  display: flex;

  /* align-items: center; */

  transition: all 0.4s ease-in-out;

}



.footer-main .footer-menu a:hover {

  color: #f96d00;



}



.footer-main .footer-menu a i {

  font-size: 19px;

  margin-right: 10px;

  margin-top: 5px;

}





.footer-copywrite .copyright a {

  color: #f96d00;

  text-decoration: none;

}



.footer-copywrite p {

  margin: 0 !important;

  padding: 8px 4px;

}



.footer-copywrite .copyright a:hover {

  color: #fa7814;

  /* text-decoration: none; */

}



.footer-copywrite .credit-link a {

  color: #f96d00;

  text-decoration: none;



}



.footer-copywrite .credit-link a:hover {

  color: #fa7814;

  /* text-decoration: none; */



}



@media screen and (max-width:768px) {

  .footer-copywrite p {

    margin: 0 !important;

    padding: 8px 4px;

    text-align: center;

  }

}





/* ---footer-Ends-- */



/* --Welcome-section-- */

.welcome {

  /* border:1px solid red; */

  padding: 100px;

}



.main-welcome-box {



  display: flex;

  justify-content: center;



  height: 380px;

  margin: auto;

  width: 1000px;

  background: #fff9f1bd;

  /* background: linear-gradient(270deg, #f8dec6, #ffb57d); */

  position: relative;

  /* border-radius: 30px; */

}



.welcome-text {

  max-width: 500px;

  /* border: 2px solid green; */

}



.welcome-text h1 {

  text-align: justify;

  margin: 10px 0;

}



.welcome-text p {

  text-align: justify;

  margin-top: 10px;

}



.welcome-image {

  left: -80px;

  top: -30px;

  height: 320px;

  width: 300px;

  border: 4px solid rgba(255, 123, 75, 0.082);

  position: absolute;

  padding: 5px;

  /* border-radius: 20px; */

  transition: all 0.5s ease-in-out;



}



.welcome-image:hover {

  /* background-color: rgba(255, 123, 75, 0.267); */

  background-color: #fff9f1bd;

  /* border: 0; */

  /* border-radius: 0; */

}



.welcome-image img {

  /* border-radius: 20px; */

  width: 100%;

  object-fit: cover;

  height: 100%;

}



.welcome-boxex {

  position: absolute;

  width: 300px;

  /* right: 0; */

  height: auto;

  padding: 10px;

  /* border: 2px solid red; */

  background-color: #fff;



}



.welcome-boxex p {

  font-size: 13px;

  text-align: justify;

}



.welcome-boxex h4 {

  font-size: 20px;

}



.box-1 {



  border: 4px solid rgba(255, 123, 75, 0.267);

  right: -70px;

  /* width: 250px; */

  /* right: 0; */

  /* height: 170px; */

  bottom: -30px;



  /* border-radius: 20px; */

}



.box-2 {

  border: 4px solid rgba(255, 123, 75, 0.267);



  right: -70px;

  bottom: -40px;

  padding: 10px;

  border-radius: 20px;

}



@media screen and (max-width:768px) {

  .welcome {

    /* border:1px solid red; */

    padding: 10px;

  }



  .main-welcome-box {



    display: flex;

    justify-content: center;

    flex-direction: column;



    height: unset;

    /* margin: unset; */

    width: 100%;

    /* background: #fff9f1bd; */

    /* background: linear-gradient(270deg, #f8dec6, #ffb57d); */

    position: unset;

    /* border-radius: 30px; */

  }



  .welcome-image {

    left: unset;

    top: unset;

    height: unset;

    width: 100%;

    border: 4px solid rgba(255, 123, 75, 0.082);

    position: unset;

    padding: 5px;

    /* border-radius: 20px; */

    transition: all 0.5s ease-in-out;



  }



  .welcome-image img {

    /* border-radius: 20px; */

    width: 100%;

    object-fit: cover;

    height: 100%;

  }



  .welcome-text {

    max-width: unset;

    width: 100%;

    padding: 5px 10px;



  }



  .welcome-boxex {

    position: unset;

    width: 100%;

    /* right: 0; */

    height: auto;

    /* padding: 10px; */

    /* border: 2px solid red; */

    /* background-color: #fff; */



  }



}



/* --Welcome-section-End-- */



.plans {

  padding: 20px 100px;

  background: url('./images/bg/bg-3.png');

  background-repeat: no-repeat;

  background-position: center;

}



/* .plans h1 {

  background-clip: text;

  -webkit-background-clip: text;

  background-image: linear-gradient(to right, #09f1b78a, #00a2ff71, #ff000059, #feda0f81);

  color: #fff;

  font-size: 10vmin;

  font-weight: 700;

  opacity: 0.7;

  letter-spacing: calc(1em / 8);

  padding: calc(1em / 32);

  -webkit-text-stroke-color: transparent;

  -webkit-text-stroke-width: calc(1em / 16);

} */

.plans h1 {



  font-size: 40px;



  color: transparent;

  -webkit-text-stroke: 0.58px #f95f09;

  stroke-dasharray: 500;

  stroke-dashoffset: 500;

  /* margin-bottom: 5px; */

  text-align: center;

  animation: dash 5s linear forwards infinite, filling 5s ease-in-out forwards infinite;

}



.plans h3 {



  font-size: 45px;



}



@keyframes dash {

  to {

    stroke-dashoffset: 0;

  }

}



@keyframes filling {

  to {

    color: #f95f09;

  }

}



.card1 {

  border: none;

  border-radius: 15px;

  padding: 20px;

  overflow: hidden;

  height: 520px;

  /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 15px 25px rgba(0, 0, 0, 0.2); */

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card1:hover {

  transform: translateY(-10px);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 20px 40px rgba(0, 0, 0, 0.3);

}



.plans .image-wrapper {

  background: linear-gradient(135deg, #f8dfdf23, #ffa2a234);

  height: 160px;

  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 10px;

  box-shadow: none !important;

}



.card2 .image-wrapper {

  background: linear-gradient(135deg, #dff8e728, #a2ffb13a);

  height: 160px;

  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

}



.card3 .image-wrapper {

  background: linear-gradient(135deg, #dfdff825, #a2d5ff3a);

  height: 160px;

  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

}



.image-wrapper .image-icon {

  height: 80px;

  width: 80px;

  /* border: 1px solid black; */

  /* padding: 5px; */

  /* border-radius: 50%; */



}



.image-wrapper .image-icon img {

  height: 100%;

  width: 100%;

  opacity: 0.7;



}



.image-wrapper i {

  font-size: 50px;

  color: #fff;

}



.card-body1 {

  /* height: 400px; */

  text-align: center;

  padding: 20px;

}



.card-body1 h5 {

  color: #34a853;

  font-size: 21px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: left !important;

}



.card0 .card-body1 h4 {

  color: #34a853;

  font-size: 33px;

  font-weight: 900;

  margin-bottom: 10px;

  text-align: left !important;

  color: rgba(255, 255, 255, 0.8);

  opacity: 0.9;

  text-shadow: 0px 1px 1px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 2px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 3px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 4px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 5px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 6px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 7px rgba(247, 83, 83, 0.575);

}



.card0 .card-body1 h5 {

  color: rgba(247, 83, 83, 0.575);

  font-size: 21px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: left !important;

}



.card-body1 h4 {

  color: #34a853;

  font-size: 33px;

  font-weight: 900;

  margin-bottom: 10px;

  text-align: left !important;

  color: rgba(255, 255, 255, 0.8);

  opacity: 0.9;

  text-shadow: 0px 1px 1px #34a853;

  text-shadow: 0px 1px 2px #34a853;

  text-shadow: 0px 1px 3px #34a853;

  text-shadow: 0px 1px 4px #34a853;

  text-shadow: 0px 1px 5px #34a853;

  text-shadow: 0px 1px 6px #34a853;

  text-shadow: 0px 1px 7px #34a853;

}



.card3 .card-body1 h5 {

  color: #5b5de6ab;

  font-size: 21px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: left !important;

}



.card3 .card-body1 h4 {

  color: #5b5de6ab;

  font-size: 33px;

  font-weight: 900;

  margin-bottom: 10px;

  text-align: left !important;

  color: rgba(255, 255, 255, 0.8);

  opacity: 0.9;

  text-shadow: 0px 1px 1px #5b5de6ab;

  text-shadow: 0px 1px 2px #5b5de6ab;

  text-shadow: 0px 1px 3px #5b5de6ab;

  text-shadow: 0px 1px 4px #5b5de6ab;

  text-shadow: 0px 1px 5px #5b5de6ab;

  text-shadow: 0px 1px 6px #5b5de6ab;

  text-shadow: 0px 1px 7px #5b5de6ab;

}



.card-body1 p {

  font-size: 14px;

  color: #555;

  text-align: justify;

  line-height: 1.6;

}



@media screen and (max-width:768px) {



  .plans {

    padding: 10px 10px;

  }



  .plans h1 {

    font-size: 35px;

    /* text-align: justify; */

  }



  .plans h3 {

    font-size: 20px;

    /* text-align: justify; */

  }



  .card1 {

    margin: 15px 0;

  }

}



/* ---plan-Ends-- */





.contact {

  background-image: url('./images/bg/bg-2.png');



  padding: 30px 100px;

  /* border: 1px solid red; */

  height: 100vh;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.contact .contact-box-left {

  padding: 10px;

}



.contact .contact-box-left .contact-box-section {

  padding: 10px;

  margin: 5px 0;

}



.contact .contact-box-left h5 {



  color: #f95f09;

}



.contact .contact-box-middle {



  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  gap: 30px;

  padding: 18px 15px;

  /* height: auto; */

  /* border: 1px solid red; */

}



.contact .contact-box-middle .contact-box-icon {



  display: flex;

  justify-content: center;

  align-items: center;

  height: 70px;

  width: 70px;

  color: black;

  border: 1px solid lightgrey;

  border-radius: 50%;

  transition: all 0.5s ease-in-out;

}



.contact .contact-box-middle .contact-box-icon:hover {





  border: 1px solid #f58849;



}



.contact .contact-box-middle .contact-box-icon:hover i {





  color: #f95f09 !important;



}



.contact .contact-box-middle .contact-box-icon i {



  transition: all 0.5s ease-in-out;

  font-size: 25px;

  color: rgb(182, 180, 180);

}





.contact-card {

  display: flex;

  /* align-items: center; */

  /* border: 1px solid #ddd; */

  border-radius: 8px;

  padding: 15px;

  margin-bottom: 20px;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

}



.icon-container {

  height: 50px;

  width: 50px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  color: #f96109e7;

  margin-right: 20px;

  background-color: #ebfafcce;



  /* border: 1px solid black; */

}



.text-container {

  flex: 1;

}



.text-container h5 {

  margin: 0;

  font-size: 18px;

  font-weight: bold;

}



.text-container p {

  margin-top: 5px;

  font-size: 16px;

  color: #555;

}



@media screen and (max-width:768px) {

  .contact {





    padding: 10px 5px !important;



    height: unset !important;



  }



  .contact .contact-box-middle {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

    gap: 10px;

    padding: 10px 5px;

    /* height: auto; */

    /* border: 1px solid red; */

  }

}



/* ---appointment-section--- */

.appointment .appointment-box {

  background-image: linear-gradient(-20deg, #e9defae8 0%, #fbfcdbe5 100%);

  outline: 3px solid rgba(211, 211, 211, 0.808);

  outline-offset: -15px;

  animation: bg 15s linear infinite;

}



@media screen and (max-width:768px){

  .appointment {

    display: none;

  }

}



/* ---appointment-section-End--- */





/* --search-section--- */

.search-section-index {

  background: url('./images/bg/bg-3.png');

  background-position: center;

  background-repeat: no-repeat;

  text-align: center;

  padding: 50px 100px;

}



.search-section-index h1 {

  font-size: 2rem;

  font-weight: bold;

  margin-bottom: 30px;

  color: #adaeaf;

}



.search-section-index .search-bar {

  display: flex;

  justify-content: center;

  gap: 10px;

  max-width: 600px;

  margin: 0 auto 30px;

}



.search-section-index .search-bar input {

  flex: 1;

  padding: 10px;

  border: 1px solid #ced4dadc;

  border-radius: 5px;

}



.search-section-index .search-bar button {

  padding: 10px 20px;

  border: none;

  background-color: #38abbd70;

  color: white;

  border-radius: 5px;

  cursor: pointer;

}



.search-section-index .search-bar button:hover {

  background-color: #13849650;

}



.search-section-index .tag-container {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 15px;

}



.search-section-index .tag {

  padding: 10px 15px;

  background-color: #f0f4f857;

  border: 1px solid #ced4daec;

  border-radius: 20px;

  font-size: 0.9rem;

  cursor: pointer;

  transition: background-color 0.3s;

}



.search-section-index .tag:hover {

  /* background-color: #dee2e67c; */

  background-color: #f9610927;

}



@media screen and (max-width:1140px) {



  .search-section-index {

    /* background: url('./images/bg/bg-3.png');

    background-position: center;

    background-repeat: no-repeat;

    text-align: center; */

    padding: 20px 10px;

  }



  .search-section-index .tag {

    padding: 10px 12px;

  }



  .appointment .appointment-box {

    /* background-image: linear-gradient(-20deg, #e9defae8 0%, #fbfcdbe5 100%); */

    outline: unset;

    outline-offset: unset;

  }

}



/* --search-section-End--- */



/* ----Social-media-section-index--- */

.social-media-section-index {

  padding: 50px 100px;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  gap: 20px;

}



.social-media-section-index h2 {

  font-size: 2rem;

  font-weight: bold;

  margin-bottom: 30px;

  color: #adaeaf;

}



.social-media-section-index .social-box {

  flex: 1 1 250px;

  width: 100%;

  text-align: right;

  /* background: #fff; */

  border-radius: 10px;

  padding: 20px;

  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

  transition: transform 0.3s;

  margin-bottom: 5px;

}



.social-media-section-index .social-box a {

  text-decoration: none;

}



.social-media-section-index .social-box:hover {

  transform: translateY(-5px);

}



.social-media-section-index .social-box-right {



  text-align: left;



}



.social-media-section-index .social-box i {

  font-size: 40px;

  color: #f96d00;

  margin-bottom: 15px;

}



@media screen and (max-width:768px) {

  .social-media-section-column {

    display: flex;



  }



  .social-media-section-index .social-box {

    flex: 1 1 250px;

    width: 50%;

    text-align: right;

    /* background: #fff; */

    border-radius: 10px;

    padding: 10px;

    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

    transition: transform 0.3s;

    margin-bottom: 5px;

  }



  .social-media-section-index .social-box i {

    font-size: 20px;

    color: #f96d00;

    margin-bottom: 5px;

  }



  .social-media-section-index .social-box h5 {

    font-size: 12px;

    margin-bottom: 5px;

  }



  .social-media-section-index .social-box p {

    font-size: 10px;

    margin-bottom: 5px;

  }

}



.video-container {

  flex: 2 1 400px;

  max-width: 600px;

  text-align: center;

  padding: 15px;



  border-radius: 15px;

  /* background-color: red; */

  background: url('./images/bg/bg-3.png');

  background-repeat: no-repeat;

  background-position: center;

  /* filter: blur(); */

  /* position: relative; */

}



.video-container img {

  /* position: absolute; */

  /* z-index: 99; */

  width: 100%;

  height: 100%;

  object-fit: contain;

  border-radius: 15px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}



@media screen and (max-width:1140px) {

  .social-media-section-index {

    padding: 10px 10px;



  }



}



@media screen and (max-width:768px) {

  .social-media-section-index .social-box {



    text-align: left;



  }



  .video-container {

    /* flex: 2 1 400px; */

    max-width: unset;

    width: fit-content;

    /* text-align: center; */

    padding: 0px !important;

    background: unset;

    height: 180px;

    margin: 0 auto;



    /* border-radius: 15px; */

    /* background-color: red; */



    /* filter: blur(); */

    /* position: relative; */

  }



  .social-media-section-column-image {

    display: none;

  }



  .video-container img {

    /* position: absolute; */

    /* z-index: 99; */

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 15px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  }

}



/* ----Social-media-section-index-End--- */



/* --Faq-Index-page--- */

.faq-index-page {

  padding: 50px 100px;

  background-image: linear-gradient(-20deg, #e9defa48 0%, #fbfcdb67 100%);

  background-position: center;

  background-repeat: no-repeat;

}



.faq-index-page .read {

  border-radius: 20px;

  background-color: #ace1f9dc;

  outline: none;

  padding: 5px 15px;

  border: none;

  display: flex;

  justify-content: center;

  align-items: center;

}



.accordion .accordion-item {

  border-bottom: 1px solid #e5e5e5;

  padding: 0 10px;

  background-color: transparent;

  /* display: flex; */

}



.accordion .accordion-item button[aria-expanded='true'] {

  border-bottom: 1px solid #ace0f9;



}



.accordion button {

  position: relative;

  display: block;

  text-align: left;

  width: 100%;

  padding: 1em 0;

  color: #7288a2;

  font-size: 1.15rem;

  font-weight: 400;

  border: none;

  background: none;

  outline: none;

}



.accordion button:hover,

.accordion button:focus {

  cursor: pointer;

  color: #03b5d2;

}



.accordion button:hover::after,

.accordion button:focus::after {

  cursor: pointer;

  color: #03b5d2;

  border: 1px solid #03b5d2;

}



.accordion button .accordion-title {

  padding: 1em 1.5em 1em 0;

}



.accordion button .icon {

  display: inline-block;

  position: absolute;

  top: 18px;

  right: 0;

  width: 22px;

  height: 22px;

  border: 1px solid;

  border-radius: 22px;

}



.accordion button .icon::before {

  display: block;

  position: absolute;

  content: '';

  top: 9px;

  left: 5px;

  width: 10px;

  height: 2px;

  background: currentColor;

}



.accordion button .icon::after {

  display: block;

  position: absolute;

  content: '';

  top: 5px;

  left: 9px;

  width: 2px;

  height: 10px;

  background: currentColor;

}



.accordion button[aria-expanded='true'] {

  color: #03b5d2;

}



.accordion button[aria-expanded='true'] .icon::after {

  width: 0;

}



.accordion button[aria-expanded='true']+.accordion-content {

  opacity: 1;

  /* max-height: 9em; */

  max-height: max-content;

  transition: all 200ms linear;

  will-change: opacity, max-height;

}



.accordion .accordion-content {

  opacity: 0;

  max-height: 0;

  overflow: hidden;

  transition: opacity 200ms linear, max-height 200ms linear;

  will-change: opacity, max-height;

}



.accordion .accordion-content p {

  font-size: 0.9rem;

  font-weight: 300;

  margin: 1em 0;

}



.faq-index-page h2 {

  font-size: 2rem;

  font-weight: bold;

  margin-bottom: 30px;

  /* color: #dadada; */

}



@media (max-width: 768px) {

  .faq-index-page {

    padding: 15px 10px;



  }



  .accordion button {



    font-size: 0.9rem;



  }



  .accordion .accordion-content p {

    font-size: 0.8rem;



  }

}



/* --Faq-Index-page-Ends--- */





/* ---Blog-index-page-- */

.blog-index {

  padding: 50px 100px;

}



.blog-index h2 {

  font-size: 2rem;

  font-weight: bold;

  margin-bottom: 30px;

  color: #adaeaf;

  text-align: center;

  margin-bottom: 10px;

}



.blog-index .swiper {

  width: 100%;

  height: 100%;

  padding: 30px;

}



.blog-index .swiper .swiper-wrapper {

  height: 430px;

  /* width: max-content; */

  margin-bottom: 10px;



}



.blog-index .swiper .swiper-wrapper .swiper-slide {

  text-align: center;

  font-size: 18px;

  height: 420px;

  width: 220px;

  border-radius: 10px;



  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

  background: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-direction: column;

  padding: 10px;

  transition: transform 0.5s ease-in-out;



  transition: transform 0.5s ease-in-out;

}



.blog-index .swiper .swiper-wrapper .swiper-slide:hover {

  transform: translateY(-20px);

}



.blog-index .swiper .swiper-pagination {

  margin-top: 15px !important;

}



/* .swiper-slide img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

} */



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-image {

  /* border: 1px solid red; */

  height: 45%;

  width: 100%;

  padding: 5px;

  border-radius: 10px;

  position: relative;

}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-image .category-blog {

  position: absolute;

  top: 10px;

  right: 10px;

  /* z-index: 999; */

  color: white;

  font-size: 12px;

  background-color: transparent;

  border: 1px solid white;

  height: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 80px;

  padding: 2px 10px;

  border-top-right-radius: 8px;

}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-image img {

  /* border: 1px solid red; */

  height: 100%;

  width: 100%;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  /* padding: 8px; */



}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-description {

  /* border: 1px solid green; */

  height: 55%;

  width: 100%;

  padding: 10px 18px;

  text-align: left;



}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-description .blog-read-more {





  /* padding:2px 10px; */

  width: 100%;

  text-align: right;

  /* text-align:end; */

  color: #f96109c5;

  text-decoration: none;

  font-size: 15px;

  font-weight: 900px;

  display: flex;

  align-items: center;

  gap: 5px;

  transition: all 0.5s ease-in-out;

  cursor: pointer;



}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-description .blog-read-more:hover {



  gap: 10px;

  transform: scale(1.01);



}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-description h6 {

  font-size: 14px;

  color: rgba(180, 180, 180, 0.986);



}



.blog-index .swiper .swiper-wrapper .swiper-slide .blog-description h4 {

  font-size: 22px;

  /* text-align: justify; */

  color: black;

  /* line-height:1rem; */



}



.blog-index .view-button-section {



  display: flex;

  justify-content: center;

  align-items: center;

}



.blog-index .view-all-blog {



  width: fit-content;

  margin: auto;

  background-color: #f96109c5;

  outline: none;

  color: white;

  border: none;

  padding: 5px 20px;

  border-radius: 20px;

}



.blog-index .view-all-blog a {



  text-decoration: none;

  color: white;

}



.blog-index .swiper-pagination-bullet-active {

  opacity: var(--swiper-pagination-bullet-opacity, 1);

  background: grey;

}



@media screen and (max-width:768px) {



  .blog-index {

    padding: 30px 10px;

  }



  .blog-index .swiper .swiper-wrapper .swiper-slide {

    width: 100% !important;

  }



}



/* ---Blog-index-page-Ends-- */



/* --setps-Sections-INDEX-PAGE-- */

.steps-section {

  background: linear-gradient(90deg, rgba(255, 240, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);

  border-radius: 20px;

  padding: 40px 20px;

  max-width: 1000px;

  margin: 50px auto;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  position: relative;

}



.steps-section .step {

  text-align: center;

  position: relative;

  padding: 20px;

  flex: 1;

}



.steps-section .step .step-number {

  font-size: 28px;

  font-weight: bold;

  color: #fff;

  width: 60px;

  height: 60px;

  line-height: 60px;

  border-radius: 50%;

  /* background: linear-gradient(135deg, #d2f1ff, #80d0ff); */

  background: linear-gradient(135deg, #d2f1ff, #ff8480b7);

  margin: 0 auto 15px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s;

}





.steps-section .step:hover .step-number {

  transform: scale(1.1);

}



.steps-section .step h5 {

  font-size: 16px;

  font-weight: 800;

  margin-bottom: 5px;

  color: #333;

}



.steps-section .step p {

  font-size: 14px;

  color: #666;

}



/* .steps-section::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  height: 2px;

  background-color: #ccc;

  z-index: 0;

} */



.steps-section .step {

  z-index: 1;

}



.steps-section .step:not(:last-child)::after {

  content: "";

  position: absolute;

  top: 25%;

  right: 0;

  height: 2px;

  width: 80%;

  background-color: #ccc;

  z-index: 0;

  transform: translateX(50%);

}



.btn-know-more {

  background-color: #333;

  color: #fff;

  padding: 10px 20px;

  border-radius: 5px;

  text-decoration: none;

  transition: background-color 0.3s;

}



.btn-know-more:hover {

  background-color: #555;

}



@media (max-width: 768px) {

  .steps-section {

    flex-direction: column;

  }



  .steps-section::before {

    display: none;

  }



  .steps-section .step:not(:last-child)::after {

    display: none;

  }

}



/* --setps-Sections-INDEX-PAGE-- */





/* -wellness-Program-index-page--- */

/* .wellness-program-index-page{

  height: 100vh;

  position: relative;

}

.wellness-program-index-page .bottom {

  position: fixed;

  bottom: 0;

  color: white;

  z-index: 50;

  left: 50%;

  transform: translateX(-50%);

}



.bottom h3 {

  font-weight: 300;

}



.wellness-program-index-page div[class^="slide"] {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  width: 100%;

  height: 100%;

  left: 100vw;

  transform: scale(0.8);

  position: absolute;

}



.wellness-program-index-page .slide1 {

  background: #FF6961;

  color: white;

}



.wellness-program-index-page .slide1 img {

  height: 30px;

  transform: rotate(-90deg);

}



.wellness-program-index-page .slide1 .img2 {

  height: 30px;

  margin-top: 40px;

  transform: rotate(90deg);

}



.wellness-program-index-page .slide1 h2 {

  margin: -20px;

  color: #ae4742;

}



.wellness-program-index-page .slide2 {

  background: #FDFD96;

  color: #b2b26d;

}



.wellness-program-index-page .slide3 {

  background: #77DD77;

  color: #519651;

}



.wellness-program-index-page .slide4 {

  background: #779ECB;

  color: #536f90;

}



.wellness-program-index-page .slide5 {

  background: #FFD1DC;

  color: #b49098;

} */

/* -wellness-Program-index-page-End--- */





/* --service-setion-index-page-- */



.service-sections {

  /* border: 1px solid red; */

  /* padding-block: min(20vh, 2rem); */

  /* width: calc(min(76.5rem, 90%)); */

  margin-inline: auto;

  color: #111;

  background: url('./images/bg/bg-3.png');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.service-sections .card {

  border: none;

  border-radius: 30px;

}



.service-sections a {

  display: inline-block;

  text-decoration: none;

}



.service-sections .container {

  margin-top: 5em;

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));

  gap: 2rem;

}



.service-sections .card:nth-child(1) .box .icon .iconBox {

  background: #d3b19a;

}



.service-sections .card:nth-child(2) .box .icon .iconBox {

  background: #70b3b1;

}



.service-sections .card:nth-child(3) .box .icon .iconBox {

  background: #d05fa2;

}



.service-sections .content {

  padding: 0.500rem 0.625rem;

  position: absolute;

  bottom: 0px;

  left: 5px;

}



.service-sections .content h5 {

  text-transform: capitalize;

  color: white;

  background-color: rgba(0, 0, 0, 0.8);

  border: 0.5px solid white;

  padding: 5px 10px;

  font-size: clamp(1rem, 1.3909rem + 0.4364vw, 1.3rem);

}



.service-sections .card-inner {

  position: relative;

  width: inherit;

  height: 18.75rem;

  background: var(--clr);

  border-radius: 1.25rem;

  border-bottom-right-radius: 0;

  overflow: hidden;

}



.service-sections .box {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 1.25rem;

  overflow: hidden;

}



.service-sections .imgBox {

  position: absolute;

  inset: 0;

  transition: transform 0.3s ease;

}



.service-sections .imgBox img {

  width: 100%;

  transition: transform 0.3s ease;

  height: 100%;

  /* object-fit: contain; */

}



.service-sections .imgBox:hover img {

  transform: scale(1.1);



}



.service-sections .icon {

  position: absolute;

  bottom: -0.375rem;

  right: -0.375rem;

  width: 6rem;

  height: 6rem;

  background: var(--clr);

  border-top-left-radius: 50%;

}



.service-sections .icon:hover .iconBox {

  transform: scale(1.1);

}



.service-sections .icon::before {

  position: absolute;

  content: "";

  bottom: 0.375rem;

  left: -1.25rem;

  background: transparent;

  width: 1.25rem;

  height: 1.25rem;

  border-bottom-right-radius: 1.25rem;

  box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;

}



.service-sections .icon::after {

  position: absolute;

  content: "";

  top: -1.25rem;

  right: 0.375rem;

  background: transparent;

  width: 1.25rem;

  height: 1.25rem;

  border-bottom-right-radius: 1.25rem;

  box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);

}



.service-sections .iconBox {

  position: absolute;

  /* display: flex; */

  flex-direction: column;

  inset: 0.625rem;

  background: #282828;

  border-radius: 50%;

  /* gap: 0; */

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 0.3s;

}



@media screen and (max-width:1140px) {

  .service-sections .container {

    margin-top: 1em;

    padding: 10px;

  }



  .service-sections .card-inner {



    height: 12rem;



  }



  .service-sections .content h5 {



    /* padding: 5px 10px; */

    font-size: clamp(0.8rem, 0.3909rem + -0.5636vw, 1.3rem);

  }



  .service-sections .icon {



    width: 5rem;

    height: 5rem;



  }



  .steps-section {

    /* background: linear-gradient(90deg, rgba(255, 240, 245, 1) 0%, rgba(255, 255, 255, 1) 100%); */

    border-radius: 0px;

    padding: 20px 10px;

    max-width: unset;

    margin: 50px auto;

    /* box-shadow: 0 4px 8px rgb(0 0 0 / 10%); */

    /* position: relative; */

  }



  .steps-section .d-flex {

    flex-direction: column;

    /* box-shadow: 0 4px 8px rgb(0 0 0 / 10%); */

    /* position: relative; */

  }



  .text-container p {

    /* font-size: 1rem;

    color: #666;

    line-height: 1.6;

    margin-bottom: 1.5rem; */

    text-align: justify;

  }

}



/* --service-setion-index-page-End-- */





/* --main-hero-section-- */

.main-hero-banner {

  background-image: url('images/bg/bg-4.png');

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  /* height:100vh; */

  /* border: 1px solid black; */

  /* animation:bg 15s linear infinite; */



}



.main-hero-banner .hero-text {

  color: #4c4c4c;

}



.main-hero-banner .hero-section-video {

  height: 500px;

  width: 100%;

  /* border: 1px solid black; */

}



.main-hero-banner .button-hero-1,

.button-hero-2 {



  font-size: 13px;

  padding: 8px 20px;

  border-radius: 20px;

  color: white;

  background-color: #f95f09;

  /* border: 1px solid black; */

  text-decoration: none;

  font-weight: 700;

}



.main-hero-banner .button-hero-1,

.button-hero-2:hover {



  /* font-size: 13px; */

  /* padding: 8px 20px; */

  /* border-radius: 20px; */

  background-color: transparent;

  border: 1px solid #f95f09;

  color: #f95f09;

  /* border: 1px solid black; */

  /* text-decoration: none; */

  /* font-weight: 700; */

}



@media screen and (max-width:768px) {



  .main-hero-banner {

    padding: 10px;



  }



  .main-hero-banner .btn-dark {

    font-size: 10px !important;

  }



  .main-hero-banner .hero-section-video {

    height: 156px;

    width: 95%;

    /* border: 1px solid black; */

    margin: 0 auto;

  }



  .main-hero-banner .button-hero-1,

  .button-hero-2 {

    width: 60%;



    display: flex;

    justify-content: center;

    font-size: 10px;

    margin: 0 auto;

    padding: 5px;

    border-radius: 20px;

    color: white;

    /* background-color: #f95f09; */

    /* border: 1px solid black; */

    /* text-decoration: none; */

    font-weight: 600;

  }



  .main-hero-banner .button-hero-1 {



    color: #f95f09;



  }



}



/* --main-hero-section-End-- */





/* ----Blog-main-page--- */

.blog-page {

  padding: 50px 100px;

  background: url('./images/bg/bg-4.png');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.blog-card {

  display: flex;

  flex-direction: column;

  margin: 1rem auto;

  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);

  margin-bottom: 1.6%;

  background: #fff;

  line-height: 1.4;

  font-family: sans-serif;

  border-radius: 5px;

  overflow: hidden;

  z-index: 0;

}



.blog-card a {

  color: inherit;

}



.blog-card a:hover {

  color: #f96109c5;

}



.blog-card:hover .photo {

  transform: scale(1.1) rotate(3deg);

}



.blog-card .meta {

  position: relative;

  z-index: 0;

  height: 200px;

}



.blog-card .photo {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-size: cover;

  background-position: center;

  transition: transform 0.2s;

}



.blog-card .photo img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.blog-card .details,

.blog-card .details ul {

  margin: auto;

  padding: 0;

  list-style: none;

}



.blog-card .details {

  position: absolute;

  top: 0;

  bottom: 0;

  left: -100%;

  margin: auto;

  transition: left 0.2s;

  background: rgba(0, 0, 0, 0.6);

  color: #fff;

  padding: 10px;

  width: 100%;

  font-size: 0.9rem;

}



.blog-card .details a {

  text-decoration: dotted underline;

}



.blog-card .details ul li {

  display: inline-block;

}







.blog-card .details .date:before {

  /* font-family: FontAwesome; */

  margin-right: 10px;

  content: "\f133";

}



.blog-card .details .tags ul:before {

  /* font-family: FontAwesome; */

  content: "\f02b";

  margin-right: 10px;

}



.blog-card .details .tags li {

  margin-right: 2px;

}





.blog-card .details .tags li:first-child {

  margin-left: -4px;

}



.blog-card .description {

  padding: 1rem;

  background: #fff;

  position: relative;

  z-index: 1;

}





.blog-card .description h1 {

  line-height: 1;

  margin: 0;

  font-size: 1.3rem;

  /* text-align: justify; */

}







.blog-card .description .read-more {

  text-align: right;

}



.blog-card .description .read-more a {

  color: #f96109c5;

  display: inline-block;

  position: relative;

  text-decoration: none;

}



.blog-card .description .read-more a:after {

  content: "\f061";

  font-family: FontAwesome;

  margin-left: -10px;

  opacity: 0;

  vertical-align: middle;

  transition: margin 0.3s, opacity 0.3s;

}



.blog-card .description .read-more a:hover:after {

  margin-left: 5px;

  opacity: 1;

}



.blog-card p {

  position: relative;

  margin: 1rem 0 0;

}



.blog-card p:first-of-type {

  margin-top: 1.25rem;

  font-size: 14px;

}



.blog-card p:first-of-type:before {

  content: "";

  position: absolute;

  height: 5px;

  background: #f96109c5;

  width: 35px;

  top: -0.75rem;

  border-radius: 3px;

}



.blog-card:hover .details {

  left: 0%;

}



@media (min-width: 640px) {

  .blog-card {

    flex-direction: row;

    max-width: 700px;

  }



  .blog-card .meta {

    flex-basis: 40%;

    height: auto;

  }



  .blog-card .description {

    flex-basis: 60%;

  }



  .blog-card .description:before {

    transform: skewX(-3deg);

    content: "";

    background: #fff;

    width: 30px;

    position: absolute;

    left: -10px;

    top: 0;

    bottom: 0;

    z-index: -1;

  }



  .blog-card.alt {

    flex-direction: row-reverse;

  }



  .blog-card.alt .description:before {

    left: inherit;

    right: -10px;

    transform: skew(3deg);

  }



  .blog-card.alt .details {

    padding-left: 25px;

  }

}



/* ----Blog-main-page-End--- */



/* --sidemenu-bar--- */

/* Hamburger Icon */

.hamburger-icon {

  font-size: 30px;

  cursor: pointer;

  /* position: fixed; */

  /* top: 20px; */

  /* right: 20px; */

  /* z-index: 100; */

}



/* Sidebar */

.sidebar {

  height: 100%;

  width: 0%;

  position: fixed;

  top: 0;

  right: 0;

  /* background: linear-gradient(45deg, #8f3ce717, #9dbffa75); */

  /* background: url('./images/bg/bg-3.png');

  background-color: rgba(255, 255, 255, 0.767); */

  background: linear-gradient(rgba(255, 255, 255, 0.767),

      rgba(255, 255, 255, 0.767)),

    url('./images/bg/bg-4.png');

  overflow-x: hidden;

  transition: 0.3s;

  /* box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2); */

  z-index: 9999;

  padding-top: 60px;

  display: none;

  overflow-y: scroll;

}



/* Webkit scrollbar styles */

.sidebar::-webkit-scrollbar {

  width: 8px;

  /* Width of the scrollbar */

}



.sidebar::-webkit-scrollbar-track {

  background: #f1f1f1;

  /* Track color */

  border-radius: 10px;

}



.sidebar::-webkit-scrollbar-thumb {

  background: rgba(136, 136, 136, 0.418);

  /* Thumb color */

  border-radius: 10px;

  height: 100px;

}



.sidebar::-webkit-scrollbar-thumb:hover {

  background: #555;

  /* Thumb color on hover */

}



.sidebar ul {

  list-style-type: none;

  padding: 0;

}



.sidebar ul li {

  padding: 3px 20px;

  display: flex;

  justify-content: center;

}



.sidebar ul li a {

  padding: 3px 20px;

  color: rgb(7, 7, 7);

  text-decoration: none;

  /* display: block; */

  text-align: center;

  font-size: 20px;

  transition: background-color 0.3s ease;

}



/* Active Link */

.sidebar ul li a.active {

  border-bottom: 2px solid rgba(255, 255, 255, 0.2);

  box-shadow: rgba(255, 255, 255, 0.2);

  /* color: #fff; */

  background-color: rgba(255, 255, 255, 0.2);



}



/* Hover Effect */

.sidebar ul li a:hover {

  background-color: rgba(255, 255, 255, 0.3);

}



/* Close Button */

.close-btn {

  height: 40px;

  width: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  /* font-size: 15px; */

  border-radius: 50%;

  background-color: rgb(0, 0, 0);

  color: white;

  position: absolute;

  top: 15px;

  right: 15px;

  cursor: pointer;

}



.close-btn i {

  font-size: 15px;

}



/* Transition on Opening */

.sidebar.open {

  width: 100%;

}



/* Media Query for Responsiveness */

@media screen and (max-width: 768px) {

  .hamburger-icon {

    font-size: 25px;

    top: 15px;

    left: 15px;

  }



  .sidebar ul li a {

    font-size: 16px;

  }

}



/* --sidemenu-bar-End--- */





/* ---counter-index-- */



.counter-index {

  padding: 50px 100px;

  background-color: #f8f9fa;

}



.counter-container {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  background: linear-gradient(90deg, #FFD9C7, #FFEFAE);

  padding: 20px;

  border-radius: 10px;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  animation: bg 10s linear infinite;

}



@keyframes bg {

  100% {

    filter: hue-rotate(360deg);

  }



}



.counter-item {

  flex: 1 1 30%;

  text-align: center;

  padding: 20px;

}



.counter-item h2 {

  font-size: 2.5rem;

  margin: 0;

  color: #444;

}



.counter-item p {

  font-size: 1rem;

  color: #777;

  margin: 0;

}



.counter-header {

  text-align: center;

  margin-bottom: 20px;

  font-size: 2rem;

  font-weight: 600;

  color: #666;

}



@media (max-width: 768px) {

  .counter-item {

    flex: 1 1 100%;

  }



  .counter-index {

    padding: 10px 10px;

  }



  .counter-header {

    /* text-align: center; */

    /* margin-bottom: 20px; */

    font-size: 1.5rem;

    /* font-weight: 600;

    color: #666; */

  }

}



/* ---counter-index-End--- */



/* ---service-page--- */

.service-page {

  /* padding: 50px; */



}



.service-orange {

  background-color: #ffffefed;

}



.service-blue {

  background-color: #f6fffe;

}



.section-wrapper {

  display: flex;

  flex-wrap: wrap;

  /* align-items: center; */

  gap: 2rem;

  padding: 2rem;

}



.image-container {

  flex: 1 1 30%;

}



.image-container img {

  width: 100%;

  height: 80%;

  border-radius: 8px;

  object-fit: cover;

}



.text-container {

  flex: 1 1 60%;

  max-width: 900px;

}



.text-container h2 {

  font-size: 1.5rem;

  color: #2a5a74;

}



.text-container h3 {

  font-size: 2rem;

  margin-bottom: 1rem;

  color: #2a5a74;

}



.text-container p {

  font-size: 1rem;

  color: #666;

  line-height: 1.6;

  margin-bottom: 1.5rem;

}



.text-container .btn-custom {

  background-color: #2a5a74;

  color: #fff;

  padding: 0.5rem 1rem;

  border-radius: 5px;

  text-decoration: none;

}



.additional-images {

  display: flex;

  gap: 1rem;

  margin-top: 1.5rem;

}



.additional-images img {

  flex: 1;

  width: 100%;

  height: auto;

  border-radius: 8px;

}



@media (max-width: 768px) {

  .section-wrapper {

    flex-direction: column;

    text-align: center;

  }



  .text-container {

    max-width: 100%;

  }



  .additional-images {

    flex-wrap: wrap;

  }

}



.additional-text {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  margin: 20px 0;

}



.text-column {

  flex: 1;

  padding: 10px;

}



.text-column h3 {

  font-size: 1.2rem;

  margin-bottom: 10px;

}



.text-column ul {

  list-style: disc;

  margin: 0;

  padding-left: 20px;

}



.text-column li {

  margin-bottom: 10px;

  font-size: 1rem;

  line-height: 1.5;

}



/* Responsive Design */

@media (max-width: 768px) {

  .additional-text {

    flex-direction: column;

  }



  .text-column {

    padding: 10px 0;

    text-align: left;

  }

}



/* ---service-page-end--- */



/* --breadcrumb-- */

.breadcrumb-main {

  padding: 50px;

  /* border: 1px solid black; */

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  background: linear-gradient(270deg, #fca77c46, #f7e0bb27), url('./images/bg/breadcrumb.png');

  background-position: center;

  background-size: cover;

  /* height: 195px; */





}



.breadcrumb {

  color: white !important;

}



.breadcrumb-item+.breadcrumb-item::before {

  color: white !important;

}



.breadcrumb-main h3 {

  color: white;

}



.breadcrumb-item a {

  color: white;

  text-decoration: none;

}





@media screen and (max-width:768px){

  .breadcrumb-main {

    padding: 25px 12px;

  

  

  }

  .breadcrumb-main h3 {

    color: white;

    font-size: 14px;

    text-align: center;

}

.breadcrumb-item a {

  color: white;

  text-decoration: none;

  font-size: 9px;

}

.breadcrumb-item+.breadcrumb-item::before {

  color: white !important;

  font-size: 9px;

  float: unset;

}



}



/* --breadcrumb-end-- */



/* --|About-us-page--- */



.about-main-page {

  padding: 80px;

  background-color: #eeeeeed5;

  /* height: 100vh; */

  display: flex;

  justify-content: center;

  align-items: center;

}



.about-main-page .main-about-box {

  height: 810px;

  width: 980px;

  background-color: #fefefe;

  position: relative;

  overflow: visible;

}



.about-main-page .main-about-box .image-circle {

  /* background-color: #c4b9bd; */

  background-color: #ebebebf3;

  height: 360px;

  position: absolute;

  width: 360px;

  border-radius: 50%;

  border: none;

  right: -150px;

  overflow: hidden;

  display: flex;

  justify-content: center;

  align-items: center;

  /* padding: 10px; */

  top: -30px;

  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11);

}



.about-main-page .main-about-box .image-circle img {

  height: 100%;

  width: 100%;

  border-radius: 50%;

  /* position: absolute; */

}



.about-card-main {

  position: absolute;

  bottom: 30px;

  left: 70px;

  gap: 20px;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  width: 1000px;

  overflow: visible;

  /* border: 1px solid red; */

}



.about-card {

  height: 300px;

  /* border: 1px solid red; */

  width: 350px;

  display: flex;

  flex-direction: column;

  align-items: center;

  background-color: lightskyblue;

  padding: 20px;

  /* justify-content: space-between; */

}



.about-main-page .first {

  /* background-color: #86b5e4; */

  background: linear-gradient(135deg, #f8dfdf, #ffa2a2);



}



.about-main-page .second {

  /* background-color: #ecf3fd; */

  background: linear-gradient(135deg, #dff8e7, #a2ffb1);



}



.about-main-page .third {

  /* background-color: #1b486d; */

  background: linear-gradient(135deg, #dfdff8, #a2d5ff);



}



.about-card .about-card-icon {

  display: flex;

  justify-content: center;

  align-items: center;

  /* height: 80px;

 width: 80px; */

  font-size: 40px;

  color: white;

  /* border: 0.5px solid whi te; */

  border-radius: 50%;

  margin-bottom: 10px;

}



.about-main-page .first .about-card-icon i {

  /* background:linear-gradient(135deg, #fa5b5b, #ff7373); */

  color: rgba(255, 0, 0, 0.582);

}



.about-main-page .second .about-card-icon i {

  /* background:linear-gradient(135deg, #fa5b5b, #ff7373); */

  color: rgba(0, 128, 0, 0.582);

}



.about-main-page .third .about-card-icon i {

  /* background:linear-gradient(135deg, #fa5b5b, #ff7373); */

  color: rgba(0, 0, 128, 0.281);

}



.about-card h4 {

  color: white;

  font-weight: 800;

  text-align: center;

  /* font-size: 20px; */

  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));

}



.about-card p {

  color: rgb(128 128 128 / 78%);

  text-align: justify;

  font-weight: 600;

  /* filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2)); */

}



.about-main-page .main-about-description {

  /* position: absolute; */

  /* right: 0px; */

  /* border: 1px solid red; */

  width: 750px;

  padding: 5px 15px;

  margin: 5px 0;

}



.about-main-page .main-about-description p {

  text-align: justify;

  font-size: 14px;





}



.about-main-page h2 {

  color: #f96109e7;

  color: #f96109e7;

}



@media (max-width: 768px) {

  .about-main-page {

    padding: 0px;

    /* background-color:#e4e4e4ee; */

    /* height: 100vh; */

    /* display: flex;

    justify-content: center;

    align-items: center; */

  }



  .about-main-page .main-about-box {

    height: auto;

    width: 100%;

    /* background-color: #fefefe; */

    position: unset;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    overflow: visible;

  }



  .about-main-page .main-about-box .image-circle {

    /* background-color: #c4b9bd; */

    height: 200px;

    margin: auto;

    position: unset;

    width: 200px;

    border-radius: 50%;

    border: none;

    right: -150px;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    /* padding: 10px; */

    top: unset;

    margin-top: 20px;

  }



  .about-main-page .main-about-description {

    /* position: absolute; */

    /* right: 0px; */

    /* border: 1px solid red; */

    width: 100%;

    /* padding: 5px 15px; */

    /* margin:5px 0; */

  }



  .about-card-main {

    position: unset;

    bottom: unset;

    left: unset;

    /* gap: 20px; */

    display: flex;

    flex-direction: column;

    justify-content: space-evenly;

    align-items: center;

    width: 100%;

    height: auto;

    overflow: visible;

    /* border: 1px solid red; */

  }

}



/* ---Key-details--- */

.vikas-fitness-table {

  /* background: linear-gradient(120  deg, #f0f8ff, #ffffff); */

  padding: 50px 20px;

  border-radius: 15px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.vikas-fitness-table .section-title {

  font-size: 2rem;

  font-weight: bold;

  /* color: #; */

  margin-bottom: 30px;

}



.table {

  background: #ffffff;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

}



.table th {

  background: #00796b2f;

  color: rgba(128, 128, 128, 0.808);

  text-align: center;

  font-weight: bold;

}



.table td {

  font-size: 1rem;

  color: #555;

  padding: 15px;

}



.table-hover tbody tr:hover {

  background: rgba(0, 121, 107, 0.1);

}



@media (max-width: 768px) {

  .vikas-fitness-table .section-title {

    font-size: 1.5rem;

  }



  .table td {

    font-size: 0.9rem;

  }

}



/* ---Key-details-End--- */



/* ---motivational-section-- */

.motivational-section {

  /* background: linear-gradient(120deg, #e0f7fa, #ffffff); */

  background-color: #e4e4e4b2;

  padding: 50px 20px;

  position: relative;

  overflow: hidden;

}



.motivational-section .container {

  z-index: 2;

  position: relative;

}



.motivational-section::before {

  content: '';

  position: absolute;

  top: -50px;

  left: -100px;

  width: 600px;

  height: 600px;

  background: rgba(142, 198, 255, 0.1);

  border-radius: 50%;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 1000px;

  border-top-right-radius: 30px;

  z-index: 1;

}



.motivational-section::after {

  content: '';

  position: absolute;

  bottom: -70px;

  right: -70px;

  width: 600px;

  height: 600px;

  background: rgba(255, 146, 146, 0.1);

  border-radius: 50%;

  border-bottom-left-radius: 1000px;

  border-top-right-radius: 30px;

  z-index: 1;

}



.motivational-section .image-column {

  display: flex;

  justify-content: center;

  align-items: center;

}



.motivational-section .image-wrapper {

  /* border-radius: 15px; */

  overflow: hidden;

  height: 400px;

  width: 100%;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

  margin-top: 20px;

}



.motivational-section .image-wrapper video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  /* border-radius: 15px; */

}



.text-column h2 {

  font-size: 2rem;

  font-weight: bold;

  color: #00695c;

  margin-bottom: 20px;

}



.text-column .content-box {

  margin-bottom: 20px;

}



.text-column h4 {

  font-size: 1.2rem;

  color: #00796b;

  font-weight: bold;

}



.text-column p {

  color: #555;

  font-size: 1rem;

}



@media (max-width: 768px) {

  .image-column {

    margin-bottom: 30px;

  }



  .text-column h2 {

    font-size: 1.5rem;

  }



  .text-column h4 {

    font-size: 1rem;

  }



  .text-column p {

    font-size: 0.9rem;

  }

}



/* ---motivational-section-End-- */







/* --About-us-page-End--- */







/* ---Video-gallery-page-- */

.video-gallery-section {

  padding: 20px 0px;

  background: url('./images/bg/bg-3.png');

}



.video-gallery-section .gallery-container {

  padding: 1rem;

}



.video-gallery-section .video-item {

  position: relative;

  overflow: hidden;

  cursor: pointer;

  height: 250px;

}



.video-gallery-section .video-item iframe {

  width: 100%;

  height: 100%;

}



.video-gallery-section .video-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  transition: all 0.5s ease;

}



.video-gallery-section .video-item:hover .video-overlay {

  opacity: 1;

}



.video-gallery-section .video-item:hover {

  transform: scale(1.2);

}



.video-gallery-section .video-icon {

  font-size: 2rem;

}



.video-gallery-section .video-icon i {

  font-size: 3rem;

}



/* .video-gallery-section .video-item:hover ~ .video-item {

  filter: blur(10px);

}

.video-gallery-section .video-item:hover {

  z-index: 2;

} */

.blur {

  filter: blur(10px);

  transition: filter 0.3s ease;

}



/* ---Video-gallery-page-End-- */





/* ---Events-page--- */

/* Image Gallery */

.event-gallery-section {

  padding: 60px;

}



.image-gallery {

  /* display: flex;

  flex-wrap: wrap;

  gap: 15px;

  justify-content: center; */

  padding: 10px;

}



.gallery-item {

  position: relative;

  overflow: hidden;

  cursor: pointer;

  /* border-radius: 8px; */

  height: 240px;

  transition: transform 0.3s ease;

}



.gallery-image {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 0.3s ease;

}



/* Overlay */

.overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.8);

  opacity: 0;



  display: flex;



  align-items: center;

  justify-content: center;

  transition: opacity 0.3s ease;

}



.overlay .icon {

  font-size: 36px;

  color: white;

  opacity: 0;

  transition: opacity 0.3s ease;

}



/* Hover effect for overlay */

.gallery-item:hover .overlay {

  opacity: 1;

}



.gallery-item:hover .overlay .icon {

  opacity: 1;

}



/* Different side overlay effect */

.overlay.left {

  transform: translateX(-100%);

  transition: transform 0.5s ease;

}



.overlay.right {

  transform: translateX(100%);

  transition: transform 0.5s ease;

}



.gallery-item:hover .overlay.left {

  transform: translateX(0);

}



.gallery-item:hover .overlay.right {

  transform: translateX(0);

}





.Upcoming-events .photo-container {

  font-size: 1.5em;

  /* background-color: #2c3e52; */

  background-color: rgba(0, 0, 0, 0.829);

  color: white;

  padding: 20px;

  text-align: center;

  grid-area: photo;

  display: flex;

  justify-content: center;

  align-items: center;

}



.Upcoming-events .card-container {

  margin: 8px;

  display: grid;

  grid-template-areas:

    'photo info';

  grid-template-columns: 150px 1fr;

  width: 550px;

  background-color: #ffffff;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  line-height: 1.75em;

}



.Upcoming-events .info-container {

  padding: 20px;

  grid-area: info;

}



.Upcoming-events .event-name {

  font-weight: bold;

  padding-bottom: 5px;

}



.Upcoming-events .event-location {

  font-weight: 300;

}



.Upcoming-events .day {

  font-weight: 300;

}



.Upcoming-events .month {

  font-weight: 600;

}



@media(max-width: 600px) {

  .Upcoming-events .card-container {

    width: 90%;

  }

}



/* Modal */

.modal {

  display: none;

  position: fixed;

  z-index: 1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.8);

  overflow: hidden;

  justify-content: center;

  align-items: center;

  opacity: 0;

  transition: opacity 0.3s ease;

}



.modal-content {

  position: relative;

  width: 90%;

  height: 80%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.modal-image {

  width: 100%;

  height: 100%;

  object-fit: contain;

  border-radius: 8px;

}



.close {

  position: absolute;

  top: 10px;

  right: 10px;

  color: white;

  font-size: 16px;

  cursor: pointer;

  padding: 0;

  /* background-color: red; */

  transition: color 0.3s ease;

  border: 1px solid orangered;

  color: orangered;

  padding: 5px 10px;

  border-radius: 10px;

  /* border: 1px solid black;

  display: flex;

  justify-content: center;

  align-items: center; */

}



.close:hover {

  color: white;

  background-color: orangered;

}



/* Modal Animation */

.modal.show {

  display: flex;

  opacity: 1;

  transition: opacity 0.5s ease;

}



/* Responsiveness */

@media screen and (max-width: 768px) {

  .gallery-item {

    flex: 1 1 50%;

  }



  .video-gallery-section {

    padding: 10px;

    /* background: url(./images/bg/bg-3.png); */

  }





  .video-gallery-section .gallery-container {

    padding: 1rem;

  }



  .video-gallery-section .video-item {



    height: 150px;

  }



  .event-gallery-section {

    padding: 10px;

  }



}



/* ---Events-page-End--- */





/* ----Booking-consultant-page---- */

.book-consultant-page {

  padding: 50px;

  /* height: 100vh; */

  background: linear-gradient(to top, #fed6e373 0%, #a8ede941 100%);

  ;

}



.book-consultant-page #contact {

  background-color: #6a9ac4;

  display: flex;

  justify-content: center;

  align-items: center;

}



.book-consultant-page .contact-box {

  width: clamp(100px, 90%, 1000px);

  margin: 80px 50px;

  display: flex;

  flex-wrap: wrap;

}



.book-consultant-page .contact-links,

.book-consultant-page .contact-form-wrapper {

  width: 50%;

  padding: 5%;

}



.book-consultant-page .contact-links {

  background-color: #1f2e43da;

  background: radial-gradient(circle at 55% 92%, #426691 0 12%, transparent 12.2%), radial-gradient(circle at 94% 72%, #426691 0 10%, transparent 10.2%), radial-gradient(circle at 20% max(78%, 350px), #263a53 0 7%, transparent 7.2%), radial-gradient(circle at 0% 0%, #263a53 0 40%, transparent 40.2%), #1f2e43;

  border-radius: 10px 0 0 10px;

  box-shadow: 0 0 2px black;

}



.book-consultant-page .contact-form-wrapper {

  background-color: #ffffff8f;

  border-radius: 0 10px 10px 0;

}



@media only screen and (max-width: 800px) {



  .book-consultant-page .contact-links,

  .book-consultant-page .contact-form-wrapper {

    width: 100%;

  }



  .book-consultant-page .contact-links {

    border-radius: 10px 10px 0 0;

  }



  .book-consultant-page .contact-form-wrapper {

    border-radius: 0 0 10px 10px;

  }

}



@media only screen and (max-width: 768px) {

  .book-consultant-page {

    padding: 20px 10px;

    /* height: 100vh; */

    /* background:linear-gradient(to top, #fed6e373 0%, #a8ede941 100%);; */

  }



  .book-consultant-page .contact-box {

    width: 100%;

    margin: 0;

  }



}



.book-consultant-page h1 {



  color: #fff;

  font-size: clamp(30px, 6vw, 60px);

  letter-spacing: 2px;

  text-align: center;

  transform: scale(.95, 1);

}



.book-consultant-page .links {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  padding-top: 50px;

}



.book-consultant-page .link {

  margin: 10px;

  cursor: pointer;

}



.book-consultant-page img {

  width: 45px;

  height: 45px;

  filter: hue-rotate(220deg) drop-shadow(2px 4px 4px #0006);

  transition: 0.2s;

  user-select: none;

}



.book-consultant-page img:hover {

  transform: scale(1.1, 1.1);

}



.book-consultant-page img:active {

  transform: scale(1.1, 1.1);

  filter: hue-rotate(220deg) drop-shadow(2px 4px 4px #222) sepia(0.3);

}



.book-consultant-page .form-item {

  position: relative;

}



.book-consultant-page label,

.book-consultant-page input,

.book-consultant-page textarea {

  font-family: 'Poppins', sans-serif;

}



.book-consultant-page label {

  position: absolute;

  top: 10px;

  left: 2%;

  color: #999;

  font-size: clamp(14px, 1.5vw, 18px);

  pointer-events: none;

  user-select: none;

}



.book-consultant-page input,

.book-consultant-page textarea {

  width: 100%;

  outline: 0;

  border: 1px solid #ccc;

  border-radius: 4px;

  margin-bottom: 20px;

  padding: 12px;

  font-size: clamp(15px, 1.5vw, 18px);

}



.book-consultant-page input:focus+label,

.book-consultant-page input:valid+label,

.book-consultant-page textarea:focus+label,

.book-consultant-page textarea:valid+label {

  /* font-size: clamp(13px, 1.3vw, 16px);

  color: #777;

  top: -25px;

  transition: all .225s ease; */

  font-size: clamp(13px, 1.3vw, 16px);

  color: #777;

  top: -16px;

  transition: all .225s ease;

  background: white;

  padding: 2px 10px;

  border-radius: 50px;

}



.book-consultant-page .submit-btn {

  background-color: #f95f09;

  filter: drop-shadow(2px 2px 3px #0003);

  color: #fff;

  font-family: 'Poppins', sans-serif;

  font-size: clamp(16px, 1.6vw, 18px);

  display: block;

  padding: 8px 20px;

  margin: 2px auto;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  user-select: none;

  transition: 0.2s;

}



.book-consultant-page .submit-btn:hover {

  transform: scale(1.1, 1.1);

}



.book-consultant-page .submit-btn:active {

  transform: scale(1.1, 1.1);

  filter: sepia(0.5);

}



@media only screen and (max-width: 800px) {

  .book-consultant-page h1 {

    font-size: clamp(40px, 10vw, 60px);

  }

}



@media only screen and (max-width: 400px) {

  .book-consultant-page h1 {

    font-size: clamp(30px, 12vw, 60px);

  }



  .book-consultant-page .links {

    padding-top: 30px;

  }



  .book-consultant-page img {

    width: 38px;

    height: 38px;

  }

}



/* ----Booking-consultant-page-End---- */







/* ----header-logo--- */

.main-logo {

  height: 80px;

  width: 100%;



}



.main-logo a {

  height: 100%;

  width: 100%;



}



.main-logo a img {

  height: 100%;

  width: 100%;

  object-fit: contain;



}

@media screen and (max-width:768px){

  .main-logo {

    height:100px!important;

    width: 100%;

}

.main-logo a img {

  height: 100%;

  width: 100%;

  /* object-fit: cover; */



}

}



/* ----header-logo-End--- */





/* ---Testimonial-section---- */

.clientele {

  padding: 50px 20px;

}



.section-testmonials {

  /* font-family: Poppins; */

  display: flex;

  gap: 20px;

  align-items: center;

}



.section-testmonials .column-testmonials {

  display: flex;

  flex-direction: column;

  gap: 20px;

  width: 30%;

}



.section-testmonials .section-details {

  border-left: 10px solid #f95f09;

  padding-left: 20px;

}





.section-testmonials .name-section {

  font-weight: 800;

  text-transform: uppercase;

  font-size: 18px;

  color: #f95f09 !important;

  line-height: 1.2em;

  margin: 0;

}



.section-testmonials .title-section b {

  color: #f95f09;

}



.section-testmonials .title-section {

  color: #000;

  /* font-family: Poppins; */

  font-size: 30px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin: 0;

}



.navigation-testmonials {

  display: flex;

  gap: 10px;

}





.swiper-testmonials {

  width: 70%;

  overflow: hidden;

  position: relative;

}



@media (max-width: 768px) {

  .section-testmonials {

    flex-direction: column;

    align-items: flex-start;

  }



  .swiper-testmonials {

    width: 100%;

  }



  .clientele {

    padding: 20px 10px;

  }



  .section-testmonials .column-testmonials {



    width: 100%;

  }

}



.swiper-testmonials .swiper-slide {

  border-radius: 10px;

  background: linear-gradient(to bottom, #ebf0fb 0%, #fefeff 100%);

  border: 1px solid #ebf0fb;

  /* background: linear-gradient(118deg, #7C1A78 10.88%, #43044A 83.88%); */

  display: flex;

  padding: 22px;

  flex-direction: column;

  align-items: flex-start;

  gap: 20px;

  height: 320px;

  transform: scale(0.9) !important;

  filter: blur(1px) grayscale(0.5);

  transition: 0.2s;

}



.swiper-testmonials .swiper-slide * {

  margin: 0;

}



.swiper-testmonials .swiper-slide-active {

  filter: blur(0px) !important;

  transform: scale(1) !important;

}



.card-slide {

  display: flex;

  flex-direction: column;

  gap: 6px;

}



.head-slide {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header-slide {

  display: flex;

  align-items: center;

  gap: 20px

}



.title-slide h4 {

  color: black;

  font-size: 20px;

  font-weight: 700;

}



.title-slide h6 {

  color: #FFCB00;

  font-size: 14px;

  font-weight: 500;

  padding-top: 5px;

}



.swiper-testmonials h3 {

  color: black;

  padding-top: 10px;

  font-size: 15px;

  font-weight: 700;

}



.text-slide {

  color: #242121e3;

  text-align: justify;

  font-size: 13px;

  /* font-weight: 400; */

  line-height: normal;

}



.swiper-button-testmonials-next,

.swiper-button-testmonials-prev {

  cursor: pointer;

}





@media (max-width: 768px) {

  .header-slide svg {

    width: 50px;

  }



  .title-slide h4 {

    font-size: 14px;

  }



  .swiper-testmonials .swiper-slide {

    padding: 20px;

  }

}



/* ---Testimonial-section-End---- */







/* -----new-service-- */

.service-section {

  padding: 50px 20px;

}



.section-service-box {

  /* font-family: Poppins; */

  display: flex;

  gap: 20px;

  justify-content: center;

  align-items: center;

  flex-direction: column;



}



.section-service-box .column-testmonials {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 20px;

  width: 100%;

  margin-bottom: 20px;

  /* border: 1px solid black; */

}



.section-service-box .section-details {

  /* border-left: 10px solid #f95f09; */

  /* padding-left: 20px; */

}





.section-service-box .name-section {

  font-weight: 800;

  text-transform: uppercase;

  font-size: 18px;

  color: #f95f09 !important;

  line-height: 1.2em;

  margin: 0;

}



.section-service-box .title-section b {

  color: #f95f09;

}



.section-service-box .title-section {

  color: #000;

  /* font-family: Poppins; */

  font-size: 30px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin: 0;

}



.navigation-services {

  display: flex;

  width: 100%;

  gap: 10px;

  position: relative;

  margin-bottom: 20px;

}



.navigation-services .swiper-button-testmonials-prev {

  position: absolute;

  left: 46%;



}



.navigation-services .swiper-button-testmonials-next {

  position: absolute;

  right: 46%;



}





.section-service-box .swiper-services {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: auto;

}



@media (max-width: 768px) {

  .section-service-box {

    flex-direction: column;

    align-items: flex-start;

  }



  .swiper-services {

    width: 100%;

  }







  .section-services .column-testmonials {



    width: 100%;

  }



  .navigation-services .swiper-button-testmonials-prev {

    left: 41%;



  }



  .navigation-services .swiper-button-testmonials-next {

    right: 41%;

    /* left: 15%; */



  }



  .navigation-services svg {

    height: 30px !important;

    width: 30px !important;

    font-size: 13px !important;

  }

}



.swiper-services .swiper-slide {

  border-radius: 10px;

  /* background: linear-gradient(to bottom, #ebf0fb 0%, #fefeff 100%); */

  /* border: 1px solid #ebf0fb; */

  /* background: linear-gradient(118deg, #7C1A78 10.88%, #43044A 83.88%); */

  display: flex;

  /* padding: 22px; */

  flex-direction: column;

  align-items: flex-start;

  /* gap: 20px; */

  width: 500px;

  height: 300px;

  transform: scale(0.9) !important;

  /* filter: blur(1px) grayscale(0.5); */

  transition: 0.2s;

}



.swiper-services .swiper-slide * {

  margin: 0;

}



.swiper-services .swiper-slide-active {

  filter: blur(0px) !important;

  transform: scale(1) !important;

}





.service-sections .swiper-services .swiper-slide .card {

  border: none;

  border-radius: 30px;

  width: 100%;

}



.service-sections .swiper-services .swiper-slide a {

  display: inline-block;

  text-decoration: none;

}







.service-sections .swiper-services .swiper-slide .card:nth-child(1) .box .icon .iconBox {

  background: #d3b19a;

}





.service-sections .swiper-services .swiper-slide .content {

  padding: 0.500rem 0.625rem;

  position: absolute;

  bottom: 0px;

  left: 5px;

}



.service-sections .swiper-services .swiper-slide .content h5 {

  text-transform: capitalize;

  color: white;

  background-color: rgba(0, 0, 0, 0.8);

  border: 0.5px solid white;

  padding: 5px 10px;

  font-size: 18px;

  /* font-size: clamp(1rem, 1.3909rem + 0.4364vw, 1.3rem); */

}



.service-sections .swiper-services .swiper-slide .card-inner {

  position: relative;

  width: inherit;

  height: 18.75rem;

  background: var(--clr);

  border-radius: 1.25rem;

  border-bottom-right-radius: 0;

  overflow: hidden;

}



.service-sections .swiper-services .swiper-slide .box {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 1.25rem;

  overflow: hidden;

}



.service-sections .swiper-services .swiper-slide .imgBox {

  position: absolute;

  inset: 0;

  transition: transform 0.3s ease;

}



.service-sections .swiper-services .swiper-slide .imgBox img {

  width: 100%;

  transition: transform 0.3s ease;

  height: 100%;

  /* object-fit: contain; */

}



.service-sections .swiper-services .swiper-slide .imgBox:hover img {

  transform: scale(1.1);



}



.service-sections .swiper-services .swiper-slide .icon {

  position: absolute;

  bottom: -0.375rem;

  right: -0.375rem;

  width: 6rem;

  height: 6rem;

  background: var(--clr);

  border-top-left-radius: 50%;

}



.service-sections .swiper-services .swiper-slide .icon:hover .iconBox {

  transform: scale(1.1);

}



.service-sections .swiper-services .swiper-slide .icon::before {

  position: absolute;

  content: "";

  bottom: 0.375rem;

  left: -1.25rem;

  background: transparent;

  width: 1.25rem;

  height: 1.25rem;

  border-bottom-right-radius: 1.25rem;

  box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;

}



.service-sections .swiper-services .swiper-slide .icon::after {

  position: absolute;

  content: "";

  top: -1.25rem;

  right: 0.375rem;

  background: transparent;

  width: 1.25rem;

  height: 1.25rem;

  border-bottom-right-radius: 1.25rem;

  box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);

}



.service-sections .swiper-services .swiper-slide .iconBox {

  position: absolute;

  /* display: flex; */

  flex-direction: column;

  inset: 0.625rem;

  background: #282828;

  border-radius: 50%;

  /* gap: 0; */

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 0.3s;

}



@media screen and (max-width:1140px) {



  .service-sections .swiper-services .swiper-slide .card-inner {



    height: 12rem;



  }



  .service-sections .swiper-services .swiper-slide .content h5 {



    /* padding: 5px 10px; */

    font-size: clamp(0.8rem, 0.3909rem + -0.5636vw, 1.3rem);

  }



  .service-sections .swiper-services .swiper-slide .icon {



    width: 5rem;

    height: 5rem;



  }

}



@media screen and (max-width:768px) {

  .swiper-services .swiper-slide {

  

    height: auto;

   

  }

  .service-sections .swiper-services .swiper-slide .content h5 {



    /* padding: 5px 10px; */

    font-size: clamp(0.9rem, 0.3909rem + -0.5636vw, 1.3rem);

  }

}



/* .card-slide {

  display: flex;

  flex-direction: column;

  gap: 6px;

}



.head-slide {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header-slide {

  display: flex;

  align-items: center;

  gap: 20px

} */



/* -----new-service-end-- */





/* --new-welless-section--- */

.wellness-sections {

  padding: 50px 20px;

}



.section-wellness {

  /* font-family: Poppins; */

  display: flex;

  gap: 20px;

  justify-content: center;

  align-items: center;

  flex-direction: column;



}



.section-wellness .column-wellness {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 20px;

  width: 100%;

  margin-bottom: 20px;

  /* border: 1px solid black; */

}









.section-wellness .name-section {

  font-weight: 800;

  text-transform: uppercase;

  font-size: 18px;

  color: #f95f09 !important;

  line-height: 1.2em;

  margin: 0;

}



.section-wellness .title-section b {

  color: #f95f09;

}



.section-wellness .title-section {

  color: #000;

  /* font-family: Poppins; */

  font-size: 30px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin: 0;

}



.section-wellness .navigation-services {

  display: flex;

  width: 100%;

  gap: 10px;

  position: relative;

  align-items: center;

  /* border: 1px solid red; */

  padding: 10px 20px 5px 20px;

  margin-bottom: 0px;

}



.section-wellness .navigation-services i {

  font-size: 30px;

  color: lightgray;

  filter: drop-shadow(2px 3px 2px #f96c1b42);

}



.section-wellness .navigation-services .swiper-button-wellness-prev {

  position: absolute;

  left: 3%;



}



.section-wellness .navigation-services .swiper-button-wellness-next {

  position: absolute;

  right: 3%;



}





.section-wellness .swiper-wellnessprogram {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: auto;

}



@media (max-width: 768px) {

  .section-wellness {

    flex-direction: column;

    align-items: flex-start;

  }



  .swiper-wellnessprogram {

    width: 100%;

  }







  .section-wellness .column-wellness {



    width: 100%;

    margin-bottom: 5px;

  }



  .section-wellness .navigation-services .swiper-button-wellnesswellness-prev {

    left: 2% !important;



  }



  .section-wellness .navigation-services .swiper-button-wellnesswellness-next {

    right: 2% !important;

    /* left: 18%; */



  }



  .section-wellness .navigation-services i {

    font-size: 20px;



  }







}



.swiper-wellnessprogram .swiper-slide {

  border-radius: 10px;

  /* background: linear-gradient(to bottom, #ebf0fb 0%, #fefeff 100%); */

  /* border: 1px solid #ebf0fb; */

  /* background: linear-gradient(118deg, #7C1A78 10.88%, #43044A 83.88%); */

  display: flex;

  /* padding: 22px; */

  flex-direction: column;

  align-items: flex-start;

  /* gap: 20px; */

  /* width:300px; */

  height: 280px;

  transform: scale(0.9) !important;

  /* filter: blur(1px) grayscale(0.5); */

  transition: 0.2s;

}



.swiper-wellnessprogram .swiper-slide * {

  /* margin: 0; */

}



.swiper-wellnessprogram .swiper-wrapper {

  padding: 10px;

}



.swiper-wellnessprogram .swiper-slide-active {

  /* filter: blur(0px) !important; */

  /* transform: scale(1) !important; */

}





.wellness-sections .swiper-wellnessprogram .swiper-slide .card {

  border: none;

  border-radius: 30px;

  width: 300px

}



.wellness-sections .swiper-wellnessprogram .swiper-slide a {

  display: inline-block;

  text-decoration: none;

}







.wellness-sections .swiper-wellnessprogram .swiper-slide .card:nth-child(1) .box .icon .iconBox {

  background: #d3b19a;

}





.wellness-sections .swiper-wellnessprogram .swiper-slide .content {

  padding: 0.500rem 0.625rem;

  position: absolute;

  bottom: 0px;

  left: 5px;

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .content h5 {

  text-transform: capitalize;

  color: white;

  background-color: rgba(0, 0, 0, 0.8);

  border: 0.5px solid white;

  padding: 5px 10px;

  font-size: clamp(1rem, 1.3909rem + 0.4364vw, 1.3rem);

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .card-inner {

  position: relative;

  width: inherit;

  height: 18.75rem;

  background: var(--clr);

  border-radius: 1.25rem;

  border-bottom-right-radius: 0;

  overflow: hidden;

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .box {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 1.25rem;

  overflow: hidden;

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .imgBox {

  position: absolute;

  inset: 0;

  transition: transform 0.3s ease;

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .imgBox img {

  width: 100%;

  transition: transform 0.3s ease;

  height: 100%;

  /* object-fit: contain; */

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .imgBox:hover img {

  transform: scale(1.1);



}



.wellness-sections .swiper-wellnessprogram .swiper-slide .icon {

  position: absolute;

  bottom: -0.375rem;

  right: -0.375rem;

  width: 6rem;

  height: 6rem;

  background: var(--clr);

  border-top-left-radius: 50%;

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .icon:hover .iconBox {

  transform: scale(1.1);

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .icon::before {

  position: absolute;

  content: "";

  bottom: 0.375rem;

  left: -1.25rem;

  background: transparent;

  width: 1.25rem;

  height: 1.25rem;

  border-bottom-right-radius: 1.25rem;

  box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .icon::after {

  position: absolute;

  content: "";

  top: -1.25rem;

  right: 0.375rem;

  background: transparent;

  width: 1.25rem;

  height: 1.25rem;

  border-bottom-right-radius: 1.25rem;

  box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);

}



.wellness-sections .swiper-wellnessprogram .swiper-slide .iconBox {

  position: absolute;

  /* display: flex; */

  flex-direction: column;

  inset: 0.625rem;

  background: #282828;

  border-radius: 50%;

  /* gap: 0; */

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 0.3s;

}







.wellness-sections .swiper-wellnessprogram .pricing-card {

  background-color: #fff;

  padding: 10px;

  width: 100%;

  height: 100%;

  border-radius: 15px;

  position: relative;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  /* align-items: center; */

}



.wellness-sections h1 {

  font-size: 2.5rem;

  font-weight: bold;

  margin-bottom: 30px;

  /* color: black; */

  text-align: center;

  color: transparent;

  -webkit-text-stroke: 0.58px #f961096b;

  stroke-dasharray: 500;

  stroke-dashoffset: 500;

  /* margin-bottom: 5px; */

  text-align: center;

  animation: dash 5s linear forwards infinite, filling 5s ease-in-out forwards infinite;

  /* filter: drop-shadow(2px 3px 2px #f96c1ba9); */

}



.wellness-sections .swiper-wellnessprogram .pricing-card h3 {

  /* font-family: 'Merriweather', serif; */

  font-weight: 800;

  text-align: left;

  font-size: 16px;

  margin-top: 20px;

  margin-bottom: 6px;

}



.wellness-sections .swiper-wellnessprogram .pricing-card .price-tag {

  position: absolute;

  top: -21px;

  left: -25px;

  /* background-color: #f96b1b; */

  background-color: #f96b1bba;

  color: white;

  font-weight: 800;

  display: flex;

  font-size: 15px;

  border-radius: 8px;

  justify-content: center;

  align-items: center;

  padding: 5px 12px;



}



.wellness-sections .swiper-wellnessprogram .pricing-card .start {

  color: #7C54D1;

  /* align-self:flex-end; */

}



.wellness-sections .swiper-wellnessprogram .pricing-card .professional {

  color: #C5458A;

}



.wellness-sections .swiper-wellnessprogram .pricing-card ul {

  list-style: none;

  margin-top: 20px;

  padding: 0 !important;

}



.wellness-sections .swiper-wellnessprogram .pricing-card ul li {

  font-size: 0.9rem;

  display: flex;

  gap: 5px;

  margin-bottom: 4px;

  /* align-items: center; */

}



.wellness-sections .swiper-wellnessprogram .pricing-card ul li i {

  background-color: #d8f4c3;

  color: #75A153;

  height: 18px;

  width: 18px;

  margin-top: 1px;

  font-size: 9px;

  margin-top: 3px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  vertical-align: middle;

}



.wellness-sections .swiper-wellnessprogram .pricing-card .starter,

.wellness-sections .swiper-wellnessprogram .pricing-card .professional-btn {



  font-weight: 500;

  /* padding: 5px; */

  background: none;

  cursor: pointer;

  border-radius: 10px;

  /* max-width: 237px; */

  width: 100%;

  margin: 8px auto;

  text-align: center;

  display: flex!important;

  justify-content: center;

  transition: all 0.3s ease;

}



.wellness-sections .swiper-wellnessprogram .pricing-card .starter {

  border: 1px solid #7C54D1;

  color: #7C54D1;

}



.wellness-sections .swiper-wellnessprogram .pricing-card .starter:hover {

  background-color: #7C54D1;

  color: #fff;

}







.wellness-sections .swiper-wellnessprogram .pricing-card p span {

  font-weight: 700;

}



.wellness-sections .swiper-wellnessprogram .card-1 {

  width: 100%;

  /* width: 100%; */

  box-shadow: 0 0 0 10px #dbe3ff54;

  /* box-shadow: 0 0 0 10px #f96b1b0d; */

}



@media (max-width:768px) {

  .wellness-sections .swiper-wellnessprogram .pricing-card {

    height: unset;

  }



  .wellness-program {

    padding: 30px;

  }



  .swiper-wellnessprogram .swiper-wrapper {

    padding: 5px;

  }



  .wellness-sections h1 {

    font-size: 1.8rem;



    margin-bottom: 10px;





  }

}



@media (max-width: 360px) {

  .wellness-sections .swiper-wellnessprogram .card-1 {

    width: 90%;

    margin: auto;

  }

}



.wellness-sections .swiper-wellnessprogram .card-2 {

  width: 100%;

  /* width: 100%; */

  box-shadow: 0 0 0 10px #ffbcf0;

}



@media (max-width: 360px) {

  .wellness-sections .swiper-wellnessprogram .card-2 {

    width: 90%;

    margin: auto;

  }

}



@media screen and (max-width:1140px) {



  .wellness-sections .swiper-wellnessprogram .swiper-slide .card-inner {



    height: 12rem;



  }



  .wellness-sections .swiper-wellnessprogram .swiper-slide .content h5 {



    /* padding: 5px 10px; */

    font-size: clamp(0.8rem, 0.3909rem + -0.5636vw, 1.3rem);

  }



  .wellness-sections .swiper-wellnessprogram .swiper-slide .icon {



    width: 5rem;

    height: 5rem;



  }

}



@media screen and (max-width:768px) {

  .wellness-sections .swiper-wellnessprogram .swiper-slide .content h5 {



    /* padding: 5px 10px; */

    font-size: clamp(0.9rem, 0.3909rem + -0.5636vw, 1.3rem);

  }



  .wellness-sections {

    padding: 10px 10px;

  }

}



/* --new-welless-section-End--- */





/* --new-our-plans--- */

.ourplans-sections {

  padding: 0px 20px;

}



.section-ourplans {

  /* font-family: Poppins; */

  display: flex;

  gap: 0px;

  justify-content: center;

  align-items: center;

  flex-direction: column;



}



.section-ourplans .column-ourplans {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 20px;

  width: 100%;

  margin-bottom: 20px;

  /* border: 1px solid black; */

}







.section-ourplans .navigation-services {

  display: flex;

  width: 100%;

  gap: 10px;

  position: relative;

  align-items: center;

  /* border: 1px solid red; */

  padding: 10px 20px 5px 20px;

  margin-bottom: 0px;

  display: none;

}



.section-ourplans .navigation-services i {

  font-size: 30px;

  color: lightgray;

  filter: drop-shadow(2px 3px 2px #f96c1b42);

}



.section-ourplans .navigation-services .swiper-button-ourplans-prev {

  position: absolute;

  left: 3%;



}



.section-ourplans .navigation-services .swiper-button-ourplans-next {

  position: absolute;

  right: 3%;



}





.section-ourplans .swiper-ourplans {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: auto;

}



@media (max-width: 768px) {

  .section-ourplans {

    flex-direction: column;

    align-items: flex-start;

  }



  .swiper-ourplans {

    width: 100%;

  }







  .section-ourplans .column-ourplans {



    width: 100%;

    margin-bottom: 5px;

  }



  .section-ourplans .navigation-services .swiper-button-ourplans-prev {

    left: 2% !important;



  }



  .section-ourplans .navigation-services .swiper-button-ourplans-next {

    right: 2% !important;

    /* left: 18%; */



  }



  .section-ourplans .navigation-services i {

    font-size: 20px;



  }



  .section-ourplans .navigation-services {



    display: flex;

  }





}



.swiper-ourplans .swiper-slide {

  border-radius: 10px;

  /* background: linear-gradient(to bottom, #ebf0fb 0%, #fefeff 100%); */

  /* border: 1px solid #ebf0fb; */

  /* background: linear-gradient(118deg, #7C1A78 10.88%, #43044A 83.88%); */

  display: flex;

  /* padding: 22px; */

  flex-direction: column;

  align-items: flex-start;

  /* gap: 20px; */

  /* width:300px; */

  /* height:280px; */

  transform: scale(0.9) !important;

  /* filter: blur(1px) grayscale(0.5); */

  transition: 0.2s;

}



.swiper-ourplans .swiper-slide * {

  /* margin: 0; */

}



.swiper-ourplans .swiper-wrapper {

  padding: 10px;

}



.swiper-ourplans .swiper-slide-active {

  /* filter: blur(0px) !important; */

  /* transform: scale(1) !important; */

}









.ourplans-sections .swiper-ourplans .swiper-slide a {

  display: inline-block;

  text-decoration: none;

}











.section-ourplans .swiper-ourplans .card1 {

  border: none;

  border-radius: 15px;

  padding: 20px;

  overflow: hidden;

  height: 520px;

  width: 100%;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 15px 25px rgba(0, 0, 0, 0.2);

  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); */

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.section-ourplans .swiper-ourplans .card1:hover {

  transform: translateY(-10px);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 20px 40px rgba(0, 0, 0, 0.3);

}



.section-ourplans .swiper-ourplans .image-wrapper {

  background: linear-gradient(135deg, #f8dfdf23, #ffa2a234);

  height: 160px;

  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 10px;

  box-shadow: none !important;

}



.section-ourplans .swiper-ourplans .card2 .image-wrapper {

  background: linear-gradient(135deg, #dff8e728, #a2ffb13a);

  height: 160px;

  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

}



.section-ourplans .swiper-ourplans .card3 .image-wrapper {

  background: linear-gradient(135deg, #dfdff825, #a2d5ff3a);

  height: 160px;

  width: 90%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

}



.section-ourplans .swiper-ourplans .image-wrapper .image-icon {

  height: 80px;

  width: 80px;

  /* border: 1px solid black; */

  /* padding: 5px; */

  /* border-radius: 50%; */



}



.section-ourplans .swiper-ourplans .image-wrapper .image-icon img {

  height: 100%;

  width: 100%;

  opacity: 0.7;



}



.section-ourplans .swiper-ourplans .image-wrapper i {

  font-size: 50px;

  color: #fff;

}



.section-ourplans .swiper-ourplans .card-body1 {

  /* height: 400px; */

  text-align: center;

  padding: 20px;

}



.section-ourplans .swiper-ourplans .card-body1 h5 {

  color: #34a853;

  font-size: 21px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: left !important;

}



.section-ourplans .swiper-ourplans .card0 .card-body1 h4 {

  color: #34a853;

  font-size: 33px;

  font-weight: 900;

  margin-bottom: 10px;

  text-align: left !important;

  color: rgba(255, 255, 255, 0.8);

  opacity: 0.9;

  text-shadow: 0px 1px 1px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 2px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 3px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 4px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 5px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 6px rgba(247, 83, 83, 0.575);

  text-shadow: 0px 1px 7px rgba(247, 83, 83, 0.575);

}



.section-ourplans .swiper-ourplans .card0 .card-body1 h5 {

  color: black;

  font-size: 21px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: left !important;

}



.section-ourplans .swiper-ourplans .card-body1 h4 {

  color: #34a853;

  font-size: 33px;

  font-weight: 900;

  margin-bottom: 10px;

  text-align: left !important;

  color: rgba(255, 255, 255, 0.8);

  opacity: 0.9;

  text-shadow: 0px 1px 1px #34a853;

  text-shadow: 0px 1px 2px #34a853;

  text-shadow: 0px 1px 3px #34a853;

  text-shadow: 0px 1px 4px #34a853;

  text-shadow: 0px 1px 5px #34a853;

  text-shadow: 0px 1px 6px #34a853;

  text-shadow: 0px 1px 7px #34a853;

}



.section-ourplans .swiper-ourplans .card3 .card-body1 h5 {

  color: #5b5de6ab;

  font-size: 21px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: left !important;

}



.section-ourplans .swiper-ourplans .card3 .card-body1 h4 {

  color: #5b5de6ab;

  font-size: 33px;

  font-weight: 900;

  margin-bottom: 10px;

  text-align: left !important;

  color: rgba(255, 255, 255, 0.8);

  opacity: 0.9;

  text-shadow: 0px 1px 1px #5b5de6ab;

  text-shadow: 0px 1px 2px #5b5de6ab;

  text-shadow: 0px 1px 3px #5b5de6ab;

  text-shadow: 0px 1px 4px #5b5de6ab;

  text-shadow: 0px 1px 5px #5b5de6ab;

  text-shadow: 0px 1px 6px #5b5de6ab;

  text-shadow: 0px 1px 7px #5b5de6ab;

}



.section-ourplans .swiper-ourplans .card-body1 p {

  font-size: 14px;

  color: #555;

  text-align: justify;

  line-height: 1.6;

}



.ourplans-sections h1 {



  font-size: 40px;



  color: transparent;

  -webkit-text-stroke: 0.58px #f95f09;

  stroke-dasharray: 500;

  stroke-dashoffset: 500;

  /* margin-bottom: 5px; */

  text-align: center;

  animation: dash 5s linear forwards infinite, filling 5s ease-in-out forwards infinite;

}



.ourplans-sections h3 {



  font-size: 45px;



}



@keyframes dash {

  to {

    stroke-dashoffset: 0;

  }

}



@keyframes filling {

  to {

    color: #f95f09;

  }

}





@media screen and (max-width:768px) {



  .ourplans-sections {

    padding: 10px 10px;

  }



  .ourplans-sections h1 {

    font-size: 35px;

    /* text-align: justify; */

  }



  .ourplans-sections h3 {

    font-size: 20px;

    /* text-align: justify; */

  }



  .ourplans-sections .card1 {

    margin: 15px 0;

  }



  .swiper-ourplans .swiper-wrapper {

    padding: 1px;

  }

}













@media screen and (max-width:768px) {}



/* --new-our-plans-Ends--- */























/* new css */

.unset {

  padding-left: 0px;

  list-style: none;

}



.unset i {

  margin-right: 10px;

  color: rgb(183 113 5);

}



.unset i:hover {

  color: #2095AE;

}



.section-set {

  background-color: white;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  margin-top: 15px;

  padding: 15px;

}



.section-set i {

  margin-right: 7px;

}



.top-section-distains {

  margin-top: 15px;

  margin-bottom: 20px;

}



.li-design li {

  background-color: #80808029;

  border-left: 5px solid rgb(183 113 5);

  height: 100px;



  margin-bottom: 10px;

  list-style: none;

  border-radius: 15px;

  padding: 10px;

  line-height: 25px;

}



.li-design {

  background-color: white;

}



.section-margin {

  margin-top: 30px;

}



.text-justify {

  text-align: justify;

}



.t-j {

  text-align: justify;

}



.f-sz {

  font-size: 30px !important;

  color: rgb(254 154 3);

  padding-bottom: 15px;

}



.bg1 {

  background-color: #F7F7F7;

  margin: 20px;

  padding: 30px;

}



.feature {

  text-align: center;

  padding: 20px;



}



.supply {

  text-align: center;

  padding: 5px;

  margin: 10px;

}



.c-0 {

  height: 200px;

}



.bg-r {

  background: linear-gradient(90deg, rgb(253, 188, 91) 0%, rgba(255, 255, 255, 1) 100%);

}



.back-ground {

  background-color: #a9e8eb4f;

  padding-top: 10px;

}



.line-s i {

  padding-left: 0px;

  margin-right: 10px;

}



.line-s {

  list-style: none;

}



.why {

  background: linear-gradient(90deg, rgb(248, 204, 137) 0%, rgba(255, 255, 255, 1) 100%);

}



.pers-img {

  width: 100%;

  height: 300px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.keyword-one {

  padding: 30px;

}



.key-1 {

  margin-top: 20px;

  color: rgb(254, 154, 3);

}



.per-trai {

  width: 100%;

}



.personal-k1 {

  height: 300px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.personal-k2 {

  height: 330px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.affor {

  color: rgb(83, 82, 82);

}



.p-img {

  padding-top: 10px;

}



.box-4 {

  padding-bottom: 35px;

}



.k-per-img2 {

  width: 100%;

  height: 392px;

  padding-top: 11px;



}



.result-k {

  padding-top: 35px;

}



.ave-k {

  padding-top: 0px;

}



.journey {

  padding-bottom: 25px;

}



.result-ex {

  padding-bottom: 25px;

  color: rgb(254, 154, 3);

}



.keybox-all {

  text-shadow: 0px 1px 7px rgba(4, 41, 248, 0.575)

}



.pt-50 {

  padding-top: 15px;

  background-color: #80808012;

  padding-bottom: 30px;

}



.whydo-4 {

  background-color: #fadaa9;

  height: 85px;

  text-align: center;

  padding-top: 18px;

  box-shadow: 2px 5px 8px;

  margin-bottom: 20px;

  border-right: 5px solid #fe9a03;

  border-radius: 10px 30px;

}



.l-k4 {

  color: rgb(51, 51, 51);



}



.balance-im-k {

  border-radius: 30px;

  width: 590px;

  height: 697px;

}



.carefully-d {

  width: 100%;

  height: 392px;

  padding-top: 11px;

  padding-bottom: 65px;

}



.suppliments {

  padding-top: 35px;

    padding-bottom: 20px;

}



.per-condi:nth-child(odd) {

  background-color: rgb(253, 218, 168);

}



.person-l {

  border: 1px solid #dddddd;

  text-align: left;

  padding: 8px;

}



.benefit-l {

  margin-right: 10px;

  color: rgb(183 113 5);

}



.persn-adv {

  list-style: none;

  padding-left: 0px5575;

}



.fa-arrow-right {

  margin-right: 10px;

}



.cont-u {

  list-style: upper-roman;

}



.nutri-k4 {

  width: 510px;

  height: 380px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.nu-manage {

  padding-bottom: 30px;

}



.base-k4 {

  color: rgb(51, 51, 51);

  text-align: left;

}



.easy-s {

  width: 100%;

  height: 377px;

  padding-top: 11px;

  padding-bottom: 65px;

}



.pers-adv-k3 {

  height: 365px;

  width: 100%;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.vit-d {

  border-radius: 30px;

  height: 299px;

  width: 100%;

}



.dia-achive {

  height: 285px;

  width: 100%;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.struggle-k {

  background-color: #fadaa9;

  height: 123px;

  text-align: center;

  padding-top: 18px;

  box-shadow: 2px 5px 8px;

  margin-bottom: 20px;

  border-right: 5px solid #fe9a03;

  border-radius: 10px 30px;

}



.serv-diat {

  width: 100%;

  height: 440px;

  padding-top: 11px;

  padding-bottom: 65px;

}



.key-side a {

  text-decoration: none;

  line-height: normal;

}



.key-side {

  padding-left: 0px;

}



.my-supp {

  height: 170px;

  background-color: #fadaa9;

  padding-top: 18px;

  box-shadow: 2px 5px 8px;

  margin-bottom: 20px;

  border-right: 5px solid #fe9a03;

  border-radius: 10px 30px;

  padding-left: 20px;

}



.when-weight-img {

  width: 100%;

  height: 295px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.trusted-k7 {

  height: 380px;

  width: 500px;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.plan-t :hover {

  background-color: #ddd;

  transform: scale(1.02);

}



.whydo-4 {

  transition: transform 0.3s ease-in-out;

}



.whydo-4:hover {

  transform: translateY(-10px);

}



.weight-pro {

  height: 265px;

}



.struggle-k {

  transition: transform 0.3s ease-in-out;

}



.struggle-k:hover {

  transform: translateY(-10px);

}



.person-t-img img {

  transition: transform 0.1s ease;

}



.person-t-img:hover img {

  transform: scale(1.03);

}



.when-choos img {

  transition: transform 0.3s ease;

}



.when-choos:hover img {

  transform: scale(1.1);

}



.key1 {

  transition: transform 0.2s ease;

}



.key1:hover {

  transform: scale(1.03);

}



.supplyment img {

  transition: transform 0.2s ease;

}



.supplyment:hover img {

  transform: scale(1.03);

}



.medical-k img {

  transition: transform 0.2s ease;

}



.medical-k:hover img {

  transform: scale(1.03);

}



.probiotics {

  width: 100%;

  height: 295px;

  border-radius: 30px;

}



.disc-k img {

  transition: transform 0.2s ease;

}



.disc-k:hover img {

  transform: scale(1.03);

}



.best-k img {

  transition: transform 0.2s ease;

}



.best-k:hover img {

  transform: scale(1.03);

}



.weight-k img {

  transition: transform 0.2s ease;

}



.weight-k:hover img {

  transform: scale(1.03);

}



.my-supp {

  transition: transform 0.2s ease;

}



.my-supp:hover {

  transform: scale(1.03);

}



.spending {

  padding-left: 0px;

  list-style: none;

}



.spending i {

  color: rgb(183 113 5);

  margin-right: 10px;

}



.add-nutkey {

  background-color: #fadaa9;

  height: 178px;

  text-align: justify;

  padding-top: 10px;

  box-shadow: 2px 5px 8px;

  margin-bottom: 20px;

  border-right: 5px solid #fe9a03;

  border-radius: 10px 30px;

}



.add-nutkey {

  transition: transform 0.2s ease;

}



.add-nutkey:hover {

  transform: scale(1.03);

}



.many-india {

  color: rgb(51, 51, 51);

  padding-left: 20px;

  padding-right: 20px;

}



.my-supply {

  margin-right: 10px;

  color: rgb(183 113 5);

}



.reality {

  margin-right: 10px;

  color: rgb(183 113 5);

}



.my-work {

  transition: transform 0.2s ease;

}



.my-work:hover {

  transform: scale(1.03);

}



.train-key {

  height: 317px;

  width: 100%;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.belly {

  height: 576px;

  width: 100%;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.real-result {

  width: 100%;

  height: 455px;

  padding-top: 11px;

  padding-bottom: 65px;

}



@media screen and (max-width:768px) {



  .keyword-one {

    padding: 15px;



  }



  .bg1 {

    /* background-color: #F7F7F7; */

    margin: 0px;

    padding:15px;

}



  .personal-k1 {

    height: auto;

    width: 100%;

  }

  .feature-section{

padding: 15px;

  }

  .supply {

    text-align: center;

    padding: 5px;

    margin: 0px;

}





}





@media screen and (max-width:768px) {

  .f-sz {

    font-size: 23px !important;

    color: rgb(254 154 3);

    text-align: justify;

  }

}







/* Sidebar */

.sidebar1 {

  height: 100%;

  width: 0%;

  position: fixed;

  top: 0;

  right: 0;

  /* background: linear-gradient(45deg, #8f3ce717, #9dbffa75); */

  /* background: url('./images/bg/bg-3.png');

  background-color: rgba(255, 255, 255, 0.767); */

  background: linear-gradient(rgba(255, 255, 255, 0.92),

      rgba(255, 255, 255, 0.92)),

    url('./images/bg/bg-4.png');

  overflow-x: hidden;

  transition: 0.3s;

  /* box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2); */

  z-index: 9999;

  padding-top: 60px;

  display: none;

  overflow-y: scroll;

}



/* Webkit scrollbar styles */

.sidebar1::-webkit-scrollbar {

  width: 8px;

  /* Width of the scrollbar */

}



.sidebar1::-webkit-scrollbar-track {

  background: #f1f1f1;

  /* Track color */

  border-radius: 10px;

}



.sidebar1::-webkit-scrollbar-thumb {

  background: rgba(136, 136, 136, 0.418);

  /* Thumb color */

  border-radius: 10px;

  height: 100px;

}



.sidebar1::-webkit-scrollbar-thumb:hover {

  background: #555;

  /* Thumb color on hover */

}



.sidebar1 ul {

  list-style-type: none;

  padding: 0;

}



.sidebar1 ul li {

  padding: 3px 20px;

  display: flex;

  justify-content: center;

}



.sidebar1 ul li a {

  padding: 3px 20px;

  color: rgb(7, 7, 7);

  text-decoration: none;

  /* display: block; */

  text-align: center;

  font-size: 20px;

  transition: background-color 0.3s ease;

}



/* Active Link */

.sidebar1 ul li a.active {

  border-bottom: 2px solid rgba(255, 255, 255, 0.2);

  box-shadow: rgba(255, 255, 255, 0.2);

  /* color: #fff; */

  background-color: rgba(255, 255, 255, 0.2);



}



/* Hover Effect */

.sidebar1 ul li a:hover {

  background-color: rgba(255, 255, 255, 0.3);

}



/* Close Button */

.close-btn {

  height: 40px;

  width: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  background-color: rgb(0, 0, 0);

  color: white;

  position: absolute;

  top: 15px;

  right: 15px;

  cursor: pointer;

}



.close-btn i {

  font-size: 15px;

}

.weight-k2 {

  height: 400px;

}



/* Transition on Opening */

.sidebar1.open {

  width: 100%;

}



/* Media Query for Responsiveness */

@media screen and (max-width: 768px) {

  .hamburger-icon {

    font-size: 25px;

    top: 15px;

    left: 15px;

  }



  .sidebar1 ul li a {

    font-size: 16px;

  }





  .what-mak {

    padding: 15px;

  }

  .choose-per {

    margin: 20px;

    border-radius: 20px;

  }

  .program-k {

    width: 100%;

    height: auto;

  }

  .recom-t {

    padding-top: 20px;

  }

  .address {

    height: 240px;

  }

  .address-re {

    height: 210px;

  }

  .manag-heal {

    height: 150px;

  }

  .mytho-alone {

    height: 300px;

  }

  .scien-bac {

    font-size: 20px;

  }

  .recomm {

    padding: 0px !important;

    width: 116% !important;

  }

}



/* --sidemenu-bar1-End--- */







/* ---Faq-keyword--page--- */

.Faq-keyword-page{

  padding: 30px 0;

}

.Faq-keyword-page .ptb-20{

  /* padding-top: 10px; */

  padding-bottom: 30px;

}



 

.Faq-keyword-page .brochures-prgs {

    cursor: pointer;

    position: relative;

    border-top: 4px solid #fe9a03;

    border-left: 3px solid #fe9a03;

    padding: 10px;

    color: #373333;

    border-radius: 9px;

    background: #fe9a030a;

    font-size: 16px;

    margin-bottom: 15px;

  } 



  .Faq-keyword-page .disp{

  display: none;

  padding: 20px;

}





.Faq-keyword-page .rotate {

  transform: rotate(180deg);

}

.Faq-keyword-page .brochures-prgs .fa{

    font-size: 25px;

    right: 10px;

    position: absolute;

    padding: 10px;

    border-radius: 6px;

    /* margin-top: -11px; */

    /* margin-right: 119px; */

    background: #fe9a03;

    color: white;

  }

/* ---Faq-keyword--page-end--- */

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
  margin-top: -1px;
}
@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}
/* .dropdown-menu {
  display: none;
} */
.menuBar{
  background-color: #000;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:#fe9a03;
}
.nav-link {
  color: #fff;
  font-size: 18px;
  margin: 0px 4px;
}
.nav-link:hover {
  color: #fe9a03;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu
  {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .navbar {
    padding: 4px 20px;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu
  {
    left: 0;
  }
  .dropdown{
    display: none;
  }
   .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-menu a {
  text-wrap: auto;
  }
}