.gap-3 {
    gap: 0.75rem;
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.sicon-menu:before {
    content: "\ed7f";
    color: black;
}

bg-inherit .s-cart-summary-total {
    color: #fff!important;
}

.s-cart-summary-total {
    color: #fff!important;
}


.main-menu #offers a {
    color: white;
}

.main-nav-container {

    background: #026ac1;
}

.p-5 .text-gray-500 {
    color: white;
}

.p-5 .s-button-btn, .s-price-range-number-input {
    color: white;
}
 



.has-overlay:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}

.footer-is-light .store-footer .social-link {
    --tw-border-opacity: 1;
    border-color: white!important;
    color: white!important;
}

.store-footer .social-link {
    border-color: white!important;
    color: white!important;
}

.store-footer a {
    border-color: white!important;
    color: white!important;
}



.sicon-menu:before {
    content: "\ed7f";
    color: #ffffff!important;
    background: #045295!important;
    padding: 5px!important;
    border-radius: 17px!important;
    border: solid 1px;
}

[dir=rtl] .rtl\:ml-2\.5 {
    margin-left: 0.625rem;
    color: white!important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: transparent;
}

.s-product-card-entry {
    border: solid #045295 2px;
}

.s-product-card-vertical {
    border: solid 2px #045295;
}

/*---------------- log in  --------------*/
body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #28adff
url(https://cdn.salla.sa/poXqB/DmBickRFHiS5m9UdsR6bBVRa2LFUm6ZMZZ1fkR12.png);
    position: fixed;
    z-index: 99999999999999999!important;
    transform: scale(0);
    background-size: 250px!important;
    background-repeat: no-repeat;
    background-position: center!important;
    animation-name: logobg;
    animation-duration: 2.5s
}
@keyframes logobg {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    78% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

/*-------------- log in --------------*/




:is([dir=rtl] .mm-spn.mm-spn--navbar):after {
    padding-right: 3rem;
    text-align: -webkit-center;
}




.mm-spn ul.main-menu li:before {
    height: 0.5rem;
    width: 0.5rem;
        color: white;
}



.top-navbar {
    background: #026AC1;
    color: white;
}




.s-user-menu-trigger {
    background-color: transparent;
}


.footer-is-light .store-footer {
    background: #045295;
        border-radius: 60px 60px 0 0;
}



@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.store-footer h3 {
    content-visibility: hidden!important;
}

.main-menu li.root-level>a {
    color: white;
}


.s-button-primary-outline {
    fill: #045295;
    fill: #ffffff;
    color: #045295;
    color: var(--color-primary);
    background: linear-gradient( to right, #045295 20%, #026AC1 30%, #045295 70%, #026AC1 80% );
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
    color: white;
}


[dir=rtl] .s-product-card-promotion-title {
    right: 0;
    left: auto;
    left: initial;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #c7a833!important;
    border-radius: 25px 2px 2px 25px !important;
}

.s-product-card-image img.loaded:hover {
        transform: translateY(1px) scale(1.2);
}

.s-product-card-content-title a {
    display: block;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 900;
    --tw-text-opacity: 1;
    color: #1f2937;
    color: rgb(31 41 55/var(--tw-text-opacity));
    text-align: -webkit-center;
}

.s-product-card-content-sub {
    margin-bottom: 1.25rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}

.s-product-card-price {
    font-size: 1.2rem;
    line-height: 1.25rem;
    font-weight: 700;
}

.items-end {
    justify-content: center;
}

[dir=rtl] .s-slider-block__title h2 {
    color: #ffffff;
    background: #045295;
    border-radius: 1px 14px 1px 14px;
    padding: 5px;
    padding-bottom: 10px;
}




[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: 0.75rem;
    text-align: -webkit-center;
}
.mm-spn li a, .mm-spn li span {
    padding: 15px;
   justify-content: center;
}



.product-block{
    flex-direction: column;
    border: 2px solid #045295!important;
}

.product-block .price-wrapper>small  {
    color: #fff;
}


html body {
    background: url(https://i.ibb.co/8jz7V4m/frenchstucco.png);
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: white;
    background: #045295;
}

.s-product-options-wrapper {
    text-align-last: center;
    color: white!important;
    background: #026ac1;
}
.s-product-options-option-label b {
    color: white;
}

.s-product-options-option-label small {
    color: white;
}


.p-5 {
    padding: 1.25rem;
        border-radius: 1px;
    background: #026ac1;
    }

.p-5 .form-label{
    color: white;
} 

.whitespace-nowrap {
    white-space: nowrap;
    justify-content: center;
}

.p-5 .font-bold {
    color: white;
        text-align: center;
} 

.s-quantity-input-button {
    fill: #ffffff;
}


.p-5 .text-base{
    color: white;
        text-align: center;
} 
.p-5 .text-gray-400 {
    color: white;
        text-align: center;
} 
.p-5 b {
    color: white;
        text-align: center;
} 
.s-button-btn, .s-price-range-number-input {
    border-radius: 0.375rem!important;
        border: solid 1px white;
}



.rtl .form-select, .rtl select, [dir=rtl] .form-select, [dir=rtl] select {
    background-position: left 0.5rem center;
    padding-right: 12px;
    text-align: center;
}

.bg-inherit {
    background: #026ac1;
    }


.header-btn__icon {
    background: #045295 !important;
        color: white!important;
    }
    
.py-4 .text-gray-400 {
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgb(156 163 175/var(--tw-text-opacity));
    color: white;
    justify-content: center;
}



.sicon-shopping-bag:before {
    content: "\ef37";
}


@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }
}



.mm-ocd--open .mm-ocd__content {
    transform: translate3d(0,0,0);
    border-radius: 40px 0px 4px 40px!important;
}

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: 1.75rem;
    text-align: -webkit-center;
    font-size: 19px;
    background: #045295 !important;
    color: white;
}


.mb-6 {
    text-align: -webkit-center;
}

.mb-6 {
    margin-bottom: 1.5rem;
    justify-content: center;
}

.s-block--features__item{
    grid-column: span 1/span 1;
    background: transparent;
    margin-bottom: 21px;
    margin-top: -40px;
}

.sicon-quote-open:before {
    content: "\eead";
    color: white;
}

.s-slider-block__display-all {
  color: #045295;
    background: transparent;
    border-radius: 2.375rem;
    padding: 7px;
    border: solid 2px #045295;
}


[dir=rtl] .testimonials-slider .swiper-slide-active .testimonial {
    padding-left: 6rem;
    background: #231f20;
    color: white;
    background-color: #045295;
}


[dir=rtl] .testimonials-slider .swiper-slide-active .testimonial {
    background:#99765d;
    color: white;
}

.sicon-quote-open:before {
    content: "\eead";
    color: white;
}

.navbar-brand img {
    max-height: 5rem;
          padding-left: 8px;
            max-width: 157px;
 }





.footer-is-light .store-footer .store-footer__inner {
   border-radius: 50px 50px 0px 0px;
    color: white;
    background: #28adff;
}


.s-block--features__item .feature-icon {
    margin-bottom: 0.75rem;
    display: flex;
    height: 5rem;
    width: 5rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #045295;
    background-color: var(--color-primary);
}




.mm-spn.mm-spn--navbar ul {
    background: #026AC1;
    color: white;
}


@media only screen and (max-width: 767px){
.store-footer a {
    transition-property: auto;
    transition-timing-function: cubic-bezier(0.73, -0.98, 0, 2.07);
    transition-duration: 150ms;
    color: white;
    opacity: 100;
    text-align: center;
    justify-content: center;
    
}
}
@media only screen and (max-width: 767px){

.gap-3 {
    gap: 0.75rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media only screen and (max-width: 767px){
.store-footer h3 {
    margin-bottom: 1.25rem;
    text-align: -webkit-center;
}
}

@media only screen and (max-width: 767px){
.store-footer h3 {
    content-visibility: hidden!important;
}
}


@media (max-width: 640px) {
.is-sticky-product-bar .sticky-product-bar {
padding: 1.2rem;
 justify-content: center;
}

.s-quantity-input-input {
 margin: 1px 120px 1px 120px;
}

.s-quantity-input-container {
     background: white;
}


.s-quantity-input-button svg {
    fill: black;
}

 
}

@media (max-width: 640px) {
.is-sticky-product-bar .sticky-product-bar {
padding: 1.4rem;
 justify-content: center;
}

.s-quantity-input-input {
 margin: 1px 1px 1px 1px;
}

.s-quantity-input-container {
     background: white;
}


.s-quantity-input-button svg {
    fill: black;
}

 
}





@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }
}