*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family: Arial, sans-serif;
     background:#111;
}
/* =========================
   CONTAINER
========================= */

.container{
    width: 90%;
    max-width: 1320px;
    margin: 0 auto;
}
/* =========================
   NAVBAR
========================= */

nav{
     position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:80px;
    z-index: 1000;;
    background:rgba(0,0,0,0.25);
    backdrop-filter: blur(12px);
}
nav .container{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Main dropdown */
.dropdown{
    position:relative;
}

.dropdown-menu{
    position:absolute;
    top:calc(100% + 18px);   /* 18px gap */
    left:0;
    box-shadow:0 18px 40px #00000073;
    width:250px;
    background:#1A1A1A;
    border-radius:14px;
    padding:8px 0;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
}

/* Left categories */
.submenu{
    position:relative;
}

.submenu > a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    color:#fff;
    border-left:3px solid transparent;
    transition:.3s ease;
}

.submenu > a:hover{
    background:#ffffff0f;
    border-left:3px solid #FFCC00;
    color:#FFCC00;
    padding-left:22px;
}

/* Right side submenu */
.submenu-content{
    position:absolute;
    left:100%;
    top:0;
    width:270px;
    background:#222;
    border-radius:12px;
    padding:8px 0;
    opacity:0;
    visibility:hidden;
}

.submenu:hover .submenu-content{
    opacity:1;
    visibility:visible;
}

.submenu-content a{
    display:block;
    padding:12px 18px;
    color:#fff;
    text-decoration:none;
    border-left:3px solid transparent;
    transition:.3s ease;
}

.submenu-content a:hover{
    background:rgba(255,255,255,0.06);
    border-left:3px solid #FFCC00;
    color:#FFCC00;
    padding-left:22px;
}
/* =========================
   MENU
========================= */
.menu{
    display:flex;
    align-items:center;
    gap:40px;
}
.mobile-menu{
    position: fixed;
    top:70px;
    width:100%;
    height:calc(100vh - 70px);
    background:#111;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: flex-start;
    padding-top:30px;
    gap:22px;
    transform: translateX(100%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .4s ease,opacity .3s ease;
    z-index:999;
}

.mobile-menu.active{
      transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu a{
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-weight:600;
    transition:.3s;
    text-align: center;
}
.mobile-menu a:hover{
    color: #f5c400;
}
.mobile-menu .btn-primary{
    width:85%;
    padding:14px;
    font-size:18px;
    border-radius:10px;
}
@media(min-width:769px){
    .mobile-menu{
        display:none;
    }
}
.menu-toggle{
    display:none;
    cursor:pointer;
}
.menu-toggle svg{
    width:32px;
    height:32px;
    color:#fff;
}
.menu a{
    text-decoration: none;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    transition: .3s;
    position: relative;

}
.menu a:hover{
    color: #F5C400;
}
.menu a.active{
    color:#F5C400;
}

.menu a.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:100%;
    height:2px;
    background:#F5C400;
}
/* =========================
   NAV BUTTON
========================= */

.nav-button a{
    display:inline-block;

    background:#F5C400;
    color:#000;

    text-decoration:none;

    border-radius:10px;
    padding:14px 28px;

    font-size:16px;
    font-weight:600;

    transition:.3s;
}
.nav-button a:hover{
    background:#fff;
    color:#000;
}
.logo img{
    height: 55px;
    display: block;
    margin-left: -5px;
}
/* =========================
   HERO
========================= */

.hero{
    height:900px;
    overflow: hidden;
    position: relative;
}
.hero video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.55);
    z-index:1;
}
.hero-content{
    position:absolute;
    top:32%;
    left:7%;
    transform:translateY(-50%);
    z-index:2;
    max-width:560px;
}
.hero-content h1{
    color:white;
    font-size:64px;
    line-height:1.1;
    font-weight:700;
    margin-bottom:25px;
}
.hero-content p{
    color:#ddd;
    font-size:20px;
    line-height:1.8;
    margin-bottom:40px;
    max-width: 600px;
}
.hero-buttons{
    display:flex;
    gap:20px;
}
.btn-primary{
    background:#F5C400;
    color:#000;
    padding:16px 34px;
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    transition: 0.3s;
}
.btn-primary:hover{
    background:#ffffff;
}
.btn-secondary{
    color:white;
    border:2px solid white;
    padding:16px 34px;
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    transition: 0.3s;

}
.btn-secondary:hover{
    background:#ffffff;
    color:#000;
}
.btn-primary,.btn-secondary{
    padding: 18px 34px;
    border-radius: 12px;
}
/* =========================
   WHY CHOOSE
========================= */

