@media (max-width: 1366px) {
    .product-feature-img img {
        width: auto;
        height: 460px;
    }

    .product-feature-img {

        right: -100px;

    }
}


@media (max-width: 1100px) {

    /* Reset desktop minimum constraints */
    body {
        min-width: unset;
        overflow-x: hidden;
    }



    /* Hero Section */
    .hero {
        padding: 40px 20px 0;
        min-height: auto;
    }

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

    .hero-logo-mark img {
        width: 180px !important;
    }

    /* Admission Hero Responsive */
    .admission-hero {
        padding: 60px 20px;
        min-height: auto;
    }

    .admission-hero-flex {
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    .admission-hero-title {
        font-size: 32px;
        order: 2;
    }

    .admission-hero-logo-box {
        order: 1;
    }

    .admission-hero-logo {
        width: 240px;
    }

    /* Admission Dashboard Responsive */
    .admission-dashboard {
        padding: 20px 12px;
    }

    .unirp-product-hero {
        padding: 0;
        min-height: 493px;
        background: var(--blue-light);
    }

    .unirp-product-hero-inner {
        height: 493px;
    }

    .unirp-product-hero-inner img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .unirp-modules {
        padding: 60px 20px;
    }

    .unirp-modules-header h2 {
        font-size: 32px;
    }

    .unirp-modules-header p {
        font-size: 14px;
        padding: 0 10px;
    }

    .module-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0;
    }

    .module-card:nth-child(n+5) {
        display: none;
    }

    .module-grid.expanded .module-card:nth-child(n+5) {
        display: flex;
    }

    .module-view-all.hidden {
        display: none !important;
    }

    /* Customising UniRP Callout */
    .unirp-custom-callout {
        flex-direction: column-reverse;
        min-height: auto;
    }

    .unirp-custom-callout-left {
        padding: 40px 20px;
        gap: 28px;
        padding-left: 30%;
    }

    .unirp-custom-callout-text h2 {
        font-size: 32px;
    }

    .unirp-custom-callout-text p {
        font-size: 12px;
    }

    .unirp-custom-callout-img {
        width: 100%;
        height: auto;
    }

    .unirp-custom-callout-img img {
        object-fit: cover;
        object-position: center top;
    }

    /* Stakeholder Accordion */
    .unirp-accordion {
        padding: 40px 12px;
    }

    .acc-title {
        font-size: 32px;
        letter-spacing: -0.32px;
    }

    .acc-toggle i {
        font-size: 24px;
    }

    .acc-content {
        flex-direction: column;
        height: auto;
        padding: 20px;
        gap: 24px;
    }

    .acc-list {
        font-size: 16px;
        gap: 12px;
    }

    .acc-img {
        width: 180px;
        height: 180px;
    }

    /* Consistency of UniRP */
    .unirp-consistency {
        padding: 80px 12px;
    }

    .unirp-consistency-header h2 {
        font-size: 32px;
    }

    .unirp-consistency-header p {
        font-size: 14px;
    }

    /* Typography */
    .section-title {
        font-size: 32px;
        text-align: left;
    }

    .section-sub {
        text-align: left;
    }



    .success-header,
    .connectivity-title {
        text-align: left;
    }

    /* Logos Row */
    .logos-row {
        flex-wrap: wrap;
        height: auto;
        gap: 20px;
        justify-content: center;
    }

    .logos-row img {
        height: 60px;
    }

    /* Success Cards */
    .success-cards {
        flex-direction: column;
        gap: 20px;
    }

    .success-card {
        height: auto;
        min-height: 250px;
    }

    /* Metrics */
    .metris-row {
        flex-direction: column;
        gap: 40px;
        align-items: center;
        text-align: center;
    }

    /* Testimonials */
    .testimonial-cards {
        flex-direction: column;
        padding: 0 20px;
    }

    .testimonial-text {
        padding: 40px 0 0 0;
        gap: 20px;
    }

    .testimonial-card-img {
        min-height: 280px;
    }

    /* CTA */
    .cta {
        padding: 40px 20px;
    }

    .cta-box {
        height: auto;
    }

    .cta-inner {
        padding: 40px 20px;
        align-items: center;
    }

    .cta-texts {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        align-items: center;
    }

    /* Footer */
    .footer-top {
        flex-direction: column-reverse;

        gap: 20px;
    }

    .footer-sitemap {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .footer-middle {
        flex-direction: column;
        gap: 40px;
    }

    footer {
        padding: 40px 20px 20px;
    }

    .footer-middle {
        padding-right: 0;
    }

    .footer-sitemap {
        width: 100%;
        gap: 0;
    }

    .footer-col {
        width: 33.33%;
    }

    .footer-contact {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        gap: 0;
    }

    .footer-contact-section {
        width: 33.33%;
    }

    .footer-top,
    .footer-contact {
        padding: 0 10px;
    }

    .value-label {
        font-size: 28px;
    }

    /* About Hero */
    .abt-hero-img-wrap {
        height: 520px;
    }

    .abt-hero-title {
        font-size: 36px;
    }

    .abt-hero-sub {
        font-size: 17px;
    }

    /* Difference Section */
    .abt-diff {
        padding: 60px 20px;
    }

    .abt-diff-col-head {
        padding: 20px 32px;
    }

    .abt-diff-item p {
        font-size: 20px;
    }

    /* Career Hero — 1100px */
    .career-hero-left {
        padding: 40px 40px;
    }

    .career-hero-right {
        display: none;
    }

    .career-hero-title {
        font-size: 40px;
    }

    .career-hero-sub {
        font-size: 18px;
    }

    .career-hero-content {
        justify-content: center;
        align-self: center;
        text-align: center;
    }

    .career-hero-content img {
        margin: auto;
    }

    .career-hero {
        min-height: auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .perks-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 20px;
    }

    .values-grid {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

    .admission-divider {
        display: none !important;
    }

    .admission-hero-flex {
        flex-direction: column-reverse;
    }

    .aa-title {
        font-size: 32px;
    }

    .aa-item {
        padding: 28px 20px;
    }

    .admission-process {
        padding: 60px 12px;
    }

    .product-feature-img {
        display: none;
    }

    .product-feature-img-mob {
        display: block;
        width: 100%;

    }

    .product-feature-img-mob img {
        width: 100%;
    }

    .product-feature-points li {
        font-size: 16px;
    }

    .product-feature {
        padding-top: 0;
    }

    .product-feature .container {
        padding: 0;
    }

    .product-feature-details {
        padding: 0 40px;
        margin-top: 40px;
    }

    .text-link-underline {
        font-size: 20px;
    }

    .success-card-img .lottie-hover{
        transform: scale(1);
    }
}



@media (max-width: 991px) {

    /* Suite Section */
    .suite-grid {
        flex-direction: column;
        height: auto;
    }

    .suite-image-bg,
    .suite-list {
        width: 100%;
        flex: none;
    }

    .suite-image-bg {
        padding: 20px;
    }

    .suite-item {
        flex-direction: column;

    }

    .suite-item.active,
    .suite-item:hover {
        background: #fff;
    }

    .suite-item {
        padding: 0;
        box-sizing: border-box;
        gap: 0;
    }

    .suite-icon-text-row {
        padding: 20px;

    }

    .suite-mobile-image {
        background: #f1f1f1;
        padding: 20px;
        box-sizing: border-box;
    }

    /* Callout */
    .grey-callout {
        flex-direction: column-reverse;
        height: auto;
    }

    .grey-callout-left {
        padding: 40px 20px;
    }

    .grey-callout-img {
        width: 100%;
    }

    header nav a {
        width: 100%;
        text-align: center;
        display: block;
    }

    header nav .dropdown {
        width: 100%;
    }

    header .dropdown-menu {
        position: relative;
        text-align: center !important;
        padding: 0;
        border: none !important;
        box-shadow: none !important;
        width: 100%;
    }

    header .dropdown-item {
        width: 100%;
    }

    .nav-demo {
        width: 85px;
    }

    header.navbar {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1050;
    }

    .page-intro-text {
        font-size: 36px;
    }

    .page-intro {
        padding: 60px 20px;
    }

    .abt-text {
        padding: 0;
        padding-left: 15%;
    }

    body {
        padding-top: 81px;
    }

    /* About Hero */
    .abt-hero-img-wrap {
        height: 420px;
    }

    .abt-hero-content {
        padding: 0 24px;
        height: 240px;
    }

    .protection-row p {
        text-align: center;
        margin-bottom: 40px;
    }

    .protection-img {
        display: flex;
        justify-content: center;
    }

    /* Career Hero — mobile (matches Figma node 1020:10613) */
    .career-hero {
        flex-direction: column-reverse;
        min-height: auto;
    }

    .career-hero-left {
        width: 100%;
        flex: none;
        padding: 80px 12px;
        align-items: center;
        text-align: center;
    }

    .career-hero-content {
        align-items: center;
        width: 100%;
    }

    .career-hero-right {
        width: 100%;
        flex: none;
        height: auto;
    }

    .career-hero-right img {
        height: auto;
    }

    .career-hero-title {
        font-size: 36px;
        letter-spacing: 0;
    }

    .career-hero-sub {
        font-size: 16px;
    }

    .perks {
        padding: 60px 0;
    }

    .perks-grid {
        gap: 30px;
        margin-top: 40px;
    }


    .aa-item:nth-child(2n) {
        border-right: none !important;
    }
}

@media (max-width: 767px) {
    .page-intro {
        padding: 40px 20px;
    }

    .page-intro-text {
        font-size: 24px;
    }

    .metric-number {
        font-size: 48px;
    }

    .metric-label {
        font-size: 28px;
    }

    .grey-callout-text {
        width: 100%;

    }


    .grey-callout-text h2 {
        font-size: 32px;
        text-align: center;
    }

    .grey-callout-text p {
        text-align: center;
    }



    .grey-callout-left .btn {
        margin: 0 auto;
    }

    .footer-top-left br {
        display: none;
    }

    /* About Hero */
    .abt-hero-img-wrap {
        height: 340px;
    }

    .abt-hero-content {
        height: 200px;
        gap: 12px;
    }

    .abt-hero-title {
        font-size: 26px;
    }

    .abt-hero-sub {
        font-size: 14px;
    }

    /* Difference Section — Stack columns */
    .abt-diff-cols {
        flex-direction: column;
        gap: 20px;
    }


    .abt-diff-item p {
        font-size: 18px;
    }

    /* Voice of Education Responsive */
    .voice-edu {
        padding: 40px 12px;
    }

    .voice-edu .section-title {
        font-size: 32px;
        text-align: center;
    }

    .voice-edu .section-sub {
        font-size: 14px;
        text-align: center;
        padding: 0 10px;
    }

    /* Perks Responsive */
    .perks {
        padding: 40px 0;
    }

    .perks .section-title {
        font-size: 32px;
    }

    .perks .section-sub {
        font-size: 14px;
        padding: 0 20px;
    }

    .perks-grid {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

    .perk-item {
        align-items: center;
        text-align: center;
    }

    .perk-icon {
        width: 70px;
        height: 70px;
    }

    .perk-text {
        flex: 1;
    }

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

    .voice-card-green {
        padding: 20px;
    }

    .voice-quote {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .voice-author-name {
        font-size: 14px;
    }

    .voice-author-title {
        font-size: 10px;
    }

    .stat-number {
        font-size: 32px;
    }

    .stat-text {
        font-size: 16px;
    }

    .voice-edu .testimonial-card-img .testimonial-quote {
        font-size: 20px;
    }

    .voice-edu .testimonial-card-img .testimonial-author strong {
        font-size: 14px;
    }

    .voice-edu .testimonial-card-img .testimonial-author span {
        font-size: 10px;
    }

    .perk-item {
        flex-direction: row;
    }

    .perk-text h3 br {
        display: none;
    }

    /* Values Responsive */
    .career-values {
        padding: 40px 0;
    }

    .value-card {
        padding: 24px;
    }

    .value-number {
        font-size: 48px;
    }

    .value-content h3 {
        font-size: 20px;
    }

    .gallery-item {
        height: 240px;
    }

    .career-form-section {
        padding: 40px 0;
    }

    .contact-sec {
        padding: 40px 12px;
    }

    .contact-info-list {
        gap: 24px !important;
    }

    .contact-info-title {
        font-size: 18px;
    }

    .contact-info-text {
        font-size: 13px;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .aa-item {
        border-right: none !important;
    }

    .aa-mobile-more {
        display: block;
    }

    .abt-hero-img-wrap img{
        height: 120%;
        top: -20%;
    }
}

@media (max-width: 600px) {
    .footer-contact .footer-contact-section {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .footer-col {
        width: 50%;
    }

    .footer-sitemap {
        justify-content: flex-start;

        row-gap: 20px;
    }

    .footer-socials {
        width: 100%;
    }

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

    .footer-logo-block img {
        width: 340px;
    }
}

@media (max-width: 375px) {
    .logo-wordmark img {
        width: 210px;
    }
}

/* Blog Featured Carousel Responsive */
@media (max-width: 991px) {
    .blog-featured {
        padding: 40px 12px;
    }

    .featured-card {
        flex-direction: column;
        padding: 12px;
        margin: 0;
        gap: 20px;
        min-height: auto;
    }

    .featured-img-box {
        width: 100%;
        height: auto;
        flex: none;
    }

    .featured-content {
        padding-left: 0;
        width: 100%;
    }

    .featured-tag {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .featured-meta {
        font-size: 14px;
    }

    .featured-title {
        font-size: 32px;
        line-height: 1.2;
    }

    .featured-desc {
        font-size: 14px;
        line-height: 1.2;
    }

    /* Blog Posts Responsive */
    .blog-filters {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-left: 15px;
        padding-right: 15px;
    }

    .filter-wrapper {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
    }

    .filter-btn {
        font-size: 20px;
        padding: 4px 12px;
    }

    .blog-card-img {
        height: auto;
    }

    .blog-card-title {
        font-size: 16px;
        line-height: 1.4;
    }

    .read-more {
        opacity: 1;
        font-size: 14px;
    }

    /* CTA Responsive (matches Figma node 686:14376) */
    .cta {
        padding: 40px 12px;
    }

    .cta-box {
        height: auto;
        padding: 28px 0;
    }

    .cta-inner {
        padding: 20px !important;
        gap: 40px;
    }

    .cta-left {
        font-size: 28px;
    }

    .cta-right {
        font-size: 16px;
    }

    .cta-inner .btn {
        font-size: 20px;
        padding: 12px 16px;
    }

    .blog-cta-content {
        text-align: center;
    }
}

/* ============================================================
   BLOG PAGE RESPONSIVE
   ============================================================ */
@media (max-width: 991px) {
    .featured-card {
        flex-direction: column;
        margin: 0 20px;
        padding: 24px;
        gap: 24px;
        min-height: auto;
    }

    .featured-img-box {
        height: 240px;
        width: 100%;
    }

    .featured-content {
        padding-left: 0;
    }

    .featured-title {
        font-size: 28px;
    }

    .blog-card-title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .blog-filters .filter-wrapper {
        justify-content: flex-start !important;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
        gap: 12px !important;
    }

    .filter-btn {
        font-size: 16px;
        padding: 6px 16px;
    }

    /* Hide scrollbar for cleaner look */
    .blog-filters .filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .blog-filters .filter-wrapper {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
}

/* ============================================================
   BLOG DETAIL RESPONSIVE
   ============================================================ */
@media (max-width: 991px) {
    .blog-detail-title {
        font-size: 36px;
    }

    .blog-main-img {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .blog-detail {
        padding: 24px 0;
    }

    .back-btn {
        font-size: 16px;
    }

    .blog-detail-title {
        font-size: 32px;
    }

    .blog-detail-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        font-size: 12px;
    }

    .blog-main-img {
        height: 269px;
        margin-bottom: 20px;
    }

    .blog-article-body h2 {
        font-size: 32px;
        margin: 32px 0 16px;
    }

    .blog-article-body h3 {
        font-size: 20px;
        margin: 24px 0 12px;
    }

    .blog-article-body p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .blog-footer-nav {
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        flex-direction: column;
    }

    .nav-link-btn {
        font-size: 16px;
    }
}


/* Mobile Adjustments */
@media (max-width: 991px) {

    .timeline-line-bg,
    .timeline-line-fill,
    .timeline-connector {
        display: none;
    }

    .timeline-container {
        padding: 20px;
    }

    .year-parallelogram {
        font-size: 32px;
        padding: 6px 40px;
    }

    .timeline-segment {
        margin-bottom: 40px;
        text-align: center !important;
    }

    .timeline-segment .text-box {
        width: 100% !important;
        margin: 10px 0 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        opacity: 1;
        transform: none;
    }

    .timeline-segment .dot {
        display: none;
    }

    /* Add horizontal lines for mobile as per screenshot */
    .timeline-year-wrapper::before,
    .timeline-year-wrapper::after {
        content: "";
        position: absolute;
        top: 18px;
        width: 15px;
        height: 15px;
        background: var(--blue);
    }

    .timeline-year-wrapper::before {
        left: 0;
    }

    .timeline-year-wrapper::after {
        right: 0;
    }

    .timeline-year-wrapper::before,
    .timeline-year-wrapper::after {
        border-radius: 50%;
    }

    .year-parallelogram::before {
        width: 1034px;
        height: 2px;
        background: var(--blue);
        content: "";
        left: -500px;
        display: block;
        position: absolute;
        top: 25px;
    }

    .timeline-year-wrapper {
        overflow: hidden;
    }

    .timeline-segment .text-box {
        max-width: 100%;

    }

    .timeline-segment {
        min-height: auto;
    }

    .protection-row p {
        font-size: 21px;
      }

}

@media (min-width: 992px) {
    .border-start-lg {
        border-left: 1px solid #A6A6A6 !important;
    }
}


@media (min-width: 992px) {
    .aa-item:nth-child(3n) {
        border-right: none;
    }
}