/* =========================== RESPONSIVE =======================================*/

@media (min-width: 2000px) {
    .form {
        right: calc((100% - 1500px) / 2);
    }

    .studentsPic {
        left: calc((100% - 0px) / 4);
    }
}

@media (max-width:1750px) {
    .form {
        max-width: 400px;
    }

    .studentsPic {
        right: 30%;
    }

    .heroContent {
        width: 1100px;
    }
}


@media (max-width:1650px) {


    .studentsPic {
        right: 30%;
    }

    .heroContent {
        width: 1100px;
    }

    .studentsPic img {
        height: 500px;
    }

    .studentsPic {
        bottom: 56px;
    }

    .heroTitle {
        font-size: 38px;
    }

    .heroDesc {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .heroSub {
        font-size: 26px;
    }

    .heroCourse {
        padding: 10px 30px 10px 0;
        font-size: 34px;
    }

    .heroCourse::before {
        width: 400px;
    }

    .heroContent {
        height: 550px;
        width: 1050px;
    }



}


@media (max-width:1550px) {
    .heroTitle {
        font-size: 36px;
    }

    /* .heroCourse {
        padding: 10px 30px 10px 0;
        font-size: 32px;
    } */
    .heroCourseText {
    font-size: 23px;
}

    .studentsPic img {
        height: 480px;
    }

    .studentsPic {
        right: 27%;
    }

    .pathwayCardWrap {
        gap: 40px;
    }

    .pathwayCardTitle {
        font-size: 35px;
    }

    .pathwayTitle {
        font-size: 40px;
    }

    .dualDegreeTitle {
        font-size: 40px;
    }

    .dualLogo {
        width: 260px;
        height: 260px;
    }

    .dualLogo img {
        height: 160px;
    }

    .dualCard {
        margin-left: -70px;
        padding: 18px 18px 18px 90px;
    }



    .innovationSection {
        padding: 25px 0;
    }

    .innovationWrap {
        grid-template-columns: 1fr 380px 1fr;
        gap: 10px;
    }

    .innovationTitle {
        font-size: 40px;
    }

    .cardContent h4 {
        font-size: 18px;
    }

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

    .innovationSection::before {
        top: -200px;
        width: 840px;
        height: 416px;
    }

    .advantageContainer {
        padding: 45px 40px;
    }

    .advantageTitle {
        font-size: 38px;
    }

    .advantageList li {
        font-size: 22px;
    }

    .careerMainTitle {
        font-size: 40px;
    }

    .careerPathImg {
        width: 340px;
        height: 280px;
    }

    .careerPathContent h4 {
        font-size: 26px;
    }

    .careerPathContent li {
        font-size: 22px;
    }









    /* Admission */
    .admissionTitle {
        font-size: 40px;
    }

    .admissionDesc {
        font-size: 16px;
    }

    .stepNo {
        font-size: 32px;
    }

    .stepCard h4 {
        font-size: 20px;
    }

    /* Dates */
    .datesTitle {
        font-size: 40px;
    }

    .dateLabel {
        width: 310px;
        padding: 18px 22px;
        font-size: 15px;
    }

    .dateValue {
        font-size: 16px;
    }

    /* Eligibility */
    .eligibilitySection {
        padding: 40px 0 120px 0;
    }

    .eligibilityTitle {
        font-size: 40px;
    }

    .eligibilityRight p {
        font-size: 20px;
    }

    /* CTA */
    .ctaTitle {
        font-size: 40px;
    }

    .ctaBox {
        padding: 60px 35px;
    }

    .advancedLabContainer {
        max-width: 1350px;
    }

    .advancedLabTitle {
        font-size: 40px;
    }
}

@media (max-width:1450px) {
    .heroContent {
        height: 500px;
        width: 950px;
        padding: 45px;
    }

    .studentsPic {
        bottom: 82px;
    }

    .heroInner {
        width: 420px;
    }

    .heroTitle {
        font-size: 30px;
    }

    .heroCourse::before {
        left: -45px;
    }

    .studentsPic img {
        height: 450px;
    }

    .form {
        width: 350px;
    }

    .enquiryCard {
        right: 3%;
    }

    .pathwayTitle {
        font-size: 36px;
    }

    .pathwayCard {
        padding: 25px;
    }

    .pathwayDesc {
        font-size: 18px;
    }

    .pathwayCardTitle {
        font-size: 32px;
    }

    .dualLogo {
        width: 240px;
        height: 240px;
    }

    .dualLogo img {
        height: 150px;
    }

    .dualCard {
        margin-left: -60px;
        padding: 16px 16px 16px 80px;
    }

    .advantageWrap {
        gap: 30px;
    }

    .advantageTitle {
        font-size: 34px;
    }

    .advantageList li {
        font-size: 20px;
    }

    .careerPathWrap {
        gap: 25px;
    }

    .careerPathImg {
        width: 300px;
        height: 260px;
    }

    .careerPathContent h4 {
        font-size: 24px;
    }

    .careerPathContent li {
        font-size: 20px;
    }

    .advancedLabTitle {
        font-size: 40px;
    }

    .advancedLabList li span:last-child {
        font-size: 18px;
    }




}



@media (max-width:1350px) {
    .studentsPic {
        right: 24%;
    }

    .pathwayCard {
        padding: 25px 30px;
    }

    .pathwayItem h4 {
        font-size: 20px;
    }

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

    .pathwayCardTitle {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .dualDegreeTitle {
        font-size: 38px;
    }

    .dualLogo {
        width: 220px;
        height: 220px;
    }

    .dualLogo img {
        height: 140px;
    }

    .dualCard {
        margin-left: -50px;
        padding: 15px 15px 15px 70px;
    }

    .dualCard h4 {
        font-size: 20px;
    }

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

    .advantageContainer {
        padding: 40px 35px;
    }

    .advantageTitle {
        font-size: 30px;
    }

    .advantageList ul {
        gap: 12px 30px;
    }

    .advantageList li {
        font-size: 18px;
    }



    .innovationTitle {
        font-size: 35px;
    }

    .innovationHeader {
        max-width: 920px;
    }

    .innovationSub {
        font-size: 17px;
    }

    .innovationWrap {
        grid-template-columns: 1fr 340px 1fr;
        gap: 20px;
    }

    .innovationCol {
        gap: 40px;
    }

    .innovationCard {
        max-width: 420px;
    }

    .middleInnovLeft {
        margin-right: 20px;
    }

    .middleInnovRight {
        margin-left: 20px;
    }

    .innovationSection::before {
        top: -160px;
        width: 730px;
        height: 380px;
    }

    .careerMainTitle {
        font-size: 35px;
    }

    .careerPathCard {
        padding: 25px;
    }

    .careerPathImg {
        width: 260px;
        height: 230px;
    }

    .careerPathContent h4 {
        font-size: 22px;
    }

    .careerPathContent li {
        font-size: 18px;
    }







    .admissionTitle {
        font-size: 38px;
    }

    .stepCard {
        padding: 25px;
    }

    .datesContainer {
        padding: 30px;
    }


    .datesTitle {
        font-size: 38px;
    }

    .datesWrap {
        gap: 30px;
    }

    .dateRow {
        gap: 30px;
    }

    .dateLabel {
        width: 300px;
        font-size: 15px;
    }

    .dateValue {
        font-size: 15px;
    }

    .eligibilityWrap {
        gap: 40px;
    }

    .eligibilityLeft {
        flex: 0 0 28%;
    }

    .eligibilityRight {
        flex: 0 0 68%;
    }

    .eligibilityTitle {
        font-size: 38px;
    }

    .eligibilityRight p {
        font-size: 18px;
    }

    .ctaTitle {
        font-size: 38px;
    }

    .ctaBox {
        padding: 55px 30px;
        border-radius: 70px;
    }
}


@media (max-width:1250px) {

    .heroContent {
        height: 480px;
        width: 850px;
        padding: 40px;
    }

    .studentsPic {
        bottom: 92px;
    }

    .studentsPic img {
        height: 400px;
    }

    .studentsPic {
        right: 20%;
    }

    .heroCourse::before {
        left: -38px;
    }

    .heroCourse {
        padding: 10px 10px 10px 0;
        font-size: 28px;
    }

    .heroCourse::before {
        width: 325px;
    }

    .heroDesc {
        margin-bottom: 20px;
    }


    .enquiryCard {
        width: 330px;
        /* top: 50px; */
    }

    .advancedLabTitle {
        font-size: 35px;
    }

    .advancedLabContainer {
        max-width: 1200px;
    }

    .advancedInstrumentation h4 {
        font-size: 28px;
    }

    .advancedInstrumentation li {
        font-size: 18px;
    }
}



@media (max-width:1200px) {

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

    .pathwayContent,
    .pathwayCard {
        width: 100%;
    }

    .pathwayTitle {
        font-size: 36px;
    }

    .pathwayDesc {
        font-size: 17px;
    }

    .pathwayCardTitle {
        font-size: 28px;
    }

    .innovationWrap {
        grid-template-columns: 1fr 280px 1fr;
    }

    .innovationTitle {
        font-size: 30px;
    }

    .innovationSub {
        font-size: 16px;
    }

    .cardIcon {
        width: 20px;
        height: 20px;
    }

    .innovationCard {
        padding: 10px 18px;
        gap: 10px;
    }

    .cardContent h4 {
        font-size: 15px;
    }

    .cardContent p {
        font-size: 14px;
    }

    .innovationSection::before {
        top: -160px;
        width: 730px;
        height: 380px;
    }

    .dualDegreeTitle {
        font-size: 30px;
    }

    .dualDegreeWrap {
        flex-direction: row;
    }

    .dualLogo {
        width: 200px;
        height: 200px;
    }

    .dualLogo img {
        height: 130px;
    }

    .dualCard {
        margin-left: -40px;
        padding: 14px 14px 14px 60px;
    }

    .dualCard h4 {
        font-size: 18px;
    }

    .dualCard p {
        font-size: 14px;
    }


    .advantageWrap {
        gap: 25px;
    }

    .advantageTitleWrap {
        flex: 0 0 35%;
    }

    .advantageList {
        flex: 0 0 65%;
    }

    .advantageTitle {
        font-size: 28px;
    }

    .advantageList li {
        font-size: 17px;
    }


    .careerPathCard {
        gap: 15px;
    }

    .careerPathImg {
        width: 240px;
        height: 210px;
    }

    .careerPathContent {
        width: 60%;
    }

    .careerPathContent h4 {
        font-size: 20px;
    }

    .careerPathContent li {
        font-size: 17px;
    }






    /* Admission */
    .admissionContainer {
        padding: 25px;
    }

    .admissionTitle {
        font-size: 30px;
    }

    .admissionLeft {
        padding: 0;
    }

    .admissionDesc {
        font-size: 16px;
    }

    .stepCard {
        padding: 20px;
    }

    .stepNo {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .stepCard h4 {
        font-size: 18px;
    }

    /* Dates */
    .datesTitle {
        font-size: 30px;
    }

    .datesContainer {
        padding: 25px 30px;
    }

    .dateLabel {
        width: 260px;
        padding: 15px 20px;
        font-size: 14px;
        min-width: 260px;
    }

    .dateValue {
        font-size: 14px;
    }

    .dateRow {
        gap: 30px;
    }

    /* Eligibility */
    .eligibilitySection {
        padding: 40px 0 120px;
    }

    .eligibilityWrap {
        gap: 30px;
    }

    .eligibilityTitle {
        font-size: 30px;
    }

    .eligibilityRight p {
        font-size: 18px;
    }

    .eligibilityIcon {
        width: 55px;
        height: 55px;
    }

    .eligibilityIcon img {
        width: 24px;
    }
      .eligibilityTabs {
    gap: 10px;
  }

  .eligibilityTab {
    font-size: 13px;
    padding: 10px 18px;
  }
    

    /* CTA */
    .ctaContainer {
        width: 92%;
    }

    .ctaTitle {
        font-size: 30px;
    }

    .ctaBox {
        padding: 50px 25px;
        border-radius: 60px;
    }

    .footerBar {
        font-size: 16px;
    }

    .advancedLabDesc {
        font-size: 16px;
    }

    .advancedLabList li span:last-child {
        font-size: 17px;
    }
}

@media (max-width:1024px) {
    .container {
        width: 90%;
    }

    .heroSection {
        height: 650px;
    }

    .studentsPic {
        bottom: 2px;
        right: 10%;
    }
      .heroCourseText {
    font-size: 24px;
  }

  .heroCourseList li {
    font-size: 16px;
  }



    .studentsPic img {
        height: 500px;
    }

    .heroContent {
        height: 510px;
        width: 860px;
        padding: 35px;
    }

    .heroInner {
        width: 340px;
    }

    .heroTitle {
        font-size: 25px;
    }

    .heroDesc {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .heroCourse {
        padding: 10px 10px 10px 0;
        font-size: 24px;
    }

    .heroCourse::before {
        width: 290px;
        left: -34px;
    }


    .enquiryCard {
        position: static;
        width: min(520px, 92%);
        margin: 16px auto 30px;
    }

    .pathwaySection {
        padding: 20px 0;
    }

    .pathwayTitle {
        font-size: 30px;
    }

    .pathwayDesc {
        font-size: 16px;
    }

    .pathwayCard {
        padding: 25px;
    }

    .pathwayCardWrap {
        gap: 25px;
    }



    .innovationTitle {
        font-size: 28px;
    }

    .innovationSection::before {
        display: none;
    }

    .dualDegreeContainer {
        width: 90%;

    }

    .dualDegreeSection {
        padding: 25px 0;
    }

    .dualDegreeTitle {
        font-size: 28px;
    }

    .dualLogo {
        width: 180px;
        height: 180px;
    }

    .dualLogo img {
        height: 120px;
    }

    .dualCard {
        margin-left: -30px;
        padding: 14px 14px 14px 50px;
    }


    .advantageContainer {
        width: 90%;
    }

    .advantageSection {
        padding: 25px 0;
    }

    .advantageWrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .advantageTitleWrap,
    .advantageList {
        width: 100%;
    }

    .advantageTitle {
        font-size: 28px;
        text-align: left;
    }

    .advantageList ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 25px;
    }

    .advantageList li {
        font-size: 20px;
    }

    .careerPathSection {
        padding: 25px 0;
    }


    .careerMainTitle {
        font-size: 28px;
    }

    .careerSubText {
        font-size: 16px;
    }

    .careerPathWrap {
        gap: 20px;
    }

    .careerPathImg {
        width: 220px;
        height: 190px;
    }

    .careerPathContent h4 {
        font-size: 18px;
    }

    .careerPathContent li {
        font-size: 16px;
    }

    .advancedLabSection {
        padding: 25px 0;
    }

    .advancedLabContainer {
        max-width: 90%;
    }


    .advancedLabHeader {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .advancedLabTitle,
    .advancedLabDesc {
        flex: unset;
        width: 100%;
    }

    .advancedLabWrap {
        gap: 30px;
    }

    .advancedLabRight img {
        height: 280px;
        object-fit: cover;
    }







    /* Admission */
    .admissionSection {
        padding: 25px 0;
    }

    .admissionContainer {
        width: 90%;
    }

    .admissionWrap {
        flex-direction: column;
    }

    .admissionLeft,
    .admissionRight {
        width: 100%;
    }

    .admissionLeft {
        margin-bottom: 30px;
        padding: 0;
    }

    .admissionDesc {
        max-width: 100%;
    }

    .admissionAction {
        margin-top: 20px;
    }

    .stepNo {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .stepCard h4 {
        font-size: 20px;
    }

    /* Dates */
    .datesSection {
        padding: 25px 0;
    }

    .datesWrap {
        gap: 20px;
    }

    .dateLabel {
        width: 230px;
        padding: 15px;
        min-width: 220px;
    }

    /* Eligibility */
    .eligibilitySection {
        padding: 40px 0 90px;
    }

    .eligibilityContainer {
        width: 90%;
    }

    .eligibilityWrap {
        flex-direction: column;
        gap: 25px;
    }

    .eligibilityLeft,
    .eligibilityRight {
        width: 100%;
        flex: 100%;
    }

    .eligibilityLeft {
        align-items: center;
    }
      .eligibilityTabs {
    justify-content: flex-start;
  }

    /* CTA */
    .ctaTop {
        padding: 40px 0;
    }

    .ctaTitle {
        font-size: 30px;
    }

    .ctaBox {
        padding: 45px 25px;
        border-radius: 50px;
    }
}


@media (max-width:980px) {

    .heroContent {
        width: 700px;
        padding: 35px;
    }

    .studentsPic {
        bottom: 2px;
        right: 0%;
    }

    .studentsPic img {
        height: 400px;
    }

    .pathwayCardTitle {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .pathwayItem h4 {
        font-size: 18px;
    }

    .pathwayItem p {
        font-size: 14px;
    }


    .dualDegreeWrap {
        flex-direction: column;
        gap: 35px;
    }

    .dualCard h4 {
        font-size: 20px;
    }

    .dualCard p {
        font-size: 18px;
    }

    .dualDegreeItem {
        width: 100%;
    }

    .dualLogo {
        width: 200px;
        height: 200px;
    }

    .dualLogo img {
        height: 110px;
    }

    .dualCard {
        padding: 16px 16px 16px 50px;
    }

    .advantageTitle {
        font-size: 26px;
    }



    .innovationWrap {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .cardContent h4 {
        font-size: 18px;
    }

    .cardContent p {
        font-size: 16px;
    }

    .innovationLeft {
        order: 1;
    }

    .innovationCenter {
        order: 2;
        max-width: 300px;
        margin: 0 auto;
    }

    .innovationRight {
        order: 3;
    }

    .innovationCol {
        align-items: center !important;
        gap: 20px;
    }

    .innovationCard {
        max-width: 460px;
        align-items: center;
        gap: 15px;
    }

    .cardIcon {
        width: 25px;
        height: 25px;
    }

    .middleInnovLeft,
    .middleInnovRight {
        margin: 0;
    }

    .innovationSection::before {
        top: -180px;
        width: 605px;
        height: 320px;
    }

    .careerPathWrap {
        flex-direction: column;
        gap: 25px;
    }

    .careerPathCard {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .careerPathImg {
        width: 280px;
        height: 200px;
        flex-shrink: 0;
    }

    .careerPathContent {
        width: 100%;
    }

    .careerPathContent h4 {
        font-size: 18px;
    }

    .careerPathContent li {
        font-size: 15px;
    }

    .advancedLabWrap {
        flex-direction: column;
    }

    .advancedLabRight {
        order: 1;
    }

    .advancedLabLeft {
        order: 2;
    }

    .advancedLabRight img {
        height: 100%;
    }








    /* Admission */
    .admissionRight {
        gap: 15px;
    }

    .stepCard {
        padding: 20px;
    }

    .stepNo {
        font-size: 26px;
    }

    /* Dates */
    .datesWrap {
        flex-direction: column;
        gap: 25px;
    }

    .dateLabel {
        width: 350px;
        padding: 20px;
        font-size: 16px;
        min-width: 350px;
    }

    .dateRow {
        gap: 30px;
    }

    .datesCol {
        width: 100%;
    }

    .datesContainer::before {
        display: none;
    }

    /* Eligibility */
    .eligibilityTitle {
        font-size: 30px;
    }

    .eligibilityRight p {
        font-size: 17px;
    }

    /* CTA */
    .ctaTitle {
        font-size: 28px;
    }

    .ctaBox {
        padding: 40px 20px;
    }
}

@media (max-width:768px) {


    .heroSection {
        background-position: center;
    }

    .enquiryTitle {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .headerLogo {
        height: 26px;
    }

    .heroContent {
        background: url(../images/hero-left-mbl.webp) no-repeat;
        width: 100%;
        padding: 20px;
        height: 535px;
    }

    .heroInner {
        width: 310px;
    }
       .studentsPic {
        bottom: -6px;
        right: -13%;
    }

    .heroSub {
        font-size: 20px;
    }

    .heroCourse::before {
        width: 276px;
        left: -20px;
    }

    .heroActions {
        display: none;
    }

    .headerCtaText {
        font-size: 16px;
        padding: 10px 15px;
    }

    .headerCtaIcon {
        width: 40px;
        height: 40px;

    }
      .heroCourseText {
    font-size: 20px;
  }

  .heroCourseIcon {
    width: 36px;
    height: 36px;
  }

  .heroCourseIcon img {
    width: 18px;
    height: 18px;
  }

  .heroCourseList li {
    font-size: 14px;
  }

    .studentsPic img {
        height: 330px;
    }

    .dualDegreeTitle {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .dualCard {
        margin-left: -40px;
    }

    .dualDegreeWrap {
        flex-direction: column;
        gap: 20px;
    }

    .dualLogo {
        width: 160px;
        height: 160px;
    }

    .dualLogo img {
        height: 100px;
    }

    .dualCard h4 {
        font-size: 16px;
    }

    .dualCard p {
        font-size: 14px;
    }

    .advantageContainer {
        padding: 30px 50px;
        border-radius: 18px;
    }

    .advantageTitle {
        font-size: 24px;
        text-align: center;
        margin-bottom: 15px;
        text-align: left;
    }

    .advantageList ul {
        grid-template-columns: 1fr;
        gap: 12px;
    }


    .careerPathCard {
        flex-direction: column;
        align-items: flex-start;
    }

    .careerPathImg {
        width: 100%;
        height: 250px;
        border-radius: 18px;
    }

    .careerPathContent {
        width: 100%;
        margin-top: 10px;
    }

    .careerPathContent h4 {
        font-size: 25px;
    }

    .careerPathContent li {
        font-size: 18px;
    }

    .careerMainTitle {
        font-size: 24px;
    }




    .innovationWrap {
        gap: 10px;
    }

    .innovationTitle {
        font-size: 24px;
    }

    .innovationSub {
        font-size: 15px;
    }

    .pathwayTitle {
        font-size: 28px;
    }

    .pathwayDesc {
        font-size: 14px;
    }

    .pathwayCard {
        padding: 20px;
        border-radius: 18px;
    }

    .pathwayCardWrap {
        flex-direction: column;
        gap: 20px;
    }

    .pathwayCardWrap::before {
        display: none;
    }

    .pathwayItem:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        padding-bottom: 15px;
    }





    .advancedLabTitle {
        font-size: 26px;
        line-height: 1.3;
    }

    .advancedLabDesc {
        font-size: 14px;
        line-height: 1.4;
    }

    .advancedLabRight img {
        border-radius: 18px;
    }

    .advancedLabList {
        margin-top: 15px;
    }

    .advancedLabList li {
        gap: 10px;
        margin-bottom: 14px;
    }

    .advancedLabList li span:last-child {
        font-size: 14px;
        line-height: 1.4;
    }

    .labIcon {
        width: 18px;
        height: 18px;
    }

    .advancedInstrumentation {
        margin-top: 20px;
    }

    .advancedInstrumentation h4 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .advancedInstrumentation li {
        font-size: 14px;
    }





    /* Admission */
    .admissionContainer {
        padding: 25px;
        border-radius: 25px;
    }

    .admissionTitle {
        font-size: 26px;
    }

    .admissionDesc {
        font-size: 14px;
    }

    .stepCard {
        padding: 18px;
        border-radius: 15px;
    }

    .stepNo {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .stepCard h4 {
        font-size: 16px;
    }

    .stepCard p {
        font-size: 13px;
    }

    /* Dates */
    .datesTitle {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .datesContainer {
        padding: 25px 20px;
        border-radius: 20px;
        width: 92%;
    }

    .dateRow {
        gap: 40px;
        /* justify-content: space-between; */

    }

    .dateLabel {
        width: 240px;
        min-width: 240px;
        font-size: 14px;
        padding: 12px 15px;
        border-radius: 20px;
    }

    .dateValue {
        font-size: 14px;
        text-align: right;
        white-space: nowrap;
    }

    /* Eligibility */
    .eligibilitySection {
        padding: 30px 0 50px;
    }

    .eligibilityTitle {
        font-size: 26px;
    }

    .eligibilityRight p {
        font-size: 16px;
        line-height: 1.5;
    }

    .eligibilityLeft {
        gap: 15px;
    }

    .eligibilityIcon {
        width: 50px;
        height: 50px;
    }
    .eligibilityTabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .eligibilityTabs::-webkit-scrollbar {
    display: none;
  }

  .eligibilityTab {
    flex: 0 0 auto;
    font-size: 13px;
    padding: 10px 16px;
  }
}

@media (max-width:450px) {

  .eligibilityTab {
    font-size: 12px;
    padding: 9px 14px;
  }

    /* CTA */
    .ctaTop {
        padding: 30px 0;
    }

    .ctaContainer {
        width: 90%;
    }

    .ctaTitle {
        font-size: 24px;
        line-height: 1.4;
    }

    .ctaBox {
        padding: 35px 20px;
        border-radius: 30px;
    }

    .ctaAction {
        margin-top: 10px;
    }

    .footerBar {
        font-size: 14px;
        padding: 15px 0;
    }
}

@media (max-width:580px) {
    .studentsPic img {
        height: 280px;
    }

    .heroContent {
        background-size: 400px;
    }

    .btnText {
        font-size: 16px;
        padding: 12px 20px;
    }

    .btnIcon {
        width: 45px;
        height: 45px;
    }


    .pathwayTitle {
        font-size: 24px;
    }


    .pathwayCardTitle {
        font-size: 20px;
    }

    .pathwayItem h4 {
        font-size: 16px;
    }

    .pathwayItem p {
        font-size: 14px;
    }

    .dualDegreeTitle {
        font-size: 24px;
    }

    .dualCard p {
        font-size: 14px;
    }


    .advantageList li {
        font-size: 18px;
    }

    .advantageWrap {
        gap: 0;
    }

    .careerPathImg {
        height: 150px;
    }

    .careerPathContent h4 {
        font-size: 20px;
    }

    .careerPathContent li {
        font-size: 16px;
    }

    .careerPathCard {
        padding: 15px;
    }

    .careerPathCard {

        gap: 0;
    }

    .careerMainTitle {
        font-size: 22px;
    }

    .advancedLabList li span:last-child {
        font-size: 13px;
    }






    /* Admission */
    .stepCard {
        padding: 15px;
    }

    .stepCard h4 {
        font-size: 15px;
    }

    .stepCard p {
        font-size: 12px;
    }

    /* Dates */
    .dateRow {
        gap: 30px;
    }

    .dateLabel {
        width: 200px;
        min-width: 200px;
        font-size: 13px;
        padding: 10px 12px;
    }

    .dateValue {
        font-size: 13px;
        text-wrap: auto;
        text-align: left;
    }

    /* Eligibility */
    .eligibilityTitle {
        font-size: 22px;
    }

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

    /* CTA */
    .ctaTitle {
        font-size: 20px;
    }

    .ctaBox {
        padding: 30px 15px;
    }
}


@media (max-width:480px) {

    .heroCourse {
        font-size: 22px;
    }

    .heroCourse::before {
        width: 241px;
    }




    .innovationTitle {
        font-size: 22px;
    }

    .cardContent h4 {
        font-size: 15px;
    }

    .cardContent p {
        font-size: 14px;
    }

    .innovationCenter {
        max-width: 220px;
    }
}



@media (max-width:450px) {

  .heroCourseText {
    font-size: 18px;
  }

  .heroCourseList li {
    font-size: 13px;
  }
    .pathwayTitle {
        font-size: 22px;
    }



    .pathwayItem h4 {
        font-size: 15px;
    }


    .dualDegreeTitle {
        font-size: 22px;
    }

    .dualLogo img {
        height: 90px;
    }

    .dualCard h4 {
        font-size: 15px;
    }

    .dualCard p {
        font-size: 12px;
    }

    .advantageContainer {
        padding: 25px 30px;
    }

    .advantageTitle {
        font-size: 20px;
    }

    .advantageList li {
        font-size: 13.5px;
    }



    /* Dates */
    .datesTitle {
        font-size: 22px;
    }


    .dateLabel {
        width: 150px;
        min-width: 150px;
    }

    .datesNote {
        font-size: 14px;
    }

    .dateValue {
        font-size: 12px;
    }

    /* Eligibility */
    .eligibilitySection {
        padding: 25px 0 60px;
    }

    .eligibilityTitle {
        font-size: 20px;
    }

    .eligibilityRight p {
        font-size: 14px;
    }

    .eligibilityIcon {
        width: 45px;
        height: 45px;
    }

    .eligibilityIcon img {
        width: 20px;
    }

    /* CTA */
    .ctaTitle {
        font-size: 20px;
    }

    .ctaBox {
        border-radius: 20px;
    }

    .footerBar {
        font-size: 12px;
        padding: 12px 0;
    }

    .careerPathImg {
        height: 140px;
    }

    .careerPathContent h4 {
        font-size: 20px;
    }

    .careerPathContent li {
        font-size: 14px;
    }

    .advancedLabTitle {
        font-size: 22px;
    }

    .advancedLabDesc {
        font-size: 14px;
    }


    .advancedLabList li {
        gap: 8px;
    }

    .advancedLabList li span:last-child {
        font-size: 13px;
    }

    .advancedInstrumentation li {
        font-size: 13px;
    }

    .labIcon {
        width: 16px;
        height: 16px;
    }
}


@media (max-width:420px) {
    .headerLogo {
        height: 20px;
    }

    .headerCtaText {
        font-size: 12px;
        padding: 8px
    }

    .headerCtaIcon {
        width: 35px;
        height: 35px;
    }

    .heroContent {
        background-size: 330px;
    }

    .heroTitle {
        font-size: 20px;
    }

    .heroInner {
        width: 250px;
    }

    .heroDesc {
        font-size: 14px;
    }

    .heroSub {
        font-size: 18px;
    }

    .heroCourse {
        font-size: 18px;
    }

    .studentsPic img {
        height: 220px;
    }


    /* Admission */
    .admissionRight {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .stepCard p {
        font-size: 14px;
    }

    .dualLogo {
        width: 140px;
        height: 140px;
    }

    .dualCard {
        margin-left: -70px;
        padding: 10px 10px 10px 80px;

    }
}