{
    --primary-color: #41b8e2 !important;
    --secondary-color: #ffffff !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 ------------------*/
.index::before
{
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary-color) !important;
    background: var(--secondary-color) url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/mdVQo/GDGHlxQp2zTfGHBigNNJthTUu6KGjLcmZ8Yp9qsn.jpg);
    position: fixed;
    z-index: 9999999999999 !important;    
    transform: scale(0);
    background-size: 20% !important;
    background-repeat: no-repeat;
    background-position: center !important;
    
    animation-name: splash;
    animation-duration: 2s;
}

@keyframes splash
{
  0%
  {
    transform: scale(1);
  }
  20%
  {
    transform: scale(1);
  }
  80%
  {
    transform: scale(1);
  }
  100%
  {
    transform: scale(0) rotate(360deg);
  }
}
/*--------------- End of Splash Screen ---------------*/

body
{
    background: var(--primary-color) !important;
}

/*---------------------- Header ----------------------*/
.navbar-brand img,
.fixed-pinned .navbar-brand img
{
    max-height: 5rem;
    max-width: 170px;
}

.header-components,
.fixed-pinned.header-components,
.header-is-light .fixed-pinned .inner
{
    color: var(--primary-color) !important;
    background: var(--font-color) !important;
    padding: 0.5rem 1.25rem;
}

.sicon-search::before,
.header-icon-button,
.sicon-user::before,
.sicon-cart2::before,
a.s-cart-summary-wrapper .s-cart-summary-total
{
    color: var(--primary-color);
    font-weight: 600;
}

.main-menu li.root-level > a,
.main-menu li.root-level > a:hover
{
    color: var(--primary-color) !important;
    font-size: 18px;
    font-weight: 600;
}
/*------------------ End of Header -------------------*/


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

/*------------------ End of Banner -------------------*/


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

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


/*--------------------- Products ---------------------*/
.s-block__title .center-side
{
    color: var(--font-color) !important;
    padding-left: 1rem;
    padding-right: 1rem;
    background: var(--primary-color);
}

.product-entry .btn--wishlist button
{
    color: var(--font-color) !important;
    background: var(--primary-color);
    border: 2px solid #fff;
}

body.product-entry--fit-type .product-entry img
{
    height: 85%;
}

.s-product-card-content
{
    margin-top: -60px;
    background: #fff !important;
}

.s-product-card-content-title a
{
    color: var(--color-primary) !important;
    text-align: center;
}

.product-entry salla-add-product-button salla-button button
{
    background-color: var(--color-primary);
    opacity: 1;
}

.sicon-cart-add::before
{
    color: var(--font-color) !important;
}

.fixed-products .transition-all,
.s-block--testimonials .transition-all,
.display-all-url:hover i,
.display-all-url:hover span
{
    color: var(--primary-color);
    font-weight: 600;
    background: #fff !important;
}
/*----------------- End of Products ------------------*/


/*----------------- Products Details -----------------*/
.bg-zinc-100,
.product-index .page-header
{
    background: var(--primary-color) !important;
}

.product-index .rtl\:pl-3,
.product-index .rtl\:ml-3
{
    color: #fff;
}

.breadcrumbs .fix-align
{
    color: var(--font-color) !important;
    background: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
}

.whitespace-nowrap a,
.sicon-keyboard_arrow_left::before
{
    color: var(--font-color) !important;
    font-size: 16px;
    font-weight: 600;
}

.details-slider-wrapper .s-slider-container
{
    background: transparent !important;
}

