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

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

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


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

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


/*------------------ Header -------------------*/
.navbar-brand img
{
    height: 5rem !important;
    
    animation: bounce 3s infinite;
    transition-duration: 500ms;
}

.main-menu li span
{
    font-weight: 600;
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
section:nth-of-type(3) .fixed-banner-container .new-banner img,
section:nth-of-type(4) .fixed-banner-container .new-banner img,
section:nth-of-type(5) .fixed-banner-container .new-banner img,
section:nth-of-type(6) .fixed-banner-container .new-banner img,
section:nth-of-type(7) .fixed-banner-container .new-banner img,
section:nth-of-type(8) .fixed-banner-container .new-banner img,
section:nth-of-type(9) .fixed-banner-container .new-banner img
{
    padding-top: 30px;
    
    position: relative;
    animation: up-down 8s ease infinite;
}
/*---------------- End of Banner --------------*/


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

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


/*------------------ Products -----------------*/
.s-products-list-vertical-cards .s-product-card-vertical .product-entry__inner .s-product-card-image .s-product-card-wishlist-btn .s-product-card-wishlist-btn .s-button-text .sicon-heart::before,
.s-products-slider-card .s-product-card-vertical .product-entry__inner .s-product-card-image .s-product-card-wishlist-btn .s-product-card-wishlist-btn .s-button-text .sicon-heart::before
{
    color: #fff !important;
}

.s-product-card-content-sub-below
{
    margin-bottom: 10px;
}
/*--------------- End of Products -------------*/


/*--------------- Products Details ------------*/
.bg-main-components-bg-color,
.is-sticky-product-bar .is-sticky-standard-color,
.single-product .main-content .s-product-options-wrapper-standard-color
{
    background-color: #fff !important;
}

.xl\:text-4xl
{
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.total-price
{
    font-size: 1.15rem;
}

.is-sticky-product-bar .is-sticky-standard-color salla-add-product-button .s-button-primary
{
    background-color: #000;
    color: #fff;
}
/*------------ End of Products Details --------*/


/*--------------------- Cart ------------------*/
.cart-item,
.cart-item .s-product-options-option-container .s-product-options-option
{
    background-color: #fff !important;
}

.cart-submit-wrap .s-button-wrap .s-button-primary
{
    background-color: #000 !important;
    color: #fff !important;
}
/*------------------ End of Cart --------------*/


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

/*-------------- End of Testemonials ----------*/


/*------------------- Features ----------------*/
.s-block--features__item .feature-image
{
    background: #fff !important;
}

salla-slider .slide--one-fifth
{
    width: 25%;
}

.s-block--features__item
{
    padding: 2px;
}

.w-10
{
    width: 3.5rem;
}

.h-10
{
    height: 3.5rem;
}

.statistics-block div salla-slider .slide--one-fourth
{
    height: 8rem;
    width: 50%;
}
/*---------------- End of Features ------------*/


/*--------------------- FAQ -------------------*/

/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/
.store-footer
{
    margin-bottom: 0px;
    color: #fff !important;
    background: #000 !important;
    border-radius: 40px 40px 0 0;
}

.store-footer .navbar-brand img
{
    background: #fff;
    border-radius: 50px;
    
    animation: scale 1.4s linear infinite;
}

.s-social-list,
.store-footer .s-contacts .s-contacts-list #contact-slot .s-contacts-item .s-contacts-icon
{
    fill: #fff !important;
}

.store-footer .s-contacts,
.store-footer .s-contacts .s-contacts-list,
.md\:items-start
{
    align-items: center;
}

.store-footer .s-social-list .s-social-link a
{
    height: 1.5rem;
    width: 1.5rem;
}

.store-footer .s-payments-list-item
{
    background: #fff !important;
    height: 1.5rem;
    width: 2.5rem;
    border-radius: 8px;
}

.copyright
{
    color: #fff !important;
    background: #000;
    padding-top: 10px;
}
/*----------------- End of Footer -------------*/


/*--------------------- Blog ------------------*/

/*------------------ End of Blog --------------*/


/*---------------- WhatsApp Icon --------------*/
.sicon-whatsapp2::after
{
    content: "\E917";
    text-align: center;
    cursor: pointer;
    background: #46a51e;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0px;
    color: #fff;
    box-shadow: #00000022 1.5px 1.5px 5px;
    width: 0px;
    height: 0px;
    border-radius: 27.5px;
    position: fixed;
    bottom: 25px;
    right: 15px;
    transform: rotate(360);
    transition: all .2s ease-in-out;
    margin-bottom: 0px !important;
}

body[style] .sicon-whatsapp2::after,
body[cz-shortcut-listen="true"] .sicon-whatsapp2::after,
i.sicon-whatsapp2::after
{
    width: 56px;
    height: 56px;
    border-radius: 32.5px;
    font-size: 30px;
    box-shadow: #0000006b 2px 2px 8px;
}

.sicon-whatsapp2:after:hover
{
    border-radius: 0;
    border: 0;
    width: 180px;
    height: 60px;
}

.sicon-whatsapp2:hover::after
{
    content: "حاب نساعدك 😃؟ ";
    width: 260px !important;
    animation: trns 1s;
    font-size: 20px !important;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes trns
{
    0%
    {
        color: #ffffff00;
    }

    100%
    {
        color: #ffffff99;
    }
}

@media only screen and (max-width: 767px)
{
    .sicon-whatsapp2::after
    {
        margin-bottom: 45px !important;
    }
}
/*-------------- End of WhatsApp Icon ---------*/


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

    /*----------------- Header ----------------*/
    
    /*----------------- Banner ----------------*/

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

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

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

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

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


/*----------------- Animations ----------------*/
@keyframes bounce
{
    0%, 100%
    {
        opacity: 1;
        transform: rotateY(0);
    }
    
    50%
    {
        opacity: 0.5;
        transform: rotateY(180deg);
    }
}

@keyframes up-down
{
    0%, 100%
    {
        top: 0;
    }
    50%
    {
        top: -25px;
    }
}

@keyframes scale
{
    0%,100%
    {
        transform: scale(1);
        opacity: 1;
    }
    50%
    {
        transform: scale(.9);
        opacity: .7;
    }
}
/*-------------- End of Animations ------------*/