/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');  */
:root {
    --secondary: #A62159;
    --secondary-light: #EEDFEB;
    --secondary-alpha: #A81E5E33;
    --secondary-light-2: rgba(227, 200, 211, 0.25);
    --secondary-light-3: rgb(227 200 211 / 33%);
    --secondary-dark-rgb: rgb(116, 23, 62);
    --teal-light: #D8E7EE;
    --teal-color: #0D83A1;
    --accent: #186ad4;
    --primary: #043e89;
    --primary-dark: #0b2e5b;
    /* --secondary: #901732; */
    --primary-color: #232260;
    --secondary-color: #931630;
    --clr-navy-dark: #0e365a;
    --clr-navy-main: #0f2b48;
    --clr-teal-primary: #008080;
    --clr-teal-hover: #006666;
    --clr-teal-light: #e6f4f4;
    --clr-cyan-accent: #028090;
    --clr-gold: #eab308;
    --clr-gold-light: #fef9c3;
    --clr-emerald: #10b981;
    --clr-emerald-light: #ecfdf5;
    --clr-emergency: #dc2626;
    --clr-emergency-light: #fef2f2;
    /* Neutral Colors */
    --clr-bg-main: #f8fafc;
    --clr-bg-surface: #ffffff;
    --clr-bg-alt: #f1f5f9;
    --clr-text-main: #1e293b;
    --clr-text-muted: #64748b;
    --clr-border: #cbd5e1;
    --secondary-gr: linear-gradient(135deg, var(--secondary)0%, var(--secondary-dark-rgb) 100%);
    /* Typography */
    --ff-heading: 'Google Sans', system-ui, -apple-system, sans-serif;
    --ff-body: 'Inter', system-ui, -apple-system, sans-serif;
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;
    --global-border: var(--secondary-light);
    --global-ic-bg : #fff;
    --global-ic-t: var(--secondary);
    --global-ic-bg-h : var(--secondary-light);
    --global-ic-t-h: var(--secondary);
}

/* Reset & Global Base */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: var(--ff-body);
    color: var(--clr-text-main);
    background-color: #ffffff;
    line-height: 1.6;
    overflow-x: hidden;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-body);
    color: var(--clr-navy-main);
    line-height: 1.25;
    font-weight: 500;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
    border: none;
    background: none;
    font-family: var(--ff-body);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

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

.text-muted {
    color: rgb(33 37 41 / 91%) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.bg-light {
    background-color: #f6f6f9 !important;
}

.bg-lights {
    background-color: #eedfeb75;
}

.sechead__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    /* padding: 0.4rem 0rem; */
    color: var(--secondary, #166a6e);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.15rem;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    margin-bottom: 16px !important;
}

.light .sechead__badge {
    color: #ffffffd1;
}

.sechead__badge .icon {
    width: 34px;
    height: 34px;
    background-color: var(--secondary);
    border-radius: 99px;
    display: inline-block;
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.75 12h2.361a2.5 2.5 0 0 0 2.358-1.668L9.44 4.75L12 12l2.56 7.25l1.98-5.585A2.5 2.5 0 0 1 18.896 12h2.354'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    display: none;
}

.light .sechead__badge .icon {
    background-color: #ffffff;
}

.sechead__badge--box {
    background: #e9f3f4;
    color: #178688;
    font-weight: 700;
    padding: 7px 19px;
    border-radius: 20px;
    display: inline-block;
    font-family: var(--ff-heading);
    line-height: 1.5;
    margin-bottom: 15px !important;
}

.sechead__badge--box.secondary {
    color: var(--secondary);
    background-color: var(--secondary-light);
}

.sechead__title {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--clr-cyan-accent);
    line-height: 1.25;
    margin-bottom: 0.5rem;
    /* letter-spacing: -0.02em; */
}

.sechead__title.big {
    /* font-size: 1.95rem; */
}

.sechead__title span:not(.br) {
    color: var(--clr-teal-primary);
}

.light .sechead__title {
    color: #fff;
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Section Utilities */
.section {
    padding: 5rem 0;
}

.section-alt {
    background-color: var(--clr-bg-alt);
}

.section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem;
}

.patient-question-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    color: #0b8080;
    font-size: 1rem;
    font-weight: 700;
    border-radius: var(--radius-full);
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    background: #0b80801c;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    font-size: 0.875rem;
    font-weight: 600;
    /* margin-bottom: 1.5rem; */
    color: var(--secondary);
    background-color: var(--secondary-light);
    border: 1px solid var(--secondary-alpha);
}

.section-title {
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
    letter-spacing: -0.02em;
}

.section-subtitle {
    font-size: 1.125rem;
    color: var(--clr-text-muted);
}

/* ==========================================================================
   Custom Site Button System (.sitebtn)
   ========================================================================== */
.sitebtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 17px 22px;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: var(--ff-body);
    border-radius: 9px;
    transition: all var(--transition-normal);
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.4;
    white-space: nowrap;
    text-align: center;
}

.sitebtn-primary {
    background-color: var(--primary);
    color: #ffffff;
    border-color: var(--clr-teal-primary);
    box-shadow: var(--shadow-md);
}

.sitebtn-primary:hover, .sitebtn-primary:focus {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.sitebtn-secondary {
    background-color: var(--clr-navy-main);
    color: #ffffff;
    border-color: var(--clr-navy-main);
    box-shadow: var(--shadow-md);
}

.sitebtn-secondary:hover, .sitebtn-secondary:focus {
    background-color: var(--clr-navy-dark);
    border-color: var(--clr-navy-dark);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.sitebtn-primary-outline {
    background-color: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
}

.sitebtn-primary-outline:hover, .sitebtn-primary-outline:focus {
    background-color: var(--primary-dark);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.sitebtn-secondary-outline {
    background-color: transparent;
    color: var(--clr-navy-main);
    border: 2px solid var(--clr-navy-main);
}

.sitebtn-secondary-outline:hover, .sitebtn-secondary-outline:focus {
    background-color: var(--clr-navy-main);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.sitebtn-white-outline {
    background-color: transparent;
    border: 1px solid #fff;
}

.sitebtn-white-outline:hover {
    background-color: #fff;
    color: var(--accent);
}

.sitebtn-emergency {
    background-color: var(--clr-emergency);
    color: #ffffff;
    border-color: var(--clr-emergency);
    animation: pulse-red 2s infinite;
    padding: 9px 22px;
}

.sitebtn-emergency:hover, .sitebtn-emergency:focus {
    background-color: #b91c1c;
    border-color: #b91c1c;
    color: #ffffff;
    transform: translateY(-2px);
}

.sitebtn-sm {
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    border-radius: var(--radius-sm);
}

.sitebtn-lg {
    padding: 0.95rem 2rem;
    font-size: 1.05rem;
    border-radius: var(--radius-md);
}

.sitebtn-full {
    width: 100%;
}

/* Icon Styles Inside Site Buttons */
.sitebtn i, .sitebtn .svg, .sitebtn [class^="svg-"], .sitebtn [class*=" svg-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--fs-w, 1em);
    height: var(--fs-w, 1em);
    font-size: 1.1em;
    line-height: 1;
    vertical-align: middle;
    transition: transform var(--transition-fast);
    flex-shrink: 0;
}

.sitebtn:hover i, .sitebtn:hover .svg, .sitebtn:hover [class^="svg-"], .sitebtn:hover [class*=" svg-"] {
    transform: scale(1.1);
}

.sitebtn i.svg, .sitebtn .svg {
    --fs-w: 1.6em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Legacy Alias Compatibility */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: var(--ff-body);
    border-radius: var(--radius-md);
    transition: all var(--transition-normal);
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
}

.btn-primary {
    background-color: var(--clr-teal-primary);
    color: #ffffff;
    border-color: var(--clr-teal-primary);
}

.btn-primary:hover {
    background-color: var(--clr-teal-hover);
    color: #ffffff;
    transform: translateY(-2px);
}

.btn-secondary {
    background-color: var(--clr-navy-main);
    color: #ffffff;
    border-color: var(--clr-navy-main);
}

.btn-outline {
    border: 2px solid var(--clr-border);
    color: var(--clr-navy-main);
    background: #ffffff;
}

.btn-emergency {
    background-color: var(--clr-emergency);
    color: #ffffff;
    animation: pulse-red 2s infinite;
}

.btn-sm {
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
}

.btn-full {
    width: 100%;
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(220, 38, 38, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220, 38, 38, 0);
    }
}

/* Top Emergency & Phone Access Bar */
.top-header-bar {
    background-color: #09243f;
    color: #ffffff;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 9px 0;
}

.fs-15 {
    font-size: 0.9375rem;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-13 {
    font-size: 0.8125rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.emergency-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background-color: var(--clr-emergency);
    color: #ffffff;
    padding: 0.25rem 0.65rem;
    border-radius: var(--radius-full);
    font-weight: 800;
    font-size: 0.75rem;
}

.social-links-top a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--secondary-dark-rgb);
    color: #ffffff;
    border-radius: 50%;
    font-size: 19px;
    transition: all var(--transition-fast);
    text-decoration: none;
}

.social-links-top a:hover {
    background: var(--secondary);
    color: #ffffff;
    transform: translateY(-2px);
}

/* Middle Header Bar */
/* Main Sticky Header Bar */
.main-header {
    background-color: #ffffff;
    z-index: 1020;
    transition: all 0.3s ease;
    padding: 3px 0;
}

.scrolled.main-header {
    box-shadow: 0px 9px 10px 4px #0000000f;
}

.text-navy {
    color: var(--clr-navy-main) !important;
}

.text-teal {
    color: var(--clr-teal-primary) !important;
}

.bg-teal-light {
    background-color: var(--clr-teal-light) !important;
}

.bg-navy {
    background-color: var(--clr-navy-dark) !important;
}

.main-header .navbar-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    margin-left: 29px;
}

.main-header .navbar-nav li {
    background-color: transparent;
    margin: 0;
}

.main-header .nav-link {
    font-size: 0.900rem;
    font-weight: 600;
    color: #505152 !important;
    padding: 0.5rem 0.55rem !important;
    border-radius: 6px;
    transition: all var(--transition-fast);
    text-transform: uppercase;
    letter-spacing: 0.005em;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

.main-header .nav-link:hover, .main-header .nav-link.active {
    color: var(--secondary) !important;
    /* background-color: var(--clr-teal-light); */
    /* font-weight: 600; */
}

.main-header .nav-btn {
    /* padding: 0.65rem 1.35rem; */
    /* font-size: 0.9rem; */
    /* border-radius: var(--radius-md); */
    /* font-weight: 700; */
}

/* Custom Mobile Sidebar */
.custom-mobile-sidebar {
    width: 320px !important;
    max-width: 85vw;
}

.mobile-nav-item {
    display: flex;
    align-items: center;
    padding: 0.9rem 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: #54575b;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none;
    transition: background var(--transition-fast);
}

.mobile-nav-item:hover, .mobile-nav-item.active {
    background-color: var(--secondary-light-3);
    color: var(--secondary);
}

/* Patient Action Hero Section */
.patient-hero {
    position: relative;
    /* background: linear-gradient(135deg, rgba(10, 25, 47, 0.95) 0%, rgba(15, 43, 72, 0.92) 100%); */
    /* background: #ffffffc4; */
    color: #ffffff;
    padding: 116px 0 80px;
    overflow: hidden;
    background: linear-gradient(87deg, #fff, transparent);
}

.patient-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    /* filter: brightness(0.3); */
}

.patient-hero-title {
    font-size: 3.55rem;
    font-weight: 800;
    color: #292929;
    line-height: 1.18;
    margin-bottom: 1.25rem;
    font-family: var(--ff-heading);
    transition-delay: 0.35s;
}

.patient-hero-title span.text-primary {
    color: #38bdf8;
}

.patient-hero-subtitle {
    font-size: 1.15rem;
    color: #1c1c1c;
    line-height: 1.6;
    margin-bottom: 1.75rem;
    max-width: 690px;
    font-weight: 400;
}

.patienthero__btns a {
    padding: 9px 27px;
}

.patienthero__btns .sitebtn-primary-outline {
    padding: 16px 22px;
}

.patienthero__trust {
    margin-top: 0.25rem;
}

.patienthero__trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    max-width: 820px;
}

.patienthero__trust-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 43, 72, 0.08);
    backdrop-filter: blur(12px);
    transition: all 0.3s ease;
    min-height: 100%;
}

.patienthero__trust-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 43, 72, 0.12);
    border-color: rgba(36, 141, 141, 0.35);
}

.patienthero__cert-badge .cert-icon {
    width: 44px;
    height: 44px;
    border-radius: 99px;
    background: #ddedf0;
    color: #248d8d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.patienthero__cert-badge .cert-text, .patienthero__exp-badge .cert-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.patienthero__cert-badge .cert-text strong {
    font-size: 0.92rem;
    color: var(--clr-navy-main);
    font-weight: 600;
    line-height: 1.25;
}

.patienthero__cert-badge .cert-text span {
    font-size: 0.78rem;
    color: #64748b;
    line-height: 1.35;
}

.patienthero__exp-badge .abicon, .patienthero__exp-badge .abicon-circle {
    width: 40px;
    height: 40px;
    font-size: 24px;
    flex-shrink: 0;
}

.patienthero__exp-badge .exp-number {
    font-size: 1.65rem;
    font-weight: 600;
    color: #000000;
    line-height: 1;
    margin-bottom: 3px;
}

.patienthero__exp-badge .exp-text {
    font-size: 0.78rem;
    line-height: 1.3;
    color: #64748b;
}

.patienthero__exp-badge .exp-text.bold {
    color: var(--clr-navy-main);
    font-weight: 600;
}

.abouthome__actions {
    margin: 0.25rem 0 0.5rem;
}

.abouthome__actions .sitebtn {
    padding: 12px 24px;
}

.abouthome__actions .sitebtn-primary-outline {
    padding: 16px 22px;
}

.hero-main-img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
}

.hero-experience-badge {
    border-left: 4px solid var(--clr-teal-primary);
}

