:root {
    /*Can be customized*/

    --navbar-btn-color: #00627D; /*Sign In / Log In Buttons*/
    --navbar-btn-color-text: #ffffff; /*Sign In / Log In Buttons*/

    --continue-btn-color: #11BCC3; /*Continue Buttons*/
    --continue-btn-color-text: #ffffff; /*Continue Buttons*/

    --cancel-btn-color: #00627D; /*Cancel Buttons*/
    --cancel-btn-color-text: #ffffff; /*Cancel Buttons*/

    --dashboard-edit-btn-color: #11BCC3; /*Dashboard Edit Button*/

    --primary-color: #11BCC3; /*Main Colour - Header / Footer*/
    --primary-color-text: #ffffff; /*Footer Text Color - Nav bar*/

    --primary-color-label: #00627D; /*Main Text Colour - Labels / Text*/

    --alternate-color: #BBF5F8; /*Second Colour - Booking Flow - Non selected steps, Dashboard Titles*/
    --alternate-color-text: #585858; /*Second Colour Text - Booking Flow - Non selected steps, Dashboard Titles*/

    --additional-alternate-color: #BBF5F8; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #585858; /*Third Colour Text - Calendars on date/timepicker*/
    /*Standard*/
    --black-color: #000000; /*Not Used*/
    --white-color: #ffffff; /*Background, all things white*/
    --secondary-color: #ffffff; /*Not Used*/
    --secondary-color-dark: #ffffff; /*Not Used*/
    --selected-background-color: #f2f2f2; /*Selcted Background Color*/
    --font-light: 300;
    --font-regular: normal;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: bold;
    --font-black: 900;
    --size-1230px: 76.875rem;
    --size-220px: 13.75rem;
    --size-120px: 7.5rem;
    --size-90px: 5.625rem;
    --size-80px: 5rem;
    --size-65px: 4.063rem;
    --size-60px: 3.75rem;
    --size-46px: 2.875rem;
    --size-42px: 2.625rem;
    --size-30px: 1.30rem;
    --size-28px: 1.75rem;
    --size-25px: 1.563rem;
    --size-20px: 1.25rem;
    --size-18px: 1.125rem;
    --size-16px: 1rem;
    --size-15px: 0.938rem;
    --size-10px: 0.625rem;
    --size-9px: 0.563rem;
    --size-8px: 0.5rem;
    --size-7px: 0.438rem;
    --size-6px: 0.375rem;
    --size-5px: 0.313rem;
    --size-4px: 0.3rem;
    --size-3px: 0.19rem;
    --size-2px: 0.13rem;
}


