/* =========================================================
   TZIR LANDSCAPING
   CONTACT.HTML
   02. CONTACT HERO
   ========================================================= */


/* =========================================================
   01. HERO
   ========================================================= */

.tzir-contact-hero {

    position:
        relative;

    width:
        100%;

    /*
        Header + Contact Hero = 100svh.
        La variable viene del sistema global del Header.
    */

    height:
        var(--tzir-hero-viewport-height);

    min-height:
        0;

    max-height:
        var(--tzir-hero-viewport-height);

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        linear-gradient(
            110deg,
            #F8F6F0 0%,
            var(--tzir-ivory-50) 52%,
            #F1EEE6 100%
        );

}



/* =========================================================
   02. PAPER TEXTURE
   ========================================================= */

.tzir-contact-hero::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -4;

    pointer-events:
        none;

    opacity:
        0.035;

    mix-blend-mode:
        multiply;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"
        );

}



/* =========================================================
   03. TOPOGRAPHY
   ========================================================= */

.tzir-contact-hero__topography {

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    pointer-events:
        none;

    opacity:
        0.42;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='680' viewBox='0 0 960 680'%3E%3Cg fill='none' stroke='%23273E0A' stroke-width='1'%3E%3Cpath opacity='.08' d='M-100 119C77 23 219 188 389 116S683 25 1050 150'/%3E%3Cpath opacity='.06' d='M-99 161C89 65 229 228 407 155S706 76 1051 194'/%3E%3Cpath opacity='.07' d='M-100 535C92 417 255 602 438 516S750 427 1060 566'/%3E%3Cpath opacity='.05' d='M583-53C504 81 594 184 729 137S866 95 1004 31'/%3E%3C/g%3E%3C/svg%3E"
        );

    background-size:
        960px 680px;

    background-position:
        center;

}



/* =========================================================
   04. CONTAINER
   ========================================================= */

.tzir-contact-hero__container {

    position:
        relative;

    z-index:
        3;

    width:
        min(
            calc(
                100% -
                (
                    var(--tzir-page-padding) *
                    2
                )
            ),
            var(--tzir-container)
        );

    height:
        100%;

    margin-inline:
        auto;

    padding-bottom:
        clamp(
            54px,
            6vh,
            76px
        );

    display:
        grid;

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

    align-items:
        center;

    gap:
        clamp(
            50px,
            6vw,
            96px
        );

}



/* =========================================================
   05. CONTENT
   ========================================================= */

.tzir-contact-hero__content {

    position:
        relative;

    z-index:
        4;

    min-width:
        0;

}



/* =========================================================
   06. EYEBROW
   ========================================================= */

.tzir-contact-hero__eyebrow {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-bottom:
        clamp(
            17px,
            2vh,
            24px
        );

    color:
        var(--tzir-moss-700);

    font-size:
        0.72rem;

    font-weight:
        700;

    line-height:
        1.25;

    letter-spacing:
        0.21em;

    text-transform:
        uppercase;

}


.tzir-contact-hero__eyebrow i {

    display:
        block;

    width:
        27px;

    height:
        1px;

    background:
        rgba(
            62,
            83,
            28,
            0.45
        );

}



/* =========================================================
   07. TITLE
   ========================================================= */

.tzir-contact-hero__title {

    max-width:
        790px;

    margin:
        0;

    color:
        var(--tzir-bark-900);

    font-size:
        clamp(
            4rem,
            5.65vw,
            6.5rem
        );

    font-weight:
        600;

    line-height:
        0.86;

    letter-spacing:
        -0.055em;

}


.tzir-contact-hero__title-line {

    display:
        block;

    overflow:
        hidden;

    padding-bottom:
        0.06em;

}


.tzir-contact-hero__title-line > span {

    display:
        block;

}


.tzir-contact-hero__title em {

    color:
        var(--tzir-moss-700);

    font-style:
        normal;

}



/* =========================================================
   08. DESCRIPTION
   ========================================================= */

.tzir-contact-hero__description {

    max-width:
        600px;

    margin:
        clamp(
            20px,
            2.6vh,
            29px
        )
        0
        0;

    color:
        rgba(
            50,
            33,
            33,
            0.67
        );

    font-size:
        clamp(
            1rem,
            1.02vw,
            1.12rem
        );

    line-height:
        1.7;

}



/* =========================================================
   09. ACTIONS
   ========================================================= */

.tzir-contact-hero__actions {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        21px;

    margin-top:
        clamp(
            22px,
            3vh,
            32px
        );

}


.tzir-contact-hero__estimate {

    min-width:
        215px;

}


.tzir-contact-hero__estimate svg {

    width:
        19px;

    height:
        19px;

    transition:
        transform
        420ms
        var(--tzir-ease-standard);

}


.tzir-contact-hero__estimate:hover svg {

    transform:
        translateY(3px);

}



/* =========================================================
   10. PHONE
   ========================================================= */

.tzir-contact-hero__phone {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    min-height:
        56px;

    color:
        var(--tzir-bark-900);

}


.tzir-contact-hero__phone-icon {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        45px;

    height:
        45px;

    flex:
        0 0 auto;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.18
        );

    background:
        rgba(
            255,
            255,
            255,
            0.55
        );

    color:
        var(--tzir-moss-700);

    transition:
        background-color
        320ms
        ease,

        border-color
        320ms
        ease,

        transform
        420ms
        var(--tzir-ease-standard);

}


.tzir-contact-hero__phone-icon svg {

    width:
        21px;

    height:
        21px;

}


.tzir-contact-hero__phone-copy {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.tzir-contact-hero__phone-copy small {

    color:
        var(--tzir-text-muted);

    font-size:
        0.65rem;

    font-weight:
        600;

    letter-spacing:
        0.06em;

}


.tzir-contact-hero__phone-copy strong {

    color:
        var(--tzir-bark-900);

    font-size:
        0.93rem;

    font-weight:
        700;

}


.tzir-contact-hero__phone:hover
.tzir-contact-hero__phone-icon {

    border-color:
        rgba(
            62,
            83,
            28,
            0.33
        );

    background:
        var(--tzir-white);

    transform:
        translateY(-2px);

}



/* =========================================================
   11. LOCATION
   ========================================================= */

.tzir-contact-hero__location {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    margin-top:
        clamp(
            20px,
            2.8vh,
            28px
        );

    padding-top:
        19px;

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.16
        );

}


.tzir-contact-hero__location > svg {

    width:
        23px;

    height:
        23px;

    flex:
        0 0 auto;

    color:
        var(--tzir-moss-700);

}


.tzir-contact-hero__location > div {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.tzir-contact-hero__location span {

    color:
        var(--tzir-text-muted);

    font-size:
        0.6rem;

    font-weight:
        700;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;

}


.tzir-contact-hero__location strong {

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        1.12rem;

    font-weight:
        600;

    line-height:
        1.1;

}



/* =========================================================
   12. VISUAL
   ========================================================= */

.tzir-contact-hero__visual {

    position:
        relative;

    align-self:
        stretch;

    min-width:
        0;

    --tzir-contact-main-y:
        0px;

    --tzir-contact-main-x:
        0px;

    --tzir-contact-detail-y:
        0px;

    --tzir-contact-detail-x:
        0px;

}



/* =========================================================
   13. PHOTOGRAPHS
   ========================================================= */

.tzir-contact-hero__photo {

    position:
        absolute;

    margin:
        0;

}


.tzir-contact-hero__photo-paper {

    width:
        100%;

    height:
        100%;

    padding:
        8px;

    background:
        var(--tzir-white);

    box-shadow:
        0 31px 68px
        rgba(
            23,
            37,
            7,
            0.15
        ),
        0 9px 22px
        rgba(
            50,
            33,
            33,
            0.08
        );

}


.tzir-contact-hero__photo img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transform:
        scale(1.02);

    transition:
        transform
        1.15s
        var(--tzir-ease-standard);

}


.tzir-contact-hero__photo:hover img {

    transform:
        scale(1.05);

}



/* Main */

.tzir-contact-hero__photo--main {

    top:
        8%;

    left:
        5%;

    z-index:
        2;

    width:
        72%;

    height:
        73%;

    transform:
        translate3d(
            var(--tzir-contact-main-x),
            var(--tzir-contact-main-y),
            0
        )
        rotate(1.4deg);

}



/* Detail */

.tzir-contact-hero__photo--detail {

    right:
        0;

    bottom:
        8%;

    z-index:
        5;

    width:
        50%;

    height:
        37%;

    transform:
        translate3d(
            var(--tzir-contact-detail-x),
            var(--tzir-contact-detail-y),
            0
        )
        rotate(-2.5deg);

}



/* =========================================================
   14. SCRIPT NOTE
   ========================================================= */

.tzir-contact-hero__script-note {

    position:
        absolute;

    top:
        17%;

    right:
        0;

    z-index:
        7;

    display:
        flex;

    flex-direction:
        column;

    color:
        rgba(
            50,
            33,
            33,
            0.66
        );

    font-family:
        var(--tzir-font-script);

    font-size:
        clamp(
            1.4rem,
            1.65vw,
            1.9rem
        );

    font-weight:
        500;

    line-height:
        0.9;

    transform:
        rotate(-5deg);

}


.tzir-contact-hero__script-note span + span {

    margin-left:
        15px;

}


.tzir-contact-hero__script-note i {

    width:
        70px;

    height:
        2px;

    margin:
        9px
        0
        0
        30px;

    background:
        var(--tzir-moss-700);

    transform:
        rotate(-5deg);

}



/* =========================================================
   15. STAMP
   ========================================================= */

.tzir-contact-hero__stamp {

    position:
        absolute;

    left:
        0;

    bottom:
        11%;

    z-index:
        6;

    width:
        150px;

    min-height:
        124px;

    padding:
        17px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    border:
        1px solid
        rgba(
            39,
            62,
            10,
            0.18
        );

    background:
        rgba(
            246,
            245,
            243,
            0.94
        );

    box-shadow:
        0 16px 38px
        rgba(
            23,
            37,
            7,
            0.12
        );

    transform:
        rotate(-2.5deg);

}


.tzir-contact-hero__stamp > span {

    color:
        var(--tzir-moss-700);

    font-family:
        var(--tzir-font-script);

    font-size:
        1.2rem;

    line-height:
        1;

}


.tzir-contact-hero__stamp strong {

    margin-top:
        3px;

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        1.34rem;

    font-weight:
        600;

    line-height:
        0.95;

}


.tzir-contact-hero__stamp i {

    width:
        100%;

    height:
        1px;

    margin:
        12px
        0
        9px;

    background:
        rgba(
            50,
            33,
            33,
            0.15
        );

}


.tzir-contact-hero__stamp small {

    color:
        var(--tzir-text-muted);

    font-size:
        0.58rem;

    font-weight:
        700;

    letter-spacing:
        0.15em;

    text-transform:
        uppercase;

}



/* =========================================================
   16. BOTANICAL
   ========================================================= */

.tzir-contact-hero__botanical {

    position:
        absolute;

    z-index:
        0;

    pointer-events:
        none;

    color:
        var(--tzir-moss-700);

    opacity:
        0.09;

}


