/* =========================================
   COLLEGE HOME AUTO SCROLL BANNER
========================================= */

    .college-home-banner {
        width: 100%;
        overflow: hidden;
    }


    /* Each slide */

    .college-banner-slide {
        position: relative;
        width: 100%;
        min-height: 560px;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }


    /* Fallback background */

    .college-banner-fallback {
        background:
            linear-gradient(rgba(0, 0, 0, 0.45),
                rgba(0, 0, 0, 0.45)),
            #123c2b;
    }


    /* Main content */

    .college-banner-content {
        min-height: 560px;

        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    /* =========================================
   LEFT SIDE
========================================= */

    .college-banner-left {
        width: 55%;
        padding: 50px 30px 50px 20px;
        /* background: linear-gradient(to right,
                #d3d3d3 0%,
                #e8e8e8 45%,
                #ffffff 100%); */
    }


    /* Welcome */

    .college-welcome {
        color: #f9bb02;
        font-size: 35px;
        font-style: italic;
        margin-bottom: 12px;
        font-family: "Brush Script MT", "Segoe Script", cursive;
    }


    /* Heading */

    .college-banner-heading {
        margin: 0 0 20px 0;
        padding: 0;

/*        font-size: 48px;*/
        font-weight: 700;
        line-height: 1.15;
         font-size: 45px;  
  font-family: 'Georgette', serif;
    }


    /* White text */

    .college-name-white {
        color: #ffffff;
    }


    /* Orange text */

    .college-name-orange {
        color: #f9bb02;
    }


    /* Paragraph */

    .college-banner-text {
        color: #ffffff;

        font-size: 17px;
        line-height: 1.7;

        margin: 0 0 30px 0;
    }


    /* =========================================
   BUTTONS
========================================= */

    .college-banner-buttons {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }


    /* Common button */

    .college-btn {
        display: inline-block;

        padding: 8px 24px;
        border-radius: 10px;

        font-size: 14px;
        font-weight: 600;

        text-decoration: none !important;

        transition: all 0.3s ease;
    }


    /* Green button */

    .college-btn-green {
        background: #0c412a;
        border: 2px solid #0c412a;
        color: #ffffff !important;
    }

    .college-btn-green:hover {
        background: #09502f;
        border-color: #09502f;

        color: #ffffff !important;
    }


    /* Transparent button */

    .college-btn-outline {
        background: transparent;

        border: 2px solid #ffffff;

        color: #ffffff !important;
    }


    .college-btn-outline:hover {
        background: #ffffff;

        color: #0c412a !important;
    }


    /* Arrow */

    .college-btn span {
        margin-left: 7px;
        font-size: 16px;
    }


    /* =========================================
   RIGHT SIDE
========================================= */

    .college-banner-right {
        width: 25%;
        min-height: 560px;

        position: relative;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: space-between;

        padding: 30px 20px 0 20px;

    }


    /* =========================================
   EMBLEM
========================================= */

    .college-banner-emblem {
        width: 70%;
        margin-top: 10px;
    }

    .college-banner-emblem img {
        width: 100%;
        height: auto;

        display: block;
    }


    /* =========================================
   FLOWER
========================================= */

    .college-banner-flower {
        width: 70%;
        margin-top: auto;
        align-self: center;
            margin-bottom: 20%;
    }

    .college-banner-flower img {
        width: 100%;
        height: auto;

        display: block;
    }


    /* =========================================
   CAROUSEL ARROWS
========================================= */

    .college-banner-control {
        background: none !important;
        width: 5%;

        opacity: 0.4;
    }

    .college-banner-control:hover {
        opacity: 0.9;
    }


    /* =========================================
   TABLET
========================================= */

    @media (max-width: 991px) {

        .college-banner-slide {
            min-height: 500px;
        }

        .college-banner-content {
            min-height: 500px;
        }

        .college-banner-left {
            width: 55%;
            padding-left: 20px;

        }

        .college-banner-right {
            width: 45%;
            min-height: 500px;
        }

        .college-banner-heading {
            font-size: 38px;
        }

        .college-banner-text {
            font-size: 15px;
        }

        .college-banner-emblem {
            width: 180px;
        }

        .college-banner-flower {
            width: 260px;
        }
    }


    /* =========================================
   MOBILE
========================================= */

    @media (max-width: 767px) {

        .college-banner-slide {
            min-height: auto;

            background-position: center center;
        }

        .college-banner-content {
            min-height: auto;

            display: block;
        }


        /* LEFT */

        .college-banner-left {
            width: 100%;

            padding: 10px 20px 20px;

            text-align: center;
        }

        .college-welcome {
            font-size: 20px;
        }

        .college-banner-heading {
            font-size: 30px;

            line-height: 1.2;
            margin: 0 0 10px 0;
        }

        .college-banner-text {
            font-size: 14px;

            line-height: 1.6;
        }


        /* BUTTONS */

        .college-banner-buttons {
            justify-content: center;
        }

        .college-btn {
            padding: 1px 10px;

            font-size: 12px;
        }


        /* RIGHT */

        .college-banner-right {
            width: 100%;

            min-height: 350px;

            padding: 10px 20px 0;

            display: flex;
        }


        /* EMBLEM */

        .college-banner-emblem {
            width: 150px;

            margin: 0 auto 20px;
        }


        /* FLOWER */

        .college-banner-flower {
            width: 230px;

            margin: 0 auto;
        }

    }


    /* =========================================
   SMALL MOBILE
========================================= */

    @media (max-width: 480px) {

        .college-banner-heading {
            font-size: 20px;
        }

        .college-banner-text {
            font-size: 12px;
            margin: 0 0 10px 0;
        }

        .college-banner-buttons {
            flex-direction: column;
        }

        .college-btn {
            width: 150px;

            text-align: center;
        }

        .college-banner-right {
            /* min-height: 300px; */
            display: none;
        }

        .college-banner-emblem {
            width: 130px;
        }

        .college-banner-flower {
            width: 200px;
        }

        .college-banner-control {
            display: none;
        }
    }

    /* feature section */
    /* =========================================
   COLLEGE FEATURE HIGHLIGHT SECTION
========================================= */

    .college-feature-section {
        width: 97%;
        margin: -35px auto 40px;
        position: relative;
        z-index: 10;
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        padding: 25px 20px;
    }

    .college-feature-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .college-feature-item {
        width: 20%;
        display: flex;
        align-items: center;
        padding: 5px 12px;
        box-sizing: border-box;
    }

    .college-feature-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        border-radius: 50%;
        /* background: #0c412a; */
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin-right: 12px;
    }

    .ic1 {
        background: #4c9d53;
    }

    .ic2 {
        background: #096cbd;
    }

    .ic3 {
        background: #764bb7;
    }

    .ic4 {
        background: #fb8604;
    }

    .ic5 {
        background: #f6496d;
    }

    .college-feature-content h4 {
        margin: 0 0 5px;
        font-size: 15px;
        font-weight: 700;
        color: #0c412a;
        line-height: 1.3;
    }

    .college-feature-content p {
        margin: 0;
        font-size: 12px;
        color: #777777;
        line-height: 1.4;
    }

    /* Vertical separator */
    .college-feature-item+.college-feature-item {
        border-left: 1px solid #e5e5e5;
    }

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

        .college-feature-section {
            width: 90%;
            margin-top: -40px;
        }

        .college-feature-row {
            flex-wrap: wrap;
        }

        .college-feature-item {
            width: 33.33%;
            margin-bottom: 20px;
        }

        .college-feature-item:nth-child(4) {
            border-left: none;
        }

    }

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

        .college-feature-section {
            width: 92%;
            margin-top: -30px;
            padding: 20px 15px;
        }

        .college-feature-row {
            display: block;
        }

        .college-feature-item {
            width: 100%;
            padding: 12px 10px;
            border-left: none !important;
            border-bottom: 1px solid #eeeeee;
        }

        .college-feature-item:last-child {
            border-bottom: none;
        }

        .college-feature-icon {
            width: 52px;
            height: 52px;
            min-width: 52px;
            font-size: 21px;
        }

    }
   
    /* princiapal section */

    /* =========================================
   COLLEGE HOME: FOUR CARD SECTION
========================================= */

    .college-home-info {
        width: 94%;
        max-width: 1400px;
        margin: 15px auto 15px;
    }

    .college-info-card {
        height: 100%;
        min-height: 430px;
        background: #fff;
        border: 1px solid #e8eee9;
        border-radius: 14px;
        padding: 22px 18px;
        box-shadow: 0 5px 22px rgba(0, 40, 20, 0.08);
        transition: transform .3s ease, box-shadow .3s ease;
        overflow: hidden;
    }

    .college-info-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 28px rgba(0, 40, 20, 0.13);
    }

    .college-info-heading {
        color: #0c412a;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #edf1ed;
        line-height: 1.4;
    }

    .college-info-heading-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 18px;
        padding-bottom: 12px;
        border-bottom: 2px solid #edf1ed;
    }

    .college-info-heading-row .college-info-heading {
        border: 0;
        padding: 0;
        margin: 0;
        font-size: 19px;
    }

    .college-view-all {
        color: #0c412a;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .college-view-all:hover {
        color: #e53935;
    }

    /* PRINCIPAL MESSAGE */

    .principal-quote-icon {
        color: #0c6b43;
        font-size: 30px;
        margin-bottom: 10px;
    }

    .principal-message-layout {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .principal-message-text {
        flex: 1;
        min-width: 0;
    }

    .principal-message-text p {
        color: #626b65;
        font-size: 13px;
        line-height: 1.8;
        margin: 0 0 15px;
    }

    .principal-name {
        color: #0c412a;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 5px;
    }

    .principal-designation {
        color: #777;
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 16px;
    }

    .principal-image {
        width: 45%;
        min-width: 0%;
        height: 100%;
        object-fit: cover;
        object-position: top center;

    }

    .principal-read-more {
        display: inline-block;
        background: #e53935;
        color: #fff !important;
        padding: 9px 14px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none !important;
    }

    .principal-read-more:hover {
        background: #c62828;
    }

    /* NEWS */

    .college-news-list,
    .college-event-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .college-news-item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 0 0 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #edf0ed;
    }

    .college-news-item:last-child,
    .college-event-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .college-news-image {
        width: 50px;
        min-width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 7px;
    }

    .college-news-details {
        min-width: 0;
    }

    .college-news-title {
        display: block;
        color: #26372d;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.5;
        text-decoration: none !important;
        overflow-wrap: anywhere;
    }

    .college-news-title:hover {
        color: #e53935;
    }

    .college-news-date {
        display: block;
        color: #888;
        font-size: 11px;
        margin-top: 7px;
    }

    /* EVENTS */

    .college-event-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 0 17px;
        margin-bottom: 16px;
        border-bottom: 1px solid #edf0ed;
    }

    .college-event-datebox {
        flex-shrink: 0;
        width: 58px;
        text-align: center;
        border: 1px solid #dce9df;
        border-radius: 7px;
        overflow: hidden;
        background: #f5faf6;
    }

    .college-event-month {
        display: block;
        padding: 5px 2px;
        background: #0c412a;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .college-event-day {
        display: block;
        padding: 7px 2px;
        color: #0c412a;
        font-size: 22px;
        font-weight: 700;
    }

    .college-event-details {
        min-width: 0;
    }

    .college-event-title {
        color: #26372d;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    .college-event-full-date {
        color: #888;
        font-size: 11px;
        margin-top: 6px;
    }

    /* QUICK LINKS */

    .college-quick-links {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .college-quick-link {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 45px;
        padding: 11px 13px;
        color: #fff !important;
        border-radius: 7px;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none !important;
        transition: transform .2s ease, opacity .2s ease;
    }

    .college-quick-link i {
        width: 22px;
        text-align: center;
        font-size: 18px;
    }

    .college-quick-link:hover {
        color: #fff !important;
        opacity: .9;
        transform: translateX(3px);
    }

    .quick-student {
        background: #04866d;
    }

    .quick-exam {
        background: #0c6ca5;
    }

    .quick-library {
        background: #7648b4;
    }

    .quick-resource {
        background: #ef9032;
    }

    .quick-iqac {
        background: #f5526c;
    }

    .quick-alumni {
        background: #5aa14d;
    }

    /* TABLET */

    @media (min-width: 768px) and (max-width: 1199px) {
        .college-info-card {
            min-height: 440px;
            padding: 18px 14px;
        }

        .college-info-heading,
        .college-info-heading-row .college-info-heading {
            font-size: 17px;
        }

        .principal-message-layout {
            flex-direction: column-reverse;
        }

        .principal-image {
            width: 90px;
            height: 100px;
        }

        .college-news-image {
            width: 58px;
            min-width: 58px;
            height: 58px;
        }
    }

    /* MOBILE */

    @media (max-width: 767px) {
        .college-home-info {
            width: 92%;
            margin: 15px auto 15px;
        }

        .college-info-card {
            min-height: 0;
            margin-bottom: 20px;
            padding: 20px 16px;
        }

        .principal-message-layout {
            flex-direction: row;
        }

        .principal-image {
            width: 90px;
            min-width: 90px;
            height: 115px;
        }

        .college-info-heading,
        .college-info-heading-row .college-info-heading {
            font-size: 19px;
        }
    }


    /* =====================================
   PROGRAMS OFFERED + LIFE AT GCK
===================================== */

    .gck-life-section {
        width: 94%;
        max-width: 1400px;
        margin: 15px auto 15px;
    }

    .gck-programs-card,
    .gck-life-card {
        background: #fff;
        border: 1px solid #e8eee9;
        border-radius: 14px;
        padding: 22px 20px;
        height: 100%;
        box-shadow: 0 5px 22px rgba(0, 40, 20, 0.08);
        box-sizing: border-box;
    }

    .gck-section-heading {
        color: #0c412a;
        font-size: 21px;
        font-weight: 700;
        margin: 0 0 22px;
        padding-bottom: 13px;
        border-bottom: 2px solid #edf1ed;
    }

    /* Programs */

    .gck-program-item {
        text-align: center;
        padding: 15px 5px;
        margin-bottom: 12px;
        border-radius: 10px;
        background: #f7faf7;
        transition: all .3s ease;
    }

    .gck-program-item:hover {
        background: #edf5ef;
        transform: translateY(-3px);
    }

    .gck-program-icon {
        font-size: 35px;
        color: #0c6b43;
        margin-bottom: 8px;
    }

    .gck-program-item h4 {
        font-size: 17px;
        color: #0c412a;
        font-weight: 700;
        margin: 4px 0 7px;
    }

    .gck-program-item p {
        font-size: 12px;
        color: #69736b;
        line-height: 1.6;
        margin: 0;
    }

    /* Life at GCK heading */

    .gck-life-heading-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px;
        padding-bottom: 13px;
        border-bottom: 2px solid #edf1ed;
    }

    .gck-life-heading-row .gck-section-heading {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .gck-view-photos {
        color: #0c412a;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .gck-view-photos:hover {
        color: #e53935;
    }

    /* Image carousel */

    .gck-gallery-viewport {
        width: 100%;
        overflow: hidden;
    }

    .gck-gallery-track {
        display: flex;
        gap: 15px;
        transition: transform .6s ease;
        will-change: transform;
    }

    .gck-gallery-item {
        flex: 0 0 calc((100% - 45px) / 3);
        min-width: 0;
        overflow: hidden;
        border-radius: 9px;
        background: #f5f7f5;
        border: 1px solid #e7ece7;
    }

    .gck-gallery-item img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        display: block;
        transition: transform .4s ease;
    }

    .gck-gallery-item:hover img {
        transform: scale(1.06);
    }

    .gck-gallery-title {
        color: #0c412a;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        padding: 12px 7px;
        margin: 0;
        line-height: 1.5;
        min-height: 48px;
    }

    /* Tablet */

    @media (max-width: 991px) {
        .gck-gallery-item {
            flex-basis: calc((100% - 30px) / 3);
        }

        .gck-gallery-item img {
            height: 150px;
        }
    }

    /* Mobile */

    @media (max-width: 767px) {
        .gck-life-section {
            width: 92%;
            margin: 25px auto 35px;
        }

        .gck-programs-card,
        .gck-life-card {
            padding: 18px 14px;
            margin-bottom: 20px;
        }

        .gck-program-item {
            padding: 12px 4px;
        }

        .gck-program-icon {
            font-size: 29px;
        }

        .gck-program-item h4 {
            font-size: 15px;
        }

        .gck-life-heading-row {
            align-items: flex-start;
        }

        .gck-life-heading-row .gck-section-heading {
            font-size: 19px;
        }

        .gck-view-photos {
            font-size: 11px;
            padding-top: 4px;
        }

        .gck-gallery-item {
            flex-basis: calc((100% - 15px) / 2);
        }

        .gck-gallery-item img {
            height: 135px;
        }
    }

    .gck-life-gallery {
        display: flex;
        gap: 15px;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }

    .gck-life-gallery::-webkit-scrollbar {
        display: none;
    }

    .gck-life-gallery>* {
        flex: 0 0 calc((100% - 45px) / 4);
        min-width: 0;
    }

    @media (max-width: 991px) {
        .gck-life-gallery>* {
            flex-basis: calc((100% - 30px) / 3);
        }
    }

    @media (max-width: 576px) {
        .gck-life-gallery>* {
            flex-basis: calc((100% - 15px) / 2);
        }
    }


    /* =====================================
   GCK ACHIEVEMENTS, FACILITIES & DEPARTMENTS
===================================== */

    .gck-extra-section {
        width: 94%;
        max-width: 1400px;
        margin: 25px auto 40px;
    }

    .gck-extra-card {
        /* min-height: 245px; */
        height: 100%;
        padding: 22px 20px;
        border-radius: 14px;
        box-sizing: border-box;
        transition: transform .3s ease, box-shadow .3s ease;
    }

    .gck-extra-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, .10);
    }

    /* Background colours */
    .gck-achievements-card {
        background: #fce7ef;
    }

    .gck-facilities-card {
        background: #e5f4e7;
    }

    .gck-departments-card {
        background: #e5f4e7;
    }

    /* Heading and View All */
    .gck-extra-heading-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 25px;
    }

    .gck-extra-heading {
        color: #0c412a;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.4;
        margin: 0;
    }

    .gck-extra-view-all {
        display: inline-block;
        background: #ffffff;
        color: #0c412a !important;
        border: 1px solid rgba(12, 65, 42, .10);
        border-radius: 25px;
        padding: 8px 12px;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none !important;
        white-space: nowrap;
        transition: all .3s ease;
    }

    .gck-extra-view-all i {
        margin-left: 5px;
    }

    .gck-extra-view-all:hover {
        background: #0c412a;
        color: #ffffff !important;
    }

    /* Large centered icons */
    .gck-extra-main-icon {
        text-align: center;
        padding: 12px 0 0px;
    }

    .gck-extra-main-icon i {
        font-size: 50px;
        color: #0c6b43;
    }

    .gck-achievements-card .gck-extra-main-icon i {
        color: #d64b79;
    }

    .gck-extra-caption {
        text-align: center;
        color: #0c412a;
        font-size: 15px;
        font-weight: 700;
        margin: 0;
    }

    /* Department icons */
    .gck-department-list {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        flex-wrap: wrap;
    }

    .gck-department-item {
        flex: 1 1 50px;
        min-width: 0;
        text-align: center;
        padding: 10px 2px;
        border-radius: 9px;
        transition: background .3s ease;
    }

    .gck-department-item:hover {
        background: rgba(255, 255, 255, .65);
    }

    .gck-department-item i {
        display: block;
        font-size: 30px;
        color: #0c6b43;
        margin-bottom: 10px;
    }

    .gck-department-item span {
        display: block;
        color: #0c412a;
        font-size: 12px;
        font-weight: 700;
        overflow-wrap: anywhere;
    }

    /* Responsive */
    @media (max-width: 991px) {
        .gck-extra-card {
            margin-bottom: 20px;
            min-height: 230px;
        }

        .gck-extra-heading {
            font-size: 17px;
        }

        .gck-department-item i {
            font-size: 27px;
        }
    }

    @media (max-width: 767px) {
        .gck-extra-section {
            width: 92%;
            margin: 20px auto 30px;
        }

        .gck-extra-card {
            min-height: 0;
            padding: 20px 16px;
            margin-bottom: 18px;
        }

        .gck-extra-heading {
            font-size: 18px;
        }

        .gck-extra-main-icon i {
            font-size: 58px;
        }

        .gck-department-item {
            flex-basis: 26%;
        }
    }


    /* =====================================
   LIFE AT GCK GALLERY SECTION
===================================== */

    .gck-life-gallery-section {
        width: 100%;
        background: #ffffff;
        padding: 0px 0 20px;
        margin: 25px 0 0;
    }

    .gck-life-gallery-container {
        width: 94%;
        max-width: 1400px;
        margin: 0 auto;
    }

    .gck-life-gallery-heading {
        text-align: center;
        color: #0c412a;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 30px;
    }

    .gck-life-gallery-heading:after {
        content: "";
        display: block;
        width: 65px;
        height: 3px;
        background: #f9bb02;
        margin: 12px auto 0;
        border-radius: 5px;
    }

    .gck-life-slider-viewport {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .gck-life-slider-track {
        display: flex;
        gap: 18px;
        transition: transform 0.6s ease;
        will-change: transform;
    }

    .gck-life-slide {
        flex: 0 0 calc((100% - 36px) / 3);
        min-width: 0;
        overflow: hidden;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid #e8eee9;
        box-shadow: 0 4px 15px rgba(0, 40, 20, 0.08);
    }

    .gck-life-slide img {
        display: block;
        width: 100%;
        height: 240px;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

    .gck-life-slide:hover img {
        transform: scale(1.05);
    }

    .gck-life-slide-title {
        text-align: center;
        color: #0c412a;
        font-size: 15px;
        font-weight: 700;
        padding: 13px 8px;
        margin: 0;
    }

    /* View all photos button */

    .gck-life-view-all-wrap {
        text-align: center;
        margin-top: 30px;
    }

    .gck-life-view-all-btn {
        display: inline-block;
        padding: 1px 15px;
        border: 2px solid #0c412a;
        border-radius: 5px;
        background: #ffffff;
        color: #0c412a !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 700;
        transition: all 0.3s ease;
    }

    .gck-life-view-all-btn i {
        margin-left: 9px;
        transition: transform 0.3s ease;
    }

    .gck-life-view-all-btn:hover {
        background: #0c412a;
        color: #ffffff !important;
    }

    .gck-life-view-all-btn:hover i {
        transform: translateX(4px);
    }

    /* Tablet */

    @media (max-width: 991px) {
        .gck-life-slide {
            flex-basis: calc((100% - 18px) / 2);
        }

        .gck-life-slide img {
            height: 210px;
        }
    }

    /* Mobile */

    @media (max-width: 576px) {
        .gck-life-gallery-section {
            padding: 35px 0;
        }

        .gck-life-gallery-heading {
            font-size: 24px;
        }

        .gck-life-slide {
            flex-basis: 100%;
        }

        .gck-life-slide img {
            height: 220px;
        }
    }

    .gck-life-slider-viewport {
        width: 100%;
        overflow: hidden;
    }

    .gck-life-slider-track {
        display: flex;
        gap: 15px;
        transition: transform 0.6s ease-in-out;
        will-change: transform;
    }

    .gck-life-slide {
        flex: 0 0 calc((100% - 60px) / 5);
        min-width: 0;
        box-sizing: border-box;
    }

    .gck-life-slide img {
        display: block;
        width: 100%;
        height: 120px;
        object-fit: cover;
        border-radius: 8px;
    }

    .gck-life-slide-title {
        text-align: center;
        margin-top: 10px;
        font-weight: 600;
    }

    /* Tablet: show 3 images */
    @media (max-width: 991px) {
        .gck-life-slide {
            flex: 0 0 calc((100% - 30px) / 3);
        }
    }

    /* Mobile: show 1 image */
    @media (max-width: 575px) {
        .gck-life-slide {
            flex: 0 0 100%;
        }

        .gck-life-slide img {
            height: 230px;
        }
    }


    /* =========================================
   GCK ADMISSION ENQUIRY BANNER
========================================= */

    .gck-admission-banner-section {
        width: 94%;
        max-width: 1400px;
        margin: 0 auto 10px;
        padding: 0;
        box-sizing: border-box;
    }

    .gck-admission-banner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;

        width: 100%;
        min-height: 95px;
        padding: 15px 6% 15px 180px;
        box-sizing: border-box;

        background: linear-gradient(110deg,
                #4c9d53 0%,
                #16875b 50%,
                #0c7650 100%);

        border-radius: 10px;
        box-shadow: 0 5px 18px rgba(0, 40, 20, 0.10);
        overflow: visible;
    }

    /* Graduation cap illustration */

    .gck-admission-image {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 155px;
        height: 110px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gck-admission-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* Banner heading and subtitle */

    .gck-admission-content {
        flex: 1;
        min-width: 0;
    }

    .gck-admission-content h2 {
        color: #ffffff;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3;
        margin: 0 0 5px;
    }

    .gck-admission-content p {
        color: #eaf7ed;
        font-size: 13px;
        line-height: 1.5;
        margin: 0;
    }

    /* Enquire Now button */

    .gck-admission-action {
        flex-shrink: 0;
    }

    .gck-admission-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;

        padding: 12px 23px;
        background: #ffffff;
        color: #0c412a !important;

        border: 1px solid rgba(255, 255, 255, 0.8);
        border-radius: 9px;

        font-size: 13px;
        font-weight: 700;
        text-decoration: none !important;
        white-space: nowrap;

        transition: all 0.3s ease;
    }

    .gck-admission-btn:hover {
        background: #f9bb02;
        border-color: #f9bb02;
        color: #0c412a !important;
        transform: translateY(-2px);
    }

    .gck-admission-btn i {
        font-size: 15px;
        transition: transform 0.3s ease;
    }

    .gck-admission-btn:hover i {
        transform: translateX(4px);
    }

    /* Tablet */

    @media (max-width: 991px) {
        .gck-admission-banner {
            padding: 15px 20px 15px 130px;
            gap: 12px;
        }

        .gck-admission-image {
            width: 120px;
            height: 95px;
        }

        .gck-admission-content h2 {
            font-size: 19px;
        }

        .gck-admission-content p {
            font-size: 12px;
        }

        .gck-admission-btn {
            padding: 10px 15px;
            font-size: 12px;
        }
    }

    /* Mobile */

    @media (max-width: 767px) {
        .gck-admission-banner-section {
            width: 92%;
            margin-bottom: 25px;
        }

        .gck-admission-banner {
            min-height: 120px;
            padding: 18px 15px 18px 95px;
            gap: 12px;
            flex-wrap: wrap;
            border-radius: 9px;
        }

        .gck-admission-image {
            width: 95px;
            height: 90px;
        }

        .gck-admission-content {
            flex-basis: calc(100% - 0px);
        }

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

        .gck-admission-content p {
            font-size: 12px;
        }

        .gck-admission-action {
            margin-top: 2px;
        }

        .gck-admission-btn {
            padding: 8px 13px;
            font-size: 11px;
            border-radius: 7px;
        }
    }

    /* Small mobile */

    @media (max-width: 400px) {
        .gck-admission-banner {
            padding-left: 80px;
        }

        .gck-admission-image {
            width: 78px;
            height: 80px;
        }

        .gck-admission-content h2 {
            font-size: 15px;
        }

        .gck-admission-content p {
            font-size: 11px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
        .college-banner-heading {
  font-size: 18px;
}
        .college-feature-section {
             width: 95%;
                margin-top: 30px;
            }
        .gck-life-gallery-section {
             padding: 0px 0;
            }
      .gck-life-section { 
        margin: 25px auto 5px;
            }
        .gck-extra-section { 
         margin: 0px auto 0px;
        }
        .gck-life-gallery-section { 
            padding-top: 0px;
         padding-right: 0px;
         padding-bottom: 10px;
         padding-left: 0px;
         }
         .gck-life-view-all-wrap { 
         margin-top: 10px;
        }
        .gck-admission-image { 
            display: none;
        }
        .gck-admission-banner {
         padding-left: 10px;
        }
        .gck-admission-banner-section { 
            margin-bottom: 0px;
        }
        .gck-footer { 
        margin-top: 20px;
            }
             .gck-footer-main {
    padding: 0px 0 30px;
  }
  .gck-footer-column h4 { 
  margin: 0px 0 10px;
}
    }