/* ======================================
   ABOUT PAGE HERO
====================================== */


.about-hero {

    position: relative;
    min-height: 85vh;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        120deg,
        rgba(13,10,99,0.96),
        rgba(30,139,255,0.85)
    );

    overflow:hidden;

}



.about-hero-overlay {

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(95,213,208,0.35),
        transparent 35%
    );

}



.min-vh-75 {

    min-height:75vh;

}



/* CONTENT */


.about-hero-content {

    position:relative;

    z-index:2;

}



.about-badge {

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:
    rgba(255,255,255,0.15);

    color:white;

    font-size:14px;

    margin-bottom:25px;

    backdrop-filter:blur(10px);

}



.about-hero h1 {

    font-size:55px;

    line-height:1.15;

    font-weight:700;

    color:white;

    margin-bottom:25px;

}



.about-hero h1 span {

    color:#5FD5D0;

}



.about-hero p {

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

    font-size:19px;

    line-height:1.8;

    max-width:620px;

}



/* BUTTONS */


.about-hero-buttons {

    margin-top:35px;

    display:flex;

    gap:18px;

}



.btn-primary-custom {


    background:#5FD5D0;

    color:#0D0A63;

    padding:15px 30px;

    border-radius:50px;

    font-weight:600;

    border:none;

    transition:.3s;

}



.btn-primary-custom:hover {


    transform:translateY(-3px);

    background:white;

    color:#0D0A63;

}



.btn-outline-light-custom {


    padding:15px 30px;

    border-radius:50px;

    border:1px solid rgba(255,255,255,.6);

    color:white;

    transition:.3s;

}



.btn-outline-light-custom:hover {

    background:white;

    color:#0D0A63;

}



/* IMAGE */


.about-hero-image-wrapper {

    position:relative;

    z-index:2;

}



.about-hero-image {


    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:35px;

    box-shadow:
    0 30px 70px rgba(0,0,0,.25);

}



.floating-card {


    position:absolute;

    bottom:30px;

    left:-40px;


    display:flex;

    align-items:center;

    gap:15px;


    padding:20px;

    background:white;

    border-radius:20px;

    width:270px;


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


}



.floating-card .icon {


    width:55px;

    height:55px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:15px;


    background:#0D0A63;

    color:white;

    font-size:25px;

}



.floating-card h5 {


    margin:0;

    color:#24324B;

    font-size:16px;

}



.floating-card p {


    margin:5px 0 0;

    font-size:13px;

    color:#64748B;

}



/* RESPONSIVE */


@media(max-width:992px){


.about-hero {

padding:80px 0;

}



.about-hero h1 {

font-size:40px;

}



.about-hero-image {

margin-top:50px;

height:420px;

}



.floating-card {

left:20px;

}



}



@media(max-width:576px){


.about-hero h1 {

font-size:32px;

}


.about-hero-buttons {

flex-direction:column;

}


}


/* ABOUT-COMPANY-OVERVIEW */
/* =====================================
   COMPANY OVERVIEW SECTION
===================================== */


.company-overview {

    padding:110px 0;

    background:#F8FAFC;

}




/* IMAGE */


.overview-image-wrapper {

    position:relative;

}



.overview-image {


    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:35px;

    box-shadow:
    0 25px 60px rgba(15,23,42,.15);

}




.experience-box {


    position:absolute;

    bottom:35px;

    right:-35px;


    background:white;

    padding:30px;


    width:210px;


    border-radius:25px;


    box-shadow:
    0 15px 45px rgba(0,0,0,.12);


}



.experience-box h2 {


    font-size:50px;

    margin:0;

    color:#0D0A63;

    font-weight:700;

}



.experience-box p {


    margin:5px 0 0;

    color:#24324B;

    font-size:15px;

}




/* CONTENT */


.section-label {


    display:inline-block;


    color:#1E8BFF;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    font-size:14px;

    margin-bottom:15px;

}




.section-title {


    font-size:42px;

    line-height:1.2;

    color:#24324B;

    font-weight:700;

    margin-bottom:25px;


}




.overview-text {


    color:#64748B;

    font-size:17px;

    line-height:1.8;

}




/* FEATURES */


.overview-features {


    margin-top:35px;

}



.feature-item {


    display:flex;

    gap:20px;

    margin-bottom:25px;


}



.feature-item i {


    flex-shrink:0;


    width:55px;

    height:55px;


    display:flex;

    justify-content:center;

    align-items:center;


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


    color:#1E8BFF;


    border-radius:15px;


    font-size:25px;

}




.feature-item h5 {


    margin:0 0 5px;


    color:#24324B;


    font-size:18px;


}



.feature-item p {


    margin:0;


    color:#64748B;


    line-height:1.6;

}




/* RESPONSIVE */


@media(max-width:992px){


.company-overview {

padding:80px 0;

}



.experience-box {


right:20px;


}



.section-title {

font-size:34px;

}


}



@media(max-width:576px){


.overview-image {

height:400px;

}


.experience-box {


position:relative;

right:auto;

bottom:auto;

margin-top:-40px;

margin-left:20px;

}

}

/* ===================================
   MISSION VISION VALUES
=================================== */


.mission-values {

    padding:110px 0;

    background:white;

}




.section-heading {


    max-width:750px;

    margin:auto;

}



.section-heading h2 {


    font-size:42px;

    color:#24324B;

    font-weight:700;

    line-height:1.25;

    margin-bottom:20px;

}



.section-heading p {


    font-size:17px;

    color:#64748B;

    line-height:1.8;

}



/* CARDS */


.mv-card {


    height:100%;

    padding:45px 35px;


    background:#F8FAFC;


    border-radius:30px;


    border:1px solid rgba(13,10,99,.06);


    transition:.35s;


}



