@media (min-width: 991px) and (max-width: 1300px) {

    .container {
        width: 100%;
        padding: 0 20px;

    }

    header {
        height: auto;
    }




    .banner-container .container {
        align-items: center;
    }

    .banner-left {
        flex-wrap: wrap;
        gap: 15px;
        text-align: center;
    }

    .banner-left span {
        padding-right: 0;
        border-right: none;
        font-size: 17px;
    }

    .banner-right span {
        font-size: 17px;
        text-align: center;
        white-space: nowrap;
    }

    .header-content-container {
        gap: 20px;
    }

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

    .header-logo {
        width: 270px;

    }

    .header-left p:nth-child(2) {
        font-size: 19px;
    }

    .header-left p:nth-child(3) {
        font-size: 60px;
    }

    .header-left p:nth-child(4) {
        font-size: 25px;
        width: 95%;
    }

    .header-left .apply-btn button {
        font-size: 16px;
        padding: 12px 16px;
    }

    .header-right {
        width: 65%;
        justify-content: center;
    }

    .header-right img {
        max-width: 90%;
        transform: translate(-100px, 0);
    }


    .header-bottom-image {
        position: absolute;
        bottom: -25px;
        /* Position at the bottom of the header */
        left: 50%;
        /* Center horizontally */
        transform: translateX(-50%);
        /* Adjust for exact centering */
        text-align: center;
        /* Center the image inside the container */
        width: 100%;
        /* Ensure it spans the full width if needed */
    }

    .nav-pills {
        width: 90%;
    }

    /* facilities */
}



