/* Add custom CSS styles below */ 
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5CW7GZ82');</script>
<!-- End Google Tag Manager -->

                             
.s-block--hero-slider .swiper-slide .swiper-lazy:after,

.main-menu li:hover>.sub-menu,

.flex-col,

.s-block,

.s-comments-product,

.footer-is-light .store-footer,

.footer-is-light .store-footer .store-footer__inner,

.top-navbar,

.mm-spn.mm-spn--light,

.main-nav-container.fixed-pinned .inner,

.header-btn_icon,body:after{border:none}#mainnav,.s-block--categories .swiper-wrapper a{background-color:var(--third-color)}.s-product-card-content-main,.store-footer{text-align:center;}:root{

--main-color:#3B726B;

--second-color:#DEA378;

--third-color:#fff;

}body:after{content:'';width:100%;height:100%;

top:0;position:fixed;z-index:999999;

background:url(https://d.top4top.io/p_29551s93u1.png) center/160px no-repeat #fff;left:0;

animation-name:fade-in;

animation-duration:3s;

animation-fill-mode:forwards;}

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CW7GZ82"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

@keyframes fade-in{0%,50%{opacity:1}100%{opacity:0;visibility:hidden}}.header-btnicon,.main-menu,.s-blocktitle,.s-button-primary-outline,.s-cart-summary-total,.s-product-card-content-title a,.s-slider-blocktitle,.slide--cat-entry i,.store-footer h3{color:var(--main-color)}

.s-button-element:not(:disabled):not([loading]) {

background: #d40202!important; !important;

color: #000;

border: none;

box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 16px;

}

.carousel-slider .swiper-wrapper>div {

margin: 10px auto;

}

.s-product-card-vertical {

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

}

.lg\:p-8,

.banner--fixed img,

.container,

.s-block--features__item {

background: transparent !important;

}

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

.s-products-slider-card {

max-width: 185px;

}

}

@media only screen and (min-width: 600px) {

.lg\:grid-cols-6 {

grid-template-columns: repeat(3, minmax(0, 1fr));

}

.lg\:col-span-2 {

grid-column: span 1/span 1;



  gtag('config', 'GT-WP5MJKN3');
</script>
.flex.mb-6,

.md\:flex,

.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 {

text-align: center !important;

justify-content: center !important;

}

[dir=ltr] .mm-spn.mm-spn--navbar.mm-spn--main:after,

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

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

text-align: inherit;

}

.sicon-menu:before {

color: #000 !important;


.slide--cat-entry i,

.rtl .fix-align,

[dir=rtl] .fix-align,

.s-block--features__item p,

.text-gray-400 {

color: #000 !important;

}

.top-navbar .s-search-input,

.s-product-card-entry {

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

}

/* width */

::-webkit-scrollbar {

width: 10px;

}

/* Track */

::-webkit-scrollbar-track {

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

border-radius: 10px;

}

/* Handle */

::-webkit-scrollbar-thumb {

background: #000;

border-radius: 10px;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

background: #000;

}

.s-slider-block__display-all {

background: #000;

padding: 3px 6px 8px 6px;

border-radius: 37px;

line-height: 18px;

}

.store-footer h3 {

color: #344a50 !important;

background: #fff;

border-radius: 8px;

font-weight: bold;

padding-top: 0.3rem;

width: 100%;

padding-bottom: 0.3rem;

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

}

.s-slider-block__display-all{

background:transparent;

}

.slide--cat-entry {

background: #e8cdad;

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

color: #000;

}

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

.slide--cat-entry {

width: 106px !important;

height: 106px !important;

border-radius: 65px !important;

}

.swiper-slide.slide--one-sixth,

.swiper-slide.slide--one-sixth.swiper-slide-prev,

.swiper-slide.slide--one-sixth.swiper-slide-next,

.swiper-slide.slide--one-sixth.swiper-slide-active {

width: 40%;

}

.slide--cat-entry h4 {

font-size: 0.775rem;

}

.slide--cat-entry i {

font-size: 28px;

}

}

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

text-align: center;

content: "";

display: block;

height: 110px;

width: 140px;

margin: auto auto 20px;

background-image: url(https://cdn.salla.sa/xAAnOp/YveHARhMbqZQwKlUNbHuGh11UjNLkuIqv3gJbMZR.png);

background-repeat: no-repeat;

background-size: contain;

background-position: center;

animation: sigal 1200ms linear infinite;

}

@keyframes sigal {

0% {

filter: drop-shadow(2px 4px 6px #504d46)

}

100% {

filter: none;

}

}

[dir=rtl] .s-slider-block__title h2 {

text-shadow: 2px 4px #c7c7c7;

font-size: 25px;

}

@keyframes logobg {

0% {

opacity: 1;

}

50% {

opacity: 1;

}

100% {

opacity: 0;

visibility: hidden

}

}

.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, 0.24) 0px 3px 8px;

}