.why-choose{
    background:#111;
    padding:100px 0;
}
.section-title{
    max-width:750px;
    margin:0 auto 60px;
    text-align:center;
}

.section-title h2{
    font-size:48px;
    color:#fff;
    font-weight:700;
    margin-bottom:16px;
}

.section-title span{
    color:#F5C400;
}

.section-title p{
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
}
.why-card{
    border:1px solid #f5c40026;
    border-radius:18px;
    padding:40px;
    min-height: 250px;
    background:rgba(255,255,255,.02);
    transition: .3s ease;
}
.card-icon{
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    background:rgba(245,196,0,.08);
    margin-bottom:25px;
    transition: .3s;
}
.why-card:hover .card-icon{
    background:#F5C400;
}
.why-card:hover .card-icon svg{
    color:#111;
}
.card-icon svg{
    width:32px;
    height:32px;
    color:#F5C400;
}
.why-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
    font-weight: 700px;
}
.why-card p{
    color:#bdbdbd;
    line-height:1.7;
}
.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}


.why-card:hover{
    transform:translateY(-8px);
    border-color:#F5C400;
}
/* =========================
   COURSES
========================= */

.courses{
    background:#111;
    padding:100px 0;
}

.center{
    text-align:center;
}

.sub-title{
    color:#F5C400;
    font-size:16px;
    font-weight:600;
    display:block;
    margin-bottom:15px;
}
.courses-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}
.course-card{
    position:relative;
    height:460px;
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
    transition: 0.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
}
.course-card:hover{
    transform: translateY(-10px);
    box-shadow: 0 20px 50px #00000073;
}
.course-card:hover .course-image img{
    transform: scale(1.08);
}
.course-image{
    width:100%;
    height:100%;
}

.course-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: 0.3s;
}
.course-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    z-index:1;
}
.course-content{
    position:absolute;
    left: 25px;
    bottom: 25px;
    z-index:2;
}
.course-content h3{
    color:#fff;
    font-size:28px;
    margin-bottom:15px;
}
.course-content a{
    color:#F5C400;
    text-decoration:none;
    font-weight:600;
    font-size: 17px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.course-content a span{
    transition:0.3s ease;
}
.course-card:hover .course-content a span{
    transform:translateX(6px);
}

/*Students CSS*/
.student-works{
    padding:100px 0;
}

.student-works-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

.student-work-card{
    position:relative;
    height:320px;
    border-radius:20px;
    overflow:hidden;
    transition:0.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.student-work-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.45);
}
.student-work-card:hover .course-image img{
    transform: scale(1.1);

}
.student-work-card:hover .course-overlay{
    background: rgba(0,0,0,.65);
}
.student-work-card:hover .course-content a span{
    margin-left:8px;
}

/* ==========================
   Testimonials Section
========================== */

.testimonials{
    padding:100px 0 60px
    
}

.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

.testimonial-card{
    border:1px solid #ffffff14;
    border-radius:20px;
    padding:30px;
    transition:0.3s ease;
}

.testimonial-card:hover{
    transform:translateY(-8px);
}

.testimonial-review{
    margin-bottom:30px;
}

.testimonial-review p{
    font-size:16px;
    line-height:1.8;
    color:#8a8a8a;
}

