/* Add custom CSS styles below /
/ Developed By Hashem Mdoukh 
0558009031 */

:root {
--primary-color: #289f2d !important;
--secondary-color: #b88b4b !important;
--font-color: #fff !important
}

body.index::before {
content: '';
width: 100%;
height: 100%;
background: transparent url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/PdjaBz/m4iu0C0dlcdHRHvPui4tdu5v6vXgSvbzMIw5i9Jk.png);
position: fixed;
z-index: 9999999999999 !important;
transform: scale(0);
background-size: 20% !important;
background-repeat: no-repeat;
background-position: center !important;
animation-name: splash;
animation-duration: 3s;
backdrop-filter: blur(15px);
}

/Testimonials/
.testimonials-slider .swiper-slide {
background: #fff !important;
border: 0 solid var(--primary-color) !important;
border-radius: 30px !important;
padding: 8px 25px 12px !important;
box-shadow: 4px 4px 10px -4px var(--primary-color);
margin: 10px !important;
}

/Testimonials/

/Header/
.navbar-brand img,
.main-nav-container.fixed-pinned .navbar-brand img {
max-height: 3rem;
width: auto;
}

.top-navbar .hidden {
display: none !important;
}

.bg-inherit {
background-color: #FFFFFF;
}

.store-header {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 10px;
}

.top-navbar,
.main-nav-container {
width: 100%;
background: #fff;
}

.s-search-inline {
min-width: 220px;
max-width: 100%;
}


@media only screen and (min-width: 1024px) {
.main-menu li>a:hover {
color: var(--primary-color) !important;
}

salla-slider.photos-slider .swiper-slide {
width: 100%;
}

.s-slider-v-centered .s-slider-block__title-nav button {
display: none;
}
}

@media (min-width: 640px) {
.navbar-brand img {
max-height: 6rem !important;
}

.navbar-brand img {
padding: 10px;
}

.s-block--slider-with-bg .slider-bg h3 {
font-size: 2rem;
}

.s-block--slider-with-bg .slider-bg p {
font-size: 1.2rem;
line-height: 50px;
}

.s-block {
margin-top: 2rem;
}

salla-slider.photos-slider .swiper:where([dir=rtl],
[dir=rtl] *) {
padding-left: 0rem;
padding-right: 0rem;
}
}

.navbar-brand img {
max-height: 4rem;
}

.top-navbar .s-search-input {
color: #000 !important;
border: 1px solid var(--primary-color) !important;
}

.s-search-inline {
margin-left: auto;
}

.s-menu-topnav-list {
display: none;
}

.top-navbar .s-search-input {
background-color: rgb(255 255 255);
}

.sicon-menu {
font-size: 30px;
}

.main-nav-container .leading-none {
margin-top: 10px;
}

.main-nav-container.fixed-pinned .navbar-brand img {
max-height: 5rem;
}

.main-nav-container.fixed-header .inner {
background: #ffffff;
backdrop-filter: blur(40px);
}

.sub-menu li>a {
color: var(--primary-color) !important;
}

.header-btn__icon {
position: relative;
}

.header-btn__icon::after {
content: "";
position: absolute;
top: 7%;
left: 7%;
border-radius: 50%;
border-top: 1px solid transparent;
border-right: 1px solid var(--primary-color);
border-bottom: 1px solid transparent;
border-left: 1px solid var(--primary-color);
width: 85%;
height: 85%;
transition: border 600ms cubic-bezier(.785, .135, .15, .86), transform 600ms cubic-bezier(.785, .135, .15, .86);
transform: rotate(45deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.header-btn__icon:hover:after {
border: 1px solid var(--primary-color) !important;
transform: rotate(135deg)
}

.s-contacts-header {
display: none !important;
}

.store-header .btn--rounded-gray {
border: 1px solid #e0e1e0 !important
}

.s-block--features_item .feature-icon,
.store-footer a .rtl:ml-2.5,
.s-slider-nav-arrow,
.header-btn_icon {
box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
}

text-gray-500:hover span {
color: #4b2f83 !important;
}

@media only screen and (max-width: 1024px) {
.mm-spn li:after {
border-color: var(--primary-color);
}
}

@media (max-width: 1024px) {
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
padding-right: 0rem;
padding-left: 0rem;
}
}

.mm-spn li:after {