@charset "UTF-8";

/* ==========================================================
   HERO SECTION
========================================================== */

/* .hero-section {
    position: relative;
    overflow: hidden;
    padding: 90px 0 70px;
    min-height: 720px;
    display: flex;
    align-items: center;

    background: linear-gradient(135deg,#0B3D91 0%,#1565C0 55%,#2196F3 100%);
}

.hero-section{

    background:
        linear-gradient(
            rgba(7,45,110,.88),
            rgba(11,61,145,.92)
        ),
         url('../../images/dmat/germany-bg.png');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

}  */

.hero-section{
    position: relative;
    overflow: hidden;
    padding: 10px 0 50px;
    min-height: 720px;
    display: flex;
    align-items: center;

    background:
        linear-gradient(
            rgba(7,45,110,.30),
            rgba(11,61,145,.50)
        ),
        url('../../images/dmat/germany-bg.png');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Background Decorations */

.hero-section::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-180px;
    width:550px;
    height:550px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}

.hero-section::after{
    content:"";
    position:absolute;
    bottom:-150px;
    left:-150px;
    width:420px;
    height:420px;
    border-radius:50%;
    /* background:rgba(255,255,255,.05); */
    
    background:
     url('../../images/dmat/dmat-pattern.svg');

    opacity:.12;
}

.hero-section::after{

    content:"";

    position:absolute;

    right:-150px;

    top:50px;

    width:500px;

    height:500px;

    background:url('../images/dmat/hero/dmat-pattern.svg');

    opacity:.12;

}

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

.hero-badge{

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

    padding:10px 18px;

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

    color:#fff;

    border-radius:50px;

    backdrop-filter:blur(12px);

    font-weight:600;

    font-size:14px;

    letter-spacing:.4px;

}

.hero-title{

    margin-top:25px;

    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#fff;

}

.hero-title span{

    color:#FFC107;

}

.hero-description{

    margin-top:25px;

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

    font-size:18px;

    line-height:1.8;

    max-width:560px;

}

/* ==========================================================
   HIGHLIGHTS
========================================================== */

.hero-highlights{

    margin-top:35px;

    display:grid;

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

    gap:18px;

}

.hero-highlights div{

    display:flex;

    align-items:center;

    color:#fff;

    font-size:16px;

    font-weight:500;

}

.hero-highlights i{

    margin-right:12px;

    color:#29E27D;

    font-size:18px;

}

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

.hero-buttons{

    display:flex;

    gap:18px;

    margin-top:40px;

}

.hero-buttons .btn{

    border-radius:50px;

    padding:14px 34px;

    font-size:17px;

    font-weight:600;

    transition:.35s;

}

.hero-buttons .btn-primary{

    background:#FF9800;

    border:none;

}

.hero-buttons .btn-primary:hover{

    background:#FB8C00;

    transform:translateY(-4px);

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

}

.hero-buttons .btn-light{

    color:#0B3D91;

    font-weight:600;

}

.hero-buttons .btn-light:hover{

    transform:translateY(-4px);

}

/* ==========================================================
   RIGHT SIDE
========================================================== */