.testimonial-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.student-information h3{
    font-size:20px;
    color:#ffffff;
    margin-bottom:6px;
}

.student-information span{
    display:block;
    font-size:15px;
    color:#f5b400;
    font-weight:600;
    margin-bottom:6px;
}

.student-information p{
    font-size:14px;
    color:#ffffff;
}
.profile-image img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}
/* ==========================
   PLACEMENTS
========================== */

.placements{
    padding:60px 0 100px;
}
.placements-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}
.placements-left{
    flex:1;
}
.placements-right{
    flex:1;
}
.placement-image{
    width:100%;
    border-radius:20px;
    overflow:hidden;
    transition:0.4s ease;
}
.placement-image img{
    width:100%;
    display:block;
    object-fit:cover;
     transition:0.4s ease;
}
.placement-image:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px #00000059;
    border-color:#F5C400;
}
.placement-image:hover img{
    transform:scale(1.03);
}
.placement-highlights{
    margin:30px 0 40px;
}
.placement-highlights li{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    margin-bottom:15px;
    list-style:none;
}

.placement-highlights li svg{
    width:18px;
    height:18px;
    color:#F5C400;
}
.placement-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}
.stat-card{
    border:1px solid rgba(255,255,255,0.08);
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    transition:0.3s ease;
}

.stat-card:hover{
    transform:translateY(-8px);
    border-color:#F5C400;
}
.stat-card h3{
    font-size:48px;
    color:#F5C400;
    margin-bottom:12px;
}
.stat-card p{
    color:#ffffff;
    font-size:18px;
}
/* ==========================
   FOOTER
========================== */

footer{
   padding:60px 0 40px;
    border-top:1px solid #ffffff14;
}
html{
    scroll-behavior: smooth;
}
.footer-wrapper{
     display:grid;
    grid-template-columns:1fr 1.4fr 1fr;
    gap:60px;
}
.footer-links{
    display:flex;
    gap:60px;
    flex:1;
}
.footer-menu,.footer-courses{
    display:flex;
    flex-direction:column;
    gap:22px;
}
.footer-menu a,
.footer-courses a{
    text-decoration:none;
    color:#bdbdbd;
    transition:.3s;
}

.footer-menu a:hover,
.footer-courses a:hover{
    color:#F5C400;
}
.footer-center{
    flex:1;
    text-align:center;
}
.footer-logo{
    margin-bottom:25px;
}

.footer-logo img{
    width:300px;
}
.footer-description{
    max-width:380px;
    margin:30px auto;
    margin-bottom: 35px;
}
.footer-description p{
    color:#bdbdbd;
    line-height:1.8;
    margin-bottom:30px;
}

.footer-social{
   display:flex;
    justify-content:center;
    align-items:center;
    gap:32px;
    margin:30px 0;
}

.footer-social a{
     color:#fff;
    font-size:22px;
    transition:.3s;
}

.footer-social a:hover{
    color:#F5C400;
        transform:translateY(-3px);  

}
.footer-contact{
    flex:1;
}

.footer-contact h3{
    color:#ffffff;
    margin-bottom:35px;
}
.contact-item{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:22px;
}
.contact-item svg{
    width:20px;
    height:20px;
    color:#F5C400;
}
.contact-item p{
    color:#bdbdbd;
    line-height:1.7;
}
.footer-copyright p{
    color:#777;
    font-size:14px;
}
.footer-copyright{
    width:100%;
    border-top:1px solid #ffffff26;
    margin-top:35px;
    padding-top:25px;
}
/* ==========================
   Courses
========================== */
.course-hero{
    padding:140px 0 90px;
    background:#111;
}

.course-hero-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}

.course-hero-left,
.course-hero-right{
    flex:1;
}

.course-hero-left h1{
    color:#fff;
    font-size:64px;
}

.course-category{
    display:block;
    color:#F5C400;
    font-size:20px;
    font-weight:600;
    margin:25px 0;
}

