:root{
    --jt-blue:#0000CC;
    --jt-red:#FE2D2B;
    --jt-nav:#3A4260;
    --jt-heading:#171B35;
    --jt-body:#5B6479;
    --jt-line:#E4E7EE;
    --jt-soft:#F7F8FC;
}

.jt-shell-container{
    width:min(1220px,calc(100% - 40px));
    margin-inline:auto;
}

/* TOP BAR */

.jt-topbar{
    color:#fff;
    background:#0000CC;
    font-size:12px;
    font-weight:700;
}

.jt-topbar .jt-shell-container{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.jt-topbar a{
    color:#fff!important;
    text-decoration:none;
}

/* HEADER */

.jt-header{
    position:relative;
    z-index:999;
    border-bottom:1px solid #E4E7EE;
    background:#fff;
}

.jt-header-inner{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.jt-brand{
    flex:0 0 auto;
}

.jt-brand img,
.jt-brand .custom-logo{
    width:auto;
    max-width:195px;
    max-height:54px;
    display:block;
}

.jt-main-nav{
    display:flex;
    align-items:center;
    gap:25px;
}

.jt-main-nav>a{
    position:relative;
    color:#3A4260!important;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.jt-main-nav>a:not(.jt-header-cta):after{
    content:"";
    position:absolute;
    left:0;
    bottom:-9px;
    width:0;
    height:2px;
    background:#0000CC;
    transition:width .18s ease;
}

.jt-main-nav>a:not(.jt-header-cta):hover{
    color:#0000CC!important;
}

.jt-main-nav>a:not(.jt-header-cta):hover:after{
    width:100%;
}

.jt-login-link{
    margin-left:5px;
}

.jt-header-cta{
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 19px;
    border-radius:9px;
    color:#fff!important;
    background:#FE2D2B;
    box-shadow:0 9px 20px rgba(254,45,43,.17);
}

.jt-header-cta:hover{
    color:#fff!important;
    background:#E82523;
}

/* MOBILE TOGGLE */

.jt-mobile-toggle{
    width:42px;
    height:42px;
    display:none;
    padding:10px;
    border:1px solid #E4E7EE;
    border-radius:9px;
    background:#fff;
    cursor:pointer;
}

.jt-mobile-toggle span{
    width:100%;
    height:2px;
    display:block;
    margin:4px 0;
    background:#171B35;
}

/* FOOTER */

.jt-footer{
    padding-top:72px;
    color:#C8CCDA;
    border-top:4px solid #0000CC;
    background:#11152F;
}

.jt-footer-grid{
    display:grid;
    grid-template-columns:1.65fr repeat(4,1fr);
    gap:45px;
    padding-bottom:60px;
}

.jt-footer h4{
    margin:0 0 19px;
    color:#fff!important;
    font-size:14px;
}

.jt-footer-grid>div:not(.jt-footer-brand)>a{
    display:block;
    margin:10px 0;
    color:#C8CCDA!important;
    font-size:13px;
    text-decoration:none;
}

.jt-footer-grid>div:not(.jt-footer-brand)>a:hover{
    color:#fff!important;
}

.jt-footer-logo{
    display:inline-block;
    margin-bottom:18px;
    color:#fff!important;
    font-family:"Sora",sans-serif;
    font-size:22px;
    font-weight:800;
    text-decoration:none;
}

.jt-footer-brand p{
    max-width:310px;
    color:#AEB4C7!important;
    font-size:13px;
    line-height:1.8;
}

.jt-footer-address{
    margin-top:20px!important;
}

.jt-footer-brand>a:not(.jt-footer-logo){
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.jt-footer-bottom{
    min-height:68px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#939AAD;
    font-size:11px;
}

/* MOBILE */

@media(max-width:1050px){

    .jt-mobile-toggle{
        display:block;
    }

    .jt-main-nav{
        position:absolute;
        top:100%;
        left:20px;
        right:20px;
        display:none;
        padding:20px;
        border:1px solid #E4E7EE;
        border-radius:14px;
        background:#fff;
        box-shadow:0 25px 60px rgba(23,27,53,.14);
    }

    .jt-main-nav.jt-nav-open{
        display:grid;
        gap:0;
    }

    .jt-main-nav>a{
        padding:13px 4px;
        border-bottom:1px solid #EEF0F4;
    }

    .jt-main-nav>a:after{
        display:none;
    }

    .jt-main-nav .jt-header-cta{
        margin-top:12px;
        border-bottom:0;
    }

    .jt-footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .jt-footer-brand{
        grid-column:1/-1;
    }
}

@media(max-width:650px){

    .jt-shell-container{
        width:calc(100% - 28px);
    }

    .jt-topbar .jt-shell-container{
        min-height:38px;
        justify-content:center;
        text-align:center;
    }

    .jt-topbar a{
        display:none;
    }

    .jt-header-inner{
        min-height:70px;
    }

    .jt-brand img,
    .jt-brand .custom-logo{
        max-width:165px;
    }

    .jt-main-nav{
        left:14px;
        right:14px;
    }

    .jt-footer{
        padding-top:55px;
    }

    .jt-footer-grid{
        grid-template-columns:1fr;
        gap:26px;
    }

    .jt-footer-brand{
        grid-column:auto;
    }

    .jt-footer-bottom{
        min-height:90px;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
    }
}