/* Add custom CSS styles below */


/* General start */

:root {

--main-color: #02343a;

--second-color: #ffffff;

--third-color: #ffffff;

--nav-color: #00a2a2;

}


/* General End */

.almarai-light {

font-family: "Almarai", sans-serif;

font-weight: 300;

font-style: normal;

}


.almarai-regular {

font-family: "Almarai", sans-serif;

font-weight: 400;

font-style: normal;

}


.almarai-bold {

font-family: "Almarai", sans-serif;

font-weight: 700;

font-style: normal;

}


.almarai-extrabold {

font-family: "Almarai", sans-serif;

font-weight: 800;

font-style: normal;

}


/* Body */

body {

background: var(--second-color);

}





/* NavBar start */


#mainnav {

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

}


.main-menu {

color: var(--nav-color);

}

.main-menu li:hover {

color: var(--second-color);

transition: 0.2s;

}


.main-menu li a span:hover {

color: var(--second-color);

scale: 1.05;

transition: 0.2s;

}

.sicon-user-circle:hover::before {

color: var(--main-color);

}

.s-cart-summary-total {

color: var(--third-color);

}

.sicon-menu {

color:var(--second-color);

}

.sicon-menu:hover {

color: var(--third-color);

rotate: 360deg;

transition: 0.2s;

}

.header-btn__icon {

border: none;

color: var(--second-color);

}

.header-btn__icon:hover {

border: none;

color: var(--second-color);

transition: 0.3s;

scale: 1.04;

}

.header-btn:hover {

border: none;

color: var(--second-color);

transition: 0.3s;

scale: 1.04;

}


.s-cart-summary-total {

color: var(--main-color);

}

#mobile-menu {

background: var(--third-color);

}

@media only screen and (max-width: 1024px) {

.mm-spn.mm-spn--light {

color: var(--third-color);

background: var(--main-color);

}

.btn--close:hover {

rotate: 360deg;

scale: 1.1;

transition: 0.3s;

}

}


/* NavBar End */


/* Banners */

.s-block--fixed-banner img {

background: none;

border-radius: 15px;

filter: drop-shadow(0px 9px 7px var(--nav-color));

}


/* Title */

.s-slider-block__title-right h2 {

font-size: 1.6rem;

text-shadow: 1px 5px 5px var(--third-color);

}

/* cards*/


.swiper-wrapper {

padding: 10px;

}

.s-product-card-entry {

background: var(--third-color);

color: var(--main-color);

border: 1px solid var(--second-color);

}

.s-product-card-content-title a {

color: var(--main-color);

}

.s-product-card-content-title a:hover {

color: var(--main-color);

}


.s-product-card-entry:hover {

box-shadow: 5px 8px 7px var(--nav-color);

transition: 0.3s;

scale: 1.02;

}

.s-button-element {

border: 1px solid var(--second-color);

background: var(--main-color);

color: var(--third-color);

}

.s-button-element:hover {

background: var(--second-color);

color: #fff;

transition: 0.3s;

}


/* أحدث المنتجات */

.right-side h2 {

font-size: 1.6rem;

text-shadow: 1px 5px 5px var(--third-color);

}


/* مميزات المتجر */

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

background-color: var(--third-color) !important;

border: 1px solid var(--second-color);

}

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

color: var(--main-color);

}

.s-block--features__item {

border: 1px solid var(--second-color);

background: var(--main-color);

}

.s-block--features__item h2,

.s-block--features__item p {

color: #000;

}


/* Footer */


.store-footer {

background-color: var(--third-color) !important;

padding: 30px;

font-size: 14px;

border-top-left-radius: 25px;

border-top-right-radius: 25px;

box-shadow: 1px 1px 10px 10px var(--nav-color);

text-align: center;

}

.footer-is-light .store-footer .store-footer__inner {

background-color: transparent;

}

.store-footer__inner {

background-color: transparent !important;

}

.store-footer__inner .flex {

justify-content: center;

}

.store-footer__inner .max-w-sm {

margin: auto;

}

.store-footer h3 {

border: 1px solid var(--second-color);

text-align: center !important;

padding: 1rem;

border-radius: 20px;

background: var(--main-color);

color: var(--second-color);

font-size: 1.7rem;

}

.store-footer h3:hover {

color: var(--third-color);

opacity: 1;

cursor: pointer;

}


.footer-list {

color: var(--main-color);

}

.store-footer__inner .max-w-sm {

color: var(--main-color);

}

.store-footer a {

color: var(--main-color);

}

.store-footer a:hover {

color: var(--second-color);

opacity: 1;

transform: scale(1.03);

transition: 0.3s;

}


.store-footer i {

color: var(--main-color);

border-color: var(--third-color);

}

.store-footer__inner {

text-align: center;

}


salla-apps-icons,

salla-apps-icons h3 {

display: none;

}

.s-apps-icons-list {

display: none;

justify-content: space-around;

align-items: center;

}

.store-footer::after {

content: "برمجة و تطوير AZIZ";

top: 0px;

font-size: 16px;

opacity: 1;

text-align: center;

font-weight: bold;

width: 100%;

display: inline-block;

color: var(--main-color) !important;

}


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

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

}

.s-social-list {

display: none;

}


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

color: #eee7e7;

}


.text-primary {

color: var(--main-color);

}