.navbar-brand img {

display: none;

}.navbar-brand:before {

content: " ";

display: block;

width: 72px;

height: 60px;

background: url(https://s14.gifyu.com/images/bHNI9.png) no-repeat;

transform: scale(1.6);

background-size: contain;

}

.store-header

{background: linear-gradient(90deg, #022624, #044844, #022624);border:none!important


}



.s-search-input,.basis-0 {border-radius:6px!important;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}

.rounded-md{

border-radius: 0px !important;}



.navbar-brand img {

animation: slide-in 1500ms;

max-height:75px;

}

@keyframes slide-in {

0% {

transform: translateX(100%);

}

100% {

transform: translateX(0%);

}

}

.navbar-brand img{height:38px!important}

.s-cart-summary-total{color:#fff}

.sicon-shopping-bag:before{content:"\e901"!important}


.sicon-user-circle:before {

content: "\f078";

}

body#app {

background: linear-gradient(90deg, #022624, #044844, #022624);

}

ul.hidden.lg\:flex.items-center.rtl\:pl-4.ltr\:pr-4.whitespace-nowrap {

display: none;

}

.hidden.lg\:flex.items-center {

display: none;

}


.main-nav-container.fixed-header .inner {

background: linear-gradient(90deg, #022624, #044844, #022624);

padding: 20px 10px 20px 10px;

margin-top: 0px;border-bottom:2px solid #fff;

box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}


.main-nav-container .inner {

border-bottom-right-radius: 20px;

border-bottom-left-radius: 20px;


}

#mainnav{background:transparent;}

.main-nav-container .sides-wrap {

border:none;

border-bottom-right-radius: 20px;

border-bottom-left-radius: 20px;

padding-top: 15px;

padding-bottom: 10px;



}

.items-stretch{background:transparent}

.s-button-loader-after,.s-button-loader-before{background:#fff!important;color:#022624!important}

.tab-trigger.is-active .tab-trigger{background:#BDBDBD!important;color:#000!important}

.s-block-tabs{background: linear-gradient(90deg, #022624, #044844, #022624);}

.header-btn__icon.icon.sicon-shopping-bag ,.header-btn__icon.sicon-user-circle{border:none;color:#000;background:#fff;border-radius:8px;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}


i.sicon-menu.text-primary.text-2xl{color:#fff!important}


.banner--fixed img{background:transparent;margin-top:-4px!important}


.swiper-wrapper {

width: 1700px;

}


footer.store-footer h3 {

height: 33px;

}


/*-------*/

.store-footer h3 ,

.s-block__title h2,h2.mb-4.text-lg.font-bold.leading-\[1\.2\] ,

.s-slider-block__title h2{

text-transform: uppercase;

background-image: linear-gradient(-225deg,

#93A73B 0%,

#6ACAD2 25%,

#fff 70%,

#F05148 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

font-weight: bold!important;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: textclip 8s linear infinite;

display: inline-block;

font-size:22px!important;

padding-right:1rem;


}


@keyframes textclip {

to {

background-position: 200% center;

}

}

.s-block.s-block--banners.container .s-block__title {

justify-content: center !important;

}

.s-block__title ,

.s-slider-block__title {

animation: 3s anim-lineUp ease-out ;

}

@keyframes anim-lineUp {

0% {

opacity: 0;

transform: translateY(80%);

}

20% {

opacity: 0;

}

50% {

opacity: 1;

transform: translateY(0%);

}

100% {

opacity: 1;

transform: translateY(0%);

}

}

.s-slider-block__display-all{color:#fff}

/*-----*/

.s-product-card-content-sub {


justify-content: center;

color: #000;

}

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

color: #022624;

text-align: center;

}

.s-slider-next.s-slider-nav-arrow,

.s-product-card-shadow{

box-shadow: 5px 0 12px rgba(0, 0, 0, 0.1);

border-radius:6px;

}


.s-product-card-vertical {

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

flex-direction: column;

border:none;

border-radius:6px;

}


.s-product-card-content-subtitle

{text-align: center !important;

justify-content: center !important;

font-size: 14px!important;

line-height: 1.5rem;

margin-bottom: 15px !important;


}


.s-product-card-entry {

position: relative;

border: none;overflow: hidden;

box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

border-radius:15px!important;}

.s-button-wide,.s-button-primary-outline {

color: #fff;

box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

background: linear-gradient(90deg, #022624, #044844, #022624);

border:none;}


@media (max-width: 750px) {

.s-products-slider-card {

max-width: 185px;

}

}


@media (min-width: 750px) {

.s-products-slider-card {

max-width: 13rem;

}}

.s-products-slider-card {

padding-top: 5px!important;

padding-bottom: 5px!important;

}

img.s-product-card-image-cover {

transition: transform 0.3s ease;

}


.total-price,.inline-block{color:#781519!important}

.\!py-3 img{border-radius:10px!important;box-shadow: 18px -21px 12px -20px rgba(0,0,0,0.3) inset,

-6px 10px 11px -4px rgba(0,0,0,0.63);border:2px solid #ffff}


img.s-product-card-image-cover:hover {

transform: scale(1.1);

}

.md\:text-2xl{color:#fff!important}


.s-product-card-promotion-title {

background-color: #fde7c0;

color: #2c323a !important;

animation: pulse 5s infinite !important;

}


@keyframes pulse {

0% {

background-color: #fde7c0;

}

50% {

background-color: #ffe1ab;

}

100% {

background-color: #fef9f0;

}




}


.s-product-card-price {color:#781519}

.s-product-card-entry:hover {

animation: danmove ease 1s;


}


@keyframes danmove {

0% {

transform: rotate(-2deg)

}


40% {

transform: rotate(2deg)

}


100% {

transform: rotate(0)

}

}

.tab-trigger.s-button-element.s-button-btn hover{border:2px solid #fff!important}

.s-button-wide{animation: signal 1200ms linear infinite;

}


@keyframes signal {

0% {

box-shadow: 0 0 0 0 #044844;

}


100% {

box-shadow: 0 0 0 5px #fff;

}

}

#page-main-title{color:#fff!important}

/*-------*/

@media (max-width: 650px) {

ul.main-menu.mm-spn--open {

margin-top: 100px;

}

}

.mm-spn.mm-spn--navbar ul:before {

margin-top: 100px;

}

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {

padding-right: 0.75rem;

content: "";

text-align: center !important;

display: block;

height: 90px !important;

background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RAlaXN/syrZqL4SNhL81dRVb4DrFIl288L72MIX3AHhLW18.png);

background-size: contain !important;

background-repeat: no-repeat !important;

background-position: top center !important;

margin-left: 50px;

margin-right: 50px;

margin-top: 30px;

margin-bottom: 11px;

}


.main-menu li.root-level>a{color:#fff!important}

.mm-spn.mm-spn--navbar.mm-spn--main,

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

background: linear-gradient(90deg, #044844, #022624);

color:#fff;

border-top-left-radius:3rem;

border-bottom-left-radius:3rem;

max-width:85%;

}

.mm-ocd--open .mm-ocd__content {

background: transparent;

}

.mm-spn.mm-spn--navbar.mm-spn--main:after {

font-size: 1.25rem;

}

.close-mobile-menu {

top: 50%;

z-index: 9999;

height: 8rem;

width: 10%;

transform:translateY(-50%) !important;

border-radius: 1.1rem;

background: #fff;

color:#000;

left: 2.5% !important;

}

/*

.mm-spn ul:not(.mm-spn--open li) li:hover {

background-color:#FFF;

color:#000;

}*/


.mm-spn ul:not(.mm-spn--parent):not(.f_user-menu-items)>li:hover, .mm-spn ul.f_user-menu-items>li a:hover {

background-color: #FFF;

color: #000;

}


.mm-ocd__content {

padding: 0.5rem 0px;

}

.s-user-menu-trigger{background:transparent}

/* testimonials */

.testimonials-slider .swiper-wrapper .swiper-slide {

padding: 0 0.8rem 0.8rem 0;

}

.testimonials-slider .swiper-slide .testimonial {background: linear-gradient(90deg, #022624, #044844, #022624);

border:none;

border-radius: 12px!important;

color:#fff

}

.testimonials-slider .swiper-slide-active .testimonial {

box-shadow:none;

}

/* testimonials */

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

position: relative;

}

section.s-block--testimonials > div > h2:after {

position: absolute;

content: "";

right: 0;

transition: 0.4s;

top: -20px;

background-color:transparent;

transform: rotate(15deg);

width: 80px;

height: 140%;

z-index: 2;

opacity: 0;

}

section.s-block--testimonials > div > .h2_active:after {

animation: shiny ease 2s 1s;

}

@keyframes shiny {

0% {

opacity: 1;

}

60% {

opacity: 1;

visibility: visible;

right: 130%;

}

90% {

visibility: visible;

}

100% {

visibility: hidden;

}

}


.testimonial__icon,sicon-quote-open{color:#ffff!important}

/*-------*/


.store-footer h3 {


font-weight: bold;}


.footer{background: linear-gradient(90deg, #022624, #044844, #022624)!important}

.footer-is-light .store-footer {

background: linear-gradient(90deg, #022624, #044844, #022624)!important}

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

background: linear-gradient(90deg, #022624, #044844, #022624)!important

color: #fff;border:none}


@media (min-width: 1024px) {

.store-footer__inner .container > div {

grid-column: span 2/span 2;

}

}



.mb-2\.5.md\:mb-0 {

color: #fff !important;

font-weight: 800;

padding-bottom: 10px;

}

.max-w-sm.leading-6.mb-6,

.flex.mb-6,

.store-footer h3,

.s-product-card-content-sub,

.store-footer a,

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

.store-footer .contact-social ul,

.footer-is-light .store-footer .store-footer__inner ,salla-social.s-social-list{

text-align: center !important;

justify-content: center !important;

}




.s-contacts-icon,li.s-social-link

{background:#fff!important;border-radius:8px!important;color:#022624!important;

animation: wiggle 2.5s infinite;border:none!important}

@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }

.s-contacts-icon path,li.s-social-link path{color:#000!important;border:none!important}



footer.store-footer * {

color: #fff;

}

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

background: linear-gradient(90deg, #022624, #044844, #022624);

color: #fff;

}

.store-footer__inner {

text-align:center;

}

.store-footer a {

justify-content:center;

}

.store-footer .contact-social ul {

justify-content:center;

}

.store-footer__inner .container:before {

margin:auto !important;

}

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

text-align: center;

content: "";

display: block;

height: 120px;

width: 140px;

margin: auto auto 10px;

background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RAlaXN/N36qZ3oyTZ1nxP54fteKJqK7XVBUodOpeelZ0Bpw.png);

background-repeat: no-repeat;

background-size: contain;

background-position: center;

transition: 5s 0 ease;

animation: flash 8s ease infinite;

animation-direction: alternate;


}

@keyframes flash

{

0%, 50%, 100%

{

opacity: 1;

}

25%, 75%

{

opacity: 0;

}

}


.m-0 h3{display:none}


/*-------*/

.s-modal-body{background: linear-gradient(90deg, #022624, #044844, #022624)!important}

a.s-login-modal-link,div.s-modal-title,label.s-login-modal-label{color:#fff}

button.s-login-modal-enter-button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center{background:#ffff;color:#022624}




.s-user-menu-dropdown{background: linear-gradient(90deg, #022624, #044844, #022624)!important;}

.s-user-menu-dropdown-item-title {color:#fff!important}

.s-user-menu-dropdown-header p{color:#fff}

.s-user-menu-dropdown-item a svg {fill: #fff;}


.s-verify-resend , .s-verify-message ,.s-verify-resend-message{color:#fff}


.s-modal-header .s-login-modal-header-icon { display:none }

.s-modal-header::before {

content: "";

text-align: center!important;

display: block;

height: 70px!important;

background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RAlaXN/syrZqL4SNhL81dRVb4DrFIl288L72MIX3AHhLW18.png);

background-size: contain!important;

background-repeat: no-repeat!important;

background-position: top center!important;}

.sicon-keyboard_arrow_left, .fix-align{color:#fff}

.s-breadcrumb-wrapper,.s-breadcrumb-arrow svg{color:#fff!important}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.rtl\:space-x-reverse.space-x-2.items-end{

justify-content: center;}



@keyframes pupup {

0%{

transform:scale(1.2)

}

18%{

transform:scale(1.2)

}

80%{

transform:scale(1.2)

}

100%{

transform:scale(0)

}

}


@keyframes pupup_logo{

0%{

transform:scale(0)

}

18%{

transform:scale(1.2)

}

75%{

transform:scale(1.2)

}

95%{

transform:scale(0)

}

100%{

transform:scale(0)

}

}


body:before {

content: "";

width: 100%;

height: 100%;

background: linear-gradient(90deg, #022624, #044844, #022624);

position: fixed;

z-index: 999999;

transform: scale(0);

animation-name: pupup;

animation-duration: 1.5s;

}


body:after {

content: "";

width: 100%;

height: 100%;

top: 0;

position: fixed;

z-index: 999999;

background: url(https://cdn.imgchest.com/files/d7ogckd8day.png);

left: 0;

background-repeat: no-repeat;

background-position: center;

background-size: 165px;

transform: scale(0);

animation-name: pupup_logo;

animation-duration: 1.3s;


}



button.s-slider-next.s-slider-nav-arrow{border-radius:50px!important}