*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family:'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
button,
input,
textarea,
label{
    font-family:'Poppins', sans-serif;
}

.foundation-banner{
    width:100%;
    overflow:hidden;
}

.foundation-banner img{
    width:100%;
    height:auto;
    display:block;
}

/* Hide mobile on desktop */
.mobile-banner{
    display:none !important;
}

/* Mobile View */
@media only screen and (max-width:768px){

    .desktop-banner{
        display:none !important;
    }

    .mobile-banner{
        display:block !important;
    }

}



.inquiry-section{
    width:100%;
    padding:40px 20px 20px;
    background:#f3f4f6;
}

/* =========================
   HEADING
========================= */

.inquiry-heading{
    text-align:center;
    margin-bottom:24px;
}

.inquiry-heading h2{
    font-size:26px;
    line-height:38px;
    font-weight:700;
    color:#071F42;
    margin-bottom:4px;
}

.inquiry-heading p{
    font-size:14px;
    line-height:22px;
    color:#2d2d2d;
    font-weight:400;
}

/* =========================
   FORM BOX
========================= */

.inquiry-box{
    width:100%;
    max-width:682px;
    margin:0 auto;
    background:#ffffff;
    border-radius:14px;
    border:1px solid #E5E7EB;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    padding:22px 22px 18px;
}

/* =========================
   FORM
========================= */

.inquiry-form{
    width:100%;
}

/* =========================
   GROUP
========================= */

.form-group{
    margin-bottom:14px;
}

.form-group label{
    display:block;
    margin-bottom:6px;
    font-size:14px;
    font-weight:500;
    color:#071F42;
}

.form-group label span{
    color:#ef4444;
}

/* =========================
   INPUTS
========================= */

.form-group input,
.form-group select{
    width:100%;
    height:42px;
    border:1px solid #D7DCE3;
    border-radius:4px;
    padding:0 12px;
    font-size:12px;
    font-family:'Poppins',sans-serif;
    color:#071F42;
    background:#ffffff;
    outline:none;
    transition:.3s ease;
}

.form-group input::placeholder{
    color:#94A3B8;
}

.form-group input:focus,
.form-group select:focus{
    border-color:#071F42;
}

/* SELECT */

.form-group select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:14px;
    color:#94A3B8;
}

/* =========================
   BUTTON
========================= */

.submit-btn{
    width:100%;
    height:44px;
    border:none;
    border-radius:6px;
    background:#001F4D;
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    font-family:'Poppins',sans-serif;
    cursor:pointer;
    transition:.35s ease;
    margin-top:8px;
}

.submit-btn:hover{
    background:#0A3D75;
}

/* =========================
   NOTE
========================= */

.form-note{
    margin-top:14px;
    text-align:center;
    font-size:11px;
    line-height:18px;
    color:#374151;
    font-weight:400;
}

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

@media(max-width:768px){

    .inquiry-section{
        padding:30px 14px 20px;
    }

    .inquiry-heading h2{
        font-size:22px;
        line-height:32px;
    }

    .inquiry-heading p{
        font-size:13px;
        line-height:20px;
    }

    .inquiry-box{
        padding:18px 16px;
        border-radius:12px;
    }

    .submit-btn{
        font-size:14px;
    }

}



 .foundation-section{
     background:#fff;
     display: flex;
     flex-direction: row;
     align-items: center;
     padding: 60px 80px;
     gap: 56px;
 }

.foundation-wrapper{
    max-width:1280px;
    margin:auto;
    padding:0 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:56px;
}

/* IMAGE */

.foundation-image{
    width:48%;
    flex-shrink:0;
}

.foundation-image img{
    width:100%;
    display:block;
    border-radius:12px;
}

/* CONTENT */

.foundation-content{
    width:52%;
}

.foundation-content h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #091B42;
    letter-spacing:-1px;
}

.foundation-content p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4D4D4D;
    font-weight:400;
}

.foundation-content strong{
    color:#5f5f5f;
    font-weight:700;
}

.foundation-content h5{
    margin:34px 0 18px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: rgba(9, 27, 66, 0.7);
}

/* FEATURES */

.feature-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
}

