@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/heebo/Heebo-Thin.otf);
}
@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 200;
    src: url(fonts/heebo/Heebo-Light.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/heebo/Heebo-Regular.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/heebo/Heebo-Medium.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/heebo/Heebo-SemiBold.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/heebo/Heebo-Bold.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/heebo/Heebo-ExtraBold.otf);
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Montserrat/Montserrat-Medium.ttf);
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/HelveticaNeue/HelveticaNeueThin.otf);
}
@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 200;
    src: url(fonts/HelveticaNeue/HelveticaNeueUltraLight.otf);
}

@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/HelveticaNeue/HelveticaNeueLight.otf);
}

@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/HelveticaNeue/HelveticaNeueMedium.otf);
}

@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/HelveticaNeue/HelveticaNeueBold.otf);
}

@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/HelveticaNeue/HelveticaNeueHeavy.otf);
}

@font-face {
    font-family: 'Quinstory';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/Quinstory/Quinstory.otf);
}



:root{
    /* NEW STANDARD ROOT CSS */
    /*theme-color*/
    --primary-color : #5E5A34;
    --secondary-color: #1C2232;
    --tertiary-color: #68796B;
    --fourth-color: #1D253B;
    --fifth-color: #F6F6F4; 
    --sixth-color: #f7fae8;
    --error-color: #fb403a;
    --warning-color: #ffe139;
    --success-color: #2CAA0D;
    --hyperlink-text-color: #0000EE;

 /*webpage*/
    --default-border: 1px solid #ddd;
    --default-bg-color: #fff;
    --default-primary-bg-color: #000;
    --default-secondary-bg-color: #fff;
    --default-primary-text-color: #000;
    --default-secondary-text-color: #fff;
    --primary-border-color: #DEDEDE;
    --primary-bg-color : #fff;
    --secondary-bg-color: #f7f7f7; 
    --primary-text-color:#F06354;
    --secondary-text-color : #fff;
    --tertiary-text-color : #000000;
    --fourth-text-color : #545454;
    --fifth-text-color : #89855D;
    --onhover-text-color: #000;
    --default-border-radius: 10px;
    --xl-text-size: 37px;
    --lg-text-size: 24px;
    --md-text-size: 17px;
    --sm-text-size: 15px;
    --xs-text-size: 12px;

/* font-weight */
    --default-font-weight-thin: 300;
    --default-font-weight-medium: 400;
    --default-font-weight-thick: 500;
    --default-font-weight-bold: 700;
    --default-font-weight-max: 900;

/*button*/
    --btn-primary-bg-color :  #F06354;
    --btn-secondary-bg-color : #FFD1D3;
    --btn-tertiary-bg-color : #fff;
    --btn-disabled-bg-color : #d3d3d3;
    --btn-onHover-primary-bg-color : '';
    --btn-onHover-secondary-bg-color : '';
    --btn-onHover-tertiary-bg-color : '';
    --btn-primary-text-color: #fff;
    --btn-secondary-text-color: #000;
    --btn-tertiary-text-color: #000;
    --btn-disabled-text-color: #9d9d9d;
    --btn-onHover-primary-text-color : '';
    --btn-onHover-secondary-text-color : '';
    --btn-onHover-tertiary-text-color : '';
    --btn-width-long: 200px;
    --btn-width-short: 100px;
    --btn-border-radius: 32px;
    --button-border: 2px solid #C1BFA9;
    --btn-font-size : 17px;

/*input*/
    --input-label-size: 17px;
    --input-text-size :  17px;
    --input-border-radius: 5px;
    --input-border : 1px solid #DEDEDE;
    --input-bg-color :#FFFFFF;
    --input-width-long: '';
    --input-width-short: '';
    --input-placeholder-size: 17px;
    --input-placeholder-color: #d6d6d6;
    --input-disabled-bg-color: #d6d6d6;
    --input-onfocus-border-color: '';

/*header*/
    --header-bg-color: #fff3e3;
    --header-text-size: 17px;
    --header-text-color: #000;
    --header-onHover-color: '';

/*footer*/
    --footer-bg-color: #000;
    --footer-text-size: 15px;
    --footer-text-color: #FFFFFF;
    --footer-onHover-color: '';

/*listing*/
    --listing-header-color: #ffdcad;
    --listing-row-primary-color: #f8f8f8;
    --listing-row-secondary-color: #fff;
    --listing-header-child-color: #000;
    --listing-row-child-primary-color: #fff3e3;
    --listing-row-child-secondary-color: #fff3e3;
    --listing-header-text-size: 17px;
    --listing-row-text-size: 17px;
    --listing-header-child-text-size: 17px;
    --listing-row-child-text-size: 17px;

}