:root
{
    --primary-color: #0e5a70 !important;
    --secondary-color: #fc802f !important;
    --linear-gradient: linear-gradient(to right, #59feac, #f6fe00) !important;
    --font-color: #fff !important;
}

.salla-slider.photos-slider .swiper-slide
{
    margin-left: 1rem;
    margin-right: 1rem;
    width: 50%;
}

/*------------------ Font Family -------------------*/

/*----------------- End of Font Family ---------------*/


/*------------------- Splash Screen ------------------*/

/*--------------- End of Splash Screen ---------------*/


/*---------------------- Header ----------------------*/
.navbar-brand img,
.main-nav.fixed-pinned .navbar-brand img
{
    max-height: 60px !important;
    height: 60px !important;
}

.s-promotion-banner .st-banner-bar__btn span
{
    background: var(--linear-gradient) !important;
}
/*------------------ End of Header -------------------*/


/*---------------------- Banner ----------------------*/
.s-block--full-bg + #end_of_the_components, .s-block--full-bg + footer, .s-block--full-bg + .s-block--full-bg, .s-block--full-bg:first-of-type
{
    margin-bottom: 15px;
}

salla-slider.with-number-pagination .swiper-pagination
{
    display: none !important;
}

salla-slider.photos-slider .swiper-slide
{
    margin-left: 1rem;
    margin-right: 1rem;
    width: 50%;
}

.s-block--photos-slider{
    margin-top: 1rem;
}
.swiper-pagination-bullet{
Display:none;
}
.s-block--marquee{
margin-top:-30px;
}

.s-block__title{padding-top:30px;}

.s-block--fixed-banner
{
    margin-top: 25px;

    margin-bottom: 25px;
}

.s-block--fixed-banner .container
{
    padding-right: 5px;
    padding-left: 5px;
}

.banner--fixed img
{
    border-radius: 12px !important;
}
/*------------------ End of Banner -------------------*/


/*-------------------- Categories --------------------*/

/*---------------- End of Categories -----------------*/


/*--------------------- Products ---------------------*/
#s-block--animated-products-1 .s-block__title h2, #s-block--animated-products-1 .product-entry--sale .sale-price, #s-block--animated-products-1 .normal-price, #s-block--animated-products-1 .s-block__title .right-side i
{
    color: var(--secondary-color) !important;
}

.product-entry--sale .sale-price,
.product-single .product-details-col .sale-price
{
    rgb(248, 113, 113, 1) !important;
}

#s-block--animated-products-1 .btn--add-to-cart button, 
#products-slider-5-slider .btn--add-to-cart button,
#s-block--animated-products-1 button.btn--main.btn--main-mini,
#s-block--animated-products-2 .btn--add-to-cart button, #s-block--animated-products-2 button.btn--main.btn--main-mini,
#products-slider-5-slider button.btn--main.btn--main-mini,
#products-slider-6-slider .btn--add-to-cart button, #products-slider-6-slider button.btn--main.btn--main-mini,
button.btn--main,
button.btn--main:hover,
.s-button-large,
.btn--add-to-cart button,
.btn--add-to-cart button:hover
{
    color: #ffffff;
    background-color: #008000;
    border-color: #008000;
}

.text-gray-500
{
    color: var(--primary-color);
    font-weight: 600;
}

.s-block--animated-products
{
    margin-top: 0.5rem !important;
    padding-top: 0rem;
    padding-bottom: 1rem;
}
/*----------------- End of Products ------------------*/


/*----------------- Products Details -----------------*/
salla-button button.is-primary,
salla-button button.is-primary:hover,
.product-single .addtocart-bar .s-button-btn
{
    background: var(--primary-color);
    border: 1px solid var(--primary-color) !important;
}

.product-single .s-add-product-button-main salla-mini-checkout-widget,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-fast-checkout-button,
.product-single .s-add-product-button-main salla-mini-checkout-widget .s-fast-checkout-button.outline
{
    color: #fff !important;
    background-color: rgb(248, 113, 113, 1) !important;
    border: 1px solid rgb(248, 113, 113, 1) !important;
    border-radius: 22px;
}


.product-single .product-metadata
{
    margin-bottom: 0.5rem;
    visibility: hidden;
}

.s-quantity-input-button svg
{
    fill: #000 !important;
}

.product-single .product-elems #product-42869368 .grow h3::after,
.product-single .product-elems #product-718747116 .grow h3::after,
.product-single .product-elems #product-178352591 .grow h3::after,
.product-single .product-elems #product-1380463256 .grow h3::after
{
    content: "1";
    color: transparent;
    background-image: url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNnYzYzVtMnBnYTB1a3BqMWgzbnhucWR5ZWU1ZGp4azBkN3JqdnZnayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/6zBHQvmJidLmffW5eX/giphy.gif);
    background-position: 100%;
    width: 60px;
    height: 40px;
    background-repeat: no-repeat;
    display: block !important;
    background-size: contain;
}