.feature-box{
    height:54px;
    background:#f5f5f5;
    border:1px solid #dcdcdc;
    border-radius:16px;

    display:flex;
    align-items:center;
    gap:12px;

    padding:0 18px;
}

.feature-box img{
    width:18px;
    height:18px;
    flex-shrink:0;
}

.feature-box span{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #091B42;
}

/* MOBILE */

@media(max-width:768px){

    .foundation-section{
        padding: 20px 10px;
    }

    .foundation-wrapper{
        flex-direction:column;
        gap:0;
        padding:0;
    }

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

    .foundation-image img{
        border-radius:0 0 12px 12px;
    }

    .foundation-content{
        padding:26px 18px 0;
    }

    .foundation-content h2{
        font-size:24px;
        line-height:1.35;
        margin-bottom:18px;
        letter-spacing:0;
    }

    .foundation-content p{
        font-size:15px;
        line-height:1.65;
        margin-bottom:16px;
    }

    .foundation-content h5{
        font-size:12px;
        margin:26px 0 14px;
    }

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

    .feature-box{
        height:52px;
        border-radius:14px;
        padding:0 16px;
    }

    .feature-box span{
        font-size:13px;
    }

    .feature-box img{
        width:16px;
        height:16px;
    }

}


.structured-section{
    width:100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 80px;
    position: relative;
    height: 485.12px;
    background: #011D42;
}

.structured-container{
    max-width:1280px;
    margin:0 auto;
}

/* HEADING */

.structured-heading{
    text-align:center;
    margin-bottom:48px;
}

.structured-heading h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #FCFCF8;
}

.structured-heading p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
}

/* GRID */

.structured-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:20px;
}

/* CARD */

.structured-card{
    position:relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 19px;
    isolation: isolate;
    width: 224px;
    height: 155px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    transition:0.35s ease;
    cursor:pointer;
}

.structured-card:hover{
    background:#f4f4f4;
}

.card-number{
    position:absolute;
    top:18px;
    right:18px;

    font-family:'Poppins';
    font-style:normal;
    font-weight:700;
    font-size:22px;

    color:rgba(255,255,255,0.22);

    transition:0.35s ease;
}

.structured-card:hover .card-number{
    color:#091B42;
}

/* ICON */

/* ICON */

.icon-wrap{
    position:relative;

    width:44px;
    height:44px;

    background:#C4DD39;
    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    transition:0.35s ease;
}

.structured-card:hover .icon-wrap {
    background: #011d42;
}

.icon-wrap img{
    position:absolute;
    top:50%;
    left:50%;

    width:20px;
    height:20px;

    object-fit:contain;

    transform:translate(-50%, -50%);

    transition:0.3s ease;
}

.icon-hover{
    opacity:0;
}

.structured-card:hover .icon-normal{
    opacity:0;
}

.structured-card:hover .icon-hover{
    opacity:1;
}

/* TITLE */

.structured-card h3{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #FCFCF8;
    transition:0.35s ease;
}

.structured-card:hover h3{
    color:#091B42;
}

/* BOTTOM TEXT */

.structured-bottom-text{
    margin-top:30px;
    text-align:center;
    font-family:'Poppins';
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: rgba(238, 242, 250, 0.6);
}

/* MOBILE */

@media(max-width:992px){

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

}

@media(max-width:768px){

    .structured-section{
        padding:60px 0;
        height: auto;
    }
    .structured-card {
        width: 100%;
        height: auto;
    }
    .structured-container{
        padding:0 16px;
    }

    .structured-heading{
        margin-bottom:34px;
    }

    .structured-heading h2{
        font-size:24px;
        line-height:1.35;
    }

    .structured-heading p{
        font-size:15px;
        line-height:1.7;
        margin-top:12px;
    }

    .structured-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .structured-card{
        min-height:auto;
        padding:22px 20px;
        border-radius:20px;
    }

    .card-number{
        font-size:18px;
        top:16px;
        right:16px;
    }

    .icon-wrap{
        width: 44px;
        height: 44px;
        margin-bottom: 0;
    }

    .structured-card h3{
        font-size:14px;
        line-height:1.5;
        max-width:90%;
    }

    .structured-bottom-text{
        margin-top:34px;
        font-size:18px;
        line-height:1.6;
    }

}


