/* =====================================================
   TABLET - 1100px
===================================================== */

@media (max-width: 1100px) {

    .bwc-history-layout {
        grid-template-columns:
            minmax(0, 0.85fr)
            minmax(0, 1.15fr);

        gap: 30px;
    }

    .bwc-history-photo {
        height: 510px;
    }

    .bwc-history-established {
        right: -5px;
        width: 110px;
        height: 110px;
    }

    .bwc-history-info-card {
        padding: 15px;
        gap: 12px;
    }

    .bwc-history-card-content h4 {
        font-size: 21px;
    }

}


/* =====================================================
   TABLET - 991px
===================================================== */

@media (max-width: 991px) {

    .bwc-history-section {
        padding: 55px 20px 60px;
    }

    .bwc-history-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 42px;

        max-width: 760px;
        margin: 0 auto;
    }

    .bwc-history-visual {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .bwc-history-photo {
        height: 520px;
    }

    .bwc-history-established {
        right: -10px;
    }

    .bwc-history-details {
        width: 100%;
    }

    .bwc-history-intro-content h3 {
        font-size: 29px;
    }

    .bwc-history-card-content h4 {
        font-size: 23px;
    }

}


/* =====================================================
   MOBILE - 767px
===================================================== */

@media (max-width: 767px) {

    .bwc-history-section {
        padding: 45px 15px 50px;
    }

    .bwc-history-header {
        margin-bottom: 32px;
    }

    .bwc-history-eyebrow {
        gap: 8px;
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .bwc-history-eyebrow span {
        width: 25px;
    }

    .bwc-history-header h2 {
        font-size: 36px;
        line-height: 1.12;
    }

    .bwc-history-header p {
        max-width: 520px;
        margin-top: 10px;

        font-size: 15px;
        line-height: 1.7;
    }

    .bwc-history-layout {
        gap: 35px;
    }


    /* IMAGE */

    .bwc-history-visual {
        padding: 8px 8px 22px 0;
    }

    .bwc-history-photo {
        height: 450px;

        border-radius: 0 42px 0 42px;

        box-shadow:
            8px 8px 0 var(--bwc-gold),
            0 14px 30px rgba(0, 0, 0, 0.13);
    }

    .bwc-history-photo img {
        object-position: center;
    }

    .bwc-history-established {
        top: 22px;
        right: -5px;

        width: 100px;
        height: 100px;

        border-width: 5px;
    }

    .bwc-history-established strong {
        font-size: 27px;
    }

    .bwc-history-established span {
        font-size: 8px;
    }

    .bwc-history-established small {
        font-size: 7px;
    }

    .bwc-history-photo-text {
        left: 20px;
        right: 15px;
        bottom: 25px;

        padding-left: 12px;
    }

    .bwc-history-photo-text h3 {
        font-size: 25px;
    }

    .bwc-history-photo-text p {
        font-size: 12px;
    }

    .bwc-history-image-label {
        left: -3px;
    padding:5px;
    }

    .bwc-history-image-label strong {
        font-size: 13px;
    }


    /* INTRO */

    .bwc-history-intro {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 13px;

        padding-bottom: 18px;
    }

    .bwc-history-index {
        width: 38px;
        height: 38px;
        font-size: 16px;

        box-shadow: 4px 4px 0 var(--bwc-gold);
    }

    .bwc-history-section-label {
        font-size: 10px;
    }

    .bwc-history-intro-content h3 {
        font-size: 25px;
    }

    .bwc-history-intro-content p {
        font-size: 15px;
        line-height: 1.75;
    }


    /* INFO CARDS */

    .bwc-history-info-card {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;

        margin-top: 16px;
        padding: 15px;
    }

    .bwc-history-card-icon {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }

    .bwc-history-card-content h4 {
        font-size: 21px;
    }

    .bwc-history-card-content p {
        font-size: 15px;
        line-height: 1.7;
    }


    /* RECOGNITION */

    .bwc-history-recognition {
        margin-top: 18px;
        padding: 16px;
    }

    .bwc-history-recognition-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .bwc-history-recognition-item {
        padding: 12px 8px;
    }

    .bwc-history-recognition-item strong {
        font-size: 18px;
    }

    .bwc-history-recognition-item span {
        font-size: 13px;
    }


    /* MOTTO */

    .bwc-history-motto {
        gap: 12px;
        padding: 14px;
    }

    .bwc-history-motto-icon {
        width: 38px;
        height: 38px;
    }

    .bwc-history-motto-content h4 {
        font-size: 20px;
    }

}


/* =====================================================
   SMALL MOBILE - 480px
===================================================== */

@media (max-width: 480px) {

    .bwc-history-section {
        padding: 38px 12px 42px;
    }

    .bwc-history-header {
        margin-bottom: 27px;
    }

    .bwc-history-header h2 {
        font-size: 31px;
    }

    .bwc-history-header h2 strong {
        padding: 0 2px;
    }

    .bwc-history-header p {
        font-size: 15px;
        line-height: 1.65;
    }

    .bwc-history-layout {
        gap: 30px;
    }


    /* IMAGE */

    .bwc-history-visual {
        padding: 6px 6px 19px 0;
    }

    .bwc-history-photo {
        height: 390px;
        border-radius: 0 32px 0 32px;
    }

    .bwc-history-photo img {
        object-position: center;
    }

    .bwc-history-established {
        top: 16px;
        right: -4px;

        width: 85px;
        height: 85px;

        border-width: 4px;
    }

    .bwc-history-established strong {
        font-size: 23px;
    }

    .bwc-history-established span {
        font-size: 7px;
        letter-spacing: 0.5px;
    }

    .bwc-history-established small {
        font-size: 6px;
        letter-spacing: 0.5px;
    }

    .bwc-history-photo-text {
        left: 15px;
        right: 12px;
        bottom: 20px;

        padding-left: 10px;
        border-left-width: 3px;
    }

    .bwc-history-photo-text > span {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .bwc-history-photo-text h3 {
        font-size: 21px;
    }

    .bwc-history-photo-line {
        margin: 9px 0 6px;
    }

    .bwc-history-photo-text p {
        font-size: 11px;
    }

    .bwc-history-image-label {
        gap: 8px;
        padding: 9px 11px;
    }

    .bwc-history-label-icon {
        width: 30px;
        height: 30px;
        font-size: 17px;
    }

    .bwc-history-image-label strong {
        font-size: 12px;
    }

    .bwc-history-image-label small {
        font-size: 10px;
    }


    /* INTRO */

    .bwc-history-intro {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bwc-history-index {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .bwc-history-intro-content h3 {
        font-size: 24px;
    }

    .bwc-history-intro-content p {
        font-size: 15px;
        line-height: 1.75;
    }


    /* INFO CARDS */

    .bwc-history-info-card {
        grid-template-columns: 1fr;
        gap: 10px;

        padding: 15px;
    }

    .bwc-history-card-icon {
        width: 40px;
        height: 40px;
    }

    .bwc-history-card-content h4 {
        font-size: 21px;
    }

    .bwc-history-card-content p {
        font-size: 15px;
        line-height: 1.7;
    }


    /* RECOGNITION */

    .bwc-history-recognition {
        padding: 14px 12px;
    }

    .bwc-history-recognition-title {
        gap: 8px;
    }

    .bwc-history-recognition-title span {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .bwc-history-recognition-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .bwc-history-recognition-item {
        display: grid;
        grid-template-columns: 85px minmax(0, 1fr);
        align-items: center;
        gap: 8px;

        padding: 11px 12px;
    }

    .bwc-history-recognition-item strong {
        margin: 0;
        font-size: 19px;
    }

    .bwc-history-recognition-item span {
        font-size: 13px;
    }


    /* MOTTO */

    .bwc-history-motto {
        gap: 10px;
        padding: 12px;
    }

    .bwc-history-motto-icon {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .bwc-history-motto-content > span {
        font-size: 9px;
    }

    .bwc-history-motto-content h4 {
        font-size: 18px;
        line-height: 1.4;
    }

    .bwc-history-motto-content h4 b {
        margin: 0 2px;
    }

}


/* =====================================================
   EXTRA SMALL MOBILE - 350px
===================================================== */

@media (max-width: 350px) {

    .bwc-history-section {
        padding: 32px 10px 38px;
    }

    .bwc-history-header h2 {
        font-size: 27px;
    }

    .bwc-history-header p {
        font-size: 14px;
    }

    .bwc-history-eyebrow {
        font-size: 9px;
        letter-spacing: 0.8px;
    }

    .bwc-history-eyebrow span {
        width: 18px;
    }


    /* IMAGE */

    .bwc-history-photo {
        height: 340px;
    }

    .bwc-history-established {
        width: 76px;
        height: 76px;
    }

    .bwc-history-established strong {
        font-size: 21px;
    }

    .bwc-history-photo-text h3 {
        font-size: 19px;
    }

    .bwc-history-image-label {
        padding: 8px;
    }

    .bwc-history-image-label strong {
        font-size: 11px;
    }

    .bwc-history-image-label small {
        font-size: 9px;
    }


    /* CONTENT */

    .bwc-history-intro-content h3 {
        font-size: 22px;
    }

    .bwc-history-intro-content p,
    .bwc-history-card-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .bwc-history-info-card {
        padding: 13px;
    }

    .bwc-history-card-content h4 {
        font-size: 19px;
    }


    /* RECOGNITION */

    .bwc-history-recognition-title span {
        font-size: 9px;
    }

    .bwc-history-recognition-item {
        grid-template-columns: 75px minmax(0, 1fr);
    }

    .bwc-history-recognition-item strong {
        font-size: 17px;
    }

    .bwc-history-recognition-item span {
        font-size: 13px;
    }


    /* MOTTO */

    .bwc-history-motto {
        align-items: flex-start;
        gap: 8px;
        padding: 10px;
    }

    .bwc-history-motto-icon {
        width: 30px;
        height: 30px;
    }

    .bwc-history-motto-content h4 {
        font-size: 16px;
    }

}


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

@media (max-width: 991px) {

    .bascw-editorial {
        padding: 45px 18px;
    }

    .bascw-vision-text {
        padding: 35px 28px;
    }

    .bascw-vision-text h3 {
        font-size: 27px;
    }

    .bascw-vision-photo,
    .bascw-vision-photo img {
        min-height: 350px;
    }

    .bascw-mission-grid {
        gap: 12px;
    }

    .bascw-mission-item {
        padding: 22px 17px;
    }

    .bascw-mission-item h3 {
        font-size: 18px;
    }

    .bascw-editorial-bottom {
        grid-template-columns: 1fr 1fr;
    }

    .bascw-motto-feature,
    .bascw-policy-feature {
        padding: 25px;
    }

}


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

@media (max-width: 767px) {

    .bascw-editorial {
        padding: 35px 14px;
    }

    .bascw-editorial-heading {
        margin-bottom: 25px;
    }

    .bascw-editorial-heading h2 {
        font-size: 27px;
    }

    .bascw-vision-feature {
        grid-template-columns: 1fr;
        margin-bottom: 35px;
    }

    .bascw-vision-photo,
    .bascw-vision-photo img {
        min-height: 280px;
        height: 280px;
    }

    .bascw-vision-text {
        padding: 30px 24px;
    }

    .bascw-vision-text h3 {
        font-size: 26px;
    }

    .bascw-mission-heading {
        display: block;
    }

    .bascw-mission-heading h2 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .bascw-mission-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bascw-mission-item,
    .bascw-mission-item:nth-child(4) {
        grid-column: auto;
    }

    .bascw-mission-item:last-child {
        grid-column: 1 / -1;
    }

    .bascw-editorial-bottom {
        grid-template-columns: 1fr;
    }

    .bascw-motto-feature h3 {
        font-size: 27px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .bascw-editorial-heading h2 {
        font-size: 24px;
    }

    .bascw-vision-photo,
    .bascw-vision-photo img {
        height: 230px;
        min-height: 230px;
    }

    .bascw-vision-text {
        padding: 25px 20px;
    }

    .bascw-vision-text h3 {
        font-size: 24px;
    }

    .bascw-vision-bottom span {
        font-size: 10px;
        padding: 7px 9px;
    }

    .bascw-mission-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bascw-mission-item,
    .bascw-mission-item:last-child {
        grid-column: auto;
        min-height: auto;
        padding: 22px;
    }

    .bascw-motto-feature,
    .bascw-policy-feature {
        padding: 25px 20px;
    }

    .bascw-motto-feature h3 {
        font-size: 25px;
    }

    .bascw-policy-heading h3 {
        font-size: 23px;
    }

    .bascw-policy-footer span {
        font-size: 10px;
    }

}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .bascw-chairman-section {
        padding: 45px 18px;
    }

    .bascw-chairman-layout {
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 22px;
    }

    .bascw-chairman-photo-frame {
        height: 340px;
    }

    .bascw-chairman-message {
        padding: 28px 24px;
    }

    .bascw-chairman-heading h2 {
        font-size: 30px;
    }

    .bascw-message-content > h3 {
        font-size: 24px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .bascw-chairman-section {
        padding: 35px 14px;
    }

    .bascw-chairman-heading h2 {
        font-size: 26px;
    }

    .bascw-chairman-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .bascw-chairman-profile {
        position: relative;
        top: auto;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    .bascw-chairman-photo-frame {
        height: 380px;
    }

    .bascw-chairman-message {
        padding: 25px 20px;
    }

    .bascw-message-content > h3 {
        font-size: 23px;
    }

    .bascw-message-content > p {
        text-align: left;
        font-size: 15px;
        line-height: 1.85;
    }

    .bascw-chairman-quote {
        padding: 20px;
    }

    .bascw-chairman-quote h4 {
        font-size: 18px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .bascw-chairman-heading h2 {
        font-size: 23px;
    }

    .bascw-chairman-photo-frame {
        height: 320px;
    }

    .bascw-chairman-message {
        padding: 22px 16px;
    }

    .bascw-message-label {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .bascw-message-content > h3 {
        font-size: 21px;
    }

    .bascw-message-content > p {
        font-size: 15px;
        line-height: 1.8;
    }

    .bascw-lang-btn {
        padding: 10px 25px;
        font-size: 14px;
    }

    .bascw-chairman-name h3 {
        font-size: 21px;
    }

    .bascw-chairman-quote h4 {
        font-size: 17px;
    }

}

/* MOBILE */

@media (max-width: 767px) {

    .bascw-secretary-section .bascw-chairman-profile {
        border-color: #dedbed;
    }

    .bascw-secretary-section .bascw-chairman-message {
        border-color: #dedbed;
    }

}


/* ================= MOBILE ================= */

@media (max-width: 768px) {


.bascw-secretary-section {
    background:
        linear-gradient(
            145deg,
            #faf8f3,
            #f4f6fa
        );
}

.bascw-secretary-section .bascw-chairman-photo-frame {
    background: linear-gradient(
        145deg,
        #C9A45C,
        #8B1E3F
    );
}

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bascw-governing-section {
        padding: 65px 20px;
    }


    .bascw-governing-header {
        margin-bottom: 40px;
    }


    .bascw-governing-header h2 {
        font-size: 36px;
    }


    .bascw-governing-content {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .bascw-governing-intro {
        padding: 38px;
    }


    .bascw-responsibility-box {
        padding: 35px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bascw-governing-section {
        padding: 55px 15px;
    }


    .bascw-governing-header {
        margin-bottom: 32px;
    }


    .bascw-governing-kicker {
        font-size: 14px;
        letter-spacing: 1.5px;
    }


    .bascw-governing-header h2 {
        font-size: 30px;
    }


    .bascw-governing-header p {
        font-size: 15px;
        line-height: 1.7;
    }


    .bascw-governing-content {
        gap: 22px;
    }


    .bascw-governing-intro {
        padding: 30px 24px;

        border-radius: 11px;
    }


    .bascw-governing-number {
        width: 50px;
        height: 50px;

        margin-bottom: 22px;
    }


    .bascw-governing-intro-text h3 {
        font-size: 25px;
    }


    .bascw-governing-intro-text p {
        font-size: 15px;
        line-height: 1.7;
    }


    .bascw-responsibility-box {
        padding: 27px 22px;

        border-radius: 11px;
    }


    .bascw-responsibility-header {
        margin-bottom: 15px;
    }


    .bascw-responsibility-header h3 {
        font-size: 23px;
    }


    .bascw-responsibility-item {
        gap: 12px;

        padding: 16px 0;
    }


    .bascw-responsibility-icon {
        flex: 0 0 35px;

        width: 35px;
        height: 35px;

        font-size: 10px;
    }


    .bascw-responsibility-item h4 {
        font-size: 15px;
    }


    .bascw-responsibility-item p {
        font-size: 14px;
        line-height: 1.6;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 468px) {

    .bascw-governing-section {
        padding: 45px 12px;
    }


    .bascw-governing-header h2 {
        font-size: 26px;
    }


    .bascw-governing-header p {
        font-size: 15px;
    }


    .bascw-governing-intro {
        padding: 25px 18px;
    }


    .bascw-governing-intro-text h3 {
        font-size: 22px;
    }


    .bascw-governing-intro-text p {
        font-size: 15px;
    }


    .bascw-responsibility-box {
        padding: 24px 16px;
    }


    .bascw-responsibility-header h3 {
        font-size: 21px;
    }


    .bascw-responsibility-item {
        gap: 10px;
    }


    .bascw-responsibility-icon {
        flex: 0 0 32px;

        width: 32px;
        height: 32px;

        font-size: 9px;
    }


    .bascw-responsibility-item h4 {
        font-size: 14px;
    }


    .bascw-responsibility-item p {
        font-size: 13px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 350px) {

    .bascw-governing-header h2 {
        font-size: 23px;
    }


    .bascw-governing-header p {
        font-size: 14px;
    }


    .bascw-governing-intro {
        padding: 22px 15px;
    }


    .bascw-responsibility-box {
        padding: 22px 13px;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bascw-organogram-section {
        padding: 60px 20px;
    }

    .bascw-organogram-header {
        margin-bottom: 32px;
    }

    .bascw-organogram-header h2 {
        font-size: 34px;
    }

    .bascw-organogram-image {
        padding: 12px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bascw-organogram-section {
        padding: 50px 15px;
    }

    .bascw-organogram-header {
        margin-bottom: 25px;
    }

    .bascw-organogram-header span {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .bascw-organogram-header h2 {
        font-size: 28px;
    }

    .bascw-organogram-image {
        padding: 8px;

        border-radius: 9px;
    }

    .bascw-organogram-image img {
        width: 100%;
        height: auto;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 468px) {

    .bascw-organogram-section {
        padding: 42px 10px;
    }

    .bascw-organogram-header h2 {
        font-size: 24px;
    }

    .bascw-organogram-image {
        padding: 5px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 350px) {

    .bascw-organogram-header h2 {
        font-size: 22px;
    }

    .bascw-organogram-header span {
        font-size: 9px;
    }

}

/* =====================================================
   LAPTOP: GIVE CARDS MORE WIDTH
===================================================== */

@media (min-width: 1101px) and (max-width: 1450px) {

    .bascw-excellence-journey {
        padding-left: 18px;
        padding-right: 18px;
    }

    .bascw-timeline-content {
        left: 0;
        right: 0;
        padding: 14px 9px;
    }

    .bascw-timeline-content h3 {
        font-size: 13px;
    }

    .bascw-timeline-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    .bascw-timeline-marker {
        font-size: 13px;
    }
}

/* =====================================================
   TABLET: THREE-COLUMN CARDS
===================================================== */

@media (max-width: 1100px) {

    .bascw-excellence-journey {
        padding: 55px 22px;
    }

    .bascw-timeline {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 22px;
    }

    .bascw-timeline::before {
        display: none;
    }

    .bascw-timeline-item {
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .bascw-timeline-item::after {
        display: none;
    }

    .bascw-timeline-marker {
        position: relative;
        inset: auto;
        width: 100%;
        height: 45px;
        margin-bottom: 14px;
        transform: none;
        flex-shrink: 0;
    }

    .bascw-timeline-content,
    .bascw-timeline-item.top .bascw-timeline-content,
    .bascw-timeline-item.bottom .bascw-timeline-content {
        position: static;
        width: 100%;
        height: 100%;
        padding: 17px 15px;
    }

    .bascw-timeline-content h3 {
        font-size: 15px;
    }

    .bascw-timeline-content p {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* =====================================================
   MOBILE: SINGLE-COLUMN CARDS
===================================================== */

@media (max-width: 600px) {

    .bascw-excellence-journey {
        padding: 40px 16px;
    }

    .bascw-excellence-title {
        margin-bottom: 35px;
    }

    .bascw-excellence-title h2 {
        font-size: 27px;
    }

    .bascw-excellence-title p {
        font-size: 14px;
        line-height: 1.7;
    }

    .bascw-timeline {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .bascw-timeline-item {
        height: auto;
        min-height: 0;
    }

    .bascw-timeline-marker {
        width: 145px;
        height: 43px;
        margin-bottom: 13px;
        font-size: 15px;
    }

    .bascw-timeline-content,
    .bascw-timeline-item.top .bascw-timeline-content,
    .bascw-timeline-item.bottom .bascw-timeline-content {
        width: 100%;
        padding: 17px;
    }

    .bascw-timeline-content h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .bascw-timeline-content p {
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bascw-academic-council {
        padding: 55px 18px;
    }

    .bascw-academic-top {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .bascw-academic-gallery {
        max-width: 600px;
        margin: 0 auto;
    }

    .bascw-academic-content h2 {
        font-size: 36px;
    }

    .bascw-leadership-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {

    .bascw-academic-council {
        padding: 45px 14px;
    }

    .bascw-academic-gallery {
        height: 390px;
    }

    .bascw-academic-img.img-one {
        width: 70%;
        height: 245px;
    }

    .bascw-academic-img.img-two {
        width: 58%;
        height: 205px;
        bottom: 0;
    }

    .bascw-academic-img.img-three {
        width: 48%;
        height: 160px;
        left: 15%;
        bottom: 30px;
        border-width: 5px;
    }

    .bascw-academic-content h2 {
        font-size: 30px;
    }

    .bascw-academic-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .bascw-function {
        padding: 9px 10px;
    }

    .bascw-function p {
        font-size: 14px;
    }

    .bascw-academic-leadership {
        margin-top: 40px;
        padding: 25px 18px;
    }

    .bascw-leadership-heading h3 {
        font-size: 24px;
    }

    .bascw-leadership-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bascw-leader-card {
        min-height: auto;
        padding: 17px 14px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .bascw-academic-gallery {
        height: 330px;
    }

    .bascw-academic-img.img-one {
        height: 210px;
    }

    .bascw-academic-img.img-two {
        height: 175px;
    }

    .bascw-academic-img.img-three {
        height: 135px;
    }

    .bascw-academic-content h2 {
        font-size: 27px;
    }

    .bascw-academic-label {
        font-size: 10px;
    }

    .bascw-academic-leadership {
        padding: 22px 14px;
    }
}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .bascw-academic-img {
        animation: none !important;
        transition: none !important;
    }

    .bascw-function,
    .bascw-leader-card,
    .bascw-academic-img img {
        transition: none !important;
    }
}
/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bascw-trustees-table-section {
        padding: 50px 18px;
    }

    .bascw-trustees-table-heading {
        margin-bottom: 30px;
    }

    .bascw-trustees-table-heading h2 {
        font-size: 30px;
    }

    .bascw-trustees-table-heading p {
        font-size: 15px;
        line-height: 1.65;
    }

    .bascw-trustees-table thead th {
        padding: 14px 14px;
        font-size: 14px;
    }

    .bascw-trustees-table tbody td {
        padding: 14px;
        font-size: 14px;
    }

    .bascw-position {
        font-size: 12px;
        padding: 5px 10px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {

    .bascw-trustees-table-section {
        padding: 45px 15px;
        overflow: hidden;
    }

    .bascw-trustees-table-container {
        width: 100%;
    }

    .bascw-trustees-table-heading {
        margin-bottom: 25px;
        padding: 0;
    }

    .bascw-trustees-table-heading span {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .bascw-trustees-table-heading h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .bascw-trustees-table-heading p {
        font-size: 15px;
        line-height: 1.65;
        text-align: center;
    }


    /* Hide normal desktop table header */

    .bascw-trustees-table-wrapper {
        border: none;
        overflow: visible;
        background: transparent;
    }

    .bascw-trustees-table,
    .bascw-trustees-table tbody {
        display: block;
        width: 100%;
    }

    .bascw-trustees-table thead {
        display: none;
    }


    /* =====================================================
       MOBILE ROW AS CARD
    ===================================================== */

    .bascw-trustees-table tbody tr {
        display: block;
        width: 100%;
        margin-bottom: 14px;
        padding: 15px;
        border: 1px solid #e7e7e7;
        border-left: 4px solid #08306c;
        border-radius: 7px;
        background: #ffffff !important;
        box-sizing: border-box;

        /* Prevent hover movement */
        transform: none !important;
    }

    .bascw-trustees-table tbody tr:hover {
        background: #ffffff !important;
        transform: none !important;
    }


    /* =====================================================
       MOBILE CELLS
    ===================================================== */

    .bascw-trustees-table tbody td {
        display: flex;
        width: 100%;
        min-width: 0;
        padding: 7px 0;
        border: none;
        background: transparent !important;
        text-align: left;
        box-sizing: border-box;
    }

    .bascw-trustees-table tbody td:first-child {
        justify-content: flex-start;
        padding-bottom: 5px;
        color: #8b1e2d;
        font-size: 12px;
        font-weight: 700;
        text-align: left;
    }


    /* Label */

    .bascw-trustees-table tbody td::before {
        flex: 0 0 85px;
        width: 85px;
        margin-right: 10px;
        color: #666666;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        text-transform: uppercase;
        letter-spacing: 0.4px;
    }

    .bascw-trustees-table tbody td[data-label="S.No."]::before {
        content: "S.No.";
    }

    .bascw-trustees-table tbody td[data-label="Name"]::before {
        content: "Name";
    }

    .bascw-trustees-table tbody td[data-label="Position"]::before {
        content: "Position";
    }


    /* =====================================================
       MOBILE NAME
    ===================================================== */

    .bascw-trustees-table tbody td:nth-child(2) {
        color: #08306c;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
    }


    /* =====================================================
       MOBILE POSITION
    ===================================================== */

    .bascw-trustees-table tbody td:nth-child(3) {
        align-items: flex-start;
    }

    .bascw-position {
        max-width: calc(100% - 95px);
        padding: 5px 9px;
        font-size: 11px;
        line-height: 1.4;
        border-radius: 4px;
        box-sizing: border-box;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 468px) {

    .bascw-trustees-table-section {
        padding: 40px 12px;
    }

    .bascw-trustees-table-heading h2 {
        font-size: 23px;
    }

    .bascw-trustees-table-heading p {
        font-size: 14px;
        line-height: 1.6;
    }

    .bascw-trustees-table tbody tr {
        padding: 13px;
        margin-bottom: 12px;
    }

    .bascw-trustees-table tbody td {
        font-size: 13px;
    }

    .bascw-trustees-table tbody td::before {
        flex: 0 0 72px;
        width: 72px;
        margin-right: 8px;
        font-size: 11px;
    }

    .bascw-position {
        max-width: calc(100% - 80px);
        font-size: 10px;
        padding: 5px 8px;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 350px) {

    .bascw-trustees-table-section {
        padding: 35px 10px;
    }

    .bascw-trustees-table-heading h2 {
        font-size: 21px;
    }

    .bascw-trustees-table-heading p {
        font-size: 13px;
    }

    .bascw-trustees-table tbody tr {
        padding: 11px;
    }

    .bascw-trustees-table tbody td {
        display: block;
    }

    .bascw-trustees-table tbody td::before {
        display: block;
        width: auto;
        margin: 0 0 3px;
    }

    .bascw-position {
        max-width: 100%;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .bascw-trustees-table tbody tr,
    .bascw-trustees-table tbody td,
    .bascw-position {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bascw-bos-section {
        padding: 55px 18px;
    }

    .bascw-bos-header {
        margin-bottom: 35px;
    }

    .bascw-bos-header h2 {
        font-size: 31px;
    }

    .bascw-bos-header p {
        font-size: 15px;
        line-height: 1.7;
    }

    .bascw-bos-item {
        grid-template-columns: 65px 1fr 1.15fr;
    }

    .bascw-bos-number {
        min-height: 76px;
    }

    .bascw-bos-discipline {
        padding: 13px 18px;
    }

    .bascw-bos-discipline h3 {
        font-size: 15px;
    }

    .bascw-bos-expert {
        margin-right: 14px;
        padding: 9px 13px;
    }

    .bascw-bos-expert strong {
        font-size: 14px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {

    .bascw-bos-section {
        padding: 45px 15px;
    }

    .bascw-bos-header {
        margin-bottom: 28px;
    }

    .bascw-bos-kicker {
        font-size: 14px;
        letter-spacing: 1.5px;
        gap: 7px;
    }

    .bascw-bos-kicker span {
        width: 20px;
    }

    .bascw-bos-header h2 {
        font-size: 27px;
    }

    .bascw-bos-header p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* =====================================================
       MOBILE CARD
    ===================================================== */

    .bascw-bos-list {
        gap: 12px;
    }

    .bascw-bos-item {
        display: grid;
        grid-template-columns: 52px 1fr;
        min-height: 0;
        border-radius: 6px;
    }


    /* Number */

    .bascw-bos-number {
        grid-row: 1 / span 2;
        min-height: 112px;
        height: 100%;

        font-size: 13px;
    }


    /* Discipline */

    .bascw-bos-discipline {
        padding: 14px 15px 8px;
    }

    .bascw-bos-discipline small {
        margin-bottom: 3px;
        font-size:11px;
    }

    .bascw-bos-discipline h3 {
        font-size: 15px;
        line-height: 1.35;
    }


    /* Expert */

    .bascw-bos-expert {
        min-height: 0;
        margin: 0 12px 13px 15px;
        padding: 9px 11px;
        border-left-width: 2px;
    }

    .bascw-bos-expert small {
        margin-bottom: 3px;
        font-size: 13px;
    }

    .bascw-bos-expert strong {
        font-size: 14px;
        line-height: 1.4;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 468px) {

    .bascw-bos-section {
        padding: 40px 12px;
    }

    .bascw-bos-header h2 {
        font-size: 24px;
    }

    .bascw-bos-header p {
        font-size: 14px;
        line-height: 1.6;
    }

    .bascw-bos-item {
        grid-template-columns: 46px 1fr;
    }

    .bascw-bos-number {
        min-height: 108px;
        font-size: 12px;
    }

    .bascw-bos-discipline {
        padding: 13px 12px 7px;
    }

    .bascw-bos-discipline h3 {
        font-size: 14px;
    }

    .bascw-bos-expert {
        margin-left: 12px;
        margin-right: 10px;
        margin-bottom: 11px;
        padding: 8px 10px;
    }

    .bascw-bos-expert strong {
        font-size: 14px;
    }
}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 350px) {

    .bascw-bos-section {
        padding: 35px 10px;
    }

    .bascw-bos-header h2 {
        font-size: 22px;
    }

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

    .bascw-bos-item {
        grid-template-columns: 42px 1fr;
    }

    .bascw-bos-number {
        min-height: 105px;
    }

    .bascw-bos-discipline {
        padding-left: 10px;
        padding-right: 8px;
    }

    .bascw-bos-expert {
        margin-left: 10px;
        margin-right: 8px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .bascw-bos-item,
    .bascw-bos-number,
    .bascw-bos-expert {
        transition: none !important;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .idp-roadmap-item {
        gap: 45px;
    }

    .idp-themes-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 850px) {

    .idp-roadmap {
        padding: 70px 0;
    }

    .idp-roadmap-header {
        margin-bottom: 55px;
    }

    .idp-roadmap-item {
        grid-template-columns: 1fr;
        gap: 18px;

        margin-bottom: 45px;
    }

    .idp-roadmap-line::before {
        display: none;
    }

    .idp-roadmap-item::before {
        display: none;
    }

    .idp-roadmap-content::after {
        display: none;
    }

    .idp-roadmap-image {
        min-height: 300px;
    }

    .idp-roadmap-right .idp-roadmap-image {
        order: 2;
    }

    .idp-roadmap-right .idp-roadmap-content {
        order: 1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .idp-roadmap {
        padding: 50px 0;
    }

    .idp-roadmap-container {
        width: 92%;
    }

    .idp-roadmap-header {
        margin-bottom: 40px;
    }

    .idp-roadmap-kicker {
        font-size:14px;
        letter-spacing: 1.5px;
    }

    .idp-roadmap-kicker span {
        width: 22px;
    }

    .idp-roadmap-header h2 {
        font-size: 34px;
        line-height: 1.1;
    }

    .idp-roadmap-header p {
        font-size: 15px;
        line-height: 1.65;
    }


    .idp-roadmap-content {
        padding: 22px 18px;
    }

    .idp-roadmap-content h3 {
        font-size: 23px;
    }

    .idp-roadmap-content li {
        font-size: 14px;
        line-height: 1.55;
    }


    .idp-roadmap-image {
        min-height: 230px;
    }

    .idp-image-tag {
        left: 25px;
        bottom: 24px;
    }


    .idp-themes {
        margin-top: 55px;
        padding-top: 30px;
    }

    .idp-themes-heading {
        gap: 12px;
    }

    .idp-themes-number {
        width: 45px;
        height: 45px;
    }

    .idp-themes-heading h3 {
        font-size: 23px;
    }

    .idp-themes-grid {
        grid-template-columns: 1fr;
    }

    .idp-theme {
        min-height: auto;
    }


    .idp-document {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;

        padding: 20px;
    }

    .idp-document a {
        width: 100%;
        justify-content: space-between;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .idp-roadmap-header h2 {
        font-size: 30px;
    }

    .idp-roadmap-content h3 {
        font-size: 21px;
    }

    .idp-roadmap-image {
        min-height: 200px;
    }

}
/* =========================================================
   TABLET VIEW
   992px - 1199px
========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .basc-accreditation {
        padding: 45px 18px;
    }

    .basc-accreditation-wrap {
        width: 94%;
        gap: 45px;
    }

    /* TOP IMAGE */

    .basc-main-image {
        height: 240px;
        border-radius: 24px;
    }

    .basc-main-image img {
        padding: 12px 20px;
    }

    .basc-image-overlay {
        left: 15px;
        bottom: 18px;

        min-width: 180px;

        padding: 14px 12px;
    }

    .basc-image-overlay h3 {
        font-size: 15px;
    }

    /* CONTENT */

    .basc-accreditation-content {
        width: 85%;
    }

    .basc-accreditation-content h2 {
        font-size: 42px;
    }

    .basc-accreditation-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    /* DOCUMENTS */

    .basc-document-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .basc-document-item {
        min-height: 85px;
        padding: 12px 14px;
    }

    .basc-document-number {
        width: 34px;
        height: 34px;
    }

    .basc-document-info h3 {
        font-size: 13px;
    }

    .basc-document-btn {
        min-width: 60px;
        padding: 8px 12px;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   768px - 991px
========================================================= */

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

    .basc-accreditation {
        padding: 45px 20px;
    }

    .basc-accreditation-wrap {
        width: 94%;
        gap: 40px;
    }

    /* TOP IMAGE */

    .basc-main-image {
        height: 280px;
        border-radius: 24px;
    }

    .basc-main-image img {
        padding: 15px 30px;
    }

    .basc-image-overlay {
        left: 18px;
        bottom: 18px;

        min-width: 190px;

        padding: 15px 14px;
    }

    .basc-image-overlay span {
        font-size: 9px;
    }

    .basc-image-overlay h3 {
        font-size: 18px;
    }

    /* CONTENT */

    .basc-accreditation-content {
        width: 90%;
    }

    .basc-section-tag {
        font-size: 9px;
        padding: 7px 13px;
    }

    .basc-accreditation-content h2 {
        font-size: 40px;
    }

    .basc-heading-line {
        margin: 15px 0 20px;
    }

    .basc-accreditation-intro {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 28px;
    }

    /* DOCUMENTS */

    .basc-document-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .basc-document-item {
        grid-template-columns: 42px 1fr;

        min-height: 82px;

        padding: 12px 13px;
    }

    .basc-document-number {
        width: 34px;
        height: 34px;

        font-size: 10px;
    }

    .basc-document-info {
        padding-right: 0;
    }

    .basc-document-info small {
        font-size:12px;
    }

    .basc-document-info h3 {
        font-size: 13px;
    }

    .basc-document-btn {
        grid-column: 2;

        width: fit-content;

        margin-top: 7px;

        min-width: 58px;

        padding: 7px 12px;
    }
}


/* =========================================================
   MOBILE LANDSCAPE
   576px - 767px
========================================================= */

@media (min-width: 576px) and (max-width: 767px) {

    .basc-accreditation {
        padding: 40px 18px;
    }

    .basc-accreditation-wrap {
        width: 94%;
        gap: 35px;
    }

    /* IMAGE */

    .basc-main-image {
        height: 250px;
        border-radius: 22px;
    }

    .basc-main-image img {
        padding: 15px 25px;
    }

    .basc-image-overlay {
        left: 15px;
        bottom: 15px;

        min-width: 180px;

        padding: 13px 12px;
    }

    .basc-image-overlay h3 {
        font-size: 17px;
    }

    /* CONTENT */

    .basc-accreditation-content {
        width: 100%;
    }

    .basc-section-tag {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .basc-accreditation-content h2 {
        font-size: 36px;
    }

    .basc-accreditation-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    /* DOCUMENTS */

    .basc-document-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .basc-document-item {
        grid-template-columns: 45px 1fr auto;

        min-height: 82px;

        padding: 12px 14px;
    }

    .basc-document-number {
        width: 35px;
        height: 35px;
    }

    .basc-document-info h3 {
        font-size: 14px;
    }

    .basc-document-btn {
        min-width: 62px;
        padding: 8px 12px;
    }
}


/* =========================================================
   MOBILE
   UP TO 575px
========================================================= */

@media (max-width: 575px) {

    .basc-accreditation {
        padding: 35px 12px;
    }

    .basc-accreditation-wrap {
        width: 100%;
        gap: 30px;
    }


    /* =====================================================
       TOP IMAGE
    ===================================================== */

    .basc-main-image {
        width: 100%;
        height: 220px;

        border-radius: 20px;
    }

    .basc-main-image img {
        width: 100%;
        height: 100%;

        padding: 12px 8px;

        object-fit: contain;
    }


    /* IMAGE DECORATION */

    .basc-main-image::before {
        width: 100px;
        height: 100px;

        left: -45px;
        top: -45px;
    }

    .basc-main-image::after {
        width: 110px;
        height: 110px;

        right: -45px;
        bottom: -50px;
    }


    /* =====================================================
       IMAGE CAPTION
    ===================================================== */

    .basc-image-overlay {
        left: 10px;
        bottom: 10px;

        min-width: 145px;

        padding: 11px 10px;

        border-radius: 12px;

        border-left-width: 4px;
    }

    .basc-image-overlay span {
        margin-bottom: 3px;

        font-size: 8px;

        letter-spacing: 1px;
    }

    .basc-image-overlay h3 {
        font-size: 14px;
        line-height: 1.25;
    }


    /* =====================================================
       CONTENT
    ===================================================== */

    .basc-accreditation-content {
        width: 100%;
    }


    /* TAG */

    .basc-section-tag {
        padding: 7px 11px;

        margin-bottom: 12px;

        font-size: 8px;

        letter-spacing: 1px;
    }


    /* HEADING */

    .basc-accreditation-content h2 {
        font-size: 30px;

        line-height: 1.2;
    }

    .basc-accreditation-content h2 span {
        color: #e76f51;
    }


    /* LINE */

    .basc-heading-line {
        width: 60px;
        height: 3px;

        margin: 14px 0 18px;
    }


    /* PARAGRAPH */

    .basc-accreditation-intro {
        margin-bottom: 25px;

        color: #000000;

        font-size: 15px;

        line-height: 1.7;

        text-align: left;
    }


    /* =====================================================
       DOCUMENT LIST
    ===================================================== */

    .basc-document-list {
        display: grid;

        grid-template-columns: 1fr;

        gap: 11px;
    }


    /* DOCUMENT CARD */

    .basc-document-item {
        display: grid;

        grid-template-columns: 40px 1fr auto;

        align-items: center;

        min-height: 78px;

        padding: 11px 10px 11px 12px;

        border-radius: 13px;
    }


    /* COLOUR BAR */

    .basc-document-item::before {
        top: 12px;
        bottom: 12px;

        width: 4px;
    }


    /* NUMBER */

    .basc-document-number {
        width: 32px;
        height: 32px;

        font-size: 9px;
    }


    /* TEXT */

    .basc-document-info {
        padding-right: 5px;
    }

    .basc-document-info small {
        margin-bottom: 3px;

        font-size: 12px;

        letter-spacing: 0.8px;
    }

    .basc-document-info h3 {
        font-size: 12px;

        line-height: 1.35;
    }


    /* VIEW BUTTON */

    .basc-document-btn {
        min-width: 52px;

        padding: 7px 9px;

        font-size: 8px;

        letter-spacing: 0.5px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   UP TO 380px
========================================================= */

@media (max-width: 380px) {

    .basc-accreditation {
        padding: 30px 10px;
    }

    .basc-accreditation-wrap {
        gap: 25px;
    }

    .basc-main-image {
        height: 190px;
    }

    .basc-image-overlay {
        min-width: 125px;

        padding: 9px 9px;
    }

    .basc-image-overlay h3 {
        font-size: 12px;
    }

    .basc-accreditation-content h2 {
        font-size: 27px;
    }

    .basc-accreditation-intro {
        font-size: 15px;
    }

    .basc-document-item {
        grid-template-columns: 35px 1fr auto;

        min-height: 72px;

        padding: 9px 8px 9px 10px;
    }

    .basc-document-number {
        width: 29px;
        height: 29px;
    }

    .basc-document-info h3 {
        font-size: 11px;
    }

    .basc-document-info small {
        font-size: 12px;
    }

    .basc-document-btn {
        min-width: 47px;

        padding: 6px 7px;

        font-size: 7px;
    }
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 1000px) {
    .annual-reports {
        padding: 45px 22px;
    }

    .annual-grid {
        column-gap: 32px;
    }

    .report-card {
        grid-template-columns: 83px 36px minmax(0, 1fr);
        gap: 10px;
    }

    .report-year {
        font-size: 21px;
    }

    .report-icon {
        font-size: 23px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 650px) {
    .annual-reports {
        padding: 35px 18px;
    }

    .annual-heading {
        margin-bottom: 25px;
    }

    .annual-heading h2 {
        font-size: 29px;
    }

    .annual-small-title {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .annual-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .report-card {
        grid-template-columns: 78px 34px minmax(0, 1fr);
        gap: 10px;
        padding: 18px 0;
    }

    .report-year {
        font-size: 20px;
    }

    .report-icon {
        width: 32px;
        height: 40px;
        font-size: 22px;
    }

    .report-content h3 {
        font-size: 15px;
    }

    .report-content p {
        font-size: 13px;
    }
}

/* Very small screens */

@media (max-width: 380px) {
    .annual-reports {
        padding-right: 13px;
        padding-left: 13px;
    }

    .report-card {
        grid-template-columns: 67px 27px minmax(0, 1fr);
        gap: 7px;
    }

    .report-year {
        font-size: 17px;
        letter-spacing: -0.5px;
    }

    .report-icon {
        font-size: 20px;
    }

    .report-content h3 {
        font-size: 14px;
    }

    .report-btn {
        font-size: 12px;
    }
}

/* Accessibility: respect reduced motion */

@media (prefers-reduced-motion: reduce) {
    .annual-reports *,
    .annual-reports *::before,
    .annual-reports *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1050px) {

    .basc-eligibility-container {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .basc-eligibility-visual {
        max-width: 650px;

        width: 100%;

        margin: 0 auto;

        min-height: 550px;
    }

    .basc-image-main {
        width: 78%;
        height: 460px;
    }

    .basc-image-small {
        width: 42%;
        height: 200px;
    }

    .basc-eligibility-content {
        max-width: 950px;

        margin: 0 auto;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 768px) {

    .basc-eligibility-section {
        padding: 65px 18px;
    }

    .basc-eligibility-visual {
        min-height: 480px;
    }

    .basc-image-main {
        height: 400px;
    }

    .basc-image-small {
        height: 270px;
    }

    .basc-eligibility-content h2 {
        font-size: 32px;
    }

    .basc-eligibility-intro {
        font-size: 16px;
    }
    .basc-document-wide {
        grid-column: span 1;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .basc-eligibility-section {
        padding: 50px 15px;
    }

    .basc-eligibility-container {
        gap: 40px;
    }

    .basc-eligibility-visual {
        min-height: 390px;

        padding: 10px;
    }

    .basc-image-main {
        width: 84%;
        height: 310px;

        border-radius: 20px 20px 20px 4px;

        box-shadow:
            10px 10px 0 #e5b72f;
    }

    .basc-image-small {
        right: 27px;
        bottom: -30px;

        width: 48%;
        height: 195px;

        padding: 5px;

        border-radius: 13px;
    }

    .basc-image-small img {
        border-radius: 9px;
    }

    .basc-image-caption {
        left: 0;
        bottom: 0;

        padding: 10px 13px;

        gap: 9px;
    }

    .basc-image-caption > span {
        width: 29px;
        height: 29px;

        font-size: 10px;
    }

    .basc-image-caption strong {
        font-size: 12px;
    }

    .basc-image-caption small {
        font-size: 8px;
    }

    .basc-image-decoration {
        width: 65px;
        height: 65px;

        top: 20px;
        right: 0;

        border-width: 11px;
    }

    .basc-section-kicker {
        font-size: 10px;

        letter-spacing: 2px;
    }

    .basc-eligibility-content h2 {
        font-size: 28px;
    }

    .basc-title-line {
        width: 50px;
        height: 3px;

        margin: 12px 0 17px;
    }

    .basc-eligibility-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .basc-document-heading {
        margin-bottom: 15px;
    }

    .basc-document-heading h3 {
        font-size: 19px;
    }

    .basc-document-card {
        grid-template-columns: 30px 43px 1fr;

        gap: 10px;

        min-height: 100px;

        padding: 14px 12px;
    }

    .basc-document-card h4 {
        font-size: 14px;
    }

    .basc-document-card p {
        font-size: 14px;
    }

    .basc-document-card-icon {
        width: 40px;
        height: 40px;

        font-size: 14px;
    }

    .basc-eligibility-note {
        padding: 15px;
    }

    .basc-eligibility-note p {
        font-size: 14px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .basc-eligibility-section {
        padding: 42px 12px;
    }

    .basc-eligibility-visual {
        min-height: 350px;
    }

    .basc-image-main {
        height: 275px;
    }

    .basc-image-small {
        height:165px;
    }

    .basc-eligibility-content h2 {
        font-size: 25px;
    }

    .basc-eligibility-intro {
        font-size: 14px;
    }

    .basc-document-card {
        grid-template-columns: 25px 38px 1fr;

        gap: 8px;
    }

    .basc-document-card-icon {
        width: 37px;
        height: 37px;
    }

    .basc-document-card h4 {
        font-size: 14px;
    }

    .basc-document-card p {
        font-size: 14px;
    }
}

/* =========================================================
   TABLET - 991px
========================================================= */

@media (max-width: 991px) {

    .basc-fee-refund-section {
        padding: 60px 5%;
    }

    .basc-fee-refund-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .basc-fee-refund-visual {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
        min-height: 500px;
    }

    .basc-refund-image-wrap {
        width: 82%;
    }

    .basc-refund-main-image {
        height: 450px;
    }

    .basc-fee-refund-content h2 {
        font-size: 33px;
    }

    .basc-process-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* =========================================================
   MOBILE - 768px
========================================================= */

@media (max-width: 768px) {

    .basc-fee-refund-section {
        padding: 50px 20px;
    }

    .basc-fee-refund-container {
        gap: 35px;
    }

    .basc-fee-refund-visual {
        min-height: 410px;
    }

    .basc-refund-image-wrap {
        width: 85%;
    }

    .basc-refund-main-image {
        height: 370px;
        border-width: 5px;
        border-radius: 23px 23px 23px 7px;
    }

    .basc-refund-badge {
        width: 85px;
        height: 85px;
        right: -25px;
        top: 25px;
    }

    .basc-refund-badge span {
        font-size: 19px;
    }

    .basc-refund-badge small {
        font-size: 10px;
    }

    .basc-refund-dot-one {
        width: 85px;
        height: 85px;
    }

    .basc-refund-dot-two {
        width: 65px;
        height: 65px;
    }

    .basc-refund-image-caption {
        left: 5px;
        bottom: 15px;
        padding: 10px 13px;
    }

    .basc-refund-image-caption i {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .basc-refund-image-caption strong {
        font-size: 14px;
    }

    .basc-refund-image-caption span {
        font-size: 12px;
    }

    .basc-refund-kicker {
        font-size: 13px;
    }

    .basc-fee-refund-content h2 {
        font-size: 29px;
    }

    .basc-refund-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .basc-refund-policy-box {
        padding: 17px;
    }

    .basc-refund-policy-box p {
        font-size: 15px;
    }

    .basc-refund-points {
        grid-template-columns: 1fr;
    }

    .basc-refund-point p {
        font-size: 15px;
    }

    .basc-refund-process {
        margin-top: 50px;
    }

    .basc-process-heading h3 {
        font-size: 25px;
    }

    .basc-process-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .basc-process-card {
        padding: 23px 20px;
    }

    .basc-process-card p {
        font-size: 15px;
    }

    .basc-current-cycle {
        align-items: flex-start;
    }

    .basc-cycle-label {
        display: none;
    }
}


/* =========================================================
   SMALL MOBILE - 468px
========================================================= */

@media (max-width: 468px) {

    .basc-fee-refund-section {
        padding: 40px 15px;
    }

    .basc-fee-refund-container {
        gap: 28px;
    }

    .basc-fee-refund-visual {
        min-height: 330px;
    }

    .basc-refund-image-wrap {
        width: 88%;
    }

    .basc-refund-main-image {
        height: 290px;
        border-width: 4px;
        border-radius: 18px 18px 18px 6px;
    }

    .basc-refund-badge {
        width: 70px;
        height: 70px;
        right: -17px;
        top: 20px;
        border-width: 3px;
    }

    .basc-refund-badge span {
        font-size: 16px;
    }

    .basc-refund-badge small {
        font-size: 8px;
    }

    .basc-refund-dot-one {
        width: 60px;
        height: 60px;
    }

    .basc-refund-dot-two {
        width: 48px;
        height: 48px;
        border-radius: 12px;
    }

    .basc-refund-image-caption {
        left: 0;
        bottom: 7px;
        gap: 8px;
        padding: 8px 10px;
        border-radius: 9px;
    }

    .basc-refund-image-caption i {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .basc-refund-image-caption strong {
        font-size: 12px;
    }

    .basc-refund-image-caption span {
        font-size: 10px;
    }

    .basc-refund-kicker {
        padding-left: 33px;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .basc-refund-kicker::before {
        width: 24px;
    }

    .basc-fee-refund-content h2 {
        font-size: 25px;
    }

    .basc-refund-intro {
        font-size: 15px;
    }

    .basc-refund-policy-box {
        gap: 12px;
        padding: 14px;
    }

    .basc-policy-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

    .basc-refund-policy-box h3 {
        font-size: 17px;
    }

    .basc-refund-policy-box p {
        font-size: 15px;
        line-height: 1.55;
    }

    .basc-policy-link {
        font-size: 13px;
        padding: 7px 10px;
    }

    .basc-refund-point {
        padding: 14px;
        gap: 10px;
    }

    .basc-point-number {
        width: 33px;
        height: 33px;
        min-width: 33px;
        font-size: 11px;
    }

    .basc-refund-point h4 {
        font-size: 15px;
    }

    .basc-refund-point p {
        font-size: 15px;
        line-height: 1.5;
    }

    .basc-process-heading h3 {
        font-size: 23px;
    }

    .basc-process-heading p {
        font-size: 15px;
    }

    .basc-process-card {
        padding: 20px 17px;
    }

    .basc-process-card h4 {
        font-size: 17px;
    }

    .basc-process-card p {
        font-size: 15px;
    }

    .basc-current-cycle {
        gap: 12px;
        padding: 15px;
    }

    .basc-cycle-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 15px;
    }

    .basc-cycle-content h4 {
        font-size: 15px;
    }

    .basc-cycle-content p {
        font-size: 15px;
        line-height: 1.5;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE - 350px
========================================================= */

@media (max-width: 350px) {

    .basc-fee-refund-section {
        padding: 35px 12px;
    }

    .basc-fee-refund-visual {
        min-height: 290px;
    }

    .basc-refund-main-image {
        height: 250px;
    }

    .basc-refund-badge {
        width: 62px;
        height: 62px;
        right: -12px;
    }

    .basc-refund-badge span {
        font-size: 14px;
    }

    .basc-refund-badge small {
        font-size: 7px;
    }

    .basc-fee-refund-content h2 {
        font-size: 22px;
    }

    .basc-refund-intro,
    .basc-refund-policy-box p,
    .basc-refund-point p,
    .basc-process-card p,
    .basc-current-cycle p {
        font-size: 15px;
    }

    .basc-refund-image-caption {
        padding: 7px 8px;
    }

    .basc-refund-image-caption strong {
        font-size: 11px;
    }

    .basc-refund-image-caption span {
        font-size: 9px;
    }
}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .basc-refund-main-image,
    .basc-refund-badge,
    .basc-refund-dot-one,
    .basc-refund-dot-two,
    .basc-refund-image-caption {
        animation: none;
    }

    .basc-refund-policy-box,
    .basc-refund-point,
    .basc-process-card {
        transition: none;
    }
}



/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .basc-prospectus {
        padding: 65px 5%;
    }

    .basc-prospectus-container {
        grid-template-columns: 330px 1fr;
        gap: 45px;
    }

    .basc-document-image {
        height: 390px;
    }

    .basc-prospectus-content h2 {
        font-size: 30px;
    }

    .basc-prospectus-content h2 span {
        font-size: 21px;
    }

    .basc-prospectus-intro {
        font-size: 17px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .basc-prospectus {
        padding: 50px 20px;
    }

    .basc-prospectus-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .basc-prospectus-cover {
        order: 1;
    }

    .basc-prospectus-content {
        order: 2;
    }

    .basc-document-card {
        max-width: 330px;
    }

    .basc-document-image {
        height: 390px;
    }

    .basc-prospectus-content h2 {
        font-size: 27px;
    }

    .basc-prospectus-content h2 span {
        font-size: 20px;
    }

    .basc-prospectus-intro {
        font-size: 15px;
        line-height: 1.7;
    }

    .basc-info-item {
        padding: 13px;
    }

    .basc-info-item strong {
        font-size: 15px;
    }

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

    .basc-prospectus-buttons {
        flex-direction: column;
    }

    .basc-btn {
        width: 100%;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 468px) {

    .basc-prospectus {
        padding: 40px 15px;
    }

    .basc-document-card {
        max-width: 390px;
    }

    .basc-document-image {
        height: 350px;
    }

    .basc-section-label {
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    .basc-prospectus-content h2 {
        font-size: 24px;
    }

    .basc-prospectus-content h2 span {
        font-size: 18px;
    }

    .basc-prospectus-intro {
        font-size: 15px;
    }

    .basc-info-item {
        align-items: flex-start;
    }

    .basc-info-item i {
        min-width: 38px;
        height: 38px;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .basc-rangers {
        padding: 75px 20px;
    }

    .rangers-top {
        gap: 35px;
    }

    .rangers-main {
        gap: 35px;
    }

    .rangers-gallery {
        min-height: 600px;
    }

    .rangers-image-main {
        height: 500px;
    }

    .rangers-item {
        gap: 12px;
    }

    .ranger-leader {
        min-width: 145px;
    }
}


/* =========================================================
   TABLET / MOBILE TRANSITION
   ========================================================= */

@media (max-width: 900px) {

    .rangers-top {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 50px;
    }

    .rangers-intro {
        padding-left: 25px;
    }

    .rangers-main {
        grid-template-columns: 1fr;
    }

    .rangers-gallery {
        min-height: 570px;
        max-width: 680px;
        width: 100%;
    }

    .rangers-image-main {
        width: 82%;
        height: 500px;
    }

    .rangers-image-small {
        width: 40%;
    }

    .rangers-values {
        grid-template-columns: repeat(2, 1fr);
    }

    .rangers-value:nth-child(2) {
        border-right: 0;
    }

    .rangers-value:nth-child(-n+2) {
        border-bottom: 1px solid #d8d1c5;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .basc-rangers {
        padding: 55px 16px;
    }

    .rangers-title h2 {
        font-size: 48px;
    }

    .rangers-intro {
        padding-left: 18px;
    }

    .rangers-intro p {
        font-size: 15px;
        line-height: 1.75;
    }

    .rangers-gallery {
        min-height: 470px;
    }

    .rangers-image-main {
        width: 84%;
        height: 410px;
        border-radius: 65px 0 65px 0;
    }

    .rangers-image-small {
        height: 165px;
        width: 43%;
        bottom: 10px;
    }

    .rangers-number {
        left: -10px;
        top: 50px;
        width: 95px;
        height: 95px;
        border-width: 6px;
    }

    .rangers-number strong {
        font-size: 29px;
    }

    .rangers-number span {
        font-size: 7px;
    }

    .rangers-circle {
        width: 60px;
        height: 60px;
        border-width: 9px;
        right: 4%;
    }

    .rangers-section-heading {
        gap: 12px;
    }

    .rangers-section-heading h3 {
        font-size: 30px;
    }

    .ranger-item {
        grid-template-columns: 42px 1fr;
        gap: 10px;
        padding: 17px 5px;
    }

    .ranger-leader {
        grid-column: 2;
        min-width: 0;
        margin-top: -4px;
    }

    .ranger-leader span {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 14px;
    }

    .ranger-leader strong {
        font-size: 13px;
    }

    .ranger-name h4 {
        font-size: 15px;
    }

    .ranger-name p {
        font-size: 14px;
    }

    .rangers-values {
        margin-top: 50px;
    }

    .rangers-value {
        padding: 22px 17px;
    }

    .rangers-value strong {
        font-size: 19px;
    }

    .rangers-value p {
        font-size: 14px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .basc-rangers {
        padding: 45px 13px;
    }

    .rangers-kicker {
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .rangers-title h2 {
        font-size: 39px;
    }

    .rangers-title-line {
        width: 70px;
        height: 4px;
    }

    .rangers-gallery {
        min-height: 385px;
    }

    .rangers-image-main {
        width: 88%;
        height: 325px;
        border-radius: 48px 0 48px 0;
    }

    .rangers-image-small {
        width: 43%;
        height: 125px;
        padding: 5px;
    }

    .rangers-number {
        width: 76px;
        height: 76px;
        top: 35px;
        left: -6px;
        border-width: 5px;
    }

    .rangers-number strong {
        font-size: 23px;
    }

    .rangers-number span {
        font-size:14px;
        letter-spacing: 1px;
    }

    .rangers-circle {
        width: 45px;
        height: 45px;
        border-width: 7px;
        top: 4px;
    }

    .rangers-section-heading small {
        font-size: 14px;
        letter-spacing: 1.1px;
    }

    .rangers-section-heading h3 {
        font-size: 26px;
    }

    .ranger-item {
        grid-template-columns: 32px 1fr;
        padding: 15px 3px;
    }

    .ranger-index {
        font-size: 15px;
    }

    .ranger-name h4 {
        font-size: 14px;
        line-height: 1.35;
    }

    .ranger-leader {
        margin-top: 0;
    }

    .ranger-leader strong {
        font-size: 14px;
    }

    .rangers-values {
        grid-template-columns: 1fr;
    }

    .rangers-value,
    .rangers-value:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid #d8d1c5;
    }

    .rangers-value:last-child {
        border-bottom: 0;
    }
}


/* =========================================================
   EXTRA SMALL DEVICES
   ========================================================= */

@media (max-width: 350px) {

    .basc-rangers {
        padding: 38px 10px;
    }

    .rangers-title h2 {
        font-size: 34px;
    }

    .rangers-intro p {
        font-size: 15px;
    }

    .rangers-gallery {
        min-height: 340px;
    }

    .rangers-image-main {
        height: 285px;
        border-radius: 40px 0 40px 0;
    }

    .rangers-image-small {
        height: 105px;
    }

    .rangers-number {
        width: 65px;
        height: 65px;
    }

    .rangers-number strong {
        font-size: 20px;
    }

    .rangers-section-heading h3 {
        font-size: 23px;
    }

    .ranger-item {
        grid-template-columns: 28px 1fr;
    }

    .ranger-name h4 {
        font-size: 14px;
    }

    .ranger-leader strong {
        font-size: 14px;
    }

    .rangers-value {
        padding: 20px 14px;
    }
}

/* ===========================================
   TABLET
=========================================== */

@media (max-width: 1000px) {
    .basc-alumnae .al-container {
        width: 94%;
    }

    .basc-alumnae .al-hero {
        grid-template-columns: 1fr 0.65fr;
        padding: 38px 30px;
    }

    .basc-alumnae .al-hero-art {
        max-width: 280px;
    }

    .basc-alumnae .al-objectives-grid,
    .basc-alumnae .al-alumnae-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .basc-alumnae .al-registration-section {
        padding: 30px;
    }

    .basc-alumnae .al-registration-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* ===========================================
   MOBILE
=========================================== */

@media (max-width: 767px) {
    .basc-alumnae {
        padding: 18px 0;
    }

    .basc-alumnae .al-container {
        width: 92%;
    }

    .basc-alumnae p {
        font-size: 15px !important;
        line-height: 1.75;
        text-align: justify !important;
    }

    .basc-alumnae h2 {
        font-size: 25px;
    }

    .basc-alumnae h3 {
        font-size: 19px;
    }

    .basc-alumnae .al-section {
        padding: 32px 0;
    }

    .basc-alumnae .al-hero {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 30px 22px;
        border-radius: 4px 24px 4px 24px;
    }

    .basc-alumnae .al-hero h1 {
        font-size: 30px;
    }

    .basc-alumnae .al-hero p {
        font-size: 15px !important;
    }

    .basc-alumnae .al-hero-art {
        width: 220px;
        max-width: 100%;
        margin: 8px auto 0;
    }

    .basc-alumnae .al-art-main {
        font-size: 17px;
    }

    .basc-alumnae .al-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .basc-alumnae .al-btn {
        width: 100%;
    }

    .basc-alumnae .al-intro-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 5px 0;
    }

    .basc-alumnae .al-intro-title {
        padding: 0 0 18px;
        border-right: 0;
        border-bottom: 3px solid #e5b72f;
    }

    .basc-alumnae .al-intro-title h2 {
        font-size: 27px;
    }

    .basc-alumnae .al-purpose {
        padding: 25px 18px;
    }

    .basc-alumnae .al-purpose-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .basc-alumnae .al-purpose-card {
        min-height: auto;
        padding: 24px;
    }

    .basc-alumnae .al-objectives-grid,
    .basc-alumnae .al-alumnae-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .basc-alumnae .al-objective-card {
        padding: 22px;
    }

    .basc-alumnae .al-committee-section {
        padding: 30px 15px;
    }

    .basc-alumnae .al-committee-note {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 16px;
    }

    .basc-alumnae .al-table-wrap {
        overflow-x: auto;
    }

    .basc-alumnae .al-committee-table {
        min-width: 510px;
    }

    .basc-alumnae .al-committee-table th,
    .basc-alumnae .al-committee-table td {
        padding: 12px;
        font-size: 14px;
    }

    .basc-alumnae .al-events-banner {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 23px 18px;
    }

    .basc-alumnae .al-events-copy h2 {
        font-size: 28px;
    }

    .basc-alumnae .al-event-item {
        gap: 12px;
        padding: 14px;
    }

    .basc-alumnae .al-profile-top {
        min-height: 110px;
    }

    .basc-alumnae .al-profile-body {
        padding: 20px;
    }

    .basc-alumnae .al-registration-section {
        padding: 23px 15px;
    }

    .basc-alumnae .al-registration-intro h2 {
        font-size: 27px;
    }

    .basc-alumnae .al-form-panel {
        padding: 20px 15px;
    }

    .basc-alumnae .al-form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .basc-alumnae .al-field-full {
        grid-column: auto;
    }

    .basc-alumnae .al-interest-field,
    .basc-alumnae .al-consent-options {
        grid-column: 1;
    }

    .basc-alumnae .al-footer {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px 20px;
    }

    .basc-alumnae .al-footer h2 {
        font-size: 22px;
    }
}

/* ===========================================
   SMALL MOBILE
=========================================== */

@media (max-width: 480px) {
    .basc-alumnae .al-container {
        width: 94%;
    }

    .basc-alumnae .al-hero {
        padding: 25px 17px;
    }

    .basc-alumnae .al-hero h1 {
        font-size: 27px;
    }

    .basc-alumnae .al-kicker {
        font-size: 10px;
    }

    .basc-alumnae h2 {
        font-size: 23px;
    }

    .basc-alumnae .al-section-heading {
        margin-bottom: 23px;
    }

    .basc-alumnae .al-purpose-heading h2 {
        font-size: 23px;
    }

    .basc-alumnae .al-purpose-number {
        font-size: 58px;
    }

    .basc-alumnae .al-objective-card {
        padding: 20px 17px;
    }

    .basc-alumnae .al-event-item h3 {
        font-size: 17px;
    }

    .basc-alumnae .al-profile-top {
        padding: 18px;
    }

    .basc-alumnae .al-profile-field {
        font-size: 10px;
    }

    .basc-alumnae .al-interest-field {
        gap: 8px;
        padding: 12px;
    }

    .basc-alumnae .al-check {
        font-size: 12px;
        padding: 8px;
    }

    .basc-alumnae .al-registration-section {
        padding: 20px 12px;
    }
}

/* EXTRA SMALL SCREENS */

@media (max-width: 350px) {
    .basc-alumnae .al-container {
        width: 96%;
    }

    .basc-alumnae .al-hero h1 {
        font-size: 24px;
    }

    .basc-alumnae .al-hero-art {
        width: 190px;
    }

    .basc-alumnae .al-art-main {
        font-size: 15px;
    }

    .basc-alumnae .al-footer {
        padding: 20px 15px;
    }
}





/* TABLET */

@media (max-width: 1100px) {
    .rangers-container {
        width: 94%;
    }

    .rangers-top {
        gap: 30px;
    }

    .rangers-main {
        grid-template-columns: 0.75fr 1.25fr;
        gap: 25px;
    }

    .rangers-gallery {
        min-height: 390px;
    }

    .rangers-image-main {
        height: 280px;
    }

    .rangers-image-small {
        height: 145px;
    }

    .rangers-number {
        width: 130px;
        height: 130px;
    }

    .rangers-number strong {
        font-size: 48px;
    }

    .rangers-number span {
        font-size: 13px;
    }

    .ranger-list {
        column-gap: 12px;
    }

    .ranger-item {
        gap: 10px;
        padding: 12px 5px;
    }

    .ranger-index {
        flex-basis: 54px;
        width: 54px;
        height: 54px;
        font-size: 21px;
    }

    .ranger-details {
        padding-left: 10px;
    }

    .ranger-details h4 {
        font-size: 15px;
    }

    .rangers-value {
        gap: 10px;
        padding: 8px 12px;
    }

    .value-icon {
        flex-basis: 55px;
        width: 55px;
        height: 55px;
        font-size: 28px;
    }

    .rangers-value h4 {
        font-size: 18px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .basc-rangers {
        padding-top: 40px;
    }

    .rangers-container {
        width: 91%;
    }

    .rangers-top {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 30px;
    }

    .rangers-kicker {
        gap: 8px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .rangers-heading h2 {
        font-size: clamp(29px, 7vw, 42px);
    }

    .rangers-intro {
        padding-left: 16px;
        font-size: 14px;
        line-height: 1.8;
    }

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

    .rangers-gallery {
        width: 100%;
        max-width: 450px;
        min-height: 390px;
        margin: 0 auto;
    }

    .rangers-image-main {
        width: 88%;
        height: 290px;
    }

    .rangers-image-small {
        right: 2%;
        bottom: 30px;
        width: 52%;
        height: 145px;
    }

    .rangers-number {
        left: 1%;
        bottom: 10px;
        width: 125px;
        height: 125px;
    }

    .rangers-number strong {
        font-size: 45px;
    }

    .rangers-section-heading {
        gap: 13px;
    }

    .heading-number {
        width: 58px;
        height: 58px;
        font-size: 23px;
    }

    .rangers-section-heading small {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .rangers-section-heading h3 {
        font-size: clamp(20px, 5.5vw, 29px);
    }

    .ranger-list {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .ranger-item {
        min-height: 100px;
        padding: 12px 10px;
    }

    .ranger-index {
        flex-basis: 60px;
        width: 60px;
        height: 60px;
        font-size: 23px;
    }

    .ranger-details h4 {
        font-size: 16px;
    }

    .ranger-details p {
        font-size: 13px;
    }

    .ranger-details strong {
        font-size: 12px;
    }

    .rangers-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 25px;
        margin-top: 40px;
        padding: 35px 0;
    }

    .rangers-values::before {
        border-radius: 30px 30px 0 0;
    }

    .rangers-value {
        gap: 10px;
        padding: 8px 10px;
    }

    .rangers-value + .rangers-value {
        border-left: 0;
    }

    .rangers-value:nth-child(even) {
        border-left: 1px solid #cbd6e3;
    }

    .value-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        font-size: 23px;
    }

    .rangers-value span {
        font-size: 14px;
    }

    .rangers-value h4 {
        font-size: 17px;
    }

    .rangers-value p {
        font-size: 12px;
        line-height: 1.6;
    }
}

/* SMALL MOBILE */

@media (max-width: 400px) {
    .rangers-container {
        width: 93%;
    }

    .rangers-gallery {
        min-height: 330px;
    }

    .rangers-image-main {
        height: 245px;
    }

    .rangers-image-small {
        height: 125px;
        border-width: 5px;
    }

    .rangers-number {
        width: 105px;
        height: 105px;
    }

    .rangers-number strong {
        font-size: 37px;
    }

    .rangers-number span {
        font-size: 11px;
    }

    .rangers-section-heading h3 {
        font-size: 19px;
    }

    .rangers-value {
        flex-direction: column;
        gap: 8px;
    }

    .rangers-value h4 {
        font-size: 16px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .basc-rangers *,
    .basc-rangers *::before,
    .basc-rangers *::after {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


/* TABLET */

@media (max-width: 1100px) {
    .basc-contact-layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
        gap: 22px;
    }

    .basc-contact-left {
        display: none;
    }

    .basc-contact-right {
        min-height: 500px;
    }

    .basc-contact-right > img {
        min-height: 500px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .basc-contact-section {
        padding: 45px 18px;
    }

    .basc-contact-heading {
        margin-bottom: 30px;
    }

    .basc-contact-heading p {
        font-size: 14px;
    }

    .basc-contact-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .basc-contact-left,
    .basc-contact-right {
        display: block;
        min-height: 260px;
    }

    .basc-contact-image-caption {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 15px;
    }

    .basc-contact-image-caption h3 {
        font-size: 17px;
    }

    .basc-contact-form-wrapper {
        padding: 25px 19px;
    }

    .basc-contact-form-title h3 {
        font-size: 23px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .basc-contact-section {
        padding: 35px 12px;
    }

    .basc-contact-form-wrapper {
        padding: 22px 14px;
    }

    .basc-contact-field input,
    .basc-contact-field select,
    .basc-contact-field textarea {
        font-size: 13px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .basc-contact-section *,
    .basc-contact-section *::before,
    .basc-contact-section *::after {
        transition: none !important;
    }
}
/* TABLET */

@media (max-width: 1050px) {
    .basc-career-intro {
        gap: 30px;
    }

    .basc-career-areas,
    .basc-career-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .basc-career-openings {
        gap: 28px;
    }

    .basc-career-apply {
        gap: 28px;
        padding: 25px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .basc-career-hero {
        min-height: 350px;
        padding: 50px 22px;
    }

    .basc-career-hero-content h1 {
        font-size: 34px;
    }

    .basc-career-hero-content p {
        font-size: 14px;
    }

    .basc-career-intro {
        grid-template-columns: 1fr;
        gap: 28px;
        margin: 45px auto;
        padding: 0 18px;
    }

    .basc-career-intro-image {
        height: 280px;
    }

    .basc-career-areas,
    .basc-career-process {
        grid-template-columns: 1fr;
        gap: 17px;
        margin-bottom: 50px;
        padding: 0 18px;
    }

    .basc-career-section-heading {
        margin-bottom: 30px;
    }

    .basc-career-openings {
        grid-template-columns: 1fr;
        gap: 25px;
        margin: 0 18px 55px;
        padding: 18px;
    }

    .basc-career-opening-image,
    .basc-career-opening-image img {
        min-height: 260px;
        height: 260px;
    }

    .basc-career-apply {
        grid-template-columns: 1fr;
        gap: 28px;
        margin: 0 18px 30px;
        padding: 20px;
    }

    .basc-career-form-image {
        min-height: 300px;
    }

    .basc-career-form {
        grid-template-columns: 1fr;
    }

    .basc-career-full {
        grid-column: auto;
    }

    .basc-career-footer-note {
        margin: 0 18px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .basc-career-hero-content h1 {
        font-size: 29px;
    }

    .basc-career-card {
        padding: 22px 18px;
    }

    .basc-career-form-content h2 {
        font-size: 26px;
    }

    .basc-career-apply {
        padding: 15px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .basc-career *,
    .basc-career *::before,
    .basc-career *::after {
        transition: none !important;
    }
}

/* TABLET */

@media (max-width: 900px) {
    .basc-admission-content {
        gap: 18px;
    }

    .basc-admission-form {
        padding: 20px;
    }

    .basc-admission-info img {
        height: 260px;
    }

    .form-heading h2 {
        font-size: 21px;
    }

    .basc-admission-form .form-row {
        gap: 10px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .basc-admission {
        padding: 32px 14px;
    }

    .basc-admission-heading {
        margin-bottom: 22px;
    }

    .basc-admission-heading h1 {
        font-size: 27px;
    }

    .basc-admission-heading p {
        font-size: 14px;
    }

    .basc-admission-content {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .basc-admission-info img {
        height: 250px;
    }

    .admission-info-text {
        padding: 18px;
    }

    .admission-info-text h2 {
        font-size: 22px;
    }

    .basc-admission-form {
        padding: 20px;
    }
}

/* SMALL MOBILE */

@media (max-width: 420px) {
    .basc-admission-heading h1 {
        font-size: 24px;
    }

    .basc-admission-form .form-row {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 14px;
    }

    .basc-admission-form .form-row .form-group {
        margin-bottom: 0;
    }

    .basc-admission-info img {
        height: 215px;
    }

    .basc-admission-form {
        padding: 16px;
    }

    .form-heading h2 {
        font-size: 20px;
    }
}


/* TABLET */

@media (max-width: 768px) {
    .basc-results {
        padding: 40px 16px;
    }

    .basc-results-card {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 18px;
        padding: 24px;
    }

    .results-icon {
        width: 65px;
        height: 65px;
        font-size: 28px;
    }

    .results-content h3 {
        font-size: 21px;
    }

    .results-details {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* MOBILE */

@media (max-width: 520px) {
    .basc-results {
        padding: 32px 14px;
    }

    .basc-results-heading {
        margin-bottom: 22px;
    }

    .basc-results-heading h2 {
        font-size: 26px;
    }

    .basc-results-heading p {
        font-size: 14px;
    }

    .basc-results-card {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 20px;
    }

    .results-icon {
        width: 58px;
        height: 58px;
        font-size: 25px;
    }

    .results-content h3 {
        font-size: 20px;
    }

    .results-description {
        font-size: 13px;
    }

    .results-button {
        display: flex;
        width: 100%;
        padding: 12px 14px;
        font-size: 13px;
    }

    .results-note {
        font-size: 11px;
    }
}


/* TABLET */

@media (max-width: 991px) {

    .basc-principal-awards {
        padding: 50px 0;
    }

    .basc-awards-heading h2 {
        font-size: 30px;
    }

    .basc-awards-set {
        gap: 20px;
        padding-right: 20px;
    }

    .basc-award-item {
        width: 240px;
        flex-basis: 240px;
    }

    .basc-award-item img {
        height: 255px;
    }

    .basc-award-item h3 {
        font-size: 17px;
    }
}

/* MOBILE */

@media (max-width: 768px) {

    .basc-principal-awards {
        padding: 40px 0 45px;
    }

    .basc-awards-heading {
        margin-bottom: 20px;
    }

    .basc-awards-kicker {
        font-size: 12px;
        letter-spacing: 1.2px;
    }

    .basc-awards-heading h2 {
        font-size: 26px;
    }

    .basc-awards-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .basc-awards-controls {
        margin-bottom: 18px;
    }

    .basc-awards-set {
        gap: 18px;
        padding-right: 18px;
    }

    .basc-award-item {
        width: 210px;
        flex-basis: 210px;
    }

    .basc-award-item img {
        height: 225px;
    }

    .basc-award-item h3 {
        font-size: 16px;
    }

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

/* SMALL MOBILE */

@media (max-width: 468px) {

    .basc-awards-heading h2 {
        font-size: 23px;
    }

    .basc-awards-controls {
        gap: 12px;
    }

    .basc-awards-arrow {
        width: 38px;
        height: 38px;
    }

    .basc-awards-toggle {
        height: 38px;
        min-width: 95px;
        font-size: 14px;
        padding: 0 15px;
    }

    .basc-awards-set {
        gap: 15px;
        padding-right: 15px;
    }

    .basc-award-item {
        width: 185px;
        flex-basis: 185px;
    }

    .basc-award-item img {
        height: 205px;
    }

    .basc-award-item figcaption {
        padding-top: 12px;
    }

    .basc-award-item h3 {
        font-size: 15px;
    }

    .basc-award-item p {
        font-size: 13px;
        line-height: 1.6;
    }
}

@media (prefers-reduced-motion: reduce) {
    .basc-award-item img {
        transition: none;
    }
}


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

@media (max-width: 991px) {

    .basc-admission-area {
        padding: 60px 22px;
    }

    .basc-admission-top {
        gap: 25px;
        margin-bottom: 45px;
    }

    .basc-round-number {
        width: 115px;
        height: 115px;
        min-width: 115px;
    }

    .basc-round-number span {
        font-size: 39px;
    }

    .basc-admission-layout {
        column-gap: 40px;
        padding: 0 5px;
    }

    .basc-flow-card {
        grid-template-columns: 48px minmax(0, 1fr) 32px;
        gap: 12px;
        padding: 22px 0 32px;
    }

    .basc-card-circle {
        width: 46px;
        height: 46px;
        font-size: 17px;
    }

    .basc-flow-content h3 {
        font-size: 20px;
    }

    .basc-card-symbol {
        width: 30px;
        min-width: 30px;
        font-size: 25px;
    }

    .basc-admission-footer {
        grid-template-columns: 55px minmax(0, 1fr);
    }

    .basc-footer-decoration {
        display: none;
    }

}


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

@media (max-width: 650px) {

    .basc-admission-area {
        padding: 45px 18px;
    }

    .basc-admission-top {
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 35px;
    }

    .basc-title-tag {
        gap: 8px;
        font-size: 17px;
        letter-spacing: 1.5px;
    }

    .basc-title-tag span {
        width: 19px;
    }

    .basc-title-block h2 {
        font-size: 31px;
        margin-bottom: 17px;
    }

    .basc-title-block p {
        font-size: 17px;
        line-height: 1.8;
    }

    .basc-round-number {
        width: 76px;
        height: 76px;
        min-width: 76px;
        margin-top: 25px;
    }

    .basc-round-number::before {
        inset: 4px;
    }

    .basc-round-number::after {
        width: 7px;
        height: 7px;
        top: 2px;
        right: 14px;
    }

    .basc-round-number span {
        font-size: 27px;
    }

    .basc-round-number small {
        font-size: 17px;
        letter-spacing: 1px;
        margin-top: 5px;
    }

    .basc-admission-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 0;
    }

    .basc-admission-layout::before {
        left: 23px;
        transform: none;
    }

    .basc-flow-card {
        grid-template-columns: 48px minmax(0, 1fr) 28px;
        gap: 13px;
        padding: 24px 0 30px;
    }

    .basc-card-circle {
        width: 46px;
        height: 46px;
        font-size: 17px;
    }

    .basc-step-text {
        font-size: 17px;
        letter-spacing: 1.3px;
        margin-bottom: 9px;
    }

    .basc-flow-content h3 {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .basc-flow-content p {
        font-size: 17px;
        line-height: 1.8;
    }

    .basc-card-symbol {
        width: 28px;
        min-width: 28px;
        height: 35px;
        font-size: 23px;
        margin-top: 20px;
    }

    .basc-card-shape {
        width: 55px;
        height: 55px;
        right: 3px;
        bottom: 10px;
    }

    .basc-admission-footer {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 16px;
        margin-top: 35px;
        padding-top: 25px;
    }

    .basc-footer-icon {
        width: 43px;
        height: 43px;
        font-size: 20px;
    }

    .basc-footer-content h3 {
        font-size: 21px;
        line-height: 1.4;
    }

    .basc-footer-content p {
        font-size: 17px;
        line-height: 1.8;
    }

}


/* =========================================
   REDUCED MOTION ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {

    .basc-admission-area *,
    .basc-admission-area *::before,
    .basc-admission-area *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

}

/* TABLET */

@media (max-width: 760px) {
    .al-section {
        padding: 55px 20px;
    }

    .al-section-heading {
        margin-bottom: 45px;
    }

    .al-story,
    .al-story-right {
        grid-template-columns: 115px minmax(0, 1fr);
        gap: 25px;
        padding-bottom: 45px;
    }

    .al-story .al-story-photo,
    .al-story-right .al-story-photo {
        order: 1;
        width: 115px;
        height: 175px;
    }

    .al-story .al-story-content,
    .al-story-right .al-story-content {
        order: 2;
        text-align: left;
    }

    .al-story-right .al-story-line,
    .al-story-right .al-story-highlight {
        margin-left: 0;
    }

    .al-story-photo::after {
        right: -6px;
        bottom: -6px;
        top: 6px;
        left: 6px;
    }

    .al-photo-number,
    .al-story-right .al-photo-number {
        width: 35px;
        height: 35px;
        left: -5px;
        right: auto;
        bottom: -8px;
    }

    .al-story-content h3 {
        font-size: 25px;
    }

    .al-story-category {
        font-size: 17px;
        letter-spacing: 0.8px;
    }

    .al-join-section {
        margin-top: 45px;
    }
}

/* MOBILE */

@media (max-width: 480px) {
    .al-section {
        padding: 42px 17px;
    }

    .al-kicker {
        font-size: 17px;
        letter-spacing: 1px;
        gap: 8px;
    }

    .al-kicker span {
        width: 20px;
    }

    .al-section-heading h2 {
        font-size: 32px;
    }

    .al-story,
    .al-story-right {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 0 0 40px;
    }

    .al-story .al-story-photo,
    .al-story-right .al-story-photo {
        width: calc(100% - 10px);
        height: 260px;
    }

    .al-story .al-story-content,
    .al-story-right .al-story-content {
        text-align: left;
    }

    .al-story-content h3 {
        font-size: 27px;
    }

    .al-story-content p,
    .al-section-heading p,
    .al-join-content p {
        font-size: 17px;
        line-height: 1.8;
    }

    .al-story-category {
        font-size: 17px;
    }

    .al-story-line {
        margin: 14px 0;
    }

    .al-join-section {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 15px;
        padding: 25px 0;
    }

    .al-join-mark {
        width: 45px;
        height: 45px;
        font-size: 21px;
    }

    .al-join-content h3 {
        font-size: 23px;
    }

    .al-join-decoration {
        font-size: 32px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .al-section *,
    .al-section *::before,
    .al-section *::after {
        animation: none !important;
        transition: none !important;
    }
}
/* TABLET */

@media (max-width: 850px) {
    .bascw-flow-columns {
        gap: 30px;
    }

    .bascw-flow-course ul {
        grid-template-columns: 1fr;
    }

    .bascw-flow-research {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .bascw-flow-research-subjects {
        grid-column: 2;
        justify-content: flex-start;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .bascw-course-flow {
        padding: 38px 16px;
        font-size: 15px;
    }

    .bascw-flow-heading {
        margin-bottom: 34px;
    }

    .bascw-flow-heading h2 {
        font-size: 30px;
    }

    .bascw-flow-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .bascw-flow-group {
        margin-bottom: 34px;
    }

    .bascw-flow-title {
        gap: 13px;
        margin-bottom: 17px;
        padding-bottom: 15px;
    }

    .bascw-flow-number {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 15px;
    }

    .bascw-flow-title h3 {
        font-size: 21px;
    }

    .bascw-flow-columns {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .bascw-flow-course-title {
        padding-top: 15px;
    }

    .bascw-flow-course-title h4 {
        font-size: 18px;
    }

    .bascw-flow-course ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
    }

    .bascw-flow-course li {
        font-size: 15px;
        padding: 9px 0 9px 15px;
    }

    .bascw-flow-course li::before {
        top: 16px;
        width: 5px;
        height: 5px;
    }

    .bascw-flow-research {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 14px;
        padding: 22px 0;
    }

    .bascw-flow-research-mark {
        width: 44px;
        height: 44px;
        font-size: 19px;
    }

    .bascw-flow-research-info h3 {
        font-size: 21px;
    }

    .bascw-flow-research-info p {
        font-size: 15px;
    }

    .bascw-flow-research-subjects {
        grid-column: 1 / -1;
        gap: 8px 15px;
    }

    .bascw-flow-research-subjects span {
        padding: 7px 0;
        font-size: 14px;
    }
}

/* VERY SMALL MOBILE */

@media (max-width: 360px) {
    .bascw-course-flow {
        padding-right: 12px;
        padding-left: 12px;
    }

    .bascw-flow-course ul {
        grid-template-columns: 1fr;
    }

    .bascw-flow-title h3 {
        font-size: 19px;
    }

    .bascw-flow-research {
        grid-template-columns: 1fr;
    }

    .bascw-flow-research-subjects {
        grid-column: 1;
    }
}


/* Tablet */

@media (max-width: 900px) {
    .basc-rd-section {
        padding: 45px 22px 35px;
    }

    .rd-introduction {
        grid-template-columns: 190px minmax(0, 1fr);
        gap: 25px;
    }

    .rd-visual-circle {
        width: 160px;
        height: 160px;
    }

    .rd-visual-symbol {
        font-size: 43px;
    }

    .rd-objectives-list {
        column-gap: 25px;
    }

    .rd-objective {
        grid-template-columns: 38px 15px minmax(0, 1fr);
        column-gap: 9px;
    }

    .rd-number {
        width: 36px;
        height: 36px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .basc-rd-section {
        padding: 35px 16px 30px;
    }

    .rd-heading {
        margin-bottom: 25px;
    }

    .rd-kicker {
        font-size: 17px;
        letter-spacing: 1px;
    }

    .rd-heading h2 {
        font-size: 29px;
    }

    .rd-introduction {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 32px;
        padding-top: 5px;
        padding-bottom: 28px;
    }

    .rd-intro-visual {
        min-height: 175px;
    }

    .rd-visual-circle {
        width: 155px;
        height: 155px;
    }

    .rd-dot-one {
        right: calc(50% - 95px);
    }

    .rd-dot-two {
        left: calc(50% - 100px);
    }

    .rd-dot-three {
        right: calc(50% - 90px);
    }

    .rd-dot-four {
        left: calc(50% - 85px);
    }

    .rd-intro-content h3 {
        font-size: 23px;
    }

    .rd-intro-content p,
    .rd-objectives-heading p,
    .rd-objective p {
        font-size: 17px;
        line-height: 1.75;
        text-align: justify;
    }

    .rd-objectives-heading {
        margin-bottom: 16px;
        padding-left: 16px;
    }

    .rd-objectives-heading h3 {
        font-size: 24px;
    }

    .rd-objectives-list {
        grid-template-columns: 1fr;
    }

    .rd-objective {
        grid-template-columns: 40px 15px minmax(0, 1fr);
        column-gap: 10px;
        padding: 18px 0;
    }

    .rd-number {
        width: 37px;
        height: 37px;
    }

    .rd-blob-one {
        right: -35px;
    }

    .rd-blob-two {
        left: -30px;
    }
}

/* Reduced motion accessibility */

@media (prefers-reduced-motion: reduce) {
    .rd-objective {
        transition: none;
    }

    .rd-objective:hover {
        transform: none;
    }
}

/* Mobile responsive */

@media (max-width: 600px) {
    .basc-publication-pdf {
        padding: 32px 15px;
    }

    .publication-pdf-content {
        padding: 5px 0;
    }

    .publication-pdf-content h2 {
        font-size: 28px;
    }

    .publication-pdf-content p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .publication-pdf-button {
        gap: 10px;
        padding: 11px 17px;
        min-height: 56px;
        font-size: 17px;
    }

    .publication-pdf-icon {
        min-width: 38px;
        height: 38px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .publication-pdf-button,
    .publication-pdf-arrow {
        transition: none;
    }
}
/* Tablet */

@media (max-width: 900px) {
    .cs-section {
        padding: 35px 16px 45px;
    }

    .cs-toolbar {
        grid-template-columns: 1fr 220px;
        gap: 15px;
    }

    .cs-table th,
    .cs-table td {
        padding: 14px 11px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .cs-section {
        padding: 28px 12px 35px;
        font-size: 16px;
    }

    .cs-heading {
        margin-bottom: 25px;
    }

    .cs-heading h1 {
        font-size: 28px;
    }

    .cs-heading p {
        font-size: 16px;
        line-height: 1.7;
    }

    .cs-summary {
        margin-bottom: 25px;
        padding: 17px 5px;
    }

    .cs-summary-item {
        padding: 5px;
        gap: 7px;
    }

    .cs-summary-number {
        font-size: 23px;
    }

    .cs-summary-item span:last-child {
        font-size: 12px;
        line-height: 1.5;
    }

    .cs-toolbar {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cs-search input,
    .cs-filter select {
        height: 45px;
        font-size: 15px;
    }

    .cs-table {
        min-width: 780px;
    }

    .cs-table th,
    .cs-table td {
        padding: 12px 10px;
        font-size: 14px;
    }

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

    .cs-page-buttons {
        width: 100%;
    }

    .cs-page-buttons button {
        flex: 1;
    }
}

/* Reduced motion accessibility */

@media (prefers-reduced-motion: reduce) {
    .cs-table tbody tr,
    .cs-page-buttons button {
        transition: none;
    }
}

/* TABLET */

@media (max-width: 900px) {
    .im-hero {
        padding: 30px 5%;
        gap: 18px;
    }

    .im-hero-art {
        height: 245px;
    }

    .im-about,
    .im-vision,
    .im-services {
        padding: 30px 5%;
        gap: 25px;
    }

    .im-project,
    .im-objectives,
    .im-activities {
        padding: 30px 5%;
    }

    .im-project-layout,
    .im-project-reverse {
        gap: 25px;
    }

    .im-project-photo {
        height: 275px;
    }

    .im-process {
        gap: 15px;
    }

    .im-gallery {
        gap: 15px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .im-hero {
        grid-template-columns: 1fr;
        padding: 28px 20px 25px;
        gap: 20px;
    }

    .im-hero h1 {
        font-size: 42px;
    }

    .im-hero-art {
        width: 92%;
        height: 225px;
        margin: 0 auto;
    }

    .im-round-label {
        width: 76px;
        height: 76px;
        left: -12px;
        font-size: 9px;
    }

    .im-about {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 20px;
    }

    .im-photo {
        height: 235px;
        max-width: 360px;
        width: 100%;
        margin: 0 auto;
    }

    .im-text h2,
    .im-section-heading h2,
    .im-services-content h2,
    .im-activity-heading h2 {
        font-size: 29px;
    }

    .im-vision {
        grid-template-columns: 1fr;
        padding: 27px 20px;
        gap: 15px;
    }

    .im-vision-photo {
        height: 185px;
        width: 88%;
        margin-left: auto;
    }

    .im-objectives {
        padding: 28px 20px;
    }

    .im-objective-list {
        grid-template-columns: 1fr;
    }

    .im-services {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 28px 20px;
    }

    .im-services-photo {
        height: 245px;
        width: 90%;
        margin: 0 auto;
    }

    .im-project {
        padding: 28px 20px;
    }

    .im-project-layout,
    .im-project-reverse {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .im-project-reverse .im-project-photo,
    .im-project-reverse .im-project-copy {
        order: initial;
    }

    .im-project-photo {
        height: 235px;
        width: 92%;
        margin: 0 auto;
    }

    .im-project-heading h2 {
        font-size: 31px;
    }

    .im-project-copy h3 {
        font-size: 21px;
    }

    .im-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }

    .im-activities {
        padding: 28px 20px;
    }

    .im-gallery {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .im-gallery figure:nth-child(2) {
        padding-top: 0;
    }

    .im-gallery img {
        height: 225px;
        width: 90%;
    }

    .im-gallery figure:nth-child(2) img {
        margin-left: auto;
    }

    .im-footer {
        padding: 25px 15px;
    }
}

/* VERY SMALL SCREENS */

@media (max-width: 360px) {
    .im-hero h1 {
        font-size: 35px;
    }

    .im-process {
        grid-template-columns: 1fr;
    }

    .im-modern p,
    .im-modern li {
        font-size: 17px;
    }
}

/* TABLET */

@media (max-width: 900px) {
    .rp-banner {
        min-height: 270px;
        padding: 45px 5%;
    }

    .rp-container {
        padding: 0 22px;
    }

    .rp-intro {
        margin-top: 32px;
    }

    .rp-controls {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .rp-decoration-one {
        right: 8%;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .rp-section {
        padding-bottom: 28px;
    }

    .rp-banner {
        min-height: 250px;
        padding: 36px 22px;
    }

    .rp-eyebrow {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .rp-banner h1 {
        font-size: 32px;
    }

    .rp-banner-content > p {
        font-size: 16px;
    }

    .rp-breadcrumb {
        gap: 8px;
        font-size: 13px;
    }

    .rp-container {
        padding: 0 16px;
    }

    .rp-intro {
        margin: 28px 0;
        padding-left: 15px;
    }

    .rp-intro h2 {
        font-size: 23px;
    }

    .rp-intro p {
        font-size: 17px;
        line-height: 1.8;
    }

    .rp-summary {
        margin-bottom: 32px;
    }

    .rp-summary-item {
        min-height: 95px;
        padding: 15px 5px;
    }

    .rp-summary-number {
        font-size: 25px;
    }

    .rp-summary-label {
        font-size: 12px;
        line-height: 1.5;
    }

    .rp-toolbar-heading {
        align-items: flex-start;
        gap: 12px;
    }

    .rp-section-number {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .rp-toolbar-heading h3,
    .rp-table-heading h3 {
        font-size: 20px;
    }

    .rp-toolbar-heading p {
        font-size: 14px;
    }

    .rp-controls {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .rp-controls input,
    .rp-controls select {
        height: 47px;
        font-size: 15px;
    }

    .rp-table th {
        padding: 14px 12px;
    }

    .rp-table td {
        padding: 14px 12px;
        font-size: 15px;
    }

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

    .rp-page-buttons {
        width: 100%;
    }

    .rp-page-buttons button {
        flex: 1;
        min-width: 0;
    }

    .rp-note {
        padding: 14px;
    }

    .rp-note p {
        font-size: 14px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .rp-section *,
    .rp-section *::before,
    .rp-section *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {
    .br-hero-inner {
        min-height: 305px;
        padding: 35px 24px;
    }

    .br-hero-graphic {
        flex-basis: 180px;
        width: 180px;
        height: 190px;
    }

    .br-graphic-ring {
        width: 165px;
        height: 165px;
    }

    .br-content {
        padding: 32px 23px;
    }

    .br-overview {
        grid-template-columns: 75px minmax(0, 1fr);
        gap: 22px;
        padding: 25px 22px;
    }

    .br-objective-list {
        column-gap: 25px;
    }

    .br-objective {
        grid-template-columns: 34px 38px minmax(0, 1fr);
        gap: 10px;
    }

    .br-objective-symbol {
        width: 37px;
        height: 37px;
    }

    .br-objective-content h3 {
        font-size: 17px;
    }

    .br-closing-index {
        display: none;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {
    .br-hero-inner {
        min-height: auto;
        padding: 34px 18px;
    }

    .br-hero-copy {
        flex-basis: 100%;
    }

    .br-hero-graphic {
        display: none;
    }

    .br-hero h1 {
        font-size: 34px;
    }

    .br-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .br-hero-copy > p {
        font-size: 16px;
        line-height: 1.7;
    }

    .br-breadcrumb {
        gap: 7px;
        font-size: 12px;
    }

    .br-content {
        padding: 27px 16px;
    }

    .br-section-heading h2,
    .br-overview-content h2,
    .br-objectives-heading h2,
    .br-scholars-heading h2 {
        font-size: 26px;
    }

    .bascw-research p {
        font-size: 17px;
        line-height: 1.75;
    }

    .br-introduction {
        margin-bottom: 35px;
    }

    .br-programmes {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 22px;
    }

    .br-programme {
        gap: 13px;
        padding: 16px 0;
    }

    .br-programme-number {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
        font-size: 16px;
    }

    .br-programme h3 {
        font-size: 18px;
    }

    .br-programme-mark {
        font-size: 22px;
    }

    .br-overview {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 36px;
        padding: 22px 17px;
    }

    .br-overview-side {
        align-items: center;
        flex-direction: row;
        gap: 12px;
        padding: 0 0 13px;
        border-right: 0;
        border-bottom: 1px solid #d8e0ea;
    }

    .br-overview-index {
        flex: 0 0 39px;
        width: 39px;
        height: 39px;
        font-size: 15px;
    }

    .br-vertical-label {
        writing-mode: horizontal-tb;
        transform: none;
    }

    .br-objectives {
        margin-bottom: 37px;
    }

    .br-objectives-heading {
        padding-bottom: 17px;
    }

    .br-objective-list {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .br-objective {
        grid-template-columns: 35px 37px minmax(0, 1fr);
        gap: 10px;
        min-height: 0;
        padding: 20px 0;
    }

    .br-objective-number {
        font-size: 21px;
    }

    .br-objective-symbol {
        width: 35px;
        height: 35px;
        font-size: 19px;
    }

    .br-objective-content h3 {
        margin-top: 2px;
        font-size: 18px;
    }

    .br-objective-content p {
        font-size: 16px;
        line-height: 1.7;
    }

    .br-scholars-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .br-scholar-total {
        flex-direction: row;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        padding: 10px 13px;
    }

    .br-scholar-total strong {
        font-size: 27px;
    }

    .br-scholar-total span {
        margin-top: 0;
    }

    .br-table {
        min-width: 700px;
    }

    .br-table th,
    .br-table td {
        padding: 12px 10px;
        font-size: 15px;
    }

    .br-closing {
        align-items: flex-start;
        gap: 13px;
        padding: 22px 16px;
    }

    .br-closing-decoration {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .br-closing h2 {
        font-size: 21px;
    }

    .br-closing-copy > span {
        font-size: 10px;
        line-height: 1.7;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 360px) {
    .br-content {
        padding-right: 12px;
        padding-left: 12px;
    }

    .br-objective {
        grid-template-columns: 29px 32px minmax(0, 1fr);
        gap: 8px;
    }

    .br-objective-number {
        font-size: 19px;
    }

    .br-objective-symbol {
        width: 31px;
        height: 31px;
        font-size: 17px;
    }

    .br-objective-content h3 {
        font-size: 17px;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .bascw-research *,
    .bascw-research *::before,
    .bascw-research *::after {
        animation: none !important;
        transition: none !important;
    }
}
/* ==========================================================
   TABLET RESPONSIVE
========================================================== */

@media (max-width: 900px) {
    .ipr-editorial .ipr-hero {
        min-height: 325px;
        padding: 45px 5% 75px;
    }

    .ipr-editorial .ipr-hero-content {
        width: 76%;
    }

    .ipr-editorial .ipr-hero-art {
        width: 33%;
    }

    .ipr-editorial .ipr-art-text {
        right: 8%;
        font-size: 42px;
    }

    .ipr-editorial .ipr-hero-bottom {
        padding-right: 5%;
        padding-left: 5%;
    }

    .ipr-editorial .ipr-editorial-wrap {
        padding: 30px 22px 34px;
    }

    .ipr-editorial .ipr-introduction {
        grid-template-columns: 95px minmax(0, 1fr);
        gap: 20px;
    }

    .ipr-editorial .ipr-objective-timeline {
        column-gap: 25px;
    }

    .ipr-editorial .ipr-timeline-item {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 12px;
    }

    .ipr-editorial .ipr-timeline-content {
        padding-left: 10px;
    }
}

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

@media (max-width: 600px) {
    .ipr-editorial .ipr-hero {
        min-height: 320px;
        align-items: flex-start;
        padding: 38px 20px 75px;
    }

    .ipr-editorial .ipr-hero-content {
        width: 100%;
        max-width: 100%;
    }

    .ipr-editorial .ipr-kicker {
        margin-bottom: 12px;
        font-size: 10px;
        letter-spacing: 1.7px;
    }

    .ipr-editorial .ipr-hero h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 1.28;
    }

    .ipr-editorial .ipr-hero-rule {
        margin: 16px 0 12px;
    }

    .ipr-editorial .ipr-hero-content > p {
        max-width: 95%;
        font-size: 16px;
        line-height: 1.65;
    }

    .ipr-editorial .ipr-hero-art {
        top: auto;
        bottom: 47px;
        right: 0;
        width: 31%;
        height: 110px;
        opacity: 0.48;
    }

    .ipr-editorial .ipr-art-text {
        right: 5%;
        font-size: 26px;
    }

    .ipr-editorial .ipr-art-caption {
        display: none;
    }

    .ipr-editorial .ipr-art-shape-one {
        width: 80px;
        height: 80px;
    }

    .ipr-editorial .ipr-art-shape-two {
        width: 100px;
        height: 100px;
    }

    .ipr-editorial .ipr-art-shape-three {
        width: 38px;
        height: 38px;
    }

    .ipr-editorial .ipr-hero-bottom {
        min-height: 44px;
        gap: 7px;
        padding: 10px 12px;
        font-size: 8px;
        letter-spacing: 0.6px;
    }

    .ipr-editorial .ipr-hero-bottom-line {
        width: 8px;
    }

    .ipr-editorial .ipr-editorial-wrap {
        padding: 24px 16px 28px;
    }

    .ipr-editorial .ipr-introduction {
        grid-template-columns: 1fr;
        gap: 13px;
        padding-bottom: 25px;
    }

    .ipr-editorial .ipr-side-label {
        align-items: center;
        gap: 9px;
        padding: 0;
    }

    .ipr-editorial .ipr-side-label span:first-child {
        font-size: 24px;
    }

    .ipr-editorial .ipr-side-label span:last-child {
        padding: 0;
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 10px;
    }

    .ipr-editorial .ipr-intro-content h2 {
        margin-bottom: 15px;
        font-size: 27px;
    }

    .ipr-editorial p {
        font-size: 17px;
        line-height: 1.75;
        text-align: justify;
    }

    .ipr-editorial .ipr-intro-content p {
        margin-bottom: 13px;
    }

    .ipr-editorial .ipr-objectives {
        padding-top: 26px;
    }

    .ipr-editorial .ipr-objectives-heading {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 16px;
    }

    .ipr-editorial .ipr-objectives-heading h2 {
        font-size: 27px;
    }

    .ipr-editorial .ipr-objectives-heading > p {
        margin-top: 13px;
        padding-left: 12px;
    }

    .ipr-editorial .ipr-objective-timeline {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .ipr-editorial .ipr-timeline-item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 13px;
        padding: 18px 0;
    }

    .ipr-editorial .ipr-timeline-marker {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .ipr-editorial .ipr-timeline-content {
        padding-left: 12px;
    }

    .ipr-editorial .ipr-timeline-content h3 {
        font-size: 18px;
    }

    .ipr-editorial .ipr-conclusion {
        margin-top: 25px;
        padding: 24px 19px 0;
    }

    .ipr-editorial .ipr-conclusion h2 {
        font-size: 28px;
    }

    .ipr-editorial .ipr-conclusion-footer {
        gap: 10px 12px;
        margin: 0 -19px;
        padding: 14px 19px;
        font-size: 8px;
        letter-spacing: 0.8px;
    }

    .ipr-editorial .ipr-conclusion-footer span:not(:last-child)::after {
        margin-left: 12px;
    }
}

/* ==========================================================
   EXTRA SMALL DEVICES
========================================================== */

@media (max-width: 360px) {
    .ipr-editorial .ipr-hero h1 {
        font-size: 27px;
    }

    .ipr-editorial .ipr-hero-bottom {
        gap: 5px;
        font-size: 7px;
    }

    .ipr-editorial .ipr-hero-bottom-line {
        width: 6px;
    }

    .ipr-editorial .ipr-editorial-wrap {
        padding-right: 13px;
        padding-left: 13px;
    }

    .ipr-editorial .ipr-objectives-heading h2 {
        font-size: 24px;
    }
}

/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {
    .ipr-editorial *,
    .ipr-editorial *::before,
    .ipr-editorial *::after {
        animation: none !important;
        transition: none !important;
    }
}
/* ==========================================
   TABLET
========================================== */

@media (max-width: 768px) {

    .governance-section {
        padding: 48px 20px;
    }

    .governance-heading {
        margin-bottom: 40px;
    }

    .governance-heading h2 {
        font-size: 30px;
    }

    .governance-timeline::before {
        left: 111px;
    }

    .governance-item {
        grid-template-columns: 82px 58px minmax(0, 1fr);
        padding: 22px 0;
    }

    .governance-year {
        padding-right: 12px;
    }

    .governance-year span {
        font-size: 22px;
    }

    .governance-year small {
        font-size: 14px;
    }

    .governance-marker {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .governance-details {
        padding-left: 15px;
    }

    .governance-details h3 {
        font-size: 19px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 520px) {

    .governance-section {
        padding: 38px 16px;
    }

    .governance-heading h2 {
        font-size: 26px;
    }

    .governance-heading > p {
        font-size: 15px;
    }

    .governance-eyebrow {
        font-size: 11px;
        letter-spacing: 1.8px;
    }

    .governance-timeline::before {
        left: 19px;
    }

    .governance-item {
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 14px;
        padding: 22px 0;
    }

    .governance-year {
        grid-column: 2;
        grid-row: 1;
        align-items: flex-start;
        padding: 0 0 12px;
    }

    .governance-year span {
        font-size: 23px;
    }

    .governance-year small {
        display: inline;
        margin-top: 3px;
    }

    .governance-marker {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 40px;
        height: 40px;
        margin: 0;
        font-size: 15px;
    }

    .governance-details {
        grid-column: 2;
        grid-row: 2;
        padding: 0;
    }

    .governance-label {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .governance-details h3 {
        font-size: 18px;
    }

    .governance-details p {
        font-size: 14px;
        line-height: 1.75;
    }

    .governance-footer {
        gap: 8px;
        font-size: 12px;
    }
}

/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {

    .governance-section *,
    .governance-section *::before,
    .governance-section *::after {
        animation: none !important;
        transition: none !important;
    }
}

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

@media (max-width: 1024px) {

    .annual-accounts {
        padding: 45px 22px;
    }

    .accounts-grid {
        column-gap: 30px;
    }

    .account-card {
        grid-template-columns: 82px 42px minmax(0, 1fr);
        gap: 12px;
        padding: 22px 0;
    }

    .account-year {
        font-size: 20px;
    }

    .account-icon {
        width: 40px;
        font-size: 30px;
    }

    .account-content h3 {
        font-size: 17px;
    }
}

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

@media (max-width: 767px) {

    .annual-accounts {
        padding: 35px 18px;
    }

    .accounts-heading {
        margin-bottom: 28px;
    }

    .accounts-small-title {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .accounts-heading h2 {
        font-size: 28px;
    }

    .accounts-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .account-card {
        grid-template-columns: 78px 42px minmax(0, 1fr);
        gap: 12px;
        padding: 22px 0;
    }

    .account-year {
        font-size: 19px;
    }

    .account-icon {
        width: 38px;
        height: 45px;
        font-size: 28px;
    }

    .account-content h3 {
        font-size: 16px;
    }

    .account-content p {
        font-size: 14px;
    }

    .account-btn {
        padding: 8px 12px;
        font-size: 13px;
    }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .annual-accounts {
        padding: 30px 14px;
    }

    .accounts-heading h2 {
        font-size: 25px;
    }

    .account-card {
        grid-template-columns: 1fr 35px;
        gap: 10px;
        align-items: start;
        padding: 20px 0;
    }

    .account-year {
        grid-column: 1;
        grid-row: 1;
        font-size: 21px;
    }

    .account-icon {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        font-size: 28px;
    }

    .account-content {
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 5px;
    }

    .account-content h3 {
        font-size: 17px;
    }
}

/* =========================================
   REDUCED MOTION ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {

    .annual-accounts *,
    .annual-accounts *::before,
    .annual-accounts *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}
/* ==========================================
   TABLET RESPONSIVE
========================================== */

@media (max-width: 768px) {

    .minutes-section {
        padding: 48px 20px;
    }

    .minutes-heading {
        margin-bottom: 40px;
    }

    .minutes-heading h2 {
        font-size: 30px;
    }

    .minutes-timeline::before {
        left: 111px;
    }

    .minutes-item {
        grid-template-columns: 82px 58px minmax(0, 1fr);
        padding: 22px 0;
    }

    .minutes-year {
        padding-right: 12px;
    }

    .minutes-year span {
        font-size: 22px;
    }

    .minutes-year small {
        font-size: 14px;
    }

    .minutes-marker {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .minutes-details {
        padding-left: 15px;
    }

    .minutes-details h3 {
        font-size: 19px;
    }
}

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

@media (max-width: 520px) {

    .minutes-section {
        padding: 38px 16px;
    }

    .minutes-heading h2 {
        font-size: 26px;
    }

    .minutes-heading > p {
        font-size: 15px;
    }

    .minutes-eyebrow {
        font-size: 11px;
        letter-spacing: 1.8px;
    }

    .minutes-timeline::before {
        left: 19px;
    }

    .minutes-item {
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 14px;
        padding: 22px 0;
    }

    .minutes-year {
        grid-column: 2;
        grid-row: 1;
        align-items: flex-start;
        padding: 0 0 12px;
    }

    .minutes-year span {
        font-size: 23px;
    }

    .minutes-year small {
        margin-top: 3px;
    }

    .minutes-marker {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 40px;
        height: 40px;
        margin: 0;
        font-size: 15px;
    }

    .minutes-details {
        grid-column: 2;
        grid-row: 2;
        padding: 0;
    }

    .minutes-label {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .minutes-details h3 {
        font-size: 18px;
    }

    .minutes-details p {
        font-size: 14px;
        line-height: 1.75;
    }

    .minutes-footer {
        gap: 8px;
        font-size: 12px;
    }
}

/* ==========================================
   ACCESSIBILITY
========================================== */

@media (prefers-reduced-motion: reduce) {

    .minutes-section *,
    .minutes-section *::before,
    .minutes-section *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* TABLET */

@media(max-width: 768px) {

    .bascw-unique-quality {
        padding: 35px 14px;
    }

    .uq-header h2 {
        font-size: 27px;
    }

    .uq-feature {
        grid-template-columns: 100px 1fr;
    }

    .uq-feature-content {
        padding: 25px 22px;
    }

    .uq-swoc-heading {
        padding: 30px 22px;
    }

    .uq-swoc-content {
        column-gap: 25px;
    }

    .uq-swoc {
        padding: 25px 23px;
    }
}

/* MOBILE */

@media(max-width: 500px) {

    .bascw-unique-quality {
        padding: 30px 10px;
    }

    .uq-header h2 {
        font-size: 23px;
    }

    .uq-header > span {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .uq-feature {
        grid-template-columns: 70px 1fr;
        margin-bottom: 18px;
    }

    .uq-feature-side {
        padding: 20px 5px;
    }

    .uq-round-icon {
        width: 42px;
        height: 42px;
        font-size: 24px;
    }

    .uq-vertical-text {
        font-size: 8px;
        letter-spacing: .5px;
    }

    .uq-feature-content {
        padding: 22px 13px;
    }

    .uq-feature-content h3 {
        font-size: 22px;
    }

    .uq-feature-content p,
    .uq-feature-content li {
        font-size: 17px;
        line-height: 1.7;
    }

    .uq-topline span:first-child {
        font-size: 9px;
        letter-spacing: .8px;
    }

    .uq-watermark {
        font-size: 110px;
    }

    .uq-swoc-heading {
        display: block;
        padding: 30px 18px;
        margin: 45px 0 30px;
    }

    .uq-swoc-heading h2 {
        font-size: 32px;
    }

    .uq-swoc-heading p {
        font-size: 17px;
    }

    .uq-swoc-graphic {
        margin: 25px auto 5px;
        width: max-content;
        grid-template-columns: repeat(2, 43px);
    }

    .uq-swoc-graphic span {
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .uq-swoc {
        padding: 23px 15px;
        margin-bottom: 23px;
    }

    .uq-swoc-top {
        gap: 13px;
    }

    .uq-swoc-letter {
        font-size: 51px;
        min-width: 53px;
    }

    .uq-swoc-top h3 {
        font-size: 20px;
    }

    .uq-swoc-top span {
        font-size: 9px;
        letter-spacing: .8px;
    }

    .uq-swoc-content {
        grid-template-columns: 1fr;
    }

    .uq-swoc-item {
        gap: 11px;
        padding: 13px 0;
    }

    .uq-swoc-item p {
        font-size: 17px;
        line-height: 1.7;
    }

    .uq-footer h3 {
        font-size: 21px;
    }
}
/* TABLET */

@media(max-width: 768px) {

    .iqac-members {
        padding: 35px 14px;
    }

    .iqac-member-list {
        column-gap: 25px;
    }

    .iqac-special-section {
        padding: 23px 20px;
    }

    .iqac-members-header h2 {
        font-size: 27px;
    }
}

/* MOBILE */

@media(max-width: 520px) {

    .iqac-members {
        padding: 28px 12px;
    }

    .iqac-members-header h2 {
        font-size: 24px;
    }

    .iqac-members-header > span {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .iqac-member-heading h3 {
        font-size: 21px;
    }

    .iqac-member-list {
        grid-template-columns: 1fr;
    }

    .iqac-member {
        padding: 17px 0;
    }

    .iqac-member-info h4 {
        font-size: 18px;
    }

    .iqac-member-info p,
    .iqac-person-detail p {
        font-size: 17px;
    }

    .iqac-special-section {
        padding: 20px 15px;
        margin-top: 25px;
    }

    .iqac-special-heading {
        gap: 12px;
    }

    .iqac-special-heading > span {
        font-size: 34px;
    }

    .iqac-special-heading h3 {
        font-size: 20px;
    }

    .iqac-special-names {
        grid-template-columns: 1fr;
    }

    .iqac-members-footer h3 {
        font-size: 21px;
    }
}

/* TABLET */

@media (max-width: 768px) {

    .modern-policy {
        padding: 35px 14px;
    }

    .mp-heading h2 {
        font-size: 32px;
    }

    .mp-heading-number {
        width: 100px;
        min-width: 100px;
        height: 100px;
    }

    .mp-heading-number strong {
        font-size: 34px;
    }

    .mp-item {
        grid-template-columns: 38px 45px minmax(0, 1fr) 105px;
        gap: 10px;
        padding: 15px 10px;
    }

    .mp-number {
        font-size: 18px;
    }

    .mp-icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .mp-info h3 {
        font-size: 15px;
    }

    .mp-view {
        padding: 10px 8px;
        font-size: 10px;
    }
}

/* MOBILE */

@media (max-width: 520px) {

    .modern-policy {
        padding: 28px 10px;
    }

    .mp-heading {
        align-items: flex-start;
        padding-bottom: 22px;
        gap: 10px;
    }

    .mp-heading-left {
        flex: 1;
    }

    .mp-tag {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .mp-heading h2 {
        font-size: 27px;
    }

    .mp-heading p {
        font-size: 15px;
    }

    .mp-heading-number {
        width: 68px;
        min-width: 68px;
        height: 68px;
        margin-top: 20px;
    }

    .mp-heading-number strong {
        font-size: 25px;
    }

    .mp-heading-number span {
        font-size: 8px;
        margin-top: 4px;
    }

    .mp-item {
        grid-template-columns: 30px 38px minmax(0, 1fr);
        gap: 9px;
        padding: 13px 5px;
    }

    .mp-number {
        font-size: 15px;
    }

    .mp-icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .mp-info h3 {
        font-size: 14px;
    }

    .mp-category {
        font-size: 9px;
        letter-spacing: 0.8px;
    }

    .mp-view {
        grid-column: 3;
        justify-self: start;
        padding: 7px 10px;
        font-size: 10px;
        margin-top: 3px;
    }

    .mp-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .mp-footer span {
        font-size: 9px;
    }
}


/* TABLET */

@media (max-width: 768px) {

    .atr-section {
        padding: 32px 14px;
    }

    .atr-heading h2 {
        font-size: 31px;
    }

    .atr-item {
        grid-template-columns: 78px 42px minmax(0, 1fr) 105px;
        gap: 10px;
        padding: 15px 10px;
    }

    .atr-year {
        font-size: 17px;
    }

    .atr-icon {
        width: 39px;
        height: 39px;
        font-size: 16px;
    }

    .atr-info h3 {
        font-size: 15px;
    }

    .atr-view {
        padding: 10px 8px;
        font-size: 10px;
    }
}

/* MOBILE */

@media (max-width: 520px) {

    .atr-section {
        padding: 28px 10px;
    }

    .atr-tag {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .atr-heading h2 {
        font-size: 27px;
    }

    .atr-heading p {
        font-size: 15px;
    }

    .atr-item {
        grid-template-columns: 65px 38px minmax(0, 1fr);
        gap: 9px;
        padding: 13px 5px;
    }

    .atr-year {
        font-size: 15px;
    }

    .atr-icon {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .atr-info h3 {
        font-size: 14px;
    }

    .atr-info span {
        font-size: 9px;
        letter-spacing: 0.8px;
    }

    .atr-view {
        grid-column: 3;
        justify-self: start;
        padding: 8px 10px;
        font-size: 10px;
        margin-top: 3px;
    }

    .atr-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .atr-footer span {
        font-size: 9px;
    }
}

/* TABLET */

@media (max-width: 768px) {

    .aqar-section {
        padding: 35px 15px;
    }

    .aqar-heading h2 {
        font-size: 28px;
    }

    .aqar-item {
        grid-template-columns: 45px 50px 1fr;
        gap: 13px;
        padding: 17px 15px;
    }

    .aqar-year {
        font-size: 21px;
        padding-right: 10px;
    }

    .aqar-icon {
        width: 43px;
        height: 43px;
        font-size: 20px;
    }

    .aqar-info h3 {
        font-size: 17px;
    }

    .aqar-view {
        grid-column: 3;
        justify-self: start;
        padding: 10px 15px;
        margin-top: 5px;
    }
}

/* MOBILE */

@media (max-width: 480px) {

    .aqar-section {
        padding: 30px 12px;
    }

    .aqar-heading {
        margin-bottom: 25px;
    }

    .aqar-heading h2 {
        font-size: 24px;
    }

    .aqar-tag {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .aqar-heading p {
        font-size: 16px;
        text-align: justify;
    }

    .aqar-item {
        grid-template-columns: 35px 42px 1fr;
        gap: 10px;
        padding: 16px 10px;
    }

    .aqar-year {
        font-size: 18px;
        padding-right: 7px;
    }

    .aqar-icon {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .aqar-info span {
        font-size: 9px;
        letter-spacing: 0.6px;
    }

    .aqar-info h3 {
        font-size: 16px;
    }

    .aqar-view {
        font-size: 11px;
        padding: 9px 12px;
    }

    .aqar-footer {
        font-size: 12px;
        line-height: 1.6;
        align-items: flex-start;
    }
}

/* TABLET */

@media (max-width: 768px) {

    .rti-modern-banner {
        grid-template-columns: 1fr;
    }

    .rti-banner-content {
        padding: 35px 30px;
    }

    .rti-banner-content h2 {
        font-size: 38px;
    }

    .rti-banner-graphic {
        min-height: 220px;
    }

    .circle-one {
        width: 190px;
        height: 190px;
    }

    .circle-two {
        width: 150px;
        height: 150px;
    }

    .rti-large-icon {
        width: 90px;
        height: 90px;
        font-size: 42px;
    }

    .rti-document-area {
        padding: 25px 20px;
    }
}

/* MOBILE */

@media (max-width: 480px) {

    .rti-modern {
        padding: 20px 10px 30px;
    }

    .rti-banner-content {
        padding: 30px 22px;
    }

    .rti-banner-content h2 {
        font-size: 33px;
    }

    .rti-banner-content p {
        font-size: 16px;
    }

    .rti-document-area {
        padding: 22px 16px;
    }

    .rti-document-action {
        flex-wrap: wrap;
        gap: 14px;
    }

    .rti-pdf-symbol {
        width: 48px;
        height: 52px;
        font-size: 23px;
    }

    .rti-pdf-details {
        flex: 1;
        min-width: 0;
    }

    .rti-pdf-details h4 {
        font-size: 16px;
    }

    .rti-pdf-details p {
        font-size: 13px;
    }

    .rti-open-btn {
        margin-left: 62px;
        padding: 12px 16px;
    }

    .rti-bottom-note {
        align-items: flex-start;
        line-height: 1.6;
        font-size: 12px;
    }
}

/* TABLET */

@media(max-width: 850px) {

    .fb-hero-inner {
        padding: 35px;
    }

    .fb-hero-decoration {
        min-width: 190px;
        margin-right: 25px;
    }

    .fb-hero-decoration > i {
        font-size: 75px;
    }

    .fb-hero h2 {
        font-size: 35px;
    }

    .fb-row {
        grid-template-columns: 40px 50px 1fr auto;
        gap: 13px;
        padding: 16px 10px;
    }

    .fb-row-icon {
        font-size: 22px;
    }
}

/* MOBILE */

@media(max-width: 600px) {

    .fb-editorial {
        padding: 20px 12px 30px;
    }

    .fb-hero {
        display: block;
    }

    .fb-hero-inner {
        padding: 30px 22px;
    }

    .fb-eyebrow {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .fb-hero h2 {
        font-size: 32px;
    }

    .fb-hero-inner > p {
        font-size: 16px;
    }

    .fb-hero-decoration {
        height: 130px;
        min-width: 0;
        margin: 0;
    }

    .fb-hero-decoration > i {
        font-size: 55px;
    }

    .fb-decoration-text {
        font-size: 9px;
        margin-top: 10px;
    }

    .fb-decoration-line {
        margin-top: 8px;
    }

    .fb-intro {
        display: block;
        margin: 30px auto 18px;
    }

    .fb-intro h3 {
        font-size: 24px;
    }

    .fb-intro > p {
        margin-top: 8px;
        font-size: 15px;
    }

    .fb-row {
        grid-template-columns: 30px 38px 1fr;
        gap: 10px;
        padding: 17px 4px;
        min-height: 0;
    }

    .fb-index {
        font-size: 18px;
    }

    .fb-row-icon {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }

    .fb-row-content span {
        font-size: 9px;
        letter-spacing: .7px;
    }

    .fb-row-content h4 {
        font-size: 15px;
        line-height: 1.4;
    }

    .fb-pdf-link {
        grid-column: 3;
        justify-self: start;
        margin-top: 5px;
        padding: 7px 0;
        border: 0;
        font-size: 10px;
    }

    .fb-footer {
        align-items: flex-start;
    }

    .fb-footer p {
        font-size: 13px;
        line-height: 1.6;
    }
}

/* TABLET */

@media(max-width: 900px) {
    .id-simple {
        padding: 22px 3%;
    }

    .id-image-row,
    .id-image-right {
        grid-template-columns: 38% 62%;
        gap: 18px;
    }

    .id-image-row > img {
        height: 250px;
    }

    .id-title h1 {
        font-size: 30px;
    }
}

/* MOBILE */

@media(max-width: 600px) {
    .id-simple {
        padding: 18px 15px;
    }

    .id-title {
        margin-bottom: 20px;
    }

    .id-title h1 {
        font-size: 27px;
    }

    .id-title span {
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .id-opening img {
        height: 220px;
    }

    .id-content-section {
        padding: 18px 0;
    }

    .id-content-section h2 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .id-image-row,
    .id-image-right {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .id-image-row > img,
    .id-image-right > img {
        order: 0;
        width: 100%;
        height: 230px;
    }

    .id-image-row > div,
    .id-image-right > div {
        order: 1;
    }

    .id-simple p {
        font-size: 17px;
        line-height: 1.7;
    }
}
/* TABLET */

@media (max-width: 768px) {
    .bp-page {
        padding: 22px 3%;
    }

    .bp-practice-title h2 {
        font-size: 23px;
    }

    .bp-content h3 {
        font-size: 19px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .bp-page {
        padding: 18px 15px;
    }

    .bp-heading h1 {
        font-size: 28px;
    }

    .bp-heading span {
        font-size: 10px;
    }

    .bp-practice-title {
        gap: 12px;
        align-items: flex-start;
    }

    .bp-number {
        font-size: 34px;
    }

    .bp-practice-title h2 {
        font-size: 21px;
    }

    .bp-content h3 {
        font-size: 18px;
        margin-top: 20px;
    }

    .bp-content p,
    .bp-content li {
        font-size: 17px;
        line-height: 1.65;
        text-align: justify;
    }

    .bp-content ul {
        padding-left: 22px;
    }
}
/* RESPONSIVE */

@media(max-width: 900px) {

    .academic-inner {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .academic-visual {
        max-width: 600px;
        width: 100%;
        margin: auto;
    }

    .academic-details h2 {
        font-size: 31px;
    }
}

@media(max-width: 550px) {

    .academic-modern {
        padding: 35px 18px;
    }

    .academic-visual {
        min-height: 330px;
    }

    .academic-main-image {
        width: 90%;
        height: 285px;
        border-radius: 0 40px 0 40px;
    }

    .academic-small-image {
        width: 48%;
        height: 135px;
    }

    .academic-image-label {
        padding: 9px 12px;
        bottom: 8px;
    }

    .academic-image-label span {
        font-size: 20px;
    }

    .academic-image-label p {
        font-size: 11px;
    }

    .academic-details h2 {
        font-size: 27px;
    }

    .academic-details p {
        font-size: 16px;
        line-height: 1.7;
    }

    .academic-numbers {
        gap: 15px 0;
    }

    .academic-numbers div {
        padding: 0 12px;
    }

    .academic-numbers strong {
        font-size: 24px;
    }

    .academic-numbers span {
        font-size: 11px;
    }
}


/* RESPONSIVE */

@media(max-width: 900px) {

    .admin-section {
        background-attachment: scroll;
    }

    .admin-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .admin-image-area {
        max-width: 600px;
        width: 100%;
        margin: auto;
    }
}

@media(max-width: 550px) {

    .admin-section {
        padding: 35px 18px;
    }

    .admin-content h2 {
        font-size: 29px;
    }

    .admin-content > p {
        font-size: 16px;
    }

    .admin-image-area {
        min-height: 350px;
    }

    .admin-image {
        width: 92%;
        height: 290px;
        border-radius: 40px 0 40px 0;
    }

    .admin-image-small {
        width: 48%;
        height: 130px;
        bottom: 25px;
    }

    .admin-image-text {
        padding: 12px;
        max-width: 220px;
    }

    .admin-image-text h3 {
        font-size: 14px;
    }

    .admin-feature {
        gap: 12px;
    }
}


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

@media(max-width: 900px) {

    .lab-diagonal-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .lab-total-number {
        padding-left: 18px;
    }

    .lab-diagonal-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .lab-tile-two {
        margin-top: 0;
    }

    .lab-tile-three {
        grid-column: span 2;
    }

    .lab-tile-three .lab-tile-image {
        height: 280px;
    }
}

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

@media(max-width: 550px) {

    .lab-diagonal {
        padding: 35px 18px;
    }

    .lab-intro-content h2 {
        font-size: 29px;
    }

    .lab-intro-content p {
        font-size: 16px;
        line-height: 1.75;
    }

    .lab-total-number strong {
        font-size: 48px;
    }

    .lab-diagonal-gallery {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .lab-tile-three {
        grid-column: auto;
    }

    .lab-tile-image,
    .lab-tile-three .lab-tile-image {
        height: 220px;
    }

    .lab-tile-info h3 {
        font-size: 20px;
    }

    .lab-diagonal-footer {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        margin-top: 30px;
    }

    .lab-footer-text h3 {
        font-size: 20px;
    }

    .lab-footer-mark {
        font-size: 11px;
    }
}

/* TABLET */

@media (max-width: 900px) {

    .venue-section {
        padding: 50px 4%;
    }

    .venue-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .venue-intro {
        max-width: 600px;
    }

    .venue-block,
    .auditorium-block {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .venue-photo {
        height: 350px;
    }

    .venue-info h3 {
        font-size: 35px;
    }

    .stat-value {
        font-size: 43px;
    }
}

/* MOBILE */

@media (max-width: 600px) {

    .venue-section {
        padding: 38px 18px;
    }

    .venue-top {
        margin-bottom: 32px;
    }

    .venue-title h2 {
        font-size: 34px;
    }

    .venue-intro p {
        font-size: 16px;
    }

    .venue-block,
    .auditorium-block {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 45px;
    }

    .venue-photo {
        width: 100%;
        height: 260px;
    }

    .multipurpose-block .venue-photo {
        border-radius: 35px 0 0 0;
    }

    .auditorium-block .venue-photo {
        border-radius: 0 0 0 35px;
    }

    .venue-info {
        width: 100%;
        padding: 0;
    }

    .venue-info h3 {
        font-size: 33px;
    }

    .venue-info p {
        font-size: 16px;
        line-height: 1.75;
    }

    .stat-value {
        font-size: 43px;
    }

    .photo-number {
        font-size: 42px;
    }

    .photo-caption {
        font-size: 12px;
        left: 18px;
        bottom: 18px;
    }

    .venue-bottom-text {
        font-size: 15px;
    }
}

/* TABLET */

@media (max-width: 900px) {

    .library-section {
        padding: 50px 4%;
    }

    .library-main {
        gap: 30px;
    }

    .library-image-main {
        height: 310px;
    }

    .library-image-area {
        min-height: 340px;
    }

    .library-resources {
        gap: 20px;
    }

    .library-bottom {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* MOBILE */

@media (max-width: 600px) {

    .library-section {
        padding: 40px 18px;
    }

    .library-heading {
        margin-bottom: 35px;
    }

    .library-heading span {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .library-heading h2 {
        font-size: 32px;
    }

    .library-heading p {
        font-size: 16px;
    }

    .library-main {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .library-content h3 {
        font-size:25px;
    }

    .library-content p {
        font-size: 16px;
        line-height: 1.8;
    }

    .book-count-number {
        font-size: 39px;
    }

    .library-image-area {
        min-height: 290px;
        padding-right: 15px;
        padding-bottom: 25px;
    }

    .library-image-main {
        height: 270px;
    }

    .library-image-small {
        height: 110px;
        width: 42%;
        border-width: 3px;
    }

    .library-resources {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 40px;
        padding: 25px 0;
    }

    .library-resource strong {
        font-size: 25px;
    }

    .library-bottom {
        margin-top: 30px;
    }

    .library-bottom-title h3 {
        font-size: 24px;
    }

    .library-facilities {
        gap: 9px;
    }

    .library-facilities span {
        font-size: 12px;
    }
}


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

@media (max-width: 1000px) {

    .bh-hostel-hero {
        padding: 45px 5%;
        min-height: 440px;
    }

    .bh-hero-content {
        width: 55%;
    }

    .bh-hero-photo {
        width: 39%;
        right: 5%;
        height: 330px;
    }

    .bh-about {
        padding: 45px 6%;
        gap: 25px;
    }

    .bh-feature-columns {
        gap: 25px;
    }

    .bh-mess-content {
        padding: 40px 6%;
    }

    .bh-safety {
        padding: 45px 6%;
        gap: 30px;
    }

    .bh-rules {
        padding: 45px 6%;
    }

}


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

@media (max-width: 700px) {

    .bh-hostel-hero {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 40px 6% 30px;
        min-height: auto;
    }

    .bh-hero-content {
        width: 100%;
    }

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

    .bh-hero-content > p {
        font-size: 16px;
    }

    .bh-hero-photo {
        position: relative;
        width: 92%;
        height: 260px;
        top: auto;
        right: auto;
        transform: none;
        margin: 25px 0 10px auto;
    }

    .bh-hero-numbers {
        gap: 20px;
        margin-top: 20px;
    }

    .bh-hero-numbers strong {
        font-size: 27px;
    }

    .bh-hero-numbers small {
        font-size: 9px;
    }

    .bh-hero-bg-text {
        font-size: 100px;
        bottom: 190px;
    }

    .bh-hero-circle {
        display: none;
    }

    .bh-about {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 38px 6%;
    }

    .bh-about-side {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .bh-side-number {
        font-size: 42px;
    }

    .bh-side-label {
        writing-mode: initial;
        transform: none;
        margin: 0;
    }

    .bh-about-main h2,
    .bh-feature-heading h2,
    .bh-rules-heading h2 {
        font-size: 31px;
    }

    .bh-about-bottom {
        flex-wrap: wrap;
        gap: 5px 12px;
        padding-top: 12px;
        margin-top: 15px;
    }

    .bh-features {
        padding: 40px 6%;
    }

    .bh-feature-visual {
        height: 230px;
        margin-bottom: 22px;
    }

    .bh-feature-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bh-feature-row {
        gap: 13px;
        padding: 13px 0;
    }

    .bh-feature-row h3 {
        font-size: 17px;
    }

    .bh-feature-row p {
        font-size: 15px;
    }

    .bh-feature-no {
        font-size: 21px;
    }

    .bh-mess {
        grid-template-columns: 1fr;
    }

    .bh-mess-image {
        min-height: 260px;
    }

    .bh-mess-content {
        padding: 35px 6%;
    }

    .bh-mess-content h2 {
        font-size: 32px;
    }

    .bh-safety {
        grid-template-columns: 1fr;
        padding: 40px 6%;
        gap: 20px;
    }

    .bh-safety-content {
        padding-left: 16px;
    }

    .bh-rules {
        padding: 40px 6%;
    }

    .bh-rule-item {
        grid-template-columns: 38px 1fr;
        gap: 10px;
        padding: 12px 0;
    }

    .bh-rule-item > span {
        font-size: 19px;
    }

    .bh-routine {
        padding: 40px 5%;
    }

    .bh-routine-list::before {
        left: 112px;
    }

    .bh-routine-row {
        grid-template-columns: 95px 25px 1fr;
        gap: 10px;
        min-height: 55px;
    }

    .bh-routine-row time {
        font-size: 11px;
    }

    .bh-routine-row h3 {
        font-size: 15px;
        padding: 10px 0;
    }

    .bh-routine-footer {
        gap: 14px;
        margin-top: 25px;
    }

    .bh-routine-footer span {
        font-size: 9px;
    }

    .bh-hostel p {
        font-size: 15px;
        line-height: 1.7;
    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 380px) {

    .bh-hero-content h1 {
        font-size: 34px;
    }

    .bh-hero-numbers {
        gap: 14px;
    }

    .bh-hero-numbers strong {
        font-size: 24px;
    }

    .bh-routine-list::before {
        left: 100px;
    }

    .bh-routine-row {
        grid-template-columns: 85px 20px 1fr;
        gap: 7px;
    }

    .bh-routine-row time {
        font-size: 10px;
    }

    .bh-routine-row h3 {
        font-size: 14px;
    }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {
    .bh-hostel *,
    .bh-hostel *::before,
    .bh-hostel *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* RESPONSIVE */

@media (max-width: 600px) {
    .bh-routine {
        padding: 28px 15px;
    }

    .bh-routine-list::before {
        left: 105px;
    }

    .bh-routine-row {
        grid-template-columns: 85px 40px 1fr;
        gap: 10px;
        min-height: 50px;
    }

    .bh-routine-row time {
        font-size: 11px;
    }

    .bh-routine-row h3 {
        font-size: 15px;
        padding: 10px 0;
    }

    .bh-routine-footer {
        gap: 12px 20px;
        margin-top: 22px;
    }
}


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

@media (max-width: 900px) {

    .daycare-section {
        padding: 35px 3%;
    }

    .daycare-main {
        gap: 22px;
    }

    .daycare-main-image img {
        height: 300px;
    }

    .daycare-activities {
        gap: 22px;
    }

    .daycare-activity-image {
        height: 190px;
    }

    .daycare-points {
        gap: 12px;
    }
}


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

@media (max-width: 600px) {

    .daycare-section {
        padding: 28px 15px;
    }

    .daycare-heading {
        margin-bottom: 23px;
    }

    .daycare-main {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 25px;
    }

    .daycare-main-image img {
        height: 250px;
    }

    .daycare-content {
        padding: 5px 0;
    }

    .daycare-points {
        grid-template-columns: 1fr 1fr;
        gap: 13px 10px;
    }

    .daycare-point {
        align-items: flex-start;
    }

    .daycare-activities {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-top: 25px;
    }

    .daycare-activity {
        max-width: 420px;
        width: 100%;
        margin: auto;
        padding: 5px 8px;
    }

    .daycare-activity-image {
        height: 220px;
        max-width: 320px;
    }

    .daycare-bottom {
        gap: 8px;
        margin-top: 23px;
        padding: 13px 8px;
    }

    .daycare-cloud {
        transform: scale(0.7);
    }

    .daycare-flower {
        font-size: 55px;
    }

    .daycare-star {
        font-size: 45px;
    }
}


/* ==========================================
   REDUCED MOTION ACCESSIBILITY
========================================== */

@media (prefers-reduced-motion: reduce) {

    .daycare-section *,
    .daycare-section *::before,
    .daycare-section *::after {
        animation: none !important;
        transition: none !important;
    }

}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .green-feature {
        padding: 32px 3%;
    }

    .green-feature-layout {
        gap: 25px;
    }

    .green-image-frame {
        height: 350px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

    .green-feature {
        padding: 28px 15px;
    }

    .green-feature-heading {
        margin-bottom: 22px;
    }

    .green-feature-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .green-feature-visual {
        padding: 12px 10px 18px;
    }

    .green-image-frame {
        height: 270px;
        border-radius: 48% 48% 12px 12px / 25% 25% 12px 12px;
    }

    .green-feature-content {
        padding: 5px 0;
    }

    .green-highlights {
        gap: 13px 10px;
    }

    .green-highlight {
        align-items: flex-start;
    }

    .green-bottom-message {
        gap: 10px;
        margin-top: 23px;
    }

    .green-deco-three {
        font-size: 55px;
    }

    .green-deco-four {
        font-size: 45px;
    }
}

/* ==========================================
   ACCESSIBILITY
========================================== */

@media (prefers-reduced-motion: reduce) {

    .green-feature *,
    .green-feature *::before,
    .green-feature *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================
   TABLET
========================= */

@media (max-width: 991px) {
    .bascw-transport-page {
        padding: 40px 0;
    }

    .transport-hero {
        gap: 28px;
    }

    .transport-hero-photo {
        height: 280px;
    }

    .transport-gallery {
        gap: 18px;
    }

    .transport-gallery img {
        height: 180px;
    }

    .transport-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }

    .transport-fact:nth-child(2) {
        border-right: none;
    }

    .transport-details-grid {
        gap: 22px;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {
    .bascw-transport-page {
        padding: 30px 0;
    }

    .bascw-transport-inner {
        width: 92%;
    }

    .bascw-transport-page p {
        font-size: 15px;
        line-height: 1.8;
    }

    .transport-intro h2 {
        font-size: 30px;
    }

    .transport-hero {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 30px;
    }

    .transport-hero-copy h3 {
        font-size: 27px;
    }

    .transport-hero-photo {
        height: 270px;
    }

    .transport-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 15px;
        margin-bottom: 35px;
    }

    .transport-gallery img {
        height: 165px;
    }

    .transport-gallery figcaption {
        font-size: 13px;
    }

    .transport-facts {
        padding: 20px 0;
        margin-bottom: 38px;
    }

    .transport-fact {
        padding: 10px;
    }

    .transport-fact strong {
        font-size: 29px;
    }

    .transport-fact span {
        font-size: 15px;
    }

    .transport-details {
        margin-bottom: 40px;
    }

    .transport-details-grid {
        grid-template-columns: 1fr;
        gap: 23px;
    }

    .transport-detail-item h4 {
        font-size: 17px;
    }

    .transport-route-area {
        padding: 28px 0;
    }

    .transport-route-heading h3 {
        font-size: 27px;
    }

    .transport-contact-list {
        grid-template-columns: 1fr;
        gap: 23px;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 468px) {
    .transport-intro h2 {
        font-size: 27px;
    }

    .transport-hero-copy h3 {
        font-size: 24px;
    }

    .transport-hero-photo {
        height: 220px;
    }

    .transport-gallery img {
        height: 135px;
    }

    .transport-gallery figcaption {
        font-size: 12px;
    }

    .transport-fact strong {
        font-size: 25px;
    }

    .transport-fact {
        padding: 8px 5px;
    }

    .transport-section-heading {
        font-size: 25px;
    }

    .transport-search-line {
        gap: 8px;
    }

    #bascwBusSearch {
        flex-basis: 100%;
        height: 46px;
    }

    #bascwSearchButton,
    #bascwClearButton {
        flex: 1 1 0;
        min-height: 45px;
        padding: 0 12px;
    }

    .transport-route-header {
        padding: 18px 14px;
    }

    .transport-route-header h3 {
        font-size: 20px;
    }

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

    .transport-stage-table th,
    .transport-stage-table td {
        padding: 11px;
        font-size: 12px;
    }

    .transport-bus-numbers {
        gap: 6px;
    }

    .transport-bus-numbers button {
        min-width: 38px;
        min-height: 36px;
        padding: 7px 10px;
    }

    .transport-contact-person h4 {
        font-size: 16px;
    }

    .transport-contact-person a {
        font-size: 15px;
    }

    .transport-bottom-note {
        padding: 16px 12px;
        font-size: 14px;
    }
}

/* =========================
   EXTRA SMALL MOBILE
========================= */

@media (max-width: 350px) {
    .transport-intro h2 {
        font-size: 24px;
    }

    .transport-hero-copy h3 {
        font-size: 22px;
    }

    .transport-hero-photo {
        height: 185px;
    }

    .transport-gallery img {
        height: 115px;
    }

    .transport-fact strong {
        font-size: 22px;
    }

    .transport-route-heading h3 {
        font-size: 24px;
    }
}

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

@media (max-width: 991px) {
    .bascw-canteen-section {
        padding: 55px 22px;
    }

    .bascw-canteen-content {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .bascw-canteen-info {
        max-width: 760px;
    }

    .bascw-canteen-gallery {
        width: 100%;
        max-width: 760px;
        margin: 0 auto;
    }

    .bascw-canteen-image-main {
        height: 350px;
    }

    .bascw-canteen-image-secondary {
        height: 260px;
        margin-top: 35px;
    }
}

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

@media (max-width: 576px) {
    .bascw-canteen-section {
        padding: 42px 16px;
    }

    .bascw-canteen-heading {
        margin-bottom: 32px;
    }

    .bascw-canteen-heading h2 {
        font-size: 30px;
    }

    .bascw-canteen-heading p,
    .bascw-canteen-info p {
        font-size: 15px;
        line-height: 1.8;
    }

    .bascw-canteen-info h3 {
        font-size: 25px;
    }

    .bascw-canteen-gallery {
        gap: 12px;
    }

    .bascw-canteen-gallery::before {
        top: -9px;
        left: -7px;
        width: 48px;
        height: 48px;
        border-width: 3px;
    }

    .bascw-canteen-image-main {
        height: 245px;
        border-radius: 4px 4px 24px 4px;
    }

    .bascw-canteen-image-secondary {
        height: 200px;
        margin-top: 28px;
        border-radius: 4px 24px 4px 4px;
    }

    .bascw-canteen-image figcaption {
        gap: 7px;
        padding: 12px 8px;
    }

    .bascw-canteen-image-number {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
        font-size: 10px;
    }

    .bascw-canteen-image-caption {
        font-size: 11px;
    }

    .bascw-canteen-gallery-decoration {
        top: -18px;
        right: 0;
        font-size: 26px;
    }

    .bascw-canteen-note {
        gap: 9px;
    }

    .bascw-canteen-note p {
        font-size: 13px;
    }

    .bascw-canteen-bottom {
        gap: 9px;
        margin-top: 32px;
        padding: 16px 5px;
    }

    .bascw-canteen-bottom-line {
        flex-basis: 17px;
    }

    .bascw-canteen-bottom p {
        font-size: 12px;
    }
}

/* VERY SMALL MOBILE */

@media (max-width: 360px) {
    .bascw-canteen-gallery {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bascw-canteen-image-main,
    .bascw-canteen-image-secondary {
        height: 235px;
        margin-top: 0;
    }

    .bascw-canteen-image-caption {
        font-size: 13px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .bascw-canteen-gallery-decoration {
        animation: none;
    }

    .bascw-canteen-image img {
        transition: none;
    }
}
/* TABLET */

@media (max-width: 991px) {
    .basc-skill-section {
        padding: 40px 0;
    }

    .basc-skill-layout {
        grid-template-columns: 1fr 0.85fr;
        gap: 28px;
    }

    .basc-skill-right {
        height: 580px;
    }

    .basc-skill-left h2 {
        font-size: 32px;
    }

    .basc-skill-left p {
        font-size: 15px;
        line-height: 1.8;
    }

    .basc-skill-list {
        grid-template-columns: 1fr;
        gap: 9px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .basc-skill-section {
        padding: 30px 0 40px;
    }

    .basc-skill-layout {
        width: 90%;
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .basc-skill-left {
        order: 1;
    }

    .basc-skill-right {
        order: 2;
        height: 430px;
    }

    .basc-skill-kicker {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .basc-skill-left h2 {
        font-size: 31px;
    }

    .basc-skill-left h3 {
        font-size: 20px;
    }

    .basc-skill-left p {
        font-size: 15px;
        line-height: 1.8;
    }

    .basc-skill-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .basc-skill-list li {
        font-size: 14px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .basc-skill-right {
        height: 340px;
    }

    .basc-skill-left h2 {
        font-size: 27px;
    }

    .basc-skill-list {
        grid-template-columns: 1fr;
    }

    .basc-skill-image-caption {
        gap: 8px;
        font-size: 10px;
        letter-spacing: 1.3px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .basc-skill-right img {
        transition: none;
    }

    .basc-skill-right:hover img {
        transform: none;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .basc-icon-section,
    .basc-icon-section.basc-icon-reverse {
        grid-template-columns: minmax(180px, 0.65fr) minmax(0, 1.35fr);
        gap: 25px;
        padding: 35px 0;
    }

    .basc-icon-circle {
        font-size: 58px;
    }

    .basc-icon-content p {
        font-size: 16px;
    }
}

/* Mobile */
@media (max-width: 650px) {
    .basc-cells-page {
        padding: 5px 16px;
    }

    .basc-icon-section,
    .basc-icon-section.basc-icon-reverse {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 28px 0;
    }

    .basc-icon-reverse .basc-icon-visual,
    .basc-icon-reverse .basc-icon-content {
        order: initial;
    }

    .basc-icon-visual {
        min-height: auto;
        padding: 10px 0 15px;
    }

    .basc-icon-number {
        margin-bottom: 8px;
    }

    .basc-icon-circle {
        margin-bottom: 12px;
        font-size: 52px;
    }

    .basc-icon-content h2 {
        font-size: 27px;
    }

    .basc-icon-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .basc-icon-content li {
        font-size: 15px;
    }

    .basc-section-label {
        font-size: 11px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .basc-icon-circle {
        transition: none;
    }
}

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

@media (max-width: 1050px) {
    .committee-hero {
        padding-right: 5%;
        padding-left: 5%;
    }

    .hero-layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.9fr);
        min-height: 450px;
    }

    .hero-art {
        width: min(100%, 350px);
    }

    .committee-intro,
    .committee-impact {
        padding-right: 7%;
        padding-left: 7%;
        gap: 5%;
    }

    .committee-list {
        padding-right: 5%;
        padding-left: 5%;
    }

    .committee-item {
        grid-template-columns: 42px 70px minmax(0, 1fr) 25px;
        gap: 18px;
    }

    .committee-symbol > i {
        font-size: 39px;
    }

    .committee-side-note {
        font-size: 7px;
        letter-spacing: 1px;
    }

    .committee-copy h3 {
        font-size: 30px;
    }

    .committee-copy p {
        font-size: 15.5px;
    }

    .committee-closing {
        padding-right: 7%;
        padding-left: 7%;
    }
}


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

@media (max-width: 700px) {

    .basc-committees p {
        font-size: 15px;
        line-height: 1.8;
    }

    .committee-hero {
        padding: 14px 6% 0;
    }

    .hero-topline {
        align-items: flex-start;
        font-size: 8px;
        line-height: 1.8;
        letter-spacing: 0.8px;
    }

    .hero-est {
        max-width: 120px;
    }

    .hero-layout {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding: 50px 0 24px;
    }

    .hero-content h1 {
        font-size: clamp(53px, 13vw, 78px);
        letter-spacing: -2.5px;
    }

    .hero-subtitle {
        font-size: 24px;
    }

    .eyebrow {
        margin-bottom: 22px;
        font-size: 8px;
        letter-spacing: 1.3px;
    }

    .hero-content > p {
        margin-top: 18px;
    }

    .hero-art {
        width: 235px;
        margin: 24px auto 5px;
    }

    .art-number {
        font-size: 100px;
    }

    .art-caption {
        right: -5%;
        font-size: 8px;
    }

    .art-curve {
        border-width: 11px;
    }

    .hero-bottomline {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
        min-height: 49px;
        font-size: 8px;
        letter-spacing: 0.8px;
    }

    .committee-intro {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 65px 7% 70px;
    }

    .intro-label {
        min-height: 0;
    }

    .intro-decoration {
        position: relative;
        top: auto;
        left: 0;
        margin-top: 25px;
    }

    .intro-content h2,
    .impact-heading h2,
    .closing-content h2 {
        font-size: 37px;
    }

    .intro-content p {
        margin-top: 15px;
    }

    .committee-list {
        padding: 10px 6% 40px;
    }

    .list-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
        padding-bottom: 19px;
    }

    .list-heading-note {
        text-align: left;
    }

    .committee-item {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 15px 13px;
        padding: 35px 0 39px;
    }

    .committee-number {
        grid-column: 1;
        grid-row: 1;
        padding-top: 1px;
        font-size: 26px;
    }

    .committee-symbol {
        grid-column: 2;
        grid-row: 1;
        flex-direction: row;
        align-items: center;
        gap: 13px;
        padding-top: 2px;
    }

    .committee-symbol > i {
        font-size: 33px;
    }

    .symbol-underline {
        width: 28px;
    }

    .committee-copy {
        grid-column: 2;
        grid-row: 2;
    }

    .committee-kicker {
        margin-bottom: 10px;
        font-size: 8px;
        letter-spacing: 1.1px;
    }

    .committee-copy h3 {
        margin-bottom: 13px;
        font-size: 27px;
    }

    .committee-copy p {
        margin-top: 12px;
        font-size: 15px;
        line-height: 1.85;
    }

    .committee-side-note {
        display: none;
    }

    .committee-focus {
        gap: 5px 0;
        margin-top: 18px;
    }

    .committee-focus span {
        margin-right: 8px;
        font-size: 9px;
    }

    .committee-focus span:first-child {
        width: 100%;
        margin-bottom: 3px;
    }

    .committee-impact {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 68px 7%;
    }

    .impact-heading h2 {
        margin-top: 19px;
    }

    .impact-heading > p {
        margin-top: 17px;
    }

    .impact-item {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 0;
    }

    .impact-symbol {
        font-size: 22px;
    }

    .impact-item h4 {
        font-size: 20px;
    }

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

    .impact-decoration {
        right: -110px;
        bottom: -85px;
        width: 220px;
        height: 220px;
    }

    .committee-closing {
        padding: 67px 7%;
    }

    .closing-content h2 {
        margin-top: 20px;
    }

    .closing-content > p {
        margin-top: 18px;
    }

    .closing-motto {
        gap: 9px;
        font-size: 8px;
        letter-spacing: 1px;
    }

    .closing-art {
        top: auto;
        right: -115px;
        bottom: -130px;
        width: 230px;
        height: 230px;
    }
}


/* ==========================================
   SMALL PHONES
========================================== */

@media (max-width: 380px) {
    .hero-content h1 {
        font-size: 48px;
    }

    .hero-subtitle {
        font-size: 21px;
    }

    .committee-item {
        grid-template-columns: 29px minmax(0, 1fr);
        column-gap: 10px;
    }

    .committee-number {
        font-size: 23px;
    }

    .committee-symbol > i {
        font-size: 29px;
    }

    .committee-copy h3 {
        font-size: 24px;
    }

    .intro-content h2,
    .impact-heading h2,
    .closing-content h2 {
        font-size: 33px;
    }

    .committee-focus span {
        font-size: 8px;
    }
}


/* ==========================================
   ACCESSIBILITY
========================================== */

@media (prefers-reduced-motion: reduce) {
    .basc-committees *,
    .basc-committees *::before,
    .basc-committees *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .reveal-item {
        opacity: 1;
        transform: none;
    }
}


/* TABLET */

@media (max-width: 991px) {
    .basc-student-life {
        padding: 38px 4%;
    }

    .basc-life-layout {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
        min-height: 680px;
    }

    .basc-life-visual,
    .basc-main-image {
        min-height: 680px;
    }

    .basc-life-content {
        height: 630px;
        margin-left: -25px;
        padding: 24px 21px;
    }

    .basc-image-caption {
        left: 23px;
        right: 20px;
        bottom: 35px;
    }

    .basc-image-caption h2 {
        font-size: 30px;
    }

    .basc-activity {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
    }

    .basc-activity-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .basc-content-heading h2 {
        font-size: 24px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .basc-student-life {
        padding: 30px 15px;
    }

    .basc-section-heading {
        margin-bottom: 25px;
    }

    .basc-section-heading h1 {
        font-size: 32px;
    }

    .basc-section-heading > p {
        font-size: 15px;
        line-height: 1.75;
        text-align: justify;
    }

    .basc-life-layout {
        display: flex;
        flex-direction: column;
        min-height: auto;
    }

    .basc-life-visual {
        width: 100%;
        min-height: 390px;
        height: 390px;
    }

    .basc-main-image {
        min-height: 390px;
    }

    .basc-image-caption {
        left: 21px;
        right: 18px;
        bottom: 25px;
    }

    .basc-image-caption h2 {
        font-size: 29px;
    }

    .basc-image-caption p {
        font-size: 14px;
        line-height: 1.7;
    }

    .basc-image-tag {
        top: 15px;
        left: 15px;
        padding: 9px 12px;
    }

    .basc-life-content {
        width: 100%;
        height: auto;
        max-height: 650px;
        margin: -20px 0 0;
        padding: 23px 19px;
        overflow-y: auto;
        border-top: 4px solid #8b1e2d;
    }

    .basc-content-heading h2 {
        font-size: 23px;
    }

    .basc-content-heading p {
        font-size: 15px;
    }

    .basc-activity {
        padding: 19px 0;
    }

    .basc-activity-info h3 {
        font-size: 17px;
    }

    .basc-activity-info p {
        font-size: 14px;
        line-height: 1.75;
    }

    .basc-activity-number {
        font-size: 9px;
        letter-spacing: 0.8px;
    }

    .basc-life-footer {
        padding: 17px 14px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .basc-student-life {
        padding: 25px 10px;
    }

    .basc-section-heading h1 {
        font-size: 28px;
    }

    .basc-life-visual {
        min-height: 340px;
        height: 340px;
    }

    .basc-main-image {
        min-height: 340px;
    }

    .basc-image-caption h2 {
        font-size: 25px;
    }

    .basc-life-content {
        padding: 20px 14px;
    }

    .basc-activity {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 10px;
    }

    .basc-activity-icon {
        width: 34px;
        height: 34px;
        font-size: 18px;
    }

    .basc-activity-info h3 {
        font-size: 16px;
    }
}

/* ACCESSIBILITY: REDUCE MOTION */

@media (prefers-reduced-motion: reduce) {
    .basc-activity {
        animation: none;
    }
}


/* =========================================================
   18. LARGE TABLETS
========================================================= */

@media (max-width: 1100px) {

    .basc-sl-container {
        padding: 55px 22px;
    }

    .basc-sl-activity-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .basc-sl-gallery img {
        height: 250px;
    }

}

/* =========================================================
   19. TABLETS
========================================================= */

@media (max-width: 850px) {

    .basc-sl-intro h1 {
        font-size: 32px;
    }

    .basc-sl-heading h2 {
        font-size: 26px;
    }

    .basc-sl-intro-content {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .basc-sl-facts {
        max-width: 100%;
    }

    .basc-sl-gallery {
        gap: 18px;
    }

    .basc-sl-gallery img {
        height: 220px;
    }

    .basc-sl-two-columns {
        gap: 20px;
    }

    .basc-sl-activity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .basc-sl-officer-list {
        gap: 15px;
    }

}

/* =========================================================
   20. MOBILE
========================================================= */

@media (max-width: 600px) {

    .basc-sl-container {
        padding: 40px 16px;
    }

    .basc-student-life p {
        font-size: 16px;
        line-height: 1.75;
    }

    .basc-sl-intro {
        margin-bottom: 30px;
    }

    .basc-sl-intro h1 {
        font-size: 27px;
    }

    .basc-sl-eyebrow {
        font-size: 12px;
    }

    .basc-sl-nav {
        gap: 8px;
        margin-bottom: 45px;
        padding: 15px 5px;
    }

    .basc-sl-nav a {
        padding: 8px 15px;
        font-size: 13px;
    }

    .basc-sl-section {
        margin-bottom: 55px;
        padding-bottom: 45px;
    }

    .basc-sl-heading {
        gap: 14px;
        margin-bottom: 25px;
    }

    .basc-sl-number {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .basc-sl-heading h2 {
        font-size: 21px;
    }

    .basc-sl-label {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .basc-sl-gallery {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 430px;
        margin: 30px auto;
    }

    .basc-sl-gallery figure,
    .basc-sl-gallery figure:nth-child(2),
    .basc-sl-gallery figure:nth-child(3) {
        margin: 0;
        border-radius: 75px 75px 7px 7px;
    }

    .basc-sl-gallery img {
        height: 260px;
    }

    .basc-sl-two-columns {
        grid-template-columns: 1fr;
        gap: 18px;
        margin: 30px 0;
    }

    .basc-sl-two-columns > div {
        padding: 20px;
    }

    .basc-sl-two-columns h3 {
        font-size: 20px;
    }

    .basc-sl-motto {
        align-items: flex-start;
        gap: 15px;
        padding: 22px 17px;
    }

    .basc-sl-motto-icon {
        width: 52px;
        height: 52px;
        font-size: 23px;
    }

    .basc-sl-motto h3 {
        font-size: 20px;
    }

    .basc-sl-subheading {
        margin: 32px 0 18px;
        font-size: 20px;
    }

    .basc-sl-check-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .basc-sl-check-list li {
        font-size: 15px;
    }

    .basc-sl-activity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .basc-sl-activity-grid > div {
        min-height: 68px;
        gap: 9px;
        padding: 12px 9px;
    }

    .basc-sl-activity-grid i {
        width: 22px;
        font-size: 19px;
    }

    .basc-sl-activity-grid span {
        font-size: 12px;
    }

    .basc-sl-officer-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .basc-sl-achievement {
        align-items: flex-start;
        gap: 15px;
        padding: 20px 16px;
    }

    .basc-sl-achievement > i {
        font-size: 30px;
    }

    .basc-sl-achievement h3 {
        font-size: 19px;
    }

    .basc-sl-reports {
        padding: 20px 13px;
    }

    .basc-sl-report-heading h3 {
        font-size: 20px;
    }

    .basc-sl-report-heading > i {
        font-size: 27px;
    }

    .basc-sl-report-list summary {
        padding: 14px 12px;
        font-size: 14px;
    }

    .basc-sl-pdf-content {
        padding: 5px 12px 18px;
    }

    .basc-sl-pdf-content iframe {
        height: 320px;
    }

    .basc-sl-pdf-content a {
        padding: 8px 12px;
        font-size: 12px;
    }

}

/* =========================================================
   21. SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .basc-sl-container {
        padding-right: 12px;
        padding-left: 12px;
    }

    .basc-sl-intro h1 {
        font-size: 24px;
    }

    .basc-sl-heading h2 {
        font-size: 19px;
    }

    .basc-sl-number {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .basc-sl-activity-grid {
        grid-template-columns: 1fr;
    }

    .basc-sl-activity-grid > div {
        min-height: 58px;
    }

    .basc-sl-facts {
        gap: 5px;
        padding: 15px 5px;
    }

    .basc-sl-facts strong {
        font-size: 23px;
    }

    .basc-sl-facts span {
        font-size: 10px;
    }

    .basc-sl-motto {
        flex-direction: column;
    }

}

/* =========================================================
   22. ACCESSIBILITY
========================================================= */

.basc-sl-nav a:focus-visible,
.basc-sl-report-list summary:focus-visible,
.basc-sl-pdf-content a:focus-visible {
    outline: 3px solid var(--basc-gold);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .basc-student-life *,
    .basc-student-life *::before,
    .basc-student-life *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }

}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 992px) {

    .placement-container {
        width: 94%;
    }

    .placement-row {
        gap: 25px;
    }

    .objective-layout {
        gap: 25px;
    }

    .statistics-layout {
        grid-template-columns: 1fr;
    }

    .chart-area {
        max-width: 550px;
        width: 100%;
        margin: auto;
    }

    .salary-section {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .placement-section {
        padding: 30px 0 45px;
    }

    .placement-container {
        width: 92%;
    }

    .placement-section h2 {
        font-size: 23px;
    }

    .placement-section h3 {
        font-size: 18px;
    }

    .placement-section p {
        font-size: 16px;
        line-height: 1.75;
    }

    .placement-row,
    .objective-layout,
    .mission-vision,
    .placement-contact {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 40px;
    }

    .placement-row .placement-content,
    .placement-row .placement-image {
        order: initial;
    }

    .placement-image,
    .placement-image img {
        min-height: 280px;
    }

    .reverse-row {
        padding: 30px 0;
    }

    .work-item {
        grid-template-columns: 38px 1fr;
        gap: 12px;
    }

    .work-item > span {
        width: 34px;
        height: 34px;
    }

    .objective-image img {
        height: 280px;
        min-height: 280px;
    }

    .mv-image,
    .mv-image img {
        height: 270px;
        min-height: 270px;
    }

    .placement-table {
        min-width: 550px;
    }

    .statistics-table {
        min-width: 450px;
    }

    .company-year summary {
        grid-template-columns: 1fr 25px;
        gap: 8px;
        padding: 16px;
    }

    .year-title {
        font-size: 17px;
    }

    .year-info {
        grid-column: 1;
        grid-row: 2;
        font-size: 14px;
    }

    .faq-icon {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .year-highlight {
        gap: 10px;
    }

    .year-highlight strong {
        font-size: 24px;
    }

    .placement-pie-chart {
        width: 230px;
        height: 230px;
    }

    .contact-image,
    .contact-image img {
        height: 260px;
        min-height: 260px;
    }
}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 420px) {

    .placement-section h2 {
        font-size: 21px;
    }

    .placement-section p {
        font-size: 15px;
    }

    .year-highlight {
        grid-template-columns: 1fr;
    }

    .year-highlight div {
        padding: 12px;
    }

    .placement-pie-chart {
        width: 205px;
        height: 205px;
    }
}

/* ==========================================
   ACCESSIBILITY
========================================== */

@media (prefers-reduced-motion: reduce) {

    .placement-section *,
    .placement-section *::before,
    .placement-section *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* TABLET VIEW */
@media (max-width: 991px) {
    .placement-statistics-images {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .statistics-image-box {
        max-width: 750px;
        margin: auto;
    }
}

/* MOBILE VIEW */
@media (max-width: 576px) {
    .placement-statistics-images {
        gap: 15px;
        margin: 25px auto 30px;
    }

    .statistics-image-box {
        border-radius: 6px;
    }
}


/* TABLET */

@media(max-width: 991px) {
    .scholarship-highlights {
        grid-template-columns: repeat(2, 1fr);
    }

    .scheme-info {
        grid-template-columns: repeat(2, 1fr);
    }

    .document-section {
        gap: 30px;
    }
}

/* MOBILE */

@media(max-width: 767px) {

    .scholarship-hero {
        min-height: 400px;
        padding: 45px 22px;
    }

    .scholarship-hero::after {
        background: rgba(5, 28, 66, .86);
    }

    .scholarship-intro {
        grid-template-columns: 1fr;
        padding: 50px 22px;
        gap: 30px;
    }

    .intro-image {
        height: 260px;
    }

    .scholarship-highlights {
        padding: 35px 20px;
        gap: 15px;
    }

    .highlight-card {
        border-right: none;
        border-bottom: 1px solid #d6c9a9;
        padding: 18px 8px;
    }

    .scholarship-main {
        padding: 50px 18px;
    }

    .scheme-card {
        padding: 25px 0;
    }

    .scheme-top {
        gap: 12px;
        align-items: flex-start;
    }

    .scheme-number {
        width: 43px;
        height: 43px;
        flex-shrink: 0;
    }

    .scheme-symbol {
        display: none;
    }

    .scheme-info {
        grid-template-columns: repeat(2, 1fr);
    }

    .scheme-info div {
        border-bottom: 1px solid #d8d0c0;
    }

    .details-content {
        padding: 20px 15px;
    }

    .document-section {
        grid-template-columns: 1fr;
        padding: 50px 22px;
        gap: 30px;
    }

    .document-image {
        height: 260px;
    }

    .document-list {
        grid-template-columns: 1fr;
    }

    .beneficiary-section {
        padding: 50px 15px;
    }

    .scholarship-contact {
        padding: 30px 20px;
        align-items: flex-start;
        gap: 15px;
    }
}

/* SMALL MOBILE */

@media(max-width: 400px) {

    .scholarship-highlights {
        grid-template-columns: 1fr;
    }

    .scheme-info {
        grid-template-columns: 1fr;
    }

    .scheme-info div {
        border-left: none;
    }

    .scheme-top {
        gap: 10px;
    }
}

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

@media (max-width: 900px) {

    .disclosure-banner {
        min-height: 225px;
        padding: 45px 6%;
    }

    .disclosure-banner h1 {
        font-size: 30px;
    }

    .disclosure-content,
    .disclosure-intro,
    .disclosure-bottom {
        width: 92%;
    }

    .disclosure-table th,
    .disclosure-table td {
        padding: 12px;
    }

    .action-column {
        width: 160px;
    }

    .contact-group {
        padding: 17px;
    }
}

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

@media (max-width: 600px) {

    .disclosure-banner {
        min-height: 195px;
        padding: 35px 6%;
    }

    .disclosure-banner h1 {
        font-size: 25px;
    }

    .disclosure-banner p {
        font-size: 15px;
    }

    .banner-label {
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .banner-circle-one {
        right: -160px;
    }

    .banner-circle-two {
        right: -110px;
    }

    .banner-circle-three {
        right: -60px;
    }

    .disclosure-intro {
        margin: 27px auto 23px;
    }

    .disclosure-intro h2 {
        font-size: 22px;
    }

    .disclosure-intro p {
        font-size: 16px;
        text-align: justify;
    }

    .disclosure-content {
        width: 94%;
    }

    .disclosure-group {
        margin-bottom: 27px;
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #a56d3b #f8eeee;
    }

    .group-heading {
        gap: 12px;
        padding: 10px 0 13px;
    }

    .group-number {
        min-width: 43px;
        height: 43px;
        font-size: 14px;
    }

    .group-heading h3 {
        font-size: 19px;
    }

    .group-heading p {
        font-size: 13px;
    }

    .disclosure-table {
        min-width: 560px;
    }

    .disclosure-table th {
        font-size: 15px;
        padding: 12px;
    }

    .disclosure-table td {
        font-size: 16px;
        padding: 12px;
    }

    .disclosure-link {
        font-size: 14px;
    }

    .contact-group {
        padding: 15px 12px;
    }

    .contact-details {
        gap: 12px;
        padding: 13px 3px;
    }

    .contact-icon {
        min-width: 37px;
        height: 37px;
        font-size: 18px;
    }

    .contact-details h4 {
        font-size: 16px;
    }

    .contact-details p {
        font-size: 16px;
    }

    .map-link {
        margin-left: 3px;
        font-size: 14px;
    }

    .disclosure-bottom {
        width: 94%;
        padding: 14px 8px;
    }

    .disclosure-bottom p {
        font-size: 13px;
    }
}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 380px) {

    .disclosure-banner h1 {
        font-size: 22px;
    }

    .banner-label {
        font-size: 9px;
    }

    .group-heading h3 {
        font-size: 18px;
    }

    .contact-group {
        padding: 12px 9px;
    }
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 850px) {

    .basc-calendar-item {
        grid-template-columns: 75px 1fr;
        gap: 20px;
    }

    .basc-calendar-actions {
        grid-column: 2;
        flex-direction: row;
        gap: 30px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 576px) {

    .basc-academic-calendar {
        padding: 50px 16px;
    }

    .basc-calendar-heading {
        margin-bottom: 35px;
    }

    .basc-calendar-heading h2 {
        font-size: 28px;
    }

    .basc-calendar-heading p {
        font-size: 16px;
    }

    .basc-calendar-item {
        grid-template-columns: 55px 1fr;
        gap: 15px;
        padding: 25px 5px;
    }

    .basc-calendar-year i {
        font-size: 28px;
    }

    .basc-calendar-content h3 {
        font-size: 19px;
    }

    .basc-calendar-content p {
        font-size: 16px;
    }

    .basc-calendar-tag {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .basc-calendar-actions {
        grid-column: 2;
        flex-wrap: wrap;
        gap: 10px 22px;
    }

    .basc-calendar-actions a {
        font-size: 14px;
    }

    .basc-calendar-footer {
        align-items: flex-start;
    }

}


/* SMALL MOBILE */

@media (max-width: 350px) {

    .basc-calendar-heading h2 {
        font-size: 25px;
    }

    .basc-calendar-content h3 {
        font-size: 17px;
    }

    .basc-calendar-actions {
        flex-direction: column;
        gap: 5px;
    }

}


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

@media (max-width: 850px) {

    .basc-ugc-document {
        flex-wrap: wrap;
    }

    .basc-ugc-actions {
        width: 100%;
        padding-left: 60px;
    }

}


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

@media (max-width: 576px) {

    .basc-ugc-refund {
        padding: 50px 16px;
    }

    .basc-ugc-heading {
        margin-bottom: 35px;
    }

    .basc-ugc-heading h2 {
        font-size: 27px;
    }

    .basc-ugc-heading p {
        font-size: 16px;
    }

    .basc-ugc-content {
        gap: 15px;
        padding: 20px 5px 25px;
    }

    .basc-ugc-icon {
        min-width: 42px;
        font-size: 32px;
    }

    .basc-ugc-details h3 {
        font-size: 20px;
    }

    .basc-ugc-details p {
        font-size: 16px;
    }

    .basc-ugc-document {
        gap: 15px;
        padding: 25px 5px;
    }

    .basc-ugc-pdf-icon {
        font-size: 30px;
    }

    .basc-ugc-pdf-info h4 {
        font-size: 17px;
    }

    .basc-ugc-actions {
        padding-left: 45px;
        flex-wrap: wrap;
        gap: 15px 22px;
    }

    .basc-ugc-actions a {
        font-size: 14px;
    }

    .basc-ugc-footer {
        align-items: flex-start;
    }

}


/* SMALL MOBILE */

@media (max-width: 350px) {

    .basc-ugc-heading h2 {
        font-size: 24px;
    }

    .basc-ugc-content {
        gap: 10px;
    }

    .basc-ugc-icon {
        min-width: 32px;
        font-size: 27px;
    }

    .basc-ugc-document {
        flex-wrap: wrap;
    }

    .basc-ugc-actions {
        padding-left: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

}

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

@media (max-width: 900px) {

    .basc-nirf {
        padding: 60px 20px;
    }

    .basc-nirf-documents {
        padding-left: 0;
    }

}

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

@media (max-width: 650px) {

    .basc-nirf {
        padding: 45px 15px;
    }

    .basc-nirf-heading {
        margin-bottom: 40px;
    }

    .basc-nirf-heading h2 {
        font-size: 28px;
    }

    .basc-nirf-heading p {
        font-size: 16px;
    }

    .basc-nirf-year {
        margin-bottom: 28px;
        padding-bottom: 25px;
    }

    .basc-nirf-year-heading {
        gap: 13px;
        flex-wrap: wrap;
    }

    .basc-nirf-year-icon {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .basc-nirf-year-text h3 {
        font-size: 22px;
    }

    .basc-nirf-year-text p {
        font-size: 13px;
    }

    .basc-nirf-latest {
        margin-left: 58px;
        margin-top: -5px;
    }

    .basc-nirf-documents {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .basc-nirf-document {
        padding: 15px 12px;
        gap: 11px;
    }

    .basc-nirf-pdf-icon {
        width: 42px;
        height: 42px;
        font-size: 22px;
    }

    .basc-nirf-document-info h4 {
        font-size: 14px;
    }

    .basc-nirf-document-info p {
        font-size: 12px;
    }

    .basc-nirf-download {
        font-size: 15px;
    }

    .basc-nirf-download span {
        font-size: 10px;
    }

}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 380px) {

    .basc-nirf-heading h2 {
        font-size: 25px;
    }

    .basc-nirf-year-text h3 {
        font-size: 20px;
    }

    .basc-nirf-document {
        gap: 8px;
        padding: 12px 9px;
    }

    .basc-nirf-pdf-icon {
        width: 36px;
        height: 36px;
        font-size: 19px;
    }

    .basc-nirf-document-info h4 {
        font-size: 13px;
    }

    .basc-nirf-pending-text {
        font-size: 10px;
    }

}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .basc-physical-container {
        width: 94%;
    }

    .basc-physical-intro-content {
        gap: 30px;
    }

    .basc-sports-grid {
        gap: 20px;
    }

    .basc-sport-item img {
        width: 170px;
    }

}


/* =========================================================
   TABLET LANDSCAPE
========================================================= */

@media (max-width: 991px) {

    .basc-physical-intro-content {
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        padding: 18px;
    }

    .basc-physical-intro-image {
        height: 320px;
    }

    .basc-physical-intro-text p {
        font-size: 16px;
    }

    .basc-sports-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .basc-sport-item img {
        width: 165px;
    }

    .basc-quota-years {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   TABLET PORTRAIT
========================================================= */

@media (max-width: 768px) {

    .basc-physical-container {
        width: 92%;
    }

    .basc-physical-intro,
    .basc-physical-facilities,
    .basc-physical-outdoor,
    .basc-physical-achievements,
    .basc-physical-quota {
        padding: 48px 0;
    }

    .basc-physical-heading {
        margin-bottom: 28px;
    }

    .basc-physical-heading > span {
        font-size: 16px;
    }

    .basc-physical-heading h2 {
        font-size: 26px;
    }

    .basc-physical-heading p {
        font-size: 15px;
    }

    /* Introduction */

    .basc-physical-intro-content {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 15px;
    }

    .basc-physical-intro-image {
        height: 310px;
    }

    .basc-physical-intro-text {
        padding: 5px 4px;
    }

    .basc-physical-intro-text p,
    .basc-quota-description p {
        font-size: 16px;
        line-height: 1.8;
    }

    /* Contact */

    .basc-physical-contact-content {
        gap: 18px;
        padding: 20px;
    }

    .basc-physical-contact-photo {
        width: 110px;
        height: 135px;
        flex-basis: 110px;
    }

    .basc-physical-contact-details h3 {
        font-size: 20px;
    }

    .basc-physical-contact-details h4 {
        font-size: 16px;
    }

    /* Sports */

    .basc-sports-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .basc-sport-item {
        padding: 18px 10px;
    }

    .basc-sport-item img {
        width: 145px;
    }

    .basc-sport-item h3 {
        font-size: 16px;
    }

    /* Achievements */

    .basc-achievement-image {
        width: 195px;
        height: 225px;
        flex-basis: 195px;
    }

    .basc-achievement-track {
        gap: 20px;
    }

    /* Quota */

    .basc-quota-years {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .basc-quota-year {
        min-height: 68px;
    }

    .basc-quota-year span {
        font-size: 20px;
    }

}


/* =========================================================
   MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

    .basc-physical-container {
        width: 92%;
    }

    .basc-physical-intro,
    .basc-physical-facilities,
    .basc-physical-outdoor,
    .basc-physical-achievements,
    .basc-physical-quota {
        padding: 38px 0;
    }

    .basc-physical-heading {
        margin-bottom: 24px;
    }

    .basc-physical-heading > span {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .basc-physical-heading h2 {
        font-size: 22px;
        line-height: 1.4;
    }

    .basc-physical-line {
        margin: 11px auto;
    }

    .basc-physical-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    /* Introduction */

    .basc-physical-intro-content {
        padding: 10px;
        gap: 17px;
        border-radius: 10px;
    }

    .basc-physical-intro-image {
        height: 235px;
    }

    .basc-intro-image-caption {
        font-size: 13px;
        padding: 20px 10px 12px;
    }

    .basc-physical-small-title {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .basc-physical-intro-text p {
        font-size: 15px;
        line-height: 1.75;
        margin-bottom: 12px;
    }

    /* Contact */

    .basc-physical-contact {
        padding: 30px 0;
    }

    .basc-physical-contact-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding: 20px 15px;
    }

    .basc-physical-contact-photo {
        width: 105px;
        height: 130px;
        flex-basis: auto;
    }

    .basc-physical-contact-details h3 {
        font-size: 19px;
    }

    .basc-physical-contact-details h4 {
        font-size: 15px;
    }

    .basc-physical-contact-details p {
        font-size: 14px;
        line-height: 1.6;
    }

    .basc-physical-phone {
        justify-content: center;
        gap: 10px 15px;
    }

    .basc-physical-phone a {
        font-size: 13px;
    }

    /* Sports */

    .basc-sports-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .basc-sport-item {
        padding: 15px 7px;
        border-radius: 9px;
    }

    .basc-sport-item img {
        width: 115px;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .basc-sport-item h3 {
        font-size: 14px;
        line-height: 1.4;
    }

    /* Achievements */

    .basc-achievement-marquee {
        margin-top: 25px;
    }

    .basc-achievement-track {
        gap: 15px;
    }

    .basc-achievement-image {
        width: 180px;
        height: 210px;
        flex-basis: 180px;
    }

    .basc-achievement-image span {
        font-size: 13px;
    }

    /* Quota */

    .basc-quota-description p {
        font-size: 15px;
        line-height: 1.75;
    }

    .basc-quota-years {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .basc-quota-year {
        min-height: 62px;
        padding: 10px;
    }

    .basc-quota-year span {
        font-size: 18px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE - 350px
========================================================= */

@media (max-width: 350px) {

    .basc-physical-container {
        width: 94%;
    }

    .basc-physical-heading h2 {
        font-size: 20px;
    }

    .basc-physical-heading > span {
        font-size: 11px;
    }

    .basc-physical-intro-image {
        height: 205px;
    }

    .basc-physical-intro-text p {
        font-size: 14px;
    }

    .basc-sports-grid {
        gap: 9px;
    }

    .basc-sport-item {
        padding: 12px 5px;
    }

    .basc-sport-item img {
        width: 95px;
    }

    .basc-sport-item h3 {
        font-size: 13px;
    }

    .basc-achievement-image {
        width: 160px;
        height: 190px;
        flex-basis: 160px;
    }

    .basc-quota-year span {
        font-size: 16px;
    }

}


/* =========================================================
   ACCESSIBILITY - REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .basc-achievement-track {
        animation: none;
    }

    .basc-sport-item,
    .basc-sport-item img,
    .basc-achievement-image img,
    .basc-quota-year,
    .basc-physical-phone a {
        transition: none;
    }

    .basc-sport-item:hover,
    .basc-quota-year:hover {
        transform: none;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 768px) {

    .basc-running-notice {
        margin: 30px 0 45px;
    }

    .basc-notice-item {
        width: 360px;
    }

    .basc-notice-track {
        animation-duration: 90s;
    }

    .basc-notice-item h3 {
        font-size: 18px;
    }

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

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 550px) {

    .basc-notice-heading {
        padding: 12px 15px;
        font-size: 13px;
    }

    .basc-notice-window {
        padding: 20px 0;
    }

    .basc-notice-item {
        width: 300px;
        gap: 12px;
        padding: 5px 10px;
    }

    .basc-notice-number {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .basc-notice-item h3 {
        font-size: 17px;
    }

    .basc-notice-item p {
        font-size: 14px;
        line-height: 1.7;
    }

    .basc-notice-track {
        gap: 17px;
        animation-duration: 80s;
    }

}


/* SMALL MOBILE */

@media (max-width: 350px) {

    .basc-notice-item {
        width: 270px;
    }

}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .basc-notice-track {
        animation: none;
    }

}