/* 3 Clickable Large Boxes */
.patient-task-card-lg {
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 2rem;
    color: var(--clr-navy-main);
    box-shadow: var(--shadow-xl);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 2px solid transparent;
    transition: all var(--transition-normal);
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

.patient-task-card-lg:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 35px rgba(0, 0, 0, 0.25);
    border-color: var(--clr-teal-primary);
}

.patient-task-card-lg.task-emergency-lg {
    border-top: 6px solid var(--clr-emergency);
}

.patient-task-card-lg.task-symptom-lg {
    border-top: 6px solid var(--clr-teal-primary);
}

.patient-task-card-lg.task-doctor-lg {
    border-top: 6px solid var(--clr-cyan-accent);
}

.task-icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.patient-task-card.task-location {
    border-top: 5px solid var(--clr-gold);
}

.patient-task-q {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--clr-teal-primary);
    margin-bottom: 0.5rem;
}

.patient-task-card.task-emergency .patient-task-q {
    color: var(--clr-emergency);
}

.patient-task-title {
    font-size: 1.2rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    line-height: 1.3;
}

.patient-task-desc {
    font-size: 0.9rem;
    color: var(--clr-text-muted);
    margin-bottom: 1.5rem;
}

/* Patient Goal 2: Interactive Symptom & Treatment Finder Widget */
.symptom-finder-box {
    background: #ffffff;
    border-radius: var(--radius-lg);
    padding: 2.5rem;
    border: 2px solid var(--clr-teal-primary);
    box-shadow: var(--shadow-xl);
    margin-top: -3rem;
    position: relative;
    z-index: 20;
}

.symptom-search-bar {
    position: relative;
    max-width: 700px;
    margin: 0 auto 1.5rem;
}

.symptom-search-input {
    width: 100%;
    padding: 1rem 1.5rem 1rem 3.25rem;
    font-size: 1.1rem;
    border-radius: var(--radius-full);
    border: 2px solid var(--clr-border);
    outline: none;
    transition: border-color var(--transition-fast);
}

.symptom-search-input:focus {
    border-color: var(--clr-teal-primary);
    box-shadow: 0 0 0 4px rgba(0, 128, 128, 0.15);
}

.symptom-search-bar i {
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    color: var(--clr-teal-primary);
}

.symptom-tags-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.symptom-tag {
    padding: 0.5rem 1.1rem;
    background-color: var(--clr-bg-alt);
    color: var(--clr-navy-main);
    border-radius: var(--radius-full);
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid var(--clr-border);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.symptom-tag:hover, .symptom-tag.active {
    background-color: var(--clr-teal-primary);
    color: #ffffff;
    border-color: var(--clr-teal-primary);
}

.dept-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 2rem;
}

.dept-card {
    background-color: var(--clr-bg-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--clr-border);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    display: flex;
    flex-direction: column;
}

.dept-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-xl);
    /* border-color: var(--clr-teal-primary); */
}

.dept-card-img-wrapper {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.dept-card-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-normal);
}

.dept-card:hover .dept-card-img-wrapper img {
    transform: scale(1.08);
}

.dept-card-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(10, 25, 47, 0.85);
    backdrop-filter: blur(8px);
    color: #ffffff;
    padding: 0.3rem 0.85rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
}

.dept-card-body {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.dept-card-title {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}

.dept-card-description {
    color: var(--clr-text-muted);
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
}

.dept-services-list {
    list-style: none;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px dashed var(--clr-border);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dept-service-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--clr-text-main);
    font-weight: 500;
}

.dept-service-item i {
    color: var(--clr-teal-primary);
}

/* Patient Goal 3: Doctors Directory with Direct Phone & Booking */
.doctors-search-bar {
    max-width: 500px;
    margin: 0 auto 2.5rem;
    position: relative;
}

.doctors-search-input {
    width: 100%;
    padding: 0.9rem 1.25rem 0.9rem 3rem;
    border-radius: var(--radius-full);
    border: 2px solid var(--clr-border);
    font-size: 1rem;
    outline: none;
}

.doctors-search-bar i {
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--clr-text-muted);
}

.doctors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 2rem;
}

.doctor-card {
    background: var(--clr-bg-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--global-border, var(--clr-border));
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    border-radius: 29px;
    user-select: none;
}

.doctor-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-xl);
}

.doctor-card-photo {
    height: 260px;
    position: relative;
    overflow: hidden;
}

.doctor-card-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.doctor-card-body {
    padding: 8px 24px 11px;
}

.doctor-name {
    font-size: 1.3rem;
    margin-bottom: 0.25rem;
}

.doctor-designation {
    letter-spacing: 0.02em;
    font-size: 0.905rem !important;
    font-weight: 550 !important;
}

.doctor-qualification {
}

.doctor-qal {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
}

.doctor-qal span {
    display: inline-block;
    background-color: #8b8b8b33;
    border-radius: 25px;
    padding: 2px 8px;
    font-size: 13px;
    color: #383838;
}

.doctor-qual {
    font-size: 0.875rem;
    color: var(--clr-teal-primary);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.doctor-dept-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: #e0f2fe;
    color: #0369a1;
    border-radius: var(--radius-full);
    font-size: 0.8125rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

.doctor-info-list {
    list-style: none;
    font-size: 0.875rem;
    color: var(--clr-text-muted);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: var(--clr-bg-main);
    border-radius: var(--radius-md);
}

.doctor-info-list li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.doctor-info-list i {
    color: var(--clr-teal-primary);
}

/* Patient Goal 5: Emergency Status Section */
#emergency {
    margin-bottom: -160px;
    background: transparent;
}

.emergency-banner {
    position: relative;
    /* background: linear-gradient(135deg, rgb(153 27 27 / 64%) 0%, rgba(220, 38, 38, 0.92) 100%); */
    color: #ffffff;
    padding: 22px 10px;
    border-radius: var(--radius-lg);
    margin: 3rem auto;
    box-shadow: var(--shadow-xl);
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.emergency-banner:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgb(153 27 27 / 64%) 0%, rgba(220, 38, 38, 0.92) 100%);
    z-index: 1;
}

.emergency-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    filter: brightness(0.35);
}

.emergency-banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-direction: column;
    position: relative;
    z-index: 3;
    font-size: 23px;
}

.emergency-title {
    color: #ffffff;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

.emergency-desc {
    color: #fecaca;
    font-size: 1.15rem;
    max-width: 620px;
    display: none;
}

.emergency-numbers {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
}

.emergency-phone-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.00rem;
    background-color: #ffffff;
    color: #000000;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    transition: transform var(--transition-fast);
}

.emergency-phone-btn .svg {
    font-size: 18px;
    color: var(--primary);
}

.emergency-phone-btn:hover {
    transform: scale(1.03);
    background-color: #fef2f2;
}

/* Patient Goal 6: Location & Directions Card */
.location-card-box {
    background: var(--clr-bg-surface);
    border-radius: var(--radius-lg);
    padding: 2.5rem;
    border: 1px solid var(--clr-border);
    box-shadow: var(--shadow-md);
}

.landmark-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    background-color: var(--clr-gold-light);
    color: #854d0e;
    font-weight: 700;
    font-size: 0.875rem;
    border-radius: var(--radius-full);
    margin-bottom: 1rem;
}

/* Patient Goal 7: Insurance Eligibility Checker */
.insurance-checker-bar {
    max-width: 550px;
    margin: 0 auto 2.5rem;
    position: relative;
}

.insurance-checker-input {
    width: 100%;
    padding: 0.9rem 1.25rem 0.9rem 3rem;
    border-radius: var(--radius-full);
    border: 2px solid var(--clr-teal-primary);
    font-size: 1rem;
    outline: none;
}

.insurance-checker-bar i {
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--clr-teal-primary);
    font-size: 1.1rem;
}

.insurance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}

.insurance-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    background-color: var(--clr-emerald-light);
}

.insurance-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--clr-emerald-light);
    color: var(--clr-emerald);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.insurance-name {
}

.cashless-tag {
    margin-top: 0.5rem;
    font-size: 0.785rem;
    color: var(--clr-emerald);
    font-weight: 800;
    text-transform: uppercase;
}

/* Patient Goal 8: Facilities Grid */
.facilities-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.75rem;
}

.facility-card {
    background: var(--clr-bg-surface);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--clr-border);
    box-shadow: var(--shadow-sm);
}

.facility-card-img {
    height: 180px;
    overflow: hidden;
}

.facility-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.facility-card-body {
    padding: 1.25rem;
}

.facility-card-body h4 {
    font-size: 1.1rem;
    margin-bottom: 0.35rem;
}

.facility-card-body p {
    font-size: 0.875rem;
    color: var(--clr-text-muted);
}

/* Booking Modal */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 25, 47, 0.75);
    backdrop-filter: blur(6px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-normal);
    padding: 1.5rem;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.modal-container {
    background: #ffffff;
    border-radius: var(--radius-lg);
    max-width: 620px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-xl);
}

.modal-header {
    padding: 1.5rem 2rem;
    background: var(--clr-navy-main);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-header h3 {
    color: #ffffff;
    font-size: 1.35rem;
}

.modal-close {
    color: #ffffff;
    font-size: 1.5rem;
    opacity: 0.8;
}

.modal-body {
    padding: 2rem;
}

.form-group {
    margin-bottom: 1.25rem;
}

.form-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
    color: var(--clr-navy-main);
}

.form-control {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    font-size: 0.9375rem;
    outline: none;
}

.form-control:focus {
    border-color: var(--clr-teal-primary);
    box-shadow: 0 0 0 3px rgba(0, 128, 128, 0.1);
}

textarea.form-control {
    min-height: 100px;
}

/* Footer */
.site-footer {
    background: linear-gradient(180deg, #0e365a 10%, #0d243a 70%);
    color: #d5e0ed;
    padding: 5rem 0 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footerlarge {
    padding: 11rem 0 2rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    gap: 3rem;
    margin-bottom: 3rem;
}

.footer-brand p {
    margin-top: 1rem;
    font-size: 1rem;
    color: #d5d5d5;
}

.footer-column h4 {
    color: #ffffff;
    font-size: 1.15rem;
    margin-bottom: 1.25rem;
    letter-spacing: 1px;
}

.footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    font-size: 0.988rem;
    padding: 0;
}

.footer-links a:hover {
    color: #38bdf8;
}

.social-links {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.social-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Footer Emergency & Contact Redesign */
.footer-contact-desc {
    font-size: 0.88rem;
    margin-bottom: 1rem;
    color: #94a3b8;
    line-height: 1.4;
}

.footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.footer-contact-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 0;
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.25s ease;
    margin-bottom: 18px;
}

.footer-contact-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.footer-contact-icon svg {
    transition: transform 0.25s ease;
}

.footer-contact-item:hover .footer-contact-icon {
}

.footer-contact-item:hover .footer-contact-icon svg {
    transform: scale(1.1);
}

.footer-contact-icon.icon-gold {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

.footer-contact-item:hover .footer-contact-icon.icon-gold {
    background: #fbbf24;
    color: #0d243a;
}

.footer-contact-icon.icon-teal {
    background: rgba(45, 212, 191, 0.15);
    color: #2dd4bf;
}

.footer-contact-item:hover .footer-contact-icon.icon-teal {
    background: #2dd4bf;
    color: #0d243a;
}

.footer-contact-icon.icon-red {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

.footer-contact-item:hover .footer-contact-icon.icon-red {
    background: #f87171;
    color: #ffffff;
}

.footer-contact-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.footer-contact-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
    font-weight: 600;
    line-height: 1.2;
}

.footer-contact-val {
    font-size: 0.92rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.3;
}

.footer-location-text {
    white-space: normal;
    word-break: break-word;
    font-size: 0.85rem;
    font-weight: 600;
}

.footer-contact-item.footer-contact-highlight {
}

.footer-contact-item.footer-contact-highlight:hover {
}

.text-gold {
    color: #fbbf24 !important;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
    text-align: center;
    gap: 1rem;
    font-size: 0.875rem;
    color: #D9D9DC;
}

/* Floating Emergency Call Button on Mobile/Desktop Bottom Right */
.floating-emergency-btn {
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    z-index: 999;
    background: var(--clr-emergency);
    color: #ffffff;
    padding: 0.85rem 1.5rem;
    border-radius: var(--radius-full);
    font-weight: 800;
    font-size: 0.95rem;
    box-shadow: 0 10px 25px rgba(220, 38, 38, 0.4);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    animation: pulse-red 2s infinite;
}

.floating-emergency-btn:hover {
    background: #b91c1c;
    transform: scale(1.05);
}

/* Toast Notifications */
.toast-container {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 3000;
}

.toast {
    background: var(--clr-navy-main);
    color: #ffffff;
    padding: 1rem 1.5rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-xl);
    display: flex;
    align-items: center;
    gap: 1rem;
    border-left: 4px solid var(--clr-emerald);
    animation: slide-in 0.3s forwards;
}

.site-logo {
    width: 88%;
    max-width: 320px;
    margin: 3px 0;
    transition: all 500ms ease;
}

.emergency-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    --background: rgba(220, 38, 38, 0.2);
    background: var(--clr-emergency);
    border: 1px solid var(--clr-emergency);
    --color: #fca5a5;
    color: #fff;
    padding: 4px 14px;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 0.8125rem;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background-color: var(--clr-emergency);
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px var(--clr-emergency);
    animation: pulse-dot-anim 1.5s infinite;
    background: #fff;
}

.pulse-icon .svg {
    width: 37px;
    height: 29px;
}

@keyframes pulse-dot-anim {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.4);
        opacity: 0.5;
    }
}

