






/* ============================================================
   ROOT
============================================================ */

#srbPremiumFooter,
#srbPremiumFooter * {

    box-sizing:
        border-box;

}


#srbPremiumFooter {

    --srb-black:
        #151310;

    --srb-black-soft:
        #211d18;

    --srb-ivory:
        #f8f5ef;

    --srb-ivory-soft:
        #eee8df;

    --srb-gold:
        #c8a46a;

    --srb-gold-dark:
        #98703e;

    --srb-line-dark:
        rgba(
            255,
            255,
            255,
            .075
        );


    position:
        relative;


    width:
        100%;


    margin-top:
        70px;


    overflow:
        hidden;


    background:
        #151310;


    color:
        #fff;


    font-family:
        inherit;


    -webkit-font-smoothing:
        antialiased;

}



/* ============================================================
   TRUST STRIP
============================================================ */

.srb-ft-trust {

    position:
        relative;


    display:
        grid;


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


    border-bottom:
        1px solid
        var(
            --srb-line-dark
        );


    background:

        radial-gradient(

            circle
            at
            100%
            0%,

            rgba(
                200,
                164,
                106,
                .08
            ),

            transparent
            25%

        ),

        linear-gradient(

            145deg,

            #211d18,

            #12100e

        );

}



.srb-ft-trust-item {

    min-height:
        150px;


    padding:
        30px
        31px;


    display:
        grid;


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


    align-items:
        center;


    gap:
        18px;


    border-right:

        1px solid
        var(
            --srb-line-dark
        );

}



.srb-ft-trust-item:last-child {

    border-right:
        0;

}



.srb-ft-trust-icon {

    width:
        54px;

    height:
        54px;


    display:
        flex;


    align-items:
        center;

    justify-content:
        center;


    border:

        1px solid

        rgba(
            200,
            164,
            106,
            .16
        );


    border-radius:
        16px;


    background:

        rgba(
            200,
            164,
            106,
            .075
        );

}



.srb-ft-trust-icon svg {

    width:
        25px;

    height:
        25px;


    fill:
        none;


    stroke:
        var(
            --srb-gold
        );


    stroke-width:
        1.5;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;

}



.srb-ft-trust-copy small {

    display:
        block;


    margin-bottom:
        8px;


    color:
        var(
            --srb-gold
        );


    font-size:
        11px;


    line-height:
        1.3;


    font-weight:
        700;


    letter-spacing:
        .14em;

}



.srb-ft-trust-copy strong {

    display:
        block;


    color:
        #fff;


    font-size:
        21px;


    line-height:
        1.28;


    font-weight:
        570;

}



.srb-ft-trust-copy span {

    display:
        block;


    margin-top:
        7px;


    color:

        rgba(
            255,
            255,
            255,
            .58
        );


    font-size:
        14px;


    line-height:
        1.55;

}



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

.srb-ft-main {

    position:
        relative;


    max-width:
        1800px;


    margin:
        0 auto;


    padding:

        clamp(
            55px,
            5vw,
            85px
        )

        clamp(
            32px,
            4.2vw,
            78px
        )

        50px;


    display:
        grid;


    grid-template-columns:

        minmax(
            340px,
            1.35fr
        )

        minmax(
            190px,
            .62fr
        )

        minmax(
            210px,
            .72fr
        )

        minmax(
            360px,
            1.1fr
        );


    gap:

        clamp(
            42px,
            4vw,
            80px
        );

}



.srb-ft-main::before {

    content:
        "";


    position:
        absolute;


    width:
        600px;

    height:
        600px;


    right:
        -360px;

    top:
        -330px;


    border-radius:
        50%;


    border:

        1px solid

        rgba(
            200,
            164,
            106,
            .07
        );


    box-shadow:

        0 0 0 90px

        rgba(
            200,
            164,
            106,
            .012
        ),

        0 0 0 180px

        rgba(
            200,
            164,
            106,
            .005
        );


    pointer-events:
        none;

}



.srb-ft-brand,
.srb-ft-column,
.srb-ft-contact {

    position:
        relative;


    z-index:
        2;

}



/* ============================================================
   LOGO
============================================================ */

.srb-ft-logo {

    min-height:
        72px;


    display:
        flex;


    align-items:
        center;

}



