/* CSS for Header and Hero Section exactly as per the screenshot */
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*/
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

/* =========================================
   HEADER SECTION
========================================= */
.custom-header {
    background-color: #1C74BC;
    /* Exact blue from header */
    padding: 12px 0;
}

.custom-header .navbar-brand img {
    height: 45px;
}

.custom-header .navbar-nav {
    gap: 15px;
}

.custom-header .nav-link {
    color: #F8DF18 !important;
    /* Yellow text */
    font-weight: 500;
    font-size: 16px;
    padding: 8px 12px;
    transition: opacity 0.3s ease;
}

.custom-header .nav-link:hover {
    opacity: 0.8;
}

.header-btn {
    background-color: #647B33;
    /* Dark olive green */
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 24px;
    border-radius: 4px;
    border: none;
    transition: background-color 0.3s ease;
}

.header-btn:hover {
    background-color: #4b5e25;
    color: #FFFFFF;
}

/*.navbar-expand-lg{
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);

    border-bottom:0;
}

.topnav{background:#2a5ba8;}*/

/* =========================================
   HERO SECTION
========================================= */
.hero-section {
    position: relative;
    height:100vh /*calc(100vh - 75px)*/;
    margin-top:78px;
    /*min-height: 600px;*/
    display: flex;
    flex-direction: column;
    padding:0px 0 0px 0;
    overflow: hidden;
}

.hero-section:after{
    content:'' ;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height:100%; 
    background-color: #0000004f;
    
}



.hero-bg-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    /* Very light overlay just to make text pop slightly */
    z-index: 1;
}

.hero-container {
    position: relative;
    z-index: 2;
    height: 100%;
   /* top: 150px;*/
 
}

.hero-content {
    max-width: 850px;
    margin:0;
    position: absolute;
    bottom:80px;
}

.hero-badge {
    display: inline-block;
    border: 2px solid #c4d943;
    /* Yellow border */
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.25);
    padding: 6px 20px;
    border-radius: 30px;
    /* Pill shape */
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 25px;
}

.hero-heading {
    color: #FFFFFF;
    font-size: 3.8rem;
    font-weight: 800;
    line-height: 1.15;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    margin-bottom: 40px;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 30px;
}

.hero-btn-apply {
    background-color: #c4d943;
    /* Bright lime green */
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    padding: 14px 45px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 10px rgba(207, 234, 54, 0.3);
    transition: transform 0.2s ease;
    margin:0;
}

.hero-btn-apply:hover {
    transform: translateY(-2px);
    color: #FFFFFF;
}

.hero-link-explore {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s ease;
    margin:0;
}

.hero-link-explore:hover {
    color: #F8DF18;
}

.new-whychose{padding-left:70px;}

.scholarships-sec{background: #2a5ba8;
    text-align: center;
    font-size: 20px;
    color: #c4d944;
    padding: 20px;
    font-weight:600;
}

.blink4 {
  animation: blink 2s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.mentence {
    /*background: #b3d342;
    max-width: 800px;*/
    border-top: 1px solid #1a367333; 
    text-align: center;
    padding-top:10px;
    margin-top:30px;
    font-size: 20px;
    color:#1A3673;
   /* border-radius: 30px;*/
    font-weight: 600;
    
}

/* =========================================
   HERO STATS BAR
========================================= */
.hero-stats-wrapper {
    margin-top: auto;margin:0;
}

.hero-stats-bar {
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    border-radius: 50px;
    display: inline-flex;
    padding: 15px 30px;
    gap: 30px;
    margin-top: 35px;
}

.stat-item {
    text-align: center;
}

.stat-item h2 {
    color: #c4d943;
    /* Lime green numbers */
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
}

.stat-item p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    margin:0;
    text-align: center;
}

/* =========================================
   INDUSTRY PARTNERS SECTION
========================================= */
.partners-section {
    background-color: #FFFFFF;
    padding: 30px 0;
}

.partners-title {
    color: #000000;
    /* Black color for this heading as per image */
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.partners-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 10px 0;
}

.partners-marquee-track {
    display: flex;
    width: max-content;
    animation: scrollMarquee 25s linear infinite;
    gap: 100px;
    align-items: center;
}

