/* =========================
   DPS STAT
========================= */

.dps-stat{
    position:relative;
    min-height:20px;
    padding:25px 45px;
}


/* =========================
   DOTTED VERTICAL LINES
========================= */

@media(min-width:992px){

    .dps-stat{
        border-right:3px dotted #ccc;
    }

    .col-lg-3:last-child .dps-stat{
        border-right:0;
    }

}


/* =========================
   TITLE
========================= */

.dps-stat h6{
    color:#566170;
    font-size:21px;
    font-weight:600;
    margin:0 0 45px;
}


/* =========================
   NUMBER
========================= */

.counter{
    color:#06356D;
    font-size:82px;
    font-weight:500;
    line-height:1;
    white-space:nowrap;
}

.counter span:last-child{
    font-size:70px;
    color:#FFC107;
}


/* =========================
   LEFT LINE IMAGE
========================= */

.dps-string{
    position:absolute;
    width:150px;
    left:20px;
    bottom:-75px;
}


/* =========================
   RIGHT BUTTERFLY
========================= */

.dps-butterfly{
    position:absolute;
    width:120px;
    right:15px;
    bottom:-75px;
}


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

@media(max-width:991px){

    .dps-stat{
        border-right:0!important;
        border-bottom:3px dotted #ccc;
    }

    .col-12:last-child .dps-stat{
        border-bottom:0;
    }

    .dps-stat h6{
        font-size:19px;
        margin-bottom:30px;
    }

    .counter{
        font-size:65px;
    }

    .counter span:last-child{
        font-size:55px;
    }

}


/* =========================
   CURRICULUM LAYOUT
========================= */

.curriculum-layout {
    position:relative;
    display:grid;
    grid-template-columns:1fr 1.35fr 1fr;
    grid-template-rows:auto auto auto;
    align-items:center;
    column-gap:35px;
    row-gap:25px;
    max-width:1250px;
    margin:auto;
}


/* =========================
   LEFT + RIGHT
========================= */

.curriculum-left,
.curriculum-right {
    display:flex;
    flex-direction:column;
    gap:80px;
    z-index:3;
}


/* =========================
   CENTER
========================= */

.curriculum-center {
    grid-column:2;
    grid-row:1 / span 2;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:1;
}


/* =========================
   CENTER CIRCLE
========================= */

.curriculum-circle {
    width:460px;
    height:460px;
    border-radius:50%;
    background:#fff5cf;
    border:3px solid #06356D;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}


.curriculum-circle img {
    width:100%;
    height:100%;
    object-fit:contain;
}


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

.curriculum-card {
    position:relative;
    background:#fff;
    border-radius:100px;
    min-height:100px;
    padding:5px 5px 5px 4px;
    display:flex;
    align-items:center;
    gap:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}


/* =========================
   ICON
========================= */

.curriculum-icon {
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:#06356D;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}


/* =========================
   TEXT
========================= */

.curriculum-text {
    flex:1;
    color:#6c757d;
    font-size:18px;
    line-height:1.1;
}


.curriculum-text h5 {
    color:#06356D;
    font-size:20px;
    font-weight:600;
    margin-bottom:8px;
}


/* =========================
   NUMBER
========================= */

.curriculum-number {
    position:absolute;
    top:-18px;
    right:-5px;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#FFC107;
    color:#06356D;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:600;
    z-index:5;
}


/* =========================
   CARD 5
========================= */

.curriculum-five {
    grid-column:2;
    grid-row:3;
    display:flex;
    justify-content:center;
    margin-top:-5px;
    z-index:4;
}


.curriculum-card-five {
    width:500px;
    min-height:100px;
}


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

@media (max-width:991px) {

    .curriculum-layout {
        grid-template-columns:1fr 1fr;
        gap:25px;
    }

    .curriculum-center {
        grid-column:1 / span 2;
        grid-row:1;
        order:1;
    }

    .curriculum-left {
        grid-column:1;
        grid-row:2;
        order:2;
    }

    .curriculum-right {
        grid-column:2;
        grid-row:2;
        order:3;
    }

    .curriculum-five {
        grid-column:1 / span 2;
        grid-row:3;
        order:4;
    }

    .curriculum-circle {
        width:380px;
        height:380px;
    }

}


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

@media (max-width:575px) {

    .curriculum-layout {
        display:flex;
        flex-direction:column;
        gap:25px;
    }

    .curriculum-center {
        order:1;
    }

    .curriculum-left,
    .curriculum-right {
        width:100%;
        order:2;
        gap:25px;
    }

    .curriculum-five {
        width:100%;
        order:3;
        margin-top:0;
    }

    .curriculum-circle {
        width:290px;
        height:290px;
    }

    .curriculum-card,
    .curriculum-card-five {
        width:100%;
        min-height:130px;
        padding:20px 18px;
    }

    .curriculum-icon {
        width:65px;
        height:65px;
        min-width:65px;
        font-size:25px;
    }

    .curriculum-text {
        font-size:15px;
    }

    .curriculum-text h5 {
        font-size:19px;
    }

    .curriculum-number {
        width:45px;
        height:45px;
        font-size:18px;
        top:-10px;
        right:0;
    }

}