.elementor-5853 .elementor-element.elementor-element-d95d41e{--display:flex;}.elementor-5853 .elementor-element.elementor-element-1bde56c{--display:flex;}.elementor-5853 .elementor-element.elementor-element-68bb363{--display:flex;}.elementor-5853 .elementor-element.elementor-element-68bb363.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1500px) and (min-width:768px){.elementor-5853 .elementor-element.elementor-element-68bb363{--width:1215px;}}/* Start custom CSS for html, class: .elementor-element-edb82d9 *//* ============================================================
   JLT CUSTOMER PORTAL — PART 1
   FINAL TYPOGRAPHY OVERRIDE
   WHITE / BOLD / COMPACT
   ============================================================ */


/* ============================================================
   1. FORCE ALL PORTAL TEXT WHITE
   ============================================================ */

body .elementor .jlt-customer-portal,
body .elementor .jlt-customer-portal div,
body .elementor .jlt-customer-portal section,
body .elementor .jlt-customer-portal article,
body .elementor .jlt-customer-portal p,
body .elementor .jlt-customer-portal span,
body .elementor .jlt-customer-portal small,
body .elementor .jlt-customer-portal strong,
body .elementor .jlt-customer-portal b,
body .elementor .jlt-customer-portal li,
body .elementor .jlt-customer-portal h1,
body .elementor .jlt-customer-portal h2,
body .elementor .jlt-customer-portal h3,
body .elementor .jlt-customer-portal h4 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ============================================================
   2. REMOVE ELEMENTOR TYPOGRAPHY INTERFERENCE
   ============================================================ */

body .elementor .jlt-customer-portal h1,
body .elementor .jlt-customer-portal h2,
body .elementor .jlt-customer-portal h3,
body .elementor .jlt-customer-portal p,
body .elementor .jlt-customer-portal span,
body .elementor .jlt-customer-portal strong,
body .elementor .jlt-customer-portal small,
body .elementor .jlt-customer-portal li,
body .elementor .jlt-customer-portal a {
    font-family: inherit !important;
    text-transform: none;
}


/* ============================================================
   3. MAIN HERO
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-hero {
    max-width: 900px !important;
    margin-bottom: 48px !important;
}


body .elementor .jlt-customer-portal .jlt-customer-hero h1 {
    max-width: 850px !important;

    margin:
        14px 0 15px 0 !important;

    padding: 0 !important;

    font-size:
        clamp(32px, 4vw, 50px) !important;

    font-weight: 900 !important;

    line-height: 1.04 !important;

    letter-spacing:
        -0.035em !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    text-shadow: none !important;
}


body .elementor .jlt-customer-portal .jlt-customer-hero h1 span {
    display: block !important;

    font-size: inherit !important;

    font-weight: 900 !important;

    line-height: inherit !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* HERO PARAGRAPH */

body .elementor .jlt-customer-portal .jlt-customer-hero > p {
    max-width: 760px !important;

    margin:
        0 0 20px 0 !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    line-height: 1.65 !important;

    letter-spacing: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    opacity: .92 !important;
}