.hero-image-wrapper{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-image{

    max-width:520px;

    width:100%;

    position:relative;
    
    border-radius:28px;

    z-index:2;
    

}

/* ==========================================================
   FLOATING CARDS
========================================================== */

.floating-card{

    position:absolute;

    width:180px;

    padding:22px;

    border-radius:18px;

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

    box-shadow:0 25px 45px rgba(0,0,0,.15);

    text-align:center;

    z-index:5;

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

}

.floating-card i{

    color:#1565C0;

    font-size:28px;

    margin-bottom:12px;

}

.floating-card h3{

    margin:0;

    color:#0B3D91;

    font-size:32px;

    font-weight:700;

}

.floating-card small{

    color:#666;

    font-size:14px;

}

.card-questions{

    top:30px;

    right:-60px;

}

.card-tests{

    top:200px;

    right:-60px;

    animation-delay:1.5s;

}

.card-support{

    top:380px;

    right:-60px;

    animation-delay:.8s;

}

/*==========================================================
HERO FLOATING CARD - ADMISSION
==========================================================*/

.card-admission{

    top:180px;

    left:-70px;

    animation-delay:.6s;

    background:linear-gradient(135deg,#FFD54F,#FFC107);

    color:#0B3D91;

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

    box-shadow:0 18px 40px rgba(255,193,7,.35);

}

.card-admission i{

    color:#0B3D91;

    font-size:22px;

}

.card-admission h3{

    color:#0B3D91;

    font-size:34px;

    font-weight:800;

    margin:8px 0 4px;

}

.card-admission small{

    color:#0B3D91;

    font-weight:700;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:.5px;

}

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

@keyframes floatCard{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

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

@media(max-width:991px){

.hero-section{

    padding:70px 0;

    text-align:center;

    min-height:auto;

}

.hero-title{

    font-size:46px;

}

.hero-description{

    margin:auto;
    margin-top:25px;

}

.hero-highlights{

    grid-template-columns:1fr;

}

.hero-buttons{

    justify-content:center;

    flex-wrap:wrap;

}

.hero-image{

    margin-top:60px;

    max-width:380px;

}

.floating-card{

    transform:scale(.85);

}

.card-questions{

    right:0;

}

.card-tests{

    left:0;

}

.card-support{

    right:20px;

}




}

@media(max-width:576px){

.hero-title{

    font-size:36px;

}

.hero-buttons .btn{

    width:100%;

}

.hero-badge{

    font-size:12px;

}

.hero-image{

    max-width:300px;

}

.floating-card{

    display:none;

}

}

.hero-circle{
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    filter:blur(2px);
}

/* =====================================================
   DMAT NAVBAR
===================================================== */

.dmat-navbar{

    background:rgba(11,61,145,.95);

    backdrop-filter:blur(14px);

    transition:.35s;

    padding:12px 0;

}

.dmat-navbar .navbar-brand{

    font-size:1.6rem;

}

.dmat-navbar .nav-link{

    color:#fff !important;

    font-weight:500;

    margin:0 10px;

    position:relative;

}

.dmat-navbar .nav-link:hover{

    color:#FFC107 !important;

}

.dmat-navbar .nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-5px;

    width:0;

    height:2px;

    background:#FFC107;

    transition:.3s;

}

.dmat-navbar .nav-link:hover::after{

    width:100%;

}

.dmat-navbar .btn{

    border-radius:40px;

    padding:10px 24px;

}

.dmat-navbar.scrolled{

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

}

/* =====================================================
   UPDATE BANNER
===================================================== */

.update-banner{

    background:#FFF8E8;

    padding:35px 0;

    border-top:1px solid #FFE5A5;

    border-bottom:1px solid #FFE5A5;

}

.update-icon{

    width:70px;

    height:70px;

    margin:auto;

    border-radius:50%;

    background:#FFC107;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:30px;

    box-shadow:0 10px 30px rgba(255,193,7,.35);

}

.update-label{

    display:inline-block;

    background:#FF9800;

    color:#fff;

    padding:6px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

}

.update-banner h4{

    color:#0B3D91;

    font-weight:700;

}

.update-banner p{

    color:#555;

    line-height:1.8;

    font-size:16px;

}

.update-banner .btn{

    border-radius:40px;

    padding:12px 28px;

}

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

.statistics-section{

    background:#F7FAFD;

}

.section-badge{

    display:inline-block;

    background:#EAF2FF;

    color:#0B3D91;

    padding:8px 20px;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

}

.section-title{

    font-size:40px;

    font-weight:700;

    color:#0B3D91;

}

.section-subtitle{

    max-width:700px;

    margin:auto;

    color:#666;

    font-size:17px;

}

.stat-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

    transition:.35s;

    height:100%;

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

}

.stat-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.stat-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    margin:auto;

    background:#0B3D91;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

    margin-bottom:20px;

}

.stat-card h2{

    font-size:42px;

    color:#1565C0;

    font-weight:800;

}

.stat-card h5{

    margin-top:10px;

    font-weight:700;

    color:#222;

}

