/* Add custom CSS styles below */ 

@media(max-width:451px){
.tab-trigger {
    font-size: 12px !important;
 }
}

.tab-trigger {
    width: fit-content;
    font-weight: 500;
    font-family: system-ui;
    font-size: 17px; 
    background-color: #6B1D1C;
    color: #FEF9F1;
}


.tabs.h-auto.lg\:h-\[440px\].overflow-x-scroll.lg\:overflow-x-hidden.overflow-y-hidden.lg\:overflow-y-scroll.touch-pan-x.lg\:touch-none.flex.flex-row.lg\:flex-col.gap-2.mb-3 {
    justify-content: center;
}

div#branche-tabs h4 {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-bottom: 12px;
    padding-top: 27px;
}

.my-2.mx-auto.w-28.h-0.border-2.border-primary {
    margin-bottom: 35px;
}

section#our-branches-6 {
    border-top-left-radius: 60px !important;
    border-top-right-radius: 60px !important;
    border-top: solid #FEF9F1;
}

/***********************/
.btn--close {
    color: rgb(255 255 255);
}

 
  /* تغيير اللون عند الضغط */
  .tab-trigger:active {
    background-color: #6B1D1C;
    color: #FEF9F1;
  }






/* Add custom CSS styles below */ 
.mm-spn.mm-spn--light {
        color: #FEF9F1;
        background: #6B1D1C;
    }
}


.s-block--enhanced-features__item.group h2 {
    color: #6B1D1C;
}

.s-block--animated-brands--marquee {
    scale: 1.5;
}


.text-store-text-primary {
    color: #6B1D1C;
}
.advanced-slider .swiper .swiper-slide-active p {
    letter-spacing: 5px;
    font-family: avenir next arabic;
    font-size: x-large;
}

.advanced-slider .swiper .swiper-slide-active h2 {
  
font-family: avenir next arabic;
    font-size: 50px;
    letter-spacing: 5px;
    }



.s-block--animated-brands--brand {
    background: #FEF9F1;
    border-radius: 10px;
}


img.logo-normal {
    width: 55px !important;
    height: 55px !important;
}



.s-block--enhanced-features__item {

    background-color: #FEF9F1;
}



.s-offer-modal-header-icon {
    display: none;
    margin-left: .5rem;
}

.s-offer-modal-expiry {
    display: none;
    margin-bottom: 1.25rem;
}

label.s-offer-modal-remember-label {
    display: none;
}


a.s-offer-modal-badge.s-offer-modal-slider-item.s-offer-modal-cat-item.swiper-slide.swiper-slide-next {
    background: #ec8;
}

.s-offer-modal-slider-item.s-offer-modal-cat-item.swiper-slide.swiper-slide-active {
    background: #ec8;
}

a.s-offer-modal-badge.s-offer-modal-slider-item.s-offer-modal-cat-item.swiper-slide {
    background: #ec8;
}



.s-offer-modal-badge-text {
    font-size: 1.5rem;
    color: aliceblue;
}

.s-offer-modal-badge-icon svg {
    display: none;
    }

div#wa-selia {
    BACKGROUND: #FEF9F1;
}







section.s-block.s-block--fixed-banner.wide-placeholder.s-block--animate.fixed-banner--6 {
    margin-top: 0.0rem;
}





.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none !important;
}

.s-block.s-block--circle-links.circle-links-3 {
    margin-top: -1rem;
    margin-bottom: 0.5em;
}











@media (max-width: 640px) {
    .s-block {
        margin-top: 1.5rem;
    }
}


@media (max-width: 640px) {
    .gap-3 {
        gap: .25rem;
        grid-template-columns: repeat(2, 1fr);
    }
}

.two-row .banner-entry:first-child {
    padding: 1.25rem;
}

@media (max-width: 640px) {
    .banner-entry {
        height: 100px;
    }
}

/*---------------------------------------------*/
@media (min-width: 640px) {
    .s-block {
        margin-top: 4rem;
    }
}


@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 640px) {
    .sm\:gap-8 {
        gap: 2rem;
    }
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column: auto;
        grid-row: auto;
    }

.banner-entry {
    MARGIN: 0PX 0PX 11PX 0PX;
    box-shadow: 8px 10px 11px lightblue;
}

@media (max-width: 640px) {
    .banner-entry {
        MARGIN: 0PX 0PX 11PX 0PX;
        height: 100px;
        box-shadow: 8px 10px 11px lightblue;
    }
}