.absolute {
            position: fixed;
        }

        .container-cstm {
            display: flex;
            flex-direction: column;
            height: auto;
            position: sticky;
        }

        .wrapper_full_width {
            width: 100%;
            text-align: center;
            position: sticky;
            top: 0;
        }

        .card_wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            gap: 100px;
        }

        .ScrollSection {
            height: 150vh;
        }

        .CardSlider {
            width: 95%;
            height: 85vh;
            top: var(--spacing-card);
            border-radius: 20px;
            margin-bottom: 9vw;
            position: sticky;

        }

        .Scroll {
            height: 300vh;
        }

        .is_slide_1 {

            z-index: 1;
        }

        .is_slide_2 {
            z-index: 2;
        }

        .is_slide_3 {
            z-index: 3;

        }

        .is_slide_4 {
            z-index: 4;
        }

        .is_slide_5 {
            z-index: 5;
        }

        .is_slide_6 {
            z-index: 6;
        }

        .is_slide_7 {
            z-index: 7;
        }

        .is_slide_8 {
            z-index: 8;
            /* margin-bottom: 50px !important; */
        }

        #slide-five .play-btn {
            opacity: 1;
        }

        .popup-content video {
            /* height: 100%; */
            height: auto;
            object-fit: cover;
        }

        #map {
            height: 67vh;
            width: 95%;
            margin: auto;
            border-radius: 30px;
        }

        .gm-style .gm-style-iw-c {
            border-radius: 15px;
            border: 8px solid #ffedc9;
            padding-top: 10px !important;
        }

        .gm-style-iw-chr {
            display: none;
        }

        .gm-style img {
            margin-bottom: 0 !important;
        }

        .leaflet-popup-content {
            margin: 0 !important;
            width: 160px !important;
        }

        .pop-location {
            padding: 10px 0px !important;
            flex-direction: column !important;
            gap: 10px !important;
        }

        #videoPopup .popup-content {
            height: 100vh;
        }

        .invert {
            filter: invert(85%) sepia(93%) saturate(1485%) hue-rotate(180deg) brightness(90%) contrast(97%);
        }


        @media (max-width:1400px) {
            .right-content.active:after{
                top: -3%;
                left: -3%;
            }
            .rotate-title {
                left: -1.5vw;
            }
        }
        @media screen and (min-width: 600px) and (min-height: 600px) and (max-height: 1400px) and (orientation: portrait) {
            .legacy-text p {
                font-size: 1.8vw !important;
            }
        }

        @media screen and (min-width: 600px) and (min-height: 600px) and (max-height: 1400px) and (orientation: portrait) {

            .rotate-title.mumbai-title {
                left: -72px !important ;
                bottom: -87px !important;
                font-size: 25px !important;
            }

            .rotate-title {
                left: -72px !important;
                bottom: -87px !important;
                font-size: 25px !important;
            }
        }

        @media (max-width: 767px) {
            .popup-content video {
                height: auto;
                width: 100%;
            }

            #map {
                height: 38vh;
            }

            .university-swiper {
                width: 92%;
                height: 23vh;
                top: 0px;
            }

            .uni-slide {
                width: 90%;
                height: 90%;
                margin: auto;
            }

            .unsrct .swiper-button-prev {
                top: 152px;
                left: 0%;
            }

            .unsrct .swiper-button-next {
                top: 152px;
                right: 4%;
            }

            
        }

       
        @keyframes slideUp {
            0% {
                transform: translateY(30px);
                opacity: 0;
            }

            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }
    
        .read-more-btn2 {
            margin-bottom: 10px;
            cursor: pointer;
            background: transparent;
            color: #113c5f;
            border: none;
            display: none;
            font-size: 13px;
            text-decoration: underline;
            text-decoration-color: #ecb250;
        }

        @media (max-width: 768px) {

            .extra-content {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease;
            }

            .extra-content.show {
                max-height: 500px;
            }

            .read-more-btn2 {
                display: block;
            }

        }

        /* Cstm Css start here */
        @media screen and (max-width: 400px) {
            .wel {
                font-size: 18px !important;
            }
        }

        @media (max-height: 730px) and (max-width: 500px) {
            .timeline-container {
                padding: 5px 10px !important;
            }

            .heading-title {
                margin: 10px 0 0px !important;
            }

            .chnge-anm {
                margin-top: 0 !important;
            }
        }



        .wheel-container {
            position: absolute;
            width: 97vh;
            height: 97vh;
            /* margin: 50px auto; */
            right: -32vh;
            /* right: 8vh; */
            top: 3vh;
        }

        .wheel {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            transform-origin: center;
        }

        .section-container {
            position: absolute;
            width: 51%;
            height: 50%;
            transform-origin: 100% 100%;
        }

        .section {
            position: absolute;
            width: 100%;
            height: 100%;
            /* clip-path: polygon(58% 9%, 72% 3%, 86% 0, 100% 100%); */
            clip-path: polygon(47% 15%, 65% 6%, 86% 0%, 100% 100%);
            display: flex;
            align-items: start;
            justify-content: end;
            font-size: 20px;
            font-weight: bold;
            color: white;
            transition: transform 0.3s ease;
            transform-origin: 100% 100%;
        }


        .section img {
            width: 9vh;
            margin-right: 10vh;
            margin-top: 5vh;
            transform: rotate(-18deg);
        }

        .section.active {
            transform: scale(1.1);
        }

        .section.active img {
            margin-top: 6.5vh;
        }

        .center-circle {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 120px;
            height: 120px;
            background: white;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 0 10px #bcbcbc;
        }



        #content-display {
            margin-top: 20px;
            font-size: 1vw;
            position: relative;
            right: -99px;
            text-align: left;
            font-family: 'Merriweather', serif;
        }

        #content-display h2 {
            color: inherit;
            font-weight: 600;
            margin-bottom: 15px;
        }

        #content-display p {
            color: inherit;
        }

        .center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        .center img {
            z-index: 1;
            position: absolute;
            transform: translate(-50%, -50%);
            width: 22vh;
        }

        .circle-small {
            width: 38vh;
            height: 38vh;
            background: white;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 0 20px #c9c9c9;
        }

        .circle-medium {
            width: 57vh;
            height: 57vh;
            background: #ffffff;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .circle-large {
            width: 65vh;
            height: 65vh;
            background: #ffffff75;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .text-container {
            width: 80%;
        }


        @media only screen and (max-width: 1199px) {
            .wheel-container {
                position: absolute;
                width: 58vh;
                height: 58vh;
                right: -22vh;
                top: auto;
                bottom: -3vh;
            }

            .circle-large {
                width: 40vh;
                height: 40vh;
            }

            .circle-medium {
                width: 35vh;
                height: 35vh;
            }

            .circle-small {
                width: 20vh;
                height: 20vh;
            }

            .center img {
                width: 10vh;
            }

            .section img {
                width: 7vh;
                margin-right: 3.7vh;
                margin-top: 2.5vh;
            }

            .section.active img {
                margin-top: 4.5vh;
                margin-right: 3vh;
            }

            #content-display {
                right: -52px;
            }

            #content-display {
                width: 40vw;
            }

            #content-display h2 {
                font-size: 2.5vh;
                line-height: 1.3;
                margin-bottom: 5px;
            }

            #content-display p {
                font-size: 1.8vh;
            }

            .text-container {
                width: 100%;
            }
        }

        @media only screen and (max-width: 768px) {

            #content-display h2 {
                font-size: 2.2vh;
            }

            #content-display p {
                font-size: 1.5vh;
            }

            #content-display {
                margin-top: 0px;
            }

            .section img {
                width: 5vh;
                margin-right: 6.7vh;
                margin-top: 2.5vh;
            }

            .section.active img {
                margin-top: 2.5vh;
                margin-right: 6vh;
            }
        }


        .read-more-btn-unique {
            margin-bottom: 10px;
            cursor: pointer;
            background: transparent;
            color: #113c5f;
            border: none;
            display: none;
            font-size: 13px;
            text-decoration: underline;
            text-decoration-color: #ecb250;
        }

        @media (max-width: 768px) {

            .extra-content {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease;
            }

            .extra-content.show {
                max-height: 500px;
            }

            .read-more-btn2 {
                display: block;
            }

        }


    .toggle-btn-unique {
        display: none;
    }

    @media (max-width: 768px) {

        .extra-text-unique {
            display: none;
        }

        .toggle-btn-unique {
            margin-bottom: 10px;
            cursor: pointer;
            background: transparent;
            color: #113c5f;
            border: none;
            font-size: 13px;
            text-decoration: underline;
            text-decoration-color: #ecb250;
        }
    }

    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    @media (max-width: 768px) {
        .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    }


