@charset "UTF-8";
/* ==========================================================
   ACADEMIC HERO
========================================================== */

.academic-hero{

    position:relative;
    overflow:hidden;

    padding:30px 0 90px;

   /*  background:
    linear-gradient(135deg,#f8fbff 0%,#eef5ff 45%,#ffffff 100%); */
     background:
linear-gradient(
    135deg,
    rgba(248,251,255,.35) 0%,
    rgba(238,245,255,.70) 45%,
    rgba(255,255,255,.90) 100%
),
url("../../images/dmat-academy/academic/academic-hero-bg.png");
  background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

}

/* ==========================================================
   Background Shapes
========================================================== */

.hero-bg-circle{

    position:absolute;

    border-radius:50%;

    background:rgba(13,110,253,.05);

    z-index:0;

}

.hero-bg-left{

    width:420px;
    height:420px;

    left:-180px;
    top:-180px;

}

.hero-bg-right{

    width:320px;
    height:320px;

    right:-120px;
    bottom:-120px;

}

/* ==========================================================
   Content
========================================================== */

.hero-content{

    position:relative;
    z-index:2;

}

.hero-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 20px;

    background:#ffffff;

    border:1px solid rgba(13,110,253,.12);

    border-radius:40px;

    font-size:.9rem;
    font-weight:700;

    color:#0d4dbb;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.hero-badge img{

    width:28px;
    height:28px;

}

.hero-content h1{

    margin:28px 0 20px;

    font-size:3.5rem;

    line-height:1.15;

    font-weight:800;

    color:#16325c;

}

.hero-content h1 span{

    color:#0d6efd;

}

.hero-content p{

    max-width:600px;

    margin-bottom:35px;

    font-size:1.1rem;

    line-height:1.8;

    color:#5d6c84;

}

/* ==========================================================
   Buttons
========================================================== */

.hero-actions{

    display:flex;
    flex-wrap:wrap;
    gap:18px;

    margin-bottom:40px;

}

.hero-actions .btn{

    padding:15px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.hero-actions .btn-primary{

    box-shadow:0 15px 35px rgba(13,110,253,.25);

}

.hero-actions .btn-primary:hover{

    transform:translateY(-3px);

}

.hero-actions .btn-outline-primary:hover{

    transform:translateY(-3px);

}

/* ==========================================================
   Features
========================================================== */

.hero-features{

    display:grid;

    grid-template-columns:repeat(2,minmax(220px,1fr));

    gap:16px;

    margin-bottom:45px;

}

.hero-features div{

    display:flex;
    align-items:center;

    gap:12px;

    color:#42526d;

    font-weight:600;

}

.hero-features i{

    color:#00b96b;

    font-size:18px;

}

/* ==========================================================
   Statistics
========================================================== */

.hero-stats{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

}

.hero-stats div{

    min-width:120px;

}

.hero-stats h3{

    margin-bottom:5px;

    font-size:2rem;

    font-weight:800;

    color:#0d4dbb;

}

.hero-stats span{

    color:#6f7d95;

    font-size:.95rem;

}

/* ==========================================================
   Hero Image
========================================================== */

.academic-hero-image{

    position:relative;

    z-index:2;

    text-align:center;

}

.academic-hero-image img{

    width:100%;

    max-width:650px;

    animation:heroFloat 5s ease-in-out infinite;
    
    border-radius:28px;

}

/* ==========================================================
   Floating Cards
========================================================== */

.hero-card{

    position:absolute;

    background:#fff;

    border-radius:20px;

    padding:18px 22px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    text-align:center;

    min-width:160px;

    z-index:5;

    animation:floatingCard 4s ease-in-out infinite;

}

.hero-card i{

    font-size:26px;

    color:#0d6efd;

    margin-bottom:12px;

}

.hero-card h5{

    margin-bottom:4px;

    font-weight:700;

    color:#16325c;

}

.hero-card small{

    color:#6d7b92;

}

/* Card Positions */

.academic-card-ai{

    top: -60px;
    left: 190px;

}

.academic-card-subjects{

    top:-40px;
    right:-40px;

}

 .academic-card-tests{

    bottom:-80px;
    left:-20px;

} 

.academic-card-success{

    bottom:120px;
    right:-90px;

}

/* ==========================================================
   Animations
========================================================== */

@keyframes heroFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

}

@keyframes floatingCard{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:1199px){

    .hero-content h1{

        font-size:3rem;

    }

    .hero-card{

        min-width:140px;

        padding:16px;

    }

}

@media (max-width:991px){

    .academic-hero{

        padding:90px 0 70px;

        text-align:center;

    }

    .hero-content p{

        margin-left:auto;
        margin-right:auto;

    }

    .hero-actions{

        justify-content:center;

    }

    .hero-features{

        grid-template-columns:1fr;

    }

    .hero-stats{

        justify-content:center;

    }

    .academic-hero-image{

        margin-top:50px;

    }

    .hero-card{

        transform:scale(.9);

    }

}

@media (max-width:767px){

    .hero-content h1{

        font-size:2.3rem;

    }

    .hero-actions{

        flex-direction:column;

    }

    .hero-actions .btn{

        width:100%;

    }

    .hero-card{

        display:none;

    }

    .hero-stats{

        gap:20px;

    }

}

/*=========================================================
  ACADEMIC OVERVIEW
=========================================================*/

.academic-overview{

    position:relative;

    padding:100px 0;

    background:#ffffff;

    overflow:hidden;

}

