:root
{
    --primary-color: #2041a4 !important;
    --secondary-color: #3f68de !important;
    --linear-gradient: linear-gradient(to left, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
    
    --color-primary: #2041a4 !important;
}

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

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


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

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

body
{
    background-color: #e9e9e9 !important;
}

/*------------------ Header -------------------*/
.angel-ad__item a:hover
{
    color: var(--font-color) !important;
}

.sidemenu-link h5
{
    color: var(--primary-color) !important;
}

.navbar-brand img
{
    height: 4rem !important;
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
.home-slider__content
{
    align-items: center;
    justify-content: flex-end;
}

.md\:text-start,
.md\:items-start
{
    text-align: center !important;
    align-items: center !important;
}

.md\:text-base
{
    font-weight: 600 !important;
}

.s-button-primary,
.btn-primary
{
    color: var(--font-color) !important;
    background: var(--linear-gradient);
    border: 1px solid var(--font-color);
}

.home-slider salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg,
.home-slider salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg
{
    fill: var(--font-color) !important;
}

.swiper-wrapper > div > a > img
{
    border-radius: 2rem;
}
/*---------------- End of Banner --------------*/


/*----------------- Categories ----------------*/
.slide--cat-entry h4
{
    font-size: 1rem;
    color: var(--primary-color) !important;
}
/*------------- End of Categories -------------*/


/*------------------ Products -----------------*/
.section--title, .s-slider-block__title h2,
.s-slider-block__title h2,
.s-block__title h2
{
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    background-clip: text;
    background-image: linear-gradient(-225deg, #005779 0%, #00917c 29%, #ff8000 67%, #00ff37 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
}

.s-slider-block__title,
.s-block__title
{
    margin-bottom: 2rem;
    text-align: center !important;
    display: contents;
}

.s-slider-block__title-right,
.s-slider-block__title h2
{
    padding-left: 0rem !important;
}

.s-slider-block__display-all,
.s-block__display-all,
.s-block__title p
{
    margin: auto !important;
}

.s-block__title p
{
    color: var(--primary-color) !important;
    font-size: 1rem;
    font-weight: 600 !important;
    padding-left: 0rem;
    margin-bottom: 1rem !important;
}

.tabs-wrapper
{
    background: transparent !important;
}

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

.s-product-card-content-footer salla-add-product-button .s-button-outline
{
    color: var(--font-color) !important;
    background: var(--linear-gradient);
    border: 1px solid var(--primary-color);
}

.s-product-card-vertical .s-product-card-wishlist-btn button
{
    color: var(--primary-color) !important;
    opacity: 1;
}
/*--------------- End of Products -------------*/


/*--------------- Products Details ------------*/
.s-quantity-input-button svg
{
    fill: var(--primary-color) !important;
}
/*------------ End of Products Details --------*/


/*--------------------- Cart ------------------*/
.cart .text-gray-400
{
    color: var(--primary-color) !important;
    font-size: 1.15rem;
    font-weight: 600 !important;
}
/*------------------ End of Cart --------------*/


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

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


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


/*--------------------- FAQ -------------------*/
.faq-container .faq-item,
.faq-container:hover .faq-item
{
    color: #fff !important;
    background-color: var(--color-primary) !important;
}
/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/
.title-mail .text-xl
{
    color: var(--primary-color) !important;
}

.store-footer h3
{
    color: var(--primary-color);
    text-align: center !important;
}

.store-footer .footer-container .footer-list a
{
    text-align: center !important;
}

.s-button-primary,
.s-button-primary:hover,
.contact-links a,
.contact-links a:hover
{
    color: var(--font-color) !important;
    background: var(--linear-gradient);
}

.py-4
{
    color: var(--font-color) !important;
    background: var(--linear-gradient);
    padding: 1rem 1rem;
    border-radius: 20px !important;
}

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

.md\:mb-0
{
    font-weight: 600 !important;
}
/*----------------- End of Footer -------------*/


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

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


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

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


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

    /*----------------- Header ----------------*/
    .navbar-brand img
    {
        height: 3.5rem !important;
    }
    /*----------------- Banner ----------------*/
    .home-slider__content
    {
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 60px !important;
        padding: 1rem;
    }
    
    /*--------------- Categories --------------*/
    .slide--cat-entry h4
    {
        font-size: 0.80rem;
        color: var(--primary-color) !important;
    }
    
    /*---------------- Products ---------------*/
    .section--title, .s-slider-block__title h2,
    .s-slider-block__title h2,
    .s-block__title h2
    {
        font-size: 1.15rem;
    }
  
    /*------------ Products Details -----------*/

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

    /*--------------- Testemonials ------------*/
    
    /*----------------- Features --------------*/
    .s-block--features p
    {
        font-size: 0.8rem;
    }
    /*------------------ Footer ---------------*/

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


/*----------------- Animations ----------------*/
@keyframes textclip
{
    to
    {
        background-position: 200% center;
    }
}
/*-------------- End of Animations ------------*/