/* ================= HERO ================= */


.why-hero {

    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;

   background:linear-gradient(135deg,#0f172a,#1e3a8a);

padding:120px 0;

position:relative;

overflow:hidden;

color:#fff;

}



.hero-shape {

    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    top: -200px;
    right: -150px;

}



.why-hero-content {

    max-width: 850px;
    padding: 40px;
    position: relative;
    z-index: 2;

}



.hero-tag {

display: inline-block;
    font-family: var(--font-head);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--teal);
    padding: 6px 14px;
    border: 1px solid rgba(23, 169, 196, .35);
    border-radius: 30px;
    margin-bottom: 18px;
    background: rgba(23, 169, 196, .08);

}



.why-hero h1 {

    font-size: 48px;
    line-height: 1.2;
    color: white;
    margin: 25px 0;

}



.why-hero p {

    color: #e8faff;
    font-size: 18px;
    line-height: 1.7;

}



.hero-buttons a {

    display: inline-block;
    margin-top: 30px;
    padding: 14px 35px;
    border-radius: 50px;
    background: white;
    color: #063b70;
    font-weight: 600;
    text-decoration: none;

}




/* ================= SECTION ================= */


.why-section {

    padding: 100px 0;
    background: #f5faff;

}



.section-heading {

    text-align: center;
    max-width: 700px;
    margin: auto;

}



.section-heading span {

display: inline-block;
    font-family: var(--font-head);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--teal);
    padding: 6px 14px;
    border: 1px solid rgba(23, 169, 196, .35);
    border-radius: 30px;
    margin-bottom: 18px;
    background: rgba(23, 169, 196, .08);

}



.section-heading h2 {

    font-size: 38px;
    color: #092c4c;

}



.section-heading p {

    color: #666;
    line-height: 1.7;

}



/* ================= CARDS ================= */


.why-cards {

    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;

}



.why-box {

    background: rgba(255, 255, 255, .7);
    border: 1px solid rgba(255, 255, 255, .8);
    padding: 35px;
    border-radius: 25px;
    backdrop-filter: blur(15px);

    box-shadow:
        0 15px 35px rgba(0, 0, 0, .08);

    transition: .4s;

}

.why-box-why-page{
    flex-direction: column;
    align-items: center;
    text-align: center;
    display: flex;
}

.why-box:hover {

    transform: translateY(-12px);

    box-shadow:
        0 25px 50px rgba(0, 0, 0, .15);

}