.svg {
    display: inline-block;
    width: var(--fs, 1em);
    height: var(--fs, 1em);
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var( --svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
}

.healthicons--doctor-male-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='m16.649 9.326l.055-.24c.105-.446.277-1.102.632-1.748c.362-.658.923-1.325 1.803-1.764c.877-.437 1.976-.6 3.335-.42c1.5.2 4.513.696 7.175 2.05c2.677 1.362 5.185 3.705 5.185 7.607c0 2.016-.78 4.179-1.536 5.589c-.363.678-.794 1.326-1.226 1.675c-.099.08-.24.18-.415.25a8.004 8.004 0 0 1-15.05.738l-.024.004l-.355-.431L17 22l-.772.636l-.001-.002l-.002-.002l-.005-.007l-.017-.02a7 7 0 0 1-.247-.327a14 14 0 0 1-.61-.924c-.47-.778-1.037-1.886-1.4-3.179c-.362-1.293-.528-2.809-.148-4.373c.37-1.522 1.243-3.02 2.824-4.358zm1.68 12.638a6.003 6.003 0 0 0 11.564-.833l.113.038a2 2 0 0 1-.006-.17c0-1.655-.23-2.81-.444-3.53a7 7 0 0 0-.139-.416l-.041.002h-.04a11.5 11.5 0 0 1-2.232-.17c-1.717-.29-4.042-1.014-6.78-2.691q-.09.201-.18.453c-.196.555-.357 1.214-.496 1.91c-.123.613-.224 1.23-.32 1.808l-.037.228c-.103.62-.206 1.229-.326 1.67c-.21.766-.424 1.31-.636 1.7m-1.4-1.863a11 11 0 0 1-1.056-2.465c-.299-1.066-.409-2.22-.131-3.361c.27-1.11.923-2.277 2.266-3.383c.242-.164.352-.384.382-.443v-.001a2 2 0 0 0 .126-.337c.032-.114.067-.27.1-.41l.035-.157c.095-.403.218-.842.438-1.243c.214-.388.507-.72.943-.937c.438-.219 1.116-.369 2.178-.227c1.453.193 4.186.656 6.532 1.85c2.33 1.185 4.092 2.979 4.092 5.824c0 1.31-.44 2.8-.97 3.975c-.1-.766-.244-1.392-.392-1.888a8 8 0 0 0-.385-1.037a5 5 0 0 0-.19-.365l-.017-.027l-.006-.01l-.003-.005l-.002-.003l-.84.54l.84-.54l-.37-.574l-.662.133l-.014.003l-.097.013a5 5 0 0 1-.448.03a9.5 9.5 0 0 1-1.84-.144c-1.613-.272-3.983-1.013-6.862-2.93l-.7-.467l-.579.61c-.477.502-.801 1.187-1.038 1.854c-.242.685-.425 1.45-.572 2.184a53 53 0 0 0-.332 1.88l-.038.224c-.107.651-.194 1.148-.282 1.47q-.054.199-.106.364m13.881.422l.004-.002zm.004-.002l-.004.002z'/%3E%3Cpath d='M17.914 28.855c-.212-.422-.473-.943-.914-.842c-5.404 1.23-11 4.781-11 8.557V42h36v-5.43c0-2.974-3.472-5.809-7.587-7.48l-.005-.01l-.014-.027l-.033.016c-1.093-.44-2.231-.8-3.361-1.056c-.503-.115-1.023.577-1.25 1.01H18zm13.489 1.32q.656.182 1.301.407c.012.342-.014.746-.07 1.158a8 8 0 0 1-.272 1.26H31a1 1 0 0 0-.894.553l-1 2A1 1 0 0 0 29 36v2a1 1 0 0 0 1 1h2v-2h-1v-.764L31.618 35h2.764L35 36.236V37h-1v2h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-.106-.447l-1-2A1 1 0 0 0 35 33h-.566a11 11 0 0 0 .248-1.609c.975.461 1.881.99 2.666 1.562C39.27 34.355 40 35.667 40 36.57V40H8v-3.43c0-.903.73-2.215 2.652-3.617c.966-.705 2.119-1.343 3.355-1.871a10.2 10.2 0 0 0 .381 2.354l.008.028a3 3 0 1 0 1.956-.444l-.044-.144a8 8 0 0 1-.235-1.136a7 7 0 0 1-.07-1.171q.005-.126.015-.224q.18-.056.36-.107l.415.786h14.164zM16 37.016c.538 0 1-.44 1-1.015c0-.574-.462-1.015-1-1.015s-1 .44-1 1.015c0 .574.462 1.015 1 1.015'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--hospitalized-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' fill-rule='evenodd' d='M32 9a1 1 0 0 1-1-1V6h-2v2c0 1.306.835 2.418 2 2.83V12h-1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-1v-1h5v12.066H20.11a.3.3 0 0 1-.218-.09l-.366-.37l.369-.367a3.77 3.77 0 0 0 .001-5.333l-1.8-1.8a3.77 3.77 0 0 0-5.333-.003l-.704.704a3.95 3.95 0 0 0-3.892 1.021a4.034 4.034 0 0 0 0 5.676l.833.839V34H6v2h3.05a3.5 3.5 0 1 0 4.899 0h20.102a3.5 3.5 0 1 0 4.899 0H42v-2h-4v-3h.066C40.24 31 42 29.224 42 27.033a3.97 3.97 0 0 0-2-3.455V11a2 2 0 0 0-2-2zm-18.174 7.868l4.29 4.32l.365-.364a1.77 1.77 0 0 0 0-2.504l-1.8-1.8a1.77 1.77 0 0 0-2.504-.002zm2.45 13.8c.21.212.497.332.796.332H36v3H11v-8.644zm2.198-6.283c.431.434 1.02.681 1.636.681h17.956c1.052 0 1.934.865 1.934 1.967S39.119 29 38.066 29H17.438l-7.852-7.905a2.034 2.034 0 0 1 0-2.857a1.953 1.953 0 0 1 2.782 0zM13 38.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0M36.5 40a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M31 18v-4h2v4z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.healthicons--insurance-card-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black'%3E%3Cpath d='M24 23H10v-2h14zm-14-4h14v-2H10zm14 8H10v-2h14zm-14 4h14v-2H10zm18-3.56a2 2 0 0 1 2.392-1.962l2.216.444a2 2 0 0 0 .784 0l2.216-.444A2 2 0 0 1 38 27.44V32H28zM33 24a4 4 0 1 0 0-8a4 4 0 0 0 0 8'/%3E%3Cpath fill-rule='evenodd' d='M7 10a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3h34a3 3 0 0 0 3-3V13a3 3 0 0 0-3-3zm34 2H7a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--accident-and-emergency-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black'%3E%3Cpath fill-rule='evenodd' d='M39 8H9a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M20.489 16.33c-1.643.284-2.84 1.676-3.036 3.332L16 32h16l-1.456-12.355c-.194-1.648-1.38-3.037-3.014-3.323c-2.45-.429-4.492-.433-7.041.008m1.241 4.318a1 1 0 0 0-1.984-.248l-.905 7.238a1 1 0 1 0 1.984.248z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M22.474 18.077a3 3 0 0 1 1.24 2.819l-.904 7.238c-.094.75-.456 1.4-.98 1.866h7.92l-1.192-10.121c-.102-.87-.704-1.47-1.372-1.587c-1.671-.292-3.11-.367-4.712-.215m8.07 1.568c-.194-1.648-1.38-3.037-3.014-3.323c-2.45-.429-4.492-.433-7.041.008c-1.643.284-2.84 1.676-3.036 3.332L16 32h16zm-8.814 1.003l-.905 7.238a1 1 0 1 1-1.984-.248l.905-7.238a1 1 0 1 1 1.984.248M33 36H15v-2h18z' clip-rule='evenodd'/%3E%3Cpath d='M13 24q0 .505.045 1H10v-2h3.045Q13 23.495 13 24m2.012-6.344a11 11 0 0 0-1.001 1.732l-2.635-1.522l1-1.732zm4.376-3.646q-.916.426-1.732 1.002l-1.522-2.636l1.732-1zM24 13q-.505 0-1 .045V10h2v3.045A11 11 0 0 0 24 13m6.344 2.012a11 11 0 0 0-1.732-1.001l1.522-2.635l1.732 1zm3.646 4.376a11 11 0 0 0-1.002-1.732l2.636-1.522l1 1.732zM35 24q0-.505-.045-1H38v2h-3.045q.045-.495.045-1'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--doctor-male-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='m16.649 9.326l.055-.24c.105-.446.277-1.102.632-1.748c.362-.658.923-1.325 1.803-1.764c.877-.437 1.976-.6 3.335-.42c1.5.2 4.513.696 7.175 2.05c2.677 1.362 5.185 3.705 5.185 7.607c0 2.016-.78 4.179-1.536 5.589c-.363.678-.794 1.326-1.226 1.675c-.099.08-.24.18-.415.25a8.004 8.004 0 0 1-15.05.738l-.024.004l-.355-.431L17 22l-.772.636l-.001-.002l-.002-.002l-.005-.007l-.017-.02a7 7 0 0 1-.247-.327a14 14 0 0 1-.61-.924c-.47-.778-1.037-1.886-1.4-3.179c-.362-1.293-.528-2.809-.148-4.373c.37-1.522 1.243-3.02 2.824-4.358zm1.68 12.638a6.003 6.003 0 0 0 11.564-.833l.113.038a2 2 0 0 1-.006-.17c0-1.655-.23-2.81-.444-3.53a7 7 0 0 0-.139-.416l-.041.002h-.04a11.5 11.5 0 0 1-2.232-.17c-1.717-.29-4.042-1.014-6.78-2.691q-.09.201-.18.453c-.196.555-.357 1.214-.496 1.91c-.123.613-.224 1.23-.32 1.808l-.037.228c-.103.62-.206 1.229-.326 1.67c-.21.766-.424 1.31-.636 1.7m-1.4-1.863a11 11 0 0 1-1.056-2.465c-.299-1.066-.409-2.22-.131-3.361c.27-1.11.923-2.277 2.266-3.383c.242-.164.352-.384.382-.443v-.001a2 2 0 0 0 .126-.337c.032-.114.067-.27.1-.41l.035-.157c.095-.403.218-.842.438-1.243c.214-.388.507-.72.943-.937c.438-.219 1.116-.369 2.178-.227c1.453.193 4.186.656 6.532 1.85c2.33 1.185 4.092 2.979 4.092 5.824c0 1.31-.44 2.8-.97 3.975c-.1-.766-.244-1.392-.392-1.888a8 8 0 0 0-.385-1.037a5 5 0 0 0-.19-.365l-.017-.027l-.006-.01l-.003-.005l-.002-.003l-.84.54l.84-.54l-.37-.574l-.662.133l-.014.003l-.097.013a5 5 0 0 1-.448.03a9.5 9.5 0 0 1-1.84-.144c-1.613-.272-3.983-1.013-6.862-2.93l-.7-.467l-.579.61c-.477.502-.801 1.187-1.038 1.854c-.242.685-.425 1.45-.572 2.184a53 53 0 0 0-.332 1.88l-.038.224c-.107.651-.194 1.148-.282 1.47q-.054.199-.106.364m13.881.422l.004-.002zm.004-.002l-.004.002z'/%3E%3Cpath d='M17.914 28.855c-.212-.422-.473-.943-.914-.842c-5.404 1.23-11 4.781-11 8.557V42h36v-5.43c0-2.974-3.472-5.809-7.587-7.48l-.005-.01l-.014-.027l-.033.016c-1.093-.44-2.231-.8-3.361-1.056c-.503-.115-1.023.577-1.25 1.01H18zm13.489 1.32q.656.182 1.301.407c.012.342-.014.746-.07 1.158a8 8 0 0 1-.272 1.26H31a1 1 0 0 0-.894.553l-1 2A1 1 0 0 0 29 36v2a1 1 0 0 0 1 1h2v-2h-1v-.764L31.618 35h2.764L35 36.236V37h-1v2h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-.106-.447l-1-2A1 1 0 0 0 35 33h-.566a11 11 0 0 0 .248-1.609c.975.461 1.881.99 2.666 1.562C39.27 34.355 40 35.667 40 36.57V40H8v-3.43c0-.903.73-2.215 2.652-3.617c.966-.705 2.119-1.343 3.355-1.871a10.2 10.2 0 0 0 .381 2.354l.008.028a3 3 0 1 0 1.956-.444l-.044-.144a8 8 0 0 1-.235-1.136a7 7 0 0 1-.07-1.171q.005-.126.015-.224q.18-.056.36-.107l.415.786h14.164zM16 37.016c.538 0 1-.44 1-1.015c0-.574-.462-1.015-1-1.015s-1 .44-1 1.015c0 .574.462 1.015 1 1.015'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--book-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black'%3E%3Cpath d='M30 19h-5v-5h-2v5h-5v2h5v5h2v-5h5z'/%3E%3Cpath fill-rule='evenodd' d='M9 10a5 5 0 0 1 5-5h24a1 1 0 0 1 1 1v30a1 1 0 0 1-1 1H14a3 3 0 0 0-3 3v1h27v2H10a1 1 0 0 1-1-1zm5 25a4.98 4.98 0 0 0-3 1V10a3 3 0 0 1 3-3h23v28z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--geo-location {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' fill-rule='evenodd' d='M23.424 41.817L24 41zm1.152 0l.004-.002l.01-.007l.03-.023l.118-.085q.152-.111.43-.324c.368-.282.89-.697 1.513-1.23a43.4 43.4 0 0 0 4.575-4.54C34.564 31.78 38 26.32 38 20.076c0-3.73-1.474-7.31-4.098-9.95A13.96 13.96 0 0 0 24 6a13.96 13.96 0 0 0-9.902 4.125A14.12 14.12 0 0 0 10 20.077c0 6.243 3.436 11.703 6.744 15.529a43.4 43.4 0 0 0 4.575 4.54c.624.533 1.145.948 1.513 1.23a26 26 0 0 0 .547.41l.032.022l.009.007l.004.002c.345.243.807.243 1.152 0M24 41l.576.817zm5-21a5 5 0 1 1-10 0a5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.healthicons--megaphone-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10 18a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4V18zm4 12h-2v8a1 1 0 1 0 2 0zm-4 0a4 4 0 0 1-4-4v-6a4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v21a3 3 0 1 1-6 0zM30.481 7.123A1 1 0 0 1 31 8v10a4 4 0 0 1 4 4v1a4 4 0 0 1-4 4v10a1 1 0 0 1-1.537.844l-11-7A1 1 0 0 1 18 30V15a1 1 0 0 1 .463-.844l11-7a1 1 0 0 1 1.018-.033M31 25a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2zm-11-9.451V29.45l9 5.727V9.822zm20.832 1.896a1 1 0 0 1-.277 1.387l-3 2a1 1 0 0 1-1.11-1.664l3-2a1 1 0 0 1 1.387.277M36 24a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m.168 3.445a1 1 0 0 1 1.387-.277l3 2a1 1 0 0 1-1.11 1.664l-3-2a1 1 0 0 1-.277-1.387' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.healthicons--megaphone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black'%3E%3Cpath d='M12 31v7a2 2 0 1 0 4 0v-7zm-5-5v-6a3 3 0 0 1 3-3h6v12h-6a3 3 0 0 1-3-3m27-3v-1a3 3 0 0 0-3-3v7a3 3 0 0 0 3-3m-16 7V15l9.463-6.022A1 1 0 0 1 29 9.822v25.356a1 1 0 0 1-1.537.844z'/%3E%3Cpath fill-rule='evenodd' d='M40.832 17.445a1 1 0 0 1-.277 1.387l-3 2a1 1 0 0 1-1.11-1.664l3-2a1 1 0 0 1 1.387.277M36 24a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m.168 3.445a1 1 0 0 1 1.387-.277l3 2a1 1 0 0 1-1.11 1.664l-3-2a1 1 0 0 1-.277-1.387' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--phone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M13.24 21.58c2.88 5.66 7.52 10.28 13.18 13.18l4.4-4.4c.54-.54 1.34-.72 2.04-.48c2.24.74 4.66 1.14 7.14 1.14c1.1 0 2 .9 2 2V40c0 1.1-.9 2-2 2C21.22 42 6 26.78 6 8c0-1.1.9-2 2-2h7c1.1 0 2 .9 2 2c0 2.5.4 4.9 1.14 7.14c.22.7.06 1.48-.5 2.04z'/%3E%3C/svg%3E");
}