.partner-logo {
    height: 65px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.partner-logo:hover {
    transform: scale(1.1);
}

.testimonials-section .gap-4 {
    gap: 1.5rem !important;
}

/* =========================================
   ABOUT SECTION
========================================= */
.about-section {
    position: relative;
    padding: 0px 0 30px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.about-bg-sketch {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 70%;
    /* Using a placeholder for the building sketch background */
    background: url('https://images.unsplash.com/photo-1590423719047-92070f3f6e10?q=80&w=1920&auto=format&fit=crop') center bottom / cover no-repeat;
    opacity: 0.05;
    /* Make it very faint like a sketch */
    z-index: 0;
    pointer-events: none;
    filter: grayscale(100%);
}

.about-heading {
    font-size: 2.8rem;
    color: #000000;
    line-height: 1.2;
}

.about-intro-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333333;
    font-weight: 500;
    text-align: justify;
}

.heading-line {
    width: 30px;
    height: 3px;
    background-color: #1A73E8;
    /* The blue line color */
    display: inline-block;
    border-radius: 2px;
    margin:0;
}

.small-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333333;
     text-align: justify;
}

.why-choose-list {
    margin-top: 10px;
}

.why-choose-list li {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #333333;
    font-weight: 500;
}

.custom-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 18px;
    position: relative;
    margin-left:0;
}

.custom-bullet::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid #EEEEEE;
    border-radius: 50%;
}

.bullet-blue {
    background-color: #3B82F6;
}

.bullet-green {
    background-color: #84CC16;
}

/* =========================================
   PROGRAMS SECTION
========================================= */
.programs-section {
    position: relative;
    padding: 0px 0;
    background-color: #FDFBF7;
    /* Similar to the map background color */
    overflow: hidden;
}

.programs-bg-sketch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Vintage blueprint sketch placeholder */
    background: url('https://www.transparenttextures.com/patterns/old-mathematics.png');
    opacity: 0.8;
    z-index: 0;
    pointer-events: none;
}

/* Filter Buttons */
.filter-btn {
    background-color: #F7D288;
    color: #01458A;
    font-weight: 700;
    border-radius: 30px;
    padding: 8px 30px;
    border: none;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    margin:0 5px;
}

.filter-btn:hover {
    background-color: #E2AC48;
    color: #01458A;
}

.filter-btn.active {
    background-color: #E2AC48;
    /* Darker gold for active */
    color: #01458A;
}

/* Slider Container */
.program-slider-wrapper {
    position: relative;
    padding: 0 30px;
    /* Space for arrows */
}

.program-slider-container {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 20px 5px;
    /* Padding to avoid cutting off box-shadows */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.program-slider-container::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
}

.program-card-wrapper {
    flex: 0 0 calc(33.333% - 20px);
    scroll-snap-align: start;
    transition: opacity 0.3s ease;
}


@media (max-width: 991px) {
    .program-card-wrapper {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 767px) {
    .program-card-wrapper {
        flex: 0 0 100%;
    }
}

/* The Program Card itself */
.custom-program-card {
    background-color: #EBB859;
    border-radius: 25px;
    padding: 35px 30px;
    /*height: 100%;*/
    display: flex;
    /*flex-direction: column*/;
    min-height: 175px;
    align-items: center;
    color: #01458A;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.program-title {
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1.3;
    margin-bottom: 5px;
    color: #01458A;
    text-align:center;
}

.program-duration {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 15px;
    margin:0;
}

.program-desc {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.5;
    text-align:left;
}

.program-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
    margin-left:0;
}

.program-list li {
    position: relative;
    padding-left: 15px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.4;
}

.program-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #01458A;
}

.learn-more-link {
    color: #01458A;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    transition: opacity 0.3s ease;
}

.learn-more-link:hover {
    opacity: 0.7;
    color: #01458A;
}

/* Slider Arrows */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #275faa;
    border: none;
    color: #fff;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

.slider-arrow:hover {
    background-color: #9CA3AF;
    color: #fff;
}

.left-arrow {
    left: 0;
}

.right-arrow {
    right: 0;
}

/* =========================================
   PLACEMENTS SECTION
========================================= */
.placements-section {
    position: relative;
    padding: 0px 0;
    background-color: #FDFBF7;
    overflow: hidden;
}

.text-dark-blue {
    color: #06316D !important;
}

.text-light-blue {
    color: #1363A8 !important;
}

.text-brown {
    color: #A03110 !important;
    font-size:25px;
    font-weight:600
}

/* Student Slider */
.student-slider-wrapper {
    position: relative;
    padding: 0 40px;
    /* Space for external arrows */
}

.student-slider-container {
    overflow: hidden;
    width: 100%;
}

.student-slider-container .student-img {
    width: 90px;
    height:90px;
}

.student-slider-container .student-card h4{margin-top:15px!important;font-size:22px!important;margin-bottom: 0;}

.student-card {
    background-color: #E6B95C;
    border: 4px solid #F4A62A;
    border-radius: 30px;
    padding:20px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    width: 100%;
}
.student-card h3{font-size:20px;font-weight: 600;}
.student-card p{text-align:center;}
.student-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.student-slider-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

