@media (max-width:1600px) {
    #slide-six .svg-inside embed {
        right: 45vh;
    }
}

.face-fz {
    font-size: 1.7vw !important;
}

@media (max-width:1550px) {

    .legacy-text p {
        font-size: 0.8vw !important;
    }
}

@media (max-width:1500px) {
    .rotate-title {
        left: -5.3vw;
        font-size: 1.7vw;
    }

    .rotate-title.mumbai-title {
        left: -6.8vw;
        bottom: 4vw;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .message p {
        display: none;
    }

    .header-container .menu a.city-btn {
        min-width: 70px
    }

    /* .header-container .menu a.city-btn .svg-section {
        display: none;
    } */
    .button-who-we i {
        font-size: 4vw;
    }

    .swiper-scrollbar.swiper-scrollbar-vertical,
    .swiper-vertical>.swiper-scrollbar {
        top: 50% !important;
        right: 20px;
        transform: translateY(-50%) !important;
        height: 75vh;
        background: var(--secondary-color) !important;
        box-shadow: 0px -1px 3px 3px rgb(14 14 14 / 20%);
    }

    .right-content.active:after {
        top: -6%;
    }

    .right-content.pune.active:after {
        top: -6%;
    }

    .play-btn {
        height: 10vw;
        width: 10vw;
    }

    .play-btn img {
        margin-left: 2px;
    }

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

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

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1100px) and (max-width: 1400px) {
    .nevigation nav li {
        margin-bottom: 21px !important;
    }

    .nevigation nav li a {
        line-height: 90% !important;
    }

    .timeline-container .swiper-horizontal>.swiper-pagination-bullets,
    .timeline-container .swiper-pagination-bullets.swiper-pagination-horizontal,
    .timeline-container .swiper-pagination-custom,
    .timeline-container .swiper-pagination-fraction {
        margin-bottom: 30px;
    }

    .timeline-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
        height: 25px;
        bottom: -45px;
    }

    #slide-seven .svg-inside embed {
        height: 85vh;
    }

    .center img {
        width: 13vh;
    }

    .testimonial-slider {
        margin-top: -13vh;
    }

    .testimonial-slider .swiper-slide.swiper-slide-active {
        border: 4px solid #fff5e6;
    }
}

@media only screen and (min-width: 1199px) and (orientation: landscape) {
    .nevigation nav li .dropdown-menu.show {
        border-left: none;
        right: 60px !important;
        left: auto !important;
        top: -40px !important;
        width: 45%;
    }

    .event-block img {
        width: 5vw !important;
    }

    .event-block p {
        font-size: 19px !important;
    }

    .dropdown-menu.show {
        border: none;
        border-radius: 0;
        color: #134168;
        border-left: 3px solid var(--secondary-color);
        right: 20px !important;
        left: auto !important;
    }
}


@media only screen and (max-width: 1300px) and (orientation: landscape) {
    #slide-one .svg-inside embed {
        height: 130vh;
        width: 130vw;
        display: block;
        object-fit: cover;
        position: absolute;
        bottom: 0vh;
        right: -42vh;
    }

    .container-content {
        padding: 2vw 2vw;
    }

    .left-content {
        width: 35vw;
    }

    .legacy-text {
        width: 80vw;
    }

    .heading-title {
        font-size: 2.5vw;
    }

    .mfp-iframe-holder .mfp-content {
        max-width: 650px;
    }

    #slide-six .svg-inside embed {
        right: 40vh;
    }
}

