@font-face {
    font-family: 'Inter-Body';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter/Inter_18pt-Regular.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/inter/Inter_18pt-Medium.woff2') format('woff2'), url('../fonts/inter/Inter_18pt-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond-Regular';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/eb-garamond/EBGaramond-Regular.woff2') format('woff2'), url('../fonts/eb-garamond/EBGaramond-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/eb-garamond/EBGaramond-SemiBold.woff2') format('woff2'), url('../fonts/eb-garamond/EBGaramond-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'EBGaramond-Bold';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/eb-garamond/EBGaramond-Bold.woff2') format('woff2'), url('../fonts/eb-garamond/EBGaramond-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond-Bold';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/cormorant-garamond/CormorantGaramond-Bold.woff2') format('woff2'), url('../fonts/cormorant-garamond/CormorantGaramond-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'CormorantGaramond';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/cormorant-garamond/CormorantGaramond-SemiBold.woff2') format('woff2'), url('../fonts/cormorant-garamond/CormorantGaramond-SemiBold.ttf') format('truetype');
}



:root {
    --navy: #071836;
    --navy-2: #0b1d3f;
    --ink: #091833;
    --text-color: #4b5a70;
    --cream: #f6f1e9;
    --cream-2: #eee6d8;
    --border: #e6e0d7;
    --pink: #fff1ef;
    --photo: #d5cec5;
    --shadow: 0 14px 35px rgba(7, 24, 54, .10);
    --radius: 22px;
    --white: #fff;
    --light-navy: #394d75;
    --gold: #cfc19f;
    --dark-gold: #CBBEA8;
    --accordian-btn: #121318;
    --text-color: #44536a;
    --btn-color: #2a426b;
    --section-gap: 5rem;
    --profile-bg: #f7f3ed;
    --profile-navy: #080d34;
    --profile-gold: #c8b98e;
    --profile-text: #59627a;
    --profile-muted: #7f8798;
    --profile-border: #e2ddd3;
    --profile-soft: #f5f1e9;
}

* {
    box-sizing: border-box;
}


body {
    margin: 0;
    font-family: 'Inter-Body', sans-serif;
    color: var(--ink);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
    line-height: 1.45;
}

h1 {
    font-size: 50px;
    font-weight: 800;
    font-family: 'EBGaramond-Regular';
}

h2 {
    font-size: 38px;
    margin-top: 25px;
    font-family: 'EBGaramond-Regular';
}

h3 {
    font-size: 32px;
    margin-top: 25px;
    font-family: 'EBGaramond-Regular';
}


p {
    font-size: 16px;
    color: var(--text-color)
}

.page-shell {
    overflow: hidden;
    background: var(--white);
}

/* =========================
   Header + Navbar
========================= */

/*.site-header {
    background: var(--white);
    border-bottom: 1px solid #eee9e0;
    position: relative;
    z-index: 2;
    box-shadow: 0 6px 18px rgba(7, 24, 54, .04);
}*/

.site-header {
    background: var(--white);
    border-bottom: 1px solid #eee9e0;
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: 0 6px 18px rgba(7, 24, 54, .04);
}

.header-top {
    padding: 24px 0 18px;
}

.brand-header {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    max-width: 100%;
    text-decoration: none;
}

.mobile-logo-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

    .mobile-logo-row .brand-header {
        flex: 1;
        min-width: 0;
    }

.site-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.site-logo {
    max-width: 64px;
    width: 64px;
    height: auto;
    display: block;
    flex-shrink: 0;
}

.brand-text {
    min-width: 0;
}

.brand-title {
    margin: 0;
    color: var(--navy);
    font-size: clamp(18px, 3vw, 26px);
    font-weight: bold;
    line-height: 1.15;
    font-family: "EBGaramond",serif;
}

.brand-subtitle {
    margin: 6px 0 0;
    color: #6f839e;
    font-size: clamp(15px, 2vw, 17px);
    line-height: 1.3;
    font-family: "EBGaramond", serif;
}

.header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.menu-toggle {
    width: 52px;
    height: 48px;
    border: 1px solid #ded6cb;
    border-radius: 15px;
    background: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    transition: all 0.3s ease;
    box-shadow: 0 8px 18px rgba(7, 24, 54, .06);
}

    .menu-toggle span {
        width: 23px;
        height: 2px;
        border-radius: 20px;
        background: var(--navy);
        display: block;
    }

    .menu-toggle:hover {
        background: #faf8f4;
    }

    .menu-toggle:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(7, 24, 54, .12);
    }

.main-navbar {
    padding: 0 0 14px;
}

.nav-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
}

.main-navbar .nav-item {
    position: relative;
}

.main-navbar .nav-link {
    color: #394d75;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 10px;
    line-height: 1.2;
    white-space: nowrap;
    border-radius: 18px;
    transition: all 0.3s ease;
    font-family: Inter-Body, serif;
}

    .main-navbar .nav-link:hover,
    .main-navbar .nav-link:focus,
    .main-navbar .nav-item:hover > .nav-link,
    .main-navbar .nav-item:focus-within > .nav-link,
    .main-navbar .nav-item.show > .nav-link {
        background: var(--cream-2);
        color: #394d75;
    }

.main-navbar .dropdown-toggle::after {
    margin-left: 6px;
    vertical-align: middle;
    transition: transform .2s ease;
}

.main-navbar .nav-item:hover .dropdown-toggle::after,
.main-navbar .dropdown-toggle.show::after,
.main-navbar .nav-item.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

.main-navbar .dropdown-menu {
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 10px;
    min-width: 275px;
    overflow-y: auto;
    box-shadow: 0 18px 35px rgba(7, 24, 54, .12);
    background: var(--white);
    margin-top: 0;
    z-index: 99999;
}

.main-navbar .dropdown-item {
    color: #394d75;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px 12px;
    white-space: normal;
    line-height: 1.35;
    transition: all 0.3s ease;
    margin-bottom:4px;
}

    .main-navbar .dropdown-item:hover,
    .main-navbar .dropdown-item:focus {
        background: var(--cream-2);
        color: #394d75;
        padding-left: 16px;
    }

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: var(--cream-2);
}

/* Active state for main navigation links */
/* Active state for main navigation links */
.main-navbar .nav-link.active,
.main-navbar .nav-item.active > .nav-link,
.main-navbar .nav-link[aria-current="page"] {
    background: var(--cream-2);
    color: #394d75;
}

/* Active dropdown item */
.main-navbar .dropdown-item.active,
.main-navbar .dropdown-item:active,
.main-navbar .dropdown-item[aria-current="page"] {
    text-decoration: none;
    background-color: var(--cream-2);
    color: #394d75;
}

/* =========================
   Hero
========================= */

.hero {
    background: var(--cream);
    position: relative;
    z-index: 1;
    padding: 66px 0 68px;
}

.hero-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
}

.badge-soft {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: rgb(255 255 255 / 50%);
    border: 1px solid #ffffff;
    border-radius: 50px;
    padding: 12px 20px;
    box-shadow: 0 10px 28px rgba(7, 24, 54, 0.08);
    color: #182C53;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    white-space: nowrap;
    font-family: Inter-Medium, sans-serif;
}


.badge-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--cream);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}

.hero-title {
    font-family: "EBGaramond-Regular", serif;
    color: #182C53;
    font-size: 65px;
    line-height: 1.02;
    font-weight: 800;
    max-width: 650px;
    margin: 0 0 20px;
}

.hero-lead {
    color: #233249;
    font-size: 18px;
    line-height: 1.45;
    max-width: 620px;
    margin: 0 0 28px;
}

.hero-cta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.location-line {
    margin: 0;
    color: #45556b;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}


.location-icon {
    flex-shrink: 0;
}

.hero-card {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    background: var(--white);
    box-shadow: var(--shadow);
}

.photo-placeholder {
    background: var(--photo);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #526070;
    font-size: 14px;
    line-height: 1.28;
}

.quote-box {
    background: var(--white);
    padding: 34px 35px 31px;
    min-height: 172px;
}

.quote-text {
    color: #081C51;
    font-size: 22px;
    line-height: 1.35;
    font-style: italic;
    margin: 0 0 20px;
    font-family: "CormorantGaramond";
}

.quote-author {
    color: #081C51;
    font-size: 22px;
    font-weight: 900;
    margin: 0;
    font-family: CormorantGaramond-Bold;
}

/* =========================
   Feature Cards
========================= */

.features-band {
    background: #f7f5f1;
    border-top: 1px solid #eee7dc;
    border-bottom: 1px solid #eee7dc;
    padding: 48px 0 40px;
}

.feature-card {
/*    height: 100%;*/
    min-height:230px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 29px 26px 26px;
    box-shadow: 0 12px 24px rgba(7, 24, 54, .07);
}

.feature-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-size: 28px;
    line-height: 1;
}

.feature-title {
    color: var(--navy);
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 10px;
    font-family: 'EBGaramond-Bold';
}

.feature-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
}

/* =========================
   Services
========================= */

.services {
    background: var(--white);
    padding: 66px 0 57px;
}

.section-title {
    color: var(--navy);
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 38px;
}

.service-card {
    height: 100%;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--white);
    padding: 31px 26px 30px;
    box-shadow: 0 10px 22px rgba(7, 24, 54, .055);
}

.service-title {
    color: var(--navy);
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 18px;
    font-family: 'EBGaramond-Bold';
}

.service-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.55;
    margin: 0;
}

/* =========================
   Offer Area
========================= */

.offer-section {
    background: #f7f4ee;
    padding: 59px 0 55px;
    border-top: 1px solid #eee7dc;
    border-bottom: 1px solid #eee7dc;
}

.emergency-card,
.special-card {
    border-radius: 18px;
    min-height: 360px;
    padding: 48px 31px;
    box-shadow: 0 12px 24px rgba(7, 24, 54, .06);
}

.emergency-card {
    background: var(--pink);
    border: 1px solid #f3d8d3c4;
}

.special-card {
    background: var(--navy);
    border: 1px solid var(--navy);
    color: var(--white);
}

.offer-title {
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 20px;
    color: var(--navy);
    font-family: 'EBGaramond-Bold';
}

.emergency-card p {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 18px;
    max-width: 475px;
}

.special-card .offer-title {
    color: var(--white);
    margin-bottom: 22px;
}