.main-content .main-content-data .product-title
{
    color: var(--font-color) !important;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.tab-accordion .accordion::after
{
    color: var(--font-color) !important;
    background-color: var(--color-primary);
}

.tab-accordion .accordion .accordion-title
{
    color: var(--color-primary);
}

.product-single .text-gray-400
{
    color: var(--font-color) !important;
}

.product-single .mb-3
{
    margin-bottom: .75rem;
    padding: 1rem;
}

body.font-estedad .article--main
{
    color: var(--font-color) !important;
}

#app .s-quantity-input-container
{
    color: var(--primary-color);
    font-weight: 600;
    background: #fff !important;
    border: 2px solid #fff;
}

.product-single .md\:text-2xl
{
    color: var(--font-color) !important;
    font-size: 1.25rem;
}

.product-fixed-bar .product-form,
.product-single .gray-price
{
    color: var(--font-color) !important;
}

 .tab-accordion .accordion
 {
    padding: 0.5rem !important;
    border-radius: 15px;
}

.s-comments-product .s-button-primary
{
    color: var(--font-color) !important;
}

.product-single salla-button .s-button-btn
{
    color: var(--primary-color);
    font-size: 14px;
    background: #fff !important;
}
/*------------- End of Products Details --------------*/


/*----------------------- Cart -----------------------*/
.cart .sm\:p-7
{
    color: var(--primary-color) !important;
    padding: 1rem;
}

.cart .space-y-1 .text-gray-900 a
{
    color: var(--primary-color) !important;
    font-size: 16px;
}

.cart .text-gray-400
{
    color: var(--primary-color) !important;
    font-size: 15px;
    font-weight: 600;
}

.cart button.btn--coupon,
.cart .s-button-text
{
    color: var(--font-color) !important;
}
/*------------------- End of Cart --------------------*/


/*------------------- Testemonials -------------------*/
.sicon-quote-open::before
{
    font-size: 40px !important;
}

.testimonials-itme .md\:mt-4
{
    color: var(--font-color) !important;
    font-size: 16px;
}

.md\:pt-2
{
    color: var(--font-color) !important;
}

.rtl\:pl-10
{
    padding-left: 2.5rem;
    color: var(--primary-color) !important;
}

.comment .text-gray-500,
.comment .text-gray-600
{
    color: var(--font-color);
}
/*--------------- End of Testemonials ----------------*/


/*--------------------- Features ---------------------*/
.features-home .s-block--features__item, .s-block--features .s-block--features__item
{
    padding: .15rem 0.5rem;
}

.features-home .s-block--features__item,
.s-block--features .s-block--features__item
{
    border: 1px solid var(--font-color);
    background: var(--primary-color);
}

.sicon-macro::before,
.sicon-image1::before,
.sicon-shield-check::before,
.sicon-shipping-fast::before
{
    color: var(--font-color) !important;
}

.s-block--features__item h4
{
    color: var(--font-color) !important;
    font-size: 16px;
    font-weight: 600;
}
/*----------------- End of Features ------------------*/


/*---------------------- Footer ----------------------*/
.store-footer,
.footer-user-menu .s-user-menu-dropdown-item a .s-user-menu-dropdown-item-title
{
    color: var(--primary-color) !important;
    text-align: center;
    background: var(--font-color) !important;
    padding-top: 1.5rem;
}

.footer-logo img
{
    display: inherit;
}

.user-contacts .links-contact,
.footer-user-menu .s-user-menu-dropdown-item a
{
    justify-content: center;
}

.md\:mb-0
{
    color: var(--primary-color) !important;
}
/*------------------ End of Footer -------------------*/


/*----------------------- Blog -----------------------*/
.content--single-page
{
    color: var(--font-color) !important;
    background: var(--primary-color);
    margin-top: 1rem;
}

.content--single-page h1
{
    color: var(--font-color) !important;
    margin-bottom: 0.5rem;
}
/*------------------- End of Blog --------------------*/


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

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


/*------------------ Mobile Screens ------------------*/
@media only screen and (max-width: 767px)
{ 
    .index::before
    {
       background-size: 55% !important;
    }

    /*------------------- Header -------------------*/
    .navbar-brand img,
    .fixed-pinned .navbar-brand img
    {
        max-height: 4rem;
        max-width: 170px;
    }
    
    .menu-title,
    .sicon-menu,
    a.s-cart-summary-wrapper .s-cart-summary-total
    {
        color: var(--primary-color) !important;
    }
    
    .menu-fixed-bar
    {
        padding: 0;
    }
    
    .header-is-light #mainnav .inner
    {
        background-color: var(--font-color) !important;
    }
    
    a.s-cart-summary-wrapper
    {
        background: var(--font-color);
    }
    
    .header-components-top .search-btn,
    .header-icon-button
    {
        background: #fff !important;
    }
    
    .sicon-search::before,
    .sicon-user::before
    {
        color: var(--primary-color);
        font-size: 1.15rem !important;
        line-height: 1.25rem !important;
    }
    /*------------------- Banner -------------------*/
    salla-slider.photos-slider .swiper-slide
    {
        width: 100%;
        border-radius: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    /*----------------- Categories -----------------*/
    
    /*------------------ Products ------------------*/
    body.product-entry--fit-type .product-entry img
    {
        height: 100% !important;
        object-fit: fill !important;
    }
    
    .s-product-card-content
    {
        margin-top: 0px;
        background: #fff !important;
    }
    /*-------------- Products Details --------------*/
    .main-content .main-content-data .product-title
    {
        color: var(--font-color) !important;
        font-size: 1.25rem;
        line-height: 2rem;
    }
  
    /*---------------- Testemonials ----------------*/
    
    /*------------------ Features ------------------*/
    
    /*-------------------- Cart --------------------*/
    
    /*------------------- Footer -------------------*/

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


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

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