@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');





/* Mobile */

@media (max-width: 1024px) {


div#mainnav {

border-radius: 0 0 1rem 1rem;

}


.banner-entry h3, .banner-entry p {

opacity:1

}


.s-block--features .s-block--features__item {

border-radius: 2.5rem;

}


}


/* All */


:root {

--font-main: IBM Plex Sans Arabic;

}


div#mainnav{

border-radius: 0 0 2rem 2rem;

}

div#mainnav.fixed-header .inner {

border-radius: 1.5rem;

margin: 0.25rem 0.5rem;

width: auto;

padding: 0 0.5rem;

}

.top-navbar {

background-color: white;

}




div#mainnav salla-cart-summary i.sicon-shopping-bag::before {

content:"\e906"

}div#mainnav i.sicon-user-circle::before {

content:"\f078"

}




div#mainnav .mburger i {

color: var(--color-primary-reverse);

background-color: var(--color-primary);

padding: 0.25rem;

border-radius: 0.5rem;

font-size: 1.25rem;

}


.header-btn__icon {

background-color: var(--color-primary);

color: var(--color-primary-reverse);

width: 2rem;

height: 2rem;

font-size: 1rem;

}


.s-product-card-entry {

border: 0.125rem solid var(--color-primary);

border-radius: 2rem;

overflow: hidden;

}


.s-products-slider-slider .swiper {

padding-inline-end: 11.5rem !important;

}


.s-product-card-entry button.s-button-primary-outline {

font-size: 0.75rem;

border-radius: 1rem;

}





a.banner-entry {

border-radius: 2rem;

}


.s-block--features .feature-icon {

position: absolute;

top: -3rem;

width: 5rem;

height: 5rem;

animation: shakeY 10s infinite;

}


section.s-block.s-block--features {

padding-block: 2rem;

}




.s-block--features .s-block--features__item {

position: relative;

padding-top: 3rem;

border-radius: 3.5rem;

box-shadow: 0 0 1rem 0.125rem #00000005;

z-index:1;

}



/*3d features icons*/

.s-block--features__item > .feature-icon {

background-repeat: no-repeat;

background-size: contain;

background-color: transparent;

}.s-block--features__item > .feature-icon > i {

opacity:0;

visibility:hidden;

}

.s-block--features__item:nth-child(3) > .feature-icon 
}


.s-block--features__item:nth-child(1) > .feature-icon 

/* -- - 3D fi - -- */


.s-product-card-entry:hover salla-add-product-button{

animation: headShake 1s ease;

}



@keyframes shakeY {

0%, to {

-webkit-transform: translateZ(0);

transform: translateZ(0)

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform: translate3d(0, -10px, 0);

transform: translate3d(0, -10px, 0)

}

20%, 40%, 60%, 80% {

-webkit-transform: translate3d(0, 10px, 0);

transform: translate3d(0, 10px, 0)

}

}



@keyframes headShake {

0% {

-webkit-transform: translateX(0);

transform: translateX(0)

}

6.5% {

-webkit-transform: translateX(-6px) rotateY(-9deg);

transform: translateX(-6px) rotateY(-9deg)

}

18.5% {

-webkit-transform: translateX(5px) rotateY(7deg);

transform: translateX(5px) rotateY(7deg)

}

31.5% {

-webkit-transform: translateX(-3px) rotateY(-5deg);

transform: translateX(-3px) rotateY(-5deg)

}

43.5% {

-webkit-transform: translateX(2px) rotateY(3deg);

transform: translateX(2px) rotateY(3deg)

}

50% {

-webkit-transform: translateX(0);

transform: translateX(0)

}

}




.s-block--testimonials .testimonial {

border-radius: 5rem;

border: .125rem solid var(--color-primary);

}


.testimonials-slider .swiper {padding-inline: 2rem !important;}


.s-block--testimonials > div > div {

justify-content: center;

}.s-block--testimonials > div > div h1 {

margin-inline-start: 0;

}


.store-footer {

padding: 1rem;

}.store-footer__inner {

border-radius: 2rem;

overflow: hidden;

padding: 1rem;

}





.s-block--fixed-banner img {

border-radius: 1.25rem;

}


div#splash-screen {

z-index: 9999999;

background-image: url(https://i.imgur.com/G6islv8.jpg);

}


.animate-fadeInUp {

animation: fadeInUp 1s both;

}


@keyframes fadeInUp {

0% {

opacity: 0;

transform: translateY(15%)

}


100% {

opacity: 1;

transform: translateY(0)

}

}