/* Stat Box */
.stat-box {
    background-color: #E9CA81;
    border: 1px solid #C5A566;
    border-radius: 15px;
    padding: 25px 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    margin:10px 0;
    /*height: 100%;*/
}

.stat-box h2 {
    font-size: 2.2rem;
    letter-spacing: -0.5px;
}

/* Recruiter Pills */
.recruiter-pill {
    background-color: #E9CA81;
    border: 2px solid #06316D;
    color: #06316D;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 8px 25px;
    border-radius: 6px;
    white-space: nowrap;
}

/* =========================================
   AFFILIATIONS SECTION
========================================= */
.affiliations-section {
    position: relative;
    padding: 0px 0 30px 0;
    background-color: #FDFBF7;
    overflow: hidden;
}

.affiliation-card {
    background-color: #EBCB7A;
    /* Matched to the image's specific gold */
    border-radius: 25px;
    padding: 35px 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

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

.affiliation-card h5 {
    font-size: 1.15rem;
    color: #000000 !important;
    margin-bottom: 20px;
}

.affiliation-card p {
    font-size: 0.75rem;
    color: #000000 !important;
    line-height: 1.5;
    text-align: center
}

/* =========================================
   ACHIEVERS SECTION
========================================= */
.achievers-section {
    position: relative;
    padding: 0px 0 30px 0;
    background-color: #FDFBF7;
    overflow: hidden;
}

.text-blue {
    color: #1363A8 !important;
}

.blue-glow-border {
    border:6px solid #A1C6E7;
    box-shadow: 0 0 15px rgba(26, 115, 232, 0.2), inset 0 0 15px rgba(26, 115, 232, 0.2);
    border-radius: 12px;
    padding: 30px 20px;
    background-color: transparent;
}

.black-solid-border {
    border: 3px solid #000000;
    border-radius: 20px;
    padding: 30px 20px;
    background-color: transparent;
}

.achiever-card {
    background-color: #EFD085;
    border-radius: 20px;
    padding: 25px 15px 20px 15px;
    width: 175px;
    flex-shrink: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.achiever-card h6{font-weight:700;font-size:18px;}

.achiever-card p{text-align:center;font-weight:600;}

/* Achiever Slider */
.achiever-slider-wrapper {
    position: relative;
    padding: 0 40px;
}

.achiever-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.achiever-slider-track {
    display: flex;
    gap: 15px;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.achiever-card {
    background-color: #EFD085;
    border-radius: 20px;
    padding: 25px 15px 20px 15px;
    flex-shrink: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Small Sliders */
#academics-track .achiever-card {
    width: calc((100% - 30px) / 3); /* 3 cards, 2 gaps of 15px each */
}

#sports-track .achiever-card {
    width: calc((100% - 15px) / 2); /* 2 cards, 1 gap of 15px */
}

/* Large Slider: 5 cards visible */
#alumni-track .achiever-card {
    width: calc((100% - 60px) / 5); /* 5 cards, 4 gaps of 15px each */
}

/* Responsive Overrides for Achievers */
@media (max-width: 1199px) {
    #alumni-track .achiever-card {
        width: calc((100% - 45px) / 4);
    }
}

@media (max-width: 991px) {
    #academics-track .achiever-card {
        width: calc((100% - 15px) / 2);
    }
    #alumni-track .achiever-card {
        width: calc((100% - 30px) / 3);
    }
}

@media (max-width: 767px) {
    #academics-track .achiever-card,
    #sports-track .achiever-card {
        width: 100%;
    }
    #alumni-track .achiever-card {
        width: calc((100% - 15px) / 2);
    }
}

@media (max-width: 480px) {
    #alumni-track .achiever-card {
        width: 100%;
    }
}

.achiever-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.achiever-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color:#275faa;
    border: none;
    color: #fff;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(26, 115, 232, 0.3);
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.achiever-arrow:hover {
    background-color: #1557B0;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 15px rgba(26, 115, 232, 0.4);
}

.achiever-arrow.left-arrow {
    left: 10px;
}

.achiever-arrow.right-arrow {
    right: 10px;
}

.achiever-img-wrapper {
    position: relative;
    width: 110px;
    height: 110px;
}

.achiever-img-blue-border {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #1363A8;
}

.achiever-img-plain {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
}

 .achiever-img img {width:100%;border-radius:15px;height: 230px;object-fit: cover;}
 .sports-thum h6{margin-top:20px;text-align:center}


 .archives-thumb{margin:0 10px;    background: rgba(235, 185, 95, 0.85);padding: 15px;border-radius: 15px;} 
