@media (max-width: 1200px) {

    /*-----------------------------------------------  Faculty Team Start  ----------------------------------*/
    .faculty_team__card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 30px;
    }

    /*----------------------------------------------- Faculty Team End  ----------------------------------*/

    /*----------------------------------------------- Programme focus CSS Start ----------------------------------*/

    .focus-info {
        width: 100%;
    }

    .focus-content {
        flex-direction: column;
        position: relative;
    }

    /*----------------------------------------------- Programme focus CSS End ----------------------------------*/
}

@media (max-width: 992px) {

    /*----------------------------------------------- Hero CSS Start ----------------------------------*/

    .hero {
        flex-direction: column;
        padding: 40px 0px;
        padding-bottom: 80px;
        gap: 20px;
    }

    .hero-left .hero-title {
        font-size: 32px;
    }

    .hero-left .hero-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-left .hero-image {
        display: none;
    }

    .hero-right {
        width: 100%;
    }

    .hero-bg {
        height: 400px;
    }

    /*----------------------------------------------- Hero CSS End ----------------------------------*/

    .workspace-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px;
    }

    /*----------------------------------------------- Quote CSS Start ----------------------------------*/

    .quote-section {
        padding: 70px 40px;
    }

    .quote-wrapper {
        gap: 40px;
    }

    .quote-content i {
        top: -25%;
        font-size: 50px;
    }

    /*----------------------------------------------- Quote CSS End ----------------------------------*/

    /*----------------------------------------------- MPC CSS Start ----------------------------------*/

    .about-container {
        flex-direction: column;
        gap: 30px;
    }

    .about-right {
        max-width: 100%;
    }


    /*----------------------------------------------- MPC CSS End ----------------------------------*/


    /*----------------------------------------------- Programme Start ----------------------------------*/

    .pgm-hero {
        padding: 80px 15px 100px;
    }

    .pgm-hero__content p {
        font-size: 14px;
    }

    .pgm-hero__image {
        height: 220px;
        transform: rotate(6deg);
    }

    /*----------------------------------------------- Programme End ----------------------------------*/


    /*----------------------------------------------- Programme Schedule Start ----------------------------------*/

    .schedule-timeline {
        overflow-x: auto;
        gap: 40px;
        padding-bottom: 20px;
    }

    .schedule-line {
        width: 120%;
    }

    .schedule-item {
        min-width: 160px;
    }

    /*----------------------------------------------- Programme Schedule End ----------------------------------*/




    /*----------------------------------------------- Programme Experience Start ----------------------------------*/

    .pgm-stack-pro__grid {
        min-height: 100px;
    }

    /*----------------------------------------------- Programme Experience End ----------------------------------*/

    /*----------------------------------------------- programme experience Start ----------------------------------*/

    .pgm-stack-pro {
        min-height: auto;
        padding: 80px 0;
    }

    .pgm-stack-pro__grid {
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .pgm-stack-pro__left {
        position: relative;
        top: 0;
        margin-bottom: 0px;
    }

    .pgm-stack-pro__left .pgm-stack-pro__title {
        font-size: 36px;
    }

    .pgm-stack-pro__right {
        height: auto;
    }

    .pgm-stack-pro__card {
        position: relative;
        margin-bottom: 20px;
        transform: none !important;
        opacity: 1 !important;
    }

    .pgm-stack-pro__card h3 {
        font-size: 18px;
    }

    .pgm-stack-pro__card p {
        font-size: 14px;
    }

    /*----------------------------------------------- programme experience End ----------------------------------*/

    /*----------------------------------------------- Features Card Css Start ----------------------------------*/

    .ppx-features__inner {
        display: block;
    }

    .ppx-features__content {
        position: relative;
        top: 0;
        width: 100%;
    }

    .ppx-features__desc {
        margin-bottom: 20px;
    }

    .ppx-features__cards {
        width: 100%;
        margin-top: 20px;
    }

    .ppx-card--large,
    .ppx-card--wide {
        grid-column: unset;
    }

    /*----------------------------------------------- Features card Css End ----------------------------------*/

    /*----------------------------------------------- Programme focus CSS Start ----------------------------------*/

    .focus-dark-box {
        padding: 30px 20px;
    }

    .focus-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .focus-left {
        flex-direction: row;
        overflow-x: auto;
        gap: 10px;
        padding-bottom: 10px;
        scrollbar-width: none;
    }

    .focus-left::-webkit-scrollbar {
        display: none;
    }

    .focus-item {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 12px;
        padding: 10px 14px;
        border-radius: 20px;
    }

    .focus-item span {
        display: none;
    }

    .focus-content.active {
        display: flex;
    }

    .focus-image {
        width: 100%;
        height: 220px;
        border-radius: 16px;
    }

    .focus-info {
        padding: 10px 5px;
    }

    .focus-info h3 {
        font-size: 18px;
    }

    .focus-info li {
        font-size: 14px;
    }

    /*----------------------------------------------- programme focus css end ----------------------------------*/


    /*----------------------------------------------- Programme Structure css Start ----------------------------------*/

    .pgm-flow__item {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 80px;
    }

    .pgm-flow__item--reverse .pgm-flow__media,
    .pgm-flow__item--reverse .pgm-flow__content {
        order: initial;
    }

    .pgm-flow__content {
        text-align: center;
    }

    .pgm-flow__icon {
        margin: 0 auto 20px;
    }

    .pgm-flow__header h2 {
        font-size: 34px;
    }

    .pgm-flow__content h3 {
        font-size: 26px;
    }

    .pgm-flow__item::after {
        display: none;
    }

    /*----------------------------------------------- Programme Structure css End ----------------------------------*/

    /*----------------------------------------------- Faculty Team Start ----------------------------------*/

    .faculty_team__image {
        width: 200px;
    }

    .faculty_team__header h2 {
        font-size: 30px;
    }

    .faculty_team__content h3 {
        font-size: 24px;
    }

    /*----------------------------------------------- Faculty Team End ----------------------------------*/

    /*----------------------------------------------- Testimonial CSS start ----------------------------------*/

    .pgm-exp__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    /*----------------------------------------------- Testimonial CSS End ----------------------------------*/

}