.tzir-contact-hero__botanical--left {

    left:
        -45px;

    bottom:
        5%;

    width:
        145px;

    height:
        205px;

    transform:
        rotate(-14deg);

}



/* =========================================================
   17. CONTINUE PROMPT
   ========================================================= */

.tzir-contact-hero__continue {

    position:
        absolute;

    left:
        50%;

    bottom:
        17px;

    z-index:
        8;

    display:
        grid;

    grid-template-columns:
        auto
        minmax(40px, 84px)
        20px;

    align-items:
        center;

    gap:
        13px;

    color:
        rgba(
            50,
            33,
            33,
            0.55
        );

    font-size:
        0.62rem;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

    transform:
        translateX(-50%);

}


.tzir-contact-hero__continue-line {

    display:
        block;

    width:
        100%;

    height:
        1px;

    background:
        rgba(
            50,
            33,
            33,
            0.24
        );

}


.tzir-contact-hero__continue svg {

    width:
        17px;

    height:
        17px;

    color:
        var(--tzir-moss-700);

    transition:
        transform
        400ms
        var(--tzir-ease-standard);

}


.tzir-contact-hero__continue:hover svg {

    transform:
        translateY(4px);

}



/* =========================================================
   18. REDUCED MOTION
   ========================================================= */

html.tzir-reduced-motion
.tzir-contact-hero * {

    transition:
        none !important;

}



/* =========================================================
   19. COMPUTER
   >= 1200px
   ========================================================= */

@media (min-width: 1200px) {

    .tzir-contact-hero__container {

        padding-top:
            1vh;

    }


    .tzir-contact-hero__visual {

        height:
            100%;

    }


    .tzir-contact-hero__photo--main {

        max-height:
            720px;

    }

}



/* =========================================================
   20. TABLET
   769px — 1199px
   ========================================================= */

@media
    (min-width: 769px)
    and
    (max-width: 1199px) {

    .tzir-contact-hero__container {

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

        gap:
            36px;

        padding-bottom:
            58px;

    }


    .tzir-contact-hero__title {

        font-size:
            clamp(
                3.4rem,
                6.6vw,
                5rem
            );

        line-height:
            0.88;

    }


    .tzir-contact-hero__description {

        max-width:
            510px;

        font-size:
            0.97rem;

        line-height:
            1.62;

    }


    .tzir-contact-hero__actions {

        gap:
            15px;

    }


    .tzir-contact-hero__estimate {

        min-width:
            188px;

        min-height:
            52px;

        padding:
            12px
            17px;

        font-size:
            0.85rem;

    }


    .tzir-contact-hero__phone {

        min-height:
            50px;

    }


    .tzir-contact-hero__phone-icon {

        width:
            42px;

        height:
            42px;

    }


    .tzir-contact-hero__location {

        margin-top:
            20px;

        padding-top:
            15px;

    }


    .tzir-contact-hero__photo--main {

        top:
            11%;

        left:
            2%;

        width:
            77%;

        height:
            67%;

    }


    .tzir-contact-hero__photo--detail {

        right:
            -2%;

        bottom:
            9%;

        width:
            54%;

        height:
            34%;

    }


    .tzir-contact-hero__stamp {

        bottom:
            12%;

        width:
            130px;

        min-height:
            108px;

        padding:
            14px;

    }


    .tzir-contact-hero__script-note {

        right:
            -2%;

        font-size:
            1.25rem;

    }

}



/* =========================================================
   21. MOBILE
   481px — 768px
   ========================================================= */

@media
    (min-width: 481px)
    and
    (max-width: 768px) {

    .tzir-contact-hero__container {

        width:
            calc(
                100% -
                36px
            );

        grid-template-columns:
            1fr;

        grid-template-rows:
            auto
            minmax(
                160px,
                1fr
            );

        align-items:
            stretch;

        gap:
            12px;

        padding:
            25px
            0
            48px;

    }


    .tzir-contact-hero__content {

        align-self:
            start;

    }


    .tzir-contact-hero__eyebrow {

        gap:
            7px;

        margin-bottom:
            10px;

        font-size:
            0.58rem;

        letter-spacing:
            0.15em;

    }


    .tzir-contact-hero__eyebrow i {

        width:
            19px;

    }


    .tzir-contact-hero__title {

        max-width:
            620px;

        font-size:
            clamp(
                2.9rem,
                9.5vw,
                4.1rem
            );

        line-height:
            0.89;

    }


    .tzir-contact-hero__description {

        max-width:
            590px;

        margin-top:
            12px;

        display:
            -webkit-box;

        overflow:
            hidden;

        -webkit-line-clamp:
            3;

        -webkit-box-orient:
            vertical;

        font-size:
            0.91rem;

        line-height:
            1.5;

    }


    .tzir-contact-hero__actions {

        display:
            grid;

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

        gap:
            10px;

        margin-top:
            14px;

    }


    .tzir-contact-hero__estimate {

        width:
            100%;

        min-width:
            0;

        min-height:
            48px;

        padding:
            10px
            13px;

        font-size:
            0.81rem;

    }


    .tzir-contact-hero__phone {

        min-width:
            0;

        min-height:
            48px;

    }


    .tzir-contact-hero__phone-icon {

        width:
            40px;

        height:
            40px;

    }


    .tzir-contact-hero__phone-copy small {

        font-size:
            0.57rem;

    }


    .tzir-contact-hero__phone-copy strong {

        font-size:
            0.78rem;

    }


    .tzir-contact-hero__location {

        margin-top:
            10px;

        padding-top:
            10px;

    }


    .tzir-contact-hero__location > svg {

        width:
            18px;

        height:
            18px;

    }


    .tzir-contact-hero__location span {

        font-size:
            0.52rem;

    }


    .tzir-contact-hero__location strong {

        font-size:
            0.9rem;

    }


    .tzir-contact-hero__visual {

        position:
            relative;

        min-height:
            0;

    }


    .tzir-contact-hero__photo--main {

        top:
            2%;

        left:
            11%;

        width:
            58%;

        height:
            91%;

    }


    .tzir-contact-hero__photo--detail {

        right:
            5%;

        bottom:
            0;

        width:
            42%;

        height:
            57%;

    }


    .tzir-contact-hero__photo-paper {

        padding:
            5px;

    }


    .tzir-contact-hero__script-note {

        top:
            4%;

        right:
            4%;

        font-size:
            1.05rem;

    }


    .tzir-contact-hero__script-note i {

        width:
            48px;

    }


    .tzir-contact-hero__stamp {

        left:
            3%;

        bottom:
            6%;

        width:
            112px;

        min-height:
            88px;

        padding:
            11px;

    }


    .tzir-contact-hero__stamp > span {

        font-size:
            0.92rem;

    }


    .tzir-contact-hero__stamp strong {

        font-size:
            1rem;

    }


    .tzir-contact-hero__stamp i {

        margin:
            7px
            0
            6px;

    }


    .tzir-contact-hero__stamp small {

        font-size:
            0.48rem;

    }


    .tzir-contact-hero__continue {

        bottom:
            11px;

        grid-template-columns:
            auto
            48px
            17px;

        gap:
            9px;

        font-size:
            0.52rem;

    }

}



/* =========================================================
   22. SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .tzir-contact-hero__container {

        width:
            calc(
                100% -
                28px
            );

        grid-template-columns:
            1fr;

        grid-template-rows:
            auto
            minmax(
                128px,
                1fr
            );

        gap:
            8px;

        padding:
            17px
            0
            38px;

    }


    .tzir-contact-hero__eyebrow {

        margin-bottom:
            7px;

        gap:
            5px;

        font-size:
            0.49rem;

        letter-spacing:
            0.11em;

    }


    .tzir-contact-hero__eyebrow i {

        width:
            14px;

    }


    .tzir-contact-hero__title {

        font-size:
            clamp(
                2.4rem,
                11.7vw,
                3.2rem
            );

        line-height:
            0.9;

    }


    .tzir-contact-hero__description {

        margin-top:
            8px;

        display:
            -webkit-box;

        overflow:
            hidden;

        -webkit-line-clamp:
            2;

        -webkit-box-orient:
            vertical;

        font-size:
            0.82rem;

        line-height:
            1.43;

    }


    .tzir-contact-hero__actions {

        display:
            grid;

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

        gap:
            7px;

        margin-top:
            9px;

    }


    .tzir-contact-hero__estimate {

        width:
            100%;

        min-width:
            0;

        min-height:
            43px;

        padding:
            8px;

        font-size:
            0.7rem;

    }


    .tzir-contact-hero__estimate svg {

        width:
            15px;

        height:
            15px;

    }


    .tzir-contact-hero__phone {

        gap:
            6px;

        min-height:
            43px;

    }


    .tzir-contact-hero__phone-icon {

        width:
            35px;

        height:
            35px;

    }


    .tzir-contact-hero__phone-icon svg {

        width:
            17px;

        height:
            17px;

    }


    .tzir-contact-hero__phone-copy small {

        display:
            none;

    }


    .tzir-contact-hero__phone-copy strong {

        font-size:
            0.7rem;

    }


    .tzir-contact-hero__location {

        margin-top:
            6px;

        padding-top:
            7px;

    }


    .tzir-contact-hero__location > svg {

        width:
            15px;

        height:
            15px;

    }


    .tzir-contact-hero__location span {

        display:
            none;

    }


    .tzir-contact-hero__location strong {

        font-size:
            0.76rem;

    }


    .tzir-contact-hero__photo--main {

        top:
            1%;

        left:
            7%;

        width:
            61%;

        height:
            92%;

    }


    .tzir-contact-hero__photo--detail {

        right:
            1%;

        bottom:
            0;

        width:
            44%;

        height:
            56%;

    }


    .tzir-contact-hero__photo-paper {

        padding:
            4px;

    }


    .tzir-contact-hero__script-note {

        top:
            3%;

        right:
            0;

        font-size:
            0.82rem;

    }


    .tzir-contact-hero__script-note span + span {

        margin-left:
            7px;

    }


    .tzir-contact-hero__script-note i {

        width:
            36px;

        height:
            1px;

        margin-top:
            5px;

    }


    .tzir-contact-hero__stamp {

        left:
            0;

        bottom:
            5%;

        width:
            90px;

        min-height:
            70px;

        padding:
            8px;

    }


    .tzir-contact-hero__stamp > span {

        font-size:
            0.75rem;

    }


    .tzir-contact-hero__stamp strong {

        font-size:
            0.82rem;

    }


    .tzir-contact-hero__stamp i {

        margin:
            5px
            0;

    }


    .tzir-contact-hero__stamp small {

        font-size:
            0.4rem;

    }


    .tzir-contact-hero__botanical {

        opacity:
            0.06;

    }


    .tzir-contact-hero__botanical--left {

        left:
            -42px;

        width:
            88px;

        height:
            130px;

    }


    .tzir-contact-hero__continue {

        bottom:
            8px;

        grid-template-columns:
            auto
            30px
            15px;

        gap:
            6px;

        font-size:
            0.43rem;

        letter-spacing:
            0.09em;

    }


    .tzir-contact-hero__continue svg {

        width:
            14px;

        height:
            14px;

    }

}














































/* =========================================================
   TZIR LANDSCAPING
   CONTACT.HTML
   03. CONTACT / QUICK INFORMATION
   ========================================================= */


