/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    background: #ffffff;

    color: #000000;

    font-family:
        "Inter",
        Arial,
        Helvetica,
        sans-serif;

    -webkit-font-smoothing: antialiased;
}


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


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


button {
    font: inherit;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.home-show-up-tym-sections {
    --black: #0a0a0a;
    --cream: #e8e5dd;
    --teal: #125c4d;
    --dark-teal: #083028;
    --white: #ffffff;
    --gray: #cfcfcf;
    --max-width: 1440px;

    width: 100%;
    min-height: 100vh;

    overflow: hidden;

    background: #ffffff;
}

@font-face {
    font-family: 'Avenir LT W01 35 Light';
    src: url('https://static.parastorage.com/fonts/v2/af36905f-3c92-4ef9-b0c1-f91432f16ac1/v1/avenir-lt-w01_35-light1475496.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* body {
    font-family: 'Avenir LT W01 35 Light', sans-serif;
} */
/* =========================================================
   HEADER
========================================================= */

.home-show-up-tym-header {
    position: relative;
    z-index: 100;

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

    display: flex;
    align-items: stretch;
    justify-content: space-between;

    background: var(--black);
}


/* Logo */

.home-show-up-tym-logo {
    min-width: 390px;

    display: flex;
    align-items: center;

    gap: 4px;

    padding: 12px 28px 12px 22px;

    background: #e8e6e6;
}

.home-show-up-tym-contact-info {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-left: 45px;
    margin-right: auto;
    justify-content: center;
}
.home-show-up-tym-logo-mark {
    /* width: 68px;
    height: 68px; */

    flex: 0 0 68px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.home-show-up-tym-contact-info span {
    font-size: 15px;
}
.home-show-up-tym-service-item {
    overflow: hidden;
}

.home-show-up-tym-service-item img {
    display: block;
    width: 100%;
    transition: transform 0.8s ease;
}

.home-show-up-tym-service-item:hover img {
    transform: scale(1.02);
  
}

.home-show-up-tym-contact-info a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
}.home-show-up-tym-contact-info a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
}.home-show-up-tym-contact-icon {
    width: 18px;
    font-size: 14px;
    text-align: center;
}
.home-show-up-tym-contact-icon {
    width: 18px;
    font-size: 14px;
    text-align: center;
}
.home-show-up-tym-logo-mark img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.home-show-up-tym-logo-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.home-show-up-tym-brand {
     color: #083028;
    font-size: 27px;
    line-height: 43px;
    font-weight: 900;
    letter-spacing: 3px;
    margin-top: 10px;
}


.home-show-up-tym-sub {
    margin-top: 2px;
    color: #083028;
    font-size: 16px;
    line-height:22px;
    font-weight: 0;
    letter-spacing: 0.7px;
}


/* Navigation */

.home-show-up-tym-navigation {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 30px;

    padding: 0 28px;
}


.home-show-up-tym-navigation > a:not(
    .home-show-up-tym-consultation
) {
    position: relative;

    color: #ffffff;

    font-size: 24px;
    font-weight: 700;

    white-space: nowrap;
}


.home-show-up-tym-navigation > a:not(
    .home-show-up-tym-consultation
)::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -7px;

    width: 0;
    height: 2px;

    background: #ffffff;

    transition: width 0.25s ease;
}


.home-show-up-tym-navigation > a:not(
    .home-show-up-tym-consultation
):hover::after {
    width: 100%;
}


/* Consultation */

.home-show-up-tym-consultation {
    display: inline-flex;

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

    min-height: 48px;

    padding: 0 22px;

    background: #ffffff;

    color: #000000;

    font-size: 18px;
    font-weight: 800;

    white-space: nowrap;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.home-show-up-tym-consultation:hover {
    background: var(--teal);
    color: #ffffff;

    transform: translateY(-2px);
}

.contact-show-time__hero-card::before , .welcome-show-time__hero-card::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    /* background: rgba(0, 0, 0, 0.50); */
    z-index: -1;
}
/* Mobile menu */

.home-show-up-tym-menu-toggle {
    display: none;

    width: 48px;
    height: 48px;

    margin: auto 18px;

    border: 0;

    background: transparent;
    color: #ffffff;

    font-size: 30px;
    line-height: 1;

    cursor: pointer;
}


/* =========================================================
   HERO
========================================================= */

