/* =========================================
   GLOBAL RESPONSIVE RESET
========================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    width: 100%;
    min-width: 320px;
    margin: 0;
    padding: 0;

    overflow-x: hidden;

    font-family: Arial, Helvetica, sans-serif;

    background-color:#2a2d32;
    color: #ffffff;
}

img,
video,
iframe {
    max-width: 100%;
    height: auto;
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Segoe UI',sans-serif;
}

a{
text-decoration:none;
}

/* Announcement */
/* 
.announcement{
background:rgb(76, 130, 184,0.15);
padding:10px;
text-align:center;
} */

/* .announcement a{
color:white;
font-size:13px;
} */

/* .announcement-scroll strong{
    font-family: 'Arial';
    font-size: 17px;
} */
/*==========================================
      FIXED BOTTOM BAR
==========================================*/
/* 
.bottom-navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#0F172A;
    z-index:9999;
    box-shadow:0 -5px 20px rgba(0,0,0,.15);
}

.bottom-navbar-container{
    width:92%;
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
} */

/* Social Media */

.contact-social{
    margin-left: 10px;
    /*background-color: #94a3b8;*/
    display:flex;
    align-items:center;
    padding: 0;
}

.insta-btn{
    position:static;
    padding:8px 10px;
    font-size:20px;
    width: 40px;
    color:black;
}

.insta-btn:hover{
    font-size:21px;
}

/*==========================================
      FLOATING WHATSAPP
==========================================*/

.whatsapp-floating{
    position:fixed;
    bottom:78px;
    right:20px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
    text-decoration:none;
    box-shadow:0 8px 25px rgba(0,0,0,.30);
    z-index:10000;
    transition:.3s;
}

.whatsapp-floating:hover{
    transform:scale(1.1);
    background:greenyellow;
    color: black;
}

/* Navigation Links */

.bottom-links{
    display:flex;
    gap:35px;
}

/*.bottom-bar*/

.top-navigation
{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    background:yellowgreen;
    z-index:9999;
}

.top-navigation:hover{
    box-shadow: inset 0 10px 40px greenyellow;
}

.bottom-bar-container{
    max-width:1300px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:50px;
    padding:0 20px;
}

/* Center Contact */

.contact-center{
    display:flex;
    align-items:center;
    gap:15px;
}

.contact-link{
    display:flex;
    align-items:center;
    gap:8px;
    color:black;
    text-decoration:none;
    font-size:12px;
    transition:.3s;
}

.contact-link i{
    color:black;
}

.contact-link .mailID{
    font-size:14px;
}

.contact-link:hover{
    color:black;
    font-weight:700;
}

.separator{
    color:#94a3b8;
}


.whatsapp-btn:hover{
    background:greenyellow;
}

/* Prevent content hiding */

/* body{
    padding-bottom:70px;
} */

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

@media(max-width:768px){

.bottom-bar-container{
    justify-content:space-between;
    height:auto;
    padding:12px 15px;
}

.contact-center{
    gap:10px;
    flex-wrap:wrap;
}

.contact-link{
    font-size:12px;
}

.separator{
    display:none;
}

.whatsapp-floating{
width:55px;
height:55px;
font-size:28px;
bottom:90px;
right:20px;
}

.announcement{
     display: none;   
    }
}   

@media(max-width:480px){
.contact-center a{
font-size:13px;
text-align:center;
}

.whatsapp-floating{
width:50px;
height:50px;
font-size:25px;
bottom:88px;
right:20px;
}

}

/*=============================
BACKGROUND IMAGE SLIDER
==============================*/

.hero-slider{
    position:relative;
    width:100%;
    height:450px;
    /*border-radius:25px;*/
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.25);
}

.slide{    
    position:absolute;
    inset:0;
    display:none;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    animation:fade .8s;   
}

.slide.active{
    display:block;
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.10);
}

.slide-content{
    position:absolute;
    left:40px;
    bottom:45px;
    color:white;
    z-index:2;
    max-width:420px;
}

.slide-content h2{
    font-size:20px;
    margin-bottom:15px;
}

/* .slide-content p{
    line-height:1.8;
    margin-bottom:25px;
    color:white;
    font-size: 17px;
    font-weight: 600;
} */

