body{
    margin:0;
    padding:0;
    font-family:Arial,sans-serif;
}

/* Top Bar */

.top-bar{
    background:#f47b20;
    color:#fff;
    height:34px;
    line-height:34px;
    font-size:14px;
}

/* Navbar */

.custom-navbar{
    background:hsl(210, 40%, 98%);
    min-height:70px;
    padding:0;
}

.custom-navbar .nav-link{
    color:#080808 !important;
    font-weight:900;
    padding:25px 45px;
}
/* ==============================
   DESKTOP NAVBAR LINKS
================================ */

.custom-navbar .navbar-nav {
    gap: 8px;
}

.custom-navbar .navbar-nav li a {
    position: relative;
    color: #fff;
    font-weight: 500;
    padding: 12px 15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover text color */
.custom-navbar .navbar-nav li a:hover {
    color: #ffd700;
}

/* Animated underline */
.custom-navbar .navbar-nav li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 3px;
    width: 0;
    height: 2px;
    background: #ffd700;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

/* Show underline on hover */
.custom-navbar .navbar-nav li a:hover::after {
    width: 70%;
}

/* Active menu */
.custom-navbar .navbar-nav li a.active {
    color: #ffd700;
}

.custom-navbar .navbar-nav li a.active::after {
    width: 70%;
}
/* Logo Shape */

.logo-section{
    background:#fff;
    padding:0 35px;
    height:70px;
    display:flex;
    align-items:center;
    clip-path:polygon(
        0 0,
        90% 0,
        100% 100%,
        0 100%
    );
}

.logo-section img{
    height:135px;
}

/* Mobile Sidebar */

.offcanvas{
    width:300px;
}

.mobile-menu{
    padding:0;
    margin:0;
    list-style:none;
}

.mobile-menu li{
    border-bottom:1px solid #111111;
}

.mobile-menu a{
    display:block;
    color:#333;
    text-decoration:none;
    padding:14px;
    font-weight:500;
}

.mobile-menu ul{
    list-style:none;
    padding-left:15px;
}

@media (max-width: 991.98px) {

    #mobileMenu {
        z-index: 1055 !important;
        pointer-events: auto !important;
        background: #fff !important;
    }

    #mobileMenu .offcanvas-body {
        position: relative;
        z-index: 2;
        pointer-events: auto !important;
    }

    #mobileMenu .offcanvas-header {
        position: relative;
        z-index: 3;
        pointer-events: auto !important;
    }

    #mobileMenu a,
    #mobileMenu button,
    #mobileMenu li {
        position: relative;
        z-index: 4;
        pointer-events: auto !important;
        cursor: pointer;
    }

    .offcanvas-backdrop {
        z-index: 1040 !important;
    }

}
/* Hero Section */

.hero-slider{
    height:650px;
    position:relative;
}

.hero-slider img{
    width:100%;
    height:650px;
    object-fit:cover;
}

.hero-content{
    position:absolute;
    top:50%;
    left:28%;
    transform:translateY(-50%);
}

.hero-content h1{
    color:#e51b24;
    font-size:70px;
    font-weight:800;
}

.hero-content h4{
    font-size:32px;
    color:#333;
}

/* Counter */

.stats-section{
    background:#edf2f7;
    padding:40px 0;
}

.stats-box{
    border-right:1px solid #f47b20;
}

.stats-box:last-child{
    border-right:none;
}

.stats-box h3{
    color:#1f5fb8;
    font-size:42px;
}

.stats-box i{
    color:#1f5fb8;
}
@media(max-width:991px){

.logo-section{
    clip-path:none;
    padding:10px;
    background:transparent;
}

.logo-section img{
    height: 85px;
}
.custom-navbar{
    background:#f9f9fa;
    min-height:70px;
    padding:0;
}

.hero-slider{
    height:450px;
}

.hero-slider img{
    height:450px;
}

.hero-content{
    left:20px;
    right:20px;
}

.hero-content h4{
    font-size:18px;
}

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

.stats-box{
    border-right:none;
    border-bottom:1px solid #181717;
    padding:20px;
}

}
.hero-section{
    position:relative;
}