.icon-box {

    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background:
        linear-gradient(135deg, #0f3d91, #0b7285);

    margin-bottom: 25px;

}



.icon-box svg {

    width: 35px;
    height: 35px;
    fill: white;
    stroke: white;
    stroke-width: 2;

}



.why-box h3 {

    font-size: 22px;
    color: #0f3d91;

}



.why-box p {

    color: #555;
    line-height: 1.7;

}





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


.why-cta {

    padding: 70px 20px;
    text-align: center;

    background:
        linear-gradient(135deg, #0f3d91, #0b7285);

    color: white;

}



.why-cta h2 {

    font-size: 36px;

}



.why-cta p {

    font-size: 18px;

}



.why-cta a {

    display: inline-block;
    margin-top: 25px;
    background: white;
    padding: 14px 35px;
    border-radius: 50px;
    color: #0f3d91;
    text-decoration: none;
    font-weight: 600;

}




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


@media(max-width:992px) {

    .why-cards {

        grid-template-columns: repeat(2, 1fr);

    }


    .why-hero h1 {

        font-size: 38px;

    }

}



@media(max-width:600px) {


    .why-cards {

        grid-template-columns: 1fr;

    }


    .why-hero {

        min-height: 380px;

    }


    .why-hero h1 {

        font-size: 30px;

    }
.partner-container

 {
    padding: 0;
    margin: 0;
}

    .why-hero p {

        font-size: 15px;

    }


    .section-heading h2 {

        font-size: 28px;

    }


    .why-section {

        padding: 60px 20px;

    }


    .why-box {

        padding: 25px;

    }


}

/* ================= PROCESS SECTION ================= */


.process-section {

    padding: 100px 0;
    background: #ffffff;

}



.process-wrapper {

    margin-top: 60px;

    display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 25px;

}





.process-card {

    position: relative;

    padding: 35px 25px;

    border-radius: 25px;

    background:
        rgba(255, 255, 255, .8);

    border: 1px solid #e5edf5;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, .08);

    transition: .4s;

    overflow: hidden;

}




.process-card::before {

    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    background:
        linear-gradient(135deg, #0f3d91, #00a6a6);

    opacity: .08;

    border-radius: 50%;

    right: -40px;
    top: -40px;

}




.process-card:hover {

    transform: translateY(-12px);

    box-shadow:
        0 25px 50px rgba(0, 0, 0, .15);

}





.process-icon {

    width: 70px;
    height: 70px;

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

    border-radius: 20px;

    background:
        linear-gradient(135deg, #0f3d91, #00a6a6);

    margin-bottom: 25px;

}



.process-icon i {

    font-size: 30px;
    color: white;

}





.process-number-why-us {

    position: absolute;

    right: 25px;
    top: 25px;

    font-size: 24px;

    font-weight: 800;

    color: #d1d9e4;
     width:52px;
  height:52px;
  border-radius:50%;
  background:var(--white);
  border:2px solid rgba(23,169,196,.3);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  box-shadow:0 10px 24px -14px rgba(10,42,102,.25);
  color:var(--teal);
  transition:transform .3s ease, border-color .3s ease, background .3s ease, color .3s ease;

}





.process-card h3 {

    font-size: 20px;

    color: #0f3d91;

    margin-bottom: 15px;

}




.process-card p {

    font-size: 15px;

    line-height: 1.7;

    color: #555;

}




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


@media(max-width:1200px) {

    .process-wrapper {

        grid-template-columns: repeat(3, 1fr);

    }

}



@media(max-width:768px) {

    .process-wrapper {

        grid-template-columns: repeat(2, 1fr);

    }

}





@media(max-width:576px) {

    .process-wrapper {

        grid-template-columns: 1fr;

    }


    .process-section {

        padding: 60px 20px;

    }

}

* {
    font-weight: 600;
}

/*================ PARTNER SECTION ================*/

.partner-section{

padding:100px 0;

background:#ffffff;

}



.partner-wrapper{

display:grid;

grid-template-columns:1.4fr 1fr;

gap:60px;

align-items:center;

}



.section-tag{

display: inline-block;
    font-family: var(--font-head);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--teal);
    padding: 6px 14px;
    border: 1px solid rgba(23, 169, 196, .35);
    border-radius: 30px;
    margin-bottom: 18px;
    background: rgba(23, 169, 196, .08);

}



.partner-content h2{

font-size:42px;

line-height:1.25;

color:#0f3d91;

margin-bottom:20px;

}



.partner-content p{

font-size:17px;

line-height:1.8;

color:#666;

margin-bottom:35px;

}



.partner-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}



.feature-item{

display:flex;

align-items:center;

gap:12px;

padding:16px 20px;

background:#f7fbff;

border-radius:15px;

border:1px solid #edf3f8;

}



.feature-item i{

font-size:18px;

color:#00a9c9;

}



.partner-card{

background:linear-gradient(135deg,#0f3d91,#00a9c9);

padding:40px;

border-radius:30px;

color:#fff;

box-shadow:0 25px 60px rgba(15,61,145,.25);

}



.top-icon{

width:80px;

height:80px;

background:rgba(255,255,255,.15);

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}



.top-icon i{

font-size:36px;

color:#fff;

}



.partner-card h3{

font-size:30px;

margin-bottom:15px;

}



.partner-card p{

line-height:1.8;

color:#eef8ff;

margin-bottom:35px;

}



.stats-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-bottom:35px;

}



.stat-box{

background:rgba(255,255,255,.12);

padding:20px;

border-radius:18px;

text-align:center;

backdrop-filter:blur(10px);

}



.stat-box h4{

font-size:28px;

margin-bottom:8px;

}



.partner-btn{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

padding:16px;

background:#fff;

color:#0f3d91;

font-weight:600;

text-decoration:none;

border-radius:50px;

transition:.3s;

}



.partner-btn:hover{

transform:translateY(-4px);

}



@media(max-width:992px){

.partner-wrapper{

grid-template-columns:1fr;

}



.partner-features{

grid-template-columns:1fr;

}



.partner-content h2{

font-size:34px;

}

}



@media(max-width:576px){

.partner-section{

padding:70px 20px;

}



.partner-content h2{

font-size:28px;

}



.partner-card{

padding:30px;

}

}