html {
    font-size: 14px;
    scrollbar-gutter: stable;
    overflow-y: scroll;
}
.stan-color {
    color: #1D325C !important;
}
.navbar-brand{
    padding-top:0px;
    padding-bottom:0px;
}
.custom-dropdown {
    position: relative;
    width: 80%;
    max-width: 330px;
}
.tables-cus-css table td {
    border: 2px solid #1D325C; /* change color as needed */
}
body {
    padding-bottom: 30px;

}
/* Default = below 576px */
.social-icon {
    width: 24px;
    height: auto;
}
.cus-home-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.clipped-img {
    -webkit-clip-path: url(#customShape);
    clip-path: url(#customShape);
    display: block;
}
.whitesupplychainfact {
    background-color: white;
    padding-top: 120px;
    padding-bottom: 120px;
    border-radius: 10px;
}
.image-viewport {
    position: relative;
    width: 100%;
    height: 75vh;
    margin-top: 7.6vh;
    margin-bottom: 5vh;
    margin-left: -20px;
}
.small-section-buttons {
    background-color: #1D325C; /* solid white with slight transparency */
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    width: fit-content;
    padding-bottom: 8px;
    border: none;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 12px;
}

    .image-viewport img {
        position: absolute;
        top: 50%;
        right: 0;
        height: 100%;
        width: auto;
        transform: translateY(-50%);
        object-fit: contain;
        transition: opacity 0.6s ease, transform 0.6s ease;
        opacity: 0;
    }

        .image-viewport img.active {
            opacity: 1;
            z-index: 2;
        }

        .image-viewport img.exit-left {
            transform: translateY(-50%) translateX(-30%);
            opacity: 0;
            z-index: 1;
        }

@media (max-width: 1400px) {
    .image-viewport {
        height: 70vh;
    }
}

@media (max-width: 991.98px) {
    .image-viewport {
        height: 50vh;
    }
}
/* Arrow hidden by default */
.read-more-link .arrow-hover {
    transform: translateX(-5px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
    filter: invert(0) brightness(1); /* blue by default */
}

/* On hover → arrow appears + turns white */
.news-card:hover .read-more-link .arrow-hover {
    transform: translateX(0);
    opacity: 1;
    filter: invert(1) brightness(200%); /* white */
}

/* Force the "Read More" text to turn white too */
.news-card:hover .read-more-link span {
    color: #fff !important;
}

header.scrolled .btn u {
    color: #fff !important; /* make sure underline text changes too */
}

.blue {
    color: #1D325C;
}

.py-6 {
    padding-top: 2rem; /* same as py-5 */
    padding-bottom: 1.5rem;
}




.actionbtn:hover .hover-icon {
    opacity: 1;
    transform: translateY(-50%) translateX(5px);
}


/* Default transitions */
.btn-content,
.hover-icon {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* <992px → always show hover endpoint */
@media (max-width: 991.98px) {
    .actionbtn .btn-content {
        transform: translateX(-20px);
    }

    .actionbtn .hover-icon {
        opacity: 1;
        transform: translateY(-50%) translateX(5px);
    }
    .whitesupplychainfact {
        background-color: white;
        padding-top: 80px;
        padding-bottom: 80px;
        border-radius: 10px;
    }
}

/* ≤576px → bigger translation */
@media (max-width: 575.98px) {
    .actionbtn .btn-content {
        transform: translateX(-8px); /* more space */
    }
    .whitesupplychainfact {
        background-color: white;
        padding-top: 30px;
        padding-bottom: 30px;
        border-radius: 10px;
    }
    .actionbtn .hover-icon {
        transform: translateY(-50%) translateX(10px); /* arrow goes further right */
    }

   

    .btn-content2 {
        display: inline-block;
        transition: transform 0.3s ease; /* makes hover movement smooth */
    }
    .mobile-font-des{
        font-size:14px
    }
}
@media (min-width: 1200px) {
    .align-items-xl-center {
        align-items: normal !important;
    }
}
.nav-link {
    text-align: center;
}
/* ≥576px */
@media (min-width: 576px) {
    .social-icon {
        width: 40px; /* all except Twitter */
    }

    .twitter-icon {
        width: 36px;
    }
}

html, body {
    font-family: "Sen", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400; /* default */
    font-style: normal;
}
/* Default (≥992px) → inline, normal line-height */
.foot-header span {
    line-height: 1;
}
/* Remove border + enlarge the button */
.custom-burger {
    border: none; /* remove border */
    font-size: 2rem; /* scales up the icon inside */
    padding: 0.5rem 1rem; /* optional: bigger click area */
}

    /* Make sure the default toggler icon scales up */
    .custom-burger .navbar-toggler-icon {
        width: 3rem;
        height: 3rem;
    }


/* Below 992px → stacked, tighter spacing */
@media (max-width: 991.98px) {
    .foot-header span {
        line-height: 0.9;
    }
}
/* Default sizes (≥576px) */
.footer-logo-40 {
    height: 40px;
}

.footer-logo-36 {
    height: 36px;
}

/* Below 576px → all logos 30px */
@media (max-width: 575.98px) {
    .footer-logo-40,
    .footer-logo-36 {
        height: 30px;
    }

    .linetest {
        line-height: 1.6;
    }

    .foot-header span {
        line-height: 1.1;
    }
}



.fullscreen-menu {
    position: fixed;
    inset: 0;
    background: #fff;
    z-index: 2000;
    display: none;
    flex-direction: column;
}

    .fullscreen-menu.active {
        display: flex;
    }



    .fullscreen-menu .menu-links h2 {
        margin: 1.2rem 0;
        font-weight: 800;
        text-align: left; /* ✅ align left */
    }

        .fullscreen-menu .menu-links h2 a,
        .fullscreen-menu .menu-grid a {
            color: #1D325C;
            text-decoration: none;
        }




.date-margin {
    margin-top: 0.2rem;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    background: transparent; /* default */
}

    header.scrolled {
        background: #ffffff; /* turns white */
        box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* subtle drop shadow */
    }

    header .nav-link {
        color: #1D325C; /* default link color */
        transition: color 0.3s ease;
    }

    header.scrolled .nav-link {
        color: #000000; /* darker when scrolled */
    }

    header .navbar-brand img {
        transition: filter 0.3s ease;
    }

    header.scrolled .navbar .btn {
        background: #1D325C;
        color: #fff;
    }




.hero-section {
    padding-top: 80px; /* equal to header height */
}

/* ---------------- Buttons ---------------- */
.actionbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    justify-content: space-between;
}

.hover-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.actionbtn:hover {
    background: white;
}

    .actionbtn:hover .hover-icon {
        opacity: 1;
        transform: translateY(-50%) translateX(5px); /* little slide-in */
    }

.btn-content {
    display: inline-block;
    transition: transform 0.3s ease; /* makes hover movement smooth */
}


/* ---------------- Clouds / Plane ---------------- */
.cloud-bottom-left {
    bottom: 60%;
    left: -25%;
    transform: translateY(var(--cloud-pos, 0));
    will-change: transform;
}

.cloud-top-right {
    top: 35%;
    right: -10%;
    transform: translateY(var(--cloud-pos, 0));
    will-change: transform;
}

.cloud-new {
    top: 8%;
    right: 40%;
    transform: translateY(var(--cloud-pos, 0));
    will-change: transform;
}

.hero-plane {
    position: relative;
    z-index: 10;
    transform: translate(0, 0);
    will-change: transform;
    transition: transform 0.1s linear;
}

.cloud {
    position: absolute;
    opacity: 0.85;
    z-index: 1;
    will-change: transform;
    transition: transform 0.1s linear;
    transform: translate(var(--cloud-x, 0), var(--cloud-y, 0));
}

/* ---------------- Carousel fade overlay ---------------- */
.carousel-fade-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to left, rgba(255,255,255,0.8), rgba(255,255,255,0));
    pointer-events: none;
}


/* ---------------- Animations ---------------- */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-5px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ---------------- Containers ---------------- */


.section-2 {
    background-color: #F2F2F2;
    position: relative;
    
    padding-top: 5rem;
}

/* ---------------- Overlap Boxes ---------------- */
.overlap-box {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(0,0,0,.15);
    padding: clamp(1.25rem, 3vw, 2rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3;
    margin-top: -40px;
}

.overlap-box-footer {
  
    border-radius: 0.5rem;
    box-shadow: 0 0.35rem 2rem rgba(0,0,0,.15);
    padding: clamp(1.25rem, 3vw, 2rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3;
    margin-top: -50px;
}

.about-block .row {
    overflow: visible; /* allow sticky column to show properly */
}

.mailing-title {
    color: #1D325C;
    font-weight: 600; /* default for <1200px */
}

@media (min-width: 1200px) {
    .mailing-title {
        font-weight: 800; /* 1200px and above */
    }
}


.text-section {
    min-height: calc(100vh - 1px);
    display: flex;
    align-items: center;
    padding: 4rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.about-text-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 4rem 2rem; /* breathing room for text */
}





/* ---------------- News Cards ---------------- */
.news-card {
    transition: all 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

    .news-card:hover {
        background-color: #E41B5B;
        color: #fff;
    }

    .news-card .card-img-wrapper {
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .news-card:hover .card-img-wrapper {
        background: #E41B5B;
    }

    .news-card:hover .card-title,
    .news-card:hover p,
    .news-card:hover a {
        color: #fff !important;
    }

    .news-card .card-img-top {
        border-radius: 5px;
        width: 100%;
        display: block;
    }

/* ---------------- Image Filters ---------------- */
.tag-wrap-lb {
    filter: drop-shadow(20px 25px 0 #1FABE3);
}

.tag-wrap-purple {
    filter: drop-shadow(20px 25px 0 #843B84);
}

.tag-wrap-darkblue {
    filter: drop-shadow(20px 25px 0 #464E80);
}

.tag-wrap {
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
}

.home-image {
    max-height: 240px;
    width: auto;
    margin-left: -350px;
}

.pad-bot {
    padding-bottom: 10rem;
}

small {
    font-size: 12px;
}

header .navbar-brand img {
    height: 50px
}

.pad-bot {
    padding-bottom: 1rem;
}

.footer-font {
    font-size: 16px;
}

.foot-header {
    font-size: 28px;
}

.finn {
    height: 78px;
    width: 103px;
}

contact-btn-buger {
    font-size: 21px;
}

.contact-btn {
    width: 130px;
    height: 30px;
}

.custom-container {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}



p {
    font-size: 12px;
}
.Meeting-br {
    border-radius:10px;
}
.fptag {
    font-size: 12px;
}
.bug-logo {
    height: 50px;
}

.cus-bot-pad {
    padding-bottom: 3rem;
}

.test {
    font-size: 14px
}

.full-width {
    max-height: 50px
}
h1 {
    font-size: 28px;
    font-weight:700;
}
.news-card {
    max-width: 200px;
}
/* ---------------- Responsive ---------------- */
@media (min-width: 320px) {
    


    h2 {
        font-size: 21px;
        font-weight: 800;
    }
    .clone-h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 16px
    }

    .opening-box {
        position: absolute;
        bottom: 58%;
        left: 71%;
        transform: translateX(-50%);
        background: white;
        padding: 0.8rem 0.8rem;
        border-radius: 5px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        text-align: center;
        z-index: 5;
    }

        .opening-box .year {
            color: #1D325C;
            line-height: 1.2;
            margin-bottom: 0px;
        }

        .opening-box .label {
            font-weight: 601;
            color: #555;
            line-height: 1.5;
        }

    .cloud {
        width: 200px;
    }

    .home-image {

       
    }

    .overlap-box {
        margin-top: -160px !important;
        border-radius: 0.5rem;
    }

    .pad-bot {
        padding-bottom: 1rem;
    }

    .cloud-new {
        width: 300px;
        top: 75%;
        right: 45%;
    }

    .arrow-size {
        width: 12px
    }

    .pad-top {
        padding-top: 4.5rem;
    }
}
.clone-h4 {
    font-size: 16px;
}
@media (min-width: 448px) {
    .home-image {
        max-height:240px;
        width:auto;
        margin-left:-200px
        
    }

    .arrow-size {
        width: 16px
    }
}

.bug-font-size {
    font-size: 21px
}
.values-box {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(0,0,0,.15);
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    z-index: 3;
}
.relevant-courses-font {
    font-size: 12px
}
.actionbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white !important;
}
@media (min-width: 576px) {
    .actionbtn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: white !important;
    }
    header .navbar-brand img {
        height: 65px;
    }
    .cus-link {
        font-size: 20px;
    }


    .news-card {
        max-width: 270px;
    }

    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 36px;
    }
    .clone-h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }
    .Meeting-font-size {
        font-size: 12px;
    }
    .fptag {
        font-size: 16px;
    }

    .overlap-box-footer {
        margin-top: -180px !important;
    }

    .overlap-box {
        margin-top: -150px !important;
    }

    .cloud {
        width: 220px;
    }

    .opening-box {
        bottom: 59%;
        left: 75%;
        padding: 1rem 1.6rem;
    }

    .home-image {
        max-height: 450px;
        width: auto;
        margin-left: -670px;
    }

    .cloud-new {
        width: 300px;
    }

    .pad-bot {
        padding-bottom: 15rem;
    }

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

    .finn {
        height: 113px;
        width: 150px;
    }

    .foot-header {
        font-size: 60px;
    }

    contact-btn-buger {
        font-size: 36px;
    }

    .contact-btn {
        width: 210px;
        height: 48px;
    }

    .cloud-new {
        top: 80%;
        right: 40%;
    }

    .py-6 {
        padding-top: 3rem; /* same as py-5 */
        padding-bottom: 3rem;
    }

    .bug-logo {
        height: 65px;
    }

    .test {
        font-size: 16px
    }

    .pad-top {
        padding-top: 5rem;
    }

    .full-width {
        max-height: 72px
    }

    .tag-wrap-lb {
        filter: drop-shadow(30px 35px 0 #1FABE3);
    }

    .tag-wrap-purple {
        filter: drop-shadow(30px 35px 0 #843B84);
    }

    .tag-wrap-darkblue {
        filter: drop-shadow(30px 35px 0 #464E80);
    }

    .tag-wrap {
        filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
    }

    .pad-top2 {
        padding-top: 60px;
    }
    .clone-h4 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .bug-font-size{
        font-size:36px
    }
    .news-card {
        max-width: none;
    }

    .opening-box {
        bottom: 59%;
        left: 75%;
        padding: 1.5rem 1.7rem;
    }


    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 36px;
    }
    .clone-h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 20px;
    }

    .overlap-box-footer {
        margin-top: -245px !important;
    }

    .cloud {
        width: 320px;
    }

    .home-image {
        height: 450px;
        width: auto;
        margin-left: -600px;
    }

    .cloud-new {
        width: 500px;
    }

    

    .cloud-bottom-left {
        bottom: 65%;
        left: -10%;
        width: 400px
    }

    .cloud-top-right {
        top: 20%;
        right: -10%;
    }

    .cloud-new {
        top: 80%;
        right: 40%;
        width: 400px;
    }

    .opening-box .year {
        font-size: 45px
    }

    .opening-box .label {
        font-size: 20px
    }
    .relevant-courses-font{
        font-size:16px
    }
}
header.scrolled .btn img {
    filter: invert(1) brightness(200%);
    transition: filter 0.3s;
}

@media (min-width: 992px) {
    .actionbtn {
        background: #FFFFFF80 !important;
    }
    .clone-h4 {
        font-size: 20px;
    }
    .values-box {
        background: #fff;
        border-radius: 1rem;
        box-shadow: 0 0.75rem 2rem rgba(0,0,0,.15);
        margin-left: 30px;
        margin-right: 30px;
        position: relative;
        z-index: 3;
    }
    .test-font li a {
        font-size: 14px !important;
    }

    

    header .nav-link {
        color: black; /* default link color */
        transition: color 0.3s ease;
    }

    .cloud-new {
        width: 500px;
    }

    .custom-container {
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
    }

    .cloud-top-right {
        width: 300px;
    }

    h1 {
        font-size: 60px;
        font-weight:500
    }

    h2 {
        font-size: 36px;
    }
    .clone-h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    

    .hover-icon {
        right: 20px;
        top: 50%;
    }

    .actionbtn:hover {
        background: white !important;
    }

    .opening-box {
        bottom: 58%;
        left: 59%;
        padding: 1.7rem 1.8rem;
    }

    .image-sticky {
        position: sticky;
        top: 150px;
        height: 80vh;
        margin-left: -550px;
    }



    /* Overlay matches exactly */
    .transition-overlay {
        position: absolute;
        inset: 0;
        background: var(--overlay-color, #E41B5B);
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
        z-index: 6;
        pointer-events: none;
        /* 🧩 Match PNG transparency perfectly */
        -webkit-mask-image: url('/media/Group 104.png');
        mask-image: url('/media/Group 104.png');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain; /* ← match your image’s object-fit: contain */
    }

        .transition-overlay.show {
            transform: scaleX(1); /* full width of clipPath */
            opacity: 1;
        }

        /* Overlay matches exactly */


        .transition-overlay.show {
            transform: scaleX(1); /* full width of clipPath */
            opacity: 1;
        }

    .pad-bot {
       
    }

    header .navbar-brand img {
        height: 65px
    }

    .text-section {
        min-height: calc(100vh - 1px);
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 0 0 0;
    }

    .foot-header {
        font-size: 50px;
    }

    .overlap-box {
        margin-top: -190px !important;
    }

    .contact-btn {
        width: 227px;
        height: 48px;
    }

    .py-6 {
        padding-top: 4.5rem; /* same as py-5 */
        padding-bottom: 5.5rem;
    }

    .actionbtn:hover .btn-content {
        transform: translateX(-40px);
    }

    .cus-bot-pad {
        padding-bottom: 9rem;
        padding-top: 9rem;
    }

    .opening-box .year {
        font-size: 44px
    }

    .opening-box .label {
        font-size: 20px
    }

    .actionbtn:hover .btn-content2 {
        transform: translateX(-30px);
    }

    .btn-content2 {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .clone-h4 {
        font-size: 24px;
    }
    .transition-overlay {
        position: absolute;
        inset: 0;
        background: var(--overlay-color, #E41B5B);
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
        z-index: 6;
        pointer-events: none;
        /* 🧩 Match PNG transparency perfectly */
        -webkit-mask-image: url('/media/Group 104.png');
        mask-image: url('/media/Group 104.png');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain; /* ← match your image’s object-fit: contain */
    }

        .transition-overlay.show {
            transform: scaleX(1);
            opacity: 1;
        }


    .test-font li a {
        font-size: 16px !important;
    }

    .news-card {
        max-width: 330px;
    }

    .cloud {
        width: 450px;
    }

    .text-section {
        min-height: calc(100vh - 1px);
        display: flex;
        align-items: center;
        padding: 4rem 2rem;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }



    .cloud-new {
        width: 600px;
    }

    .cloud-top-right {
        width: 300px;
    }

    .foot-header {
        font-size: 60px;
    }

    .actionbtn:hover .btn-content2 {
        transform: translateX(-60px);
    }

    .btn-content2 {
        display: inline-block;
        transition: transform 0.3s ease; /* makes hover movement smooth */
    }

    .cus-bot-pad {
        padding-bottom: 170px;
        padding-top: 195px;
    }

    .opening-box .year {
        font-size: 60px
    }

    .opening-box .label {
        font-size: 20px
    }

    .overlap-box-footer {
        margin-top: -255px !important;
    }
}


@media (min-width: 1400px) {
    .clone-h4{
        font-size:24px;
    }
    .pad-bot {
        padding-bottom: 20rem;
    }
    .actionbtn:hover .btn-content2 {
        transform: translateX(-85px);
    }

    h1 {
        font-size: 72px;
        font-weight:700
    }

    h2 {
        font-size: 47px;
    }
    .clone-h2 {
        font-size: 47px;
    }

    h3 {
        font-size: 36px;
    }

    p {
        font-size: 16px;
    }


    .custom-container {
        max-width: 1750px;
        padding: 0 50px;
        margin: 0 auto;
        width: 100%;
    }

   

    .overlap-box {
        margin-top: -187px !important;
    }

    .foot-header {
        font-size: 72px;
    }


    .container {
        max-width: 1320px;
    }

    .opening-box {
        bottom: 58%;
        left: 59%;
        padding: 2rem 2rem;
    }
}

@media (min-width: 1920px) {
    .actionbtn:hover .btn-content2 {
        transform: translateX(-85px);
    }

    h1 {
        font-size: 72px;
    }

    h2 {
        font-size: 47px;
    }
    .clone-h2 {
        font-size: 47px;
    }

    h3 {
        font-size: 36px;
    }
    h4{
        font-size: 24px;
    }
    p {
        font-size: 16px;
    }


    .custom-container {
        max-width: 1750px;
        padding: 0 50px;
        margin: 0 auto;
        width: 100%;
    }

    

    .overlap-box {
        margin-top: -187px !important;
    }

    .foot-header {
        font-size: 72px;
    }



    .container {
        max-width: 1410px;
    }

    .opening-box {
        bottom: 58%;
        left: 59%;
        padding: 2rem 2rem;
      
    }
}



.policies-black {
    color: #1D325C;
}
.core-values-title {
padding-bottom: 60px;
}

.values-column-padding {
    padding-left: 10px;
    padding-right: 10px;
}
.col-4:nth-child(odd) .icon-square {
    transform: rotate(7deg);
}

/* Even squares */
.col-4:nth-child(even) .icon-square {
    transform: rotate(-7deg);
}

/* Keep images upright */


.rhombus-image {
    position: relative;
 
}


.inside-box-title {
    font-weight: 800;
    color: #11759C;
}

.inside-box-description {
    color: #1D325C;
}
.inside-box-description-no-highlighter {
    color: #1D325C;
}
.inside-box-title:hover {
    font-weight: 800;
    color: #ffffff;
}

.inside-box-description:hover {
    color: #ffffff;
}

.inside-box-padding {
    padding-left: 20px;
    padding-right: 20px;
}


.gray-background {
    background-color: #F2F2F2;
}
.title-tag {
    background: #FFFFFF80 0% 0% no-repeat padding-box;
    border-radius: 5px;
    width: fit-content;
    opacity: 1;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600
}




    
    .interest-button {
        background-color: #1D325C; /* solid white with slight transparency */
        border-radius: 5px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        width: fit-content;
        padding-bottom: 10px;
        border: none;
        font-weight: 600;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        transition: all 0.2s ease-in-out;
        text-align: center;
        text-decoration: underline;
        text-transform: uppercase;
    }

.hero-marker.Cyan {
    background: radial-gradient(circle at 50% 100%, #58ECE9 0%, #00B0AD 100%);

}

.hero-marker.Blue {

    background: radial-gradient(circle at 50% 100%, #3091B7 0%, #11759C 100%);
}

.hero-marker.Purple {
    background: radial-gradient(circle at 50% 100%, #D355D3 0%, #843B84 100%);
}

.hero-marker.Pink {
    background: radial-gradient(circle at 50% 100%, #FF4D86 0%, #E41B5B 70%);
}
.heading-bottom-padding{
    margin-bottom: 60px;

}
.hero-marker.Navy {
    background: radial-gradient(circle at 50% 100%, #606CB7 0%, #464E80 100%);

}




.highlighter {
    padding: 10px;
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #F2F2F2;
}

    .highlighter img {
        width: 100%;
    }

.highlighterdull {
    padding: 10px;
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #F2F2F2;
}

    .highlighterdull img {
        width: 100%;
    }

.highlighter.Blue:hover {
    background-color: #11759C;
    color: #fff;
}

.highlighter.Cyan:hover {
    background-color: #00B0AD;
    color: #1D325C;
}


.highlighter.Purple:hover {
    background-color: #843B84;
    color: #fff;
}

.highlighter.Pink:hover {
    background-color: #E41B5B;
    color: #fff;
}

.highlighter.Navy:hover {
    background-color: #464E80;
    color: #fff;
}
@media (max-width: 991px) {
    /* Blue */
    .highlighter.Blue {
        background-color: #11759C !important;
        color: #fff !important;
    }

    /* Cyan */
    .highlighter.Cyan {
        background-color: #00B0AD !important;
        color: #1D325C !important;
    }

    /* Purple */
    .highlighter.Purple {
        background-color: #843B84 !important;
        color: #fff !important;
    }

    /* Pink */
    .highlighter.Pink {
        background-color: #E41B5B !important;
        color: #fff ;
    }

    /* Navy */
    .highlighter.Navy {
        background-color: #464E80 !important;
        color: #fff !important;
    }

        /* Make sure text and icons stay visible inside */
        .highlighter.Blue *,
        .highlighter.Purple *,
        .highlighter.Pink *,
        .highlighter.Navy * {
            color: #fff;
        }

    /* Cyan uses dark text instead of white */
    .highlighter.Cyan * {
        color: #fff !important;
    }
}

.shadedtextcolour.Blue {
    color: #fff ;
}

.shadedtextcolour.Cyan {
    color: #1D325C ;
}


.shadedtextcolour.Purple {
    color: #fff ;
}

.shadedtextcolour.Pink {
    color: #fff ;
}

.shadedtextcolour.Navy {
    color: #fff ;
}

.textcolour.Blue {
    color: #11759C;
}

.textcolour.Cyan {
    color: #1D325C;
}


.textcolour.Purple {
    color: #843B84;
}

.textcolour.Pink {
    color: #E41B5B;
}

.textcolour.Navy {
    color: #464E80;
}



.backgroundcolour.Blue {
    background-color: #11759C;
}

.backgroundcolour.Cyan {
    background-color: #58ECE9;
}


.backgroundcolour.Purple {
    background-color: #843B84;
}

.backgroundcolour.Pink {
    background: radial-gradient(circle at 50% 100%, #FF4D86 0%, #E41B5B 100%);
}

.backgroundcolour.Navy {
    background-color: #464E80;
}

.gradiantbackgroundcolour.Blue {
    background-color: #11759C;
}

.gradiantbackgroundcolour.Cyan {
    background: radial-gradient(circle at 50% 100%, #58ECE9 0%, #00B0AD 100%);
}


.gradiantbackgroundcolour.Purple {
    background-color: #843B84;
}

.gradiantbackgroundcolour.Pink {
    background-color: #E41B5B;
}

.gradiantbackgroundcolour.Navy {
    background-color: #464E80;
}

/* optional: make text inherit hover color nicely */
.highlighter:hover h2,
.highlighter:hover p {
    color: inherit;
}

.bottom360padding {
    padding-bottom: 360px;
}
.footer-padding {
    padding-bottom: var(--bottom-padding);
}



.news-card-title-color {
    color: #1D325C
}
.news-card-title-color:focus {
    color: #fff
}
.highlighter:hover .news-card-title-color {
    color: white !important;
}
.news-card-readmore {
    color: #1D325C; 
}
.highlighter:hover {
    color: #fff !important;
    text-decoration-color: #fff !important;
}


.news-highlighter {
    padding: 10px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.news-bottom120padding {
    padding-bottom: 120px
}



.news-year-filter-btn:hover {
    background-color: #E41B5B;
    color: white;
}
.news-paddingtop {
    padding-top: 40px
}

.news-paddingbot {
    padding-bottom: 40px
}
.news-cards-thumnails {
    border-radius:5px;
    
}
.highlighter {
    padding: 5px;
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #F2F2F2;
}

    .highlighter i.fa-arrow-right {
        opacity: 0;
        transform: translateX(-5px);
        transition: all 0.3s ease;
    }

    .highlighter:hover i.fa-arrow-right {
        opacity: 1;
        transform: translateX(3px);
    }

/* 👇 Always show arrow on mobile / tablet (<992px) */
    @media (max-width: 992px) {
    .highlighter i.fa-arrow-right {
        opacity: 1 !important;
        transform: translateX(3px) !important;
    }
}


.navtitles {
    letter-spacing: -0.5px;
    font-size: 20px !important;
    font-weight: bold;
    padding-top: 15px;
    padding-left: 5px;
}
@media (max-width: 767.9px) {
    .news-cards-thumnails {
        border-radius: 5px;
       
    }

    .mobilepadding {
        padding-left: 35px;
        padding-right: 35px;
    }
    .mobilepaddingforum {
        padding-left: 25px;
        padding-right: 25px;
    }
}
.bottom120margin {
    margin-bottom: 60px;
}
.rhombus-image {
    margin-left: -675px;
}
@media (min-width: 576px) {
    .news-cards-thumnails {
        border-radius: 5px;
       
    }
    .highlighter {
        padding: 10px;
        border-radius: 10px;
        transition: all 0.3s ease;
        background-color: #F2F2F2;
    }
    .rhombus-image {
        margin-left: -650px;
    }
}


@media (min-width: 768px) {
    .news-paddingtop{
        padding-top:60px
    }
    .news-paddingbot {
        padding-bottom: 60px
    }
    .bottom120margin {
        margin-bottom: 120px;
    }
}




    @media (min-width: 768px) {
        .news-cards-thumnails {
           
        }
        .rhombus-image {
            margin-left: -650px;
        }

    }


    @media (min-width: 992px) {
        .news-cards-thumnails {
           
           
        }
        .mega-menu.active {
        display: block;
        opacity: 1;
        transform: translate(-50%, 0); /* slide up into view */
        max-height: 600px;
    }
        .rhombus-image {
            margin-left: -650px;
        }

       
    }
@media (min-width: 1200px){
    .news-cards-thumnails {
       
    }
    .mega-menu.active {
        display: block;
        opacity: 1;
        transform: translate(-50%, 0); /* slide up into view */
        max-height: 800px;
    }
    .rhombus-image{
        margin-left:-550px;
    }
}
@media (min-width: 1400px) {
    

    .rhombus-image {
        margin-left: -125px;
    }
}
.dropdowncardthumbnail {

    border-radius: 10px;
}



.padding-top-120 {
    padding-top: 60px
}

.mega-menu {

    visibility: hidden !important;
}


    .mega-menu.active {
     
        visibility: visible !important;
    }

    .form-check-input:checked {
        border: 1px #1D325C33;
    }

    /*COntact forum*/
@media (max-width: 575.98px) {
    ::placeholder {
        color: transparent;
    }
    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: 3px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
}
    .form-check-input:checked {
        background-color: #fff;
    }

    .form-check-input:focus {
        border-color: #1D325C33;
        outline: 0;
        box-shadow: none;
    }
    /* Change background of parent div when checked */
    .form-check:has(.form-check-input:checked) {
        background-color: #1D325C !important;
        color: white; /* makes label text white */
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    form-check-input[type="radio"]:checked::before {
        background-color: #15253c; /* inner dot color */
    }

    .search-form-control {
        color: var(--bs-body-color);
        border-color: #1D325C33;
        outline: 0;
        background-color: #a0868600;
    }
    .mobile-forum{

    }
    .forum-padding {
        padding: 10px 25px 50px 25px;
    }

    .forum-tick-contact {
        padding-left: 40px;
        padding-right: 20px;
        width:100%;
    }

    .contact-forum-inputs {
        border: 1px solid #1D325C;
    }

    .header-padding-contact {
        padding-top: 210px;
        padding-bottom: 0px;
    }

    .bg-image {
        position: absolute;
        z-index: 1; /* behind the form (z-index 2) */
        pointer-events: none; /* ensures they don't block clicks */
    }

    .bg-image-1 {
        top: 100px;
        right: 80%;
        width: 500px;
        opacity: 0.9;
    }

    .bg-image-2 {
        bottom: 20px;
        right: -400px;
        width: 500px;
        opacity: 0.9;
    }

    

    .form-control:focus {
        box-shadow: 0 0 0 5px #1D325C33;
        border-color: #1D325C;
    }
.title-tag {
    background: #FFFFFF80 0% 0% no-repeat padding-box;
    border-radius: 2px;
    width: fit-content;
    opacity: 1;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1D325C !important;
    font-size:12px;
}
.cloud-top-right-forum {
    left: 50%;
    width: 450px;
    top: 20%
}
.bottom120padding {
    padding-bottom: 60px;
}
.margin-bottom-60-showcase {
    margin-bottom: 30px;
}
.dropdown-992 {
    max-width: 228px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #1D325C;
    font-weight: 600;
    padding: 7px 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: start;
    cursor: pointer;
}
.contact-button-submit {
    width: 100%;
    height: 50px;
}

    @media (min-width: 576px) {
        .cloud-top-right-forum {
            left: 70%;
            width: 400px;
            top: 20%
        }
        .forum-tick-contact {
            padding-left: 40px;
            padding-right: 20px;
            width:auto;
        }
        .contact-button-submit {
            width: 100%;
            height: 60px;
        }
    }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        .contact-button-submit {
            width: 270px;
            height: 60px;
        }
        .cloud-top-right-forum {
            left: 65%;
            width: 450px;
            top: 20%
        }

        .forum-padding {
            padding: 40px 50px 50px 50px;
        }

        .forum-tick-contact {
            padding-left: 40px;
            padding-right: 20px;
        }

        .contact-forum-inputs {
            border: 1px solid #1D325C;
        }

        .header-padding-contact {
            padding-top: 210px;
            padding-bottom: 0px;
        }

        .bg-image {
            position: absolute;
            z-index: 1; /* behind the form (z-index 2) */
            pointer-events: none; /* ensures they don't block clicks */
        }

        .bg-image-1 {
            top: 100px;
            right: 80%;
            width: 500px;
            opacity: 0.9;
        }

        .bg-image-2 {
            bottom: 20px;
            right: -400px;
            width: 500px;
            opacity: 0.9;
        }

        
        .padding-top-120 {
            padding-top: 120px
        }

        .title-tag {
            background: #FFFFFF80 0% 0% no-repeat padding-box;
            border-radius: 5px;
            width: fit-content;
            opacity: 1;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-weight: 600;
            color: #1D325C !important;
            font-size: 16px;
        }
        .bottom120padding {
            padding-bottom: 120px;
        }
        .margin-bottom-60-showcase {
            margin-bottom: 60px;
        }
        .dropdown-992 {
            max-width: 330px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            color: #1D325C;
            font-weight: 600;
            padding: 10px 16px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-align: start;
            cursor: pointer;
        }
        .theairportcuspadding{
            padding-bottom:120px
        }
        /* Your styles here */
    }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
        

        .forum-padding {
            padding: 44px 85px 85px 85px;
        }

        .contact-forum-inputs {
            border: 1px solid #1D325C;
        }

        .forum-tick-contact {
            padding-left: 40px;
            padding-right: 20px;
        }

        .header-padding-contact {
            padding-top: 215px;
            padding-bottom: 0px;
        }

        .bg-image {
            position: absolute;
            z-index: 1; /* behind the form (z-index 2) */
            pointer-events: none; /* ensures they don't block clicks */
        }

        /* Example positioning */
        .bg-image-1 {
            top: 225px;
            left: -400px;
            width: 600px;
            opacity: 0.9;
        }

        .bg-image-2 {
            bottom: -50px;
            right: -400px;
            width: 600px;
            opacity: 0.9;
        }

        .section-buttons {
            border-radius: 5px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 12px;
            width: fit-content;
            padding-bottom: 12px;
            margin-left: 8px;
            margin-right: 8px;
            border: none;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            transition: all 0.2s ease-in-out;
            text-align: center;
            text-decoration: underline;
            text-transform: uppercase;
        }
        .contact-button-submit {
            width: 255px;
            height: 60px;
        }
    }


    /* Extra large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
        .form-container {
            max-width: 1173px !important;
        }

        .contact-padding-bottomrte {
            padding-bottom: 100px
        }

        padding-top-120 {
            padding-top: 120px
        }
        .send-padding{
            margin-top:35px;
        }
        .forum-padding {
            padding: 47px 120px 105px 120px;
        }
        .section-buttons {
            background-color: #1D325C; /* solid white with slight transparency */
            border-radius: 5px;
            padding-left: 41px;
            padding-right: 41px;
            padding-top: 12px;
            width: fit-content;
            padding-bottom: 12px;
            margin-left: 5px;
            margin-right: 5px;
            border: none;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            transition: all 0.2s ease-in-out;
            text-align: center;
            text-decoration: underline;
            text-transform: uppercase;
        }
      
        .contact-button-submit {
            width: 210px;
            height: 60px;
        }
        /* Your styles here */
    }

    /* Extra extra large devices (larger desktops, 1400px and up) */
    @media (min-width: 1400px) {
        .section-buttons {
            background-color: #1D325C; /* solid white with slight transparency */
            border-radius: 5px;
            padding-left: 41px;
            padding-right: 41px;
            padding-top: 12px;
            width: fit-content;
            padding-bottom: 12px;
            margin-left: 10px;
            margin-right: 10px;
            border: none;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            transition: all 0.2s ease-in-out;
            text-align: center;
            text-decoration: underline;
            text-transform: uppercase;
        }

        .cloud-top-right-forum {
            left: 60%;
            width: 600px;
            top: 25%
        }

        .bg-image-1 {
            top: 100px;
            left: -600px;
            width: 600px;
            opacity: 0.9;
        }

        .bg-image-2 {
            bottom: -0px;
            right: -450px;
            width: 600px;
            opacity: 0.9;
        }
        .header-padding-contact {
            padding-top: 215px;
            padding-bottom: 0px;
        }
       

        /* Your styles here */
    }

.new768select {
    height: 36px
}



    .custom-access-padding {
        padding: 30px 12px 12px 12px;
    }
    .custom-access-padding-access {
        padding: 30px 12px 0px 12px;
    }

    .custom-access-padding-tip {
        padding: 0px 12px 10px 12px;
    }

    .access-top-padding120 {
        padding-top: 60px;
    }

    .access-bot-padding120 {
        padding-bottom: 20px;
    }
    /* Extra extra large devices (≥1400px) */

    @media (min-width: 576px) {
        /* Your styles here */
    }

    /* Medium devices (≥768px) */
    @media (min-width: 768px) {
        .custom-access-padding {
            padding: 80px 60px 60px 60px;
        }
        .custom-access-padding-access {
            padding: 80px 60px 0px 60px;
        }

        .custom-access-padding-tip {
            padding: 10px 60px 60px 60px;
        }

        .access-top-padding120 {
            padding-top: 120px;
        }
        .access-bot-padding120 {
            padding-bottom: 70px;
        }
        .new768select{
            height:48px
        }
        .small-section-buttons {
            background-color: #1D325C; /* solid white with slight transparency */
            border-radius: 5px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 10px;
            width: fit-content;
            padding-bottom: 10px;
            border: none;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            transition: all 0.2s ease-in-out;
            text-align: center;
            text-decoration: underline;
            text-transform: uppercase;
            font-size: 16px;
        }
        
        /* Your styles here */
    }

    /* Large devices (≥992px) */
    @media (min-width: 992px) {
        .custom-access-padding {
            padding: 80px 90px 80px 90px;
        }
        .custom-access-padding-access {
            padding: 70px 90px 0px 90px;
        }

        .custom-access-padding-tip {
            padding: 10px 75px 80px 75px;
        }
        /* Your styles here */
    }

    /* Extra large devices (≥1200px) */
    @media (min-width: 1200px) {
        .access-bot-padding120 {
            padding-bottom: 110px;
        }
       
        /* Your styles here */
    }

    /* Extra extra large devices (≥1400px) */
    @media (min-width: 1400px) {
        .custom-access-padding-access {
            padding: 60px 125px 0px 125px;
        }
        .custom-access-padding-tip{
            padding:10px 90px 80px 90px;
        }
        .custom-access-padding {
            padding: 60px 125px 60px 125px;
        }
    }


    .contact-but-width {
        max-width: 228px;
        
    }
.news-year-dropdown {
    max-width: 228px;
    margin: auto;
}
#mobile-topic-select {
    font-size: 12px; /* same as your <p> style */
    color: #1D325C;
}
    .select-padding {
        padding: 12px 0px 12px 15px;
    }
    .drop-down-padding {
        padding: 40px 0px 40px 0px
    }


.educationpadding-bot {
    margin-bottom: 60px;
}

     

    @media (min-width: 576px) {
    
    }




    @media (min-width: 768px) {

        .access-top-padding120 {
            padding-top: 120px;
        }

        .access-bot-padding120 {
            padding-bottom: 120px;
        }

        .drop-down-padding {
            padding: 42px 0px 42px 0px
        }

        .select-padding {
            padding: 12px 0px 12px 15px;
        }

        .custom-contact-box-container {
        }
        .contact-but-width{
            max-width:420px;
        }
        #mobile-topic-select {
            font-size: 16px; /* same as your <p> style */
            color: #1D325C;
        }
        .educationpadding-bot{
            margin-bottom:120px;
        }
        .news-year-dropdown{
            max-width:330px;
            margin:auto;
        }
        /* Your styles here */
    }

    /* Large devices (≥992px) */
    @media (min-width: 992px) {
        .topic-btn {
            background-color: #EFEFEF !important;
            color: #1D325C !important;
            border: none;
            border-radius: 5px;
            transition: all 0.25s ease-in-out;
            text-decoration: underline;
            font-size: 20px;
            text-align: start;
            padding-left: 28px;
        }

        /* Your styles here */
    }

    /* Extra large devices (≥1200px) */
    @media (min-width: 1200px) {

        /* Your styles here */
    }

    /* Extra extra large devices (≥1400px) */
    @media (min-width: 1400px) {
    }

.main-news-image {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}



.news-icons {
    width: 36px;
    height: 36px;
    border-radius: 5px;
}

.news-header-padding {
    padding-top: 80px
}

.news-padd60top {
    padding-top: 30px;
}

.news-padd60bot {
    padding-bottom: 30px;
}

.bg-image-right {
    position: absolute;
    top: 180px;
    right: %;
    left: 10%;
    width: 0%; /* covers right half */
    height: 0px;
    background-image: url("/media/Group 181.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
   
}

.news-text-padding {
    padding-top: 30px;
    padding-bottom: 60px;
}

.rec-con-news {
    max-width: 290px;
    margin: auto;
}

.spec-padding {
    padding-bottom: 20px
}

@media (min-width: 576px) {

}

/* ===================================
   3. Medium Devices (≥768px)
=================================== */
@media (min-width: 768px) {
    .main-news-image {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 2;
    }
    .news-article-con {
        max-width: 560px;
        margin: auto;
    }
    .news-icons {
        width: 48px;
        height: 48px;
        border-radius: 5px;
    }
    .news-header-padding {
        padding-top: 140px
    }
    .news-padd60top {
        padding-top: 60px;
    }

    .news-padd60bot {
        padding-bottom: 60px;
    }
    .bg-image-right {
        position: absolute;
        top: 10px;
        right: %;
        left: 4%;
        width: 120%;
        height: 920px;
        background-image: url(/media/Group 181.png);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .news-text-padding {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .rec-con-news {
        max-width: 560px;
        margin: auto;
    }
    .spec-padding{
        padding-bottom:40px
    }
}

/* ===================================
   4. Large Devices (≥992px)
=================================== */
@media (min-width: 992px) {
    .news-article-date{
        min-width:136px;
        height:48px

    }
    .news-article-con {
        max-width: 753px;
        margin: auto;
    }
    .main-news-image {
        width: 920px;
        height: auto;
        position: relative;
        z-index: 2;
    }
    .news-icons {
        width: 48px;
        height: 48px;
        border-radius: 5px;
    }
    .bg-image-right {
        position: absolute;
        top: 10px;
        right: 100px;
        left: -5%;
        width: 1287px;
        height: 771px;
        background-image: url("/media/Group 181.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .news-header-padding {
        padding-top: 140px
    }
    .news-text-padding {
        padding-top: 60px;
        padding-bottom: 120px;
    }
    .rec-con-news {
        max-width: none;
        margin: auto;
    }
    .spec-padding {
        padding-bottom: 60px
    }

}

/* ===================================
   5. Extra Large Devices (≥1200px)
=================================== */
@media (min-width: 1200px) {

}

/* ===================================
   6. Extra Extra Large Devices (≥1400px)
=================================== */
@media (min-width: 1400px) {
    .news-article-con{
        max-width:930px;
        margin:auto;
    }
    .main-news-image{
        width:1170px;
        height: auto;
        position:relative;
        z-index:2;

    }
    .news-icons{
        width:48px;
        height:48px;
        border-radius:5px;
    }
    .bg-image-right {
        position: absolute;
        top: 10px;

        left: -1%;
        width: 1635px; /* covers right half */
        height: 813px;
        background-image: url("/media/Group 181.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        
    }
    
    .news-header-padding{
        padding-top:140px
    }
    

}

/*                 
     ============================================================
     Career
     ============================================================

 */
.form-select:focus {
    box-shadow: 0 0 0 5px #1D325C33;
    border:none
}
.rhombus-passing {
    
    padding-top: 55px
}
.rhmobus-padding {
    padding-top: 60px
}
.h240 {
    margin-left: 325px;
}
.news-card-title-color {
    font-size: 16px
}

.header-padding {
    padding-top: 130px;
    padding-bottom: 120px;
    min-height: 640px;
}
.header-padding-child {
    padding-top: 180px;
    padding-bottom: 100px;
    min-height:640px
   
}
@media (min-width: 414px) {
    .h240 {
        margin-left: 400px;
    }

}
@media (min-width: 500px) {
    .h240 {
        margin-left: 500px;
    }
}


    @media (min-width: 576px) {
        .rhmobus-padding {
            padding-top: 120px
        }

        .career-padding-top {
            padding-top: 60px;
        }

        .rhombus-passing {
            padding-left: 0px;
            padding-top: 90px
        }

        .h450 {
            margin-left: 0px;
        }
        .header-padding {
            padding-top: 180px;
            padding-bottom: 120px;
            min-height: 1109px;
        }
        .header-padding-child {
            padding-top: 215px;
            padding-bottom: 90px;
            min-height: 548px;
        }
    }


    @media (min-width: 768px) {
        .rhmobus-padding {
            padding-top: 120px
        }

        .career-padding-top {
            padding-top: 60px;
        }

        .rhombus-passing {
            padding-left: 0px;
            padding-top: 90px
        }

        .h450 {
            margin-left: 150px;
        }
        
        .news-card-title-color{
            font-size:36px
        }
        .filter-footer{
            padding-top:400px;
        }
    }
@media (max-width: 575.98px) {
    /* Stack Filter + Find buttons */
    .row.g-4.mb-3 {
        display: flex;
        flex-direction: column;
    }

        .row.g-4.mb-3 > .col-6 {
            width: 100% !important;
        }

    /* Stack everything inside white filter box */
    #mobileFilterBox .row.g-4 {
        display: flex;
        flex-direction: column;
    }

    #mobileFilterBox .col-6 {
        width: 100% !important;
    }
    
}

    @media (min-width: 992px) {
        .rhombus-passing {
         
            padding-top: 0px;
        }

        .rhmobus-padding {
            padding-top: 120px
        }

        .career-padding-top {
            padding-top: 120px;
        }

        .h550 {
            margin-left: -250px;
        }
        .streak-clouds {
            position: absolute;
            right: -40px;
            top: 20px;
            max-width: 1200px;
        }
        .header-padding {
            padding-top: 250px;
            padding-bottom: 125px;
            min-height: 596px;
        }
        .header-padding-child {
            padding-top: 214px;
            padding-bottom: 95px;
            min-height: 596px;
        }
        .apply {
            font-size: 20px
        }
        .job-font{
            font-size:36px
        }
        .date-btn {
            width: 222px;
            height: 48px;
        }
    }


    @media (min-width: 1200px) {
        .rhombus-passing {
           
            padding-top: 0px;
        }

        
        .streak-clouds {
            position: absolute;
            right: 30px;
            top: -20px;
            max-width: 1200px;
        }
    }


    @media (min-width: 1400px) {
        .job-list-con {
            max-width: 930px;
            margin: auto;
        }

        .date-btn {
            width: 330px;
            height: 48px;
        }

        .h720 {
            margin-left: -450px;
        }
        .header-padding {
            padding-top: 245px;
            padding-bottom: 120px;
            min-height: 647px;
        }
        .header-padding-child {
            padding-top: 225px;
            padding-bottom: 95px;
            min-height: 647px;
        }
        
        
    }
/*
    ===================================
            find us
    ==================================
*/
.map {
    width: 100%;
    aspect-ratio: 1 / 1; /* square map, height == width */
    border: 0;
}
.bottom120padding-findus {
    margin-bottom: 60px;
}
.findout-text {
    padding-top: 60px;

}
.bg-image-right-findus {
    position: absolute;
    top: -40px;
    right: 0%;
    left: -5%;
    width: 600px; /* 10% smaller */
    height: 350px; /* 10% smaller */
    background-image: url("/media/Group 181.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    
}


@media (min-width: 576px) {
    .bg-image-right-findus {
        position: absolute;
        top: -40px;
        right: 0%;
        left: -5%;
        width: 800px; /* 10% smaller */
        height: 580px; /* 10% smaller */
        background-image: url("/media/Group 181.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        
    }
}


@media (min-width: 768px) {
    .map {
        height: 690px;
    }
    .findout-text {
        padding-top: 120px;
        padding-right:30px;
        padding-left:0px;
    }
   
    .bottom120padding-findus{
        margin-bottom:120px;
    }
    .bg-image-right-findus {
        position: absolute;
        top: -50px;
        left: 2%;
        width: 1635px; /* covers right half */
        height: 813px;
        background-image: url("/media/Group 181.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        
    }
   
}


@media (min-width: 992px) {
    .map {
        height: 635px;
    }
   
    .findout-text {
        padding-top: 0px;
    }
    .bg-image-right-findus {
        position: absolute;
        top: -50px;
        right: %;
        left: 35%;
        width: 1485.5px; /* 10% smaller */
        height: 738.7px; /* 10% smaller */
        background-image: url("/media/Group 181.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
       
    }
  
}


@media (min-width: 1200px) {
 
}


@media (min-width: 1400px) {
    
    .findout-text{
        padding-right:60px !important;
        

    }
    .map{
        height:652px;
    }
    .custom-h2{
        font-size:36px

    }
   
}
/*--------------------------------------------------------
    supply chain section
*/


.transparentsupplychainfact {
 
    
  
}
@media (min-width: 568px) and (max-width: 769px) {
    .supplychainpadding768 {
    padding-left: 40px;
    padding-right: 40px;
    }
    .interiorsupplychainpadding768 {
        padding-left: 60px;
        padding-right: 60px;
    }
}
    .whiteback {
        background-color: white;
    }

    .nextstepsboxes {
        padding: 30px;
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .bg-image-right-findus {
        position: absolute;
        top: -50px;
        left: 35%;
        width: 1485.5px; /* 10% smaller */
        height: 738.7px; /* 10% smaller */
        background-image: url("/media/Group 181.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        
    }
   




.conclusion-btn-the-airport {
    text-decoration:underline;
}









/*--------------------------------------------------------
    education parnterships child
*/
.white-fact-box {
    background-color: #fff;
    padding: 25px 30px 15px 30px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}
.core-values-title {
    padding-bottom: 20px;
}

.cargopadbot {
    padding-bottom: 30px;
}


@media (min-width: 576px) {
}


@media (min-width: 768px) {
    .white-fact-box {
        background-color: #fff;
        padding: 25px 30px 15px 30px;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .core-values-title {
        padding-bottom: 50px;
    }

    .con768{
        padding-right:55px;
        padding-left:55px;
    }
    .cargopadbot{
        padding-bottom:85px;
    }
    .conclusion-btn-the-airport {
        width: 267px;
        height: 40px;
    }

}


@media (min-width: 992px) {
    .white-fact-box {
        background-color: #fff;
        padding:30px 30px 20px 30px;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .con768 {
        padding-right: 0;
        padding-left: 0;
    }
    .access-container{
        max-width:920px;
        margin:auto;

    }
}

 


    @media (min-width: 1200px) {
    }


    @media (min-width: 1400px) {
        .white-fact-box {
            background-color: #fff;
            padding: 25px 30px 20px 30px;
            width: 100%;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        
    }




    /*
    Footer Logic
*/
    .footeralt-background {
        width: 100%;
        min-height: 720px;
        background-image: url('/media/240_F_702142107_YoarSfgyJ3XDmOaE1W0PJapJGOzRXAOW.jpg');
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footeralt-white-box {
        min-height: 426px;
        margin-top: 176px;
        margin-bottom: 176px;
        border-radius: 10px;
        background-color: white;
        text-align: center;
    }

    .footeralt-h2 {
        padding-bottom: 30px;
        font-weight:800;
    }

    .footeralt-p {
        padding-bottom: 30px;
    }

    .footeralt-row {
        padding-top: 120px;
        padding-bottom: 120px;
        padding-left: 95px;
        padding-right: 95px;
    }
    /* Extra small devices (phones, <576px) */
    @media (max-width: 575.98px) {
        .footeralt-row {
            padding-top: 31px;
            padding-bottom: 31px;
            padding-left: 31px;
            padding-right: 31px;
        }

        .footeralt-h2 {
            padding-bottom: 10px;
        }

        .footeralt-p {
            padding-bottom: 10px;
        }

        .footeralt-white-box {
            min-height: 0px;
            border-radius: 4px;
        }
        .fitler-height{
            height:36px;

        }
    }

    /* Small devices (landscape phones, ≥576px) */
    @media (min-width: 576px) and (max-width: 768px) {
        .footeralt-row {
            padding-top: 120px;
            padding-bottom: 120px;
            padding-left: 61px;
            padding-right: 61px;
        }
    }

    /* Medium devices (tablets, ≥768px) */
    @media (min-width: 769px) {
        .footeralt-row {
            padding-top: 120px;
            padding-bottom: 120px;
            padding-left: 95px;
            padding-right: 95px;
        }
    }




    .footeralt-btn {
        height: auto;
        background-color: #1D325C;
        border-radius: 5px;
        color: white;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

        .footeralt-btn span {
            padding-left: 29px;
            padding-right: 29px;
        }


    footer a,
    footer a.footer-link {
        color: #1D325C !important;
    }

        footer a:hover {
            color: #11759C; /* optional hover color */
        }

    .tight-text {
        display: block; /* ensures the line-height applies properly */
        line-height: 1.3; /* try 1.1, adjust down to 1 or even 0.9 */
    }






    .bottomkeyfacts100margin {
        margin-bottom: 50px;
    }



.policies-white-box {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 25px;
    border: 1px solid #e0e0e0;
    width: 100%;
}

.partner-logo {
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.white-partners-name-box {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px;
    width: 100%;
    margin-bottom: 30px;
}

.teammember-white-teammember-box {
    background-color: #ffffff;
    border-radius: 10px;
    width: 100%;
}

.team-member {
    border-radius: 10px;
}


    @media (min-width: 576px) {
        .partner-logo {
            padding-top: 50px;
            padding-bottom: 90px;
            padding-left: 35px;
            padding-right: 35px;
        }
    }


    @media (min-width: 768px) {
        .bottomkeyfacts100margin {
            margin-bottom: 100px;
        }
        .policies-white-box {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 30px;
            border: 1px solid #e0e0e0;
            width: 100%;
        }

        .partner-logo {
            padding-top: 50px;
            padding-bottom: 90px;
            padding-left: 40px;
            padding-right: 40px;
        }

        .white-partners-name-box {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 30px;
            width: 100%;
            margin-bottom: 30px;
        }

        .teammember-white-teammember-box {
            background-color: #ffffff;
            border-radius: 10px;
            width: 100%;
        }

        .team-member {
            border-radius: 10px;
        }

      
    }


    @media (min-width: 992px) {
        .policies-white-box {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 30px;
            border: 1px solid #e0e0e0;
            width: 100%;
        }

        .partner-logo {
            padding-top: 50px;
            padding-bottom: 50px;
            padding-left: 35px;
            padding-right: 35px;
        }

        .white-partners-name-box {
            background-color: #ffffff;
            border-radius: 10px;
            padding: 30px;
            width: 100%;
            margin-bottom: 30px;
        }

        .teammember-white-teammember-box {
            background-color: #ffffff;
            border-radius: 10px;
            width: 100%;
        }

        .team-member {
            border-radius: 10px;
        }
    }

@media (min-width: 1200px) {
    .policies-white-box {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 30px;
        border: 1px solid #e0e0e0;
        width: 100%;
    }


    .policies-white-box {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 30px;
        border: 1px solid #e0e0e0;
        width: 100%;
    }

    .partner-logo {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .white-partners-name-box {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 30px;
        width: 100%;
        margin-bottom: 30px;
    }

    .teammember-white-teammember-box {
        background-color: #ffffff;
        border-radius: 10px;
        width: 100%;
    }

    .team-member {
        border-radius: 10px;
    }
}
        @media (min-width: 1400px) {
        }







        .section-buttons {
            color: #fff;
            border: none;
            transition: all 0.25s ease;
        }

            /* Active button (current page) */
            .section-buttons.Blue {
                background-color: #11759C;
            }

            .section-buttons.Cyan {
                background-color: #00B0AD;
                color: #fff;
            }

            .section-buttons.Purple {
                background-color: #843B84;
            }

            .section-buttons.Pink {
                background-color: #E41B5B;
            }
    

    .section-buttons.Navy {
        background-color: #464E80;
    }

    /* Alt page buttons (white by default) */
    .section-buttons.altpages {
        background-color: #fff;
        color: #1D325C;
        border: 2px solid transparent;
        text-decoration-color: #1D325C;
    }

        /* Hover: alt pages take the active color */
        .section-buttons.altpages.Blue:hover {
            background-color: #11759C;
            color: #fff;
            text-decoration-color: #fff;
        }

        .section-buttons.altpages.Cyan:hover {
            background-color: #00B0AD;
            color: #fff;
            text-decoration-color: #fff;
        }

        .section-buttons.altpages.Purple:hover {
            background-color: #843B84;
            color: #fff;
            text-decoration-color: #fff;
        }

        .section-buttons.altpages.Pink:hover {
            background-color: #E41B5B;
            color: #fff;
        }

        .section-buttons.altpages.Navy:hover {
            background-color: #464E80;
            color: #fff;
            text-decoration-color: #fff;
        }
.navbar-toggler-icon.Navy {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon.Pink {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon.Purple {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon.Blue {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
    /* Optional: small motion */
    .section-buttons:hover {
        transform: translateY(-2px);
    }

    /*=====================================================

    Clouds + padding
=======================================================
*/
    .bottom120padding-faqs{
            padding-bottom:50px;
        }
.bottom120padding-partial {
    padding-bottom: 30px;
}
.PDFimage {
    width: 100%;
    padding: 0%;
}
.bottom120padding-polices {
    margin-bottom: 60px
}
.dropdown-992 {
    font-size: 12px;
    text-decoration:underline;
}
.value-box-padding {
    padding-top: 40px;
    padding-bottom: 8px;
}
.icon-square {
    background-color: #11759C;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    width: fit-content;
    margin-bottom: 10px;
}
.icon-circle {
    background-color: #11759C;
    border-radius: 80px;
    padding: 12px;
    border: 1px solid #fff;
    width: fit-content;
    border-width: 4px;
}
.value-box-image{
    height:32px;

}
.job-title-font{
    font-size:12px
}
.bottomkeyfacts100margin-parter {
    padding-bottom: 30px;
}
.FAQtext {
    font-size: 16px;
    font-weight: bold;
    max-width: 90%;
}
.date-box {
    background: #FFFFFF;
    border-radius: 15px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    font-size: 0.75rem;
    color: #1D325C;
    opacity: 0.9;
    padding: 3px 0px 3px 0px;
}
.apply-font{
    font-size:12px
}
.bi-filter::before {
    content: "\f3ca";
    font-size: 30px;
}
.title-card-font-carrer {
    font-size: 20px
}
.access-120-80-20padding {
    margin-bottom: 30px
}
.cloud-top-right-polices {
    top: 10px;
    left: -40%;
    will-change: transform;
    width: 300px;
}
.title-card-font{
    font-size:16px
}

.cloud-bottom-left-polices2 {
    top: -300px;
    left: 60%;
    will-change: transform;
    width: 300px;
}


@media (min-width: 576px) {
    .cloud-top-right-polices {
        top: -40px;
        left: -30%;
        will-change: transform;
        width: 300px;
    }

    .cloud-bottom-left-polices2 {
        top: -350px;
        left: 60%;
        will-change: transform;
        width: 300px;
    }

}


    @media (min-width: 768px) {
        .title-card-font-carrer{
            font-size:36px
        }
        .FAQtext {
            font-size: 20px;
            font-weight: bold;
            max-width: 90%;
        }
        .bottom120padding-partial {
            padding-bottom: 80px;
        }
        
        .PDFimage {
            width: 100%;
            padding: 5%;
        }
        .job-title-font {
            font-size: 20px
        }

        .title-card-font {
            font-size: 36px;
        }
        .value-box-padding {
            padding-top: 80px;
            padding-bottom: 34px;
        }
        .icon-square {
            background-color: #11759C;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #e0e0e0;
            width: fit-content;
            margin-bottom: 30px;
        }

        .icon-circle {
            background-color: #11759C;
            border-radius: 80px;
            padding: 30px;
            border: 1px solid #e0e0e0;
            width: fit-content;
            border-width: 4px;
        }
        .value-box-image {
            height: 52px;
        }
        .dropdown-992{
            font-size:16px;
        }
        .bottomkeyfacts100margin-parter{
            padding-bottom:85px;
        }
        .bottom120padding-faqs{
            padding-bottom:100px;
        }
        .date-box {
            background: #FFFFFF;
            border-radius: 15px;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            font-size: 0.75rem;
            color: #1D325C;
            opacity: 0.9;
            padding: 5px 0px 5px 0px;
        }
        .apply-font {
            font-size: 20px
        }
        .bi-filter::before {
            content: "\f3ca";
            font-size: 40px;
        }
        .access-120-80-20padding {
            margin-bottom: 80px
        }
        .cloud-top-right-polices {
            top: -60px;
            left: -45%;
            will-change: transform;
            width: 350px;
        }

        .cloud-bottom-left-polices2 {
            top: -400px;
            left: 70%;
            will-change: transform;
            width: 400px;
        }

   
      
    }


@media (min-width: 992px) {
    .bottom120padding-partial {
        padding-bottom: 110px;
    }
    .PDFimage {
        width: 100%;
        padding: 5%;
    }
    .bottom120padding-polices{
        margin-bottom:120px
    }
    .value-box-padding {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .icon-square {
        background-color: #11759C;
        border-radius: 10px;
        padding: 20px;
        border: 1px solid #e0e0e0;
        width: fit-content;
        margin-bottom: 30px;
    }
    .news-year-filter-btn {
        background-color: white;
        color: #1D325C;
        font-weight: 600;
        padding: 12px 60px;
        border-radius: 5px;
        transition: all 0.3s ease;
    }
    .access-120-80-20padding {
        margin-bottom: 80px
    }
    .cloud-top-right-polices {
        top: 20%;
        left: -365%;
        will-change: transform;
        width: 550px;
    }

    .cloud-bottom-left-polices2 {
        top: -35%;
        left: -10%;
        will-change: transform;
        width: 550px;
    }
    
   
    
}



@media (min-width: 1200px) {
    
    .news-year-filter-btn {
        background-color: white;
        color: #1D325C;
        font-weight: 600;
        padding: 12px 60px;
        border-radius: 5px;
        transition: all 0.3s ease;
    }
    .access-120-80-20padding{
        margin-bottom:120px

    }
    .cloud-top-right-polices {
        top: 0%;
        left: -335%;
        will-change: transform;
        width: 600px;
    }
    .cloud-bottom-left-polices2 {
        top: -35%;
        left: -10%;
        will-change: transform;
        width: 600px;
    }
    

}

      

 @media (min-width: 1400px) {
    .PDFimage {
        width: 100%;
        padding: 12.57%;
    }
 }


.a-text-news {
    color: #1D325C;
}



@media (max-width: 992px) {
    .mobile-filter-title {
        width: 100%;
        text-align: center;
    }
    
}
@media (max-width: 992px) {
    #mobileFilterBox .dropdown-menu {
        position: static !important;
        transform: none !important;
        width: 100%;
        margin-top: 10px;
        box-shadow: none;
        border: none;
        background-color: #F2F2F2;
        transform: translateY(-6px);
    }
}







/* ------------------------------- */
/*  MOBILE FIRST (default = small) */
/* ------------------------------- */
.page-section[data-hascta="true"] {
    --bottom-padding: 60px;
}

.page-section[data-hascta="false"] {
    --bottom-padding: 120px;
}

/* Apply padding using the variable */
.page-section {
    padding-bottom: var(--bottom-padding);
}


@media (min-width: 576px) {
    .page-section[data-hascta="true"] {
        --bottom-padding: 120px;
    }

    .page-section[data-hascta="false"] {
        --bottom-padding: 360px;
    }
}


@media (min-width: 992px) {
    .page-section[data-hascta="true"] {
        --bottom-padding: 120px;
    }

    .page-section[data-hascta="false"] {
        --bottom-padding: 360px;
    }
}

.cloud-top-right-man {
    top: -100px;
    left: 70%;
    will-change: transform;
    width: 300px;
}

.cloud-bottom-left-man2 {
    top: 310px;
    left: -40%;
    will-change: transform;
    width: 300px;
}

.dropdown-toggle {
    width: 100%;
    background: #fff;
    color: #1D325C;
    border-radius: 5px;
    padding: 7px 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    border: none;
    font-size:12px

}
.dropdown-menu-list li a {
    display: block;
    padding: 10px 14px;
    color: #1D325C;
    font-weight: 500;
    text-decoration: underline;
    font-size: 12px
}
.parent-page-logo {
    position: absolute;
    width: 500px;
    left: -250px;
    top: 300px;
}
.cloud-bottom-parent {
    top: 300px;
    left: -100px;
    will-change: transform;
    width: 200px;
}

.cloud-bottom-parent2 {
    top: 235px;
    left: 270px;
    will-change: transform;
    width: 200px;
}
@media (min-width: 450px) {
    .parent-page-logo {
        position: absolute;
        width: 650px;
        left: -250px;
        top: 250px;
    }
    .cloud-bottom-parent2 {
        top: 235px;
        left: 400px;
        will-change: transform;
        width: 200px;
    }
}

    @media (min-width: 576px) {
        .cloud-top-right-man {
            top: -100px;
            left: 70%;
            will-change: transform;
            width: 300px;
        }

        .cloud-bottom-left-man2 {
            top: 350px;
            left: -40%;
            will-change: transform;
            width: 300px;
        }

        .parent-page-logo {
            position: absolute;
            width: 800px;
            left: -55%;
            top: 550px;
        }

        .cloud-bottom-parent {
            top: 500px;
            left: -30%;
            will-change: transform;
            width: 400px;
        }

        .cloud-bottom-parent2 {
            top: 720px;
            left: 80%;
            will-change: transform;
            width: 400px;
        }
    }

    @media (min-width: 768px) {
        .cloud-top-right-man {
            top: -90px;
            left: 65%;
            will-change: transform;
            width: 400px;
        }

        .cloud-bottom-left-man2 {
            top: 250px;
            left: -40%;
            will-change: transform;
            width: 400px;
        }

        cloud-top-right-value {
            top: -70px;
            left: -50%;
            will-change: transform;
            width: 350px;
        }

        .cloud-bottom-left-value2 {
            top: -480px;
            left: 70%;
            will-change: transform;
            width: 400px;
        }

        .dropdown-toggle {
            width: 100%;
            background: #fff;
            color: #1D325C;
            border-radius: 8px;
            padding: 10px 14px;
            font-weight: 600;
            text-align: left;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
            border: none;
            font-size: 14px
        }

        .dropdown-menu-list li a {
            display: block;
            padding: 10px 14px;
            color: #1D325C;
            font-weight: 500;
            text-decoration: none;
            font-size: 14px
        }

        .parent-page-logo {
            position: absolute;
            width: 800px;
            left: -45%;
            top: 550px;
        }

        .cloud-bottom-parent {
            top: 500px;
            left: -30%;
            will-change: transform;
            width: 400px;
        }

        .cloud-bottom-parent2 {
            top: 720px;
            left: 80%;
            will-change: transform;
            width: 400px;
        }
    }



    @media (min-width: 992px) {
        .cloud-top-right-man {
            top: -90px;
            left: 200%;
            will-change: transform;
            width: 500px;
        }

        .cloud-bottom-left-man2 {
            top: 50px;
            left: -160%;
            will-change: transform;
            width: 550px;
        }

        .cloud-top-right-value {
            top: 20%;
            left: -365%;
            will-change: transform;
            width: 550px;
        }

        .cloud-bottom-left-value2 {
            top: -35%;
            left: -10%;
            will-change: transform;
            width: 550px;
        }

        .about-cloud {
            top: -2%;
            left: -400%;
            will-change: transform;
            width: 600px;
        }

        .about-cloud2 {
            top: -40%;
            left: 90%;
            will-change: transform;
            width: 500px;
        }

        .parent-page-logo {
            position: absolute;
            width: 1000px;
            left: 0%;
            top: 65px;
        }

        .cloud-bottom-parent {
            top: -30px;
            left: -186%;
            will-change: transform;
            width: 600px;
        }

        .cloud-bottom-parent2 {
            top: -200px;
            left: 280%;
            will-change: transform;
            width: 500px;
        }
    }





    @media (min-width: 1200px) {
        .cloud-top-right-man {
            top: -30px;
            left: 200%;
            will-change: transform;
            width: 600px;
        }

        .cloud-bottom-left-man2 {
            top: 150px;
            left: -130%;
            will-change: transform;
            width: 600px;
        }

        .cloud-top-right-value {
            top: 0%;
            left: -335%;
            will-change: transform;
            width: 600px;
        }

        .cloud-bottom-left-value2 {
            top: -35%;
            left: -10%;
            will-change: transform;
            width: 600px;
        }

        .about-cloud {
            top: -2%;
            left: -315%;
            will-change: transform;
            width: 600px;
        }

        .about-cloud2 {
            top: -40%;
            left: 90%;
            will-change: transform;
            width: 500px;
        }

        .parent-page-logo {
            position: absolute;
            width: 1250px;
            left: 25%;
            top: -60px;
        }

        .cloud-bottom-parent {
            top: -30px;
            left: -130%;
            will-change: transform;
            width: 600px;
        }

        .cloud-bottom-parent2 {
            top: -190px;
            left: 310%;
            will-change: transform;
            width: 500px;
        }
    }

    .small-section-buttons {
        transition: transform 0.2s ease, color 0.2s ease;
    }

        .small-section-buttons:hover {
            transform: scale(1.05) !important;
            background-color: #1D325C !important;
            color: #fff !important;
        }

    .dropdown-toggle::after {
        content: none !important;
    }
    /* focus state */
    .dropdown-toggle:focus {
        outline: none;
    }

    /* dropdown list */
    .dropdown-menu-list {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border-top: none;
        border-radius: 0 0 8px 8px;
        list-style: none;
        margin: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity 0.25s ease, transform 0.25s ease;
        z-index: 20;
    }

    /* show when active */
    .custom-dropdown.active .dropdown-menu-list {
        opacity: 1;
        visibility: visible;
        transform: translateY(-3px);
    }



    .dropdown-menu-list li a:hover {
        background-color: #11759C;
        color: #fff;
    }
    /* Blue */
    .custom-dropdown.Blue .dropdown-menu-list li a:hover {
        background-color: #11759C;
        color: #fff;
    }

    /* Cyan */
    .custom-dropdown.Cyan .dropdown-menu-list li a:hover {
        background-color: #58ECE9;
        color: #1D325C;
    }

    /* Purple */
    .custom-dropdown.Purple .dropdown-menu-list li a:hover {
        background-color: #843B84;
        color: #fff;
    }

    /* Pink */
    .custom-dropdown.Pink .dropdown-menu-list li a:hover {
        background-color: #E41B5B;
        color: #fff;
    }

    /* Navy */
    .custom-dropdown.Navy .dropdown-menu-list li a:hover {
        background-color: #464E80;
        color: #fff;
    }
    /*
.nav-link:focus, .nav-link:hover {
    background: white;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}
*/



    @media (min-width: 576px) {
        /* Small devices (≥576px) */
    }

    @media (min-width: 768px) {
        /* Medium devices (≥768px) */
    }

    @media (min-width: 992px) {
        .section-1-padding {
            padding-left: 30px !important;
            padding-right: 5px !important;
        }
        /* Large devices (≥992px) */
    }

    @media (min-width: 1200px) {
        /* Extra large devices (≥1200px) */
    }

    @media (min-width: 1400px) {
        .section-1-padding {
            padding-left: 90px !important;
            padding-right: 5px !important;
        }

        .no-tip-padding {
            padding-bottom: 2rem; /* or whatever padding you want */
        }
    }


    @media (max-width: 992px) {
        .error-bg-section {
            padding: 180px 0 80px 0 !important;
            min-height: 500px !important;
            background-position: top;
        }

        /* FORCE COLUMN TO CENTER CONTENT */


        .error-box {
            margin-bottom: 40px;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }

    .fw800 {
        font-weight: 800;
    }

    .fw700 {
        font-weight: 700;
    }

    .fw600 {
        font-weight: 600;
    }

    .fw500 {
        font-weight: 500;
    }

    .incline-h1-class {
        z-index: 6;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .white-arrow-in {
        color: #F2F2F2;
    }

    .inherit-color {
        color: inherit;
    }

    .nav-item1:focus, .nav-item1:hover {
        background: white;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 5px;
    }

    /*==============================================================================================*/

    .stan-bg-header {
    }

    .contact-cus-btn {
        width: 16px;
        height: auto;
        font-size: 16px;
    }

    .text-nav-cus {
        width: 20px;
        height: auto;
        font-size: 25px;
        color: #1D325C
    }

    .text-nav-cus-white {
        width: 20px;
        height: auto;
        font-size: 25px;
        color: #1D325C
    }
    /* Prevent body scroll when fullscreen menu is open */
    body.no-scroll {
        overflow: hidden;
        height: 100vh;
    }

    /* Allow fullscreen menu content to scroll if tall */
    .fullscreen-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-y: auto; /* allow scroll within the menu only */
        background: white;
        z-index: 9999;
        transition: transform 0.4s ease, opacity 0.3s ease;
        transform: translateY(-100%);
        opacity: 0;
    }

        .fullscreen-menu.active {
            transform: translateY(0);
            opacity: 1;
        }

    /* === Mega Menu Styles === */
    .highlighter2 {
        background-color: #FFF;
    }

    /* === Mega Menu Styles (95% width, centered) === */
    .mega-menu {
        display: none;
        position: absolute;
        top: calc(100% + 20px);
        left: 50%;
        transform: translate(-50%, -10px); /* center align + entry animation offset */
        max-width: 1650px;
        width: 95%;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease; /* simple fade */
        overflow-y: auto;
        z-index: 1000;
        background: white;
        padding: 65px 60px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        border-radius: 10px 10px 10px 10px;
        height: calc(100vh - 140px);
        overflow: hidden;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    /* When active */


    /* Icon rotation */
    .mega-trigger i {
        transition: transform 0.3s ease;
    }

        .mega-trigger i.rotated {
            transform: rotate(180deg);
        }

    header.scrolled .btn i {
        color: #fff !important;
        transition: color 0.3s;
    }

    .aboutus-color {
        color: #11759C;
    }

    .airport-color {
        color: #843B84;
    }

    .careers-color {
        color: #464E80;
    }

    .news-color {
        color: #E41B5B;
    }
    /* Default (white burger) */
    .navbar-toggler-icon.Cyan {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2829,50,92,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        background-size: 100% 100%;
        transition: background-image 0.3s ease;
    }


    .navbar-toggler-icon.Cyan {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2829,50,92,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        background-size: 100% 100%;
        transition: background-image 0.3s ease;
    }

    /* When scrolled (black burger) */
    header.scrolled .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2829,50,92,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    header.active .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2829,50,92,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    /* When the burger is clicked (menu open) */
    .backedouticon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2829,50,92,1%29' stroke-width='2' stroke-linecap='round' d='M6 6L24 24M6 24L24 6'/%3E%3C/svg%3E");
        background-size: 100% 100%;
        transition: background-image 0.3s ease;
    }
    header.scrolled .navbar-toggler-icon.backedouticon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2829,50,92,1%29' stroke-width='2' stroke-linecap='round' d='M6 6L24 24M6 24L24 6'/%3E%3C/svg%3E");
    }



    .contact-arrow {
        filter: brightness(0) invert(1);
    }


    .sr-only {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0;
    }

    .white-arrow {
        color: #fff !important;
    }

    .aboutus-color {
        color: #11759C;
    }

    .airport-color {
        color: #843B84;
    }

    .careers-color {
        color: #464E80;
    }

    .news-color {
        color: #E41B5B;
    }

    /*-----------------------------------------------------------------------------------------------------------------------------*/
    .inline-section-home {
        overflow: hidden;
        background: transparent radial-gradient(closest-side at 50% 50%, #58ECE9 0%, #00B0AD 100%) 0% 0% no-repeat padding-box;
    }

    .incli-hero-title {
        z-index: 6;
        line-height: 1.5;
    }

    .incli-hero-title-bold {
        font-weight: 800;
        line-height: 1.4;
    }

    .incli-header-text {
        padding-bottom: 1rem;
        padding-top: 0.75rem;
    }

    .incli-contact-btn {
        z-index: 6;
    }

    .incli-contact-icon {
        font-size: 18px;
    }

    .incli-hero-plane {
        max-width: 150%;
    }

    .incli-opening-year {
        font-weight: 800;
    }

    .incli-opening-line {
        /* Previously empty but separated for future styling */
    }

    .incli-news-title {
        font-weight: 800;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .incli-news-desc {
        margin-bottom: 0;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .incli-readall-link p {
        text-decoration: underline;
    }

    /* Card date box */
    .incli-datebox {
        top: 10px;
        left: 10px;
        margin: 0.5rem;
        padding: 3px 8px;
    }

    .incli-datebox-icon {
        font-size: 0.85rem;
    }

    .incli-datebox-text {
        font-size: 12px;
    }


    /* Card arrow */
    .incli-card-arrow {
        filter: invert(0) brightness(1);
    }



    .incli-about-title,
    .incli-airport-title,
    .incli-careers-title {
        font-weight: 800;
    }


    .inline-section-home {
        overflow: hidden;
        background: transparent radial-gradient(closest-side at 50% 50%, #58ECE9 0%, #00B0AD 100%) 0% 0% no-repeat padding-box;
    }
    /* Mobile news scroll snap */
    .incli-snap-container {
        scroll-snap-type: x mandatory;
    }

    .incli-snap-item {
        scroll-snap-align: start;
    }

    .sec2-bg-col {
        background-color: #F2F2F2;
    }



    .news-card {
        transition: all 0.3s ease;
        border-radius: 8px;
        overflow: hidden;
        background: #fff; /* default */
    }

        .news-card:hover {
            background-color: #E41B5B; /* full card goes red */
            color: #fff;
        }

        /* Image wrapper starts white */
        .news-card .card-img-wrapper {
            background: #fff;
            padding: 10px;
            border-radius: 8px;
            transition: background-color 0.3s ease;
        }

        /* On hover, image wrapper turns red too */
        .news-card:hover .card-img-wrapper {
            background: #E41B5B;
        }

        /* Text switches to white on hover */
        .news-card:hover .card-title,
        .news-card:hover p,
        .news-card:hover a {
            color: #fff !important;
        }

        .news-card .card-img-top {
            border-radius: 5px;
            width: 100%;
            display: block;
        }
    /*==================================*/



    footer a,
    footer a.footer-link {
        color: #1D325C !important;
    }

        footer a:hover {
            color: #11759C; /* optional hover color */
        }

    .tight-text {
        display: block; /* ensures the line-height applies properly */
        line-height: 1.3; /* try 1.1, adjust down to 1 or even 0.9 */
    }

    .easy-color {
        color: #E41B5B;
    }

    .friend-color {
        color: #11759C;
    }

    .relax {
        color: #843B84;
    }

    .footeralt-btn:hover {
        background: #EFEFEF
    }

    .easy-color {
        color: #E41B5B;
    }

    .friend-color {
        color: #11759C;
    }

    .relax {
        color: #843B84;
    }
    /*==================================*/

    .incline-h1-class {
        z-index: 6;
        line-height: 1.4;
    }

    .fw600 {
        font-weight: 600
    }
    /* Read More Container */
    .incli-readmore-container {
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
    }

    /* Read More Text */
    .incli-readmore-text {
        text-decoration: underline;
    }

    /* Arrow Icon */
    .incli-readmore-icon {
        color: #F2F2F2;
    }

    .svg-container svg {
        display: block;
        height: auto;
        border-radius: 10px;
    }

    .h720 svg {
        height: 720px
    }

    .h550 svg {
        height: 550px
    }

    .h450 svg {
        height: 450px
    }

    .h240 svg {
        height: 240px
    }

    .incline-h1-class-d {
        z-index: 6;
        line-height: 1.4;
        text-transform: uppercase;
    }



    .icon-square {
        transition: transform 0.3s ease;
        display: inline-block;
    }

        .icon-square.rotate-left {
            transform: rotate(-4deg);
        }

        .icon-square.rotate-right {
            transform: rotate(4deg);
        }

        .icon-square img {
            transition: transform 0.3s ease;
        }

        .icon-square.rotate-left img {
            transform: rotate(4deg); /* counter rotate slightly so it doesn’t look off */
        }

        .icon-square.rotate-right img {
            transform: rotate(-4deg);
        }

    .incline-h1-class {
        z-index: 6;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .incli-privacy-title {
        font-weight: 700;
        line-height: 1.3;
    }

    /* Download link (removes underline) */
    .incli-privacy-link {
        text-decoration: none;
    }

    /* Paragraph inside link */
    .incli-privacy-text {
        margin: 0;
        text-decoration: none;
    }

    /* Underlined span text */
    .incli-privacy-span {
        text-decoration: underline;
        color: inherit;
        font: inherit;
    }

    /* Download icon */
    .incli-privacy-icon {
        margin-left: 8px;
        text-decoration: none;
        color: inherit;
    }

    .highlighter:hover .news-card-readmore {
        color: #ffffff !important;
    }

    .inline-cus {
        font-weight: 600;
        letter-spacing: -0.9px;
    }

    .airport-child {
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
    }

    /*========================================================================*/
    .sec-bg {
        background-color: #F2F2F2;
    }

    .accordion-button {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

        .accordion-button:not(.collapsed) {
            background-color: transparent;
            box-shadow: none;
        }

    .accordion-body {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .accordion-item:last-of-type {
        border-radius: 0;
    }

    .accordion-item {
        border: none;
        border-bottom: solid 1px #ccc;
    }

    .custom-container {
        margin-bottom: 0;
    }

    .section-21 {
        padding-top: 0;
    }

    /* === Replace Bootstrap chevron with + / − icons === */
    .accordion-button::after {
        content: "+";
        font-size: 1.5rem;
        font-weight: 700;
        color: #1D325C;
        transform: none !important;
        background-image: none !important;
        margin-left: auto; /* ensures icon stays on right side */
        transition: all 0.2s ease;
        margin-bottom: 1.1rem;
    }

    .accordion-button:not(.collapsed)::after {
        content: "−"; /* minus symbol */
        font-size: 1.5rem;
        font-weight: 700;
        color: #1D325C;
        transform: none !important;
    }

    .small-section-buttons:hover {
        background: #EFEFEF;
    }
    /*===========================================================*/




    .white-partners-name-box {
        background: #fff;
        color: #1D325C;
        border: 2px solid transparent;
        border-radius: 10px;
        padding: 20px;
        transition: all 0.3s ease;
    }

        /* Hover theme effects */
        .white-partners-name-box.Blue:hover {
            border-color: #11759C;
            background-color: #11759C;
            color: #fff;
        }

        .white-partners-name-box.Cyan:hover {
            border-color: #58ECE9;
            background-color: #58ECE9;
            color: #1D325C;
        }

        .white-partners-name-box.Purple:hover {
            border-color: #843B84;
            background-color: #843B84;
            color: #fff;
        }

        .white-partners-name-box.Pink:hover {
            border-color: #E41B5B;
            background-color: #E41B5B;
            color: #fff;
        }

        .white-partners-name-box.Navy:hover {
            border-color: #464E80;
            background-color: #464E80;
            color: #fff;
        }

        /* Ensure inner text/icons also update */
        .white-partners-name-box:hover h2,
        .white-partners-name-box:hover p,
        .white-partners-name-box:hover i {
            color: inherit !important;
        }

        .white-partners-name-box:hover .title-card-font {
            color: inherit !important;
        }


    .partner-link {
        color: #1D325C;
        text-decoration: underline;
        text-decoration-color: #1D325C;
        transition: color 0.3s ease, text-decoration-color 0.3s ease;
    }

        .partner-link p {
            color: #1D325C;
            margin-bottom: 0;
            transition: color 0.3s ease;
        }

        .partner-link i {
            color: #1D325C;
        }

    /* Hover state — everything turns white, underline stays but becomes white too */
    .white-partners-name-box:hover .partner-link,
    .white-partners-name-box:hover .partner-link p,
    .white-partners-name-box:hover .partner-link i {
        color: white !important;
    }

    .white-partners-name-box:hover .partner-link {
        text-decoration-color: white;
    }


    .interest-btn-custom:hover {
        background: #EFEFEF !important;
        color: #1D325C !important;
    }

        .interest-btn-custom:hover p {
            color: #1D325C !important;
        }

    .inepartner {
        line-height: 1;
    }

    .scroltext-partner {
        margin-left: 0px;
        background: #1D325C !important;
        text-decoration: underline
    }

    .partner-link {
        text-decoration: none;
    }

        .partner-link p {
            text-decoration: underline;
        }

    .scroltext-partner {
        margin-left: 0px;
        background: #1D325C !important;
        text-decoration: underline;
        min-width: 201px;
    }

    .accordion-button {
        background-color: #ffff;
        color: white;
        font-size: 16px;
        border-radius: 10px; /* Rounded when closed */
        transition: border-radius 0.2s ease;
        padding: 30px;
        padding-bottom: 0px;
        color: #14233F;
    }

        .accordion-button:not(.collapsed) {
            padding: 30px 35px 30px 30px;
            background-color: #ffff;
            color: #14233F;
            padding-bottom: 0px;
        }

        .accordion-button:focus {
            box-shadow: none;
        }

        .accordion-button:active {
            box-shadow: none;
            padding-bottom: 0px;
        }

        .accordion-button.collapsed {
            padding: 30px 35px 30px 30px;
        }


    .accordion-item:first-of-type {
        border-radius: 10px;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important;
        }

    .accordion-item:last-of-type .accordion-button.collapsed {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
    }

    .accordion-item + .accordion-item {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
    }

    .accordion-button {
        position: relative; /* allows positioning the ::after */
        align-items: flex-start; /* aligns content to top */
        padding-top: 20px; /* adjust for spacing */
        padding-bottom: 20px;
    }

        /* Icon styling */
        .accordion-button::after {
            background-image: none !important;
            content: '+';
            font-size: 1.5rem;
            font-weight: bold;
            color: #14233F;
            position: absolute;
            top: 25px; /* distance from top */
            right: 20px; /* distance from right */
            transition: none;
            transform: none;
        }

  
        .accordion-button:not(.collapsed)::after {
            content: '−';
            transform: none;
        }

    .accordion-body {
        background-color: #ffff;
        border: 1px solid #ffff;
        border-radius: 0 0 10px 10px; /* Rounded bottom when open */
        padding: 30px;
        padding-top: 20px;
    }

    .accordion-item {
        border: none; /* removes thin grey border between items */
        background-color: #fff;
    }

    .accordion-button {
        box-shadow: none !important;
        border: none;
    }


    .accordion-item + .accordion-item {
        margin-top: 15px; 
    }


    .section-buttons {
        color: #fff;
        border: none;
        transition: all 0.25s ease;
    }

        /* Active button (current page) */
        .section-buttons.Blue {
            background-color: #11759C;
        }

        .section-buttons.Cyan {
            background-color: #58ECE9;
            color: #1D325C;
        }

        .section-buttons.Purple {
            background-color: #843B84;
        }

        .section-buttons.Pink {
            background-color: #E41B5B;
        }

        .section-buttons.Navy {
            background-color: #464E80;
        }

        /* Alt page buttons (white by default) */
        .section-buttons.altpages {
            background-color: #fff;
            color: #1D325C;
            border: 2px solid transparent;
        }

            /* Hover: alt pages take the active color */
            .section-buttons.altpages.Blue:hover {
                background-color: #11759C;
                color: #fff;
            }

            .section-buttons.altpages.Cyan:hover {
                background-color: #58ECE9;
                color: #1D325C;
            }

            .section-buttons.altpages.Purple:hover {
                background-color: #843B84;
                color: #fff;
            }

            .section-buttons.altpages.Pink:hover {
                background-color: #E41B5B;
                color: #fff;
            }

            .section-buttons.altpages.Navy:hover {
                background-color: #464E80;
                color: #fff;
            }

        /* Optional: small motion */
        .section-buttons:hover {
            transform: translateY(-2px);
        }

    .uppercase {
        text-transform: uppercase;
    }

    .inlineatag {
        margin-left: 0px;
        background: #1D325C !important;
        text-decoration: underline;
        min-width: 201px
    }

    .highlighter:hover .news-card-readmore {
        color: #ffffff !important;
    }



    .read-more-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .airport-dropdown2 li a:hover {
        background-color: #1D325C;
        color: #fff;
    }

    .blue-hov:hover {
        background-color: #1D325C;
        color: white;
        text-decoration: underline;
        text-decoration-color: white;
    }


    @media (min-width: 576px) {
        .highlighter4 {
            padding: 10px;
            border-radius: 10px;
            transition: all 0.3s ease;
            background-color: #F2F2F2;
        }
    }

    .highlighter4 {
        padding: 5px;
        border-radius: 10px;
        transition: all 0.3s ease;
        background-color: #F2F2F2;
    }


    .news-title {
        font-weight: 600;
        line-height: 1.4;
    }

    .news-cal {
        font-size: 0.85rem;
    }

    .sec-bg {
        background-color: #F2F2F2;
    }
    /* Pagination styling */
    .custom-pagination {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .custom-pagination li {
            cursor: pointer;
            user-select: none;
            transition: all 0.2s ease-in-out;
        }

    /* Page numbers (the <p>) */
    .pagination-number p {
        margin: 0;
        padding: 8px 16px;
        color: #1D325C;
        font-weight: 600;
        text-decoration: underline;
        border-radius: 5px;
        transition: all 0.2s ease;
    }

    /* Active page */
    .pagination-number.active p {
        background-color: #fff;
        color: #1D325C;
        text-decoration: none;
    }

    /* Hover effect */
    .pagination-number:not(.active):hover p {
        background-color: white;
        color: #1D325C;
        text-decoration: none;
    }

    /* Arrows */
    .pagination-arrow {
        font-size: 1.3rem;
        color: #1D325C;
        font-weight: bold;
        padding: 6px 10px;
        border-radius: 50%;
        transition: all 0.2s ease;
    }


    .show-all-btn {
        border: none; /* Remove border */

        text-decoration: underline; /* Add underline */
    }


    .Blue .news-year-filter-btn.active {
        background-color: #11759C;
        color: #fff;
    }

    .Cyan .news-year-filter-btn.active {
        background-color: #58ECE9;
        color: #000;
    }

    .Purple .news-year-filter-btn.active {
        background-color: #843B84;
        color: #fff;
    }

    .Pink .news-year-filter-btn.active {
        background-color: #E41B5B;
        color: #fff;
    }

    .Navy .news-year-filter-btn.active {
        background-color: #464E80;
        color: #fff;
    }

    .readmore-link {
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
    }

    .readmore-icon {
        color: #F2F2F2;
    }

    .font-085 {
        font-size: 0.85rem;
    }


    .bg-image-right::after {
        content: "";
        position: absolute;
        inset: 0;
    }

    .news-date-box {
        background: white;
        color: #1D325C;
        font-weight: 600;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    }

        .news-date-box i {
            color: #1D325C;
            font-size: 1rem;
        }

    .news-description ul {
        padding-left: 1.5rem;
        margin-bottom: 1rem;
    }

    .news-description.Blue ul li::marker {
        color: #11759C;
    }

    .news-description.Cyan ul li::marker {
        color: #58ECE9;
    }

    .news-description.Purple ul li::marker {
        color: #843B84;
    }

    .news-description.Pink ul li::marker {
        color: #E41B5B;
    }

    .news-description.Navy ul li::marker {
        color: #464E80;
    }

    .sec-bg {
        background: #F2F2F2
    }

    .job-card:hover .badge1 {
        background-color: rgba(239, 239, 239, 0.3) !important; /* 30% opacity */
        transition: background-color 0.3s ease;
    }

    /* Ensure the text inside badges stays visible */
    .job-card .badge1 {
        transition: background-color 0.3s ease;
    }

    /* Base hover effect for all job cards */
    .job-card {
        background-color: #fff; /* ✅ White by default */
        transition: all 0.3s ease;
        cursor: pointer;
        color: #1D325C; /* Ensures readable text when not hovered */
    }

        .job-card:hover h3,
        .job-card:hover p,
        .job-card:hover span,
        .job-card:hover a {
            color: white !important;
        }

    /* Adjust button on hover to match */
    .jobcard {
        background-color: #fff;
    }

    .job-card.Blue:hover {
        background-color: #11759C
    }

    .job-card.Cyan:hover {
        background-color: #58ECE9;
    }

    .job-card.Purple:hover {
        background-color: #843B84;
    }

    .job-card.Pink:hover {
        background-color: #E41B5B;
    }

    .job-card.Navy:hover {
        background-color: #464E80;
    }

    .bg-white-but {
        background-color: #EFEFEF;
        border-radius: 10px;
        text-decoration: underline;
    }

    .bg-white {
        background-color: #EFEFEF;
    }

    .badge123 {
        background-color: #EFEFEF;
        border-radius: 10px;
        text-decoration: underline;
    }

    .bg-col {
        background-color: #1D325C;
    }

        .bg-col:hover {
            background-color: #1D325C;
        }

    .font-size-12px {
        font-size: 12px
    }

    .custom-select {
        position: relative;
        width: 100%;
        border-radius: 10px;
        background: #fff;
        color: #1D325C;
        cursor: pointer;
        user-select: none;
        transition: border-color 0.3s ease;
    }

        .custom-select.Blue {
            border-color: #11759C;
        }

        .custom-select.Cyan {
            border-color: #58ECE9;
        }

        .custom-select.Purple {
            border-color: #843B84;
        }

        .custom-select.Pink {
            border-color: #E41B5B;
        }

        .custom-select.Navy {
            border-color: #464E80;
        }

        .custom-select .selected {
            padding: 17px 16px;
            font-size: 16px;
            font-weight: 600;
        }

        .custom-select .select-options {
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            background: white;
            border-top: none;
            border-radius: 0 0 10px 10px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.25s ease, opacity 0.25s ease;
            opacity: 0;
            z-index: 10;
        }

        .custom-select.active .select-options {
            max-height: 400px;
            opacity: 1;
            transform: translateY(-4px);
        }

        .custom-select .option {
            padding: 12px 16px;
            font-size: 16px;
            transition: background-color 0.2s ease, color 0.2s ease;
        }

            .custom-select .option:hover {
                background-color: #1D325C;
                color: white;
            }

    /* rotate icon for mobile sort */
    .rotate-180 {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }

    #mobileFilterBox {
        display: none;
        flex-direction: column; /* keeps internal column layout */
        transition: all 0.3s ease;
    }

        #mobileFilterBox .filter-footer {
            margin-top: auto; /* pushes buttons to bottom */
        }

        #mobileFilterBox.active {
            display: flex;
        }


   

    .fw700line {
        font-weight: 700;
        line-height: 1.2;
    }
    /* Ensure list spacing inside RTEs is consistent */
    .rte-content ul {
        padding-left: 1.5rem;
        margin-bottom: 1rem;
    }

    /* Theme-based bullet colours */
    .rte-content.Blue ul li::marker {
        color: #11759C;
    }

    .rte-content.Cyan ul li::marker {
        color: #58ECE9;
    }

    .rte-content.Purple ul li::marker {
        color: #843B84;
    }

    .rte-content.Pink ul li::marker {
        color: #E41B5B;
    }

    .rte-content.Navy ul li::marker {
        color: #464E80;
    }


    .access-whitebox {
        background: white;
    }

    .efefback {
        background-color: #EFEFEF;
    }

    .topic-btn {
        background-color: #EFEFEF !important;
        color: #1D325C !important;
        border: none;
        border-radius: 5px;
        transition: all 0.25s ease-in-out;
        text-decoration: underline;
    }

        .topic-btn:hover,
        .topic-btn.active-topic {
            background-color: #1D325C !important;
            color: white !important;
            transform: translateY(-2px);
        }

    /* Contact CTA (matches your old link-button styling) */
    .contact-cta-btn {
        display: inline-block;
        background-color: #1D325C;
        color: white !important;
        padding: 10px 22px;
        border-radius: 5px;
        font-weight: 600;
        text-decoration: underline;
        transition: all 0.25s ease-in-out;
        margin-top: 10px;
    }

        .contact-cta-btn:hover {
            background-color: #EFEFEF;
            color: #1D325C !important;
        }

    .stanbgcol {
        background-color: #1D325C;
    }

    .cus-form {
        background: white;
        border-radius: 10px;
        z-index: 2;
    }

    .bgcol-con {
        background-color: #EFEFEF;
        border-radius: 5px;
    }

    .font-size12 {
        font-size: 12px;
    }
  
    .form-check-input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 3px solid white; /* outer white ring */
        background-color: #fff;
        border-radius: 50%;
        position: relative;
        outline: none;
        cursor: pointer;
        box-shadow: 0 0 0 1px #1D325C; /* thin border around the white ring */
        transition: all 0.2s ease-in-out;
    }


        .form-check-input[type="radio"]::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            background-color: #1D325C; /* inner blue dot */
            border-radius: 50%;
            transform: translate(-50%, -50%) scale(0);
            transition: transform 0.2s ease-in-out;
        }

     
        .form-check-input[type="radio"]:checked::after {
            transform: translate(-50%, -50%) scale(1);
        }



    .rte-content ul,
    .rte-content ol {
        padding-left: 1.5rem;
        margin-bottom: 1rem;
    }

   
    .rte-content.Blue ul li::marker {
        color: #11759C;
    }

    .rte-content.Cyan ul li::marker {
        color: #58ECE9;
    }

    .rte-content.Purple ul li::marker {
        color: #843B84;
    }

    .rte-content.Pink ul li::marker {
        color: #E41B5B;
    }

    .rte-content.Navy ul li::marker {
        color: #464E80;
    }

    /* --- NUMBERED (ordered list) colours per theme --- */
    .rte-content.Blue ol li::marker {
        color: #11759C;
    }

    .rte-content.Cyan ol li::marker {
        color: #58ECE9;
    }

    .rte-content.Purple ol li::marker {
        color: #843B84;
    }

    .rte-content.Pink ol li::marker {
        color: #E41B5B;
    }

    .rte-content.Navy ol li::marker {
        color: #464E80;
    }



    .access-whitebox {
        background: white;
    }
            

.nav-link:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.btn:focus-visible {
    
    outline: 2px solid #000;
    outline-offset: 2px;
}

    

.navbar .btn {
    background: #fff;
    color: #1D325C;
}
    .navbar .btn:focus-visible {
        outline: 2px solid #000;
    }