.course-hero-left p{
    color:#bdbdbd;
    line-height:1.8;
    margin-bottom:35px;
     max-width:520px;
}

.course-hero-image img{
    width:100%;
  border-radius:28px;
}
.hero-buttons{
    gap:24px;
}
.course-list{
    padding:100px 0;
}

.course-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
    margin-bottom:120px;
}

.course-item-image,
.course-item-content{
    flex:1;
}
.course-item:hover .course-item-image{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(0,0,0,.35);
}

.course-item:hover .course-item-image img{
    transform:scale(1.05);
}
.course-item-image img{
    width:100%;
    border-radius:24px;
    display:block;
    transition:0.4s ease;

}

.course-item-content h2{
    font-size:52px;
    color:#fff;
    margin-bottom:25px;
}

.course-item-content p{
    color:#bdbdbd;
    line-height:1.8;
    margin-bottom:25px;
}

.course-item-content h3{
    color:#fff;
    margin-bottom:15px;
}
/* ==========================
   ABOUT HERO
========================== */

.about-hero{
    padding:140px 0 80px;
     background:#111;
}
   


.about-hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

.about-hero-left,
.about-hero-right{
    flex:1;
}

.about-hero-left h1{
    font-size:64px;
    color:#ffffff;
    line-height:1.1;
    margin-bottom:25px;
}

.about-hero-left p{
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
    margin-bottom:40px;
    max-width:520px;
}

.about-hero-image{
    overflow:hidden;
    border-radius:24px;
    transition:0.4s ease;
}

.about-hero-image img{
    width:100%;
    display:block;
    transition:0.4s ease;
}

.about-hero:hover .about-hero-image{
    transform:translateY(-6px);
}

.about-hero:hover .about-hero-image img{
    transform:scale(1.05);
}
/* ==========================
   OUR STORY
========================== */

.our-story{
    padding:100px 0 50px;
    background:#111;
}

.our-story-wrapper{
    display:flex;
    align-items:center;
    gap:70px;
}

.our-story-image,
.our-story-content{
    flex:1;
}

.our-story-image{
   height:520px;
    overflow:hidden;
    border-radius:24px;
}

.our-story-image img{
      width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s ease;
}

.our-story:hover .our-story-image img{
    transform:scale(1.05);
}

.our-story-content h2{
    color:#ffffff;
    font-size:52px;
    line-height:1.2;
    margin:20px 0;
    max-width:600px;
}

.our-story-content p{
    color:#bdbdbd;
    line-height:1.8;
    margin-bottom:35px;
}
.story-list{
    list-style:none;
}

.story-list li{
    color:#ffffff;
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
    font-size:20px;
}

.story-list i{
    color:#F5C400;
}
/* ==========================
   VISION & MISSION
========================== */

.vision-mission{
    padding:50px 0 100px;
    background:#111;
}

.vision-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
    margin-top:60px;
}

.vision-card{
    border:1px solid #f5c40026;
    border-radius:20px;
    padding:40px;
    background:rgba(255,255,255,.02);
    transition:.3s ease;
}

.vision-card:hover{
    transform:translateY(-8px);
    border-color:#F5C400;
}

.vision-icon{
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:12px;
    background:rgba(245,196,0,.08);
    margin-bottom:25px;
}

.vision-icon i{
    color:#F5C400;
    font-size:30px;
}

.vision-card h3{
    color:#ffffff;
    font-size:34px;
    margin-bottom:20px;
}

.vision-card p{
    color:#bdbdbd;
    line-height:1.8;
    font-size:18px;
}
.vision-card:hover .vision-icon{
    background:#F5C400;
}

.vision-card:hover .vision-icon i{
    color:#111;
}
/* ==========================
   WHY ABOUT
========================== */
.why-about{
    padding:50px 0 100px;
    background:#111;
}
.why-about-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin-top:60px;
}
.why-about .why-card{
    display:flex;
    align-items:flex-start;
    gap:20px;
    min-height:auto;
}
/* ==========================
   WHY ABOUT
========================== */

