/*
|--------------------------------------------------------------------------
| Shakti Sports Massage
| Responsive Layer
|--------------------------------------------------------------------------
|
| Bootstrap handles:
| - Navbar collapse
| - Grid system
| - Container behavior
| - Responsive utilities
|
| This file handles:
| - SSM component sizing
| - SSM spacing
| - SSM footer
| - SSM buttons
| - SSM typography
| - Mobile refinements
|
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| 01. LARGE DESKTOP
| <= 1200px
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {

    /*
    |--------------------------------------------------------------------------
    | Navbar
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__brand {
        margin-right: 22px;
    }

    .ssm-navbar__link {
        padding-inline: 10px !important;
    }

    .ssm-navbar__link::after {
        right: 10px;
        left: 10px;
    }

    .ssm-navbar__actions {
        margin-left: 14px;
    }

    .ssm-navbar__contact span {
        display: none;
    }

    .ssm-navbar__contact {
        width: 40px;
        height: 40px;

        padding: 0;
    }

    .ssm-navbar__appointment {
        min-width: 165px;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

    .ssm-footer__main {
        grid-template-columns:
            minmax(220px, 1.3fr)
            repeat(2, minmax(130px, 0.8fr))
            minmax(190px, 1fr);

        gap: 38px;
    }

}


/*
|--------------------------------------------------------------------------
| 02. TABLET
| <= 992px
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Navbar
    |--------------------------------------------------------------------------
    |
    | Bootstrap handles the actual collapse.
    |--------------------------------------------------------------------------
    */

    .ssm-navbar {
        min-height: 72px;
    }

    .ssm-navbar__container {
        min-height: 72px;
    }

    .ssm-navbar__brand {
        margin-right: 0;
    }

    .ssm-navbar__logo {
        max-width: 165px;
        max-height: 52px;
    }

    .ssm-navbar__toggler {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        margin-left: auto;
    }

    /*
    |--------------------------------------------------------------------------
    | Collapsed Navigation
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__collapse {
        padding-top: 14px;
        padding-bottom: 22px;
    }

    .ssm-navbar__nav {
        align-items: stretch;

        width: 100%;

        margin-left: 0;

        gap: 0;

        border-top: 1px solid #eeeeee;
    }

    .ssm-navbar__item {
        width: 100%;

        border-bottom: 1px solid #eeeeee;
    }

    .ssm-navbar__link {
        display: flex;

        align-items: center;

        width: 100%;
        min-height: 50px;

        padding:
            0 4px !important;

        color: #333333;
    }

    .ssm-navbar__link::after {
        display: none;
    }

    .ssm-navbar__link:hover,
    .ssm-navbar__link.active {
        color: #e50914;
    }


    /*
    |--------------------------------------------------------------------------
    | Mobile Header Actions
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__actions {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;

        width: 100%;

        margin:
            20px 0 0;
    }

    .ssm-navbar__contact {
        width: 100%;
        height: 46px;

        padding: 10px 14px;

        background: #f7f7f7;

        border: 1px solid #e7e7e7;
        border-radius: 8px;
    }

    .ssm-navbar__contact span {
        display: inline;
    }

    .ssm-navbar__appointment {
        grid-column: 1 / -1;

        width: 100%;
        min-width: 0;

        margin-left: 0;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

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

        gap: 45px 35px;

        padding-top: 65px;
        padding-bottom: 50px;
    }

    .ssm-footer__brand {
        max-width: 100%;
    }

    .ssm-footer__bottom {
        grid-template-columns:
            1fr 1fr;

        gap: 18px;
    }

    .ssm-footer__legal {
        justify-content: flex-end;

        flex-wrap: wrap;
    }

    .ssm-footer__powered-by {
        grid-column: 1 / -1;

        text-align: left;
    }

}


/*
|--------------------------------------------------------------------------
| 03. MOBILE
| <= 768px
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | General Containers
    |--------------------------------------------------------------------------
    */

    .container {
        --bs-gutter-x: 1.25rem;
    }


    /*
    |--------------------------------------------------------------------------
    | Navbar
    |--------------------------------------------------------------------------
    */

    .ssm-navbar {
        min-height: 68px;
    }

    .ssm-navbar__container {
        min-height: 68px;
    }

    .ssm-navbar__logo {
        max-width: 150px;
        max-height: 48px;
    }

    .ssm-navbar__brand-text {
        max-width: 160px;

        font-size: 17px;
    }


    /*
    |--------------------------------------------------------------------------
    | Navbar Collapse
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__collapse {
        padding-top: 12px;
        padding-bottom: 18px;
    }

    .ssm-navbar__link {
        min-height: 48px;

        font-size: 14px;
    }

    .ssm-navbar__actions {
        gap: 8px;

        margin-top: 16px;
    }

    .ssm-navbar__contact {
        min-height: 44px;

        font-size: 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Buttons
    |--------------------------------------------------------------------------
    */

    .ssm-btn {
        min-height: 46px;

        padding:
            11px 18px;
    }


    /*
    |--------------------------------------------------------------------------
    | Section Heading
    |--------------------------------------------------------------------------
    */

    .ssm-section-heading {
        max-width: 100%;
    }

    .ssm-section-heading__title {
        font-size: clamp(
            1.9rem,
            8vw,
            2.7rem
        );
    }

    .ssm-section-heading__description {
        margin-top: 14px;

        font-size: 15px;

        line-height: 1.7;
    }


    /*
    |--------------------------------------------------------------------------
    | Cards
    |--------------------------------------------------------------------------
    */

    .ssm-card {
        border-radius: 14px;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

    .ssm-footer__main {
        grid-template-columns: 1fr;

        gap: 35px;

        padding-top: 55px;
        padding-bottom: 42px;
    }

    .ssm-footer__brand {
        max-width: 520px;
    }

    .ssm-footer__description {
        max-width: 500px;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer CTA
    |--------------------------------------------------------------------------
    */

    .ssm-footer__cta {
        flex-direction: column;

        align-items: flex-start;

        gap: 22px;

        padding:
            25px 22px;

        border-radius: 15px;
    }

    .ssm-footer__cta-title {
        font-size: 1.7rem;
    }

    .ssm-footer__cta-button {
        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer Bottom
    |--------------------------------------------------------------------------
    */

    .ssm-footer__bottom {
        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

        padding:
            20px 0;
    }

    .ssm-footer__legal {
        justify-content: flex-start;

        gap: 10px 18px;
    }

    .ssm-footer__powered-by {
        text-align: left;
    }

}


/*
|--------------------------------------------------------------------------
| 04. SMALL MOBILE
| <= 576px
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    /*
    |--------------------------------------------------------------------------
    | Navbar
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__logo {
        max-width: 140px;
        max-height: 44px;
    }

    .ssm-navbar__brand-text {
        max-width: 145px;

        font-size: 16px;
    }

    .ssm-navbar__toggler {
        width: 42px;
        height: 42px;
    }


    /*
    |--------------------------------------------------------------------------
    | Mobile Contact Actions
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__actions {
        grid-template-columns: 1fr;
    }

    .ssm-navbar__appointment {
        grid-column: auto;
    }


    /*
    |--------------------------------------------------------------------------
    | Section Heading
    |--------------------------------------------------------------------------
    */

    .ssm-section-heading__eyebrow {
        gap: 7px;

        font-size: 10px;
    }

    .ssm-section-heading__eyebrow::before,
    .ssm-section-heading--center
    .ssm-section-heading__eyebrow::after {
        width: 20px;
    }

    .ssm-section-heading__title {
        font-size: 2rem;

        letter-spacing: -0.025em;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

    .ssm-footer__main {
        gap: 30px;

        padding-top: 48px;
        padding-bottom: 36px;
    }

    .ssm-footer__heading {
        margin-bottom: 17px;

        font-size: 12px;
    }

    .ssm-footer__nav-list {
        gap: 10px;
    }

    .ssm-footer__nav-link,
    .ssm-footer__contact-item {
        font-size: 13px;
    }

    .ssm-footer__cta {
        padding:
            22px 18px;
    }

    .ssm-footer__cta-eyebrow {
        font-size: 10px;
    }

    .ssm-footer__cta-title {
        font-size: 1.5rem;
    }

}


/*
|--------------------------------------------------------------------------
| 05. EXTRA SMALL PHONES
| <= 400px
|--------------------------------------------------------------------------
*/

@media (max-width: 400px) {

    /*
    |--------------------------------------------------------------------------
    | Navbar
    |--------------------------------------------------------------------------
    */

    .ssm-navbar__logo {
        max-width: 125px;
    }

    .ssm-navbar__brand-text {
        max-width: 130px;

        font-size: 15px;
    }

    .ssm-navbar__toggler {
        width: 40px;
        height: 40px;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

    .ssm-footer__description {
        font-size: 13px;
    }

    .ssm-footer__cta-title {
        font-size: 1.4rem;
    }

}


/*
|--------------------------------------------------------------------------
| 06. LANDSCAPE MOBILE
|--------------------------------------------------------------------------
*/

@media (
    max-width: 900px
) and (
    orientation: landscape
) {

    .ssm-navbar__collapse {
        max-height: 70vh;

        overflow-y: auto;
    }

}


/*
|--------------------------------------------------------------------------
| 07. TOUCH DEVICES
|--------------------------------------------------------------------------
*/

@media (hover: none) and (pointer: coarse) {

    /*
    |--------------------------------------------------------------------------
    | Disable Hover Movement
    |--------------------------------------------------------------------------
    */

    .ssm-btn:hover {
        transform: none;
    }

    .ssm-card:hover {
        transform: none;

        box-shadow: none;
    }

    .ssm-footer__nav-link:hover {
        transform: none;
    }

    .ssm-footer__social-link:hover {
        transform: none;
    }

}


/*
|--------------------------------------------------------------------------
| 08. REDUCED MOTION
|--------------------------------------------------------------------------
*/

@media (prefers-reduced-motion: reduce) {

    .ssm-btn,
    .ssm-navbar__link,
    .ssm-navbar__contact,
    .ssm-footer__nav-link,
    .ssm-footer__social-link,
    .ssm-footer__legal-link,
    .ssm-card {
        transition: none !important;
    }

}

/*
|--------------------------------------------------------------------------
| SSM HERO — RESPONSIVE
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Large Tablet / Small Desktop
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-hero__inner {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(420px, 1.1fr);

        gap: 45px;

        min-height: 640px;
    }

    .ssm-hero__title {
        font-size: clamp(
            2.8rem,
            5.2vw,
            4.5rem
        );
    }

    .ssm-hero__description {
        max-width: 500px;
    }

    .ssm-hero__slides {
        aspect-ratio: 1.08 / 1;
    }

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .ssm-hero {
        min-height: auto;
    }

    .ssm-hero__inner {
        grid-template-columns: 1fr;

        gap: 48px;

        min-height: auto;

        padding:
            70px 0
            65px;
    }

    .ssm-hero__content {
        max-width: 720px;
    }

    .ssm-hero__title {
        max-width: 700px;

        font-size: clamp(
            3rem,
            7vw,
            4.4rem
        );
    }

    .ssm-hero__description {
        max-width: 650px;
    }

    .ssm-hero__showcase {
        width: min(
            100%,
            650px
        );

        margin-inline: auto;
    }

    .ssm-hero__slides {
        aspect-ratio: 1.25 / 1;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile Landscape / Large Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-hero__inner {
        gap: 38px;

        padding:
            55px 0
            50px;
    }

    .ssm-hero__eyebrow {
        margin-bottom: 17px;

        font-size: 10px;
    }

    .ssm-hero__eyebrow-line {
        width: 24px;
    }

    .ssm-hero__title {
        max-width: 600px;

        font-size: clamp(
            2.55rem,
            11vw,
            3.6rem
        );

        line-height: 1;
    }

    .ssm-hero__description {
        margin-top: 20px;

        font-size: 14px;

        line-height: 1.75;
    }

    .ssm-hero__actions {
        margin-top: 26px;
    }

    .ssm-hero__button {
        min-height: 50px;

        padding:
            13px 18px;
    }

    .ssm-hero__trust {
        gap: 11px;

        margin-top: 28px;

        padding-top: 20px;
    }

    .ssm-hero__trust-item {
        font-size: 10px;
    }

    .ssm-hero__trust-divider {
        height: 13px;
    }

    .ssm-hero__showcase-heading {
        margin-bottom: 11px;
    }

    .ssm-hero__showcase-eyebrow {
        font-size: 10px;
    }

    .ssm-hero__showcase-count {
        font-size: 10px;
    }

    .ssm-hero__slides {
        aspect-ratio: 0.95 / 1;

        border-radius: 14px;
    }

    .ssm-hero__client-info {
        gap: 18px;

        padding:
            22px 20px;
    }

    .ssm-hero__client-label {
        margin-bottom: 5px;

        font-size: 8px;
    }

    .ssm-hero__client-name {
        font-size: 1.55rem;
    }

    .ssm-hero__client-role {
        margin-top: 5px;

        font-size: 11px;
    }

    .ssm-hero__client-icon {
        width: 38px;
        height: 38px;

        font-size: 10px;
    }

    .ssm-hero__controls {
        margin-top: 14px;

        gap: 9px;
    }

    .ssm-hero__control {
        width: 38px;
        height: 38px;
    }

    .ssm-hero__progress {
        gap: 4px;
    }

    .ssm-hero__indicator {
        height: 3px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-hero__inner {
        gap: 34px;

        padding:
            46px 0
            42px;
    }

    .ssm-hero__title {
        font-size: clamp(
            2.25rem,
            12.5vw,
            3rem
        );

        letter-spacing: -0.045em;
    }

    .ssm-hero__description {
        font-size: 13px;
    }

    .ssm-hero__actions {
        flex-direction: column;

        align-items: stretch;

        gap: 9px;
    }

    .ssm-hero__button {
        width: 100%;
    }

    .ssm-hero__trust {
        display: grid;

        grid-template-columns:
            1fr
            1fr;

        gap: 13px 15px;

        align-items: center;
    }

    .ssm-hero__trust-divider {
        display: none;
    }

    .ssm-hero__trust-item {
        min-width: 0;
    }

    .ssm-hero__trust-item:last-child {
        grid-column: 1 / -1;
    }

    .ssm-hero__slides {
        aspect-ratio: 0.86 / 1;

        border-radius: 12px;
    }

    .ssm-hero__client-info {
        padding:
            20px 17px;
    }

    .ssm-hero__client-name {
        font-size: 1.35rem;
    }

    .ssm-hero__client-role {
        max-width: 210px;
    }

    .ssm-hero__client-icon {
        width: 35px;
        height: 35px;
    }

    .ssm-hero__control {
        width: 36px;
        height: 36px;
    }

    .ssm-hero__background-word {
        right: -15px;
        bottom: -5px;

        font-size: 7rem;
    }

}


/*
|--------------------------------------------------------------------------
| Extra Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-hero__inner {
        padding-top: 40px;
    }

    .ssm-hero__eyebrow {
        font-size: 9px;

        letter-spacing: 0.12em;
    }

    .ssm-hero__title {
        font-size: 2.15rem;
    }

    .ssm-hero__description {
        font-size: 12.5px;
    }

    .ssm-hero__trust-item {
        font-size: 9.5px;
    }

    .ssm-hero__showcase-eyebrow {
        font-size: 9px;
    }

    .ssm-hero__client-name {
        font-size: 1.2rem;
    }

}

/*
|--------------------------------------------------------------------------
| SSM ABOUT — RESPONSIVE
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Large Tablet / Small Desktop
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-about {
        padding:
            90px 0
            95px;
    }

    .ssm-about__inner {
        gap: 65px;
    }

    .ssm-about__title {
        font-size: clamp(
            2.35rem,
            4.2vw,
            3.8rem
        );
    }

    .ssm-about__description {
        font-size: 14px;
    }

    .ssm-about__features {
        gap: 11px;
    }

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .ssm-about {
        padding:
            80px 0
            85px;
    }

    .ssm-about__inner {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .ssm-about__visual {
        width: min(
            100%,
            620px
        );

        margin-inline: auto;
    }

    .ssm-about__image-wrap {
        aspect-ratio: 1.05 / 1;
    }

    .ssm-about__content {
        max-width: 720px;
    }

    .ssm-about__title {
        max-width: 650px;

        font-size: clamp(
            2.6rem,
            6vw,
            4rem
        );
    }

    .ssm-about__description {
        max-width: 680px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-about {
        padding:
            65px 0
            70px;
    }

    .ssm-about__inner {
        gap: 38px;
    }

    /*
    |--------------------------------------------------------------------------
    | Visual
    |--------------------------------------------------------------------------
    */

    .ssm-about__visual {
        width: 100%;
    }

    .ssm-about__image-wrap {
        aspect-ratio: 0.95 / 1;

        border-radius: 14px;
    }

    .ssm-about__identity {
        right: 16px;
        bottom: 16px;

        max-width:
            calc(100% - 32px);

        gap: 10px;

        padding:
            10px 12px;

        border-radius: 9px;
    }

    .ssm-about__identity-icon {
        width: 34px;
        height: 34px;

        border-radius: 7px;

        font-size: 11px;
    }

    .ssm-about__identity-content strong {
        font-size: 11px;
    }

    .ssm-about__identity-content small {
        font-size: 8px;
    }

    .ssm-about__visual-number {
        top: -14px;
        left: -8px;

        width: 55px;
        height: 55px;

        font-size: 10px;
    }


    /*
    |--------------------------------------------------------------------------
    | Content
    |--------------------------------------------------------------------------
    */

    .ssm-about__eyebrow {
        margin-bottom: 14px;

        font-size: 9px;

        letter-spacing: 0.13em;
    }

    .ssm-about__eyebrow-line {
        width: 23px;
    }

    .ssm-about__title {
        font-size: clamp(
            2.25rem,
            10.5vw,
            3.15rem
        );

        line-height: 1.02;
    }

    .ssm-about__description {
        margin-top: 18px;

        font-size: 13px;

        line-height: 1.72;
    }

    .ssm-about__description--secondary {
        margin-top: 10px;

        font-size: 12px;

        line-height: 1.7;
    }


    /*
    |--------------------------------------------------------------------------
    | Features
    |--------------------------------------------------------------------------
    */

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

        gap: 9px;

        margin-top: 24px;
    }

    .ssm-about__feature {
        gap: 9px;

        padding:
            12px 10px;

        border-radius: 8px;
    }

    .ssm-about__feature-icon {
        width: 32px;
        height: 32px;

        border-radius: 7px;

        font-size: 10px;
    }

    .ssm-about__feature-content strong {
        font-size: 10px;
    }

    .ssm-about__feature-content small {
        margin-top: 3px;

        font-size: 8px;

        line-height: 1.4;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-about__actions {
        margin-top: 25px;
    }

    .ssm-about__button {
        min-height: 46px;

        padding:
            12px 18px;

        font-size: 11px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-about {
        padding:
            55px 0
            60px;
    }

    .ssm-about__inner {
        gap: 32px;
    }

    .ssm-about__image-wrap {
        aspect-ratio: 0.9 / 1;

        border-radius: 12px;
    }

    .ssm-about__identity {
        right: 12px;
        bottom: 12px;

        padding:
            9px 10px;
    }

    .ssm-about__identity-icon {
        width: 31px;
        height: 31px;

        font-size: 10px;
    }

    .ssm-about__identity-content strong {
        font-size: 10px;
    }

    .ssm-about__identity-content small {
        font-size: 7px;
    }

    .ssm-about__visual-number {
        top: -10px;
        left: -5px;

        width: 48px;
        height: 48px;

        font-size: 9px;
    }

    .ssm-about__title {
        font-size: 2.15rem;
    }

    .ssm-about__description {
        font-size: 12.5px;
    }

    .ssm-about__features {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .ssm-about__feature {
        padding:
            11px 10px;
    }

    .ssm-about__feature-content small {
        font-size: 8.5px;
    }

    .ssm-about__button {
        width: 100%;

        justify-content: flex-start;

        padding-left: 16px;
    }

}


/*
|--------------------------------------------------------------------------
| Extra Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-about {
        padding:
            48px 0
            52px;
    }

    .ssm-about__title {
        font-size: 2rem;
    }

    .ssm-about__description {
        font-size: 12px;
    }

}

/* ==========================================================================
   SSM ABOUT — MOBILE FEATURE GRID ADD-ON
   ========================================================================== */

@media (max-width: 767.98px) {

    .ssm-about__features {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-top: 24px;
    }

    .ssm-about__feature {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        min-width: 0;
        min-height: 76px;
        padding: 11px 9px;
        border-radius: 8px;
    }

    .ssm-about__feature-icon {
        width: 29px;
        height: 29px;
        flex: 0 0 29px;
        border-radius: 6px;
        font-size: 9px;
    }

    .ssm-about__feature-content {
        min-width: 0;
    }

    .ssm-about__feature-content strong {
        display: block;
        font-size: 9.5px;
        line-height: 1.3;
    }

    .ssm-about__feature-content small {
        display: block;
        margin-top: 3px;
        font-size: 7.5px;
        line-height: 1.35;
    }

    /* Learn More — compact instead of full width */

    .ssm-about__actions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 24px;
    }

    .ssm-about__button {
        display: inline-flex;
        width: auto;
        min-width: 0;
        min-height: 42px;
        padding: 11px 16px;
        border-radius: 7px;
        font-size: 10px;
    }

    .ssm-about__button i {
        font-size: 9px;
    }

}


/* ==========================================================================
   SSM ABOUT — SMALL PHONES
   ========================================================================== */

@media (max-width: 399.98px) {

    .ssm-about__features {
        gap: 7px;
    }

    .ssm-about__feature {
        gap: 7px;
        min-height: 72px;
        padding: 10px 8px;
    }

    .ssm-about__feature-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .ssm-about__feature-content strong {
        font-size: 9px;
    }

    .ssm-about__feature-content small {
        font-size: 7px;
    }

    .ssm-about__button {
        min-height: 40px;
        padding: 10px 14px;
        font-size: 9.5px;
    }

}

/*
|--------------------------------------------------------------------------
| SSM SOFT LIGHT THEME
|--------------------------------------------------------------------------
| Softens the black/white contrast without changing the brand identity.
|--------------------------------------------------------------------------
*/

:root {
    --ssm-light-bg: #f5f5f3;
    --ssm-card-bg: #ffffff;
    --ssm-dark: #171717;
    --ssm-dark-soft: #242424;
    --ssm-text: #626262;
    --ssm-text-muted: #858585;
    --ssm-border: #e5e5e2;
    --ssm-red: #e50914;
}


/*
|--------------------------------------------------------------------------
| Main Light Sections
|--------------------------------------------------------------------------
*/

.ssm-about,
.ssm-services,
.ssm-partners,
.ssm-gallery,
.ssm-contact {
    background-color: var(--ssm-light-bg);
}


/*
|--------------------------------------------------------------------------
| About Cards
|--------------------------------------------------------------------------
*/

.ssm-about__feature {
    background: var(--ssm-card-bg);

    border-color: var(--ssm-border);
}

.ssm-about__feature:hover {
    background: #ffffff;
}


/*
|--------------------------------------------------------------------------
| General Text Softening
|--------------------------------------------------------------------------
*/

.ssm-about__description,
.ssm-services__description {
    color: var(--ssm-text);
}


/*
|--------------------------------------------------------------------------
| Section Borders
|--------------------------------------------------------------------------
*/

.ssm-about__feature,
.ssm-services__card {
    border-color: var(--ssm-border);
}


/*
|--------------------------------------------------------------------------
| White Content Cards
|--------------------------------------------------------------------------
*/

.ssm-services__card {
    background-color: var(--ssm-card-bg);
}


/*
|--------------------------------------------------------------------------
| Soft Grey Background Decoration
|--------------------------------------------------------------------------
*/

.ssm-about__background-word,
.ssm-services__background-word {
    color: rgba(23, 23, 23, 0.035);
}


/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.ssm-about__button,
.ssm-services__button {
    background-color: var(--ssm-red);
    border-color: var(--ssm-red);
}


/*
|--------------------------------------------------------------------------
| Footer Stays Dark
|--------------------------------------------------------------------------
*/

.ssm-footer {
    background-color: #111111;
}


/*
|--------------------------------------------------------------------------
| Selection
|--------------------------------------------------------------------------
*/

::selection {
    background: var(--ssm-red);
    color: #ffffff;
}


/*
|--------------------------------------------------------------------------
| SSM SERVICES — RESPONSIVE
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Large Tablet / Small Desktop
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-services {
        padding:
            90px 0
            95px;
    }

    .ssm-services__header {
        gap: 45px;

        margin-bottom: 38px;
    }

    .ssm-services__title {
        font-size: clamp(
            2.3rem,
            4.2vw,
            3.8rem
        );
    }

    .ssm-services__description {
        font-size: 13px;
    }

    .ssm-services__grid {
        gap: 13px;
    }

    .ssm-services__card {
        min-height: 275px;
    }

    .ssm-services__card-content {
        min-height: 275px;

        padding:
            22px 20px;
    }

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .ssm-services {
        padding:
            80px 0
            85px;
    }

    .ssm-services__header {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-bottom: 32px;
    }

    .ssm-services__intro {
        max-width: 620px;

        justify-self: start;
    }

    .ssm-services__title {
        max-width: 680px;

        font-size: clamp(
            2.55rem,
            6vw,
            3.8rem
        );
    }

    .ssm-services__description {
        max-width: 650px;
    }

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

        gap: 13px;
    }

    .ssm-services__card {
        min-height: 270px;
    }

    .ssm-services__card-content {
        min-height: 270px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-services {
        padding:
            65px 0
            70px;
    }

    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .ssm-services__header {
        gap: 14px;

        margin-bottom: 25px;
    }

    .ssm-services__eyebrow {
        margin-bottom: 13px;

        font-size: 9px;

        letter-spacing: 0.13em;
    }

    .ssm-services__eyebrow-line {
        width: 23px;
    }

    .ssm-services__title {
        font-size: clamp(
            2.15rem,
            10.5vw,
            3.15rem
        );

        line-height: 1.02;
    }

    .ssm-services__description {
        font-size: 12.5px;

        line-height: 1.7;
    }


    /*
    |--------------------------------------------------------------------------
    | Services Grid
    |--------------------------------------------------------------------------
    */

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

        gap: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Card
    |--------------------------------------------------------------------------
    */

    .ssm-services__card {
        min-height: 230px;

        border-radius: 10px;
    }

    .ssm-services__card-content {
        min-height: 230px;

        padding:
            16px 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Number
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-number {
        top: 14px;
        right: 13px;

        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Icon
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-icon {
        width: 34px;
        height: 34px;

        margin-bottom: auto;

        border-radius: 7px;

        font-size: 10px;
    }


    /*
    |--------------------------------------------------------------------------
    | Body
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-body {
        max-width: 88%;

        margin-top: 17px;
    }


    /*
    |--------------------------------------------------------------------------
    | Title
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-title {
        font-size: 13px;

        line-height: 1.2;
    }


    /*
    |--------------------------------------------------------------------------
    | Description
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-description {
        margin-top: 6px;

        font-size: 8.5px;

        line-height: 1.5;
    }


    /*
    |--------------------------------------------------------------------------
    | Price
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-price {
        gap: 4px;

        margin-top: 8px;
    }

    .ssm-services__card-price span {
        font-size: 7px;
    }

    .ssm-services__card-price strong {
        font-size: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Card Link
    |--------------------------------------------------------------------------
    */

    .ssm-services__card-link {
        right: 12px;
        bottom: 12px;

        width: 29px;
        height: 29px;

        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer CTA
    |--------------------------------------------------------------------------
    */

    .ssm-services__footer {
        justify-content: flex-start;

        margin-top: 25px;
    }

    .ssm-services__button {
        min-height: 42px;

        padding:
            11px 15px;

        border-radius: 7px;

        font-size: 10px;
    }

    .ssm-services__button i {
        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty State
    |--------------------------------------------------------------------------
    */

    .ssm-services__empty {
        min-height: 220px;

        padding: 30px 20px;

        border-radius: 10px;
    }

    .ssm-services__empty-icon {
        width: 45px;
        height: 45px;

        margin-bottom: 12px;

        font-size: 13px;
    }

    .ssm-services__empty-title {
        font-size: 15px;
    }

    .ssm-services__empty-text {
        font-size: 10px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-services {
        padding:
            55px 0
            60px;
    }

    .ssm-services__title {
        font-size: 2.15rem;
    }

    .ssm-services__description {
        font-size: 12px;
    }

    .ssm-services__grid {
        gap: 7px;
    }

    .ssm-services__card {
        min-height: 215px;

        border-radius: 9px;
    }

    .ssm-services__card-content {
        min-height: 215px;

        padding:
            14px 11px;
    }

    .ssm-services__card-icon {
        width: 31px;
        height: 31px;

        border-radius: 6px;

        font-size: 9px;
    }

    .ssm-services__card-title {
        font-size: 12px;
    }

    .ssm-services__card-description {
        font-size: 8px;

        line-height: 1.45;
    }

    .ssm-services__card-link {
        right: 10px;
        bottom: 10px;

        width: 27px;
        height: 27px;

        font-size: 7px;
    }

    .ssm-services__button {
        min-height: 40px;

        padding:
            10px 14px;

        font-size: 9.5px;
    }

}


/*
|--------------------------------------------------------------------------
| Extra Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-services {
        padding:
            48px 0
            52px;
    }

    .ssm-services__title {
        font-size: 2rem;
    }

    .ssm-services__grid {
        gap: 6px;
    }

    .ssm-services__card {
        min-height: 205px;
    }

    .ssm-services__card-content {
        min-height: 205px;

        padding:
            13px 10px;
    }

    .ssm-services__card-icon {
        width: 29px;
        height: 29px;
    }

    .ssm-services__card-title {
        font-size: 11px;
    }

    .ssm-services__card-description {
        font-size: 7.5px;
    }

}

/*
|--------------------------------------------------------------------------
| SSM WHY — RESPONSIVE
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Large Tablet / Small Desktop
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-why {
        padding:
            90px 0
            95px;
    }

    .ssm-why__inner {
        gap: 65px;
    }

    .ssm-why__title {
        font-size: clamp(
            2.35rem,
            4.2vw,
            3.8rem
        );
    }

    .ssm-why__description {
        font-size: 14px;
    }

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .ssm-why {
        padding:
            80px 0
            85px;
    }

    .ssm-why__inner {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .ssm-why__visual {
        width: min(
            100%,
            620px
        );

        margin-inline: auto;
    }

    .ssm-why__image-wrap {
        aspect-ratio: 1.05 / 1;
    }

    .ssm-why__content {
        max-width: 720px;
    }

    .ssm-why__title {
        max-width: 650px;

        font-size: clamp(
            2.55rem,
            6vw,
            4rem
        );
    }

    .ssm-why__description {
        max-width: 680px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-why {
        padding:
            65px 0
            70px;
    }


    /*
    |--------------------------------------------------------------------------
    | Main Layout
    |--------------------------------------------------------------------------
    */

    .ssm-why__inner {
        gap: 38px;
    }


    /*
    |--------------------------------------------------------------------------
    | Visual
    |--------------------------------------------------------------------------
    */

    .ssm-why__visual {
        width: 100%;
    }

    .ssm-why__image-wrap {
        aspect-ratio: 0.95 / 1;

        border-radius: 14px;
    }

    .ssm-why__visual-label {
        right: 14px;
        bottom: 14px;

        max-width:
            calc(100% - 28px);

        gap: 8px;

        padding:
            9px 11px;

        border-radius: 8px;

        font-size: 8px;
    }

    .ssm-why__visual-label-icon {
        width: 29px;
        height: 29px;

        border-radius: 6px;

        font-size: 9px;
    }

    .ssm-why__visual-number {
        top: -14px;
        left: -8px;

        width: 55px;
        height: 55px;

        font-size: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Content
    |--------------------------------------------------------------------------
    */

    .ssm-why__eyebrow {
        margin-bottom: 14px;

        font-size: 9px;

        letter-spacing: 0.13em;
    }

    .ssm-why__eyebrow-line {
        width: 23px;
    }

    .ssm-why__title {
        font-size: clamp(
            2.25rem,
            10.5vw,
            3.15rem
        );

        line-height: 1.02;
    }

    .ssm-why__description {
        margin-top: 18px;

        font-size: 13px;

        line-height: 1.72;
    }


    /*
    |--------------------------------------------------------------------------
    | Trust Points
    |--------------------------------------------------------------------------
    */

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

        gap: 9px;

        margin-top: 24px;
    }

    .ssm-why__point {
        gap: 8px;

        min-height: 76px;

        padding:
            11px 9px;

        border-radius: 8px;
    }

    .ssm-why__point-icon {
        width: 29px;
        height: 29px;

        flex: 0 0 29px;

        border-radius: 6px;

        font-size: 9px;
    }

    .ssm-why__point-title {
        font-size: 9.5px;

        line-height: 1.3;
    }

    .ssm-why__point-description {
        margin-top: 3px;

        font-size: 7.5px;

        line-height: 1.4;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-why__actions {
        justify-content: flex-start;

        margin-top: 24px;
    }

    .ssm-why__button {
        width: auto;

        min-width: 0;

        min-height: 42px;

        padding:
            11px 16px;

        border-radius: 7px;

        font-size: 10px;
    }

    .ssm-why__button i {
        font-size: 8px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-why {
        padding:
            55px 0
            60px;
    }

    .ssm-why__inner {
        gap: 32px;
    }

    .ssm-why__image-wrap {
        aspect-ratio: 0.9 / 1;

        border-radius: 12px;
    }

    .ssm-why__visual-label {
        right: 11px;
        bottom: 11px;

        padding:
            8px 9px;

        font-size: 7px;
    }

    .ssm-why__visual-label-icon {
        width: 26px;
        height: 26px;

        font-size: 8px;
    }

    .ssm-why__visual-number {
        top: -10px;
        left: -5px;

        width: 48px;
        height: 48px;

        font-size: 8px;
    }

    .ssm-why__title {
        font-size: 2.15rem;
    }

    .ssm-why__description {
        font-size: 12px;
    }

    .ssm-why__points {
        gap: 7px;
    }

    .ssm-why__point {
        gap: 7px;

        min-height: 72px;

        padding:
            10px 8px;
    }

    .ssm-why__point-icon {
        width: 27px;
        height: 27px;

        flex-basis: 27px;
    }

    .ssm-why__point-title {
        font-size: 9px;
    }

    .ssm-why__point-description {
        font-size: 7px;
    }

    .ssm-why__button {
        min-height: 40px;

        padding:
            10px 14px;

        font-size: 9.5px;
    }

}


/*
|--------------------------------------------------------------------------
| Extra Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-why {
        padding:
            48px 0
            52px;
    }

    .ssm-why__title {
        font-size: 2rem;
    }

    .ssm-why__description {
        font-size: 11.5px;
    }

    .ssm-why__points {
        gap: 6px;
    }

    .ssm-why__point {
        min-height: 68px;

        padding:
            9px 7px;
    }

    .ssm-why__point-icon {
        width: 25px;
        height: 25px;

        flex-basis: 25px;
    }

    .ssm-why__point-title {
        font-size: 8.5px;
    }

    .ssm-why__point-description {
        font-size: 6.8px;
    }

}

/*
|--------------------------------------------------------------------------
| SSM PARTNERS — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-partners {
        padding:
            90px 0
            95px;
    }

    .ssm-partners__header {
        gap: 45px;
        margin-bottom: 38px;
    }

    .ssm-partners__title {
        font-size: clamp(
            2.3rem,
            4.2vw,
            3.8rem
        );
    }

    .ssm-partners__description {
        font-size: 13px;
    }

    .ssm-partners__grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


@media (max-width: 991.98px) {

    .ssm-partners {
        padding:
            80px 0
            85px;
    }

    .ssm-partners__header {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-bottom: 32px;
    }

    .ssm-partners__intro {
        max-width: 650px;

        justify-self: start;
    }

    .ssm-partners__title {
        max-width: 680px;

        font-size: clamp(
            2.55rem,
            6vw,
            4rem
        );
    }

    .ssm-partners__description {
        max-width: 650px;
    }

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

        gap: 12px;
    }

}


@media (max-width: 767.98px) {

    .ssm-partners {
        padding:
            65px 0
            70px;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .ssm-partners__header {
        gap: 14px;

        margin-bottom: 25px;
    }

    .ssm-partners__eyebrow {
        margin-bottom: 13px;

        font-size: 9px;

        letter-spacing: 0.13em;
    }

    .ssm-partners__eyebrow-line {
        width: 23px;
    }

    .ssm-partners__title {
        font-size: clamp(
            2.15rem,
            10.5vw,
            3.15rem
        );

        line-height: 1.02;
    }

    .ssm-partners__description {
        font-size: 12.5px;

        line-height: 1.7;
    }


    /*
    |--------------------------------------------------------------------------
    | Grid
    |--------------------------------------------------------------------------
    */

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

        gap: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Partner Card
    |--------------------------------------------------------------------------
    */

    .ssm-partners__card {
        min-width: 0;

        border-radius: 9px;
    }

    .ssm-partners__card-link {
        min-height: 150px;

        padding:
            14px 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Logo
    |--------------------------------------------------------------------------
    */

    .ssm-partners__logo {
        width: 42px;
        height: 42px;

        margin-bottom: 12px;

        border-radius: 8px;
    }

    .ssm-partners__logo img {
        max-width: 28px;
        max-height: 28px;
    }

    .ssm-partners__logo-initial {
        font-size: 17px;
    }


    /*
    |--------------------------------------------------------------------------
    | Content
    |--------------------------------------------------------------------------
    */

    .ssm-partners__name {
        font-size: 11px;

        line-height: 1.25;
    }

    .ssm-partners__type {
        margin-top: 4px;

        font-size: 6.5px;

        letter-spacing: 0.06em;
    }

    .ssm-partners__description-text {
        margin-top: 6px;

        font-size: 7.5px;

        line-height: 1.45;
    }


    /*
    |--------------------------------------------------------------------------
    | Arrow
    |--------------------------------------------------------------------------
    */

    .ssm-partners__arrow {
        right: 10px;
        bottom: 10px;

        width: 25px;
        height: 25px;

        font-size: 7px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners__footer {
        justify-content: flex-start;

        margin-top: 24px;
    }

    .ssm-partners__button {
        min-height: 42px;

        padding:
            11px 15px;

        border-radius: 7px;

        font-size: 10px;
    }

    .ssm-partners__button i {
        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty State
    |--------------------------------------------------------------------------
    */

    .ssm-partners__empty {
        min-height: 210px;

        padding:
            28px 18px;

        border-radius: 10px;
    }

    .ssm-partners__empty-icon {
        width: 44px;
        height: 44px;

        margin-bottom: 11px;

        font-size: 13px;
    }

    .ssm-partners__empty-title {
        font-size: 15px;
    }

    .ssm-partners__empty-text {
        font-size: 10px;
    }

}


@media (max-width: 575.98px) {

    .ssm-partners {
        padding:
            55px 0
            60px;
    }

    .ssm-partners__title {
        font-size: 2.15rem;
    }

    .ssm-partners__description {
        font-size: 12px;
    }

    .ssm-partners__grid {
        gap: 7px;
    }

    .ssm-partners__card-link {
        min-height: 140px;

        padding:
            12px 10px;
    }

    .ssm-partners__logo {
        width: 38px;
        height: 38px;

        margin-bottom: 10px;
    }

    .ssm-partners__name {
        font-size: 10px;
    }

    .ssm-partners__type {
        font-size: 6px;
    }

    .ssm-partners__description-text {
        font-size: 7px;
    }

    .ssm-partners__arrow {
        right: 8px;
        bottom: 8px;

        width: 23px;
        height: 23px;
    }

}


@media (max-width: 399.98px) {

    .ssm-partners {
        padding:
            48px 0
            52px;
    }

    .ssm-partners__title {
        font-size: 2rem;
    }

    .ssm-partners__description {
        font-size: 11.5px;
    }

    .ssm-partners__grid {
        gap: 6px;
    }

    .ssm-partners__card-link {
        min-height: 132px;

        padding:
            11px 9px;
    }

    .ssm-partners__logo {
        width: 35px;
        height: 35px;
    }

    .ssm-partners__name {
        font-size: 9.5px;
    }

    .ssm-partners__description-text {
        font-size: 6.7px;
    }

}

/*
|--------------------------------------------------------------------------
| SSM CLIENTS — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-clients {
        padding:
            90px 0
            95px;
    }

    .ssm-clients__header {
        gap: 45px;
        margin-bottom: 38px;
    }

    .ssm-clients__title {
        font-size: clamp(
            2.3rem,
            4.2vw,
            3.8rem
        );
    }

    .ssm-clients__description {
        font-size: 13px;
    }

    .ssm-clients__card {
        flex-basis: 230px;
        width: 230px;
    }
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .ssm-clients {
        padding:
            80px 0
            85px;
    }

    .ssm-clients__header {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-bottom: 32px;
    }

    .ssm-clients__intro {
        max-width: 650px;

        justify-self: start;
    }

    .ssm-clients__title {
        max-width: 680px;

        font-size: clamp(
            2.55rem,
            6vw,
            4rem
        );
    }

    .ssm-clients__description {
        max-width: 650px;
    }

    .ssm-clients__card {
        flex-basis: 225px;
        width: 225px;
    }
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-clients {
        padding:
            65px 0
            70px;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .ssm-clients__header {
        gap: 14px;

        margin-bottom: 25px;
    }

    .ssm-clients__eyebrow {
        margin-bottom: 13px;

        font-size: 9px;

        letter-spacing: 0.13em;
    }

    .ssm-clients__eyebrow-line {
        width: 23px;
    }

    .ssm-clients__title {
        font-size: clamp(
            2.15rem,
            10.5vw,
            3.15rem
        );

        line-height: 1.02;
    }

    .ssm-clients__description {
        font-size: 12.5px;

        line-height: 1.7;
    }


    /*
    |--------------------------------------------------------------------------
    | Client Viewport
    |--------------------------------------------------------------------------
    */

    .ssm-clients__viewport {
        overflow-x: auto;

        overflow-y: hidden;

        padding:
            3px 2px 12px;

        margin-inline: -2px;

        scrollbar-width: none;

        -ms-overflow-style: none;

        overscroll-behavior-x: contain;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;
    }

    .ssm-clients__viewport::-webkit-scrollbar {
        display: none;
    }


    /*
    |--------------------------------------------------------------------------
    | Track
    |--------------------------------------------------------------------------
    */

    .ssm-clients__track {
        gap: 9px;

        width: max-content;

        transform: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Client Card
    |--------------------------------------------------------------------------
    */

    .ssm-clients__card {
        flex:
            0 0 185px;

        width: 185px;

        border-radius: 10px;

        scroll-snap-align: start;
    }

    .ssm-clients__card:hover {
        transform: none;

        box-shadow:
            0 10px 25px rgba(0, 0, 0, 0.06);
    }


    /*
    |--------------------------------------------------------------------------
    | Image
    |--------------------------------------------------------------------------
    */

    .ssm-clients__card-image {
        aspect-ratio: 0.9 / 1;
    }


    /*
    |--------------------------------------------------------------------------
    | Number
    |--------------------------------------------------------------------------
    */

    .ssm-clients__card-number {
        top: 10px;
        right: 10px;

        min-width: 27px;
        height: 21px;

        padding:
            0 5px;

        font-size: 7px;
    }


    /*
    |--------------------------------------------------------------------------
    | Card Content
    |--------------------------------------------------------------------------
    */

    .ssm-clients__card-content {
        padding:
            13px 12px
            14px;
    }

    .ssm-clients__card-name {
        font-size: 12px;
    }

    .ssm-clients__card-role {
        margin-top: 4px;

        font-size: 7px;

        letter-spacing: 0.06em;
    }

    .ssm-clients__card-content-text {
        margin-top: 8px;

        font-size: 8px;

        line-height: 1.5;
    }


    /*
    |--------------------------------------------------------------------------
    | Rating
    |--------------------------------------------------------------------------
    */

    .ssm-clients__rating {
        gap: 2px;

        padding-top: 11px;

        font-size: 7px;
    }


    /*
    |--------------------------------------------------------------------------
    | Initial Fallback
    |--------------------------------------------------------------------------
    */

    .ssm-clients__card-initial {
        font-size: 42px;
    }


    /*
    |--------------------------------------------------------------------------
    | Navigation
    |--------------------------------------------------------------------------
    */

    .ssm-clients__navigation {
        justify-content: flex-start;

        gap: 9px;

        margin-top: 20px;
    }

    .ssm-clients__nav-button {
        width: 34px;
        height: 34px;
    }

    .ssm-clients__nav-button i {
        font-size: 8px;
    }

    .ssm-clients__progress {
        width: 75px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-clients__footer {
        justify-content: flex-start;

        margin-top: 24px;
    }

    .ssm-clients__button {
        min-height: 42px;

        padding:
            11px 15px;

        border-radius: 7px;

        font-size: 10px;
    }

    .ssm-clients__button i {
        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty State
    |--------------------------------------------------------------------------
    */

    .ssm-clients__empty {
        min-height: 210px;

        padding:
            28px 18px;

        border-radius: 10px;
    }

    .ssm-clients__empty-icon {
        width: 44px;
        height: 44px;

        margin-bottom: 11px;

        font-size: 13px;
    }

    .ssm-clients__empty-title {
        font-size: 15px;
    }

    .ssm-clients__empty-text {
        font-size: 10px;
    }
}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-clients {
        padding:
            55px 0
            60px;
    }

    .ssm-clients__title {
        font-size: 2.15rem;
    }

    .ssm-clients__description {
        font-size: 12px;
    }

    .ssm-clients__card {
        flex-basis: 175px;
        width: 175px;
    }

    .ssm-clients__card-content {
        padding:
            12px 10px
            13px;
    }

    .ssm-clients__card-name {
        font-size: 11px;
    }

    .ssm-clients__card-role {
        font-size: 6.5px;
    }

    .ssm-clients__card-content-text {
        font-size: 7.5px;
    }

    .ssm-clients__card-number {
        top: 9px;
        right: 9px;

        min-width: 25px;
        height: 20px;

        font-size: 6.5px;
    }

    .ssm-clients__nav-button {
        width: 32px;
        height: 32px;
    }

    .ssm-clients__progress {
        width: 65px;
    }
}


/*
|--------------------------------------------------------------------------
| Extra Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-clients {
        padding:
            48px 0
            52px;
    }

    .ssm-clients__title {
        font-size: 2rem;
    }

    .ssm-clients__description {
        font-size: 11.5px;
    }

    .ssm-clients__card {
        flex-basis: 165px;
        width: 165px;
    }

    .ssm-clients__card-name {
        font-size: 10.5px;
    }

    .ssm-clients__card-content-text {
        font-size: 7px;
    }
}


/*
|--------------------------------------------------------------------------
| SSM APPOINTMENT — RESPONSIVE
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Large Tablet / Small Desktop
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-appointment {
        padding:
            90px 0
            95px;
    }

    .ssm-appointment__inner {
        gap: 50px;

        padding:
            48px 45px;
    }

    .ssm-appointment__title {
        font-size: clamp(
            2.35rem,
            4.5vw,
            4rem
        );
    }

    .ssm-appointment__description {
        font-size: 12.5px;
    }

    .ssm-appointment__actions {
        width: 170px;
    }

}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .ssm-appointment {
        padding:
            80px 0
            85px;
    }

    .ssm-appointment__inner {
        grid-template-columns: 1fr;

        gap: 30px;

        min-height: auto;

        padding:
            45px 40px;
    }

    .ssm-appointment__content {
        max-width: 700px;
    }

    .ssm-appointment__title {
        max-width: 700px;

        font-size: clamp(
            2.55rem,
            6vw,
            4rem
        );
    }

    .ssm-appointment__description {
        max-width: 650px;
    }

    .ssm-appointment__actions {
        flex-direction: row;

        align-items: center;

        width: auto;
    }

    .ssm-appointment__button {
        min-width: 165px;
    }

    .ssm-appointment__number {
        right: 5%;

        font-size: 10rem;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-appointment {
        padding:
            65px 0
            70px;
    }


    /*
    |--------------------------------------------------------------------------
    | Main Box
    |--------------------------------------------------------------------------
    */

    .ssm-appointment__inner {
        gap: 26px;

        padding:
            35px 22px;

        border-radius: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Content
    |--------------------------------------------------------------------------
    */

    .ssm-appointment__eyebrow {
        margin-bottom: 13px;

        font-size: 8.5px;

        letter-spacing: 0.13em;
    }

    .ssm-appointment__eyebrow-line {
        width: 22px;
    }

    .ssm-appointment__title {
        font-size: clamp(
            2.1rem,
            10vw,
            3rem
        );

        line-height: 1.01;
    }

    .ssm-appointment__description {
        margin-top: 15px;

        font-size: 11.5px;

        line-height: 1.7;
    }

    .ssm-appointment__meta {
        gap: 7px;

        margin-top: 15px;

        font-size: 8px;
    }

    .ssm-appointment__meta-icon {
        font-size: 7px;
    }


    /*
    |--------------------------------------------------------------------------
    | Actions
    |--------------------------------------------------------------------------
    */

    .ssm-appointment__actions {
        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 7px;

        width: 100%;
    }

    .ssm-appointment__button {
        width: 100%;

        min-height: 42px;

        padding:
            10px 13px;

        border-radius: 7px;

        font-size: 9.5px;
    }

    .ssm-appointment__button i {
        font-size: 8px;
    }

    .ssm-appointment__whatsapp-icon {
        width: 20px;
        height: 20px;

        font-size: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Decorative Number
    |--------------------------------------------------------------------------
    */

    .ssm-appointment__number {
        top: -18px;
        right: 10px;

        font-size: 7rem;
    }


    /*
    |--------------------------------------------------------------------------
    | Background
    |--------------------------------------------------------------------------
    */

    .ssm-appointment__background::before {
        top: -130px;
        right: -130px;

        width: 300px;
        height: 300px;
    }

    .ssm-appointment__background-word {
        right: -20px;
        bottom: -10px;

        font-size: 6rem;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-appointment {
        padding:
            55px 0
            60px;
    }

    .ssm-appointment__inner {
        gap: 23px;

        padding:
            30px 17px;

        border-radius: 10px;
    }

    .ssm-appointment__title {
        font-size: 2.1rem;
    }

    .ssm-appointment__description {
        font-size: 11px;
    }

    .ssm-appointment__meta {
        font-size: 7.5px;
    }

    .ssm-appointment__button {
        min-height: 40px;

        padding:
            10px 12px;

        font-size: 9px;
    }

    .ssm-appointment__number {
        top: -14px;
        right: 5px;

        font-size: 5.8rem;
    }

    .ssm-appointment__background-word {
        right: -15px;

        font-size: 5rem;
    }

}


/*
|--------------------------------------------------------------------------
| Extra Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-appointment {
        padding:
            48px 0
            52px;
    }

    .ssm-appointment__inner {
        padding:
            27px 15px;
    }

    .ssm-appointment__title {
        font-size: 1.95rem;
    }

    .ssm-appointment__description {
        font-size: 10.5px;
    }

    .ssm-appointment__button {
        min-height: 39px;

        font-size: 8.5px;
    }

}


/*
|--------------------------------------------------------------------------
| SSM RETRY FOOTER — MOBILE FINAL OVERRIDE
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .ssm-retry-footer__main {
        display: grid;

        grid-template-columns: 1fr 1fr;

        column-gap: 22px;
        row-gap: 0;

        padding:
            48px 0
            32px;
    }


    /*
    |--------------------------------------------------------------------------
    | Brand — Full Width
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__brand {
        grid-column: 1 / -1;

        width: 100%;

        padding-bottom: 28px;

        border-bottom:
            1px solid #252525;
    }


    /*
    |--------------------------------------------------------------------------
    | Explore + Services — Two Columns
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__column {
        width: auto;

        padding:
            27px 0
            25px;

        border-bottom:
            1px solid #252525;
    }

    .ssm-retry-footer__column:nth-of-type(2) {
        grid-column: 1;
    }

    .ssm-retry-footer__column:nth-of-type(3) {
        grid-column: 2;
    }


    /*
    |--------------------------------------------------------------------------
    | Headings
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__heading {
        margin-bottom: 16px;

        font-size: 8px;

        letter-spacing: 0.13em;
    }


    /*
    |--------------------------------------------------------------------------
    | Links
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__links {
        gap: 11px;
    }

    .ssm-retry-footer__links a {
        font-size: 9.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Contact — Full Width
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__contact {
        grid-column: 1 / -1;

        width: 100%;

        padding:
            27px 0
            5px;

        border-bottom: 0;
    }


    /*
    |--------------------------------------------------------------------------
    | Contact Items
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__contact-item {
        gap: 10px;

        margin-bottom: 13px;
    }

    .ssm-retry-footer__contact-icon {
        width: 32px;
        height: 32px;

        border-radius: 8px;
    }

    .ssm-retry-footer__contact-content small {
        font-size: 7px;
    }

    .ssm-retry-footer__contact-content strong {
        font-size: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | WhatsApp
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__whatsapp {
        width: fit-content;

        min-height: 37px;

        margin-top: 4px;

        padding:
            8px 12px;

        font-size: 8.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Bottom
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__bottom {
        display: grid;

        grid-template-columns: 1fr auto;

        align-items: end;

        gap: 13px;

        min-height: auto;

        padding:
            22px 0
            24px;
    }


    /*
    |--------------------------------------------------------------------------
    | Copyright
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__copyright {
        grid-column: 1 / -1;

        font-size: 8px;

        line-height: 1.6;
    }


    /*
    |--------------------------------------------------------------------------
    | Legal
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__legal {
        grid-column: 1;

        justify-content: flex-start;

        gap:
            7px 13px;

        flex-wrap: wrap;
    }

    .ssm-retry-footer__legal a {
        font-size: 7.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Back To Top
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__top {
        grid-column: 2;

        align-self: end;

        width: 38px;
        height: 38px;

        font-size: 10px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-retry-footer__main {
        column-gap: 17px;

        padding:
            42px 0
            28px;
    }

    .ssm-retry-footer__brand-name {
        font-size: 18px;
    }

    .ssm-retry-footer__description {
        font-size: 9px;

        line-height: 1.7;
    }

    .ssm-retry-footer__column {
        padding:
            24px 0
            22px;
    }

    .ssm-retry-footer__links {
        gap: 10px;
    }

    .ssm-retry-footer__links a {
        font-size: 9px;
    }

    .ssm-retry-footer__contact {
        padding-top: 24px;
    }

}


/*
|--------------------------------------------------------------------------
| Very Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-retry-footer__main {
        column-gap: 14px;
    }

    .ssm-retry-footer__brand-name {
        font-size: 17px;
    }

    .ssm-retry-footer__links a {
        font-size: 8.5px;
    }

    .ssm-retry-footer__contact-content strong {
        font-size: 8.5px;
    }

}

/*
|--------------------------------------------------------------------------
| SSM RETRY FOOTER — FINAL MOBILE GRID FIX
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Main Footer Grid
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__main {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        column-gap: 22px !important;
        row-gap: 0 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | 1. BRAND — FULL WIDTH
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__main
    > .ssm-retry-footer__brand {
        grid-column: 1 / -1 !important;

        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | 2. EXPLORE — LEFT
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__main
    > .ssm-retry-footer__column:nth-child(2) {
        grid-column: 1 !important;

        grid-row: 2 !important;

        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | 3. SERVICES — RIGHT
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__main
    > .ssm-retry-footer__column:nth-child(3) {
        grid-column: 2 !important;

        grid-row: 2 !important;

        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | 4. CONTACT — FULL WIDTH
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__main
    > .ssm-retry-footer__contact {
        grid-column: 1 / -1 !important;

        grid-row: 3 !important;

        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | Columns
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__column {
        padding:
            27px 0
            25px !important;

        border-bottom:
            1px solid #252525;
    }


    /*
    |--------------------------------------------------------------------------
    | Headings
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__heading {
        margin-bottom: 16px !important;

        font-size: 8px !important;

        letter-spacing: 0.13em;
    }


    /*
    |--------------------------------------------------------------------------
    | Links
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__links {
        display: flex !important;

        flex-direction: column !important;

        gap: 11px !important;
    }

    .ssm-retry-footer__links a {
        font-size: 9.5px !important;

        line-height: 1.4;
    }


    /*
    |--------------------------------------------------------------------------
    | Contact
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__contact {
        padding:
            27px 0
            5px !important;

        border-bottom: 0 !important;
    }

}


/*
|--------------------------------------------------------------------------
| SMALL PHONES
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-retry-footer__main {
        column-gap: 17px !important;
    }

    .ssm-retry-footer__column {
        padding:
            24px 0
            22px !important;
    }

    .ssm-retry-footer__links {
        gap: 10px !important;
    }

    .ssm-retry-footer__links a {
        font-size: 9px !important;
    }

}


/*
|--------------------------------------------------------------------------
| EXTRA SMALL
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-retry-footer__main {
        column-gap: 14px !important;
    }

    .ssm-retry-footer__links a {
        font-size: 8.5px !important;
    }

}

/*
|--------------------------------------------------------------------------
| SSM RETRY FOOTER — MOBILE CENTER ALIGNMENT
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    /* Main footer content */
    .ssm-retry-footer__main {
        text-align: center !important;
    }


    /* Brand */
    .ssm-retry-footer__brand {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .ssm-retry-footer__brand-link {
        justify-content: center !important;
    }

    .ssm-retry-footer__description {
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Social icons */
    .ssm-retry-footer__social {
        justify-content: center !important;
    }


    /* Explore + Services */
    .ssm-retry-footer__column {
        text-align: center !important;
    }

    .ssm-retry-footer__heading {
        text-align: center !important;
    }

    .ssm-retry-footer__links {
        align-items: center !important;
        text-align: center !important;
    }

    .ssm-retry-footer__links li {
        text-align: center !important;
    }

    .ssm-retry-footer__links a {
        justify-content: center !important;
        text-align: center !important;
    }


    /* Contact */
    .ssm-retry-footer__contact {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .ssm-retry-footer__contact > .ssm-retry-footer__heading {
        width: 100%;
    }

    .ssm-retry-footer__contact-item {
        justify-content: center !important;
        align-items: center !important;

        width: 100%;

        text-align: center !important;
    }

    .ssm-retry-footer__contact-content {
        text-align: center !important;
    }


    /* WhatsApp */
    .ssm-retry-footer__whatsapp {
        justify-content: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Bottom */
    .ssm-retry-footer__bottom {
        align-items: center !important;
        text-align: center !important;
    }

    .ssm-retry-footer__copyright {
        text-align: center !important;
    }

    .ssm-retry-footer__legal {
        justify-content: center !important;
        text-align: center !important;
    }

}


/*
|--------------------------------------------------------------------------
| SMALL PHONES
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-retry-footer__contact-item {
        width: auto !important;
        min-width: 210px;
    }

}


/*
|--------------------------------------------------------------------------
| SSM RETRY FOOTER — FINAL MOBILE ALIGNMENT
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | GET IN TOUCH
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__contact {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        text-align: center !important;
    }

    .ssm-retry-footer__contact
    > .ssm-retry-footer__heading {
        width: 100% !important;

        margin:
            0 0 20px !important;

        text-align: center !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Contact Items
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__contact-item {
        display: flex !important;

        align-items: center !important;

        justify-content: flex-start !important;

        width: 225px !important;

        margin:
            0 auto 14px !important;

        text-align: left !important;
    }

    .ssm-retry-footer__contact-icon {
        flex-shrink: 0 !important;
    }

    .ssm-retry-footer__contact-content {
        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        text-align: left !important;
    }


    /*
    |--------------------------------------------------------------------------
    | WhatsApp
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__whatsapp {
        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        margin:
            5px auto 0 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Bottom Footer
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__bottom {
        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        text-align: center !important;

        gap: 14px !important;

        padding:
            22px 0
            24px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Copyright
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__copyright {
        width: 100% !important;

        text-align: center !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Legal Links
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__legal {
        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        flex-wrap: wrap !important;

        width: 100% !important;

        gap:
            8px 16px !important;

        text-align: center !important;
    }

    .ssm-retry-footer__legal a {
        display: inline-block !important;

        white-space: nowrap;

        text-align: center !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Back To Top
    |--------------------------------------------------------------------------
    */

    .ssm-retry-footer__top {
        align-self: center !important;

        margin-top: 3px;
    }

}


/*
|--------------------------------------------------------------------------
| Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .ssm-retry-footer__contact-item {
        width: 215px !important;
    }

    .ssm-retry-footer__legal {
        gap:
            7px 13px !important;
    }

}


/*
|--------------------------------------------------------------------------
| Very Small Phones
|--------------------------------------------------------------------------
*/

@media (max-width: 399.98px) {

    .ssm-retry-footer__contact-item {
        width: 205px !important;
    }

    .ssm-retry-footer__legal {
        gap:
            6px 10px !important;
    }

}
/*
|--------------------------------------------------------------------------
| SSM SERVICES — RESPONSIVE
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| LARGE DESKTOP
| <= 1200px
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {

    .services-page__grid {
        gap: 22px;
    }

    .services-page__card-content {
        padding:
            23px 22px 25px;
    }

    .services-page__card-content h2 {
        font-size: 1.35rem;
    }

}


/*
|--------------------------------------------------------------------------
| TABLET
| <= 992px
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .services-page__hero {
        min-height: 390px;

        padding:
            75px 0;
    }

    .services-page__hero h1 {
        max-width: 700px;

        font-size: clamp(
            2.8rem,
            7vw,
            4.3rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Grid
    |--------------------------------------------------------------------------
    */

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

        gap: 24px;
    }


    /*
    |--------------------------------------------------------------------------
    | Listing
    |--------------------------------------------------------------------------
    */

    .services-page__listing {
        padding:
            80px 0
            85px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .services-page__cta {
        padding:
            70px 0;
    }

    .services-page__cta-inner {
        gap: 35px;
    }

    .services-page__cta h2 {
        font-size: clamp(
            2rem,
            4.5vw,
            3rem
        );
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
| <= 768px
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .services-page__hero {
        min-height: 360px;

        padding:
            60px 0;
    }

    .services-page__hero-inner {
        width:
            calc(100% - 40px);
    }

    .services-page__hero h1 {
        font-size: clamp(
            2.5rem,
            10.5vw,
            3.6rem
        );

        line-height: 1;
    }

    .services-page__hero p {
        margin-top: 20px;

        font-size: 13px;

        line-height: 1.75;
    }


    /*
    |--------------------------------------------------------------------------
    | Listing
    |--------------------------------------------------------------------------
    */

    .services-page__listing {
        padding:
            65px 0
            70px;
    }

    .services-page__container {
        width:
            calc(100% - 40px);
    }

    .services-page__grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    /*
    |--------------------------------------------------------------------------
    | Card
    |--------------------------------------------------------------------------
    */

    .services-page__card {
        border-radius: 14px;
    }

    .services-page__card:hover {
        transform: translateY(-3px);
    }

    .services-page__card-image {
        aspect-ratio: 16 / 9;
    }

    .services-page__card-arrow {
        top: 14px;
        right: 14px;

        width: 38px;
        height: 38px;

        font-size: 11px;
    }

    .services-page__card-content {
        padding:
            22px 20px 24px;
    }

    .services-page__card-number {
        margin-bottom: 11px;

        font-size: 9px;
    }

    .services-page__card-content h2 {
        font-size: 1.35rem;
    }

    .services-page__card-content p {
        margin-top: 11px;

        font-size: 12.5px;

        line-height: 1.7;
    }

    .services-page__card-link {
        padding-top: 20px;

        font-size: 11px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty State
    |--------------------------------------------------------------------------
    */

    .services-page__empty {
        padding:
            55px 22px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .services-page__cta {
        padding:
            60px 0;
    }

    .services-page__cta-inner {
        flex-direction: column;

        align-items: flex-start;

        gap: 28px;

        width:
            calc(100% - 40px);
    }

    .services-page__cta h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .services-page__cta p {
        margin-top: 13px;

        font-size: 13px;
    }

    .services-page__cta-button {
        width: 100%;

        min-height: 49px;
    }

}


/*
|--------------------------------------------------------------------------
| SMALL MOBILE
| <= 576px
|--------------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .services-page__hero {
        min-height: 330px;

        padding:
            50px 0;
    }

    .services-page__hero-inner {
        width:
            calc(100% - 32px);
    }

    .services-page__eyebrow {
        gap: 7px;

        margin-bottom: 14px;

        font-size: 9px;

        letter-spacing: 0.13em;
    }

    .services-page__eyebrow::before {
        width: 21px;
    }

    .services-page__hero h1 {
        font-size: 2.35rem;

        letter-spacing: -0.045em;
    }

    .services-page__hero p {
        font-size: 12.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Listing
    |--------------------------------------------------------------------------
    */

    .services-page__listing {
        padding:
            55px 0
            60px;
    }

    .services-page__container {
        width:
            calc(100% - 32px);
    }


    /*
    |--------------------------------------------------------------------------
    | Card
    |--------------------------------------------------------------------------
    */

    .services-page__card-image {
        aspect-ratio: 1.15 / 0.75;
    }

    .services-page__card-content {
        padding:
            20px 18px 22px;
    }

    .services-page__card-content h2 {
        font-size: 1.25rem;
    }

    .services-page__card-content p {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty
    |--------------------------------------------------------------------------
    */

    .services-page__empty {
        padding:
            45px 18px;
    }

    .services-page__empty-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 18px;

        font-size: 20px;
    }

    .services-page__empty h2 {
        font-size: 1.5rem;
    }

    .services-page__empty p {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .services-page__cta {
        padding:
            52px 0;
    }

    .services-page__cta-inner {
        width:
            calc(100% - 32px);
    }

    .services-page__cta h2 {
        font-size: 1.9rem;
    }

    .services-page__cta p {
        font-size: 12px;
    }

}


/*
|--------------------------------------------------------------------------
| EXTRA SMALL PHONES
| <= 400px
|--------------------------------------------------------------------------
*/

@media (max-width: 400px) {

    .services-page__hero h1 {
        font-size: 2.15rem;
    }

    .services-page__hero p {
        font-size: 12px;
    }

    .services-page__card-content {
        padding:
            18px 16px 20px;
    }

    .services-page__card-content h2 {
        font-size: 1.18rem;
    }

    .services-page__cta h2 {
        font-size: 1.7rem;
    }

}


/*
|--------------------------------------------------------------------------
| SERVICES PAGE — RESPONSIVE
|--------------------------------------------------------------------------
*/


@media (max-width: 1199.98px) {

    .ssm-services-page__grid {
        gap: 22px;
    }

    .ssm-services-page__card-content {
        padding: 24px 22px 25px;
    }

    .ssm-services-page__card-title {
        font-size: 1.3rem;
    }

}


@media (max-width: 991.98px) {

    .ssm-services-page__hero {
        min-height: 390px;
        padding: 75px 0;
    }

    .ssm-services-page__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.3rem
        );
    }

    .ssm-services-page__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .ssm-services-page__listing {
        padding: 80px 0 85px;
    }

    .ssm-services-page__cta {
        padding: 70px 0;
    }

    .ssm-services-page__cta-inner {
        gap: 35px;
    }

}


@media (max-width: 767.98px) {

    .ssm-services-page__hero {
        min-height: 360px;
        padding: 60px 0;
    }

    .ssm-services-page__title {
        font-size: clamp(
            2.5rem,
            10vw,
            3.6rem
        );
    }

    .ssm-services-page__description {
        margin-top: 20px;
        font-size: 13px;
    }


    .ssm-services-page__listing {
        padding: 65px 0 70px;
    }

    .ssm-services-page__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .ssm-services-page__card:hover {
        transform: translateY(-3px);
    }

    .ssm-services-page__card-image {
        aspect-ratio: 16 / 9;
    }

    .ssm-services-page__card-content {
        padding: 23px 20px 25px;
    }

    .ssm-services-page__card-title {
        font-size: 1.35rem;
    }

    .ssm-services-page__card-description {
        font-size: 12.5px;
    }

    .ssm-services-page__card-number {
        top: 20px;
        right: 20px;
    }


    .ssm-services-page__cta {
        padding: 60px 0;
    }

    .ssm-services-page__cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .ssm-services-page__cta-title {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-services-page__cta-button {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    .ssm-services-page__hero {
        min-height: 330px;
        padding: 50px 0;
    }

    .ssm-services-page__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-services-page__eyebrow-line {
        width: 21px;
    }

    .ssm-services-page__title {
        font-size: 2.35rem;
        letter-spacing: -0.045em;
    }

    .ssm-services-page__description {
        font-size: 12.5px;
    }


    .ssm-services-page__listing {
        padding: 55px 0 60px;
    }


    .ssm-services-page__card-content {
        gap: 14px;
        padding: 20px 18px 22px;
    }

    .ssm-services-page__card-icon {
        width: 43px;
        height: 43px;
        border-radius: 10px;
        font-size: 16px;
    }

    .ssm-services-page__card-title {
        font-size: 1.22rem;
    }

    .ssm-services-page__card-description {
        font-size: 12px;
    }


    .ssm-services-page__empty {
        padding: 45px 18px;
    }

    .ssm-services-page__empty-icon {
        width: 58px;
        height: 58px;
        margin-bottom: 18px;
        font-size: 20px;
    }

    .ssm-services-page__empty-title {
        font-size: 1.5rem;
    }

    .ssm-services-page__empty-text {
        font-size: 12px;
    }


    .ssm-services-page__cta {
        padding: 52px 0;
    }

    .ssm-services-page__cta-title {
        font-size: 1.9rem;
    }

    .ssm-services-page__cta-description {
        font-size: 12px;
    }

}


@media (max-width: 400px) {

    .ssm-services-page__title {
        font-size: 2.15rem;
    }

    .ssm-services-page__card-content {
        padding: 18px 16px 20px;
    }

    .ssm-services-page__card-title {
        font-size: 1.16rem;
    }

    .ssm-services-page__cta-title {
        font-size: 1.7rem;
    }

}
/*
|--------------------------------------------------------------------------
| SERVICE DETAIL — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-service-detail__hero-grid {
        gap: 55px;
    }

    .ssm-service-detail__content-grid {
        gap: 55px;
    }

}


@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__hero {
        padding: 70px 0 80px;
    }

    .ssm-service-detail__hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ssm-service-detail__hero-media {
        max-width: 650px;
        width: 100%;
        margin-inline: auto;
    }

    .ssm-service-detail__hero-content {
        max-width: 720px;
    }

    .ssm-service-detail__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.5rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Content
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__content {
        padding: 80px 0;
    }

    .ssm-service-detail__content-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ssm-service-detail__content-side {
        position: static;
    }

    .ssm-service-detail__info-card {
        max-width: 600px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__cta {
        padding: 70px 0;
    }

}


@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__hero {
        padding: 55px 0 65px;
    }

    .ssm-service-detail__hero-grid {
        gap: 35px;
    }

    .ssm-service-detail__hero-media {
        border-radius: 14px;
    }

    .ssm-service-detail__hero-icon {
        right: 17px;
        bottom: 17px;
        width: 48px;
        height: 48px;
        font-size: 17px;
    }

    .ssm-service-detail__back {
        margin-bottom: 25px;
    }

    .ssm-service-detail__title {
        font-size: clamp(
            2.45rem,
            10vw,
            3.6rem
        );
    }

    .ssm-service-detail__short-description {
        margin-top: 19px;
        font-size: 13px;
    }

    .ssm-service-detail__price {
        margin-top: 22px;
    }

    .ssm-service-detail__actions {
        align-items: stretch;
        flex-direction: column;
        margin-top: 27px;
    }

    .ssm-service-detail__primary-button,
    .ssm-service-detail__secondary-button {
        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | Content
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__content {
        padding: 65px 0;
    }

    .ssm-service-detail__content-grid {
        gap: 35px;
    }

    .ssm-service-detail__content-main h2 {
        font-size: 2rem;
    }

    .ssm-service-detail__description {
        font-size: 13px;
        line-height: 1.85;
    }

    .ssm-service-detail__info-card {
        padding: 25px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__cta {
        padding: 60px 0;
    }

    .ssm-service-detail__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ssm-service-detail__cta-inner h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-service-detail__cta-button {
        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | Not Found
    |--------------------------------------------------------------------------
    */

    .ssm-service-detail__not-found {
        min-height: 60vh;
        padding: 70px 0;
    }

}


@media (max-width: 575.98px) {

    .ssm-service-detail__hero {
        padding: 45px 0 55px;
    }

    .ssm-service-detail__hero-media {
        aspect-ratio: 1 / 1.02;
    }

    .ssm-service-detail__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-service-detail__eyebrow-line {
        width: 21px;
    }

    .ssm-service-detail__title {
        font-size: 2.3rem;
        letter-spacing: -0.045em;
    }

    .ssm-service-detail__short-description {
        font-size: 12.5px;
    }

    .ssm-service-detail__price strong {
        font-size: 1.35rem;
    }


    .ssm-service-detail__content {
        padding: 55px 0;
    }

    .ssm-service-detail__content-main h2 {
        font-size: 1.8rem;
    }

    .ssm-service-detail__description {
        font-size: 12.5px;
    }

    .ssm-service-detail__info-card {
        padding: 22px;
    }

    .ssm-service-detail__info-card h3 {
        font-size: 1.3rem;
    }

    .ssm-service-detail__info-card p {
        font-size: 12px;
    }


    .ssm-service-detail__cta {
        padding: 50px 0;
    }

    .ssm-service-detail__cta-inner h2 {
        font-size: 1.9rem;
    }

    .ssm-service-detail__cta-inner p {
        font-size: 12px;
    }


    .ssm-service-detail__not-found {
        padding: 60px 0;
    }

    .ssm-service-detail__not-found-inner h1 {
        font-size: 2rem;
    }

    .ssm-service-detail__not-found-inner p {
        font-size: 12px;
    }

}


@media (max-width: 400px) {

    .ssm-service-detail__title {
        font-size: 2.1rem;
    }

    .ssm-service-detail__hero-placeholder {
        font-size: 55px;
    }

    .ssm-service-detail__info-card {
        padding: 20px;
    }

    .ssm-service-detail__cta-inner h2 {
        font-size: 1.7rem;
    }

}
/*
|--------------------------------------------------------------------------
| ABOUT PAGE — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-about-page__intro-grid {
        gap: 60px;
    }

    .ssm-about-page__experience-grid {
        gap: 60px;
    }

    .ssm-about-page__value {
        padding: 28px 25px;
    }

}


@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__hero {
        min-height: 400px;
        padding: 75px 0;
    }

    .ssm-about-page__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.5rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Intro
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__intro {
        padding: 80px 0;
    }

    .ssm-about-page__intro-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .ssm-about-page__intro-media {
        width: 100%;
        max-width: 650px;
    }

    .ssm-about-page__intro-content {
        max-width: 720px;
    }


    /*
    |--------------------------------------------------------------------------
    | Approach
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__approach {
        padding: 80px 0 90px;
    }

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

    .ssm-about-page__value:last-child {
        grid-column: 1 / -1;
    }


    /*
    |--------------------------------------------------------------------------
    | Experience
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__experience {
        padding: 85px 0;
    }

    .ssm-about-page__experience-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ssm-about-page__experience-content {
        max-width: 720px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__cta {
        padding: 75px 0;
    }

    .ssm-about-page__cta-inner {
        gap: 35px;
    }

}


@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__hero {
        min-height: 360px;
        padding: 60px 0;
    }

    .ssm-about-page__title {
        font-size: clamp(
            2.45rem,
            10vw,
            3.6rem
        );
    }

    .ssm-about-page__hero-description {
        margin-top: 20px;
        font-size: 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Intro
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__intro {
        padding: 65px 0;
    }

    .ssm-about-page__intro-grid {
        gap: 38px;
    }

    .ssm-about-page__intro-media {
        border-radius: 14px;
    }

    .ssm-about-page__intro-badge {
        right: 15px;
        bottom: 15px;
        font-size: 9px;
    }

    .ssm-about-page__intro-content h2 {
        font-size: 2.2rem;
    }

    .ssm-about-page__description {
        font-size: 13px;
        line-height: 1.8;
    }


    /*
    |--------------------------------------------------------------------------
    | Approach
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__approach {
        padding: 65px 0 70px;
    }

    .ssm-about-page__section-heading {
        margin-bottom: 35px;
    }

    .ssm-about-page__section-heading h2 {
        font-size: 2.2rem;
    }

    .ssm-about-page__section-heading p {
        font-size: 13px;
    }

    .ssm-about-page__values {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ssm-about-page__value {
        min-height: auto;
        padding: 25px 22px;
    }

    .ssm-about-page__value:last-child {
        grid-column: auto;
    }


    /*
    |--------------------------------------------------------------------------
    | Experience
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__experience {
        padding: 65px 0;
    }

    .ssm-about-page__experience-grid {
        gap: 38px;
    }

    .ssm-about-page__experience-content h2 {
        font-size: 2.2rem;
    }

    .ssm-about-page__experience-content p {
        font-size: 13px;
        line-height: 1.8;
    }

    .ssm-about-page__experience-item {
        gap: 15px;
        padding: 22px 0;
    }

    .ssm-about-page__experience-icon {
        width: 45px;
        height: 45px;
        font-size: 15px;
    }

    .ssm-about-page__experience-item h3 {
        font-size: 1rem;
    }

    .ssm-about-page__experience-item p {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-about-page__cta {
        padding: 60px 0;
    }

    .ssm-about-page__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ssm-about-page__cta-inner h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-about-page__cta-inner p {
        font-size: 12px;
    }

    .ssm-about-page__cta-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .ssm-about-page__cta-primary,
    .ssm-about-page__cta-secondary {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    .ssm-about-page__hero {
        min-height: 330px;
        padding: 50px 0;
    }

    .ssm-about-page__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-about-page__eyebrow-line {
        width: 21px;
    }

    .ssm-about-page__title {
        font-size: 2.3rem;
        letter-spacing: -0.045em;
    }

    .ssm-about-page__hero-description {
        font-size: 12.5px;
    }


    .ssm-about-page__intro {
        padding: 55px 0;
    }

    .ssm-about-page__intro-content h2 {
        font-size: 1.95rem;
    }

    .ssm-about-page__description {
        font-size: 12.5px;
    }

    .ssm-about-page__intro-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 15px;
    }

    .ssm-about-page__primary-button {
        width: 100%;
    }

    .ssm-about-page__text-button {
        text-align: center;
    }


    .ssm-about-page__approach {
        padding: 55px 0 60px;
    }

    .ssm-about-page__section-heading h2 {
        font-size: 1.95rem;
    }

    .ssm-about-page__section-heading p {
        font-size: 12px;
    }

    .ssm-about-page__value {
        padding: 22px 19px;
    }

    .ssm-about-page__value-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 22px;
    }

    .ssm-about-page__value h3 {
        font-size: 1.25rem;
    }

    .ssm-about-page__value p {
        font-size: 12px;
    }


    .ssm-about-page__experience {
        padding: 55px 0;
    }

    .ssm-about-page__experience-content h2 {
        font-size: 1.95rem;
    }


    .ssm-about-page__cta {
        padding: 50px 0;
    }

    .ssm-about-page__cta-inner h2 {
        font-size: 1.85rem;
    }

}


@media (max-width: 400px) {

    .ssm-about-page__title {
        font-size: 2.1rem;
    }

    .ssm-about-page__intro-content h2,
    .ssm-about-page__section-heading h2,
    .ssm-about-page__experience-content h2 {
        font-size: 1.8rem;
    }

    .ssm-about-page__cta-inner h2 {
        font-size: 1.7rem;
    }

}

/*
|--------------------------------------------------------------------------
| GALLERY PAGE — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-gallery-page__grid {
        gap: 20px;
    }

}


@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__hero {
        min-height: 390px;
        padding: 75px 0;
    }

    .ssm-gallery-page__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.5rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Gallery
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__listing {
        padding: 80px 0 90px;
    }

    .ssm-gallery-page__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 20px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__cta {
        padding: 75px 0;
    }

    .ssm-gallery-page__cta-inner {
        gap: 35px;
    }

}


@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__hero {
        min-height: 350px;
        padding: 60px 0;
    }

    .ssm-gallery-page__title {
        font-size: clamp(
            2.45rem,
            10vw,
            3.6rem
        );
    }

    .ssm-gallery-page__description {
        margin-top: 20px;
        font-size: 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Gallery
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__listing {
        padding: 65px 0 70px;
    }

    .ssm-gallery-page__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ssm-gallery-page__image-link {
        aspect-ratio: 16 / 10;
    }

    .ssm-gallery-page__item-content {
        transform: translateY(0);
        opacity: 1;
    }

    .ssm-gallery-page__zoom {
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__cta {
        padding: 60px 0;
    }

    .ssm-gallery-page__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ssm-gallery-page__cta-inner h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-gallery-page__cta-inner p {
        font-size: 12px;
    }

    .ssm-gallery-page__cta-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .ssm-gallery-page__cta-primary,
    .ssm-gallery-page__cta-secondary {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__hero {
        min-height: 320px;
        padding: 50px 0;
    }

    .ssm-gallery-page__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-gallery-page__eyebrow-line {
        width: 21px;
    }

    .ssm-gallery-page__title {
        font-size: 2.3rem;
        letter-spacing: -0.045em;
    }

    .ssm-gallery-page__description {
        font-size: 12.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Gallery
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__listing {
        padding: 55px 0 60px;
    }

    .ssm-gallery-page__grid {
        gap: 15px;
    }

    .ssm-gallery-page__image-link {
        aspect-ratio: 4 / 3;
    }

    .ssm-gallery-page__item-content {
        right: 17px;
        bottom: 16px;
        left: 17px;
    }

    .ssm-gallery-page__item-content strong {
        font-size: 12px;
    }

    .ssm-gallery-page__item-content small {
        font-size: 10px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__empty {
        padding: 50px 18px;
    }

    .ssm-gallery-page__empty-icon {
        width: 60px;
        height: 60px;
        font-size: 21px;
    }

    .ssm-gallery-page__empty h2 {
        font-size: 1.55rem;
    }

    .ssm-gallery-page__empty p {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-gallery-page__cta {
        padding: 50px 0;
    }

    .ssm-gallery-page__cta-inner h2 {
        font-size: 1.85rem;
    }

}


@media (max-width: 400px) {

    .ssm-gallery-page__title {
        font-size: 2.1rem;
    }

    .ssm-gallery-page__item-content strong {
        font-size: 11px;
    }

    .ssm-gallery-page__cta-inner h2 {
        font-size: 1.7rem;
    }

}

/*
|--------------------------------------------------------------------------
| PARTNERS PAGE — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-partners-page__grid {
        gap: 20px;
    }

    .ssm-partners-page__card-content {
        padding: 25px 24px 27px;
    }

}


@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__hero {
        min-height: 390px;
        padding: 75px 0;
    }

    .ssm-partners-page__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.5rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Partners
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__listing {
        padding: 80px 0 90px;
    }

    .ssm-partners-page__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .ssm-partners-page__card-visual {
        height: 210px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__cta {
        padding: 75px 0;
    }

    .ssm-partners-page__cta-inner {
        gap: 35px;
    }

}


@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__hero {
        min-height: 350px;
        padding: 60px 0;
    }

    .ssm-partners-page__title {
        font-size: clamp(
            2.45rem,
            10vw,
            3.6rem
        );
    }

    .ssm-partners-page__description {
        margin-top: 20px;
        font-size: 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Partners
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__listing {
        padding: 65px 0 70px;
    }

    .ssm-partners-page__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ssm-partners-page__card-visual {
        height: 220px;
    }

    .ssm-partners-page__card-content {
        padding: 24px 22px 27px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__cta {
        padding: 60px 0;
    }

    .ssm-partners-page__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ssm-partners-page__cta-inner h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-partners-page__cta-inner p {
        font-size: 12px;
    }

    .ssm-partners-page__cta-button {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__hero {
        min-height: 320px;
        padding: 50px 0;
    }

    .ssm-partners-page__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-partners-page__eyebrow-line {
        width: 21px;
    }

    .ssm-partners-page__title {
        font-size: 2.3rem;
        letter-spacing: -0.045em;
    }

    .ssm-partners-page__description {
        font-size: 12.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Partners
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__listing {
        padding: 55px 0 60px;
    }

    .ssm-partners-page__grid {
        gap: 15px;
    }

    .ssm-partners-page__card {
        border-radius: 14px;
    }

    .ssm-partners-page__card-visual {
        height: 195px;
        padding: 28px;
    }

    .ssm-partners-page__card-visual img {
        max-height: 125px;
    }

    .ssm-partners-page__card-content {
        padding: 21px 18px 23px;
    }

    .ssm-partners-page__card-content h2 {
        font-size: 1.2rem;
    }

    .ssm-partners-page__card-content p {
        font-size: 12px;
    }

    .ssm-partners-page__website {
        font-size: 10px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__empty {
        padding: 50px 18px;
    }

    .ssm-partners-page__empty-icon {
        width: 60px;
        height: 60px;
        font-size: 21px;
    }

    .ssm-partners-page__empty h2 {
        font-size: 1.55rem;
    }

    .ssm-partners-page__empty p {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__cta {
        padding: 50px 0;
    }

    .ssm-partners-page__cta-inner h2 {
        font-size: 1.85rem;
    }

}


@media (max-width: 400px) {

    .ssm-partners-page__title {
        font-size: 2.1rem;
    }

    .ssm-partners-page__card-visual {
        height: 180px;
    }

    .ssm-partners-page__cta-inner h2 {
        font-size: 1.7rem;
    }

}

/*
|--------------------------------------------------------------------------
| PARTNERS PAGE — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-partners-page__grid {
        gap: 20px;
    }

    .ssm-partners-page__card-link {
        gap: 20px;
        padding: 27px 24px;
    }

    .ssm-partners-page__logo {
        flex-basis: 95px;
        width: 95px;
        height: 95px;
    }

}


@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__hero {
        min-height: 390px;
        padding: 75px 0;
    }

    .ssm-partners-page__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.5rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Listing
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__listing {
        padding: 80px 0 90px;
    }

    .ssm-partners-page__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 20px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__cta {
        padding: 75px 0;
    }

    .ssm-partners-page__cta-inner {
        gap: 35px;
    }

}


@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__hero {
        min-height: 350px;
        padding: 60px 0;
    }

    .ssm-partners-page__title {
        font-size: clamp(
            2.45rem,
            10vw,
            3.6rem
        );
    }

    .ssm-partners-page__description {
        margin-top: 20px;
        font-size: 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Listing
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__listing {
        padding: 65px 0 70px;
    }

    .ssm-partners-page__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ssm-partners-page__card-link {
        min-height: 0;
        padding: 24px 22px;
    }

    .ssm-partners-page__logo {
        flex-basis: 90px;
        width: 90px;
        height: 90px;
    }

    .ssm-partners-page__name {
        font-size: 1.15rem;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__cta {
        padding: 60px 0;
    }

    .ssm-partners-page__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ssm-partners-page__cta-inner h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-partners-page__cta-inner p {
        font-size: 12px;
    }

    .ssm-partners-page__cta-button {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__hero {
        min-height: 320px;
        padding: 50px 0;
    }

    .ssm-partners-page__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-partners-page__eyebrow-line {
        width: 21px;
    }

    .ssm-partners-page__title {
        font-size: 2.3rem;
        letter-spacing: -0.045em;
    }

    .ssm-partners-page__description {
        font-size: 12.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Cards
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__listing {
        padding: 55px 0 60px;
    }

    .ssm-partners-page__grid {
        gap: 15px;
    }

    .ssm-partners-page__card {
        border-radius: 14px;
    }

    .ssm-partners-page__card-link {
        gap: 16px;
        padding: 20px 17px;
    }

    .ssm-partners-page__logo {
        flex-basis: 76px;
        width: 76px;
        height: 76px;
        padding: 12px;
        border-radius: 14px;
    }

    .ssm-partners-page__logo-initial {
        font-size: 22px;
    }

    .ssm-partners-page__name {
        font-size: 1.05rem;
    }

    .ssm-partners-page__type {
        font-size: 8px;
    }

    .ssm-partners-page__description-text {
        font-size: 11px;
    }

    .ssm-partners-page__arrow {
        top: 14px;
        right: 14px;
        width: 30px;
        height: 30px;
        font-size: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Empty State
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__empty {
        padding: 50px 18px;
    }

    .ssm-partners-page__empty-icon {
        width: 60px;
        height: 60px;
        font-size: 21px;
    }

    .ssm-partners-page__empty-title {
        font-size: 1.55rem;
    }

    .ssm-partners-page__empty-text {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Footer Button
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__footer {
        margin-top: 32px;
    }

    .ssm-partners-page__button {
        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-partners-page__cta {
        padding: 50px 0;
    }

    .ssm-partners-page__cta-inner h2 {
        font-size: 1.85rem;
    }

}


@media (max-width: 400px) {

    .ssm-partners-page__title {
        font-size: 2.1rem;
    }

    .ssm-partners-page__card-link {
        gap: 13px;
    }

    .ssm-partners-page__logo {
        flex-basis: 68px;
        width: 68px;
        height: 68px;
    }

    .ssm-partners-page__name {
        font-size: 1rem;
    }

    .ssm-partners-page__cta-inner h2 {
        font-size: 1.7rem;
    }

}

/*
|--------------------------------------------------------------------------
| CONTACT PAGE — RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-contact-page__layout {
        gap: 50px;
    }

    .ssm-contact-page__form-wrapper {
        padding: 35px;
    }

}


@media (max-width: 991.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__hero {
        min-height: 390px;
        padding: 75px 0;
    }

    .ssm-contact-page__title {
        font-size: clamp(
            2.8rem,
            7vw,
            4.5rem
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Main
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__main {
        padding: 80px 0 90px;
    }

    .ssm-contact-page__layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .ssm-contact-page__info-intro {
        max-width: 650px;
    }

    .ssm-contact-page__details {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 0 25px;
    }


    /*
    |--------------------------------------------------------------------------
    | Map
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__map {
        padding-bottom: 80px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__cta {
        padding: 75px 0;
    }

    .ssm-contact-page__cta-inner {
        gap: 35px;
    }

}


@media (max-width: 767.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__hero {
        min-height: 350px;
        padding: 60px 0;
    }

    .ssm-contact-page__title {
        font-size: clamp(
            2.45rem,
            10vw,
            3.6rem
        );
    }

    .ssm-contact-page__hero .ssm-contact-page__description {
        margin-top: 20px;
        font-size: 13px;
    }


    /*
    |--------------------------------------------------------------------------
    | Main
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__main {
        padding: 65px 0 70px;
    }

    .ssm-contact-page__layout {
        gap: 45px;
    }

    .ssm-contact-page__info h2,
    .ssm-contact-page__form-header h2 {
        font-size: 2.2rem;
    }

    .ssm-contact-page__details {
        grid-template-columns: 1fr;
    }


    /*
    |--------------------------------------------------------------------------
    | Form
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__form-wrapper {
        padding: 28px 23px;
    }

    .ssm-contact-page__form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .ssm-contact-page__field--full {
        grid-column: auto;
    }

    .ssm-contact-page__form-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .ssm-contact-page__form-footer p {
        max-width: none;
    }

    .ssm-contact-page__submit {
        width: 100%;
    }


    /*
    |--------------------------------------------------------------------------
    | Map
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__map {
        padding-bottom: 65px;
    }

    .ssm-contact-page__map-wrapper,
    .ssm-contact-page__map-wrapper iframe {
        min-height: 320px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__cta {
        padding: 60px 0;
    }

    .ssm-contact-page__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ssm-contact-page__cta-inner h2 {
        font-size: clamp(
            2rem,
            9vw,
            2.8rem
        );
    }

    .ssm-contact-page__cta-button {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    /*
    |--------------------------------------------------------------------------
    | Hero
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__hero {
        min-height: 320px;
        padding: 50px 0;
    }

    .ssm-contact-page__eyebrow {
        gap: 7px;
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 0.13em;
    }

    .ssm-contact-page__eyebrow-line {
        width: 21px;
    }

    .ssm-contact-page__title {
        font-size: 2.3rem;
        letter-spacing: -0.045em;
    }

    .ssm-contact-page__hero .ssm-contact-page__description {
        font-size: 12.5px;
    }


    /*
    |--------------------------------------------------------------------------
    | Main
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__main {
        padding: 55px 0 60px;
    }

    .ssm-contact-page__info h2,
    .ssm-contact-page__form-header h2 {
        font-size: 1.85rem;
    }

    .ssm-contact-page__info-intro {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Contact Details
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__details {
        margin-top: 25px;
    }

    .ssm-contact-page__detail {
        gap: 12px;
        padding: 13px 0;
    }

    .ssm-contact-page__detail-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 12px;
    }

    .ssm-contact-page__detail-content strong {
        font-size: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Social
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__social {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Form
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__form-wrapper {
        padding: 24px 17px;
        border-radius: 14px;
    }

    .ssm-contact-page__form-header {
        margin-bottom: 24px;
    }

    .ssm-contact-page__field input {
        min-height: 47px;
        padding: 12px 13px;
        font-size: 12px;
    }

    .ssm-contact-page__field textarea {
        min-height: 140px;
        padding: 12px 13px;
        font-size: 12px;
    }

    .ssm-contact-page__field label {
        font-size: 10px;
    }

    .ssm-contact-page__form-footer {
        padding-top: 20px;
    }

    .ssm-contact-page__form-footer p {
        font-size: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Map
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__map {
        padding-bottom: 55px;
    }

    .ssm-contact-page__map-wrapper,
    .ssm-contact-page__map-wrapper iframe {
        min-height: 280px;
    }

    .ssm-contact-page__map-wrapper {
        border-radius: 14px;
    }


    /*
    |--------------------------------------------------------------------------
    | CTA
    |--------------------------------------------------------------------------
    */

    .ssm-contact-page__cta {
        padding: 50px 0;
    }

    .ssm-contact-page__cta-inner h2 {
        font-size: 1.85rem;
    }

}


@media (max-width: 400px) {

    .ssm-contact-page__title {
        font-size: 2.1rem;
    }

    .ssm-contact-page__form-wrapper {
        padding-inline: 15px;
    }

    .ssm-contact-page__cta-inner h2 {
        font-size: 1.7rem;
    }

}
/*
|--------------------------------------------------------------------------
| NAVBAR RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

    .ssm-navbar__link {
        padding-inline: 11px !important;
    }

    .ssm-navbar__link::after {
        left: 11px;
        right: 11px;
    }

    .ssm-navbar__actions {
        margin-left: 12px;
    }

    .ssm-navbar__appointment {
        padding-inline: 15px;
    }

}


@media (max-width: 991.98px) {

    .ssm-navbar {
        min-height: 70px;
    }

    .ssm-navbar__container {
        min-height: 70px;
    }


    /* Brand */

    .ssm-navbar__brand {
        height: 70px;
    }

    .ssm-navbar__brand-text {
        font-size: 20px;
    }


    /* Mobile menu */

    .ssm-navbar__collapse {
        margin-top: 5px;
        padding: 10px 0 20px;
        border-top: 1px solid rgba(255,255,255,.06);
    }

    .ssm-navbar__nav {
        width: 100%;
        margin-left: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 0;
    }

    .ssm-navbar__item {
        width: 100%;
    }

    .ssm-navbar__link {
        min-height: 46px;
        padding: 0 10px !important;
        border-radius: 7px;
    }

    .ssm-navbar__link:hover,
    .ssm-navbar__link.active {
        background: rgba(255,255,255,.045);
    }

    .ssm-navbar__link::after {
        left: 0;
        right: auto;
        bottom: 11px;
        width: 3px;
        height: 23px;
        transform: scaleY(0);
    }

    .ssm-navbar__link:hover::after,
    .ssm-navbar__link.active::after {
        transform: scaleY(1);
    }


    /* Appointment */

    .ssm-navbar__actions {
        display: block;
        width: 100%;
        margin: 13px 0 0;
        padding-top: 13px;
        border-top: 1px solid rgba(255,255,255,.06);
    }

    .ssm-navbar__appointment {
        width: 100%;
        min-height: 48px;
    }

}


@media (max-width: 575.98px) {

    .ssm-navbar {
        min-height: 64px;
    }

    .ssm-navbar__container {
        min-height: 64px;
    }

    .ssm-navbar__brand {
        height: 64px;
    }

    .ssm-navbar__brand-text {
        font-size: 18px;
    }

    .ssm-navbar__toggler {
        width: 40px;
        height: 40px;
    }

}

html,
body {
    background: #050505;
}

body {
    color: var(--text-primary);
}

#app,
main,
.ssm-page,
.ssm-home,
.ssm-contact-page,
.ssm-about-page,
.ssm-services-page,
.ssm-gallery-page,
.ssm-partners-page {
    background: #050505;
}