.lineicons--telephone-3 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='m9.406 5.021l.643 1.998c.051.158.103.383.071.64a2.1 2.1 0 0 1-1.344 1.709l-2.693 1.01a2.096 2.096 0 0 1-2.832-1.963V7.306c0-.607.28-1.206.81-1.574A13.9 13.9 0 0 1 12 3.25c2.95 0 5.688.917 7.941 2.482c.53.368.81.967.81 1.574v1.109a2.096 2.096 0 0 1-2.833 1.962l-2.692-1.01a2.1 2.1 0 0 1-1.344-1.708c-.032-.257.02-.482.07-.64l.644-1.998A12.5 12.5 0 0 0 12 4.75c-.89 0-1.758.093-2.595.271m-1.447.4a12.4 12.4 0 0 0-3.043 1.543a.41.41 0 0 0-.165.342v1.109c0 .416.416.704.806.558l2.692-1.01a.6.6 0 0 0 .379-.462l-.006-.022zM15.38 7.48l-.006.022a.6.6 0 0 0 .379.462l2.692 1.01a.596.596 0 0 0 .805-.558v-1.11a.41.41 0 0 0-.164-.342a12.4 12.4 0 0 0-3.043-1.542zm-3.379 5.282a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5m-1.25 2.75a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0'/%3E%3Cpath d='M9.994 10.53a5.25 5.25 0 0 1 4.015 0l4.815 1.993a2.25 2.25 0 0 1 1.332 1.572l.901 3.898a2.25 2.25 0 0 1-2.192 2.757H5.138a2.25 2.25 0 0 1-2.192-2.757l.9-3.897a2.25 2.25 0 0 1 1.332-1.573zm3.441 1.387a3.75 3.75 0 0 0-2.867 0l-4.816 1.992a.75.75 0 0 0-.444.524l-.901 3.898a.75.75 0 0 0 .73.919h13.728a.75.75 0 0 0 .73-.92l-.9-3.897a.75.75 0 0 0-.444-.524z'/%3E%3C/g%3E%3C/svg%3E");
}

.mdi--telephone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.28-.28.67-.36 1.02-.25c1.12.37 2.32.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
}

.fluent-emoji-high-contrast--telephone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='black'%3E%3Cpath d='m29.631 12.63l.33 1.47c.05.223.05.444.008.652q.03.12.031.248a1 1 0 0 1-1 1h-2.255l-1.483-1.977v-.002A2.54 2.54 0 0 0 23.22 13H23v-1.69c0-.722-.588-1.31-1.31-1.31h-1.38c-.722 0-1.31.588-1.31 1.31v1.68h-6v-1.68c0-.722-.588-1.31-1.31-1.31h-1.38C9.588 10 9 10.588 9 11.31V13h-.22c-.808 0-1.563.381-2.05 1.03L5.254 16H3a1 1 0 0 1-.969-1.248a1.5 1.5 0 0 1 .008-.652l.32-1.47A7.2 7.2 0 0 1 9.379 7h13.242a7.18 7.18 0 0 1 7.01 5.63'/%3E%3Cpath d='m24.46 14.62l3.66 4.88A9.37 9.37 0 0 1 30 25.13v3.31c0 .86-.7 1.56-1.56 1.56H3.56C2.7 30 2 29.3 2 28.44v-3.31c0-2.03.66-4.01 1.88-5.63l3.65-4.87c.3-.4.76-.63 1.25-.63h.91c.17 0 .31-.14.31-.31v-2.38c0-.17.14-.31.31-.31h1.38c.17 0 .31.14.31.31v2.38c0 .17.14.31.31.31h7.38c.17 0 .31-.14.31-.31v-2.38c0-.17.14-.31.31-.31h1.38c.17 0 .31.14.31.31v2.38c0 .17.14.31.31.31h.91c.49 0 .95.23 1.24.62M13.698 19c.17 0 .311-.14.301-.312v-1.376a.313.313 0 0 0-.311-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312zm3 0a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312zm1.624 0h1.376a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312m-4.624 3c.17 0 .311-.14.301-.312v-1.376a.313.313 0 0 0-.311-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312zm1.624 0h1.376a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312m4.376 0a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312zm-7.376 3h1.376c.17 0 .311-.14.301-.312v-1.376a.313.313 0 0 0-.311-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312m4.376 0a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312zm1.624 0h1.376a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312'/%3E%3C/g%3E%3C/svg%3E");
}

.ic--baseline-whatsapp {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
}

.ic--baseline-phone-in-talk {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.05 15.05 0 0 1-6.59-6.59l2.2-2.21a.96.96 0 0 0 .25-1A11.4 11.4 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1c0 9.39 7.61 17 17 17c.55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M19 12h2a9 9 0 0 0-9-9v2c3.87 0 7 3.13 7 7m-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3'/%3E%3C/svg%3E");
}

.fluent--chevron-right-32-regular {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='M11.293 26.707a1 1 0 0 1 0-1.414L20.586 16l-9.293-9.293a1 1 0 0 1 1.414-1.414l10 10a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0'/%3E%3C/svg%3E");
}

.fluent--chevron-left-32-regular {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='black' d='M20.707 5.293a1 1 0 0 1 0 1.414L11.414 16l9.293 9.293a1 1 0 0 1-1.414 1.414l-10-10a1 1 0 0 1 0-1.414l10-10a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
}

.iconamoon--certificate-badge-light {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='black' d='m15 22l-.416.624A.75.75 0 0 0 15.75 22zm-3-2l.416-.624a.75.75 0 0 0-.832 0zm-3 2h-.75a.75.75 0 0 0 1.166.624zM8.75 3.537l-.06.748zm1.685-.697l-.572-.486zM6.532 5.686l-.748.06zm2.154-2.154l.06-.748zM5.84 7.435l.486.57zm.697-1.684l.748-.06zm-.747 4.772l-.486.571zm0-3.046l-.486-.571zm.747 4.772l-.747-.06zm-.697-1.684l.486-.57zm2.846 3.903l.06.748zm-2.154-2.154l.747.06zm3.903 2.846l.57-.486zm-1.684-.697l-.06-.748zm4.772.747l.571.486zm-3.046 0l-.571.486zm4.772-.747l.06-.748zm-1.684.697l-.57-.486zm3.903-2.846l.748-.06zm-2.154 2.154l-.06.748zm2.846-3.903l.486.572zm-.697 1.684l-.748.06zm.747-4.772l.486-.571zm0 3.046l-.486-.571zm-.747-4.772l-.748-.06zm.697 1.684l-.486.57zm-2.846-3.903l-.06-.748zm2.154 2.154l.748.06zM13.565 2.84l.572-.486zm1.684.697l.06.748zm-1.726-.747l-.571.486zm-3.046 0l.571.486zM9 14.458l.033-.749zm6.416 6.918l-3-2l-.832 1.248l3 2zm-3.832-2l-3 2l.832 1.248l3-2zm1.368-16.1l.042.05l1.143-.972l-.043-.05zm2.357 1.009l.065-.006l-.12-1.495l-.065.006zm1.412 1.34l-.006.066l1.495.12l.006-.065zm.953 2.38l.05.043l.972-1.142l-.05-.043zm.05 1.947l-.05.042l.972 1.143l.05-.043zm-1.009 2.357l.006.065l1.495-.12l-.006-.065zm-1.34 1.412l-.066-.006l-.12 1.495l.065.006zm-2.38.953l-.043.05l1.142.972l.043-.05zm-1.947.05l-.042-.05l-1.143.972l.043.05zm-2.357-1.009l-.065.005l.12 1.496l.065-.005zm-1.412-1.34l.006-.066l-1.495-.12l-.006.065zm-.953-2.38l-.05-.043l-.972 1.142l.05.043zm-.05-1.947l.05-.042l-.972-1.143l-.05.043zm1.009-2.357l-.006-.065l-1.495.12l.006.065zm1.34-1.412l.066.006l.12-1.495l-.065-.006zm2.38-.953l.043-.05l-1.142-.972l-.043.05zm-2.314.959a2.75 2.75 0 0 0 2.315-.96l-1.143-.971a1.25 1.25 0 0 1-1.052.436zm-1.412 1.34A1.25 1.25 0 0 1 8.626 4.28l.12-1.495a2.75 2.75 0 0 0-2.962 2.962zm-.953 2.38a2.75 2.75 0 0 0 .959-2.314l-1.495.12c.032.4-.13.792-.436 1.052zm-.05 1.947a1.25 1.25 0 0 1 0-1.904l-.972-1.142a2.75 2.75 0 0 0 0 4.188zm1.009 2.357a2.75 2.75 0 0 0-.96-2.315l-.971 1.143c.306.26.468.652.436 1.052zm1.34 1.412a1.25 1.25 0 0 1-1.346-1.347l-1.495-.12a2.75 2.75 0 0 0 2.962 2.962zm4.327 1.003a1.25 1.25 0 0 1-1.904 0l-1.142.972a2.75 2.75 0 0 0 4.188 0zm3.769-2.35a1.25 1.25 0 0 1-1.347 1.346l-.12 1.496a2.75 2.75 0 0 0 2.962-2.962zm.953-2.38a2.75 2.75 0 0 0-.959 2.315l1.495-.12c-.032-.4.13-.792.436-1.052zm.05-1.946a1.25 1.25 0 0 1 0 1.904l.972 1.142a2.75 2.75 0 0 0 0-4.188zm-1.009-2.357a2.75 2.75 0 0 0 .96 2.315l.971-1.143a1.25 1.25 0 0 1-.436-1.052zm-1.34-1.412a1.25 1.25 0 0 1 1.346 1.347l1.495.12a2.75 2.75 0 0 0-2.962-2.962zm-2.38-.953a2.75 2.75 0 0 0 2.314.959l-.12-1.495a1.25 1.25 0 0 1-1.052-.436zm1.1-1.022a2.75 2.75 0 0 0-4.19 0l1.143.972a1.25 1.25 0 0 1 1.904 0zm-3.09 12.37a2.75 2.75 0 0 0-1.972-.965l-.066 1.499c.344.015.67.172.896.438zm-1.972-.965a3 3 0 0 0-.342.006l.12 1.495q.078-.006.156-.002zM9.75 22v-7.542h-1.5V22zm5.56-8.285a3 3 0 0 0-.343-.006l.066 1.499q.078-.004.156.002zm-.343-.006a2.75 2.75 0 0 0-1.973.965l1.143.972a1.25 1.25 0 0 1 .896-.438zm-.717.75V22h1.5v-7.542z'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m14 8l-3 3l-1-1'/%3E%3C/g%3E%3C/svg%3E");
}

.iconamoon--certificate-badge-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M14.285 2.142a3 3 0 0 0-4.57 0l-.042.05a1 1 0 0 1-.842.348l-.065-.005a3 3 0 0 0-3.23 3.231l.004.065a1 1 0 0 1-.348.842l-.05.042a3 3 0 0 0 0 4.57l.05.042a1 1 0 0 1 .348.842l-.005.065A3 3 0 0 0 8 15.429V22a1 1 0 0 0 1.555.832L12 21.202l2.445 1.63A1 1 0 0 0 16 22v-6.57a3 3 0 0 0 2.465-3.196l-.005-.065a1 1 0 0 1 .348-.842l.05-.042a3 3 0 0 0 0-4.57l-.05-.042a1 1 0 0 1-.348-.842l.005-.065a3 3 0 0 0-3.231-3.23l-.065.004a1 1 0 0 1-.842-.348zM10 20.132V16.15a3 3 0 0 0 4 0v3.98l-1.445-.963a1 1 0 0 0-1.11 0zm4.707-11.425a1 1 0 0 0-1.414-1.414L11 9.586l-.293-.293a1 1 0 0 0-1.414 1.414l1 1a1 1 0 0 0 1.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.iconamoon--shield-yes-light {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='black' d='m12 3l.295-.69a.75.75 0 0 0-.59 0zm0 18l-.372.651a.75.75 0 0 0 .744 0zm6.394-15.26l-.295.69zM8.024 18.727l-.373.652zm3.68-16.416L5.312 5.05L5.9 6.43l6.394-2.74zM4.25 6.659v6.86h1.5v-6.86zm3.401 12.72l3.977 2.272l.744-1.302l-3.977-2.273zm4.721 2.272l3.977-2.272l-.744-1.303l-3.977 2.273zm7.378-8.133V6.66h-1.5v6.86zm-1.06-8.467l-6.395-2.74l-.59 1.378l6.394 2.74zm1.06 1.608c0-.7-.417-1.332-1.06-1.608l-.591 1.379a.25.25 0 0 1 .151.23zm-3.401 12.72a6.75 6.75 0 0 0 3.401-5.86h-1.5a5.25 5.25 0 0 1-2.645 4.557zM4.25 13.519a6.75 6.75 0 0 0 3.401 5.86l.744-1.303a5.25 5.25 0 0 1-2.645-4.558zM5.31 5.05a1.75 1.75 0 0 0-1.06 1.608h1.5c0-.1.06-.19.152-.23z'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m15 10l-4 4l-2-2'/%3E%3C/g%3E%3C/svg%3E");
}