.why-about{
    padding:100px 0;
    background:#111;
}

.why-about-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin-top:60px;
}

.why-about .why-card{
    display:flex;
    align-items:center;
    gap:20px;
    min-height:140px;
    padding:30px;
}

.why-about .card-icon{
    flex-shrink:0;
}

.why-about .why-card h3{
    margin-bottom:10px;
}

.why-about .why-card p{
    margin:0;
}
.why-about .section-title{
    margin-bottom:40px;
}
/* ==========================
   CORE VALUES
========================== */

.core-values{
    padding:50px 0 100px;
    background:#111;
}

.core-values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:40px;
}
/* ==========================
   STUDENT HERO
========================== */

.student-hero{
    padding:100px 0 50px;
    background:#111;
}

.student-hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

.student-hero-left,
.student-hero-right{
    flex:1;
}

.student-hero-left h1{
    font-size:64px;
    color:#ffffff;
    line-height:1.1;
    margin-bottom:25px;
}

.student-hero-left p{
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
    max-width:540px;
    margin-bottom:40px;
}

.student-hero-image{
    overflow:hidden;
    border-radius:24px;
    transition:.4s ease;
}

.student-hero-image img{
    width:100%;
    display:block;
    transition:.4s ease;
}

.student-hero:hover .student-hero-image{
    transform:translateY(-6px);
}

.student-hero:hover .student-hero-image img{
    transform:scale(1.05);
}
/* ==========================
   FEATURED PROJECTS
========================== */

.featured-projects{
    padding:60px 0;
    background:#111;
}

.portfolio-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:40px;
}
.portfolio-card{
    background:#1a1a1a;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #ffffff10;
    transition:.35s ease;
}

.portfolio-card:hover{
    transform:translateY(-8px);
    border-color:#F5C400;
}

.portfolio-image{
    overflow:hidden;
    height: 280px;
}

.portfolio-image img{
      width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.4s ease;
}

.portfolio-card:hover .portfolio-image img{
    transform:scale(1.08);
}

.portfolio-content{
     padding:20px;
    min-height:120px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.portfolio-content span{
    color:#F5C400;
    font-size:14px;
    font-weight:600;
}

.portfolio-content h3{
    color:#fff;
    font-size:24px;
    margin-top:10px;
    line-height:1.4;
}
/* ==========================
   PLACEMENT HERO
========================== */

.placement-hero{
    padding:100px 0 50px;
    background:#111;
}

.placement-hero-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:70px;
}

.placement-hero-left,
.placement-hero-right{
    flex:1;
}

.placement-hero-left h1{
    font-size:64px;
    color:#ffffff;
    line-height:1.1;
    margin-bottom:25px;
}

.placement-hero-left p{
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
    max-width:540px;
    margin-bottom:40px;
}

.placement-hero-image{
    overflow:hidden;
    border-radius:24px;
    transition:.4s ease;
}

.placement-hero-image img{
    width:100%;
    display:block;
    transition:.4s ease;
}

.placement-hero:hover .placement-hero-image{
    transform:translateY(-6px);
}

.placement-hero:hover .placement-hero-image img{
    transform:scale(1.05);
}
.company-section{
    padding:30px 0;
    background:#111;
}

.company-slider{
    overflow:hidden;
    margin-top:45px;
}

.company-track{
    display:flex;
    gap:60px;
    width:max-content;
}

.company-track span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:56px;
    padding:0 30px;
    background:#1A1A1A;
    color:#ffffff;
    border:1px solid #2b2b2b;
    border-radius:50px;
    font-size:20px;
    font-weight:600;
    transition:.35s ease;
    cursor:pointer;
    gap: 45px;
}
.company-track:hover{
    animation-play-state: paused;
}
.company-track span:hover{
    background:#F5C400;
    color:#111;
    border-color:#F5C400;
    transform:translateY(-6px);
    box-shadow:0 15px 35px #f5c40047;
}
.company-slider:first-of-type{
    margin-top:40px;
}