/*=========================================================
  IMAGE
=========================================================*/

.academic-overview-image{

    position:relative;

    text-align:center;

}

.academic-overview-image img{

    max-width:100%;

    border-radius:24px;

    animation:academicFloat 5s ease-in-out infinite;

}

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

.overview-floating-card{

    position:absolute;

    left:-20px;

    bottom:40px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 24px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 20px 45px rgba(15,40,90,.12);

    z-index:5;

    animation:floatingCard 4s ease-in-out infinite;

}

.overview-floating-card i{

    width:60px;
    height:60px;

    border-radius:50%;

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

    font-size:26px;

    color:#fff;

    background:linear-gradient(135deg,#0d6efd,#3f8cff);

}

.overview-floating-card h5{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#183153;

}

.overview-floating-card small{

    color:#6c7b95;

}

/*=========================================================
  SECTION HEADING
=========================================================*/

.section-heading{

    margin-bottom:25px;

}

.section-badge{

    display:inline-block;

    margin-bottom:18px;

    padding:10px 20px;

    border-radius:40px;

    background:#edf5ff;

    color:#0d6efd;

    font-weight:700;

    font-size:.9rem;

}

.section-heading h2{

    margin:0;

    font-size:2.7rem;

    font-weight:800;

    line-height:1.2;

    color:#183153;

}

.section-heading h2 span{

    color:#0d6efd;

}

.section-description{

    margin-bottom:40px;

    color:#5d6b82;

    line-height:1.9;

    font-size:1.05rem;

}

/*=========================================================
  OVERVIEW GRID
=========================================================*/

.academic-overview-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

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

.overview-card{

    padding:30px;

    border-radius:22px;

    background:#fff;

    border:1px solid #eef3fb;

    transition:.35s;

    box-shadow:0 10px 30px rgba(20,40,90,.05);

}

.overview-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(13,110,253,.12);

    border-color:#d8e8ff;

}

.overview-card img{

    width:72px;

    height:72px;

    object-fit:contain;

    margin-bottom:22px;

}

.overview-card h4{

    margin-bottom:15px;

    font-size:1.25rem;

    font-weight:700;

    color:#183153;

}

.overview-card p{

    margin:0;

    line-height:1.8;

    color:#66758d;

}

/*=========================================================
  ANIMATIONS
=========================================================*/

@keyframes academicFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

}

@keyframes floatingCard{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:1199px){

    .section-heading h2{

        font-size:2.3rem;

    }

}

@media (max-width:991px){

    .academic-overview{

        text-align:center;

    }

    .academic-overview-image{

        margin-bottom:60px;

    }

    .overview-floating-card{

        left:50%;

        transform:translateX(-50%);

        bottom:-20px;

    }

    .academic-overview-grid{

        margin-top:40px;

    }

}

@media (max-width:767px){

    .academic-overview{

        padding:70px 0;

    }

    .section-heading h2{

        font-size:2rem;

    }

    .academic-overview-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .overview-card{

        padding:25px;

    }

    .overview-card img{

        width:64px;

        height:64px;

    }

    .overview-floating-card{

        position:relative;

        left:auto;

        bottom:auto;

        transform:none;

        margin:30px auto 0;

        max-width:320px;

    }

}

/*=========================================================
  ACADEMIC SUBJECTS
=========================================================*/

.academic-subjects{

    position:relative;

    padding:100px 0;

    background:#f8fbff;

    overflow:hidden;

}

/*=========================================================
  SWIPER
=========================================================*/

.academicSwiper{

    position:relative;

    padding:20px 60px 80px;

    overflow:hidden;

}

.academicSwiper .swiper-wrapper{

    align-items:stretch;

}

.academicSwiper .swiper-slide{

    display:flex;

    height:auto;

}

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

.academic-subject-card{

    width:100%;

    display:flex;

    flex-direction:column;

    text-decoration:none;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid #edf2fa;

    box-shadow:0 12px 35px rgba(15,40,90,.06);

    transition:all .35s ease;

}

.academic-subject-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(13,110,253,.15);

    border-color:#d7e8ff;

}

.academic-subject-card img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:transform .5s ease;

}

.academic-subject-card:hover img{

    transform:scale(1.05);

}

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

.subject-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:28px;

}

.subject-tag{

    display:inline-block;

    align-self:flex-start;

    margin-bottom:16px;

    padding:7px 16px;

    border-radius:30px;

    background:#edf5ff;

    color:#0d6efd;

    font-size:.82rem;

    font-weight:700;

}

.subject-content h4{

    margin-bottom:14px;

    font-size:1.4rem;

    font-weight:700;

    color:#183153;

}

.subject-content p{

    margin-bottom:22px;

    line-height:1.8;

    color:#66758d;

    flex-grow:1;

}

/*=========================================================
  META
=========================================================*/

.course-meta{

    display:flex;

    justify-content:space-between;

    gap:15px;

    margin-bottom:20px;

    font-size:.9rem;

    color:#5d6b82;

}

.course-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

.course-meta i{

    color:#0d6efd;

}

/*=========================================================
  RATING
=========================================================*/

.course-rating{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:22px;

}

.course-rating .stars{

    color:#ffc107;

}

.course-rating span{

    font-size:.9rem;

    color:#66758d;

}

/*=========================================================
  FEATURES
=========================================================*/

.subject-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:28px;

}

.subject-features div{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:.9rem;

    color:#52627d;

}

.subject-features i{

    color:#0d6efd;

}

/*=========================================================
  ACTION
=========================================================*/