.stat-card p{

    margin-top:12px;

    color:#666;

    line-height:1.7;

}

.stat-card img {
   width: 70px;
    height: 70px;
}

.feature-item img {
   width: 60px;
    height: 60px;
}
.module-header img{
   width: 70px;
    height: 70px;
}
/*==========================================================
ABOUT DMAT
==========================================================*/

.about-dmat-section{

    background:#fff;
    position:relative;

}

.about-dmat-section::after{

    content:"";

    position:absolute;

    top:20px;

    right:20px;

    width:180px;

    height:180px;

    background:url('../images/dmat/dmat-pattern.svg');

    opacity:.08;

}

.about-image{

    position:relative;

}

.about-image img{

    border-radius:25px;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.experience-card{

    position:absolute;

    bottom:30px;

    right:-20px;

    background:#0B3D91;

    color:#fff;

    padding:25px;

    border-radius:18px;

    width:220px;

    text-align:center;

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

}

.experience-card h2{

    margin:0;

    font-size:34px;

    font-weight:700;

}

.experience-card p{

    margin:8px 0 0;

    font-size:14px;

}

.about-text{

    color:#666;

    line-height:1.9;

    margin-top:20px;

    font-size:16px;

}

.feature-item{

    display:flex;

    align-items:center;

    padding:18px;

    border-radius:15px;

    background:#F8FAFD;

    margin-bottom:18px;

    transition:.3s;

}

.feature-item:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.feature-item i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#bbd0f2;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    margin-right:18px;

}

.feature-item h6{

    margin-bottom:5px;

    font-weight:700;

}

.feature-item small{

    color:#666;

}

@media(max-width:991px){

.experience-card{

    position:relative;

    right:auto;

    bottom:auto;

    margin:20px auto 0;

}

}

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

.eligibility-section{

    background:#F8FAFD;

}

.eligibility-features{

    display:grid;

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

    gap:18px;

}

.feature{

    background:#fff;

    border-radius:12px;

    padding:18px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

    font-weight:600;

}

.feature i{

    color:#2ECC71;

    margin-right:10px;

}

.eligibility-section img{

    max-width:520px;

}
/* Exam Structure */

.exam-section{

    background:#ffffff;

}

.info-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

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

    transition:.3s;

}

.info-card:hover{

    transform:translateY(-6px);

}

.info-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#0B3D91;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    margin-bottom:20px;

}

.info-card ul{

    margin:0;

    padding-left:20px;

}

.info-card li{

    margin-bottom:12px;

    color:#666;

}

.skill-grid{

    display:grid;

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

    gap:12px;

}

.skill-grid span{

    background:#F5F8FD;

    padding:12px;

    border-radius:10px;

    text-align:center;

    font-weight:600;

}

.exam-row{

    display:flex;

    justify-content:space-between;

    padding:14px 0;

    border-bottom:1px solid #ECECEC;

}

/*==========================================================
DMAT LEARNING HUB
==========================================================*/

.modules-section{

    background:#F8FAFD;

    padding:100px 0;

}

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

.module-stats{

    margin-bottom:60px;

}

.stat-box{

    background:#fff;

    border-radius:18px;

    padding:30px 15px;

    border:1px solid #E7EEF8;

    transition:.35s;

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

}

.stat-box:hover{

    transform:translateY(-8px);

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

}

.stat-box h3{

    margin:0;

    font-size:40px;

    font-weight:800;

    color:#0B3D91;

}

.stat-box span{

    display:block;

    margin-top:8px;

    color:#666;

    font-weight:600;

    font-size:14px;

}

/*==========================================================
PANELS
==========================================================*/

.module-panel{

    background:#fff;

    border-radius:24px;

    padding:35px;

    border:1px solid #E8EEF6;

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

    transition:.35s;

    height:100%;

}

.module-panel:hover{

    transform:translateY(-8px);

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

}

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

.module-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

    padding-bottom:25px;

    border-bottom:1px solid #EDF3FA;

}

.module-category{

    display:inline-block;

    padding:6px 14px;

    border-radius:30px;

    background:#EAF4FF;

    color:#1565C0;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

}