.iconamoon--shield-yes-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M11.606 2.08a1 1 0 0 1 .788 0l6.394 2.741A2 2 0 0 1 20 6.66v6.86a7 7 0 0 1-3.527 6.077l-3.977 2.272a1 1 0 0 1-.992 0l-3.977-2.272A7 7 0 0 1 4 13.518V6.66a2 2 0 0 1 1.212-1.838zm4.101 8.627a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.mdi--shield-star {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5zm3.08 15L12 14.15L8.93 16l.81-3.5l-2.71-2.34l3.58-.31L12 6.55l1.39 3.29l3.58.31l-2.71 2.35z'/%3E%3C/svg%3E");
}

.iconamoon--arrow-right-6-circle-light {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m11 15l3-3l-3-3'/%3E%3C/g%3E%3C/svg%3E");
}

.healthicons--ambulance-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='black'%3E%3Cpath d='M32 12.5a1 1 0 1 0 2 0V11a1 1 0 1 0-2 0zM16 24v3h2v-3h3v-2h-3v-3h-2v3h-3v2z'/%3E%3Cpath fill-rule='evenodd' d='M4 17a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v2h1v-1h1v-1a1 1 0 1 1 2 0v1h1v1h.718a3 3 0 0 1 2.035.796l5.282 4.875A3 3 0 0 1 44 26.876V35h-5.126a4.002 4.002 0 0 1-7.748 0H15.874a4.002 4.002 0 0 1-7.748 0H4zm27.126 16a4.002 4.002 0 0 1 7.748 0H42v-5H30v5zM30 26h11.526l-5.13-4.735a1 1 0 0 0-.678-.265H30zm-3-10a1 1 0 0 1 1 1v16H15.874a4.002 4.002 0 0 0-7.748 0H6V17a1 1 0 0 1 1-1zM12 36a2 2 0 1 0 0-4a2 2 0 0 0 0 4m25-2a2 2 0 1 1-4 0a2 2 0 0 1 4 0' clip-rule='evenodd'/%3E%3Cpath d='M36.5 17a1 1 0 0 1 1-1H39a1 1 0 1 1 0 2h-1.5a1 1 0 0 1-1-1m-.671-4.241a1 1 0 1 0 1.343 1.482l.914-.828a1 1 0 0 0-1.343-1.482z'/%3E%3C/g%3E%3C/svg%3E");
}

.medical-icon--i-ambulance {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M33.82 15.553v-1.259h1.645v-.796c0-1.416 1.237-2.561 2.768-2.561c1.528 0 2.765 1.145 2.765 2.561v.796h1.609v1.259zM54.198 47.38a5.872 5.872 0 1 1-11.745 0a5.872 5.872 0 1 1 11.745 0m-3.063 0a2.808 2.808 0 0 0-5.617 0a2.809 2.809 0 1 0 5.617 0m-30.566-.056a5.873 5.873 0 0 1-5.875 5.873a5.875 5.875 0 0 1 0-11.748a5.877 5.877 0 0 1 5.875 5.875m-3.053.005a2.81 2.81 0 0 0-2.81-2.808a2.81 2.81 0 1 0 2.81 2.808'/%3E%3Cpath fill='black' d='M58.188 30.675c1.755.342 2.805 1.099 3.597 5.43l1.253 7.815c.451 2.543-.986 3.471-2.778 3.471h-4.304c0-4.214-3.414-7.642-7.628-7.642s-7.632 3.428-7.632 7.642H22.303c0-4.214-3.416-7.642-7.63-7.642c-4.216 0-7.631 3.428-7.631 7.642H3.476c-1.256 0-2.234-.951-2.234-2.178V19.515c0-1.4 1.105-2.525 2.46-2.525H49.88c1.755 0 3.038.871 3.672 2.398l4.636 11.288zM42.795 19.609v10.675h12.343l-4.33-10.675zm-11.042 9.305v-6.55h-6.55v6.55h-6.551v6.551h6.551v6.549h6.55v-6.549h6.55v-6.551z'/%3E%3C/svg%3E");
}

/* icc */
.quicklinks {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    border-radius: 9px;
    overflow: hidden;
    background-color: #26447f;
    padding: 30px 0;
    gap: 30px 10px;
    background: radial-gradient(#26447f, #1b3464);
    /* background: none; */
    gap: 5px 10px;
    padding: 10px 0 15px;
}

.quicklinks__btns {
    --background: linear-gradient(353deg, #233d5d 30%, #0b5280 70%);
    background: transparent;
    color: #31507b;
    display: flex;
    padding: 0px 20px;
    align-items: center;
    gap: 10px 11px;
    font-family: var(--ff-body);
    color: #fff;
    /* justify-content: center; */
    /* text-align: center; */
    /* background: radial-gradient(#26447f, #1b3464); */
    padding: 20px 20px 10px;
    /* border-radius: 23px; */
    border-bottom: 1px solid #dee0ea40;
}

.quicklinks__btns:nth-child(1) {
    --bg: #45b4e2;
}

.quicklinks__btns:nth-child(2) {
    --bg: #0b86cb;
}

.quicklinks__btns:nth-child(3) {
    --bg: #3158a0;
}

.quicklinks__btns:nth-child(4) {
    --bg: #2b4067;
    border: none;
}

.h {
    color: #45b4e2;
    color: #0b86cb;
    color: #3158a0;
}

.quicklinks__btns>div {
    display: flex;
    align-items: center;
    gap: 4px 12px;
    flex-direction: column;
    justify-content: center;
    flex-direction: row;
}

.quicklinks__btns .icon {
    --icw: 54px;
    width: var(--icw, 65);
    height: var(--icw, 65);
    background-color: var(--secondary);
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 15px;
    transition: all 250ms ease-in-out;
    margin-bottom: 0px;
}

.quicklinks__btns:hover .icon {
    /* transform: scale(0.95); */
    background-color: var(--secondary);
}

.quicklinks__btns .icon i {
    font-size: calc(var(--icw) - 25px);
    /* color: var(--secondary-color); */
}

.quicklinks__btns .title {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.quicklinks__btns .subtitle {
    color: #2a2c36;
    font-size: 13px;
    font-weight: 300;
    color: #fdfdfd;
    margin-top: 4px;
    letter-spacing: 0.02em;
}

.quicklinks__btns:hover .quickarrow {
    opacity: 1;
}

.quickarrow {
    font-size: 44px;
    line-height: normal;
    opacity: 0.6;
    transition: all 300ms ease;
    display: none;
}

.dept-detail-image-wrapper {
    display: none;
}

@keyframes slide-in {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.topright-phone {
    font-weight: 500;
    letter-spacing: 0.1px;
}

.topright-phone a {
    color: #ffbf00;
    transition: all 300ms ease;
    display: inline-block;
}

.topright-phone a:hover {
    color: #fff;
}

.topright-phone .svg {
    font-size: 24px;
    vertical-align: bottom;
    line-height: 1.5;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgb(255 255 255 / 91%) !important;
}

.homedoctor {
    background-color: #ececff38;
}

.department-section {
    position: relative;
    padding: 4.5rem 0;
    /* background-color: var(--clr-bg-main); */
    color: var(--clr-text-main);
}

.dept-header {
    max-width: 760px;
    margin: 0 auto 3rem;
    text-align: center;
}

.dept-main-title {
    font-size: 2.35rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.dept-main-subtitle {
    font-size: 1.05rem;
    color: var(--clr-text-muted);
    line-height: 1.6;
    margin: 0 auto;
    font-weight: 400;
}

.dept-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
    justify-content: center;
}

.dept-card {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 2rem 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.35s ease;
    box-shadow: 0 4px 18px rgba(15, 43, 72, 0.06);
    border: 1px solid #e2e8f0;
    height: 100%;
    border: 1px solid var(--secondary-alpha);
}

.dept-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 128, 128, 0.12);
    /* border-color: #004580; */
    background: var(--secondary-light-2);
}

/* 24h Emergency Badge Style Card */
.dept-card--emergency {
    background: #fff8f8;
    border: 1px solid #fca5a5;
}

.dept-card--emergency .dept-card__icon-wrapper {
    background: rgba(220, 38, 38, 0.1);
    color: var(--clr-emergency);
}

.dept-card__icon-wrapper {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #f2f8f9;
    background-color: var(--secondary-light);
    color: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    /* display: none; */
}

.dept-card__icon-wrapper svg {
    width: 29px;
    height: 35px;
}

.dept-card:hover .dept-card__icon-wrapper {
    background: #0d4a74;
    background: #2c8d8d;
    background: var(--secondary);
    color: #ffffff;
    transform: scale(1.05);
    background-color: var(--secondary-alpha);
    color: var(--secondary);
}

.dept-card--emergency:hover .dept-card__icon-wrapper {
    background: var(--clr-emergency);
    color: #ffffff;
}

.dept-card__body {
    flex: 1;
}

.dept-card__title {
    font-size: 1.35rem;
    font-weight: 550;
    color: #343838;
    margin-bottom: 0.75rem;
    line-height: 1.35;
    letter-spacing: 0.1px;
}

.dept-card--emergency .dept-card__title {
    color: #b91c1c;
}

.dept-card__desc {
    font-size: 1rem;
    color: #343638;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    font-weight: 400;
    margin-bottom: 10px;
}

.dept-card__footer {
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dept-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary);
    transition: gap 0.3s ease, color 0.3s ease;
}

.dept-card--emergency .dept-card__link {
    color: var(--clr-emergency);
}

.dept-card__link i {
    font-size: 0.8rem;
    transition: transform 0.3s ease;
}

.dept-card:hover .dept-card__link {
    color: #006666;
}

.dept-card--emergency:hover .dept-card__link {
    color: #b91c1c;
}

.dept-card:hover .dept-card__link i {
    transform: translateX(4px);
}

.supportservice-section {
    position: relative;
    padding: 2.5rem 0 2.5rem;
    background: #fdeeee;
    background: #e8e1e16b;
}

.supportservice-header {
    max-width: 780px;
    margin: 0 auto 3.5rem;
    text-align: center;
}

.supportservice-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1.15rem;
    background-color: #e0f2fe;
    color: #0369a1;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: var(--radius-full);
    margin-bottom: 1rem;
    border: 1px solid #bae6fd;
}

.supportservice-main-title {
    font-size: 2.35rem;
    font-weight: 600;
    color: #093f77;
    margin-bottom: 0.85rem;
    letter-spacing: -0.02em;
}

.supportservice-main-subtitle {
    font-size: 1.05rem;
    color: #2f2f2f;
    line-height: 1.6;
    margin: 0 auto;
    font-weight: 500;
}

.supportservice-grid {
    /* display: flex;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0px;
    /* place-items: center; */
    /* justify-items: stretch; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    /* --bs-gutter-x: 0; */
    /* --bs-gutter-y: 11px; */
}

.supportservice-card {
    background: #fff;
    color: #fff;
    padding: 21px 24px;
    border-radius: 15px;
    text-align: center;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    align-items: center;
    margin-bottom: 20px;
    transition: all 300ms ease;
    border: 1px solid var(--secondary-alpha);
}

.supportservice-card:hover {
    transform: translateY(-6px);
    /* box-shadow: 0 20px 35px rgba(15, 43, 72, 0.1); */
    /* border-color: rgba(0, 128, 128, 0.3); */
    background-color: var(--secondary-light-2);
}

.supportservice-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.supportservice-card__icon-wrapper {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--secondary-light-3);
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: 14px;
}

.supportservice-card__icon-wrapper svg {
    width: 26px;
    height: 26px;
}

.supportservice-card:hover .supportservice-card__icon-wrapper {
    background: var(--secondary);
    color: #ffffff;
    transform: scale(1.06);
}

.supportservice-card__badge {
    font-size: 0.775rem;
    font-weight: 700;
    padding: 0.3rem 0.75rem;
    border-radius: 20px;
    background: #f1f5f9;
    color: #475569;
    letter-spacing: 0.02em;
}

.supportservice-card:hover .supportservice-card__badge {
    background: #e2e8f0;
    color: var(--clr-navy-main);
}

.supportservice-card__body {
    flex: 1;
}

.supportservice-card__title {
    font-size: 1.15rem;
    font-weight: 550;
    color: #181818;
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: 0pc;
    font-family: var(--ff-body);
}

.supportservice-card__subtitle {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--clr-teal-primary);
    margin-bottom: 0.75rem;
}

.supportservice-card__desc {
    font-size: 0.9rem;
    color: var(--clr-text-muted);
    line-height: 1.55;
    margin-bottom: 1.25rem;
}

.supportservice-card__footer {
    padding-top: 1rem;
    border-top: 1px solid #f1f5f9;
}

.supportservice-card__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    transition: all 0.3s ease;
}

.supportservice-card__link i {
    font-size: 0.8rem;
    transition: transform 0.3s ease;
}

