*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,body{
    overflow-x:hidden;
    width:100%;
}


/*==============================
        COURSES HERO
===============================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{



    background:#f7f9fc;

    color:#333;

}

.courses-hero{

    position:relative;

    height:45vh;

    background:url("../Images/business-success-cogs-_1_.jpeg-copy.webp") center center/cover;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

.courses-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.60);

}

.courses-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

    padding:20px;

}

.courses-content h1{

    font-size:56px;

    margin-bottom:15px;

}

.courses-content p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

    margin-bottom:25px;

}

.breadcrumb{

        display:inline-flex;

    gap:10px;

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

    padding:12px 22px;

    border-radius:50px;

    backdrop-filter:blur(10px);

}

.breadcrumb a{

    color:#FFD54F;



}

.breadcrumb span{

    margin:0 6px;

}





/*==============================
      INTRO SECTION
==============================*/

.courses-intro{

    max-width:1300px;

    margin:90px auto;

    padding:0 25px;

}

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-title span{

    display:inline-block;

    background:#E3F2FD;

    color:#1565C0;

    padding:10px 22px;

    border-radius:30px;

    font-weight:700;

    margin-bottom:20px;

}

.section-title h2{

    font-size:42px;

    margin-bottom:20px;

    color:#0D47A1;

}

.section-title p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555;

}

.course-category-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:30px;

}

.category-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    transition:.35s;

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

}

.category-card:hover{

    transform:translateY(-10px);

}

.category-icon{

    font-size:48px;

    margin-bottom:20px;

}

.category-card h3{

    color:#0D47A1;

    margin-bottom:15px;

}

.category-card p{

    color:#666;

    line-height:1.8;

}



/*==============================
      FEATURED COURSES
==============================*/

.featured-courses{

    max-width:1300px;

    margin:90px auto;

    padding:0 25px;

}

.featured-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(290px,1fr));

    gap:30px;

}

.course-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

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

    transition:.35s;

    display:flex;

    flex-direction:column;

}

.course-card:hover{

    transform:translateY(-10px);

}

.course-top{

    margin-bottom:20px;

}

.course-badge{

    display:inline-block;

    background:#1565C0;

    color:#fff;

    padding:6px 16px;

    border-radius:20px;

    font-size:13px;

    margin-bottom:12px;

}

.course-top h3{

    color:#0D47A1;

}

.course-card ul{

    list-style:none;

    margin:20px 0;

}

.course-card ul li{

    padding:10px 0;

    border-bottom:1px solid #eee;

}

.course-details{

    margin:20px 0;

    color:#555;

    line-height:1.8;

}

.course-card .btn-primary{

    margin-top:auto;

    text-align:center;

}





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

.eligibility-section{

    max-width:1300px;

    margin:90px auto;

    padding:0 25px;

}

.eligibility-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

.eligibility-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

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

    transition:.35s;

}

.eligibility-card:hover{

    transform:translateY(-8px);

}

.eligibility-card h3{

    color:#0D47A1;

    margin-bottom:20px;

}

.eligibility-card ul{

    list-style:none;

}

.eligibility-card li{

    padding:12px 0;

    border-bottom:1px solid #eee;

    line-height:1.6;

}

.eligibility-card li:last-child{

    border-bottom:none;

}


/*==============================
        DOWNLOADS
==============================*/

.downloads-section{

    max-width:1300px;

    margin:90px auto;

    padding:0 25px;

}

.downloads-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

.download-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

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

    transition:.35s;

}

.download-card:hover{

    transform:translateY(-10px);

}

.download-icon{

    font-size:55px;

    margin-bottom:20px;

}

.download-card h3{

    color:#0D47A1;

    margin-bottom:15px;

}

.download-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.download-card .btn-primary{

    display:inline-block;

}



/*==============================
        WHY AIST
==============================*/

.why-aist{

    max-width:1300px;

    margin:90px auto;

    padding:0 25px;

}

.why-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

.why-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    text-align:center;

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

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-10px);

}

.why-icon{

    font-size:55px;

    margin-bottom:20px;

}

.why-card h3{

    color:#0D47A1;

    margin-bottom:15px;

}

.why-card p{

    color:#666;

    line-height:1.8;
}




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

.courses-cta{

    margin:100px auto;

    max-width:1200px;

    padding:0 25px;

}

.cta-content{

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

    color:#fff;

    text-align:center;

    padding:70px 40px;

    border-radius:22px;

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

}

.cta-badge{

    display:inline-block;

    background:#00C853;

    color:#fff;

    padding:10px 22px;

    border-radius:30px;

    font-weight:600;

    margin-bottom:20px;

}

.cta-content h2{

    font-size:40px;

    margin-bottom:20px;

}

.cta-content p{

    max-width:700px;

    margin:auto;

    line-height:1.9;

    opacity:.95;

}

.cta-buttons{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}































@media(max-width:768px){

.courses-hero{

height:35vh;

}

.courses-content h1{

font-size:36px;

}

.courses-content p{

font-size:16px;

}

}




@media(max-width:768px){

.section-title h2{

font-size:30px;

}

.section-title p{

font-size:16px;

}

.category-card{

padding:28px;

}



}




@media(max-width:768px){

.cta-content{

    padding:50px 25px;

}

.cta-content h2{

    font-size:30px;

}

}