:root{
    --je-orange:#ff5421;
    --je-orange-dark:#e44718;
    --je-orange-soft:#fff4ee;
    --je-orange-soft-2:#fff9f5;
    --je-black:#111111;
    --je-text:#273044;
    --je-muted:#687083;
    --je-line:#ece8e5;
    --je-white:#ffffff;
    --je-shadow:0 10px 30px rgba(15,23,42,.07);
}
html{scroll-behavior:smooth}
body.je-course-page{
    color:var(--je-text);
    background:#fff;
    font-family:"Rubik",Arial,Helvetica,sans-serif;
}
.je-course-page a{text-decoration:none}
.je-course-page a:hover{text-decoration:none}

.je-hero{
    position:relative;
    overflow:hidden;
    padding:78px 0 70px;
    color:var(--je-text);
    background:
        radial-gradient(circle at 88% 15%,rgba(255,84,33,.12),transparent 30%),
        linear-gradient(135deg,#fff 0%,#fff8f4 58%,#fff1e8 100%);
    border-bottom:1px solid #f1e6df;
}
.je-hero:before,
.je-hero:after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.je-hero:before{
    width:330px;height:330px;
    right:-165px;top:-155px;
    border:1px solid rgba(255,84,33,.13);
}
.je-hero:after{
    width:170px;height:170px;
    right:5%;bottom:-100px;
    background:rgba(255,84,33,.055);
}
.je-breadcrumb{
    color:#7a7f89;
    font-size:13px;
    margin-bottom:18px;
}
.je-breadcrumb a{color:#424b5f;font-weight:600}
.je-breadcrumb a:hover{color:var(--je-orange)}
.je-kicker{
    display:inline-block;
    margin-bottom:14px;
    color:var(--je-orange);
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:1px;
    text-transform:uppercase;
}
.je-hero h1{
    max-width:820px;
    margin-bottom:18px;
    color:#101828;
    font-size:46px;
    line-height:1.14;
    font-weight:800;
}
.je-hero h1 span{color:var(--je-orange)}
.je-hero-lead{
    max-width:760px;
    margin-bottom:24px;
    color:#5c6678;
    font-size:17px;
    line-height:1.8;
}
.je-hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:0 0 27px;
    padding:0;
    list-style:none;
}
.je-hero-points li{
    padding:8px 11px;
    color:#384152;
    background:#fff;
    border:1px solid #f0e4dd;
    border-radius:4px;
    font-size:13px;
    box-shadow:0 4px 14px rgba(15,23,42,.025);
}
.je-hero-points .fa{margin-right:6px;color:var(--je-orange)}

.je-primary-btn,
.je-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 21px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
    transition:.2s ease;
}
.je-primary-btn{
    color:#fff!important;
    background:var(--je-orange);
    border:1px solid var(--je-orange);
}
.je-primary-btn:hover{
    color:#fff!important;
    background:var(--je-orange-dark);
    border-color:var(--je-orange-dark);
    transform:translateY(-1px);
}
.je-outline-btn{
    margin-left:8px;
    color:#1f2937!important;
    background:#fff;
    border:1px solid #d9dde4;
}
.je-outline-btn:hover{
    color:var(--je-orange)!important;
    border-color:var(--je-orange);
}