.special-price {
    font-size: 35px !important;
    line-height: 1;
    font-weight: 800;
    margin: 0 0 18px;
    color: var(--white);
}

.special-card p {
    font-size: 16px;
    line-height: 1.45;
    margin: 0 0 19px;
    color: var(--white);
    max-width: 445px;
}

.btn-small {
    padding: 12px 23px;
    font-size: 16px;
    min-height: 40px;
}

/* =========================
   Footer CTA
========================= */

.final-cta {
    background: var(--cream-2);
    padding: 63px 0 68px;
    text-align: center;
}

.final-title {
    color: var(--navy);
    font-size: 36px;
    line-height: 1.15;
    font-weight: 800;
    margin: 0 0 19px;
}

.final-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.55;
    max-width: 690px;
    margin: 0 auto 27px;
}

.final-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
}

/* =========================
   Footer
========================= */

footer {
    background: var(--cream-2);
    color: var(--navy);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.footer-top {
    background: var(--white);
    padding: 40px 24px 1px;
    margin-inline: auto;
}

.footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    text-align: center;
}

    .footer-links a {
        color: var(--ink);
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.2s ease;
    }

        .footer-links a:hover,
        .footer-links a:focus {
            color: #102a57;
            text-decoration: underline;
            text-underline-offset: 4px;
        }

    .footer-links span {
        color: #9b958c;
        font-size: 13px;
        font-weight: 500;
    }

.footer-rating {
    max-width: 760px;
    margin: 0 auto;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 14px 22px;
    color: #314058;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 10px 24px rgba(7, 24, 54, 0.06);
}

    .footer-rating review-count {
        display: inline-block;
        vertical-align: middle;
        color: var(--navy);
        font-weight: 800;
    }

.footer-bottom {
    background: var(--white);
    color: #07183691;
    padding: 35px 24px;
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
}

    .footer-bottom a {
        color: #07183691;
        font-weight: 700;
        text-decoration: none;
        transition: 0.2s ease;
    }

        .footer-bottom a:hover,
        .footer-bottom a:focus {
            text-decoration: underline;
            text-underline-offset: 4px;
        }

/* =========================
   Back To Top
========================= */

.back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
    overflow: hidden;
}

    .back-to-top i {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 20px;
        text-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
        text-align: center;
        background: var(--navy);
        padding: 0;
        border-radius: 20px;
        color: var(--white);
        transition: all 0.5s;
    }

/*    .back-to-top:hover i {
        color: #0c1635;
        background: var(--white);
    }*/

.backToTopIsvisible .back-to-top {
    visibility: visible;
    opacity: 1;
}

/* =========================
   Share Wrapper
========================= */

#share-wrapper {
    margin-top: 80px;
    position: fixed;
    left: 0;
    z-index: 99;
    clear: both;
    display: none;
}

.share-icon2 {
    padding: 5px 10px;
    background: #ede7d9;
}

/* =========================
   Buttons + Text Roll
========================= */

.btn-pill {
    border-radius: 999px;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0.3s ease;
}

.btn-outline-navy {
    border: 1.5px solid var(--navy);
    color: var(--navy);
    background: var(--white);
}

    .btn-outline-navy:hover,
    .btn-outline-navy:focus {
        background: var(--navy);
        color: var(--white);
    }

.btn-navy {
    border: 1.5px solid var(--navy);
    background: var(--navy);
    color: var(--white);
}

    .btn-navy:hover,
    .btn-navy:focus {
        border-color: #102a57;
    }

.text-roll-btn {
    --btn-bg: #2a426b;
    --btn-bg-hover: #cfc19f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 48px;
    padding: 12px 25px;
    border: 1.5px solid #2c3a59;
    border-radius: 50px;
    background: var(--btn-bg);
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    font-family: EBGaramond, sans-serif;
    cursor: pointer;
}

    .text-roll-btn:hover,
    .text-roll-btn:focus {
        border-color: #29426b52;
        background: var(--btn-bg-hover);
        color: #2f3f6a;
    }

.text-roll {
    display: block;
    height: 1.2em;
    line-height: 1.2;
    overflow: hidden;
}

    .text-roll > span {
        display: block;
        line-height: 1.2;
        transform: translateY(0);
        transition: transform 0.3s ease;
    }

.text-roll-btn:hover .text-roll > span,
.text-roll-btn:focus .text-roll > span {
    transform: translateY(-100%);
}

.text-roll-btn.offer-btn {
    color: var(--navy);
    background: var(--white);
    border-color: #29426b52;
}


    .text-roll-btn.offer-btn:hover {
        border-color: #29426b52;
        background: #cfc19f;
        color: #2f3f6a;
    }
.text-roll-btn.video-btn {
    border-color: #29426b52;
    background: var(--pink);
    color: #2f3f6a;
}


    .text-roll-btn.video-btn:hover {
        color: var(--navy);
        background: #cfc19f;
        border-color: #29426b52;
    }

.text-roll {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 1.2em;
    line-height: 1.2em;
    overflow: hidden;
    font-family: EBGaramond;
}

    .text-roll span {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        transition: transform 0.32s cubic-bezier(0.76, 0, 0.24, 1);
    }

        .text-roll span:last-child {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
        }

.text-roll-btn:hover .text-roll span,
.text-roll-btn:focus .text-roll span {
    transform: translateY(-102%);
}

/* =========================
   Modal / Forms
========================= */

.modal-content {
    background: var(--cream);
    
}

.modal-title {
    color: var(--navy);
    font-weight: 600;
    font-size: 28px;
    font-family: 'EBGaramond-Bold';
}

.intl-tel-input {
    position: relative;
    display: block !important;
}


/*Sub Pages Banner image code*/

/*ABOUT US Page*/


/* ================================
   INTRO SECTION
================================ */
.intro-section {
    padding: var(--section-gap) 0;
    background: var(--cream);
}

/* Doctor image wrapper */
.dr-img-wrap {
    position: relative;
    width: 100%;
    max-width: 430px;
    padding: 18px 18px 34px;
    isolation: isolate;
    overflow: visible;
}

    /* Border card behind image */
    .dr-img-wrap::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        border: 2px solid var(--border);
        border-radius: 30px;
        background: var(--cream);
        right: 30px;
        bottom: 40px;
    }

    /* Offset block behind image */
    /*    .dr-img-wrap::after {
        content: "";
        position: absolute;
        right: -18px;
        bottom: 10px;
        width: 86%;
        height: 84%;
        z-index: -1;
        border-radius: 28px;
        background: var(--photo);
    }*/

    /* Doctor image */
    .dr-img-wrap img {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 360px;
        max-width: 100%;
        display: block;
        object-fit: cover;
        object-position: center top;
        border-radius: 24px;
        box-shadow: var(--shadow);
    }

/* 40+ badge */
.dr-img-badge {
    position: absolute;
    right: -8px;
    bottom: -8px;
    z-index: 3;
    background: var(--gold);
    color: var(--navy);
    border-radius: 14px;
    padding: 18px 22px;
    text-align: center;
    box-shadow: var(--shadow);
}

    .dr-img-badge .num {
        display: block;
        font-family: 'Playfair Display', serif;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1;
    }

    .dr-img-badge .lbl {
        display: block;
        margin-top: 6px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1.35;
        text-transform: uppercase;
    }

/* Intro text */
.intro-body {
    color: var(--ink);
}

    .intro-body p {
        /*        margin-bottom: 1.1rem;*/
        color: var(--text-color);
        line-height: 1.65;
    }

/* Eyebrow label */
.section-eyebrow {
    display: inline-block;
    color: var(--gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

/* Doctor title */
.doctor-title {
    margin-top: .5rem;
    margin-bottom: 0;
    color: var(--navy);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.15;
}

/* Gold divider */
/*.gold-line {
    width: 72px;
    height: 2px;
    margin: 1rem 0 1.35rem;
    background: var(--gold);
}*/


/* ================================
   EDUCATION CARDS
================================ */
.post-graduate {
    margin-top: 40px;
    padding: 0 10px;
    line-height: 1.15;
    font-weight: 800;
}

.meet-doctor {
    font-size: 14px;
    font-weight: 600;
    color: var(--gold);
    letter-spacing: .16em;
    text-transform: uppercase;
}

.education-heading {
    margin-bottom: .25rem;
    color: var(--navy);
    font-size: 1.5rem;
    font-weight: 700;
}

.edu-card {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 18px 24px;
    border: 1px solid var(--white);
    border-left: 4px solid var(--gold);
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0 10px 24px rgba(7, 24, 54, .06);
    transition: all 0.25s ease;
}

    .edu-card:hover {
        box-shadow: var(--shadow);
        transform: translateY(-4px);
        transition: all 0.25s ease;
    }
/*    .edu-card::after {
        content: "";
        position: absolute;
        left: 18px;
        bottom: 12px;
        width: 38px;
        height: 3px;
        border-radius: 999px;
        background: var(--gold);
    }*/
.edu-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--cream);
    color: var(--gold);
    font-size: 19px;
    margin-top: 2px;
    padding: 10px;
}