.srb-ft-logo a {

    display:
        inline-flex;


    align-items:
        center;


    margin:
        0;


    text-decoration:
        none !important;

}



.srb-ft-logo img {

    display:
        block;


    width:
        auto;


    max-width:
        240px;


    max-height:
        74px;


    object-fit:
        contain;

}



.srb-ft-logo-fallback {

    display:
        inline-flex;


    align-items:
        center;


    gap:
        14px;


    color:
        #fff !important;


    font-size:
        36px;


    font-weight:
        650;


    letter-spacing:
        -.035em;


    text-decoration:
        none !important;

}



.srb-ft-logo-fallback i {

    width:
        48px;

    height:
        48px;


    display:
        block;


    border:

        1px solid
        var(
            --srb-gold
        );


    border-radius:
        14px;


    background:

        rgba(
            200,
            164,
            106,
            .09
        );

}



/* ============================================================
   BRAND
============================================================ */

.srb-ft-brand-kicker {

    margin-top:
        28px;


    display:
        flex;


    align-items:
        center;


    gap:
        12px;


    color:

        var(
            --srb-gold
        );


    font-size:
        11px;


    line-height:
        1.3;


    font-weight:
        700;


    letter-spacing:
        .16em;

}



.srb-ft-brand-kicker::before {

    content:
        "";


    width:
        34px;


    height:
        1px;


    background:
        currentColor;

}



.srb-ft-brand h2 {

    max-width:
        590px;


    margin:
        19px
        0
        0 !important;


    color:
        #fff !important;


    font-size:

        clamp(
            45px,
            3.5vw,
            64px
        ) !important;


    line-height:
        1.04 !important;


    font-weight:
        500 !important;


    letter-spacing:
        -.052em !important;

}



.srb-ft-brand h2 span {

    display:
        block;


    color:

        rgba(
            255,
            255,
            255,
            .48
        );


    font-weight:
        280;

}



.srb-ft-brand > p {

    max-width:
        620px;


    margin:
        23px
        0
        0 !important;


    color:

        rgba(
            255,
            255,
            255,
            .66
        ) !important;


    font-size:
        16px;


    line-height:
        1.8;

}



/* ============================================================
   SOCIALS
============================================================ */

.srb-ft-socials {

    margin-top:
        30px;


    display:
        flex;


    flex-wrap:
        wrap;


    gap:
        9px;

}



.srb-ft-social {

    width:
        48px;

    height:
        48px;


    display:
        flex;


    align-items:
        center;


    justify-content:
        center;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            .08
        );


    border-radius:
        14px;


    background:

        rgba(
            255,
            255,
            255,
            .025
        );


    color:
        #fff !important;


    text-decoration:
        none !important;


    transition:

        transform
        .3s
        ease,

        background
        .3s
        ease,

        border-color
        .3s
        ease;

}



.srb-ft-social:hover {

    transform:
        translateY(
            -3px
        );


    background:

        rgba(
            200,
            164,
            106,
            .10
        );


    border-color:

        rgba(
            200,
            164,
            106,
            .22
        );

}



.srb-ft-social svg {

    width:
        21px;

    height:
        21px;


    fill:
        none;


    stroke:
        var(
            --srb-gold
        );


    stroke-width:
        1.55;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;

}



/* ============================================================
   MENU COLUMNS
============================================================ */

.srb-ft-column-label {

    margin-bottom:
        15px;


    color:

        var(
            --srb-gold
        );


    font-size:
        11px;


    line-height:
        1.3;


    font-weight:
        700;


    letter-spacing:
        .15em;

}



.srb-ft-column h3 {

    margin:

        0
        0
        27px !important;


    color:
        #fff !important;


    font-size:
        27px !important;


    line-height:
        1.25 !important;


    font-weight:
        570 !important;

}



.srb-ft-menu {

    margin:
        0;


    padding:
        0;


    list-style:
        none;

}



.srb-ft-menu li {

    margin-bottom:
        17px;

}



