@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/konnect/KonnectThin.otf);
}
@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 200;
    src: url(fonts/konnect/KonnectLight.otf);
}

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

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

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

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

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/konnect/KonnectExtraBold.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);
}

:root{
    /* font-weight */
    /* --default-font-weight-thin: 300;
    --default-font-weight-thick: 500;
    --default-font-weight-bold: 700;
    --default-font-weight-max: 900; */
    /* font-weight end */

    /* Btn */
    /* --btn-primary-background-color : #a65e00; */
    /* --btn-secondary-background-color : #fb403a; */
    
    /* --btn-width-short: 150px; */
    /* --btn-width-long: 200px; */
    /* --btn-primary-text-color:#000; */
    /* --btn-secondary-text-color: #fff; */
    /* --btn-ternary-text-color: #fb403a; */
    /* --btn-border-radius: 100px; */

    /* input */
    /* --input-bg-color :#f1f1f1; */
    /* --filter-input-bg-color :#fff2e4; */
    /* --input-border : 1px solid transparent; */
    /* --input-text-font-size :  16px; */

    /* Others */
    /* --primary-background-color : #fff3e3; */
    

    /* Font */
    /* --primary-title-font: 37px; */

    /* --default-text-size: 17px; */
    /* --default-text-color:#000; */
    /* --label-font-color: #545454; */
    /* --secondary-text-color : #ab660c; */
    /* --font-size-25: 25px; */

    /* --secondary-background-color: #fff9f2; */



    /* NEW STANDARD ROOT CSS */
    /*theme-color*/
    --primary-color : #EC4A41;
    --secondary-color: #1C2232;
    --tertiary-color: #EC4A41;
    --fourth-color: #1D253B;
    --fifth-color: ''; 
    --error-color: #fb403a;
    --warning-color: #ffe139;
    --success-color: #2CAA0D;
    --hyperlink-text-color: #0000EE;

 /*webpage*/
    --default-border: 1px solid #ddd;
    --default-bg-color: #fff;
    --default-secondary-bg-color: #fff;
    --primary-bg-color : #fff;
    --secondary-bg-color: #f7f7f7; 
    --primary-text-color:#000;
    --secondary-text-color : #fff;
    --tertiary-text-color : #EC4A41;
    --fourth-text-color : #545454;
    --fifth-text-color : '';
    --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 :  #EC4A41;
    --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: #fff;
    --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: 27px;
    --button-border: 1px solid #9d9d9d;
    --btn-font-size : 17px;

/*input*/
    --input-label-size: 17px;
    --input-text-size :  17px;
    --input-border-radius: 5px;
    --input-border : 1px solid #aaa;
    --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: #1C2232;
    --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;

}