@media(max-width:991px){

.top-bar{

display:none;

}

.custom-navbar{

padding:12px 0;

}

.navbar-brand img{

height:55px;

}

.btn-main{

margin-top:20px;

width:100%;

}

}





/*===================================================*/


/* HERO */

@media(max-width:991px){

.hero-section{

padding:70px 0;

text-align:center;

}

.hero-section h1{

font-size:38px;

}

.hero-btns{

justify-content:center;

}

.hero-features{

justify-content:center;

}

.hero-image{

margin-top:60px;

}

.floating-card{

display:none;

}

}



/*================================================*/


@media (max-width:991px){

.custom-navbar{

    padding:12px 0;

}

.navbar-brand img{

    height:48px;

}

.navbar-collapse{

    background:#fff;

    margin-top:15px;

    border-radius:18px;

    padding:15px;

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

}

/* Menu */

.navbar-nav{

    gap:0;

}

.navbar-nav .nav-item{

    width:100%;

    border-bottom:1px solid #f1f1f1;

}

.navbar-nav .nav-link{

    padding:14px 0 !important;

    line-height:normal;

}

.nav-link::after{

    display:none;

}

/* Button */

.navbar-btn{

    margin-top:20px;

}

.btn-navbar{

    width:100%;

    justify-content:center;

}

/* Mega Menu */

.mega-menu{

    position:relative;

}

.mega-menu-wrapper{

    position:relative;

    width:100%;

    left:0;

    top:0;

    transform:none !important;

    opacity:1 !important;

    visibility:visible !important;

    display:none;

    margin-top:10px;

    padding:15px;

    border-radius:12px;

    box-shadow:none;

    background:#f8fafc;

}

/* Open on Hover */

.mega-menu:hover .mega-menu-wrapper{

    display:block;

}

/* Grid */

.mega-menu-wrapper .row{

    display:block;

}

.mega-menu-wrapper .col-lg-3{

    width:100%;

    margin-bottom:20px;

}

.mega-title{

    margin-bottom:8px;

}

}



/*===================================== WHY SECTION RESPONSIVE =====================================*/

@media (max-width:991px){

.why-section{
    padding:80px 0;
}

.section-title{
    text-align:center!important;
    margin-bottom:40px;
}

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

.section-title p{
    font-size:16px;
}

.why-image{
    margin-bottom:40px;
}

.experience-box{
    right:20px;
    bottom:20px;
    min-width:140px;
    padding:18px;
}

.experience-box h3{
    font-size:32px;
}

.feature-card{
    padding:20px;
}

}

@media (max-width:767px){

.why-section{
    padding:60px 0;
}

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

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

.feature-card i{
    width:55px;
    height:55px;
    font-size:24px;
}

.feature-card h5{
    font-size:18px;
}

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

.experience-box{
    position:absolute;
    right:10px;
    bottom:10px;
    padding:15px;
    min-width:120px;
}

.experience-box h3{
    font-size:26px;
}

}


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

@media(max-width:991px){

.process-section{

    padding:80px 0;

}

.process-wrapper{

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

}

.process-wrapper::before{

    display:none;

}

}

@media(max-width:576px){

.process-wrapper{

    grid-template-columns:1fr;

}

.process-card{

    padding:30px 20px;

}

.process-card h4{

    font-size:19px;

}

.process-icon{

    width:70px;

    height:70px;

    font-size:30px;

}

}



/*=====================================
CAREER PATH RESPONSIVE
======================================*/

@media(max-width:991px){

.career-path-section{

padding:80px 0;

}

.career-card{

padding:30px 20px;

}

}

@media(max-width:576px){

.career-path-section{

padding:60px 0;

}

.career-icon{

width:70px;

height:70px;

font-size:28px;

}

.career-card h4{

font-size:20px;

}

}



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

@media(max-width:1199px){

.university-card{

padding:30px 20px;

}

}

@media(max-width:991px){

.universities-section{

padding:90px 0;

}

.university-card h4{

font-size:20px;

min-height:auto;

}

}

@media(max-width:767px){

.university-logo{

width:95px;

height:95px;

}

.university-logo img{

width:65px;

}

.university-card{

padding:28px 20px;

}

.university-next,
.university-prev{

display:none;

}

}

@media(max-width:576px){

.universities-section{

padding:70px 0;

}

.university-card h4{

font-size:18px;

}

.btn-university{

padding:13px;

font-size:15px;

}

}



/*===================================== ADMISSION JOURNEY RESPONSIVE ================================*/

@media(max-width:991px){

.admission-section{

padding:80px 0;

}

.journey-card{

padding:30px 18px;

}

}

@media(max-width:576px){

.admission-section{

padding:60px 0;

}

.journey-icon{

width:65px;

height:65px;

font-size:28px;

}

.journey-card h5{

font-size:17px;

}

}



@media(max-width:991px){

.success-section{

padding:80px 0;

}

}

@media(max-width:576px){

.success-section{

padding:60px 0;

}

.success-card{

padding:30px 20px;

}

.success-card p{

min-height:auto;

}

}





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

@media(max-width:991px){

.cta-section{

padding:90px 0;

}

.cta-content{

text-align:center;
margin-bottom:50px;

}

.cta-content h2{

font-size:36px;

}

.cta-feature{

justify-content:center;
text-align:left;

}

.cta-buttons{

justify-content:center;

}

.cta-form{

padding:30px;

}

}

@media(max-width:767px){

.cta-section{

padding:70px 0;

}

.cta-content h2{

font-size:30px;

}

.cta-feature{

flex-direction:column;
align-items:center;
text-align:center;

}

.cta-buttons{

flex-direction:column;

}

.btn-main,
.btn-outline-main{

width:100%;
justify-content:center;

}

.cta-form{

padding:25px;

}

.form-header h3{

font-size:26px;

}

}

@media(max-width:576px){

.cta-content h2{

font-size:26px;

}

.cta-content p{

font-size:15px;

}

.form-header h3{

font-size:24px;

}

.cta-form{

border-radius:20px;
padding:20px;

}

}




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

@media(max-width:991px){

.faq-section{

    padding:90px 0;

}

.faq-content{

    text-align:center;
    margin-bottom:40px;

}

.faq-content h2{

    font-size:34px;

}

}

@media(max-width:767px){

.custom-faq .accordion-button{

    font-size:16px;
    padding:18px 20px;

}

.custom-faq .accordion-body{

    padding:20px;

}

}

@media(max-width:576px){

.faq-section{

    padding:70px 0;

}

.faq-content h2{

    font-size:28px;

}

.faq-content p{

    font-size:15px;

}

.custom-faq .accordion-button{

    font-size:15px;

}

}




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

@media(max-width:991px){

.footer{
    padding:70px 0 25px;
}

.footer h4{
    margin-top:15px;
}

.footer-bottom{
    flex-direction:column;
    text-align:center;
}

}

@media(max-width:767px){

.footer{
    text-align:center;
}

.footer h4::after{
    left:50%;
    transform:translateX(-50%);
}

.footer-contact li{
    justify-content:center;
    text-align:left;
}

.footer-social{
    justify-content:center;
}

.footer-logo{
    height:55px;
}

}

@media(max-width:576px){

.footer{
    padding:60px 0 20px;
}

.footer h4{
    font-size:20px;
}

.footer-about p,
.footer ul li,
.footer-contact li{
    font-size:15px;
}

#backToTop{
    width:48px;
    height:48px;
    right:15px;
    bottom:15px;
    font-size:18px;
}

}