.edu-card p {
    margin-bottom: 4px;
    color: var(--navy);
    /*    font-family: 'DM Sans', sans-serif;*/
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

.edu-card p {
    margin: 0;
    color: var(--btn-color);
    font-size: 16px;
    line-height: 1.45;
}


/* ================================
   PROFILE TABS SECTION
================================ */
.profile-tabs-section {
    padding: var(--section-gap) 0;
    background: #eee7dc;
}

    .profile-tabs-section h2 {
        color: var(--navy);
        line-height: 1.15;
        font-weight: 800;
    }

.profile-tab-switcher {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
}

.profile-tab-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 250px;
    padding: 20px 36px;
    border: 2px solid var(--border);
    border-radius: 14px;
    background: var(--white);
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(7, 24, 54, .06);
    transition: all .25s ease;
}

    .profile-tab-btn:hover {
        border-color: var(--gold);
        box-shadow: var(--shadow);
        /*        transform: translateY(-3px);*/
    }

    .profile-tab-btn.active {
        background: var(--navy);
        border-color: var(--navy);
        box-shadow: 0 10px 32px rgba(7, 24, 54, .22);
        transform: translateY(-3px);
    }

    .profile-tab-btn .btn-icon-wrap {
        width: 52px;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 12px;
        background: var(--cream);
        color: var(--gold);
        font-size: 22px;
        transition: background .25s ease, color .25s ease;
    }

    .profile-tab-btn.active .btn-icon-wrap {
        background: var(--light-navy);
        color: var(--gold);
    }

    .profile-tab-btn .btn-text {
        text-align: left;
    }

    .profile-tab-btn .btn-label {
        display: block;
        margin-bottom: 3px;
        color: var(--text-color);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .14em;
        text-transform: uppercase;
        transition: color .25s ease;
    }

    .profile-tab-btn.active .btn-label {
        color: var(--cream-2);
    }

    .profile-tab-btn .btn-title {
        display: block;
        color: var(--navy);
        font-family: 'Playfair Display', serif;
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.2;
        transition: color .25s ease;
    }

    .profile-tab-btn.active .btn-title {
        color: var(--white);
    }

    .profile-tab-btn .btn-hint {
        display: block;
        margin-top: 4px;
        color: var(--text-color);
        font-size: 11.5px;
        transition: color .25s ease;
    }

    .profile-tab-btn.active .btn-hint {
        color: var(--cream-2);
    }

    .profile-tab-btn .active-dot {
        position: absolute;
        top: 12px;
        right: 14px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--gold);
        opacity: 0;
        transition: opacity .25s ease;
    }

    .profile-tab-btn.active .active-dot {
        opacity: 1;
    }

/* Use these classes instead of inline display:block/display:none */
.profile-pane {
    display: none;
}

    .profile-pane.is-active {
        display: block;
    }

.tab-content-box {
    padding: 36px 40px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: var(--shadow);
}


.numbering {
    font-family: 'EBGaramond-Bold';
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--gold);
}

.number-text {
    font-size: 14px;
    color: var(--text-color);
}

/*Breadcrumb*/
.breadcrumb-section {
    background: var(--cream)
}

.breadcrumb-item a {
    color: #305a99;
}

.breadcrumb-item a {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #394d75;
}
/* ================================
   HONORS / MEMBERSHIP BADGES
================================ */
.honor-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 5px 6px 5px 0;
    padding: 8px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--cream);
    color: var(--navy);
    font-size: 14px;
    font-weight: 600;
}

    .honor-badge i {
        color: var(--gold);
        font-size: 14px;
    }

.member-pill {
    display: inline-block;
    margin: 4px 4px 4px 0;
    padding: 6px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--white);
    color: var(--light-navy);
    font-size: 13px;
    font-weight: 500;
}

/* ================================
   PERSONAL INFO
================================ */
.personal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.personal-card {
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--cream);
}

    .personal-card .label {
        margin-bottom: 6px;
        color: var(--text-color);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .personal-card .value {
        color: var(--navy);
        font-size: 16px;
        
    }

/* Stats cards */
.stat-card {
    text-align: center;
}

.stat-number {
    color: var(--gold);
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.stat-label {
    margin-top: 8px;
    color: var(--text-color);
    font-size: 13px;
}

/* ================================
   BIO SECTION
================================ */
.bio-text p {
    margin-bottom: 1.3rem;
    color: var(--text-color);
    line-height: 1.75;
    text-align: justify;
}

    .bio-text p:first-of-type::first-letter {
        float: left;
        margin: 6px 10px 0 0;
        color: var(--gold);
        font-family: 'Playfair Display', serif;
        font-size: 3.8rem;
        font-weight: 700;
        line-height: .8;
    }

/* ================================
   CTA STRIP
================================ */
.profile-cta-section {
    padding: 56px 0;
    border-top: 1px solid var(--border);
    background: var(--cream-2);
}

    .profile-cta-section h2 {
        color: var(--navy);
        font-size: 2rem;
        font-weight: 700;
    }

    .profile-cta-section p {
        max-width: 520px;
        margin: 12px auto 28px;
        color: var(--text-color);
        line-height: 1.65;
    }

    .profile-cta-section .btn,
    .profile-cta-section .doctor-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px 32px;
        border-radius: 8px;
        font-weight: 700;
        text-decoration: none;
    }

/* ================================
   AWARDS RIBBON
================================ */
.awards-ribbon {
    padding: 28px 0;
    background: var(--navy);
    text-align: center;
}

    .awards-ribbon .award-item {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        padding: 0 28px;
        border-right: 1px solid var(--light-navy);
    }

        .awards-ribbon .award-item:last-child {
            border-right: none;
        }

    .awards-ribbon .award-year {
        color: var(--gold);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .15em;
        text-transform: uppercase;
    }

    .awards-ribbon .award-title {
        margin: 4px 0 0;
        color: var(--white);
        font-family: 'Playfair Display', serif;
        font-size: 16px;
    }

/*ABOUT US Page End*/


/*Contact Form*/
.contact-conversation-section {
    padding: 40px 0 60px 0;
    background: var(--cream);
    color: var(--ink);
}


.contact-top {
    /* max-width: 540px; */
    margin-bottom: 34px;
}

.section-eyebrow {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-bottom: 10px;
    color: var(--gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

    .section-eyebrow::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 12px;
        height: 1px;
        background: var(--gold);
        transform: translateY(-50%);
    }

.contact-top h1 {
    margin: 0 0 12px;
    color: var(--navy);
    /*    font-size: clamp(30px, 4vw, 46px);*/
    line-height: 1.15;
    /*    font-weight: 800;*/
}

.contact-top p {
    margin: 0;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.75;
    /* max-width: 520px; */
}

.contact-card {
    position: relative;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.info-card {
    padding: 20px 20px 22px;
}

.info-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.info-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--cream);
    color: var(--gold);
    font-size: 14px;
    flex: 0 0 34px;
}

.info-card-head .location-heading,
.form-card-inner .location-heading {
    margin: 0;
    color: var(--navy);
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}

.info-card-body {
    color: var(--text-color);
}

.location-text {
    margin: 6px 0 16px;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.8;
}

.small-text {
    margin: 0 0 16px;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.8;
}

.call-btn {
    color: var(--gold);
    text-decoration: none;
    font-weight: 700;
}

    .call-btn:hover {
        color: var(--pink);
    }

.map {
    height: auto;
    width: 100px;
}

.map-box {
    width: 100%;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--cream);
    color: var(--light-navy);
    font-size: 22px;
    margin-bottom: 14px;
}

.secure-text {
    font-size: 10px;
}
/* Latest Working Hours */
.hours-summary {
    display: grid;
    gap: 14px;
}

.hours-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--cream);
}

    .hours-main div {
        display: grid;
        gap: 4px;
    }

.hours-days {
    color: var(--light-navy);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hours-main strong {
    color: var(--navy);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
}

.open-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--gold);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.closed-box {
    height: 100%;
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--cream);
}

    .closed-box span {
        color: var(--text-color);
        font-size: 18px;
        font-weight: 600;
    }

    .closed-box strong {
        color: var(--text-color);
        font-size: 16px;
        font-weight: 500;
    }

.form-card {
    overflow: hidden;
    padding: 0;
}

.form-card-topline {
    width: 100%;
    height: 3px;
    background: var(--gold);
}

.form-card-inner {
    padding: 28px 26px 26px;
}
/*Contact Form End*/

/*SERVICES*/

.service-section {
    background: var(--cream);
    padding-top: 30px;
    padding-bottom: 60px;
}

    .service-section h1, .service-section h2, .service-section h3 {
        margin-bottom: 17px;
    }

    .service-section ul li {
        margin-bottom: 10px;
    }

.service-img {
    border-radius: 22px;
}

    .service-img::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        border: 2px solid var(--border);
        border-radius: 30px;
        background: var(--cream);
        right: 30px;
        bottom: 40px;
    }

.service-section a {
    color: var(--navy);
    text-decoration: none;
}

    .service-section a:hover {
        color: var(--gold)
    }
/*SERVICES END*/
/* =========================================================
   Media Queries - All Responsive CSS Below
========================================================= */
/* Min-width 768px */


/* Min-width 1200px */


/* 768px to 1199.98px */


/* Max-width 1024px */


/* Max-width 991.98px */


/* Max-width 767.98px */


/* Max-width 576px */


/* Max-width 575px */


/* Max-width 480px */
/*@media (max-width: 480px) {
    .text-roll-btn {
        width: 100%;
        padding: 12px 18px;
    }

    .text-roll span {
        white-space: normal;
    }
}*/


/* Max-width 420px */


/*=================================================================================*/
.dentist-page-hero {
    background: var(--cream);
    padding: 62px 0;
    min-height: 508px;
    display: flex;
    align-items: center;
}

.dentist-page-hero-row {
    gap: 0;
}

.dentist-page-hero-content {
    max-width: 650px;
    /*    margin-left: auto;*/
}

.dentist-page-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: rgb(255 255 255 / 50%);
    color: var(--navy);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25;
    padding: 12px 20px;
    border-radius: 50px;
    box-shadow: 0 10px 25px rgba(14, 17, 54, 0.08);
    margin-bottom: 28px;
    white-space: nowrap;
}

.dentist-page-hero-title {
    color: #080d34;
    /*    font-size: 48px;*/
    line-height: 1.02;
    font-weight: 800;
    margin-bottom: 22px;
}

.dentist-page-hero-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    max-width: 585px;
    margin-bottom: 28px;
}