.slide-content a{
    display:inline-block;
    padding:6px 20px;
    border:2px solid greenyellow;
    color:white;
    font-size: 11px;
    font-weight: 600;
    border-radius:50px;
    transition:.3s;
    width: 150px;
    text-align: center;
}

.slide-content a:hover{
    background:greenyellow;
    color:black;
}

.slider-dots{
    position:absolute;
    bottom:8px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:5;
}

.dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:white;
    opacity:.4;
    cursor:pointer;
}

.dot.active{
    opacity:1;
    background:greenyellow;
}

@keyframes fade{

    from{
        opacity:0;
        transform:scale(1.05);
    }

    to{
        opacity:1;
        transform:scale(1);
    }

}

@media(max-width:992px){

.hero-slider{
    height:420px;
    margin-top:40px;
}

}

@media(max-width:768px){

.hero-slider{
    height:350px;
}

.slide-content{
    left:25px;
    right:25px;
    bottom:30px;
}

.slide-content h2{
    font-size:28px;
}

.slide-content p{
    font-size:15px;
}

.slide-content a{
    width:50%;
    text-align:center;
}

}

@media(max-width:576px){

.hero-slider{
    height:280px;
}

.slide-content{
    text-align:center;
    left:20px;
    right:20px;
}

.slide-content h2{
    font-size:17px;
}

.slide-content a{
    width:50%;
    text-align:center;
}

}

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

.hero{
    min-height:100vh;
    width:100%;
    position:relative;
    padding:90px 0;
    z-index:1;
}

.hero-container{
    align-items:center;
    gap:60px;    
    width:90%;
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);    
}

.hero-tag{
    display:inline-block;
    /* border: 2px solid greenyellow;  */
    background-color: greenyellow;
     box-shadow:0 10px 45px black;
    color:black;
    padding:10px 20px;
    border-radius:50px;
    font-size:11px;
    font-weight:600;
    margin-bottom:25px;
}

.hero h1{
    font-size:40px;
    line-height:1.2;
    color:whitesmoke;
    margin-bottom:25px;
}

.hero h1 span{
    color:#adff2f;
}

.hero p{
    color:white;
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

/* Buttons */

.hero-buttons{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    /*width: 300px;
    height:200px;*/
    font-size: 11px;
    /*margin-bottom:80px;*/
}

.primary-btn{
    /*background:rgb(76, 130, 184);*/
    border:2px greenyellow solid;
    color:white;
    padding:16px 28px;
    border-radius:50px;
    /* font-weight:600; */
    text-decoration:none;
}

.primary-btn:hover{
    background:greenyellow;
    color:black;
    transform:translateY(-1px);
    box-shadow:0 10px 45px greenyellow;
}

/* Trust Badges */

/* .trust-badges{
    margin-top:45px;
    display:flex;
    flex-wrap:wrap;
    gap:15px;
} */

/* .badge{ */
    /* background:whitesmoke; */
    /* color: white;
    padding:12px 18px;
    border-radius:10px;
    box-shadow: 0 10px 25px black;
    font-size:12px;
    font-weight:600;
    width:28%;
} */

/* Images */

.hero-images{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    /*position:relative;*/
    
}

.hero-images img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 12px 35px black;
    transition:.4s;
}

.hero-images img:hover{
    transform:translateY(-10px);
    transition: 2s;
}

/* Responsive */

@media(max-width:992px){
.hero-container{
grid-template-columns:1fr;
text-align:center;
}

.hero-buttons{
justify-content:center;
}

/* .trust-badges{
justify-content:center;
} */

.hero h1{
font-size:42px;
}
}

@media(max-width:768px){

.hero{
padding:70px 20px;
}

.hero h1{
font-size:34px;
}

.hero p{
font-size:16px;
}

.hero-images{
grid-template-columns:1fr 1fr;
}

.hero-images img{
height:180px;
}

.hero-images1, .hero-images3, .hero-images4{
    display: none;
}
}

@media(max-width:576px){
.hero-images{
grid-template-columns:1fr;
}

.hero-buttons{
flex-direction:column;
}

.primary-btn,
.secondary-btn,
.whatsapp-btn{
width:100%;text-align:center;
}

.badge{
width:100%;
text-align:center;
}
}

/*====================================
        SECTION 4 - COURSES
=====================================*/

.courses-section{
    padding:90px 0;
}