.hero-img{
    width:100%;
    height:650px;
    object-fit:cover;
}

.hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    max-width:850px;
    padding:0 15px;
}

.search-box{
    background:rgba(255,255,255,0.15);
    backdrop-filter:blur(10px);
    padding:30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.search-box h2{
    color:#051cf3;
    font-size:40px;
    font-weight:700;
    margin-bottom:10px;
}

.search-box p{
    color:#f71b1b;
    margin-bottom:25px;
}

.search-group{
    background:#fff;
    border-radius:60px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.search-group .input-group-text{
    border:none;
    background:#fff;
    padding-left:25px;
    color:#1f5fb8;
    font-size:18px;
}

.search-group .form-control{
    border:none;
    height:65px;
    font-size:17px;
    box-shadow:none;
}

.search-btn{
    background:#f47b20;
    color:#fff;
    border:none;
    padding:0 35px;
    font-weight:600;
    transition:.3s;
}

.search-btn:hover{
    background:#1f5fb8;
    color:#fff;
}
@media (max-width: 768px) {

    .hero-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .search-box {
        display: none;
        padding: 10px;
    }

    .search-box h2 {
        font-size: 24px;
    }

    .search-group {
        flex-direction: column;
        border-radius: 15px;
    }

    .search-group .form-control {
        height: 55px;
    }

    .search-btn {
        width: 100%;
        height: 55px;
    }
   
}

.sub-title{
    color:#ff7a00;
    font-weight:700;
    letter-spacing:2px;
}

.section-header h2{
    font-size:35px;
    font-weight:700;
    color:#1f5fb8;
}

/* Typography & Utility Helpers */
.fs-7 { font-size: 0.8rem; }
.fs-8 { font-size: 0.7rem; }
.max-w-600 { max-width: 600px; }

.trending-course-section {
    background-color: #f8f9fa;
}

/* Card Styling */
.course-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-color: #e9ecef !important;
}

.course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

.course-img {
    height: 120px;
}

.course-img img {
    height: 100%;
    transition: transform 0.3s ease;
}

.course-card:hover .course-img img {
    transform: scale(1.05);
}

.course-tag {
    background-color: rgba(13, 110, 253, 0.88);
    backdrop-filter: blur(4px);
    letter-spacing: 0.3px;
}

/* Course Typography & Content */
.course-title {
    font-size: 0.95rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.course-meta {
    font-size: 0.75rem;
}

.meta-item {
    white-space: nowrap;
}

/* Inline Action Buttons */
.course-buttons .btn {
    font-size: 0.75rem;
    padding: 0.4rem 0.25rem;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 6px;
}

/* Swiper Controls Customization */
.trendingCourseSlider {
    padding-bottom: 30px !important;
}

.course-next, .course-prev {
    color: #0d6efd;
    background: #ffffff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.course-next::after, .course-prev::after {
    font-size: 1rem;
    font-weight: bold;
}

/* Responsive Overrides (Desktop / Tablet Expansion) */
@media (min-width: 768px) {
    .course-img {
        height: 180px;
    }

    .course-title {
        font-size: 1.15rem;
    }

    .course-meta {
        font-size: 0.825rem;
    }

    .course-buttons .btn {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }
}
/* Force 2 columns max on screens under 768px */
@media (max-width: 767.98px) {
    .trendingCourseSlider .swiper-slide {
        width: calc(50% - 5px) !important; /* Force exact 2-card width */
        margin-right: 10px !important;
    }
    .trendingCourseSlider .swiper-wrapper {
        display: flex !important;
        flex-direction: row !important;
    }
}

/* College Section Start*/

.trending-college-section {
    background-color: #f8f9fa;
}

.fs-7 { font-size: 0.8rem; }
.fs-8 { font-size: 0.7rem; }
.max-w-600 { max-width: 600px; }

/* College Card Custom Styling */
.college-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-color: #e9ecef !important;
}

.college-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
}

.college-banner {
    height: 110px;
}

.college-img {
    height: 100%;
    transition: transform 0.3s ease;
}