.dentist-page-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.dentist-page-btn {
    min-width: 158px;
    height: 40px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dentist-page-btn-primary {
    background: #080d34;
    color: #ffffff;
    border: 1px solid #080d34;
}

    .dentist-page-btn-primary:hover {
        background: transparent;
        color: #080d34;
    }

.dentist-page-btn-outline {
    background: transparent;
    color: #080d34;
    border: 1.5px solid #080d34;
}

    .dentist-page-btn-outline:hover {
        background: #080d34;
        color: #ffffff;
    }

.dentist-page-hero-image-box {
    width: 100%;
    max-width: 535px;
    height: 350px;
    background: #d1ccc4;
    border-radius: 21px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dentist-page-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dentist-page-image-placeholder {
    color: #536079;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    font-weight: 500;
    padding: 25px;
}

/* Large screens */
/*@media (max-width: 1199px) {
    .dentist-page-hero-title {
        font-size: 42px;
    }

    .dentist-page-hero-text {
        font-size: 18px;
    }

    .dentist-page-hero-content {
        margin-left: 0;
    }
}*/

/* Tablets */


/* Mobile */


/*Nav Pills*/


/* ================================
   MAIN SECTION
================================ */
.profile-tabs-section {
    background: #f7f5f1;
    padding: 70px 0;
}

.profile-section-header {
    max-width: 780px;
    margin: 0 auto 28px;
}

.meet-doctor {
    display: inline-block;
    color: var(--profile-gold);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.profile-main-title {
    color: var(--profile-navy);
    font-size: 40px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -1.2px;
    margin: 0 0 10px;
}

.profile-subtitle {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.65;
    margin: 0 auto;
}

/* ================================
   OPTION A: SOFT SEGMENTED TABS
================================ */
.profile-tab-switcher {
    max-width: 600px;
    margin: 0 auto 28px;
    padding: 6px;
    background: #ece7de;
    border: 1px solid var(--profile-border);
    border-radius: 999px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.profile-tab-btn {
    border: 0;
    background: var(--cream);
    color: var(--profile-muted);
    border-radius: 999px;
    min-height: 48px;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.25s ease;
}

    .profile-tab-btn i {
        font-size: 16px;
    }

    .profile-tab-btn:hover {
        color: var(--profile-navy);
    }

    .profile-tab-btn.is-active {
        background: var(--white);
        color: var(--profile-navy);
        box-shadow: 0 8px 20px rgba(8, 13, 52, 0.08);
    }

        .profile-tab-btn.is-active i {
            color: var(--profile-gold);
        }

    .profile-tab-btn:focus {
        outline: none;
    }

    .profile-tab-btn:focus-visible {
        outline: 3px solid rgba(200, 185, 142, 0.45);
        outline-offset: 3px;
    }

/* ================================
   TAB CONTENT
================================ */
.profile-tab-pane {
    display: none;
}

    .profile-tab-pane.is-active {
        display: block;
    }

.tab-content-box {
    max-width: 1180px;
    margin: 0 auto;
    background: var(--white);
    border: 1px solid var(--profile-border);
    border-radius: 22px;
    padding: 40px;
    box-shadow: 0 16px 38px rgba(8, 13, 52, 0.05);
}

/* ================================
   RESUME LAYOUT
================================ */
.resume-section {
    margin-bottom: 34px;
}

    .resume-section:last-child {
        margin-bottom: 0;
    }

.resume-heading {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--cream);
    border: 1px solid var(--profile-border);
    border-radius: 999px;
    color: var(--navy);
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
}

.resume-list {
    border-top: 1px solid var(--profile-border);
}

.resume-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
}

.resume-entry {
    padding: 15px 0;
    border-bottom: 1px solid var(--profile-border);
}

    .resume-entry:last-child {
        border-bottom: none;
    }

    .resume-entry .title {
        color: var(--navy);
        font-size: 18px;
        line-height: 1.35;
        font-weight: 400;
    }

    .resume-entry .meta {
        margin-top: 4px;
        color: var(--text-color);
        font-size: 16px;
        line-height: 1.5;
    }

    .resume-entry .date {
        display: inline-block;
        margin-top: 7px;
        color: var(--profile-gold);
        font-size: 16px;
        font-weight: 400;
    }

/* ================================
   PERSONAL CARDS
================================ */
.personal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.personal-card {
    background: var(--btn-color);
    border: 1px solid var(--profile-border);
    border-radius: 14px;
    padding: 18px;
}

    .personal-card .label {
        color: var(--white);
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        margin-bottom: 7px;
    }

    .personal-card .value {
        color: var(--white);
        font-size: 16px;
        line-height: 1.35;
    }

/* ================================
   BADGES / PILLS
================================ */
.badge-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.honor-badge,
.member-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--white);
    color: var(--navy);
    border: 1px solid var(--profile-border);
    border-radius: 999px;
    padding: 9px 13px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}

    .honor-badge i {
        color: var(--profile-gold);
    }

/* ================================
   NUMBER CARDS
================================ */
.number-card {
    background: var(--btn-color);
    border: 1px solid var(--btn-color);
    border-radius: 14px;
    padding: 22px;
    text-align: center;
}

.numbering {
    color: var(--white);
    font-size: 34px;
    line-height: 1;
    font-weight: 900;
}

.number-text {
    margin-top: 7px;
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
}

/* ================================
   BIO TEXT
================================ */
.bio-text {
    max-width: 980px;
    margin: 0 auto;
}

    .bio-text p {
        color: var(--profile-text);
        font-size: 16px;
        line-height: 1.78;
        margin-bottom: 18px;
    }

        .bio-text p:last-child {
            margin-bottom: 0;
        }

/* ================================
   RESPONSIVE
================================ */


:root {
    --ducoin-navy: #071836;
    --ducoin-text: #263b5f;
    --ducoin-muted: #6f7b8d;
    --ducoin-cream: #f6f1e9;
    --ducoin-cream-2: #eee6d8;
    --ducoin-white: #ffffff;
    --ducoin-border: #e2dbcf;
    --ducoin-shadow: 0 18px 45px rgba(7, 24, 54, 0.08);
}


/* ================================
   HERO SECTION
================================ */
.ducoin-contact-hero-section {
    background: var(--ducoin-cream);
    padding: 60px 0 66px;
    /*    border-top: 1px solid var(--ducoin-border);*/
}

.ducoin-contact-hero-content {
    max-width: 650px;
}

.ducoin-contact-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--ducoin-white);
    color: var(--ducoin-navy);
    border: 1px solid var(--ducoin-border);
    border-radius: 999px;
    padding: 14px 24px;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 10px 25px rgba(7, 24, 54, 0.06);
    margin-bottom: 38px;
}

    .ducoin-contact-badge i {
        font-size: 15px;
    }

.ducoin-contact-title {
    color: var(--navy);
    /*    font-size: 64px;*/
    line-height: 1.02;
    font-weight: 800;
    margin: 0 0 22px;
}

.ducoin-contact-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.5;
    max-width: 760px;
    margin: 0 0 38px;
}

.ducoin-contact-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 19px;
}

.ducoin-contact-btn {
    min-height: 58px;
    border-radius: 999px;
    padding: 0 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    border: 1.5px solid var(--navy);
    transition: all 0.25s ease;
}

.ducoin-contact-btn-primary {
    background: var(--navy);
    color: var(--white);
}

    .ducoin-contact-btn-primary:hover {
        background: transparent;
        color: var(--navy);
    }

.ducoin-contact-btn-outline {
    background: transparent;
    color: var(--navy);
}

    .ducoin-contact-btn-outline:hover {
        background: var(--navy);
        color: var(--white);
    }

.ducoin-contact-location-note {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 34px;
}

    .ducoin-contact-location-note i {
        color: var(--navy);
        font-size: 20px;
    }

/* ================================
   RIGHT CONTACT CARD
================================ */
.ducoin-contact-help-card {
    background: #2f3f6a;
    border: 1px solid var(--ducoin-border);
    border-radius: 28px;
    padding: 35px 35px 22px;
    box-shadow: var(--ducoin-shadow);
}

.ducoin-contact-help-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    margin-bottom: 7px;
    border-bottom: 1px solid var(--ducoin-border);
}

    .ducoin-contact-help-head h2 {
        color: var(--white);
        font-size: 28px;
        line-height: 1.15;
        font-weight: 600;
        margin: 0;
    }

    .ducoin-contact-help-head span {
        background: var(--cream-2);
        color: var(--navy);
        border-radius: 50px;
        padding: 13px 20px;
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        white-space: nowrap;
    }

.ducoin-contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid var(--ducoin-border);
}

    .ducoin-contact-info-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

.ducoin-contact-info-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 18px;
    background: var(--cream);
    color: var(--navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}

.ducoin-contact-info-label {
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 2px 0 15px;
}

.ducoin-contact-info-item h3 {
    color: var(--navy);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 900;
    margin: 0 0 8px;
}

    .ducoin-contact-info-item h3 a {
        color: var(--navy);
        text-decoration: none;
    }

.ducoin-contact-info-text {
    color: var(--gold);
    font-size: 16px;
    line-height: 1.35;
    margin: 0;
}


/* ================================
   RESPONSIVE
================================ */


/*Contact Map*/

.contact-map-section {
    background: #f7f5f1;
    padding: 90px 0;
}

.section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--white);
    color: var(--navy);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(7,24,54,.05);
    margin-bottom: 18px;
}

    .section-kicker i {
        color: var(--navy);
        font-size: 16px;
    }

.contact-shell {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.contact-form-panel {
    padding: 44px;
    height: 100%;
}

.contact-title {
    color: var(--navy);
    /*    font-size: clamp(32px, 4vw, 48px);*/
    /*    font-weight: 900;*/
    /*    letter-spacing: -.045em;*/
    line-height: 1.03;
    margin-bottom: 16px;
}

.contact-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 28px;
    max-width: 580px;
}

.form-label {
    color: var(--navy);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.form-control,
.form-select {
    min-height: 50px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--white);
    color: var(--ink);
    font-size: 15px;
    padding: 14px 16px;
    box-shadow: none;
}

    .form-control::placeholder {
        color: #8b94a3;
    }

textarea.form-control {
    min-height: 70px;
    resize: vertical;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 .24rem rgba(207,193,159,.22);
}

.btn-ducoin-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: var(--light-navy);
    color: var(--white);
    font-weight: 900;
    padding: 14px 24px;
    box-shadow: 0 12px 24px rgba(57,77,117,.22);
    transition: all .25s ease;
}

    .btn-ducoin-primary:hover {
        background: var(--navy);
        color: var(--white);
        transform: translateY(-1px);
    }

.btn-ducoin-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    border: 1px solid #cfd6e3;
    border-radius: 999px;
    background: var(--white);
    color: var(--navy);
    font-weight: 900;
    padding: 13px 22px;
    text-decoration: none;
    transition: all .25s ease;
}

    .btn-ducoin-outline:hover {
        border-color: var(--navy);
        color: var(--navy);
        background: var(--cream);
        transform: translateY(-1px);
    }

.privacy-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.6;
    margin-top: 18px;
}

    .privacy-note i {
        color: var(--gold);
        font-size: 18px;
        margin-top: 2px;
    }