@media (max-width: 767px) {

    /*----------------------------------------------- Hero CSS Start ----------------------------------*/

    .her-span {
        font-size: 14px;
        padding: 3px 15px 3px 15px;
        background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 22%, rgb(3 20 54) 100%);
    }

    .hero-actions .hero-left_cont {
        max-width: 100%;
    }

    .hero-right-bg {
        max-height: 480px;
    }

    /*----------------------------------------------- Hero CSS End ----------------------------------*/

    /*----------------------------------------------- Circle CSS Start ----------------------------------*/

    .workspace-box {
        width: 100%;
        padding: 10px;
        background: rgb(249 242 242);
        border-radius: 30px;
    }

    .workspace-features {
        gap: 20px;
    }

    .circle {
        gap: 5px;
    }

    .circle .icon {
        width: 60px;
        margin-bottom: 0px;
    }

    .circle_num {
        font-size: 15px;
    }

    .circle_cont {
        font-size: 10px;
    }

    /*----------------------------------------------- Circle CSS End ----------------------------------*/


    /*----------------------------------------------- Quote CSS Start ----------------------------------*/

    .quote-section {
        padding: 50px 20px;
    }

    .quote-wrapper {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .quote-content,
    .quote-image {
        width: 100%;
    }

    .quote-image {
        clip-path: none;
        border-radius: 20px;
    }

    .quote-icon {
        font-size: 130px;
        top: -40px;
        left: -5px;
    }

    .quote-text {
        font-size: 18px;
    }

    .quote-author-wrap {
        margin-top: 35px;
    }

    .quote-author {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .quote-line {
        width: 80px;
    }

    /*----------------------------------------------- Quote CSS End ----------------------------------*/


    /*----------------------------------------------- Programme Css Start ----------------------------------*/

    .pgm-hero {
        padding: 40px 15px 60px;
    }

    .pgm-hero__image {
        width: 100%;
        height: 300px;
    }

    .pgm-hero::before {
        height: 70%;
    }

    /*----------------------------------------------- Programme Css End ----------------------------------*/


    /*----------------------------------------------- Programme Schedule start ----------------------------------*/

    .schedule-section {
        background: #f7f7f7;
        padding: 40px 0;
    }

    .schedule-item p {
        font-size: 14px;
    }

    /*----------------------------------------------- Programme Schedule End ----------------------------------*/

    /*----------------------------------------------- programme focus css start ----------------------------------*/

    .pgm-stack-pro {
        padding: 40px 0;
    }

    /*----------------------------------------------- Programme Schedule End ----------------------------------*/



    /*----------------------------------------------- programme focus css start ----------------------------------*/

    .focus-header p {
        font-size: 13px;
    }

    .focus-dark-box {
        border-radius: 20px;
    }

    /*----------------------------------------------- programme focus css end ----------------------------------*/

    /*----------------------------------------------- Programme Structure CSS Start ----------------------------------*/

    .pgm-flow {
        padding: 80px 20px;
    }

    .pgm-flow__header h2 {
        font-size: 28px;
    }

    .pgm-flow__content h3 {
        font-size: 22px;
    }

    .pgm-flow__item {
        gap: 20px;
        margin-bottom: 40px;
    }

    .pgm-flow__content p {
        font-size: 15px;
    }

    /*----------------------------------------------- Programme Structure CSS End ----------------------------------*/

    /*----------------------------------------------- Faculty Team Start ----------------------------------*/

    .faculty_team {
        padding: 40px 0;
    }

    .faculty_team__content p {
        font-size: 15px;
    }

    .faculty_team__card{
        padding: 15px;
    }

    /*----------------------------------------------- Faculty Team End ----------------------------------*/


    /*----------------------------------------------- Testimonial Start ----------------------------------*/

    .pgm-exp {
        padding: 40px 0 0;
    }

    /*----------------------------------------------- Faculty Team End ----------------------------------*/

    /*----------------------------------------------- Programme Apply CSS Start ----------------------------------*/


    .programme-section {
        padding: 40px 0;
    }

    .programme-image {
        height: 200px;
    }

    .programme-title,
    .admission-title {
        font-size: 20px;
    }

    .programme-content,
    .admission-process,
    .programme-image-wrap {
        padding: 15px;
    }

    .programme-heading-wrap, .admission-header{
        margin-bottom: 12px;
    }

    .programme-list-item,
    .admission-step {
        font-size: 16px;
    }

    .programme-image-wrap::after {
        width: 7px;
    }

    .programme-icon,
    .admission-icon {
        margin-top: 0;
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    /*----------------------------------------------- Programme Apply CSS End ----------------------------------*/

}


/*=================================================== MPC Page ===================================================*/

@media (max-width: 991px) {

    .idea-grid,
    .ceremony-grid,
    .outcome-grid,
    .quote-wrapper {
        grid-template-columns: 1fr;
    }

    .idea-grid {
        margin-bottom: 0;
    }

    .idea-rev-dsk .idea-image {
        order: -1;
    }

    .idea-text .section-heading {
        max-width: 100%;
    }

    .outcome-grid {
        gap: 0px;
    }

    .hero h1 {
        font-size: 40px;
    }

    .stat-box {
        min-width: 170px;
    }
}

@media (max-width:767px) {
    .about-text {
        font-size: 16px;
    }
    .patriotic__title {
        font-size: 36px;
    }

    .patriotic__image {
        width: 100%;
        height: 200px;
    }

    .patriotic::before {
        height: 70%;
    }

    .patriotic__image-wrap {
        margin-top: -10px;
    }

    .highlight {
        font-size: 14px;
    }

    .idea {
        padding: 40px 0;
    }

    .idea-image::before {
        left: -8px;
    }

    .ceremony {
        padding: 40px 0;
        color: #fff;
    }

    .ceremony-text p {
        max-width: 100%;
    }

    .outcome-list {
        padding: 40px 10px;
    }
    
    .mpc-cta{
        padding: 50px 0;
    }
}

@media (max-width: 576px) {

    .stats {
        flex-direction: column;
        align-items: center;
    }
}