@media(max-width:992px){
    .brand-slider-section {
        padding-top:0px !important;
    }
}

.brand-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
}

.brand-grid .brand-item{
    width:100%;
}

.brand-grid .brand-item img{
    height:40px !important;
    width:auto !important;
    max-width:100% !important;
    object-fit:contain;
    vertical-align:middle;
}

@media(max-width:767px){
    .brand-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:12px;
    }
}


@media(min-width:992px){
    .technology-left {
        padding-inline-end:0px;
    }
    .technology-right {
        padding-inline-start:5px !important;
    }
}

@media(max-width:991px){
    .technology-left {
        padding-bottom:0px;
    }
    .technology-right {
        padding-top:5px !important;
    }
}

.technology-section {
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.hero-carousel .splide__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height: 83px;
    background: rgba(255, 255, 255, .88);
    border: 0;
    padding: 0;
    opacity: 1;
}

.hero-carousel .splide__arrow svg {
    display: none;              
}

.hero-carousel .splide__arrow::before {
    color: #062657;
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
}

.hero-carousel .splide__arrow--prev {
    inset-inline-start: -1px;
    inset-inline-end: auto;
    border-radius: 0 20px 20px 0;
}

.hero-carousel .splide__arrow--prev::before {
    content: '\2039';              /* ‹ */
}

.hero-carousel .splide__arrow--next {
    inset-inline-end: -1px;
    inset-inline-start: auto;
    border-radius: 20px 0 0 20px;
}

.hero-carousel .splide__arrow--next::before {
    content: '\203A';              /* › */
}

.hero-carousel .splide__arrow:disabled {
    opacity: 1;
}

.hero-carousel .splide__pagination {
    position: static;
    height: 24px;
    align-items: center;
}

.hero-card img {
    object-position:top !important;
}

@media (max-width: 767px) {
    .hero-card {
        height: 65vh;
    }
}

html[lang="ar"] .hero-overlay {
    height: 115px !important;
}

/* ---- index.php blok 2 ---- */
.popup-overlay{
    position:fixed;
    top:0;
    inset-inline-start:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.8);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.popup-wrapper{
    position:relative;
}

.popup-close{
    position:absolute;
    top:15px;
    inset-inline-end:15px;
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:#102757;
    color:#FFFFFF;
    font-size:22px;
    font-weight:700;
    cursor:pointer;
    z-index:999;
    transition:0.2s;
}

.popup-close:hover{
    transform:scale(1.08);
}