.about-hero {
    height: 50vh;
    background: linear-gradient(rgba(10, 37, 64, 0.7), rgba(10, 37, 64, 0.7)),
        url('../../img/home/about-hero.jpg') center/cover;
}

.capabilities-section {
    padding: 80px 0;
}

.capability-card {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    transition: 0.3s;
}

.capability-card:hover {
    transform: translateY(-8px);
}

.region-box {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
}

.credibility-section {
    padding: 80px 0;
    background: #f9f9f9;
}

.cred-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}