.college-card:hover .college-img {
    transform: scale(1.05);
}

.college-badge {
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
}

/* Logo & Content Layout */
.college-logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
    padding: 2px;
}

.college-title {
    font-size: 0.875rem;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.college-info {
    font-size: 0.725rem;
}

.info-item {
    white-space: nowrap;
}

/* Side-by-Side Mobile Buttons */
/* Base Desktop Styles */
.card-actions {
    display: flex;
    width: 100%;
}

.card-actions .btn-action {
    flex: 1;
    text-align: center;
    padding: 8px 4px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffffff !important;
    text-decoration: none;
    border: none;
    outline: none;
    letter-spacing: 0.3px;
    transition: opacity 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0; /* Ensures buttons flush to the card bottom */
}

.card-actions .btn-apply {
    background-color: #2b52ff; /* Solid Blue */
}

.card-actions .btn-details {
    background-color: #ff5000; /* Solid Orange */
}

.card-actions .btn-action:hover {
    opacity: 0.9;
}

/* Mobile Media Query Override */
@media (max-width: 767.98px) {
    .card-actions {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
    }

    .card-actions .btn-action {
        font-size: 0.60rem !important; /* Scaled down for 2-column mobile layout */
        padding: 6px 2px !important;   /* Compact padding */
        letter-spacing: 0px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important; /* Prevents text from breaking into multiple lines */
        font-weight: 700 !important;
    }
}

/* Swiper Nav Elements */
.collegeSlider {
    padding-bottom: 30px !important;
}

.college-next, .college-prev {
    color: #0d6efd;
    background: #ffffff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.college-next::after, .college-prev::after {
    font-size: 1rem;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    /* Mobile Slide Width Fix */
    .collegeSlider .swiper-slide {
        width: calc(50% - 5px) !important;
        margin-right: 10px !important;
    }

    /* Mobile Logo Container & Image Fix */
    .college-logo {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        padding: 2px !important;
    }

    .college-logo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}
/* Desktop Expansion */
@media (min-width: 768px) {
    .college-banner {
        height: 150px;
    }
    .college-logo {
        width: 44px;
        height: 44px;
    }
    .college-title {
        font-size: 1.1rem;
    }
    .college-info {
        font-size: 0.825rem;
    }
    .card-buttons .btn {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }
}

/* ==========================================
   TOP UNIVERSITY SECTION - RESPONSIVE STYLES
========================================== */

.top-university-section {
    background-color: #f8f9fa;
}

/* SECTION HEADING */
.sub-title {
    color: #0d6efd;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* CARD CONTAINER */
.university-card {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #eef2f5;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.university-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* IMAGE & BADGE */
.university-image {
    position: relative;
    height: 110px;
    overflow: hidden;
}

.university-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rank-badge {
    position: absolute;
    top: 6px;
    right: 6px;
    /* background: #ffc107; */
    background: transparent;
    color: #000000;
    font-size: 5px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* CARD CONTENT */
.university-content {
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* LOGO */
.university-logo {
    width: 42px;
    height: 42px;
    margin: -30px auto 6px;
    background: #ffffff;
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 2;
}

.university-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

/* UNIVERSITY NAME */
.university-content h4 {
    font-size: 13px;
    font-weight: 700;
    color: #212529;
    margin-bottom: 4px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 34px;
}

/* LOCATION */
.university-content .location {
    font-size: 11px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* STATS */
.university-stats {
    display: flex;
    justify-content: space-between;
    background: #f8f9fa;
    padding: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.university-stats div {
    flex: 1;
    text-align: center;
}

.university-stats strong {
    display: block;
    font-size: 11px;
    color: #0d6efd;
    line-height: 1.1;
}

.university-stats span {
    display: block;
    font-size: 9px;
    color: #6c757d;
    margin-top: 2px;
}

/* ==========================================
   DESKTOP RESPONSIVE BREAKPOINTS (>= 768px)
========================================== */
@media (min-width: 768px) {
    .university-image {
        height: 150px;
    }

    .rank-badge {
        font-size: 11px;
        padding: 4px 8px;
        top: 10px;
        right: 10px;
    }

    .university-content {
        padding: 15px;
    }

    .university-logo {
        width: 54px;
        height: 54px;
        margin: -42px auto 8px;
    }

    .university-content h4 {
        font-size: 15px;
        height: 40px;
    }

    .university-content .location {
        font-size: 12px;
    }

    .university-stats {
        padding: 8px;
    }

    .university-stats strong {
        font-size: 13px;
    }

    .university-stats span {
        font-size: 10px;
    }
}


/* =========================
ONLINE UNIVERSITY SECTION (COLLEGE STYLE MATCH)
========================= */
/* ==========================================
   Online Universities Carousel Section
   ========================================== */

.online-university-section {
    background-color: #f8f9fa;
}

.section-tag {
    color: #ff6b00;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 1.5px;
    display: inline-block;
    margin-bottom: 0.5rem;
}

/* .section-heading h2 {
    font-weight: 700;
    color: #1a202c;
} */

/* Card Outer Container */
.online-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.online-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

/* Image Header Box */
.online-img {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.online-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.online-card:hover .online-img img {
    transform: scale(1.05);
}

.approved-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: #22c55e;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Content Area */
.online-content {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* University Header with Logo */
.university-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1rem;
}

.logo-box {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #edf2f7;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    flex-shrink: 0;
}

.logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.university-info h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 2px;
    line-height: 1.2;
}

.university-info .location {
    font-size: 0.8rem;
    color: #718096;
}

/* Feature Badges */
.online-features {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 1.25rem;
}

.online-features span {
    background-color: #edf2f7;
    color: #4a5568;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
}

/* Pricing Section */
.price-box {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px dashed #e2e8f0;
    margin-bottom: 1.25rem;
}

.price-box strong {
    font-size: 0.75rem;
    color: #a0aec0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
}

.price-box h5 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2b6cb0;
    margin: 0;
}

/* Swiper Navigation Control Adjustments */
.onlineUniversitySlider .swiper-button-next,
.onlineUniversitySlider .swiper-button-prev {
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    color: #1a202c;
}

.onlineUniversitySlider .swiper-button-next::after,
.onlineUniversitySlider .swiper-button-prev::after {
    font-size: 14px;
    font-weight: bold;
}
/* ==========================================
   Responsive & Mobile Enhancements
   ========================================== */

/* Medium Devices (Tablets, 768px - 991px) */
@media (max-width: 991px) {
    .online-img {
        height: 160px;
    }

    .university-header {
        gap: 10px;
    }

    .logo-box {
        width: 42px;
        height: 42px;
    }

    .university-info h4 {
        font-size: 0.95rem;
    }
}

/* Mobile Devices (Under 768px) */
@media (max-width: 767px) {
    .online-university-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    /* Keep container tight on smaller screens */
    .online-university-section .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* .section-header {
        margin-bottom: 1.5rem !important;
    } */

    .section-header h2 {
        font-size: 1.4rem;
    }

    .section-header p {
        font-size: 0.85rem;
    }

    /* Optimize card layout for touch screens */
    .online-card {
        border-radius: 10px;
    }

    .online-img {
        height: 140px; /* Reduced height for smaller viewports */
    }

    .approved-badge {
        font-size: 0.68rem;
        padding: 3px 8px;
        top: 8px;
        right: 8px;
    }

    .online-content {
        padding: 10px; /* Reduced inner padding */
    }

    .university-header {
        gap: 8px;
        margin-bottom: 0.75rem;
    }

    .logo-box {
        width: 38px;
        height: 38px;
        padding: 2px;
    }

    .university-info h4 {
        font-size: 0.88rem;
        line-height: 1.25;
    }

    .university-info .location {
        font-size: 0.75rem;
    }

    /* Badges horizontal scrolling if space overflows */
    .online-features {
        gap: 4px;
        margin-bottom: 0.75rem;
    }

    .online-features span {
        font-size: 0.68rem;
        padding: 2px 6px;
    }

    /* Price Box Compact Layout */
    .price-box {
        padding-top: 0.5rem;
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: space-between; /* Inline layout saves vertical height */
    }

    .price-box strong {
        font-size: 0.7rem;
    }

    .price-box h5 {
        font-size: 1rem;
    }
    /* Navigation Arrows for Mobile Touch */
    .onlineUniversitySlider .swiper-button-next,
    .onlineUniversitySlider .swiper-button-prev {
        width: 28px;
        height: 28px;
    }

    .onlineUniversitySlider .swiper-button-next::after,
    .onlineUniversitySlider .swiper-button-prev::after {
        font-size: 11px;
    }
}

/* excellent section */
.our-excellence{
    background:#f8fafc;
}
/* 
.section-tag{
    color:#ff7a00;
    font-weight:700;
    letter-spacing:2px;
    display:block;
    margin-bottom:10px;
} */

.our-excellence h2{
    font-size:42px;
    font-weight:700;
    color:#1f5fb8;
    margin-bottom:20px;
}

.our-excellence p{
    color:#666;
    line-height:28px;
}

.btn-explore{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:12px 30px;
    border-radius:8px;
    margin-top:20px;
    font-weight:600;
}

.excellence-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.excellence-card:hover{
    transform:translateY(-10px);
}

.excellence-card .icon{
    width:80px;
    height:80px;
    margin:auto;
    background:#eef4ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.excellence-card .icon i{
    font-size:32px;
    color:#1f5fb8;
}

.excellence-card h3{
    font-size:32px;
    color:#ff7a00;
    font-weight:700;
    margin-bottom:10px;
}

.excellence-card p{
    margin:0;
    font-weight:500;
}

/* study Abroad section */

/* ==========================================
   Study Abroad Carousel Section
   ========================================== */

.study-abroad-section {
    background-color: #f8f9fa;
}

/* Card Outer Container */
.country-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.country-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

/* Image Container */
.country-image {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.country-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.country-card:hover .country-image img {
    transform: scale(1.05);
}

/* Content Area */
.country-content {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
}

/* Floating Country Flag */
.country-flag {
    position: absolute;
    top: -22px;
    right: 16px;
    width: 44px;
    height: 44px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    border: 2px solid #ffffff;
    z-index: 2;
}

.country-content h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 2px;
    line-height: 1.3;
}

.country-content p {
    font-size: 0.82rem;
    color: #718096;
    margin-bottom: 1rem;
}

/* Course Badges */
.courses-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 1.25rem;
}

.courses-list span {
    background-color: #edf2f7;
    color: #4a5568;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
}

/* Swiper Controls */
.studyAbroadSlider .swiper-button-next,
.studyAbroadSlider .swiper-button-prev {
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    color: #1a202c;
}

.studyAbroadSlider .swiper-button-next::after,
.studyAbroadSlider .swiper-button-prev::after {
    font-size: 14px;
    font-weight: bold;
}

/* ==========================================
   Responsive & Mobile Adjustments
   ========================================== */

@media (max-width: 991px) {
    .country-image {
        height: 160px;
    }

    .country-content h4 {
        font-size: 0.98rem;
    }
}

@media (max-width: 767px) {
    .study-abroad-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .study-abroad-section .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .country-card {
        border-radius: 10px;
    }

    .country-image {
        height: 140px;
    }

    .country-content {
        padding: 10px;
        padding-top: 14px; /* Space for the floating flag */
    }

    .country-flag {
        top: -18px;
        right: 12px;
        width: 36px;
        height: 36px;
        font-size: 1.25rem;
    }

    .country-content h4 {
        font-size: 0.9rem;
    }

    .country-content p {
        font-size: 0.75rem;
        margin-bottom: 0.6rem;
    }

    .courses-list {
        gap: 4px;
        margin-bottom: 0.85rem;
    }

    .courses-list span {
        font-size: 0.68rem;
        padding: 2px 6px;
    }

    .studyAbroadSlider .swiper-button-next,
    .studyAbroadSlider .swiper-button-prev {
        width: 28px;
        height: 28px;
    }

    .studyAbroadSlider .swiper-button-next::after,
    .studyAbroadSlider .swiper-button-prev::after {
        font-size: 11px;
    }
}

/* Review section */
/* .section-heading h2{
    color:#1f5fb8;
    font-size:42px;
    font-weight:700;
} */

.review-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    height:100%;
    transition:.3s;
    position:relative;
}

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

.review-card::before{
    content:"❝";
    position:absolute;
    top:15px;
    right:20px;
    font-size:50px;
    color:#ff7a00;
    opacity:.2;
}

.student-info{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.student-info img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
}

.student-info h5{
    margin:0;
    font-weight:700;
}

.student-info span{
    color:#777;
    font-size:14px;
}

.rating{
    color:#ffb400;
    margin-bottom:15px;
    font-size:18px;
}

.review-card p{
    color:#666;
    line-height:28px;
    margin:0;
}

.swiper-pagination {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 5px !important;
    margin: 0 !important;
    z-index: 10;
}

.swiper-pagination-bullet-active{
    background:#ff7a00;
}
.education-news-section{
    background:#f8fafc;
}

/* .section-tag{
    color:#ff7a00;
    font-weight:700;
    letter-spacing:2px;
} */

/* Educational News Section */
/* ==========================================
   Education News Carousel Section
   ========================================== */

.education-news-section {
    background-color: #ffffff;
}

/* News Card Structure */
.news-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

/* Image & Badge Overlay */
.news-img {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.news-card:hover .news-img img {
    transform: scale(1.05);
}

.news-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #ff6b00;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

/* Content Body */
.news-content {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.news-date {
    font-size: 0.8rem;
    color: #718096;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.news-date i {
    color: #ff6b00;
}

.news-content h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-content p {
    font-size: 0.85rem;
    color: #4a5568;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Read More Button */
.read-more-btn {
    margin-top: auto;
    font-size: 0.85rem;
    font-weight: 600;
    color: #ff6b00;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color 0.2s ease, gap 0.2s ease;
}

.read-more-btn::after {
    content: "→";
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.read-more-btn:hover {
    color: #e05d00;
}

.read-more-btn:hover::after {
    transform: translateX(4px);
}

/* Swiper Pagination Styling */
.newsSlider .swiper-pagination {
    position: relative;
    margin-top: 2rem;
}

.newsSlider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #cbd5e0;
    opacity: 1;
    transition: all 0.3s ease;
}

.newsSlider .swiper-pagination-bullet-active {
    background-color: #ff6b00;
    width: 24px;
    border-radius: 4px;
}

/* ==========================================
   Responsive & Mobile Adjustments
   ========================================== */

@media (max-width: 991px) {
    .news-img {
        height: 180px;
    }

    .news-content h4 {
        font-size: 0.98rem;
    }
}

@media (max-width: 767px) {
    .education-news-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .education-news-section .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .news-card {
        border-radius: 10px;
    }

    .news-img {
        height: 150px;
    }

    .news-badge {
        top: 8px;
        left: 8px;
        font-size: 0.68rem;
        padding: 3px 8px;
    }

    .news-content {
        padding: 12px;
    }

    .news-date {
        font-size: 0.75rem;
        margin-bottom: 0.35rem;
    }

    .news-content h4 {
        font-size: 0.9rem;
        margin-bottom: 0.35rem;
    }

    .news-content p {
        font-size: 0.78rem;
        margin-bottom: 0.85rem;
    }

    .read-more-btn {
        font-size: 0.8rem;
    }

    .newsSlider .swiper-pagination {
        margin-top: 1.25rem;
    }
}
/* video review section */
/* .section-heading h2{
    color:#1f5fb8;
    font-size:42px;
    font-weight:700;
} */

.video-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

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

.video-content{
    padding:20px;
    text-align:center;
}

.video-content h5{
    font-weight:700;
    margin-bottom:5px;
}

.video-content p{
    color:#777;
    margin:0;
}

.video-card iframe{
    border:0;
}

.swiper-pagination-bullet-active{
    background:#ff7a00;
}

/* Course Page */
.filter-box{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    position:sticky;
    top:100px;
}

.filter-box h4{
    color:#1f5fb8;
    margin-bottom:20px;
}

.course-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.course-card:hover{
    transform:translateY(-5px);
}

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

.course-content{
    padding:20px;
}

.course-content h5{
    font-weight:700;
    margin:15px 0;
}

.course-content ul{
    list-style:none;
    padding:0;
}

.course-content ul li{
    color:#666;
}


.college-filter{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    position:sticky;
    top:100px;
}

.college-filter h4{
    color:#1f5fb8;
    margin-bottom:20px;
}

.college-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

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

.college-image{
    position:relative;
}

.college-image img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.rating{
    position:absolute;
    top:15px;
    right:15px;
    background:#ff7a00;
    color:#fff;
    padding:5px 12px;
    border-radius:20px;
}

.college-body{
    padding:20px;
}

/* .college-logo{
    margin-top:-55px;
}

.college-logo img{
    width:80px;
    height:80px;
    border-radius:50%;
    border:4px solid #fff;
    background:#fff;
} */
 .college-logo img{
    border-radius:50%;
}
.college-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

/* .college-logo{
    margin-top:0;
} */

/* .college-logo img{
    width:70px;
    height:70px;
    object-fit:contain;
    border-radius:10px;
    background:#fff;
    border:1px solid #eee;
    padding:5px;
} */

.college-info h4{
    margin:0;
    font-size:30px;
    font-weight:700;
}

/* .college-info .location{
    margin:0;
    font-size:14px;
}
.college-body h4{
    margin-top:10px;
    font-weight:700;
} */

/* .location{
    color:#777;
} */

.college-info{
    display:flex;
    justify-content:space-between;
    margin:15px 0;

    padding:12px;
    border-radius:10px;
}

.college-info div{
    text-align:center;
}

.college-info strong{
    display:block;
    color:#1f5fb8;
}


.filter-sidebar{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    position:sticky;
    top:100px;
}

.filter-sidebar h4{
    color:#1f5fb8;
    margin-bottom:20px;
}

.university-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

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

.university-banner{
    position:relative;
}

.university-banner img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.rank-badge{
    position:absolute;
    top:15px;
    right:15px;
    background:#ff7a00;
    color:#fff;
    padding:6px 15px;
    border-radius:30px;
    font-size:13px;
}

.university-content{
    padding:20px;
}
/* 
.logo-box{
    margin-top:-55px;
} */

/* .logo-box img{
    width:90px;
    height:90px;
    border-radius:50%;
    border:5px solid #fff;
    background:#fff;
} */

.university-content h4{
    font-weight:700;
    margin-top:10px;
}

.location{
    color:#777;
}

.university-meta{
    display:flex;
    justify-content:space-between;
    background:#f8f9fa;
    padding:12px;
    border-radius:10px;
    margin:15px 0;
}

.university-meta div{
    text-align:center;
}

.university-meta strong{
    display:block;
    color:#1f5fb8;
}

/* .university-btns{
    display:flex;
    gap:10px;
}

.btn-view{
    flex:1;
    text-align:center;
    background:#1f5fb8;
    color:#fff;
    padding:10px;
    border-radius:8px;
    text-decoration:none;
}

.btn-apply{
    flex:1;
    border:none;
    background:#ff7a00;
    color:#fff;
    border-radius:8px;
} */

.abroad-filter{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    position:sticky;
    top:100px;
}

.country-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

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

.country-image{
    position:relative;
}

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

.country-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#ff7a00;
    color:#fff;
    padding:8px 15px;
    border-radius:30px;
}

.country-content{
    padding:20px;
}

.country-content h4{
    font-weight:700;
}

.country-info{
    display:flex;
    justify-content:space-between;
    background:#f8f9fa;
    padding:12px;
    border-radius:10px;
    margin:15px 0;
}

.country-info div{
    text-align:center;
}

.country-info strong{
    display:block;
    color:#1f5fb8;
}

/* ==========================================
   FAQ Section Styles
   ========================================== */

.faq-section {
    background-color: #f8f9fa;
}

.custom-faq-accordion .accordion-item {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.custom-faq-accordion .accordion-button {
    font-size: 0.95rem;
    color: #2b2b2b;
    background-color: #ffffff;
    box-shadow: none !important;
    padding: 1rem 1.25rem;
}

.custom-faq-accordion .accordion-button:not(.collapsed) {
    color: #2b52ff; /* Theme Primary Color */
    background-color: #ffffff;
}

/* Custom indicator icon animation */
.custom-faq-accordion .accordion-button::after {
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}

.custom-faq-accordion .accordion-body {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #6c757d;
}

/* Mobile responsive adjustments */
@media (max-width: 767.98px) {
    .custom-faq-accordion .accordion-button {
        font-size: 0.85rem;
        padding: 0.85rem 1rem;
    }

    .custom-faq-accordion .accordion-body {
        font-size: 0.8rem;
    }
}
/* ================================
   FOOTER
==================================== */
/* ========================================
        PROFESSIONAL FOOTER STYLE
======================================== */

.footer{
    background: #0d0d0d;
    color: #bfbfbf;
    padding: 60px 0 20px;
    margin-top: 50px;
    border-top: 3px solid #1294f0;
}

.footer-title{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 18px;
}

.footer-text{
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.footer-list{
    list-style: none;
    padding: 0;
}

.footer-list li{
    margin-bottom: 10px;
}

.footer-list a{
    text-decoration: none;
    color: #bfbfbf;
    font-size: 15px;
    transition: .3s;
}

.footer-list a:hover{
    color: #1294f0;
    padding-left: 5px;
}

/* Social Icons */
.social-links a{
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-right: 8px;
    border-radius: 50%;
    background: #1a1a1a;
    color: white;
    transition: .3s;
    font-size: 16px;
}

.social-links a:hover{
    background: #1294f0;
}

/* Newsletter */
.newsletter{
    display: flex;
    margin-top: 10px;
}

.newsletter input{
    width: 75%;
    padding: 8px 12px;
    border: none;
    outline: none;
    border-radius: 5px 0 0 5px;
}

.newsletter button{
    width: 25%;
    border: none;
    background: #1294f0;
    color: white;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: .3s;
}

.newsletter button:hover{
    background: #0e7bcc;
}

/* Footer bottom */
.footer-bottom{
    text-align: center;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #333;
}

.footer-bottom p{
    margin: 0;
    color: #e1e1e1;
    font-size: 15px;
}
.footer-bottom .dev-line{
    margin-top: 8px;
    color: #d4d4d4;
    font-size: 15px;
}

.footer-bottom .dev-link{
    color: #1294f0;
    text-decoration: none;
    font-weight: 600;
}

.footer-bottom .dev-link:hover{
    text-decoration: underline;
}

.footer-bottom .love{
    color: #ff4d4d;
    font-size: 17px;
}

/* Mobile Responsive */
@media(max-width: 768px){
    .footer{
        text-align: center;
    }
    .newsletter input,
    .newsletter button{
        width: 100%;
        border-radius: 5px;
        margin-bottom: 8px;
    }
    .newsletter{
        flex-direction: column;
    }
}

/* Section Header with Explore Button */
.section-header{
    padding: 0 5px;
}

.explore-btn{
    text-decoration: none;
    background: #e7380c;
    color: #fff;
    padding: 8px 18px;
    border-radius: 25px;
    font-size: 15px;
    transition: 0.3s;
}

.explore-btn:hover{
    background: #0a6bc0;
}
/* =========================================================
   COURSE → COLLEGE SECTION GAP FIX
   ========================================================= */

.trending-course-section {
    padding-top: 45px !important;
    padding-bottom: 25px !important;
}

.trending-course-section .section-header {
    margin-bottom: 25px !important;
}

.trending-course-section .swiper {
    padding-bottom: 35px !important;
    margin-bottom: 0 !important;
}

.trending-course-section .swiper-wrapper {
    margin-bottom: 0 !important;
}

.trending-course-section .swiper-pagination {
    bottom: 0 !important;
    margin: 0 !important;
}