@media only screen and (max-width: 1199px) {
    .face-fz {
        font-size: 2.2vw !important;
    }

    .vertical-video .mfp-content {
        height: 100%;
        width: 56vw;
    }

    .testimonial-slider .swiper-slide .play-btn {
        height: 10vw;
        width: 10vw;
        font-size: 6.5vw;
    }

    .dropdown-toggle::after {
        height: 1vw;
        width: 1vw;
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: var(--swiper-scrollbar-size, 5px) !important;
    }

    .inner-section {
        height: 96%;
    }

    .container-content {
        padding: 4vw 4vw;
    }

    .header-container .menu {
        flex-direction: column-reverse;
    }

    .header-container .menu a.city-btn {
        font-size: 3vw;
        padding: 7px 20px;
        margin-left: 0;
        margin-right: 15px;
        border-radius: 25px 0px 25px 0px;
    }

    .menu .dot {
        height: 20px;
        width: 20px;
    }

    .header-container .menu a {
        font-size: 2.7vw;
        margin: 0 18px;
    }

    .divider {
        margin: 0px 1px;
        border-left: 1px solid #fff;
        width: 0px;
    }

    .svg-section {
        height: 40px;
        width: 40px;
        margin-left: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .svg-section embed {
        margin-left: 8px !important;
        width: 30px;
    }

    .menu-btn h2 {
        font-family: 'Lato', sans-serif;
        font-size: 6vw;
        line-height: 1;
    }

    .header-container img {
        width: 85%;
        margin-left: 10px;
        margin-top: -20px;
    }

    .menu-option {
        flex-direction: row-reverse;
        justify-content: space-between !important;
    }

    .header-container .menu-btn {
        padding-top: 0px !important;
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: 50% !important;
        top: 145px !important;
        right: 0 !important;
        transform: rotate(360deg) translateX(-50%) !important;
        width: calc(90vw) !important;
    }

    .bar.bar-2 {
        margin-right: 15px;
    }

    .hd-btm h2 {
        font-size: 7.5vw;
    }

    .title-text .whitespace {
        width: 8px;
    }

    .creative-parallax--slider {
        padding-top: 20vh;
        height: Calc(100vh) !important;
        margin-top: 0;
    }

    p.heading-content {
        font-size: 3vw;
        line-height: 4.5vw;
        margin-bottom: 25px;
    }

    .left-content {
        max-width: 100%;
    }

    .heading-title {
        font-size: 5.5vw;
        line-height: 7vw;
        margin-bottom: 10px;
    }

    .button-who-we {
        font-size: 3.5vw;
    }

    .img-section {
        height: 20vh;
    }

    .right-content {
        margin-top: 25px;
        margin-left: 20px;
    }

    .animated-line:after {
        top: -9%;
        left: -3%;
    }

    .rotate-title.mumbai-title {
        left: -13.2vw;
        bottom: 8.5vw;
    }

    .creative-parallax--slider .slider-wrap {
        height: Calc(100vh - 19vh);
        /* padding-bottom: 3vh; */
    }

    #slide-three .heading-content {
        margin-bottom: 0;
    }

    .animated-line-pune::after {
        top: -9%;
        left: -3%;
    }

    .rotate-title {
        left: -11vw;
        bottom: 8.5vw;
        font-size: 3.5vw;
    }

    .hover-btn {
        height: 12vw;
        width: 12vw;
        bottom: 3vw;
        right: 2.2vw;
    }

    .box-section .hover-btn {
        height: 8.5vw;
        width: 8.5vw;
    }

    .animated-line-pune .hover-btn {
        transform: scale(1);
        bottom: 3vw;
        right: 2.2vw;
    }

    .swiper-slide .hd-btm {
        bottom: 10vw;
        left: 5vw;
        width: 100%;
        flex-wrap: wrap;
    }

    .scrl-sec i {
        font-size: 7vw;
        line-height: 1.05;
    }

    .scrl-sec {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: -40px;
        width: 100%;
        justify-content: center;
    }

    .curriculum {
        margin-left: 0;
    }

    .curriculum .swiper-slide.swiper-slide-active {
        transform: scale(1) !important;
        filter: blur(0);
    }

    .creative-parallax--slider .curriculum .swiper-slide.swiper-slide-next,
    .creative-parallax--slider .curriculum .swiper-slide.swiper-slide-prev {
        transform: scale(0.85);
        filter: blur(0) !important;
    }

    .box-section:hover .hover-text p {
        font-size: 5vw;
    }

    .curriculum .hover-text hr {
        width: 7.5vw;
    }

    .box-section:hover .hover-text span {
        font-size: 5.5vw;
    }

    .box-section .bottom-title p {
        font-size: 4.7vw;
    }

    .box-section .circle-btn {
        height: 9.5vw;
        width: 9.5vw;
        font-size: 5.4vw;
    }

    .box-section .img-section {
        height: 50vh !important;
    }

    .curriculum-slider.swiper {
        height: 50vh;
    }

    .box-section .bottom-title {
        padding: 40px;
    }

    .curriculum .swiper-button-prev {
        display: flex;
    }

    .curriculum .swiper-button-next,
    .curriculum .swiper-button-prev {
        height: 6vh;
        width: 6vh;
    }

    .curriculum .swiper-button-next i {
        font-size: 3.5vw;
    }

    .curriculum .swiper-button-prev i {
        font-size: 3.5vw;
    }

    .timeline-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .timeline-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        font-size: 2.5vw;
        margin-bottom: 3px;
        margin-right: 15px;
        font-weight: 300;
    }

    .timeline-container .swiper-horizontal>.swiper-pagination-bullets,
    .timeline-container .swiper-pagination-bullets.swiper-pagination-horizontal,
    .timeline-container .swiper-pagination-custom,
    .timeline-container .swiper-pagination-fraction {
        width: 15vw;
        display: block;
        border: none;
        margin-bottom: 3px;
        border-right: 2px dotted var(--secondary-color);
    }

    .timeline-container .swiper-pagination-bullet .dot {
        height: 12px;
        width: 12px;
        background: #ffffff;
        display: block;
        border-radius: 50%;
        border: 2px solid var(--secondary-color);
        margin: 0 auto;
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 0;
        right: -14vw;
        transform: translateY(-50%);
    }

    .timeline-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-weight: 600 !important;
    }

    .timeline-container .swiper-pagination-bullet.swiper-pagination-bullet-active .dot {
        height: 20px;
        width: 20px;
        border: 5px solid var(--primary-color);
    }

    .timeline-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
        width: 30px;
        height: 3px;
        left: auto;
        transform: none;
        right: -6vh;
        bottom: 1.2vh;
    }

    .timeline-container {
        border-radius: 20px;
        background: #104169;
        padding: 20px;
        color: #fff;
        box-shadow: 0 0 10px #212121;
    }

    .timeline-container .swiper-slide {
        background: #104169;
        margin: inherit;
        height: auto;
    }

    .timeline-container .swiper-slide.swiper-slide-active:before {
        content: '';
        height: 70%;
        width: 6px;
        background: linear-gradient(var(--secondary-color), #104169);
        position: absolute;
        top: 25%;
        left: 10%;
    }

    .legacy-year {
        font-size: 4.5vw;
        font-weight: 600;
        margin-top: 4vw;
        position: relative;
    }

    .legacy-year:after {
        content: '';
        height: 2px;
        width: 4vw;
        background-color: #fff;
        position: absolute;
        left: -5vw;
        top: 43%;
        transform: translateY(-50%);
        z-index: -1;
    }


    .legacy-text p {
        font-size: 2.5vw;
        margin-left: 30px;
        color: #fff;
        width: calc(100% - 20vw);
        margin-bottom: 40px;
    }

    .legacy-text {
        flex: 1;
        width: 100%;
        align-items: self-start;
    }

    .legacy-video {
        height: 21vh;
        width: 100%;
        margin: 0 auto 2vh;
    }

    .image {
        height: 18vw;
        width: 18vw;
        position: relative;
        border: 5px solid #fff7e7;
    }

    .content-section {
        flex-direction: column-reverse;
    }

    .message {
        margin-left: 0;
    }

    .timeline-container .swiper-wrapper {
        height: auto;
    }

    .timeline-container {
        height: auto;
        padding: 10px;
    }

    .timeline-container .swiper-button-prev {
        bottom: 2%;
        top: auto;
        height: 30px;
        width: 40px;
        left: auto;
        right: 5%;
        display: block;
    }

    .timeline-container .swiper-button-next {
        height: 40px;
        width: 40px;
        bottom: 0%;
        top: auto;
        left: auto;
        right: 5%;
        display: block;
    }

    .swiper-button-next i,
    .swiper-button-prev i {
        font-size: 3.5vw;
        position: relative;
    }

    .award-slider .swiper-button-next i,
    .award-slider .swiper-button-prev i {
        font-size: 3.5vw;
    }

    .legacy-content {
        margin-left: 0;
        height: 100%;
    }

    .award-slider hr {
        display: none;
    }

    .award-title {
        font-size: 3.2vw;
    }

    .award-year {
        font-size: 3.2vw;
        margin-bottom: .5rem;
    }

    .award-slider .swiper-slide {
        padding: 15px;
    }

    .award-slider .swiper-button-next,
    .award-slider .swiper-button-prev {
        height: 6vh;
        width: 6vh;
        font-size: 5vw;
    }

    .award-slider .swiper-slide .img-container {
        height: 25vh;
        margin-bottom: 1rem;
    }

    /* SVG positions */
    #slide-one .svg-inside embed {
        height: 65%;
        width: 150%;
        right: -350px;
        left: auto;
    }

    #slide-two .svg-inside embed {
        width: 130%;
    }

    #slide-three .svg-inside embed {
        height: 40%;
        width: 130%;
        object-fit: contain;
        bottom: 0;
        right: -35vh;
    }

    #slide-four .svg-inside embed {
        top: auto;
        bottom: -80%;
        left: -10px;
        width: 100%;
    }

    #slide-six .svg-inside embed {
        top: auto;
        bottom: -7vh;
        left: 0;
        transform: rotate(90deg) translate(7vh, 40vh);
        width: 250%;
        height: auto;
    }

    .mySwiper-growth .swiper-slide>div {
        padding-left: 3vw !important;
    }

    .animated-line .img-section:before,
    .animated-line-pune .img-section:before {
        height: 8px;
    }

    .hover-btn {
        bottom: 5vw;
    }

    .animated-line-pune .hover-btn {
        bottom: 6vw;
    }

    .hover-text {
        font-size: 3vw;
        padding: 40px;
    }

    .testimonial-slider {
        height: 50vh;
        margin-top: 3vh;
    }

    .testimonial-slider .swiper-button-next,
    .testimonial-slider .swiper-button-prev {
        height: 8vw;
        width: 8vw;
        font-size: 6vw;
    }

    .testimonial-slider .swiper-button-next {
        right: 2vw;
    }

    .testimonial-slider .swiper-button-prev {
        left: 2vw;
    }

    #slide-eight .svg-inside embed {
        bottom: 3vh;
        width: 100vw;
    }

    #slide-seven .svg-inside embed {
        bottom: -8vh;
        position: absolute;
        width: 240%;
        right: -1vh;
    }

    .zoom-btn {
        font-size: 6vw;
    }

    .nevigation nav li {
        padding-left: 80px;
    }

    .nevigation nav li.active:before {
        width: 8px;
    }

    .nevigation nav li a {
        font-size: 5.5vw;
    }

    .close-btn embed {
        height: 10vw;
        width: 10vw;
    }

    .close-btn {
        font-size: 4vw;
        justify-content: end;
    }

    .event-block {
        font-size: 3.3vw;
    }

    .events-group {
        width: 60%;
        transform: translate(-50%, -55%);
    }

    .event-block img {
        width: 10vw;
    }

    .right-section h1 {
        text-align: center;
        font-weight: bold;
        font-size: 4vw;
    }

    a.custom-btn {
        font-size: 3.5vw;
        box-shadow: 0px 0px 10px #cecece;
        padding: 7px 20px;
        border-radius: 30px 0px 30px 0px;
        margin: 0 5px;
    }

    .btn-group {
        bottom: 3vw;
        top: auto;
        z-index: -1;
        left: 16%;
    }

    .right-section {
        border-left: none;
        border-top: 3px solid #f0ac3c;
        height: 50%;
    }

    .social-media {
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9;
    }

    .social-media p {
        font-size: 3.5vw;
        padding-right: 0px !important;
    }

    .social-media ul {
        font-size: 4vw;
        padding-inline-start: 15px;
    }

    .nevigation nav li .dropdown-menu a {
        font-size: 4vw;
    }

    .left-section {
        z-index: 1;
        height: 50%;
    }

    .nevigation nav li .dropdown-menu {
        border-left: none;
        position: fixed !important;
        right: -100% !important;
        left: auto !important;
        top: 0px !important;
        width: 100vw;
        height: 100vh;
        transform: translate(0px, 0px) !important;
        /* padding-left: 80px !important; */
        transition: all .3s linear;
    }

    .nevigation nav li .dropdown-menu.show {
        width: 100vw;
        right: -1vw !important;
        /* top: 0 !important; */
    }

    .dropdown-menu {
        border-top: none !important;
    }

    .long-arrow-right::after {
        content: "";
        display: block;
        width: 2px;
        height: 11vw;
        background-color: #f0ac3c;
        transform: rotate(-45deg) translate(40px, 15px);
        left: 0;
        top: 0;
    }

    .nevigation nav li.active>.long-arrow-right {
        display: none !important;
    }

    .nevigation nav li.active>ul li .long-arrow-right {
        margin-left: -11px;
    }

    .nevigation nav li .dropdown-menu li {
        padding-left: 15vw;
        margin-bottom: 20px;
    }

    .nevigation nav li .dropdown-menu li:last-child {
        border-bottom: 3px solid var(--secondary-color);
    }

    .back-btn {
        font-family: 'Merriweather' !important;
        display: inline-flex !important;
        background: #134168;
        color: #fff !important;
        padding: 15px 30px;
        margin: 30px 0 60px;
        border-radius: 25px 0 25px 0;
        width: auto;
        font-size: 3.8vw !important;
        font-weight: 400 !important;
        text-transform: none !important;
    }

    .mumbai-section {
        height: 20vh;
        width: 100%;
        margin: 50px 0;
    }

    .pune-section {
        height: 20vh;
    }

    .footer-logo {
        width: 90%;
        opacity: 0;
    }

    footer h4 {
        font-size: 3.5vw;
    }

    footer ul li a {
        font-size: 3vw;
    }

    .left ul li i {
        font-size: 3vw;
        margin-right: 2vw;
    }

    footer section {
        width: 100%;
        margin: 30px 0px;
    }

    footer .city-btn {
        font-size: 3vw;
    }

    .copyright-section {
        font-size: 2vh;
    }

    .bor-left {
        border-left: none;
        border-top: 1px solid var(--secondary-color);
        border-bottom: 1px solid var(--secondary-color);
    }

    .right>.row {
        width: 100%;
        margin: auto;
    }

    ul.footer-menu li a {
        font-size: 3.5vw;
        text-decoration: none;
    }

    ul.footer-menu {
        width: 100%;
        margin: auto;
    }

    ul.footer-menu li {
        margin-right: 0px;
    }

    .copyright-section img {
        height: 12vw;
    }

    .social-icons ul li a {
        font-size: 5vw;
    }

    .right {
        padding-top: 30px;
    }

    .social-icons {
        width: 50%;
        margin: auto;
    }

    .icon-list img {
        width: 9vw;
    }

    .icon-list li a {
        display: flex;
        align-items: center;
    }

    .button-who-we .circle {
        height: 5vh;
        width: 5vh;
        font-size: 3.2vw;
        margin-left: 0vw;
    }

    #slide-five .svg-inside embed {
        height: 50vh;
        bottom: 0vh;
    }

    .award-slider {
        width: 100%;
    }

    .mfp-iframe-holder .mfp-close {
        width: 6vw;
        height: 6vw;
    }

    .mfp-iframe-holder {
        margin-top: 19vh;
        height: Calc(100% - 20vh) !important;
    }

    #slide-five .svg-inside embed {
        height: 75vh;
    }

    .move-btn button {
        font-size: 1.8vw;
    }

    .move-btn {
        height: 10vw;
        width: 10vw;
    }

    @keyframes drawLine {
        0% {
            width: 1px;
            height: 0;
        }

        50% {
            width: 1px;
            height: 25%;
        }

        100% {
            width: 100%;
            height: 100%;
        }
    }

    .right-content.active:after {
        bottom: 85%;
        left: -3%;
        border: 3px solid #ECB24F;
        border-right: none;
        border-bottom: none;
    }

    @keyframes drawLine2 {
        0% {
            width: 1px;
            height: 0;
        }

        50% {
            width: 1px;
            height: 25%;
        }

        100% {
            width: 100%;
            height: 100%;
        }
    }

    .locn h3 {
        font-size: 2.5vw;
    }

    .locn p {
        font-size: 2.2vw;
        margin-bottom: 0;
    }

    .locn iframe {
        height: 300px;
    }

    .history-cards .Card {
        height: 55vh;
    }

    .history-cards .icon img {
        width: 65%;
    }

    .card-heading .right h2 {
        font-size: 2vw;
    }

    .swipe-hand.active {
        top: 100%;
        left: 60%;
        width: 80px;
        height: 80px;
    }

    .scroll-font {
        font-size: 3.5vw !important;
    }

    :root {
        --spacing-card: 20%;
    }

    .box-section:hover .hover-text span {
        font-size: 4.5vw;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) and (orientation: portrait) {
    #slide-one .svg-inside embed {
        bottom: -3vh;
    }

    #slide-two .svg-inside embed {
        bottom: -1vh;
    }

    #slide-seven .svg-inside embed {
        bottom: -10vh;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {

    .pad-left {
        padding-top: 7% !important;
        padding-left: 11% !important;
    }

    :root {
        --spacing-card: 15%;
    }

    .vertical-video .mfp-content {
        height: 100%;
        width: 71vw;
    }

    .header-container img {
        margin-left: 0px;
        margin-top: 0px;
    }

    .header-container .menu a {
        margin: 0 5px;
    }

    .header-container .menu a.city-btn {
        font-size: 3vw;
        padding: 2px 8px;
        margin-left: 0;
        margin-right: 5px;
        border-radius: 10px 0px 10px 0px;
    }

    .svg-section {
        height: 25px;
        width: 25px;
    }

    #slide-four .svg-inside embed {
        bottom: -70%;
    }

    #slide-five .svg-inside embed {
        height: 75vh;
        width: 100vw;
    }

    .svg-section embed {
        margin-left: 2px !important;
        width: 18px;
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: var(--swiper-scrollbar-size, 2px) !important;
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        top: 16vh !important;
    }

    .menu .dot {
        height: 10px;
        width: 10px;
    }

    .menu-btn h2 {
        margin-bottom: 0;
    }

    .dropdown-toggle::after {
        height: 1.2vw;
        width: 1.2vw;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .creative-parallax--slider {
        padding-top: 16vh;
    }

    p.heading-content {
        font-size: 3.5vw;
        line-height: 5vw;
        margin-bottom: 15px;
    }

    .heading-title {
        font-size: 7vw;
        line-height: 7vw;
    }

    #slide-one .svg-inside embed {
        bottom: -7vh;
        right: -18vh;
    }

    .right-content.active:after {
        bottom: 65%;
        border: 2px solid #ECB24F;
        border-bottom: none;
        border-right: none;
    }

    #content-display h2 {
        margin-bottom: 10px;
    }

    .mumbai-section {
        margin: 0;
    }

    .hover-text {
        padding: 20px;
    }

    .hover-text p {
        margin: 0;
        font-size: 3.5vw;
    }

    /* .curriculum .swiper-button-next,
    .curriculum .swiper-button-prev {
        height: 5vh;
        width: 5vh;
    } */

    .curriculum .swiper-button-next i {
        font-size: 3.5vw;
    }

    .curriculum .swiper-button-prev i {
        font-size: 3.5vw;
    }

    .box-section .bottom-title {
        padding: 20px;
    }

    .timeline-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .timeline-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        font-size: 3vw;
    }

    .timeline-container .swiper-pagination-bullet .dot {
        right: -15.5vw;
    }

    .mfp-iframe-holder {
        margin-top: 16vh;
        height: Calc(100% - 18vh) !important;
    }

    .mfp-iframe-holder .mfp-close {
        width: 7vw;
        height: 7vw;
        top: 4vw;
        right: 4vw;
    }

    #slide-seven .svg-inside embed {
        bottom: -16vh;
    }

    footer h4 {
        font-size: 4vw;
    }

    footer ul li a {
        font-size: 3.5vw;
    }

    .left ul li i {
        font-size: 3.5vw;
    }

    footer .city-btn {
        font-size: 3.5vw;
    }

    footer .city-btn {
        font-size: 3.5vw;
    }

    .svg-section embed {
        margin-left: 5px !important;
        width: 22px;
    }

    .svg-section {
        height: 25px;
        width: 25px;
    }

    .legacy-text {
        margin-top: 0px;
    }

    .menu .dot.dot-1 {
        margin-left: 8px;
    }

    .menu .dot {
        margin-right: 8px;
    }

    .nevigation nav li .dropdown-menu.show {
        width: 101vw;
        right: 0vw !important;
    }

    .nevigation nav li .dropdown-menu li {
        margin-bottom: 10px;
    }

    .long-arrow-right::after {
        transform: rotate(-45deg) translate(28px, 12px);
    }

    .back-btn {
        padding: 15px 20px;
        margin: 10px 0 30px;
        border-radius: 20px 0 20px 0;
    }

    .svg-section.back-svg {
        height: 15px;
        width: 15px;
    }

    a.custom-btn {
        border-radius: 20px 0px 20px 0px;
    }

    .move-btn {
        height: 20vw;
        width: 17vw;
    }

    .move-btn button {
        font-size: 2.5vw;
    }

    .CardSlider {
        margin-bottom: 25vw !important;
    }

    @keyframes drawLine {
        0% {
            width: 1px;
            height: 0;
        }

        50% {
            width: 1px;
            height: 42%;
        }

        100% {
            width: 103%;
            height: 103%;
        }
    }

    @keyframes drawLine2 {
        0% {
            width: 1px;
            height: 0;
        }

        50% {
            width: 1px;
            height: 42%;
        }

        100% {
            width: 103%;
            height: 103%;
        }
    }

    .locn h3 {
        font-size: 4vw;
    }

    .locn p {
        font-size: 3.2vw;
        margin-bottom: 1vh !important;
    }

    .motto-sec {
        height: 100%;
    }

    .rounded-box {
        padding: 10px 20px;
        font-size: 3.5vw;
    }

    .rounded-box .icon {
        height: 8vw;
        width: 8vw;
    }

    .bg-sec {
        margin-top: 4vh;
        margin-bottom: 2vh;
        padding: 6px 6px;
    }

    .listing {
        font-size: 3.5vw;
        line-height: 5vw;
        letter-spacing: 0px;
    }

    .bg-sec .bg1 {
        padding: 2vh;
    }

    .growth-plan h3 {
        font-size: 5.6vw;
    }

    .mySwiper-growth h4 {
        font-size: 4vw;
    }

    .growth-plan {
        background: var(--secondary-color);
        padding: 4vh 0;
    }

    ul.listing>li:before {
        top: 8px;
    }

    .Card {
        width: 100%;
    }

    .history-cards .icon img {
        width: 100%;
    }

    .card-heading .right h2 {
        font-size: 4.5vw;
    }

    .history-cards p {
        line-height: 7.2vw;
        font-size: 3.8vw;
    }

    .history-cards .Card {
        height: 70vh;
    }

    .transi-width {
        width: 18vw;
    }

    .font2 {
        font-size: 4vw !important;
    }

    .locn iframe {
        height: 280px;
    }

    .bar {
        width: 1.5vw;
    }

    .creative-gsap-slider .testimonial-slider .swiper-button-next,
    .creative-gsap-slider .testimonial-slider .swiper-button-prev {
        height: 45px;
        width: 45px;
    }

    .testimonial-slider .swiper-slide .play-btn {
        font-size: 4.5vw;
        outline-offset: 0.5vh;
        height: 12vw;
        width: 12vw;
    }

    .testimonial-slider .name {
        font-size: 4.5vw;
        bottom: 58px;
        right: 20px;
        /* text-shadow: 2px 1px #4c4c4c; */
    }

    .nevigation nav li .dropdown-item.back-btn:focus,
    .nevigation nav li .dropdown-item.back-btn:hover {
        background-color: var(--blue);
    }

    .curriculum .swiper-button-next {
        right: 10px;
    }

    .icon-list ul li a {
        font-size: 3.5vw;
    }

    .swiper-button-next i,
    .swiper-button-prev i {
        font-size: 6.5vw;
    }

    .banner .play-btn {
        height: 4.5vw;
        width: 4.5vw;
    }

    .banner .play-btn img {
        width: 40%;
        height: 40%;
        margin-left: 2px;
    }

    .swiper-slide .hd-btm {
        width: 90% !important;
    }

    .hover-effect.login:before {
        margin-right: 13px;
    }

}