.course-action{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:20px;

    border-top:1px solid #edf2fa;

    font-weight:700;

    color:#0d6efd;

}

.course-action i{

    transition:.3s;

}

.academic-subject-card:hover .course-action i{

    transform:translateX(6px);

}

/*=========================================================
  SWIPER BUTTONS
=========================================================*/

.academicSwiper .swiper-button-next,
.academicSwiper .swiper-button-prev{

    width:56px;

    height:56px;

    border-radius:50%;

    background:#fff;

    box-shadow:0 12px 35px rgba(20,40,90,.15);

    color:#0d6efd;

    transition:.35s;

}

.academicSwiper .swiper-button-next:hover,
.academicSwiper .swiper-button-prev:hover{

    background:#0d6efd;

    color:#fff;

    transform:scale(1.08);

}

.academicSwiper .swiper-button-next::after,
.academicSwiper .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

.academicSwiper .swiper-button-prev{

    left:8px;

}

.academicSwiper .swiper-button-next{

    right:8px;

}

/*=========================================================
  PAGINATION
=========================================================*/

.academicSwiper .swiper-pagination{

    bottom:0 !important;

}

.academicSwiper .swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#c8d4e7;

    opacity:1;

    transition:.3s;

}

.academicSwiper .swiper-pagination-bullet-active{

    width:28px;

    border-radius:20px;

    background:#0d6efd;

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:991px){

    .academicSwiper{

        padding:20px 20px 70px;

    }

    .subject-content{

        padding:24px;

    }

}

@media (max-width:767px){

    .academic-subjects{

        padding:70px 0;

    }

    .academic-subject-card img{

        height:190px;

    }

    .subject-content{

        padding:22px;

    }

    .subject-content h4{

        font-size:1.25rem;

    }

    .course-meta{

        flex-direction:column;

        gap:10px;

    }

    .subject-features{

        grid-template-columns:1fr;

    }

    .academicSwiper .swiper-button-next,
    .academicSwiper .swiper-button-prev{

        display:none;

    }

}

/*=========================================================
  ACADEMIC CURRICULUM
=========================================================*/

.academic-curriculum{

    position:relative;

    padding:100px 0;

    background:#ffffff;

    overflow:hidden;

}

/*=========================================================
  ROADMAP
=========================================================*/

.curriculum-roadmap{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:20px;

    margin-top:70px;

    position:relative;

}

/*=========================================================
  STEP
=========================================================*/

.roadmap-step{

    flex:1;

    position:relative;

    background:#fff;

    border:1px solid #edf2fa;

    border-radius:24px;

    padding:35px 25px;

    text-align:center;

    transition:all .35s ease;

    box-shadow:0 10px 30px rgba(20,40,90,.05);

}

.roadmap-step:hover{

    transform:translateY(-10px);

    border-color:#d7e8ff;

    box-shadow:0 20px 45px rgba(13,110,253,.12);

}

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

.step-icon{

    width:110px;

    height:110px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f8fbff;

    transition:.35s;

}

.step-icon img{

    width:70px;

    height:70px;

    object-fit:contain;

}

.roadmap-step:hover .step-icon{

    background:#eef5ff;

    transform:scale(1.08);

}

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

.roadmap-step h4{

    margin-bottom:15px;

    font-size:1.3rem;

    font-weight:700;

    color:#183153;

}

.roadmap-step p{

    margin:0;

    color:#66758d;

    line-height:1.8;

    font-size:.96rem;

}

/*=========================================================
  ARROWS
=========================================================*/

.roadmap-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    align-self:center;

    color:#0d6efd;

    font-size:28px;

    margin-top:-10px;

}

.roadmap-arrow i{

    transition:.3s;

}

.roadmap-step:hover + .roadmap-arrow i{

    transform:translateX(6px);

}

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

.roadmap-step::before{

    content:counter(step);

    counter-increment:step;

    position:absolute;

    top:-16px;

    left:50%;

    transform:translateX(-50%);

    width:36px;

    height:36px;

    border-radius:50%;

    background:#0d6efd;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:15px;

    box-shadow:0 8px 20px rgba(13,110,253,.25);

}

.curriculum-roadmap{

    counter-reset:step;

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:1199px){

    .curriculum-roadmap{

        gap:15px;

    }

    .roadmap-step{

        padding:30px 18px;

    }

}

@media (max-width:991px){

    .curriculum-roadmap{

        flex-direction:column;

        align-items:stretch;

        gap:25px;

    }

    .roadmap-arrow{

        transform:rotate(90deg);

        margin:0;

        font-size:24px;

    }

    .roadmap-step{

        max-width:650px;

        margin:auto;

    }

}

@media (max-width:767px){

    .academic-curriculum{

        padding:70px 0;

    }

    .roadmap-step{

        padding:28px 22px;

    }

    .step-icon{

        width:90px;

        height:90px;

    }

    .step-icon img{

        width:58px;

        height:58px;

    }

    .roadmap-step h4{

        font-size:1.15rem;

    }

    .roadmap-step p{

        font-size:.92rem;

    }

}

/*=========================================================
  ACADEMIC LEARNING PROCESS
=========================================================*/

.academic-learning-process{

    position:relative;

    padding:100px 0;

    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);

    overflow:hidden;

}

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

.learning-process-card{

    position:relative;

    height:100%;

    padding:40px 30px;

    background:#ffffff;

    border-radius:24px;

    border:1px solid #edf2fa;

    text-align:center;

    overflow:hidden;

    transition:all .35s ease;

    box-shadow:0 12px 35px rgba(20,40,90,.06);

}