.archives-thumb img{border-radius:15px;}
.archives-thumb h5{color:#06316D;font-size: 15px;margin-top:15px;text-align:center;font-weight:600;}
       
.achiever-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, #1A73E8, #1363A8);
    color: #FFFFFF;
    font-weight: 800;
    font-size: 0.7rem;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0 4px 10px rgba(26, 115, 232, 0.4);
    z-index: 5;
}

/* =========================================
   COMMUNITY SECTION
========================================= */
.community-thumbnail {
    position: relative;
    padding: 80px 0;
    background-color: #D3C1A4;
    /* Sepia/vintage base color */
    overflow: hidden;
}


.community-bg-sketch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.transparenttextures.com/patterns/old-mathematics.png');
    opacity: 0.7;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 0;
}

.community-slider {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    padding: 20px 5px;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (min-width: 1200px) {
    .community-slider{
        justify-content: center;
    }
}

.community-slider::-webkit-scrollbar {
    display: none;
}

.community-thumbnail {
    background-color: rgba(235, 185, 95, 0.85);
   padding:15px;
   margin:0 8px;
   border-radius:10px;
   text-align: center;
    /*backdrop-filter: blur(2px);
    border-radius: 15px;
    
    width: 290px;
    max-width: 85vw;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    margin-left: 10px;
    text-align: center;*/
}

.community-discrip{min-height:125px;}

.community-img img{width:100%;border-radius:10px}
.community-thumbnail h5{margin-top:20px;font-size:18px;font-weight:600;}
.community-thumbnail p{text-align:center;}

.community-thumbnail:hover {
    transform: translateY(-5px);
}

.btn-community-red {
    background-color: #AF341B;
    color: #ffffff;
    border: none;
    font-size: 0.8rem;
    padding: 6px 18px;
    transition: background-color 0.3s ease;
}

.btn-community-red:hover {
    background-color: #8B2511;
    color: #ffffff;
}

/* =========================================
   STAY IN THE LOOP (EVENTS) SECTION
========================================= */
.events-section {
    position: relative;
    padding:30px 0;
    background-color: #D3C1A4;
    /* Restored vintage base color */
    overflow: hidden;
}

.events-category-box {
    border: 2px solid #1A73E8;
    border-radius: 20px;
    padding: 35px 25px;
    background-color: transparent;
    min-height: 420px; /* Increased height */
}

.event-card {
    position: relative;
    background-color: #EBB859;
    border-radius: 15px;
    width: 100%; /* Changed to 100% as the wrapper controls width now */
    min-height: 280px; /* Taller card */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

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

.event-date-box {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #A32E16;
    /* Deep red */
    color: #ffffff;
    width: 75px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.event-month {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.event-day {
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
}

.event-category {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #A32E16;
    font-weight: 700;
    font-size: 0.8rem;
    text-align: right;
    max-width: 60%;
}

.event-title {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #1A73E8;
    font-weight: 800;
    font-size: 1.15rem;
    margin: 0;
    padding-right: 10px;
    line-height: 1.4;
}

.btn-event-red {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #A32E16;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.btn-event-red:hover {
    background-color: #8B2511;
    color: #ffffff;
}

@media (max-width: 575px) {
    .event-card {
        width: 100%;
        margin-bottom: 20px;
    }

    .events-category-box>.d-flex {
        flex-direction: column;
    }
}

/* =========================================
   PODCASTS & TALKS SECTION
========================================= */
.podcasts-section {
    position: relative;
    padding: 30px 0;
    background-color: #D3C1A4;
    /* Reusing vintage base */
    overflow: hidden;
}

.podcasts-slider-container {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    padding: 20px 0 40px 0;
    /* Extra bottom padding for shadow */
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.podcasts-slider-container::-webkit-scrollbar {
    display: none;
}

.podcast-card {
    background-color: #ffffff;
    border-radius: 15px;
    width: calc((100% - 100px) / 5);
    min-width: 200px;
    max-width: 85vw;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.podcast-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.podcast-img-wrapper {
    position: relative;
    height: 180px;
    width: 100%;
}

.podcast-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.podcast-play-btn {
    position: absolute;
    bottom: -22px;
    /* Half of height to overlap */
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    z-index: 2;
    font-size: 0.95rem;
    padding-left: 3px;
    /* visual center for play triangle */
    transition: transform 0.2s ease;
}

.podcast-card:hover .podcast-play-btn {
    transform: translateX(-50%) scale(1.1);
}

.podcast-content {
    padding: 35px 20px 25px 20px;
    /* Top padding clears the play button */
    text-align: left;
    background-color: #ffffff;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.podcast-title {
    color: #1A2B4C;
    /* Dark navy */
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 8px;
}

/* Slider Controls */
.slider-track-hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.slider-track-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.slider-control-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #1A73E8;
    color: #ffffff;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.slider-control-btn:hover {
    background-color: #06316D;
    transform: translateY(-50%) scale(1.1);
}

.btn-prev {
    left: 20px;
}

.btn-next {
    right: 20px;
}

/* =========================================
   TESTIMONIALS SECTION
========================================= */
.testimonials-section {
    position: relative;
    padding: 0px 0 30px;
    background-color: #D3C1A4;
    /* Reusing vintage base */
    overflow: hidden;
}

/* Testimonial Marquee */
.testimonial-marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-scroll 25s linear infinite;
}

.testimonial-marquee-track:hover {
    animation-play-state: paused;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.testimonial-group {
    display: flex;
    gap: 1.5rem;
}

.testimonials-slider-container {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    padding: 20px 5px 0px 5px;
    /* Extra bottom padding for shadow */
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.testimonials-slider-container::-webkit-scrollbar {
    display: none;
}

.testimonial-card {
    background-color: #EBB859;
    /* Exact gold from image */
    border-radius: 15px;
    width: 320px;
    max-width: 85vw;
    padding: 35px 25px 30px 25px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    cursor: pointer;
    margin:0;
}

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

.testimonial-stars {
    color: #06316D;
    font-size: 1.1rem;
    letter-spacing: 2px;
}

.testimonial-text {
    font-size: 0.85rem;
    line-height: 1.5;
    font-weight: 500;
    color: #212529;
    text-align:center;
}

.testimonial-text p{text-align:center;}

.testimonial-name {
    color: #06316D;
    font-size: 1.05rem;
    font-weight:700;
}

.testimonial-degree {
    color: #A32E16;
    /* Reddish orange */
    font-size: 0.8rem;
    font-weight: 700;
    text-align:center;
}

.testimonial-role {
    color: #06316D;
    font-size: 0.8rem;
    font-weight: 700;
}

.archives-slider .product-showcase-carousel-controls--right {right:0%;}
.archives-slider .product-showcase-carousel-controls--left {left:0%;}
.sports-slider .product-showcase-carousel-controls--right {right:-6%;}
.sports-slider .product-showcase-carousel-controls--left {left:-6%;}
.sports-slider .product-showcase-carousel-controls{top:40%;}
.product-showcase-carousel-controls{background:#275faa;}

.community-slider .product-showcase-carousel-controls--right {right:0%;}
.community-slider .product-showcase-carousel-controls--left {left:0%;}



/* =========================================
   SHOOTING @ EIT SECTION
========================================= */
.shooting-section {
    position: relative;
    padding:30px 0 0;
    background-color: #D3C1A4;
    /* Reusing vintage base */
    overflow: hidden;
}

.shooting-card {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.shooting-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.shooting-img-wrapper {
    width: 100%;
    height: 250px;
    position: relative;
}

.shooting-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shooting-content {
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    flex-grow: 1;
}

.shooting-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.shooting-text h6 {
    color: #3B5998;
    /* Specific blue from image */
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.shooting-text p {
    color: #3B5998;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0;
}

.shooting-logo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* =========================================
   CELEBRITY @EIT SECTION
========================================= */
.celebrity-section {
    position: relative;
    padding: 60px 0 30px 0;
    background-color: #D3C1A4;
    /* Reusing vintage base */
    overflow: hidden;
}

.celebrity-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    /* Fades the edges for a smoother look */
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.celebrity-marquee-track {
    display: flex;
    width: max-content;
    animation: scrollMarquee 45s linear infinite;
}

.celebrity-marquee-track:hover {
    animation-play-state: paused;
}

@keyframes scrollMarquee {
    0% {
        transform: translateX(0);
    }

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

.celebrity-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 35px;
    /* Spacing between circles */
    width: 140px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.celebrity-item:hover {
    transform: translateY(-10px);
}

.celebrity-item img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
    transition: box-shadow 0.3s ease;
}

.celebrity-item:hover img {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
    border-color: #1A73E8;
}

.celebrity-item p {
    color: #06316D;
    font-size: 0.95rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
    white-space: nowrap;
}

/* =========================================
   CTA SECTION
========================================= */
.cta-section {
    background-color: #E4CFA0;
    /* Solid tan color matching screenshot */
    padding:30px 0 12px;
}

.btn-cta-primary {
    background-color: #1A3673;
    /* Dark navy */
    color: #ffffff;
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 8px;
    border: 2px solid #1A3673;
    transition: all 0.3s ease;
}

.btn-cta-primary:hover {
    background-color: #0F214A;
    border-color: #0F214A;
    color: #ffffff;
}

.btn-cta-outline {
    background-color: transparent;
    color: #1A3673;
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid #1A3673;
    /* Thin border */
    transition: all 0.3s ease;
}

.btn-cta-outline:hover {
    background-color: rgba(26, 54, 115, 0.1);
    /* Slight hover tint */
    color: #1A3673;
}

/* =========================================
   FOOTER SECTION
========================================= */
.footer-section {
    background-color: #E4B34A;
    /* Mustard Gold */
    color: #0B5D53;
    /* Dark Teal */
}

.footer-brand {
    font-weight: 900;
    font-size: 2.8rem;
    letter-spacing: 0px;
    margin-bottom: 0;
    color: #0B5D53;
    line-height: 1;
}

.footer-sub-brand {
    font-weight: 700;
    font-size: 1.15rem;
    color: #0B5D53;
}

.footer-text,
.footer-bottom-text {
    font-size: 0.85rem;
    color: #0B5D53;
    font-weight: 500;
    line-height: 1.6;
}

.footer-heading {
    font-weight: 700;
    font-size: 1.05rem;
    color: #0B5D53;
}

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

.footer-links a,
.footer-contact a,
.footer-bottom-links a {
    color: #0B5D53;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.footer-links a:hover,
.footer-contact a:hover,
.footer-bottom-links a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.footer-contact li {
    margin-bottom: 12px;
    font-size: 0.85rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.footer-contact i {
    width: 22px;
    font-size: 0.9rem;
}

.footer-socials {
    margin-bottom: 10px;
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #D2A23E;
    /* Slightly darker gold */
    color: #0B5D53;
    text-decoration: none;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

.social-icon:hover {
    background-color: #0B5D53;
    color: #E4B34A;
}

.footer-divider {
    border-color: #0B5D53;
    border-top-width: 1px;
    opacity: 1;
    margin: 20px 0 15px 0;
}

.footer-bottom-links {
    font-size: 0.85rem;
    font-weight: 500;
    color: #0B5D53;
}

.footer-bottom-links a {
    margin: 0 5px;
}

/* =========================================
   GLOBAL RESPONSIVE OVERRIDES
========================================= */
/* --- Tablet (max 991px) --- */
@media (max-width: 991px) {
.hero-content{bottom:10px;}
    /* Hero */
    .hero-heading {
        font-size: 2.6rem;
        margin-bottom: 20px;

    }

    .hero-stats-bar {
        padding: 12px 25px;
        gap: 20px;
    }

    .stat-item h2 {
        font-size: 1.6rem;
    }

    /* Section headings */
    .about-heading,
    section h2[style*="2.8rem"] {
        font-size: 2.2rem !important;
    }

    /* Achiever cards row: wrap */
    .achiever-card {
        width: 140px;
    }

    /* Slider arrows position */
    .slider-control-btn.btn-prev {
        left: 5px;
    }

    .slider-control-btn.btn-next {
        right: 5px;
    }

.filter-btn{margin-top:10px}   
.stat-box h2 {
    font-size: 1.6rem;
}
.stat-box{padding:15px;}
.stat-box p{font-size:13px;line-height:20px!important;}
.blue-glow-border{margin-top:10px;}
.achiever-img img{height:auto;}

}

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

    /* Hero */
    .hero-section {
        padding: 50px 0 30px 0;
        min-height: 500px;
    }

    .hero-heading {
        font-size: 2.4rem;
        margin-bottom: 25px;
    }

    .hero-badge {
        font-size: 13px;
        padding: 5px 15px;
    }

    .hero-btn-apply {
        font-size: 15px;
        padding: 10px 30px;
    }

    .hero-link-explore {
        font-size: 15px;
    }

    .hero-actions {
        gap: 15px;
        flex-wrap: wrap;
    }

    /* Stats bar: full width, smaller */
    .hero-stats-bar {
        padding: 12px 20px;
        gap: 20px;
        flex-wrap: wrap;
        border-radius: 15px;
        justify-content: center;
    }

    .stat-item h2 {
        font-size: 1.8rem;
    }

    .stat-item p {
        font-size: 12px;
    }

    /* Partners: center & smaller */
    .partners-marquee-track {
        gap: 40px;
    }

    .partner-logo {
        height: 45px;
    }
    .partners-marquee-track {
        gap: 50px;
    }

    /* About section */
    .about-heading {
        font-size: 2rem;
    }

    /* Section headings generic */
    h2[style*="2.8rem"] {
        font-size: 2rem !important;
    }

    h2[style*="2.5rem"] {
        font-size: 1.8rem !important;
    }

    /* Programs section: slider arrows hide on small screens */
   /* .slider-arrow {
        display: none;
    }*/

    .program-slider-wrapper {
        padding: 0 10px;
    }

    /* Placements: student img smaller */
    .student-img {
        width: 120px;
        height: 120px;
    }

    .student-slider-wrapper {
        padding: 0 15px;
    }

    /* Affiliations cards */
    .affiliation-card {
        padding: 25px 15px;
    }

    /* Achievers: padding shrink */
    .achiever-card {
        padding: 20px 12px;
    }

    .achiever-img-blue-border,
    .achiever-img-plain {
        width: 85px;
        height: 85px;
    }

    .achiever-img-wrapper {
        width: 85px;
        height: 85px;
    }

    /* Community cards */
    .community-card {
        padding: 20px 18px;
    }

    /* Events section */
    .events-category-box {
        padding: 25px 15px;
        min-height: auto;
    }
    
    #upcoming-events-slider > div,
    #archives-events-slider > div {
        width: 100% !important;
    }

    /* Podcasts & Testimonials sliders: hide prev/next on very small */
    .podcast-card {
        width: 280px !important;
    }

    .slider-control-btn {
        width: 36px;
        height: 36px;
        font-size: 0.85rem;
    }

    .slider-control-btn.btn-prev {
        left: 5px;
    }

    .slider-control-btn.btn-next {
        right: 5px;
    }

    /* Shooting @ EIT */
    .shooting-img-wrapper {
        height: 200px;
    }

    /* Celebrity marquee: smaller circles */
    .celebrity-item img {
        width: 95px;
        height: 95px;
    }

    .celebrity-item {
        width: 110px;
        margin: 0 20px;
    }

    /* CTA section */
    .cta-section h2 {
        font-size: 1.8rem !important;
    }

    .btn-cta-primary,
    .btn-cta-outline {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    /* Footer */
    .footer-brand {
        font-size: 2.2rem;
    }

    .footer-sub-brand {
        font-size: 1rem;
    }
}

/* --- Small Mobile (max 575px) --- */
@media (max-width: 575px) {

    /* Hero heading */
    .hero-heading {
        font-size: 1.9rem;
    }

    /* CTA buttons: stack vertically */
    .cta-section .d-flex {
        flex-direction: column;
        align-items: center;
    }

    /* Stats bar: 2 per row */
    .hero-stats-bar {
        gap: 15px;
    }

    .stat-item {
        min-width: 45%;
        text-align: center;
    }

    /* Podcasts slider container padding */
    .podcasts-slider-container,
    .testimonials-slider-container,
    .community-slider-container {
        padding: 15px 10px 30px 10px;
    }
}

/* =========================================
   RECRUITER MARQUEE
========================================= */
.recruiter-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px 0 20px;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.recruiter-marquee-track {
    display: flex;
    width: max-content;
    animation: scrollRecruiter 30s linear infinite;
}

.recruiter-marquee-track:hover {
    animation-play-state: paused;
}

@keyframes scrollRecruiter {
    0% {
        transform: translateX(0);
    }

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

.recruiter-logo-item {
    background-color: #FFFFFF;
    /* White background for logos */
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    width: 150px;
    height: 80px;
    margin: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.recruiter-logo-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.recruiter-logo-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.recruiter-logo-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Innovation in Action Grid Effects */
.research-thumbnailnail {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 450px; /* Increased to 450px as requested */
    overflow:hidden;
}

.research-thumbnail:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.research-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.research-thumbnail:hover img {
    transform: scale(1.05);
}

.research-thumbnail {
    position: relative;
    border-radius: 15px;
    overflow:hidden;
    width:100%;
}

/* Hover Overlay Layer */
.research-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    /* Sleek transparent black overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    padding: 20px;
    text-align: center;
}

.research-thumbnail:hover .research-overlay {
    opacity: 1;
}

.research-name {
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

.research-thumbnail:hover .research-name {
    transform: translateY(0);
}

.research-thumb2{height:450px;}
.research-thumb3 {height:220px;}

.innovation-section{padding-bottom:30px;}


/* Explore All Communities Button */
.btn-explore-communities {
    border: 2px solid #06316D;
    color: #06316D;
    background-color: transparent;
    transition: all 0.3s ease;
    font-weight: 700;
}

.btn-explore-communities:hover {
    background-color: #06316D;
    color: #ffffff;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 20px rgba(6, 49, 109, 0.2);
}

/* Vertical Events Slider */
.vertical-events-slider-wrapper {
    height: 550px;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
}

.vertical-events-slider-track {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 0;
}

.event-card-horizontal {
    background-color: #EBB859;
    border-radius: 12px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
}

.event-card-horizontal:hover {
    transform: translateX(8px);
    background-color: #f39c12;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.event-card-horizontal .event-date-box {
    position: static;
    flex-shrink: 0;
    width: 55px;
    height: 60px;
    background-color: #A32E16;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    line-height: 1.1;
}

.event-card-horizontal .event-month {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.event-card-horizontal .event-day {
    font-size: 1.2rem;
    font-weight: 800;
}

.event-card-horizontal .event-info {
    flex-grow: 1;
}

.event-card-horizontal .event-category {
    font-size: 0.75rem;
    font-weight: 700;
    color: #A32E16;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.event-card-horizontal .event-title {
    font-size: 1rem;
    font-weight: 700;
    color: #01458A;
    margin: 0;
    line-height: 1.2;
}

.event-card-horizontal .btn-event-red {
    padding: 6px 15px;
    font-size: 0.8rem;
    background-color: #A32E16;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 700;
}

/* Vertical Slider with Original Event Cards */
.event-card-container {
    padding: 10px;
    width: 100%;
}

/* Override event-card inside slider if needed */
.vertical-events-slider-track .event-card {
    min-height: 220px;
    margin-bottom: 0;
}

/* Shooting @Echelon Section */
.shooting-section {
    padding:30px 0 0;
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    position: relative;
}

.tv-show {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    background: #fff;
    height: 320px;
}

.tv-show:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
}

.tv-show img.w-100 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tv-show:hover img.w-100 {
    transform: scale(1.1);
}

.show-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 20px 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: all 0.3s ease;
}

.show-titles {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color:#fff;
    margin:0;
}

.hanel {
    flex-shrink: 0;
    margin-left: 10px;
}

.hanel img {
    max-height: 35px;
    width: auto !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Campus Shared Background Wrapper */
.campus-bg-wrapper {
    position: relative;
}

.campus-bg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://eitfaridabad.com/images/1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: 1;
}

.campus-bg-wrapper>section {
    position: relative;
    z-index: 2;
    background: transparent !important;
    /* Make sections transparent to show wrapper bg */
}

/* Programs & Placements Shared Background Wrapper */
.programs-placements-bg-wrapper {
    position: relative;
}

.programs-placements-bg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://eitfaridabad.com/images/2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: 1;
}

.programs-placements-bg-wrapper>section {
    position: relative;
    z-index: 2;
    background: transparent !important;
}

/* Achievers & Innovation Shared Background Wrapper */
.achievers-innovation-bg-wrapper {
    position: relative;
}

.achievers-innovation-bg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://eitfaridabad.com/images/4.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    z-index: 1;
}

.achievers-innovation-bg-wrapper>section {
    position: relative;
    z-index: 2;
    background: transparent !important;
}

/* Community, Events & Knowledge Shared Background Wrapper */
.community-events-bg-wrapper {
    position: relative;
}
.community-section{padding-top:0px}
.community-events-bg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://eitfaridabad.com/images/3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    z-index: 1;
}

.community-events-bg-wrapper>section {
    position: relative;
    z-index: 2;
    background: transparent !important;
}



/* Shooting, Testimonials & Celebrity Shared Background Wrapper */
.shooting-testimonials-bg-wrapper {
    position: relative;
}

.shooting-testimonials-bg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://eitfaridabad.com/images/4.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    z-index: 1;
}

.shooting-testimonials-bg-wrapper>section {
    position: relative;
    z-index: 2;
    background: transparent !important;
}

.shooting-section {
    background: transparent !important;
}


@media(max-width:560px){
    .about-section,.programs-section{padding:0px 0;}
        .hero-section {
        padding: 0;
        min-height:auto;
        height: 600px;
        margin-top:80px;
    }
    .new-whychose {
    padding-left: 0px;
}
#program-filters{max-width:300px;margin:0 auto;}
#program-filters .filter-btn{width: 265px;margin: 5px 0;}
.stat-box h2 {font-size: 1.8rem;font-weight: 800;}
.stat-box{padding:15px;}
.numbers-tabs .num-50{width:50%;margin:0;}
.affiliation-card{margin:5px 0;height: auto !important;}
.research-thumb2 {height:auto;margin: 10px 0px;}
.research-thumbnail img{height: auto !important;}
.community-slider {overflow-x:inherit; }
.tv-show{height:auto; margin-top: 20px;margin-bottom: 0;}
.btn-explore-communitie{width:100%;}
.affiliation-card p{text-align:center;}
.program-slider-wrap{position:relative;}
.blue-glow-border{margin-bottom:20px;height: auto!important;}
.apb-mb{margin-bottom:10px;}
.community-slider .product-showcase-carousel-controls--left {
    left: 0;
}
.community-slider .product-showcase-carousel-controls--right {
    right: 0;
}
.hero-content{left:0;bottom:0;}
.podcasts-section iframe{width:100%!important;height:180px!important;margin-bottom:15px;}

}