/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates SemiBold Italic"), local("../fonts/MontserratAlternates-SemiBoldItalic"), url("../fonts/MontserratAlternates-SemiBoldItalic.eot"), url("../fonts/MontserratAlternates-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-SemiBoldItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-SemiBoldItalic.woff") format("woff"), url("../fonts/MontserratAlternates-SemiBoldItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-SemiBoldItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Bold"), local("../fonts/MontserratAlternates-Bold"), url("../fonts/MontserratAlternates-Bold.eot"), url("../fonts/MontserratAlternates-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Bold.woff2") format("woff2"), url("../fonts/MontserratAlternates-Bold.woff") format("woff"), url("../fonts/MontserratAlternates-Bold.ttf") format("truetype"), url("../fonts/MontserratAlternates-Bold.svg#Montserrat Alternates") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates SemiBold"), local("../fonts/MontserratAlternates-SemiBold"), url("../fonts/MontserratAlternates-SemiBold.eot"), url("../fonts/MontserratAlternates-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-SemiBold.woff2") format("woff2"), url("../fonts/MontserratAlternates-SemiBold.woff") format("woff"), url("../fonts/MontserratAlternates-SemiBold.ttf") format("truetype"), url("../fonts/MontserratAlternates-SemiBold.svg#Montserrat Alternates") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Light"), local("../fonts/MontserratAlternates-Light"), url("../fonts/MontserratAlternates-Light.eot"), url("../fonts/MontserratAlternates-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Light.woff2") format("woff2"), url("../fonts/MontserratAlternates-Light.woff") format("woff"), url("../fonts/MontserratAlternates-Light.ttf") format("truetype"), url("../fonts/MontserratAlternates-Light.svg#Montserrat Alternates") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Black"), local("../fonts/MontserratAlternates-Black"), url("../fonts/MontserratAlternates-Black.eot"), url("../fonts/MontserratAlternates-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Black.woff2") format("woff2"), url("../fonts/MontserratAlternates-Black.woff") format("woff"), url("../fonts/MontserratAlternates-Black.ttf") format("truetype"), url("../fonts/MontserratAlternates-Black.svg#Montserrat Alternates") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Bold Italic"), local("../fonts/MontserratAlternates-BoldItalic"), url("../fonts/MontserratAlternates-BoldItalic.eot"), url("../fonts/MontserratAlternates-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-BoldItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-BoldItalic.woff") format("woff"), url("../fonts/MontserratAlternates-BoldItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-BoldItalic.svg#Montserrat Alternates") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Thin"), local("../fonts/MontserratAlternates-Thin"), url("../fonts/MontserratAlternates-Thin.eot"), url("../fonts/MontserratAlternates-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Thin.woff2") format("woff2"), url("../fonts/MontserratAlternates-Thin.woff") format("woff"), url("../fonts/MontserratAlternates-Thin.ttf") format("truetype"), url("../fonts/MontserratAlternates-Thin.svg#Montserrat Alternates") format("svg");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Regular"), local("../fonts/MontserratAlternates-Regular"), url("../fonts/MontserratAlternates-Regular.eot"), url("../fonts/MontserratAlternates-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Regular.woff2") format("woff2"), url("../fonts/MontserratAlternates-Regular.woff") format("woff"), url("../fonts/MontserratAlternates-Regular.ttf") format("truetype"), url("../fonts/MontserratAlternates-Regular.svg#Montserrat Alternates") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Medium"), local("../fonts/MontserratAlternates-Medium"), url("../fonts/MontserratAlternates-Medium.eot"), url("../fonts/MontserratAlternates-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Medium.woff2") format("woff2"), url("../fonts/MontserratAlternates-Medium.woff") format("woff"), url("../fonts/MontserratAlternates-Medium.ttf") format("truetype"), url("../fonts/MontserratAlternates-Medium.svg#Montserrat Alternates") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Light Italic"), local("../fonts/MontserratAlternates-LightItalic"), url("../fonts/MontserratAlternates-LightItalic.eot"), url("../fonts/MontserratAlternates-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-LightItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-LightItalic.woff") format("woff"), url("../fonts/MontserratAlternates-LightItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-LightItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Thin Italic"), local("../fonts/MontserratAlternates-ThinItalic"), url("../fonts/MontserratAlternates-ThinItalic.eot"), url("../fonts/MontserratAlternates-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-ThinItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-ThinItalic.woff") format("woff"), url("../fonts/MontserratAlternates-ThinItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-ThinItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates ExLight";
    src: local("Montserrat Alternates ExtraLight Italic"), local("../fonts/MontserratAlternates-ExtraLightItalic"), url("../fonts/MontserratAlternates-ExtraLightItalic.eot"), url("../fonts/MontserratAlternates-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-ExtraLightItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraLightItalic.woff") format("woff"), url("../fonts/MontserratAlternates-ExtraLightItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-ExtraLightItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates ExLight";
    src: local("Montserrat Alternates ExtraLight"), local("../fonts/MontserratAlternates-ExtraLight"), url("../fonts/MontserratAlternates-ExtraLight.eot"), url("../fonts/MontserratAlternates-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-ExtraLight.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraLight.woff") format("woff"), url("../fonts/MontserratAlternates-ExtraLight.ttf") format("truetype"), url("../fonts/MontserratAlternates-ExtraLight.svg#Montserrat Alternates") format("svg");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates ExtraBold"), local("../fonts/MontserratAlternates-ExtraBold"), url("../fonts/MontserratAlternates-ExtraBold.eot"), url("../fonts/MontserratAlternates-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-ExtraBold.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraBold.woff") format("woff"), url("../fonts/MontserratAlternates-ExtraBold.ttf") format("truetype"), url("../fonts/MontserratAlternates-ExtraBold.svg#Montserrat Alternates") format("svg");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates ExtraBold Italic"), local("../fonts/MontserratAlternates-ExtraBoldItalic"), url("../fonts/MontserratAlternates-ExtraBoldItalic.eot"), url("../fonts/MontserratAlternates-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraBoldItalic.woff") format("woff"), url("../fonts/MontserratAlternates-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-ExtraBoldItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Medium Italic"), local("../fonts/MontserratAlternates-MediumItalic"), url("../fonts/MontserratAlternates-MediumItalic.eot"), url("../fonts/MontserratAlternates-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-MediumItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-MediumItalic.woff") format("woff"), url("../fonts/MontserratAlternates-MediumItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-MediumItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Black Italic"), local("../fonts/MontserratAlternates-BlackItalic"), url("../fonts/MontserratAlternates-BlackItalic.eot") url("../fonts/MontserratAlternates-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-BlackItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-BlackItalic.woff") format("woff"), url("../fonts/MontserratAlternates-BlackItalic.ttf") format("truetype"), url("../fonts/MontserratAlternates-BlackItalic.svg#Montserrat Alternates") format("svg");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Alternates";
    src: local("Montserrat Alternates Italic"), local("../fonts/MontserratAlternates-Italic"), url("../fonts/MontserratAlternates-Italic.eot"), url("../fonts/MontserratAlternates-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratAlternates-Italic.woff2") format("woff2"), url("../fonts/MontserratAlternates-Italic.woff") format("woff"), url("../fonts/MontserratAlternates-Italic.ttf") format("truetype"), url("../fonts/MontserratAlternates-Italic.svg#Montserrat Alternates") format("svg");
    font-weight: normal;
    font-style: italic;
}

html {
}

*, html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-variant-ligatures: unset;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: var(--font-regular);
    color: var(--primary-color-label);
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: var(--white-color);
    font-size: var(--size-20px)
}