/* Add custom CSS styles below */ 
.main-nav-container.fixed-header .inner,.store-footer__inner,.bg-white,.mm-spn.mm-spn--navbar.mm-spn--main,.mm-spn.mm-spn--light,
.main-nav-container{
  background: linear-gradient(to right, #043867, #50b3d2);
}

.sidebar salla-button.btn--wishlist .btn--wishlist,
button.s-social-share-btn{
  background:#043867; 
}

.s-quantity-input-button{
    background:#043867;
}

.swiper-wrapper.s-slider-swiper-wrapper {
    margin-bottom: 40px;
}

salla-quantity-input .s-quantity-input-container{
  border:none;
}

.banner-square.zoomed-img.grayscaled-img{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding:8px;
    border-radius: 10px;
} 

.s-quantity-input-button{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


img[src="https://cdn.salla.sa/nEYlmw/e4292c00-208a-4764-95ca-b7651a54dde3-1000x825-GIkADK3yc0OHFSeWYfggW7wxFOZE9T7SvUvNpQlf.png"],
.mobile-menu-slider.text-sm.font-bold .s-slider-wrapper{
      display: none;
}


salla-slider .swiper-wrapper{
      margin: 10px auto;
}

.store-footer h3,[dir="ltr"] .footer-middle h3,
[dir="ltr"] .footer-middle .footer-list a,
.footer-middle .footer-list a,.footer-middle h3,
[dir="rtl"] .footer-middle .footer-list a,
[dir="rtl"] .footer-middle h3{
      text-align: center;
}

salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg{
    fill: #fff !important;
    font-size: 1rem;
    background-color: #043867;
    border: 0px #50b3d2 solid;
    border-radius: 19px 0 !important;
    box-shadow: 5px 8px 1px #000;
    font-weight: 600 !important;
}

@media only screen and (max-width:600px) {
    .s-products-slider-card.swiper-slide {
        width: 54%
    }
}


.mm-spn a .lazy__bg.lazy_menu,
.s-slider-block__display-all::after{
      display: none;
}

.s-slider-block__title h2,
.s-block__title h2 {
    text-align: center;
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #000 0%, #000 29%, #fff 67%, #fff 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    line-height: 1.6;
    font-weight: 700 !important
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

/*
.s-slider-block__title h2::after {
    content: "〣━━━━━━━";
    display: block;
    width: 100%;
    height: 30px;
}
*/

salla-slider .s-slider-block__title-nav button{
    background-color: #043867!important;
    border: 2px solid #50b3d2!important;
    box-shadow: 4px 4px 10px -2px #75b5b0 !important;
    margin: 10px;
}


.s-slider-block__display-all{
color: #fff !important;
    font-size: 1rem;
    background-color: #043867;
    border: 0px #50b3d2 solid;
    border-radius: 19px 0 !important;
    box-shadow: 5px 8px 1px #000;
    font-weight: 600 !important;
    padding: 10px;
}

.footer-middle .contact-links{
  flex-wrap: nowrap;
}
.footer-middle .contact-links{
    justify-content: center !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #043867; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #043867; 
}

[dir="ltr"] .pe-16 .end-4,
[dir="rtl"] .pe-16 .end-4{
    background:#50b3d2 !important;
}

.s-block--faqs .faqs-list input:checked+div .faq-answer,
[dir="ltr"] .pe-16,
[dir="rtl"] .pe-16{
    background:#043867;
}

.min--3 .rounded-full .lazy__bg.lazy_img{
    background-size: contain;
}

@media (max-width: 479px) {
    .is-bottom-header .fixed-pinned .header-container {
        display: block;
    }
}
.s-block.s-block--photos-slider .container{
        max-width: 100%;
}

.flex.justify-center.items-center.flex-wrap.gap-2 li{
    background: #fff !important;
}

[dir="rtl"] .store-footer .vat-num,
[dir="ltr"] .store-footer .vat-num,
.s-quantity-input-input,.footer-profile p,
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="ltr"], [dir="ltr"] *):after,
.s-add-product-button-mini-checkout-content,
.s-block--faqs .faqs-list input:checked+div .faq-answer p,[dir="ltr"] .ms-1,
.mm-spn li span:not(.s-user-menu-dropdown-item-badge),[dir="ltr"] .pe-16,
.sicon-layout-grid:before,.sicon-house-door:before,.bottom-header-icon i+span,
.s-block--faqs .faqs-list input:checked+div label,
[dir=rtl] .mm-spn.mm-spn--navbar:before,
[dir="rtl"] .mm-spn.mm-spn--navbar:after,
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after,
.total-price.font-bold.da-tm.text-xl.inline-block,
.md\:text-lg,.store-footer a p,.sicon-arrow-up:before,.md\:mb-0,.sicon-cancel:before,
.sicon-quote:before,.language-btn,
.leading-none,.s-block--testimonials .px-4 p,
.s-cart-summary-total,.store-footer .footer-container .footer-list a,[dir="rtl"] .pe-16,
.header-btn.btn i.sicon-shopping-bag:before,
.sicon-user:before,.sicon-heart:before,
.sicon-search:before,
[dir="rtl"] .ms-1,
.sicon-menu:before{
  color:#fff;
}

.s-social-share-btn span svg,
.s-quantity-input-button svg{
  fill: #fff;
}

/*********************/
:root {
    --primary-color: #50b3d2  !important;
    --secondary-color: #ffffff !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important
}

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.s-block--testimonials .px-4::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #043867;
    z-index: -1;
    border-radius: 12px
}