.company-slider:last-of-type{
    margin-top:22px;
}
.track-one{
    animation:scrollLeft 28s linear infinite;
}

.track-two{
    animation:scrollRight 28s linear infinite;
}

@keyframes scrollLeft{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

@keyframes scrollRight{

    from{
        transform:translateX(-50%);
    }

    to{
        transform:translateX(0);
    }

}
/*=========================
        ALUMNI
==========================*/
.alumni{
    padding:60px 0;
    background:#111;
}
.alumni-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:40px;
}
.alumni-card{
    background:#1A1A1A;
    border:1px solid #2b2b2b;
    border-radius:24px;
    overflow:hidden;
     transition: all .4s ease;
}
.alumni-card:hover{
    border-color:#F5C400;
   transform: translateY(-10px);
    box-shadow: 0 20px 40px #00000026;
}
.alumni-image{
    overflow:hidden;
}
.alumni-image img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
      transition:.4s ease;
}
.alumni-card:hover img{
    transform:scale(1.05);
}
.alumni-card:hover .alumni-image img{
    transform:scale(1.08);
}
.alumni-content{
    padding:25px;
}
.alumni-content h3{
    color:#fff;
    font-size:28px;
    margin-bottom:8px;
}
.alumni-content h4{
    color:#F5C400;
    font-size:18px;
    margin-bottom:18px;
}
.company{
    color:#bdbdbd;
    margin-bottom:18px;
}
.company span{
    display:inline-block;
    background:#F5C400;
    color:#111;
    padding:8px 18px;
    border-radius:30px;
    font-size:15px;
    font-weight:600;

}
.review{
    color:#d0d0d0;
    line-height:1.8;
    font-size:17px;
}
/*=========================
    CAREER PROGRAM
==========================*/
.career-program{
    padding:60px 0;
    background:#111;
}
.career-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:40px;
}
.career-card{
    background:#1A1A1A;
    border:1px solid #2b2b2b;
    border-radius:22px;
    padding:35px 25px;
     transition: all .4s ease;
}
.career-card:hover{
    border-color:#F5C400;
    background:#1f1f1f;
    transform: translateY(-10px);
    box-shadow: 0 20px 40px #00000026;
}
.career-card .card-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#F5C400;
    color:#111;
    font-size:24px;
    margin-bottom:25px;
    transition:.3s;
}
.career-card .card-icon{
    transition: .4s ease;
}
.career-card:hover .card-icon{
    transform: scale(1.1) rotate(8deg);
}
.career-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
    line-height:1.4;
}
.career-card p{
    color:#bdbdbd;
    line-height:1.8;
    font-size:17px;
}
/*=========================
        CTA
==========================*/
.placement-cta{
    padding:70px 0;
    background:#111;
}
.cta-box{
    max-width:900px;
    margin:auto;
    text-align:center;
    background:#1A1A1A;
    border:1px solid #2b2b2b;
    border-radius:28px;
    padding:70px 60px;
}
.cta-box h2{
    font-size:58px;
    color:#fff;
    line-height:1.2;
    margin:20px 0;
}
.cta-box p{
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
    max-width:700px;
    margin:0 auto 40px;
}
.cta-box .hero-buttons{
    justify-content:center;
}
/*==========================
      CONTACT HERO
===========================*/