.method-section{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 80px;
    gap: 24px;
    background: #FCFCF8;
}

.method-heading{
    text-align:center;
    margin-bottom:45px;
}

.method-heading h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    text-transform: uppercase;
    color: #091B42;
}

.method-heading p{
    margin-top:14px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4C5666;

}

/* GRID */

.method-grid{
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

/* CARD */

.method-card{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    width: 100%;
    height: auto;
    background: #FFF;
    border: 1px solid rgba(9, 27, 66, 0.1);
    box-shadow: 0px 4px 20px -8px rgba(9, 27, 66, 0.12);
    border-radius: 26px;
    min-height:320px;
    transition:0.35s ease;
    cursor:pointer;
}

.method-card:hover{
    background:#c7df2c;
    transform:translateY(-4px);
}

.active-card{
    background:#c7df2c;
    border:none;
}

/* TITLE */

.card-title{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
}

.icon-circle{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#081d4d;
    color:#d7ef27;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    flex-shrink:0;
}

.card-title h3{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #091B42;
}

/* LIST */

.method-card ul{
    list-style:none;
}

.method-card ul li{
    position:relative;
    padding-left:34px;
    margin-bottom:12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.method-card ul li::before{
    content:'';
    position:absolute;
    left:0;
    top:1px;
    width:20px;
    height:20px;
    background:url("<?= Yii::getAlias('@web') ?>/found/blue-check.svg") no-repeat center;
    background-size:contain;
}
/* TITLE */

.card-title{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:22px;
}

.icon-circle{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:#081d4d;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.icon-circle img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.card-title h3{
    margin:0;

    font-family:'Poppins';
    font-style:normal;
    font-weight:600;
    font-size:24px;
    line-height:1.3;
    color:#091B42;
}

/* LIST */

.method-card ul{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;

    display:flex;
    flex-direction:column;
    gap:16px;
}

.method-card ul li{
    position:relative;

    display:flex;
    align-items:flex-start;

    min-height:24px;

    padding-left:34px;
    margin:0;

    font-family:'Poppins';
    font-style:normal;
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#000;
}

.method-card ul li::before{
    content:'';
    position:absolute;
    left:0;
    top:2px;

    width:20px;
    height:20px;

    background:url("<?= Yii::getAlias('@web') ?>/found/blue-check.svg") no-repeat center;
    background-size:contain;
}
/* RESPONSIVE */

@media(max-width:992px){

    .method-heading h2{
        font-size:42px;
    }

    .method-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .method-section{
        padding:22px 16px;
    }

    .method-heading h2{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        color: #091B42;
    }

    .method-heading p{
        font-size:15px;
        line-height:1.6;
    }

    .method-card{
        padding:28px 22px;
        border-radius:24px;
    }

    .card-title h3{
        font-size:22px;
    }

    .method-card ul li{
        font-size:16px;
        margin-bottom:20px;
    }
    .method-card{
        width: 100%;
        height: auto;
    }
    .method-heading {
        text-align: center;
        margin-bottom: 0;
    }
}





/* SECTION */

.academic-section{
    width:100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 60px 104px;
    background: rgba(243, 245, 248, 0.4);
}

/* HEADING */

.academic-heading{
    text-align:center;
    margin-bottom:48px;
}

.academic-heading h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #071F42;
    margin-bottom:12px;
}

.academic-heading p{
    font-size:18px;
    color:#5f6775;
    font-weight:400;
}

/* GRID */

.academic-grid{
    max-width:1220px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

/* CARD */

.academic-card{
    height:98px;
    border-radius:20px;
    background: linear-gradient(116.44deg, #002142 0%, #0A335C 50%, #1F4D7A 100%);
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:0.35s ease;
    cursor:pointer;
    overflow:hidden;
}

.academic-card:hover{
    transform:translateY(-5px);
    background:#c5df2b;
}

.academic-card:hover h3,
.academic-card:hover p,
.academic-card:hover .arrow{
    color:#071d4a;
}

/*.academic-card:hover .icon-box{
    background:#071d4a;
    color:#c5df2b;
}*/

/* LOWER ROW */

.academic-grid{
    max-width:1220px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

/* Bottom row perfectly centered */
/*  .lower-card:nth-child(4){
      grid-column:1 / 2;
      margin-left:auto;
      width:100%;
      max-width:395px;
  }

  .lower-card:nth-child(5){
      grid-column:2 / 3;
      margin-right:auto;
      width:100%;
      max-width:395px;
  }*/
/* LEFT */

.card-left{
    display:flex;
    align-items:center;
    gap:16px;
}

/* ICON */

.icon-box{
    width:48px;
    height:48px;
    border-radius:14px;
    background:#c5df2b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#071d4a;
    font-weight:700;
    transition:0.35s ease;
    flex-shrink:0;
}

/* TEXT */

.card-content h3{
    font-size:18px;
    font-weight:600;
    color:#ffffff;
    margin-bottom:3px;
    transition:0.35s ease;
}

.card-content p{
    font-size:14px;
    font-weight:400;
    color:#b9c3d4;
    transition:0.35s ease;
}

/* ARROW */

.arrow{
    font-size:34px;
    color:#ffffff;
    line-height:1;
    transition:0.35s ease;
}

/* RESPONSIVE */
/* Center only second row */

.lower-card:nth-child(4){
    grid-column:1 / 2;
    transform:translateX(205px);
}

.lower-card:nth-child(5){
    grid-column:2 / 3;
    transform:translateX(205px);
}
@media(max-width:1100px){

    .academic-grid{
        grid-template-columns:1fr 1fr;
    }

    .lower-card:nth-child(4),
    .lower-card:nth-child(5){
        margin-left:0;
        grid-column:auto;
    }

}

@media(max-width:768px){

    .academic-section{
        padding:55px 16px 70px;
    }

    .academic-heading h2{
        font-size:34px;
        line-height:1.2;
    }

    .academic-heading p{
        font-size:15px;
        line-height:1.6;
    }

    .academic-grid{
        grid-template-columns:1fr;
    }

    .academic-card{
        height:auto;
        min-height:90px;
        padding:18px 20px;
        border-radius:18px;
    }

    .card-content h3{
        font-size:17px;
    }

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

}
@media(max-width:768px){

    .academic-grid{
        display:flex;
        flex-direction:column;
        gap:18px;
    }

    .academic-card,
    .lower-card{
        width:100%;
        max-width:100%;
        margin:0;
        transform:none !important;
    }

}


.growth-section{
    width:100%;
    background:#f5f5f5;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 60px 80px;
    gap: 40px;
    overflow:hidden;
}

.growth-container{
    max-width:1280px;
    margin:auto;
    padding:0 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* LEFT */

.growth-content{
    width:50%;
}

.growth-content h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #091B42;
}

.growth-content p{
    margin:0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #011D42;
}

.growth-content h5{
    margin: 16px 0 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    color: #011D42;
}

/* POINTS */

.growth-points{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.growth-item{
    height:65px;
    background:#f7f7f7;
    border:1px solid #dddddd;
    border-radius:18px;

    display:flex;
    align-items:center;
    gap:16px;

    padding:0 18px;
}

.growth-item span{
    width:34px;
    height:34px;
    min-width:34px;

    border-radius:50%;
    background:#c8de2d;

    display:flex;
    align-items:center;
    justify-content:center;

    font-family:'Poppins';
    font-style:normal;
    font-weight:700;
    font-size:15px;

    color:#091B42;
}

.growth-item p{
    font-family:'Poppins';
    font-style:normal;
    font-weight:500;
    font-size:17px;
    line-height:24px;

    color:#091B42;
}

/* RIGHT */

.growth-image{
    width:50%;
}

.growth-image img{
    width:100%;
    display:block;
}

/* MOBILE */

@media(max-width:768px){

    .growth-section{
        padding:10px 10px;
    }

    .growth-container{
        flex-direction:column;
        gap:28px;
        padding:0;
    }

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

    .growth-content{
        padding:0 16px;
    }

    .growth-content h2{
        font-size:24px;
        line-height:1.35;
        margin-bottom:14px;
    }

    .growth-content p{
        font-size:15px;
        line-height:1.7;
    }

    .growth-content h5{
        margin:28px 0 14px;
        font-size:13px;
    }

    .growth-points{
        gap:10px;
    }

    .growth-item{
        height:58px;
        border-radius:14px;
        padding:0 14px;
    }

    .growth-item span{
        width:28px;
        height:28px;
        min-width:28px;
        font-size:13px;
    }

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

}



.center-card-link{
    text-decoration:none;
    display:block;
    color:inherit;
}
.center-section{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 96px 80px;
    background: #091B42;
}

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

.center-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    margin-bottom:30px;
}

.center-left h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #FCFCF8;
}

.center-right p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.75);
}

.center-right p span{
    color:#C1E251;
    font-weight:600;
}

/* =========================
   TITLE
========================= */

.center-title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #FCFCF8;
    margin-bottom:34px;
}

