/* Banner Background Styles */
.about-section {
    position: relative;
    padding: 150px 0 100px;
    overflow: hidden;
}

.about-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.about-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.about-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)); /* Translucent white gradient */
    z-index: 1;
    pointer-events: none;
}

.about-bg-elements {
    z-index: -1;
}

/* Update text colors for better visibility on the banner */
.about-badge {
    background-color: rgba(10, 33, 79, 0.1);
    color: #0A214F !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.about-heading {
    color: #0A214F;
}

/* Adjust for responsive designs */
@media (max-width: 991.98px) {
    .about-section {
        padding: 120px 0 80px;
    }
}

@media (max-width: 767.98px) {
    .about-section {
        padding: 100px 0 60px;
    }
}