/* IPhone 13 */
.product-single .product-elems #product-42869368 .whitespace-nowrap::after
{
    content: "تم شراؤه 4,234 مرة";
    color: rgb(248, 113, 113, 1) !important;
    font-weight: 700;
    display: block !important;
    margin-top: -60px;
    margin-bottom: 20px;
    margin-right: -300px;
}

/* IPhone 14 */
.product-single .product-elems #product-718747116 .whitespace-nowrap::after
{
    content: "تم شراؤه 4987 مرة";
    color: rgb(248, 113, 113, 1) !important;
    font-weight: 700;
    display: block !important;
    margin-top: -60px;
    margin-bottom: 20px;
    margin-right: -300px;
}

/* IPhone 15 */
.product-single .product-elems #product-178352591 .whitespace-nowrap::after
{
    content: "تم شراؤه 9987 مرة";
    color: rgb(248, 113, 113, 1) !important;
    font-weight: 700;
    display: block !important;
    margin-top: -60px;
    margin-bottom: 20px;
    margin-right: -300px;
}

/* IPhone 16 */
.product-single .product-elems #product-1380463256 .whitespace-nowrap::after
{
    content: "تم شراؤه 2855 مرة";
    color: rgb(248, 113, 113, 1) !important;
    font-weight: 700;
    display: block !important;
    margin-top: -60px;
    margin-bottom: 20px;
    margin-right: -300px;
}

.product-single .product-elems #product-42869368 .whitespace-nowrap .whitespace-nowrap::after,
[data-show="note_42869368"]::after,
.product-single .product-elems #product-718747116 .whitespace-nowrap .whitespace-nowrap::after,
[data-show="note_718747116"]::after,
.product-single .product-elems #product-178352591 .whitespace-nowrap .whitespace-nowrap::after,
[data-show="note_178352591"]::after,
.product-single .product-elems #product-1380463256 .whitespace-nowrap .whitespace-nowrap::after,
[data-show="note_1380463256"]::after
{
    content: none !important;
    display: none !important;
}
/*------------- End of Products Details --------------*/


/*----------------------- Cart -----------------------*/

/*------------------- End of Cart --------------------*/


/*------------------- Testemonials -------------------*/

/*--------------- End of Testemonials ----------------*/
.s-block--faqs
{
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
}

.s-block--faqs .md\:flex
{
    display: grid;
}

.s-block--faqs .justify-between
{
    justify-content: inherit;
}

/*--------------------- Features ---------------------*/
.s-block--features .sm\:py-8
{
    text-align: center;
}
/*----------------- End of Features ------------------*/


/*---------------------- Footer ----------------------*/
.store-footer__inner,
.store-footer__inner .lg\:max-w-sm,
.lg\:min-w-\[293px\]
{
    color: #000 !important;
    
    padding-bottom: 0.5rem;
}

.s-social-link a svg
{
    fill: #000 !important;
}

.py-6,
.md\:py-6
{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.store-footer .gap-8
{
    gap: 0rem;
}

.text-gray-400
{
    color: #000 !important;
}
/*------------------ End of Footer -------------------*/


/*----------------------- Blog -----------------------*/
.post-entry .flex-wrap
{
    visibility: hidden;
}
/*------------------- End of Blog --------------------*/


/*------------------ WhatsApp Icon -------------------*/

/*-------------- End of WhatsApp Icon ----------------*/


/*------------------ Mobile Screens ------------------*/
@media only screen and (max-width: 767px)
{ 

    /*------------------- Header -------------------*/
    .navbar-brand img,
    .main-nav.fixed-pinned .navbar-brand img
    {
        max-height: 45px !important;
        height: 45px !important;
    }
    
    .s-block--marquee
    {
        margin-top:-20px;
    }

    /*------------------- Banner -------------------*/
    salla-slider.photos-slider .swiper-slide
    {
        margin-left: 1rem;
        margin-right: 1rem;
        width: 100%;
    }
    /*----------------- Categories -----------------*/
    
    /*------------------ Products ------------------*/

    /*-------------- Products Details --------------*/
   
    /*-------------------- Cart --------------------*/

    /*---------------- Testemonials ----------------*/
    
    /*------------------ Features ------------------*/
    
    /*------------------- Footer -------------------*/

    /*-------------------- Blog --------------------*/
}
/*-------------- End of Mobile Screens ---------------*/


/*------------------- Animations ---------------------*/

/*----------------- End of Animations ----------------*/