/* Add custom CSS styles below */ 
body{
    background-color: #FFFF!IMPORTANT;
}
body::before {
    content: " ";
    background-color: #fdf6f6;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 9998;
    opacity: 0;
    animation: intro 2s;
}

body:after {
    z-index: 9999;
    position: fixed;
    content: "";
    background-image: url('https://cdn.salla.sa/ePgDpo/DUhL8cVcVpEuKsWY5a5st358LFXHYASP2FJjvFHZ.png') !important;
    background-position: center;
    background-size: 50px;
    background-repeat: no-repeat;
    width: 0px;
    transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Y-axis rotation */
    height: 100px;
    right: 50%;
    top: 50%;
    opacity: 0;
    visibility: visible !important;
    background-color: transparent !important;
    animation: intro_logo 1.5s;
}

@keyframes intro {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100%;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
    }
}

@keyframes intro_logo {
    0% {
        width: 100px;
        opacity: 0.8;
        transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Initial Y-axis rotation */
    }

    50% {
        opacity: 0.9;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100px;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
        transform: translate(50px, -50px) scale(2) rotateY(360deg); /* Y-axis rotation */
    }
}
/*ازالة الكتابة تحت ايقونة الواتس */
.dmopMx {
    position: relative;
    width: 0px;
    margin: auto;
}
       /*WHATSAPP*/
.dkuywW {
    position: relative;
    width: 0px;
    margin: auto;
}
.s-block--features__item .feature-icon{
background-color: #ffffff;
}
.sicon-expand:before{
   content: "" ;
    display: inline-block;
    width: 50px; /* Adjust the width as needed */
    height: 50px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/1bgKrdv/wired-gradient-290-coin.gif') no-repeat;
    background-size: cover; 
}

.sicon-magazine:before {
    content: "" ;
    display: inline-block;
    width: 50px; /* Adjust the width as needed */
    height: 50px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/VMkVy8B/wired-gradient-497-truck-delivery-2.gif') no-repeat;
    background-size: cover; 
}
.sicon-whistle:before {
    content: "" ;
    display: inline-block;
    width: 50px; /* Adjust the width as needed */
    height: 50px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/cydf97w/wired-gradient-1595-shampoo-1.gif') no-repeat;
    background-size: cover; 
}
.footer-is-light .store-footer .store-footer__inner {
background-color: #fef7f7;
    border-radius: 30px;
    margin-top: 10px;
}

.footer-is-light .store-footer {
background-color: #d96883;
   border-radius: 20px 20px 0px 0px;
}
.store-footer a {
    text-align: center;
    }
    .leading-6 {
    text-align: center;
    }
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a{
    display: flex;
    justify-content: center;
}
.store-footer h3 {
    text-align: center;
    }

    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div:nth-child(1) > a{
     display: flex;
    justify-content: center;
}
    
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div.lg\:hidden.contact-social > ul{
        display: flex;
    justify-content: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 > div{
      display: flex;
    justify-content: center;
}
@media only screen and (max-width: 1024px){
mm-spn li img {
    pointer-events: none;
    height: 3rem;
    width: 3rem;
    --tw-bg-opacity: 1;
    background-color:#f5f7f900!important;
    -o-object-fit: cover;
    object-fit: cover;
}
 }
 .main-nav-container.fixed-pinned .inner {
    background-color: #fef7f7;
    border-radius: 0px 0px 20px 20px;

    }
.swiper-wrapper{
width:55%;
}
@media only screen and (max-width: 1024px){
.mm-spn li img {
    pointer-events: none;
    height: 3rem;
    width: 3rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }