/* Add custom CSS styles below */ 
section.s-block.s-block--banners.container .grid {
    gap: 6px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
     grid-template-columns: repeat(2, minmax(0, 1fr));
}

.two-row .banner-entry:first-child {
    grid-area: 1/1/1/2;
}

.banner-entry {
    height: 441px;
    background: transparent;
}
.banner-entry > div {
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {



    .banner-entry {
    height: 116px;
}
}

.s-block--special-products-slider > div > div {
    background: transparent !important;
}

.s-block--special-products-slider > div > div > img {
    object-fit: contain !important;
}


.s-block--enhanced-features__item p {
  display: none;
  
}

.top-navbar:not(.topnav-has-bg) {
    background: #001a3b !important;
    color: white;
}


.product-card {
    box-shadow: rgb(0,0,0,0.3) 1px 1px 3px;
}

.s-products-slider-card {
    padding-top: 10px;
    padding-bottom: 10px;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline {
    background: #062453 !important;
    color: white !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline:hover {
    background: #ffb203 !important;
}


.first-offer svg path:first-child {
    animation-name: svg-1;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    transform-origin: bottom center;
}
.first-offer svg path:last-child{
    animation-name: svg-2;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    fill: #fff;
}

@keyframes svg-1 {
    0% {
        transform: scale(.7);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.65);
    }
}
@keyframes svg-2 {
    0% {
        transform: rotateY(60deg);
    }
    50% {
        transform: rotateY(-60deg);
    }
    100% {
        transform: rotateY(60deg);
    }
}



.marketing-section {
    margin-top: 2rem;
    margin-bottom: 2rem;}
    
    
@media (max-width: 767px){

.grid-box div {
    width: 100% !important;
}

}


.cart .s-reviews-container:first-child 
    {
    display: none;
    }
    
    body.index .s-block__title {
    justify-content: center;
}

.product-index:has([source-value="1515169974"]) .product-card__price,
.product-index:has([source-value="1907779104"]) .product-card__price,
.s-block--special-products-slider:has([data-src="https://cdn.salla.sa/form-builder/iQpWTFRpuij9FdP6Jtpvl3CuVqXZlpTiLRR2HZFe.png"]) .product-card__price {
    position: relative;
    margin-bottom: 2rem;
}

.product-index:has([source-value="1515169974"]) .product-card__price:after,
.product-index:has([source-value="1907779104"]) .product-card__price:after,

.s-block--special-products-slider:has([data-src="https://cdn.salla.sa/form-builder/iQpWTFRpuij9FdP6Jtpvl3CuVqXZlpTiLRR2HZFe.png"]) .product-card__price:after {
    position: absolute;
    content: 'السعر عند الاختيار';
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f8c955;
    color: white;
    padding: 7px 10px;
    border-radius: 5px;
    width: 100%;
}

.s-product-options-multiple-options-wrapper div input{
    border-radius:50px;
}
.s-product-options-multiple-options-wrapper{
    flex-direction: column;
    align-content: space-between
}

section.s-block.s-block--special-products-slider--4.s-block--special-products-slider {
    position: relative;
    margin-top: 5rem;
}

section.s-block.s-block--special-products-slider--4.s-block--special-products-slider h2.text-2xl.md\:text-4xl.font-bold.\!leading-\[1\.15\] {
    position: absolute;
    top: -60px;
    color: white;
   right: 50%;
    transform: translateX(-70%);
    width: 100%;
    background-color:#041939;
    border-radius:5px;
    font-size:20px;
    text-align:center;
    padding: 15px 10px;
    border-radius: 5px;
    
}


section.s-block.s-block--special-products-slider--6.s-block--special-products-slider.reversed {
    position: relative;
    margin-top: 5rem;
}


section.s-block.s-block--special-products-slider--6.s-block--special-products-slider.reversed h2.text-2xl.md\:text-4xl.font-bold.\!leading-\[1\.15\] {
    position: absolute;
    top: -40px;
    color: white;
    left: 200%;
    transform: translateX(-80%);
    width: 100%;
    background-color:#041939;
    border-radius:5px;
    font-size:20px;
    text-align:center;
    padding: 15px 10px;
    border-radius: 5px;
    
}



section.s-block.s-block--special-products-slider--8.s-block--special-products-slider {
    position: relative;
    margin-top: 5rem;
}


section.s-block.s-block--special-products-slider--8.s-block--special-products-slider h2.text-2xl.md\:text-4xl.font-bold.\!leading-\[1\.15\] {
    position: absolute;
    top: -60px;
    color: white;
   right: 50%;
    transform: translateX(-70%);
    width: 100%;
    background-color:#041939;
    border-radius:5px;
    font-size:20px;
    text-align:center;
    padding: 15px 10px;
    border-radius: 5px;
    
}

@media (max-width: 767px){
    
section.s-block.s-block--special-products-slider--4.s-block--special-products-slider h2.text-2xl.md\:text-4xl.font-bold.\!leading-\[1\.15\] {
    position: absolute;
    top: -75px;
    color: white;
   right: 50%;
    transform: translateX(50%);
    width: 80%;
    background-color:#041939;
    border-radius:5px;
    font-size:15px;
    text-align:center;
    padding: 15px 10px;
    border-radius: 5px;
    
}  

section.s-block.s-block--special-products-slider--6.s-block--special-products-slider.reversed {
    position: relative;
    margin-top: 6rem;
}

section.s-block.s-block--special-products-slider--6.s-block--special-products-slider.reversed h2.text-2xl.md\:text-4xl.font-bold.\!leading-\[1\.15\] {
    position: absolute;
    top: -60px;
    color: white;
    left: 74%;
    transform: translateX(-80%);
    width: 80%;
    background-color:#041939;
    border-radius:5px;
    font-size:15px;
    text-align:center;
    padding: 15px 10px;
    border-radius: 5px;
    
}



section.s-block.s-block--special-products-slider--8.s-block--special-products-slider {
    position: relative;
    margin-top: 6rem;
}

section.s-block.s-block--special-products-slider--8.s-block--special-products-slider h2.text-2xl.md\:text-4xl.font-bold.\!leading-\[1\.15\] {
    position: absolute;
    top: -70px;
    color: white;
   right: 50%;
    transform: translateX(50%);
    width: 80%;
    background-color:#041939;
    border-radius:5px;
    font-size:15px;
    text-align:center;
    padding: 15px 10px;
    border-radius: 5px;
    
}


}