.module-category.subject{

    background:#EEF9F2;

    color:#198754;

}

.module-header h3{

    margin:12px 0 0;

    font-size:28px;

    font-weight:700;

    color:#0B3D91;

}

.module-main-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#1565C0,#42A5F5);

    color:#fff;

    font-size:30px;

}

/*==========================================================
MODULE GRID
==========================================================*/

.module-grid{

    display:grid;

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

    gap:15px;

}

/*==========================================================
MODULE ITEM
==========================================================*/

.module-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:18px;

    background:#F8FAFD;

    border:1px solid #E8EEF6;

    border-radius:16px;

    color:#333;

    font-weight:600;

    text-decoration:none;

    transition:.30s;

    position:relative;

    overflow:hidden;

}

.module-item::after{

    content:"\f061";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    right:18px;

    opacity:0;

    transition:.3s;

    color:#1565C0;

}

.module-item i{

    width:46px;

    height:46px;

    border-radius:14px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#EAF4FF;

    color:#1565C0;

    font-size:18px;

    flex-shrink:0;

    transition:.35s;

}

.module-item:hover{

    background:#1565C0;

    color:#fff;

    transform:translateX(6px);

    border-color:#1565C0;

    box-shadow:0 12px 25px rgba(21,101,192,.25);

}

.module-item:hover i{

    background:#fff;

    color:#1565C0;

    transform:rotate(-12deg) scale(1.08);

}

.module-item:hover::after{

    right:15px;

    opacity:1;

    color:#fff;

}

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

.modules-section .btn-primary{

    padding:14px 34px;

    border-radius:14px;

    font-weight:700;

    font-size:16px;

    box-shadow:0 12px 30px rgba(21,101,192,.25);

}

.modules-section .btn-primary:hover{

    transform:translateY(-3px);

}

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

@media(max-width:991px){

    .module-grid{

        grid-template-columns:1fr;

    }

    .module-header{

        flex-direction:column;

        text-align:center;

        gap:20px;

    }

}

@media(max-width:768px){

    .stat-box{

        margin-bottom:20px;

    }

    .module-panel{

        padding:25px;

    }

    .module-header h3{

        font-size:24px;

    }

}

/*==========================================================
DOWNLOAD RESOURCES
==========================================================*/

.downloads-section{

    position:relative;

    background:linear-gradient(180deg,#FFFFFF 0%,#F7FAFE 100%);

    padding:100px 0;

    overflow:hidden;

}

.downloads-section::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(21,101,192,.05);

}

.downloads-section::after{

    content:"";

    position:absolute;

    bottom:-150px;

    left:-120px;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(33,150,243,.04);

}

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

.downloadSwiper{

    padding:15px 8px 80px;

}

.downloadSwiper .swiper-slide{

    height:auto;

    display:flex;

}

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

.download-card{

    position:relative;

    display:flex;

    flex-direction:column;

    width:100%;

    height:100%;

    background:#FFFFFF;

    border-radius:24px;

    padding:32px;

    overflow:hidden;

    border:1px solid #E6EDF8;

    transition:all .35s ease;

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

}

.download-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#1565C0,#42A5F5);

}

.download-card:hover{

    transform:translateY(-10px);

    border-color:#1565C0;

    box-shadow:0 25px 60px rgba(21,101,192,.14);

}

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

.download-badge{

    position:absolute;

    top:18px;

    right:18px;

    background:#E8F8EE;

    color:#198754;

    padding:7px 14px;

    border-radius:30px;

    font-size:11px;

    font-weight:700;

    letter-spacing:.4px;

}

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

.download-icon{

    width:76px;

    height:76px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#FFFFFF;

    font-size:34px;

    margin-bottom:24px;

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

    transition:.35s;

}

.download-card:hover .download-icon{

    transform:rotate(-8deg) scale(1.05);

}

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

.download-card h4{

    color:#0B3D91;

    font-size:24px;

    font-weight:700;

    margin-bottom:12px;

}

.resource-desc{

    color:#667085;

    font-size:15px;

    line-height:1.75;

    min-height:82px;

    margin-bottom:18px;

}

