:root
{
    --primary-color: #473b91 !important; /* rgb(71, 59, 145) */
    --secondary-color: #bcabca !important; /* rgb(188, 171, 202) */
    --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 -------------------*/
.ps-header .ps-logo img
{
    max-width: 150px;
    min-width: 100px;
    height: 100px;

  animation: scale 1.4s linear infinite;
}

.sicon-menu::before,
.sicon-search::before,
.sicon-user::before,
.sicon-cart::before
{
    color: var(--primary-color) !important;
}

.main-menu li.root-level
{
    color: var(--primary-color) !important;
    margin: 8px;
}

.main-menu li.root-level a,
.mm-ocd .mm-spn span
{
    color: var(--primary-color) !important;
    font-weight: 600 !important;
}

.main-menu li.root-level a span
{
    font-weight: 600 !important;
}
/*--------------- End of Header ---------------*/


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

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


/*----------------- Categories ----------------*/
.catg-banner img,
.common-questions .svg-box img
{
    margin-top: 30px !important;
  
    position: relative;
    animation: up-down1 8s ease infinite;
}
/*------------- End of Categories -------------*/


/*------------------ Products -----------------*/
.s-product-card-image img
{
    border: 2px solid var(--primary-color) !important;
    border-radius: 25px 8px 25px 8px !important;
    margin-top: 20px;
}
/*--------------- End of Products -------------*/


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

/*------------ End of Products Details --------*/


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

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


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

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


/*------------------- Features ----------------*/

/*---------------- End of Features ------------*/


/*--------------------- FAQ -------------------*/
.accordion-box .item-box .header-accordion h3
{
    font-size: 18px;
    color: var(--primary-color) !important;
}
/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/
.logo-footer img
{
    max-width: 150px;
    min-width: 100px;
    height: 100px;

    animation: bounce 3s infinite;
    transition-duration: 500ms;
}

.ps-footer--block .ps-block__title,
.ps-footer__middle .ps-footer__title,
.ps-footer__middle .ps-footer--contact .s-contacts-title
{
    color: var(--primary-color) !important;
}

.store-description strong,
.ps-footer--block .s-menu-footer-list .s-menu-footer-item:hover
{
    color: var(--primary-color) !important;
    font-weight: 600;
}
/*----------------- End of Footer -------------*/


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

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


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

    /*----------------- Header ----------------*/
    .ps-header .ps-logo img
    {
        height: 80px;
    }
  
    /*----------------- Banner ----------------*/

    /*--------------- Categories --------------*/
    .catg-custom.catg-style-2 .catg-custom-item a h3
    {
        color: #fff !important;  
        font-size: 15px;
        font-weight: 600;
        background: #bcabca !important;
        padding: 0px 8px;
        border-radius: 8px;
    }

    .catg-banner img
    {
        width: 75%;
        height: auto;
        margin: auto;
    }  
  
    /*---------------- Products ---------------*/
    .s-product-card-image img
    {
        margin-top: 2px;
    }
  
    /*------------ Products Details -----------*/

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

    /*--------------- Testemonials ------------*/
    
    /*----------------- Features --------------*/
    
    /*------------------ Footer ---------------*/
    .logo-footer img
    {
        max-height: 100px;
        height: 80px;
    }
    /*------------------- Blog ----------------*/
    body .s-block--video
    {
        margin-bottom: -5rem;
    }
}
/*------------- End of Mobile Screens ---------*/


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

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

@keyframes up-down1
{
    0%, 100%
    {
        top: 0;
    }
    50%
    {
        top: -25px;
    }
}
/*-------------- End of Animations ------------*/