.about-focus-section {
    width:99vw;
    overflow-x:clip;
    background: var(--primary);
}
.about-focus-section .container{
    position: relative;
}
.about-focus-section .map-image{
    position: absolute;
    top: 60%;
    right: calc(60vw - 1400px);
    transform: translateY(-50%);
    z-index: 0;

}
.about-focus-section .map-image:lang(ar){
      left: calc(60vw - 1400px);
    right: unset;
}

.about-focus-section .about-label {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.focus-title {
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.focus-title .text-em {
    color: #7FE3FF; /* Light blue shade */
}

.focus-title .text-gcc {
    color: #FFD428; /* Yellow shade */
}

.about-desc {
    position: relative;
    z-index: 1;
    max-width: 540px;
    margin-bottom: 60px;
}

.stats {
    position: relative;
    z-index: 10;
    display: flex;
    gap: 60px;
}

.stat-item h4 {
    margin-bottom: 6px;
}
.stat-item p{
    color: var(--gayser);
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
    .about-focus-section .map-image{
      top:0;
      right: -300px;
      transform: none;
    }
    .about-focus-section .map-image:lang(ar){
      right: unset;
      left: -300px;
    }
    
}
@media (max-width: 768px) {
    .stats {
        flex-direction: column;
        gap: 30px;
    }
    .about-focus-section .map-image{
        right: -100px;
    }
    .about-focus-section .map-image:lang(ar){
      right: unset;
      left: 100px;
    }

}