/*==========================================================
RESOURCE TAGS
==========================================================*/

.resource-tags{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-bottom:12px;

}

.resource-tag{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:7px 13px;

    border-radius:30px;

    background:#F5F7FB;

    border:1px solid #E7EDF6;

    color:#555;

    font-size:12px;

    font-weight:600;

    transition:.3s;

}

.resource-tag i{

    color:#1565C0;

}

.resource-tag.easy{

    background:#EAF9EF;

    color:#198754;

}

.resource-tag.medium{

    background:#FFF7E6;

    color:#E67E22;

}

.resource-tag.hard{

    background:#FFF2F1;

    color:#D32F2F;

}

.download-card:hover .resource-tag{

    transform:translateY(-2px);

}

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

.download-meta{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 0;

    border-top:1px solid #EEF2F7;

    font-size:13px;

    color:#667085;

}

.download-meta:first-of-type{

    border-top:none;

}

.download-meta span{

    display:flex;

    align-items:center;

    gap:6px;

}

.download-meta i{

    color:#1565C0;

}

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

.download-btn{

    margin-top:auto;

    border-radius:14px;

    padding:13px;

    font-weight:700;

    transition:.35s;

}

.download-btn:hover{

    transform:translateY(-2px);

}

/*==========================================================
RESOURCE FOOTER
==========================================================*/

.resource-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:18px;

    padding-top:18px;

    border-top:1px solid #EDF2F7;

    color:#6C7A89;

    font-size:13px;

}

.resource-footer i{

    color:#1565C0;

}

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

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

    width:54px;

    height:54px;

    background:#FFFFFF;

    border-radius:50%;

    border:1px solid #E7EDF6;

    color:#1565C0;

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

    transition:.35s;

}

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

    background:#1565C0;

    color:#FFFFFF;

}

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

    font-size:18px;

    font-weight:700;

}

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

.downloadSwiper .swiper-pagination{

    bottom:8px !important;

}

.downloadSwiper .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#1565C0;

    opacity:.25;

    transition:.3s;

}

.downloadSwiper .swiper-pagination-bullet-active{

    width:32px;

    border-radius:20px;

    opacity:1;

}

/*==========================================================
VIEW LIBRARY BUTTON
==========================================================*/

.resource-library-btn{

    padding:14px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.resource-library-btn:hover{

    transform:translateY(-3px);

}

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

@media(max-width:992px){

.download-card{

    padding:26px;

}

.download-card h4{

    font-size:22px;

}

.resource-desc{

    min-height:auto;

}

}

@media(max-width:768px){

.downloads-section{

    padding:70px 0;

}

.download-icon{

    width:68px;

    height:68px;

    font-size:30px;

}

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

    display:none;

}

.resource-tag{

    font-size:11px;

}

}
/*==========================================================
SUCCESS JOURNEY
==========================================================*/

.journey-section{

    background:#F8FAFD;

}

.journey-image{

    max-width:100%;

    width:1000px;

    border-radius:20px;

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

}

.journey-timeline{

    display:grid;

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

    gap:25px;

    position:relative;

}

.journey-timeline::before{

    content:"";

    position:absolute;

    top:45px;

    left:8%;

    right:8%;

    height:4px;

    background:#DCE8F8;

    z-index:0;

}

.journey-item{

    position:relative;

    z-index:2;

    text-align:center;

}

.journey-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#0B3D91;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    font-weight:700;

    margin-bottom:20px;

    box-shadow:0 15px 30px rgba(11,61,145,.25);

}

.journey-item h5{

    color:#0B3D91;

    font-weight:700;

}

.journey-item p{

    color:#666;

    font-size:15px;

    line-height:1.7;

}

@media(max-width:991px){

.journey-timeline{

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

}

.journey-timeline::before{

    display:none;

}

}

@media(max-width:576px){

.journey-timeline{

    grid-template-columns:1fr;

}

}

/*==========================================================
UNIVERSITIES
==========================================================*/

.universities-section{

    background:#ffffff;

}

