/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import url(https://raw.githack.com/elwa2/cssres/main/lavello.css);  div#s-theme_edit_bar,salla-maintenance-alert.s-maintenance-alert-wrapper.hydrated {    display: none !important;}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track-piece {
    background-color: #00000033;
    -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
    height: 200px;
    background-color: var(--1);
    -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--3)
}

::-webkit-scrollbar-thumb:horizontal {
    width: 200px;
    background-color: #7d7d7db3;
    -webkit-border-radius: 0
}
/*
.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--logo);
    position: fixed;
    top: 0;
    z-index: 99999999999999999!important;
    background-size: 250px!important;
    background-repeat: no-repeat;
    background-position: center!important;
    animation-name: logobg;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    bottom: 0;
    left: 0;
    right: 0
}

@keyframes logobg {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}
*/
.s-block--features__item:hover,.s-product-card-entry {
    --c: var(--color-primary);
    --b: 3px;
    --g: 5px;
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%,var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0/200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;
    transition: .3s,background-position .3s .3s;
    cursor: pointer
}

.s-block--features__item:hover,.s-product-card-entry:hover {
    --_i: 100%;
    transition: .3s,background-size .3s .3s
}

.s-slider-block__display-all {
    padding: 5px;
    color: var(--color-primary);
    margin: 10px auto;
    border-radius: 15px;
    animation: 1.2s linear infinite signal
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary)
    }

    100% {
        box-shadow: 0 0 0 5px #fff
    }
}

.dark .contact-links a {
    background: var(--4);
    background: var(--1-1);
    position: relative
}

.dark .contact-links a {
    color: var(--1);
    color: #fff;
    border-color: #ffffff63
}

.dark .contact-links a:after {
    content: "";
    width: 110%;
    height: 100%;
    background: 0 0;
    position: absolute;
    left: -3px;
    border: 1px solid var(--4);
    border: 1px solid var(--ff);
    top: 0;
    animation: myAnim 14s ease-out 0s infinite normal forwards
}

.dark .contact-links a:before {
    content: "";
    width: 114%;
    height: 105%;
    background: 0 0;
    position: absolute;
    left: -1px;
    border: 1px solid var(--4);
    border: 1px solid var(--ff);
    top: -1px;
    animation: myAnim1 7s linear 0s infinite normal forwards
}

@keyframes myAnim1 {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes myAnim {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.s-product-card-entry,.s-products-slider-card.swiper-slide {
    transition: transform .5s ease-in-out
}

.s-product-card-entry:hover,.s-products-slider-card.swiper-slide:hover {
    transform: scale(1.03)
}

body {
    background-color: #f5f5f5;
    background-color: #ffffff !important;
}

.store-footer a[href*="https://twitter.com"] {
    color: #fff !important;
    fill: #fff !important;
}

section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.rrrrrrrrrr.full-banner {
    margin: 0 0 -22rem;
    z-index: -1
}

@media(max-width: 750px) {
    section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.rrrrrrrrrr.full-banner {
        margin:0 0 -2rem
    }
}

.store-footer h3,.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 p {
    color: var(--4);
}

section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.da-bgg.pt-8.sm\:pt-12.pb-8.sm\:pb-20 {
    background-color: #ffffff !important;
}

/* تحريك ظهور السكشن عند تحميل الصفحة */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* إضافة دوران للخلفية عند تمرير الفأرة */
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.da-bgg.pt-8.sm\:pt-12.pb-8.sm\:pb-20 .max-h-full.\!bg-contain.\!bg-transparent.lazy__bg.lazy.lazy_img.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}

section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.da-bgg.pt-8.sm\:pt-12.pb-8.sm\:pb-20 .max-h-full.\!bg-contain.\!bg-transparent.lazy__bg.lazy.lazy_img.entered.loaded:hover {
    transform: rotate(10deg) scale(1.1);
}

.angel-ad {
    background-color: var(--1) !important;
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: var(--2);
    --color-primary-light: var(--3);
    --color-primary-reverse: #342f21;
    --1: #113e7c;
    --2: #092751;
    --3: #2165c2;
    --4: #256ac9;
    --1-1: #a882f147;
    --ff: #ffffff12;
    --logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/YgAlbO/lIzoRMboK9mN7qfOyMxPpk6L85eorsJSMA4QDeCq.png");
    --logo2: var(--logo);
    --bg-f: linear-gradient(134deg,transparent -183%,var(--dark-bg-main) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat;
}

a.social-icon.bubble-show.da-tm.angel_anime.animate__.animate__fadeInUp {
    fill: #fff;
}