.srb-ft-menu a {

    position:
        relative;


    display:
        inline-block;


    padding:
        2px
        0;


    color:

        rgba(
            255,
            255,
            255,
            .64
        ) !important;


    font-size:
        16px;


    line-height:
        1.55;


    font-weight:
        420;


    text-decoration:
        none !important;


    transition:

        color
        .25s
        ease,

        transform
        .25s
        ease;

}



.srb-ft-menu a::after {

    content:
        "";


    position:
        absolute;


    left:
        0;


    bottom:
        -3px;


    width:
        0;


    height:
        1px;


    background:
        var(
            --srb-gold
        );


    transition:

        width
        .28s
        ease;

}



.srb-ft-menu a:hover {

    color:
        #fff !important;


    transform:

        translateX(
            4px
        );

}



.srb-ft-menu a:hover::after {

    width:
        100%;

}



/* ============================================================
   CONTACT CARD
============================================================ */

.srb-ft-contact {

    min-height:
        400px;


    padding:
        31px;


    display:
        flex;


    flex-direction:
        column;


    overflow:
        hidden;


    border:

        1px solid

        rgba(
            200,
            164,
            106,
            .13
        );


    border-radius:
        27px;


    background:

        radial-gradient(

            circle
            at
            100%
            0%,

            rgba(
                200,
                164,
                106,
                .17
            ),

            transparent
            38%

        ),

        rgba(
            255,
            255,
            255,
            .035
        );

}



.srb-ft-contact::before {

    content:
        "";


    position:
        absolute;


    width:
        280px;


    height:
        280px;


    right:
        -140px;


    top:
        -150px;


    border-radius:
        50%;


    border:

        1px solid

        rgba(
            200,
            164,
            106,
            .08
        );


    box-shadow:

        0 0 0 45px

        rgba(
            200,
            164,
            106,
            .012
        ),

        0 0 0 90px

        rgba(
            200,
            164,
            106,
            .005
        );

}



.srb-ft-contact-index {

    position:
        relative;


    z-index:
        2;


    color:

        rgba(
            255,
            255,
            255,
            .32
        );


    font-size:
        11px;


    font-weight:
        700;


    letter-spacing:
        .08em;

}



.srb-ft-contact > small {

    position:
        relative;


    z-index:
        2;


    display:
        block;


    margin-top:
        auto;


    color:

        var(
            --srb-gold
        );


    font-size:
        11px;


    line-height:
        1.3;


    font-weight:
        700;


    letter-spacing:
        .15em;

}



.srb-ft-contact h3 {

    position:
        relative;


    z-index:
        2;


    max-width:
        400px;


    margin:
        12px
        0
        0 !important;


    color:
        #fff !important;


    font-size:

        clamp(
            31px,
            2.4vw,
            42px
        ) !important;


    line-height:
        1.1 !important;


    font-weight:
        520 !important;


    letter-spacing:
        -.04em !important;

}



.srb-ft-contact > p {

    position:
        relative;


    z-index:
        2;


    margin:
        15px
        0
        0 !important;


    color:

        rgba(
            255,
            255,
            255,
            .62
        ) !important;


    font-size:
        15px;


    line-height:
        1.7;

}



/* ============================================================
   CONTACT LINKS
============================================================ */

.srb-ft-contact-links {

    position:
        relative;


    z-index:
        2;


    margin-top:
        24px;


    display:
        grid;


    gap:
        9px;

}



.srb-ft-contact-link {

    min-height:
        63px;


    padding:
        10px
        13px;


    display:
        grid;


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


    align-items:
        center;


    gap:
        12px;


    border:

        1px solid

        rgba(
            255,
            255,
            255,
            .07
        );


    border-radius:
        15px;


    background:

        rgba(
            255,
            255,
            255,
            .03
        );


    color:
        #fff !important;


    text-decoration:
        none !important;


    transition:

        background
        .25s
        ease,

        border-color
        .25s
        ease,

        transform
        .25s
        ease;

}



.srb-ft-contact-link:hover {

    transform:
        translateX(
            2px
        );


    background:

        rgba(
            255,
            255,
            255,
            .05
        );


    border-color:

        rgba(
            200,
            164,
            106,
            .16
        );

}



.srb-ft-contact-link-icon {

    width:
        42px;


    height:
        42px;


    display:
        flex;


    align-items:
        center;


    justify-content:
        center;


    border-radius:
        12px;


    background:

        rgba(
            200,
            164,
            106,
            .09
        );

}