/* =========================
   GRID
========================= */

.center-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-bottom:42px;
}

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

.center-card{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    isolation: isolate;
    height: auto;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    transition: .35s ease;
}

.center-card:hover{
    transform:translateY(-5px);
    border-color:#D3F038;
}

/* =========================
   TOP AREA
========================= */

.card-top{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

/* NUMBER */

.number-box{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 48px;
    height: 48px;
    background: #C4DD39;
    border-radius: 22px;
}

/* CONTENT */

.card-content{
    flex:1;
}

.card-content h4{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #FFF;
    margin-bottom:0;
}

.card-content p{
    font-size:18px;
    line-height:30px;
    color:#B8C3D9;
    font-weight:400;
}

/* ARROW */

.card-arrow{
    font-size:42px;
    color:#6679A8;
    line-height:1;
    margin-top:8px;
}

/* ADDRESS */

.card-address{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    margin-left:58px;
}

/* =========================
   CTA
========================= */

.center-cta{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 24px;
    max-width: 1280px;
    height: 182px;
    background: rgba(196, 221, 57, 0.1);
    border: 1px solid rgba(196, 221, 57, 0.3);
    border-radius: 26px;
    text-align: center;
    margin: 0 auto;
}

.center-cta p{
    max-width:900px;
    margin:0 auto;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
}

.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:360px;
    height:72px;
    border-radius:12px;
    background:#D3F038;
    text-decoration:none;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color:#011D42;
    transition:.35s ease;
}