.map-panel {
    position: relative;
    height: 100%;
    min-height: 100%;
    border-left: 1px solid var(--border);
    background: var(--cream-2);
}

    .map-panel iframe {
        width: 100%;
        height: 100%;
        min-height: 650px;
        border: 0;
        display: block;
        filter: saturate(.82) contrast(.96);
        position: relative;
        z-index: 1;
    }

.map-info-card {
    position: absolute;
    z-index: 3;
    left: 24px;
    right: 24px;
    bottom: 24px;
    background: #2f3f6a;
    border: 1px solid rgba(230,224,215,.95);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 18px 40px rgba(7,24,54,.13);
    backdrop-filter: blur(10px);
}

.map-info-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.map-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--cream);
    color: var(--navy);
    font-size: 21px;
}

.map-info-card h3 {
    color: var(--white);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 15px;
}

.map-info-card p a {
    color: var(--gold);
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
    text-decoration:none;
}
    .map-info-card p a:hover {
        color:var(--pink)
    }

    .social-details {
        display: flex;
        align-items: center;
        /*    justify-content: space-between;*/
        gap: 20px;
        padding-top: 25px;
        border-top: 1px solid var(--border);
    }

    .social-details span {
        display: block;
        color: var(--white);
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

.social-links {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.social-link {
    width: 35px;
    height: 35px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: var(--cream);
    color: var(--navy);
    border: 1px solid var(--border);
    text-decoration: none;
    font-size: 12px;
    transition: all .25s ease;
}

    .social-link:hover {
        background: var(--navy);
        color: var(--white);
        border-color: var(--navy);
        transform: translateY(-2px);
    }

.office-hours {
    font-weight: 600;
    color: var(--gold)
}
/* Important fix */


/*Dental Implants COde*/
.implant-section {
    position: relative;
    padding: 90px 0;
    isolation: isolate;
}


/*    .implant-section::before,
    .implant-section::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        z-index: -1;
        opacity: .9;
    }

    .implant-section::before {
        width: 310px;
        height: 310px;
        background: var(--pink);
        top: 45px;
        left: -130px;
        border: 1px solid var(--border);
    }

    .implant-section::after {
        width: 240px;
        height: 240px;
        background: var(--photo);
        right: -95px;
        bottom: 55px;
        border: 1px solid var(--border);
    }
*/
.section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 50px;
    background: rgb(255 255 255 / 50%);
    border: 1px solid var(--border);
    color: var(--btn-color);
    /*    font-family: Arial, sans-serif;*/
    font-size: 15px;
    font-weight: 700;
    /*    letter-spacing: .12em;*/
    /*    text-transform: uppercase;*/
    box-shadow: var(--shadow);
}

    .section-kicker::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--gold);
        box-shadow: 0 0 0 6px var(--cream-2);
    }


.section-subtitle {
    /*    max-width: 790px;*/
    margin: 0 auto;
    color: var(--text-color);
    /*    font-family: Arial, sans-serif;*/
    /*    font-size: clamp(1rem, 1.6vw, 1.15rem);*/
    line-height: 1.8;
}

.tree-wrapper {
    position: relative;
    /*    max-width: 1120px;*/
    margin: 70px auto 0;
    padding: 0 12px;
}

.tree-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    transform: translateX(-50%);
    background: linear-gradient(to bottom, transparent, var(--gold), var(--light-navy), var(--gold), transparent);
    border-radius: 999px;
}

.step-row {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 168px;
    margin-bottom: 34px;
}

    .step-row:last-child {
        margin-bottom: 0;
    }

    .step-row:nth-child(even) {
        flex-direction: row-reverse;
    }

.step-card-wrap {
    width: 50%;
    padding: 0 48px;
    display: flex;
}

.step-card {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 30px;
    border-radius: var(--radius);
    background: var(--btn-color);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    backdrop-filter: blur(8px);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

    .step-card:hover {
        transform: translateY(-6px);
        border-color: var(--gold);
        box-shadow: 0 20px 45px rgba(7, 24, 54, .14);
    }

.step-row:nth-child(odd) .step-card::after,
.step-row:nth-child(even) .step-card::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 48px;
    height: 2px;
    background: var(--gold);
}

.step-row:nth-child(odd) .step-card::after {
    right: -48px;
}

.step-row:nth-child(even) .step-card::after {
    left: -48px;
}

.step-node {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 58px;
    height: 58px;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--navy);
    border: 6px solid var(--cream);
    color: var(--white);
    /*    font-family: Arial, sans-serif;*/
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(7, 24, 54, .22);
    z-index: 2;
}

    .step-node::before {
        content: "";
        position: absolute;
        inset: -12px;
        border: 1px solid var(--gold);
        border-radius: 50%;
        opacity: .72;
    }

.step-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--cream);
    color: var(--btn-color);
    border: 1px solid var(--border);
    /*    font-family: Arial, sans-serif;*/
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

    .step-label span {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        background: var(--gold);
    }

.step-title {
    margin: 0 0 12px;
    color: var(--white);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.18;
    /*    letter-spacing: -.025em;*/
    font-weight: 600;
}

.step-text {
    margin: 0;
    color: var(--white);
    /*    font-family: Arial, sans-serif;*/
    font-size: 16px;
    line-height: 1.75;
}

.classic-cta {
    /*    max-width: 980px;*/
    margin: 62px auto 0;
    padding: 34px;
    border-radius: var(--radius);
    background: var(--navy);
    box-shadow: var(--shadow);
    border: 1px solid rgba(207, 193, 159, .35);
    color: var(--white);
}

    .classic-cta h3 {
        margin: 0 0 9px;
        font-size: clamp(1.35rem, 2.5vw, 2rem);
        letter-spacing: -.025em;
    }

    .classic-cta p {
        margin: 0;
        color: var(--cream-2);
        /*        font-family: Arial, sans-serif;*/
        line-height: 1.7;
    }

.classic-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    border: 1px solid var(--gold);
    background: var(--btn-color);
    color: var(--white);
    text-decoration: none;
    /*    font-family: Arial, sans-serif;*/
    font-weight: 800;
    transition: transform .25s ease, background .25s ease;
    white-space: nowrap;
}

    .classic-btn:hover {
        color: var(--white);
        background: var(--light-navy);
        transform: translateY(-3px);
    }


.accordion-item {
    margin-bottom: 10px;
}

.accordion .accordion-item h3 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    
}
    .accordion .accordion-item h3 .accordion-button {
        font-size: 20px;
    }

.accordion-button:not(.collapsed) {
    color: var(--accordian-btn);
    background-color: var(--dark-gold);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

/*=================================================================================*/
/*All Layout Contact Section*/
.fd-contact-sec {
    padding: 70px 0;
    background: var(--cream-2);
    color: var(--ink);
    /*    font-family: Arial, sans-serif;*/
}

.fd-contact-wrap {
    background: var(--white);
    /*    border: 1px solid var(--btn-color);*/
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.fd-form-panel {
    padding: 15px 25px;
}

.fd-form-title {
    color: var(--navy);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 14px;
}

.fd-form-text {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 22px;
}

.fd-field-label {
    color: var(--navy);
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 7px;
}

.fd-input,
.fd-select {
    height: 48px;
    border-radius: 15px;
    border: 1px solid var(--border);
    color: var(--ink);
    padding: 11px 16px;
    box-shadow: none;
    width: 100%;
    background: var(--white);
}

    .fd-input:focus,
    .fd-select:focus,
    .fd-textarea:focus {
        outline: none;
        border-color: var(--gold);
        box-shadow: 0 0 0 .2rem rgba(207, 193, 159, .25);
    }

.fd-textarea {
    height: 105px;
    resize: none;
    border-radius: 15px;
    border: 1px solid var(--border);
    color: var(--ink);
    padding: 12px 16px;
    width: 100%;
    background: var(--white);
}

.fd-send-btn {
    background: var(--navy);
    color: var(--white);
    border: 0;
    border-radius: 40px;
    padding: 12px 32px;
    font-weight: 800;
    transition: .3s ease;
}

    .fd-send-btn:hover {
        background: var(--gold);
        color: var(--navy);
    }

.fd-secure-note {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-color);
    font-size: 12px;
    line-height: 1.35;
}

    .fd-secure-note i {
        color: var(--navy);
        font-size: 34px;
    }

.fd-map-panel {
    min-height: 560px;
    position: relative;
    /*    background: var(--photo);*/
}

.fd-map-frame {
    width: 100%;
    height: 100%;
    min-height: 640px;
    border: 0;
    display: block;
}




.fd-map-card {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 24px;
    background: var(--btn-color);
    border-radius: 20px;
    padding: 20px 24px;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
}

.fd-location-line {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 15px;
}

.fd-pin-icon,
.fd-small-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--cream);
    color: var(--navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex: 0 0 auto;
}

.fd-map-title {
    color: var(--white);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.fd-map-address a{
    color: var(--gold);
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight:500;
    text-decoration:none;

}
    .fd-map-address a:hover{
        color:var(--pink)
    }

    .fd-info-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-bottom: 15px;
    }

.fd-info-box {
    background: var(--btn-color);
    border-radius: 15px;
    padding: 13px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid var(--border);
}

    .fd-info-box strong {
        color: var(--white);
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: .5px;
        margin-bottom: 3px;
    }

    .fd-info-box span,
    .fd-info-box a {
        color: var(--gold);
        font-size: 16px;
        text-decoration: none;
        line-height: 1.4;
        font-weight:500;
    }

.fd-social-line {
    display: flex;
    /*    justify-content: space-between;*/
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.fd-social-title {
    color: var(--white);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.fd-social-icons {
    display: flex;
    gap: 20px;
}

    .fd-social-icons a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: var(--btn-color);
        color: var(--white);
        border: 1px solid var(--border);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        text-decoration: none;
        transition: .3s ease;
    }

        .fd-social-icons a:hover {
            background: var(--navy);
            color: var(--gold);
        }

.fd-contact-sec .form-label, .fd-contact-sec .form-control-plaintext, .fd-contact-sec .form-text, .fd-contact-sec .secure-text {
    color: var(--navy)
}


/*All Layout Contact Section*/


.smile-card {
    position: relative;
    height: 100%;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(230, 224, 215, 0.95);
    border-radius: 30px;
    padding: 14px;
    box-shadow: var(--shadow);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    backdrop-filter: blur(12px);
}

    .smile-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 28px 60px rgba(7, 24, 54, 0.16);
    }

