/* ==========================================================
   REDSPY FAQ PAGE
   PROJECT FALCON PREMIUM
========================================================== */
/* ==========================================================
   REDSPY FAQ PAGE
   PREMIUM HEADER + SCROLLING RIBBON + HERO
   ========================================================== */


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

:root {

    --redspy-black: #090708;
    --redspy-burgundy: #17090d;
    --redspy-maroon: #3a0d16;

    --redspy-gold: #c8a24d;
    --redspy-gold-light: #e0bd67;

    --redspy-white: #ffffff;
    --redspy-text: #5e6268;

}


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

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {

    margin: 0;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    color: #222;

    background: #ffffff;

}


/* ==========================================================
   TOP SCROLLING RIBBON
   ========================================================== */

.redspy-top-ribbon {

    width: 100%;

    height: 34px;

    overflow: hidden;

    position: relative;

    z-index: 1000;

    background:
        linear-gradient(
            90deg,
            #080708,
            #1b090d,
            #080708
        );

    border-bottom:
        1px solid
        rgba(200,162,77,.35);

}


.redspy-ribbon-track {

    display: flex;

    align-items: center;

    width: max-content;

    height: 100%;

    white-space: nowrap;

    animation:
        redspyRibbonScroll
        55s
        linear
        infinite;

}


.redspy-ribbon-track span {

    display: inline-block;

    margin:
        0 18px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 2px;

    color:
        var(--redspy-gold);

}


.redspy-ribbon-track b {

    color:
        var(--redspy-gold-light);

    font-size: 9px;

}


@keyframes redspyRibbonScroll {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}


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

.redspy-header {

    position: sticky;

    top: 0;

    z-index: 999;

    width: 100%;

    background:
        linear-gradient(
            110deg,
            #080708 0%,
            #16090d 48%,
            #090708 100%
        );

    border-bottom:
        1px solid
        rgba(200,162,77,.75);

    box-shadow:
        0 8px 30px
        rgba(0,0,0,.22);

}


.redspy-header-inner {

    width: min(
        1300px,
        calc(100% - 60px)
    );

    min-height: 108px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}


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

.redspy-logo {

    display: flex;

    align-items: center;

    flex-shrink: 0;

}


.redspy-logo img {

    display: block;

    width: 145px;

    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 5px 12px
            rgba(0,0,0,.45)
        );

}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.redspy-navigation {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 42px;

    margin-left: auto;

}


.redspy-navigation a {

    position: relative;

    padding:
        10px 0;

    text-decoration: none;

    text-transform: none;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    color:
        rgba(255,255,255,.92);

    transition:
        color .3s ease;

}


.redspy-navigation a::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--redspy-gold),
            var(--redspy-gold-light)
        );

    transition:
        width .3s ease;

}


.redspy-navigation a:hover {

    color:
        var(--redspy-gold-light);

}


.redspy-navigation a:hover::after {

    width: 100%;

}


/* FAQ page active navigation */

.redspy-navigation a[href="faq.html"] {

    color:
        var(--redspy-gold-light);

}


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

.redspy-consultation {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-width: 225px;

    padding:
        17px 25px;

    border-radius: 40px;

    background:
        linear-gradient(
            135deg,
            #c8a24d,
            #e0bd67
        );

    color:
        #100c08;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    box-shadow:
        0 8px 25px
        rgba(200,162,77,.18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.redspy-consultation i {

    font-size: 14px;

}


.redspy-consultation:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 13px 30px
        rgba(200,162,77,.32);

}


/* ==========================================================
   MOBILE MENU BUTTON
   ========================================================== */

.redspy-menu-toggle {

    display: none;

    width: 44px;

    height: 44px;

    border: 1px solid
        rgba(200,162,77,.45);

    border-radius: 8px;

    background: transparent;

    color:
        var(--redspy-gold);

    font-size: 18px;

    cursor: pointer;

}


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

.faq-hero {

    position: relative;

    min-height: 455px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 50% 35%,
            rgba(112,20,34,.45),
            transparent 55%
        ),

        linear-gradient(
            135deg,
            #080708 0%,
            #18090e 50%,
            #090708 100%
        );

}


/* Subtle premium geometry */

.faq-hero::before {

    content: "";

    position: absolute;

    width: 560px;

    height: 560px;

    border:
        1px solid
        rgba(200,162,77,.10);

    transform:
        rotate(45deg);

    opacity: .7;

}