@media (max-width: 991px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }

    header {
        height: auto;

    }

    .banner-container .container {
        /* height: auto; */
        align-items: center;

    }

    .banner-left {
        flex-wrap: wrap;
        gap: 15px;
        text-align: center;
    }

    .banner-left span {
        padding-right: 0;
        border-right: none;
        font-size: 16px;
    }

    .banner-right span {
        font-size: 16px;
        text-align: center;
        white-space: nowrap;
    }

    .header-content-container {
        /* flex-direction: column; */
        gap: 20px;
    }

    .header-left {
        max-width: 100%;

    }

    .header-logo {
        width: 250px;
    }

    .header-left p:nth-child(2) {
        font-size: 16px;
    }

    .header-left p:nth-child(3) {
        font-size: 40px;
    }

    .header-left p:nth-child(4) {
        font-size: 18px;
        width: 100%;
    }

    .header-left .apply-btn button {
        font-size: 16px;
        padding: 12px 16px;
    }

    .header-right {
        width: 65%;
        justify-content: center;
    }

    .header-right img {
        max-width: 100%;
        transform: translate(0, 10px);
    }


    .header-bottom-image {
        display: none;
    }


    /* branding section */

    #branding-section .container {
        width: 100%;
        padding: 0 20px;
    }

    .branding-images {

        gap: 30px;
    }

    .branding-image {
        margin-inline: 0;
    }

    .branding-image img {
        max-width: 200px;
    }



    /* facilities section */

    #facilities {
        padding: 40px 0;
    }

    #facilities .container {
        width: 100%;
        padding: 0 20px;
        flex-direction: column;
        gap: 30px;
    }

    .facilities-left {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .facilities-header p {
        width: 100%;
        font-size: 24px;
    }

    .facilities-buttons {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .facilities-buttons button {
        padding: 15px;
        font-size: 16px;
        width: auto;
        min-width: 150px;
    }

    .facilities-right {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }

    .facilites-section.active {
        gap: 10px;
    }

    .facilities-first img,
    .facilities-second img,
    .facilities-third img,
    .facilities-fourth img {
        width: 280px;
        /* Adjust image size for smaller screens */
    }

    .facilities-right::-webkit-scrollbar {
        height: 6px;
        /* Thinner scrollbar for smaller screens */
    }


    /* stats  */

    #stats {
        padding: 30px 0;
    }

    .stats-heading {
        margin-bottom: 45px;
    }


    .stats-heading p {
        font-size: 30px;
        /* Reduce font size for smaller screens */
        text-align: center;
        /* Center-align the heading */

    }

    .stas-showing-container {

        gap: 20px;
        /* Add spacing between stacked images */
    }

    .stats-img {
        width: 100%;
        /* Make images take full width */
        text-align: center;
    }

    .stats-img img {
        width: 100%;
        /* Make images responsive */
        max-width: 367px;
        /* Limit maximum width */
        height: auto;
        /* Maintain aspect ratio */
    }


    /* brands  */

    #brands {
        padding: 15px 0;
        /* Reduce padding for smaller screens */
    }

    .working-images {
        animation: scrollBrands 15s linear infinite;
        /* Faster animation for smaller screens */
    }

    .working-images::before,
    .working-images::after {
        width: 100px;
        /* Reduce the width of the blur effect for smaller screens */
    }

    .working-images img {
        width: 150px;
        /* Reduce image width for smaller screens */

        margin-right: 15px;
        /* Reduce spacing between images */
    }


    /* admission  */

    #admission-details {
        padding: 40px 0;
        /* Reduce padding for smaller screens */
    }

    #admission-details .container {
        flex-direction: column;
        /* Stack content vertically */
        gap: 30px;
        /* Add spacing between stacked sections */
    }

    .admission-header {
        width: 100%;
        /* Make header take full width */
        text-align: center;
        /* Center-align the header */
        padding-top: 15px;
        /* Reduce padding for smaller screens */
    }

    .admission-header::before {
        left: 50%;
        /* Center the line */
        transform: translateX(-50%);
        /* Adjust for centering */
        width: 30%;
        /* Reduce the width of the line */
    }

    .admission-header p {
        font-size: 28px;
        /* Reduce font size for smaller screens */
    }

    .eligibility-criteria p:nth-child(2),
    .fess-structure p:nth-child(3) {
        width: 100%;
        /* Make text take full width */
    }

    .eligibility-criteria p:nth-child(1),
    .fess-structure p:nth-child(1),
    .duration p:nth-child(1) {
        font-size: 25px;
        /* Reduce font size for smaller screens */
    }

    .eligibility-criteria p:nth-child(2),
    .fess-structure p:nth-child(2),
    .duration p:nth-child(2) {
        font-size: 19px;
        /* Reduce font size for smaller screens */
        line-height: 1.7;
    }

    .fess-structure p:nth-child(3) {
        font-size: 12px;
        /* Keep small font size for disclaimer */
    }


    /*  */

    #timeline {
        padding: 40px 0;
        /* Reduce padding for smaller screens */
    }

    .timeline-header {
        width: 100%;
        /* Full width for smaller screens */
        text-align: center;
        /* Center align the header */
        margin-bottom: 20px;
        /* Reduce margin */
    }

    .timeline-header p {
        font-size: 28px;
        /* Reduce font size for smaller screens */
    }

    .timeline-header span {
        font-size: 28px;
        /* Reduce font size for smaller screens */
    }

    .timeline-container {
        flex-direction: column;
        /* Stack elements vertically */
        gap: 30px;
        /* Add gap between stacked elements */
    }

    .timeline-left {
        flex-direction: column;
        /* Stack left contents vertically */
        align-items: center;
        /* Center align items */
        gap: 20px;
        /* Add gap between stacked elements */
    }

    .timeline-contents-left {
        width: 100%;
        /* Full width for smaller screens */
        text-align: center;
        /* Center align text */
    }

    .timeline-details {
        width: 100%;
        /* Full width for smaller screens */
    }

    .timeline-details p {
        font-size: 16px;
        /* Reduce font size for smaller screens */
    }

    .timeline-dates {
        margin-block: 20px;
        /* Reduce margin */
    }

    .timeline-dates p {
        font-size: 16px;
        /* Reduce font size for smaller screens */
    }

    #timeline button {
        width: 30%;
        /* Full width button */
        font-size: 16px;
        /* Reduce font size for smaller screens */
    }

    .timeline-contents-right {
        display: none;
    }

    .timeline-right {
        width: 100%;
        /* Full width for smaller screens */
        padding: 30px 0;
        /* Reduce padding */
    }

    .timeline-right-container {
        height: 420px;
        /* Auto height for smaller screens */
        overflow-y: scroll;
        /* Disable scrolling */
    }

    .timeline {
        gap: 15px;
        /* Reduce gap between steps */
        z-index: 0;
    }

    .timeline::before {
        left: 38px;
    }

    .step {
        gap: 20px;
        /* Reduce gap between step number and text */
        padding: 10px;
        /* Reduce padding */
        align-items: center;
    }

    .step-number {
        width: 60px;
        /* Reduce step number size */
        height: 60px;
        font-size: 28px;
        /* Reduce font size */
    }

    .step p {
        font-size: 20px;
        width: 70%;
    }

    .step p a {
        font-size: 12px;
        /* Reduce font size for links */
    }


    /* student */

    #students-says {
        margin-bottom: -10%;

    }

    .dot {
        width: 35px;
    }


    /* awards */

    #awards {

        padding-top: 12%;
    }

    #awards .container {
        padding-left: 25px;
    }


    /* lifepu */

    .nav-pills {
        width: 100%;
        /* Make the container take full width */
        padding: 20px 0;
        /* Reduce padding for smaller screens */
        flex-wrap: wrap;
        /* Allow items to wrap into multiple rows */
        gap: 10px;
        /* Reduce gap between items */
    }

    .nav-item {
        margin: 5px;
        /* Add margin for spacing */

        text-align: center;
        /* Center-align the text */
        border: 2px solid #4d009b;
    }

    .nav-link {
        font-size: 18px;
        /* Reduce font size for smaller screens */
        padding: 10px;
        /* Add padding for better touch targets */
        border-radius: 5px;
        /* Ensure rounded corners */

    }

    .nav-link br {
        display: none;
        /* Hide line breaks for better readability */
    }


    /* footer section */

    .footer-container {
        max-width: 90%;
    }

    footer {
        padding: 25px 0;
        font-family: "Inter", sans-serif;
    }
}