.supportservice-card:hover .supportservice-card__link {
    color: var(--clr-teal-primary);
}

.supportservice-card:hover .supportservice-card__link i {
    transform: translateX(4px);
}

.abouthome {
    background-color: #ffffff;
    position: relative;
}

.abouthome__content {
    max-width: 630px
}

.abouthome__motto {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.1rem;
    font-weight: 500;
    font-style: italic;
    color: #156b6e;
    margin-bottom: 1.25rem;
    padding: 10px 26px;
    padding-left: 0.85rem;
    border-left: 3px solid #156b6e;
    background: #156b6e08;
    display: inline-block;
}

.abouthome__motto i {
    font-size: 26px;
    opacity: 0.8;
    margin-right: 7px;
    vertical-align: middle;
}

.abouthome__desc {
    font-size: 17.2px;
    color: #3a3a3a;
    line-height: 1.7;
    margin-bottom: 1.75rem;
    /* max-width: 652px; */
    font-weight: 430;
    letter-spacing: 0.25px;
}

/* Certifications Row */
.abouthome__cert-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.abouthome__cert-badge {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1.25rem;
    background: #f2f8f9;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    transition: all 0.3s ease;
    flex: 1 1 100%;
}

.abouthome__cert-badge:hover {
    border-color: var(--clr-teal-primary);
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 128, 128, 0.08);
}

.abouthome__cert-badge .cert-icon {
    width: 52px;
    height: 52px;
    border-radius: 99px;
    background: #ddedf0;
    color: #248d8d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
}

.abouthome__cert-badge .cert-text {
    display: flex;
    flex-direction: column;
}

.abouthome__cert-badge .cert-text strong {
    font-size: 0.99rem;
    color: var(--clr-navy-main);
    font-weight: 600;
}

.abouthome__cert-badge .cert-text span {
    font-size: 0.90rem;
    color: #474b4f;
}

/* Specialties Chips */
.abouthome__specialties {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.75rem;
}

.specialty-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.9rem;
    background: #f1f5f9;
    color: #334155;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.specialty-chip i {
    color: var(--clr-teal-primary);
}

.abouthome__phone-link {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    transition: all 0.3s ease;
}

.abouthome__phone-link:hover {
    color: var(--clr-teal-primary);
    border-color: var(--clr-teal-primary);
    background: #f8fafc;
}

.abouthome__image-wrapper {
    position: relative;
}

.abouthome__image-wrapper img {
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(15, 43, 72, 0.12);
}

.abouthome__exp-badge {
    position: absolute;
    bottom: -1.25rem;
    left: 1.5rem;
    background: #ffffff;
    /* color: #ffffff; */
    padding: 1rem 1.9rem;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 10px 25px rgba(15, 43, 72, 0.25);
    border: 2px solid #ffffff;
    max-width: 610px;
}

.abicon, .abicon-circle {
    width: 44px;
    height: 44px;
    border-radius: 99px;
    background: #248d8d;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    position: relative;
    z-index: 1;
}

.abicon:after {
    content: '';
    inset: 0;
    display: block;
    background: #ddedf0;
    transform: scale(1.45);
    width: 100%;
    height: 100%;
    border-radius: 99px;
    position: absolute;
    z-index: 0;
}

.abicon i {
    z-index: 10;
    position: relative;
}

.abouthome__exp-badge .exp-number {
    font-size: 2.2rem;
    font-weight: 500;
    color: #000000;
    line-height: 1;
    margin-bottom: 5px;
}

.abouthome__exp-badge .exp-text {
    font-size: 0.875rem;
    font-weight: 400;
    /* max-width: 140px; */
    line-height: 1.3;
}

.exp-text.bold {
    font-weight: 600;
}

/* ==========================================================================
   Insurance & TPA Section Styles
   ========================================================================== */
.insurance-section {
    background-color: var(--clr-bg-main);
    position: relative;
    background-color: #e8e1e16b;
}

.insurance-header {
    max-width: 780px;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.insurance-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1.15rem;
    background-color: #e0f2fe;
    color: #0369a1;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: var(--radius-full);
    margin-bottom: 1rem;
    border: 1px solid #bae6fd;
}

.insurance-main-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--clr-navy-main);
    margin-bottom: 0.85rem;
    letter-spacing: -0.02em;
}

.insurance-main-subtitle {
    font-size: 1.05rem;
    color: var(--clr-text-muted);
    line-height: 1.6;
    margin: 0 auto;
}

.insurance-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 0.05rem 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(15, 43, 72, 0.04);
    position: relative;
    width: 100%;
}

.insurance-card:hover {
    transform: translateY(-6px);
    border-color: var(--clr-teal-primary);
    box-shadow: 0 12px 25px rgba(0, 128, 128, 0.12);
}

.insurance-logo-wrapper {
    width: 100%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #f8fafc;
    border-radius: 12px;
    margin-bottom: 0.05rem;
    border: 1px solid #f1f5f9;
    background: #fff;
}

.insurance-logo-img {
    max-width: 100%;
    max-height: 95px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.insurance-card:hover .insurance-logo-img {
    transform: scale(1.06);
}

.insurance-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0rem;
    width: 100%;
}

.insurance-name {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    margin-bottom: 0.35rem;
    line-height: 1.3;
}

.insurance-type {
    font-size: 0.8rem;
    color: var(--clr-text-muted);
    font-weight: 500;
}

.insurance-card-footer {
    width: 100%;
    padding-top: 0.85rem;
    border-top: 1px solid #f1f5f9;
}

.cashless-tag {
    display: inline-flex;
    align-items: center;
    font-size: 0.775rem;
    font-weight: 700;
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-full);
}

.badge-cashless {
    background-color: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.badge-govt {
    background-color: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.badge-tpa {
    background-color: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
}

.insurance-helpdesk-banner>div {
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
    border: 1px solid var(--secondary-alpha);
}

.helpdesk-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--clr-teal-light);
    color: var(--clr-teal-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ==========================================================================
   Inner Pages - Breadcrumb Header
   ========================================================================== */
.inner-hero-breadcrumb {
    background: linear-gradient(135deg, #0f2b48 0%, #043e89 100%);
    padding: 2.00rem 0;
    color: #ffffff;
    position: relative;
    background: url('../images/bg/hospital-banner.webp');
    background-size: cover;
    background-position: center;
}

.inner-breadcrumb-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.inner-page-title {
    font-size: 1.55rem;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0.25rem;
    line-height: 1.2;
}

.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    list-style: none;
    padding: 0;
}

.breadcrumb-item-custom {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.75);
}

.breadcrumb-item-custom a {
    color: rgba(255, 255, 255, 0.85);
    transition: color 0.2s ease;
}

.breadcrumb-item-custom a:hover {
    color: var(--clr-gold);
}

.breadcrumb-item-custom.active {
    color: var(--clr-gold);
    font-weight: 600;
}

.breadcrumb-separator {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.75rem;
}

/* ==========================================================================
   Department Detail Layout & Sidebar
   ========================================================================== */
.dept-detail-image-wrapper img {
    max-height: 380px;
    object-fit: cover;
}

.dept-sub-heading {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--clr-navy-main);
}

.dept-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    height: 100%;
    transition: all 0.3s ease;
}

.dept-feature-card:hover {
    border-color: var(--clr-teal-primary);
    box-shadow: 0 8px 20px rgba(0, 128, 128, 0.08);
}

.feature-icon {
    font-size: 1.5rem;
    margin-top: 0.2rem;
}

.feature-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    margin-bottom: 0.25rem;
}

.feature-desc {
    font-size: 0.895rem;
    color: #505050;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 450;
}

.deptbullets_item {
    width: 100%;
    background-color: rgb(227 200 211 / 26%);
    /* border: 1px solid var(--secondary-alpha); */
    padding: 7px 10px;
    border-radius: 5px;
    color: #212121;
    font-weight: 450;
    font-size: 15px;
    transition: all var(--transition-fast);
}

.deptbullets_item:hover {
    background-color: rgb(227 200 211 / 36%);
}

.deptbullets_item i {
    color: var(--secondary-dark-rgb) !important;
    margin-right: 2px;
    font-size: 18px;
    opacity: 0.8;
}

.dept-sidebar-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.dept-sidebar-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #f1f5f9;
}

.dept-sidebar-nav li {
    margin-bottom: 0.5rem;
}

.dept-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    color: var(--clr-navy-main);
    font-size: 0.925rem;
    font-weight: 600;
    transition: all 0.25s ease;
}

.dept-sidebar-link:hover, .dept-sidebar-link.active {
    background: var(--secondary);
    color: #ffffff;
    border-color: var(--secondary);
}

.dept-sidebar-link:hover .arrow-icon, .dept-sidebar-link.active .arrow-icon {
    color: #ffffff;
    transform: translateX(3px);
}

.arrow-icon {
    font-size: 0.8rem;
    transition: transform 0.25s ease;
    color: #94a3b8;
}

.dept-sidebar-emergency {
    background: linear-gradient(135deg, #931630 0%, #0f2b48 100%);
    box-shadow: 0 10px 25px rgba(147, 22, 48, 0.2);
}

.doctor-card {
    transition: all 0.3s ease;
}

.doctor-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(15, 43, 72, 0.12) !important;
    /* border-color: var(--clr-teal-primary) !important; */
}

.doctor-card-img-wrapper {
    background: #ffffff;
    overflow: hidden;
}

.doctor-cardimg {
    /* padding: 8px; */
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 100%;
    margin: 10px;
    position: relative;
    background-color: #fff;
}

.doctor-img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.5s ease;
    position: absolute;
    inset: 0;
}

.doctor-card:hover .doctor-img {
    /* transform: scale(1.05); */
}

.contact-page-wrapper {
    background: #f4f1ed4a;
}

.contact-emergency-banner {
    background: linear-gradient(135deg, #0e365a 0%, #0f2b48 40%, #991b1b 100%);
    border: 1px solid rgba(220, 38, 38, 0.3);
}

.emergency-banner-bg {
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(220, 38, 38, 0.25) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
}

.emergency-pulse-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.85rem;
    background: rgba(220, 38, 38, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 50px;
}

.emergency-pulse-badge .pulse-dot {
    width: 8px;
    height: 8px;
    background: #ef4444;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: pulse-red-ring 1.8s infinite;
}

@keyframes pulse-red-ring {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.emergency-pulse-badge .badge-text {
    color: #fca5a5;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.btn-emergency-action {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.1rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.25s ease;
    backdrop-filter: blur(4px);
}

.btn-emergency-action:hover {
    background: #ffffff;
    color: #0e365a;
    border-color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.btn-emergency-action.action-gold {
    background: rgba(245, 158, 11, 0.2);
    border-color: rgba(245, 158, 11, 0.4);
    color: #fbbf24;
}

.btn-emergency-action.action-gold:hover {
    background: #fbbf24;
    color: #0e365a;
    border-color: #fbbf24;
}

/* Contact Info Cards */
.contact-card-modern {
    transition: all 0.3s ease;
}

.contact-card-modern:hover {
    transform: translateY(-3px);
    border-color: var(--clr-teal-primary) !important;
    box-shadow: 0 12px 25px rgba(0, 128, 128, 0.08) !important;
}

.contact-card-icon-box {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.contact-card-icon-sm {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-teal-light {
    background: rgba(0, 128, 128, 0.1);
}

.bg-navy-light {
    background: rgba(14, 54, 90, 0.1);
}

.bg-gold-light {
    background: rgba(245, 158, 11, 0.12);
}

.contact-card-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--clr-teal-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-card-link:hover {
    color: var(--clr-navy-main);
    text-decoration: underline;
}

.bg-whatsapp {
    background: #25d366;
}

.btn-whatsapp-chat {
    background: #25d366;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.82rem;
    border: none;
    transition: all 0.2s ease;
}

.btn-whatsapp-chat:hover {
    background: #128c7e;
    color: #ffffff;
}

.bg-teal-subtle-light {
    background: rgba(0, 128, 128, 0.04);
}

.hover-teal:hover {
    color: var(--clr-teal-primary) !important;
}

/* Contact Form Container & Controls */
.contact-form-wrapper {
    background: #ffffff;
    border-radius: 20px;
    /* border: 1px solid #e2e8f0; */
    box-shadow: 0 15px 35px rgba(14, 54, 90, 0.07);
    transition: box-shadow 0.3s ease;
}

.contact-form-wrapper:hover {
    box-shadow: 0 20px 40px rgba(14, 54, 90, 0.1);
}

.form-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--clr-navy-main);
    margin-bottom: 0.45rem;
    display: block;
}

.form-input, .form-control {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-family: var(--ff-body);
    color: var(--clr-navy-main);
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    transition: all 0.25s ease;
    outline: none;
}

.form-input::placeholder, .form-control::placeholder {
    color: #94a3b8;
    font-size: 0.9rem;
}

.form-input:hover, .form-control:hover {
    border-color: #94a3b8;
    background-color: #ffffff;
}

.form-input:focus, .form-control:focus, .form-select:focus {
    background-color: #ffffff;
    border-color: var(--clr-teal-primary);
    box-shadow: 0 0 0 4px rgba(0, 128, 128, 0.12);
    outline: none;
}

.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%20%230e365a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.15em;
    padding-right: 2.75rem;
}

.form-input.is-invalid, .form-control.is-invalid, .form-select.is-invalid {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

.form-input.is-invalid:focus, .form-control.is-invalid:focus, .form-select.is-invalid:focus {
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15) !important;
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.35rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: #dc2626;
    animation: fadeIn 0.2s ease-in;
}

.captcha-display-box {
    background: linear-gradient(135deg, #f0fdf4 0%, #e6f4f4 100%);
    border: 1px solid #bbf7d0;
    padding: 0.4rem 0.85rem;
    border-radius: 8px;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.15rem;
    color: var(--clr-teal-primary);
    display: inline-block;
}

.btn-regen-captcha {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.3rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: var(--clr-navy-main);
    transition: all 0.2s ease;
}

.btn-regen-captcha:hover {
    background: var(--clr-navy-main);
    color: #ffffff;
    border-color: var(--clr-navy-main);
}

.btn-regen-captcha i {
    transition: transform 0.4s ease;
}

.btn-regen-captcha:hover i {
    transform: rotate(180deg);
}

.animated-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 2.25rem;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: var(--ff-body);
    color: #ffffff;
    background: linear-gradient(135deg, var(--clr-teal-primary) 0%, var(--primary-dark) 100%);
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 128, 128, 0.25);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
}

.animated-button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 128, 128, 0.35);
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--clr-teal-primary) 100%);
}