.faq-hero::after {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    right: -120px;

    bottom: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(200,162,77,.15),
            transparent 70%
        );

}


.faq-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.12),
            rgba(0,0,0,.35)
        );

}


.faq-hero-content {

    position: relative;

    z-index: 2;

    width:
        min(
            900px,
            calc(100% - 40px)
        );

    text-align: center;

    padding:
        70px 0;

}


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

.faq-hero-tag {

    display: inline-block;

    margin-bottom: 18px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 4px;

    color:
        var(--redspy-gold-light);

}


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

.faq-hero h1 {

    margin: 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            58px,
            8vw,
            94px
        );

    line-height: .92;

    font-weight: 700;

    letter-spacing: -1px;

    color:
        #ffffff;

}


.faq-hero h1 span {

    display: block;

    color:
        var(--redspy-gold);

}


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

.faq-hero-accent {

    width: 82px;

    height: 3px;

    margin:
        25px auto 22px;

    background:
        linear-gradient(
            90deg,
            #8f1024,
            #c8a24d
        );

    box-shadow:
        0 0 18px
        rgba(200,162,77,.22);

}


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

.faq-hero p {

    max-width: 680px;

    margin:
        0 auto;

    font-size: 15px;

    line-height: 1.8;

    color:
        rgba(255,255,255,.72);

}


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

@media (max-width: 1050px) {

    .redspy-header-inner {

        width:
            min(
                100% - 40px,
                1200px
            );

    }

    .redspy-navigation {

        gap: 25px;

    }

    .redspy-navigation a {

        font-size: 13px;

    }

    .redspy-consultation {

        min-width: 190px;

        padding:
            15px 18px;

        font-size: 13px;

    }

}


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

@media (max-width: 800px) {

    .redspy-header-inner {

        min-height: 82px;

        width:
            calc(100% - 30px);

    }


    .redspy-logo img {

        width: 112px;

    }


    .redspy-navigation {

        display: none;

    }


    .redspy-consultation {

        display: none;

    }


    .redspy-menu-toggle {

        display: flex;

        align-items: center;

        justify-content: center;

        margin-left: auto;

    }


    .faq-hero {

        min-height: 410px;

    }


    .faq-hero-content {

        padding:
            55px 0;

    }


    .faq-hero h1 {

        font-size:
            clamp(
                48px,
                14vw,
                72px
            );

    }


    .faq-hero-tag {

        font-size: 9px;

        letter-spacing: 3px;

    }


    .faq-hero p {

        font-size: 13px;

        padding:
            0 12px;

    }

}


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

@media (max-width: 480px) {

    .redspy-top-ribbon {

        height: 30px;

    }


    .redspy-ribbon-track span {

        font-size: 8px;

        letter-spacing: 1.5px;

        margin:
            0 12px;

    }


    .redspy-header-inner {

        min-height: 72px;

    }


    .redspy-logo img {

        width: 98px;

    }


    .faq-hero {

        min-height: 370px;

    }


    .faq-hero h1 {

        font-size: 48px;

    }


    .faq-hero-accent {

        width: 65px;

    }

}

/* ==========================================================
   PAGE
========================================================== */

.faq-page {

    background:
        #ffffff;

    color:
        #151515;

}


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

.faq-hero {

    position: relative;

    overflow: hidden;

    padding:
        105px 0 95px;

    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(200,162,77,.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(112,20,34,.16),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #080606 0%,
            #17090d 50%,
            #090606 100%
        );

    border-bottom:
        1px solid rgba(200,162,77,.30);

}


/* Decorative circles */

.faq-hero-orb {

    position: absolute;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    pointer-events: none;

}


.faq-orb-left {

    left: -230px;
    top: -180px;

    background:
        radial-gradient(
            circle,
            rgba(200,162,77,.18),
            transparent 70%
        );

}


.faq-orb-right {

    right: -220px;
    bottom: -200px;

    background:
        radial-gradient(
            circle,
            rgba(143,16,36,.22),
            transparent 70%
        );

}


/* Hero content */

.faq-hero-content {

    position: relative;

    z-index: 2;

    max-width:
        850px;

    margin:
        0 auto;

    text-align:
        center;

}