/* =========================================================
   01. SECTION
   ========================================================= */

.tzir-contact-info {

    position:
        relative;

    padding:
        clamp(78px, 7vw, 112px)
        0;

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        linear-gradient(
            135deg,
            #ECE8DE 0%,
            #F2EFE7 46%,
            #EBE7DD 100%
        );

}



/*
    Very subtle paper grain.
*/

.tzir-contact-info::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    pointer-events:
        none;

    opacity:
        0.027;

    mix-blend-mode:
        multiply;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"
        );

}



/* =========================================================
   02. TOPOGRAPHY
   ========================================================= */

.tzir-contact-info__topography {

    position:
        absolute;

    top:
        -80px;

    right:
        -180px;

    z-index:
        -2;

    width:
        700px;

    height:
        520px;

    pointer-events:
        none;

    opacity:
        0.45;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='520' viewBox='0 0 700 520'%3E%3Cg fill='none' stroke='%23273E0A' stroke-width='1'%3E%3Cpath opacity='.08' d='M-70 95C82 17 181 146 320 97S551 27 770 122'/%3E%3Cpath opacity='.06' d='M-69 132C89 55 193 185 336 135S570 70 773 164'/%3E%3Cpath opacity='.07' d='M-74 410C91 320 216 458 362 402S591 347 770 438'/%3E%3C/g%3E%3C/svg%3E"
        );

    background-repeat:
        no-repeat;

    background-size:
        contain;

}



/* =========================================================
   03. CONTAINER
   ========================================================= */

.tzir-contact-info__container {

    position:
        relative;

    z-index:
        2;

    width:
        min(
            calc(
                100% -
                (
                    var(--tzir-page-padding) *
                    2
                )
            ),
            var(--tzir-container)
        );

    margin-inline:
        auto;

}



/* =========================================================
   04. INTRO
   ========================================================= */

.tzir-contact-info__intro {

    display:
        grid;

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

    align-items:
        end;

    gap:
        clamp(
            40px,
            7vw,
            100px
        );

    margin-bottom:
        clamp(
            40px,
            4.5vw,
            62px
        );

}


.tzir-contact-info__intro-heading {

    max-width:
        680px;

}


.tzir-contact-info__eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    margin-bottom:
        14px;

    color:
        var(--tzir-moss-700);

    font-size:
        0.7rem;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        0.19em;

    text-transform:
        uppercase;

}


.tzir-contact-info__eyebrow::before {

    content:
        "";

    width:
        29px;

    height:
        1px;

    background:
        var(--tzir-leaf-600);

}


.tzir-contact-info__title {

    margin:
        0;

    color:
        var(--tzir-bark-900);

    font-size:
        clamp(
            2.9rem,
            4.4vw,
            4.6rem
        );

    line-height:
        0.96;

    letter-spacing:
        -0.048em;

}


.tzir-contact-info__title em {

    color:
        var(--tzir-moss-700);

    font-style:
        normal;

}


.tzir-contact-info__intro > p {

    max-width:
        460px;

    margin:
        0;

    color:
        var(--tzir-text-secondary);

    font-size:
        1rem;

    line-height:
        1.7;

}



/* =========================================================
   05. GRID
   ========================================================= */

.tzir-contact-info__grid {

    display:
        grid;

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

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.15
        );

    border-bottom:
        1px solid
        rgba(
            50,
            33,
            33,
            0.15
        );

}



/* =========================================================
   06. ITEM
   ========================================================= */

.tzir-contact-info__item {

    position:
        relative;

    min-width:
        0;

    min-height:
        245px;

    padding:
        27px
        26px
        29px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        space-between;

    border-right:
        1px solid
        rgba(
            50,
            33,
            33,
            0.13
        );

    color:
        var(--tzir-bark-900);

    background:
        rgba(
            255,
            255,
            255,
            0
        );

    transition:
        background-color
        420ms
        ease,

        transform
        500ms
        var(--tzir-ease-standard);

}


.tzir-contact-info__item:last-child {

    border-right:
        0;

}



/*
    A thin green line enters from the left.
*/

.tzir-contact-info__item::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        -1px;

    width:
        100%;

    height:
        2px;

    background:
        var(--tzir-leaf-600);

    transform:
        scaleX(0);

    transform-origin:
        right center;

    transition:
        transform
        500ms
        var(--tzir-ease-standard);

}


a.tzir-contact-info__item:hover {

    background:
        rgba(
            255,
            255,
            255,
            0.38
        );

    transform:
        translateY(-3px);

}


a.tzir-contact-info__item:hover::before {

    transform:
        scaleX(1);

    transform-origin:
        left center;

}



/* =========================================================
   07. ITEM TOP
   ========================================================= */

.tzir-contact-info__item-top {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        18px;

}



/* =========================================================
   08. ICON
   ========================================================= */

.tzir-contact-info__icon {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        50px;

    height:
        50px;

    flex:
        0 0 auto;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.17
        );

    background:
        rgba(
            255,
            255,
            255,
            0.38
        );

    color:
        var(--tzir-moss-700);

    transition:
        color
        350ms
        ease,

        background-color
        350ms
        ease,

        border-color
        350ms
        ease,

        transform
        450ms
        var(--tzir-ease-standard);

}


.tzir-contact-info__icon svg {

    width:
        24px;

    height:
        24px;

}


a.tzir-contact-info__item:hover
.tzir-contact-info__icon {

    border-color:
        var(--tzir-moss-700);

    background:
        var(--tzir-forest-800);

    color:
        var(--tzir-white);

    transform:
        rotate(-3deg);

}



/* =========================================================
   09. ARROW
   ========================================================= */

.tzir-contact-info__arrow {

    color:
        var(--tzir-moss-700);

    font-size:
        0.86rem;

    opacity:
        0.46;

    transition:
        opacity
        320ms
        ease,

        transform
        420ms
        var(--tzir-ease-standard);

}


a.tzir-contact-info__item:hover
.tzir-contact-info__arrow {

    opacity:
        1;

    transform:
        translate(
            3px,
            -3px
        );

}



/* =========================================================
   10. COPY
   ========================================================= */

.tzir-contact-info__item-copy {

    margin-top:
        31px;

    min-width:
        0;

}


.tzir-contact-info__label {

    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--tzir-moss-700);

    font-size:
        0.62rem;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        0.17em;

    text-transform:
        uppercase;

}


.tzir-contact-info__item-copy > strong {

    display:
        block;

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        clamp(
            1.45rem,
            1.8vw,
            1.9rem
        );

    font-weight:
        600;

    line-height:
        1.04;

    letter-spacing:
        -0.025em;

}


.tzir-contact-info__item-copy > strong span {

    display:
        block;

    color:
        var(--tzir-moss-700);

}


.tzir-contact-info__item-copy > small {

    display:
        block;

    margin-top:
        9px;

    color:
        var(--tzir-text-muted);

    font-size:
        0.76rem;

    font-weight:
        500;

    line-height:
        1.5;

}


.tzir-contact-info__email {

    overflow-wrap:
        anywhere;

}



/* =========================================================
   11. HOURS
   ========================================================= */

.tzir-contact-info__hours-mark {

    padding:
        6px
        8px;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.17
        );

    color:
        var(--tzir-moss-700);

    font-size:
        0.55rem;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

}


.tzir-contact-info__hours {

    display:
        flex;

    flex-direction:
        column;

    gap:
        9px;

}


.tzir-contact-info__hours > div {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;

    padding:
        9px
        0;

    border-bottom:
        1px solid
        rgba(
            50,
            33,
            33,
            0.11
        );

}


.tzir-contact-info__hours > div:last-child {

    border-bottom:
        0;

}


.tzir-contact-info__hours span {

    color:
        var(--tzir-text-muted);

    font-size:
        0.72rem;

    font-weight:
        600;

    line-height:
        1.4;

}


.tzir-contact-info__hours strong {

    color:
        var(--tzir-bark-900);

    font-size:
        0.75rem;

    font-weight:
        700;

    line-height:
        1.4;

    white-space:
        nowrap;

}



/* =========================================================
   12. FOOTER DETAIL
   ========================================================= */

.tzir-contact-info__footer {

    display:
        grid;

    grid-template-columns:
        minmax(30px, 1fr)
        auto
        minmax(30px, 1fr);

    align-items:
        center;

    gap:
        22px;

    margin-top:
        34px;

}


.tzir-contact-info__footer-line {

    display:
        block;

    width:
        100%;

    height:
        1px;

    background:
        rgba(
            50,
            33,
            33,
            0.13
        );

}


.tzir-contact-info__script {

    color:
        rgba(
            50,
            33,
            33,
            0.58
        );

    font-family:
        var(--tzir-font-script);

    font-size:
        1.25rem;

    line-height:
        1;

    text-align:
        center;

    transform:
        rotate(-1deg);

}



/* =========================================================
   13. ACCESSIBILITY
   ========================================================= */

.tzir-contact-info__item:focus-visible {

    position:
        relative;

    z-index:
        2;

    outline:
        2px solid
        var(--tzir-moss-700);

    outline-offset:
        -2px;

}



/* =========================================================
   14. REDUCED MOTION
   ========================================================= */

html.tzir-reduced-motion
.tzir-contact-info__item,

html.tzir-reduced-motion
.tzir-contact-info__icon,

html.tzir-reduced-motion
.tzir-contact-info__arrow {

    transition:
        none !important;

}



/* =========================================================
   15. COMPUTER
   >= 1200px
   ========================================================= */

@media (min-width: 1200px) {

    .tzir-contact-info__grid {

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

    }


    .tzir-contact-info__item {

        min-height:
            255px;

    }

}



/* =========================================================
   16. TABLET
   769px — 1199px
   ========================================================= */

@media
    (min-width: 769px)
    and
    (max-width: 1199px) {

    .tzir-contact-info {

        padding:
            86px
            0;

    }


    .tzir-contact-info__intro {

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

        gap:
            40px;

    }


    .tzir-contact-info__title {

        font-size:
            clamp(
                2.8rem,
                5vw,
                4rem
            );

    }


    .tzir-contact-info__grid {

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

    }


    .tzir-contact-info__item {

        min-height:
            220px;

        border-bottom:
            1px solid
            rgba(
                50,
                33,
                33,
                0.13
            );

    }


    .tzir-contact-info__item:nth-child(2) {

        border-right:
            0;

    }


    .tzir-contact-info__item:nth-child(3),
    .tzir-contact-info__item:nth-child(4) {

        border-bottom:
            0;

    }

}



/* =========================================================
   17. MOBILE
   481px — 768px
   ========================================================= */