/* ============================================================
   4. CUSTOMER COMMAND CENTER LABEL
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-label {
    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    padding:
        7px 11px !important;

    margin: 0 !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    border-radius:
        999px !important;

    background:
        rgba(255,255,255,.07) !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 9px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing:
        .14em !important;

    text-transform:
        uppercase !important;
}


/* ============================================================
   5. BRAND
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-brand-text span {
    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1.3 !important;

    letter-spacing:
        .12em !important;

    color:
        rgba(255,255,255,.75) !important;

    -webkit-text-fill-color:
        rgba(255,255,255,.75) !important;
}


body .elementor .jlt-customer-portal .jlt-customer-brand-text strong {
    font-size: 15px !important;

    font-weight: 900 !important;

    line-height: 1.2 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* ============================================================
   6. STATUS PILLS
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-status span {
    padding:
        7px 10px !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;

    background:
        rgba(255,255,255,.05) !important;

    border:
        1px solid rgba(255,255,255,.10) !important;
}


/* ============================================================
   7. SECTION HEADINGS
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-section-title {
    max-width: 780px !important;

    margin-bottom:
        22px !important;
}


body .elementor .jlt-customer-portal .jlt-customer-section-title > span {
    display: inline-flex !important;

    width: auto !important;

    padding:
        6px 10px !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    background:
        rgba(255,255,255,.07) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:
        999px !important;

    font-size: 8px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing:
        .14em !important;

    text-transform:
        uppercase !important;
}


body .elementor .jlt-customer-portal .jlt-customer-section-title h2 {
    max-width: 720px !important;

    margin:
        11px 0 8px 0 !important;

    padding: 0 !important;

    font-size:
        clamp(24px, 3vw, 36px) !important;

    font-weight: 900 !important;

    line-height: 1.07 !important;

    letter-spacing:
        -0.025em !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


body .elementor .jlt-customer-portal .jlt-customer-section-title h2 strong {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-weight: 900 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-section-title p {
    max-width: 720px !important;

    margin: 0 !important;

    padding: 0 !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.65 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    opacity: .88 !important;
}


/* ============================================================
   8. HOW IT WORKS CARDS
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-step {
    padding: 21px !important;
}


body .elementor .jlt-customer-portal .jlt-customer-step h3 {
    margin:
        0 0 8px 0 !important;

    padding: 0 !important;

    font-size: 15px !important;

    font-weight: 900 !important;

    line-height: 1.25 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


body .elementor .jlt-customer-portal .jlt-customer-step p {
    margin:
        0 0 15px 0 !important;

    padding: 0 !important;

    font-size: 11px !important;

    font-weight: 650 !important;

    line-height: 1.6 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    opacity: .86 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-step a {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 10px !important;

    font-weight: 900 !important;

    line-height: 1.3 !important;

    text-decoration: none !important;
}


body .elementor .jlt-customer-portal .jlt-customer-step-number {
    font-size: 24px !important;

    font-weight: 900 !important;

    color:
        rgba(255,255,255,.16) !important;

    -webkit-text-fill-color:
        rgba(255,255,255,.16) !important;
}


/* ============================================================
   9. QUICK ACCESS CENTER
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-quick-card strong {
    margin:
        0 0 2px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 12px !important;

    font-weight: 900 !important;

    line-height: 1.25 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-quick-card small {
    margin: 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 9px !important;

    font-weight: 650 !important;

    line-height: 1.45 !important;

    opacity: .78 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-quick-arrow {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 14px !important;

    font-weight: 900 !important;
}


/* ============================================================
   10. PRODUCTS / SERVICES / SOLUTIONS
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-guide-card > span {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 8px !important;

    font-weight: 900 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-guide-card h3 {
    margin:
        0 0 8px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 15px !important;

    font-weight: 900 !important;

    line-height: 1.25 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-guide-card p {
    margin:
        0 0 14px 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 11px !important;

    font-weight: 650 !important;

    line-height: 1.6 !important;

    opacity: .84 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-guide-card li {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1.45 !important;
}


/* ============================================================
   11. SUPPORT SECTION
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-support-copy > span {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 8px !important;

    font-weight: 900 !important;

    letter-spacing:
        .13em !important;
}


body .elementor .jlt-customer-portal .jlt-customer-support-copy h2 {
    margin:
        5px 0 7px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size:
        clamp(20px, 2.3vw, 28px) !important;

    font-weight: 900 !important;

    line-height: 1.1 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-support-copy p {
    margin:
        0 0 12px 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 11px !important;

    font-weight: 650 !important;

    line-height: 1.6 !important;

    opacity: .85 !important;
}


/* CONTACT DETAILS */

body .elementor .jlt-customer-portal .jlt-customer-contact small {
    color:
        rgba(255,255,255,.68) !important;

    -webkit-text-fill-color:
        rgba(255,255,255,.68) !important;

    font-size: 7px !important;

    font-weight: 900 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-contact strong {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 10px !important;

    font-weight: 900 !important;
}


/* ============================================================
   12. CRM PREVIEW
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-crm-preview span {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 8px !important;

    font-weight: 900 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-crm-preview h2 {
    margin:
        6px 0 7px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size:
        clamp(20px, 2.5vw, 28px) !important;

    font-weight: 900 !important;

    line-height: 1.1 !important;
}


body .elementor .jlt-customer-portal .jlt-customer-crm-preview p {
    margin: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    font-size: 11px !important;

    font-weight: 650 !important;

    line-height: 1.6 !important;

    opacity: .84 !important;
}


/* ============================================================
   13. ALIGNMENT
   ============================================================ */

body .elementor .jlt-customer-portal .jlt-customer-hero,
body .elementor .jlt-customer-portal .jlt-customer-section-title,
body .elementor .jlt-customer-portal .jlt-customer-step,
body .elementor .jlt-customer-portal .jlt-customer-guide-card,
body .elementor .jlt-customer-portal .jlt-customer-support-copy,
body .elementor .jlt-customer-portal .jlt-customer-crm-preview {
    text-align: left !important;
}


/* ============================================================
   14. DON'T MAKE LINKS BLUE
   ============================================================ */

body .elementor .jlt-customer-portal a,
body .elementor .jlt-customer-portal a:visited,
body .elementor .jlt-customer-portal a:hover,
body .elementor .jlt-customer-portal a:focus {
    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


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

@media screen and (max-width: 1024px) {

    body .elementor .jlt-customer-portal .jlt-customer-hero h1 {
        font-size: 38px !important;
    }

    body .elementor .jlt-customer-portal .jlt-customer-section-title h2 {
        font-size: 30px !important;
    }
}


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

@media screen and (max-width: 700px) {

    body .elementor .jlt-customer-portal .jlt-customer-hero h1 {
        font-size: 30px !important;

        line-height: 1.08 !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-hero > p {
        font-size: 12px !important;

        font-weight: 650 !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-section-title h2 {
        font-size: 24px !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-section-title p {
        font-size: 11px !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-step h3 {
        font-size: 14px !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-step p {
        font-size: 11px !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-guide-card h3 {
        font-size: 14px !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-support-copy h2 {
        font-size: 22px !important;
    }


    body .elementor .jlt-customer-portal .jlt-customer-crm-preview h2 {
        font-size: 22px !important;
    }
}/* End custom CSS */