@font-face {
    font-family: 'RobotoSlab-Black';
    src: url('../fonts/robotoslab-black.eot');
    src: url('../fonts/robotoslab-black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/robotoslab-black.woff2') format('woff2'),
        url('../fonts/robotoslab-black.woff') format('woff'),
        url('../fonts/robotoslab-black.ttf') format('truetype'),
        url('../fonts/robotoslab-black.svg#robotoslab-black') format('svg');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/montserrat-medium.eot');
    src: url('../fonts/montserrat-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat-medium.woff2') format('woff2'),
        url('../fonts/montserrat-medium.woff') format('woff'),
        url('../fonts/montserrat-medium.ttf') format('truetype'),
        url('../fonts/montserrat-medium.svg#montserrat-medium') format('svg');
    font-display: swap;
}


@font-face {
    font-family: 'Jellee-Bold';
    src: url('../fonts/Jellee-Bold.eot');
    src: url('../fonts/Jellee-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jellee-Bold.woff2') format('woff2'),
        url('../fonts/Jellee-Bold.woff') format('woff'),
        url('../fonts/Jellee-Bold.ttf') format('truetype'),
        url('../fonts/Jellee-Bold.svg#Jellee-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



:root {
    --title-font-family: RobotoSlab-Black;
    /*    --subtitle-font-family: Jellee-Bold;*/
--subtitle-font-family: Montserrat-Medium;
    --text-font-family: Montserrat-Medium;
    --price-color: rgba(0, 0, 0, 1);
    --regular-color: rgba(155, 155, 155, 1);
    --main-btn-bg: rgba(65, 117, 5, 1);
    --main-btn-tx: rgba(255, 255, 255, 1);
    --minor-btn-tx: rgba(126, 211, 33, 1);
    --image-radius: 5px;
    --button-radius: 5px;
    --menu-icon-color: #000
}

.title_font,
.title_font2 {
    font-family: var(--title-font-family) !important
}

.el-dialog__header,
.secondary_title {
    font-family: var(--subtitle-font-family) !important
}

.page_text_font,
.text_font {
    font-family: var(--text-font-family) !important
}

#app .price_text {
    color: #000 !important
}

#app .regular_price_text {
    color: #9b9b9b !important
}

#app .saveprice {
    border-color: #fff !important;
    color: #fff !important
}

#app .saveprice_tag {
    background-color: #fff !important
}

#app .venue_sales_label,
.venue_sales_label {
    background: #fff !important
}

#app .main_button,
.main_button {
    background-color: #417505 !important;
    color: #fff !important;
    border-color: transparent !important
}

#app .main_button_boder,
.main_button_boder {
    border-color: #417505 !important
}

#app .main_outline_color {
    outline-color: #417505 !important
}

#app .minor_button,
.minor_button {
    background-color: transparent !important;
    color: #7ed321 !important;
    border: 1px solid #7ed321 !important
}

#app .minor_button_color {
    color: #7ed321 !important
}

#app .main_button_bg {
    background-color: #417505 !important
}

#app .main_button_color,
.main_button_color {
    color: #fff !important
}

#app .main_button_color2,
.el-select-dropdown.el-popper .el-select-dropdown__item.selected,
.main_button_color2 {
    color: #417505 !important
}

#app .menu_icon_color {
    color: var(--menu-icon-color) !important
}

#app .menu_background_color {
    background-color: #fff !important
}

.f_title_case {
    text-transform: lowercase !important
}

.f_title_case:first-letter {
    text-transform: capitalize
}

.capitalize {
    text-transform: capitalize
}

.el-message {
    font-family: var(--text-font-family) !important
}

.hover-boder::after {
    border-bottom-color: #000 !important
}

.vogue-home-title {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin-bottom: 40px;
    margin-top: 40px
}


  .menu_icon_color{
    color: #000 !important;
}