.mv-card:hover {


    transform:translateY(-10px);


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


}



.mv-card.featured {


    background:

    linear-gradient(
        145deg,
        #0D0A63,
        #1E8BFF
    );


}



.mv-card.featured h4,

.mv-card.featured p {


    color:white;

}



.mv-icon {


    width:70px;

    height:70px;


    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:20px;


    background:

    rgba(30,139,255,.12);


    color:#1E8BFF;


    font-size:32px;


    margin-bottom:25px;


}



.mv-card.featured .mv-icon {


    background:

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


    color:white;


}



.mv-card h4 {


    font-size:24px;

    color:#24324B;

    margin-bottom:15px;

}



.mv-card p {


    color:#64748B;

    font-size:16px;

    line-height:1.8;

}




/* VALUES ROW */


.values-list {


    margin-top:70px;


    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;


}



.value-item {


    display:flex;

    align-items:center;

    gap:12px;


    padding:18px 30px;


    border-radius:50px;


    background:white;


    box-shadow:

    0 10px 30px rgba(15,23,42,.08);


    color:#24324B;


    font-weight:600;


}



.value-item i {


    color:#1E8BFF;

    font-size:22px;


}





@media(max-width:992px){


.section-heading h2 {

font-size:34px;

}


}



@media(max-width:576px){


.mission-values {

padding:80px 0;

}



.mv-card {

padding:35px 25px;

}



.values-list {

flex-direction:column;

}


.value-item {

justify-content:center;

}


}
/* =====================================
   LEADERSHIP TEAM
===================================== */


.leadership-section {


    padding:110px 0;

    background:#F8FAFC;


}




.team-card {


    background:white;


    border-radius:30px;


    overflow:hidden;


    height:100%;


    box-shadow:

    0 15px 40px rgba(15,23,42,.08);


    transition:.35s;


}



.team-card:hover {


    transform:translateY(-10px);


    box-shadow:

    0 25px 60px rgba(15,23,42,.15);


}





.team-image {


    height:330px;

    overflow:hidden;


}



.team-image img {


    width:100%;

    height:100%;

    object-fit:cover;


    transition:.5s;


}



.team-card:hover img {


    transform:scale(1.08);


}




.team-content {


    padding:30px;


}



.team-content h4 {


    margin:0;


    color:#24324B;


    font-size:23px;


}



.team-content span {


    display:block;


    margin-top:8px;


    color:#1E8BFF;


    font-weight:600;


    font-size:14px;


}



.team-content p {


    margin-top:18px;


    color:#64748B;


    line-height:1.7;


}





.team-social {


    margin-top:20px;


    display:flex;

    gap:10px;


}



.team-social a {


    width:40px;

    height:40px;


    display:flex;


    align-items:center;

    justify-content:center;


    border-radius:50%;


    background:#F1F5F9;


    color:#0D0A63;


    transition:.3s;


}



.team-social a:hover {


    background:#0D0A63;


    color:white;


}





@media(max-width:992px){


.leadership-section {

padding:80px 0;

}



.team-image {

height:280px;

}


}

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


.partner-section {

    padding:110px 0;

    background:#F8FAFC;

}




.partner-title {


    font-size:42px;

    line-height:1.25;

    color:#24324B;

    font-weight:700;

    margin-bottom:25px;

}




.partner-description {


    font-size:17px;

    color:#64748B;

    line-height:1.8;

    margin-bottom:35px;

}





.partner-btn {


    display:inline-flex;

    align-items:center;

    gap:10px;


    padding:15px 32px;


    background:#0D0A63;


    color:white;


    border-radius:50px;


    font-weight:600;


    transition:.3s;


}



.partner-btn:hover {


    background:#1E8BFF;

    color:white;

    transform:translateY(-3px);


}



/* CARDS */


.partner-card {


    height:100%;


    background:white;


    padding:35px;


    border-radius:25px;


    box-shadow:

    0 15px 40px rgba(15,23,42,.08);


    transition:.35s;


}



.partner-card:hover {


    transform:translateY(-8px);


    box-shadow:

    0 25px 55px rgba(15,23,42,.12);


}



.partner-icon {


    width:65px;


    height:65px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:20px;


    background:

    rgba(30,139,255,.12);


    color:#1E8BFF;


    font-size:30px;


    margin-bottom:25px;


}



.partner-card h4 {


    color:#24324B;

    font-size:21px;

    margin-bottom:12px;


}



.partner-card p {


    color:#64748B;

    line-height:1.7;

    margin:0;


}





@media(max-width:992px){


.partner-section {

padding:80px 0;

}



.partner-title {

font-size:34px;

}


}

/* =====================================
   COMPANY STATISTICS
===================================== */


.company-stats {


    padding:90px 0;


    background:

    linear-gradient(
        135deg,
        #0D0A63,
        #1E8BFF
    );


}





.stats-wrapper {


    background:

    rgba(255,255,255,.08);


    border-radius:35px;


    padding:45px;


    backdrop-filter:blur(12px);


}





.stat-item {


    text-align:center;


    color:white;


    padding:20px;


}





.stat-icon {


    width:70px;


    height:70px;


    margin:0 auto 20px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:20px;


    background:

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


    font-size:32px;


}





.stat-item h2 {


    font-size:48px;


    font-weight:700;


    margin:0;


    color:white;


}





.stat-item p {


    margin-top:10px;


    font-size:16px;


    color:

    rgba(255,255,255,.85);


}





@media(max-width:768px){


.company-stats {


padding:70px 0;


}


.stats-wrapper {


padding:25px;


}



.stat-item h2 {


font-size:40px;


}


}