.store-footer a .rtl\:ml-2\.5 {

background: #e8cdad !important;

}

.s-slider-block__display-all {

animation: signal 1200ms linear infinite;

}

@keyframes signal {

0% {

box-shadow: 0 0 0 0 #000;

}

100% {

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

}

}

.s-slider-block__title {

margin: 10px auto;

}

.s-button-element:not(:disabled):not([loading]) {

animation: signal 1200ms linear infinite;

}

@keyframes signal {

0% {

box-shadow: 0 0 0 0 #e8cdad;

}

100% {

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

}

}

.footer-is-light .store-footer .social-link {

border-color: transparent;

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

}

.store-footer .contact-social ul li:first-child a {

background: #cc38a5;

color: #fff;

}

.store-footer .contact-social ul li:nth-child(2) a {

background: #5098fd;

color: #fff;

}

.store-footer .contact-social ul li:nth-child(3) a {

background: #d8c837;

color: #fff;

}

.store-footer .contact-social ul li:nth-child(4) a {

background: #333;

color: #fff;

}

.store-footer .contact-social ul li:nth-child(5) a {

background: #F50000;

color: #fff;

}

.store-footer .contact-social ul li:nth-child(6) a {

background: #0084ff;

color: #fff;

}

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

height: 5rem;

width: 5rem;

background-color: white;

}

}.store-footer{

background-color:var(--third-color)!important;padding:30px;font-size:14px;border-top-left-radius:125px;border-top-right-radius:125px

}

.footer-is-light .store-footer .store-footerinner{

background_color:transparent

}

.store-footerinner{

background-color:transparent!important;text-align:center

}

.store-footerinner .flex{

justify-content:center

}

.store-footerinner .max-w-sm{margin:auto}.store-footer h3{font-size:1.3rem}

.footer-list,.store-footer a,.store-footer h3:hover,.store-footer_inner .max-w-sm{

color:var(--second-color)

}

.footer-list,.store-footer a,.store-footer h3:hover,.store-footer_inner .max-w-sm{

color:var(--second-color)}

.store-footer h3:hover{opacity:1;coursor:pointer}

.store-footer i{

color:var(--main-color);border-color:var(--main-color)}

.store-footer ul:nth-child(2):before{content:"برمجة و تطوير | ADFAZ ";top:0;font-size:14px;color:var(--main-color)!important;margin-left:30px}

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

--tw-border-opacity: 1;

border-bottom-color: #C0A794;

border-bottom-color: rgb(229 231 235/var(--tw-border opacity));

--tw-bg-opacity: 1;

background-color: #C0A794;

background-color: rgb(243 244 246/var(--tw-bg-opacity));

}

.leading-6 {

line-height: 1.5rem;

color: var(--main-color);

}

.footer-list, .store-footer a, .store-footer h3:hover, .store-footer_inner .max-w-sm {

color: var(--main-color);

}

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

text-align: center;

content: "";

display: block;

height: 210px;