@media (min-width : 992px) {
    .mobile-show {
        display: none;
    }
}

@media (max-width : 992px) {
    .desktop-show {
        display: none;
    }

    .banner-container {
        padding: 20px !important;
    }

}

@media (min-width : 768px) {
    .banner-left span {
        padding-right: 10px;
        font-size: 18px;
    }
}

@media (max-width : 767px) {
    .banner-left span {
        font-size: 20px;
    }

    .container {
        width: 100%;
        padding: 0 30px;
    }

    .video {
        margin-bottom: 10px;
    }





    .banner-container {
        padding-block: 20px;
    }

    header {
        height: auto;
        /* Make header height adjust to content */

    }



    .banner-left {
        flex-direction: column;
        /* Stack banner-left content vertically */
        gap: 5px;
        /* Reduce gap between items */

        flex-wrap: wrap;
        gap: 14px;



    }

    .banner-left span {
        padding-right: 0;
        /* Remove padding */
        border-right: none;
        /* Remove border */
        font-size: 15px;
        /* Reduce font size for smaller screens */
        text-align: left;
        white-space: nowrap;
    }

    .banner-right span {
        font-size: 16px;
        /* Reduce font size for smaller screens */
        /* Center-align the text */
    }

    .header-content-container {
        flex-direction: column;
        /* Stack header content vertically */
        /* Add spacing between stacked sections */
        gap: 0;
    }

    .header-left {
        margin-top: 60px;
        max-width: 100%;
        /* Make header-left take full width */
        text-align: center;
        /* Center-align the text */
        gap: 5px;
    }

    .header-logo {
        width: 350px;
        margin-inline: auto;
    }

    .header-left p:nth-child(2) {
        font-size: 18px;
        /* Reduce font size for smaller screens */
        margin-bottom: 5px;
    }

    .header-left p:nth-child(3) {
        font-size: 65px;
        /* Reduce font size for smaller screens */
        font-weight: bold;
    }

    .header-left p:nth-child(4) {
        font-size: 18px;
        /* Reduce font size for smaller screens */

        margin: auto;
    }

    .header-left .apply-btn button {
        font-size: 16px;
        /* Reduce font size for smaller screens */
        padding: 12px 25px;
        /* Adjust padding for smaller screens */
        font-family: "Inter", sans-serif;
        margin-top: 25px;
    }

    .apply-btn span {
        margin-left: 5px;
    }

    .header-right {
        width: 100%;
        /* Make header-right take full width */
        justify-content: center;
        /* Center-align the image */
    }

    .header-right img {
        max-width: 80%;
        /* Make image responsive */
        transform: translate(0, 0);
        /* Reset image translation */
    }


    /* events */

    .events-header p {
        font-size: 27px;
    }


    .experts-header p {
        width: 100%;
        font-size: 29px;

    }

    /* students says */

    .slider-container {
        width: 90%;
    }

    #nextBtn {
        right: -50px;
    }

    #prevBtn {
        left: -50px;
    }

    #prevBtn img,
    #nextBtn img {
        width: 40px;
    }

    #prevBtn,
    #nextBtn {
        top: 55%;
    }

    /* facilities section */

    .image-container p {
        font-size: 17px;
        bottom: 15px;
        left: 20px;
    }


    /* students says */

    #students-says {
        margin-bottom: -13%;
    }

    /* awards */

    #awards {
        padding-top: 15%;
    }

    .awards-header-section {
        width: 100%;
    }

    .awards-header-section p {
        line-height: 1.4;
    }

    .awards-left {
        width: 35%;
    }

    .awards-right {
        width: 61%;
    }

    .awards-contents p:nth-child(1) {

        font-size: 16px;
    }

    .awards-contents p:nth-child(2) {
        width: 100%;

        font-size: 14px;
        line-height: 1.4;
    }


    /* lifeatpu */



    .stroke {
        -webkit-text-stroke: 1px white;
        color: transparent;
        font-size: 150px;
        font-weight: bold;
        line-height: 1;
    }

    .life h3 {
        font-family: "Roboto", sans-serif;
        font-weight: 100;
        line-height: 1;
        color: #a4bec1;
    }

    /* footer section */
    .footer-container {
        max-width: 95%;
    }

    footer p {
        font-size: 14px;
    }

    #scrollToTopBtn {
        bottom: 40px;
        right: 45px;
        width: 50px;
        height: 50px;

    }

}