.animated-button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none !important;
}

.form-label-custom {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--clr-navy-main);
    margin-bottom: 0.4rem;
    display: block;
}

.input-icon-group {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon-group .input-icon {
    position: absolute;
    left: 1rem;
    color: #94a3b8;
    font-size: 0.95rem;
    pointer-events: none;
    transition: color 0.2s ease;
}

.form-control-styled {
    padding-left: 2.75rem;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    font-size: 0.95rem;
    transition: all 0.25s ease;
    background-color: #f8fafc;
}

.form-control-styled:focus {
    background-color: #ffffff;
    border-color: var(--clr-teal-primary);
    box-shadow: 0 0 0 4px rgba(0, 128, 128, 0.1);
}

.form-control-styled:focus + .input-icon, .input-icon-group:focus-within .input-icon {
    color: var(--clr-teal-primary);
}

.textarea-styled {
    padding-left: 1rem !important;
    height: auto !important;
    padding-top: 0.75rem;
}

/* Map Section Overlay */
.contact-map-section {
    line-height: 0;
}

.map-overlay-badge {
    top: 2rem;
    right: 3rem;
    z-index: 10;
    max-width: 380px;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.95) !important;
}

.badge-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-number-badge {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--clr-teal-primary);
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.google-rating-summary {
    box-shadow: 0 4px 20px rgba(14, 54, 90, 0.05);
}

.doctor-pagination {
    /* --swiper-pagination-bullet-width: 35px; */
    /* --swiper-pagination-bullet-size: ; */
    /* --swiper-pagination-bullet-height: ; */
    /* --swiper-pagination-bullet-size: ; */
    /* --swiper-pagination-bullet-border-radius: ; */
    /* --swiper-pagination-bullet-inactive-color: ; */
    /* --swiper-pagination-bullet-inactive-opacity: ; */
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-color: var();
    --swiper-pagination-color: var(--secondary);
    text-align: center;
    margin-top: 30px;
    display: none;
}

.swiper-slider-active .doctor-pagination {
}

.doctor-swiper-arrows {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 3;
    justify-content: space-between;
}

.doctor-prev-btn {
    /* transform: translateX(-40px); */
    left: 0px;
}

.doctor-next-btn {
    left: 0px;
}

.btn-slider-arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* border: 1px solid #cbd5e1; */
    background: var(--global-ic-bg, #ffffff);
    color: var(--global-ic-t, #ffffff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: var(--shadow-lg);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    position: relative;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.btn-slider-arrow:not(.swiper-button-disabled):hover {
    background: var(--global-ic-bg-h, var(--clr-teal-primary));
    color: var(--global-ic-t-h, var(--clr-teal-primary));
    border-color: var(--global-ic-bg-h, var(--clr-teal-primary));
    /* transform: scale(1.05); */
}

.btn-slider-arrow.swiper-button-disabled {
    background-color: #efebeec9;
    color: #bfadbb;
    cursor: default;
    box-shadow: none;
}

/* Plugin-free Touch & Drag Slider Track */
.review-slider-track {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    padding: 0.5rem 0.5rem 1.5rem;
    user-select: none;
    scrollbar-width: none;
    /* Firefox */
}

.review-slider-track::-webkit-scrollbar {
    display: none;
    /* Chrome / Safari */
}

.review-slider-track.active-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}

.review-card-item {
    flex: 0 0 360px;
    max-width: 360px;
    scroll-snap-align: start;
}

.review-card-inner {
    transition: all 0.3s ease;
}

.review-card-inner:hover {
    /* transform: translateY(-4px); */
    border-color: var(--clr-teal-primary) !important;
    box-shadow: 0 12px 25px rgba(0, 128, 128, 0.1) !important;
}

.reviewer-avatar-circle {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
}

.verified-google-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.verified-check-badge {
    position: absolute;
    bottom: -3px;
    right: -5px;
    font-size: 0.7rem;
    color: #10b981;
    background: #ffffff;
    border-radius: 50%;
    line-height: 1;
}

.btn-read-more {
    cursor: pointer;
    transition: color 0.2s ease;
}

.btn-read-more:hover {
    color: var(--clr-navy-main) !important;
    text-decoration: underline;
}

.floating-quick-contact {
    position: fixed;
    bottom: 1.75rem;
    right: 1.75rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.85rem;
    pointer-events: none;
}

.floating-action-btn {
    pointer-events: auto;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    transition: all 0.3s ease;
}

.floating-action-btn:hover {
    transform: translateY(-3px) scale(1.06);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
    color: #ffffff;
}

.floating-action-btn .svg {
    font-size: 34px;
    width: 34px;
    height: 34px;
    color: #ffffff;
    transition: transform 0.3s ease;
}

.floating-action-btn:hover .svg {
    transform: scale(1.1);
}

/* Hover text displayed on the LEFT using ::after */
.floating-action-btn::after {
    content: attr(data-text);
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    background: #0e365a;
    color: #ffffff;
    padding: 0.45rem 0.95rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    letter-spacing: 0.3px;
}

