:root
{
    --primary-color: #12a9b0 !important;
    --secondary-color: #faaf3b !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 -----------------*/
.dark .promotion-banner,
.dark .animated-text
{
    background: var(--secondary-color) !important;
}

.promotion-banner ul li a,
.animated-text ul li a
{
    padding: 0 15px;
    font-weight: 700;
}

.dark .promotion-banner ul li a,
.dark .animated-text ul li a
{
    color: var(--primary-color) !important;
    padding: 0 15px;
    font-weight: 700;
}

.main-nav-container .inner
{
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img
{
    max-height: 120px;
    max-width: 300px;
    height: 80px !important;
    
    animation: bounce 3s infinite;
    transition-duration: 500ms;
}

.sicon-phone::before
{
    content: "\e917" !important;
}

.sicon-cart::before
{
    content: "\e906" !important;
}

body.trans_header.slider_has_overlay .store-header .s-cart-summary-count
{
    color: #fff !important;
    background: var(--secondary-color) !important;
}

.top-navbar
{
    border-bottom: 0px solid transparent;
}

.main-menu
{
    color: var(--primary-color) !important;
    text-align: center;
    justify-content: center;
}

.dark .main-menu
{
    color: var(--secondary-color) !important;
    text-align: center;
    justify-content: center;
}

.main-menu li.root-level > a,
.main-nav-container.fixed-pinned .main-menu > li > a {
    font-weight: 600;
    font-size: 15px;
    padding: 8px;
}

.main-menu li a span:hover
{
    color: var(--secondary-color) !important;
}

.dark .main-menu li > a:hover,
.dark .main-menu li a span:hover
{
    color: var(--font-color) !important;
}
/*--------------- End of Header ---------------*/


/*------------------ Banner -------------------*/
salla-products-slider .s-slider-block__title
{
    border-bottom: 0px solid #eee;
}

.banner--fixed img
{
    position: relative;
    animation: up-down 6s ease infinite;
}

.s-block--double-banner img
{
    position: relative;
    animation: none;
}
/*--------------- End of Banner ---------------*/

.animated-text
{
    font-weight: 700;
    padding: 5px 0;
    width: 95% !important;
    margin: 20px auto auto auto !important;
    border-radius: 50px;
}

/*----------------- Categories ----------------*/
.s-block--animated-brands--brand img
{
    width: 100px;
    height: 100px;
    padding: 5px;
    background: #fff !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 12px;
}

.s-block--square-links img
{
    object-fit: fill !important;
}

.lg\:grid-cols-5
{
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.s-block--circle-links .rounded-full
{
    border: 1px solid var(--primary-color);
}

.s-block--circle-links .text-store-text-secondary
{
    color: var(--primary-color) !important;
    font-size: 1rem;
    font-weight: 600;
}
/*-------------- End of Categories ------------*/


/*------------------ Products -----------------*/
.dark .enhanced-title-border
{
    border: 2px solid var(--font-color);
}

.dark .enhanced-title-border::before,
.dark .enhanced-title-border::after
{
    background: var(--font-color);
}

.text-store-text-primary,
.products-lookbook__title--mainheading
{
    color: var(--secondary-color);
    font-size: 1.75rem;
    font-weight: 600;
}

.mt-6
{
    font-size: 1rem;
}

.dark .text-store-text-primary
{
    color: var(--primary-color);
    font-size: 1.75rem;
    font-weight: 600;
}

.product-index .text-store-text-primary
{
    color: var(--secondary-color);
    font-size: 1.20rem;
}

.products-has-border .product-card
{
    border: 1px solid var(--primary-color) !important;
}

.dark .products-has-border .product-card
{
    border: 1px solid var(--secondary-color) !important;
}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button,
.product-card__addToCart__btn salla-button button,
salla-button .s-button-btn,
.product-card__buttons > div button
{
    color: var(--font-color);
    background: var(--primary-color) !important;
}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button:hover,
.product-card__addToCart__btn salla-button button:hover,
salla-button .s-button-btn:hover,
.product-card__buttons > div button:hover
{
    color: var(--font-color);
    background: var(--secondary-color) !important;
}

.btn--wishlist, .heart-next-add-button
{
    color: var(--font-color);
    background: var(--secondary-color) !important;
}

.product-card__title a
{
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 700;
    
    white-space: break-spaces !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.dark .product-card__title a
{
    color: var(--font-color);
    font-size: 15px;
    font-weight: 700;
    
    white-space: break-spaces !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.product-card__content-wrapper .text-store-text-secondary
{
    color: #000 /*var(--secondary-color)*/ !important;
}

.product-card__title a:hover
{
    color: var(--secondary-color);
}

.product-card__price,
.product-card__price .total-price,
.product-card__price .text-red-400
{
    color: var(--secondary-color) !important;
    font-size: 15px;
    font-weight: 700;
}

.product-card__price .text-store-text-secondary
{
    color: var(--secondary-color) !important;
    font-weight: 700;
}

.product-card__discount .text-red-400
{
    color: var(--secondary-color) !important;
    font-size: 15px;
}

.sicon-heart::before,
.sicon-eye::before,
.sicon-shopping::before
{
    color: var(--font-color);
}

.product-card__image:hover .sicon-heart::before,
.product-card__image:hover .sicon-eye::before,
.product-card__content .s-button-btn:hover .sicon-shopping::before,
.dark .product-card__image .sicon-heart::before,
.dark .product-card__image .sicon-eye::before,
.dark .product-card__content .sicon-shopping::before
{
    color: var(--font-color) !important;
}

.product-card--primary-buttons button:hover i, .product-card--primary-buttons salla-button:hover i
{
    color: var(--font-color) !important;
}

.product-card--primary-buttons button, 
.product-card--primary-buttons salla-button
{
    color: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    background: var(--primary-color) !important;
}

.dark .product-card--primary-buttons button, 
.dark .product-card--primary-buttons salla-button
{
    color: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    background: var(--secondary-color) !important;
}

.product-card--primary-buttons button:hover, .product-card--primary-buttons salla-button:hover,
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn:hover,
.s-add-product-button-mini-checkout:hover,
.s-fast-checkout-button.outline:hover,
.sticky-cart-single .s-button-element:hover
{
    color: var(--font-color) !important;
    background: var(--secondary-color) !important;
    border-color: var(--primary-color) !important;
}

.dark .product-card--primary-buttons button:hover,
.dark .product-card--primary-buttons salla-button:hover,
.dark .product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn:hover,
.dark .s-add-product-button-mini-checkout:hover,
.dark .s-fast-checkout-button.outline:hover,
.dark .sticky-cart-single .s-button-element:hover
{
    color: var(--primary-color) !important;
    background: var(--font-color) !important;
}

.s-add-product-button-mini-checkout-content
{
    color: var(--font-color) !important;
}

.s-add-product-button-mini-checkout-content:hover
{
    color: var(--font-color) !important;
}

.dark .s-add-product-button-mini-checkout-content
{
    color: var(--font-color) !important;
}

.bg-gray-200
{
    background-color: var(--secondary-color) !important;
}

.btn--outline-primary
{
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
}

.dark .btn--outline-primary:hover
{
    color: var(--primary-color) !important;
    background: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 15px !important;
    opacity: 1;
}

.btn--outline-primary:hover,
.dark .btn--outline-primary
{
    color: var(--font-color) !important;
    background: var(--secondary-color) !important;
}

.btn--outline-primary span
{
    color: var(--font-color) !important;
    font-size: 0 !important;
}

.dark .btn--outline-primary span
{
    color: var(--font-color) !important;
    font-size: 0 !important;
}

.btn--outline-primary span::before
{
    content: "تسوق المزيد" !important;
    color: var(--font-color);
    font-size: 15px !important;
    border-color: none;
    border-width: 0px;
}

.dark .btn--outline-primary span::before
{
    content: "تسوق المزيد" !important;
    color: var(--font-color);
    font-size: 15px !important;
    border-color: none;
    border-width: 0px;
}

.btn--outline-primary:hover span::before,
.dark .btn--outline-primary:hover span::before,
.btn--outline-primary:hover .sicon-keyboard_arrow_left::before,
.dark .sicon-keyboard_arrow_left::before
{
    color: var(--font-color) !important;
}

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

.product-card--primary-buttons salla-button[product-status="out"]
{
    background: #68b8b8 !important;
}
/*------------- End of Products ---------------*/


/*------------ Products Details ---------------*/
.product-single .text-store-text-primary
{
    color: var(--primary-color);
    font-size: 20px;
}

.dark .product-single .fix-align
{
    color: var(--font-color);
}

.dark .product-single .mb-5
{
    color: var(--font-color) !important;
}

.product-single .link--primary
{
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 15px;
    padding: 5px 10px;
}

.dark .product-single .link--primary
{
    color: var(--font-color) !important;
    background: var(--secondary-color) !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 15px;
    padding: 5px 10px;
}

.dark .product-single .text-store-text-primary
{
    color: var(--secondary-color);
    font-size: 18px;
}

.product-single .sicon-shopping::before
{
    color: var(--font-color) !important;
}

.dark .product-single .product-single__info .sicon-heart::before
{
    color: var(--font-color) !important;
}

.product-single .product-single__info .sicon-heart::before
{
    color: var(--primary-color) !important;
}

.dark .product-single .product-single__info .sicon-heart::before,
.product-single .product-card__image .sicon-heart::before
{
    color: var(--font-color) !important;
}

.dark .product-single .product-card__image .sicon-heart::before
{
    color: var(--font-color) !important;
}

.product-single .s-button-btn:hover .sicon-shopping::before,
.dark .product-single .sicon-shopping::before
{
    color: var(--font-color) !important;
}

.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn,
.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-fast-checkout-button.outline,
.sticky-cart-single .s-button-element
{
    color: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    background: var(--primary-color) !important;
}

.s-add-product-button-main .s-add-product-button-mini-checkout:hover,
.s-fast-checkout-button.outline:hover,
.dark .product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn,
.dark .s-add-product-button-main .s-add-product-button-mini-checkout,
.dark .s-fast-checkout-button.outline,
.dark .sticky-cart-single .s-button-element
{
    color: var(--font-color) !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    background: var(--secondary-color) !important;
}

.product-more-info .more-tab-container .more-info-tabs__nav-link,
.product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link
{  
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    text-align: center;
    border-radius: 20px;
    padding: 8px 8px 8px 0px;
}

.dark .product-more-info .more-tab-container .more-info-tabs__nav-link,
.dark .product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link
{  
    color: var(--font-color) !important;
    background: var(--secondary-color) !important;
    text-align: center;
    border-radius: 20px;
    padding: 8px 8px 8px 8px;
}

.product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link::before,
.product-more-info .more-info-tabs__nav-link > span::before,
.dark .product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link::before,
.dark .product-more-info .more-info-tabs__nav-link > span::before
{
    background: transparent !important;
}

.product-more-info.vertical .content-ul-tab li .more-info-tabs__nav-link
{
    padding: 10px 10px 10px 10px !important;
}

.product-more-info.vertical .content-ul-tab .more-info-tabs__nav
{
    border-right: 0;
    border-left: 0px solid transparent !important;
}

.rtl\:md\:pr-\[15px\]:where([dir="rtl"], [dir="rtl"] *)
{
    padding-right: 15px;
    display: inline-grid;
}

.product-single__info .hydrated
{
    order: 2;
}

.product-more-info
{
    margin: auto !important;
    display: flex;
}
/*--------- End of Products Details -----------*/


/*------------------- Cart --------------------*/
.cart .text-store-text-primary
{
    color: var(--primary-color);
    font-size: 20px;
}

.cart .text-store-text-secondary
{
    color: var(--secondary-color) !important;
    font-size: 1rem;
    font-weight: 600;
}

.dark .fix-align
{
    color: var(--font-color);
}

.dark .cart .text-sm
{
    color: var(--secondary-color) !important;
    font-size: 1rem;
}

salla-button .s-button-btn
{
    border-radius: 15px;
}

.cart .space-x-3 .sicon-shipping-fast
{
    background-color: #fff !important;
    border: 1px solid var(--primary-color);
}
/*--------------- End of Cart -----------------*/


/*--------------- Testemonials ----------------*/
.reviews-slider .text-store-text-primary
{
    font-size: 15px;
}
/*------------ End of Testemonials ------------*/


/*----------------- Features ------------------*/
.s-block--enhanced-features__item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.dark .s-block--enhanced-features__item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.feature-icon img.lazy.loaded
{
    /*border: 1px solid var(--primary-color) !important;*/
    border-radius: 15px;
}

.dark .feature-icon img.lazy.loaded
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.s-block--enhanced-features__item h2
{
    color: var(--primary-color) !important;
    font-size: 1.125rem;
}

.dark .s-block--enhanced-features__item h2
{
    color: var(--font-color) !important;
    font-size: 1.125rem;
}

.s-block--enhanced-features__item p
{
    color: var(--secondary-color) !important;
    font-size: 1rem;
    font-weight: 600;
}

.dark .s-block--enhanced-features__item p
{
    color: var(--secondary-color) !important;
    font-size: 1rem;
    font-weight: 600;
}
/*------------- End of Features ---------------*/

.single-faq .text-store-text-primary
{
    color: var(--primary-color) !important;
    font-size: 1.125rem;
    font-weight: 600;
}

.faq-content .text-store-text-secondary
{
    color: var(--primary-color) !important;
}

.dark .single-faq .text-store-text-primary
{
    color: var(--secondary-color) !important;
    font-size: 1.125rem;
    font-weight: 600;
}

.dark .faq-content .text-store-text-secondary
{
    color: var(--font-color) !important;
}

.dark .faq-btn .text-primary-reverse
{
    color: var(--primary-color);
    background: var(--font-color);
}

/*------------------ Footer -------------------*/
.store-footer .store-footer__curve
{
    color: var(--primary-color) !important;
}

.store-footer .store-footer__inner,
.store-footer .store-footer__contacts-row,
.store-footer .store-footer__newsletter,
.store-footer .md\:flex
{
    color: var(--font-color);
    background-color: var(--primary-color) !important;
}

.store-footer .lg\:-mt-\[45px\] .img-fluid
{
    height: 100px !important;
    margin-top: -50px;
    
    animation: scale 1.4s linear infinite;
}

.footer-list a
{
    font-weight: 700;
}

.footer-is-custom .store-footer .footer-rights p,
.footer-is-custom .store-footer .footer-rights p:hover,
.md\:mb-0 a,
.md\:mb-0 a:hover
{
    color: var(--font-color);
    opacity: 1;
    font-weight: 700;
}

.store-footer__inner .mb-1
{
    text-align: center;
}

.rounded_contacts a,
.rounded_contacts a i ,
.md\:mb-0
{
    color: var(--font-color) !important;
    opacity: 1;
}

.footer-is-custom .store-footer .contact-icon, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .social-link
{
    border: 1px solid var(--font-color) !important;
    opacity: 1;
}
/*---------------- End of Footer --------------*/


/*-------------------- Blog -------------------*/
.brands-nav__item
{
    border: 1px solid var(--primary-color) !important;
    border-radius: 15px;
}

.dark .brands-nav__item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.brand-item
{
    border: 1px solid var(--primary-color) !important;
    border-radius: 15px;
}

.dark .brand-item
{
    border: 1px solid var(--secondary-color) !important;
    border-radius: 15px;
}

.brands-nav__item span
{
    color: var(--primary-color) !important;
    font-weight: 700;
}

.dark .brands-nav__item span
{
    color: var(--primary-color) !important;
    font-weight: 700;
}

.brands-single .text-store-text-primary,
.brands-single .text-store-text-secondary
{
    color: var(--primary-color);
}

.dark .brands-single .text-store-text-primary,
.dark .brands-single .text-store-text-secondary
{
    color: var(--secondary-color);
}

.dark .brands-index .brand-char .fix-align
{
    color: var(--primary-color);
    font-weight: 700;
}
/*--------------- End of Blog -----------------*/


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

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


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

    /*----------------- Header ----------------*/
    .top-navbar
    {
        display: flex;
        min-height: 0;
        padding-bottom: 0;
        padding-top: 0.5rem;
    }
    
    .navbar-brand img
    {
        height: 75px !important;
    }
    /*----------------- Banner ----------------*/

    /*--------------- Categories --------------*/
    .lg\:grid-cols-5
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    
    .s-block--circle-links .swiper-wrapper
    {
        height: 60%;
        width: 60%;
    }
    
    .w-40
    {
        width: 6rem;
    }
    
    .h-40
    {
        height: 6rem;
    }
    /*---------------- Products ---------------*/
    .text-store-text-primary,
    .products-lookbook__title--mainheading
    {
        font-size: 1.35rem;
    }
    
    .index.mobile_small_blocks_titles h2.text-3xl,
    .mt-6
    {
        font-size: 0.85rem;
    }
    
    .product-card__actions div button
    {
        color: #fff;
        background-color: var(--secondary-color);
    }
    
    .product-index .text-store-text-primary
    {
        font-size: 0.85rem;
    }

    .product-card__title a
    {
        font-size: 14px;
    }
    /*------------ Products Details -----------*/

    /*-------------- Testemonials -------------*/
    
    /*---------------- Features ---------------*/
    .s-block--enhanced-features__item h2
    {
        color: var(--primary-color) !important;
        font-size: 1rem;
    }
    
    .dark .s-block--enhanced-features__item h2
    {
        color: var(--font-color) !important;
        font-size: 1rem;
    }
    
    .s-block--enhanced-features__item p
    {
        color: var(--secondary-color) !important;
        font-size: 0.85rem;
        font-weight: 600;
    }
    
    .dark .s-block--enhanced-features__item p
    {
        color: var(--secondary-color) !important;
        font-size: 0.85rem;
        font-weight: 600;
    }
    /*------------------ Cart -----------------*/
    
    /*----------------- Footer ----------------*/
    .store-footer .lg\:-mt-\[45px\] .img-fluid
    {
        height: 80px !important;
    }
    /*------------------ 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 ------------*/