@media (max-width : 460px) {

    body {
        overflow-x: hidden;
    }


    .container {
        width: 100%;
        padding: 0 15px;

    }


    header {
        height: auto;
        /* Make header height adjust to content */

    }

    .banner-container {
        padding-block: 15px;
        /* Reduce padding for smaller screens */
    }

    .banner-left {
        flex-direction: column;
        /* Stack banner-left content vertically */
        gap: 7px;
        /* Reduce gap between items */
        text-align: center;
        /* Center-align the text */
    }

    .banner-left span {
        padding-right: 0;
        /* Remove padding */
        border-right: none;
        /* Remove border */
        font-size: 14px;
        /* Reduce font size for smaller screens */

    }

    .banner-right span {
        font-size: 14px;
        /* Reduce font size for smaller screens */
        text-align: center;
        /* Center-align the text */
    }

    .header-content-container {
        flex-direction: column;
        /* Stack header content vertically */
        gap: 15px;
        /* Add spacing between stacked sections */
    }

    .header-left {
        max-width: 100%;
        /* Make header-left take full width */
        text-align: center;
        /* Center-align the text */
        gap: 10px;
    }



    .header-left p:nth-child(2) {
        font-size: 25px;
        /* Reduce font size for smaller screens */
    }

    .header-left p:nth-child(3) {
        font-size: 55px;
        /* Reduce font size for smaller screens */

    }

    .header-left p:nth-child(4) {
        font-size: 18px;
        /* Reduce font size for smaller screens */
        width: 100%;
        /* Make text take full width */
    }

    .header-left .apply-btn button {
        font-size: 20px;
        /* Reduce font size for smaller screens */
        padding: 17px 27px;
        /* Adjust padding for smaller screens */
    }

    .header-right {
        width: 100%;
        /* Make header-right take full width */
        justify-content: center;
        /* Center-align the image */
    }

    .header-logo {
        width: 300px;
    }

    .header-right img {
        max-width: 100%;
        /* Make image responsive */
        transform: translate(0, 0);
        /* Reset image translation */
    }

    /* branding */

    .branding-images {
        flex-direction: column;
    }

    .branding-images img[src*="Line"] {
        display: none;
    }

    /* facilities */


    .facilities-header p {
        font-size: 27px;
    }

    .facilities-buttons {
        gap: 16px;
    }


    /* stats */

    .stas-showing-container {
        flex-direction: column;
    }


    /* speaker section */

    .speaker-container img {
        width: 350px;
        height: 400px;

    }

    /* admission */

    #admission-details {
        padding: 70px 0;
    }

    .admission-header p {
        font-size: 35px;
    }



    /*  */
    #timeline button {
        width: 50%;
        font-size: 16px;
    }

    .step {
        gap: 20px;
        padding: 10px;
        align-items: flex-start;
    }

    .step p {
        font-size: 18px;
        width: 100%;
    }


    /* student says */


    #students-says {
        margin-bottom: -18%;
    }

    .students-header-section {
        width: 100%;
        margin-bottom: 40px;
    }

    .students-header-section p {
        font-size: 38px;
    }

    .slider-container {
        width: 100%;
    }

    #nextBtn {
        right: -10px;
    }

    #prevBtn {
        left: -10px;
    }

    /* awards */

    #awards {
        padding: 50px 0;
        /* Reduce padding for smaller screens */
        padding-top: 17%;
        /* Adjust top padding */
    }

    #awards .container {
        padding: 0 20px;
        /* Add padding to the container */
    }

    .awards-contents {
        flex-direction: column;
        /* Stack awards-left and awards-right vertically */
        gap: 30px;
        /* Add spacing between stacked sections */
    }

    .awards-header-section {
        width: 100%;
        /* Make header section take full width */
        margin-bottom: 30px;
        /* Reduce margin for smaller screens */
    }

    .awards-header-section p {
        font-size: 24px;
        /* Reduce font size for smaller screens */
        text-align: center;
        /* Center-align the text */
    }

    .awards-header-section p span {
        font-size: 24px;
        /* Reduce font size for smaller screens */
    }

    .awards-left {
        width: 100%;
        /* Make awards-left take full width */
        text-align: center;
        /* Center-align the image */
    }

    .awards-left img {
        width: 80%;
    }

    .awards-right {
        width: 100%;
        position: relative;
        overflow: hidden;
        /* Hide overflow to create a slider effect */
    }

    .awards-card-container {
        display: flex;
        transition: transform 0.5s ease;
        /* Smooth sliding animation */
        width: 100%;
        /* Ensure container takes full width */
        gap: 0;
    }

    .awards-card {
        width: 100%;
        /* Each card takes full width */
        flex-shrink: 0;
        /* Prevent cards from shrinking */
        height: auto;
        /* Allow cards to adjust height based on content */
        margin-right: 0;
        /* Remove margin between cards */
    }

    .award-card-slider-button {
        display: flex;
        justify-content: space-between;
        /* Space buttons on either side */
        position: absolute;
        /* Position buttons over the slider */
        top: 50%;
        /* Center vertically */
        left: -34px;
        right: 0;
        transform: translateY(-50%);
        /* Adjust for vertical centering */
        padding: 0 0;
        /* Add padding to prevent buttons from touching edges */
    }

    .award-card-slider-button button {
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s ease;
    }

    .award-card-slider-button button img {
        width: 40px;
        /* Reduce button size */
        height: 40px;
        /* Reduce button size */
    }


    /* life */

    .stroke {
        -webkit-text-stroke: 1px white;
        color: transparent;
        font-size: 110px;
        font-weight: bold;
        line-height: 1;
    }

    .life h3 {
        font-weight: 500;
        font-size: 17px;
        white-space: nowrap;
    }



    /* lifepu */

    .nav-pills {
        flex-direction: column;
        gap: 10px;
        padding: 20px 10px;
        width: 100%;
    }

    .nav-item {
        width: 100%;
        text-align: center;
    }

    .nav-link {
        font-size: 17px;
        padding: 10px;
        display: block;
        width: 100%;
    }


    /* footer section */

    footer {
        padding: 25px 0;
    }

    footer p {
        font-size: 15px;
    }


    #scrollToTopBtn {
        bottom: 35px;
        right: 23px;
        width: 45px;
        height: 45px;

    }

    .banner-container {
        padding: 26px !important;
    }

    .banner-right {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #E7314A;
        /* Keep the same background as the banner */
        text-align: center;
        padding: 18px 0;
        z-index: 1000;
    }

    .banner-right a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }

    .desktop-show {
        display: block;
    }

    .phone-show {
        display: none;
    }

    footer {
        padding-bottom: 70px;

    }


}