@media only screen and (max-width: 450px) {
    .heading-title {
        font-size: 6vw;
        line-height: 7vw;
    }

    .hd-btm h2 {
        font-size: 6.5vw !important;
    }

    /* .lg-btn {
    margin-top: 4px !important;
} */
    p.heading-content {
        font-size: 3.1vw !important;
    }

    .long-arrow-right::after {
        transform: rotate(-45deg) translate(16px, 6px) !important;
    }

    .hover-text {
        background: linear-gradient(0deg, #082843, hsl(200deg 77.24% 21.45% / 73%), hsl(199deg 79% 35% / 70%)) !important;
    }

    .box-section .bottom-title p {
        font-size: 6.5vw !important;
    }

    .box-section .hover-btn {
        height: 13vw !important;
        width: 11vw !important;
    }

    .curriculum .swiper-button-next .svg-section embed,
    .curriculum .swiper-button-prev .svg-section embed {
        width: 40px !important;
    }

    .box-section:hover .hover-text p {
        font-size: 7.5vw !important;
    }

    #content-display {
        width: 29vw !important;
        right: -12px !important;
    }

    .legacy-text p {
        font-size: 3vw !important;
    }

    .timeline-container {
        padding: 18px !important;
    }

    .timeline-container .swiper-button-prev {
        bottom: 9% !important;
        right: 8%!important;
        height: fit-content!important;
        width: fit-content!important;
    }
        .timeline-container .swiper-button-next {
        height: fit-content!important;
        width: fit-content!important;
        bottom: 8%!important;
        right: 8%!important;
    }

    .br_none {
        display: none;
    }

    .container-content {
        padding: 4.5vw 5vw !important;
    }

    .award-slider .swiper-button-next .svg-section embed,
    .award-slider .swiper-button-prev .svg-section embed,
    .creative-gsap-slider .testimonial-slider .swiper-button-next .svg-section embed,
    .creative-gsap-slider .testimonial-slider .swiper-button-prev .svg-section embed,
    .unsrct .swiper-button-next .svg-section embed,
    .unsrct .swiper-button-prev .svg-section embed {
        width: 35px !important;
    }

    .scrl-sec {
        bottom: -30px !important;
    }

    .header-container .menu a {
        border: 0 !important;
    }

    #slide-one .svg-inside embed {
        bottom: 1vh !important;
    }

    #slide-four .svg-inside embed {
        bottom: -64% !important;
    }

    .btn-group {
        bottom: 4vw !important;
    }

    .event-block img {
        width: 12vw !important;
    }

    .event-block {
        padding: 10px !important;
        font-size: 4vw;
    }

    .btn-group {
        width: 90% !important;
    }

    .nevigation nav li a {
        line-height: 100% !important;
        display: inline-flex !important;
    }

    .nevigation nav li {
        margin-bottom: 15px;
    }

    .width-21 {
        width: 84%;
    }

    .foundation-logo {
        width: 90% !important;
    }

    .banner-video {
        bottom: 12vw !important;
    }

    .card-heading .right h2 {
        line-height: 140% !important;
        padding: 11px 0;
    }

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

    .gallery .swiper-button-prev {
        right: 20vw !important;
    }

    #gallery-section .svg-inside embed {
        right: -47% !important;
    }

    .highlighted-text {
        border-radius: 8vw !important;
    }

    .quotes-box {
        width: 98% !important;
    }

    .quote-flex2 {
        padding: 0 !important;
        font-size: 16px !important;
        font-weight: 400;
    }

    .CardSlider {
        height: 90vh !important;
    }

    .brd-btm {
        border-bottom: 1vh solid var(--blue) !important;
    }

    .rotate-title.mumbai-title {
        left: -15.2vw !important;
    }

    .rotate-title {
        left: -13vw !important;
    }
}

@media only screen and (max-width: 767px) {
    .face-fz {
        font-size: 3.4vw !important;
    }

    .mascot-page .cur-sec:after {
        left: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .face-fz {
        font-size: 2.8vw !important;
    }
}