.learning-process-card:hover{

    transform:translateY(-12px);

    border-color:#dbe9ff;

    box-shadow:0 25px 60px rgba(13,110,253,.14);

}

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

.process-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:3rem;

    font-weight:800;

    line-height:1;

    color:rgba(13,110,253,.08);

    user-select:none;

}

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

.learning-process-card img{

    width:95px;

    height:95px;

    object-fit:contain;

    margin-bottom:28px;

    transition:.35s;

}

.learning-process-card:hover img{

    transform:scale(1.08) rotate(3deg);

}

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

.learning-process-card h4{

    margin-bottom:18px;

    font-size:1.35rem;

    font-weight:700;

    color:#183153;

}

/*=========================================================
  DESCRIPTION
=========================================================*/

.learning-process-card p{

    margin:0;

    line-height:1.85;

    color:#66758d;

    font-size:.97rem;

}

/*=========================================================
  TOP ACCENT
=========================================================*/

.learning-process-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0d6efd,#4fa3ff);

    transform:scaleX(0);

    transition:.35s;

}

.learning-process-card:hover::before{

    transform:scaleX(1);

}

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

.learning-process-card::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(13,110,253,.03);

    top:-90px;

    left:-90px;

    z-index:0;

}

.learning-process-card img,
.learning-process-card h4,
.learning-process-card p,
.process-number{

    position:relative;

    z-index:2;

}

/*=========================================================
  STAGGER EFFECT
=========================================================*/

.learning-process-card:nth-child(2){

    margin-top:20px;

}

.learning-process-card:nth-child(4){

    margin-top:20px;

}

/*=========================================================
  ANIMATION
=========================================================*/

.learning-process-card{

    animation:fadeUp .8s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:991px){

    .academic-learning-process{

        padding:80px 0;

    }

    .learning-process-card{

        padding:35px 25px;

    }

    .learning-process-card:nth-child(2),
    .learning-process-card:nth-child(4){

        margin-top:0;

    }

}

@media (max-width:767px){

    .academic-learning-process{

        padding:70px 0;

    }

    .learning-process-card{

        padding:30px 22px;

    }

    .learning-process-card img{

        width:80px;

        height:80px;

    }

    .learning-process-card h4{

        font-size:1.2rem;

    }

    .process-number{

        font-size:2.5rem;

    }

}

/*=========================================================
  ACADEMIC RESOURCE CENTER
=========================================================*/

.academic-resource-center{

    position:relative;

    padding:100px 0;

    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);

    overflow:hidden;

}

/*=========================================================
  SWIPER
=========================================================*/

.academicResourceSwiper{

    position:relative;

    padding:20px 60px 80px;

    overflow:hidden;

}

.academicResourceSwiper .swiper-wrapper{

    align-items:stretch;

}

.academicResourceSwiper .swiper-slide{

    display:flex;

    height:auto;

}

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

.resource-card{

    width:100%;

    height:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:40px 28px;

    background:#ffffff;

    border-radius:24px;

    border:1px solid #edf2fa;

    transition:all .35s ease;

    box-shadow:0 12px 35px rgba(20,40,90,.05);

}

.resource-card:hover{

    transform:translateY(-10px);

    border-color:#d7e8ff;

    box-shadow:0 25px 60px rgba(13,110,253,.12);

}

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

.resource-card img{

    width:90px;

    height:90px;

    object-fit:contain;

    margin-bottom:28px;

    transition:.35s;

}

.resource-card:hover img{

    transform:scale(1.08);

}

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

.resource-card h4{

    margin-bottom:16px;

    font-size:1.35rem;

    font-weight:700;

    color:#183153;

}

/*=========================================================
  DESCRIPTION
=========================================================*/

.resource-card p{

    flex:1;

    margin-bottom:28px;

    line-height:1.8;

    color:#66758d;

    font-size:.95rem;

}

/*=========================================================
  RESOURCE COUNT
=========================================================*/

.resource-card span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    border-radius:40px;

    background:#edf5ff;

    color:#0d6efd;

    font-size:.85rem;

    font-weight:700;

}

/*=========================================================
  TOP ACCENT
=========================================================*/

.resource-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0d6efd,#52a4ff);

    transform:scaleX(0);

    transition:.35s;

}

.resource-card{

    position:relative;

    overflow:hidden;

}

.resource-card:hover::before{

    transform:scaleX(1);

}

/*=========================================================
  SWIPER BUTTONS
=========================================================*/

.academicResourceSwiper .swiper-button-next,
.academicResourceSwiper .swiper-button-prev{

    width:54px;

    height:54px;

    border-radius:50%;

    background:#ffffff;

    color:#0d6efd;

    box-shadow:0 12px 35px rgba(20,40,90,.15);

    transition:.3s;

}

.academicResourceSwiper .swiper-button-next:hover,
.academicResourceSwiper .swiper-button-prev:hover{

    background:#0d6efd;

    color:#ffffff;

    transform:scale(1.08);

}

.academicResourceSwiper .swiper-button-next::after,
.academicResourceSwiper .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

.academicResourceSwiper .swiper-button-prev{

    left:8px;

}

.academicResourceSwiper .swiper-button-next{

    right:8px;

}

/*=========================================================
  PAGINATION
=========================================================*/

.academicResourceSwiper .swiper-pagination{

    bottom:0 !important;

}