@media(max-width : 418px) {

    .container {
        width: 100%;
        padding: 0 15px;
    }


    header {
        height: auto;
        /* Make header height adjust to content */

    }

    .banner-container {
        padding-block: 15px;
        /* Reduce padding for smaller screens */

    }

    .banner-container .container {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .banner-left {
        flex-direction: column;
        /* Stack banner-left content vertically */
        gap: 7px;
        /* Reduce gap between items */
        text-align: center;
        /* Center-align the text */
    }

    .banner-left span {
        padding-right: 0;
        /* Remove padding */
        border-right: none;
        /* Remove border */
        font-size: 18px;
        /* Reduce font size for smaller screens */
        text-align: center;
    }

    .banner-right span {
        font-size: 18px;
        /* Reduce font size for smaller screens */
        text-align: center;
        /* Center-align the text */
    }

    .header-content-container {
        flex-direction: column;
        /* Stack header content vertically */
        gap: 15px;
        /* Add spacing between stacked sections */
    }

    .header-left {
        max-width: 100%;
        /* Make header-left take full width */
        text-align: center;
        /* Center-align the text */
        gap: 10px;
    }


    .header-logo {
        width: 270px;
    }

    .header-left p:nth-child(2) {
        font-size: 25px;
        /* Reduce font size for smaller screens */
    }

    .header-left p:nth-child(3) {
        font-size: 55px;
        /* Reduce font size for smaller screens */

    }

    .header-left p:nth-child(4) {
        font-size: 18px;
        /* Reduce font size for smaller screens */
        width: 100%;
        /* Make text take full width */
    }

    .header-left .apply-btn button {
        font-size: 20px;
        /* Reduce font size for smaller screens */
        padding: 17px 27px;
        /* Adjust padding for smaller screens */
    }

    .header-right {
        width: 100%;
        /* Make header-right take full width */
        justify-content: center;
        /* Center-align the image */
    }

    .header-right img {
        max-width: 100%;
        /* Make image responsive */
        transform: translate(0, 0);
        /* Reset image translation */
    }

}

@media screen and (max-width:768px) {
    .silver-line {
        width: auto !important;
    }

    .formsec {
        display: none !important;
    }

    .formsec1 {
        display: block !important;
    }

    .scroll {
        bottom: 2px;
    }

    .fixed-bottom {
        display: block;
    }

    .copyright {
        margin-bottom: 2.2rem;
    }
}

@media screen and (min-width:769px) {
    .formsec1 {
        display: none !important;
    }

    .fixed-bottom {
        display: none;
    }
}