/* Tooltip Arrow pointing right to the button */
.floating-action-btn::before {
    content: '';
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #0e365a;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.floating-action-btn:hover::after, .floating-action-btn:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* Phone Button Styling */
.floating-phone-btn {
    background: linear-gradient(135deg, #0e365a 0%, #008080 100%);
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
}

.floating-phone-btn:hover {
    background: linear-gradient(135deg, #008080 0%, #0e365a 100%);
}

/* WhatsApp Button Styling */
.floating-whatsapp-btn {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.floating-whatsapp-btn::after {
    background: #128c7e;
}

.floating-whatsapp-btn::before {
    border-color: transparent transparent transparent #128c7e;
}

.floating-whatsapp-btn:hover {
    background: linear-gradient(135deg, #128c7e 0%, #075e54 100%);
}

.hero-overlay:after {
    content: '';
    inset: 0;
    overflow: hidden;
    background: linear-gradient(87deg, #ffffffbf 50%, transparent 60%);
    position: absolute;
}

.contact-info-container, .contact-form-wrapper {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

#form-message {
}

#form-message p {
    margin-bottom: 0px;
    font-size: 14px;
}

.split-text .char {
    display: inline-block;
    opacity: 0;
}

@keyframes reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.breathe {
    display: inline-block;
    animation: breathe 4s ease-in-out infinite;
}

@keyframes breathe {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.03);
    }
}

.highlight {
    display: inline-block;
    animation: glow 2.5s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% {
        transform: scale(1);
        text-shadow: 0 0 0 rgba(255,255,255,0);
    }

    50% {
        transform: scale(1.05);
        text-shadow: 0 0 20px rgba(255,255,255,.7);
    }
}

.char {
    display: inline-block;
    opacity: 0;
    /* transform: translateY(20px); */
    transition: all 350ms ease;
}

.char.animate {
    /* animation: reveal 0.6s ease forwards; */
    /* animation: pulse 1.5s ease-in-out infinite forwards; */
    animation: pulse 2s ease-in-out infinite;
    /* opacity: 1; */
}

.pulse {
    display: inline-block;
    animation: pulse 2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.06);
        opacity: 0.9;
    }
}

.max-w-700 {
    max-width: 700px;
}

.reveal, .reveal-fade-up, .reveal-fade-in, [data-reveal] {
    will-change: opacity, transform;
    backface-visibility: hidden;
}

/* Smooth Fade-Up Effect (Slow & Cinematic) */
.reveal-fade-up, .reveal.fade-up, [data-reveal="fade-up"] {
    opacity: 0;
    transform: translateY(32px) translateZ(0);
    transition: opacity 1.2s ease-out, transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-fade-up.revealed, .reveal.fade-up.revealed, [data-reveal="fade-up"].revealed {
    opacity: 1;
    transform: translateY(0) translateZ(0);
}

/* Smooth Fade-In Effect (Slow & Cinematic) */
.reveal-fade-in, .reveal.fade-in, [data-reveal="fade-in"] {
    opacity: 0;
    transition: opacity 1.0s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-fade-in.revealed, .reveal.fade-in.revealed, [data-reveal="fade-in"].revealed {
    opacity: 1;
}

/* Duration Customizers */
.duration-fast {
    transition-duration: 0.7s !important;
}

.duration-normal {
    transition-duration: 1.1s !important;
}

.duration-slow {
    transition-duration: 1.5s !important;
}

.duration-slower {
    transition-duration: 2.0s !important;
}

/* Stagger delay utilities */
.delay-100 {
    transition-delay: 0.1s !important;
}

.delay-200 {
    transition-delay: 0.2s !important;
}

.delay-300 {
    transition-delay: 0.3s !important;
}

.delay-400 {
    transition-delay: 0.4s !important;
}

.delay-500 {
    transition-delay: 0.5s !important;
}

.delay-600 {
    transition-delay: 0.6s !important;
}

.delay-700 {
    transition-delay: 0.7s !important;
}

.delay-800 {
    transition-delay: 0.8s !important;
}

@media (prefers-reduced-motion: reduce) {
    .reveal, .reveal-fade-up, .reveal-fade-in, .reveal.fade-up, .reveal.fade-in, [data-reveal] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

.error-404-section {
    background-color: #f4f1ed4a;
    min-height: 60vh;
    display: flex;
    align-items: center;
}

.error-404-card {
    border: 1px solid #e2e8f0;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.error-404-bg-glow {
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 128, 128, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}

.error-404-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.95rem;
    background: rgba(0, 128, 128, 0.08);
    border: 1px solid rgba(0, 128, 128, 0.2);
    border-radius: 50px;
}

.error-404-badge .pulse-dot {
    width: 8px;
    height: 8px;
    background: var(--clr-teal-primary);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 128, 128, 0.7);
    animation: pulse-red-ring 1.8s infinite;
}

.error-404-badge .badge-text {
    color: var(--clr-teal-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.error-404-number {
    font-size: 6.5rem;
    line-height: 1;
    letter-spacing: -3px;
    color: var(--clr-navy-main);
    background: linear-gradient(135deg, var(--clr-navy-main) 0%, var(--clr-teal-primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.error-404-desc {
    max-width: 540px;
}

.emergency-icon-box {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-teal-primary);
}

.max-w-500 {
    max-width: 500px;
}

.pckg {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e5e5e5;
}

.pckg:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.pckg__header {
    background: var(--secondary-light);
    color: #ffffff;
    padding: 1.5rem 1.5rem 1.0rem;
    position: relative;
    background: transparent;
    border-bottom: 1px solid #e5e5e5;
}

.pckg__header--special {
    background-color: var(--secondary);
}

.pckg__headtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.pckg__headicon {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f59e0b;
    font-size: 1.35rem;
}

.pckg__save-badge {
    background-color: var(--secondary);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.35rem 0.85rem;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #D8E7EE;
    /* padding: 4px 16px; */
    color: #0D83A1;
}

.pckg__header--special .pckg__save-badge {
    background-color: #fff;
    color: var(--secondary);
}

.pckg__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #312e2f;
    margin: 0 0 0.35rem 0;
    line-height: 1.3;
}

.pckg__subtitle {
    font-size: 0.95rem;
    color: #616161;
    margin: 0;
    font-weight: 500;
}

.pckg__body {
    padding: 0.5rem 1.5rem 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.pckg__header--special .pckg__headicon {
}

.pckg__header--special .pckg__title {
    color: #fff;
}

.pckg__header--special .pckg__subtitle {
    color: #ffffff;
}

.pckg__price {
    margin-bottom: 1.25rem;
    /* text-align: center; */
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed #e2e8f0;
}

.pckg__pricearea {
    display: flex;
    align-items: baseline;
    /* justify-content: center; */
    gap: 0.6rem;
}

.pckg__main-price {
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--clr-navy-main, #0b2545);
    font-family: var(--ff-heading);
    color: #153bb2;
}

.pckg__old-price {
    font-size: 0.99rem;
    color: #4e4e4f;
    text-decoration: line-through;
    font-weight: 500;
    line-height: 1.5;
}

.pckg__pricelabel {
    margin-top: 0.4rem;
}

.pckg__badge {
    display: inline-block;
    background-color: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
}

.pckg__tests {
    flex-grow: 1;
}

.pckg__test-heading {
    font-size: 0.8rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.85rem;
}

.pckg__test-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pckg__test-item {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.9rem;
    color: #334155;
    padding: 4px 1px;
    line-height: 1.4;
    /* background-color: var(--secondary-light); */
    color: var(--secondary);
    border-radius: 10px;
    /* margin-bottom: 9px; */
    font-weight: 400;
}

.pckg__test-item:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.pckg__check-icon {
    color: #10b981;
    font-size: 0.95rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
    display: none;
}

.pckg__test-more {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--clr-teal-primary, #008080);
    padding-top: 0.4rem;
    list-style: none;
}

.pckg__footer {
    padding: 0 1.5rem 1.5rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pckg__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--secondary);
    padding: 14px 20px;
    color: var(--secondary);
}

.pckg:hover .pckg__btn {
    background-color: var(--secondary);
    color: #fff;
}

.pckg__btn-icon {
    font-size: 0.85rem;
    transition: transform 0.2s ease;
}

.pckg__btn:hover .pckg__btn-icon {
    transform: translateX(4px);
}

/* --- Package Details Page BEM Styles --- */
.pkg-details {
    padding: 2rem 0 5rem 0;
    background-color: #f8fafc;
}

.pkg-details__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

/* Hero Header */
.pkg-details__hero {
    background: linear-gradient(135deg, #0b2545 0%, #134074 100%);
    border-radius: 20px;
    padding: 2.5rem;
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.15);
    margin-bottom: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    background: var(--secondary-gr);
}

.pkg-details__hero-header {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    max-width: 650px;
}

.pkg-details__hero-icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f59e0b;
    font-size: 2.2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.pkg-details__badge-save {
    display: inline-block;
    background-color: var(--secondary);
    color: #0f172a;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.3rem 0.85rem;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 0.5rem;
    background-color: #D8E7EE;
    color: #0D83A1;
}

.pkg-details__title {
    font-size: 2.2rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.pkg-details__subtitle {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.pkg-details__hero-pricing {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    text-align: center;
    min-width: 280px;
}

.pkg-details__price-box {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0rem;
}

.pkg-details__current-price {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
}

.pkg-details__original-price {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: line-through;
}

.pkg-details__inclusions-badge {
    font-size: 0.85rem;
    color: #38bdf8;
    margin-bottom: 1.25rem;
    font-weight: 600;
}

.pkg-details__hero-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pkg-details__btn-call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    text-decoration: none;
}

.pkg-details__btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem 1.25rem;
    background-color: #25d366;
    color: #ffffff;
    border-radius: 99px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.pkg-details__btn-whatsapp:hover {
    background-color: #1eb957;
    color: #ffffff;
}

/* Grid Layout */
.pkg-details__grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 2rem;
}

.pkg-details__main {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.pkg-details__card {
    background: #ffffff;
    --b: #e2e8f0;
    border: 1px solid var(--secondary-alpha);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.pkg-details__card-heading {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0b2545;
    margin: 0 0 1.25rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.85rem;
    border-bottom: 2px solid #f1f5f9;
}

.pkg-details__heading-icon {
    color: var(--clr-teal-primary, #008080);
}

.pkg-details__text {
    font-size: 0.98rem;
    line-height: 1.7;
    color: #475569;
    margin: 0;
}

.pkg-details__target-box {
    margin-top: 1.5rem;
    padding: 1.25rem;
    background-color: #f0fdf4;
    border-left: 4px solid #10b981;
    border-radius: 8px;
}

.pkg-details__subheading {
    font-size: 1rem;
    font-weight: 700;
    color: #065f46;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Diagnostic Test Grid */
.pkg-details__tests-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.pkg-details__test-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid var(--secondary-alpha);
    border-radius: 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pkg-details__test-card:hover {
    border-color: var(--secondary, #008080);
    box-shadow: 0 4px 12px rgba(0, 128, 128, 0.08);
}

.pkg-details__test-num {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: var(--secondary, #008080);
    color: #ffffff;
    font-weight: 800;
    font-size: 0.85rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pkg-details__test-name {
    font-size: 0.93rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.4;
}

/* Preparation & Highlights Lists */
.pkg-details__prep-list, .pkg-details__highlights-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.pkg-details__prep-item, .pkg-details__highlight-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    font-size: 0.95rem;
    color: #334155;
    line-height: 1.5;
}

.pkg-details__prep-icon {
    color: #008080;
    font-size: 1.1rem;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.pkg-details__highlight-icon {
    color: #f59e0b;
    font-size: 1.1rem;
    margin-top: 0.15rem;
    flex-shrink: 0;
}

/* Sidebar Styles */
.pkg-details__sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.pkg-details__side-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.pkg-details__side-card--help {
    background: linear-gradient(135deg, #0b2545 0%, #1e3a8a 100%);
    color: #ffffff;
}

.pkg-details__side-card--help .pkg-details__side-title {
    color: #ffffff;
}

.pkg-details__side-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f1f5f9;
}

.pkg-details__side-icon {
    color: var(--clr-teal-primary, #008080);
    font-size: 1.35rem;
}

.pkg-details__side-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0b2545;
    margin: 0;
}

.pkg-details__side-desc {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.pkg-details__side-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.pkg-details__side-info-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.pkg-details__side-info-item i {
    color: var(--clr-teal-primary, #008080);
    font-size: 1.1rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.pkg-details__side-info-item strong {
    display: block;
    font-size: 0.9rem;
    color: #0b2545;
    margin-bottom: 0.15rem;
}

.pkg-details__side-info-item p {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0;
}

.pkg-details__full-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.pkg-details__side-wa-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.7rem 1rem;
    background-color: #25d366;
    color: #ffffff;
    border-radius: 99px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.pkg-details__side-wa-btn:hover {
    background-color: #1eb957;
    color: #ffffff;
}

/* Other Packages Section */
.pkg-details__other-section {
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 1px solid #e2e8f0;
}

.pkg-details__other-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.pkg-details__other-badge {
    display: inline-block;
    color: var(--clr-teal-primary, #008080);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

.pkg-details__other-title {
    font-size: 2rem;
    font-weight: 800;
    color: #0b2545;
    margin: 0 0 0.5rem 0;
}

.pkg-details__other-desc {
    font-size: 0.98rem;
    color: #64748b;
    margin: 0;
}

.pkg-details__other-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.75rem;
}

.site-logo {
    /* max-width: 230px; */
}

.vm-card {
    background-color: var(--secondary-light-2);
    text-align: center;
    border: 2px solid var(--secondary-light);
    background-color: transparent;
    transition: background 0.5s ease;
}

.vm-card:hover,.vm-card.active {
    background-color: var(--secondary-light-2);
}

.vm-card .ic {
    width: 55px;
    height: 55px;
    background-color: #a621591a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 33px;
    color: var(--secondary);
    font-size: 28px;
}

.vm-card h3 {
}

.vm-card {
}

.vm-card p {
    color: #676767;
    font-size: 15px;
    font-family: var(--ff-heading);
    letter-spacing: 0.02em;
}

.depargrid__doc {
    --size: 255px;
    display: grid;
    grid-template-columns: repeat(auto-fix, minmax(var(--size), 1fr));
    /* grid-template-columns: repeat(auto-fit, minmax(0, var(--size))); */
    gap: 10px;
}

/* zz */
@media (min-width: 425px) {
    .depargrid__doc {
        --size: 200px;
    }

    .quicklinks__btns .title {
        font-size: 18px;
    }

    .quicklinks__btns .subtitle {
        font-size: 15px;
    }

    .quicklinks__btns .icon {
        --icw: 65px;
        background-color: var(--clr-cyan-accent);
        border-radius: 99px;
    }
}

@media (min-width: 490px) {
    .depargrid__doc {
        --size: 230px;
        grid-template-columns: repeat(auto-fit, minmax(0, var(--size)));
    }
}

@media (min-width: 568px) {
    .site-logo {
        max-width: 330px;
    }

    .quicklinks {
        grid-template-columns: repeat(2, 1fr);
    }

    .quicklinks__btns {
        /* justify-content: center; */
        border-right: 1px solid #dee0ea40;
        /* text-align: center; */
        border-bottom: 0px;
    }

    .depargrid__doc {
        --size: 260px;
    }
}

@media (min-width: 768px) {
    .quicklinks {
        grid-template-columns: repeat(2, 1fr);
    }

    .quicklinks__btns {
    }

    .emergency-banner {
        padding: 50px 30px;
        margin: 3rem auto;
    }

    .emergency-phone-btn .svg {
        font-size: 25px;
    }

    .insurance-name {
        font-size: 1.05rem;
    }

    .insurance-card {
        border-radius: 16px;
        padding: 1.0rem 1.25rem;
    }

    .insurance-logo-wrapper {
        margin-bottom: 1.25rem;
    }

    .doctor-prev-btn {
        left: -57px;
    }

    .doctor-next-btn {
        left: 57px;
    }

    .abouthome__cert-badge {
        flex: 1 1 48%;
    }

    .depargrid__doc {
        --size: 240px;
    }
}

@media (min-width: 991px) {
    .quicklinks {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1199px) {
    .quicklinks__btns {
        border-right: 1px solid #dee0ea40;
        justify-content: center;
        text-align: center;
    }

    .quicklinks__btns>div {
        flex-direction: column;
    }

    .quickarrow {
        display: block;
    }

    .emergency-title {
        font-size: 2.5rem;
    }

    .pkg-details {
        padding: 3rem 0 5rem 0;
    }
}

@media (min-width: 1200px) {
    .site-logo {
        max-width: 270px;
    }

    .main-header .navbar-nav {
        margin-left: 5px;
    }

    .main-header {
        padding: 8px 0;
    }

    .main-header .nav-link {
        font-size: 0.805rem;
        color: #505152 !important;
        padding: 0.5rem 0.85rem !important;
        letter-spacing: 0.005em;
    }

    .p-xl-5 {
        padding: 2.0rem!important;
    }

    .doctor-pagination {
        display: block
    }

    .sechead__title.big {
        font-size: 3.05rem;
        font-weight: 700;
    }

    .depargrid__doc {
        --size: 280px;
    }
}

@media (min-width: 1300px) {
    .site-logo {
        max-width: 340px;
    }
}

@media (min-width: 1400px) {
    .main-header .nav-link {
        font-size: 0.905rem;
    }

    .site-logo {
        max-width: 360px;
    }
}

@media (min-width: 1500px) {
    .site-logo {
        max-width: 430px;
    }

    .scrolled .site-logo {
        max-width: 350px;
    }

    .main-header .nav-link {
        font-size: 0.955rem;
    }
}

/* .scrolled .site-logo {
    max-width: 245px;
} */
.py-lg-5 {
    padding-top: 3.5rem!important;
    padding-bottom: 3rem!important;
}

.container {
    max-width: 1380px;
}

.emergency-phone-btn {
    gap: 0.75rem;
    padding: 1rem 1.75rem;
    font-size: 1.05rem;
}

@media (min-width: 1500px) {
    .container {
        max-width: 1480px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1580px;
    }
}

@media (max-width: 1300px) {
    .main-header .nav-btn {
        display: none;
    }
}

@media (max-width: 1200px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .dept-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .abouthome__title {
        font-size: 1.95rem;
    }

    .abouthome__exp-badge {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 1.5rem;
    }
}

@media (max-width: 1024px) {
    .patient-tasks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 1.0rem;
    }

    .supportservice-grid {
        grid-template-columns: 1fr;
        --bs-gutter-x: 0.8rem;
    }

    .supportservice-main-title {
        font-size: 1.85rem;
    }

    .inner-hero-breadcrumb {
        padding: 2.25rem 0;
    }

    .inner-page-title {
        font-size: 1.75rem;
    }

    .patient-tasks-grid {
        grid-template-columns: 1fr;
    }

    .nav-links {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #ffffff;
        flex-direction: column;
        padding: 2rem;
        gap: 1.5rem;
        align-items: flex-start;
        transition: left var(--transition-normal);
    }

    .nav-links.active {
        left: 0;
    }

    .mobile-nav-toggle {
        display: block;
    }

    .patient-hero-title {
        font-size: 2.2rem;
    }

    .patienthero__trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .patienthero__exp-badge {
        grid-column: 1 / -1;
    }

    .floating-emergency-btn {
        bottom: 1rem;
        left: 1rem;
        padding: 0.75rem 1.25rem;
        font-size: 0.875rem;
    }

    .floating-quick-contact {
        bottom: 1.25rem;
        right: 1.25rem;
        gap: 0.65rem;
    }
}

@media (max-width: 640px) {
    .dept-grid {
        grid-template-columns: 1fr;
    }

    .dept-main-title {
        font-size: 2rem;
    }

    .department-section {
        padding: 4rem 0;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .supportservice-card {
        padding: 20px 14px;
        border-radius: 5px;
        text-align: left;
        flex-direction: column;
    }

    .supportservice-card__icon-wrapper {
        width: 42px;
        height: 42px;
        border-radius: 6px;
        margin-right: 4px;
    }

    .supportservice-card__icon-wrapper svg {
        width: 26px;
        height: 26px;
    }

    .supportservice-card__title {
        font-size: 12px;
        margin-top: 0px;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .top-header-bar {
        padding: 0px 0 13px;
    }

    .review-card-item {
        flex: 0 0 88%;
        max-width: 88%;
    }

    .site-logo {
        /* max-width: 230px; */
        margin: 3px 40px 0px 0;
    }

    .scrolled .site-logo {
        /* max-width: 230px; */
        /* margin-right: 30px; */
    }

    .patient-hero {
        color: #ffffff;
        padding: 56px 0 80px;
    }

    .patient-hero-title {
        font-size: 2.0rem;
    }

    .patienthero__trust-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .patienthero__trust-item {
        padding: 0.8rem 0.95rem;
    }

    .patienthero__cert-badge .cert-icon {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .patienthero__exp-badge .exp-number {
        font-size: 1.45rem;
    }

    .abouthome__actions {
        flex-direction: column;
        align-items: stretch !important;
    }

    .abouthome__actions .sitebtn {
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .patient-hero-bg {
        object-position: center;
    }

    .hero-overlay:after {
        background: linear-gradient(87deg, #e8e8ffd1 60%, transparent);
    }
}

@media (max-width: 991px) {
    .pkg-details__grid {
        grid-template-columns: 1fr;
    }

    .pkg-details__hero {
        flex-direction: column;
        align-items: stretch;
    }

    .pkg-details__hero-pricing {
        /* min-width: 100%; */
        max-width: 300px;
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 576px) {
    .pkg-details__hero {
        padding: 1.1rem 1.0rem;
        border-radius: 13px;
        gap: 1rem;
    }

    .pkg-details__hero-header {
        flex-direction: column;
        gap: 1rem;
    }

    .pkg-details__title {
        font-size: 1.6rem;
    }

    .pkg-details__current-price {
        font-size: 2rem;
    }

    .pkg-details__tests-grid {
        grid-template-columns: 1fr;
    }

    .error-404-number {
        font-size: 4.5rem;
    }

    .slider-controls-mini {
        display: none !important;
    }

    .pkg-details__other-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    .pkg-details__card {
        border-radius: 6px;
        padding: 1.2rem 1rem;
    }

    .depargrid__doccard .doctor-name {
        font-size: 1.15rem;
    }

    .depargrid__doccard .doctor-designation {
        font-size: 0.805rem !important;
    }
}