:root {
    /*Can be customised*/

    --navbar-btn-color: #00A651; /*Sign In / Log In Buttons*/
    --navbar-btn-color-text: #ffffff; /*Sign In / Log In Buttons*/

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

    --cancel-btn-color: #00A651; /*Cancel Buttons*/
    --cancel-btn-color-text: #ffffff; /*Cancel Buttons*/

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

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

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

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

    --additional-alternate-color: #DFEFDC; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #001939; /*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;
}


@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*Change stop a colour coded spinner*/
/*.Loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background: url("../images/spinner_pawsapp.gif") no-repeat center center;
    background-color: rgba(0, 0, 0, 0.2);
    background-size: 7.5rem;
}*/

.Loading {
    position: fixed;
    left: calc(50% - 1em);
    top: calc(50% - 1em);
    width: 1em;
    height: 1em;
    color: var(--primary-color);
    font-size: 20px;
    border-radius: 50%;
    z-index: 100000;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}


.LoadingInWindow {
    width: 100%;
    height: 100%;
    background: url(../images/spinner_pawsapp.gif) no-repeat center center;
    background-position: center;
    background-size: 20%;
}


.searching {
    height: 20rem !important;
    width: 40rem !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.searchingForClinics {
    font-size: 1.5rem;
    width: 100%;
    text-align: center;
    padding-top: 1rem;
    color: var(--primary-color) !important;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-red {
    color: var(--continue-btn-color-text);
    background-color: #F14B56;
    border-color: #F14B56;
}

    .btn-red:hover, .filter-box .btn:hover {
        color: var(--continue-btn-color-text);
        opacity: 0.85;
    }

.btn-primary {
    color: var(--continue-btn-color-text);
    background-color: var(--continue-btn-color);
    border-color: var(--continue-btn-color);
}

    .btn-primary:hover, .filter-box .btn:hover {
        opacity: 0.85;
    }

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    /*padding-top: 1.1rem;*/
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-prerendered {
    display: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

/* 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: "Armin Soft";
    src: local("Armin Soft SemiBold Italic"), local("../fonts/ArminSoft/ArminSoft-SemiBoldItalic"), url("../fonts/ArminSoft/ArminSoft-SemiBoldItalic.eot"), url("../fonts/ArminSoft/ArminSoft-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ArminSoft/ArminSoft-SemiBoldItalic.woff2") format("woff2"), url("../fonts/ArminSoft/ArminSoft-SemiBoldItalic.woff") format("woff"), url("../fonts/ArminSoft/ArminSoft-SemiBoldItalic.ttf") format("truetype"), url("../fonts/ArminSoft/ArminSoft-SemiBoldItalic.svg#Armin Soft") format("svg");
    font-weight: 600;
    font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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