.cta-btn:hover{
    transform:translateY(-3px);
}

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

@media(max-width:1200px){

    .center-section{
        padding:60px 24px;
    }

    .center-top{
        grid-template-columns:1fr;
        gap:30px;
    }

    .center-left h2{
        font-size:44px;
        line-height:58px;
    }

    .center-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .center-section{
        padding:50px 16px;
    }

    .center-left h2{
        font-size:34px;
        line-height:46px;
    }

    .center-right p{
        font-size:16px;
        line-height:28px;
    }

    .center-title{
        font-size:22px;
        line-height:34px;
    }

    .center-grid{
        grid-template-columns:1fr;
    }

    .center-card{
        padding:22px;
        border-radius:20px;
    }

    .number-box{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px;
        width: 48px;
        height: 48px;
        background: #C4DD39;
        border-radius: 22px;
    }

    .card-content h4{
        font-size:24px;
        line-height:34px;
    }

    .card-content p{
        font-size:15px;
        line-height:24px;
    }

    .card-address{
        margin-left:70px;
        font-size:15px;
        line-height:24px;
    }

    .center-cta{
        padding:30px 20px;
        border-radius:24px;
    }

    .center-cta p{
        font-size:16px;
        line-height:28px;
    }

    .cta-btn{
        width:100%;
        min-width:100%;
        height:58px;
        font-size:18px;
    }

    .center-cta {
        width: 100%;
        height: auto;
    }

}
.focused-learning-section{
    width:100%;
    background:#f6f6f3;
    padding:50px 0 60px;
}

.focused-learning-container{
    max-width:1280px;
    margin:auto;
    padding:0 36px;
}

/* HEADING */

.focused-learning-container h2{
    margin:0 0 34px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #091B42;
}

