/*======================================================================
Theme Color All Codes Variable
======================================================================*/

:root {
    --theme-general-color: #6d7175;
    /* theme gray color */
}

:root {
    --theme-primary-color: #f2bb31;
    /* theme primary color */
}

:root {
    --theme-secondary-color: #081c34;
    /* theme secondary color */
}

:root {
    --theme-white-color: #fff;
    /* theme white font color */
}

:root {
    --theme-light-color: #f8f9fa;
    /* theme light gray color */
}

:root {
    --theme-gray-color: #efefef;
    /* theme gray color */
}

:root {
    --theme-text-gray: #c3c3c3;
    /* theme text gray color */
}

:root {
    --theme-dark-color: #05162a;
    /* theme dark color */
}

:root {
    --theme-footer-color: #081c34;
    /* theme dark color */
}

:root {
    --theme-primary-opacity-color: rgba(255, 186, 0, .8);
    /* theme secondary color */
}

:root {
    --theme-secondary-opacity-color: rgba(41, 39, 52, .7);
    /* theme secondary color */
}

:root {
    --theme-white-opacity-color: rgba(255, 255, 255, 0.5);
    /* theme light color */
}

:root {
    --text-light-color: #a5a5a5;
    /* text light color */
}


/*======================================================================
Font Variables
======================================================================*/

:root {
    --theme-general-font: 'Montserrat', sans-serif;
    ;
    /* Font use for normal text and general text */
}

:root {
    --theme-hiperlink-font: 'Montserrat', sans-serif;
    ;
    /* Font use for link text */
}

:root {
    --theme-highlight-font: 'Rajdhani', sans-serif;
    /* Font used in title or special area */
}


/*======================================================================
Extra Styles Start
======================================================================*/

h1,
.h1 {
    font-size: 50px;
    font-weight: 700
}

h2,
.h2 {
    font-size: 42px;
    font-weight: 700
}

h3,
.h3 {
    font-size: 36px;
    font-weight: 700
}

h4,
.h4 {
    font-size: 30px;
    font-weight: 700
}

h5,
.h5 {
    font-size: 24px;
    font-weight: 600
}

h6,
.h6 {
    font-size: 18px;
    font-weight: 600
}

.btn-primary,
.btn-primary:hover {
    color: var(--theme-secondary-color);
}

.tagline {
    font-weight: 600;
    font-size: 18px;
    font-family: var(--theme-highlight-font);
}

.product-wrapper .product-info .product-title {
    font-size: 15px;
    font-weight: 500;
}

.product-wrapper .product-info .product-price .price bdi,
.product-wrapper .product-info .product-price .price ins {
    font-size: 15px;
    font-family: var(--theme-highlight-font);
    font-weight: 600;
}