.course-container{
    align-items:center;
    gap:60px;    
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr);  
}

.section-title{
    text-align:center;
    margin-bottom:60px; 
}

/* .section-tag{
    display:inline-block;
    background:orange;
    color:white;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
} */

.section-title h2{
    font-size:42px;
    color:#adff2f;
    margin-bottom:15px;
}

.section-title p{
    max-width:720px;
    margin:auto;
    color:white;
    line-height:1.8;
}

/* Grid */

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

/* Card */

.course-card{
    box-shadow:0 12px 35px black;
    display: inline-block;
    /*background:#d7e7eb;*/
    border-radius:20px;
    padding:35px;
   
    transition:.35s;
    display:flex;
    flex-direction:column;
    height:100%;
}

.course-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px greenyellow;
    border:0;
}

.course-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    border-radius: 20px;
}

.course-card h3{
    font-size:24px;
    color:greenyellow;
    margin-bottom:12px;
    margin-top: 25px;
}

.audience{
    display:inline-block;
    color:greenyellow;
    font-weight:600;
    margin-bottom:18px;
    font-size:11px;
}

.course-card p{
    color:white;
    line-height:1.8;
    margin-bottom:20px;
}

.course-info{
    margin-top:auto;
    font-size:15px;
    color:white;
    line-height:1.8;
}

.course-info strong{
    color: greenyellow;
    font-variant: small-caps;    
}

.course-btn{
    display:inline-block;
    margin-top:25px;
    padding:14px 26px;
    border:2px greenyellow solid;
    /* background:rgb(39, 92, 20); */
    color:#fff;
    font-size: 11PX;
    border-radius:50px;
    text-align:center;
    transition:.3s;
}

.course-btn:hover{
    background:greenyellow;
    color: black;
}

/*==========================
        Tablet
==========================*/

@media(max-width:1100px){

.courses-grid{
grid-template-columns:repeat(2,1fr);
}
}

/*==========================
        Mobile
==========================*/

@media(max-width:768px){

.courses-section{
padding:70px 0;
}

.section-title h2{
font-size:34px;
}

.courses-grid{
grid-template-columns:1fr;
}

.course-card{
text-align:center;
}

.course-icon{
margin:0 auto 20px;
}

.course-info{
    text-align: left; 
    padding-left: 10px;
}

.course-btn{
width:100%;
}
}

/* Small Mobile */

@media(max-width:480px){

.section-title h2{
font-size:28px;
}

.course-card{
padding:25px;
}
}

/*====================================
      SECTION 5 : WHY NXTGENBUDDY
=====================================*/

.why-nxtgen{
    padding:90px 0;
}

.why-nxtgen-container{
    align-items:center;
    gap:60px;  
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr);  
}

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

/* Feature Card */

.feature-card{
    /*border: 1px solid rgb(76, 130, 184);
    display: inline-block;*/
    border-radius:18px;
    padding:35px 30px;
    text-align:center;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    
}

.feature-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px greenyellow;
}

/* Icon */

.feature-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    background:rgb(247, 244, 240);
    display:flex;
    justify-content:center;
    align-items:center;
    color:black;
    font-size:32px;
    transition:.3s;
}

.feature-card:hover .feature-icon{
    background:greenyellow;
}
.feature-card h3{
    font-size:24px;
    color:#adff2f;
    margin-bottom:15px;
}

.feature-card p{
    color:white;
    font-size:15px;
    line-height:1.8;
}

/*==========================
        Tablet
==========================*/

@media(max-width:992px){

.features-grid{
grid-template-columns:repeat(2,1fr);
}
}

/*==========================
        Mobile
==========================*/

@media(max-width:768px){

.why-nxtgen{
padding:70px 0;
}

.why-nxtgen .section-title span{    
    background:greenyellow;
    color:black;
}

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

.feature-card{
padding:30px 25px;
}

.feature-card h3{
font-size:22px;
}

.feature-icon{
width:70px;
height:70px;
font-size:28px;
}
}

/* Small Mobile */

@media(max-width:480px){

.feature-card{
padding:25px 20px;
}

.feature-card h3{
font-size:20px;
}

.feature-card p{
font-size:14px;
}
}

/*====================================
        SECTION 6 : LEARNING PROCESS
====================================*/

.learning-process{
    padding:90px 0;
}