/* GRID */

.focused-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
}

/* CARD */

.focused-card{
    height:72px;
    background: #FFF;
    border: 1px solid rgba(9, 27, 66, 0.1);
    border-radius: 22px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    gap: 20px;
    transition:0.3s ease;
}

.focused-card:hover{
    transform:translateY(-2px);
}

/* ICON */

.focused-icon{
    min-width:36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 42px;
    height: 42px;
    background: #C4DD39;
    border-radius: 17px;
}

.focused-icon img{
    width:16px;
    height:16px;
    object-fit:contain;
}

/* CONTENT */

.focused-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.focused-content span{
    margin-bottom:2px;

    font-family:'Poppins';
    font-style:normal;
    font-weight:600;
    font-size:10px;
    line-height:1;

    color:#a5a5a5;
}

.focused-content h3{
    margin:0;

    font-family:'Poppins';
    font-style:normal;
    font-weight:600;
    font-size:15px;
    line-height:1.4;

    color:#091B42;
}

/* MOBILE */

@media(max-width:768px){

    .focused-learning-section{
        padding:40px 0;
    }

    .focused-learning-container{
        padding:0 16px;
    }

    .focused-learning-container h2{
        font-size:28px;
        margin-bottom:24px;
    }

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

    .focused-card{
        height:auto;
        min-height:68px;
        padding:12px 14px;
        border-radius:14px;
    }

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

}



.cta-section{
    width:100%;
    padding:46px 20px;
    background:#f5f5f5;
}

/* =========================
   CONTAINER
========================= */

.cta-container{
    padding: 64px;
    width: 1200px;
    height: 389px;
    background: linear-gradient(107.35deg, #071F42 0%, #2E4D51 100%);
    border-radius: 40px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    overflow:hidden;
}

/* =========================
   LEFT
========================= */

.cta-left{
    max-width:470px;
}

.cta-left h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 64px;
    color: #FCFCF8;
    margin-bottom:18px;
}

.cta-left h2 span{
    display:block;
    color:#D3EB2F;
}

/* TEXT */

.cta-left p{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom:28px;
}

/* BUTTONS */

.cta-buttons{
    display:flex;
    align-items:center;
    gap:14px;
}

/* PRIMARY */

.primary-btn{
    min-width:176px;
    height:54px;
    border-radius:6px;
    background:#D3EB2F;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#071F42;
    font-size:18px;
    font-weight:600;
    transition:.35s ease;
}

.primary-btn:hover{
    transform:translateY(-2px);
}

/* SECONDARY */

.secondary-btn{
    min-width:176px;
    height:54px;
    border-radius:6px;
    border:1px solid rgba(255,255,255,0.35);
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    transition:.35s ease;
}

.secondary-btn:hover{
    background:rgba(255,255,255,0.08);
}

/* =========================
   CALL CARD
========================= */

.call-card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 4px;
    isolation: isolate;
    width: 356px;
    height: 136px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    border-radius: 20px;
}

/* LABEL */

.call-label{
    font-size:12px;
    font-weight:500;
    letter-spacing:.8px;
    color:#FCFCFCB2;
    margin-bottom:10px;
    text-transform:uppercase;
}

/* NUMBER */

.call-card h3{
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #BFE255;
    margin-bottom:2px;
}

/* LINK */

.call-card a{
    text-decoration:none;
    color:#ffffff;
    font-size:15px;
    font-weight:500;
    transition:.3s ease;
}

.call-card a:hover{
    color:#D3EB2F;
}

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

@media(max-width:992px){

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

    .call-card{
        width:100%;
    }

}

@media(max-width:768px){

    .cta-section{
        padding:20px 14px;
    }

    .cta-container{
        padding:36px 24px;
        border-radius:24px;
        width: 100%;
        height: auto;
    }

    .cta-left h2{
        font-size:34px;
        line-height:48px;
    }

    .cta-left p{
        font-size:14px;
        line-height:24px;
    }

    .cta-buttons{
        flex-direction:column;
        width:100%;
    }

    .primary-btn,
    .secondary-btn{
        width:100%;
        min-width:100%;
        height:50px;
        font-size:16px;
    }

    .call-card{
        padding:22px;
    }

    .call-card h3{
        font-size:30px;
        line-height:40px;
    }

}



