.contacts-info-item,
.contacts-social-row {
    column-gap: 12px !important;
    min-width: 0 !important
}

.contact-copy,
.contacts-info-item,
.contacts-social-row,
.doctor-block-edu-btn,
.lead-magnet-content,
.lead-magnet-photo,
.review-scroll-card {
    min-width: 0 !important
}

.doctor-block-card-link,
.footer a {
    text-decoration: none !important
}

.btn-services-all-secondary,
.btn-services-all-secondary:focus-visible,
.btn-services-all-secondary:hover {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    background: var(--s-olive, #8e9867) !important;
    color: var(--s-cream, #fbf9f5) !important;
    border: 0 !important;
    border-radius: var(--s-radius-pill, 100px) !important;
    animation: none !important;
    transform: none !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 12px 24px !important
}

.btn-services-all-secondary:focus-visible,
.btn-services-all-secondary:hover {
    background: var(--s-muted, #8d6959) !important;
    color: var(--s-cream, #fbf9f5) !important
}

.lead-magnet-section,
.lead-magnet-section .lead-magnet-title,
.lead-magnet-section h2,
.lead-magnet-section p,
.lead-magnet-title {
    color: var(--s-text, #0d0503) !important
}

.lead-magnet-inner {
    display: grid !important;
    grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.1fr) !important;
    align-items: stretch !important;
    justify-content: center !important;
    max-width: 1285px !important;
    min-height: 560px !important;
    padding: clamp(42px, 5.4vw, 69px) !important;
    gap: clamp(42px, 5vw, 64px) !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.lead-magnet-content {
    order: 1 !important;
    justify-content: center !important
}

.lead-magnet-title {
    max-width: min(100%, clamp(340px, 38vw, 580px)) !important;
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important;
    font-size: clamp(40px, 4.4vw, 56px) !important;
    font-weight: 400 !important;
    line-height: 1.04 !important;
    letter-spacing: -1.5px !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important
}

.btn-services-all-secondary.serenity-roll-button,
.doctor-block-card,
.doctor-block-card-photo,
.doctors-block-section,
.lead-magnet-photo,
.lead-magnet-section .btn-lead-magnet.serenity-roll-button,
.reviews-scroll-wrapper {
    overflow: hidden !important
}

.lead-magnet-title span {
    display: inline !important;
    font-family: inherit !important;
    white-space: normal !important
}

.doctor-block-card-info h5,
.doctors-block-header-left h2 {
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important
}

.lead-magnet-section .lead-magnet-subtitle {
    max-width: 378px !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: clamp(16px, 1.35vw, 18px) !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    letter-spacing: 0 !important;
    color: var(--text-soft, var(--s-muted, #8d6959)) !important;
    opacity: 1 !important;
    margin: 0 0 24px !important
}

.lead-magnet-content .btn-lead-magnet {
    align-self: flex-start !important;
    min-height: 43px !important;
    padding: 12px 24px !important;
    border: 0 !important;
    border-radius: var(--s-radius-pill, 100px) !important;
    background: var(--s-olive, #8e9867) !important;
    background-image: none !important;
    color: var(--s-cream, #fbf9f5) !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important
}

.lead-magnet-content .btn-lead-magnet:focus-visible,
.lead-magnet-content .btn-lead-magnet:hover {
    background: var(--s-muted, #8d6959) !important;
    background-image: none !important;
    color: var(--s-cream, #fbf9f5) !important;
    animation: none !important;
    transform: translate3d(0, -2px, 0) !important
}

.lead-magnet-photo {
    order: 2 !important;
    width: 100% !important;
    min-height: 520px !important;
    aspect-ratio: auto !important;
    border-radius: 30px !important;
    background: #dfd1c1 !important
}

.lead-magnet-photo img,
.lead-magnet-photo:hover img,
.lead-magnet-section:hover .lead-magnet-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 42% !important;
    border-radius: 30px !important;
    transform: none !important
}

.reviews-scroll-track {
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important
}

.review-scroll-card {
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important
}

.doctors-block-header-left h2 {
    max-width: none !important;
    line-height: 1.04 !important;
    text-wrap: normal !important
}

.doctors-block-header-left h2 span {
    display: inline-block !important;
    font-family: inherit !important;
    white-space: nowrap !important
}

.doctors-block-header-left h2 br {
    display: block !important
}

@media (max-width:775px) {
    .footer .row>[class*=col]:first-child {
        align-items: center !important;
        text-align: center !important
    }

    .footer-brand-social {
        justify-content: center !important
    }
}

.btn-services-all-secondary .serenity-roll-text,
.lead-magnet-section .btn-lead-magnet .serenity-roll-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 1.2em !important;
    overflow: hidden !important;
    line-height: 1.2 !important
}

.btn-services-all-secondary .serenity-roll-stack,
.lead-magnet-section .btn-lead-magnet .serenity-roll-stack {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    transition: none !important
}

.btn-services-all-secondary .serenity-roll-char,
.lead-magnet-section .btn-lead-magnet .serenity-roll-char {
    display: block !important;
    color: currentColor !important;
    line-height: 1.2 !important;
    white-space: pre !important;
    text-shadow: 0 1.2em 0 currentColor !important;
    backface-visibility: hidden !important;
    transform: translate3d(0, 0, 0) !important;
    transition: transform 540ms cubic-bezier(.22, 1, .36, 1) !important;
    transition-delay: var(--roll-delay, 0ms) !important;
    will-change: transform !important
}

.doctor-block-card,
.doctor-block-card[data-aos] {
    transform: translate3d(0, 0, 0) !important;
}

.btn-services-all-secondary.serenity-roll-button:focus-visible .serenity-roll-char,
.btn-services-all-secondary.serenity-roll-button:hover .serenity-roll-char,
.lead-magnet-section .btn-lead-magnet.serenity-roll-button:focus-visible .serenity-roll-char,
.lead-magnet-section .btn-lead-magnet.serenity-roll-button:hover .serenity-roll-char {
    transform: translate3d(0, -1.2em, 0) !important
}

.doctors-block-section {
    background: 0 0 !important;
    padding: clamp(88px, 8vw, 128px) 0 !important
}

.doctors-block-section::before {
    display: none !important
}

.doctors-block-section .container {
    max-width: 1320px !important
}

.doctors-block-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(18px, 2vw, 26px) !important;
    align-items: stretch !important
}

.doctor-block-card-link {
    display: block !important;
    height: 100% !important;
    color: inherit !important;
    border-radius: 32px !important
}

.doctor-block-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 1px solid rgba(13, 5, 3, .06) !important;
    border-radius: 32px !important;
    background: rgba(251, 249, 245, .86) !important;
    box-shadow: 0 12px 34px rgba(53, 36, 27, .06) !important
}

.doctor-block-specialty,
.doctor-exp-badge {
    align-items: center !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    letter-spacing: 0 !important
}

.contacts-social-row::before,
.doctor-block-card-photo::after,
.doctor-block-card::before,
.footer::after,
.footer::before {
    display: none !important;
    content: none !important
}

.doctor-block-card[data-aos] {
    opacity: 1 !important
}

.doctor-block-card[data-aos]:focus-within,
.doctor-block-card[data-aos]:hover {
    transform: translate3d(0, -2px, 0) !important
}

.doctor-block-card:focus-within,
.doctor-block-card:hover {
    box-shadow: 0 14px 38px rgba(53, 36, 27, .08) !important;
    transform: translate3d(0, -2px, 0) !important
}

.doctor-block-card-photo {
    position: relative !important;
    z-index: 1 !important;
    width: auto !important;
    margin: 10px 10px 0 !important;
    aspect-ratio: 1/1.16 !important;
    border-radius: 24px !important;
    background: #eadfce !important
}

.doctor-block-card-photo::before {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 !important;
    z-index: 2 !important;
    height: 42% !important;

    display: block !important;
    background: linear-gradient(180deg, transparent 0, rgba(13, 5, 3, .48) 100%) !important
}

.doctor-block-card-photo img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1) !important;
    transition: transform .7s cubic-bezier(.22, 1, .36, 1) !important
}

.doctor-block-card:focus-within .doctor-block-card-photo img,
.doctor-block-card:hover .doctor-block-card-photo img {
    transform: scale(1.018) !important
}

.doctor-exp-badge {
    position: absolute !important;
    left: 14px !important;
    bottom: 14px !important;
    top: auto !important;
    right: auto !important;
    z-index: 3 !important;
    display: inline-flex !important;
    width: max-content !important;
    max-width: none !important;
    min-height: 25px !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(251, 249, 245, .5) !important;
    border-radius: 999px !important;
    background: rgba(251, 249, 245, .88) !important;
    color: var(--s-text, #0d0503) !important;
    box-shadow: 0 8px 18px rgba(13, 5, 3, .14) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important
}

.doctor-block-card-info,
.doctor-block-specialty {
    display: flex !important;
    text-align: center !important
}

.doctor-block-card-info {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 20px 20px 22px !important
}

.doctor-block-card-info h5 {
    margin: 0 !important;
    color: var(--s-text, #0d0503) !important;
    font-size: clamp(21px, 1.7vw, 28px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: -.7px !important;
    text-align: center !important;
    width: 100% !important
}

.doctor-block-specialty {
    min-height: 3em !important;
    margin: 0 auto !important;
    color: var(--s-muted, #8d6959) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    width: fit-content !important;
    max-width: 90% !important;
    justify-content: center !important
}

.doctor-block-edu-btn {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-height: 43px !important;
    margin-top: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 18px !important;
    border: 0 !important;
    border-radius: var(--s-radius-pill, 999px) !important;
    background: var(--s-olive, #8e9867) !important;
    color: var(--s-cream, #fbf9f5) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: background-color 260ms, transform 260ms, color 260ms !important
}

.doctor-block-edu-btn:focus-visible,
.doctor-block-edu-btn:hover {
    background: var(--s-muted, #8d6959) !important;
    color: var(--s-cream, #fbf9f5) !important;
    transform: translate3d(0, -2px, 0) !important
}

.doctor-block-edu-btn svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important
}

.edu-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9998 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(13, 5, 3, .34) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 260ms, visibility 260ms !important
}

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

.edu-modal-box {
    position: relative !important;
    width: min(100%, 520px) !important;
    max-height: calc(100vh - 48px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(141, 105, 89, .2) transparent !important;
    border: 1px solid rgba(13, 5, 3, .08) !important;
    border-radius: 28px !important;
    background: radial-gradient(circle at 88% 0, rgba(142, 152, 103, .18), transparent 34%), var(--s-cream, #fbf9f5) !important;
    box-shadow: 0 38px 110px rgba(13, 5, 3, .22) !important;
    padding: clamp(22px, 3vw, 30px) !important;
    transform: translate3d(0, 18px, 0) scale(.98) !important;
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1) !important
}

.edu-modal-box::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important
}

.edu-modal-box::-webkit-scrollbar-track {
    background: transparent !important
}

.edu-modal-box::-webkit-scrollbar-thumb {
    background: rgba(141, 105, 89, .2) !important;
    border-radius: 10px !important
}

.edu-modal-box::-webkit-scrollbar-thumb:hover {
    background: rgba(141, 105, 89, .46) !important
}

.edu-modal-close,
.edu-modal-doctor-role {
    display: inline-flex !important;
    background: rgba(141, 105, 89, .1) !important
}

.edu-modal-overlay.active .edu-modal-box {
    transform: translate3d(0, 0, 0) scale(1) !important
}

.edu-modal-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: var(--s-text, #0d0503) !important;
    cursor: pointer !important;
    transition: background-color 220ms, color 220ms, transform 220ms !important
}

.edu-modal-close:focus-visible,
.edu-modal-close:hover {
    background: var(--s-muted, #8d6959) !important;
    color: var(--s-cream, #fbf9f5) !important;
    transform: rotate(90deg) !important
}

.contacts-block-info .btn-lead-magnet,
.contacts-toggle-btn.active {
    color: var(--s-cream, #fcfaf7) !important
}

.edu-modal-close svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.2 !important
}

.edu-modal-doctor-name {
    max-width: 420px !important;
    margin: 0 44px 8px 0 !important;
    color: var(--s-text, #0d0503) !important;
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important;
    font-size: clamp(31px, 3.2vw, 42px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -.8px !important;
    text-align: left !important
}

.edu-modal-doctor-role,
.edu-modal-list li {
    color: var(--s-muted, #8d6959) !important;
    text-align: left !important
}

.edu-modal-doctor-role,
.edu-modal-list li,
.edu-modal-title {
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: 13px !important
}

.edu-modal-doctor-role {
    max-width: 420px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important
}

.edu-modal-divider {
    width: 100% !important;
    height: 1px !important;
    margin: 18px 0 16px !important;
    border: 0 !important;
    background: rgba(13, 5, 3, .08) !important
}

.edu-modal-title {
    margin: 0 0 10px !important;
    color: var(--s-text, #0d0503) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important
}

.edu-modal-list {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

.contacts-block-visual,
.contacts-social-row,
.footer .row>[class*=col]:first-child {
    display: flex !important;
    display: flex !important
}

.edu-modal-list li {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 10px 12px 10px 34px !important;
    border: 1px solid rgba(13, 5, 3, .06) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .46) !important;
    font-weight: 500 !important;
    line-height: 1.42 !important
}

.edu-modal-list li::before {
    content: \"\" !important;
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: var(--s-olive, #8e9867) !important;
    box-shadow: inset 0 0 0 3px var(--s-cream, #fbf9f5) !important
}

.edu-category-header {
    background: transparent !important;
    border: none !important;
    padding: 12px 0 4px 0 !important;
    margin-top: 8px !important;
    font-weight: 700 !important;
    color: var(--s-text, #0d0503) !important;
    font-size: 15px !important;
    text-transform: none !important;
    letter-spacing: normal !important
}

.edu-category-header::before {
    display: none !important
}

.edu-modal-list li strong {
    color: var(--s-text, #0d0503);
    font-weight: 700
}

@media (max-width:1199px) {
    .doctors-block-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
}

@media (max-width:767px) {
    .doctors-block-header-left h2 span {
        white-space: normal !important
    }

    .doctors-block-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important
    }

    .doctor-block-card {
        border-radius: 24px !important
    }

    .doctor-block-card-photo {
        margin: 8px 8px 0 !important;
        border-radius: 18px !important
    }

    .doctor-block-card-info {
        gap: 9px !important;
        padding: 14px 12px 16px !important
    }

    .doctor-block-card-info h5 {
        font-size: clamp(17px, 4.6vw, 21px) !important;
        letter-spacing: -.4px !important
    }

    .doctor-block-specialty {
        min-height: 0 !important;
        font-size: 12px !important;
        line-height: 1.38 !important
    }

    .doctor-exp-badge {
        left: 10px !important;
        bottom: 10px !important;
        width: max-content !important;
        max-width: none !important;
        min-height: 23px !important;
        padding: 5px 8px !important;
        font-size: 9px !important
    }

    .doctor-block-edu-btn {
        width: 100% !important;
        min-height: 38px !important;
        padding: 10px 12px !important;
        font-size: 12px !important
    }

    .edu-modal-overlay {
        padding: 14px !important
    }

    .edu-modal-box {
        border-radius: 26px !important;
        padding: 28px 18px 20px !important
    }

    .edu-modal-close {
        top: 12px !important;
        right: 12px !important;
        width: 38px !important;
        height: 38px !important
    }

    .edu-modal-doctor-name {
        margin-right: 44px !important;
        font-size: clamp(30px, 9vw, 38px) !important
    }

    .edu-modal-doctor-role {
        font-size: 12px !important
    }

    .edu-modal-list li {
        padding: 11px 12px 11px 36px !important;
        border-radius: 15px !important;
        font-size: 13px !important
    }

    .edu-modal-list li::before {
        left: 15px !important
    }
}

.contacts-toggle-wrapper,
.navbar {
    right: 0 !important;
    left: 0 !important
}

@media (max-width:420px) {
    .doctors-block-grid {
        gap: 10px !important
    }

    .doctor-block-card-info h5 {
        font-size: 16px !important
    }

    .doctor-block-edu-btn,
    .doctor-block-specialty {
        font-size: 11px !important
    }
}

.faq-list {
    align-items: flex-start !important
}

.faq-column {
    align-content: flex-start !important;
    align-items: stretch !important;
    grid-auto-rows: auto !important
}

.faq-item {
    align-self: flex-start !important;
    min-height: 0 !important
}

.faq-answer {
    will-change: max-height, opacity !important
}

.contacts-block-section {
    background: var(--s-bg, #fcfaf7) !important;
    color: var(--s-text, #0d0503) !important;
    padding: clamp(72px, 8vw, 112px) 0 !important
}

.contacts-block-header {
    margin-bottom: clamp(26px, 3.4vw, 44px) !important
}

.contacts-block-header h2 {
    color: var(--s-text, #0d0503) !important;
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important
}

.contacts-block-info .btn-lead-magnet,
.contacts-info-item a,
.contacts-info-item h5,
.contacts-info-item p,
.contacts-social-row h5 {
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important
}

.contacts-block-header p,
.contacts-toggle-btn {
    color: var(--s-muted, #8d6959) !important
}

.contacts-block-grid {
    grid-template-columns: minmax(230px, 0.44fr) minmax(640px, 1.56fr) !important;
    gap: clamp(20px, 3vw, 42px) !important;
    align-items: stretch !important;
    max-width: 1320px !important;
    margin: 0 auto !important
}

.contacts-block-info {
    gap: 7px !important;
    align-self: stretch !important;
    justify-content: space-between !important;
    border: 1px solid rgba(13, 5, 3, .08) !important;
    border-radius: 24px !important;
    background: var(--s-card, #f8f3ec) !important;
    box-shadow: none !important
}

.contacts-info-item {
    gap: 9px !important;
    align-items: center !important
}

.contacts-info-item .contact-icon {
    border-radius: 50% !important;
    background: rgba(225, 147, 125, .16) !important
}

.contacts-social-links a,
.contacts-toggle-container {
    background: #fff !important;
    border: 1px solid rgba(13, 5, 3, .08) !important;
    box-shadow: none !important
}

.contacts-info-item .contact-icon svg {
    width: 15px !important;
    height: 15px !important;
    stroke: var(--s-salmon, #e1937d) !important
}

.contacts-info-item h5,
.contacts-social-row h5 {
    margin: 0 0 2px !important;
    color: var(--s-text, #0d0503) !important
}

.contacts-info-item a,
.contacts-info-item p {
    color: var(--s-muted, #8d6959) !important;
    overflow-wrap: anywhere !important
}

.contacts-social-row {
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(13, 5, 3, .08) !important
}

.contacts-social-links {
    gap: 8px !important
}

.contacts-social-links a {
    width: 38px !important;
    height: 38px !important;
    color: var(--s-salmon, #e1937d) !important
}

.contacts-social-links a:focus-visible,
.contacts-social-links a:hover {
    background: #fff !important;
    color: var(--s-salmon, #e1937d) !important;
    border-color: rgba(225, 147, 125, .45) !important;
    transform: translate3d(0, -1px, 0) !important
}

.contacts-block-info .btn-lead-magnet {
    margin-top: 6px !important;
    min-height: 40px !important;
    align-self: stretch !important;
    background: var(--s-olive, #8e9867) !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.contacts-block-info .btn-lead-magnet:focus-visible,
.contacts-block-info .btn-lead-magnet:hover {
    background: var(--s-olive-hover, #7d8759) !important;
    color: var(--s-cream, #fcfaf7) !important
}

.contacts-block-visual {
    min-height: 100% !important;
    flex-direction: column !important;
    position: relative !important
}

.contacts-toggle-wrapper {
    position: absolute !important;
    top: 16px !important;
    z-index: 4 !important;
    justify-content: center !important;
    margin-bottom: 0 !important;

}

.contacts-toggle-container {
    pointer-events: auto !important
}

.contacts-toggle-slider {
    background: var(--s-olive, #8e9867) !important
}

.contacts-visual-container {
    flex: 1 1 auto !important;
    min-height: clamp(620px, 54vw, 780px) !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    border-radius: 32px !important;
    background: var(--s-card, #f8f3ec) !important;
    box-shadow: none !important
}

.contacts-visual-panel iframe,
.contacts-visual-panel img {
    border-radius: 32px !important
}

@media (max-width:991px) {
    .lead-magnet-inner {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important
    }

    .lead-magnet-content {
        align-items: center !important;
        text-align: center !important
    }

    .doctors-block-header-left h2,
    .doctors-block-header-right {
        transform: none !important
    }

    .lead-magnet-title span {
        white-space: normal !important
    }

    .lead-magnet-photo {
        width: 100% !important;
        flex: none !important;
        min-height: 380px !important
    }

    .lead-magnet-content .btn-lead-magnet {
        min-width: 0 !important;
        align-self: center !important
    }

    .contacts-block-grid {
        grid-template-columns: 1fr !important
    }

    .contacts-block-info {
        justify-content: flex-start !important
    }

    .contacts-visual-container {
        min-height: 460px !important
    }
}

.footer {
    background: var(--s-bg, #fcfaf7) !important;
    color: var(--s-muted, #8d6959) !important;
    padding: clamp(72px, 7vw, 96px) 0 30px !important;
    border-top: 0 !important;
    box-shadow: none !important
}

.footer .row>[class*=col]:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    align-items: center !important
}

.navbar,
.top-bar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: none !important
}

@media (min-width:992px) {
    .contacts-block-info {
        gap: 32px !important;
        padding: clamp(48px, 4vw, 72px) !important
    }

    .contacts-info-item {
        margin-bottom: 24px !important
    }

    .navbar-collapse,
    .navbar-nav {
        display: flex !important;
        margin: 0 !important
    }

    .navbar-collapse {
        flex: 1 1 auto !important;
        flex-basis: auto !important;
        align-items: center !important;
        justify-content: center !important;
        order: 2 !important
    }

    .navbar-nav {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: clamp(16px, 2vw, 30px) !important
    }

    .navbar-nav .nav-link {
        display: inline-flex !important;
        align-items: center !important;
        padding: 0 !important;
        white-space: nowrap !important
    }

    .mobile-menu-btn {
        display: none !important
    }
}

@media (max-width:1250px) {

    .doctors-block-header-left h2,
    .doctors-block-header-right {
        transform: translateX(-15px) !important
    }
}

.footer .row>[class*=col]:first-child>.d-flex,
.footer-brand-social {
    justify-content: center !important
}

@media (max-width:775px) {
    .footer .row>[class*=col]:first-child {
        width: 100% !important;
        flex: 0 0 100% !important
    }
}

@media (max-width:770px) {
    .why-choose-family-photo img {
        object-position: center 30% !important
    }

    .doctor-block-specialty,
    .doctor-spec-badge,
    .sp-card-tags {
        border-radius: 8px !important
    }
}

@media (max-width:460px) {
    .footer .row>[class*=col]:first-child {
        align-items: center !important;
        text-align: center !important
    }

    .footer-brand-social {
        justify-content: center !important
    }
}

.footer-brand-social,
.navbar>.container {
    display: flex !important;
    align-items: center !important
}

.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom span {
    color: var(--s-muted, #8d6959) !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important
}

.footer a:focus-visible,
.footer a:hover {
    color: var(--s-salmon, #e1937d) !important
}

.navbar+div:not([class]),
.top-bar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

@media (max-width:575px) {
    .contacts-info-item {
        padding: 4px 0 !important
    }

    .contacts-social-row {
        align-items: flex-start !important;
        flex-direction: column !important
    }

    .contacts-visual-container,
    .contacts-visual-panel iframe,
    .contacts-visual-panel img {
        min-height: 340px !important;
        border-radius: 22px !important
    }

    .footer .row {
        grid-template-columns: 1fr !important
    }

    .footer-bottom {
        flex-direction: column !important
    }
}

.contacts-block-info {
    justify-content: space-evenly !important;
    gap: clamp(14px, 1.8vw, 24px) !important
}

.contacts-info-item h5,
.contacts-social-row h5 {
    color: #0d0503 !important;
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important
}

.contacts-info-item a,
.contacts-info-item p {
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important;
    display: block !important;
    font-size: 23px !important;
    overflow-wrap: normal !important
}

.footer .footer-bottom,
.footer .footer-bottom a,
.footer .footer-bottom span,
.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom a,
.footer-bottom span,
footer.footer .footer-bottom,
footer.footer .footer-bottom a,
footer.footer .footer-bottom span,
footer.footer a,
footer.footer li,
footer.footer p,
footer.footer span {
    color: #8d6959 !important
}

.footer .footer-bottom,
.footer .footer-bottom a,
.footer .footer-bottom span,
.footer a,
.footer h5,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom a,
.footer-bottom span,
.footer-bottom::before,
footer.footer .footer-bottom,
footer.footer .footer-bottom a,
footer.footer .footer-bottom span,
footer.footer a,
footer.footer h5,
footer.footer li,
footer.footer p,
footer.footer span {
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    letter-spacing: 0 !important
}

.footer a:focus-visible,
.footer a:hover,
.footer-bottom a:focus-visible,
.footer-bottom a:hover {
    color: #e1937d !important
}

.contacts-info-item h5 {
    display: block !important;
    margin-bottom: 3px !important;
    font-size: 23px !important;
    white-space: nowrap !important
}

.contacts-info-item h5 span {
    font: inherit !important;
    color: inherit !important;
    white-space: nowrap !important
}

.contacts-social-row h5 {
    font-size: 22px !important
}

.contacts-block-info .btn-lead-magnet,
.contacts-block-info .btn-lead-magnet:active,
.contacts-block-info .btn-lead-magnet:focus-visible,
.contacts-block-info .btn-lead-magnet:hover {
    background: #8e9867 !important;
    color: #fcfaf7 !important;
    border-color: #8e9867 !important;
    box-shadow: none !important;
    animation: none !important
}

.contacts-block-info .btn-lead-magnet:focus-visible,
.contacts-block-info .btn-lead-magnet:hover {
    background: #8d6959 !important;
    border-color: #8d6959 !important;
    color: #fcfaf7 !important;
    transform: translate3d(0, -2px, 0) !important
}

.footer a:focus-visible,
.footer a:hover,
footer.footer a:focus-visible,
footer.footer a:hover {
    color: #e1937d !important
}

.doctor-block-card:focus-within,
.doctor-block-card:hover {
    border-width: .5px !important;
    border: 1px solid rgba(142, 152, 103, .14) !important;
    outline: 0 !important;
    box-shadow: none !important
}

body:has(.hero-static) .contacts-block-section,
body:has(.hero-static) .cta-form-section,
body:has(.hero-static) .doctors-block-section,
body:has(.hero-static) .faq-section,
body:has(.hero-static) .lead-magnet-section,
body:has(.hero-static) .reviews-scroll-section,
body:has(.hero-static) .services-premium-section {
    padding-top: clamp(44px, 5vw, 68px) !important;
    padding-bottom: clamp(44px, 5vw, 68px) !important
}

body:has(.hero-static) .contacts-block-header,
body:has(.hero-static) .doctors-block-header,
body:has(.hero-static) .faq-header,
body:has(.hero-static) .reviews-scroll-header,
body:has(.hero-static) .services-premium-header {
    margin-bottom: clamp(20px, 2.8vw, 34px) !important
}

.hero-static~.contacts-block-section,
.hero-static~.cta-form-section,
.hero-static~.doctors-block-section,
.hero-static~.faq-section,
.hero-static~.lead-magnet-section,
.hero-static~.reviews-scroll-section,
.hero-static~.services-premium-section {
    padding-top: clamp(44px, 5vw, 68px) !important;
    padding-bottom: clamp(44px, 5vw, 68px) !important
}

.scroll-top-btn {
    background: #8e9867 !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: none !important
}

.scroll-top-btn svg {
    color: #fff !important;
    stroke: #ffffff !important;
    fill: none !important
}

.scroll-top-btn:focus-visible,
.scroll-top-btn:hover {
    background: #e1937d !important;
    color: #fff !important;
    transform: translate3d(0, -2px, 0) !important
}

.scroll-top-btn:focus-visible svg,
.scroll-top-btn:hover svg {
    color: #fff !important;
    stroke: #ffffff !important
}

body {
    padding-top: 0 !important
}

.top-bar {
    max-height: 0 !important;
    padding: 0 !important
}

.footer img,
.navbar {
    height: auto !important
}

.navbar {
    position: sticky !important;
    top: 0 !important;
    min-height: 93px !important;
    padding: 25px 30px !important;
    background: var(--s-bg, #fcfaf7) !important;
    border: 0 !important;
    transform: none !important;
    z-index: 1030 !important
}

.navbar>.container {
    flex-wrap: nowrap !important;
    width: min(100%, 1280px) !important;
    min-height: 43px !important;
    gap: clamp(16px, 2.2vw, 30px) !important;
    padding: 0 !important;
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important
}

.navbar+div:not([class]) {
    padding: 0 !important
}

.navbar .container>a:first-child {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    order: 1 !important
}

.navbar .container>a:first-child img {
    width: auto !important;
    height: 43px !important;
    max-height: 43px !important;
    object-fit: contain !important;
    filter: none !important
}

.contacts-block-header,
.contacts-block-header h2,
.contacts-block-header p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.contacts-info-item,
.contacts-social-row {
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important
}

.contacts-block-grid {
    grid-template-columns: minmax(300px, 0.54fr) minmax(620px, 1.46fr) !important;
    grid-template-columns: minmax(340px, 0.58fr) minmax(620px, 1.42fr) !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: min(100%, 1320px) !important;
    margin-right: auto !important;
    margin-left: auto !important
}

.contacts-block-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: clamp(15px, 1.5vw, 22px) !important;
    min-height: 100% !important;
    padding: clamp(30px, 3vw, 46px) clamp(24px, 2.5vw, 36px) !important
}

.contacts-info-item {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    padding: 0 !important
}

.contacts-info-item .contact-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important
}

.contacts-info-item h5,
.contacts-info-item h5 span,
.contacts-social-row h5 {
    font-family: var(--font-display, Castoro, "Cormorant Garamond", serif) !important;
    font-size: clamp(21px, 1.8vw, 26px) !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important
}

.contacts-info-item a,
.contacts-info-item p {
    color: #8d6959 !important;
    font-family: Inter, var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: clamp(16px, 1.18vw, 18px) !important;
    font-weight: 500 !important;
    line-height: 1.24 !important;
    letter-spacing: 0 !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important
}

.contacts-social-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: clamp(8px, 1vw, 12px) !important
}

.contacts-social-row h5 {
    margin: 0 !important;
    white-space: nowrap !important
}

.contacts-social-links {
    margin-left: auto !important;
    justify-content: flex-end !important
}

@media (max-width:991.98px) {
    .navbar {
        position: sticky !important;
        top: 0 !important;
        min-height: 72px !important;
        padding: 14px 18px !important;
        transform: none !important
    }

    .navbar>.container {
        justify-content: space-between !important;
        min-height: 44px !important;
        gap: 12px !important
    }

    .navbar .container>a:first-child img {
        height: 50px !important;
        max-height: 50px !important
    }

    .navbar-collapse {
        display: none !important
    }

    .mobile-menu-btn {
        display: inline-flex !important
    }

    .contacts-block-grid {
        grid-template-columns: 1fr !important
    }
}

@media (max-width:575.98px) {
    .contacts-info-item {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        column-gap: 10px !important
    }

    .contacts-social-row {
        align-items: flex-start !important;
        flex-direction: column !important;
        row-gap: 10px !important
    }

    .contacts-social-row::before {
        width: 32px !important;
        height: 32px !important
    }

    .contacts-social-links {
        margin-left: 0 !important;
        justify-content: flex-start !important
    }
}

.navbar,
.navbar.sticky-top,
.top-bar {
    background: #fcfaf7 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important
}

@media (max-width:1105px) {
    .review-scroll-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        scroll-snap-align: center !important
    }
}

@media (min-width:992px) {
    .contacts-info-item {
        margin-bottom: 28px !important
    }

    .contacts-block-info {
        padding: 60px !important
    }
}

.footer .row>[class*=col]:first-child .d-flex {
    justify-content: center !important;
    width: 100% !important
}

.footer,
.footer[style],
footer.footer,
footer.footer[style] {
    background: #f6f3ed !important;
    color: #8d6959 !important
}

.footer h5,
footer.footer h5 {
    color: #0d0503 !important
}

.footer a:focus-visible,
.footer a:hover,
.footer-bottom a:focus-visible,
.footer-bottom a:hover,
footer.footer .footer-bottom a:focus-visible,
footer.footer .footer-bottom a:hover,
footer.footer a:focus-visible,
footer.footer a:hover {
    color: #e1937d !important
}

.footer .container {
    max-width: 1280px !important
}

.footer .row {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.22fr) minmax(130px, 0.72fr) minmax(150px, 0.78fr) minmax(240px, 1.18fr) !important;
    gap: clamp(28px, 4.5vw, 72px) !important;
    align-items: flex-start !important;
    row-gap: 28px !important
}

.footer .row>[class*=col] {
    width: auto !important;
    max-width: none !important;
    flex: none !important
}

.footer .row>[class*=col]:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 18px !important
}

.footer .row>[class*=col]:first-child>.d-flex {
    margin-bottom: 0 !important;
    justify-content: flex-start !important;
    width: auto !important
}

.footer img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(13%) saturate(993%) hue-rotate(334deg) brightness(94%) contrast(82%) !important;
    max-width: 210px !important;
    filter: invert(1) sepia(18%) saturate(340%) hue-rotate(330deg) brightness(48%) contrast(92%) !important;
    opacity: .94 !important
}

.footer h5 {
    margin: 0 0 18px !important;
    color: var(--s-text, #0d0503) !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important
}

.footer svg {
    color: currentColor !important;
    fill: currentColor !important
}

.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom span,
.footer-bottom::before {
    color: var(--s-muted, #8d6959) !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    line-height: 1.55 !important
}

.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom span {
    font-size: 15px !important;
    font-weight: 600 !important
}

.footer a[href^=tel] {
    font-weight: 400 !important;
    font-family: Inter, sans-serif !important
}

.footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-top: clamp(30px, 4vw, 48px) !important;
    padding-top: 22px !important;
    border-top: 1.5px solid rgba(13, 5, 3, .3) !important
}

.footer-bottom::before {
    content: "SINCE. 2026" !important;
    font-size: 13px !important;
    font-weight: 800 !important
}

.footer-bottom>span {
    display: block !important;
    margin-left: 0 !important;
    color: #8d6959 !important;
    font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
    line-height: 1.55 !important;
    text-align: left !important
}

.vampkid-anim {
    display: inline-block !important;
    min-width: 82px !important;
    text-align: left !important;
    transition: color .3s ease !important
}

.dev-credit-link:hover .vampkid-anim,
.vampkid-anim:hover {
    color: #e1937d !important
}

.footer-brand-social {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    justify-content: flex-start !important
}

.footer-brand-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(13, 5, 3, .1) !important;
    background: 0 0 !important;
    color: var(--s-text, #0d0503) !important;
    transition: color 260ms var(--s-ease, cubic-bezier(.22, 1, .36, 1)), border-color 260ms var(--s-ease, cubic-bezier(.22, 1, .36, 1)), transform 260ms var(--s-ease, cubic-bezier(.22, 1, .36, 1)) !important
}

.footer-brand-social a:focus-visible,
.footer-brand-social a:hover {
    color: var(--s-salmon, #e1937d) !important;
    border-color: rgba(225, 147, 125, .5) !important;
    transform: translate3d(0, -2px, 0) !important
}

.footer-brand-social svg {
    width: 19px !important;
    height: 19px !important
}

@media (max-width:991px) {
    .footer .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
}

@media (max-width:575px) {
    .footer .row {
        grid-template-columns: 1fr !important
    }

    .footer-bottom {
        flex-direction: column !important
    }

    .footer-bottom>span {
        margin-left: 0 !important;
        text-align: left !important
    }

    .dev-credit-link {
        margin-left: 0 !important;
        text-align: left !important
    }
}

.footer-bottom::before {
    display: none !important
}
/* Final Modal Scroll Overrides */
.edu-modal-box, .case-modal-box, .modal-box {
    display: block !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}
.edu-modal-overlay, .case-modal-overlay, .modal-overlay {
    align-items: flex-start !important;
    padding-top: 5vh !important;
    overflow-y: auto !important;
}