/* About Us Page Specific Styles */
.about_hero {
    position: relative;
    height: 62vh;
    min-height: 480px;
    display: flex;
    align-items: center;
    color: #000;
    padding-top: 80px;
}
.about_hero_bg {
    position: absolute;
    inset: 0;
    background: #0b1728 url("../images/banner.jpg") center / cover no-repeat;
    opacity: 0.85;
    z-index: -1;
}
.bread_crumb {
    font-size: 13px;
    opacity: 0.8;
    margin-bottom:14px;
}
.bread_crumb a {
    color: #3483ff;
}
.about_hero_content h1 {
    font-size: 52px;
    font-weight: 800;
    margin-bottom:12px;
}
.divider_line {
    width:48px;
    height:3px;
    background-color: var(--color_primary_blue);
    margin-bottom: 20px;
}
.hero_sub_title {
    font-size:18px;
    font-weight:500;
    margin-bottom:14px;
}
.hero_desc {
    max-width:420px;
    font-size:14px;
    line-height:1.7;
    opacity:0.9;
}

/* Blue Stats Bar */
.about_stats_bar {
    background-color: var(--color_primary_blue);
    color:white;
    padding:32px 0;
}
.about_stats_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.about_stat_item {
    display:flex;
    align-items:center;
    gap:12px;
}
.stat_icon_box {
    font-size:26px;
    opacity:0.92;
}
.stat_big_num {
    font-size:30px;
    font-weight:700;
}
.stat_small_label {
    font-size:12px;
    opacity:0.85;
}

/* Our Company Section */
.our_company_section {
    padding:72px 0;
    background-color:#f7f8fa;
}
.company_wrap {
    display:grid;
    grid-template-columns: 1fr 1.1fr;
    gap:40px;
    align-items:center;
}
.company_text_block h2 {
    font-size:32px;
    line-height:1.25;
    color:#1a202c;
    margin-bottom:14px;
}
.company_text_block p {
    font-size:14px;
    color:#444954;
    margin-bottom:16px;
    line-height:1.7;
}
.btn_with_arrow {
    margin-top:8px;
}
.company_img_block img {
    width:100%;
    border-radius:4px;
}

/* Our Values Section */
.our_values_section {
    padding:70px 0;
    background-color:#ffffff;
}
.values_head {
    text-align:center;
    margin-bottom:42px;
}
.values_head h2 {
    font-size:30px;
    color:#1a202c;
}
.values_grid {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:24px;
}
.value_card {
    background:#f7f8fa;
    padding:32px 22px;
    text-align:center;
    border-radius:4px;
}
.value_icon {
    font-size:36px;
    color:var(--color_primary_blue);
    margin-bottom:16px;
}
.value_card h4 {
    font-size:15px;
    margin-bottom:12px;
    color:#111;
}
.value_card p {
    font-size:13px;
    color:#444954;
    line-height:1.65;
}

/* Our Team Section */
.our_team_section {
    padding:70px 0;
    background-color:#f7f8fa;
}
.team_wrap {
    display:grid;
    grid-template-columns: 1fr 1.4fr;
    gap:40px;
    align-items:center;
}
.team_text_block h2 {
    font-size:30px;
    color:#1a202c;
    margin-bottom:16px;
}
.team_text_block p {
    font-size:14px;
    color:#444954;
    line-height:1.7;
    margin-bottom:22px;
}
.team_images_row {
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:12px;
}
.team_img_item img {
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:4px;
}

/* Responsive */
@media screen and (max-width:1024px) {
    .about_stats_grid {
        grid-template-columns: repeat(3,1fr);
    }
    .company_wrap {
        grid-template-columns:1fr;
    }
    .values_grid {
        grid-template-columns: repeat(2,1fr);
    }
    .team_wrap {
        grid-template-columns:1fr;
    }
    .about_hero_content h1 {
        font-size:40px;
    }
}
@media screen and (max-width:640px) {
    .about_stats_grid {
        grid-template-columns: repeat(2,1fr);
    }
    .values_grid {
        grid-template-columns:1fr;
    }
    .team_images_row {
        grid-template-columns:1fr;
    }
    .about_hero {
        min-height:420px;
    }
    .about_hero_content h1 {
        font-size:32px;
    }
}




/* Footer custom layout for contact page */
.footer_contact_layout {
    grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr !important;
}
.footer_bottom_contact {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.footer_bottom_links a {
    font-size:13px;
    opacity:0.7;
}