.academicResourceSwiper .swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#c7d5e8;

    opacity:1;

    transition:.3s;

}

.academicResourceSwiper .swiper-pagination-bullet-active{

    width:28px;

    border-radius:20px;

    background:#0d6efd;

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:991px){

    .academicResourceSwiper{

        padding:20px 20px 70px;

    }

    .resource-card{

        padding:35px 24px;

    }

}

@media (max-width:767px){

    .academic-resource-center{

        padding:70px 0;

    }

    .resource-card{

        padding:30px 22px;

    }

    .resource-card img{

        width:72px;

        height:72px;

    }

    .resource-card h4{

        font-size:1.2rem;

    }

    .resource-card p{

        font-size:.92rem;

    }

    .academicResourceSwiper .swiper-button-next,
    .academicResourceSwiper .swiper-button-prev{

        display:none;

    }

}

/*=========================================================
  ACADEMIC AI
=========================================================*/

.academic-ai{

    position:relative;

    padding:100px 0;

    background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);

    overflow:hidden;

}

/*=========================================================
  IMAGE
=========================================================*/

.academic-ai-image{

    position:relative;

    text-align:center;

}

.academic-ai-image img{

    max-width:100%;

    animation:aiFloat 5s ease-in-out infinite;
    border-radius:28px;

}

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

.ai-floating-card{

    position:absolute;

    left:-30px;

    bottom:50px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 24px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 18px 45px rgba(20,40,90,.12);

    z-index:5;

    animation:floatingCard 4s ease-in-out infinite;

}

.ai-floating-card i{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:linear-gradient(135deg,#0d6efd,#4aa4ff);

    color:#fff;

    font-size:26px;

}

.ai-floating-card h5{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#183153;

}

.ai-floating-card small{

    color:#6d7b92;

}

/*=========================================================
  FEATURE LIST
=========================================================*/

.ai-feature-list{

    margin-top:40px;

}

.ai-feature{

    display:flex;

    align-items:flex-start;

    gap:22px;

    padding:22px;

    margin-bottom:20px;

    background:#ffffff;

    border-radius:20px;

    border:1px solid #edf2fa;

    transition:.35s;

    box-shadow:0 10px 30px rgba(20,40,90,.05);

}

.ai-feature:hover{

    transform:translateX(8px);

    border-color:#d7e8ff;

    box-shadow:0 18px 40px rgba(13,110,253,.10);

}

.ai-feature img{

    width:72px;

    height:72px;

    object-fit:contain;

    flex-shrink:0;

}

.ai-feature h5{

    margin-bottom:10px;

    font-size:1.2rem;

    font-weight:700;

    color:#183153;

}

.ai-feature p{

    margin:0;

    color:#66758d;

    line-height:1.8;

    font-size:.96rem;

}

/*=========================================================
  BUTTON
=========================================================*/

.academic-ai .btn{

    padding:15px 36px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 15px 35px rgba(13,110,253,.20);

}

.academic-ai .btn:hover{

    transform:translateY(-4px);

}

/*=========================================================
  DECORATIVE SHAPES
=========================================================*/

.academic-ai::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

    top:-120px;

    right:-120px;

}

.academic-ai::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(13,110,253,.04);

    bottom:-100px;

    left:-100px;

}

/*=========================================================
  ANIMATIONS
=========================================================*/

@keyframes aiFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

}

@keyframes floatingCard{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:991px){

    .academic-ai{

        text-align:center;

        padding:80px 0;

    }

    .academic-ai-image{

        margin-bottom:60px;

    }

    .ai-floating-card{

        left:50%;

        bottom:-25px;

        transform:translateX(-50%);

    }

    .ai-feature{

        text-align:left;

    }

}

@media (max-width:767px){

    .academic-ai{

        padding:70px 0;

    }

    .ai-feature{

        flex-direction:column;

        align-items:center;

        text-align:center;

        padding:25px;

    }

    .ai-feature img{

        width:60px;

        height:60px;

    }

    .ai-feature h5{

        font-size:1.1rem;

    }

    .ai-floating-card{

        position:relative;

        left:auto;

        bottom:auto;

        transform:none;

        margin:30px auto 0;

        max-width:320px;

    }

}

/*=========================================================
  ACADEMIC STATISTICS
=========================================================*/

.academic-statistics{

    position:relative;

    padding:100px 0;

    background:linear-gradient(135deg,#0b5ed7 0%,#0a4cb3 100%);

    overflow:hidden;

}

.academic-statistics::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

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

    top:-180px;
    left:-180px;

}

.academic-statistics::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    border-radius:50%;

    background:rgba(255,255,255,.04);

    bottom:-140px;
    right:-140px;

}

/*=========================================================
  HEADER
=========================================================*/

.academic-statistics .section-badge{

    background:rgba(255,255,255,.15);

    color:#fff;

}

.academic-statistics .section-header h2{

    color:#fff;

}

.academic-statistics .section-header p{

    color:rgba(255,255,255,.82);

}

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

.stats-card{

    position:relative;

    height:100%;

    padding:40px 25px;

    text-align:center;

    border-radius:24px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

    transition:all .35s ease;

    overflow:hidden;

}

.stats-card:hover{

    transform:translateY(-10px);

    background:rgba(255,255,255,.15);

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}

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

.stats-card img{

    width:80px;

    height:80px;

    object-fit:contain;

    margin-bottom:25px;

    transition:.35s;

}

.stats-card:hover img{

    transform:scale(1.08);

}

/*=========================================================
  COUNTER
=========================================================*/