.faq-eyebrow {

    display:
        inline-block;

    margin-bottom:
        16px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        4px;

    color:
        #c8a24d;

}


.faq-hero h1 {

    margin:
        0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(50px, 6vw, 76px);

    line-height:
        .98;

    font-weight:
        700;

    color:
        #ffffff;

}


.faq-hero h1 span {

    display:
        block;

    color:
        #c8a24d;

}


.faq-hero-line {

    width:
        75px;

    height:
        3px;

    margin:
        25px auto;

    background:
        linear-gradient(
            90deg,
            #8f1024,
            #c8a24d
        );

}


.faq-hero p {

    max-width:
        700px;

    margin:
        0 auto;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        15px;

    line-height:
        1.8;

    color:
        rgba(255,255,255,.67);

}


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

.faq-intro {

    padding:
        65px 0 30px;

}


.faq-intro-box {

    display:
        grid;

    grid-template-columns:
        75px 1fr;

    gap:
        25px;

    align-items:
        center;

    max-width:
        950px;

    margin:
        0 auto;

    padding:
        30px 35px;

    background:
        linear-gradient(
            135deg,
            #fbfaf7,
            #ffffff
        );

    border:
        1px solid rgba(200,162,77,.20);

    border-left:
        4px solid #c8a24d;

    border-radius:
        14px;

    box-shadow:
        0 12px 35px rgba(0,0,0,.05);

}


.faq-intro-icon {

    width:
        62px;

    height:
        62px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        linear-gradient(
            145deg,
            #1c080d,
            #3a1018
        );

    border:
        1px solid rgba(200,162,77,.45);

    color:
        #c8a24d;

    font-size:
        23px;

}


.faq-intro-tag {

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        3px;

    color:
        #b8872f;

}


.faq-intro h2 {

    margin:
        5px 0 8px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        30px;

    line-height:
        1.05;

}


.faq-intro p {

    max-width:
        800px;

    margin:
        0;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.75;

    color:
        #686c72;

}


/* ==========================================================
   FAQ CONTENT
========================================================== */

.faq-content {

    padding:
        30px 0 100px;

}


/* ==========================================================
   CATEGORY
========================================================== */

.faq-category {

    max-width:
        1000px;

    margin:
        0 auto 70px;

}


.faq-category-heading {

    display:
        flex;

    align-items:
        center;

    gap:
        20px;

    margin-bottom:
        25px;

}


.faq-category-heading > span {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        48px;

    height:
        48px;

    flex:
        0 0 48px;

    border-radius:
        50%;

    background:
        #18080d;

    border:
        1px solid rgba(200,162,77,.45);

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        1px;

    color:
        #c8a24d;

}


.faq-category-heading small {

    display:
        block;

    margin-bottom:
        3px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        3px;

    color:
        #b8872f;

}


.faq-category-heading h2 {

    margin:
        0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        34px;

    line-height:
        1;

    font-weight:
        700;

    color:
        #171717;

}


/* ==========================================================
   FAQ ITEM
========================================================== */

.faq-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

}


.faq-item {

    position:
        relative;

    overflow:
        hidden;

    background:
        #ffffff;

    border:
        1px solid #e8e5df;

    border-radius:
        13px;

    box-shadow:
        0 5px 20px rgba(0,0,0,.035);

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;

}


.faq-item:hover {

    border-color:
        rgba(200,162,77,.45);

    box-shadow:
        0 10px 28px rgba(0,0,0,.07);

}


.faq-item.active {

    border-color:
        rgba(200,162,77,.55);

    box-shadow:
        0 12px 32px rgba(0,0,0,.08);

}


/* ==========================================================
   QUESTION
========================================================== */

.faq-question {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        23px 25px;

    border:
        0;

    background:
        transparent;

    cursor:
        pointer;

    text-align:
        left;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    color:
        #171717;

}


.faq-question i {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    flex:
        0 0 28px;

    border-radius:
        50%;

    background:
        #f7f1e7;

    color:
        #b8872f;

    font-size:
        11px;

    transition:
        transform .3s ease,
        background .3s ease;

}


.faq-item.active .faq-question i {

    transform:
        rotate(45deg);

    background:
        #1b080d;

    color:
        #c8a24d;

}


/* ==========================================================
   ANSWER
========================================================== */

