/*----------------------------------------------
*
* [Theme Indigo Stylesheet]
*
* Theme    : Leverage
* Version  : 2.1
* Author   : Codings
* Support  : codings.dev
* 
----------------------------------------------*/

/*----------------------------------------------

[ALL CONTENTS]

1. Root
2. Custom Theme Styles

----------------------------------------------*/

/*----------------------------------------------
1. Root
----------------------------------------------*/

/* #region Root */

:root {
    
    --primary-color: #5900ff;
    --secondary-color: #8340ff;
}

/* #endregion Root */

/*----------------------------------------------
2. Custom Theme Styles
----------------------------------------------*/

/* #region Custom Theme Styles */

:root {
    --header-bg-color: #f5f5f5;
    --nav-item-color: #2f323a;
    --top-nav-item-color: #2f323a;
    --hero-bg-color: #f5f5f5;

    --section-1-bg-color: #eeeeee;
    --section-2-bg-color: #f5f5f5;
    --section-3-bg-color: #eeeeee;
    --section-4-bg-color: #f5f5f5;
    --section-5-bg-color: #eeeeee;
    --section-6-bg-color: #f5f5f5;
    
    --footer-bg-color: #eeeeee;
}

.hero {
    background: #ffffff;
}

.hero .hero-logo {
    margin-bottom: 2rem;
}

.hero .primary-button {
    background: #6610f2;
    border: none;
    padding: 10px 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.hero .primary-button:hover {
    background: #5a0ce0;
}

.hero .hero-product {
    transform: scale(1.2);
    margin-top: 2rem;
}

@media (max-width: 767px) {
    .hero .hero-product {
        transform: scale(1);
        margin-top: 3rem;
    }
}

@media (max-width: 768px) {
    .right.text-center.text-md-left.d-flex {
        flex-direction: column;
    }
    .right.text-center.text-md-left.d-flex > div {
        margin-bottom: 2rem;
    }
}

/* #endregion Custom Theme Styles */