/* Montserrat */
@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("/content/websites/assets/fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

/* Shadows Into Light */
@font-face {
    font-family: "Shadows Into Light";
    src: url("/content/websites/assets/fonts/ShadowsIntoLight/ShadowsIntoLight-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/*Color variables*/
:root {
    --color-1: #ff7300;
    --color-2: #ffb375;
    --color-3: #ff9742;
    --color-4: #ffffff;

    --color-5: #000000;
    --color-6: #000000;
    --color-7: #000000;
    --color-8: #000000;

    --color-9: #ffffff;
    --color-10: #000000;

    --color-11: #ff7300;
    --color-12: #ffffff;

    --white: #ffffff;
    --black: #000000;
    --rev-color: #ffc107 !important;
    --grey-1: #EFEFEF;
    --grey-2: #8A8A8A;
    --grey-3: #F9F9F9;
    --grey-4: #C1C1C1;
    --grey-5: #222222;
    --success: #259835;
    --warning: #FACC15;
    --error: #E51212;
    --shadow-1: 0px 0px 20px rgb(0 0 0 / 15%);
    --shadow-2: 0px 3px 6px rgb(0 0 0 / 15%);
   
}