.home-show-up-tym-hero {
    position: relative;

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

    display: flex;
    align-items: flex-start;

    padding: 90px 7% 270px;

    color: #ffffff;

    background-image:
        url("../images/home-banner.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.home-show-up-tym-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        rgba(0, 0, 0, 0.5);
}


.home-show-up-tym-hero-content {
    position: relative;
    z-index: 2;

    width: min(850px, 100%);
}
.home-show-up-tym-hero-content h1 {
    opacity: 0;
    transform: translateY(60px);
    animation: home-show-up-tym-heading-up 1s ease-out 1s forwards;
}

@keyframes home-show-up-tym-heading-up {
    from {
        opacity: 0;
        transform: translateY(60px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.home-show-up-tym-hero-content h1,
.home-show-up-tym-stat-number,
.home-show-up-tym-section-heading h2 {
    opacity: 0;
    transform: translateY(60px);
    animation: home-show-up-tym-heading-up 1s ease-out 1s forwards;
}

@keyframes home-show-up-tym-heading-up {
    from {
        opacity: 0;
        transform: translateY(60px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.home-show-up-tym-hero-content h1 {
    margin-bottom: 28px;

    color: #ffffff;

      
    

    font-size: clamp(48px, 5.8vw, 78px);

    line-height: 1.02;

    letter-spacing: -1px;

    text-transform: capitalize;
font-family: 'Poppins', sans-serif;
    text-shadow:
        rgba(0, 0, 0, 0.4) 0px 4px 5px;
}


.home-show-up-tym-hero-content p {
    max-width: 820px;

    margin-bottom: 25px;

    color: #ffffff;

    font-size: clamp(17px, 1.6vw, 23px);

    line-height: 1.65;

    font-weight: 600;

    text-shadow:
        1px 1px 2px #000000;
}


/* =========================================================
   STATISTICS
========================================================= */

.home-show-up-tym-statistics {
    position: absolute;

    z-index: 3;

    left: 7%;
    right: 7%;
    bottom: 30px;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;
}


.home-show-up-tym-stat-box {
    min-height: 180px;

    display: flex;
    flex-direction: column;

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

    background:
        rgba(30, 30, 30, 0.78);
}


.home-show-up-tym-stat-number {
    color: #dddddd;

    font-size: clamp(55px, 7vw, 95px);

    line-height: 0.95;

    font-weight: 800;
}


.home-show-up-tym-stat-title {
    margin-top: 12px;

    color: #c8c8c8;

    font-size: clamp(15px, 1.7vw, 25px);

    line-height: 1.2;

    text-align: center;

    font-weight: 600;
}


/* =========================================================
   COMMON SECTION HEADING
========================================================= */

.home-show-up-tym-section-heading h2 {
    color: #000000;

    text-align: center;
font-family: 'Poppins', sans-serif;
   

    font-size: clamp(42px, 5.5vw, 72px);

    line-height: 1.05;
    margin-bottom: 30px;
    text-transform: uppercase;
}


/* =========================================================
   SERVICES
========================================================= */

.home-show-up-tym-services {
    width: 100%;

    padding: 75px 5% 90px;

    background: #ffffff;
}


.home-show-up-tym-services
.home-show-up-tym-section-heading {
    margin-bottom: 45px;
}


.home-show-up-tym-services-container {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(6, 1fr);

    gap: 35px;

    max-width: 1250px;

    margin: 0 auto;
}


.home-show-up-tym-service-item {
    min-width: 0;

    text-align: center;
}


.home-show-up-tym-service-item img {
    width: 100%;
    height: 455px;

    object-fit: cover;

    margin-bottom: 18px;
}


.home-show-up-tym-service-item span {
    display: block;

    color: #0b2d2a;

    font-size: 20px;
    line-height: 1.2;

    font-weight: 700;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

.home-show-up-tym-why-us {
    width: 100%;

    padding: 75px 7% 70px;

    background: var(--gray);
}


.home-show-up-tym-why-us
.home-show-up-tym-section-heading {
    margin-bottom: 42px;
}


.home-show-up-tym-reasons {
    max-width: 1100px;

    margin: 0 auto;
}


.home-show-up-tym-reason {
    margin-bottom: 35px;

    text-align: center;
}


.home-show-up-tym-reason:last-child {
    margin-bottom: 0;
}


.home-show-up-tym-reason h3 {
    margin-bottom: 10px;
font-family: 'Poppins', sans-serif;
    color: #000000;

    font-size: clamp(22px, 2.4vw, 32px);

    line-height: 1.2;

    font-weight: 800;
}


.home-show-up-tym-reason p {
    color: #000000;

    font-size: clamp(16px, 1.5vw, 21px);

    line-height: 1.5;

    font-weight: 600;
}


/* =========================================================
   TESTIMONIALS
========================================================= */

.home-show-up-tym-testimonials {
    width: 100%;

    padding: 75px 6% 90px;

    background: #ffffff;
}


.home-show-up-tym-testimonials
.home-show-up-tym-section-heading {
    margin-bottom: 45px;
}


.home-show-up-tym-testimonial-container {
    max-width: 1250px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 40px;
}


.home-show-up-tym-testimonial {
    text-align: center;

    color: #000000;
}


.home-show-up-tym-testimonial p {
    margin-bottom: 25px;

    font-size: 17px;

    line-height: 1.55;

    font-weight: 600;
}


.home-show-up-tym-testimonial strong {
    display: block;

    color: #111111;

    font-size: 16px;

    line-height: 1.3;

    font-style: italic;
font-family: 'Poppins', sans-serif;
    font-weight: 800;
}


/* =========================================================
   FOOTER
========================================================= */

.home-show-up-tym-footer {
    position: relative;

    width: 100%;

    padding: 4% 2% 35px;

    background: #ffffff;
}


.home-show-up-tym-footer-line {
    width: 100%;

    height: 4px;

    margin-bottom: 60px;

    background:#083028;
}


.home-show-up-tym-footer-content {
      max-width: 1350px;
    margin: 60px auto;
    display: grid;
    grid-template-columns:5fr 11fr;
    gap: 5px;
    align-items: start;
    padding-bottom: 55px;
}


/* Footer logo */

.home-show-up-tym-footer-logo {
    display: inline-flex;

    align-items: start;

    gap: 16px;
}


.home-show-up-tym-footer-logo-mark {
    width: 100%;
    height: 100%;

    flex: 0 0 132px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.home-show-up-tym-footer-logo-mark img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.home-show-up-tym-footer-logo-text {
    display: flex;
    flex-direction: column;
        margin-top: 20px;
}


.home-show-up-tym-footer-brand-name {
    color: #000000;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
}


.home-show-up-tym-footer-sub {
       margin-top: 7px;
    color: #125c4d;
    font-size: 14px;
    font-weight: 0;
    letter-spacing: 0.7px;
}


/* Footer columns */

.home-show-up-tym-footer-column h3,
.home-show-up-tym-footer-contact h3 {
    margin-bottom: 22px;
font-family: 'Avenir LT W01 35 Light';
    color: #111111;

    font-size: 14px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}


.home-show-up-tym-footer-column a {
 display: block;
    /* margin-bottom: 26px; */
    color: #393838 !important;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 100;
    
    transition: color 0.2s ease;
}


.home-show-up-tym-footer-column a:hover {
    color: var(--teal) !important;

    text-decoration: underline;
}


/* Footer contact */

.home-show-up-tym-footer-contact {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
}


.home-show-up-tym-footer-contact > a:not(
    .home-show-up-tym-footer-consultation
) {
    margin-bottom: 26px;

    color: #393838;

    font-size: 18px;

    line-height: 1.4;

    /* text-decoration: underline; */
}


.home-show-up-tym-footer-contact > a:not(
    .home-show-up-tym-footer-consultation
):hover {
    color: var(--teal);
}


.home-show-up-tym-footer-consultation {
    display: inline-flex;

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

    min-height: 50px;

    margin-top: 12px;

    padding: 0 24px;

    background: #00110f;

    color: #ffffff !important;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.home-show-up-tym-footer-consultation:hover {
    background: #ffffff;

    color: var(--teal) !important;

    outline: 1px solid var(--teal);

    transform: translateY(-2px);
}


/* Copyright */

.home-show-up-tym-copyright {
    max-width: 1350px;

    margin: 0 auto;

    color: #555555;

    font-size: 13px;

    line-height: 1.5;
}


/* =========================================================
   CHAT BUTTON
========================================================= */

.home-show-up-tym-chat-button {
    position: fixed;
font-family: 'Avenir LT W01 35 Light', sans-serif;
    z-index: 200;

    right: 35px;
    bottom: 0;

    display: flex;

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

    gap: 8px;

    min-height: 60px;

    padding: 0 30px;

    border: 0;

    background: var(--teal);

    color: #ffffff !important;

    font-size: 18px;

    font-weight: 400;

  

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


/* Fixed header - hidden initially */
.home-show-up-tym-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    z-index: 9999;

    transform: translateY(-100%);
    transition: transform 0.4s ease;
}

/* Show fixed header after 20% scroll */
.home-show-up-tym-header.fixed-header.show-fixed {
    transform: translateY(0);
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1200px) {

    .home-show-up-tym-logo {
        min-width: 330px;
    }


    .home-show-up-tym-navigation {
        gap: 20px;

        padding: 0 20px;
    }


    .home-show-up-tym-navigation > a:not(
        .home-show-up-tym-consultation
    ) {
        font-size: 14px;
    }


    .home-show-up-tym-services-container {
        grid-template-columns:
            repeat(3, 1fr);

        max-width: 850px;
    }


    .home-show-up-tym-service-item img {
        height: 320px;
    }

}


/* =========================================================
   TABLET / MOBILE NAV
========================================================= */

@media (max-width: 900px) {

    .home-show-up-tym-header {
        min-height: 78px;

        flex-wrap: wrap;
    }


    .home-show-up-tym-logo {
        min-width: 0;

        flex: 1;

        min-height: 78px;

        padding: 10px 16px;
    }


    .home-show-up-tym-logo-mark {
        /* width: 54px;
        height: 54px; */

        flex-basis: 54px;
    }


    .home-show-up-tym-brand {
        font-size: 20px;
           margin-top: 0px;
    }


    .home-show-up-tym-sub {
        font-size: 10px;
        margin-top: 0px;
    }


    .home-show-up-tym-menu-toggle {
        display: flex;

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


    .home-show-up-tym-navigation {
        display: none;

        flex-basis: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 0;

        padding: 8px 22px 25px;

        background: #000000;
    }


    .home-show-up-tym-navigation.is-open {
        display: flex;
    }


    .home-show-up-tym-navigation > a:not(
        .home-show-up-tym-consultation
    ) {
        width: 100%;

        padding: 14px 0;

        font-size: 16px;
    }


    .home-show-up-tym-navigation
    .home-show-up-tym-consultation {
        width: 100%;

        margin-top: 10px;
    }


    /* Hero */

    .home-show-up-tym-hero {
        min-height: 700px;

        padding: 70px 7% 220px;
    }


    .home-show-up-tym-hero-content {
        max-width: 720px;
    }


    .home-show-up-tym-hero-content h1 {
        font-size: 54px;
    }


    .home-show-up-tym-hero-content p {
        font-size: 17px;
    }


    .home-show-up-tym-statistics {
        left: 7%;
        right: 7%;

        gap: 15px;
    }


    .home-show-up-tym-stat-box {
        min-height: 135px;
    }


    .home-show-up-tym-stat-number {
        font-size: 58px;
    }


    .home-show-up-tym-stat-title {
        font-size: 15px;
    }


    /* Testimonials */

    .home-show-up-tym-testimonial-container {
        grid-template-columns: 1fr;

        max-width: 700px;
    }


    /* Footer */

    .home-show-up-tym-footer-content {
        grid-template-columns:
            1fr 1fr;

        gap: 45px 30px;
    }


    .home-show-up-tym-footer-brand {
        grid-column: 1 / -1;
    }


    .home-show-up-tym-footer-contact {
        align-items: flex-start;

        grid-column: 1 / -1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    /* Hero */

    .home-show-up-tym-hero {
        min-height: auto;

        padding:
            60px
            22px
            170px;
    }


    .home-show-up-tym-hero-content h1 {
        margin-bottom: 22px;

        font-size: 40px;

        letter-spacing: -0.5px;
    }


    .home-show-up-tym-hero-content p {
        margin-bottom: 20px;

        font-size: 15px;

        line-height: 1.65;
    }


    /* Stats */

    .home-show-up-tym-statistics {
        left: 22px;
        right: 22px;
        bottom: 20px;

        gap: 7px;
    }


    .home-show-up-tym-stat-box {
        min-height: 95px;
    }


    .home-show-up-tym-stat-number {
        font-size: 36px;
    }


    .home-show-up-tym-stat-title {
        padding: 0 3px;

        font-size: 10px;
    }


    /* Services */

    .home-show-up-tym-services {
        padding:
            60px
            22px
            65px;
    }


    .home-show-up-tym-section-heading h2 {
        font-size: 37px;
    }


    .home-show-up-tym-services-container {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 30px 16px;
    }


    .home-show-up-tym-service-item img {
        height: 330px;
    }


    .home-show-up-tym-service-item span {
        font-size: 16px;
    }


    /* Why */

    .home-show-up-tym-why-us {
        padding:
            60px
            22px;
    }


    .home-show-up-tym-why-us
    .home-show-up-tym-section-heading h2 {
        font-size: 36px;
    }


    .home-show-up-tym-reason {
        margin-bottom: 30px;
    }


    .home-show-up-tym-reason h3 {
        font-size: 22px;
    }


    .home-show-up-tym-reason p {
        font-size: 15px;
    }


    /* Testimonials */

    .home-show-up-tym-testimonials {
        padding:
            60px
            22px
            70px;
    }


    .home-show-up-tym-testimonials
    .home-show-up-tym-section-heading h2 {
        font-size: 36px;
    }


    .home-show-up-tym-testimonial p {
        font-size: 15px;
    }


    /* Footer */

    .home-show-up-tym-footer {
        padding:
            0
            22px
            30px;
    }


    .home-show-up-tym-footer-line {
        margin-bottom: 45px;
    }


    .home-show-up-tym-footer-content {
        grid-template-columns: 1fr;

        gap: 35px;
    }


    .home-show-up-tym-footer-brand,
    .home-show-up-tym-footer-contact {
        grid-column: auto;
    }


    .home-show-up-tym-footer-contact {
        align-items: flex-start;
    }


    .home-show-up-tym-footer-logo-mark {
        /* width: 72px;
        height: 72px; */

        flex-basis: 72px;
    }


    .home-show-up-tym-footer-brand-name {
        font-size: 23px;
    }


    .home-show-up-tym-footer-sub {
        font-size: 12px;
    }


    .home-show-up-tym-footer-consultation {
        width: 100%;
    }


    .home-show-up-tym-chat-button {
        right: 15px;

        min-height: 45px;

        padding: 0 18px;

        font-size: 13px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .home-show-up-tym-brand {
        font-size: 17px;
    }


    .home-show-up-tym-sub {
        max-width: 170px;

        font-size: 6px;
    }


    .home-show-up-tym-hero-content h1 {
        font-size: 34px;
    }


    .home-show-up-tym-stat-number {
        font-size: 30px;
    }


    .home-show-up-tym-stat-title {
        font-size: 8px;
    }


    .home-show-up-tym-services-container {
        gap: 25px 10px;
    }


    .home-show-up-tym-service-item img {
        height: 330px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    html {
        scroll-behavior: auto;
    }


    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

}

/* facilities-page */


:root{
  --black:#0a0a0a;
  --cream:#e8e5dd;
  --teal:#1c4a43;
  --grey:#cfcfcf;
  --white:#ffffff;
  --max-w:1360px;
}



/* =========================================================
   FACILITIES PAGE SHOW MENU
========================================================= */

.facilities-page-show-menu{
  width:100%;
  overflow:hidden;
}

.facilities-page-show-menu__wrap{
  max-width:var(--max-w);
  margin:0 auto;
  padding:0 40px;
}

/* ================= HERO ================= */

.facilities-page-show-menu__hero{
  height:520px;
  background-image:url('../images/workplace1.jpg');
  background-size:cover;
  background-position:center 30%;
}

/* ================= INTRO ================= */

.facilities-page-show-menu__intro{
  padding:40px 0 60px;
  text-align:center;
}

.facilities-page-show-menu__intro-title{
  font-weight:700;
  font-size:70px;
  line-height:1.2;
  margin:0 auto 2px;
  font-family: 'Poppins', sans-serif;
}

.facilities-page-show-menu__intro-text{
  font-size:22px;
  font-weight:700;
  line-height:1.75;
  text-align:justify;
  margin:0 40px;
}

/* ================= BANNER ================= */
.facilities-page-show-menu__banner {
    height: 540px;
    position: relative;
    overflow: hidden;
}

.facilities-page-show-menu__banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .facilities-page-show-menu__banner{
  height:420px;
  background-image:url('../images/workplace2.jpg');
  background-size:cover;
  background-position:center;
} */

/* ================= EQUIPMENT ================= */

.facilities-page-show-menu__equipment{
  padding:70px 0 60px;
}

.facilities-page-show-menu__equipment-title{
  font-weight:700;
  font-size:58px;
  line-height:1.15;
  margin:0 0 20px;
  text-align:center;
  font-family: 'Poppins', sans-serif;
}

.facilities-page-show-menu__equipment-carousel{
  position:relative;
}

.facilities-page-show-menu__equipment-carousel__viewport{
  overflow:hidden;
  margin-inline:100px;
}

.facilities-page-show-menu__equipment-carousel__track{
  display:flex;
  gap:32px;
  transition:transform 0.45s cubic-bezier(.65,0,.35,1);
  will-change:transform;
}

.facilities-page-show-menu__equipment-carousel__slide{
  flex:0 0 calc((100% - 64px) / 3);
  min-width:0;
}

.facilities-page-show-menu__equipment-carousel__img{
  width:100%;
  aspect-ratio:1/0.72;
  object-fit:cover;
  background:#eee;
}

.facilities-page-show-menu__equipment-carousel__caption{
  margin-top:16px;
  font-weight:700;
  font-size:17px;
  color:var(--teal);
}

.facilities-page-show-menu__equipment-carousel__btn{
  position:absolute;
  top:36%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--white);
  border:1px solid #ddd;
  box-shadow:0 4px 14px rgba(0,0,0,0.15);
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:5;
  color:var(--black);
}

.facilities-page-show-menu__equipment-carousel__btn:hover{
  background:var(--cream);
}

.facilities-page-show-menu__equipment-carousel__btn--prev{
  left:104px;
}

.facilities-page-show-menu__equipment-carousel__btn--next{
  right:104px;
}

.facilities-page-show-menu__equipment-carousel__btn[disabled]{
  opacity:0.3;
  cursor:default;
}

.facilities-page-show-menu__equipment-carousel__dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:28px;
}

.facilities-page-show-menu__equipment-carousel__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d5d5d5;
  border:none;
  cursor:pointer;
  padding:0;
}

.facilities-page-show-menu__equipment-carousel__dot.is-active{
  background:var(--teal);
}

/* ================= EXTRA CARE ================= */

.facilities-page-show-menu__care{
  background:var(--grey);
  padding:40px 0;
}

.facilities-page-show-menu__care-title{
  font-weight:700;
  font-size:70px;
  line-height:1.15;
  text-align:center;
  margin:0 0 28px;
  font-family: 'Poppins', sans-serif;
}

.facilities-page-show-menu__care-list{
  max-width:860px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:34px;
}

.facilities-page-show-menu__care-item{
  text-align:center;
}

.facilities-page-show-menu__care-item__title{
  font-size:30px;
  font-weight:600;
  margin:0 0 10px;
  font-family: 'Poppins', sans-serif;
}

.facilities-page-show-menu__care-item__text{
  font-size:26px;
  font-weight:700;
  line-height:1.6;
  margin:0;
}

/* ================= CONSULTATION ================= */

.facilities-page-show-menu__consultation{
  padding:40px 0 50px;
  text-align:center;
}

.facilities-page-show-menu__consultation-title{
  font-weight:700;
  font-size:60px;
  line-height:1.25;
  margin:0 auto;
  max-width:700px;
  padding-bottom:40px;
  text-align:center;
  font-family: 'Poppins', sans-serif;
}

.facilities-page-show-menu__consultation-list{
  max-width:1150px;
  margin:0 auto;
}

.facilities-page-show-menu__consultation-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:26px 0;
  border-top:1px solid #000;
  text-align:left;
}

.facilities-page-show-menu__consultation-list
.facilities-page-show-menu__consultation-row:last-child{
  border-bottom:1px solid #000;
}

.facilities-page-show-menu__consultation-row__name{
  font-weight:700;
  font-size:20px;
}

.facilities-page-show-menu__btn-book-now{
  display:inline-block;
  background:var(--white);
  color:var(--black);
  font-weight:400;
  font-size:17px;
  padding:10px 38px;
  white-space:nowrap;
  border:none;
  cursor:pointer;
}

.facilities-page-show-menu__btn--dark{
  background:var(--black);
  color:var(--white);
}

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

@media (max-width:900px){

  .facilities-page-show-menu__wrap{
    padding:0 22px;
  }

  .facilities-page-show-menu__intro-title,
  .facilities-page-show-menu__equipment-title,
  .facilities-page-show-menu__care-title{
    font-size:30px;
  }

  .facilities-page-show-menu__intro-text{
    font-size:18px;
    margin:0;
    text-align:left;
  }

  .facilities-page-show-menu__equipment-carousel__viewport{
    margin-inline:50px;
  }

  .facilities-page-show-menu__equipment-carousel__slide{
    flex:0 0 calc((100% - 32px) / 2);
  }

  .facilities-page-show-menu__equipment-carousel__btn--prev{
    left:10px;
  }

  .facilities-page-show-menu__equipment-carousel__btn--next{
    right:10px;
  }

  .facilities-page-show-menu__consultation-title{
    font-size:40px;
  }

  .facilities-page-show-menu__consultation-row{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
}

@media (max-width:560px){

  .facilities-page-show-menu__hero{
    height:340px;
  }

  .facilities-page-show-menu__banner{
    height:280px;
  }

  .facilities-page-show-menu__equipment{
    padding:50px 0;
  }

  .facilities-page-show-menu__equipment-carousel__viewport{
    margin-inline:40px;
  }

  .facilities-page-show-menu__equipment-carousel__slide{
    flex:0 0 100%;
  }

  .facilities-page-show-menu__equipment-carousel__btn{
    width:38px;
    height:38px;
  }

  .facilities-page-show-menu__equipment-carousel__btn--prev{
    left:0;
  }

  .facilities-page-show-menu__equipment-carousel__btn--next{
    right:0;
  }

  .facilities-page-show-menu__care-title{
    font-size:32px;
  }

  .facilities-page-show-menu__care-item__title{
    font-size:24px;
  }

  .facilities-page-show-menu__care-item__text{
    font-size:18px;
    line-height:1.5;
  }

  .facilities-page-show-menu__consultation-title{
    font-size:32px;
  }

  .facilities-page-show-menu__intro-text{
    font-size:17px;
    line-height:1.6;
  }
}


/* about-style */


    :root {
      --black: #0a0a0a;
      --cream: #e8e5dd;
      --teal: #1c4a43;
      --teal-dark: #153a35;
      --white: #ffffff;
      --off-white: #f5f4f0;
      --gray: #555555;
      --max-w: 1360px;
    }

   

    /* =========================================================
       ABOUT SHOWTIME - MAIN WRAPPER
    ========================================================= */

    .about-show-tym {
      width: 100%;
      overflow: hidden;
    }

    .about-show-tym .wrap {
      width: 100%;
      max-width: var(--max-w);
      margin: 0 auto;
      padding-left: 40px;
      padding-right: 40px;
    }

    /* =========================================================
       HEADER
    ========================================================= */

 

    /* =========================================================
       PARALLAX BASE
    ========================================================= */

    .about-show-tym .parallax-section {
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }
/* Bottom to Top */
.facilities-page-show-menu__intro-title,
.facilities-page-show-menu__care-title,
.facilities-page-show-menu__consultation-title,
.contact-show-time__quote-title {
    opacity: 0;
    transform: translateY(60px);
    animation: facilities-show-bottom-top 1s ease-out 1s forwards;
}

@keyframes facilities-show-bottom-top {
    from {
        opacity: 0;
        transform: translateY(60px);
    }

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


/* Left to Right */
.facilities-page-show-menu__equipment-title {
    opacity: 0;
    transform: translateX(-60px);
    animation: facilities-show-left-right 1s ease-out 1s forwards;
}

@keyframes facilities-show-left-right {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
    .about-show-tym .parallax-bg {
      position: absolute;

      top: -20%;
      right: 0;
      bottom: -20%;
      left: 0;

      z-index: -2;

      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;

      will-change: transform;
    }

    .about-show-tym .parallax-overlay {
      position: absolute;
      inset: 0;

      z-index: -1;

      background: rgba(0, 0, 0, 0.48);
    }

    /* =========================================================
       HERO
    ========================================================= */

    .about-show-tym .hero {
      position: relative;

      min-height: 620px;

      display: flex;
      align-items: center;

      padding: 100px 0 115px;

      color: var(--white);
    }

    .about-show-tym .hero .parallax-bg {
      background-image: url("../images/about1.jpg");
    }

    .about-show-tym .hero-content {
      max-width: 820px;
    }

    .about-show-tym .hero h1 {
      margin: 0 0 30px;

font-family: 'Poppins', sans-serif;

      font-size: clamp(48px, 5.5vw, 82px);
      line-height: 1.02;

      letter-spacing: 0.5px;
      text-transform: uppercase;
    }

    .about-show-tym .hero p {
      max-width: 760px;

      margin: 0;

      font-size: 21px;
      line-height: 1.7;

      font-weight: 600;

      text-align: left;
    }

    /* =========================================================
       CONTENT SECTION
    ========================================================= */

    .about-show-tym .content-section {
      padding: 100px 0;

      background: var(--white);
    }

    .about-show-tym .content-grid {
      display: grid;

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

      gap: 70px;

      align-items: center;
    }

    .about-show-tym .content-image {
      width: 100%;
      height: 100%;
      min-height: 560px;

      object-fit: contain;
    }

    .about-show-tym .content-copy {
      max-width: 650px;
    }

    .about-show-tym .content-copy h2 {
      margin: 0 0 28px;
font-family: 'Poppins', sans-serif;

      font-size: clamp(48px, 5vw, 72px);
      line-height: 1.03;

      letter-spacing: 0.2px;
      text-transform: uppercase;
    }

    .about-show-tym .content-copy p {
      margin: 0;

      font-size: 20px;
      line-height: 1.75;

      font-weight: 600;

      text-align: left;
    }

    /* =========================================================
       CERTIFIED SECTION
    ========================================================= */

    .about-show-tym .certified {
      position: relative;

      min-height: 600px;

      display: flex;
      align-items: center;

      padding: 110px 0;

      color: var(--white);
    }

    .about-show-tym .certified .parallax-bg {
      background-image: url("../images/about3.jpg");
    }

    .about-show-tym .certified .parallax-overlay {
      background: rgba(0, 0, 0, 0.55);
    }

    .about-show-tym .certified-content {
      max-width: 820px;
    }

    .about-show-tym .certified h2 {
      margin: 0 0 30px;

   font-family: 'Poppins', sans-serif;

      font-size: clamp(48px, 5.2vw, 72px);
      line-height: 1.03;

      text-transform: uppercase;
    }

    .about-show-tym .certified p {
      max-width: 780px;

      margin: 0;

      font-size: 21px;
      line-height: 1.75;

      font-weight: 600;

      text-align: left;
    }
.about-show-tym .hero h1,
.about-show-tym .content-copy h2,
.about-show-tym .certified h2 {
    opacity: 0;
    transform: translateY(60px);
    animation: about-show-tym-heading-up 1s ease-out 1s forwards;
}

@keyframes about-show-tym-heading-up {
    from {
        opacity: 0;
        transform: translateY(60px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
    /* =========================================================
       FOOTER
    ========================================================= */

   

    /* Contact */

    .about-show-tym .footer-contact {
      text-align: right;
    }

    .about-show-tym .footer-contact-title {
      margin: 0 0 22px;

      font-size: 14px;
      line-height: 1;

      font-weight: 800;

      text-transform: uppercase;
      letter-spacing: 0.8px;
    }

    .about-show-tym .footer-contact-item {
      margin-bottom: 14px;

      font-size: 16px;
      line-height: 1.5;
    }

    .about-show-tym .footer-contact-item a {
      text-decoration: underline;
    }

    .about-show-tym .footer-contact-item a:hover {
      color: var(--teal);
    }

    .about-show-tym .footer-cta {
      margin-top: 24px;
    }

    .about-show-tym .footer-cta .btn {
      min-width: 210px;
    }

    /* Copyright */

    .about-show-tym .copyright {
      max-width: var(--max-w);

      margin: 0 auto;

      padding: 0 40px 30px;

      color: #666;

      font-size: 13px;
      line-height: 1.5;
    }

    /* =========================================================
       CHAT BUTTON
    ========================================================= */

.home-show-up-tym-topbar {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    background: #0a0a0a;
    font-family: Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}


/* SOCIAL ICONS - LEFT */

.home-show-up-tym-socials {
    display: flex;
    align-items: center;
    gap: 14px;
}

.home-show-up-tym-socials a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: opacity 0.3s ease;
}

.home-show-up-tym-socials a:hover {
    opacity: 0.6;
}


/* CONTACT - RIGHT */

.home-show-up-tym-top-contact {
    display: flex;
    align-items: center;
    gap: 25px;
}

.home-show-up-tym-top-contact a {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    transition: opacity 0.3s ease;
}

.home-show-up-tym-top-contact a:hover {
    opacity: 0.6;
}

.home-show-up-tym-top-contact i {
    font-size: 18px;
}





/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .home-show-up-tym-topbar {
        height: 36px;
        padding: 0 18px;
    }

    .home-show-up-tym-top-contact {
        gap: 12px;
    }

    .home-show-up-tym-top-contact a {
        font-size: 0;
    }

    .home-show-up-tym-top-contact i {
        font-size: 12px;
    }

    .home-show-up-tym-socials {
        gap: 8px;
    }

    .home-show-up-tym-socials a {
        font-size: 11px;
    }

}
    .about-show-tym .chat-bubble {
      position: fixed;

      right: 24px;
      bottom: 24px;

      z-index: 200;

      display: flex;
      align-items: center;
      gap: 8px;

      padding: 14px 21px;

      border-radius: 30px;

      background: var(--teal);
      color: var(--white);

      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);

      font-size: 14px;
      font-weight: 800;

      cursor: pointer;

      transition:
        transform 0.25s ease,
        background 0.25s ease;
    }

    .about-show-tym .chat-bubble:hover {
      background: var(--teal-dark);
      transform: translateY(-3px);
    }

    /* =========================================================
       REDUCED MOTION
    ========================================================= */

    @media (prefers-reduced-motion: reduce) {
      .about-show-tym .parallax-bg {
        transform: none !important;
      }

      html {
        scroll-behavior: auto;
      }

      .about-show-tym * {
        transition: none !important;
      }
    }

    /* =========================================================
       TABLET
    ========================================================= */

    @media (max-width: 1050px) {

      .about-show-tym .main-nav {
        gap: 22px;
        padding: 0 25px;
      }

      .about-show-tym .main-nav > a:not(.header-btn) {
        font-size: 14px;
      }

      .about-show-tym .footer-inner {
        grid-template-columns: 1.5fr 1fr 1fr;
      }

      .about-show-tym .footer-contact {
        grid-column: 1 / -1;
        text-align: left;
      }

    }

    /* =========================================================
       MOBILE
    ========================================================= */

    @media (max-width: 900px) {

      .about-show-tym .wrap {
        padding-left: 22px;
        padding-right: 22px;
      }

      /* Header */

      .about-show-tym .site-header {
        position: relative;
      }

      .about-show-tym .header-inner {
        min-height: 82px;
        flex-wrap: wrap;
      }

      .about-show-tym .logo-block {
        min-height: 82px;

        padding: 10px 16px;
      }

      .about-show-tym .logo-mark {
        width: 55px;
        height: 55px;
      }

      .about-show-tym .logo-text .brand {
        font-size: 20px;
      }

      .about-show-tym .logo-text .sub {
        font-size: 8px;
        letter-spacing: 0.5px;
      }

      .about-show-tym .nav-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .about-show-tym .main-nav {
        display: none;

        width: 100%;

        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;

        gap: 0;

        padding: 10px 22px 25px;

        background: var(--black);
      }

      .about-show-tym .main-nav.open {
        display: flex;
      }

      .about-show-tym .main-nav > a:not(.header-btn) {
        width: 100%;

        padding: 15px 0;

        font-size: 16px;
      }

      .about-show-tym .main-nav > a:not(.header-btn)::after {
        display: none;
      }

      .about-show-tym .main-nav .header-btn {
        width: 100%;
        margin-top: 10px;
      }

      /* Hero */

      .about-show-tym .hero {
        min-height: 560px;

        padding: 80px 0 90px;
      }

      .about-show-tym .hero h1 {
        margin-bottom: 24px;

        font-size: clamp(42px, 12vw, 62px);
      }

      .about-show-tym .hero p {
        font-size: 17px;
        line-height: 1.7;
      }

      /* Content */

      .about-show-tym .content-section {
        padding: 70px 0;
      }

      .about-show-tym .content-grid {
        grid-template-columns: 1fr;
        gap: 45px;
      }

      .about-show-tym .content-image {
        min-height: 400px;
      }

      .about-show-tym .content-copy h2 {
        margin-bottom: 22px;

        font-size: clamp(40px, 11vw, 56px);
      }

      .about-show-tym .content-copy p {
        font-size: 17px;
        line-height: 1.7;
      }

      /* Certified */

      .about-show-tym .certified {
        min-height: 560px;

        padding: 80px 0;
      }

      .about-show-tym .certified h2 {
        margin-bottom: 22px;

        font-size: clamp(40px, 11vw, 56px);
      }

      .about-show-tym .certified p {
        font-size: 17px;
        line-height: 1.7;
      }

      /* Footer */

      .about-show-tym .footer-rule {
        width: calc(100% - 44px);
      }

      .about-show-tym .footer-inner {
        grid-template-columns: 1fr 1fr;

        gap: 40px 25px;

        padding: 50px 22px 35px;
      }

      .about-show-tym .footer-brand {
        grid-column: 1 / -1;
      }

      .about-show-tym .footer-contact {
        grid-column: 1 / -1;

        text-align: left;
      }

      .about-show-tym .copyright {
        padding: 0 22px 25px;
      }

    }

    /* =========================================================
       SMALL MOBILE
    ========================================================= */

    @media (max-width: 550px) {

      .about-show-tym .logo-block {
        flex: 1;
      }

      .about-show-tym .logo-mark {
        width: 48px;
        height: 48px;
      }

      .about-show-tym .logo-text .brand {
        font-size: 18px;
      }

      .about-show-tym .logo-text .sub {
        max-width: 190px;
        font-size: 7px;
      }

      .about-show-tym .hero {
        min-height: 520px;
      }

      .about-show-tym .hero h1 {
        font-size: 42px;
      }

      .about-show-tym .content-image {
        min-height: 330px;
      }

      .about-show-tym .footer-inner {
        grid-template-columns: 1fr;
      }

      .about-show-tym .footer-brand {
        grid-column: auto;
      }

      .about-show-tym .footer-logo {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
      }

      .about-show-tym .footer-brand .brand {
        font-size: 23px;
      }

      .about-show-tym .footer-contact {
        grid-column: auto;
      }

      .about-show-tym .chat-bubble {
        right: 15px;
        bottom: 15px;

        padding: 12px 17px;

        font-size: 13px;
      }

    }


    /* contact-css */

/* =========================================================
   SHOWTIME CONTACT PAGE — CONTENT ONLY
   All classes use contact-show-time prefix
   ========================================================= */

.contact-show-time {
  --contact-black: #0a0a0a;
  --contact-cream: #e8e5dd;
  --contact-teal: #1c4a43;
  --contact-white: #ffffff;
  --contact-max-width: 1360px;


  color: #000000;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
}

.contact-show-time *,
.contact-show-time *::before,
.contact-show-time *::after {
  box-sizing: border-box;
}

.contact-show-time img {
  max-width: 100%;
  display: block;
}

.contact-show-time a {
  color: inherit;
  text-decoration: none;
}

/* =========================
   COMMON WRAPPER
   ========================= */

.contact-show-time__wrap , .welcome-show-time__wrap{
  width: 100%;
  max-width: var(--contact-max-width);
  margin: 0 auto;
  padding: 0 40px;
}


/* =========================
   CONTACT HERO
   ========================= */

.contact-show-time__hero  {
  position: relative;
  min-height: 640px;

  background-image: url('../images/contact-banner.jpg');
  background-size: cover;
  background-position: center;

  color: #ffffff;

  display: flex;
  align-items: center;

  overflow: hidden;
}
 .welcome-show-time__hero {
  position: relative;
  min-height: 540px;

  background-image: url('../images/welcome.png');
  background-size: cover;
  background-position: center;

  color: #ffffff;

  display: flex;
  align-items: center;

  overflow: hidden;
}

/* Dark overlay */
.contact-show-time__hero::before  , .welcome-show-time__hero::before  {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.50);
  z-index: 0;
}

.contact-show-time__hero-inner , .welcome-show-time__hero-inner {
  position: relative;
  z-index: 1;

  width: 100%;

  padding-top: 70px;
  padding-bottom: 70px;
}


/* =========================
   HERO TITLE
   ========================= */

.contact-show-time__hero-title ,.welcome-show-time__hero-title {
 font-family: 'Poppins', sans-serif;

  font-size: 60px;
  line-height: 1.15;

  margin: 0 0 48px;

  max-width: 820px;

  opacity: 0;
  transform: translateY(48px);

  animation:
    contactShowTimeRiseIn
    0.9s
    cubic-bezier(.22, 1, .36, 1)
    forwards;
color: #fff;
  animation-delay: 0.15s;
}


/* =========================
   HERO CARD
   ========================= */

.contact-show-time__hero-card , .welcome-show-time__hero-card {
  max-width: 690px;

  border: 1px solid rgba(255, 255, 255, 0.55);

  padding: 89px 40px;

  /* background: rgba(0, 0, 0, 0.50); */

  opacity: 0;
  transform: translateY(48px);

  animation:
    contactShowTimeRiseIn
    0.9s
    cubic-bezier(.22, 1, .36, 1)
    forwards;

  animation-delay: 0.4s;
}

.contact-show-time__hero-card-label ,.welcome-show-time__hero-card-label {
  font-size: 20px;
  font-weight: 400;

  margin: 0 0 22px;
}


/* =========================
   BUTTON
   ========================= */

.contact-show-time__button {
  display: inline-block;

  background: #ffffff;
     color: #000 !important;


  font-size: 16px;
  font-weight: 400;

  padding: 16px 35px;

  border: none;

  cursor: pointer;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.contact-show-time__button:hover {
  background: #1c4a43;
  color: #fff !important;
  transform: translateY(-2px);
  text-decoration: underline;
}

.contact-show-time__button--dark {
  background: #000000;
  color: #fff !important;
}

.contact-show-time__button--dark:hover {
  background: #1c4a43;
  color: #fff !important;
}


/* =========================
   RISE ANIMATION
   ========================= */

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


/* =========================
   QUOTE SECTION
   ========================= */

.contact-show-time__quote {
  padding: 90px 0 60px;
  background: #ffffff;
}

.contact-show-time__quote-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 64px;

  align-items: start;
}


/* =========================
   QUOTE IMAGE
   ========================= */

.contact-show-time__quote-image {
  width: 100%;
  height: 100%;

  object-fit: cover;

  aspect-ratio: 1 / 1.05;
}


/* =========================
   QUOTE CONTENT
   ========================= */

.contact-show-time__quote-content {
  width: 100%;
}


/* Small teal line */
.contact-show-time__quote-eyebrow {
  width: 60px;
  height: 6px;

  background: #083028;

  margin-bottom: 28px;
}


/* Quote title */
.contact-show-time__quote-title {
  font-family: 'Poppins', sans-serif;

  font-size: 50px;
  line-height: 1.15;

  margin: 0 0 40px;
}


/* =========================
   FORM
   ========================= */

.contact-show-time__form {
  width: 100%;
}

.contact-show-time__form-row {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 32px;

  margin-bottom: 54px;
}


/* Individual field */
.contact-show-time__field {
  width: 100%;
}

.contact-show-time__field label {
  display: block;

  font-size: 18px;
  font-weight: 400;

  color: #555;

  margin-bottom: 10px;
}

.contact-show-time__field input,
.contact-show-time__field textarea {
  display: block;

  width: 100%;

  border: none;
  border-bottom: 1px solid #1a1a1a;

  padding: 6px 2px 10px;


  font-size: 15px;

  background: transparent;

  outline: none;

  border-radius: 0;

  transition: border-color 0.2s ease;
}

.contact-show-time__field input:focus,
.contact-show-time__field textarea:focus {
  border-bottom: 2px solid #1c4a43;
}


/* Message */
.contact-show-time__message {
  margin-bottom: 56px;
}

.contact-show-time__field textarea {
  resize: vertical;
  min-height: 26px;
}


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

@media (max-width: 900px) {

  .contact-show-time__wrap , .welcome-show-time__wrap{
    padding: 0 22px;
  }

  .contact-show-time__hero ,.welcome-show-time__hero {
    min-height: 560px;

    /*
      Fixed backgrounds can be unreliable
      on mobile, so use normal scrolling.
    */
    background-attachment: scroll;
  }

  .contact-show-time__hero-title ,  .welcome-show-time__hero-title {
    font-size: 38px;
    line-height: 1.12;
  }

  .contact-show-time__hero-card  ,.welcome-show-time__hero-card {
    padding: 50px 28px;
  }

  .contact-show-time__quote {
    padding: 70px 0 50px;
  }

  .contact-show-time__quote-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .contact-show-time__quote-title {
    font-size: 34px;
  }

  .contact-show-time__form-row {
    grid-template-columns: 1fr;
    gap: 35px;
    margin-bottom: 40px;
  }

  .contact-show-time__message {
    margin-bottom: 40px;
  }
}


/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 480px) {

  .contact-show-time__wrap ,.welcome-show-time__wrap{
    padding: 0 18px;
  }

  .contact-show-time__hero ,  .welcome-show-time__hero{
    min-height: 500px;
  }

  .contact-show-time__hero-inner ,  .welcome-show-time__hero-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .contact-show-time__hero-title ,.welcome-show-time__hero-title {
    font-size: 32px;
    margin-bottom: 35px;
  }

  .contact-show-time__hero-card , .welcome-show-time__hero-card{
    padding: 38px 22px;
  }

  .contact-show-time__quote {
    padding: 55px 0 40px;
  }

  .contact-show-time__quote-title {
    font-size: 30px;
  }

  .contact-show-time__button {
    font-size: 15px;
    padding: 14px 25px;
  }
}


/* =========================
   REDUCED MOTION
   ========================= */

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

  .contact-show-time__hero-title,
  .contact-show-time__hero-card {
    animation: none;
    opacity: 1;
    transform: none;
  }

}
.home-show-up-tym-footer-info {
    width: 55%;
    margin-left: auto;

    display: grid;

    grid-template-columns: 1fr 1fr 1.5fr;

    column-gap: 2dvi;
    row-gap: 0px;
}


/* FIRST COLUMN */

.home-show-up-tym-footer-column {
    display: flex;
    flex-direction: column;
    gap: 27px;
}


/* CONTACT COLUMN */

.home-show-up-tym-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 0px;
}


/* ALL LINKS */

.home-show-up-tym-footer-column a,
.home-show-up-tym-footer-contact a {
    color: #222;
    text-decoration: none;

   font-family: 'Avenir LT W01 35 Light', sans-serif;
    font-size: 17px;
    line-height: 1.2;

    transition: opacity 0.3s ease;
}

/* .home-show-up-tym-footer-column a:hover,
.home-show-up-tym-footer-contact a:hover {
    opacity: 0.55;
} */


/* =========================================
   CONSULTATION BUTTON
   NEW ROW - RIGHT COLUMN
========================================= */

.home-show-up-tym-footer-consultation-wrap {
    grid-column: 3;
    grid-row: 2;

    display: flex;
    justify-content: flex-start;

    margin-top: 5px;
}


.home-show-up-tym-footer-consultation {
    width: 100%;
    min-height: 50px;

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

    padding: 0 25px;

    box-sizing: border-box;

    background: #000;
    color: #fff !important;

    text-decoration: none;

  font-family: 'Avenir LT W01 35 Light', sans-serif;
    font-size: 15px;
    font-weight: 100;

    transition: background 0.3s ease;
}


.home-show-up-tym-footer-consultation:hover {
    background: transparent;
    opacity: 1 !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .home-show-up-tym-footer-info {
        width: 100%;
        grid-template-columns: 1fr 1fr;
        column-gap: 25px;
    }

    .home-show-up-tym-footer-contact {
        grid-column: 1 / -1;
    }

    .home-show-up-tym-footer-consultation-wrap {
        grid-column: 1 / -1;
        grid-row: auto;
    }

}

/* new */


  

  .home-page-carousel-section-poup-sections,
  .home-page-carousel-section-poup-sections *{
    box-sizing:border-box;
  }

  .home-page-carousel-section-poup-sections{
    --slide-w:19%;
    background:#fff;
    font-family:'Inter',sans-serif;
    color:#1C2321;
    padding:60px 24px 40px;
  }

  .home-page-carousel-section-poup-sections .wrap{
    max-width:1180px;
    margin:0 auto;
  }

  .home-page-carousel-section-poup-sections .eyebrow-row{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:24px;
    margin-bottom:36px;
    flex-wrap:wrap;
  }
  .home-page-carousel-section-poup-sections h1{
    font-family:'Avenir LT W01 35 Light', sans-serif;
    font-weight:800;
    font-size:clamp(28px,4vw,42px);
    margin:0;
    letter-spacing:-0.01em;
  }
  .home-page-carousel-section-poup-sections .sub{
    font-size:15px;
    color:#767066;
    max-width:360px;
    line-height:1.5;
    margin:0;
  }

  /* ---------- Carousel (about-us / slider-new-sections) ---------- */
  .home-page-carousel-section-poup-sections .about-us .carousel-shell{
    position:relative;
  }

  .home-page-carousel-section-poup-sections .slider-new-sections{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    border-radius:4px;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .home-page-carousel-section-poup-sections .slider-new-sections::-webkit-scrollbar{
    display:none;
  }

  .home-page-carousel-section-poup-sections .carousel-track{
    display:flex;
    gap:18px;
  }
  .home-page-carousel-section-poup-sections .slide{
    flex:0 0 var(--slide-w,19%);
    scroll-snap-align:start;
    cursor:pointer;
  }
  .home-page-carousel-section-poup-sections .slide-img{
    position:relative;
    width:100%;
    aspect-ratio:1.8/4;
    border-radius:4px;
    overflow:hidden;
    background:#FFFFFF;
    border:1px solid #E4E0D4;
  }
  .home-page-carousel-section-poup-sections .slide-img img{
    width:100%;height:100%;object-fit:cover;
    display:block;
    transition:transform .5s ease;
  }
  .home-page-carousel-section-poup-sections .slide:hover .slide-img img{
    transform:scale(1.05);
  }

  .home-page-carousel-section-poup-sections .slide-caption{
    display:block;
    color:#0b2d2a;
    font-size:20px;
    line-height:1.2;
    font-weight:700;
    margin-top:20px;
    text-align:center;
  }
  .home-page-carousel-section-poup-sections .slide-tag{
    display:block;
    margin-top:2px;
    font-family:'Inter',sans-serif;
    font-weight:500;
    font-size:12px;
    color:#767066;
  }

  .home-page-carousel-section-poup-sections .carousel-nav{
    position:absolute;
    top:calc((100% - 34px) / 2 - 12px);
    transform:translateY(-50%);
    width:42px;height:42px;
    border-radius:50%;
    border:1px solid #E4E0D4;
    background:#FFFFFF;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    z-index:5;
    box-shadow:0 4px 14px rgba(28,35,33,.08);
    transition:background .2s, border-color .2s;
  }
  .home-page-carousel-section-poup-sections .carousel-nav:hover{
    background:#125c4d;border-color:#125c4d;
  }
  .home-page-carousel-section-poup-sections .carousel-nav:hover svg{
    stroke:#fff;
  }
  .home-page-carousel-section-poup-sections .carousel-nav svg{
    stroke:#1C2321;transition:stroke .2s;
  }
  .home-page-carousel-section-poup-sections .carousel-nav.prev{left:-21px;}
  .home-page-carousel-section-poup-sections .carousel-nav.next{right:-21px;}
  .home-page-carousel-section-poup-sections .carousel-nav[disabled]{
    opacity:.35;cursor:default;pointer-events:none;
  }

  .home-page-carousel-section-poup-sections .dots{
    display:flex;
    gap:6px;
    justify-content:center;
    margin-top:22px;
  }
  .home-page-carousel-section-poup-sections .dot{
    width:6px;height:6px;border-radius:50%;
    background:transparent;
    cursor:pointer;
    transition:background .2s, width .2s;
  }
  .home-page-carousel-section-poup-sections .dot.active{
    background:transparent;width:20px;border-radius:3px;
  }

  @media (max-width:640px){
    .home-page-carousel-section-poup-sections{--slide-w:62%;}
    .home-page-carousel-section-poup-sections .carousel-nav{width:36px;height:36px;}
    .home-page-carousel-section-poup-sections .carousel-nav.prev{left:-6px;}
    .home-page-carousel-section-poup-sections .carousel-nav.next{right:-6px;}
  }
  @media (min-width:641px) and (max-width:900px){
    .home-page-carousel-section-poup-sections{--slide-w:32%;}
  }

  /* ---------- Fullscreen popup lightbox ---------- */
  .home-page-carousel-section-poup-sections .lightbox{
    position:fixed;
    inset:0;
    background:#FFFFFF;
    display:none;
    z-index:200;
  }
  .home-page-carousel-section-poup-sections .lightbox.open{
    display:block;
  }

  .home-page-carousel-section-poup-sections .lightbox-inner{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:80px 90px;
    transition:padding .3s ease;
  }

  /* Expand mode: strip all padding/rounding/gap so the image is truly
     edge-to-edge on BOTH axes, not just wider. */
  .home-page-carousel-section-poup-sections .lightbox-inner.full-img{
    padding:0;
  }
  .home-page-carousel-section-poup-sections .lightbox-inner.full-img .lb-content{
    max-width:none;
    gap:0;
  }
  .home-page-carousel-section-poup-sections .lightbox-inner.full-img .lb-image{
    flex:1 1 100%;
    width:100%;
    height:100%;
    border-radius:0;
  }
  .home-page-carousel-section-poup-sections .lightbox-inner.full-img .lb-text{
    display:none;
  }

  .home-page-carousel-section-poup-sections .lb-content{
    width:100%;
    max-width:1300px;
    height:100%;
    display:flex;
    align-items:start;
    gap:64px;
    transition:max-width .3s ease, gap .3s ease;
  }

  .home-page-carousel-section-poup-sections .lb-image{
    position:relative;
    flex:0 0 58%;
    width:100%;
    height:100%;
    max-height:100%;
    background:#0E1412;
    border-radius:4px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:border-radius .3s ease;
  }
  .home-page-carousel-section-poup-sections .lb-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .home-page-carousel-section-poup-sections .lb-text{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .home-page-carousel-section-poup-sections .lb-tag{
    font-family:'Avenir LT W01 35 Light', sans-serif;
    color:#125c4d;
    font-weight:700;
    font-size:13px;
    letter-spacing:.03em;
    margin-bottom:10px;
    display:none;
  }
  .home-page-carousel-section-poup-sections .lb-title{
    font-family:'Avenir LT W01 35 Light', sans-serif;
    font-weight:500;
    font-size:34px;
    margin:30px 0 14px;
    color:#083028;
    text-align:center;
    letter-spacing:-0.01em;
  }
  .home-page-carousel-section-poup-sections .lb-desc{
    font-size:15px;
    line-height:1.65;
    color:#767066;
    margin:0;
    max-width:380px;
    display:none;
  }

  /* Fullscreen chrome: expand (top-left), close (top-right), arrows on the image */
  .home-page-carousel-section-poup-sections .lb-expand,
  .home-page-carousel-section-poup-sections .lb-close{
    position:fixed;
    top:28px;
    z-index:210;
    width:40px;height:40px;
    border-radius:50%;
    border:1px solid #E4E0D4;
    background:#FFFFFF;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .home-page-carousel-section-poup-sections .lb-expand{left:28px;}
  .home-page-carousel-section-poup-sections .lb-close{right:28px;}
  .home-page-carousel-section-poup-sections .lb-expand svg,
  .home-page-carousel-section-poup-sections .lb-close svg{
    stroke:#1C2321;
  }
  .home-page-carousel-section-poup-sections .lb-expand:hover,
  .home-page-carousel-section-poup-sections .lb-close:hover{
    background:#125c4d;border-color:#125c4d;
  }
  .home-page-carousel-section-poup-sections .lb-expand:hover svg,
  .home-page-carousel-section-poup-sections .lb-close:hover svg{
    stroke:#fff;
  }

  /* Anchored to the image container itself (position:relative on .lb-image)
     rather than the viewport — so they hug the image's edges in split view,
     and land exactly at the screen edges once expand mode makes the image
     full width. */
  .home-page-carousel-section-poup-sections .lb-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;height:42px;
    border-radius:50%;
    border:1px solid #E4E0D4;
    background:#FFFFFF;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    z-index:15;
  }
  .home-page-carousel-section-poup-sections .lb-nav:hover{
    background:#125c4d;border-color:#125c4d;
  }
  .home-page-carousel-section-poup-sections .lb-nav:hover svg{
    stroke:#fff;
  }
  .home-page-carousel-section-poup-sections .lb-nav svg{
    stroke:#1C2321;
  }
  .home-page-carousel-section-poup-sections .lb-nav.prev{left:16px;}
  .home-page-carousel-section-poup-sections .lb-nav.next{right:16px;}

  @media (max-width:900px){
    .home-page-carousel-section-poup-sections .lightbox-inner{padding:90px 24px;}
    .home-page-carousel-section-poup-sections .lb-content{
      flex-direction:column;gap:24px;height:auto;max-height:100%;overflow-y:auto;
    }
    .home-page-carousel-section-poup-sections .lb-image{flex:0 0 auto;height:44vh;width:100%;}
    .home-page-carousel-section-poup-sections .lb-text{flex:0 0 auto;}
    .home-page-carousel-section-poup-sections .lb-title{font-size:24px;}
    .home-page-carousel-section-poup-sections .lb-nav{width:36px;height:36px;}
    .home-page-carousel-section-poup-sections .lb-nav.prev{left:10px;}
    .home-page-carousel-section-poup-sections .lb-nav.next{right:10px;}
  }


  /* welcome */
    :root {
    --sj-navy: #0a1a40;
    --sj-blue: #0b5ac2;
    --sj-blue-deep: #0a3f8f;
    --sj-orange: #f7941d;
    --sj-orange-dark: #083028;
    --sj-paper: #f3f6fb;
    --sj-line: #d8e0ee;
    --sj-text: #1d2a4a;
    --sj-head: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
    --sj-body: "Barlow", "Helvetica Neue", Arial, sans-serif;
  }

  html { scroll-behavior: smooth; }
  body { margin: 0; font-family: var(--sj-body); color: var(--sj-text); background: #fff; }

  .welcome-back-section *,
  .sj-services *, .sj-call *, .sj-why * { box-sizing: border-box; }

  .sj-ico { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

  /* Shared buttons */
  .sj-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
    min-height: 52px; padding: .85rem 1.7rem;
    font-family: var(--sj-head); font-style: italic; font-weight: 700; font-size: 1.3rem;
    letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
    border: 2px solid transparent; cursor: pointer;
    transition: background-color .2s, color .2s, border-color .2s;
  }
  .sj-btn--orange { background: var(--sj-orange); color: var(--sj-navy); }
  .sj-btn--orange:hover { background: #fff; }
  .sj-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.7); }
  .sj-btn--ghost:hover { background: #fff; color: var(--sj-navy); border-color: #fff; }
  .sj-btn:focus-visible, .sj-call__list a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 6px var(--sj-orange); }

  /* ==========================================================
     1. WELCOME BACK BANNER
     Replace the image below with your own photo.
     ========================================================== */
  .welcome-back-section {
    --wb-image: url("./images/contact-banner.jpg");   /* <-- your hallway / facility photo */
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--sj-navy);
    overflow: hidden;
  }

  /* Left: photo */
  .welcome-back-section .wb-media {
    position: relative;
    min-height: 620px;
    background:
      var(--wb-image) center / cover no-repeat,
      linear-gradient(135deg, #48628f 0%, #1d3566 100%);
    display: flex; align-items: flex-end; gap: 1.5rem;
    padding: 2rem 12% 2.25rem 2rem;
  }
  .welcome-back-section .wb-media::before {  /* readability layer for badge + caption */
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(10,26,64,.88) 0%, rgba(10,26,64,.35) 45%, rgba(10,26,64,0) 70%);
  }

  .welcome-back-section .wb-badge {
    position: relative; z-index: 1; flex: none;
    width: 168px; height: 168px; border-radius: 50%;
    background: var(--sj-navy); color: #fff;
    border: 7px solid var(--sj-blue);
    box-shadow: 0 0 0 3px #fff;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; line-height: 1;
    font-family: var(--sj-head); font-style: italic; font-weight: 700; text-transform: uppercase;
  }
  .wb-badge__over { font-size: 1.05rem; letter-spacing: .06em; }
  .wb-badge__num  { font-size: 4.2rem; font-weight: 800; color: var(--sj-orange); line-height: .9; }
  .wb-badge__yrs  { font-size: 1.55rem; }
  .wb-badge__exp  { font-size: .8rem; letter-spacing: .04em; margin-top: 2px; }
  .wb-badge__stars { color: var(--sj-orange); font-size: .85rem; letter-spacing: 2px; margin-top: 5px; font-style: normal; }

  .welcome-back-section .wb-caption {
    position: relative; z-index: 1; max-width: 340px; color: #fff;
    border-left: 3px solid var(--sj-orange); padding-left: 1rem;
  }
  .wb-caption strong {
    display: block; font-family: var(--sj-head); font-style: italic; font-weight: 800;
    font-size: clamp(1.6rem, 2.6vw, 2.2rem); line-height: 1; text-transform: uppercase; margin-bottom: .5rem;
  }
  .wb-caption span { display: block; font-size: 1rem; line-height: 1.4; font-style: italic; }

  /* Right: navy / blue stacked panel with diagonal left edge */
  .welcome-back-section .wb-panel-wrap { position: relative; z-index: 1; margin-left: -8%; }
  .welcome-back-section .wb-panel-wrap::before {   /* orange edge line */
    content: ""; position: absolute; inset: 0; background: var(--sj-orange);
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
    transform: translateX(-12px);
  }
  .welcome-back-section .wb-panel {
    position: relative; height: 100%;
    display: flex; flex-direction: column;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
    color: #fff;
  }

  .wb-panel__title {
    background: var(--sj-navy);
    padding: 2.6rem 2rem 1.8rem clamp(4rem, 10vw, 7.5rem);
    text-align: center;
    font-family: var(--sj-head); font-style: italic; font-weight: 800; text-transform: uppercase;
    line-height: .95; margin: 0;
  }
  .wb-panel__title .l1, .wb-panel__title .l3 { display: block; font-size: clamp(2.6rem, 5vw, 4.4rem); letter-spacing: .02em; }
  .wb-panel__title .l2 {
    display: block; font-size: clamp(4rem, 9.2vw, 8rem); color: var(--sj-orange);
    letter-spacing: -.01em; margin: .05em 0 .02em;
    text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;  /* white outline like the flyer */
  }

  .wb-panel__sub {
    background: var(--sj-blue);
    padding: 1.1rem 2rem 1.1rem clamp(4rem, 10vw, 7.5rem);
    text-align: center; margin: 0;
    font-family: var(--sj-head); font-style: italic; font-weight: 600;
    font-size: clamp(1.5rem, 2.6vw, 2.2rem); line-height: 1.1;
  }

  .wb-panel__body {
    flex: 1; background: var(--sj-blue-deep);
    padding: 1.6rem 2rem 2.2rem clamp(4rem, 10vw, 7.5rem);
    text-align: center;
    display: flex; flex-direction: column; justify-content: center; gap: 1.4rem;
  }
  .wb-panel__body p {
    margin: 0 auto; max-width: 30ch;
    font-family: var(--sj-head); font-style: italic; font-weight: 600;
    font-size: clamp(1.35rem, 2.2vw, 1.85rem); line-height: 1.15;
  }
  .wb-panel__body p b { color: var(--sj-orange); font-weight: 700; }
  .wb-actions { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; }

  /* ==========================================================
     2. SERVICES
     ========================================================== */
  .sj-services { background: #fff; padding: clamp(3rem, 6vw, 5.5rem) 1.25rem; }
  .sj-wrap { max-width: 1180px; margin: 0 auto; }

  .sj-title {
    display: flex; align-items: center; gap: 1.2rem; margin: 0 0 2.5rem;
    font-family: var(--sj-head); font-style: italic; font-weight: 800; text-transform: uppercase;
    font-size: clamp(2rem, 4vw, 3rem); color: var(--sj-navy); letter-spacing: .02em; line-height: 1;
  }
  .sj-title::before, .sj-title::after { content: ""; flex: 1; height: 3px; background: var(--sj-orange); }

  .sj-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }

  .sj-card {
    background: var(--sj-paper); border-top: 4px solid var(--sj-orange);
    padding: 1.6rem 1.35rem 1.7rem;
    display: flex; flex-direction: column; gap: .8rem;
  }
  .sj-card__icon {
    width: 62px; height: 62px; border-radius: 50%;
    background: var(--sj-navy); color: #fff; font-size: 1.85rem;
    display: grid; place-items: center;
  }
  .sj-card h3 {
    margin: .2rem 0 0; font-family: var(--sj-head); font-weight: 700; text-transform: uppercase;
    font-size: 1.4rem; line-height: 1.05; color: var(--sj-navy); letter-spacing: .01em;
  }
  .sj-card p { margin: 0; font-size: 1rem; line-height: 1.5; }

  .sj-card--cta {
    background: var(--sj-navy); color: #fff; border-top-color: var(--sj-blue);
    justify-content: center; align-items: flex-start;
  }
  .sj-card--cta h3 { color: var(--sj-orange); font-size: 1.9rem; font-style: italic; font-weight: 800; }
  .sj-card--cta .sj-btn { margin-top: .4rem; }

  /* ==========================================================
     3. CALL-TO-ACTION BAR
     ========================================================== */
  .sj-call { background: var(--sj-navy); color: #fff; padding: 0 1.25rem; border-top: 6px solid var(--sj-orange); }
  .sj-call__inner {
    max-width: 1180px; margin: 0 auto; padding: 2.4rem 0;
    display: grid; grid-template-columns: 1fr 1.2fr 1.3fr; gap: 2rem; align-items: center;
  }
  .sj-call__lead {
    margin: 0; font-family: var(--sj-head); font-style: italic; font-weight: 800; text-transform: uppercase;
    font-size: clamp(1.9rem, 3.2vw, 2.7rem); line-height: 1.02; color: var(--sj-orange);
  }
  .sj-call__lead span { display: block; color: #fff; }

  .sj-call__mid {
    display: flex; align-items: center; gap: 1.1rem;
    padding: 0 2rem; border-left: 1px solid rgba(255,255,255,.25); border-right: 1px solid rgba(255,255,255,.25);
    font-family: var(--sj-head); font-style: italic; font-weight: 700; text-transform: uppercase;
    font-size: clamp(1.4rem, 2.3vw, 2rem); line-height: 1.05;
  }
  .sj-call__mid .dot {
    flex: none; width: 64px; height: 64px; border-radius: 50%; background: var(--sj-orange); color: var(--sj-navy);
    display: grid; place-items: center; font-size: 2rem;
  }
  .sj-call__mid b { color: var(--sj-orange); font-size: 1.35em; font-weight: 800; }

  .sj-call__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
  .sj-call__list a {
    display: flex; align-items: center; gap: .9rem; color: #fff; text-decoration: none;
    font-family: var(--sj-head); font-style: italic; font-weight: 700; font-size: clamp(1.3rem, 2.1vw, 1.75rem);
    word-break: break-word;
  }
  .sj-call__list a:hover { color: var(--sj-orange); }
  .sj-call__list .dot {
    flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--sj-orange); color: var(--sj-navy);
    display: grid; place-items: center; font-size: 1.2rem;
  }

  /* ==========================================================
     4. WHY CLIENTS CHOOSE US
     ========================================================== */
  .sj-why { background: #f3f6fb; padding: clamp(2.5rem, 5vw, 4rem) 1.25rem 0; }
  .sj-why__row { display: grid; grid-template-columns: 210px 1fr; gap: 2rem; align-items: center; padding-bottom: 2.5rem; }
  .sj-why__title {
    margin: 0; font-family: var(--sj-head); font-style: italic; font-weight: 800; text-transform: uppercase;
    font-size: clamp(2rem, 3.4vw, 2.7rem); line-height: .98; color: var(--sj-blue);
    transform: rotate(-4deg); padding-bottom: .6rem; border-bottom: 3px solid var(--sj-orange);
  }
  .sj-why__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); }
  .sj-why__item {
    display: flex; flex-direction: column; align-items: center; gap: .7rem; text-align: center;
    padding: .4rem .9rem; border-left: 1px solid var(--sj-line);
    font-family: var(--sj-head); font-weight: 700; text-transform: uppercase; font-size: 1.1rem; line-height: 1.1; color: var(--sj-navy);
  }
  .sj-why__item:first-child { border-left: 0; }
  .sj-why__item .sj-ico { font-size: 2.6rem; color: var(--sj-blue); stroke-width: 1.5; }

  .sj-why__tag {
    background: var(--sj-navy); color: #fff; text-align: center; margin: 0 -1.25rem;
    padding: 1.1rem 1.25rem;
    font-family: var(--sj-head); font-style: italic; font-weight: 600; font-size: clamp(1.25rem, 2.6vw, 2rem); line-height: 1.15;
  }
  .sj-why__tag b { color: var(--sj-orange); font-weight: 800; text-transform: uppercase; }

  /* ==========================================================
     RESPONSIVE
     ========================================================== */
  @media (max-width: 1100px) {
    .sj-grid { grid-template-columns: repeat(2, 1fr); }
    .sj-call__inner { grid-template-columns: 1fr; gap: 1.5rem; }
    .sj-call__mid { padding: 1.3rem 0; border: 0; border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); }
    .sj-why__row { grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; text-align: center; }
    .sj-why__title { transform: none; }
    .sj-why__list { grid-template-columns: repeat(3, 1fr); row-gap: 1.6rem; width: 100%; }
    .sj-why__item:nth-child(4) { border-left: 0; }
  }

  @media (max-width: 900px) {
    .welcome-back-section { grid-template-columns: 1fr; }
    .welcome-back-section .wb-media { min-height: 380px; padding: 1.5rem; }
    .welcome-back-section .wb-panel-wrap { margin-left: 0; }
    .welcome-back-section .wb-panel-wrap::before { display: none; }
    .welcome-back-section .wb-panel { clip-path: none; }
    .wb-panel__title, .wb-panel__sub, .wb-panel__body { padding-left: 1.5rem; padding-right: 1.5rem; }
    .wb-panel__title { padding-top: 2rem; }
  }

  @media (max-width: 600px) {
    .welcome-back-section .wb-media { min-height: 340px; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 1rem; }
    .welcome-back-section .wb-badge { width: 136px; height: 136px; border-width: 6px; }
    .wb-badge__num { font-size: 3.3rem; }
    .wb-badge__yrs { font-size: 1.25rem; }
    .wb-badge__exp { font-size: .68rem; }
    .wb-actions .sj-btn { width: 100%; }
    .sj-grid { grid-template-columns: 1fr; }
    .sj-title::before, .sj-title::after { height: 2px; }
    .sj-why__list { grid-template-columns: repeat(2, 1fr); }
    .sj-why__item { border-left: 0; }
    .sj-why__item:nth-child(odd) { border-right: 1px solid var(--sj-line); }
    .sj-call__mid .dot { width: 52px; height: 52px; font-size: 1.6rem; }
  }