@media
    (min-width: 481px)
    and
    (max-width: 768px) {

    .tzir-contact-info {

        padding:
            76px
            0;

    }


    .tzir-contact-info__intro {

        grid-template-columns:
            1fr;

        gap:
            18px;

        margin-bottom:
            35px;

    }


    .tzir-contact-info__title {

        max-width:
            530px;

        font-size:
            clamp(
                2.7rem,
                8vw,
                3.7rem
            );

    }


    .tzir-contact-info__intro > p {

        max-width:
            560px;

        font-size:
            0.96rem;

    }


    .tzir-contact-info__grid {

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

    }


    .tzir-contact-info__item {

        min-height:
            215px;

        padding:
            23px;

        border-bottom:
            1px solid
            rgba(
                50,
                33,
                33,
                0.13
            );

    }


    .tzir-contact-info__item:nth-child(2) {

        border-right:
            0;

    }


    .tzir-contact-info__item:nth-child(3),
    .tzir-contact-info__item:nth-child(4) {

        border-bottom:
            0;

    }


    .tzir-contact-info__icon {

        width:
            46px;

        height:
            46px;

    }


    .tzir-contact-info__item-copy {

        margin-top:
            24px;

    }


    .tzir-contact-info__script {

        font-size:
            1.1rem;

    }

}



/* =========================================================
   18. SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .tzir-contact-info {

        padding:
            66px
            0;

    }


    .tzir-contact-info__intro {

        grid-template-columns:
            1fr;

        gap:
            15px;

        margin-bottom:
            30px;

    }


    .tzir-contact-info__eyebrow {

        margin-bottom:
            10px;

        font-size:
            0.64rem;

    }


    .tzir-contact-info__title {

        font-size:
            clamp(
                2.45rem,
                11vw,
                3.15rem
            );

    }


    .tzir-contact-info__intro > p {

        font-size:
            0.92rem;

        line-height:
            1.62;

    }


    .tzir-contact-info__grid {

        grid-template-columns:
            1fr;

        border-bottom:
            0;

    }


    .tzir-contact-info__item {

        min-height:
            0;

        padding:
            22px
            4px;

        border-right:
            0;

        border-bottom:
            1px solid
            rgba(
                50,
                33,
                33,
                0.13
            );

    }


    .tzir-contact-info__item:last-child {

        border-bottom:
            1px solid
            rgba(
                50,
                33,
                33,
                0.13
            );

    }


    .tzir-contact-info__icon {

        width:
            44px;

        height:
            44px;

    }


    .tzir-contact-info__icon svg {

        width:
            21px;

        height:
            21px;

    }


    .tzir-contact-info__item-copy {

        margin-top:
            20px;

    }


    .tzir-contact-info__item-copy > strong {

        font-size:
            1.55rem;

    }


    .tzir-contact-info__hours {

        max-width:
            310px;

    }


    .tzir-contact-info__footer {

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

        gap:
            12px;

        margin-top:
            28px;

    }


    .tzir-contact-info__script {

        font-size:
            1rem;

        line-height:
            1.15;

    }

}












































/* =========================================================
   TZIR LANDSCAPING
   CONTACT.HTML
   04. FREE ESTIMATE FORM
   ========================================================= */


/* =========================================================
   01. SECTION
   ========================================================= */

.tzir-estimate {

    position:
        relative;

    padding:
        clamp(105px, 9vw, 150px)
        0;

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        var(--tzir-ivory-50);

}



/* =========================================================
   02. PAPER GRAIN
   ========================================================= */

.tzir-estimate::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -4;

    pointer-events:
        none;

    opacity:
        0.025;

    mix-blend-mode:
        multiply;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"
        );

}



/* =========================================================
   03. TOPOGRAPHY
   ========================================================= */

.tzir-estimate__topography {

    position:
        absolute;

    top:
        -100px;

    right:
        -200px;

    z-index:
        -3;

    width:
        760px;

    height:
        620px;

    pointer-events:
        none;

    opacity:
        0.43;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='620' viewBox='0 0 760 620'%3E%3Cg fill='none' stroke='%23273E0A' stroke-width='1'%3E%3Cpath opacity='.08' d='M-60 110C104 25 220 176 370 111S625 32 825 144'/%3E%3Cpath opacity='.06' d='M-57 151C111 66 237 218 390 150S648 79 829 187'/%3E%3Cpath opacity='.07' d='M-61 482C116 384 253 537 416 470S679 404 827 515'/%3E%3Cpath opacity='.055' d='M-60 526C128 427 271 580 438 514S703 450 831 559'/%3E%3C/g%3E%3C/svg%3E"
        );

    background-repeat:
        no-repeat;

    background-size:
        contain;

}



/* =========================================================
   04. BOTANICAL
   ========================================================= */

.tzir-estimate__botanical {

    position:
        absolute;

    left:
        -65px;

    bottom:
        7%;

    z-index:
        -2;

    width:
        170px;

    height:
        230px;

    pointer-events:
        none;

    color:
        var(--tzir-moss-700);

    opacity:
        0.075;

    transform:
        rotate(-13deg);

}


.tzir-estimate__botanical svg {

    width:
        100%;

    height:
        100%;

}



/* =========================================================
   05. CONTAINER
   ========================================================= */

.tzir-estimate__container {

    position:
        relative;

    z-index:
        2;

    width:
        min(
            calc(
                100% -
                (
                    var(--tzir-page-padding) *
                    2
                )
            ),
            var(--tzir-container)
        );

    margin-inline:
        auto;

}



/* =========================================================
   06. LAYOUT
   ========================================================= */

.tzir-estimate__layout {

    display:
        grid;

    grid-template-columns:
        minmax(330px, 0.72fr)
        minmax(0, 1.28fr);

    align-items:
        stretch;

    box-shadow:
        0 34px 80px
        rgba(
            23,
            37,
            7,
            0.11
        ),
        0 10px 24px
        rgba(
            50,
            33,
            33,
            0.05
        );

}



/* =========================================================
   07. LEFT PANEL
   ========================================================= */

.tzir-estimate__aside {

    position:
        relative;

    overflow:
        hidden;

    padding:
        clamp(
            40px,
            4.2vw,
            66px
        );

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        space-between;

    color:
        var(--tzir-white);

    background:
        var(--tzir-forest-950);

}



/*
    Forest panel topography.
*/

.tzir-estimate__aside::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    opacity:
        0.36;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='620' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1'%3E%3Cpath opacity='.065' d='M-80 110C72 30 180 166 318 112S541 43 691 132'/%3E%3Cpath opacity='.045' d='M-78 151C83 71 195 204 337 150S562 87 693 175'/%3E%3Cpath opacity='.055' d='M-82 480C93 387 218 522 367 470S589 424 699 516'/%3E%3C/g%3E%3C/svg%3E"
        );

    background-size:
        620px 620px;

}



/*
    Soft moss glow.
*/

.tzir-estimate__aside::after {

    content:
        "";

    position:
        absolute;

    right:
        -180px;

    bottom:
        -190px;

    width:
        430px;

    height:
        430px;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        rgba(
            95,
            119,
            40,
            0.22
        );

    filter:
        blur(80px);

}



/* =========================================================
   08. ASIDE CONTENT
   ========================================================= */

.tzir-estimate__aside-top,
.tzir-estimate__guide,
.tzir-estimate__aside-footer {

    position:
        relative;

    z-index:
        2;

}


.tzir-estimate__eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    margin-bottom:
        20px;

    color:
        #C5D391;

    font-size:
        0.69rem;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        0.19em;

    text-transform:
        uppercase;

}


.tzir-estimate__eyebrow::before {

    content:
        "";

    width:
        28px;

    height:
        1px;

    background:
        #AFC07A;

}


.tzir-estimate__aside h2 {

    max-width:
        490px;

    margin:
        0;

    color:
        var(--tzir-white);

    font-size:
        clamp(
            3.2rem,
            4.2vw,
            4.8rem
        );

    font-weight:
        600;

    line-height:
        0.93;

    letter-spacing:
        -0.05em;

}


.tzir-estimate__aside h2 em {

    display:
        block;

    color:
        #C5D391;

    font-style:
        normal;

}


.tzir-estimate__aside-top > p {

    max-width:
        450px;

    margin:
        25px
        0
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.64
        );

    font-size:
        0.97rem;

    line-height:
        1.72;

}



/* =========================================================
   09. GUIDE
   ========================================================= */

.tzir-estimate__guide {

    margin:
        clamp(
            48px,
            5vw,
            72px
        )
        0;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );

}


.tzir-estimate__guide-label {

    display:
        block;

    padding:
        18px
        0
        10px;

    color:
        #B8C986;

    font-size:
        0.61rem;

    font-weight:
        700;

    letter-spacing:
        0.17em;

    text-transform:
        uppercase;

}


.tzir-estimate__guide-item {

    display:
        grid;

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

    gap:
        13px;

    padding:
        15px
        0;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.11
        );

}


.tzir-estimate__guide-item > span {

    padding-top:
        2px;

    color:
        rgba(
            255,
            255,
            255,
            0.35
        );

    font-size:
        0.6rem;

    font-weight:
        700;

    letter-spacing:
        0.13em;

}


.tzir-estimate__guide-item p {

    margin:
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        0.84rem;

    line-height:
        1.55;

}



/* =========================================================
   10. ASIDE FOOTER
   ========================================================= */

.tzir-estimate__aside-footer {

    padding-top:
        22px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );

}


.tzir-estimate__aside-footer > span {

    display:
        block;

    margin-bottom:
        9px;

    color:
        rgba(
            255,
            255,
            255,
            0.43
        );

    font-size:
        0.61rem;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.tzir-estimate__aside-footer a {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    color:
        var(--tzir-white);

}


.tzir-estimate__aside-footer svg {

    width:
        20px;

    height:
        20px;

    color:
        #C5D391;

}


.tzir-estimate__aside-footer strong {

    font-size:
        0.91rem;

    font-weight:
        700;

}



/* =========================================================
   11. FORM SHELL
   ========================================================= */

.tzir-estimate__form-shell {

    position:
        relative;

    padding:
        clamp(
            39px,
            4vw,
            64px
        );

    border:
        1px solid
        rgba(
            50,
            33,
            33,
            0.1
        );

    border-left:
        0;

    background:
        rgba(
            255,
            255,
            255,
            0.9
        );

}



/* =========================================================
   12. FORM HEADING
   ========================================================= */

.tzir-estimate__form-heading {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        24px;

    margin-bottom:
        33px;

    padding-bottom:
        21px;

    border-bottom:
        1px solid
        rgba(
            50,
            33,
            33,
            0.12
        );

}


.tzir-estimate__form-heading > span {

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        1.75rem;

    font-weight:
        600;

    line-height:
        1;

}


.tzir-estimate__form-heading p {

    margin:
        0;

    color:
        var(--tzir-text-muted);

    font-size:
        0.7rem;

    line-height:
        1.4;

}


.tzir-estimate__form-heading strong {

    color:
        var(--tzir-moss-700);

}



/* =========================================================
   13. STATUS
   ========================================================= */

.tzir-estimate__status {

    margin-bottom:
        25px;

    padding:
        15px
        17px;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.2
        );

    background:
        rgba(
            95,
            119,
            40,
            0.06
        );

    color:
        var(--tzir-forest-800);

    font-size:
        0.85rem;

    font-weight:
        600;

    line-height:
        1.5;

}


.tzir-estimate__status.is-error {

    border-color:
        rgba(
            130,
            55,
            44,
            0.22
        );

    background:
        rgba(
            130,
            55,
            44,
            0.055
        );

    color:
        #713A32;

}