/* Extracted page styles */
.title-text span {
            line-height: 1.2;
            overflow: unset;
        }

        .yellow-text {
            color: var(--secondary-color)
        }

        .yellow-text.info>span.word:before {
            color: var(--secondary-color) !important;
        }

        .cuclm .swiper-button-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: -2vw;
            z-index: 999999999;
            height: 50px;
            width: 50px;
            margin-top: 0;
            left: auto;
            display: flex;
            align-items: center;
        }

        .cuclm .swiper-button-prev {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 8vw;
            z-index: 999999999;
            height: 50px;
            width: 50px;
            margin-top: 0;
            display: flex;
            align-items: center;
        }

        .timeline-container .swiper-slide {
            backface-visibility: hidden;
        }

        .timeline-container .swiper-slide * {
            will-change: transform, opacity;
        }

        .cuclm {
            position: relative;
            /* top: 0; */
            width: 100px;
        }

        @media only screen and (max-width: 1199px) {
            .curriculum-slider.swiper {
                height: 50vh;
                margin-top: 1rem;
            }

            .cuclm {
                width: 30%;
                margin-top: 2rem;
                margin-left: auto;
            }
        }

        /* .message p{
            font-size: 1vw;
        } */
        /* .timeline-container.mumbai-slide .swiper-pagination p {
            white-space: break-spaces;
        }
        .timeline-container.mumbai-slide .swiper-pagination {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.timeline-container.mumbai-slide .swiper-pagination::-webkit-scrollbar {
  display: none;
} */

        .emp-card .emp-card-cont {
            height: 90%;
            display: flex;
            align-items: center;
        }

        .emp-card .row {
            --bs-gutter-x: 0rem;
        }



        /* Desktop: The slide section stays fixed while user scrolls through items */
        @media (min-width: 769px) {
            .city-slideshow {
                position: sticky;
                top: 0;
                overflow: hidden;
            }

            /* Ensure slides are positioned to transition horizontally */
            .slideshow-item {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                transform: translateX(100%);
                /* Start off-screen right */
                transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out;
            }

            .slideshow-item.current {
                opacity: 1;
                transform: translateX(0);
                /* Move to center */
            }
        }

        /* Mobile: Vertical transitions */
        @media (max-width: 768px) {
            .slideshow-item {
                transform: translateY(100%);
                /* Start off-screen bottom */
            }

            .slideshow-item.current {
                transform: translateY(0);
            }
        }

        .loader-img1 {
            width: 100%;
            display: block;
        }