/* ====================================
   TABLET & MOBILE
==================================== */

@media(max-width:991px){
    .hero-content{
        text-align:center;
        margin-top:130px;
    }
    .hero-content h1{
        font-size:58px;
        max-width:100%;
    }
    .hero-buttons{
        justify-content:center;
    }
    .mentor-box{
        margin:60px auto;
        max-width:100%;
    }
    .mentor-box h2{
        font-size:48px;
    }
    .navbar-nav{
        padding:20px 0;
    }
}

@media(max-width:576px){
    .hero-content h1{
        font-size:42px;
        line-height:1;
    }
    .mentor-box{
        padding:30px;
    }
    .mentor-box h2{
        font-size:34px;
    }
    .mentor-box p{
        font-size:15px;
    }
    .mentor-form{
        height:58px;
    }
    .mentor-form button{
        width:60px;
        height:58px;
    }
    .trust-strip .col-lg-3{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.20);
    }
    .trust-strip .col-lg-2{
        justify-content: left;
        padding-left: 13px;
    }
    .start-btn{
        margin-bottom: 20px;
    }
    .exam-slider-wrapper{
        padding: 0px 20px;
    }
}

/*=========================================
    TOP B-SCHOOLS
=========================================*/

@media(max-width:1199px){
    .bschools-section .college-grid:not(.swiper-initialized) .swiper-wrapper{
        grid-template-columns:repeat(2,1fr);
    }
    .bschools-section .college-card {
       min-height: 620px;
    }
}

@media(max-width:767px){
    .bschools-section{
        padding:70px 0;
    }
    .bschools-section .section-top{
        flex-direction:column;
        align-items:flex-start;
        gap:25px;
    }
    .bschools-section .left-content h2{
        font-size:42px;
    }
    .bschools-section .left-content h3{
        font-size:30px;
    }
    .bschools-section .college-grid:not(.swiper-initialized) .swiper-wrapper{
        grid-template-columns:1fr;
    }
    .bschools-section .btns{
        flex-direction:column;
    }
    .bschools-section .college-grid.swiper-initialized{
        overflow: hidden;
        padding-bottom: 20px;
    }
    .bschools-section .swiper-slide {
        height: auto; /* Allow slides to stretch to the tallest one */
        display: flex;
    }
    .bschools-section .college-card {
       min-height: 620px; /* Ensure card fills the slide height */
    }
    .guidance-btn{
        margin-left: 0;
    }
}

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

@media(max-width:1200px){
    .process-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .specialization-wrapper{
        grid-template-columns:1fr;
    }
    .specialization-image{
        order:-1;
        text-align:center;
    }
    .specialization-image img{
        max-width:100%; /* Ensure image scales down to fit screen */
        margin:auto;
    }
}

@media(max-width:768px){
    .specialization-content {
        padding: 0 15px; /* Add some horizontal padding for content */
    }
    .specialization-content h2 {
        font-size: 38px; /* Reduce font size for mobile */
    }
    .accordion-title, .accordion-content {
        word-break: break-word; /* Prevent long words from overflowing */
    }
    .career-heading h2{
        font-size:42px;
    }
    .career-heading h4{
        font-size:26px;
    }
    .process-grid{
        grid-template-columns:1fr;
    }
    .guidance-box{
        padding:25px;
    }
    .guidance-left h2{
        font-size:34px;
    }
    .guidance-right{
        flex-direction:column;
    }
    .accordion-title {
        font-size: 16px; /* Adjust accordion title font size for smaller screens */
    }
    .accordion-content {
        font-size: 14px; /* Adjust accordion content font size for smaller screens */
    }
    .logo-slider{
        justify-content:center;
    }
}

/*=========================================
    RANKING
=========================================*/

@media(max-width:991px){
    .ranking-card{
        grid-template-columns:1fr;
        gap:12px;
        text-align:center;
    }
    .table-head{
        display:none;
    }
    .ranking-title{
        font-size:42px;
        margin-bottom:30px;
    }
    .ranking-tabs{
        justify-content:flex-start!important;
        overflow-x:auto;
        flex-wrap:nowrap;
    }
}

/*==================================================
                EXPLORE B-SCHOOLS
==================================================*/

@media(max-width:991px){
    .bs-explore-banner{
        padding:35px;
        min-height: auto;
        background-size: cover;
    }
    .bs-explore-banner .row{
        min-height: auto;
    }
    .bs-title{
        font-size:38px;
        margin-bottom:30px;
    }
    .bs-left-content{
        text-align:center;
        align-items: center;
    }
    .bs-explore-banner .row{
        justify-content: center;
    }
    .bs-features-wrapper {
        padding: 40px 0 0 0;
    }
    .bs-feature-box{
        text-align: center;
        align-items: center;
        margin: 0 auto 20px;
        font-size: 18px;
        width: 100%;
    }
    .bs-btn-area {
        text-align: center;
    }
    .bs-mentor-card{
        margin:30px auto;
        min-width: auto;
    }
    .bs-student-wrapper{
        margin:40px 0;
    }
    .bs-explore-btn{
        width:100%;
    }
}

@media(max-width:767px){
    .bs-explore-banner{
        padding:25px;
    }
    .bs-title{
        font-size:32px;
    }
    .bs-mentor-card{
        max-width:100%;
        padding:20px;
    }
    .bs-mentor-card h4{
        font-size:28px;
    }
    .bs-phone-form{
        flex-direction:column;
    }
    .bs-phone-form input{
        width:100%;
    }
    .bs-phone-form button{
        width:100%;
        border-radius:30px;
    }
    .bs-feature-box{
        min-height:auto;
        padding: 20px 15px;
        margin-bottom: 15px;
        font-size: 16px;
        overflow-wrap: break-word;
    }
    .bs-feature-box h6{
        font-size: 14px;
    }
}

/*=========================
        FAQ & FOOTER
==========================*/

@media(max-width:768px){
    .faq-title{
        font-size:38px;
    }
}

@media(max-width:991px){
    .bs-footer{
        text-align:left;
    }
    .bs-footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bs-footer .col-xl-7,
    .bs-footer .col-xl-5 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .bs-footer-about p{
        margin: 0;
    }
    .bs-newsletter-form{
        margin: 0;
    }
    .bs-footer h5{
        margin-top:25px;
    }

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

    .college-content{
        flex-direction:column;
    }

    .college-left{
        width:100%;
    }

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


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

    .hero-content h1{
        font-size:50px;
    }
}

@media(max-width:767px){
    .bs-footer{
        padding-top:50px;
    }
    .bs-footer h5{
        font-size:22px;
    }
    .bs-newsletter h4{
        font-size:26px;
    }

    .top-bar{
        flex-direction:column;
        align-items:flex-start;
    }

    .search-box{
        width:100%;
    }

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

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

    .hero-content h1{
        font-size:36px;
    }

    .college-info h3{
        font-size:28px;
    }
}

/*=========================================
    COLLEGE DETAILS RESPONSIVE
=========================================*/

@media(max-width:991px){
    .college-header{
        text-align: center;
        padding: 30px 15px;
    }
    .college-actions{
        justify-content: center;
        margin-top: 20px;
    }
    .college-info-grid{
        grid-template-columns: 1fr;
    }
    .facilities-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .faculty-grid{
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:767px){
    .college-title-section h1{
        font-size: 32px;
    }
    .college-image-banner{
        height: 280px;
    }
    .course-details{
        grid-template-columns: 1fr;
    }
}