.image-wrap {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: #d5cec5;
}

    .image-wrap img {
        width: 100%;
        height: 285px;
        object-fit: cover;
        display: block;
        transition: transform 0.45s ease;
    }

.smile-card:hover .image-wrap img {
    transform: scale(1.06);
}

/*.image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(7, 24, 54, 0.45), transparent 60%);
    pointer-events: none;
}*/

.floating-label {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    color: var(--white);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.03em;
    box-shadow: 0 10px 22px rgba(7, 24, 54, 0.22);
}

.before-label {
    background: var(--light-navy);
}

.after-label {
    background: var(--gold);
    color: var(--navy);
}



.arrow-circle {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: var(--navy);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 16px 30px rgba(7, 24, 54, 0.25);
}


/*Before and After*/


.order-list-margin li{
    margin-bottom:10px;
}

.form-text{
    font-size:16px;
    font-weight:400;
}

#accordion3 > .accordion-item > .accordion-collapse > .accordion-body {
    background-color: var(--cream-2);
}
#glossary .nav-tabs .nav-link.active {
    color: var(--text-color);
    background-color: var(--gold);
    border-color: #dee2e6 #dee2e6 #fff;
}
#glossary .nav-link{
    color:var(--navy)
}
#glossary .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
    background: var(--gold);
}
#hometown1 .modal-dialog, #hometown2 .modal-dialog, #hometown3 .modal-dialog, #hometown4 .modal-dialog {
    max-width: 900px;
}



#hometown1 .modal-body img, #hometown2 .modal-body img, #hometown3 .modal-body img, #hometown4 .modal-body img {
    width: 100%;
    height: auto;
}


.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23121318'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cbbea8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*Testimonials*/
.testimonials-bg {
    background: var(--cream);
}
.testimonials-section {
    background: #f7f5f1;
    padding: 50px 0;
    overflow: hidden;
}
.testi-padding {
    padding: 60px 0 80px 0;
}

.columns-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
    margin-top: 48px;
    max-height: 700px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 18%, black 78%, transparent);
    mask-image: linear-gradient(to bottom, transparent, black 18%, black 78%, transparent);
}

.testi-col {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 0 0 280px;
    max-width: 280px;
}

.testi-col-inner {
    display: flex;
    flex-direction: column;
    gap: 18px;
    animation: scrollUp linear infinite;
}

.testi-col:nth-child(1) .testi-col-inner {
    animation-duration: 28s;
}

.testi-col:nth-child(2) .testi-col-inner {
    animation-duration: 36s;
}

.testi-col:nth-child(3) .testi-col-inner {
    animation-duration: 32s;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

.testi-col-inner:hover {
    animation-play-state: paused;
}

.testi-card {
    background: var(--white);
    border: 1.5px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 26px 24px 22px;
    transition: box-shadow .2s;
}

    .testi-card:hover {
        box-shadow: 0 20px 50px rgba(7,24,54,.16);
    }

.testi-text {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-color);
    margin-bottom: 18px;
}

.testi-author {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid var(--border);
    padding-top: 14px;
}

.testi-avatar-letter {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gold);
    color: var(--btn-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid var(--cream-2);
}

.testi-name {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--navy);
    line-height: 1.3;
}





/*Testimonials*/

.reviews-bg{
    background:var(--cream);
    padding:40px 0 70px;
}


/*Staff*/
.staff-bg {
    background: var(--cream);
    
}
.staff-padding{
    padding:40px 0 80px 0;
}
/* Card outer wrapper */
.team-card {
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    border: 1.5px solid var(--border);
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Top photo area */
.card-photo-area {
    background: var(--cream-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 16px;
}

.avatar-circle {

    border-radius: 50%;
    background: var(--cream);

}



.photo-label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--navy);
    text-transform: uppercase;
    opacity: .7;
}

/* Bottom info area */
.card-info-area {
    background: var(--white);
    padding: 26px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    border-top: 1.5px solid var(--border);
}

.member-name {
    font-size: 20px;
    font-weight: 600;
    color: var(--navy);
    margin-bottom: 6px;
}

.member-role {
    font-size: 16px;
    color: var(--navy);
    margin-bottom: 14px;
}




/*Staff*/
.pdf-form-section {
    transition: all 0.25s ease;
}
    .pdf-form-section:hover {
        transform: translateY(-4px);
        transition: all 0.25s ease;
    }
.form-img {
    height: 80px;
}

/*Blog Page*/
.blog-summary-section {
    padding: 24px;
    background: var(--cream);
}


    .blog-card {
        background: var(--white);
        border-radius: 22px;
        height: 100%;
        box-shadow: none;
        border: 1px solid var(--border);
        transition: all .3s ease;
        overflow: hidden;
    }

    .blog-card:hover {
        box-shadow: var(--shadow);
        transform: translateY(-4px);
    }

.blog-img-wrap {
    width: 100%;
/*    aspect-ratio: 16 / 9;*/
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 0;
}


    .blog-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


.blog-content {
    padding: 24px;
}

.blog-date {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--cream-2);
    color: var(--text-color);
    font-size: 16px;
    line-height: 1;
    padding: 14px 25px;
    border-radius: 50px;
    font-weight: 400;

}

    .date-icon,
    .blog-date i {
        color: var(--light-navy);
        font-size: 18px;
        line-height: 1;
    }

.blog-title {
    color: var(--ink);
    font-size: 28px;
    line-height: 1.22;
    margin-bottom: 18px;
    font-family: 'EBGaramond-Bold';
}

.blog-desc {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.36;
    font-weight: 400;
    margin-bottom: 30px;
    
}

.blog-padding {
    padding: 40px 0;
}



#blogPage ol li:has(h1,h2,h3,h4)::marker {
    font-size: 22px;

}

/******************************/
/*** PAGINATION CSS ***/

.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    padding-left: 0;
    margin-top: 20px;
}

    .pagination .page-item {
        list-style: none;
    }

    .pagination li a,
    .pagination .page-link {
        min-width: 36px;
        height: 36px;
        padding: 5px 9px;
        text-align: center;
        line-height: 24px;
        font-weight: 400;
        font-size: 16px;
        color: var(--light-black);
        border-radius: 4px;
        transition: .3s;
    }

        .pagination li a.active,
        .pagination li a:hover {
            background: var(--ink);
            color: #fff;
        }

.page-item.active .page-link {
    background: var(--ink);
    border-color: var(--ink);
    color: #fff;
}

.page-item.disabled .page-link {
    pointer-events: none;
    opacity: 0.5;
}