.learning-process-container{
    align-items:center;
    gap:60px;    
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr);  
}

/* Grid */

.process-grid{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
}

/* Connecting Line */

.process-grid::before{
    content:"";
    position:absolute;
    top:65px;
    left:8%;
    width:84%;
    height:3px;
    background:greenyellow;
    z-index:0;
}

/* Card */

.process-card{
    position:relative;
    /* border: 2px solid greenyellow; */
    display: inline-block;
    /*background:#d7e7eb;*/
    padding:35px 25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 12px 35px black;
    transition:.35s;
    z-index:1;
}

.process-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px greenyellow;
    border:0;
}

/* Step Number */

.step-number{
    position:absolute;
    top:20px;
    right:20px;
    font-size:14px;
    font-weight:700;
    color:#adff2f;
}

/* Icon */

.process-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    background:greenyellow;
    color:black;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    transition:.3s;
}

.process-card:hover .process-icon{
    background:black;
    color:greenyellow;
    border:2px greenyellow solid;
}

.process-card h3{
    font-size:24px;
    color:#adff2f;
    margin-bottom:15px;
}

.process-card p{
    color:white;
    line-height:1.8;
    font-size:15px;
}

/*=========================
        Tablet
=========================*/

@media(max-width:992px){

.process-grid{
grid-template-columns:repeat(2,1fr);
}

.process-grid::before{
display:none;
}
}

/*=========================
        Mobile
=========================*/

@media(max-width:768px){

.learning-process{
padding:70px 0;
}

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

.process-card{
padding:30px 22px;
}

.process-icon{
width:70px;
height:70px;
font-size:30px;
}

.process-card h3{
font-size:22px;
}

}

/* Small Mobile */

@media(max-width:480px){

.process-card{
padding:25px 20px;
}

.process-card h3{
font-size:20px;
}

.process-card p{
font-size:14px;
}

.process-icon{
width:65px;
height:65px;
font-size:28px;
}
}

/*=========================================
      SECTION 8 : COURSE COMPARISON
==========================================*/
/* 
.course-comparison{
    padding:100px 0;
}

.course-comparison-container{
    align-items:center;
    gap:60px;
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr); 
} */

/* .section-tag{
    display:inline-block;
    background:red;
    color:white;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
} */

/* Table */
    
/* .comparison-table{
    margin-top:60px;
    overflow-x:auto; */
    /* border:2px red solid; */
    /* border-radius: 15px; */
    /* box-shadow:0 12px 35px black;
}

.comparison-table table{
    width:100%;
    border-collapse:collapse; */
    /*background:#fff;*/
    /* border-radius:15px; */
    /* overflow:hidden;
}

.comparison-table th{
    background:black;
    color:white;
    padding:18px;
    text-align:left;
    font-size:16px;
}

.comparison-table td{
    padding:18px;
    border-bottom:1px solid greenyellow;
    color:white;
}

.comparison-table tr:hover{
    background:rgb(20, 29, 15);
    color:black;
}

.comparison-table a{
    display:inline-block;
    border:2px dotted greenyellow; */
    /* background:rgb(182, 11, 11); */
    /* color:white;
    padding:8px 18px;
    border-radius:30px;
    text-decoration:none;
    transition:.3s;
    width:200px;
    text-align: center;
    font-size: 11px;
}

.comparison-table a:hover{
    background:greenyellow;
    color:black;
} */

/* Mobile Cards */

/* .comparison-cards{
    display:none;
}

.compare-card{
    border:2px greenyellow solid;
    padding:25px;
    border-radius:16px;
    margin-bottom:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.compare-card h3{
    color:greenyellow;
    margin-bottom:15px;
}

.compare-card p{
    margin-bottom:15px;
    color:white;
    line-height:1.7;
}

.compare-card a{
    display:inline-block;
    margin-top:10px; */
    /* background:greenyellow; */
    /* border:2px greenyellow solid;
    color:white;
    padding:12px 22px;
    border-radius:30px;
    text-decoration:none;
}

.compare-card a:hover{
    background-color: greenyellow;
    color: black;
}
.comparison-table a.hover{
    background-color: greenyellow;
} */
/* Responsive */

/* @media(max-width:768px){

.comparison-table{
display:none;
}

.comparison-cards{
display:block;
}

.course-comparison{
padding:70px 0;
} */