.contact-hero{
    background:#111;
    padding:50px 0 70px;
}
.contact-hero-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}
.contact-hero-left,
.contact-hero-right{
    flex:1;
}
.contact-hero-left h1{
    font-size:64px;
    color:#fff;
    line-height:1.15;
    margin:20px 0;
}
.contact-hero-left p{
    color:#bdbdbd;
    font-size:20px;
    line-height:1.8;
    max-width:540px;
    margin-bottom:40px;
}
.contact-hero-image{
    overflow:hidden;
    border-radius:24px;
}
.contact-hero-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    display:block;
    border-radius:24px;
    transition:.4s;
}
.contact-hero-image:hover img{
    transform:scale(1.05);
}
/*==========================
     CONTACT INFORMATION
==========================*/
.contact-info{
    background:#111;
    padding:80px 0;
}
.section-title{
    text-align:center;
    margin-bottom:60px;
}
.section-title span{
    color:#F5C400;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
}
.section-title h2{
    color:#fff;
    font-size:56px;
    margin:18px 0;
}
.section-title p{
    color:#BDBDBD;
    font-size:18px;
    max-width:620px;
    margin:auto;
    line-height:1.8;
}
.contact-info-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}
.info-card{
    display:flex;
    align-items:flex-start;
    gap:20px;
    background:#1B1B1B;
    border:1px solid #2C2C2C;
    border-radius:20px;
    padding:28px;   
    min-height:170px;
    transition:.35s;
}
.info-card:hover{
    border-color:#F5C400;
    transform:translateY(-5px);
}
.info-icon{
    width:56px;
    height:56px;
    border-radius:50%;
      background:#2A2A2A;
    border:1px solid #3A3A3A;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#F5C400;
    font-size:22px;
    flex-shrink:0;
}
.info-card:hover .info-icon{
    background:#F5C400;
    color:#111;
}
.info-content h4{
    color:#fff;
    font-size:22px;
    margin-bottom:8px;
}
.info-content p{
    color:#CFCFCF;
    line-height:1.7;
}
.info-content a{
    color:#CFCFCF;
    text-decoration:none;
}
.info-content a:hover{
    color:#F5C400;
}
/*=========================
     ENQUIRY SECTION
=========================*/
.enquiry-section{
    background:#111;
    padding:90px 0;
}
.enquiry-form-box{
    max-width:900px;
    margin:60px auto 0;
    background:#1B1B1B;
    border:1px solid #2A2A2A;
    border-radius:24px;
    padding:40px;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}
.form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
    margin-bottom:24px;
}
.form-grid input,
.form-grid select,
.enquiry-form-box textarea{
    width:100%;
    padding:16px 18px;
    background:#222;
    border:1px solid #333;
    border-radius:12px;
    color:#fff;
    font-size:16px;
    outline:none;
    transition:.3s;
}
.form-grid input:focus,
.form-grid select:focus,
.enquiry-form-box textarea:focus{
    border-color:#F5C400;
}
.enquiry-form-box textarea{
    resize:none;
    margin-bottom:30px;
}
.form-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}
.form-bottom p{
    color:#BDBDBD;
    font-size:14px;
}
.form-bottom i{
    color:#F5C400;
    margin-right:8px;
}
/*=========================
      VISIT OUR CAMPUS
=========================*/
.campus-section{
    background:#111;
    padding:70px 0;
}
.campus-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    margin-top:45px;
}
.campus-map{
    flex:1;
}
.campus-map iframe{
    width:100%;
    height:430px;
    border:none;
    border-radius:24px;
    transition:.35s;
}
.campus-map iframe:hover{
    transform:scale(1.02);
}
.campus-details{
    flex:1;
}
.campus-details h3{
    color:#fff;
    font-size:38px;
    margin-bottom:20px;
}
.campus-details p{
    color:#bdbdbd;
    line-height:1.8;
    margin-bottom:30px;
}
.campus-details ul{
    list-style:none;
    padding:0;
    margin-bottom:35px;
}
.campus-details ul li{
    display:flex;
    align-items:center;
    gap:14px;
    color:#ddd;
    margin-bottom:18px;
    font-size:17px;
}
.campus-details ul li i{
    color:#F5C400;
    font-size:18px;
}
.campus-details .btn-primary{
    margin-top:10px;
}
/* Footer End */
/*==========================
      RESPONSIVE
==========================*/

@media (max-width:992px){

}