/* =========================================================
   14. FORM
   ========================================================= */

.tzir-estimate-form {

    display:
        flex;

    flex-direction:
        column;

    gap:
        23px;

}


.tzir-estimate-form__row {

    display:
        grid;

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

    gap:
        18px;

}



/* =========================================================
   15. FIELD
   ========================================================= */

.tzir-field {

    min-width:
        0;

}


.tzir-field label {

    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--tzir-bark-900);

    font-size:
        0.72rem;

    font-weight:
        700;

    line-height:
        1.4;

    letter-spacing:
        0.025em;

}


.tzir-field label > span {

    color:
        var(--tzir-moss-700);

}



/* =========================================================
   16. CONTROL
   ========================================================= */

.tzir-field__control {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    min-height:
        58px;

    border:
        1px solid
        rgba(
            50,
            33,
            33,
            0.16
        );

    border-radius:
        var(--tzir-radius-sm);

    background:
        #FAF9F6;

    transition:
        border-color
        300ms
        ease,

        background-color
        300ms
        ease,

        box-shadow
        300ms
        ease;

}


.tzir-field__control > svg:first-child {

    position:
        absolute;

    left:
        17px;

    z-index:
        2;

    width:
        20px;

    height:
        20px;

    pointer-events:
        none;

    color:
        rgba(
            62,
            83,
            28,
            0.63
        );

}



/* =========================================================
   17. INPUT / SELECT
   ========================================================= */

.tzir-field input,
.tzir-field select,
.tzir-field textarea {

    width:
        100%;

    min-width:
        0;

    border:
        0;

    border-radius:
        inherit;

    outline:
        none;

    background:
        transparent;

    color:
        var(--tzir-charcoal-950);

    font-family:
        var(--tzir-font-body);

    font-size:
        0.94rem;

    font-weight:
        500;

}


.tzir-field input,
.tzir-field select {

    min-height:
        56px;

    padding:
        0
        17px
        0
        49px;

}


.tzir-field select {

    appearance:
        none;

    -webkit-appearance:
        none;

    padding-right:
        48px;

    cursor:
        pointer;

}


.tzir-field input::placeholder,
.tzir-field textarea::placeholder {

    color:
        rgba(
            24,
            27,
            22,
            0.42
        );

    opacity:
        1;

}



/* =========================================================
   18. SELECT ARROW
   ========================================================= */

.tzir-field__select-arrow {

    position:
        absolute;

    right:
        16px;

    left:
        auto !important;

    width:
        18px !important;

    height:
        18px !important;

    color:
        var(--tzir-moss-700) !important;

}



/* =========================================================
   19. TEXTAREA
   ========================================================= */

.tzir-field__control--textarea {

    align-items:
        flex-start;

    min-height:
        165px;

}


.tzir-field__control--textarea
> svg:first-child {

    top:
        17px;

}


.tzir-field textarea {

    min-height:
        163px;

    padding:
        16px
        17px
        16px
        49px;

    resize:
        vertical;

    line-height:
        1.62;

}



/* =========================================================
   20. FOCUS
   ========================================================= */

.tzir-field__control:focus-within {

    border-color:
        var(--tzir-moss-700);

    background:
        var(--tzir-white);

    box-shadow:
        0 0 0 3px
        rgba(
            95,
            119,
            40,
            0.08
        );

}



/* =========================================================
   21. META
   ========================================================= */

.tzir-field__meta {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        14px;

    margin-top:
        7px;

}


.tzir-field__meta span {

    color:
        var(--tzir-text-muted);

    font-size:
        0.68rem;

    line-height:
        1.45;

}



/* =========================================================
   22. ERROR
   ========================================================= */

.tzir-field__error {

    display:
        none;

    margin-top:
        7px;

    color:
        #833C32;

    font-size:
        0.7rem;

    font-weight:
        600;

    line-height:
        1.4;

}


.tzir-field.is-invalid
.tzir-field__control {

    border-color:
        rgba(
            131,
            60,
            50,
            0.72
        );

    background:
        rgba(
            131,
            60,
            50,
            0.025
        );

}


.tzir-field.is-invalid
.tzir-field__error {

    display:
        block;

}



/* =========================================================
   23. SUBMIT FOOTER
   ========================================================= */

.tzir-estimate-form__footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        35px;

    margin-top:
        4px;

    padding-top:
        25px;

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.12
        );

}


.tzir-estimate-form__footer > p {

    max-width:
        430px;

    margin:
        0;

    color:
        var(--tzir-text-muted);

    font-size:
        0.69rem;

    line-height:
        1.55;

}


.tzir-estimate-form__submit {

    flex:
        0 0 auto;

    min-width:
        220px;

}


.tzir-estimate-form__submit svg {

    width:
        19px;

    height:
        19px;

    transition:
        transform
        420ms
        var(--tzir-ease-standard);

}


.tzir-estimate-form__submit:hover svg {

    transform:
        translateX(4px);

}



/* =========================================================
   24. HONEYPOT
   ========================================================= */

.tzir-estimate-form__website {

    position:
        absolute;

    left:
        -9999px;

    width:
        1px;

    height:
        1px;

    overflow:
        hidden;

}



/* =========================================================
   25. REDUCED MOTION
   ========================================================= */

html.tzir-reduced-motion
.tzir-estimate * {

    transition:
        none !important;

}



/* =========================================================
   26. COMPUTER
   >= 1200px
   ========================================================= */

@media (min-width: 1200px) {

    .tzir-estimate__aside {

        min-height:
            760px;

    }


    .tzir-estimate__form-shell {

        padding-inline:
            clamp(
                52px,
                4.5vw,
                72px
            );

    }

}



/* =========================================================
   27. TABLET
   769px — 1199px
   ========================================================= */

@media
    (min-width: 769px)
    and
    (max-width: 1199px) {

    .tzir-estimate {

        padding:
            105px
            0;

    }


    .tzir-estimate__layout {

        grid-template-columns:
            minmax(285px, 0.66fr)
            minmax(0, 1.34fr);

    }


    .tzir-estimate__aside {

        padding:
            39px;

    }


    .tzir-estimate__aside h2 {

        font-size:
            clamp(
                2.8rem,
                4.8vw,
                3.9rem
            );

    }


    .tzir-estimate__aside-top > p {

        font-size:
            0.92rem;

    }


    .tzir-estimate__guide {

        margin:
            42px
            0;

    }


    .tzir-estimate__form-shell {

        padding:
            40px;

    }


    .tzir-estimate-form__row {

        gap:
            14px;

    }


    .tzir-estimate-form__footer {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            18px;

    }

}



/* =========================================================
   28. MOBILE
   481px — 768px
   ========================================================= */

@media
    (min-width: 481px)
    and
    (max-width: 768px) {

    .tzir-estimate {

        padding:
            86px
            0;

    }


    .tzir-estimate__layout {

        grid-template-columns:
            1fr;

    }


    .tzir-estimate__aside {

        min-height:
            0;

        padding:
            40px;

    }


    .tzir-estimate__aside h2 {

        max-width:
            570px;

        font-size:
            clamp(
                3rem,
                8vw,
                4rem
            );

    }


    .tzir-estimate__aside-top > p {

        max-width:
            570px;

    }


    .tzir-estimate__guide {

        display:
            grid;

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

        gap:
            0;

        margin:
            38px
            0;

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.13
            );

    }


    .tzir-estimate__guide-label {

        grid-column:
            1 / -1;

    }


    .tzir-estimate__guide-item {

        grid-template-columns:
            1fr;

        padding-right:
            18px;

        border-right:
            1px solid
            rgba(
                255,
                255,
                255,
                0.1
            );

        border-bottom:
            0;

    }


    .tzir-estimate__guide-item:last-child {

        border-right:
            0;

        padding-left:
            18px;

    }


    .tzir-estimate__guide-item:nth-of-type(3) {

        padding-left:
            18px;

    }


    .tzir-estimate__form-shell {

        padding:
            38px;

        border-top:
            0;

        border-left:
            1px solid
            rgba(
                50,
                33,
                33,
                0.1
            );

    }


    .tzir-estimate-form__row {

        grid-template-columns:
            1fr;

        gap:
            23px;

    }


    .tzir-estimate-form__footer {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            20px;

    }

}



/* =========================================================
   29. SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .tzir-estimate {

        padding:
            72px
            0;

    }


    .tzir-estimate__layout {

        grid-template-columns:
            1fr;

        box-shadow:
            0 20px 48px
            rgba(
                23,
                37,
                7,
                0.09
            );

    }


    .tzir-estimate__aside {

        padding:
            31px
            24px;

    }


    .tzir-estimate__eyebrow {

        margin-bottom:
            14px;

        font-size:
            0.64rem;

    }


    .tzir-estimate__aside h2 {

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

    }


    .tzir-estimate__aside-top > p {

        margin-top:
            18px;

        font-size:
            0.91rem;

        line-height:
            1.62;

    }


    .tzir-estimate__guide {

        margin:
            32px
            0;

    }


    .tzir-estimate__guide-item {

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

        padding:
            13px
            0;

    }


    .tzir-estimate__form-shell {

        padding:
            28px
            20px
            31px;

        border-left:
            1px solid
            rgba(
                50,
                33,
                33,
                0.1
            );

    }


    .tzir-estimate__form-heading {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            7px;

        margin-bottom:
            27px;

    }


    .tzir-estimate__form-heading > span {

        font-size:
            1.55rem;

    }


    .tzir-estimate-form {

        gap:
            20px;

    }


    .tzir-estimate-form__row {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }


    .tzir-field__control {

        min-height:
            56px;

    }


    .tzir-field input,
    .tzir-field select,
    .tzir-field textarea {

        /*
            Keep >=16px on mobile to prevent
            Safari automatic input zoom.
        */

        font-size:
            1rem;

    }


    .tzir-field input,
    .tzir-field select {

        min-height:
            54px;

    }


    .tzir-field__control--textarea {

        min-height:
            155px;

    }


    .tzir-field textarea {

        min-height:
            153px;

    }


    .tzir-estimate-form__footer {

        align-items:
            stretch;

        flex-direction:
            column;

        gap:
            20px;

    }


    .tzir-estimate-form__submit {

        width:
            100%;

        min-width:
            0;

    }


    .tzir-estimate__botanical {

        left:
            -55px;

        width:
            105px;

        height:
            150px;

    }

}









































/* =========================================================
   TZIR LANDSCAPING
   CONTACT.HTML
   05. WHAT HAPPENS NEXT
   ========================================================= */


/* =========================================================
   01. SECTION
   ========================================================= */

.tzir-next {

    position:
        relative;

    padding:
        clamp(105px, 9vw, 150px)
        0;

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        linear-gradient(
            145deg,
            #EEEAE1 0%,
            #F5F2EB 48%,
            #EAE6DC 100%
        );

}



/*
    Very subtle warm glow.
*/

.tzir-next::before {

    content:
        "";

    position:
        absolute;

    top:
        -220px;

    left:
        -160px;

    z-index:
        -3;

    width:
        540px;

    height:
        540px;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        rgba(
            95,
            119,
            40,
            0.055
        );

    filter:
        blur(55px);

}



