:root {
    --font-Poppins: 'Poppins', sans-serif;
    --c-ebb934: #ebb934;
    --c-faf0d7: #faf0d7;
    --c-06112f: #1a1a1a;
    --c-282828: #282828;
    --c-a87c06: #a87c06;
    --c-f9f9f9: #f9f9f9;
    --c-000000: #000000;
    --c-ffffff: #ffffff;
    --font-style-normal: normal;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-17: 17px;
    --fs-19: 19px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-25: 25px;
    --fs-30: 30px;
    --fs-42: 42px;
    --fs-44: 44px;
    --fs-48: 48px;
    --character-spacing-0: 0px;
    --lh-13: 20px;
    --lh-14: 20px;
    --lh-15: 25px;
    --lh-17: 27px;
    --lh-19: 29px;
    --lh-20: 30px;
    --lh-22: 32px;
    --lh-25: 35px;
    --lh-30: 40px;
    --lh-42: 52px;
    --lh-44: 54px;
    --lh-48: 58px;
    --lh-inherit: inherit;
    --fw-Thin: 100;
    --fw-ExtraLight: 200;
    --fw-Light: 300;
    --fw-Regular: 400;
    --fw-Medium: 500;
    --fw-SemiBold: 600;
    --fw-Bold: 700;
    --fw-ExtraBold: 800;
    --fw-Black: 900;
    --fw-normal: normal;
    --gradient-180: linear-gradient(180deg, #3a298f 0%, #1e599b 50%, #077ea4 100%);
    --gradient-50: linear-gradient(50deg, #3a298f 0%, #1e599b 50%, #077ea4 100%);
}
* {
    outline: 0;
}
html {
    scroll-behavior: smooth;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
body {
    font-family: var(--font-Poppins);
    font-style: var(--font-style-normal);
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-000000);
    font-weight: var(--fw-Regular);
    margin: 0;
    padding: 0;
}
.clr {
    width: 100%;
    float: left;
}
.img {
    width: 100%;
}
.svg {
    object-fit: contain;
    object-position: center center;
}
a,
.btn,
button {
    color: var(--c-000000);
    outline: none;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
a:focus,
.btn:focus,
button:focus,
.custom-select:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
}
.btn:hover,
a:hover,
button:hover {
    color: var(--c-ebb934);
    text-decoration: none;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--c-000000);
    text-transform: normal;
    margin-bottom: 10px;
}
ul,
ol {
    margin: 0px;
    padding: 0px;
}
.nav-link:focus,
.nav-link:hover {
    color: var(--c-ebb934);
}
.dropdown-item.active,
.dropdown-item:active {
    color: var(--c-ebb934);
    text-decoration: none;
    background-color: transparent;
}
li {
    list-style: none;
}
header,
footer,
section {
    width: 100%;
    float: left;
}
hr {
    border-bottom: 1px solid var(--c-ebb934);
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
    opacity: 1;
}
p {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin-bottom: 15px;
    letter-spacing: 0px;
}
.p-content {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-323333);
    margin-bottom: 10px;
    letter-spacing: 0px;
}
.small-text {
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: var(--c-323333);
    margin-bottom: 15px;
    letter-spacing: 0px;
}
.section-title {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    color: var(--c-a87c06);
    font-weight: var(--fw-Medium);
    margin-bottom: 12px;
}
.main-title {
    font-size: var(--fs-44);
    line-height: var(--lh-44);
    font-weight: var(--fw-SemiBold);
    color: var(--c-000000);
    margin-bottom: 12px;
    position: relative;
}
.title {
    font-size: var(--fs-42);
    line-height: var(--lh-42);
    color: var(--c-000000);
    margin-bottom: 15px;
    font-weight: var(--fw-SemiBold);
    position: relative;
}
.div-title {
    font-size: var(--fs-25);
    line-height: var(--lh-25);
    color: var(--c-000000);
    margin-bottom: 15px;
    position: relative;
    font-weight: bold;
}
.div-text {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    color: var(--c-000000);
    font-weight: var(--fw-Medium);
    margin-bottom: 10px;
}
.div-text-small {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    color: var(--c-000000);
    font-weight: var(--fw-Medium);
    margin-bottom: 10px;
}
.weight-Light {
    font-weight: var(--fw-Light);
}
.weight-Regular {
    font-weight: var(--fw-Regular);
}
.weight-Medium {
    font-weight: var(--fw-Medium);
}
.weight-SemiBold {
    font-weight: var(--fw-SemiBold);
}
.weight-Bold {
    font-weight: var(--fw-Bold);
}
.weight-ExtraBold {
    font-weight: var(--fw-ExtraBold);
}
.weight-Black {
    font-weight: var(--fw-Black);
}
.height-100 {
    height: 100vh;
}
.color-ebb934 {
    color: var(--c-ebb934) !important;
}
.color-faf0d7 {
    color: var(--c-faf0d7) !important;
}
.color-06112f {
    color: var(--c-06112f) !important;
}
.color-282828 {
    color: var(--c-282828) !important;
}
.color-a87c06 {
    color: var(--c-a87c06) !important;
}
.color-000000 {
    color: var(--c-000000) !important;
}
/* view-more-btn */
.cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 8px 8px 14px;
    background: #F3BE2E;
    color: var(--c-000000);
    font-size: var(--fs-15);
    font-weight: var(--fw-SemiBold);
    text-decoration: none;
    border-radius: 4px;
    overflow: hidden;
    border: none;
    transition: .4s ease;
}
.cta-btn span {
    position: relative;
    z-index: 2;
}
.cta-icon {
    width: 30px;
    height: 30px;
    background: var(--c-ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
}
.cta-icon img {
    width: 14px;
    height: 14px;
    transition: .4s ease;
    object-fit: contain;
}
/* Hover Effect */
.cta-btn:hover {
    background: var(--c-06112f);
    color: var(--c-ffffff);
}
.cta-btn:hover .cta-icon {
    background: var(--c-ffffff);
    color: var(--c-000000);
    border-radius: 10px;
}
.cta-btn:hover .cta-icon img {
    transform: scale(1.01) rotate(-50deg);
}
/* view-more-btn */
.img-zoom {
    overflow: hidden;
    border-radius: 30px;
}
.img-zoom .zoom {
    transform: scale(1);
    transition: transform 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}
.img-zoom:hover .zoom {
    transform: scale(1.05);
}
/* @import url(../css/root.css); */
/* main-header */
.g_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #000000a8;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.main-header.g_shrink {
    position: fixed;
    background: var(--c-06112f);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    z-index: 999;
    box-shadow: 0px 1px 12px 0px #ffffffab;
}
.main-header.g_shrink .logo-img .main-logo {
    width: 300px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
/* loader css*/
#loader {
    position: fixed;
    inset: 0;
    background: var(--c-faf0d7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}
#loader.fade-out {
    opacity: 0;
    visibility: hidden;
}
.logo {
    width: 300px;
    filter: brightness(0)
}
.progress-container {
    width: 200px;
    height: 6px;
    background: var(--c-ffffff);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 25px;
}
.progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #5c4401, #a76d01, #ebb934, #ffd970);
    background-size: 300% 100%;
    animation: gradientMove 2s linear infinite;
    transition: width 0.3s ease;
}
.loading-text {
    margin-top: 15px;
    font-family: Arial, sans-serif;
    color: var(--c-0355ac);
    letter-spacing: 2px;
}
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
body.loading {
    overflow: hidden;
    height: 100vh;
}
/* loader css */
.navbar {
    padding: 25px 0;
}
.main-menu {
    padding: 0px 0px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.main-nav {
    width: 100%;
    position: relative;
}
.logo-img .main-logo {
    width: 380px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.main-nav .nav-item {
    margin-right: 10px;
}
.main-nav .nav-item .nav-link {
    position: relative;
    display: block;
    font-size: var(--fs-14);
    color: var(--c-ffffff);
    font-weight: var(--fw-Medium);
    line-height: initial;
    padding: 20px 15px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.main-nav .nav-item .nav-link:focus,
.main-nav .nav-item.active .nav-link,
.main-nav .nav-item .nav-link:hover {
    color: var(--c-ebb934);
}
.main-nav .nav-item .nav-link.show,
.main-nav .nav-item .show>.nav-link {
    color: var(--c-ebb934);
}
.get-in-touch {
    margin-left: 30px;
}
.get-in-touch .header-right-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 10px;
    border-radius: 50%;
    overflow: hidden;
    isolation: isolate;
    vertical-align: middle;
    transition: background-color 0.35s ease, transform 0.3s ease, box-shadow 0.35s ease;
}
.get-in-touch .header-right-icon:hover {
    background-color: rgba(235, 185, 52, 0.15);
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(168, 124, 6, 0.2);
}
.get-in-touch .header-right-icon:active {
    transform: scale(0.96);
}
.get-in-touch .header-right-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-left: 0;
    transition: transform 0.35s ease;
    position: relative;
    z-index: 1;
}
.get-in-touch .header-right-icon:hover img {
    transform: rotate(0deg);
}
.header-right-icon .ripple-effect {
    position: absolute;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.45);
    transform: scale(0);
    animation: headerIconRipple 0.55s ease-out forwards;
    pointer-events: none;
    z-index: 0;
}
@keyframes headerIconRipple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}
.get-in-touch .cta-btn {
    padding: 6px 7px 6px 10px;
}
/* custom overlay css start */
.custom-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    transition: .35s;
    z-index: 1048;
}
.custom-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}
.custom-side-menu {
    position: fixed;
    top: 0;
    right: -450px;
    width: 450px;
    max-width: 100%;
    height: 100vh;
    background: var(--c-faf0d7);
    transition: .4s ease;
    z-index: 1049;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    box-shadow: -8px 0 30px rgba(0, 0, 0, .15);
}
.custom-side-menu.active {
    right: 0;
}
.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 22px;
    border-bottom: 1px solid var(--c-ebb934);
    background: var(--c-000000)
}
.menu-logo {
    height: 36px;
    object-fit: contain;
}
.close-menu {
    border: none;
    background: var(--c-ebb934);
    border-radius: 50%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.close-menu img {
    width: 20px;
    height: 20px;
}
.side-menu-about {
    padding: 20px 20px;
}
.custom-side-menu .menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.custom-side-menu .menu-list li {
    border-bottom: 1px solid #bcbcbc;
}
.custom-side-menu .menu-list>li>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px;
    color: var(--c-282828);
    font-size: var(--fs-16);
    text-decoration: none;
    font-weight: var(--fw-Medium);
}
.custom-side-menu .menu-list li:hover a {
    color: var(--c-a87c06);
}
.custom-side-menu .menu-list li.active a {
    color: var(--c-a87c06);
}
.menu-footer {
    margin-top: auto;
    padding: 22px;
}
.menu-footer .need-help {
    margin-bottom: 10px;
    color: var(--c-000000);
    font-size: var(--fs-20);
    font-weight: var(--fw-Medium);
}
.menu-footer .phone {
    display: block;
    color: var(--c-ebb934);
    font-size: var(--fs-20);
    font-weight: var(--fw-Bold);
    margin-bottom: 20px;
    text-decoration: none;
}
.social-links {
    display: flex;
    gap: 10px;
}
.social-links a {
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--c-ebb934);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: .3s;
}
.social-links a img,
.social-links a .svg {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
.social-links a:hover {
    background: var(--c-a87c06);
    color: #fff;
}
/* custom overlay css end */
.dropdown-toggle::after {
    margin-left: 10px;
    position: relative;
    top: 7px;
    background-image: url(../images/icons/dropdown-arrow.png);
    border: none;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
/* dropdown-menu */
.main-nav .navbar-nav .nav-item.dropdown .dropdown-item:focus,
.main-nav .navbar-nav .nav-item.dropdown .dropdown-item:hover {
    background-color: transparent;
}
.main-nav .navbar-nav .nav-item.dropdown {
    position: relative;
}
.main-nav .navbar-nav .nav-item.dropdown .dropdown-menu {
    display: block;
    min-width: 230px;
    margin-top: 0;
    padding: 0;
    border: 1px solid rgba(168, 124, 6, 0.18);
    border-radius: 14px;
    background: var(--c-ffffff);
    box-shadow: 0 18px 36px rgba(6, 17, 47, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
}
.main-nav .navbar-nav .nav-item.dropdown:hover .dropdown-menu,
.main-nav .navbar-nav .nav-item.dropdown.show .dropdown-menu,
.main-nav .navbar-nav .nav-item.dropdown .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.main-nav .dropdown-menu-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-nav .dropdown-menu-links li a {
    display: block;
    padding: 10px 15px;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    font-weight: var(--fw-Medium);
    color: var(--c-06112f);
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease;
}
.main-nav .dropdown-menu-links li a:hover {
    background: rgba(235, 185, 52, 0.16);
    color: var(--c-a87c06);
}
/* dropdown-menu */
/* offcanvas animation */
.offcanvas-body {
    overflow-y: unset;
    padding: 0;
}
.offcanvas.offcanvas-start {
    transform: unset;
    border-right: unset;
    background: transparent;
    width: 100%;
}
.offcanvas {
    position: relative;
    visibility: visible;
}
/* offcanvas animation */
/* main-header */
/* main-banenr */
.banner-content {
    position: absolute;
    top: 0;
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}
/* ============ Full Page Slider ================= */
.creative-fullpage--slider {
    width: 100%;
    position: relative;
    flex-direction: column;
    height: calc(100vh - 0px);
    display: flex;
    clip-path: none !important;
}
.swiper-container-h,
.banner-horizental {
    height: 100%;
}
.creative-fullpage--slider .slider-inner {
    height: 100%;
    position: relative;
}
.creative-fullpage--slider .swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    overflow: hidden;
}
.creative-fullpage--slider .swiper-slide .slider-inner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top right;
}
.creative-fullpage--slider .swiper-slide .slider-inner video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
    position: absolute;
    top: 22%;
    left: 0px;
    z-index: 1;
}
.creative-fullpage--slider .swiper-slide .slider-inner::after {
    content: "";
    position: absolute;
    width: 101%;
    height: 100%;
    top: 0;
    left: -1px;
    background-color: transparent;
    background: linear-gradient(90deg, #0000009f 0%, #00000000 100%);
}
.cta-btn-transparent {
    background: transparent;
    color: var(--c-ffffff);
    border: 1.5px solid var(--c-ebb934);
}
.cta-btn-transparent .cta-icon {
    background: transparent;
}
.cta-btn-transparent .cta-icon img {
    width: 30px;
    height: 30px;
}
.creative-fullpage--slider .swiper-slide .slider-inner .cta-btn-transparent .cta-icon img {
    width: 30px;
    height: 30px;
}
.creative-fullpage--slider .swiper-slide .slider-inner .cta-icon img {
    width: 14px;
    height: 14px;
}
.cta-btn-transparent:hover .cta-icon {
    background: transparent;
    color: var(--c-000000);
}
.cta-btn-transparent:hover .cta-icon img {
    transform: scale(1.01) rotate(0deg);
}
.swiper-container-h .swiper-pagination {
    bottom: 90px;
    left: 0;
    width: 100%;
    text-align: left;
    padding-left: calc((100% - 1480px)/ 2);
}
.swiper-container-h .swiper-pagination-bullet {
    width: 22px;
    height: 15px;
    border-radius: 10px;
    background: #ffffff;
    border: none;
}
.swiper-container-h .swiper-pagination-bullet-active {
    background: var(--c-ebb934);
    width: 40px;
}
/* main-banenr */
/* Conditions We Help Manage  end*/
.conditions-section {
    background: var(--c-ffffff);
}
.conditions-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.condition-card {
    position: relative;
    background: var(--c-faf0d7);
    border-radius: 16px;
    overflow: hidden;
    transition: .45s ease;
    box-shadow: 0 0 0 #00000000;
}
.condition-content {
    height: 100%;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.condition-card .div-text-small {
    color: var(--c-282828);
    margin-bottom: 20px;
}
.condition-icon {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.condition-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .85s ease;
}
/* Hover */
.condition-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--c-a87c06);
    transform: translateY(100%);
    transition: .85s ease;
    z-index: 0;
}
.condition-content {
    position: relative;
    z-index: 2;
}
.condition-card:hover::before {
    transform: translateY(0);
}
.condition-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}
.condition-card:hover .div-text-small {
    color: var(--c-ffffff);
}
.condition-card:hover .condition-icon img {
    transform: scale(1.08) rotate(-5deg);
    filter: brightness(0) invert(1);
}
/* Moving Strip Section CSS Start */
.moving-strip-section {
    position: relative;
    overflow: hidden;
    padding-top: 60px;
}
.moving-strip-wrapper {
    position: relative;
    width: 100%;
}
.moving-strip-track {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: max-content;
    z-index: 2;
    animation: movingStrip 54s linear infinite;
}
.moving-strip-content {
    white-space: nowrap;
    padding: 30px 0;
    font-size: 208px;
    font-weight: var(--fw-Regular);
    line-height: 208px;
    color: var(--c-06112f);
    letter-spacing: 1px;
    text-transform: none;
    transition: all 0.4s ease;
}
.moving-strip-content img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}
/* Animation */
@keyframes movingStrip {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* Moving Strip Section CSS End */
/* Conditions We Help Manage  end*/
/* expert-section */
.expert-img {
    width: 41%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.expert-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.dr_pattern {
    position: relative;
}
.dr_pattern .hts_pattern {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.05;
    background-image: url(../images/bg/dr_pattern.png), url(../images/bg/dr_pattern.png);
    background-size: 140px 140px, 140px 140px;
    background-position: 0 0, 70px 70px;
    background-repeat: repeat, repeat;
}
/* expert-section */
/*==================================================
Meet Our Expert
==================================================*/
.expert-section {
    background: var(--c-06112f);
}
.expert-feature {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 42px;
    transition: .45s;
}
.expert-content .div-text-small {
    margin-bottom: 30px;
}
.expert-content {
    padding-left: 0px;
}
.expert-content .cta-btn-white:hover {
    background: var(--c-a87c06);
    color: var(--c-ffffff);
}
.expert-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 24px;
    background: var(--c-faf0d7);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .45s;
}
.expert-icon img {
    width: 50px;
    transition: .45s;
}
.expert-feature .div-text {
    margin-bottom: 8px;
}
.expert-feature p {
    color: #c7c7c7;
    margin: 0;
}
/* Divider */
.expert-divider {
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 70px 0;
}
/* Counter */
.counter-box {
    transition: .45s;
}
.counter-box .title {
    color: var(--c-ebb934);
}
.counter-box p {
    color: #c7c7c7;
}
.counter-box .div-title,
.counter-box .main-title,
.counter-box .title {
    height: 60px;
}
/* Hover */
.expert-feature:hover {
    transform: translateX(10px);
}
.expert-feature:hover .expert-icon {
    background: var(--c-ebb934);
    transform: rotate(-8deg);
}
.expert-feature:hover img {
    transform: scale(1.08);
}
.counter-box:hover {
    transform: translateY(-8px);
}
.counter-box:hover .title {
    color: var(--c-ebb934);
}
/* Meet Our Expert */
/* specialized-care-section */
.specialized-care-bg {
    background: var(--c-faf0d7);
}
/* Condition Card */
.specialized-card {
    position: relative;
    background: var(--c-ffffff);
    border-radius: 34px 34px 0 34px;
    overflow: hidden;
    transition: .45s ease;
}
.specialized-card::before {
    content: "";
    position: absolute;
    background-image: url(../images/icons/specialized-card-shape.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: .45s ease;
    z-index: 11;
    bottom: -2px;
    right: -2px;
    width: 120px;
    height: 120px;
}
.condition-img {
    margin: 0;
    overflow: hidden;
}
.condition-img img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    transition: transform .8s ease;
}
.specialized-card .condition-body {
    position: relative;
    padding: 30px;
    min-height: 200px;
}
/* Number Badge */
.specialized-card .condition-number {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: var(--c-ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-22);
    font-weight: var(--fw-Medium);
    color: var(--c-282828);
    z-index: 11;
}
/* Hover */
.specialized-card:hover {
    transform: translateY(-10px);
}
.specialized-card:hover .condition-img img {
    transform: scale(1.08);
}
.specialized-card:hover .condition-title {
    color: var(--c-a87c06);
}
.specialized-care-section .specialized-slider {
    padding-top: 30px;
    padding-bottom: 60px;
}
.specialized-slider .swiper-pagination-bullet {
    width: 22px;
    height: 15px;
    border-radius: 10px;
    background: #000000a9;
    border: none;
}
.specialized-slider .swiper-pagination-bullet-active {
    background: var(--c-a87c06);
    width: 40px;
}
/* Condition Card */
/* specialized-care-section */
/* eecp-therapy-section */
.eecp-counter {
    position: absolute;
    left: 39%;
    top: 50px;
    gap: 20px;
}
.text-image {
    font-size: 194px;
    line-height: 164px;
    font-weight: 800;
    max-width: 360px;
    margin: 0;
    background-image: url(../images/doctor-group.jpg);
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 2px var(--c-ebb934);
}
.eecp-text {
    padding-top: 200px;
    padding-left: 20px;
}
.list-unstyled li {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    font-weight: var(--fw-SemiBold);
    margin-bottom: 10px;
}
.list-unstyled li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
/* Consultation Button */
.consultation-box {
    position: absolute;
    bottom: -40px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
}
.consultation-box::before {
    position: absolute;
    content: "";
    top: 31px;
    left: 0;
    right: 0;
    background: var(--c-a87c06);
    width: 76%;
    height: 2px;
    z-index: -1;
    margin: 0 auto;
}
.consultation-btn {
    display: inline-block;
}
.consult-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 14px 28px;
    background: var(--c-ebb934);
    border-radius: 60px;
    color: var(--c-000000);
    text-decoration: none;
    overflow: hidden;
    position: relative;
    transition: .45s ease;
}
.consult-text {
    font-size: var(--fs-17);
    font-weight: var(--fw-Medium);
    transition: .45s;
}
.consult-icon {
    width: 45px;
    height: 45px;
    font-size: var(--fs-20);
    color: var(--c-ffffff);
    border-radius: 50%;
    background: var(--c-000000);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .45s ease;
}
.consult-icon img,
.consult-icon .svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: .45s ease;
    fill: var(--c-ffffff);
    stroke: var(--c-ffffff);
}
.consult-number {
    font-size: var(--fs-17);
    font-weight: var(--fw-Bold);
    transition: .45s;
}
.consult-number a {
    color: var(--c-000000);
}
/* Hover */
.consult-btn:hover {
    background: var(--c-06112f);
    color: var(--c-ffffff);
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
}
.consult-btn:hover .consult-icon {
    background: var(--c-ffffff);
    color: var(--c-000000);
    transform: rotate(-10deg) scale(1.05);
}
.consult-btn:hover .consult-icon img,
.consult-btn:hover .consult-icon .svg {
    fill: var(--c-a87c06);
    stroke: var(--c-a87c06);
}
.consult-btn:hover .consult-number {
    letter-spacing: 0.5px;
}
.consult-btn:hover .consult-number a {
    color: var(--c-ffffff);
}
.consult-btn .consult-number a:hover {
    color: var(--c-ebb934);
}
/* eecp-therapy-section */
/* therapy-section */
.therapy-card {
    position: relative;
    /* overflow: hidden; */
    height: 310px;
    padding: 40px 35px;
    border: 2px solid var(--c-ebb934);
    border-radius: 20px;
    transition: .45s;
}
.therapy-shape::before {
    content: "";
    position: absolute;
    background-image: url(../images/icons/Rectangle-18.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: .45s ease;
    z-index: 11;
    bottom: -2px;
    right: -2px;
    width: 90px;
    height: 90px;
}
/* Overlay Image */
.overlay-box {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}
.therapy-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.therapy-overlay {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: rgba(6, 17, 47, .65);
}
.therapy-content {
    position: relative;
    z-index: 5;
}
.therapy-content .div-title {
    transition: .4s;
}
.therapy-content .p-content {
    transition: .4s;
}
.therapy-content,
.therapy-icon {
    position: relative;
    z-index: 5;
}
.therapy-icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 50px;
    height: 50px;
    background: var(--c-ffffff);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
    transition: .4s;
}
.therapy-icon img {
    width: 25px;
    transition: .4s;
}
.card-mask {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/* Hover Effect */
.therapy-card:hover .overlay-box {
    opacity: 1;
    visibility: visible;
    border-radius: 20px;
}
.therapy-card:hover .therapy-content h3,
.therapy-card:hover .therapy-content p {
    color: var(--c-ffffff);
}
/* therapy-section */
/* ==========================
   Testimonial Card
========================== */
.testimonial-card {
    background: var(--c-f9f9f9);
    border-radius: 16px;
    padding: 40px 40px;
    height: 100%;
    transition: .45s ease;
    border: solid 1.5px var(--c-f9f9f9);
}
.testimonial-rating {
    color: var(--c-ebb934);
    font-size: var(--fs-22);
    letter-spacing: 2px;
    margin-bottom: 18px;
}
.testimonial-quote img {
    width: 22px;
    margin-bottom: 20px;
}
.testimonial-text {
    font-style: italic;
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    color: var(--c-282828);
    font-weight: var(--fw-SemiBold);
    margin-bottom: 35px;
}
.testimonial-divider {
    width: 100%;
    height: 1px;
    background: #d6a54b;
    margin-bottom: 28px;
}
.testimonial-user {
    display: flex;
    align-items: center;
}
.testimonial-user-img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.testimonial-user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.testimonial-user-info {
    padding-left: 18px;
}
.testimonial-designation {
    font-style: italic;
    font-size: var(--fs-13);
    line-height: var(--lh-13);
    color: #8d8d8d;
    display: block;
}
/* Hover */
.testimonial-card:hover {
    transform: translateY(-10px);
    border: solid 1.5px var(--c-ebb934);
}
.testimonial-card:hover .testimonial-rating {
    letter-spacing: 4px;
}
.testimonial-card:hover .testimonial-user-img img {
    transform: scale(1.08);
    transition: .5s;
}
.testimonial-slider {
    padding-top: 30px;
    padding-bottom: 60px;
}
.testimonial-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #000000a9;
    border: none;
}
.testimonial-slider .swiper-pagination-bullet-active {
    background: #282828;
    width: 40px;
}
/* ==========================
   Testimonial Card
========================== */
/*=====================================
Brochure Download
======================================*/
.brochure-download-section {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.brochure-download-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(235, 185, 52, .08);
    top: -180px;
    right: -150px;
    filter: blur(20px);
}
.brochure-download-section::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(168, 124, 6, .05);
    left: -120px;
    bottom: -120px;
}
.brochure-image-wrap {
    position: relative;
    padding: 20px;
    perspective: 1200px;
}
.brochure-image-wrap img {
    border-radius: 20px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, .15);
    transform: rotate(-8deg);
    transition: .8s ease;
}
.brochure-image-wrap:hover img {
    transform: rotate(-2deg) scale(1.04);
}
.brochure-image-wrap::before {
    content: "";
    position: absolute;
    inset: 35px;
    border: 1px solid rgba(235, 185, 52, .35);
    border-radius: 22px;
    z-index: -1;
    transform: rotate(6deg);
}
.brochure-line {
    width: 90px;
    height: 2px;
    background: var(--c-ebb934);
    margin: 15px 0 25px;
}
@keyframes brochureFloat {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-12px);
    }
    100% {
        transform: translateY(0px);
    }
}
.brochure-image-wrap {
    animation: brochureFloat 5s ease-in-out infinite;
}
/*=====================================
Brochure Download
======================================*/
/*==============================
Footer
==============================*/
.footer-area {
    background: var(--c-06112f);
    padding: 70px 0 30px;
}
.footer-contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.footer-contact-icon {
    width: 40px;
    color: var(--c-ebb934);
    font-size: var(--fs-22);
    flex-shrink: 0;
}
.footer-contact-icon img,
.footer-contact-icon .svg {
    width: 25px;
    height: 25px;
    object-fit: contain;
    transition: .45s ease;
    fill: var(--c-ebb934);
}
.footer-contact-text p,
.footer-contact-text a {
    color: var(--c-ffffff);
    text-decoration: none;
    transition: .4s;
}
.footer-contact-text p:hover,
.footer-contact-text a:hover {
    color: var(--c-ebb934);
    text-decoration: none;
    transition: .4s;
}
.footer-phone {
    font-size: var(--fs-22);
    font-weight: 600;
    color: var(--c-ebb934);
}
.footer-menu {
    margin: 0;
    padding: 0;
}
.footer-menu li {
    margin-bottom: 8px;
}
.footer-menu li a {
    font-size: var(--fs-14);
    color: var(--c-ffffff);
    text-decoration: none;
    transition: .35s;
}
.footer-menu li a:hover {
    color: var(--c-ebb934);
    padding-left: 8px;
}
.footer-social {
    display: flex;
    margin-top: 30px;
}
.footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: var(--c-ebb934);
    margin-right: 6px;
    display: flex;
    transition: .4s;
    align-items: center;
    justify-content: center;
}
.footer-social a:hover {
    background: var(--c-ffffff);
    transform: translateY(-5px) rotate(10deg);
}
.footer-social img,
.footer-social .svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: .45s ease;
    fill: var(--c-282828);
}
.footer-bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ebb93473;
    display: flex;
    justify-content: space-between;
}
.footer-bottom p {
    color: var(--c-ffffff);
    margin: 0;
}
.footer-bottom-link {
    color: var(--c-ebb934);
}
.WhatsApp-channel a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--fs-15);
    color: var(--c-ffffff);
    text-decoration: none;
    transition: .35s;
    margin-top: 20px;
}
.WhatsApp-channel a span {
    display: block;
    position: relative;
    top: 5px;
}
.WhatsApp-channel a img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    transition: .45s ease;
    fill: var(--c-282828);
}
/*==============================
Footer
==============================*/
/* inner-page-section */
.inner-page-section {
    padding: 180px 0 100px;
    height: 600px;
    display: flex;
    align-items: center;
}
.inner-page-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-page-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    position: relative;
    opacity: 0.1;
}
.inner-page-content {
    position: relative;
    z-index: 1;
}
/* breadcrumb-section */
.breadcrumb-section {
    min-height: 450px;
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.breadcrumb-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(50deg, #e0e8fd00 0%, #e1e9fe0a 100%);
    left: 0;
    top: 0;
    z-index: -1;
}
.breadcrumb-text .breadcrumb {
    margin-bottom: 0;
}
.breadcrumb-text .breadcrumb-item {
    font-size: var(--fs-17);
    line-height: 15px;
    color: var(--c-000000);
    font-weight: 500;
}
.breadcrumb-text .breadcrumb-item a {
    color: var(--c-000000);
}
.breadcrumb-text .breadcrumb-item.active {
    color: var(--c-0355ac);
}
/* breadcrumb-section */
/* ECG Background */
.ecg-animation {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    opacity: .1;
}
.ecg-animation svg {
    width: 100%;
    height: 180px;
}
.ecg-line {
    fill: none;
    stroke: var(--c-a87c06);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation: ecgMove 15s linear infinite;
}
@keyframes ecgMove {
    from {
        stroke-dashoffset: 1200;
    }
    to {
        stroke-dashoffset: 0;
    }
}
/* Keep content above ECG */
/* inner-page-section */
.about-image-row {
    margin-top: -170px;
    position: relative;
    z-index: 1;
}
.about-image {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.about-image img {
    width: 100%;
    display: block;
    transform: translateY(0) scale(1.15);
    will-change: transform;
    transition: transform 0.1s linear;
}
.about-image-row-pb::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 35%);
    background: var(--c-06112f);
    z-index: -1;
}
.about-image-row-pb::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0.05;
    width: 100%;
    height: calc(100% - 35%);
    background-image: url(../images/bg/dr_pattern.png), url(../images/bg/dr_pattern.png);
    background-size: 140px 140px, 140px 140px;
    background-repeat: repeat, repeat;
    bottom: 0;
    background-position: 0px 0px, 70px 70px;
}
.about-content-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: center top;
}
.informed-choices-images {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}
.informed-choices-images img {
    width: auto;
    height: 70px;
    object-fit: contain;
}
/* homepage-video */
.main-banner-video {
    width: 100%;
    height: 700px;
}
.new_video_box {
    position: relative;
    clear: both;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.myVideo {
    width: 100%;
    height: 100%;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
}
/* homepage-video */
/* why-dr-prasad-section */
.why-dr-prasad-section {
    background: linear-gradient(165deg, #f4f8f5 0%, #ffffff 45%, #eef4fa 100%);
}
.why-dr-prasad-bg-shape {
    position: absolute;
    top: -120px;
    right: -80px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(11, 141, 69, 0.12) 0%, rgba(11, 141, 69, 0) 70%);
    pointer-events: none;
}
.why-dr-prasad-card {
    background: var(--c-ffffff);
    border-radius: 18px;
    padding: 32px 28px 28px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.why-dr-prasad-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--c-a87c06);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s ease;
}
.why-dr-prasad-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 48px rgba(11, 141, 69, 0.14);
    border-color: rgba(11, 141, 69, 0.25);
}
.why-dr-prasad-card:hover::before {
    transform: scaleY(1);
}
.why-dr-prasad-card__num {
    position: absolute;
    top: 18px;
    right: 22px;
    font-size: var(--fs-42);
    font-weight: var(--fw-Medium);
    color: var(--c-a87c06);
    line-height: 1;
    transition: color 0.4s ease;
    opacity: 0.2;
}
.why-dr-prasad-card:hover .why-dr-prasad-card__num {
    color: var(--c-06112f);
}
.why-dr-prasad-card__icon {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--c-06112f) 0%, #1a1a1a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.why-dr-prasad-card__icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: transform 0.4s ease;
}
.why-dr-prasad-card:hover .why-dr-prasad-card__icon {
    transform: scale(1.03);
}
.why-dr-prasad-card:hover .why-dr-prasad-card__icon img {
    transform: scale(1.08);
}
.why-dr-prasad-card__title {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: var(--fw-Medium);
    color: var(--c-06112f);
    margin: 0;
    padding-right: 36px;
    transition: color 0.35s ease;
}
.why-dr-prasad-card:hover .why-dr-prasad-card__title {
    color: var(--c-a87c06);
}
/* why-dr-prasad-section */
/* team-section */
.team-section {
    background: #fff;
}
.team-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
    transition: .45s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    margin-bottom: 30px;
}
.team-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
}
.team-image {
    overflow: hidden;
}
.team-image img {
    width: 100%;
    display: block;
    transition: .6s ease;
}
.team-card:hover img {
    transform: scale(1.08);
}
.team-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 18px 18px;
    text-align: center;
    transition: .45s;
    z-index: 3;
}
.team-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40%;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, #824e19f8 0%, #b7853adc 35%, #ffffff00 100%);
    transition: .5s;
    z-index: 2;
}
.team-card:hover::before {
    background: linear-gradient(to top, #361d04f8 0%, #7a4d09de 35%, #ffffff00 100%);
}
.team-card:hover .team-overlay .div-text {
    color: var(--c-ffffff);
}
.team-card:hover .team-overlay .div-text-small {
    color: var(--c-ffffff);
}
/* team-section */
/* contact-page-css */
/* ── Contact Hero ── */
.contact-hero {
    background: linear-gradient(0deg, var(--c-faf0d7) 0%, var(--c-ffffff) 100%);
    position: relative;
    overflow: hidden;
}
.contact-hero::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -60px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(168, 124, 6, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.contact-hero .container {
    position: relative;
    z-index: 1;
}
.contact-hero-title {
    margin-bottom: 20px;
}
.contact-hero-desc {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 720px;
    margin: 0 auto;
}
.top-title {
    margin-bottom: 15px;
    display: block;
}
.contact-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
.contact-cta-outline {
    background: transparent;
    border: 2px solid var(--c-06112f);
    color: var(--c-06112f);
}
.contact-cta-outline:hover {
    background: var(--c-06112f);
    color: var(--c-ffffff);
    border-color: var(--c-06112f);
}
.contact-cta-outline-light {
    border-color: var(--c-ffffff);
    color: var(--c-ffffff);
}
.contact-cta-outline-light:hover {
    background: var(--c-ffffff);
    color: var(--c-06112f);
    border-color: var(--c-ffffff);
}
/* ── Three Ways Cards ── */
.contact-ways {
    background: var(--c-ffffff);
}
.contact-way-card {
    position: relative;
    height: 100%;
    padding: 32px 28px;
    background: var(--c-ffffff);
    border: 1px solid rgba(6, 17, 47, 0.08);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(6, 17, 47, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.contact-way-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 48px rgba(6, 17, 47, 0.12);
    border-color: rgba(168, 124, 6, 0.25);
}
.contact-way-preferred {
    border-color: rgba(168, 124, 6, 0.3);
    background: linear-gradient(180deg, #fffdf8 0%, var(--c-ffffff) 100%);
}
.contact-way-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--c-06112f) 0%, #0d2447 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-shadow: 0 6px 16px rgba(6, 17, 47, 0.2);
    transition: background 0.35s ease, transform 0.35s ease;
}
.contact-way-card:hover .contact-way-icon {
    background: linear-gradient(135deg, var(--c-a87c06) 0%, var(--c-ebb934) 100%);
    transform: scale(1.05);
}
.contact-way-icon .svg {
    width: 24px;
    height: 24px;
}
.contact-way-icon .svg path {
    fill: var(--c-ffffff);
}
.contact-way-card .div-title {
    color: var(--c-06112f);
    font-weight: var(--fw-SemiBold);
    margin-bottom: 12px;
}
.contact-way-card p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin-bottom: 20px;
}
.contact-way-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fs-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    text-decoration: none;
    transition: color 0.3s ease, gap 0.3s ease;
}
.contact-way-link img {
    width: 14px;
    height: 14px;
    transition: transform 0.3s ease;
}
.contact-way-link:hover {
    color: var(--c-a87c06);
    gap: 12px;
}
.contact-way-link:hover img {
    transform: translateX(3px);
}
.contact-way-link:focus-visible {
    outline: 2px solid var(--c-a87c06);
    outline-offset: 2px;
    border-radius: 2px;
}
.contact-way-meta {
    display: block;
    margin-top: 12px;
    font-size: var(--fs-13);
    color: rgba(6, 17, 47, 0.55);
    font-weight: var(--fw-Medium);
}
.contact-email-note {
    margin-top: 48px;
    margin-bottom: 0;
    font-size: var(--fs-15);
    color: var(--c-282828);
    padding: 20px 24px;
    background: var(--c-f9f9f9);
    border-radius: 12px;
    border: 1px solid rgba(6, 17, 47, 0.06);
}
.contact-email-note a {
    color: var(--c-a87c06);
    font-weight: var(--fw-SemiBold);
    text-decoration: none;
}
.contact-email-note a:hover {
    text-decoration: underline;
}
/* ── Talk to Expert Section ── */
.contact-expert {
    background: linear-gradient(180deg, var(--c-f9f9f9) 0%, var(--c-ffffff) 100%);
}
.contact-expert-desc {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin-bottom: 28px;
}
.contact-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
}
.contact-benefits-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin-bottom: 14px;
}
.contact-benefits-list li img {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    flex-shrink: 0;
}
.contact-call-today {
    padding: 20px 24px;
    background: var(--c-faf0d7);
    border-radius: 14px;
    border-left: 4px solid var(--c-a87c06);
}
.contact-call-today p {
    color: var(--c-06112f);
    margin-bottom: 8px;
}
/* ── Contact Form Card ── */
.contact-card {
    background: var(--c-ffffff);
    border-radius: 24px;
    color: var(--c-000000);
    box-shadow: 0 24px 80px rgba(6, 17, 47, 0.1), 0 8px 24px rgba(6, 17, 47, 0.05);
    border: 1px solid rgba(6, 17, 47, 0.06);
    position: relative;
    transition: box-shadow 0.4s ease;
}
.contact-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--c-a87c06), var(--c-ebb934));
    border-radius: 0 0 4px 4px;
}
.contact-card:hover {
    box-shadow: 0 32px 90px rgba(6, 17, 47, 0.14), 0 12px 32px rgba(6, 17, 47, 0.06);
}
.contact-form-disclaimer {
    font-size: var(--fs-13);
    color: rgba(6, 17, 47, 0.55);
    line-height: var(--lh-13);
}
/* ── Form Controls ── */
.contact-expert .form-control,
.contact-expert .form-select {
    display: block;
    width: 100%;
    padding: 14px 18px;
    font-size: var(--fs-15);
    font-weight: var(--fw-Medium);
    line-height: 1.5;
    color: var(--c-06112f);
    background-color: var(--c-f9f9f9);
    border: 1.5px solid rgba(6, 17, 47, 0.12);
    border-radius: 12px;
    transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.contact-expert textarea.form-control {
    min-height: 130px;
    resize: vertical;
}
.contact-expert .form-control::placeholder {
    color: rgba(6, 17, 47, 0.45);
    font-weight: var(--fw-Regular);
}
.contact-expert .form-control:hover {
    border-color: rgba(168, 124, 6, 0.35);
    background-color: var(--c-ffffff);
}
.contact-expert .form-control:focus {
    outline: none;
    border-color: var(--c-a87c06);
    background-color: var(--c-ffffff);
    box-shadow: 0 0 0 4px rgba(168, 124, 6, 0.12);
}
.contact-expert .consultation-form .cta-btn {
    padding: 12px 12px 12px 22px;
    border-radius: 12px;
    min-width: 200px;
    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}
.contact-expert .consultation-form .cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(6, 17, 47, 0.25);
}
.contact-expert .consultation-form .cta-btn:active {
    transform: translateY(0);
}
.contact-expert .consultation-form .cta-btn:focus-visible {
    outline: 2px solid var(--c-a87c06);
    outline-offset: 3px;
}
.contact-expert #ajax-msg {
    font-size: var(--fs-15);
    font-weight: var(--fw-Medium);
}
.contact-expert .ajax-error {
    font-size: var(--fs-13);
    color: #c0392b;
    display: block;
    margin-top: 4px;
}
.contact-expert .invalid-feedback {
    font-size: var(--fs-13);
    margin-top: 4px;
}
/* ── Direct Routes ── */
.contact-route-card {
    height: 100%;
    padding: 28px 30px;
    background: var(--c-ffffff);
    border-radius: 18px;
    border: 1px solid rgba(6, 17, 47, 0.06);
    box-shadow: 0 6px 24px rgba(6, 17, 47, 0.05);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.contact-route-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(6, 17, 47, 0.1);
}
.contact-route-label {
    display: inline-block;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
}
.contact-route-card .div-title {
    color: var(--c-06112f);
    font-weight: var(--fw-SemiBold);
    margin-bottom: 12px;
}
.contact-route-card p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin-bottom: 18px;
}
/* ── FAQ Accordion ── */
.contact-faq {
    background: var(--c-ffffff);
}
.contact-faq-accordion .accordion-item {
    border: none;
    margin-bottom: 25px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(6, 17, 47, 0.05);
    border: 1px solid rgba(6, 17, 47, 0.06);
}
.contact-faq-accordion .accordion-button {
    background: var(--c-ffffff);
    padding: 28px 24px;
    font-size: var(--fs-19);
    font-weight: var(--fw-SemiBold);
    color: #222222;
    box-shadow: none;
}
.contact-faq-accordion .accordion-button:not(.collapsed) {
    background: var(--c-a87c06);
    color: var(--c-ffffff);
}
.contact-faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}
.contact-faq-accordion .accordion-button::after {
    filter: none;
}
.contact-faq-accordion .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}
.contact-faq-accordion .accordion-body {
    padding: 20px 24px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
}
.contact-faq-accordion .accordion-body a {
    color: var(--c-a87c06);
    font-weight: var(--fw-Medium);
}
.contact-cta-banner .main-title {
    color: var(--c-ffffff);
    margin-bottom: 16px;
}
.contact-cta-desc {
    color: #c7c7c7;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    margin-bottom: 28px;
}
.contact-cta-banner .contact-hero-actions {
    justify-content: flex-start;
}
.contact-stat-box {
    text-align: center;
    padding: 24px 12px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: background 0.35s ease, transform 0.35s ease;
}
.contact-stat-box:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-4px);
}
.contact-stat-box .title {
    color: var(--c-ebb934);
    font-size: var(--fs-30);
    margin-bottom: 8px;
}
.contact-stat-box p {
    color: #c7c7c7;
    font-size: var(--fs-13);
    margin: 0;
    line-height: 1.4;
    text-transform: lowercase;
}
/* ── Map Section ── */
.contact-location {
    background: linear-gradient(180deg, var(--c-ffffff) 0%, var(--c-faf0d7) 100%);
    position: relative;
    overflow: hidden;
}
.contact-map-address {
    font-size: var(--fs-17);
    color: var(--c-282828);
    max-width: 740px;
    margin: 0 auto;
}
.contact-location .map-section {
    position: relative;
    line-height: 0;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 12px 48px rgba(6, 17, 47, 0.12);
    max-width: calc(100% - 100px);
    margin: 0 auto;
}
.contact-location .map-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 17, 47, 0.04) 0%, transparent 40%);
    pointer-events: none;
    z-index: 1;
    border-radius: 20px;
}
.contact-location .map-section iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
    filter: grayscale(10%) contrast(1.03);
    transition: filter 0.5s ease;
}
.contact-location .map-section:hover iframe {
    filter: grayscale(0%) contrast(1);
}
/* ── Contact Page Responsive ── */
/* contact-page-css */
/*==========================================
CAREERS PAGE CSS
==========================================*/
/*------------------------------------------
Why Join Us
------------------------------------------*/
.career-about-image {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.career-about-image img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    transition: .6s;
}
.career-about-image:hover img {
    transform: scale(1.05);
}
.career-feature-card {
    position: relative;
    background: var(--c-faf0d7);
    border-radius: 18px;
    overflow: hidden;
    transition: .45s ease;
    height: 100%;
}
.career-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--c-a87c06);
    transform: translateY(100%);
    transition: .45s;
}
.career-feature-content {
    position: relative;
    z-index: 2;
    padding: 25px;
    text-align: center;
}
.career-feature-icon {
    width: 70px;
    height: 70px;
    background: var(--c-ffffff);
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 18px;
    transition: .45s;
}
.career-feature-icon img {
    width: 36px;
    transition: .45s;
}
.career-feature-card:hover::before {
    transform: translateY(0);
}
.career-feature-card:hover {
    transform: translateY(-10px);
}
.career-feature-card:hover h4,
.career-feature-card:hover p {
    color: #fff;
}
.career-feature-card:hover img {
    filter: brightness(0) invert(1);
}
/*------------------------------------------
Benefits
------------------------------------------*/
.benefit-card {
    background: #fff;
    border-radius: 20px;
    padding: 35px 30px;
    text-align: center;
    transition: .45s;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .08);
}
.benefit-icon {
    width: 75px;
    height: 75px;
    margin: auto;
    border-radius: 18px;
    background: var(--c-faf0d7);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: .45s;
}
.benefit-icon img {
    width: 40px;
}
.benefit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
}
.benefit-card:hover .benefit-icon {
    background: var(--c-a87c06);
}
.benefit-card:hover img {
    filter: brightness(0) invert(1);
}
/*------------------------------------------
Job Cards
------------------------------------------*/
.job-card {
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 35px;
    border: 1px solid rgba(0, 0, 0, .08);
    transition: .45s;
    height: 100%;
    overflow: hidden;
}
.job-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: var(--c-ebb934);
}
.job-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .10);
}
.job-meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0;
}
.job-meta span {
    background: var(--c-faf0d7);
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}
/*------------------------------------------
Hiring Process
------------------------------------------*/
.hiring-process {
    position: relative;
}
.hiring-process::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    height: 2px;
    background: #e8e8e8;
}
.process-card {
    position: relative;
    text-align: center;
    z-index: 2;
}
.process-number {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: var(--c-06112f);
    color: #fff;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-30);
    font-weight: var(--fw-Bold);
    border: 6px solid #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
    transition: .45s;
}
.process-card:hover .process-number {
    background: var(--c-ebb934);
    color: #000;
    transform: scale(1.1);
}
/*------------------------------------------
Career CTA
------------------------------------------*/
.career-cta {
    background: linear-gradient(135deg, var(--c-06112f), #0d2455);
    border-radius: 30px;
    overflow: hidden;
}
.career-cta-content {
    padding: 70px;
}
.career-cta h2,
.career-cta p {
    color: #fff;
}
/*------------------------------------------
Apply Form
------------------------------------------*/
.career-form {
    background: #fff;
    padding: 50px;
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}
.career-form .form-control {
    height: 58px;
}
.career-form textarea.form-control {
    height: 180px;
}
/*------------------------------------------
Statistics
------------------------------------------*/
.career-counter {
    text-align: center;
}
.career-counter .title {
    color: var(--c-a87c06);
}
.career-counter p {
    margin: 0;
}
/*------------------------------------------
FAQ
------------------------------------------*/
.career-faq .accordion-item {
    border: none;
    margin-bottom: 18px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
}
.career-faq .accordion-button {
    background: #fff;
    padding: 22px;
    font-weight: 600;
}
.career-faq .accordion-button:not(.collapsed) {
    background: var(--c-06112f);
    color: #fff;
}
.career-faq .accordion-body {
    padding: 22px;
}
.faq-jump {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.faq-jump a {
    font-size: var(--fs-17);
    color: var(--c-06112f);
    font-weight: var(--fw-500);
    background: var(--c-faf0d7);
    border-radius: 50px;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.45s ease;
}
.faq-jump a:hover {
    background: var(--c-a87c06);
    color: var(--c-ffffff);
}
.faq-content {
    margin-top: 80px;
}
.faq-content-body p {
    margin-bottom: 10px;
}
.faq-content-body ul {
    padding-left: 30px;
}
.faq-content-body ul li {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin-bottom: 10px;
    list-style: square;
}
/* ── FAQ Still Have Questions CTA ── */
.faq-cta-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 80% at 10% 20%, rgba(235, 185, 52, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 60% 70% at 90% 80%, rgba(168, 124, 6, 0.1) 0%, transparent 50%),
        var(--c-282828);
}
.faq-cta-section .section-title {
    color: var(--c-ebb934);
}
.faq-cta-section .main-title {
    color: var(--c-ffffff);
    margin-bottom: 18px;
}
.faq-cta-section .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.faq-cta-desc {
    color: #c7c7c7;
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    max-width: 640px;
    margin: 0 auto 15px;
}
.faq-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-bottom: 36px;
}
.faq-cta-actions .cta-btn {
    padding: 10px 12px 10px 18px;
}
.faq-cta-actions .cta-btn span .svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: middle;
    margin-top: -2px;
}
.faq-cta-actions .cta-btn-transparent:hover {
    background: var(--c-ebb934);
    color: var(--c-000000);
    border-color: var(--c-ebb934);
}
.faq-cta-actions .cta-btn-transparent:hover .cta-icon {
    background: transparent;
}
.faq-cta-disclaimer {
    max-width: 720px;
    margin: 0 auto;
    padding: 18px 22px;
    font-size: var(--fs-13);
    line-height: var(--lh-13);
    color: rgba(255, 255, 255, 0.55);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: left;
}
.faq-cta-disclaimer strong {
    color: rgba(255, 255, 255, 0.8);
    font-weight: var(--fw-SemiBold);
}
/* ── Final CTA Banner ── */
/*------------------------------------------
FAQ
------------------------------------------*/
/*------------------------------------------
For Patients Page
------------------------------------------*/
.fp-hero {
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 0;
    background: linear-gradient(165deg, #fff8e8 0%, var(--c-ffffff) 48%, #f7f3ea 100%);
}
.fp-hero .container {
    position: relative;
    z-index: 2;
}
.fp-hero-title {
    margin-bottom: 12px;
}
.fp-hero-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.fp-hero-eyebrow {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
    margin-bottom: 14px;
}
.fp-hero-desc {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 540px;
    margin-bottom: 28px;
}
.fp-hero-perks {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
}
.fp-hero-perks li {
    position: relative;
    padding-left: 28px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-06112f);
}
.fp-hero-perks li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--c-ebb934) url("../images/icons/check.png") center / 10px no-repeat;
}
.fp-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 16px;
}
.fp-hero-actions .cta-btn-transparent {
    background: transparent;
    color: var(--c-06112f);
    border: 1.5px solid var(--c-ebb934);
}
.fp-hero-actions .cta-btn-transparent:hover {
    background: var(--c-ebb934);
    color: var(--c-000000);
}
.fp-hero-note {
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: rgba(26, 26, 26, 0.65);
    margin: 0;
    font-weight: var(--fw-Medium);
}
.fp-hero-mosaic {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    grid-template-rows: 240px 160px;
    gap: 14px;
}
.fp-mosaic-item {
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}
.fp-mosaic-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.fp-mosaic-item:hover img {
    transform: scale(1.06);
}
.fp-mosaic-lg {
    grid-row: 1 / 3;
}
.fp-mosaic-wide {
    grid-column: 1 / -1;
}
/* Problems */
.fp-problems {
    background: var(--c-ffffff);
    position: relative;
}
.fp-problems .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.fp-problems-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-bottom: 50px;
}
.fp-problem-card {
    background: linear-gradient(160deg, var(--c-faf0d7) 0%, #fff 70%);
    border: 1px solid rgba(168, 124, 6, 0.12);
    border-radius: 22px;
    padding: 36px 24px;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 18px;
    transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
}
.fp-problem-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 48px rgba(26, 26, 26, 0.1);
    background: var(--c-a87c06);
}
.fp-problem-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: var(--c-ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(168, 124, 6, 0.12);
    transition: background 0.35s ease;
}
.fp-problem-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    transition: filter 0.35s ease, transform 0.35s ease;
    filter: brightness(0);
}
.fp-problem-card .div-text-small {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
    transition: color 0.35s ease;
}
.fp-problem-card:hover .div-text-small {
    color: var(--c-ffffff);
}
.fp-problem-card:hover .fp-problem-icon {
    background: rgba(255, 255, 255, 0.16);
}
.fp-problem-card:hover .fp-problem-icon img {
    filter: brightness(0) invert(1);
    transform: scale(1.08);
}
.fp-problems-note {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    color: var(--c-282828);
    margin: 0 auto 28px;
}
.fp-problems-note strong {
    color: var(--c-a87c06);
}
.fp-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
}
/* Ideal Candidate */
.fp-candidate {
    background:
        radial-gradient(ellipse 50% 60% at 0% 0%, rgba(235, 185, 52, 0.1) 0%, transparent 55%),
        radial-gradient(ellipse 45% 55% at 100% 100%, rgba(168, 124, 6, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, #faf8f3 0%, var(--c-ffffff) 100%);
}
.fp-candidate .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.fp-candidate-panel {
    height: 100%;
    border-radius: 24px;
    padding: 40px 36px;
    position: relative;
    overflow: hidden;
}
.fp-candidate-yes {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    box-shadow: 0 18px 50px rgba(26, 26, 26, 0.06);
}
.fp-candidate-no {
    background: var(--c-06112f);
    color: var(--c-ffffff);
}
.fp-candidate-heading {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-SemiBold);
    margin-bottom: 28px;
    color: inherit;
}
.fp-candidate-yes .fp-candidate-heading {
    color: var(--c-06112f);
}
.fp-candidate-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 20px;
}
.fp-candidate-list li {
    position: relative;
    padding-left: 32px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
}
.fp-candidate-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.22) url("../images/icons/check.png") center / 11px no-repeat;
}
.fp-candidate-list-no {
    grid-template-columns: 1fr;
    gap: 16px;
}
.fp-candidate-list-no li {
    color: rgba(255, 255, 255, 0.88);
}
.fp-candidate-list-no li::before {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 2px rgba(235, 185, 52, 0.7);
}
.fp-candidate-note {
    margin: 28px 0 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: var(--c-ebb934);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.02em;
}
/* Quiz CTA */
.fp-quiz-cta {
    background:
        radial-gradient(ellipse 55% 60% at 0% 0%, rgba(235, 185, 52, 0.09) 0%, transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #fbf8f0 100%);
}
.fp-quiz-card {
    background: linear-gradient(145deg, #f8f8f8 0%, #f1f1f1 100%);
    border: 1px solid rgba(168, 124, 6, 0.18);
    border-radius: 24px;
    padding: 56px 52px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 48px rgba(26, 26, 26, 0.07);
}
.fp-quiz-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: linear-gradient(180deg, var(--c-ebb934) 0%, var(--c-a87c06) 100%);
}
.fp-quiz-card::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(235, 185, 52, 0.2) 0%, rgba(235, 185, 52, 0) 70%);
    pointer-events: none;
}
.fp-quiz-eyebrow {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-size: var(--fs-14);
    line-height: 1;
    color: var(--c-a87c06);
    font-weight: var(--fw-SemiBold);
    margin-bottom: 20px;
    padding: 8px 14px;
    background: rgba(235, 185, 52, 0.16);
    border-radius: 24px;
}
.fp-quiz-title {
    font-size: var(--fs-48);
    line-height: var(--lh-48);
    color: var(--c-06112f);
    font-weight: var(--fw-SemiBold);
    margin: 0 0 18px;
    max-width: 760px;
}
.fp-quiz-desc {
    max-width: 940px;
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    color: rgba(26, 26, 26, 0.85);
    margin: 0 0 34px;
}
/* EECP Assessment Decision Tree Popup */
.fp-assess-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.fp-assess-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.fp-assess-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 10, 0.72);
    backdrop-filter: blur(6px);
}
.fp-assess-dialog {
    position: relative;
    z-index: 1;
    width: min(640px, 100%);
    max-height: min(92vh, 860px);
    overflow-y: auto;
    background:
        radial-gradient(ellipse 60% 40% at 100% 0%, rgba(235, 185, 52, 0.16) 0%, transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #faf8f3 100%);
    border-radius: 28px;
    border: 1px solid rgba(168, 124, 6, 0.18);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
    padding: 36px 32px 28px;
    animation: fpAssessIn 0.35s ease;
}
@keyframes fpAssessIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.fp-assess-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: var(--c-ebb934);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease, background 0.3s ease;
    z-index: 2;
}
.fp-assess-close img {
    width: 14px;
    height: 14px;
    filter: brightness(0);
}
.fp-assess-close:hover {
    background: var(--c-a87c06);
    transform: rotate(90deg);
}
.fp-assess-header {
    text-align: center;
    margin-bottom: 28px;
    padding-right: 28px;
}
.fp-assess-eyebrow {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
    background: rgba(235, 185, 52, 0.18);
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 12px;
}
.fp-assess-header .fp-assess-title {
    font-size: var(--fs-30);
    line-height: var(--lh-30);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 20px;
}
.fp-assess-header .fp-assess-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.fp-assess-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}
.fp-assess-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(168, 124, 6, 0.2);
    border: 2px solid rgba(168, 124, 6, 0.25);
    transition: all 0.3s ease;
}
.fp-assess-dot.is-active {
    background: var(--c-ebb934);
    border-color: var(--c-a87c06);
}
.fp-assess-dot.is-current {
    box-shadow: 0 0 0 4px rgba(235, 185, 52, 0.25);
    transform: scale(1.15);
}
.fp-assess-line {
    width: 36px;
    height: 2px;
    background: rgba(168, 124, 6, 0.2);
}
.fp-assess-step-label {
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    margin-bottom: 8px;
}
.fp-assess-q {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 8px;
}
.fp-assess-hint {
    font-size: var(--fs-14);
    color: rgba(40, 40, 40, 0.6);
    margin: 0 0 18px;
}
.fp-assess-options {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}
.fp-assess-check {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--c-ffffff);
    border: 1.5px solid rgba(168, 124, 6, 0.16);
    border-radius: 14px;
    cursor: pointer;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.fp-assess-check:hover {
    border-color: rgba(168, 124, 6, 0.4);
    box-shadow: 0 8px 20px rgba(26, 26, 26, 0.05);
}
.fp-assess-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.fp-assess-check-box {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 6px;
    border: 1.5px solid rgba(168, 124, 6, 0.4);
    background: #fff;
    position: relative;
    transition: all 0.25s ease;
}
.fp-assess-check-box::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease;
}
.fp-assess-check input:checked+.fp-assess-check-box {
    background: var(--c-a87c06);
    border-color: var(--c-a87c06);
}
.fp-assess-check input:checked+.fp-assess-check-box::after {
    transform: rotate(45deg) scale(1);
}
.fp-assess-check:has(input:checked) {
    border-color: var(--c-a87c06);
    background: rgba(235, 185, 52, 0.1);
}
.fp-assess-check-text {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-06112f);
}
.fp-assess-none {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fs-14);
    color: rgba(40, 40, 40, 0.7);
    margin-bottom: 22px;
    cursor: pointer;
}
.fp-assess-none input {
    accent-color: var(--c-a87c06);
}
.fp-assess-yesno {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 20px 0 24px;
}
.fp-assess-choice {
    cursor: pointer;
}
.fp-assess-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.fp-assess-choice-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 120px;
    padding: 22px 18px;
    border-radius: 16px;
    border: 1.5px solid rgba(168, 124, 6, 0.18);
    background: var(--c-ffffff);
    text-align: center;
    transition: all 0.25s ease;
}
.fp-assess-choice-card strong {
    font-size: var(--fs-20);
    color: var(--c-06112f);
}
.fp-assess-choice-card small {
    font-size: var(--fs-13);
    line-height: 1.4;
    color: #282828c7;
}
.fp-assess-choice:hover .fp-assess-choice-card {
    border-color: #a87c0673;
}
.fp-assess-choice input:checked+.fp-assess-choice-card {
    border-color: var(--c-a87c06);
    background: var(--c-ebb934);
}
.fp-assess-result {
    text-align: center;
    padding: 22px 18px;
    border-radius: 18px;
    margin-bottom: 22px;
}
.fp-assess-result.is-positive {
    background: linear-gradient(160deg, rgba(235, 185, 52, 0.2) 0%, rgba(255, 248, 232, 0.9) 100%);
    border: 1px solid rgba(168, 124, 6, 0.25);
}
.fp-assess-result.is-neutral {
    background: rgba(26, 26, 26, 0.04);
    border: 1px solid rgba(26, 26, 26, 0.08);
}
.fp-assess-result-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--c-ebb934), var(--c-a87c06));
    display: flex;
    align-items: center;
    justify-content: center;
}
.fp-assess-result-icon img {
    width: 32px;
    height: 32px;
    filter: brightness(0) invert(1);
}
.fp-assess-result h3 {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 8px;
}
.fp-assess-result p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
}
.fp-assess-fields-title {
    font-size: var(--fs-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 14px;
}
.fp-assess-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.fp-assess-field {
    margin-bottom: 12px;
}
.fp-assess-field label {
    display: block;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin-bottom: 6px;
}
.fp-assess-field input,
.fp-assess-field textarea {
    width: 100%;
    padding: 13px 14px;
    border-radius: 12px;
    border: 1.5px solid rgba(168, 124, 6, 0.2);
    background: var(--c-ffffff);
    font-size: var(--fs-15);
    color: var(--c-06112f);
    font-family: inherit;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.fp-assess-field input:focus,
.fp-assess-field textarea:focus {
    outline: none;
    border-color: var(--c-a87c06);
    box-shadow: 0 0 0 4px rgba(235, 185, 52, 0.18);
}
.fp-assess-field textarea {
    resize: vertical;
    min-height: 90px;
}
.fp-assess-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}
.fp-assess-actions .cta-btn {
    margin-left: auto;
}
.fp-assess-back {
    border: 0;
    background: transparent;
    color: var(--c-a87c06);
    font-size: var(--fs-15);
    font-weight: var(--fw-SemiBold);
    cursor: pointer;
    padding: 10px 4px;
    font-family: inherit;
}
.fp-assess-back:hover {
    color: var(--c-06112f);
}
.fp-assess-error {
    color: #b42318;
    font-size: var(--fs-13);
    margin: 0 0 12px;
}
.fp-assess-success {
    text-align: center;
    padding: 30px 10px 10px;
}
.fp-assess-success-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: var(--c-ebb934);
    color: var(--c-06112f);
    font-size: 32px;
    font-weight: var(--fw-Bold);
    display: flex;
    align-items: center;
    justify-content: center;
}
.fp-assess-success h3 {
    font-size: var(--fs-25);
    margin: 0 0 10px;
    color: var(--c-06112f);
}
.fp-assess-success p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin: 0 0 24px;
}
.fp-assess-disclaimer {
    margin: 24px 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(168, 124, 6, 0.15);
    font-size: var(--fs-13);
    line-height: 1.5;
    color: rgba(40, 40, 40, 0.7);
}
.fp-assess-disclaimer strong {
    color: var(--c-a87c06);
}
body.fp-assess-open {
    overflow: hidden;
}
/* Talk to Medical Expert — Callback Popup */
.expert-callback-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.expert-callback-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.expert-callback-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 10, 0.75);
    backdrop-filter: blur(6px);
}
.expert-callback-dialog {
    position: relative;
    z-index: 1;
    width: min(850px, 100%);
    max-height: min(92vh, 820px);
    overflow-y: auto;
    background: var(--c-ffffff);
    border-radius: 28px;
    border: 1px solid rgba(168, 124, 6, 0.18);
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.4);
    animation: expertCbIn 0.35s ease;
}
@keyframes expertCbIn {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.expert-callback-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: var(--c-ebb934);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    transition: transform 0.3s ease, background 0.3s ease;
}
.expert-callback-close img {
    width: 14px;
    height: 14px;
    filter: brightness(0);
}
.expert-callback-close:hover {
    background: var(--c-ffffff);
    transform: rotate(90deg);
}
.expert-callback-grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    min-height: 480px;
}
.expert-callback-info {
    background:
        radial-gradient(ellipse 55% 50% at 0% 0%, rgba(235, 185, 52, 0.22) 0%, transparent 55%),
        var(--c-06112f);
    color: var(--c-ffffff);
    padding: 44px 36px;
    position: relative;
}
.expert-callback-eyebrow {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    background: var(--c-ebb934);
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 18px;
}
.expert-callback-info .expert-callback-title {
    font-size: var(--fs-30);
    line-height: var(--lh-30);
    font-weight: var(--fw-SemiBold);
    margin: 0 0 8px;
    color: var(--c-ffffff);
}
.expert-callback-lead {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    color: var(--c-ebb934);
    font-weight: var(--fw-SemiBold);
    margin: 0 0 16px;
}
.expert-callback-copy {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.78);
    margin: 0 0 28px;
}
.expert-callback-trust {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.expert-callback-trust li {
    position: relative;
    padding-left: 32px;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: rgba(255, 255, 255, 0.9);
}
.expert-callback-trust li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.25) url("../images/icons/check.png") center / 10px no-repeat;
}
.expert-callback-form-wrap {
    padding: 44px 36px;
    background: linear-gradient(180deg, #ffffff 0%, #faf8f3 100%);
}
.expert-callback-field {
    margin-bottom: 14px;
}
.expert-callback-field label {
    display: block;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin-bottom: 6px;
}
.expert-callback-field input,
.expert-callback-field select,
.expert-callback-field textarea {
    width: 100%;
    padding: 13px 14px;
    border-radius: 12px;
    border: 1.5px solid rgba(168, 124, 6, 0.2);
    background: var(--c-ffffff);
    font-size: var(--fs-15);
    color: var(--c-06112f);
    font-family: inherit;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.expert-callback-field select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a87c06' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}
.expert-callback-field input:focus,
.expert-callback-field select:focus,
.expert-callback-field textarea:focus {
    outline: none;
    border-color: var(--c-a87c06);
    box-shadow: 0 0 0 4px rgba(235, 185, 52, 0.18);
}
.expert-callback-field textarea {
    resize: vertical;
    min-height: 88px;
}
.expert-callback-error {
    color: #b42318;
    font-size: var(--fs-13);
    margin: 0 0 12px;
}
.expert-callback-submit {
    width: 100%;
    /* justify-content: center; */
    margin-top: 6px;
}
.expert-callback-success {
    text-align: center;
    padding: 40px 10px 20px;
}
.expert-callback-success-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: var(--c-ebb934);
    color: var(--c-06112f);
    font-size: 32px;
    font-weight: var(--fw-Bold);
    display: flex;
    align-items: center;
    justify-content: center;
}
.expert-callback-success h3 {
    font-size: var(--fs-25);
    margin: 0 0 10px;
    color: var(--c-06112f);
}
.expert-callback-success p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin: 0 0 24px;
}
body.expert-callback-open {
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .expert-callback-grid {
        grid-template-columns: 1fr;
    }
    .expert-callback-info {
        padding: 32px 24px 24px;
    }
    .expert-callback-form-wrap {
        padding: 28px 24px 32px;
    }
}
@media (max-width: 575.98px) {
    .expert-callback-dialog {
        border-radius: 20px;
    }
    .expert-callback-close {
        top: 12px;
        right: 12px;
    }
}
/* What Happens During Treatment — keep section marker intact below */
/* What Happens During Treatment */
.fp-treatment {
    background: #fff8e8;
    position: relative;
    overflow: hidden;
}
.fp-treatment .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.fp-treatment-intro {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 640px;
    margin: 16px auto 0;
}
.fp-treatment-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    position: relative;
}
.fp-treatment-steps::before {
    content: "";
    position: absolute;
    top: 78px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(168, 124, 6, 0.35), transparent);
    z-index: 0;
    pointer-events: none;
}
.fp-step {
    position: relative;
    z-index: 1;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 22px;
    padding: 28px 18px 30px;
    text-align: center;
    box-shadow: 0 14px 40px rgba(26, 26, 26, 0.05);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.fp-step:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 48px rgba(26, 26, 26, 0.1);
}
.fp-step-illu {
    width: 100%;
    max-width: 140px;
    height: 104px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, var(--c-faf0d7) 0%, #fff 75%);
    border-radius: 18px;
}
.fp-step-illu svg {
    width: 120px;
    height: 90px;
}
.fp-step-illu img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.fp-cuff-pulse {
    animation: fpCuffPulse 1.8s ease-in-out infinite;
    transform-origin: center;
}
@keyframes fpCuffPulse {
    0%,
    100% {
        opacity: 0.35;
        transform: scale(0.92);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.08);
    }
}
.fp-pulse-line {
    animation: fpPulseDraw 2s ease-in-out infinite;
}
@keyframes fpPulseDraw {
    0%,
    100% {
        opacity: 0.45;
    }
    50% {
        opacity: 1;
    }
}
.fp-step-num {
    display: inline-block;
    font-size: var(--fs-13);
    line-height: 1;
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    background: rgba(235, 185, 52, 0.18);
    padding: 8px 14px;
    border-radius: 30px;
    margin-bottom: 14px;
}
.fp-step h3 {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.fp-step-highlights {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.fp-step-highlights li {
    font-size: var(--fs-13);
    line-height: 1.3;
    font-weight: var(--fw-Medium);
    color: var(--c-06112f);
    background: var(--c-faf0d7);
    border: 1px solid rgba(168, 124, 6, 0.2);
    padding: 6px 12px;
    border-radius: 20px;
}
.fp-step-home {
    background: linear-gradient(165deg, #fff8e8 0%, var(--c-ffffff) 60%);
    border-color: rgba(168, 124, 6, 0.28);
}
/* Benefits */
.fp-benefits {
    background: var(--c-06112f);
    position: relative;
    overflow: hidden;
}
.fp-benefits::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 45% 50% at 10% 20%, rgba(235, 185, 52, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 40% 45% at 90% 80%, rgba(168, 124, 6, 0.12) 0%, transparent 50%);
    pointer-events: none;
}
.fp-benefits .container {
    position: relative;
    z-index: 1;
}
.fp-benefits .section-title {
    color: var(--c-ebb934);
}
.fp-benefits .main-title {
    color: var(--c-ffffff);
}
.fp-benefits .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.fp-benefits-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 22px;
}
.fp-benefit-item {
    flex: 0 1 calc(25% - 17px);
    max-width: 280px;
    min-width: 200px;
    background: #1a1a1aed;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    padding: 36px 22px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease;
}
.fp-benefit-item:hover {
    transform: translateY(-6px);
    background: rgba(235, 185, 52, 0.12);
    border-color: rgba(235, 185, 52, 0.35);
}
.fp-benefit-icon {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(145deg, #604600 0%, #1e1600 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 32px rgba(235, 185, 52, 0.28);
    transition: transform 0.35s ease;
}
.fp-benefit-item:hover .fp-benefit-icon {
    background: linear-gradient(145deg, #1e1600 0%, #856100 100%);
}
.fp-benefit-item:hover .fp-benefit-icon {
    transform: scale(1.08);
}
.fp-benefit-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.fp-benefit-item .div-text-small {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    margin: 0;
}
.fp-benefit-item .div-text-small span {
    display: block;
    font-size: var(--fs-13);
    line-height: var(--lh-13);
    font-weight: var(--fw-Regular);
    color: rgba(255, 255, 255, 0.65);
    margin-top: 6px;
}
/* Why Patients Choose */
.fp-why {
    background: #fff8e8;
    position: relative;
    overflow: hidden;
}
.fp-why::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 50% 60% at 0% 50%, rgba(235, 185, 52, 0.16) 0%, transparent 55%),
        radial-gradient(ellipse 40% 50% at 100% 0%, rgba(168, 124, 6, 0.1) 0%, transparent 50%);
    pointer-events: none;
}
.fp-why .container {
    position: relative;
    z-index: 1;
}
.fp-why-layout {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 60px;
    align-items: center;
}
.fp-why-intro .section-title {
    color: var(--c-ebb934);
}
.fp-why-intro .main-title {
    margin-bottom: 18px;
}
.fp-why-intro .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.fp-why-desc {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    margin: 0 0 32px;
    max-width: 420px;
}
.fp-why-list {
    display: flex;
    flex-direction: column;
}
.fp-why-item {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 15px;
    align-items: center;
    padding: 25px 16px;
    border-bottom: 1px solid #00000047;
    position: relative;
    transition: background 0.35s ease, padding-left 0.35s ease;
}
.fp-why-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.fp-why-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--c-ebb934);
    transform: scaleY(0);
    transition: transform 0.35s ease;
}
.fp-why-item:hover {
    background: rgba(235, 185, 52, 0.08);
    padding-left: 36px;
}
.fp-why-item:hover::before {
    transform: scaleY(1);
}
.fp-why-num {
    font-size: var(--fs-30);
    line-height: 1;
    font-weight: var(--fw-Bold);
    color: var(--c-ebb934);
    letter-spacing: -0.04em;
    transition: transform 0.35s ease, color 0.35s ease;
}
.fp-why-item:hover .fp-why-num {
    transform: scale(1.08);
    color: var(--c-a87c06);
}
.fp-why-content h3 {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: var(--fw-SemiBold);
    color: var(--c-000000);
    margin: 0;
}
/* For Patients FAQ */
.fp-faq {
    background: linear-gradient(180deg, var(--c-f9f9f9) 0%, var(--c-ffffff) 100%);
}
.fp-faq .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.fp-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}
/* ========================================
   What is EECP (we-)
======================================== */
/* Intro */
.we-intro {
    background: linear-gradient(165deg, #fff8e8 0%, var(--c-ffffff) 50%, #f7f3ea 100%);
    overflow: hidden;
}
.we-intro .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.we-intro-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 50px;
    align-items: center;
}
.we-intro-sub {
    color: var(--c-a87c06);
}
.we-intro-text {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin: 0 0 16px;
    max-width: 560px;
}
.we-intro-copy .cta-btn {
    margin-top: 14px;
}
.we-intro-visual {
    display: flex;
    justify-content: center;
}
.we-intro-orbit {
    position: relative;
    width: 360px;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.we-orbit-ring {
    position: absolute;
    inset: 30px;
    border: 1.5px dashed rgba(168, 124, 6, 0.35);
    border-radius: 50%;
    animation: weOrbitSpin 28s linear infinite;
}
.we-orbit-ring-2 {
    inset: 70px;
    border-style: solid;
    border-color: rgba(235, 185, 52, 0.25);
    animation-direction: reverse;
    animation-duration: 20s;
}
@keyframes weOrbitSpin {
    to {
        transform: rotate(360deg);
    }
}
.we-intro-heart {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--c-ebb934), var(--c-a87c06));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 40px rgba(168, 124, 6, 0.35);
    z-index: 2;
    animation: weHeartPulse 2.4s ease-in-out infinite;
}
.we-intro-heart img {
    width: 52px;
    height: 52px;
    filter: brightness(0) invert(1);
}
@keyframes weHeartPulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
}
.we-intro-badge {
    position: absolute;
    z-index: 3;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.2);
    box-shadow: 0 10px 28px rgba(26, 26, 26, 0.08);
    border-radius: 999px;
    padding: 10px 16px;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    white-space: nowrap;
}
.we-badge-1 {
    top: 36px;
    left: 10px;
}
.we-badge-2 {
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
}
.we-badge-3 {
    bottom: 40px;
    left: 30px;
}
/* How EECP Works */
.we-works {
    background: var(--c-ffffff);
}
.we-works .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.we-works-intro {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 620px;
    margin: 14px auto 0;
}
.we-showcase {
    margin-bottom: 52px;
}
.we-showcase-video {
    background: var(--c-06112f);
    border-radius: 28px;
    padding: 36px 36px 32px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.we-showcase-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 45% 55% at 0% 0%, rgba(235, 185, 52, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 40% 50% at 100% 100%, rgba(168, 124, 6, 0.12) 0%, transparent 50%);
    pointer-events: none;
}
.we-showcase-video-head {
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    max-width: 640px;
}
.we-showcase-tag {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    background: var(--c-ebb934);
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
}
.we-showcase-video-head h3 {
    font-size: var(--fs-25);
    line-height: var(--lh-25);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    margin: 0 0 8px;
}
.we-showcase-video-head p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.7);
}
.we-video-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 48%;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
}
.we-video-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.we-video-trigger {
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent;
}
.we-video-trigger img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease, filter 0.35s ease;
}
.we-video-trigger:hover img {
    transform: scale(1.04);
    filter: brightness(0.85);
}
.we-video-trigger-label {
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 2;
    font-size: var(--fs-14);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    background: var(--c-ebb934);
    padding: 8px 14px;
    border-radius: 999px;
}
.we-video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.we-video-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.we-video-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 10, 0.82);
    backdrop-filter: blur(4px);
}
.we-video-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    animation: weModalIn 0.35s ease;
}
@keyframes weModalIn {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.we-video-modal-close {
    position: absolute;
    top: -48px;
    right: 0;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: var(--c-ebb934);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background 0.3s ease, transform 0.3s ease;
}
.we-video-modal-close img {
    width: 16px;
    height: 16px;
    filter: brightness(0);
}
.we-video-modal-close:hover {
    background: var(--c-ffffff);
    transform: rotate(90deg);
}
.we-video-modal-frame {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}
.we-video-modal-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
body.we-video-open {
    overflow: hidden;
}
.we-phase-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 16px;
}
.we-phase {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(26, 26, 26, 0.05);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.we-phase:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 52px rgba(26, 26, 26, 0.1);
}
.we-phase-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 0;
}
.we-phase-badge {
    display: inline-flex;
    align-items: center;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    background: rgba(235, 185, 52, 0.18);
    padding: 7px 12px;
    border-radius: 999px;
}
.we-phase-ecg {
    font-size: var(--fs-14);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.we-phase-systole .we-phase-badge {
    background: var(--c-06112f);
    color: var(--c-ebb934);
}
.we-phase-visual {
    padding: 16px 22px 8px;
    background: linear-gradient(180deg, #fff 0%, #faf8f3 100%);
}
.we-phase-visual img {
    width: 100%;
    height: 260px;
    object-fit: contain;
    display: block;
}
.we-phase-copy {
    padding: 8px 22px 24px;
}
.we-phase-copy h3 {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 8px;
}
.we-phase-copy p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
}
.we-flow {
    background: linear-gradient(160deg, #faf0d7 0%, #fff 70%);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 28px;
    padding: 40px 28px 28px;
    margin-bottom: 48px;
    box-shadow: 0 18px 48px rgba(26, 26, 26, 0.05);
}
.we-flow-track {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}
.we-flow-step {
    flex: 1;
    text-align: center;
    min-width: 0;
}
.we-flow-icon {
    width: 84px;
    height: 84px;
    margin: 0 auto 16px;
    border-radius: 22px;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(168, 124, 6, 0.12);
}
.we-flow-icon svg {
    width: 44px;
    height: 44px;
}
.we-flow-icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}
.we-flow-label {
    display: block;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
}
.we-flow-arrow {
    width: 36px;
    height: 84px;
    flex: 0 0 36px;
    position: relative;
}
.we-flow-arrow::before {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(168, 124, 6, 0.2), var(--c-ebb934), rgba(168, 124, 6, 0.2));
}
.we-flow-arrow::after {
    content: "";
    position: absolute;
    top: 34px;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--c-a87c06);
    border-right: 2px solid var(--c-a87c06);
    transform: rotate(45deg);
}
.we-flow-note {
    text-align: center;
    margin: 28px 0 0;
    font-size: var(--fs-17);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-a87c06);
}
.we-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.we-step {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.12);
    border-radius: 22px;
    padding: 28px 22px;
    position: relative;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.we-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(26, 26, 26, 0.08);
}
.we-step-num {
    display: block;
    font-size: 48px;
    line-height: 1;
    font-weight: var(--fw-Bold);
    color: rgba(235, 185, 52, 0.28);
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}
.we-step-body h3 {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 10px;
}
.we-step-body p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    margin: 0;
}
/* Inside body */
.we-body {
    background: var(--c-06112f);
    position: relative;
    overflow: hidden;
}
.we-body::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 45% 50% at 15% 20%, rgba(235, 185, 52, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 40% 45% at 90% 80%, rgba(168, 124, 6, 0.1) 0%, transparent 50%);
    pointer-events: none;
}
.we-body .container {
    position: relative;
    z-index: 1;
}
.we-body .section-title {
    color: var(--c-ebb934);
}
.we-body .main-title {
    color: var(--c-ffffff);
}
.we-body .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.we-body-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}
.we-body-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    padding: 36px 30px;
    transition: background 0.35s ease, border-color 0.35s ease, transform 0.35s ease;
}
.we-body-card:hover {
    background: rgba(235, 185, 52, 0.1);
    border-color: rgba(235, 185, 52, 0.35);
    transform: translateY(-4px);
}
.we-body-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: linear-gradient(145deg, var(--c-ebb934), var(--c-a87c06));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.we-body-icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.we-body-card h3 {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    margin: 0 0 12px;
}
.we-body-card p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.72);
    margin: 0;
}
/* Comparison */
.we-compare {
    background: #fff8e8;
}
.we-compare .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.we-compare-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 24px;
    align-items: stretch;
}
.we-compare-card {
    border-radius: 24px;
    padding: 36px 32px;
    border: 1px solid rgba(168, 124, 6, 0.14);
    background: var(--c-ffffff);
    box-shadow: 0 16px 44px rgba(26, 26, 26, 0.05);
}
.we-compare-eecp {
    background: linear-gradient(165deg, #fff8e8 0%, var(--c-ffffff) 60%);
    border-color: rgba(168, 124, 6, 0.28);
    box-shadow: 0 20px 50px rgba(168, 124, 6, 0.12);
}
.we-compare-tag {
    display: inline-block;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    background: rgba(235, 185, 52, 0.18);
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
}
.we-compare-eecp .we-compare-tag {
    background: var(--c-a87c06);
    color: var(--c-ffffff);
}
.we-compare-head h3 {
    font-size: var(--fs-25);
    line-height: var(--lh-25);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 24px;
}
.we-compare-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.we-compare-list li {
    position: relative;
    padding-left: 32px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
}
.we-compare-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.22) url("../images/icons/check.png") center / 10px no-repeat;
}
.we-compare-eecp .we-compare-list li::before {
    background: var(--c-ebb934) url("../images/icons/check.png") center / 10px no-repeat;
}
.we-compare-vs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.we-compare-vs span {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--c-06112f);
    color: var(--c-ebb934);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-15);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.04em;
}
.we-compare-disclaimer {
    margin: 36px auto 0;
    max-width: 900px;
    text-align: center;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: rgba(40, 40, 40, 0.75);
    padding: 18px 22px;
    background: rgba(235, 185, 52, 0.1);
    border-radius: 14px;
    border: 1px solid rgba(168, 124, 6, 0.15);
}
.we-compare-disclaimer strong {
    color: var(--c-a87c06);
}
/* Evidence */
.we-evidence {
    background: var(--c-ffffff);
}
.we-evidence .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.we-evidence-intro {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
}
.we-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 36px;
}
.we-stat {
    text-align: center;
    background: linear-gradient(160deg, #faf0d7 0%, #fff 75%);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 22px;
    padding: 32px 18px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.we-stat:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(26, 26, 26, 0.08);
}
.we-stat-num {
    display: block;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1;
    font-weight: var(--fw-Bold);
    color: var(--c-a87c06);
    margin-bottom: 12px;
    letter-spacing: -0.03em;
}
.we-stat p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    font-weight: var(--fw-Medium);
}
.we-evidence-list {
    max-width: 860px;
    margin: 0 auto;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 22px;
    padding: 32px 36px;
    box-shadow: 0 14px 40px rgba(26, 26, 26, 0.04);
}
.we-evidence-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.we-evidence-list li {
    position: relative;
    padding-left: 34px;
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-06112f);
}
.we-evidence-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--c-ebb934) url("../images/icons/check.png") center / 11px no-repeat;
}
/* Final CTA */
.we-final-cta {
    background: #fff8e8;
}
.we-final-panel {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 40px;
    align-items: center;
    background: var(--c-06112f);
    border-radius: 28px;
    padding: 48px 44px;
    overflow: hidden;
    position: relative;
}
.we-final-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 60% at 100% 50%, rgba(235, 185, 52, 0.16) 0%, transparent 60%);
    pointer-events: none;
}
.we-final-copy,
.we-final-aside {
    position: relative;
    z-index: 1;
}
.we-final-copy .section-title {
    color: var(--c-ebb934);
}
.we-final-copy .main-title {
    color: var(--c-ffffff);
    margin-bottom: 14px;
}
.we-final-copy .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.we-final-lead {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 22px;
}
.we-final-checks {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
}
.we-final-checks li {
    position: relative;
    padding-left: 30px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.9);
}
.we-final-checks li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.25) url("../images/icons/check.png") center / 10px no-repeat;
}
.we-final-aside {
    text-align: center;
    padding: 20px;
}
.we-final-pulse {
    width: 120px;
    height: 120px;
    margin: 0 auto 60px;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--c-ebb934), var(--c-a87c06));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 16px rgba(235, 185, 52, 0.12), 0 0 0 32px rgba(235, 185, 52, 0.06);
    animation: weHeartPulse 2.4s ease-in-out infinite;
}
.we-final-pulse img {
    width: 54px;
    height: 54px;
    filter: brightness(0) invert(1);
}
.we-final-aside p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.7);
    font-weight: var(--fw-Medium);
}
/* Diabetes page css start */
.dm-hero {
    background:
        radial-gradient(ellipse 50% 45% at 0% 0%, rgba(235, 185, 52, 0.08) 0%, transparent 55%),
        radial-gradient(ellipse 40% 40% at 100% 100%, rgba(168, 124, 6, 0.06) 0%, transparent 50%),
        var(--c-ffffff);
}
.dm-hero-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-hero-desc {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin: 0 0 14px;
}
.dm-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.dm-hero-actions .cta-btn-transparent {
    border-color: #a87c0659;
    color: var(--c-000000);
}
.dm-hero-actions .cta-btn-transparent:hover {
    background: var(--c-ebb934);
    color: var(--c-000000);
    border-color: var(--c-ebb934);
}
.dm-hero-visual {
    position: relative;
    min-height: 420px;
}
.dm-hero-img {
    margin: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(26, 26, 26, 0.12);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.dm-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.dm-hero-img:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 70px rgba(168, 124, 6, 0.18);
}
.dm-hero-img:hover img {
    transform: scale(1.04);
}
.dm-hero-img-main {
    width: 78%;
    height: 340px;
    margin-left: auto;
}
.dm-hero-img-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52%;
    height: 220px;
    border: 4px solid var(--c-ffffff);
}
.dm-section-lead {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 680px;
    margin: 16px auto 0;
}
.dm-symptoms {
    background: #fff8e8;
}
.dm-symptoms .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-symptom-card {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 12px 36px rgba(26, 26, 26, 0.04);
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease;
}
.dm-symptom-card:hover {
    transform: translateY(-8px);
    border-color: rgba(235, 185, 52, 0.45);
    background: linear-gradient(180deg, #fff 0%, #fff8e8 100%);
    box-shadow: 0 20px 48px rgba(168, 124, 6, 0.14);
}
.dm-symptom-emoji {
    display: inline-flex;
    width: 70px;
    height: 70px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.15);
    margin-bottom: 16px;
    transition: transform 0.35s ease, background 0.35s ease;
}
.dm-symptom-emoji img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.35s ease;
}
.dm-symptom-card:hover .dm-symptom-emoji {
    transform: scale(1.1);
    background: rgba(235, 185, 52, 0.28);
}
.dm-symptom-card .p-content {
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.dm-note {
    margin: 40px auto 0;
    padding: 22px 28px;
    border-left: 4px solid var(--c-ebb934);
    border-radius: 0 16px 16px 0;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 10px 30px rgba(26, 26, 26, 0.05);
}
.dm-note p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    font-weight: var(--fw-Medium);
}
.dm-care {
    background: var(--c-ffffff);
}
.dm-care .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-steps {
    max-width: 1100px;
    margin: 0 auto;
}
.dm-step {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.16);
    border-radius: 22px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 14px 40px rgba(26, 26, 26, 0.05);
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.dm-step:hover {
    transform: translateY(-6px);
    border-color: rgba(235, 185, 52, 0.5);
    box-shadow: 0 22px 50px rgba(168, 124, 6, 0.14);
}
.dm-step-label {
    display: inline-block;
    font-size: var(--fs-13);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    background: rgba(235, 185, 52, 0.15);
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
}
.dm-step h3 {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.dm-step-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--c-a87c06);
    opacity: 0.7;
    padding: 0 4px;
}
.dm-approach {
    background: var(--c-06112f);
    position: relative;
    overflow: hidden;
}
.dm-approach .container {
    position: relative;
    z-index: 1;
}
.dm-approach .section-title {
    color: var(--c-ebb934);
}
.dm-approach .main-title {
    color: var(--c-ffffff);
}
.dm-approach .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.dm-approach-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    padding: 36px 24px;
    text-align: center;
    transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.dm-approach-card:hover {
    transform: translateY(-8px);
    background: rgba(235, 185, 52, 0.12);
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
}
.dm-approach-icon {
    display: inline-flex;
    width: 72px;
    height: 72px;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    border-radius: 50%;
    background: linear-gradient(145deg, #604600 0%, #ae7f00 100%);
    box-shadow: 0 12px 32px rgba(235, 185, 52, 0.28);
    margin-bottom: 20px;
    transition: transform 0.35s ease;
}
.dm-approach-card:hover .dm-approach-icon {
    transform: scale(1.08);
}
.dm-approach-card h3 {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    margin: 0;
}
.dm-risks {
    background: #fff8e8;
}
.dm-risks .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-risks-goal {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    font-weight: var(--fw-Medium);
    margin: 20px 0 0;
}
.dm-risks-panel {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 24px;
    padding: 36px 32px;
    box-shadow: 0 18px 50px rgba(26, 26, 26, 0.06);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.dm-risks-panel:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 60px rgba(168, 124, 6, 0.12);
}
.dm-risks-intro {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 20px;
}
.dm-risks-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-282828);
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(235, 185, 52, 0.08);
    border: 1px solid transparent;
    height: 100%;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.dm-risks-item:hover {
    background: rgba(235, 185, 52, 0.16);
    border-color: rgba(168, 124, 6, 0.2);
    transform: translateX(4px);
}
.dm-risks-item span {
    font-size: var(--fs-20);
    flex-shrink: 0;
    filter: grayscale(1);
}
.dm-advanced {
    background: var(--c-ffffff);
}
.dm-advanced .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-advanced-panel {
    background: linear-gradient(160deg, #fff8e8 0%, #ffffff 55%);
    border: 1px solid rgba(168, 124, 6, 0.16);
    border-radius: 24px;
    padding: 40px 36px;
    box-shadow: 0 16px 44px rgba(26, 26, 26, 0.05);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.dm-advanced-panel:hover {
    border-color: rgba(235, 185, 52, 0.4);
    box-shadow: 0 24px 56px rgba(168, 124, 6, 0.12);
}
.dm-advanced-visual {
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    min-height: 100%;
    box-shadow: 0 18px 48px rgba(26, 26, 26, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.dm-advanced-visual:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 56px rgba(168, 124, 6, 0.18);
}
.dm-advanced-visual img {
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}
.dm-advanced-visual:hover img {
    transform: scale(1.04);
}
.dm-advanced-item {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-282828);
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.1);
    height: 100%;
    position: relative;
    padding-left: 30px;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.dm-advanced-item:hover {
    background: rgba(235, 185, 52, 0.1);
    border-color: rgba(168, 124, 6, 0.25);
    transform: translateY(-2px);
}
.dm-advanced-item span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.dm-advanced-note {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-a87c06);
    font-weight: var(--fw-Medium);
    padding-top: 8px;
    border-top: 1px solid rgba(168, 124, 6, 0.15);
}
.dm-benefit {
    background: var(--c-06112f);
}
.dm-benefit .main-title {
    color: var(--c-ffffff);
}
.dm-benefit .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-benefit-card {
    background: var(--c-ffffff);
    border: 1px solid #a87c0624;
    border-radius: 20px;
    padding: 50px 10px;
    text-align: center;
    box-shadow: 0 12px 36px #1a1a1a0a;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}
.dm-benefit-card:hover {
    transform: translateY(-8px);
    border-color: #ebb93473;
    box-shadow: 0 20px 48px #a87c0624;
}
.dm-benefit-check {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--c-a87c06);
    background: #ebb93426;
    border-radius: 50%;
    margin-bottom: 14px;
    transition: transform 0.35s ease, background 0.35s ease;
}
.dm-benefit-card:hover .dm-benefit-check {
    transform: scale(1.1);
    background: #ebb93447;
}
.dm-benefit-card h3 {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.dm-why {
    background: var(--c-ffffff);
    position: relative;
}
.dm-why::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 50% at 100% 0%, #ebb93414 0%, transparent 55%);
    pointer-events: none;
}
.dm-why .container {
    position: relative;
    z-index: 1;
}
.dm-why .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-why-subtitle {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    font-weight: var(--fw-SemiBold);
    color: var(--c-282828);
    margin: 16px 0 0;
}
.dm-why-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid #a87c061f;
    background: #fff8e8;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}
.dm-why-item:hover {
    transform: translateY(-4px);
    border-color: #ebb93466;
    background: var(--c-ffffff);
    box-shadow: 0 16px 40px #a87c061f;
}
.dm-why-check {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--c-ebb934);
    color: var(--c-06112f);
    font-size: var(--fs-14);
    font-weight: var(--fw-Bold);
}
.dm-why-item p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-282828);
}
.dm-faq {
    background: #fff8e8;
}
.dm-faq .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.dm-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.dm-final-cta .main-title em {
    font-style: italic;
}
/* Diabetes page css end */
/* Hypertension page css start */
/* Hypertension Page */
.ht-hero {
    background:
        radial-gradient(ellipse 50% 45% at 0% 0%, rgba(235, 185, 52, 0.08) 0%, transparent 55%),
        radial-gradient(ellipse 40% 40% at 100% 100%, rgba(168, 124, 6, 0.06) 0%, transparent 50%),
        var(--c-ffffff);
}
.ht-hero-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-hero-desc {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin: 0 0 14px;
}
.ht-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.ht-hero-actions .cta-btn-transparent {
    border-color: #a87c0659;
    color: var(--c-000000);
}
.ht-hero-actions .cta-btn-transparent:hover {
    background: var(--c-ebb934);
    color: var(--c-000000);
    border-color: var(--c-ebb934);
}
.ht-hero-visual {
    position: relative;
    min-height: 420px;
}
.ht-hero-img {
    margin: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(26, 26, 26, 0.12);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.ht-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.ht-hero-img:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 70px rgba(168, 124, 6, 0.18);
}
.ht-hero-img:hover img {
    transform: scale(1.04);
}
.ht-hero-img-main {
    width: 78%;
    height: 340px;
    margin-left: auto;
}
.ht-hero-img-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52%;
    height: 220px;
    border: 4px solid var(--c-ffffff);
}
.ht-section-lead {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 680px;
    margin: 16px auto 0;
}
.ht-risk {
    background: var(--c-06112f);
    position: relative;
    overflow: hidden;
}
.ht-risk .main-title {
    color: var(--c-ffffff);
}
.ht-risk .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-risk-card {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 12px 36px rgba(26, 26, 26, 0.04);
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease;
}
.ht-risk-card:hover {
    transform: translateY(-8px);
    border-color: rgba(235, 185, 52, 0.45);
    background: linear-gradient(180deg, #fff 0%, #fff8e8 100%);
    box-shadow: 0 20px 48px rgba(168, 124, 6, 0.14);
}
.ht-risk-emoji {
    display: inline-flex;
    width: 70px;
    height: 70px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.15);
    margin-bottom: 16px;
    transition: transform 0.35s ease, background 0.35s ease;
}
.ht-risk-emoji img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.35s ease;
}
.ht-risk-card:hover .ht-risk-emoji {
    transform: scale(1.1);
    background: rgba(235, 185, 52, 0.28);
}
.ht-risk-card .p-content {
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.ht-note {
    margin: 40px auto 0;
    border-radius: 16px;
    padding: 20px 24px;
    /* background: #dc35450f; */
    background: #dc354545;
    border-left: 3px solid #dc3545;
    box-shadow: 0 10px 30px rgba(26, 26, 26, 0.05);
    display: inline-block;
}
.ht-note p {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-ffffff);
    font-weight: var(--fw-Medium);
}
.ht-note p svg {
    width: 22px;
    height: 22px;
    color: #dc3545;
    flex-shrink: 0;
    margin-top: 1px;
}
.ht-infographic {
    background: var(--c-faf0d7);
    position: relative;
    overflow: hidden;
}
.ht-infographic::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 35% at 100% 100%, rgba(168, 124, 6, 0.06) 0%, transparent 55%);
    pointer-events: none;
}
.ht-infographic .container {
    position: relative;
    z-index: 1;
}
.ht-infographic .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-impact-panel {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 28px;
    padding: 40px 36px;
    box-shadow: 0 24px 64px rgba(26, 26, 26, 0.07);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.ht-impact-panel:hover {
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 32px 72px rgba(168, 124, 6, 0.12);
}
.ht-impact-flow {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
}
.ht-impact-step {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    border-radius: 20px;
    padding: 24px 18px;
    background: linear-gradient(160deg, #ffffff 0%, #fffbf2 100%);
    border: 1px solid rgba(168, 124, 6, 0.14);
    box-shadow: 0 10px 32px rgba(26, 26, 26, 0.04);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.ht-impact-step:hover {
    transform: translateY(-6px);
    border-color: rgba(235, 185, 52, 0.45);
    box-shadow: 0 16px 40px rgba(168, 124, 6, 0.14);
}
.ht-impact-num {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #604600 0%, #ae7f00 100%);
    color: var(--c-ffffff);
    font-size: var(--fs-14);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.04em;
    box-shadow: 0 10px 28px rgba(168, 124, 6, 0.28);
}
.ht-impact-step .p-content {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.ht-impact-arrow {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ht-impact-arrow::before {
    content: "";
    position: absolute;
    inset: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(168, 124, 6, 0.22);
    background: var(--c-ffffff);
    box-shadow: 0 4px 12px rgba(168, 124, 6, 0.12);
}
.ht-impact-arrow::after {
    content: "→";
    position: relative;
    z-index: 1;
    color: var(--c-a87c06);
    font-size: 16px;
    font-weight: var(--fw-Bold);
}
.ht-impact-arrow--danger::after {
    color: #c0392b;
}
.ht-impact-step--danger {
    background: linear-gradient(135deg, #fff5f4 0%, #ffffff 100%);
    border-color: rgba(192, 57, 43, 0.2);
}
.ht-impact-step--danger h3 {
    color: #8b2e24;
}
.ht-impact-step--danger .ht-impact-num {
    background: linear-gradient(145deg, #8b2e24 0%, #c0392b 100%);
    box-shadow: 0 10px 28px rgba(192, 57, 43, 0.28);
}
.ht-onload-fx .ht-impact-step,
.ht-onload-fx .ht-impact-arrow {
    opacity: 0;
    transform: translateY(18px);
    animation: htImpactRise 0.7s ease forwards;
}
.ht-onload-fx .ht-impact-step:nth-child(1) {
    animation-delay: 0.05s;
}
.ht-onload-fx .ht-impact-arrow:nth-child(2) {
    animation-delay: 0.15s;
}
.ht-onload-fx .ht-impact-step:nth-child(3) {
    animation-delay: 0.25s;
}
.ht-onload-fx .ht-impact-arrow:nth-child(4) {
    animation-delay: 0.35s;
}
.ht-onload-fx .ht-impact-step:nth-child(5) {
    animation-delay: 0.45s;
}
.ht-onload-fx .ht-impact-arrow:nth-child(6) {
    animation-delay: 0.55s;
}
.ht-onload-fx .ht-impact-step:nth-child(7) {
    animation-delay: 0.65s;
}
.ht-onload-fx .ht-impact-arrow::before {
    animation: htImpactPulse 1.8s ease-in-out infinite;
    animation-delay: 0.8s;
}
@keyframes htImpactRise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes htImpactPulse {
    0%,
    100% {
        box-shadow: 0 4px 12px rgba(168, 124, 6, 0.12);
    }
    50% {
        box-shadow: 0 8px 18px rgba(168, 124, 6, 0.22);
    }
}
.ht-symptoms {
    background:
        radial-gradient(ellipse 45% 40% at 0% 100%, rgba(235, 185, 52, 0.08) 0%, transparent 55%),
        linear-gradient(180deg, #fff8e8 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}
.ht-symptoms::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 35% 30% at 100% 0%, rgba(168, 124, 6, 0.06) 0%, transparent 50%);
    pointer-events: none;
}
.ht-symptoms .container {
    position: relative;
    z-index: 1;
}
.ht-symptoms .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-symptoms-aside {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ht-symptoms-callout {
    padding: 28px 24px;
    border-radius: 20px;
    background: linear-gradient(145deg, #1a1a1a 0%, #313131 100%);
    border: 1px solid rgba(235, 185, 52, 0.2);
    box-shadow: 0 16px 40px rgba(6, 17, 47, 0.2);
    position: relative;
    overflow: hidden;
}
.ht-symptoms-callout::before {
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(235, 185, 52, 0.15) 0%, transparent 70%);
    pointer-events: none;
}
.ht-symptoms-callout p {
    margin: 0;
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    position: relative;
    z-index: 1;
}
.ht-symptoms-visual {
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(168, 124, 6, 0.14);
    box-shadow: 0 18px 48px rgba(26, 26, 26, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.ht-symptoms-visual:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 56px rgba(168, 124, 6, 0.16);
}
.ht-symptoms-visual img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}
.ht-symptoms-visual:hover img {
    transform: scale(1.04);
}
.ht-symptoms-subhead {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--c-a87c06);
}
.ht-symptoms-grid-wrap {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 18px 50px rgba(26, 26, 26, 0.06);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.ht-symptoms-grid-wrap:hover {
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 26px 60px rgba(168, 124, 6, 0.12);
}
.ht-symptom-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fffbf2 100%);
    border: 1px solid rgba(168, 124, 6, 0.12);
    box-shadow: 0 8px 24px rgba(26, 26, 26, 0.04);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}
.ht-symptom-item:hover {
    transform: translateY(-4px);
    border-color: rgba(235, 185, 52, 0.4);
    background: linear-gradient(135deg, #fff8e8 0%, #ffffff 100%);
    box-shadow: 0 16px 40px rgba(168, 124, 6, 0.14);
}
.ht-symptom-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #604600 0%, #ae7f00 100%);
    color: var(--c-ffffff);
    font-size: var(--fs-13);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.02em;
    box-shadow: 0 8px 20px rgba(168, 124, 6, 0.25);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ht-symptom-item:hover .ht-symptom-num {
    transform: scale(1.08);
    box-shadow: 0 10px 28px rgba(168, 124, 6, 0.35);
}
.ht-symptom-item p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
}
.ht-symptoms-alert {
    margin: 0;
    padding: 24px 32px;
    border-left: 4px solid var(--c-ebb934);
    border-radius: 0 20px 20px 0;
    background: linear-gradient(90deg, rgba(235, 185, 52, 0.12) 0%, rgba(255, 255, 255, 0.95) 100%);
    border: 1px solid rgba(168, 124, 6, 0.12);
    border-left-width: 4px;
    border-left-color: var(--c-ebb934);
    box-shadow: 0 12px 36px rgba(26, 26, 26, 0.06);
    transition: box-shadow 0.35s ease, border-color 0.35s ease;
}
.ht-symptoms-alert:hover {
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 16px 44px rgba(168, 124, 6, 0.1);
}
.ht-symptoms-alert p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    font-weight: var(--fw-Medium);
}
.ht-program {
    background: var(--c-06112f);
    position: relative;
    overflow: hidden;
}
.ht-program .container {
    position: relative;
    z-index: 1;
}
.ht-program .section-title {
    color: var(--c-ebb934);
}
.ht-program .main-title {
    color: var(--c-ffffff);
}
.ht-program .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.ht-program-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    padding: 24px 22px;
    text-align: left;
    transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.ht-program-card:hover {
    transform: translateY(-8px);
    background: rgba(235, 185, 52, 0.12);
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
}
.ht-program-media img {
    width: 100%;
}
.ht-program-index {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #604600 0%, #ae7f00 100%);
    color: var(--c-ffffff);
    font-size: var(--fs-14);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.04em;
    margin-bottom: 14px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.ht-program-card:hover .ht-program-index {
    transform: scale(1.08);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
}
.ht-program-card .p-content {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    margin: 0;
}
.ht-program-card .div-title {
    color: var(--c-ffffff);
    margin: 0 0 10px;
}
.ht-program-card p {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
}
.ht-investigations {
    background: var(--c-f9f9f9);
}
.ht-investigations .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-investigations-panel {
    background: linear-gradient(160deg, #fff8e8 0%, #ffffff 55%);
    border: 1px solid rgba(168, 124, 6, 0.16);
    border-radius: 24px;
    padding: 40px 36px;
    box-shadow: 0 16px 44px rgba(26, 26, 26, 0.05);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.ht-investigations-panel:hover {
    border-color: rgba(235, 185, 52, 0.4);
    box-shadow: 0 24px 56px rgba(168, 124, 6, 0.12);
}
.ht-investigations-item {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-282828);
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.1);
    height: 100%;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.ht-investigations-item:hover {
    background: rgba(235, 185, 52, 0.1);
    border-color: rgba(168, 124, 6, 0.25);
    transform: translateY(-2px);
}
.ht-why {
    background: var(--c-ffffff);
    position: relative;
}
.ht-why::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 50% at 100% 0%, rgba(235, 185, 52, 0.08) 0%, transparent 55%);
    pointer-events: none;
}
.ht-why .container {
    position: relative;
    z-index: 1;
}
.ht-why .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-why-intro {
    background: linear-gradient(145deg, #1a1a1a 0%, #2b2b2b 100%);
    border: 1px solid rgba(235, 185, 52, 0.2);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 20px 48px rgba(6, 17, 47, 0.22);
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ht-why-intro::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -55px;
    top: -55px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(235, 185, 52, 0.16) 0%, transparent 70%);
    pointer-events: none;
}
.ht-why-intro .title {
    color: var(--c-ffffff);
    margin: 0;
    position: relative;
    z-index: 1;
}
.ht-why-intro .title em {
    color: var(--c-a87c06);
}
.ht-why-visual {
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}
.ht-why-visual img {
    width: 100%;
    height: 276px;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}
.ht-why-intro:hover .ht-why-visual img {
    transform: scale(1.04);
}
.ht-why-panel {
    background: linear-gradient(160deg, #fff8e8 0%, #ffffff 60%);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 14px 40px rgba(26, 26, 26, 0.06);
}
.ht-why-grid .col-md-12 .ht-why-item {
    align-items: center;
}
.ht-why-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid rgba(168, 124, 6, 0.14);
    background: var(--c-ffffff);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}
.ht-why-item:hover {
    transform: translateY(-4px);
    border-color: rgba(235, 185, 52, 0.4);
    background: linear-gradient(135deg, #fff8e8 0%, #ffffff 100%);
    box-shadow: 0 16px 40px rgba(168, 124, 6, 0.12);
}
.ht-why-check {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--c-ebb934);
    color: var(--c-06112f);
    font-size: var(--fs-14);
    font-weight: var(--fw-Bold);
}
.ht-why-item p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    font-weight: var(--fw-Medium);
    color: var(--c-282828);
}
.ht-faq {
    background: #fff8e8;
}
.ht-faq .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.ht-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.ht-final-cta .main-title em {
    font-style: italic;
}
/* Resources Page */
.res-section {
    background:
        radial-gradient(ellipse 50% 40% at 0% 0%, rgba(235, 185, 52, 0.06) 0%, transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #faf8f3 100%);
}
.res-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.res-card {
    background: #f9f5f1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(26, 26, 26, 0.06);
    border: 1px solid rgba(168, 124, 6, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    height: 100%;
}
.res-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 22px 48px rgba(26, 26, 26, 0.12);
}
.res-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.res-card-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #efe8df;
}
.res-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s ease;
}
.res-card:hover .res-card-img img {
    transform: scale(1.07);
}
.res-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 28px 26px 26px;
}
.res-card-cat {
    display: inline-block;
    font-size: var(--fs-13);
    line-height: 1;
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    margin-bottom: 14px;
}
.res-card-title {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 14px;
    transition: color 0.3s ease;
}
.res-card:hover .res-card-title {
    color: var(--c-a87c06);
}
.res-card-excerpt {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(40, 40, 40, 0.72);
    margin: 0 0 22px;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.res-card-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(168, 124, 6, 0.15);
    font-size: var(--fs-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
    transition: gap 0.3s ease, color 0.3s ease;
}
.res-card:hover .res-card-more {
    gap: 12px;
    color: var(--c-06112f);
}
.load-more-btn {
    font-size: var(--fs-17);
    font-weight: var(--fw-Medium);
    color: var(--c-a87c06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
}
.res-card {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .7s ease, transform .7s ease;
    display: none;
}

.res-card.show {
    display: block;
}

.res-card.visible {
    opacity: 1;
    transform: translateY(0);
}
/* Resource Detail Page */
.res-detail {
    background: linear-gradient(180deg, #ffffff 0%, #faf8f3 100%);
    padding-top: 150px;
}
.res-detail-top {
    margin-bottom: 28px;
}
.res-back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: var(--fs-15);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
    text-decoration: none;
    transition: gap 0.3s ease, color 0.3s ease;
}
.res-back-arrow {
    display: inline-flex;
    transition: transform 0.3s ease;
}
.res-back:hover {
    color: var(--c-06112f);
    gap: 14px;
}
.res-back:hover .res-back-arrow {
    transform: translateX(-4px);
}
.res-detail-article {
    max-width: 900px;
    margin: 0 auto 48px;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.12);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(26, 26, 26, 0.06);
}
.res-detail-header {
    padding: 36px 40px 20px;
}
.res-detail-cat {
    display: inline-block;
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    margin-bottom: 14px;
}
.res-detail-title {
    font-size: var(--fs-42);
    line-height: var(--lh-42);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 12px;
}
.res-detail-meta {
    margin: 0;
    font-size: var(--fs-14);
    color: rgba(40, 40, 40, 0.6);
    font-weight: var(--fw-Medium);
}
.res-detail-hero {
    margin: 0;
    overflow: hidden;
}
.res-detail-hero img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.6s ease;
}
.res-detail-article:hover .res-detail-hero img {
    transform: scale(1.03);
}
.res-detail-body {
    padding: 36px 40px 44px;
}
.res-detail-quote {
    margin: 0 0 28px;
    padding: 22px 24px;
    border-left: 4px solid var(--c-ebb934);
    background: #f9f5f1;
    border-radius: 0 14px 14px 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    font-style: italic;
}
.res-detail-body h2 {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 20px;
}
.res-detail-body h3, .res-detail-body h4 {
    font-size: var(--fs-22);
    line-height: var(--lh-22);
    font-weight: var(--fw-Medium);
    color: var(--c-000000);
    margin: 0 0 20px;
}
.res-detail-body ul {
    margin-bottom: 28px;
    padding-left: 30px;

}
.res-detail-body ul li {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin-bottom: 5px;
    list-style: disc;
}
.res-detail-body p {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin: 0 0 18px;
}
.res-detail-full {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 14px 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(168, 124, 6, 0.35);
    background: var(--c-ffffff);
    color: var(--c-a87c06);
    font-size: var(--fs-15);
    font-weight: var(--fw-SemiBold);
    text-decoration: none;
    transition: all 0.35s ease;
}
.res-detail-full:hover {
    background: var(--c-a87c06);
    border-color: var(--c-a87c06);
    color: var(--c-ffffff);
    gap: 14px;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(168, 124, 6, 0.28);
}
.res-detail-nav {
    max-width: 860px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.res-nav-btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 22px 24px;
    border-radius: 18px;
    background: #f9f5f1;
    border: 1px solid rgba(168, 124, 6, 0.14);
    text-decoration: none;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}
.res-nav-btn:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(26, 26, 26, 0.1);
    border-color: rgba(168, 124, 6, 0.35);
    background: var(--c-ffffff);
}
.res-nav-next {
    text-align: right;
}
.res-nav-dir {
    font-size: var(--fs-13);
    font-weight: var(--fw-SemiBold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--c-a87c06);
}
.res-nav-label {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    transition: color 0.3s ease;
}
.res-nav-btn:hover .res-nav-label {
    color: var(--c-a87c06);
}
/* Hypertension page css end */
/* Weight Management page css start */
.wm-hero {
    background:
        radial-gradient(ellipse 50% 45% at 0% 0%, rgba(235, 185, 52, 0.08) 0%, transparent 55%),
        radial-gradient(ellipse 40% 40% at 100% 100%, rgba(168, 124, 6, 0.06) 0%, transparent 50%),
        var(--c-ffffff);
}
.wm-hero-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.wm-hero-eyebrow {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-a87c06);
    margin: 0 0 14px;
}
.wm-hero-desc {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    margin: 0 0 14px;
}
.wm-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.wm-hero-actions .cta-btn-transparent {
    border-color: #a87c0659;
    color: var(--c-000000);
}
.wm-hero-actions .cta-btn-transparent:hover {
    background: var(--c-ebb934);
    color: var(--c-000000);
    border-color: var(--c-ebb934);
}
.wm-hero-visual {
    position: relative;
    min-height: 420px;
}
.wm-hero-img {
    margin: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(26, 26, 26, 0.12);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.wm-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.wm-hero-img:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 70px rgba(168, 124, 6, 0.18);
}
.wm-hero-img:hover img {
    transform: scale(1.04);
}
.wm-hero-img-main {
    width: 78%;
    height: 340px;
    margin-left: auto;
}
.wm-hero-img-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52%;
    height: 220px;
    border: 4px solid var(--c-ffffff);
}
.wm-hero-badges {
    position: absolute;
    right: 8%;
    top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 2;
}
.wm-hero-badge {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.16);
    box-shadow: 0 10px 28px rgba(26, 26, 26, 0.1);
    font-size: 22px;
}
.wm-section-lead {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    color: var(--c-282828);
    max-width: 760px;
    margin: 16px auto 0;
}
.wm-health {
    background: #fff8e8;
}
.wm-health .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.wm-health-item {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 12px 36px rgba(26, 26, 26, 0.04);
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease;
}
.wm-health-item:hover {
    transform: translateY(-8px);
    border-color: rgba(235, 185, 52, 0.45);
    background: linear-gradient(180deg, #fff 0%, #fff8e8 100%);
    box-shadow: 0 20px 48px rgba(168, 124, 6, 0.14);
}
.wm-health-emoji {
    display: inline-flex;
    width: 70px;
    height: 70px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.15);
    margin-bottom: 16px;
    transition: transform 0.35s ease, background 0.35s ease;
}
.wm-health-emoji img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease, background 0.35s ease;
}
.wm-health-item:hover .wm-health-emoji {
    transform: scale(1.1);
    background: rgba(235, 185, 52, 0.28);
}
.wm-health-item .p-content {
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0;
}
.wm-note,
.wm-disclaimer {
    margin: 40px auto 0;
    padding: 22px 28px;
    border-left: 4px solid var(--c-ebb934);
    border-radius: 0 16px 16px 0;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 10px 30px rgba(26, 26, 26, 0.05);
}
.wm-note p,
.wm-disclaimer p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    font-weight: var(--fw-Medium);
}
.wm-program {
    background:
        radial-gradient(ellipse 55% 50% at 50% 0%, rgba(235, 185, 52, 0.1) 0%, transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #fff8e8 100%);
    position: relative;
    overflow: hidden;
}
.wm-program::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 35% at 0% 100%, rgba(168, 124, 6, 0.06) 0%, transparent 55%);
    pointer-events: none;
}
.wm-program .container {
    position: relative;
    z-index: 1;
}
.wm-program .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.wm-program-panel {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 28px;
    padding: 36px 28px;
    box-shadow: 0 24px 64px rgba(26, 26, 26, 0.07);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.wm-program-panel:hover {
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 32px 72px rgba(168, 124, 6, 0.12);
}
.wm-program-flow {
    --bs-gutter-x: 1rem;
}
.wm-program-step {
    position: relative;
    padding: 28px 22px 24px;
    border-radius: 22px;
    background: linear-gradient(160deg, #ffffff 0%, #fffbf2 100%);
    border: 1px solid rgba(168, 124, 6, 0.14);
    box-shadow: 0 12px 36px rgba(26, 26, 26, 0.05);
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease;
}
.wm-program-step:hover {
    transform: translateY(-8px);
    border-color: rgba(235, 185, 52, 0.45);
    background: linear-gradient(160deg, #fff8e8 0%, #ffffff 100%);
    box-shadow: 0 22px 50px rgba(168, 124, 6, 0.14);
}
.wm-program-step--final {
    background: linear-gradient(145deg, #1a1a1a 0%, #1a1a1a 100%);
    border-color: rgba(235, 185, 52, 0.25);
}
.wm-program-step--final:hover {
    background: linear-gradient(145deg, #1a1a1a 0%, #1a1a1a 100%);
    border-color: rgba(235, 185, 52, 0.45);
    box-shadow: 0 22px 50px rgba(6, 17, 47, 0.25);
}
.wm-program-num {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #604600 0%, #ae7f00 100%);
    color: var(--c-ffffff);
    font-size: var(--fs-14);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.04em;
    box-shadow: 0 10px 28px rgba(168, 124, 6, 0.28);
    margin-bottom: 16px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.wm-program-step:hover .wm-program-num {
    transform: scale(1.08);
    box-shadow: 0 14px 36px rgba(168, 124, 6, 0.38);
}
.wm-program-step--final .wm-program-num {
    background: linear-gradient(145deg, var(--c-ebb934) 0%, #d4a82a 100%);
    color: var(--c-06112f);
    box-shadow: 0 10px 28px rgba(235, 185, 52, 0.35);
}
.wm-program-label {
    display: block;
    font-size: var(--fs-13);
    font-weight: var(--fw-Bold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--c-a87c06);
    margin-bottom: 10px;
}
.wm-program-step--final .wm-program-label {
    color: var(--c-ebb934);
}
.wm-program-step h3 {
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
    margin: 0 0 12px;
}
.wm-program-step--final h3 {
    color: var(--c-ffffff);
}
.wm-program-step p {
    margin: 0;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-282828);
    padding-top: 12px;
    border-top: 1px solid rgba(168, 124, 6, 0.12);
}
.wm-program-step--final p {
    color: rgba(255, 255, 255, 0.85);
    border-top-color: rgba(255, 255, 255, 0.12);
}
.wm-program-arrow {
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}
.wm-program-arrow span {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.2);
    color: var(--c-a87c06);
    font-size: 18px;
    box-shadow: 0 6px 18px rgba(168, 124, 6, 0.12);
}
.wm-medicines {
    background: var(--c-06112f);
    position: relative;
    overflow: hidden;
}
.wm-medicines .container {
    position: relative;
    z-index: 1;
}
.wm-medicines .main-title {
    color: var(--c-ffffff);
}
.wm-medicines .main-title em {
    color: var(--c-ebb934);
    font-style: italic;
}
.wm-medicine-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 22px;
    padding: 32px 28px;
    transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.wm-medicine-card:hover {
    transform: translateY(-8px);
    background: rgba(235, 185, 52, 0.12);
    border-color: rgba(235, 185, 52, 0.35);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
}
.wm-medicine-card .div-title {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: var(--fw-SemiBold);
    color: var(--c-ffffff);
    margin: 0 0 10px;
}
.wm-medicine-type {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: var(--c-ebb934);
    font-weight: var(--fw-Medium);
    margin: 0 0 18px;
}
.wm-medicine-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wm-medicine-list li {
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    color: rgba(255, 255, 255, 0.88);
    font-weight: var(--fw-Medium);
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.wm-medicine-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.wm-medicines .wm-disclaimer {
    background: rgba(255, 255, 255, 0.08);
    border-left-color: var(--c-ebb934);
}
.wm-medicines .wm-disclaimer p {
    color: rgba(255, 255, 255, 0.9);
}
.wm-how {
    background: var(--c-faf0d7);
    position: relative;
    overflow: hidden;
}
.wm-how::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 35% at 100% 100%, rgba(168, 124, 6, 0.06) 0%, transparent 55%);
    pointer-events: none;
}
.wm-how .container {
    position: relative;
    z-index: 1;
}
.wm-how .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.wm-how-infographic {
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.14);
    border-radius: 28px;
    padding: 44px 32px;
    box-shadow: 0 24px 64px rgba(26, 26, 26, 0.07);
}
.wm-how-spine {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 420px;
    margin: 0 auto;
}
.wm-how-spine::before {
    content: "";
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(235, 185, 52, 0.35) 0%, var(--c-a87c06) 50%, rgba(6, 17, 47, 0.45) 100%);
    border-radius: 2px;
    z-index: 0;
}
.wm-how-step {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 16px 24px;
    text-align: center;
    border-radius: 999px;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.18);
    box-shadow: 0 8px 24px rgba(26, 26, 26, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.wm-how-step:hover {
    transform: translateY(-3px);
    border-color: rgba(235, 185, 52, 0.45);
    box-shadow: 0 14px 32px rgba(168, 124, 6, 0.12);
}
.wm-how-step--organ {
    border-color: rgba(6, 17, 47, 0.16);
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}
.wm-how-step--organ::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 60%;
    transform: translateY(-50%);
    border-radius: 0 4px 4px 0;
    background: var(--c-06112f);
}
.wm-how-step--final {
    border-radius: 20px;
    background: linear-gradient(145deg, #06112f 0%, #0d2247 100%);
    border-color: rgba(235, 185, 52, 0.3);
    box-shadow: 0 12px 36px rgba(6, 17, 47, 0.18);
}
.wm-how-step--final:hover {
    border-color: rgba(235, 185, 52, 0.5);
    box-shadow: 0 16px 40px rgba(6, 17, 47, 0.24);
}
.wm-how-step .p-content {
    margin: 0;
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
}
.wm-how-step--final .p-content {
    color: var(--c-ffffff);
}
.wm-how-arrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 6px 0;
    border-radius: 50%;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.22);
    color: var(--c-a87c06);
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(168, 124, 6, 0.1);
}
.wm-how-arrow--final {
    border-color: rgba(6, 17, 47, 0.2);
    color: var(--c-06112f);
}
.wm-why {
    background: var(--c-ffffff);
}
.wm-why .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.wm-why-item {
    background: #fff8e8;
    border: 1px solid rgba(168, 124, 6, 0.12);
    border-radius: 20px;
    padding: 28px 22px;
    text-align: center;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}
.wm-why-item:hover {
    transform: translateY(-6px);
    background: var(--c-ffffff);
    border-color: rgba(235, 185, 52, 0.4);
    box-shadow: 0 18px 44px rgba(168, 124, 6, 0.12);
}
.wm-why-emoji {
    display: inline-flex;
    width: 70px;
    height: 70px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(235, 185, 52, 0.15);
    margin-bottom: 16px;
    transition: transform 0.35s ease, background 0.35s ease;
}
.wm-why-emoji img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.wm-why-item:hover .wm-why-emoji {
    transform: scale(1.1);
    background: rgba(235, 185, 52, 0.28);
}
.wm-why-item .p-content {
    margin: 0;
    font-size: var(--fs-17);
    line-height: var(--lh-17);
    font-weight: var(--fw-SemiBold);
    color: var(--c-06112f);
}
.wm-faq {
    background: #fff8e8;
}
.wm-faq .main-title em {
    color: var(--c-a87c06);
    font-style: italic;
}
.wm-faq-accordion .accordion-item:last-child {
    margin-bottom: 0;
}
.wm-final-cta .main-title em {
    font-style: italic;
}
.wm-how-infographic {
    padding: 48px 40px;
}
.wm-how-spine {
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
}
.wm-how-spine::before {
    display: none;
}
.wm-how-step {
    width: auto;
    min-width: 140px;
    max-width: 180px;
    flex: 0 1 auto;
    padding: 14px 20px;
}
.wm-how-step--final {
    max-width: 240px;
}
.wm-how-step--organ::before {
    left: 50%;
    top: 0;
    width: 50%;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 0 0 4px 4px;
}
.wm-how-arrow {
    width: 32px;
    height: 32px;
    margin: 0 6px;
    font-size: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}
.wm-how-arrow::after {
    content: "→";
    font-size: 16px;
    color: var(--c-a87c06);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--c-ffffff);
    border: 1px solid rgba(168, 124, 6, 0.22);
    box-shadow: 0 4px 12px rgba(168, 124, 6, 0.1);
}
.wm-how-arrow--break {
    flex-basis: 100%;
    width: 100%;
    height: auto;
    margin: 4px 0;
}
.wm-how-arrow--break::after {
    content: "↓";
    font-size: 18px;
    margin: 4px 0;
}
.wm-how-arrow--final::after {
    border-color: rgba(6, 17, 47, 0.2);
    color: var(--c-06112f);
}
/* Weight Management page css end */











