.stats-card h3{

    margin-bottom:10px;

    font-size:2.8rem;

    font-weight:800;

    color:#fff;

    line-height:1;

}

.stats-card span{

    display:block;

    color:rgba(255,255,255,.9);

    font-size:1rem;

    font-weight:500;

}

/*=========================================================
  GLOW EFFECT
=========================================================*/

.stats-card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-90px;

    right:-90px;

    transition:.4s;

}

.stats-card:hover::before{

    transform:scale(1.2);

}

/*=========================================================
  COUNTER ANIMATION
=========================================================*/

.counter{

    transition:all .3s ease;

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:1199px){

    .stats-card{

        padding:35px 20px;

    }

    .stats-card h3{

        font-size:2.4rem;

    }

}

@media (max-width:991px){

    .academic-statistics{

        padding:80px 0;

    }

}

@media (max-width:767px){

    .academic-statistics{

        padding:70px 0;

    }

    .stats-card{

        padding:30px 20px;

    }

    .stats-card img{

        width:70px;

        height:70px;

    }

    .stats-card h3{

        font-size:2.1rem;

    }

    .stats-card span{

        font-size:.92rem;

    }

}
/*=========================================================
ACADEMIC CTA
=========================================================*/

.academic-cta{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

/*=========================================================
WRAPPER
=========================================================*/

.academic-cta-wrapper{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    padding:70px;

    background:linear-gradient(135deg,#0b5ed7 0%,#0a4cb3 100%);

    box-shadow:0 30px 80px rgba(11,94,215,.25);

    z-index:1;

}

.academic-cta-wrapper::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    top:-180px;

    right:-180px;

}

.academic-cta-wrapper::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

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

    bottom:-140px;

    left:-140px;

}

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

.cta-content{

    position:relative;

    z-index:2;

}

.cta-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:12px 24px;

    margin-bottom:28px;

    border-radius:50px;

    background:rgba(255,255,255,.14);

    backdrop-filter:blur(8px);

    color:#fff;

    font-weight:700;

    font-size:.95rem;

}

.cta-badge i{

    color:#ffd54f;

}

.cta-content h2{

    margin-bottom:25px;

    font-size:3rem;

    line-height:1.2;

    font-weight:800;

    color:#ffffff;

}

.cta-content h2 span{

    color:#ffd54f;

}

.cta-content p{

    max-width:620px;

    margin-bottom:40px;

    color:rgba(255,255,255,.90);

    font-size:1.08rem;

    line-height:1.9;

}

/*=========================================================
FEATURE LIST
=========================================================*/

.cta-features{

    display:grid;

    grid-template-columns:repeat(2,minmax(240px,1fr));

    gap:18px;

    margin-bottom:45px;

}

.cta-features div{

    display:flex;

    align-items:center;

    gap:12px;

    color:#ffffff;

    font-weight:600;

}

.cta-features i{

    color:#7ef29b;

    font-size:18px;

}

/*=========================================================
BUTTONS
=========================================================*/

.cta-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.cta-buttons .btn{

    padding:15px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.cta-buttons .btn-light{

    color:#0b5ed7;

    background:#ffffff;

    border:none;

}

.cta-buttons .btn-light:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 40px rgba(0,0,0,.18);

}

.cta-buttons .btn-outline-light{

    border:2px solid rgba(255,255,255,.6);

    color:#ffffff;

}

.cta-buttons .btn-outline-light:hover{

    background:#ffffff;

    color:#0b5ed7;

    transform:translateY(-4px);

}

/*=========================================================
IMAGE
=========================================================*/

.cta-image{

    position:relative;

    text-align:center;

    z-index:2;

}

.cta-image img{

    width:100%;

    max-width:520px;

    animation:ctaFloat 5s ease-in-out infinite;

}

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

.cta-floating-card{

    position:absolute;

    left:-20px;

    bottom:40px;

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 24px;

    background:#ffffff;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.18);

    animation:floatingCard 4s ease-in-out infinite;

}

.cta-floating-card i{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#0b5ed7;

    color:#ffffff;

    font-size:24px;

}

.cta-floating-card h4{

    margin:0;

    font-size:1.6rem;

    font-weight:800;

    color:#183153;

}

.cta-floating-card small{

    color:#6f7d95;

}

/*=========================================================
ANIMATIONS
=========================================================*/

@keyframes ctaFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

}

@keyframes floatingCard{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:1199px){

    .academic-cta-wrapper{

        padding:60px 50px;

    }

    .cta-content h2{

        font-size:2.6rem;

    }

}

@media (max-width:991px){

    .academic-cta{

        padding:80px 0;

    }

    .academic-cta-wrapper{

        padding:50px 35px;

        text-align:center;

    }

    .cta-content p{

        margin-left:auto;

        margin-right:auto;

    }

    .cta-features{

        grid-template-columns:1fr;

        max-width:500px;

        margin:0 auto 40px;

    }

    .cta-buttons{

        justify-content:center;

    }

    .cta-image{

        margin-top:40px;

    }

    .cta-floating-card{

        position:relative;

        left:auto;

        bottom:auto;

        margin:30px auto 0;

        width:max-content;

    }

}

@media (max-width:767px){

    .academic-cta{

        padding:70px 0;

    }

    .academic-cta-wrapper{

        padding:35px 25px;

        border-radius:24px;

    }

    .cta-content h2{

        font-size:2rem;

    }

    .cta-content p{

        font-size:1rem;

    }

    .cta-buttons{

        flex-direction:column;

    }

    .cta-buttons .btn{

        width:100%;

    }

    .cta-floating-card{

        max-width:300px;

    }

}