.srb-ft-contact-link svg {

    width:
        19px;


    height:
        19px;


    fill:
        none;


    stroke:

        var(
            --srb-gold
        );


    stroke-width:
        1.55;


    stroke-linecap:
        round;


    stroke-linejoin:
        round;

}



.srb-ft-contact-link span {

    overflow:
        hidden;


    color:

        rgba(
            255,
            255,
            255,
            .78
        );


    font-size:
        15px;


    line-height:
        1.45;


    white-space:
        nowrap;


    text-overflow:
        ellipsis;

}



/* ============================================================
   PARTNERS
============================================================ */

.srb-ft-partners {

    max-width:
        1800px;


    min-height:
        96px;


    margin:
        0 auto;


    padding:

        0

        clamp(
            32px,
            4.2vw,
            78px
        );


    display:
        grid;


    grid-template-columns:

        220px

        minmax(
            0,
            1fr
        );


    align-items:
        center;


    border-top:

        1px solid

        var(
            --srb-line-dark
        );

}



.srb-ft-partners-label {

    display:
        flex;


    align-items:
        center;


    gap:
        12px;


    color:

        rgba(
            255,
            255,
            255,
            .43
        );


    font-size:
        11px;


    line-height:
        1.3;


    font-weight:
        700;


    letter-spacing:
        .15em;

}



.srb-ft-partners-label::before {

    content:
        "";


    width:
        32px;


    height:
        1px;


    background:

        var(
            --srb-gold
        );

}



.srb-ft-partner-list {

    display:
        flex;


    align-items:
        center;


    justify-content:
        flex-end;


    flex-wrap:
        wrap;


    gap:

        14px
        30px;

}



.srb-ft-partner-list span {

    color:

        rgba(
            255,
            255,
            255,
            .58
        );


    font-size:
        15px;


    line-height:
        1.4;


    font-weight:
        600;


    letter-spacing:
        .07em;

}



.srb-ft-partner-list i {

    width:
        5px;


    height:
        5px;


    border-radius:
        50%;


    background:

        var(
            --srb-gold
        );


    opacity:
        .7;

}



/* ============================================================
   BOTTOM
============================================================ */

.srb-ft-bottom {

    border-top:

        1px solid

        var(
            --srb-line-dark
        );


    background:
        #100f0d;

}



.srb-ft-bottom-inner {

    max-width:
        1800px;


    min-height:
        90px;


    margin:
        0 auto;


    padding:

        0

        clamp(
            32px,
            4.2vw,
            78px
        );


    display:
        flex;


    align-items:
        center;


    justify-content:
        space-between;


    gap:
        30px;

}



.srb-ft-copyright {

    color:

        rgba(
            255,
            255,
            255,
            .50
        );


    font-size:
        13px;


    line-height:
        1.6;

}



.srb-ft-copyright strong {

    color:

        rgba(
            255,
            255,
            255,
            .82
        );


    font-weight:
        600;

}



.srb-ft-bottom-links {

    display:
        flex;


    align-items:
        center;


    justify-content:
        flex-end;


    flex-wrap:
        wrap;


    gap:

        14px
        24px;

}



.srb-ft-bottom-links a {

    color:

        rgba(
            255,
            255,
            255,
            .50
        ) !important;


    font-size:
        13px;


    line-height:
        1.5;


    text-decoration:
        none !important;


    transition:

        color
        .25s
        ease;

}



