: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-14px: 0.875rem;
    --size-13px: 0.875rem;
    --size-12px: 0.750rem;
    --size-11px: 0.688rem;
    --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: "Poppins";
    src: local("Poppins SemiBold Italic"), local("../fonts/Poppins/Poppins-SemiBoldItalic"), url("../fonts/Poppins/Poppins-SemiBoldItalic.eot"), url("../fonts/Poppins/Poppins-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-SemiBoldItalic.woff") format("woff"), url("../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Poppins/Poppins-SemiBoldItalic.svg#Poppins") format("svg");
    font-weight: 600;
    font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: "Poppins";
    src: local("Poppins Italic"), local("../fonts/Poppins/Poppins-Italic"), url("../fonts/Poppins/Poppins-Italic.eot"), url("../fonts/Poppins/Poppins-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins/Poppins-Italic.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Italic.woff") format("woff"), url("../fonts/Poppins/Poppins-Italic.ttf") format("truetype"), url("../fonts/Poppins/Poppins-Italic.svg#Poppins") 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: 'Poppins', 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)
}