.faq-answer {

    display:
        grid;

    grid-template-rows:
        0fr;

    transition:
        grid-template-rows .35s ease;

}


.faq-answer p {

    overflow:
        hidden;

    margin:
        0;

    padding:
        0 25px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.8;

    color:
        #686c72;

}


.faq-item.active .faq-answer {

    grid-template-rows:
        1fr;

}


.faq-item.active .faq-answer p {

    padding:
        0 25px 24px;

}


/* ==========================================================
   CTA
========================================================== */

.faq-cta {

    position:
        relative;

    overflow:
        hidden;

    max-width:
        1000px;

    margin:
        20px auto 0;

    padding:
        60px 55px;

    text-align:
        center;

    background:
        radial-gradient(
            circle at 20% 30%,
            rgba(200,162,77,.12),
            transparent 35%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(143,16,36,.20),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #100608,
            #1d090e,
            #0a0607
        );

    border:
        1px solid rgba(200,162,77,.35);

    border-radius:
        18px;

    box-shadow:
        0 22px 55px rgba(0,0,0,.14);

}


.faq-cta::before {

    content:
        "";

    position:
        absolute;

    inset:
        14px;

    border:
        1px solid rgba(200,162,77,.08);

    pointer-events:
        none;

}


.faq-cta-content {

    position:
        relative;

    z-index:
        2;

}


.faq-cta-tag {

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        3.5px;

    color:
        #c8a24d;

}


.faq-cta h2 {

    margin:
        10px 0 12px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        43px;

    line-height:
        1;

    color:
        #ffffff;

}


.faq-cta p {

    max-width:
        650px;

    margin:
        0 auto 27px;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.75;

    color:
        rgba(255,255,255,.62);

}


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

.faq-cta-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    padding:
        15px 28px;

    border-radius:
        40px;

    background:
        linear-gradient(
            135deg,
            #c8a24d,
            #e0bd65
        );

    color:
        #12090b;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    text-decoration:
        none;

    box-shadow:
        0 10px 28px rgba(200,162,77,.20);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.faq-cta-button:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 35px rgba(200,162,77,.32);

}


.faq-cta-button i {

    transition:
        transform .3s ease;

}


.faq-cta-button:hover i {

    transform:
        translateX(4px);

}


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

@media (max-width: 800px) {

    .faq-hero {

        padding:
            85px 0 80px;

    }

    .faq-category {

        margin-bottom:
            55px;

    }

    .faq-category-heading h2 {

        font-size:
            30px;

    }

}


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

@media (max-width: 600px) {

    .faq-hero {

        padding:
            70px 0 65px;

    }

    .faq-hero h1 {

        font-size:
            48px;

    }

    .faq-hero p {

        padding:
            0 12px;

        font-size:
            13px;

    }


    .faq-intro {

        padding:
            45px 0 20px;

    }


    .faq-intro-box {

        grid-template-columns:
            1fr;

        text-align:
            center;

        padding:
            28px 23px;

    }


    .faq-intro-icon {

        margin:
            0 auto;

    }


    .faq-intro h2 {

        font-size:
            28px;

    }


    .faq-content {

        padding:
            20px 0 70px;

    }


    .faq-category-heading {

        align-items:
            flex-start;

        gap:
            14px;

    }


    .faq-category-heading > span {

        width:
            40px;

        height:
            40px;

        flex-basis:
            40px;

        font-size:
            10px;

    }


    .faq-category-heading h2 {

        font-size:
            27px;

    }


    .faq-question {

        padding:
            20px 18px;

        font-size:
            13px;

    }


    .faq-answer p {

        padding-left:
            18px;

        padding-right:
            18px;

        font-size:
            12.5px;

    }


    .faq-item.active .faq-answer p {

        padding:
            0 18px 20px;

    }


    .faq-cta {

        padding:
            48px 23px;

    }


    .faq-cta h2 {

        font-size:
            35px;

    }

}


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

@media (max-width: 380px) {

    .faq-hero h1 {

        font-size:
            42px;

    }

    .faq-category-heading h2 {

        font-size:
            24px;

    }

    .faq-question {

        font-size:
            12px;

    }

}

/* ==========================================================
   REDSPY PREMIUM FOOTER
   ========================================================== */

.redspy-footer {

    position: relative;

    background:
        linear-gradient(
            135deg,
            #080708 0%,
            #17090d 48%,
            #090708 100%
        );

    color: #ffffff;

    border-top:
        1px solid
        rgba(200,162,77,.55);

}


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