/* .comparison-table a.hover{
    background-color: greenyellow;
} */
/* }    */

/*=========================================
      SECTION 9 : LOCAL VISIBILITY
=========================================*/

.local-visibility{
    padding:100px 0;
}

.local-visibility-container{
    align-items:center;
    gap:60px;
    width:90%;
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr); 
}

/* .local-content .section-tag{
    display:inline-block;
    background:rgb(182, 11, 11);
    color:white;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
} */

.local-content h2{
    font-size:42px;
    color:#adff2f;
    margin:20px 0;    
}

.local-content p{
    color:white;
    line-height:1.8;
    font-size:17px;
    margin-bottom:35px;
    
}

/* Features */

.local-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:35px;
}

.local-item{
    display:flex;
    align-items:center;
    gap:12px;
    /* border:2px greenyellow solid; */
    /*background:#f8fbff;*/
    padding:16px;
    border-radius:12px;
    box-shadow:0 8px 20px black;
}

.local-item i{
    color:greenyellow;
    font-size:22px;
}

.local-item span{
    color:white;
    font-weight:600;
}

/* Buttons */

/* .local-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    font-size: 11px;
} */

/* .visit-btn{ */
    /* background:rgb(182, 11, 11); */
    /* border: 2px greenyellow solid;
    color:white;
    padding:15px 28px;
    border-radius:40px;
    text-decoration:none; */
    /* font-weight:600; */
    /* transition:.3s;
}

.visit-btn:hover{
    background:greenyellow;
    color:black;
} */

.map-btn{
    border:2px solid greenyellow;
    /* background-color: rgb(182, 11, 11); */
    color:white;
    padding:15px 28px;
    border-radius:40px;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
    transition:.3s;
}

.map-btn:hover{
    background:greenyellow;  
    color: black;
}

/* Image */

.local-image img{
    width:100%;
    border-radius:0px;
    box-shadow:0 15px 40px black;
    border-radius: 20px;
}

/*==========================
        Tablet
==========================*/

@media(max-width:992px){

.local-visibility .container{
grid-template-columns:1fr;
}

.local-content{
text-align:center;
}

.local-features{
grid-template-columns:repeat(2,1fr);
}

.local-buttons{
justify-content:center;
}
}

/*==========================
        Mobile
==========================*/

@media(max-width:768px){

.local-visibility{
padding:70px 0;
}

.local-visibility-container{
    grid-template-columns:1fr;
    gap:40px;
    text-align:center;
}

.local-content h2{
font-size:34px;
}

.local-features{
grid-template-columns:1fr;
}

.local-buttons{
flex-direction:column;
}

.visit-btn,
.map-btn{
width:100%;
text-align:center;
}

.local-image img{
    width: 100%;   
}

}

/* Small Mobile */

@media(max-width:480px){

.local-content h2{
font-size:28px;
}

.local-content p{
font-size:15px;
}
}

/*==========================================
      SECTION 10 : TESTIMONIALS
==========================================*/

.testimonials{
    padding:90px 0;
}

.testimonials-container{
    align-items:center;
    gap:60px;    
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr); 
}

/* .section-tag{
    display:inline-block;
    background:rgb(182, 11, 11);
    color:white;
    padding:8px 18px;   
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
} */

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

.testimonial-card{
    /* border:2px rgb(182, 11, 11) solid; */
    border-radius:20px;
    padding:35px;
    text-align:center;
    box-shadow:0 12px 35px black;
    transition:.35s;
}

.testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px greenyellow;
    border:0;
}

.testimonial-card img{
    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid greenyellow;
    margin-bottom:20px;
}

.testimonial-card h3{
    font-size:24px;
    color:greenyellow;
}

.course{
    display:inline-block;
    background:greenyellow  ;
    color:black;
    padding:8px 18px;
    border-radius:30px;
    margin:15px 0;
    font-size:14px;
    font-weight:600;
}

.designation{
    color:white;
    margin-bottom:20px;
}

.result{
    /*background:rgb(232, 242, 252);*/
    border:1px greenyellow solid;
    color:greenyellow;
    padding:12px;
    border-radius:10px;
    font-weight:600;
    margin-bottom:20px;
}

.result i{
    margin-right:8px;
}

