/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
.s-block--fixed-banner .container {
    padding-right:0px;
    padding-left:0px;
    }
 
    .product__description p , .product__description strong {
    color:#000 !important;
    }
    a[href="https://www.instagram.com/samatechon"], .store-footer .contact-social ul li:first-child a{
        background: #e5099e;
        box-shadow: rgb(255 255 255 / 24%) 0 3px 8px;
        border: none !important;
    }
    
    a[href="https://www.tiktok.com/@smatechno"], .store-footer .contact-social ul li:nth-child(2) a{
        background: #333;
        box-shadow: rgb(255 255 255 / 24%) 0 3px 8px;
        border: none !important;
    }
    
 
    }
   
    
    .s-block__title h2,
    .s-reviews-header,
    .s-slider-block__title h2 {
        text-transform: uppercase;
        background-image: linear-gradient(-225deg, #000 40%, #000 9%, #fff 67%, #000 100%);
        background-size: 200% auto;
        color: #fff;
        font-weight: 700;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        line-height: 24px
    }
    
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    
    .s-slider-v-centered .s-slider-block__title-nav button,
    .main-nav-container.fixed-header .inner,
    .mm-spn.mm-spn--light,
    .bg-inherit,
    .top-navbar,
    :is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after,
    .mm-spn.mm-spn--navbar ul,
    .footer-is-light .store-footer,
    .footer-is-light .store-footer .store-footer__inner {
        background: linear-gradient(to right, #85c2c7, #85c2c7)
    }
    
    .s-reviews-container .swiper-slide-active .s-reviews-testimonial {
        border: 1px solid #85c2c7;
    }
    
    .s-block.s-block--fixed-banner.wide-placeholder {
        margin-top: 0rem;
    }
    
    .carousel-slider .swiper,
    .carousel-slider .swiper-wrapper>div {
        margin: 20px auto !important
    }
    
    ::-webkit-scrollbar {
        width: 10px
    }
    
    [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;
        color: #fff;
    }
    
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #fff;
        border-radius: 10px
    }
    
    ::-webkit-scrollbar-thumb {
        background: #000;
        border-radius: 10px
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: #000
    }
    
    .bg-gray-50,
    .s-comments-product,
    body {
        background: #fff !important;
    }
    
    .gap-8 div p strong,
    .product__description ul,
    .product__description li,
    .text-sm.opacity-75 p,
    [dir=rtl] .mm-spn.mm-spn--navbar:before,
    .text-dark,
    .s-block--features__item h4,
    .mm-spn span,
    .mm-spn a,
    .mm-spn ul.main-menu li:before,
    [dir=rtl] .rtl\:ml-3,
    [dir=rtl] .topnav-link-item,
    .main-menu li.root-level>a,
    .total-price,
    .text-base,
    b,
    .s-button-text,
    .main-menu li>a,
    [dir=ltr] .topnav-link-item,
    .sm\:p-1 p,
    [dir=ltr] .topnav-link-item.right-side:first-child,
    .s-contacts-topnav-link:last-child:where([dir="rtl"], [dir="rtl"] *),
    .max-w-sm,
    .s-add-product-button-mini-checkout-content,
    .copyright-text p,
    .leading-\[1\.2\],
    .flex.items-center.flex-wrap.text-sm,
    [dir=ltr] .topnav-link-item:last-child,
    .store-footer a,
    .unicode,
    .duration-300,.lg\:col-span-2,
    .sicon-menu:before,
    .s-button-text span,
    .text-gray-400,
    .s-cart-summary-total {
        color: #fff !important
    }
    
    .s-block.s-block--features.container:before {
        content: "لماذا نحن ؟ ";
        display: block;
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        color: #000;
    }
    
    .s-breadcrumb-arrow svg {
        fill: #000 !important
    }
    
    .banner--fixed img {
        border-radius: 0 !important
    }
    
    [dir=rtl] .s-slider-block__title h2 {
        padding-left: 0
    }
    
    @media only screen and (max-width:600px) {
        .s-button-text i,
        .s-button-text {
            font-size: 12px;
        }
    
        .s-button-text i {
            font-weight: bold;
        }
    
        .slide--cat-entry {
            width: 106px !important;
            height: 156px !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: 35%
        }
    
        .slide--cat-entry h4 {
            font-size: .775rem
        }
    
        .slide--cat-entry i {
            font-size: 28px
        }
    }
    
    main-nav-container.fixed-pinned .navbar-brand img{
        max-height: 59px
    }
    
    .navbar-brand img {
        max-width: 117px
    }
    
    .flex-1.testimonial__text div {
        background: 0 0 !important
    }
    
    .md\:mb-0 {
        margin-left: 17px
    }
    
    .s-block--features__item:first-child {
        grid-column: span 1/span 2
    }
    
    .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\],
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
    
    .s-block--features__item h4 {
        white-space: nowrap
    }
    
    .s-block--features__item p {
        min-width: 83px
    }
    
    s-block.s-block--best-offers.container.overflow-hidden,
    .lg\:shadow-default,
    .s-user-menu-trigger,
    .banner--fixed img,
    .xs\:p-7,
    .no-content-placeholder .icon,
    .s-block--features__item,
    .lg\:p-8,
    .footer-is-light .store-footer .store-footer__inner,
    .footer-is-light .store-footer .contact-social {
        border-color: transparent !important
    }
    
    @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
        }
    }
    
    @media only screen and (max-width:600px) {
        .salla-slider .slide--one-sixth {
            width: 37%
        }
    
        .slide--cat-entry {
            height: 101px;
            width: 106px
        }
    
        .s-products-slider-card {
            max-width: 185px
        }
    }
    
    .cart-item.bg-white,
    .duration-1000 {
        background: #fff !important
    }
    
    .swiper-wrapper {
        margin: 10px auto
    }
    
    .s-product-options-option-label b,
    .total-price.font-bold.text-xl.inline-block,
    .text-gray-400,
    .s-breadcrumb-primary-reverse li,
    .form-label,
    .s-social-share-btn span svg,
    .text-primary span,
    #sub-total,
    .sicon-heart:before,
    .flex.justify-between.text-lg>b,
    .font-bold.text-sm mb-5,
    span.inline-block.item-total,
    .item-price.text-sm.text-gray-400,
    .text-gray-900.leading-6 a,
    .s-quantity-input-input,
    b.block {
        color: #000 !important
    }
    
    
    .carousel-slider .swiper,
    .carousel-slider .swiper-wrapper>div {
        margin: -5px auto 20px !important
    }
    
    .rounded-md {
        border-radius: 0 !important
    }
    
    .s-comment-form-input,
    .s-product-options-wrapper,
    .s-form-control,
    .s-product-card-vertical {
        box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
    }
    
    .leading-\[1\.2\] {
        margin: 10px auto
    }
    
    .top-navbar .s-search-input {
        background-color: #fff
    }
    
    #s-cart-icon i.sicon-shopping-bag:before {
        color: #fff!important
    }
    
    .s-slider-nav-arrow svg{
      fill:#fff;
    }
    
    .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
    }
    
    .lg\:shadow-default,
    .s-user-menu-trigger,
    .banner--fixed img,
    .xs\:p-7,
    .no-content-placeholder .icon,
    .s-block--features__item,
    .lg\:p-8 {
        background: 0 0 !important
    }
    
    
    .no-content-placeholder i.sicon-shopping-bag:before {
        color: #000 !important
    }
    
    .bg-inherit {
        padding: 10px 0
    }
    
    .main-nav-container {
        min-height: 43px
    }
    
    .s-social-list {
        justify-content: center
    }
    
    
    .store-footer a .rtl\:ml-2\.5,
    .s-slider-next.s-slider-nav-arrow {
        background: #85c2c7;
        border: none;
        color: #fff;
        box-shadow: rgb(255 255 255/24%) 0 3px 8px
    }
    
    
   .main-nav-container.fixed-header .inner {
    margin: 10px auto;
    display: block;
    border-radius: 10px;
    filter: drop-shadow(-2px 0px 3px #000);
    width: 95%;
}
    
    .store-footer h3 {
        background: #E5E5E5;
        border-radius: 8px;
        font-weight: 700;
        padding-top: .3rem;
        width: 100%;
        padding-bottom: .3rem;
        color: #85c2c7;
        box-shadow: rgb(255 255 255 / 25%) 0px 14px 28px, rgb(71 69 69 / 22%) 0px 10px 10px;
    }
    
    .btn--wishlist:where([dir="rtl"], [dir="rtl"] *),
    .mm-spn li img,
    .s-product-card-vertical .s-product-card-wishlist-btn button,
    .s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled,
    .sc-1au8ryl-0.dkuywW {
        display: none !important
    }
    
    .s-block__title h2:after,
    .s-slider-block__title h2::after {
        content:"〣━━━━━━━>";
        display: block;
        width: 100%;
        height: 30px;
    }
    
    .text-gray-800,
    .text-2xl,
    .sicon-keyboard_arrow_left:before,
    [dir=rtl] .rtl\:pl-3,
    .rtl .fix-align,
    [dir=rtl] .fix-align,
    .text-primary {
        color: #000 !important
    }
    
    .s-block__title h2,
    .s-slider-block__title {
        text-align: center;
    }
    
    .s-block__title {
        align-items: flex-start;
    }
    
    .s-slider-next.s-slider-nav-arrow.swiper-button-disabled,
    .s-slider-block__display-all,
    .s-block__display-all,
    s-slider-block__display-all {
        color: #fff;
        font-size: 1rem;
        background-color: #85c2c7;
        border: 0px #9d938b solid;
        border-radius: 19px 0;
        box-shadow: 5px 8px 1px #000;
        font-weight: 600 !important;
        padding: 10px 20px !important;
    }
    .footer-is-light .store-footer .social-link {
        border-color: transparent;
        box-shadow: rgb(255 255 255/24%) 0 3px 8px
    }
    
    .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://i.postimg.cc/256p8F2P/uuu2.png);
        background-repeat: no-repeat !important;
        background-size: contain;
        background-position: center;
    }
    
    .s-slider-nav-arrow,
    .s-slider-prev.s-slider-nav-arrow,
    .s-slider-prev s-slider-nav-arrow.swiper-button-disabled {
        color: #fff;
        font-size: 1rem;
        background-color: #85c2c7;
        border: 0px #9d938b solid;
        border-radius: 19px 0;
        box-shadow: 5px 8px 1px #000 !important;
        font-weight: 600 !important;
        padding: 10px 20px !important;
    }
    
    
    .swiper-button-disabled {
        opacity: 1;
    }
    
    .overflow-auto {
        overflow: hidden;
    }
    
    .sub-menu.w-56 ul li>a span {
        color: #000
    }
    
    /*****************************************/
    
    
    .index:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #85c2c7e0 url(https://i.postimg.cc/rsRYRfrP/image.png);
        position: fixed;
        top: 0;
        z-index: 99999999999999999 !important;
        background-size: 250px !important;
        background-repeat: no-repeat;
        background-position: center !important;
        animation-name: logobg;
        animation-duration: 3s;
        animation-fill-mode: forwards;
        bottom: 0;
        left: 0;
        right: 0
    }
    
    @keyframes logobg {
        0% {
            opacity: 1
        }
    
        50% {
            opacity: 1
        }
    
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    
    /*****************************************/
    
    :root {
        --primary-color: #85c2c7 !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-add-product-button-main .s-add-product-button-mini-checkout::after,
    .s-button-btn::after {
        content: "";
        position: absolute;
        inset: 2px;
        background: #85c2c7;
        z-index: -1;
        border-radius: 12px
    }
    
   .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), #ff8c82 0%, #ff8c82 5%, transparent 5%, transparent 40%, #ff8c82 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
    color: #000 !important;
}
    
    @keyframes animate {
        0% {
            --a: 0deg
        }
    
        100% {
            --a: 360deg
        }
    }
    /*****************************************/
    .s-block--features__item .feature-icon {
        height: 6.2rem;
        box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
        width: 6.2rem;
        position: relative;
        background: #f7f7f9;
        border-radius: 12px;
        transition: all .3s ease-in-out
    }
    
    
    .s-add-product-button-main .s-add-product-button-mini-checkout {
        border-radius: 11px;
    }
    
    .store-footer:before {
        content: "";
        background-image: url(https://marssa.shop/site/images/new_theme/footer-top.svg);
        background-size: 418%;
        display: block;
        background-repeat: round;
        transform: rotate(180deg);
        height: 104px;
        margin: -12px -32px 1px 1px;
    }
    
    .feature-icon i.sicon-shipping-fast:before {
        content: '';
        background-image: url(https://iili.io/26J8KAX.gif);
        width: 64px;
        height: 64px;
        transform: scale(1.5);
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .feature-icon i.sicon-secure-credit-card-2:before{
        content: '';
        background-image: url(https://iili.io/2ZuuhZJ.gif);
        width: 64px;
        height: 64px;
        transform: scale(1.5);
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .feature-icon i.sicon-gold-badge:before {
        content: '';
        background-image: url(https://iili.io/26JU08B.gif);
        width: 64px;
        height: 64px;
        transform: scale(1.5);
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .header-btn__icon {
    color: #fff !important;
    border: none;
    background: #ef7c6a;
}

.store-footer h3 {
    background: #fff!important;
    color: #ff8c82!important;
}

.s-contacts-icon , .s-social-link {
    border: none !important;
    background: #ff8c82;
    border-radius:50%;
}


.main-nav-container {
    height: 100px !important;
}
.navbar-brand img {
    max-height: 6rem;
}