.redspy-footer-main {

    padding:
        72px 0 58px;

}


.redspy-footer-grid {

    width:
        min(
            1300px,
            calc(100% - 60px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.35fr
        1fr
        1fr
        1.25fr;

    gap: 55px;

}


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

.footer-logo {

    display: inline-block;

    margin-bottom: 18px;

}


.footer-logo img {

    width: 145px;

    height: auto;

    display: block;

    filter:
        drop-shadow(
            0 6px 14px
            rgba(0,0,0,.45)
        );

}


.footer-brand-text {

    max-width: 340px;

    margin: 0 0 20px;

    font-size: 13px;

    line-height: 1.8;

    color:
        rgba(255,255,255,.62);

}


.footer-tagline {

    margin: 0;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;

    color:
        #c8a24d;

}


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

.redspy-footer-column h3 {

    margin:
        4px 0 22px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 25px;

    font-weight: 700;

    color:
        #ffffff;

}


.redspy-footer-column h3::after {

    content: "";

    display: block;

    width: 38px;

    height: 2px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #8f1024,
            #c8a24d
        );

}


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

.redspy-footer-column > a {

    display: block;

    width: fit-content;

    margin-bottom: 12px;

    color:
        rgba(255,255,255,.62);

    text-decoration: none;

    font-size: 13px;

    transition:
        color .25s ease,
        transform .25s ease;

}


.redspy-footer-column > a:hover {

    color:
        #e0bd67;

    transform:
        translateX(4px);

}


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

.redspy-footer-contact > p {

    max-width: 300px;

    margin:
        0 0 20px;

    font-size: 13px;

    line-height: 1.7;

    color:
        rgba(255,255,255,.62);

}


.footer-consultation-btn {

    display: inline-flex !important;

    align-items: center;

    gap: 10px;

    padding:
        13px 20px;

    margin-bottom: 25px !important;

    border:
        1px solid
        rgba(200,162,77,.6);

    border-radius: 30px;

    background:
        rgba(200,162,77,.08);

    color:
        #e0bd67 !important;

    font-weight: 600;

}


.footer-consultation-btn:hover {

    background:
        #c8a24d;

    color:
        #100c08 !important;

    transform:
        translateY(-2px) !important;

}


.footer-contact-item {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 13px;

    color:
        rgba(255,255,255,.65);

    font-size: 12px;

}


.footer-contact-item i {

    width: 28px;

    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(200,162,77,.35);

    border-radius: 50%;

    color:
        #c8a24d;

    font-size: 11px;

}


/* ==========================================================
   DIVIDER
   ========================================================== */

.redspy-footer-divider {

    width:
        min(
            1300px,
            calc(100% - 60px)
        );

    height: 1px;

    margin: 0 auto;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(200,162,77,.55),
            transparent
        );

}


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

.redspy-footer-bottom {

    padding:
        22px 0;

}


.footer-bottom-inner {

    width:
        min(
            1300px,
            calc(100% - 60px)
        );

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.footer-bottom-inner p {

    margin: 0;

    font-size: 11px;

    color:
        rgba(255,255,255,.45);

}


.footer-bottom-links {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 11px;

}


.footer-bottom-links a {

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

    text-decoration: none;

    transition:
        color .25s ease;

}


.footer-bottom-links a:hover {

    color:
        #e0bd67;

}


.footer-bottom-links span {

    color:
        rgba(200,162,77,.5);

}


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

@media (max-width: 1000px) {

    .redspy-footer-grid {

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

        gap: 45px;

    }

}


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

@media (max-width: 650px) {

    .redspy-footer-main {

        padding:
            55px 0 45px;

    }

    .redspy-footer-grid {

        width:
            calc(100% - 40px);

        grid-template-columns: 1fr;

        gap: 38px;

    }

    .footer-logo img {

        width: 125px;

    }

    .footer-bottom-inner {

        width:
            calc(100% - 40px);

        flex-direction: column;

        text-align: center;

    }

}

/* =========================================
   FAQ FOOTER PHONE & EMAIL LINKS
   ========================================= */

.footer-contact-item a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

.footer-contact-item a:hover {
    color: #d4af37 !important;
    text-decoration: none !important;
}