/*=========================================================
 SUBJECT MODULES
=========================================================*/

.academic-subjects{

    padding:100px 0;

    background:#f8fbff;

}

/*=========================================================
 CATEGORY
=========================================================*/

.module-category{

    margin-top:70px;

}

.module-category:first-of-type{

    margin-top:50px;

}

.category-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    margin-bottom:35px;

    gap:20px;

}

.category-header h3{

    font-size:2rem;

    font-weight:800;

    color:#183153;

    margin:12px 0 8px;

}

.category-header p{

    color:#6f7d95;

    margin:0;

    max-width:650px;

    line-height:1.8;

}

.view-all{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0b5ed7;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.view-all:hover{

    gap:15px;

    color:#084298;

}

/*=========================================================
 BADGES
=========================================================*/

.category-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 20px;

    border-radius:50px;

    font-size:.9rem;

    font-weight:700;

}

.category-badge i{

    font-size:16px;

}

.category-badge.engineering{

    background:#e8f1ff;

    color:#0b5ed7;

}

.category-badge.commerce{

    background:#eafaf0;

    color:#198754;

}

.category-badge.business{

    background:#fff3e8;

    color:#fd7e14;

}

/*=========================================================
 SWIPER
=========================================================*/

.engineeringSwiper,
.commerceSwiper,
.businessSwiper{

    padding:15px 4px 70px;
   /*  padding:20px 60px 80px; */



}

.engineeringSwiper .swiper-slide,
.commerceSwiper .swiper-slide,
.businessSwiper .swiper-slide{

    height:auto;

    display:flex;

}

.engineeringSwiper .academic-subject-card,
.commerceSwiper .academic-subject-card,
.businessSwiper .academic-subject-card{

    width:100%;

}

/*=========================================================
 NAVIGATION
=========================================================*/

.swiper-button-next,
.swiper-button-prev{

    width:54px;

    height:54px;

    border-radius:50%;

    background:#ffffff;

    color:#0b5ed7;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    transition:.35s;

}

.swiper-button-next:hover,
.swiper-button-prev:hover{

    background:#0b5ed7;

    color:#ffffff;

    transform:translateY(-4px);

}

.swiper-button-next::after,
.swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

/*=========================================================
 PAGINATION
=========================================================*/

.swiper-pagination{

    bottom:8px !important;

}

.swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#c5d2e5;

    opacity:1;

    transition:.3s;

}

.swiper-pagination-bullet-active{

    width:32px;

    border-radius:30px;

    background:#0b5ed7;

}

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

.academic-subject-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:#ffffff;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    text-decoration:none;

    transition:.35s;

    height:100%;

}

.academic-subject-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(11,94,215,.15);

}

.academic-subject-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.subject-content{

    padding:24px;

    display:flex;

    flex-direction:column;

    flex:1;

}

/*=========================================================
 TAG
=========================================================*/

.subject-tag{

    display:inline-block;

    padding:7px 16px;

    border-radius:30px;

    font-size:.82rem;

    font-weight:700;

    margin-bottom:15px;

}

.subject-tag.engineering{

    background:#e8f1ff;

    color:#0b5ed7;

}

.subject-tag.commerce{

    background:#eafaf0;

    color:#198754;

}

.subject-tag.business{

    background:#fff3e8;

    color:#fd7e14;

}

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

.subject-content h4{

    font-size:1.35rem;

    font-weight:800;

    color:#183153;

    margin-bottom:12px;

}

.subject-content p{

    color:#6f7d95;

    line-height:1.7;

    margin-bottom:20px;

    flex:1;

}

/*=========================================================
 META
=========================================================*/

.course-meta{

    display:flex;

    justify-content:space-between;

    font-size:.9rem;

    margin-bottom:18px;

    color:#6f7d95;

}

.course-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

/*=========================================================
 RATING
=========================================================*/

.course-rating{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.course-rating .stars{

    color:#ffb400;

}

/*=========================================================
 FEATURES
=========================================================*/

.subject-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

    margin-bottom:24px;

}

.subject-features div{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:.9rem;

    color:#495057;

}

.subject-features i{

    color:#0b5ed7;

}

/*=========================================================
 CTA
=========================================================*/

.course-action{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:18px;

    border-top:1px solid #edf2f8;

    font-weight:700;

    color:#0b5ed7;

    transition:.3s;

}

.academic-subject-card:hover .course-action{

    color:#084298;

}

.academic-subject-card:hover .course-action i{

    transform:translateX(6px);

}

.course-action i{

    transition:.3s;

}

/*=========================================================
 RESPONSIVE
=========================================================*/

@media(max-width:991px){

    .category-header{

        flex-direction:column;

        align-items:flex-start;

    }

    .category-header h3{

        font-size:1.7rem;

    }

}

@media(max-width:767px){

    .academic-subjects{

        padding:70px 0;

    }

    .subject-features{

        grid-template-columns:1fr;

    }

    .course-meta{

        flex-direction:column;

        gap:10px;

    }

    .swiper-button-next,
    .swiper-button-prev{

        display:none;

    }

}

.module-tag.engineering{

    background:#e8f1ff;

    color:#0b5ed7;

}

.module-tag.commerce{

    background:#e9f9ef;

    color:#198754;

}

.module-tag.business{

    background:#fff3e8;

    color:#fd7e14;

}