/***pagination css ends***/
.insurance-title {
    font-size: 24px;
    color: #000;
    font-family: 'EBGaramond-Bold';
}
.insurance {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1b75bb;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .insurance::after {
        content: "\f35d"; /* FontAwesome diagonal arrow */
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 14px;
        display: inline-block;
        transition: all 0.3s ease;
    }

    .insurance:hover {
        color: #145a91;
        text-decoration: none;
    }

        .insurance:hover::after {
            content: "\f061"; /* FontAwesome straight right arrow */
            transform: translateX(5px);
        }

/* Hide expanded text and Read Less by default */
.board-certified-text .more-text,
.board-certified-text .read-less-link {
    display: none !important;
}

/* Read More visible by default */
.board-certified-text .read-more-link {
    display: inline-flex;
}

/* Show expanded text after click */
.board-certified-text.active .more-text {
    display: inline !important;
}

/* Hide Read More after click */
.board-certified-text.active .read-more-link {
    display: none !important;
}

/* Show Read Less after click */
.board-certified-text.active .read-less-link {
    display: inline-flex !important;
}

/* Common link styling */
.read-toggle {
    align-items: center;
    gap: 6px;
    margin-left: 5px;
    color: #1b75bb;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

    .read-toggle::after {
        content: "\f35d";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 13px;
        line-height: 1;
        display: inline-block;
        transition: all 0.3s ease;
    }

    .read-toggle:hover {
        color: #145a91;
        text-decoration: none;
    }

        .read-toggle:hover::after {
            content: "\f061";
            transform: translateX(4px);
        }
/******************************/


/* =========================================================
   Media Queries - All Responsive CSS Below
========================================================= */
@media (min-width: 768px) {
    .main-navbar .navbar-collapse {
        display: flex !important;
        overflow: visible;
    }

    .main-navbar .dropdown:hover > .dropdown-menu,
    .main-navbar .dropdown:focus-within > .dropdown-menu {
        display: block;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
    }

    .main-navbar .nav-item:last-child .dropdown-menu {
        left: auto;
        right: 0;
    }

    .main-navbar .dropdown-menu::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -8px;
        height: 8px;
    }

}

@media (min-width: 1200px) {
    .main-navbar {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .main-navbar .nav-link {
            font-size: 14px;
        }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .site-logo {
        max-width: 240px;
    }

    .header-top {
        padding: 22px 0 16px;
    }

    .header-actions {
        gap: 10px;
    }

        .header-actions .btn-pill {
            padding: 11px 18px;
            font-size: 12px;
            min-height: 44px;
        }

    .main-navbar .nav-link {
        font-size: 14px;
        padding: 11px 7px;
    }

    .main-navbar .dropdown-menu {
        min-width: 255px;
    }

    .footer-bottom {
        padding-top: 40px;
        padding-bottom: 55px;
    }
}

@media (max-width: 1024px) {
    #share-wrapper {
        bottom: 0;
        position: fixed;
        padding: 5px 5px 0 5px;
        background: none repeat scroll 0 0 var(--white);
        width: 100%;
        margin: 0;
        box-shadow: 0 -1px 4px rgba(0, 0, 0, .15);
        z-index: 3;
        display: inherit;
    }
}

@media (max-width: 991.98px) {
    .hero {
        padding: 48px 0 56px;
    }

    .hero-title {
        font-size: 43px;
    }

    .hero-card {
        margin: 40px auto 0;
        max-width: 528px;
    }

    .features-band {
        padding: 38px 0;
    }

    .emergency-card,
    .special-card {
        min-height: auto;
    }


    .dr-img-wrap {
        max-width: 380px;
    }

        .dr-img-wrap img {
            height: 340px;
        }

    .dentist-page-hero {
        padding: 70px 0;
        /*        text-align: center;*/
    }

    .dentist-page-hero-content {
        max-width: 100%;
        margin: 0 auto;
    }

    .dentist-page-hero-text {
        margin-left: auto;
        margin-right: auto;
    }

    .dentist-page-hero-buttons {
        justify-content: center;
    }

    .dentist-page-hero-image-box {
        max-width: 100%;
        height: 360px;
        margin: 0 auto;
    }

    .dentist-page-hero-badge {
        margin-top: 25px;
    }

    .profile-tabs-section {
        padding: 56px 0;
    }

    .profile-main-title {
        font-size: 34px;
    }

/*    .profile-subtitle {
        font-size: 15.5px;
    }*/

    .tab-content-box {
        padding: 30px 24px;
    }

    .personal-grid,
    .resume-grid {
        grid-template-columns: 1fr;
    }

    .ducoin-contact-title {
        font-size: 48px;
    }

/*    .ducoin-contact-help-card {
        max-width: 650px;
        margin: 0 auto;
    }*/
    .contact-form-panel {
        padding: 30px;
    }

    .map-panel {
        border-left: 0;
        border-top: 1px solid var(--border);
    }

    .implant-section {
        padding: 70px 0;
    }

    .tree-wrapper {
        margin-top: 52px;
        max-width: 760px;
    }

    .tree-line {
        left: 29px;
    }

    .step-row,
    .step-row:nth-child(even) {
        flex-direction: row;
        min-height: auto;
        margin-bottom: 26px;
    }

    .step-card-wrap {
        width: 100%;
        padding: 0 0 0 84px;
    }

    .step-card {
        padding: 26px;
    }

    .step-row:nth-child(odd) .step-card::after,
    .step-row:nth-child(even) .step-card::after {
        left: -55px;
        right: auto;
        width: 55px;
    }

    .step-node {
        left: 29px;
        width: 52px;
        height: 52px;
        border-width: 5px;
    }

    .fd-map-panel, .fd-map-frame {
        min-height: auto;
    }

    .fd-map-frame {
        height: 420px;
    }

    .fd-map-card {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 20px;
    }


    .image-wrap img {
        height: 260px;
    }
    .col-hide-lg {
        display: none !important;
    }
    .feature-card {
        min-height: 200px;
    }
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 25px;
    }

    .site-header {
        position: sticky;
        top: 0;
        z-index: 99;
        background: var(--white);
    }

    .header-top {
        padding: 21px 0 18px;
    }

    .brand-header {
        gap: 12px;
        width: 100%;
    }

    .site-logo {
        max-width: 54px;
        width: 54px;
        height: auto;
        flex-shrink: 0;
    }

    .brand-text {
        min-width: 0;
        flex: 1;
    }

    .brand-title {
        font-size: 18px;
        line-height: 1.15;
    }

    .brand-subtitle {
        font-size: 14px;
        line-height: 1.3;
    }

    .small-pad {
        padding: 0 19px;
    }
    .small-pad2 {
        padding: 0 10px;
    }

    /*    .header-actions {
        margin-top: 18px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52px;
        gap: 10px;
        align-items: center;
    }

        .header-actions .offer-btn {
            grid-column: 1 / 3;
        }

        .header-actions .btn-navy:not(.offer-btn) {
            grid-column: 1 / 2;
        }

    .menu-toggle {
        grid-column: 2 / 3;
        width: 52px;
        height: 48px;
    }

    .header-actions .btn-pill,
    .header-actions .text-roll-btn {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 11px 14px;
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
    }*/

    .mobile-logo-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
    }

        .mobile-logo-row .brand-header {
            flex: 1;
            min-width: 0;
        }

    .menu-toggle {
        width: 52px;
        height: 48px;
        flex: 0 0 52px;
    }

    .header-actions {
        margin-top: 18px;
        display: flex;
        align-items: center;
        /*        justify-content: flex-start;*/
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }

        .header-actions .btn-pill,
        .header-actions .text-roll-btn {
            width: auto;
            min-width: 0;
            min-height: 46px;
            padding: 11px 22px;
            font-size: 16px;
            line-height: 1.2;
            text-align: center;
            white-space: nowrap;
        }

        .header-actions .offer-btn {
            min-width: 205px;
        }

        .header-actions .btn-navy:not(.offer-btn) {
            min-width: 185px;
        }

        .header-actions .text-roll {
            max-width: 100%;
        }

            .header-actions .text-roll span {
                white-space: normal;
            }

    .main-navbar {
        padding: 0;
        position: static;
    }

        .main-navbar .navbar-collapse {
            position: absolute;
            top: 100%;
            left: 18px;
            right: 18px;
            z-index: 99999;
            background: var(--white);
            border: 1px solid #ece4d8;
            border-radius: 20px;
            padding: 16px;
            margin-top: 0;
            box-shadow: 0 22px 45px rgba(7, 24, 54, .18);
            max-height: calc(100vh - 185px);
            overflow-y: auto;
        }

    .nav-menu {
        width: 100%;
        align-items: stretch;
        gap: 4px;
    }

    .main-navbar .nav-item {
        width: 100%;
    }

    .main-navbar .nav-link {
        width: 100%;
        color: #394d75;
        font-size: 14px;
        font-weight: 800;
        padding: 14px 16px;
        border-radius: 14px;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .main-navbar .nav-link:hover,
        .main-navbar .nav-link:focus,
        .main-navbar .nav-item.show > .nav-link {
            background: var(--cream);
            color: var(--navy);
        }

    .main-navbar .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        width: 100%;
        min-width: 100%;
        max-height: none;
        overflow: visible;
        border: 0;
        box-shadow: none;
        background: #f8f5ef;
        border-radius: 14px;
        padding: 8px;
        margin: 4px 0 8px;
    }

        .main-navbar .dropdown-menu.show {
            display: block;
        }

    .main-navbar .dropdown-item {
        color: #394d75;
        font-size: 14px;
        font-weight: 600;
        border-radius: 10px;
        padding: 11px 12px;
        white-space: normal;
        line-height: 1.35;
    }

        .main-navbar .dropdown-item:hover,
        .main-navbar .dropdown-item:focus {
            background: var(--white);
            color: #394d75;
            padding-left: 15px;
        }

    .main-navbar .dropdown-toggle::after {
        margin-left: 8px;
        transition: transform .2s ease;
    }

    .main-navbar .dropdown-toggle.show::after,
    .main-navbar .nav-item.show .dropdown-toggle::after {
        transform: rotate(180deg);
    }

    .hero {
        padding: 39px 0 48px;
    }

    .hero-badges {
        gap: 10px;
        margin-bottom: 24px;
    }

    .badge-soft {
        width: 100%;
        justify-content: flex-start;
        padding: 11px 15px;
        font-size: 16px;
        white-space: normal;
        border-radius: 50px;
    }

    .badge-icon {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    .hero-title {
        font-size: 35px;
        max-width: 100%;
    }

    .hero-lead {
        font-size: 16px;
    }

    .hero-cta,
    .final-actions {
        flex-direction: column;
        align-items: stretch;
    }

        .hero-cta .btn-pill,
        .final-actions .btn-pill {
            width: 100%;
        }

    .hero-card {
        border-radius: 20px;
    }

    .quote-box {
        padding: 26px 24px;
    }

    .quote-text {
        font-size: 20px;
    }

    .section-title,
    .final-title {
        font-size: 29px;
    }

    .services {
        padding: 52px 0 45px;
    }



    .offer-section {
        padding: 45px 0;
    }

    .emergency-card,
    .special-card {
        padding: 34px 24px;
    }

    .special-price {
        font-size: 36px;
    }

    .footer-top {
        padding: 34px 18px 28px;
    }

    .footer-links {
        gap: 15px;
    }

    .footer-bottom {
        /*        padding: 0 18px 30px;*/
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 55px;
    }

    .subpage-banner {
        min-height: 560px;
        text-align: center;
    }

    .subpage-banner-img-desktop {
        display: none;
    }

    .subpage-banner-img-mobile {
        display: block;
    }

    .subpage-banner-overlay {
        background: linear-gradient( 180deg, var(--navy) 0%, var(--navy-2) 55%, var(--blue) 100% );
        opacity: 0.88;
    }

    .subpage-banner-shape {
        right: -170px;
        bottom: -160px;
    }

    .subpage-banner-content {
        max-width: 100%;
    }

    :root {
        --section-gap: 3.5rem;
    }

    .intro-section,
    .profile-tabs-section,
    .staff-section {
        padding: var(--section-gap) 15px;
    }

    .dr-img-wrap {
        max-width: 360px;
        padding: 14px 14px 30px;
    }

        .dr-img-wrap img {
            height: 320px;
        }

        .dr-img-wrap::after {
            right: -10px;
            bottom: 8px;
        }

    .dr-img-badge {
        right: 0;
        bottom: -10px;
        padding: 14px 18px;
    }

        .dr-img-badge .num {
            font-size: 1.7rem;
        }

        .dr-img-badge .lbl {
            font-size: 9px;
        }

    .doctor-title {
        font-size: 1.8rem;
    }

    .hero-cta,
    .hero-cta .text-roll-btn {
        width: 100%;
    }

        .hero-cta .text-roll-btn {
            justify-content: center;
        }

    .tab-content-box {
        padding: 24px 20px;
    }

    .profile-tab-btn {
        width: 100%;
        padding: 18px 20px;
    }

    .profile-cta-section .btn,
    .profile-cta-section .doctor-btn {
        width: 100%;
        margin-bottom: 12px;
    }

    .awards-ribbon .award-item {
        width: 100%;
        padding: 14px 20px;
        border-right: none;
        border-bottom: 1px solid var(--light-navy);
    }

        .awards-ribbon .award-item:last-child {
            border-bottom: none;
        }

    .page-banner {
        height: 300px;
    }


    .banner-btn {
        padding: 11px 20px;
        font-size: 13px;
    }

    /*Contact Form*/
    .contact-conversation-section {
        padding: 20px 15px;
    }

    .contact-top {
        margin-bottom: 24px;
    }

    .form-card-inner {
        padding: 22px 18px 20px;
    }

    .info-card {
        padding: 18px;
    }
    /*Contact Form End*/

    .ducoin-contact-hero-section {
        padding: 0px 10px 40px;
    }

    .ducoin-contact-badge {
        font-size: 13px;
        padding: 12px 18px;
        margin-bottom: 28px;
    }

    .ducoin-contact-title {
        font-size: 38px;
        line-height: 1.08;
        letter-spacing: -1.5px;
    }

    .ducoin-contact-text {
        font-size: 18px;
        line-height: 1.55;
    }

    .ducoin-contact-buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .ducoin-contact-btn {
        width: 100%;
    }

    .ducoin-contact-location-note {
        align-items: flex-start;
        font-size: 15px;
    }

    .ducoin-contact-help-card {
        padding: 25px 22px;
        border-radius: 22px;
        margin-top: 30px;
    }

    .ducoin-contact-help-head h2 {
        font-size: 24px;
    }

    .ducoin-contact-info-item {
        gap: 14px;
    }

    .ducoin-contact-info-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 21px;
    }

    .ducoin-contact-info-label {
        font-size: 12px;
    }

    .ducoin-contact-info-item h3 {
        font-size: 18px;
    }

    .ducoin-contact-info-text {
        font-size: 15px;
    }

    .map-panel iframe {
        height: 420px;
        min-height: 420px;
    }

    .map-info-card {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        box-shadow: none;
       
    }

    .contact-map-section {
        padding: 40px 10px;
    }

    .service-section {
        padding: 0 10px 20px;
    }
    .dentist-page-hero-title {
        font-size: 35px;
    }
    .ducoin-contact-title {
        font-size: 35px;
    }

    .smile-card {
        border-radius: 22px;
    }

    .image-wrap {
        border-radius: 18px;
    }

        .image-wrap img {
            height: auto;
        }

    .staff-padding {
        padding: 20px 10px 40px 10px;
    }
    .fd-contact-sec{
        padding: 40px 10px;
    }
    .col-hide-md {
        display: none !important;
    }

    .columns-wrapper {
        max-height: 560px;
    }

    .testi-padding {
        padding: 30px 10px 10px 10px;
    }

    .testimonials-section {
        padding: 10px 10px;
    }

    .team-card {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .blog-summary-section {
        padding: 0px 10px;
    }


    .blog-date {
        font-size: 16px;
        padding: 12px 22px;
        /*        margin-bottom: 20px;*/
    }

    .blog-title {
        font-size: 24px;
    }
    .blog-padding{
        padding: 10px 0 10px 0;
    }
    .reviews-bg {
        padding:10px 10px 40px;
    }

}

