/* =========================================================
   CONTACT PAGE — FELIX BADGES
   CONTACT PAGE ONLY
========================================================= */


/* HERO BADGE — CONTACT US */

body.page-id-1467 .page-hero .hero-badge{


    display:inline-flex;

    align-items:center;

    justify-content:center;


    width:fit-content;

    max-width:100%;


    padding:12px 22px;


    border-radius:999px;


    background:rgba(0,212,255,.08);


    border:1px solid rgba(0,212,255,.55);


    color:#00D4FF;


    font-size:13px;

    font-weight:700;


    text-transform:uppercase;

    letter-spacing:.14em;


    line-height:1;

    white-space:nowrap;


    box-shadow:

        0 0 18px rgba(0,212,255,.35),

        0 0 34px rgba(0,212,255,.18),

        inset 0 0 18px rgba(0,212,255,.05);


    margin-bottom:22px;

}




/* =========================================================
   LET'S CONNECT BADGE
========================================================= */

body.page-id-1467 .contact-content > .section-badge{


    display:inline-flex;

    align-items:center;

    justify-content:center;


    width:fit-content;

    max-width:100%;


    padding:12px 22px;


    border-radius:999px;


    background:rgba(0,212,255,.08);


    border:1px solid rgba(0,212,255,.55);


    color:#00D4FF;


    font-size:13px;

    font-weight:700;


    text-transform:uppercase;

    letter-spacing:.14em;


    line-height:1;

    white-space:nowrap;


    box-shadow:

        0 0 18px rgba(0,212,255,.35),

        0 0 34px rgba(0,212,255,.18),

        inset 0 0 18px rgba(0,212,255,.05);


    margin-bottom:24px;

}




/* =========================================================
   SECTION TITLE BADGES
   OUR LOCATION / OUR EXPERTISE / FAQ
========================================================= */

body.page-id-1467 .map-section .section-title > span,

body.page-id-1467 .contact-services-section .section-title > span,

body.page-id-1467 .faq-section .section-title > span{


    display:inline-flex;

    align-items:center;

    justify-content:center;


    width:fit-content;

    max-width:100%;


    padding:12px 22px;


    border-radius:999px;


    background:rgba(0,212,255,.08);


    border:1px solid rgba(0,212,255,.55);


    color:#00D4FF;


    font-size:13px;

    font-weight:700;


    text-transform:uppercase;

    letter-spacing:.14em;


    line-height:1;

    white-space:nowrap;


    box-shadow:

        0 0 18px rgba(0,212,255,.35),

        0 0 34px rgba(0,212,255,.18),

        inset 0 0 18px rgba(0,212,255,.05);


    margin-bottom:24px;

}

/* =========================================================
   CONTACT PAGE — STRONG BADGE GLOW
========================================================= */

body.page-id-1467 .hero-badge,
body.page-id-1467 .section-badge,
body.page-id-1467 .map-section .section-title > span,
body.page-id-1467 .contact-services-section .section-title > span,
body.page-id-1467 .faq-section .section-title > span{

    box-shadow:

        0 0 12px rgba(0,212,255,.65),

        0 0 26px rgba(0,212,255,.48),

        0 0 46px rgba(0,212,255,.28),

        inset 0 0 18px rgba(0,212,255,.08);

}

/* =========================================================
   CONTACT PAGE — HERO + LET'S CONNECT BADGE GLOW FIX
========================================================= */

body.page-id-1467 .page-hero .hero-badge,
body.page-id-1467 .contact-content > .section-badge{

    box-shadow:

        0 0 12px rgba(0,212,255,.65),

        0 0 26px rgba(0,212,255,.48),

        0 0 46px rgba(0,212,255,.28),

        inset 0 0 18px rgba(0,212,255,.08) !important;

}

/* =========================================
   CONTACT MOBILE — HERO CONTENT SHIFT UP
========================================= */

@media (max-width: 767px) {

    body.page-id-1467 .page-hero-content {
        transform: translateY(-180px) !important;
    }

}

/* =========================================
   CONTACT MOBILE — CROP HERO BOTTOM
========================================= */

@media (max-width: 767px) {

    body.page-id-1467 .page-hero {
        min-height: 760px !important;
        height: 960px !important;
        overflow: hidden !important;
    }

}

/* =========================================
   CONTACT MOBILE — REDUCE HERO TO CONTACT GAP
========================================= */

@media (max-width: 767px) {

    body.page-id-1467 .contact-section {
        margin-top: -180px !important;
        position: relative !important;
        z-index: 2 !important;
    }

}

/* =========================================
   CONTACT PAGE — RESTORE BADGE CYAN TEXT
   DESKTOP + MOBILE
========================================= */

body.page-id-1467 .map-section .section-title > span,
body.page-id-1467 .contact-services-section .section-title > span,
body.page-id-1467 .faq-section .section-title > span {
    background: none !important;
    background-image: none !important;

    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;

    -webkit-text-fill-color: #00D4FF !important;
    color: #00D4FF !important;
}