.feature-box{

    display:flex;

    align-items:center;

    background:#F8FAFD;

    padding:18px;

    border-radius:15px;

    transition:.3s;

    height:100%;

}

.feature-box:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.feature-box i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#0B3D91;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    margin-right:18px;

}

.feature-box h5{

    margin-bottom:5px;

    font-weight:700;

}

.feature-box small{

    color:#666;

}

/*==========================================================
WHY LINGO
==========================================================*/

.why-lingo-section{

    background:#F8FAFD;

}

.why-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    text-align:center;

    transition:.35s;

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

}

.why-card:hover{

    transform:translateY(-10px);

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

}

.why-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:20px;

    background:#0B3D91;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:32px;

}

.why-card h5{

    font-weight:700;

    color:#0B3D91;

    margin-bottom:15px;

}

.why-card p{

    color:#666;

    line-height:1.8;

}

/*==========================================================
SUCCESS STORIES
==========================================================*/

.success-section{

    background:#F8FAFD;

    padding:100px 0;

}

.successSwiper{

    padding:10px 10px 80px;

}

.successSwiper .swiper-slide{

    display:flex;

    height:auto;

}

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

.success-card{

    position:relative;

    display:flex;

    flex-direction:column;

    width:100%;

    height:100%;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:1px solid #E7EDF6;

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

    transition:all .35s ease;

}

.success-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#1565C0,#42A5F5);

    z-index:2;

}

.success-card::after{

    content:"";

    position:absolute;

    inset:0;

    border:2px solid transparent;

    border-radius:22px;

    transition:.35s;

    pointer-events:none;

}

.success-card:hover{

    transform:translateY(-8px);

    border-color:#1565C0;

    box-shadow:0 20px 50px rgba(21,101,192,.12);

}

.success-card:hover::after{

    border-color:#1565C0;

}

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

.success-image-wrapper{

    position:relative;

    display:block;

    overflow:hidden;

}

.success-image{

    width:100%;

    height:230px;

    object-fit:cover;

    transition:.45s;

}

.success-card:hover .success-image{

    transform:scale(1.05);

}

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

.image-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    background:rgba(11,61,145,.55);

    opacity:0;

    transition:.35s;

}

.image-overlay i{

    font-size:34px;

    color:#fff;

}

.image-overlay span{

    margin-top:12px;

    color:#fff;

    font-weight:600;

    font-size:15px;

}

.success-image-wrapper:hover .image-overlay{

    opacity:1;

}

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

.success-content{

    display:flex;

    flex-direction:column;

    flex:1;

    color:inherit;

    text-decoration:none;

}

.success-content:hover{

    color:inherit;

    text-decoration:none;

}

.success-body{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:24px;

}

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

.success-body h4{

    font-size:28px;

    font-weight:700;

    color:#0B3D91;

    line-height:1.2;

    margin-bottom:8px;

}

/*==========================================================
COURSE
==========================================================*/

.course{

    font-size:15px;

    line-height:1.6;

    color:#4A5568;

    font-weight:500;

    margin-bottom:15px;

    min-height:50px;

}

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

.success-body p{

    font-size:14px;

    line-height:1.7;

    color:#5E6B7A;

    margin-bottom:0;

}

/*==========================================================
READ MORE
==========================================================*/

.read-more{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

    padding-top:18px;

    border-top:1px solid #EDF2F7;

    color:#1565C0;

    font-size:15px;

    font-weight:700;

}

.read-more i{

    font-size:18px;

    transition:.35s;

}

.success-card:hover .read-more i{

    transform:translateX(8px);

}

/*==========================================================
SUCCESS TAGS
==========================================================*/

.success-tags{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-bottom:18px;

}

.success-tags .tag{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:7px 12px;

    border-radius:30px;

    font-size:11px;

    font-weight:700;

    border:1px solid transparent;

    transition:.3s;

}

.success-tags .tag i{

    font-size:11px;

}

.success-card:hover .tag{

    transform:translateY(-2px);

}

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

.tag.public{

    background:#EAF2FF;

    color:#1565C0;

    border-color:#CFE2FF;

}

.tag.visa{

    background:#EAF9EF;

    color:#198754;

    border-color:#CDEFD9;

}

