@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap');

/* font-family: "Amaranth", sans-serif;
  font-weight: 700;
  font-style: normal; */
body { font-family: "Titillium Web", sans-serif; overflow-x: hidden; font-weight: 400; font-style: normal; }

/*added classes*/
.team-card:hover .team-icon,.team-card2:hover .team-icon{background:var(--bs-secondary);}
.team-card:hover .team-icon img,.team-card2:hover .team-icon img {filter: brightness(0) invert(1);}
.inner-banner {height: clamp(350px, 55vh, 500px);position: relative; overflow: hidden;}

@media (min-width: 1024px) {.inner-banner { height: auto;}
  .inner-banner img {height: auto;width: 100%;object-fit: contain;}}
.inner-banner img {width: 100%;height: 100%;object-fit: cover; object-position: center; display: block;}
.contact-info h5{color: var(--bs-secondary);}
.blog-content p {line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 4.5em; /* line-height * 3 lines */}

/* color guidelines */
:root, [data-bs-theme=light] { --bs-primary: #1A3C34; --bs-primary-rgb: 31, 61, 63; --bs-secondary: #BE9D5E; --bs-light-green: #FBF8F2; --bs-white: #ffffff; --bs-gray-900:#222222;--bs-text-green:#5E8073;--bs-btn-hover:#997a41; }
.btn { border-radius: 30px; padding: 0.5rem 1.2rem; }
.site-btn { background-color: var(--bs-secondary); color: #fff; text-transform: uppercase; }
.site-btn:hover { background-color: var(--bs-btn-hover); color: #fff; text-transform: uppercase; }
.btn-primary { border: 0; background-color: var(--bs-primary); color: var(--bs-white) }
.btn-primary:hover { background-color: var(--bs-secondary); color: var(--bs-white) }
section.medicine-section h2 span, .wellness-content h2 span {color: var(--bs-secondary);}
.outline-site-btn { border: 1px solid var(--bs-white); color: var(--bs-white); }
.outline-site-btn:hover { border: 1px solid transparent; color: var(--bs-white); background-color: var(--bs-secondary); }
.text-success { color: var(--bs-text-green) !important; }
.bg-success { background-color: var(--bs-secondary) !important; color:var(--bs-white) !important}
h1, h2, h3, h4, h5 { font-family: "Amaranth", sans-serif; }
h2 { font-size: 2.6rem; color: var(--bs-primary); }
h2 span { color: var(--bs-text-green); }
h3 { color: var(--bs-secondary); }
.topstrip { background-color: var(--bs-primary); padding: 8px 0; }
.topstrip ul { margin-bottom: 0; padding: 0; }
.topstrip ul li { display: inline-block; margin-right: 1.5rem }
.topstrip ul li.social-share{margin-right:0rem;}
.topstrip ul li a { text-decoration: none; color: var(--bs-white); }
.topstrip ul li a i { color: var(--bs-white); }
.topstrip .top-services {display: flex;align-items: center;}
.topstrip .top-services ul li ul {min-width: 243px;}
.top-services span {color: #fff;}
.navbar-brand { padding: 0; }
.navbar-brand img { transition: 0.3s; width: 300px;padding:1rem; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 1rem; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; }
.top-contact { margin-bottom: 0; position: relative; }
.site-navigation { padding:0 !important; }
.site-navbar { margin: auto; z-index: 99; padding-top: 0; width: 100% !important; }
.sticky-wrapper { height: auto !important; }
.sticky-wrapper.is-sticky .site-navbar { background: #fff; z-index: 999 !important; width: 100% !important; padding: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.sticky-wrapper.is-sticky .site-navbar .navbar { padding: 0; }
.sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 200px; transition: 0.3s; }
.sticky-wrapper.is-sticky .top-strip { padding: 0.2rem 0; }
.sticky-wrapper.is-sticky .site-navbar ul li.current-menu-item a, .sticky-wrapper.is-sticky .site-navbar .site-navigation ul li a:hover, .sticky-wrapper.is-sticky .site-navbar .site-navigation ul li a { color: var(--bs-primary); }
.site-navbar .site-navigation .site-menu > li { position: relative; padding: 0; margin: 0 0.8rem; }
.site-navbar .site-navigation .site-menu > li:first-child::before { content: none; }
.site-navbar .site-navigation .site-menu > li:last-child { padding-right: 0; margin-right: 2.2rem; }
.site-navbar .site-navigation .site-menu > li > a { position: relative; color: var(--bs-gray-900); padding: 0.25rem 0 0.2rem; font-size: 1rem; font-weight: 600; }
.site-navbar .site-navigation .site-menu > li:last-child > a::before { content: none; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown-menu { display: block; }
.site-mobile-menu .site-nav-wrap li.current-menu-item > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active { color: #111111; }
.site-navbar .site-navigation .site-menu li.current-menu-item > a { position: relative; display: block }
.site-navbar .site-navigation .site-menu li.current-menu-item > a::before,.site-navbar .site-navigation .site-menu li.current-page-ancestor > a::before, .site-navbar .site-navigation .site-menu li:hover > a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--bs-secondary); animation: lineAnimate; animation-duration: 0.3s; }
.sticky-wrapper.is-sticky .site-navigation .site-menu li.current-menu-item > a::before, .sticky-wrapper.is-sticky .site-navigation .site-menu li:hover > a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: var(--bs-primary); }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu { border-radius: 0; border: 0; min-width: 14rem; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a { border-radius: 0 !important; padding: 8px 12px; text-decoration: none; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a { font-size: 1rem; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li.current-menu-item > a{ color: #ffffff; background: var(--bs-secondary); border: 0; }
ul#head-menu li.has-children a + ul li.current-menu-item a {background: var(--bs-secondary);color: #fff;}
fo
.side-toggle { position: absolute; right: 0; top: 25px; margin: auto; color: #0d6efd; font-size: 1.25rem; }
@keyframes lineAnimate {
  0% { width: 0; transition: transform 0.3s linear 0s; }
  100% { width: 100%; transition: transform 0.3s linear 0s; }
}
.call-btn { display: inline-flex; text-decoration: none; align-items: center; margin: 0rem; color: #2a2a2a; }
.call-btn i { color: #fff; margin-right: 6px }
.social-share { display: inline-flex; align-items: center; }

/* .main-banner { } */
.main-banner { position: relative; }
.video-wrapper { overflow: hidden; width: 100%; height: 700px; }

/* .main-banner::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 5; } */
.video-banner { min-width: 100%; width: 100%; z-index: 1; transform: scale(1) translateY(-2%); }
.banner-caption { position: absolute; text-align: center; color: var(--bs-white); padding: 0 1rem; z-index: 9; bottom: 0rem; left: 0%; right: 0; width: 100%; background-color: rgba(var(--bs-primary-rgb), 0.5); }
.banner-caption h1 { font-size: 2rem; font-family: "Amaranth", sans-serif; margin: 0.2rem 0 0.5rem; }
.service-block { padding: 4rem 0; margin: 2rem 0; position: relative; }
.service-block::before { content: ''; position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; background-image: url(../images/logo-icon.png); background-position: center; background-size: 300px; background-repeat: no-repeat; opacity: 0.1; }
.service-block::after { content: ''; position: absolute; right: 1rem; top: -2rem; width: 140px; height: 140px; background-image: url('../images/shape1.png'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; }
.service-block h2 { text-align: center; margin-bottom: 5rem; font-family: "Amaranth", sans-serif; }
.service-card { text-decoration: none; padding: 1rem 0; color: var(--bs-gray-900); text-align: center; display: block; }
.service-card h3 { font-size: 1.35rem; color: var(--bs-text-green); }

/* .service-card .service-img { overflow: hidden; } */
.service-card .service-img img { transition: 0.3s; max-height: 80px; }
.service-card:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 1.5rem; background-color: var(--bs-white); }
.service-card:hover .service-img img { transform: scale(1.1); transition: 0.3s; }
.service-card .service-content { padding: 1.2rem 0 0; }
.about-section { padding: 4rem 0; margin: 2rem 0 0; position: relative; }
.about-section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 115%; background-color: var(--bs-light-green); border-radius: 100px 100px 0 0; z-index: -1; }
.subheading { letter-spacing: 5px; }
.about-mission { gap: 1rem; }
.about-content h3{color: var(--bs-text-green);}

/* vitality section */
.vitality-edge {padding: 5rem 0;margin: 0;position: relative;}
.vitality-edge::before {content: '';position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-color: var(--bs-white);z-index: -1;}
.v-icon {position: relative;z-index: 2;transition: 0.3s ease;height: 210px;overflow: hidden;}
.v-icon img {width: 100%;height: 100%;object-fit: cover;transition: 0.3s ease;}
.v-content {padding: 20px 30px 20px 30px;text-align: center;background: var(--bs-text-green);color: #fff;}
.vitality-card {background: #F9F9F9;border-radius: 20px;border: 1px solid #E2E2E2;overflow: hidden;}
.vitality-card:hover .v-icon img {background: var(--bs-primary);transition: 0.3s ease;transform: scale(1.1);}
a.site-btn.btn-white {background: #fff;color: var(--bs-primary);}
a.site-btn.btn-white:hover {background: var(--bs-primary);color: #fff;}
.v-content h4 {font-size: 24px;position: relative;}
.v-content h4:after {content: '';width: 90px;position: absolute;height: 2px;background: #fff;bottom: -11px;left: 0;right: 0;margin: 0 auto;}
.v-content p {margin-top: 25px;}

/* Grid Layout */
.grid-wrapper { position: relative; display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; max-width: 950px; width: 100%; }

/* Image Box */
.img-box { overflow: hidden; border-radius: 20px; }
.img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Specific Placements */
.img-large { grid-row: 1 / span 2; }
.img-top { grid-column: 2; grid-row: 1; }
.img-bottom { grid-column: 2; grid-row: 2; }

/* Center Circle Badge */
.experience-badge { position: absolute; top: 50%; left: 58%; transform: translate(-50%, -50%); width: 140px; height: 140px; background: var(--bs-primary); color: #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }
.experience-badge h2 { font-size: 3rem; color: var(--bs-white); line-height: 30px; }
.experience-badge p { font-size: 13px; margin-top: 6px; margin-bottom: 0; }
.medicine-section { padding: 5rem 0; position: relative; }
.medicine-section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 150%; background-color: var(--bs-primary); border-radius: 100px 100px 0 0; z-index: -1; }

/* Swiper container */
.swiper { width: 100%; padding-top: 30px; padding-bottom: 30px; }

/* Card */
.service-medicine { position: relative; height: 460px; border-radius: 28px; overflow: hidden; cursor: pointer; display: block; }
.service-medicine > img { object-fit: cover; display: block; transition: 0.3s; width: 100%; height: 100%; }
.service-medicine:hover > img { transform: scale(1.1); transition: 0.3s; }

/* Gradient Overlay */
.service-medicine::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

/* Content */
.card-content { position: absolute; bottom: 25px; left: 1rem; right: 1rem; color: #fff; z-index: 2; }
.card-content h3 { font-size: 1.3rem; color: var(--bs-white); margin-bottom: 1.5rem; position: relative; }
.card-content h3::before { content: ''; position: absolute; bottom: -10px; left: 0; width: 35%; height: 2px; background-color: var(--bs-white); }
.card-content p { font-size: 0.9rem; line-height: 1.3; margin-bottom: 0; }
.inner-section .card-content h3{font-size: 1.25rem; color: var(--bs-white);}

/* Top right arrow button */
.card-icon { position: absolute; top: 20px; right: 20px; width: 42px; height: 42px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; font-size: 18px; transition: 0.3s; }
.card-icon img { transform: rotate(-30deg); }
.service-medicine:hover .card-icon { background: var(--bs-secondary); color: #fff; }
.service-medicine:hover .card-icon img { filter: brightness(100); }

/* Pagination dots */
.swiper-pagination-bullet { background: var(--bs-light-green); opacity: 1; }
.swiper-pagination-bullet-active { background: var(--bs-white); }
.wellness-section { padding: 80px 0; position: relative; }
.wellness-section::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 115%; background: var(--bs-light-green); z-index: -1; border-radius: 100px 100px 0 0; }
.wellness-section::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 33%; height: 70%; background: var(--bs-primary); z-index: 0; margin: auto; border-radius: 0 50px 50px 0; }

/* LEFT PANEL */
.wellness-content { color: #fff; padding: 0 2rem 0; position: relative; z-index: 1; }
.wellness-content h2 { color: var(--bs-white); }
.wellness-section .service-medicine { height: 520px; }

/* PAGINATION */
.wellness-section .swiper-pagination-bullet { background: #b8d6d1; }
.wellness-section .swiper-pagination-bullet-active { background: var(--bs-primary) }

/* team cards style */
.team-section { padding: 80px 0; position: relative; }
.team-section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 150%; background-color: var(--bs-white); border-radius: 100px 100px 0 0; z-index: -1; }
.team-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
.view-all { background: #214f4a; color: #fff; padding: 10px 20px; border-radius: 20px; text-decoration: none; font-size: 14px; }

/* SWIPER */
.teamSwiper { padding-bottom: 50px; }

/* CARD */
.team-card { position: relative; height: 495px; border-radius: 30px; overflow: hidden; display: block; }
.team-card > img { object-fit: cover; width: 100%; height: 100%;border: 1px solid #ccc;  border-radius: 32px; }
.team-card2, .team-row4 .team-card { position: relative; min-height:auto; border-radius: 30px; overflow: hidden; display: block;height:100%; }
.team-card2 > img, .team-row4 .team-card > img { object-fit: cover; width: 100%; height: 100%;border: 1px solid #ccc;  border-radius: 32px; }
.team-row1 {max-width: 1024px;margin: 0 auto;}

/* GRADIENT */
.team-card::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; background: linear-gradient(to top, var(--bs-primary), transparent); }
.team-card2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; background: linear-gradient(to top, var(--bs-primary), transparent); }

/* CONTENT */
.team-info { position: absolute; bottom: 25px; left: 25px; color: #fff; z-index: 2; }
.team-info h3 { font-size: 1.5rem; margin-bottom: 5px; color: var(--bs-white); }
.team-info p { font-size: 1rem; margin-bottom: 0; }

/* ICON */
.team-icon img { transform: rotate(-30deg); filter: brightness(0) invert(1);}
.team-icon { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; background: #638779; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; z-index: 2; }

/* PAGINATION */
.swiper-pagination { position: inherit; transform: translate3d(0, 13px, 0); }
.swiper-pagination-bullet { background: #b8d6d1; opacity: 1; }
.swiper-pagination-bullet-active { background: #214f4a; }
.blog-section { padding: 5rem 0; position: relative; }
.blog-section::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 120%; border-radius: 100px 100px 0 0; background: var(--bs-light-green); z-index: -1; }
.blog-card { display: block; background-color: var(--bs-white); border-radius: 1.8rem; }
.blog-card:hover { box-shadow: 0 5px 25px rgba(var(--bs-primary-rgb), 0.2); }
.block-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 2rem; }
.blog-card .card-img { position: relative; border-radius: 1.8rem 1.8rem 0 0; overflow: hidden; }
.blog-card .card-img img { object-fit: cover; width: 100%; height: 100%; transition: 0.3s; }
.blog-card .blog-content { padding: 1rem; }
.blog-card .blog-content h3 { font-size: 1.4rem; margin-top: 1rem; }
.blog-card .blog-content h3 a { text-decoration: none; color: var(--bs-primary) }
.blog-card .blog-content h3 a:hover { color: var(--bs-secondary) }
.blog-card .blog-content p { min-height: 60px; }
.blog-card .blog-content .blog-author { margin-bottom: 1rem; }
.testimonials { color: var(--bs-white); padding: 80px 0; position: relative; }
.testimonials::before { content: ''; position: absolute; left: 0; top: 0; border-radius: 100px 100px 0 0; width: 100%; height: 115%; background-image: url('../images/testimonials-bg.jpg'); background-repeat: no-repeat; background-size: cover; z-index: -1; }
.testimonials::after { content: ''; position: absolute; left: 0; top: 0; border-radius: 100px 100px 0 0; width: 100%; height: 115%; background-color: rgba(var(--bs-primary-rgb), 0.6); z-index: -1; }
.testimonials h2 { color: var(--bs-white); margin-bottom: 2rem; }
.testimonial-block .swiper-slide { padding: 0; margin: 0.5rem 0; }
.testimonial-block .swiper-slide .quote-icon { margin-bottom: 1rem; }
.testimonial-user { font-size: 1.3rem; font-family: "Amaranth", sans-serif; color: var(--bs-white); }
.testimonial-user span { display: block; font-size: 1rem; color: var(--bs-white); font-family: "Titillium Web", sans-serif; }
.review-img { position: relative; }
.review-img .reviewer-rating { position: absolute; padding-top: 1rem; top: 40%; left: -45px; font-size: 0.8rem; color: var(--bs-white); text-align: center; width: 120px; height: 120px; border-radius: 50%; background: var(--bs-secondary); border: 5px solid var(--bs-white); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.review-img .reviewer-rating span { font-size: 2.5rem; font-weight: 600; line-height: 1; display: block; }
.faq-section-inner {padding: 0 0 5rem 0;background-color: var(--bs-white);border-radius: 100px 100px 0 0;}
.faq-section { padding: 5rem 0; background-color: var(--bs-white); border-radius: 100px 100px 0 0; }
.accordion-item { margin-bottom: 1rem; border: 0; border-radius: 1.8rem; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); }
.accordion-item:not(:first-of-type) { border: 0; border-radius: 1.8rem; }
.accordion-button:not(.collapsed) { background: var(--bs-white); color: var(--bs-gray-900); }
.accordion-button, .accordion-body { color: var(--bs-gray-900); }
.accordion-button { text-decoration: none; color: #000; border-radius: 0; padding-left: 1.3rem; padding-right: 1.3rem; }
.accordion-item:first-of-type, .accordion-item:first-of-type>.accordion-header .accordion-button { border-radius: 1.8rem; }
.accordion-item>.accordion-header .accordion-button, .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-radius: 1.8rem; line-height: 1.5rem; font-size: 1.1rem; font-weight: 600; }
.accordion-button:not(.collapsed) { box-shadow: none; }
.accordion-button::after { content: '\2b'; background-image: none; font-family: 'Font Awesome 7 Free'; font-weight: 900; }
.accordion-button:not(.collapsed)::after { content: '\f068'; background-image: none; font-family: 'Font Awesome 7 Free'; font-weight: 900; }
footer { background: linear-gradient(359deg, #072821, var(--bs-primary)); padding: 3.5rem 0 0; color: var(--bs-white); border-radius: 100px 100px 0 0; position: relative; }
.footer-logo .social-icons a i {margin-right: 0;}
footer h4 { font-size: 1.35rem; margin-bottom: 1rem; color: #fff; }
.footer-links { padding-left: 0; }
.footer-grid { column-count: 2; }
.footer-links li { display: block; margin-bottom: 0.5rem; }
.footer-links li a { display: block; text-decoration: none; position: relative; color: #ddd; }
.social-icons { display: flex; position: relative; z-index: 9; }
.social-icons a:hover { border: 1px solid #ddd; color: #ddd; background-color: transparent; }
.social-icons a { background-color: var(--bs-text-green); margin-right: 0.8rem; display: inline-flex; text-decoration: none; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 30px; color: #fff; }

/* .footer-logo{position: initial; z-index: 2;} */
.footer-logo::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 82%; background-image: url('../images/logo-icon.png'); background-size: 280px; background-repeat: no-repeat; background-position: 10% 10%; z-index: 0; opacity: 0.2; }
.footer-address { padding-left: 0; }
.footer-address li { display: block; margin-bottom: 0.7rem; position: relative; }
.footer-address li a { word-wrap: break-word; display: block; text-decoration: none; color: #ddd; position: relative; }
footer ul li a:hover, .footer-address li label { color: var(--bs-secondary); }
.copyright { background-color: var(--bs-secondary); text-align: center; font-size: 0.9rem; padding: 1rem; margin: 0; color: #fff; }
.copyright a { text-decoration: none; color: var(--bs-white); }
.inner-banner { position: relative; }
.inner-banner::before { content: ''; position: absolute; z-index: 9; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) }
.inner-banner .inner-caption { position: absolute; bottom: 36px; width: 80%; left: 0; right: 0; text-align: center; margin: 0 auto; z-index: 10; }
.inner-banner .inner-caption h1 { font-size: clamp(2rem, 5vw, 3.5rem); color: var(--bs-white);text-shadow: 2px 2px 4px #474747;font-weight: 600; }
.inner-banner .breadcrumb { padding: 10px 15px 10px 6px; border-radius: 10px; display: inline-flex; text-shadow: 2px 2px 4px #474747;}
.inner-banner .breadcrumb li a { text-decoration: none; color: var(--bs-white); text-transform: uppercase; }
.inner-banner .breadcrumb li.active { text-transform: uppercase; color: var(--bs-white); }
.breadcrumb-item+.breadcrumb-item::before { color: #fff; }
.inner-services { background-color: var(--bs-secondary); }
.inner-services-list { display: flex; justify-content: center; align-items: stretch;padding:0; }
.inner-services-list li { display: flex; }
.inner-services-list li a { text-decoration: none; font-size: 1.1rem; color: var(--bs-white); display: flex; padding: 1.2rem 2rem;align-items: center;height: 100%; text-align: center;}
.inner-services-list li.active a, .inner-services-list li a:hover { background-color: var(--bs-primary); }
.inner-section { padding: 4rem 0; }
.inner-section h2 { font-size: 2.1rem; color: var(--bs-primary); font-weight: 500; }
.inner-section h3 { font-size: 1.6rem; color: var(--bs-secondary); font-weight: 400; margin-top: 0.5rem; }
.inner-section h4 { font-size: 1.2rem; }
.inner-section ul li { display: block; position: relative; padding: 0.3rem 0; }
.inner-section ul li::before { content: ''; position: absolute; left: -1.5rem; top: 6px; width: 16px; height: 20px; background-image: url('../images/logo-icon.png'); background-repeat: no-repeat; background-size: contain; }
.inner-section ul li a { display: block; text-decoration: none; color: #222; }
.section-title { margin-bottom: 15px; border-left: 4px solid var(--bs-secondary); padding-left: 12px; }
.inner-services-list::-webkit-scrollbar {height: 6px;}
.inner-services-list::-webkit-scrollbar-track {background: transparent;}
.inner-services-list {scrollbar-color: #1f3d3f transparent;scrollbar-width: auto;scroll-snap-type: x mandatory;}
.inner-services-list::-webkit-scrollbar-thumb {background-color: #ffffff;border-radius: 10px;}
.inner-services-list li{flex: 0 0 auto;scroll-snap-align: start;}
.inner-services-list{overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;margin-bottom: 0;}
.service_bg{background-color: #fdfff8;}

/* MINI CARDS */
.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mini-card { background: #348c86; padding: 20px; border-radius: 8px; }
.mini-card h4, .mini-card p { color: var(--bs-white); margin-bottom: 8px; }

/* CENTER SECTION */
.bottom-section { text-align: left; }

/* PROCESS */
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.process-card { background: var(--bs-secondary); color: #fff; padding: 2rem 4rem 2rem 2rem; border-radius: 6px; position: relative; text-align: left; min-height: 160px; }
.inner-section .process-card h4 { font-size: 1.4rem; }
.process-card span { position: absolute; bottom: 10px; right: 15px; font-size: 40px; opacity: .2; font-weight: bold; }
.review-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem; }
.review-block { border-radius: 1rem; box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1); padding: 1rem; position: relative; }
.review-block::before { content: '\f10e'; font-family: 'Font Awesome 7 Free'; font-weight: 900; position: absolute; right: 1rem; top: 0.3rem; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--bs-secondary); color: transparent; font-size: 2rem; z-index: 0; opacity: 0.6; }
.blog-details ul li { position: relative; list-style: none; margin-bottom: 8px; }

/* .blog-details ul li::before { content: '058'; position: absolute; left: -2rem; top: 0; font-family: 'Font Awesome 6 Free'; color: #666; font-weight: 900; } */
.search-btn { position: absolute; right: 0; top: 8px }
.recent-post{padding-left:0}
.recent-posts .post-item { display: flex; margin-bottom: 15px; }
.recent-posts img { width: 70px; height: 70px; object-fit: cover; margin-right: 12px; }
.recent-posts .post-content { display: flex; flex-direction: column; }
.recent-posts .post-date { color: var(--bs-gray-900); font-size: 0.7rem; text-transform: uppercase; }
.recent-posts a { text-decoration: none; color: #000; font-size: 0.9rem; }
.recent-posts a:hover { color: var(--bs-primary); }
.contactus-page { padding: 4rem 0; }
.contact-map { width: 100%; height: 300px; }
.contact-form { padding: 2rem; background-color: var(--bs-light-green); border-radius: 1.8rem; }
.contact-form .form-control { padding: 0.8rem 0.6rem; }
.sentence-link{font-size: 1.1rem;}
.sentence-link a{text-decoration: none; display:inline-block; padding:5px 18px 7px; border-radius:20px; color: var(--bs-white); background-color: var(--bs-primary);}




/* ------ newly added start ---- */


.custom-cta-box{background: #1a3c3426 !important;padding: 2rem;border-radius: 8px;color: #1a3c34 !important;font-weight:600;}
.custom-service-box {background-color: var(--bs-secondary);color: var(--bs-white);border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);padding: 1rem;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 600;}
.custom-solid-box {background: #1a3c3426 !important;color: #1a3c34 !important;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius-lg);padding: 1rem;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;font-weight: 600;}    
.custom-highlight{background: #1a3c34;color: white;padding: 0.2rem;width:max-content;}
.custom-card{display: flex;align-items: center;padding: 1rem;border:var(--bs-border-width) solid #1d6b9f;border-radius: var(--bs-border-radius-lg);height: 100%;}   
.custom-card i {color: #1d6b9f;font-size: 1.5rem;margin-right: 1rem;flex-shrink: 0;}
.custom-card h6 {margin-bottom: .25rem;font-weight: 600;}
.custom-alert{font-style: italic;width: max-content;padding: 0.5rem;color: var(--bs-heading-color);margin-bottom:1rem;font-weight: 600;font-size: 17px;}

/* ------ newly added end---- */


@media (min-width:1800px) and (max-width:7000px) {
  .inner-services-list{justify-content: center;}
  .inner-services .container{max-width: 100%;}
}
/* @media (min-width:1650px) and (max-width:7000px) {
  .inner-services-list{justify-content: center;}
} */
@media (max-width:1400px) {
  .about-section h4 { font-size: 1.2rem; }
  .about-section h4 img { max-width: 30px; }
  .img-comp-img img { max-width: 1076px; }
  .site-navbar .container { max-width: 90%; }
  .inner-services-list li{ flex: 0 0 auto;}
}
@media (max-width:1280px) {
  .site-navbar .container { max-width: 100%; }
  .top-strip .container { max-width: 96%; padding: 0; }
  .site-navbar .site-navigation .site-menu > li { margin: 0; padding: 0 0.6rem; }
  .site-navbar .site-navigation .site-menu > li:last-child > a { padding-right: 0; }
  nav .navbar-brand img { width: 220px; }
  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 120px; }
  .topstrip ul li a { font-size: 0.9rem; }
  .site-navbar .site-navigation .site-menu > li::before { margin-left: -0.3rem; }

  /* .main-banner { height: 640px; } */
  .video-wrapper { height: 650px; }
  .img-comp-img img { max-width: 900px; }
  footer .container { max-width: 95%; }
  .banner-caption {bottom: 0; }
  .banner-caption h1 { font-size: 2.5rem; }
  .gallery-grid { gap: 2rem; grid-auto-rows: 160px; }
  .item-small { height: 230px; }
  .item-small-height { height: 250px; }
  .item-medium-width { height: 280px; }

.service-medicine{height: 370px;}
}
@media (max-width:1199px) {
  nav .navbar-brand { position: absolute; top: -85px; }
  nav .navbar-brand img { width: 210px; }
  .site-navigation { padding: 0.6rem 0 !important; }
  .site-navbar .site-navigation .site-menu > li { padding: 0 0.8rem; }
    .site-navbar .site-navigation .site-menu .has-children > .dropdown-arrow, #head-menu li .dropdown-arrow{
  position: absolute;
  right: -9px;
  top: 6px;
  background: url('../images/right-arrow-icon.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: 8px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  background-position: center;
}

#head-menu li .dropdown-arrow {right: 5px;top: 7px;filter: invert(1);}

.site-navbar .site-navigation .site-menu .has-children .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:hover .dropdown-menu{display: none;}
  .topstrip ul { text-align: right; }
  .topstrip ul.connet-stript { margin-bottom: 0.5rem !important;display: none; }
  .review-grid {grid-template-columns:1fr 1fr;}
  .video-wrapper{height: 500px;}
  .topstrip .top-services {display: flex;align-items: center;justify-content: end;width: 100%;}
.topstrip {background-color: #f1f1f1;padding: 15px 0;}
.top-services span {color: #222;}
}

@media (max-width:1030px) {
  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 120px;padding: 0; }
  .sticky-wrapper.is-sticky nav .navbar-brand {top: -56px;}
  .site-navbar .site-navigation .site-menu > li { padding: 0 0.7rem; }
  .site-navbar .site-navigation .site-menu > li > a { padding: 0; font-size: 1rem; }
  .main-banner { height: 560px; }
/*   .banner-caption { top: 35%;} */
  .banner-caption h1 { font-size: 2.2rem; }
  .connect-section h2 { font-size: 1.25rem; }
  .connect-section a { font-size: 0.9rem; }
  .service-section .swiper-slide img { width: 230px; height: 230px; }
  .service-section .swiper-slide a { padding: 0; }
  .report-efficiency ul { column-count: auto; }
  .office-hour p span { width: auto; }
  footer h4 { font-size: 1.7rem; }
  .connet-stript { display: none; }
}
@media (max-width:990px) {
  .connet-stript { padding: 0; }
  nav .navbar-brand { position: inherit; top: auto; }
  .site-navigation { padding: 0.8rem 0 !important; }
  .top-services { display: none; }
  .site-menu-toggle { padding: 0.5rem 0.7rem; background: var(--bs-secondary); color: #fff; border-radius: 50%; width: 45px; height: 45px; display: block; }
  .site-menu-toggle span { display: block; height: 1px; width: 20px; background: #fff; margin: 6px 0; }
  .call-btn { margin-right: 1rem; }
  .site-navbar .container { max-width: 96%; }
/*   .banner-caption { top: 45%; } */
  .banner-caption .painting-expert { font-size: 1.2rem; }
  .banner-caption h1 { font-size: 1.8rem; }
  .main-banner { height: 420px; }
  .service-card { margin-bottom: 1.5rem; }
  .img-top, .img-bottom { display: none; }
  .wellness-content { padding: 0 1rem; }
  h2 { font-size: 2.2rem; margin-bottom: 1rem; }
  .grid-wrapper { grid-template-columns: 1fr; grid-template-rows: auto; }
  .img-large { grid-row: auto; }
  .experience-badge { left: 83%; top: 88%; width: 120px; height: 120px; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .inner-services-list li{flex: 0 0 25%;}
  .video-wrapper{height: 420px;}
  .inner-banner {height: auto;}
}
@media (max-width:767px) {
  .site-navbar { background-color: #fff; position: relative; top: 0 }
  ol.breadcrumb {margin-bottom: 0;}
  .inner-banner .breadcrumb {justify-content: center;}
  .vitality-card {margin-bottom: 20px;}
  .site-menu-toggle { border: 1px solid #fff; }
  .site-navbar .container { max-width: 100%; }
  .right-nav { width: 100%; justify-content: space-between; }
  .right-nav .btn.btn-light { background-color: #076dbe !important; padding: 0.7rem 0; color: #fff; border-radius: 0; border: 0; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 9; }
  nav .navbar-brand img { width: 120px; margin: auto;padding: 0; }
  .topstrip ul { padding-left: 0; }
  .call-btn { margin: 0; }
  .sticky-wrapper { height: auto !important; }
  .sticky-wrapper.is-sticky .site-navbar { position: initial !important; }
  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 120px; }
  .main-banner { height: 345px; }
  .video-wrapper{height:210px}
  .banner-caption h1 { color: var(--bs-white); }
  .main-banner::before { content: none; }
  .banner-caption {}
  .service-block { margin: 0; padding: 3rem 0 0; }
  .service-block h2 { margin-bottom: 0; }
  footer h4 { font-size: 1.2rem; margin-top: 1.5rem; }
  .top-contact a { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99 }
  .carousel-control-prev, .carousel-control-next { top: auto; bottom: -15%; left: auto; right: auto; margin: 0 1rem }
  .carousel-control-next { left: 15%; }
  .inner-banner .inner-breadcrumb { position: initial; }
  /* .inner-banner::before { content: none; } */
  .inner-banner .banner-caption { position: initial; }
  .inner-banner .banner-caption h1 { color: var(--bs-secondary); text-align: left }
  .inner-section { padding: 2rem 0; }
  .topstrip { padding: 4px 0; }
  .medicine-section, .wellness-section, .team-section, .testimonials, .blog-section, .faq-section { padding: 3rem 0; }
  .faq-section-inner {padding: 0 0 3rem 0;
  .medicine-section::before, .wellness-section::after, .team-section::before, .testimonials::before, .testimonials::after, .blog-section::before, .faq-section,.faq-section-inner, footer { border-radius: 60px 60px 0 0; }
  .wellness-section::before { content: none; }
  .wellness-content { padding: 0; color: var(--bs-gray-900); margin-bottom: 1.5rem; }
  .wellness-content h2 { color: var(--bs-primary); }
  .team-header, .block-heading { display: block; text-align: center; }
  .testimonial-block { text-align: center; }
  .testimonial-block .swiper-slide { text-align: center; }
  .review-img .reviewer-rating { left: 0; top: 0; }
  .blog-card { margin-bottom: 1.5rem; }
  footer { padding-bottom: 0; }
  h2 { font-size: 2rem; margin-bottom: 1rem; }
  .img-large { margin-bottom: 1.3rem; }
  .img-bottom, .img-top { display: none; }
  .inner-services { display: none; }
  .inner-banner .inner-caption { position: inherit; padding: 0 1rem; color: var(--bs-gray-900); width: 100%; text-align: left; }
  .inner-banner .inner-caption h1 { color: var(--bs-secondary); font-size: 2.5rem; }
  .inner-banner .breadcrumb { display: none; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .copyright{padding-bottom: 3rem;}
  .inner-services-list{overflow-x: auto;flex-wrap: nowrap;}
  .inner-services-list li{flex: 0 0 25%;}
  .inner-banner .inner-caption{width: 95%; bottom: 0;}
.inner-banner img {height: 100%;}

}

@media (max-width:600px) {
  .navbar-brand { margin-right: 0; text-align: center; display: block; }
  nav .navbar-brand img { margin: auto;padding:0; }
  .counter-block { grid-template-columns: 100%; }
  .counter-box:nth-of-type(1), .counter-box:nth-of-type(3) { border-right: 0; border-bottom: 1px solid #eee; }
/*   .video-wrapper { height: 220px; } */
/*   .banner-caption{position: inherit; } */
  .process-grid { grid-template-columns: repeat(1, 1fr); }
  .review-grid {grid-template-columns: 1fr;}
  .copyright{padding-bottom: 4rem;}
.about-section::before ,.blog-section::before,.team-section::before, .testimonials::before,.wellness-section::after,.medicine-section::before {border-radius: 50px 50px 0 0;}
.wellness-section::before{width: 92%;height: 92%;}
.btn {padding: 0.5rem 1rem;}
.custom-color{background-color: #6fb04e !important;color:#fff !important;border-radius: 0 !important;}
.inner-services-list li{flex: 0 0 50%;}
.inner-banner {height: 20vh;}
.inner-banner .breadcrumb{justify-content: center;}
.table-responsive{margin-bottom: 2rem;}
.review-img .reviewer-rating{left: -6px;}
#head-menu li .dropdown-arrow {pointer-events: none;}
.inner-banner .inner-caption h1 {font-size: 23px;}
.vitality-card {margin-bottom: 20px;}
li.breadcrumb-item {font-size: 12px;}
.inner-banner .inner-caption{width:90%;}
}

@media (max-width:374px) {
.inner-banner .inner-caption{bottom: 0;}
}