.review{
    color:white;
    line-height:1.8;
    font-style:italic;
    margin-bottom:25px;
}

.video-btn{
    display:inline-block;
    border:2px dotted greenyellow;
    /* background:greenyellow; */
    color:#fff;
    padding:12px 25px;
    border-radius:35px;
    text-decoration:none;
    transition:.3s;
    font-weight:600;
    font-size: 11PX;
}

.video-btn:hover{
    background:greenyellow;
    color:black;
}

/*==========================
        Tablet
==========================*/

@media(max-width:992px){

.testimonial-grid{
grid-template-columns:repeat(2,1fr);
}
}

/*==========================
        Mobile
==========================*/

@media(max-width:768px){

.testimonials{
padding:70px 0;
}

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

.testimonial-card{
padding:30px 25px;
}
}

/* Small Mobile */

@media(max-width:480px){

.testimonial-card img{
width:90px;
height:90px;
}

.testimonial-card h3{
font-size:22px;
}

.course{
font-size:13px;
}

.review{
font-size:15px;
}

.video-btn{
width:100%;
text-align:center;
}
}

/*==========================================
      SECTION 12 :INFRASTRUCTURE
==========================================*/
/* 
.infrastructure{
    padding:100px 0;
}

.infrastructure-container{
    align-items:center;
    gap:60px;
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr); 
}

.section-tag{
    display:inline-block;
    background:rgb(182, 11, 11);
    color:white;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
}

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

.infra-card{
    border:2px rgb(182, 11, 11) solid;
    /*background:#fff;*/
    /* border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
} */

/*.infra-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px red;
}

.infra-card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.infra-content{
    padding:30px;
    text-align:center;
}

.infra-content i{
    font-size:38px;
    color:orange;
    margin-bottom:18px;
}

.infra-content h3{
    font-size:24px;
    color:red;
    margin-bottom:15px;
}

.infra-content p{
    color:white;
    line-height:1.8;
    font-size:15px;
} */

/*==========================
        Tablet
==========================*/

/* @media(max-width:992px){

.infra-grid{
grid-template-columns:repeat(2,1fr);
}
} */

/*==========================
        Mobile
==========================*/

/* @media(max-width:768px){

.infrastructure{
padding:70px 0;
}

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

.infra-card img{
height:220px;
}

.infra-content{
padding:25px;
}
} */

/*==========================
      Small Mobile
==========================*/

/* @media(max-width:480px){

.infra-content h3{
font-size:22px;
}

.infra-content p{
font-size:15px;
}

.infra-content i{
font-size:34px;
}
} */

/*==========================================
      SECTION 13 : EVENTS
==========================================*/

/* .events{
    padding:100px 0;
}

.events-container{
    align-items:center;
    gap:60px;  
    width:90%;
    max-width:1280px;
    margin:auto;
    display:flexbox;
    grid-template-columns:repeat(2,1fr); 
}

.section-tag{
    display:inline-block;
    background:greenyellow;
    color:black;
    padding:8px 18px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
}

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

.event-card{
    display:flex; */
    /*background:#fff;*/
    /* border:2px yellowgreen solid;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px black;
    transition:.35s;
}

.event-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px greenyellow;
    border: 0;
}

.event-date{
    background:yellowgreen;
    color:black;
    min-width:110px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:25px;
}

.event-date h3{
    font-size:38px;
    margin-bottom:8px;
}

.event-date span{
    font-size:18px;
}

.event-content{
    padding:30px;
    flex:1;
}

.event-content h3{
    color:#adff2f;
    margin-bottom:20px;
    font-size:24px;
}

.event-content p{
    margin:12px 0;
    color:white;
    line-height:1.7;
}

.event-content i{
    color:greenyellow;
    margin-right:10px;
    width:20px;
}

.register-btn{
    display:inline-block;
    margin-top:25px;
    padding:14px 30px;
    border:2px greenyellow dotted; */
    /* background:rgb(182, 11, 11); */
    /* color:white;
    text-decoration:none;
    border-radius:40px;
    font-size: 11px;
    font-weight:600;
    transition:.3s;
}

.register-btn:hover{
    background:greenyellow;
    color:black;
}

.past-events{
    text-align:center;
    margin-top:60px;
}

.past-btn{
    display:inline-block;
    padding:15px 35px;
    border:2px greenyellow solid; */
    /* background:orange; */
    /* color:white;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
    font-size: 11px;
}

.past-btn:hover{
    background:greenyellow;
    color:black;
} */