.s-block--testimonials .px-4 {
    position: relative;
    padding: 17px;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #50b3d2  0%,#50b3d2 5%, transparent 5%, transparent 40%,#50b3d2 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}

.transition-shadow{
  background: transparent !important;
}

.large-cards .s-products-slider-card.swiper-slide{
    margin-top: 10px;
    margin-bottom: 10px;
}


custom-salla-product-card.rounded-md{
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.s-cart-summary-count{
   background: red; 
   padding-top: 5px;
}

.s-block__title p{
      text-align: center;
}

.store-footer h3 {
    color: #000 !important;
    background: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    width: 100%;
    padding-bottom: .3rem;
    box-shadow: rgba(255, 255, 255, .842) 0 4px 12px;
}

.s-block__title p,
.whitespace-nowrap h2,
h1.pe-2{
      color:#000 !important; 
 }
/**************

 #043867, #50b3d2)
*****************/

:root {
    --primary-color: #043867 !important;
    --secondary-color: #ffffff !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important
}


@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.s-product-card-content-footer salla-add-product-button .s-button-outline{
    padding: 11px;
}

.s-add-product-button-main .s-add-product-button-mini-checkout::after,
.s-button-btn::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #043867;
    z-index: -1;
    border-radius:8px;
}

.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-button-btn {
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #50b3d2 0%, #50b3d2 5%, transparent 5%, transparent 40%, #50b3d2 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
    color: #fff!important;
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}

.mt-2 h4{
  color:#000;
}

.opt-text,.mob\:mt-4,.lg\:p-8,
.bg-gray-100{
    background: transparent !important;
}

a[href="tel:542043003"] {
    background: #a00404;
}

a[href="mailto:sales@sea-gulf.com"] {
    background: #BD0822;
}

/**************************************/
.vat-num{
    text-align: center !important;
}


a[href="mailto:sales@sea-gulf.com"] .text-unicode.unicode.text-center,
a[href="tel:542043003"] .text-unicode.unicode.text-center{
  font-size:0px;
}

a[href="tel:542043003"] .text-unicode.unicode.text-center:after{
    content: '055*****';
    display: block;
    font-size:13px !important;
    text-align: center;
    color: #fff;
}

a[href="mailto:sales@sea-gulf.com"] .text-unicode.unicode.text-center:after{
    content: '*********';
    display: block;
    font-size:13px !important;
    text-align: center;
    color: #fff;
}