@media (max-width: 576px) {
    #recaptcha2 > div, #recaptcha3 > div {
        transform: scale(0.8);
    }

    #recaptcha1 > div {
        transform: translateX(-36px) scale(.8);
    }
}

@media (max-width: 575.98px) {
    .brand-header {
        gap: 12px;
        width: 100%;
    }

    .site-logo {
        max-width: 62px;
        width: 62px;
        height: auto;
        flex-shrink: 0;
    }

    .brand-text {
        min-width: 0;
        flex: 1;
    }

    .brand-title {
        font-size: 21px;
    }

    .brand-subtitle {
        font-size: 12px;
    }
    /*Contact Form*/
    .hours-main {
        align-items: flex-start;
        flex-direction: column;
    }

        .hours-main strong {
            font-size: 18px;
        }

    .open-badge {
        align-self: flex-start;
    }
    /*Contact Form End*/

    .dentist-page-hero {
        padding: 48px 10px;
    }





    .dentist-page-hero-text {
        font-size: 17px;
        line-height: 1.5;
    }

    .dentist-page-hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .dentist-page-btn {
        width: 100%;
        max-width: 260px;
    }

    .dentist-page-hero-image-box {
        height: 280px;
        border-radius: 18px;
    }

    .dentist-page-image-placeholder {
        font-size: 14px;
    }

    .social-details {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-form-panel {
        padding: 24px;
    }

    .contact-title {
        font-size: 32px;
    }

    .btn-ducoin-primary,
    .btn-ducoin-outline {
        width: 100%;
    }

    .implant-section {
        padding: 56px 0;
    }


    .tree-wrapper {
        padding: 0;
    }

    .tree-line {
        left: 24px;
    }

    .step-card-wrap {
        padding-left: 66px;
    }

    .step-node {
        left: 24px;
        width: 46px;
        height: 46px;
        font-size: 14px;
    }

    .step-card {
        padding: 22px;
        border-radius: 18px;
    }

    .step-row:nth-child(odd) .step-card::after,
    .step-row:nth-child(even) .step-card::after {
        left: -43px;
        width: 43px;
    }

    .classic-cta {
        padding: 26px;
    }

    .classic-btn {
        width: 100%;
        margin-top: 18px;
    }

    .fd-form-panel {
        padding: 30px 22px;
    }

    .fd-form-title {
        font-size: 27px;
    }

    .fd-info-grid {
        grid-template-columns: 1fr;
    }
    .profile-tabs-section {
        padding: 42px 0;
    }

    .profile-main-title {
        font-size: 28px;
        letter-spacing: -0.8px;
    }

/*    .profile-subtitle {
        font-size: 15px;
    }*/

    .profile-tab-switcher {
        max-width: 100%;
        grid-template-columns: 1fr;
        border-radius: 16px;
    }

    .profile-tab-btn {
        border-radius: 12px;
        min-height: 46px;
    }

    .tab-content-box {
        padding: 24px 18px;
        border-radius: 16px;
    }

/*    .resume-heading {
        font-size: 13px;
        padding: 8px 12px;
    }*/

    .personal-card,
    .number-card {
        padding: 16px;
    }

    .honor-badge,
    .member-pill {
        width: 100%;
        justify-content: flex-start;
        border-radius: 12px;
    }


/*    .bio-text p {
        font-size: 15.5px;
    }*/
}

@media (max-width: 480px) {
    .header-actions {
        gap: 10px;
    }

        .header-actions .offer-btn {
            min-width: 190px;
        }

        .header-actions .btn-navy:not(.offer-btn) {
            min-width: 120px;
        }

        .header-actions .btn-pill,
        .header-actions .text-roll-btn {
            width: auto;
            padding: 11px 18px;
            font-size: 14px;
        }

    .text-roll span {
        white-space: nowrap;
    }
}

@media (max-width: 420px) {
    .brand-title {
        font-size: 20px;
    }

/*    .brand-subtitle {
        font-size: 10px;
    }*/


/*
    .hero-lead {
        font-size: 15px;
    }*/

    .feature-card,
    .service-card {
        padding: 25px 22px;
    }

    .final-cta {
        padding: 51px 0 58px;
    }

    .footer-links {
        gap: 10px;
    }

        .footer-links a {
            display: inline-block;
        }

    .footer-rating {
        font-size: 12px;
    }

    .footer-bottom {
        /* padding: 0 18px 30px; */
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 55px;
    }

    .ducoin-contact-title {
        font-size: 33px;
    }

    .ducoin-contact-help-head span {
        font-size: 12px;
        padding: 11px 15px;
    }


    .floating-label {
        left: 12px;
        bottom: 12px;
        min-height: 38px;
        padding: 0 16px;
        font-size: 14px;
    }


}


@media (max-width: 1199.98px) {


    .ducoin-contact-text {
        font-size: 21px;
    }

    .ducoin-contact-help-head {
        flex-direction: column;
        align-items: flex-start;
    }

        .ducoin-contact-help-head span {
            white-space: normal;
        }
}


@media (min-width: 1400px) {
    .crowns-margin{
        margin-top:200px;
    }
}
@media (max-width: 375px) {
    .pagination {
        gap: 4px;
    }

        .pagination li a,
        .pagination .page-link {
            min-width: 28px;
            height: 28px;
            padding: 2px 6px;
            font-size: 12px;
            line-height: 22px;
        }

    #previous-page .page-link {
        font-size: 0;
    }

        #previous-page .page-link::after {
            content: "‹";
            font-size: 16px;
        }

    #next-page .page-link {
        font-size: 0;
    }

        #next-page .page-link::after {
            content: "›";
            font-size: 16px;
        }

}


@media(min-width:992px) and (max-width:1199.98px){
    .feature-card {
        min-height: 258px;
    }
}
@media(min-width:1200px) and (max-width:1399.98px){
    .header-actions .btn-pill {
        padding: 11px 18px;
        font-size: 16px;
    }
}

/***********Share Wrapper***********/
.hideshare-wrap {
    margin: 10px auto;
    position: relative;
}

    .hideshare-wrap .hideshare-list {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left !important;
    }

    .hideshare-wrap li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 0 0 0 0;
    }

    .hideshare-wrap span {
        display: none;
    }

.share-btn {
    display: block;
    width: 200px;
    margin: 0 auto;
    background: #dedede;
    color: #232323;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 1em 0;
    border: 1px solid #444;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}

    .share-btn:hover {
        background: #ffffff;
    }

.hideshare-list a {
    color: #dedede;
    border: 1px solid rgba(0, 0, 0, 0.0) !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 200ms linear 0s;
    -moz-transition: all 200ms linear 0s;
    -o-transition: all 200ms linear 0s;
    transition: all 200ms linear 0s;
}

    .hideshare-list a:hover {
        border: 1px solid rgba(0, 0, 0, 0.5) !important;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
        color: #ffffff;
        text-shadow: 1px 1px 1px #000000;
        -webkit-transition: all 200ms linear 0s;
        -moz-transition: all 200ms linear 0s;
        -o-transition: all 200ms linear 0s;
        transition: all 200ms linear 0s;
    }

.hideshare-list li a {
    border: medium none;
    border-radius: 0;
    /*    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);*/
    color: #ffffff;
    display: inline-block;
    margin: 5px 2px;
    opacity: 0.9;
    outline: medium none;
    padding: 0.5em;
    text-align: center;
    width: 4em;
    font-size: 10px;
}



.shareTxt {
    display: block !important;
    margin: 0 10px 0 0;
}

    .shareTxt i {
        color: rgba(0, 0, 0, 0.65);
        font-size: 20px;
        margin: 0 7px 0 0;
        text-shadow: none;
    }
@media(max-width:767.98px) {

    .hideshare-wrap .hideshare-list {
        text-align: center !important;
    }

    .hideshare-list li a {
        color: #ffffff;
        font-size: 9px;
        text-align: center;
    }

}