/*==========================
      Tablet
==========================*/

/* @media(max-width:992px){

.event-grid{
grid-template-columns:repeat(2,1fr);
}
} */

/*==========================
      Mobile
==========================*/

/* @media(max-width:768px){

.events{
padding:70px 0;
}

.event-grid{
grid-template-columns:1fr;
}

.event-card{
flex-direction:column;
}

.event-date{
width:100%;
padding:20px;
}

.event-content{
padding:25px;
}

.register-btn{
width:100%;
text-align:center;
}
} */

/*==========================
    Small Mobile
==========================*/

/* @media(max-width:480px){

.event-content h3{
font-size:22px;
}

.event-date h3{
font-size:32px;
}

.event-date span{
font-size:16px;
}
} */

/*==========================================
        SECTION 14 : FAQ
==========================================*/

.faq{
    padding:100px 0;    
}

.faq-container{
    width:90%;
    max-width:1000px;
    margin:auto;
}

.section-tag{
    display:inline-block;
    background:greenyellow;
    color:black;
    padding:8px 18px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
}

.faq-list{
    margin-top:60px;
}

.faq-item{
    /*background:#fff;*/
    border-radius:15px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 10px 25px black;
    /* border:2px black solid; */
}

.faq-question{
    width:100%;
    padding:22px 28px;
    border:none;
    background:rgb(26, 25, 25);
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    font-size:16px;
    color:white;
    text-align:left;
}

.faq-question i{
    color:white;
    transition:.3s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    /*background:rgb(219, 229, 240);*/
}

.faq-answer p{
    padding:0 28px 25px;
    color:white;
    line-height:1.8;
    font-size:16px;
}

.faq-item.active .faq-answer{
    max-height:220px;
}

.faq-item.active .faq-question i{
    transform:rotate(45deg);
    color:greenyellow;
}

/* Tablet */

@media(max-width:768px){

.faq{
padding:70px 0;
}

.faq-question{
font-size:17px;
padding:20px;
}

.faq-answer p{
padding:0 20px 20px;
}
}

/* Mobile */

@media(max-width:480px){

.faq-question{
font-size:16px;
}

.faq-answer p{
font-size:15px;
}
}

/*==========================================
      SECTION 15 : FINAL CTA
==========================================*/

.final-cta{
    padding:50px 20px;
    background:yellowgreen;
    color:black;
    text-align:center;
}

.final-cta-container{
    width:90%;
    max-width:900px;
    margin:auto;
}

.final-cta h2{
    font-size:46px;
    margin:20px 0;
    line-height:1.3;
    color:black;
}

.final-cta p{
    font-size:18px;
    color:black;
    line-height:1.8;
    max-width:750px;
    margin:0 auto 45px;
    /* text-align:justify; */
}

.final-cta .section-tag{
    display:inline-block;
    background:yellowgreen;
    border:2px solid black;
    /* box-shadow: 0 1px 15px rgb(101, 121, 101); */
    color:black;
    padding:8px 18px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;
    margin-bottom:15px;
    text-align: center;
}

/* Buttons */

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    font-size: 11px;
    /* width: 90%; */
}

/* Secondary */

.cta-primary, .cta-secondary{
    border:2px solid black;
    color:black;
    padding:16px 30px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.cta-primary:hover, .cta-secondary:hover{
    background:greenyellow;
    border:2px solid greenyellow;
    /* box-shadow: 0 10px 20px greenyellow; */
}

/* Icons */

.cta-buttons i{
    margin-right:8px;
}

/*=========================
      Tablet
=========================*/

@media(max-width:768px){

.final-cta{
padding:80px 20px;
}

.final-cta h2{
font-size:36px;
}

.final-cta p{
font-size:16px;
}

.cta-buttons{
flex-direction:column;
align-items:center;
}

.cta-primary,
.cta-whatsapp,
.cta-secondary{

width:100%;
max-width:350px;
text-align:center;
}
}

/*=========================
      Mobile
=========================*/

@media(max-width:480px){

.final-cta h2{
font-size:30px;
}

.final-cta p{
font-size:15px;
line-height:1.7;
}
}