.srb-ft-bottom-links a:hover {

    color:

        var(
            --srb-gold
        ) !important;

}



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

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


    .srb-ft-trust {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .srb-ft-trust-item:nth-child(2) {

        border-right:
            0;

    }


    .srb-ft-main {

        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .srb-ft-brand h2 {

        font-size:
            49px !important;

    }


    .srb-ft-contact {

        min-height:
            360px;

    }

}



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

@media
(max-width:767px) {


    #srbPremiumFooter {

        margin-top:
            45px;

    }



    .srb-ft-trust {

        display:
            flex;


        flex-wrap:
            nowrap;


        overflow-x:
            auto;


        scroll-snap-type:
            x mandatory;


        scrollbar-width:
            none;


        -webkit-overflow-scrolling:
            touch;

    }


    .srb-ft-trust::-webkit-scrollbar {

        display:
            none;

    }


    .srb-ft-trust-item {

        flex:
            0 0 85%;


        min-width:
            85%;


        min-height:
            120px;


        padding:
            20px
            18px;


        grid-template-columns:

            44px

            minmax(
                0,
                1fr
            );


        gap:
            13px;


        scroll-snap-align:
            start;

    }


    .srb-ft-trust-icon {

        width:
            44px;


        height:
            44px;


        border-radius:
            13px;

    }


    .srb-ft-trust-icon svg {

        width:
            21px;


        height:
            21px;

    }


    .srb-ft-trust-copy small {

        font-size:
            9px;

    }


    .srb-ft-trust-copy strong {

        font-size:
            17px;

    }


    .srb-ft-trust-copy span {

        font-size:
            12px;

    }



    .srb-ft-main {

        padding:

            38px
            18px
            30px;


        display:
            grid;


        grid-template-columns:

            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );


        gap:

            36px
            20px;

    }


    .srb-ft-brand {

        grid-column:
            1 / -1;

    }


    .srb-ft-logo img {

        max-width:
            180px;


        max-height:
            62px;

    }


    .srb-ft-logo-fallback {

        font-size:
            29px;

    }


    .srb-ft-brand-kicker {

        margin-top:
            21px;


        font-size:
            9px;

    }


    .srb-ft-brand h2 {

        max-width:
            390px;


        font-size:

            clamp(
                36px,
                10vw,
                46px
            ) !important;


        line-height:
            1.08 !important;

    }


    .srb-ft-brand > p {

        max-width:
            410px;


        font-size:
            14px;


        line-height:
            1.75;

    }


    .srb-ft-social {

        width:
            44px;


        height:
            44px;

    }



    .srb-ft-column-label {

        font-size:
            9px;

    }


    .srb-ft-column h3 {

        font-size:
            22px !important;


        margin-bottom:
            21px !important;

    }


    .srb-ft-menu li {

        margin-bottom:
            14px;

    }


    .srb-ft-menu a {

        font-size:
            14px;


        line-height:
            1.55;

    }



    .srb-ft-contact {

        grid-column:
            1 / -1;


        min-height:
            340px;


        padding:
            23px;


        border-radius:
            21px;

    }


    .srb-ft-contact-index,
    .srb-ft-contact > small {

        font-size:
            9px;

    }


    .srb-ft-contact h3 {

        font-size:
            32px !important;


        line-height:
            1.12 !important;

    }


    .srb-ft-contact > p {

        font-size:
            13.5px;

    }


    .srb-ft-contact-link {

        min-height:
            58px;

    }


    .srb-ft-contact-link span {

        font-size:
            13px;

    }



    .srb-ft-partners {

        min-height:
            0;


        padding:
            22px
            18px;


        display:
            block;

    }


    .srb-ft-partners-label {

        font-size:
            9px;

    }


    .srb-ft-partner-list {

        margin-top:
            20px;


        justify-content:
            flex-start;


        gap:

            13px
            18px;

    }


    .srb-ft-partner-list span {

        font-size:
            12px;

    }



    .srb-ft-bottom-inner {

        min-height:
            0;


        padding:
            20px
            18px;


        display:
            grid;


        grid-template-columns:
            1fr;


        gap:
            13px;

    }


    .srb-ft-copyright {

        font-size:
            11px;

    }


    .srb-ft-bottom-links {

        justify-content:
            flex-start;


        gap:

            10px
            16px;

    }


    .srb-ft-bottom-links a {

        font-size:
            11px;

    }

}



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

@media
(max-width:390px) {


    .srb-ft-main {

        grid-template-columns:
            1fr;

    }


    .srb-ft-brand,
    .srb-ft-contact {

        grid-column:
            auto;

    }


    .srb-ft-trust-item {

        flex-basis:
            89%;


        min-width:
            89%;

    }

}



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

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


    #srbPremiumFooter *,
    #srbPremiumFooter *::before,
    #srbPremiumFooter *::after {

        transition:
            none !important;


        animation:
            none !important;

    }

}