/* =========================================================
   02. TOPOGRAPHY
   ========================================================= */

.tzir-next__topography {

    position:
        absolute;

    right:
        -180px;

    bottom:
        -90px;

    z-index:
        -2;

    width:
        720px;

    height:
        570px;

    pointer-events:
        none;

    opacity:
        0.45;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='570' viewBox='0 0 720 570'%3E%3Cg fill='none' stroke='%23273E0A' stroke-width='1'%3E%3Cpath opacity='.08' d='M-70 94C87 18 197 151 342 96S580 27 790 126'/%3E%3Cpath opacity='.055' d='M-68 132C96 54 213 192 360 136S601 72 794 167'/%3E%3Cpath opacity='.07' d='M-73 433C105 340 234 480 388 420S624 362 796 462'/%3E%3Cpath opacity='.05' d='M-70 474C114 381 251 524 409 462S645 410 799 505'/%3E%3C/g%3E%3C/svg%3E"
        );

    background-size:
        contain;

    background-repeat:
        no-repeat;

}



/* =========================================================
   03. BOTANICAL
   ========================================================= */

.tzir-next__botanical {

    position:
        absolute;

    left:
        -55px;

    bottom:
        5%;

    z-index:
        -1;

    width:
        155px;

    height:
        210px;

    pointer-events:
        none;

    color:
        var(--tzir-moss-700);

    opacity:
        0.075;

    transform:
        rotate(-11deg);

}


.tzir-next__botanical svg {

    width:
        100%;

    height:
        100%;

}



/* =========================================================
   04. CONTAINER
   ========================================================= */

.tzir-next__container {

    position:
        relative;

    z-index:
        2;

    width:
        min(
            calc(
                100% -
                (
                    var(--tzir-page-padding) *
                    2
                )
            ),
            var(--tzir-container)
        );

    margin-inline:
        auto;

}



/* =========================================================
   05. HEADER
   ========================================================= */

.tzir-next__header {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(300px, 0.62fr);

    align-items:
        end;

    gap:
        clamp(
            50px,
            8vw,
            120px
        );

    margin-bottom:
        clamp(
            62px,
            7vw,
            95px
        );

}



/* =========================================================
   06. EYEBROW
   ========================================================= */

.tzir-next__eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    margin-bottom:
        17px;

    color:
        var(--tzir-moss-700);

    font-size:
        0.7rem;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        0.2em;

    text-transform:
        uppercase;

}


.tzir-next__eyebrow::before {

    content:
        "";

    width:
        31px;

    height:
        1px;

    background:
        var(--tzir-leaf-600);

}



/* =========================================================
   07. TITLE
   ========================================================= */

.tzir-next__title {

    max-width:
        780px;

    margin:
        0;

    color:
        var(--tzir-bark-900);

    font-size:
        clamp(
            3.25rem,
            5vw,
            5.25rem
        );

    font-weight:
        600;

    line-height:
        0.94;

    letter-spacing:
        -0.05em;

}


.tzir-next__title em {

    display:
        block;

    color:
        var(--tzir-moss-700);

    font-style:
        normal;

}



/* =========================================================
   08. INTRO
   ========================================================= */

.tzir-next__intro {

    padding-bottom:
        4px;

}


.tzir-next__intro > p {

    max-width:
        480px;

    margin:
        0;

    color:
        var(--tzir-text-secondary);

    font-size:
        1rem;

    line-height:
        1.72;

}


.tzir-next__script {

    display:
        inline-flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    margin-top:
        18px;

    color:
        rgba(
            50,
            33,
            33,
            0.55
        );

    font-family:
        var(--tzir-font-script);

    font-size:
        1.3rem;

    line-height:
        1;

    transform:
        rotate(-3deg);

}


.tzir-next__script i {

    width:
        67px;

    height:
        2px;

    margin:
        7px
        0
        0
        30px;

    background:
        var(--tzir-leaf-600);

    transform:
        rotate(-4deg);

}



/* =========================================================
   09. PROCESS
   ========================================================= */

.tzir-next__process {

    position:
        relative;

    display:
        grid;

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

    gap:
        clamp(
            34px,
            5vw,
            80px
        );

    padding-top:
        72px;

}



/* =========================================================
   10. ORGANIC PATH
   ========================================================= */

.tzir-next__path {

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        128px;

    pointer-events:
        none;

}


.tzir-next__path svg {

    display:
        block;

    width:
        100%;

    height:
        100%;

    overflow:
        visible;

}


.tzir-next__path-base,
.tzir-next__path-progress {

    fill:
        none;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.tzir-next__path-base {

    stroke:
        rgba(
            50,
            33,
            33,
            0.11
        );

    stroke-width:
        1.5;

}


.tzir-next__path-progress {

    stroke:
        var(--tzir-leaf-600);

    stroke-width:
        2;

}



/* =========================================================
   11. STEP
   ========================================================= */

.tzir-next-step {

    position:
        relative;

    min-width:
        0;

}



/* =========================================================
   12. STEP MARKER
   ========================================================= */

.tzir-next-step__marker {

    position:
        relative;

    z-index:
        3;

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    margin-bottom:
        26px;

}


.tzir-next-step__marker > span {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        58px;

    height:
        58px;

    flex:
        0 0 auto;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.23
        );

    background:
        var(--tzir-forest-800);

    box-shadow:
        0 13px 28px
        rgba(
            23,
            37,
            7,
            0.13
        );

    color:
        #D6DFBE;

    font-size:
        0.67rem;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        0.14em;

    transition:
        transform
        450ms
        var(--tzir-ease-standard),

        background-color
        350ms
        ease;

}


.tzir-next-step__marker i {

    display:
        block;

    width:
        42px;

    height:
        1px;

    background:
        rgba(
            62,
            83,
            28,
            0.24
        );

}


.tzir-next-step:hover
.tzir-next-step__marker > span {

    background:
        var(--tzir-leaf-600);

    transform:
        translateY(-3px)
        rotate(-3deg);

}



/* =========================================================
   13. CONTENT
   ========================================================= */

.tzir-next-step__content {

    max-width:
        350px;

}


.tzir-next-step__label {

    display:
        block;

    margin-bottom:
        9px;

    color:
        var(--tzir-moss-700);

    font-size:
        0.61rem;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.tzir-next-step__content h3 {

    max-width:
        320px;

    margin:
        0;

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        clamp(
            1.8rem,
            2.3vw,
            2.45rem
        );

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        -0.035em;

}


.tzir-next-step__content p {

    max-width:
        330px;

    margin:
        15px
        0
        0;

    color:
        var(--tzir-text-secondary);

    font-size:
        0.9rem;

    line-height:
        1.68;

}



/* =========================================================
   14. FOOTER
   ========================================================= */

.tzir-next__footer {

    margin-top:
        clamp(
            70px,
            7vw,
            105px
        );

    padding:
        27px
        0
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        40px;

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.14
        );

}


.tzir-next__footer-copy {

    max-width:
        570px;

}


.tzir-next__footer-copy > span {

    display:
        block;

    margin-bottom:
        5px;

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        1.45rem;

    font-weight:
        600;

    line-height:
        1.1;

}


.tzir-next__footer-copy p {

    margin:
        0;

    color:
        var(--tzir-text-secondary);

    font-size:
        0.88rem;

    line-height:
        1.6;

}



/* =========================================================
   15. PHONE CTA
   ========================================================= */

.tzir-next__phone {

    display:
        grid;

    grid-template-columns:
        44px
        auto
        24px;

    align-items:
        center;

    gap:
        12px;

    min-height:
        64px;

    padding:
        9px
        14px
        9px
        9px;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.16
        );

    background:
        rgba(
            255,
            255,
            255,
            0.48
        );

    color:
        var(--tzir-bark-900);

    transition:
        border-color
        350ms
        ease,

        background-color
        350ms
        ease,

        transform
        450ms
        var(--tzir-ease-standard),

        box-shadow
        450ms
        var(--tzir-ease-standard);

}


.tzir-next__phone-icon {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        44px;

    height:
        44px;

    background:
        var(--tzir-forest-800);

    color:
        var(--tzir-white);

}


.tzir-next__phone-icon svg {

    width:
        20px;

    height:
        20px;

}