.tag.aps{

    background:#FFF7E6;

    color:#E67E22;

    border-color:#FFE2B5;

}

.tag.offer{

    background:#FFF1F0;

    color:#D32F2F;

    border-color:#FFD6D2;

}

.tag.scholarship{

    background:#F4ECFF;

    color:#7B1FA2;

    border-color:#E5D5FF;

}

.tag.job{

    background:#E8F8FF;

    color:#0277BD;

    border-color:#BEEBFF;

}

.tag.accommodation{

    background:#F5F5F5;

    color:#555;

    border-color:#DDDDDD;

}

.tag.dmat{

    background:#EEF4FF;

    color:#0B3D91;

    border-color:#D8E6FF;

}

.tag.germany{

    background:#EAF4FF;

    color:#0B3D91;

    border-color:#D6E6FF;

}

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

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

    width:50px;

    height:50px;

    border-radius:50%;

    background:#fff;

    color:#1565C0;

    border:1px solid #E6EDF7;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

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

    background:#1565C0;

    color:#fff;

}

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

    font-size:18px;

    font-weight:700;

}

.successSwiper .swiper-pagination-bullet{

    width:12px;

    height:12px;

    opacity:.3;

    background:#1565C0;

}

.successSwiper .swiper-pagination-bullet-active{

    width:28px;

    border-radius:20px;

    opacity:1;

}

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

@media(max-width:768px){

.success-section{

    padding:70px 0;

}

.success-image{

    height:200px;

}

.success-body{

    padding:20px;

}

.success-body h4{

    font-size:24px;

}

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

    display:none;

}

}
/*==========================================================
FAQ
==========================================================*/

.faq-section{

    background:#F8FAFD;

}

.faq-section .accordion-item{

    border:none;

    border-radius:15px !important;

    margin-bottom:18px;

    overflow:hidden;

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

}

.faq-section .accordion-button{

    background:#fff;

    font-weight:600;

    font-size:17px;

    padding:22px 28px;

    color:#0B3D91;

}

.faq-section .accordion-button:not(.collapsed){

    background:#0B3D91;

    color:#fff;

    box-shadow:none;

}

.faq-section .accordion-button:focus{

    box-shadow:none;

}

.faq-section .accordion-body{

    padding:25px 30px;

    line-height:1.9;

    color:#555;

}

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