width: 240px;

margin: auto auto 40px;

background-image: url(https://d.top4top.io/p_29551s93u1.png);

background-repeat: no-repeat;

background-size: contain;

background-position: center;

animation: sigal 5400ms linear infinite;

}

.sicon-user-circle:before {

content: "\f072";

color: var(--main-color);

}

.sicon-shopping-bag:before {

content: "\ef36";

color: var(--main-color);

}

*/

@keyframes sigal {

0% {

filter: drop-shadow(2px 4px 6px #504d46)

}

100% {

filter: none;

}

}

[dir=rtl] .s-slider-block__title h2 {

text-shadow: 2px 4px #c7c7c7;

font-size: 25px;

}

@keyframes logobg {

0% {

opacity: 1;

}

50% {

opacity: 1;

}

100% {

opacity: 0;

visibility: hidden

}

}

.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, 0.24) 0px 3px 8px;

}

.store-footer a .rtl\:ml-2\.5 {

background: #e8cdad !important;

}

.s-slider-block__display-all {

animation: signal 1200ms linear infinite;

}

@keyframes signal {

0% {

box-shadow: 0 0 0 0 #000;

}

100% {

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

}

}

.s-slider-block__title {

margin: 10px auto;

}

.s-button-element:not(:disabled):not([loading]) {

animation: signal 1200ms linear infinite;

}

@keyframes signal {

0% {

box-shadow: 0 0 0 0 #e8cdad;

}

100% {

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

}

}

.footer-is-light .store-footer .social-link {

border-color: transparent;

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

}

.store-footer .contact-social ul li:first-child a {

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

color: #fff;

}

.store-footer .contact-social ul li:nth-child(2) a {

background: var(--third-color);

color: #fff;

}

.store-footer .contact-social ul li:nth-child(3) a {

background: var(--third-color);

color: #fff;

}

.store-footer .contact-social ul li:nth-child(4) a {

background: var(--third-color);

color: #fff;

}

.store-footer .contact-social ul li:nth-child(5) a {

background: var(--third-color);

color: #fff;

}

.store-footer .contact-social ul li:nth-child(6) a {

background: var(--third-color);

color: #fff;

}

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

height: 5rem;

width: 5rem;

background-color: white;

}

.store-footer h3 {

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

background: #fff;

border-radius: 8px;

font-weight: bold;

padding-top: 0.3rem;

width: 100%;

padding-bottom: 0.3rem;

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

}

.sicon-user-circle:before {

content: "\f072";

color: var(--second-color);

}

.sicon-shopping-bag:before {

content: "\ef36";

color: var(--second-color);

}

.s-button-element:hover {

background:black !important;

color: #000;

border: none;

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

}

.sicon-user-circle:before {

content: "\f072";

color: var(--main-color);

}

.sicon-shopping-bag:before {

content: "\ef36";

color: var(--main-color);

}

.s-button-element:not(:disabled):not([loading]) {

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

color: #fff;

border: none;

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

}

button:hover span {

color: var(--second-color);

}

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

font-size: 1.875rem;

line-height: 2.25rem;

color: #ff6767;

color: var(--main-color);

}

.s-block--features__item h4 {

margin-bottom: .25rem;

font-size: .875rem;

line-height: 1.25rem;

font-weight: 700;

--tw-text-opacity: 1;

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

}

.slide--cat-entry i, .rtl .fix-align, [dir=rtl] .fix-align, .s-block--features__item p, .text-gray-400 {

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

  /* إخفاء النص */
button.btn--rounded-gray.basis-0 span {
    display: none !important;
}

/* إضافة علم داخل الزر */
button.btn--rounded-gray.basis-0::after {
    content: "🇸🇦";
    font-size: 24px;
}



  .s-alert--info {
  overflow: hidden;
  position: relative;
}

.s-alert--info .s-alert__content {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  animation: sallaTicker 15s linear infinite;
}

@keyframes sallaTicker {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}