/*=========================================================
  SUBJECT MODULES
=========================================================*/

.academic-subjects{

    background:#f8fbff;

    position:relative;

    overflow:hidden;

}

.module-section{

    margin-top:70px;

}

.module-section:first-of-type{

    margin-top:50px;

}

/*=========================================================
  CATEGORY HEADER
=========================================================*/

.category-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:35px;

    margin-bottom:35px;

    padding:32px 36px;

    background:#ffffff;

    border-radius:24px;

    border:1px solid #edf2f7;

    box-shadow:0 12px 35px rgba(16,24,40,.05);

}

.category-info{

    flex:1;

}

.category-info h3{

    font-size:2rem;

    font-weight:800;

    color:#183153;

    margin:18px 0 12px;

    line-height:1.2;

}

.category-info p{

    font-size:1rem;

    color:#6b7280;

    line-height:1.8;

    margin:0;

    max-width:650px;

}

/*=========================================================
  CATEGORY BADGE
=========================================================*/

.category-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 20px;

    border-radius:40px;

    font-size:.9rem;

    font-weight:700;

}

.category-badge i{

    font-size:16px;

}

.category-badge.engineering{

    background:#e8f1ff;

    color:#0b5ed7;

}

.category-badge.commerce{

    background:#ebfff4;

    color:#198754;

}

.category-badge.business{

    background:#fff4e8;

    color:#fd7e14;

}

/*=========================================================
  CATEGORY STATS
=========================================================*/

.category-stats{

    display:flex;

    gap:20px;

    align-items:center;

}

.category-stats div{

    width:95px;

    height:90px;

    border-radius:18px;

    background:#f8fbff;

    text-align:center;

    display:flex;

    flex-direction:column;

    justify-content:center;

    transition:.35s;

}

.category-stats div:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 30px rgba(11,94,215,.10);

}

.category-stats strong{

    font-size:1.5rem;

    font-weight:800;

    color:#0b5ed7;

    display:block;

    line-height:1.1;

}

.category-stats span{

    font-size:.82rem;

    color:#6b7280;

    margin-top:6px;

}

/*=========================================================
  VIEW ALL
=========================================================*/

.view-all{

    display:inline-flex;

    align-items:center;

    gap:10px;

    white-space:nowrap;

    font-weight:700;

    color:#0b5ed7;

    text-decoration:none;

    transition:.3s;

}

.view-all:hover{

    gap:16px;

    color:#084298;

}

.view-all i{

    transition:.3s;

}

/*=========================================================
  SWIPER
=========================================================*/

.subjectSwiper{

    padding:12px 5px 70px;

    

}

.subjectSwiper .swiper-slide{

    display:flex;

    height:auto;

}

.subjectSwiper .module-category-card{

    width:100%;

}

/*=========================================================
  SWIPER NAVIGATION
=========================================================*/

.subjectSwiper .swiper-button-next,
.subjectSwiper .swiper-button-prev{

    width:54px;

    height:54px;

    border-radius:50%;

    background:#ffffff;

    color:#0b5ed7;

    box-shadow:0 12px 35px rgba(0,0,0,.12);

    transition:.35s;

}

.subjectSwiper .swiper-button-next:hover,
.subjectSwiper .swiper-button-prev:hover{

    background:#0b5ed7;

    color:#ffffff;

    transform:translateY(-3px);

}

.subjectSwiper .swiper-button-next::after,
.subjectSwiper .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

/*=========================================================
  PAGINATION
=========================================================*/

.subjectSwiper .swiper-pagination{

    bottom:8px !important;

}

.subjectSwiper .swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#c6d2e4;

    opacity:1;

}

.subjectSwiper .swiper-pagination-bullet-active{

    width:32px;

    border-radius:30px;

    background:#0b5ed7;

}

/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:1200px){

    .category-header{

        flex-wrap:wrap;

    }

    .category-stats{

        width:100%;

        justify-content:flex-start;

    }

}

@media(max-width:992px){

    .category-header{

        padding:28px;

        flex-direction:column;

        align-items:flex-start;

    }

    .category-info h3{

        font-size:1.8rem;

    }

    .category-stats{

        width:100%;

        flex-wrap:wrap;

    }

    .view-all{

        margin-top:10px;

    }

}

@media(max-width:768px){

    .module-section{

        margin-top:50px;

    }

    .category-header{

        padding:24px;

    }

    .category-info h3{

        font-size:1.55rem;

    }

    .category-stats{

        gap:12px;

    }

    .category-stats div{

        width:82px;

        height:80px;

    }

    .subjectSwiper .swiper-button-next,
    .subjectSwiper .swiper-button-prev{

        display:none;

    }

}

@media(max-width:576px){

    .category-stats{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        width:100%;

    }

    .category-stats div{

        width:100%;

    }

}

.hero-breadcrumb{

    margin-bottom:45px;

}

.hero-breadcrumb .breadcrumb{

    background:#fff;

    display:inline-flex;

    padding:12px 20px;

    border-radius:50px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    margin:0;

}

.hero-breadcrumb .breadcrumb-item{

    font-size:14px;

    font-weight:600;

}

.hero-breadcrumb .breadcrumb-item a{

    color:#0B3D91;

    text-decoration:none;

}

.hero-breadcrumb .breadcrumb-item.active{

    color:#6c757d;

}

.hero-breadcrumb i{

    margin-right:6px;

}

/*==========================================================
BADGE
==========================================================*/

.hero-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:#EAF2FF;

    color:#0B3D91;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

}