.contact-cta{

    background:linear-gradient(135deg,#0B3D91,#1565C0);

    border-radius:25px;

    padding:50px;

    color:#fff;

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

}

.contact-cta h3{

    font-weight:700;

}

.contact-cta p{

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

    line-height:1.8;

}

.cta-badge{

    display:inline-block;

    padding:8px 18px;

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

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}

.cta-features{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    margin-top:25px;

}

.cta-features span{

    display:flex;

    align-items:center;

    font-weight:500;

}

.cta-features i{

    color:#2ECC71;

    margin-right:8px;

}

.contact-cta .btn{

    border-radius:50px;

    padding:14px;

    font-weight:600;

}

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

.cta-section{

    padding:90px 0;

    background:#F5F8FD;

}

.cta-wrapper{

    background:linear-gradient(135deg,#0B3D91,#1565C0);

    border-radius:30px;

    padding:60px;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.cta-wrapper::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:300px;

    height:300px;

    border-radius:50%;

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

}

.cta-wrapper::after{

    content:"";

    position:absolute;

    bottom:-100px;

    left:-100px;

    width:220px;

    height:220px;

    border-radius:50%;

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

}

.cta-wrapper>*{

    position:relative;

    z-index:2;

}

.cta-tag{

    display:inline-block;

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

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}

.cta-wrapper h2{

    font-size:42px;

    font-weight:700;

}

.cta-wrapper p{

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

    line-height:1.9;

    margin-top:20px;

}

.cta-points{

    display:grid;

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

    gap:15px;

    margin-top:30px;

}

.cta-points div{

    display:flex;

    align-items:center;

}

.cta-points i{

    color:#2ECC71;

    margin-right:10px;

}

.cta-buttons{

    padding:20px;

}

.cta-buttons .btn{

    border-radius:50px;

    padding:15px;

    font-weight:600;

}

@media(max-width:991px){

    .cta-wrapper{

        padding:40px;

        text-align:center;

    }

    .cta-points{

        grid-template-columns:1fr;

    }

    .cta-buttons{

        margin-top:35px;

    }

}

/*==========================================================
PREMIUM TRUST STRIP
==========================================================*/

.trust-strip{

    background:#fff;

    padding:80px 0;

    border-top:1px solid #edf2f7;

}

.trust-header{

    text-align:center;

    margin-bottom:60px;

}

.trust-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:40px;

    background:#EAF2FF;

    color:#0B3D91;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.trust-header h2{

    margin-top:20px;

    font-size:42px;

    font-weight:700;

    color:#0B3D91;

}

.trust-header p{

    max-width:720px;

    margin:20px auto 0;

    color:#666;

    line-height:1.8;

    font-size:18px;

}

.trust-grid{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

}

.trust-item{

    flex:1;

    min-width:170px;

    text-align:center;

    padding:20px;

}

.trust-item i{

    width:72px;

    height:72px;

    margin:auto;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#F5F8FD;

    color:#1565C0;

    font-size:28px;

    transition:.3s;

}

.trust-item:hover i{

    background:#1565C0;

    color:#fff;

    transform:translateY(-6px);

}

.trust-item h3{

    margin-top:20px;

    font-size:34px;

    font-weight:700;

    color:#0B3D91;

}

.trust-item span{

    display:block;

    margin-top:8px;

    color:#666;

    font-weight:500;

}

.trust-divider{

    width:1px;

    height:80px;

    background:#ECECEC;

}

@media(max-width:992px){

.trust-grid{

    gap:30px;

}

.trust-divider{

    display:none;

}

.trust-item{

    min-width:45%;

}

}

@media(max-width:576px){

.trust-item{

    min-width:100%;

}

.trust-header h2{

    font-size:30px;

}

}

/*==========================================================
HERO SUBTITLE
==========================================================*/

.hero-subtitle{

    font-size:28px;

    font-weight:600;

    line-height:1.4;

    color:#EAF4FF;

    margin:18px 0 25px;

    letter-spacing:.3px;

    max-width:700px;

}

.hero-subtitle strong{

    color:#FFD54F;

    font-weight:700;

}

@media(max-width:992px){

.hero-subtitle{

    font-size:22px;

    text-align:center;

    margin:20px auto;

}

}

@media(max-width:576px){

.hero-subtitle{

    font-size:18px;

    line-height:1.5;

}

}

/*==========================================================
HERO USP
==========================================================*/

.hero-usp{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-top:35px;

}

.hero-usp span{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 18px;

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

    backdrop-filter:blur(8px);

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

    border-radius:50px;

    color:#fff;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.hero-usp span:hover{

    background:#ffffff;

    color:#0B3D91;

    transform:translateY(-3px);

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

}

.hero-usp span i{

    color:#FFD54F;

    font-size:16px;

    transition:.3s;

}

.hero-usp span:hover i{

    color:#1565C0;

}

@media(max-width:991px){

.hero-usp{

    justify-content:center;

}

}

@media(max-width:576px){

.hero-usp{

    flex-direction:column;

    gap:12px;

}

.hero-usp span{

    width:100%;

    justify-content:center;

}

}

/*==========================================================
HERO ACHIEVEMENT
==========================================================*/

.hero-achievement{

    display:flex;

    align-items:center;

    gap:18px;

    margin:35px 0;

    padding:18px 24px;

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

    backdrop-filter:blur(12px);

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

    border-radius:18px;

    max-width:620px;

}

.achievement-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#FFD54F;

    color:#0B3D91;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    flex-shrink:0;

}

.hero-achievement small{

    display:block;

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

    font-size:13px;

    letter-spacing:.5px;

    text-transform:uppercase;

}

.hero-achievement h4{

    margin:6px 0 0;

    color:#fff;

    font-size:24px;

    font-weight:700;

    line-height:1.4;

}