.custom-navbar{
    width:100%;
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
}

.nav-container{
    max-width:1200px;
    margin:auto;
    padding:14px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.nav-logo img{
    height:55px;
}

.nav-right{
    display:flex;
    align-items:center;
    gap:35px;
}

.nav-menu{
    display:flex;
    align-items:center;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
}

.nav-menu li a{
    text-decoration:none;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #011D42;
    transition:0.3s;
}



.menu-toggle{
    display:none;
    background:none;
    border:none;
    font-size:28px;
    cursor:pointer;
}

@media(max-width:991px){

    .menu-toggle{
        display:block;
    }

    .nav-right{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        flex-direction:column;
        align-items:flex-start;
        padding:20px;
        display:none;
    }

    .nav-right.active{
        display:flex;
    }

    .nav-menu{
        flex-direction:column;
        width:100%;
        gap:18px;
        align-items:flex-start;
    }

    .nav-btn{
        margin-top:20px;
    }

}



.flex-shrink-0 {
    flex-shrink: 0 !important;
    margin-top: 84px;
}
.nav-btn{
    background:#0a1c43;
    color:#fff;
    padding:12px 24px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
    transition:all 0.3s ease;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.nav-btn:hover{
    background:#0a1c43;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(10,28,67,0.25);
}

.nav-btn span{
    transition:transform 0.3s ease;
}

.nav-btn:hover span{
    transform:translateX(4px);
}
.foundation-footer{
    width:100%;
    background:#011D42;
    padding:64px 0 34px;
}

.footer-container{
    max-width:1280px;
    margin:auto;
    padding:0 40px;
}

/* GRID */

.footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:70px;
    padding-bottom:52px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

/* ABOUT */

.footer-logo{
    width:300px;
    display:block;
    margin-bottom:28px;
}

.footer-about p{
    margin:0 0 10px;

    font-family:'Poppins';
    font-style:normal;
    font-weight:400;
    font-size:17px;
    line-height:1.7;

    color:#FCFCF8;
}

/* COLUMN */

.footer-column h3{
    margin:6px 0 26px;

    font-family:'Poppins';
    font-style:normal;
    font-weight:700;
    font-size:20px;
    line-height:1;

    letter-spacing:0.8px;

    color:#C4DD39;
}

.footer-column ul{
    margin:0;
    padding:0;
    list-style:none;

    display:flex;
    flex-direction:column;
    gap:18px;
}

.footer-column ul li{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.footer-column ul li a{
    text-decoration:none;

    font-family:'Poppins';
    font-style:normal;
    font-weight:400;
    font-size:17px;
    line-height:1.5;

    color:#FCFCF8;

    transition:0.3s ease;
}

.footer-column ul li a:hover{
    color:#C4DD39;
}

/* ICON */

.footer-icon{
    font-size:16px;
    line-height:1.4;

    color:#C4DD39;

    margin-top:2px;
}

/* BOTTOM */

.footer-bottom{
    padding-top:28px;
    text-align:center;
}

.footer-bottom p{
    margin:0 0 8px;

    font-family:'Poppins';
    font-style:normal;
    font-weight:400;
    font-size:15px;
    line-height:1.7;

    color:rgba(255,255,255,0.7);
}

/* MOBILE */

@media(max-width:992px){

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

}

@media(max-width:768px){

    .foundation-footer{
        padding:50px 0 28px;
    }

    .footer-container{
        padding:0 20px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:34px;
        padding-bottom:36px;
    }

    .footer-logo{
        width:240px;
        margin-bottom:22px;
    }

    .footer-about p{
        font-size:15px;
        line-height:1.7;
    }

    .footer-column h3{
        font-size:18px;
        margin-bottom:18px;
    }

    .footer-column ul{
        gap:14px;
    }

    .footer-column ul li a{
        font-size:15px;
    }

    .footer-bottom{
        padding-top:24px;
    }

    .footer-bottom p{
        font-size:13px;
        line-height:1.7;
    }

}