/* Add custom CSS styles below */ /* 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;

}