.tzir-next__phone-copy {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.tzir-next__phone-copy small {

    color:
        var(--tzir-text-muted);

    font-size:
        0.59rem;

    font-weight:
        700;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

}


.tzir-next__phone-copy strong {

    color:
        var(--tzir-bark-900);

    font-size:
        0.86rem;

    font-weight:
        700;

}


.tzir-next__phone-arrow {

    color:
        var(--tzir-moss-700);

    font-size:
        1rem;

    transition:
        transform
        420ms
        var(--tzir-ease-standard);

}


.tzir-next__phone:hover {

    border-color:
        rgba(
            62,
            83,
            28,
            0.3
        );

    background:
        var(--tzir-white);

    box-shadow:
        0 16px 34px
        rgba(
            23,
            37,
            7,
            0.09
        );

    transform:
        translateY(-3px);

}


.tzir-next__phone:hover
.tzir-next__phone-arrow {

    transform:
        translateX(4px);

}



/* =========================================================
   16. ACCESSIBILITY
   ========================================================= */

.tzir-next__phone:focus-visible {

    outline:
        2px solid
        var(--tzir-moss-700);

    outline-offset:
        4px;

}



/* =========================================================
   17. REDUCED MOTION
   ========================================================= */

html.tzir-reduced-motion
.tzir-next-step__marker > span,

html.tzir-reduced-motion
.tzir-next__phone,

html.tzir-reduced-motion
.tzir-next__phone-arrow {

    transition:
        none !important;

}



/* =========================================================
   18. COMPUTER
   >= 1200px
   ========================================================= */

@media (min-width: 1200px) {

    .tzir-next-step--two {

        padding-top:
            18px;

    }


    .tzir-next-step--three {

        padding-top:
            3px;

    }

}



/* =========================================================
   19. TABLET
   769px — 1199px
   ========================================================= */

@media
    (min-width: 769px)
    and
    (max-width: 1199px) {

    .tzir-next {

        padding:
            105px
            0;

    }


    .tzir-next__header {

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

        gap:
            45px;

    }


    .tzir-next__title {

        font-size:
            clamp(
                3rem,
                5.6vw,
                4.5rem
            );

    }


    .tzir-next__process {

        gap:
            35px;

    }


    .tzir-next-step__marker > span {

        width:
            54px;

        height:
            54px;

    }


    .tzir-next-step__content h3 {

        font-size:
            clamp(
                1.7rem,
                2.5vw,
                2.15rem
            );

    }


    .tzir-next__footer {

        gap:
            30px;

    }

}



/* =========================================================
   20. MOBILE
   481px — 768px
   ========================================================= */

@media
    (min-width: 481px)
    and
    (max-width: 768px) {

    .tzir-next {

        padding:
            86px
            0;

    }


    .tzir-next__header {

        grid-template-columns:
            1fr;

        gap:
            20px;

        margin-bottom:
            52px;

    }


    .tzir-next__title {

        max-width:
            640px;

        font-size:
            clamp(
                2.85rem,
                8vw,
                4rem
            );

    }


    .tzir-next__intro > p {

        max-width:
            590px;

        font-size:
            0.96rem;

    }


    .tzir-next__process {

        grid-template-columns:
            1fr;

        gap:
            0;

        padding-top:
            0;

        padding-left:
            34px;

    }


    .tzir-next__path {

        top:
            5px;

        left:
            0;

        width:
            1px;

        height:
            calc(100% - 20px);

        background:
            rgba(
                62,
                83,
                28,
                0.16
            );

    }


    .tzir-next__path svg {

        display:
            none;

    }


    .tzir-next-step {

        position:
            relative;

        padding:
            0
            0
            42px
            46px;

    }


    .tzir-next-step:last-child {

        padding-bottom:
            0;

    }


    .tzir-next-step::before {

        content:
            "";

        position:
            absolute;

        top:
            25px;

        left:
            -37px;

        width:
            38px;

        height:
            1px;

        background:
            rgba(
                62,
                83,
                28,
                0.22
            );

    }


    .tzir-next-step__marker {

        margin-bottom:
            18px;

    }


    .tzir-next-step__marker i {

        display:
            none;

    }


    .tzir-next-step__content {

        max-width:
            560px;

    }


    .tzir-next-step__content p {

        max-width:
            520px;

    }


    .tzir-next__footer {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            23px;

        margin-top:
            62px;

    }

}



/* =========================================================
   21. SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .tzir-next {

        padding:
            72px
            0;

    }


    .tzir-next__header {

        grid-template-columns:
            1fr;

        gap:
            17px;

        margin-bottom:
            43px;

    }


    .tzir-next__eyebrow {

        margin-bottom:
            12px;

        font-size:
            0.64rem;

    }


    .tzir-next__title {

        font-size:
            clamp(
                2.5rem,
                11vw,
                3.3rem
            );

    }


    .tzir-next__intro > p {

        font-size:
            0.92rem;

        line-height:
            1.64;

    }


    .tzir-next__script {

        font-size:
            1.1rem;

    }


    .tzir-next__process {

        grid-template-columns:
            1fr;

        gap:
            0;

        padding:
            0
            0
            0
            21px;

    }


    .tzir-next__path {

        top:
            4px;

        left:
            0;

        width:
            1px;

        height:
            calc(100% - 12px);

        background:
            rgba(
                62,
                83,
                28,
                0.16
            );

    }


    .tzir-next__path svg {

        display:
            none;

    }


    .tzir-next-step {

        padding:
            0
            0
            38px
            35px;

    }


    .tzir-next-step:last-child {

        padding-bottom:
            0;

    }


    .tzir-next-step::before {

        content:
            "";

        position:
            absolute;

        top:
            22px;

        left:
            -24px;

        width:
            27px;

        height:
            1px;

        background:
            rgba(
                62,
                83,
                28,
                0.22
            );

    }


    .tzir-next-step__marker {

        margin-bottom:
            15px;

    }


    .tzir-next-step__marker > span {

        width:
            48px;

        height:
            48px;

        font-size:
            0.61rem;

    }


    .tzir-next-step__marker i {

        display:
            none;

    }


    .tzir-next-step__content h3 {

        font-size:
            1.8rem;

    }


    .tzir-next-step__content p {

        margin-top:
            11px;

        font-size:
            0.86rem;

        line-height:
            1.6;

    }


    .tzir-next__footer {

        align-items:
            stretch;

        flex-direction:
            column;

        gap:
            20px;

        margin-top:
            52px;

        padding-top:
            24px;

    }


    .tzir-next__footer-copy > span {

        font-size:
            1.35rem;

    }


    .tzir-next__footer-copy p {

        font-size:
            0.86rem;

    }


    .tzir-next__phone {

        width:
            100%;

    }


    .tzir-next__botanical {

        left:
            -54px;

        width:
            100px;

        height:
            140px;

    }

}










































/* =========================================================
   TZIR LANDSCAPING
   CONTACT.HTML
   06. FAQ
   ========================================================= */


/* =========================================================
   01. SECTION
   ========================================================= */

.tzir-faq {

    position:
        relative;

    padding:
        clamp(105px, 9vw, 150px)
        0;

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        var(--tzir-ivory-50);

}



/* =========================================================
   02. BACKGROUND GLOW
   ========================================================= */

.tzir-faq::before {

    content:
        "";

    position:
        absolute;

    top:
        10%;

    right:
        -200px;

    z-index:
        -3;

    width:
        550px;

    height:
        550px;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        rgba(
            95,
            119,
            40,
            0.055
        );

    filter:
        blur(70px);

}



/* =========================================================
   03. TOPOGRAPHY
   ========================================================= */

.tzir-faq__topography {

    position:
        absolute;

    left:
        -190px;

    top:
        -80px;

    z-index:
        -2;

    width:
        720px;

    height:
        590px;

    pointer-events:
        none;

    opacity:
        0.45;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='590' viewBox='0 0 720 590'%3E%3Cg fill='none' stroke='%23273E0A' stroke-width='1'%3E%3Cpath opacity='.08' d='M-70 97C85 20 197 151 340 98S581 30 788 128'/%3E%3Cpath opacity='.055' d='M-70 137C95 59 211 191 359 137S602 77 791 170'/%3E%3Cpath opacity='.07' d='M-74 442C103 347 234 490 388 430S625 369 794 470'/%3E%3C/g%3E%3C/svg%3E"
        );

    background-size:
        contain;

    background-repeat:
        no-repeat;

}



/* =========================================================
   04. QUESTION MARK
   ========================================================= */

.tzir-faq__question-mark {

    position:
        absolute;

    top:
        5%;

    right:
        2%;

    z-index:
        -1;

    pointer-events:
        none;

    color:
        rgba(
            62,
            83,
            28,
            0.045
        );

    font-family:
        var(--tzir-font-display);

    font-size:
        clamp(
            15rem,
            28vw,
            28rem
        );

    font-weight:
        600;

    line-height:
        0.8;

    user-select:
        none;

}



/* =========================================================
   05. BOTANICAL
   ========================================================= */

.tzir-faq__botanical {

    position:
        absolute;

    left:
        -55px;

    bottom:
        3%;

    z-index:
        -1;

    width:
        150px;

    height:
        205px;

    pointer-events:
        none;

    color:
        var(--tzir-moss-700);

    opacity:
        0.07;

    transform:
        rotate(-12deg);

}


.tzir-faq__botanical svg {

    width:
        100%;

    height:
        100%;

}



/* =========================================================
   06. CONTAINER
   ========================================================= */

.tzir-faq__container {

    position:
        relative;

    z-index:
        2;

    width:
        min(
            calc(
                100% -
                (
                    var(--tzir-page-padding) *
                    2
                )
            ),
            var(--tzir-container)
        );

    margin-inline:
        auto;

}



/* =========================================================
   07. LAYOUT
   ========================================================= */

.tzir-faq__layout {

    display:
        grid;

    grid-template-columns:
        minmax(300px, 0.72fr)
        minmax(0, 1.28fr);

    align-items:
        start;

    gap:
        clamp(
            65px,
            9vw,
            135px
        );

}



/* =========================================================
   08. INTRO
   ========================================================= */

.tzir-faq__intro {

    min-width:
        0;

}


.tzir-faq__eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        11px;

    margin-bottom:
        18px;

    color:
        var(--tzir-moss-700);

    font-size:
        0.7rem;

    font-weight:
        700;

    line-height:
        1.3;

    letter-spacing:
        0.19em;

    text-transform:
        uppercase;

}


.tzir-faq__eyebrow::before {

    content:
        "";

    width:
        30px;

    height:
        1px;

    background:
        var(--tzir-leaf-600);

}



/* =========================================================
   09. TITLE
   ========================================================= */

.tzir-faq__title {

    max-width:
        570px;

    margin:
        0;

    color:
        var(--tzir-bark-900);

    font-size:
        clamp(
            3.25rem,
            4.8vw,
            5.1rem
        );

    font-weight:
        600;

    line-height:
        0.94;

    letter-spacing:
        -0.052em;

}


.tzir-faq__title em {

    display:
        block;

    color:
        var(--tzir-moss-700);

    font-style:
        normal;

}


.tzir-faq__description {

    max-width:
        485px;

    margin:
        25px
        0
        0;

    color:
        var(--tzir-text-secondary);

    font-size:
        0.98rem;

    line-height:
        1.72;

}



/* =========================================================
   10. SCRIPT NOTE
   ========================================================= */

.tzir-faq__script {

    display:
        inline-flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    margin-top:
        24px;

    color:
        rgba(
            50,
            33,
            33,
            0.53
        );

    font-family:
        var(--tzir-font-script);

    font-size:
        1.3rem;

    line-height:
        1;

    transform:
        rotate(-3deg);

}


.tzir-faq__script i {

    width:
        70px;

    height:
        2px;

    margin:
        8px
        0
        0
        32px;

    background:
        var(--tzir-leaf-600);

    transform:
        rotate(-5deg);

}



/* =========================================================
   11. CONTACT BLOCK
   ========================================================= */

.tzir-faq__contact {

    max-width:
        390px;

    margin-top:
        clamp(
            48px,
            5vw,
            70px
        );

    padding:
        25px;

    border:
        1px solid
        rgba(
            50,
            33,
            33,
            0.12
        );

    background:
        rgba(
            255,
            255,
            255,
            0.54
        );

    box-shadow:
        0 17px 40px
        rgba(
            23,
            37,
            7,
            0.06
        );

}


.tzir-faq__contact-label {

    display:
        block;

    margin-bottom:
        15px;

    color:
        var(--tzir-moss-700);

    font-size:
        0.6rem;

    font-weight:
        700;

    letter-spacing:
        0.17em;

    text-transform:
        uppercase;

}



/* =========================================================
   12. PHONE
   ========================================================= */

.tzir-faq__phone {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    color:
        var(--tzir-bark-900);

}


.tzir-faq__phone-icon {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        44px;

    height:
        44px;

    flex:
        0 0 auto;

    background:
        var(--tzir-forest-800);

    color:
        var(--tzir-white);

}


.tzir-faq__phone-icon svg {

    width:
        20px;

    height:
        20px;

}


.tzir-faq__phone > span:last-child {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.tzir-faq__phone small {

    color:
        var(--tzir-text-muted);

    font-size:
        0.59rem;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.tzir-faq__phone strong {

    color:
        var(--tzir-bark-900);

    font-size:
        0.88rem;

    font-weight:
        700;

}



/* =========================================================
   13. EMAIL
   ========================================================= */

.tzir-faq__email {

    display:
        block;

    max-width:
        100%;

    margin-top:
        15px;

    padding-top:
        14px;

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.12
        );

    color:
        var(--tzir-moss-700);

    font-size:
        0.78rem;

    font-weight:
        600;

    line-height:
        1.5;

    overflow-wrap:
        anywhere;

}



/* =========================================================
   14. ACCORDION
   ========================================================= */

.tzir-faq__accordion {

    min-width:
        0;

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.16
        );

}



/* =========================================================
   15. FAQ ITEM
   ========================================================= */

.tzir-faq-item {

    position:
        relative;

    border-bottom:
        1px solid
        rgba(
            50,
            33,
            33,
            0.15
        );

}