.je-course-summary-card,
.je-course-media-card{
    position:relative;
    overflow:hidden;
    color:var(--je-text);
    background:#fff;
    border:1px solid #eee4de;
    border-radius:6px;
    box-shadow:var(--je-shadow);
}
.je-course-summary-card{padding:25px}
.je-course-media-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}
.je-course-media-card .inner{padding:22px}
.je-summary-label{
    color:var(--je-orange);
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.je-course-summary-card h3{
    margin:7px 0 18px;
    color:#182033;
    font-size:22px;
    font-weight:800;
}
.je-summary-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:12px 0;
    border-top:1px solid #eee;
    font-size:14px;
}
.je-summary-row strong{color:#151b28}
.je-summary-row span:last-child{text-align:right;color:#6c7380}
.je-summary-cta{width:100%;margin-top:8px}
.je-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.je-chip-row span{
    padding:5px 8px;
    color:#4b5565;
    background:#fff8f3;
    border:1px solid #ffe0cf;
    border-radius:3px;
    font-size:12px;
    font-weight:700;
}

.je-trust-bar{
    background:#fff;
    border-bottom:1px solid #eee;
    box-shadow:0 6px 22px rgba(15,23,42,.035);
}
.je-trust-item{
    padding:21px 10px;
    text-align:center;
    border-right:1px solid #eee;
}
.je-trust-item:last-child{border-right:0}
.je-trust-item strong{
    display:block;
    color:var(--je-orange);
    font-size:23px;
    line-height:1.15;
}
.je-trust-item span{color:#737b89;font-size:12px}

.je-section{padding:78px 0}
.je-section-soft{background:#fbfaf9}
.je-section-dark{
    color:var(--je-text);
    background:linear-gradient(135deg,#fff7f2,#fff 68%);
    border-top:1px solid #f2e6df;
    border-bottom:1px solid #f2e6df;
}
.je-section-title{margin-bottom:34px}
.je-section-title .eyebrow{
    display:block;
    margin-bottom:8px;
    color:var(--je-orange);
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.je-section-title h2{
    margin-bottom:12px;
    color:#121a2b;
    font-size:34px;
    line-height:1.25;
    font-weight:800;
}
.je-section-title p{
    max-width:780px;
    margin:0;
    color:#6b7280;
    line-height:1.75;
}
.je-section-dark .je-section-title h2{color:#121a2b}
.je-section-dark .je-section-title p{color:#6b7280}

.je-feature-card,
.je-content-card,
.je-project,
.je-sidebar-card,
.je-testimonial{
    background:#fff;
    border:1px solid #ece8e5;
    border-radius:5px;
    box-shadow:0 6px 22px rgba(15,23,42,.035);
}
.je-feature-card{
    height:100%;
    padding:24px;
    transition:.25s ease;
}
.je-feature-card:hover,
.je-project:hover{
    transform:translateY(-4px);
    border-color:#ffcbb6;
    box-shadow:0 12px 30px rgba(15,23,42,.075);
}
.je-feature-icon,
.je-tool-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--je-orange);
    background:var(--je-orange-soft);
}
.je-feature-icon{
    width:52px;height:52px;
    margin-bottom:16px;
    border-radius:4px;
    font-size:22px;
}
.je-tool-icon{
    width:40px;height:40px;
    margin-right:9px;
    border-radius:4px;
}
.je-feature-card h3{
    margin-bottom:8px;
    color:#1a2233;
    font-size:18px;
    font-weight:800;
}
.je-feature-card p{
    margin:0;
    color:#707786;
    font-size:14px;
    line-height:1.7;
}
.je-tech-list{display:flex;flex-wrap:wrap;gap:10px}
.je-tech-chip{
    padding:9px 13px;
    color:#384152;
    background:#fff;
    border:1px solid #e8e3df;
    border-radius:4px;
    font-size:13px;
    font-weight:700;
}
.je-tech-chip i{margin-right:5px;color:var(--je-orange)}

.je-content-card{
    padding:26px;
    margin-bottom:22px;
}
.je-content-card h3{
    margin-bottom:12px;
    color:#182033;
    font-size:20px;
    font-weight:800;
}
.je-content-card p{color:#6b7280;line-height:1.75}
.je-check-list{margin:0;padding:0;list-style:none}
.je-check-list li{
    position:relative;
    margin-bottom:11px;
    padding-left:27px;
    color:#596273;
    line-height:1.55;
}
.je-check-list li:before{
    content:"\f00c";
    position:absolute;
    left:0;top:1px;
    color:var(--je-orange);
    font-family:FontAwesome;
}
.je-curriculum .card{
    margin-bottom:10px;
    overflow:hidden;
    border:1px solid #e8e8e8!important;
    border-radius:4px!important;
}
.je-curriculum .card-header{padding:0;background:#fff;border:0}
.je-curriculum .card-header button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:17px 18px;
    color:#1c2434;
    background:#fff;
    border:0;
    text-align:left;
    font-weight:800;
}
.je-curriculum .card-header button:focus{outline:none;box-shadow:none}
.je-curriculum .card-header button .fa{color:var(--je-orange)}
.je-curriculum .card-body{padding:0 20px 20px;color:#6b7280}

.je-project{
    position:relative;
    overflow:hidden;
    height:100%;
    padding:24px;
    transition:.25s ease;
}
.je-project .num{
    position:absolute;
    top:10px;right:16px;
    color:#f4ede9;
    font-size:54px;
    font-weight:900;
    line-height:1;
}
.je-project h3{
    position:relative;
    margin-bottom:8px;
    color:#1a2233;
    font-size:18px;
    font-weight:800;
}
.je-project p{
    position:relative;
    color:#6d7584;
    font-size:14px;
    line-height:1.65;
}
.je-project-tags span{
    display:inline-block;
    margin:2px;
    padding:5px 8px;
    color:#c64b17;
    background:#fff4ed;
    border-radius:3px;
    font-size:11px;
    font-weight:700;
}

.je-sidebar{position:sticky;top:95px}
.je-sidebar-card{
    padding:22px;
    margin-bottom:18px;
}
.je-sidebar-card h3{
    margin-bottom:14px;
    color:#161e2e;
    font-size:19px;
    font-weight:800;
}
.je-form-control{
    width:100%;
    margin-bottom:10px;
    padding:12px 13px;
    border:1px solid #dedede;
    border-radius:3px;
    background:#fff;
    font-size:14px;
}
.je-form-control:focus{
    outline:0;
    border-color:var(--je-orange);
    box-shadow:0 0 0 2px rgba(255,84,33,.08);
}
.je-submit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:46px;
    padding:11px 18px;
    color:#fff;
    background:var(--je-orange);
    border:0;
    border-radius:3px;
    font-weight:800;
    cursor:pointer;
}
.je-submit-btn:hover{background:var(--je-orange-dark)}
.je-sidebar-note{margin:10px 0 0;color:#858b96;font-size:11px}
.je-course-links{margin:0;padding:0;list-style:none}
.je-course-links li{border-bottom:1px solid #eee}
.je-course-links li:last-child{border-bottom:0}
.je-course-links a{
    display:flex;
    justify-content:space-between;
    padding:11px 0;
    color:#414a5b;
    font-size:14px;
    font-weight:700;
}
.je-course-links a:hover{color:var(--je-orange)}

.je-stat-box{
    height:100%;
    padding:25px;
    text-align:center;
    background:#fff;
    border:1px solid #efe4de;
    border-radius:5px;
    box-shadow:0 6px 20px rgba(15,23,42,.035);
}
.je-stat-box strong{
    display:block;
    color:var(--je-orange);
    font-size:32px;
}
.je-stat-box span{color:#515b6d;font-size:13px}
.je-testimonial{height:100%;padding:24px}
.je-stars{margin-bottom:10px;color:#f5a623}
.je-testimonial p{color:#626b7c;line-height:1.7}
.je-testimonial .name{color:#111827;font-weight:800}
.je-testimonial .role{color:#8a909a;font-size:12px}
.je-faq .card{border:0;border-bottom:1px solid #e9e9e9!important;border-radius:0!important}
.je-faq .card-header{padding:0;background:transparent;border:0}
.je-faq button{
    width:100%;
    padding:18px 0;
    color:#222b3c;
    background:transparent;
    border:0;
    text-align:left;
    font-weight:800;
}
.je-faq button:focus{outline:0}
.je-faq .card-body{padding:0 0 18px;color:#666f80;line-height:1.7}
.je-bottom-cta{
    padding:38px;
    color:#fff;
    background:linear-gradient(135deg,#ff5421,#f27942);
    border-radius:6px;
}
.je-bottom-cta h2{margin-bottom:8px;color:#fff;font-size:31px;font-weight:800}
.je-bottom-cta p{margin:0;color:rgba(255,255,255,.92)}
.je-bottom-cta .je-primary-btn{background:#111827;border-color:#111827}
.je-mobile-cta{display:none}

@media(max-width:991px){
    .je-hero{padding:60px 0}
    .je-hero h1{font-size:38px}
    .je-course-summary-card,.je-course-media-card{margin-top:35px}
    .je-sidebar{position:static;margin-top:30px}
    .je-trust-item{border-right:0;border-bottom:1px solid #eee}
}
@media(max-width:767px){
    .je-hero{padding:52px 0}
    .je-hero h1{font-size:32px}
    .je-hero-lead{font-size:16px}
    .je-section{padding:58px 0}
    .je-section-title h2{font-size:29px}
    .je-outline-btn{margin-top:10px;margin-left:0}
    .je-bottom-cta{padding:28px}
    .je-bottom-cta .text-md-right{margin-top:18px}
    .je-mobile-cta{
        display:flex;
        position:fixed;
        left:0;right:0;bottom:0;
        z-index:9999;
        box-shadow:0 -4px 18px rgba(0,0,0,.15);
    }
    .je-mobile-cta a{
        flex:1;
        padding:13px 8px;
        color:#fff;
        text-align:center;
        font-weight:800;
    }
    .je-mobile-cta a:first-child{background:#111827}
    .je-mobile-cta a:last-child{background:var(--je-orange)}
    body.je-course-page{padding-bottom:48px}
}
