.diverge-education-slider{
    width:100%;
    position:relative;
}

.diverge-education-slider *{
    box-sizing:border-box;
}

.des-inner{
    width:100%;
    max-width:100%;
    margin:0 auto;
}

.des-layout{
    display:grid;
    grid-template-columns:var(--left-width,32%) 1fr;
    gap:var(--layout-gap,55px);
    align-items:center;
}

.des-left{
    width:100%;
}

.des-title{
    margin:0 0 25px;
    color:#102E58;
    font-size:48px;
    line-height:1.15;
    font-weight:700;
}

.des-left-description{
    color:#607A9A;
    font-size:17px;
    line-height:1.8;
    margin-bottom:30px;
}

.des-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:14px 22px;
    background:#FFB13F;
    color:#111;
    text-decoration:none;
    border-radius:5px;
    transition:.3s ease;
    font-weight:600;
}

.des-button:hover{
    background:#FFC15C;
    color:#111;
}

.des-button-arrow{
    font-size:20px;
    line-height:1;
}

.des-right{
    width:100%;
    min-width:0;
}

.des-viewport{
    width:100%;
    overflow:hidden;
    position:relative;
    touch-action:pan-y;
    user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}

.des-track{
    display:flex;
    gap:var(--card-gap,28px);
    width:100%;
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

.des-card{
    position:relative !important;
    flex:0 0 calc(50% - (var(--card-gap,28px) / 2));
    height:420px;
    min-width:0;
    overflow:hidden !important;
    border-radius:18px;
    background:#ddd;
    isolation:isolate;
    display:block;
    text-decoration:none;
    color:inherit;
    cursor:pointer;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
   IMAGE — FORCE FULL CARD COVER
   ========================================================= */

.des-card-image{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    object-fit:cover !important;
    object-position:center center !important;

    border:0 !important;
    border-radius:0 !important;

    z-index:0 !important;

    transition:transform .6s ease;
    pointer-events:none !important;
}

/* =========================================================
   DARK IMAGE OVERLAY
   ========================================================= */

.des-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(8,26,48,.48);
    z-index:2;
    transition:background .35s ease;
    pointer-events:none;
}

.des-card:hover::after{
    background:rgba(8,26,48,.62);
}

.des-card:hover .des-card-image{
    transform:scale(1.05);
}

/* =========================================================
   CARD CONTENT
   ========================================================= */

.des-card-content{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;

    padding:32px 38px;

    z-index:4;
    color:#fff;

    pointer-events:none !important;
}

.des-card-subheading{
    font-size:16px;
    margin-bottom:10px;
    color:#fff;
    line-height:1.4;
}

.des-card-heading-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.des-card-heading{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:1.2;
    font-weight:500;
    font-family:"Satoshi",sans-serif;
}

.des-card-arrow{
    color:#fff;
    font-size:46px;
    line-height:1;
    flex-shrink:0;
    font-weight:300;
}

/* =========================================================
   CLICKABLE CARD
   ========================================================= */

.des-card-clickable{
    display:block !important;
    position:relative !important;

    color:inherit !important;
    text-decoration:none !important;

    cursor:pointer;

    pointer-events:auto !important;

    touch-action:manipulation;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;
}

.des-card-clickable:hover,
.des-card-clickable:focus,
.des-card-clickable:active{
    color:inherit !important;
    text-decoration:none !important;
}

.des-card-clickable:focus{
    outline:none;
}

.des-card-clickable:focus-visible{
    outline:2px solid #fff;
    outline-offset:-6px;
}

.des-card-clickable .des-card-image{
    pointer-events:none !important;
}

.des-card-clickable .des-card-content{
    pointer-events:none !important;
}

.des-card-clickable::after{
    pointer-events:none !important;
}

/* Old overlay is no longer used */

.des-card-link{
    display:none !important;
    pointer-events:none !important;
}

/* =========================================================
   CONTROLS
   ========================================================= */

.des-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin-top:35px;
}

.des-arrow-group{
    display:flex;
    align-items:center;
    gap:12px;
}

.des-nav{
    width:44px;
    height:44px;

    border-radius:50%;
    border:none;

    background:rgba(255,255,255,.88);
    color:#132B4C;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

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

    font-size:26px;
    line-height:1;

    padding:0;

    position:relative;
    z-index:20;
}

.des-nav:hover{
    transform:translateY(-2px);
}

.des-nav:focus{
    outline:none;
}

.des-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.des-dot{
    width:10px;
    height:10px;

    border-radius:50%;
    border:none;
    padding:0;

    background:#BDBDBD;

    cursor:pointer;

    transition:.3s ease;

    position:relative;
    z-index:20;
}

.des-dot.is-active{
    width:34px;
    border-radius:20px;
    background:#111111;
}

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

@media(max-width:1100px){

    .des-layout{
        align-items:flex-start;
    }

    .des-left{
        align-self:flex-start;
        margin-top:0;
        padding-top:0;
    }
}

/* =========================================================
   1024
   ========================================================= */

@media(max-width:1024px){

    .des-layout{
        grid-template-columns:1fr;
        gap:40px;
    }

    .des-left{
        max-width:700px;
    }

    .des-title{
        font-size:40px;
    }

    .des-card{
        flex-basis:calc(50% - (var(--card-gap,28px) / 2));
    }
}

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

@media(max-width:767px){

    .diverge-education-slider{
        overflow:hidden;
    }

    .des-layout{
        display:block;
        gap:28px;
    }

    .des-left{
        align-self:auto;
        margin-top:0;
        padding-top:0;
        margin-bottom:28px;
    }

    .des-title{
        font-size:32px;
    }

    .des-left-description{
        font-size:15px;
        line-height:1.7;
    }

    .des-track{
        gap:18px;
    }

    .des-card{
        flex:0 0 88%;
        height:380px;
        border-radius:16px;
    }

    .des-card-image{
        width:100% !important;
        height:100% !important;
        inset:0 !important;
    }

    .des-card-content{
        padding:24px;
    }

    .des-card-heading{
        font-size:24px;
    }

    .des-card-arrow{
        font-size:38px;
    }

    .des-controls{
        margin-top:24px;
    }

    .des-nav{
        width:40px;
        height:40px;
    }
}

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

@media(max-width:480px){

    .des-card{
        flex:0 0 92%;
        height:340px;
    }

    .des-title{
        font-size:28px;
    }

    .des-card-heading{
        font-size:21px;
    }

    .des-card-subheading{
        font-size:14px;
    }

    .des-card-content{
        padding:20px;
    }

    .des-card-image{
        width:100% !important;
        height:100% !important;
        inset:0 !important;
    }
}

/* =========================================================
   ELEMENTOR / THEME PROTECTION
   ========================================================= */

.diverge-education-slider .des-card,
.diverge-education-slider .des-card:hover{
    box-shadow:none !important;
}

.diverge-education-slider .des-card-clickable{
    border-radius:18px;
    overflow:hidden !important;
}

.diverge-education-slider .des-card-clickable:hover{
    color:inherit !important;
}

.diverge-education-slider .des-card-clickable *,
.diverge-education-slider .des-card-clickable{
    -webkit-tap-highlight-color:transparent;
}

@media(max-width:767px){

    .diverge-education-slider .des-card-clickable{
        border-radius:16px;
    }
}

/* =========================================================
   PREVENT WORDPRESS / ELEMENTOR IMAGE RULES
   ========================================================= */

.diverge-education-slider img.des-card-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
}