.tzir-faq-item::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        -1px;

    width:
        100%;

    height:
        2px;

    background:
        var(--tzir-leaf-600);

    transform:
        scaleX(0);

    transform-origin:
        right center;

    transition:
        transform
        500ms
        var(--tzir-ease-standard);

}


.tzir-faq-item.is-open::before {

    transform:
        scaleX(1);

    transform-origin:
        left center;

}



/* =========================================================
   16. HEADING
   ========================================================= */

.tzir-faq-item__heading {

    margin:
        0;

    font-size:
        inherit;

}



/* =========================================================
   17. BUTTON
   ========================================================= */

.tzir-faq-item__button {

    width:
        100%;

    min-height:
        108px;

    padding:
        27px
        4px;

    display:
        grid;

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

    align-items:
        center;

    gap:
        18px;

    border:
        0;

    background:
        transparent;

    color:
        var(--tzir-bark-900);

    text-align:
        left;

    cursor:
        pointer;

}


.tzir-faq-item__number {

    color:
        rgba(
            50,
            33,
            33,
            0.38
        );

    font-size:
        0.61rem;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    transition:
        color
        300ms
        ease;

}


.tzir-faq-item__question {

    max-width:
        630px;

    color:
        var(--tzir-bark-900);

    font-family:
        var(--tzir-font-display);

    font-size:
        clamp(
            1.55rem,
            2.05vw,
            2.15rem
        );

    font-weight:
        600;

    line-height:
        1.08;

    letter-spacing:
        -0.03em;

    transition:
        color
        300ms
        ease;

}


.tzir-faq-item.is-open
.tzir-faq-item__number {

    color:
        var(--tzir-leaf-600);

}


.tzir-faq-item.is-open
.tzir-faq-item__question {

    color:
        var(--tzir-forest-800);

}



/* =========================================================
   18. TOGGLE
   ========================================================= */

.tzir-faq-item__toggle {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        44px;

    height:
        44px;

    border:
        1px solid
        rgba(
            62,
            83,
            28,
            0.2
        );

    background:
        rgba(
            255,
            255,
            255,
            0.42
        );

    transition:
        background-color
        350ms
        ease,

        border-color
        350ms
        ease,

        transform
        450ms
        var(--tzir-ease-standard);

}


.tzir-faq-item__toggle i {

    position:
        absolute;

    width:
        14px;

    height:
        1.5px;

    background:
        var(--tzir-moss-700);

    transition:
        transform
        400ms
        var(--tzir-ease-standard),

        opacity
        300ms
        ease;

}


.tzir-faq-item__toggle i:last-child {

    transform:
        rotate(90deg);

}


.tzir-faq-item.is-open
.tzir-faq-item__toggle {

    border-color:
        var(--tzir-forest-800);

    background:
        var(--tzir-forest-800);

    transform:
        rotate(-2deg);

}


.tzir-faq-item.is-open
.tzir-faq-item__toggle i {

    background:
        var(--tzir-white);

}


.tzir-faq-item.is-open
.tzir-faq-item__toggle i:last-child {

    opacity:
        0;

    transform:
        rotate(0);

}



/* =========================================================
   19. HOVER
   ========================================================= */

.tzir-faq-item__button:hover
.tzir-faq-item__question {

    color:
        var(--tzir-moss-700);

}


.tzir-faq-item__button:hover
.tzir-faq-item__toggle {

    border-color:
        rgba(
            62,
            83,
            28,
            0.4
        );

}



/* =========================================================
   20. ANSWER

   Without JS all answers stay visible.

   Only when html.tzir-js exists do they become accordions.
   ========================================================= */

.tzir-faq-item__answer {

    display:
        grid;

    grid-template-rows:
        1fr;

}


html.tzir-js
.tzir-faq-item__answer {

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows
        520ms
        var(--tzir-ease-standard);

}


html.tzir-js
.tzir-faq-item.is-open
.tzir-faq-item__answer {

    grid-template-rows:
        1fr;

}


.tzir-faq-item__answer-inner {

    min-height:
        0;

    overflow:
        hidden;

}


.tzir-faq-item__answer-inner > p {

    max-width:
        700px;

    margin:
        0;

    padding:
        0
        68px
        27px
        60px;

    color:
        var(--tzir-text-secondary);

    font-size:
        0.91rem;

    line-height:
        1.72;

}


.tzir-faq-item__answer-inner p a {

    color:
        var(--tzir-moss-700);

    font-weight:
        700;

}



/* =========================================================
   21. INLINE LINK
   ========================================================= */

.tzir-faq-item__inline-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    margin:
        -10px
        0
        28px
        60px;

    color:
        var(--tzir-forest-800);

    font-size:
        0.67rem;

    font-weight:
        700;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

}


.tzir-faq-item__inline-link span {

    color:
        var(--tzir-leaf-600);

    transition:
        transform
        400ms
        var(--tzir-ease-standard);

}


.tzir-faq-item__inline-link:hover span {

    transform:
        translateX(4px);

}



/* =========================================================
   22. HOURS
   ========================================================= */

.tzir-faq-item__hours {

    max-width:
        590px;

    margin:
        0
        0
        28px
        60px;

    border-top:
        1px solid
        rgba(
            50,
            33,
            33,
            0.12
        );

}


.tzir-faq-item__hours > div {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    padding:
        13px
        0;

    border-bottom:
        1px solid
        rgba(
            50,
            33,
            33,
            0.12
        );

}


.tzir-faq-item__hours span {

    color:
        var(--tzir-text-secondary);

    font-size:
        0.81rem;

    font-weight:
        600;

}


.tzir-faq-item__hours strong {

    color:
        var(--tzir-forest-800);

    font-size:
        0.8rem;

    font-weight:
        700;

    white-space:
        nowrap;

}



/* =========================================================
   23. FOCUS
   ========================================================= */

.tzir-faq-item__button:focus-visible,
.tzir-faq__phone:focus-visible,
.tzir-faq__email:focus-visible,
.tzir-faq-item__inline-link:focus-visible {

    outline:
        2px solid
        var(--tzir-moss-700);

    outline-offset:
        4px;

}



/* =========================================================
   24. REDUCED MOTION
   ========================================================= */

html.tzir-reduced-motion
.tzir-faq-item__answer,
html.tzir-reduced-motion
.tzir-faq-item__toggle,
html.tzir-reduced-motion
.tzir-faq-item__toggle i,
html.tzir-reduced-motion
.tzir-faq-item::before,
html.tzir-reduced-motion
.tzir-faq-item__inline-link span {

    transition:
        none !important;

}



/* =========================================================
   25. COMPUTER
   >= 1200px
   ========================================================= */

@media (min-width: 1200px) {

    .tzir-faq__intro {

        padding-top:
            10px;

    }


    .tzir-faq-item__button {

        min-height:
            112px;

    }

}



/* =========================================================
   26. TABLET
   769px — 1199px
   ========================================================= */

@media
    (min-width: 769px)
    and
    (max-width: 1199px) {

    .tzir-faq {

        padding:
            105px
            0;

    }


    .tzir-faq__layout {

        grid-template-columns:
            minmax(270px, 0.65fr)
            minmax(0, 1.35fr);

        gap:
            55px;

    }


    .tzir-faq__title {

        font-size:
            clamp(
                3rem,
                5.4vw,
                4.3rem
            );

    }


    .tzir-faq-item__button {

        min-height:
            102px;

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

        gap:
            14px;

    }


    .tzir-faq-item__question {

        font-size:
            clamp(
                1.45rem,
                2.4vw,
                1.95rem
            );

    }


    .tzir-faq-item__answer-inner > p {

        padding-left:
            50px;

        padding-right:
            50px;

    }


    .tzir-faq-item__inline-link,
    .tzir-faq-item__hours {

        margin-left:
            50px;

    }

}



/* =========================================================
   27. MOBILE
   481px — 768px
   ========================================================= */

@media
    (min-width: 481px)
    and
    (max-width: 768px) {

    .tzir-faq {

        padding:
            86px
            0;

    }


    .tzir-faq__layout {

        grid-template-columns:
            1fr;

        gap:
            58px;

    }


    .tzir-faq__title {

        max-width:
            620px;

        font-size:
            clamp(
                2.85rem,
                8vw,
                4rem
            );

    }


    .tzir-faq__description {

        max-width:
            570px;

    }


    .tzir-faq__contact {

        max-width:
            520px;

        margin-top:
            38px;

    }


    .tzir-faq-item__button {

        min-height:
            98px;

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

        gap:
            12px;

        padding:
            22px
            2px;

    }


    .tzir-faq-item__question {

        font-size:
            clamp(
                1.45rem,
                4vw,
                1.9rem
            );

    }


    .tzir-faq-item__toggle {

        width:
            40px;

        height:
            40px;

    }


    .tzir-faq-item__answer-inner > p {

        padding:
            0
            48px
            24px
            46px;

        font-size:
            0.88rem;

    }


    .tzir-faq-item__inline-link {

        margin-left:
            46px;

    }


    .tzir-faq-item__hours {

        margin-left:
            46px;

        margin-right:
            48px;

    }

}



/* =========================================================
   28. SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .tzir-faq {

        padding:
            72px
            0;

    }


    .tzir-faq__layout {

        grid-template-columns:
            1fr;

        gap:
            46px;

    }


    .tzir-faq__eyebrow {

        margin-bottom:
            12px;

        font-size:
            0.63rem;

    }


    .tzir-faq__title {

        font-size:
            clamp(
                2.5rem,
                11vw,
                3.3rem
            );

    }


    .tzir-faq__description {

        margin-top:
            18px;

        font-size:
            0.91rem;

        line-height:
            1.62;

    }


    .tzir-faq__script {

        margin-top:
            18px;

        font-size:
            1.08rem;

    }


    .tzir-faq__contact {

        margin-top:
            32px;

        padding:
            20px;

    }


    .tzir-faq-item__button {

        min-height:
            88px;

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

        gap:
            12px;

        padding:
            20px
            0;

    }


    .tzir-faq-item__number {

        display:
            none;

    }


    .tzir-faq-item__question {

        font-size:
            1.52rem;

        line-height:
            1.08;

    }


    .tzir-faq-item__toggle {

        width:
            38px;

        height:
            38px;

    }


    .tzir-faq-item__answer-inner > p {

        padding:
            0
            45px
            22px
            0;

        font-size:
            0.85rem;

        line-height:
            1.62;

    }


    .tzir-faq-item__inline-link {

        margin:
            -7px
            0
            23px;

        font-size:
            0.63rem;

    }


    .tzir-faq-item__hours {

        max-width:
            none;

        margin:
            0
            0
            24px;

    }


    .tzir-faq-item__hours > div {

        gap:
            15px;

    }


    .tzir-faq-item__hours span {

        font-size:
            0.76rem;

    }


    .tzir-faq-item__hours strong {

        font-size:
            0.74rem;

    }


    .tzir-faq__question-mark {

        top:
            3%;

        right:
            -12%;

        font-size:
            14rem;

    }


    .tzir-faq__botanical {

        left:
            -55px;

        width:
            95px;

        height:
            135px;

    }

}