/* return-to-top */
#return-to-top {
    position: fixed;
    right: 20px;
    bottom: 60px;
    z-index: 99;
    background: var(--c-a87c06);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.5s ease;
}
#return-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#return-to-top img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    transform: rotate(180deg);
}
#return-to-top:hover {
    background: var(--c-ebb934);
}
/* return-to-top */
/* Mobile Fixed Social */
.mobile-footer-social {
    position: fixed;
    bottom: 130px;
    right: 12px;
    z-index: 9999;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 9px;
}
.mobile-footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--c-a87c06);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s ease;
}
.mobile-footer-social a:hover {
    transform: translateY(-5px) scale(1.08);
}
.mobile-footer-social a.whatsapp {
    background: #198754;
}
.mobile-footer-social a.youtube {
    background: #FF0000;
}
.mobile-footer-social a.instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.mobile-footer-social img,
.mobile-footer-social .svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.mobile-menu,
.offcanvas-header {
    display: none;
}
.mobile-md-none {
    display: block !important;
}
.desktop-md-none {
    display: none !important;
}
.mobile-sm-none {
    display: block !important;
}
.desktop-sm-none {
    display: none !important;
}
.container {
    max-width: 1480px;
}
/* responsive css */
@media only screen and (min-width: 1921px) {}
@media only screen and (min-width: 2200px) {}
@media (max-width: 1880px) {}
@media (max-width: 1780px) {
    .pb-50 {
        padding-bottom: 30px;
    }
    .pt-100 {
        padding-top: 80px;
    }
    .pb-100 {
        padding-bottom: 80px;
    }
    .moving-strip-content {
        font-size: 148px;
        line-height: 150px;
    }
    .specialized-card::before {
        width: 80px;
        height: 80px;
    }
    .specialized-card .condition-number {
        width: 40px;
        height: 40px;
        font-size: var(--fs-17);
    }
    .specialized-card .condition-body {
        position: relative;
        padding: 20px;
        min-height: 220px;
    }
    .consult-btn {
        padding: 10px 24px;
    }
    .consultation-box::before {
        top: 26px;
    }
    .testimonial-card {
        padding: 20px 20px;
    }
    .creative-fullpage--slider {
        height: 650px;
    }
    .fp-assess-header {
        text-align: center;
        margin-bottom: 10px;
        padding-right: 0;
    }
    .fp-assess-dialog {
        width: min(630px, 100%);
        max-height: min(92vh, 860px);
        padding: 25px 20px 18px;
    }
    .fp-assess-check {
        gap: 8px;
        padding: 10px 10px;
        border-radius: 6px;
    }
    .fp-assess-none {
        margin-bottom: 0;
    }
    .expert-callback-form-wrap {
        padding: 25px 25px;
    }
    .expert-callback-field input,
    .expert-callback-field select,
    .expert-callback-field textarea {
        padding: 8px 8px;
    }
    .expert-callback-field {
        margin-bottom: 8px;
    }
    .expert-callback-field label {
        margin-bottom: 2px;
    }
    .expert-callback-close {
        top: 3px;
        right: 6px;
        width: 35px;
        height: 35px;
    }
    .expert-callback-submit {
        width: auto;
    }
    .navbar {
        padding: 5px 0;
    }
    .fp-problem-card {
        padding: 15px 8px;
    }
    .fp-candidate-panel {
        padding: 25px 25px;
    }
    .fp-step {
        padding: 15px 15px 15px;
    }
    .fp-step-highlights li {
        padding: 4px 10px;
        border-radius: 17px;
    }
    .fp-benefit-icon {
        width: 75px;
        height: 75px;
    }
    .fp-why-item {
        grid-template-columns: 30px 1fr;
        gap: 10px;
        padding: 18px 15px;
    }
    .fp-why-item:hover {
        padding-left: 26px;
    }
    .contact-faq-accordion .accordion-button {
        padding: 19px 20px;
    }
    .contact-faq-accordion .accordion-body {
        padding: 16px 20px;
    }
    .pb-70 {
        padding-bottom: 50px;
    }
    .pt-70 {
        padding-top: 50px;
    }
    .informed-choices-images img {
        height: 60px;
    }
    #return-to-top {
        width: 40px;
        height: 40px;
    }
    .ht-why-panel {
        padding: 16px;
    }
    .ht-why-item {
        gap: 10px;
        padding: 10px 10px;
    }
    .inner-page-section {
        padding: 100px 0 50px;
        height: 450px;
    }
    .contact-expert-desc {
        margin-bottom: 18px;
    }
}
@media (max-width: 1660px) {
    .container {
        max-width: 100%;
        padding: 0 50px;
    }
    :root {
        --fs-13: 12px;
        --fs-14: 13px;
        --fs-15: 14px;
        --fs-17: 16px;
        --fs-19: 18px;
        --fs-20: 19px;
        --fs-22: 20px;
        --fs-25: 23px;
        --fs-30: 26px;
        --fs-42: 38px;
        --fs-44: 40px;
        --fs-48: 44px;
        --lh-13: 22px;
        --lh-14: 23px;
        --lh-15: 24px;
        --lh-17: 26px;
        --lh-19: 26px;
        --lh-20: 28px;
        --lh-22: 30px;
        --lh-25: 32px;
        --lh-30: 36px;
        --lh-42: 46px;
        --lh-44: 48px;
        --lh-48: 52px;
    }
    .logo-img .main-logo {
        width: 260px;
    }
    .banner-content {
        width: 56%;
    }
    .swiper-container-h .swiper-pagination {
        padding-left: 50px;
    }
    .main-header.g_shrink .logo-img .main-logo {
        width: 240px;
    }
    .navbar {
        padding: 12px 0;
    }
    .condition-content {
        padding: 20px 20px;
    }
    .moving-strip-content {
        padding: 10px 0;
        font-size: 48px;
        line-height: 50px;
    }
    .moving-strip-content img {
        width: 50px;
        height: 50px;
    }
    .expert-icon img {
        width: 30px;
        transition: .45s;
    }
    .expert-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        border-radius: 18px;
    }
    .expert-feature {
        gap: 16px;
        margin-bottom: 30px;
    }
    .expert-divider {
        margin: 30px 0;
    }
    .expert-img {
        width: 40%;
    }
    .condition-img img {
        height: 300px;
    }
    .fp-quiz-title {
        max-width: 100%;
    }
    .about-image-row {
        margin-top: -130px;
    }
}
@media (max-width: 1480px) {
    .logo-img .main-logo {
        width: 260px;
    }
    .banner-content {
        width: 56%;
    }
    .swiper-container-h .swiper-pagination {
        padding-left: 50px;
    }
    .main-header.g_shrink .logo-img .main-logo {
        width: 240px;
    }
    .navbar {
        padding: 12px 0;
    }
    .condition-content {
        padding: 20px 20px;
    }
    .moving-strip-content {
        padding: 10px 0;
        font-size: 48px;
        line-height: 50px;
    }
    .moving-strip-content img {
        width: 50px;
        height: 50px;
    }
    .expert-icon img {
        width: 30px;
        transition: .45s;
    }
    .expert-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        border-radius: 18px;
    }
    .expert-feature {
        gap: 16px;
        margin-bottom: 30px;
    }
    .expert-divider {
        margin: 30px 0;
    }
    .expert-img {
        width: 40%;
    }
    .condition-img img {
        height: 300px;
    }
    .fp-quiz-title {
        max-width: 100%;
    }
    .about-image-row {
        margin-top: -130px;
    }
}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {
    :root {
        --fs-13: 12px;
        --fs-14: 13px;
        --fs-15: 14px;
        --fs-17: 16px;
        --fs-19: 17px;
        --fs-20: 17px;
        --fs-22: 18px;
        --fs-25: 22px;
        --fs-30: 24px;
        --fs-42: 30px;
        --fs-44: 32px;
        --fs-48: 34px;
        --lh-13: 19px;
        --lh-14: 19px;
        --lh-15: 20px;
        --lh-17: 22px;
        --lh-19: 24px;
        --lh-20: 25px;
        --lh-22: 28px;
        --lh-25: 30px;
        --lh-30: 34px;
        --lh-42: 40px;
        --lh-44: 42px;
        --lh-48: 44px;
    }
    .logo-img .main-logo {
        width: 200px;
    }
    .main-header.g_shrink .logo-img .main-logo {
        width: 180px;
    }
    .main-nav .nav-item .nav-link {
        padding: 12px 5px;
    }
    .cta-icon {
        width: 24px;
        height: 24px;
    }
    .cta-icon img {
        width: 12px;
        height: 12px;
    }
    .condition-icon {
        width: 60px;
        height: 60px;
    }
    .condition-content {
        padding: 20px 10px;
    }
    .moving-strip-content {
        padding: 10px 0;
        font-size: 70px;
        line-height: 60px;
    }
    .moving-strip-content img {
        width: 50px;
        height: 50px;
    }
    .therapy-card {
        height: 270px;
        padding: 20px 20px;
    }
    .mb-30 {
        margin-bottom: 10px;
    }
    .testimonial-slider {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .footer-area {
        padding: 40px 0 20px;
    }
    .pb-70 {
        padding-bottom: 40px;
    }
    .pt-70 {
        padding-top: 40px;
    }
    .mb-50 {
        margin-bottom: 20px;
    }
    .eecp-text {
        padding-top: 160px;
        padding-left: 20px;
    }
    .text-image {
        font-size: 104px;
        line-height: 104px;
        max-width: 240px;
    }
    .eecp-counter {
        left: 40%;
        top: 70px;
        gap: 20px;
    }
    .consultation-box::before {
        width: 92%;
    }
    .condition-img img {
        height: 260px;
    }
    .testimonial-text,
    .testimonial-divider {
        margin-bottom: 20px;
    }
    .consultation-box {
        bottom: -32px;
    }
    .consultation-box::before {
        top: 32px;
    }
    .ht-impact-panel {
        padding: 30px 30px;
    }
    .ht-symptoms-callout {
        padding: 18px 12px;
    }
    .ht-symptom-item {
        gap: 10px;
        padding: 18px 18px;
    }
    .ht-symptom-num {
        width: 32px;
        height: 32px;
    }
    .wm-health-item,
    .wm-medicine-card,
    .ht-program-card,
    .dm-risks-panel,
    .dm-advanced-panel,
    .ht-symptoms-grid-wrap,
    .ht-why-intro,
    .ht-investigations-panel,
    .ht-symptoms-alert {
        padding: 18px 18px;
    }
    .we-body-card,
    .we-compare-card,
    .we-evidence-list,
    .dm-symptom-card {
        padding: 18px 18px;
    }
    .wm-how-infographic {
        padding: 25px 25px;
    }
    .wm-how-step {
        width: auto;
        min-width: 130px;
        max-width: 260px;
        flex: 0 1 auto;
        padding: 8px 12px;
    }
}
@media (max-width: 1200px) {}
@media (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .get-in-touch {
        margin-left: 0;
    }
    .main-nav .nav-item {
        margin-right: 5px;
    }
    .pb-100 {
        padding-bottom: 70px;
    }
    .pt-100 {
        padding-top: 70px;
    }
    .swiper-container-h .swiper-pagination {
        padding-left: 30px;
    }
    .fp-treatment-steps {
        grid-template-columns: repeat(3, 1fr);
    }
    .fp-treatment-steps::before {
        display: none;
    }
    .fp-benefits-grid {
        gap: 16px;
    }
    .fp-benefit-item {
        flex: 0 1 calc(33.333% - 12px);
        max-width: none;
    }
    .fp-why-layout {
        gap: 40px;
    }
    .fp-why-item {
        grid-template-columns: 70px 1fr;
        padding: 22px 20px;
    }
    .dm-steps {
        max-width: 100%;
    }
    .dm-step-arrow {
        padding: 4px 0;
    }
    .we-intro-grid {
        gap: 36px;
    }
    .we-intro-orbit {
        width: 300px;
        height: 300px;
    }
    .we-steps {
        grid-template-columns: repeat(2, 1fr);
    }
    .we-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .we-showcase-video {
        padding: 28px 24px 24px;
    }
    .res-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
    .res-detail-header,
    .res-detail-body {
        padding-left: 28px;
        padding-right: 28px;
    }
    .res-detail-hero img {
        height: 350px;
    }
    .about-image-row {
        margin-top: -130px;
    }
    .dm-step-arrow {
        display: none;
    }
}
@media (max-width: 1024px) {}
/* Desktop */
.footer-links-mobile {
    display: none;
}
/* Hide on Desktop */
@media (min-width:992px) {
    .mobile-footer-social, .mobile-footer-need {
        display: none;
    }
    
}
@media (max-width: 991.98px) {
    .mobile-md-none {
        display: none !important;
    }
    .desktop-md-none {
        display: block !important;
    }
    /* mob-sidenav */
    /* mob-sidenav */
    .order-md-div {
        order: 2;
    }
    /* mob-login */
    .offcanvas-body {
        overflow-y: auto;
    }
    .offcanvas.offcanvas-start {
        width: var(--bs-offcanvas-width);
        transform: translateX(-100%);
        background: var(--c-ffffff);
    }
    .offcanvas {
        position: fixed;
        visibility: hidden;
    }
    .mobile-offcanvas .toggle-img {
        width: 40px;
    }
    .offcanvas-header .btn-close {
        width: 20px;
        height: 20px;
        opacity: 1;
        padding: 10px 10px;
        margin: 0;
        background-color: var(--c-ebb934);
        border-radius: 100px;
    }
    .mobile-menu,
    .offcanvas-header {
        display: flex;
        width: 100%;
    }
    /* Custom Offcanvas Transition */
    .mobile-offcanvas .offcanvas-close {
        background: var(--c-a87c06);
        width: 45px;
        height: 45px;
        display: block;
        border-radius: 100px;
        position: relative;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .mobile-offcanvas .toggle-img {
        position: absolute;
        top: 21px;
        left: 10px;
        width: 24px;
        height: 3px;
        display: block;
        background: var(--c-ffffff);
        border-radius: 10px;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .mobile-offcanvas .toggle-img::before {
        content: "";
        position: absolute;
        top: -7px;
        left: 0;
        width: 18px;
        height: 3px;
        display: block;
        background: var(--c-ffffff);
        border-radius: 10px;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .mobile-offcanvas .toggle-img::after {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 18px;
        height: 3px;
        display: block;
        background: var(--c-ffffff);
        border-radius: 10px;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .mobile-offcanvas:hover .toggle-img {
        width: 18px;
        background: var(--c-000000);
    }
    .mobile-offcanvas:hover .toggle-img::before {
        width: 25px;
        background: var(--c-000000);
    }
    .mobile-offcanvas:hover .toggle-img::after {
        width: 25px;
        background: var(--c-000000);
    }
    .offcanvas-header .navbar img {
        width: 180px;
    }
    .offcanvas-header {
        padding: 15px 20px;
        background: var(--c-000000);
    }
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .main-menu {
        padding: 10px 0px;
    }
    .main-nav .nav-item .nav-link {
        font-size: var(--fs-19);
        padding: 3px 3px;
        color: var(--c-000000);
        margin-bottom: 10px;
        margin-left: 20px;
    }
    .main-nav .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: static;
        min-width: calc(100% - 40px);
        width: calc(100% - 40px);
        margin: 0 auto;
        border-radius: 0px;
        box-shadow: none;
        border: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: max-height 0.3s ease, padding 0.3s ease;
    }
    .main-nav .navbar-nav .nav-item.dropdown.show .dropdown-menu,
    .main-nav .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        max-height: 280px;
        padding: 0;
    }
    .main-nav .dropdown-menu-links li a {
        padding: 8px 5px;
        position: relative;
        padding-left: 18px;
    }
    .main-nav .dropdown-menu-links li a::before {
        content: "";
        position: absolute;
        left: 2px;
        top: 18px;
        width: 10px;
        height: 2px;
        background-color: var(--c-a87c06);
    }
    .get-in-touch {
        margin-left: 0;
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 30px;
    }
    .get-in-touch .header-right-icon {
        display: none;
    }
    .get-in-touch .header-right-icon img {
        display: none;
    }
    .main-nav {
        margin-left: 0;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 30px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .offcanvas-body .main-nav::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px #f1f1f1;
        -webkit-box-shadow: inset 0 0 3px #f1f1f1;
        background-color: var(--c-06112f);
        border-radius: 0
    }
    .offcanvas-body .main-nav::-webkit-scrollbar {
        width: 3px
    }
    .offcanvas-body .main-nav::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: var(--c-ebb934)
    }
    .creative-fullpage--slider {
        height: 550px;
    }
    .swiper-container-h .swiper-pagination {
        padding-left: 20px;
    }
    .dropdown-toggle::after {
        position: absolute;
        top: 12px;
        right: 20px;
        filter: invert(1);
        border: none;
        width: 15px;
        height: 15px;
    }
    .conditions-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .condition-icon {
        width: 50px;
        height: 50px;
    }
    .moving-strip-section {
        padding-top: 20px;
    }
    .moving-strip-content {
        padding: 10px 0;
        font-size: 50px;
        line-height: 50px;
    }
    .expert-img {
        width: 50%;
    }
    .expert-content {
        padding-left: 0px;
        margin-bottom: 40px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .consult-icon {
        width: 38px;
        height: 38px;
    }
    .consultation-box {
        bottom: -25px;
    }
    .consult-btn {
        padding: 8px 15px;
    }
    .consultation-box::before {
        width: 100%;
        top: 27px;
    }
    .therapy-card {
        height: 300px;
        padding: 20px 20px;
        margin-bottom: 30px;
    }
    .therapy-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    .footer-contact-item {
        margin-bottom: 22px;
    }
    .banner-content {
        width: 100%;
    }
    .specialized-card .condition-body {
        min-height: 180px;
    }
    .eecp-counter {
        left: unset;
        right: 50px;
        top: 30px;
        gap: 10px;
        display: block !important;
    }
    .ht-impact-step {
        gap: 8px;
        padding: 15px 5px;
    }
    .ht-impact-panel {
        padding: 20px 20px;
    }
    .we-intro-text {
        max-width: 100%;
    }
    .eecp-text {
        padding-top: 20px;
        padding-left: 0;
    }
    .mt-50 {
        margin-top: 30px;
    }
    .mt-20 {
        margin-top: 10px;
    }
    .footer-links-desktop {
        display: none;
    }
    .footer-links-mobile {
        display: block;
    }
    .footer-links-mobile .accordion-item {
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        background: transparent;
    }
    .footer-links-mobile .accordion-button {
        background: transparent;
        color: #fff;
        font-size: var(--fs-17);
        font-weight: var(--fw-Medium);
        box-shadow: none;
        padding: 16px 0;
        padding-right: 51px;
    }
    .footer-links-mobile .accordion-button:not(.collapsed) {
        background: transparent;
        color: #ebb934;
    }
    .footer-links-mobile .accordion-button::after {
        filter: brightness(0) invert(1);
    }
    .footer-links-mobile .accordion-body {
        padding: 0 0 18px;
    }
    .footer-links-mobile .footer-menu li {
        margin-bottom: 12px;
    }
    .footer-links-mobile .footer-menu li a {
        color: #ddd;
        text-decoration: none;
        display: block;
    }
    .footer-bottom {
        margin-top: 0px;
        border-top: none;
    }
    .footer-links-mobile .footer-social {
        display: flex;
        gap: 12px;
        display: none;
    }
    .footer-phone {
        font-size: var(--fs-17);
    }
    .footer-contact-icon img,
    .footer-contact-icon .svg {
        width: 20px;
        height: 20px;
    }
    .footer-contact-icon {
        width: 30px;
    }
    .fp-treatment-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .fp-benefits-grid {
        gap: 14px;
    }
    .fp-benefit-item {
        flex: 0 1 calc(50% - 8px);
        min-width: 0;
    }
    .fp-why-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .fp-why-desc {
        max-width: 100%;
    }
    .fp-why-item {
        grid-template-columns: 64px 1fr;
        gap: 14px;
        padding: 20px 16px;
    }
    .fp-hero-mosaic {
        grid-template-rows: 200px 140px;
        margin-top: 30px;
    }
    .fp-problems-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .dm-hero-visual {
        min-height: 360px;
        margin-top: 20px;
    }
    .ht-hero-visual {
        min-height: 360px;
        margin-top: 20px;
    }
    .wm-hero-visual {
        min-height: 360px;
        margin-top: 20px;
    }
    .fp-candidate-list {
        grid-template-columns: 1fr;
    }
    .we-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .we-intro-visual {
        order: -1;
    }
    .we-intro-orbit {
        width: 280px;
        height: 280px;
    }
    .we-flow-track {
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px 10px;
    }
    .we-flow-step {
        flex: 0 1 calc(50% - 30px);
    }
    .we-flow-arrow {
        display: none;
    }
    .we-compare-vs {
        order: 0;
    }
    .we-compare-vs span {
        width: 48px;
        height: 48px;
    }
    .we-final-panel {
        grid-template-columns: 1fr;
        padding: 36px 28px;
        gap: 28px;
    }
    .we-final-aside {
        order: -1;
    }
    .we-phase-visual img {
        height: 220px;
    }
    .res-card-body {
        padding: 24px 20px 22px;
    }
    .res-detail-header {
        padding: 28px 20px 16px;
    }
    .res-detail-body {
        padding: 28px 20px 32px;
    }
    .res-detail-hero img {
        height: 100%;
    }
    .res-detail-nav {
        grid-template-columns: 1fr;
    }
    .res-nav-next {
        text-align: left;
    }
    .condition-img img {
        height: 200px;
    }
    .mb-40 {
        margin-bottom: 20px;
    }
    .mt-30 {
        margin-top: 10px;
    }
    .brochure-line {
        width: 80px;
        margin: 10px 0 15px;
    }
    .inner-page-section {
        padding: 80px 0 50px;
        height: 350px;
    }
    .ht-hero-img-accent {
        width: 40%;
        height: 180px;
    }
    .g-5,
    .gy-5 {
        --bs-gutter-y: 1.5rem;
    }
    .g-5,
    .gx-5 {
        --bs-gutter-x: 1.5rem;
    }
    .ht-symptoms-visual img,
    .ht-why-visual img {
        height: 400px;
    }
    .informed-choices-images img {
        height: 40px;
    }
    .about-image-row {
        margin-top: -70px;
    }
    .mt-80 {
        margin-top: 20px;
    }
    .counter-box {
        margin-top: 20px;
    }
    .inner-about-text {
        margin-top: 20px;
    }
    .col-lg-12.col-md-12.col-12.mt-50 {
        margin-top: 0 !important;
    }
    .informed-choices-images {
        margin: 15px 0 !important;
    }
    #return-to-top {
        right: 10px;
    }
    .fp-quiz-card {
        padding: 30px 30px;
    }
    .contact-location .map-section {
        max-width: calc(100% - 30px);
    }
    .dm-step {
        margin-bottom: 20px;
        height: auto !important;
    }
    .dm-section-lead {
        max-width: 100%;
    }
    .swiper-pagination-bullet {
        width: 20px !important;
        height: 20px !important;
    }
    .menu-footer {
        margin-top: auto;
        padding: 0;
    }
}
@media (max-width: 800px) {}
@media (max-width: 767.98px) {
    .mobile-sm-none {
        display: none !important;
    }
    .desktop-sm-none {
        display: block !important;
    }
    .order-sm-div {
        order: 2;
    }
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    p {
        margin-bottom: 10px;
    }
    .p-content {
        margin-bottom: 10px;
    }
    .small-text {
        margin-bottom: 10px;
    }
    .section-title {
        margin-bottom: 8px;
    }
    .main-title {
        margin-bottom: 8px;
    }
    .title {
        margin-bottom: 10px;
    }
    .div-title {
        margin-bottom: 10px;
    }
    .div-text {
        margin-bottom: 8px;
    }
    .div-text-small {
        margin-bottom: 8px;
    }
    .expert-img {
        width: 100%;
        position: relative;
    }
    .expert-content {
        padding-left: 0px;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .eecp-counter {
        left: unset;
        right: 14px;
        top: 13px;
        gap: 10px;
        display: block !important;
    }
    .text-image {
        font-size: 82px;
        line-height: 85px;
        max-width: 100px;
    }
    .consultation-box {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 11;
        padding: 0;
    }
    .consultation-box::before {
        display: none;
    }
    .consultation-btn {
        width: 100%;
    }
    .consult-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 22px 18px;
        border-radius: 24px;
        background: rgba(255, 255, 255, .82);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, .35);
        box-shadow:
            0 20px 45px rgba(0, 0, 0, .15),
            inset 0 1px 0 rgba(255, 255, 255, .6);
    }
    .consult-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
        background: linear-gradient(135deg, #ebb934, #f7d15d);
        color: #111;
        box-shadow: 0 10px 25px rgba(235, 185, 52, .45);
    }
    .consult-icon img {
        width: 24px;
    }
    .consult-text {
        font-size: var(--fs-17);
        font-weight: var(--fw-Medium);
        text-align: center;
        line-height: 1.4;
        margin-bottom: 0px;
    }
    .consult-number {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .consult-number .consult-number2,
    .consult-btn .consult-number2 {
        display: none;
    }
    .consult-number a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 85px;
        border-radius: 18px;
        background: linear-gradient(180deg, #ebb934, #dba10d);
        color: #111;
        text-decoration: none;
        font-size: var(--fs-15);
        font-weight: var(--fw-Bold);
        transition: .35s;
        padding: 0 10px;
    }
    .consult-number a::before {
        content: "";
        background-image: url(../images/icons/call.svg);
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--c-ffffff);
        background-size: 22px 22px;
        background-position: center center;
        margin-bottom: 8px;
    }
    .consult-btn:hover {
        transform: translateY(0px);
    }
    .consult-btn .consult-number a:hover {
        color: var(--c-06112f);
    }
    .consult-btn:hover .consult-number a {
        color: var(--c-06112f);
    }
    .main-menu {
        padding: 8px 0px;
    }
    .conditions-grid {
        display: block;
        overflow: hidden;
    }
    .conditions-grid .swiper-slide {
        height: auto;
    }
    .condition-card {
        margin: 0;
    }
    .conditions-grid .swiper-pagination {
        position: relative;
        margin-top: 20px;
    }
    .swiper-container-h .swiper-pagination {
        bottom: 10px;
    }
    .expert-section.pt-70.pb-70 {
        padding-top: 0;
    }
    .mb-40 {
        margin-bottom: 20px;
    }
    .mt-30 {
        margin-top: 10px;
    }
    .ht-impact-flow {
        flex-direction: column;
        gap: 10px;
    }
    .ht-impact-arrow {
        flex: 0 0 34px;
    }
    .ht-impact-arrow::after {
        content: "↓";
    }
    .ht-impact-step {
        padding: 20px 16px;
    }
    .ht-symptoms-visual img,
    .ht-why-visual img {
        height: 100%;
    }
    .we-compare-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .footer-bottom {
        margin-top: 10px;
        padding-top: 10px;
        flex-direction: column;
        gap: 12px;
    }
    .wm-how-spine {
        gap: 10px;
    }
    .wm-program-panel {
        padding: 20px 20px;
    }
    .dm-note {
        margin: 20px auto 0;
        padding: 10px 10px;
    }
    .dm-step {
        padding: 34px 15px;
        margin-bottom: 20px;
        height: auto !important;
    }
    #return-to-top {
        right: 10px;
        bottom: 20px;
    }
    .mobile-footer-social {
        bottom: 100px;
    }
    .inner-page-section {
        padding: 80px 0 20px;
        height: auto;
    }
    .about-image-row {
        margin-top: 0;
    }
    .mb-60 {
        margin-bottom: 30px;
    }
    .why-dr-prasad-card {
        padding: 22px 22px;
    }
    .contact-way-card {
        padding: 20px 14px;
    }
    .faq-content {
        margin-top: 30px;
    }
    .faq-jump {
        gap: 4px;
    }
    .faq-jump a {
        border-radius: 50px;
        padding: 8px 9px;
    }
    .expert-callback-form-wrap {
        padding: 15px 15px;
    }
    .we-flow-step {
        flex: 0 1 calc(50% - 10px);
    }
    .ht-note {
        padding: 14px 10px;
    }
    .counter-box .div-title, .counter-box .main-title, .counter-box .title {
        height: auto;
    }
    .we-final-lead {
        margin: 0px 0 15px;
    }
    .we-body-icon {
        width: 60px;
        height: 60px;
    }
    .we-body-icon img {
        width: 30px;
        height: 30px;
    }
    .we-step-num {
        font-size: 40px;
    }
    .we-flow-icon {
        width: 60px;
        height: 60px;
    }
    .we-flow-icon img {
        width: 30px;
        height: 30px;
    }
    .fp-problem-icon, .fp-benefit-icon, .ht-risk-emoji, .wm-health-emoji, .wm-why-emoji, .dm-symptom-emoji, .dm-benefit-check {
        width: 60px;
        height: 60px;
    }
    .fp-problem-icon img, .fp-benefit-icon img {
        width: 30px;
        height: 30px;
    }
    .mobile_Swiper2 .swiper-pagination {
      padding-top: 30px;
    }
}
.mobile-slider {
    display: none;
}
@media (max-width: 575.98px) {
    :root {
        --fs-13: 12px;
        --fs-14: 13px;
        --fs-15: 14px;
        --fs-17: 16px;
        --fs-19: 17px;
        --fs-20: 17px;
        --fs-22: 18px;
        --fs-25: 20px;
        --fs-30: 21px;
        --fs-42: 23px;
        --fs-44: 24px;
        --fs-48: 26px;
        --lh-13: 19px;
        --lh-14: 19px;
        --lh-15: 20px;
        --lh-17: 22px;
        --lh-19: 24px;
        --lh-20: 25px;
        --lh-22: 28px;
        --lh-25: 30px;
        --lh-30: 31px;
        --lh-42: 33px;
        --lh-44: 34px;
        --lh-48: 36px;
    }
    .mobile-header-btn {
        display: block !important;
        margin-top: 20px;
    }
    .mobile-header-btn a {
        margin-bottom: 15px;
    }
    .conditions-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .moving-strip-content {
        padding: 10px 0;
        font-size: var(--fs-28);
        line-height: 30px;
    }
    .moving-strip-content img {
        width: 30px;
        height: 30px;
    }
    .expert-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 6px;
    }
    .specialized-card .condition-body {
        min-height: 200px;
    }
    .eecp-counter {
        left: unset;
        right: 0;
        top: 0;
        gap: 10px;
        display: block !important;
        position: relative;
        margin-top: 20px;
    }
    .eecp-text p {
        text-align: justify;
    }
    .therapy-shape::before {
        width: 60px;
        height: 60px;
    }
    .therapy-icon {
        right: 0;
        bottom: 0;
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
    .therapy-icon img {
        width: 20px;
    }
    .therapy-card {
        height: 200px;
        padding: 15px 15px;
        margin-bottom: 20px;
    }
    .banner-content {
        position: relative;
        padding: 30px 0;
    }
    .creative-fullpage--slider {
        height: 100%;
        background: var(--c-06112f);
    }
    .creative-fullpage--slider .swiper-slide .slider-inner img {
        height: 360px;
    }
    .counter-box p {
        font-size: var(--fs-17);
        line-height: var(--lh-17);
    }
    .main-nav .nav-item .nav-link {
        font-size: var(--fs-17);
        margin-bottom: 5px;
        margin-left: 16px;
    }
    .offcanvas-header {
        padding: 8px 15px;
        background: var(--c-000000);
    }
    .fp-treatment-steps {
        grid-template-columns: 1fr;
    }
    .fp-step {
        padding: 24px 20px;
    }
    .fp-benefits-grid {
        gap: 14px;
    }
    .fp-benefit-item {
        flex: 1 1 100%;
        max-width: none;
    }
    .fp-benefit-icon {
        width: 80px;
        height: 80px;
    }
    .fp-benefit-icon img {
        width: 40px;
        height: 40px;
    }
    .fp-why-item {
        grid-template-columns: 56px 1fr;
        padding: 18px 12px;
    }
    .fp-why-item:hover {
        padding-left: 20px;
    }
    .fp-why-num {
        font-size: 36px;
    }
    .fp-why-content h3 {
        font-size: var(--fs-17);
        line-height: var(--lh-17);
    }
    .fp-hero-perks {
        grid-template-columns: 1fr;
    }
    .fp-hero-mosaic {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 180px 120px;
    }
    .fp-problems-grid {
        grid-template-columns: 1fr;
    }
    .dm-hero-actions .cta-btn {
        justify-content: center;
    }
    .dm-hero-img-main {
        width: 90%;
        height: 280px;
    }
    .dm-hero-img-accent {
        width: 60%;
        height: 180px;
    }
    .dm-advanced-panel {
        padding: 28px 22px;
    }
    .dm-advanced-visual img {
        min-height: 260px;
    }
    .ht-hero-actions,
    .wm-hero-actions,
    .fp-cta-actions,
    .dm-hero-actions {
        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }
    .fp-problems-cta .fp-cta-actions {
        flex-direction: row;
    }
    .ht-hero-actions .cta-btn {
        justify-content: center;
    }
    .ht-hero-img-main {
        width: 90%;
        height: 280px;
    }
    .ht-hero-img-accent {
        width: 60%;
        height: 180px;
    }
    .wm-hero-actions .cta-btn {
        justify-content: center;
    }
    .wm-hero-img-main {
        width: 90%;
        height: 280px;
    }
    .wm-hero-img-accent {
        width: 60%;
        height: 180px;
    }
    .wm-program-panel {
        padding: 28px 20px;
    }
    .wm-program-step {
        padding: 24px 20px;
    }
    .wm-how-infographic {
        padding: 32px 20px;
    }
    .wm-how-step {
        padding: 14px 20px;
    }
    .wm-how-step .p-content {
        font-size: var(--fs-14);
    }
    .wm-medicine-card {
        padding: 26px 22px;
    }
    .wm-note,
    .wm-disclaimer {
        padding: 18px 20px;
    }
    .ht-investigations-panel {
        padding: 28px 22px;
    }
    .ht-why-intro {
        padding: 28px 22px;
    }
    .ht-why-visual img {
        height: 210px;
    }
    .ht-why-panel {
        padding: 18px;
    }
    .ht-program-card {
        padding: 22px 18px;
    }
    .ht-symptoms-grid-wrap {
        padding: 20px 18px;
    }
    .ht-symptoms-visual img {
        height: 200px;
    }
    .ht-symptoms-callout {
        padding: 22px 18px;
    }
    .ht-symptoms-callout p {
        font-size: var(--fs-15);
    }
    .ht-symptom-item {
        padding: 16px 18px;
    }
    .ht-symptom-num {
        width: 36px;
        height: 36px;
        font-size: 12px;
    }
    .ht-symptoms-alert {
        padding: 18px 20px;
    }
    .ht-impact-panel {
        padding: 28px 20px;
    }
    .ht-impact-step h3 {
        font-size: var(--fs-15);
    }
    .ht-impact-num {
        width: 44px;
        height: 44px;
        font-size: var(--fs-13);
    }
    .fp-problem-card {
        min-height: 160px;
        padding: 28px 20px;
    }
    .fp-cta-actions .cta-btn {
        justify-content: center;
    }
    .we-intro-orbit {
        width: 240px;
        height: 240px;
    }
    .we-intro-heart {
        width: 88px;
        height: 88px;
    }
    .we-intro-heart img {
        width: 40px;
        height: 40px;
    }
    .we-intro-badge {
        font-size: 11px;
        padding: 8px 12px;
    }
    .we-badge-1 {
        top: 18px;
        left: 0;
    }
    .we-badge-2 {
        right: -6px;
    }
    .we-badge-3 {
        bottom: 20px;
        left: 10px;
    }
    .we-flow-track {
        gap: 8px 10px;
    }
    .we-flow {
        padding: 20px 3px;
    }
    .we-steps {
        grid-template-columns: 1fr;
    }
    .we-body-grid {
        grid-template-columns: 1fr;
    }
    .res-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .we-phase-grid {
        grid-template-columns: 1fr;
    }
    .we-final-checks {
        grid-template-columns: 1fr;
    }
    .we-body-card {
        padding: 28px 22px;
    }
    .we-compare-card {
        padding: 28px 22px;
    }
    .we-stats {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .we-stat {
        padding: 24px 12px;
    }
    .we-evidence-list {
        padding: 18px 18px;
    }
    .we-evidence-list li::before {
        width: 18px;
        height: 18px;
    }
    .we-evidence-list li {
        padding-left: 28px;
    }
    .we-evidence-list li {
        font-size: var(--fs-15);
        line-height: var(--lh-15);
    }
    .we-final-panel {
        padding: 28px 20px;
        border-radius: 20px;
    }
    .we-final-pulse {
        width: 96px;
        height: 96px;
        box-shadow: 0 0 0 12px rgba(235, 185, 52, 0.12), 0 0 0 24px rgba(235, 185, 52, 0.06);
    }
    .we-final-pulse img {
        width: 42px;
        height: 42px;
    }
    .we-showcase-video {
        border-radius: 20px;
        padding: 22px 16px 18px;
    }
    .we-showcase-video-head h3 {
        font-size: var(--fs-20);
        line-height: var(--lh-20);
    }
    .we-video-trigger-label {
        left: 12px;
        bottom: 12px;
        font-size: var(--fs-13);
        padding: 7px 12px;
    }
    .we-video-modal {
        padding: 16px;
    }
    .we-video-modal-close {
        top: -44px;
        width: 38px;
        height: 38px;
    }
    .we-phase {
        border-radius: 18px;
    }
    .we-phase-visual img {
        height: 190px;
    }
    .ht-impact-panel {
        padding: 28px 20px;
    }
    .ht-impact-step h3 {
        font-size: var(--fs-15);
    }
    .ht-impact-num {
        width: 44px;
        height: 44px;
        font-size: var(--fs-13);
    }
    .condition-img img {
        height: 100%;
    }
    .mobile_Swiper,
    .mobile_Swiper2 {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .desktop-slider {
        display: none;
    }
    .mobile-slider {
        display: block;
    }
    .ht-risk-card {
        padding: 50px 10px;
    }
    .ht-note {
        margin: 20px auto 0;
    }
    .wm-how-step {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 15px 12px;
    }
    .wm-how-arrow {
        transform: rotate(90deg);
    }
    .wm-how-arrow--break {
        transform: rotate(0deg);
    }
    .wm-why-item {
        padding: 25px 6px;
    }
    .contact-faq-accordion .accordion-button {
        padding: 14px 12px;
    }
    .we-final-aside {
        text-align: center;
        padding: 20px 0 0;
    }
    .we-compare-disclaimer {
        margin: 20px auto 0;
        max-width: 100%;
        padding: 10px 10px;
    }
    .we-step {
        padding: 20px 20px;
    }
    .res-detail-quote {
        margin: 0 0 20px;
        padding: 16px 16px;
    }
    .res-nav-btn {
        gap: 8px;
        padding: 14px 14px;
    }
    .why-dr-prasad-card__title {
        padding-right: 0px;
    }
    .about-content-img img {
        width: 100%;
        height: auto;
    }
    .contact-stat-box {
        padding: 20px 20px;
    }
    .contact-way-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 10px;
    }
    .whatsapp-mobile {
        display: none;
    }
    .faq-cta-desc {
        max-width: 100%;
        margin: 0 auto 15px;
    }
    .faq-cta-actions {
        margin-bottom: 0;
    }
    .fp-problems-note {
        margin: 20px auto 18px;
    }
    .fp-assess-dialog {
        max-height: min(96vh, 860px);
        padding: 20px 20px 18px;
    }
    .footer-bottom p {
        font-size: var(--fs-14);
        line-height: var(--lh-14);
    }
}
@media (max-width: 480px) {
    .fp-problem-card {
        min-height: 100%;
        padding: 48px 8px;
    }
    .dm-hero-img-accent {
        width: 50%;
        height: 150px;
    }
    .fp-hero-mosaic {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 120px 120px;
    }
    .why-dr-prasad-card {
        text-align: center;
    }
    .why-dr-prasad-card__icon {
        margin: 0 auto;
        margin-bottom: 22px;
    }
    .ht-why-visual img {
        height: 100%;
    }
}
@media (max-width: 400px) {}
@media (max-width: 375px) {
    .contact-stat-box {
        padding: 15px 10px;
    }
    .g-4,
    .gy-4 {
        --bs-gutter-y: 0.5rem;
    }
    .g-4,
    .gx-4 {
        --bs-gutter-x: 0.5rem;
    }
    .fp-hero-mosaic {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 100px 100px;
    }
    .mobile-header-btn a {
        margin-bottom: 15px;
        width: 100%;
    }
    .cta-btn {
        width: 100%;
    }
}
@media (max-width: 320px) {}
/* responsive css */