/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/* titillium-web-300 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  src: url('titillium-web-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url('titillium-web-v6-latin-300.eot?#iefix') format("embedded-opentype"), url('titillium-web-v6-latin-300.woff2') format("woff2"), url('titillium-web-v6-latin-300.woff') format("woff"), url('titillium-web-v6-latin-300.ttf') format("truetype"), url('titillium-web-v6-latin-300.svg#TitilliumWeb') format("svg"); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url('titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url('titillium-web-v6-latin-regular.eot?#iefix') format("embedded-opentype"), url('titillium-web-v6-latin-regular.woff2') format("woff2"), url('titillium-web-v6-latin-regular.woff') format("woff"), url('titillium-web-v6-latin-regular.ttf') format("truetype"), url('titillium-web-v6-latin-regular.svg#TitilliumWeb') format("svg"); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 600;
  src: url('titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url('titillium-web-v6-latin-600.eot?#iefix') format("embedded-opentype"), url('titillium-web-v6-latin-600.woff2') format("woff2"), url('titillium-web-v6-latin-600.woff') format("woff"), url('titillium-web-v6-latin-600.ttf') format("truetype"), url('titillium-web-v6-latin-600.svg#TitilliumWeb') format("svg"); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: url('titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url('titillium-web-v6-latin-700.eot?#iefix') format("embedded-opentype"), url('titillium-web-v6-latin-700.woff2') format("woff2"), url('titillium-web-v6-latin-700.woff') format("woff"), url('titillium-web-v6-latin-700.ttf') format("truetype"), url('titillium-web-v6-latin-700.svg#TitilliumWeb') format("svg"); /* Legacy iOS */
}
html, body {
  height: 100%;
}

.body-bg {
  background-color: var(--bs-body-bg);
}

body {
  margin: 0;
  font-family: "Titillium Web", sans-serif;
}

label.required::after {
  content: "*";
  color: red;
}

.clickable {
  cursor: pointer;
  transition: 0.5s;
}
.clickable:hover {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.m-top-100-px {
  margin-top: 100px;
}

.ng-invalid:not(form):not(.ng-untouched):not(:focus) {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.2);
}

.p-2, .padding-2 {
  padding: 16px !important;
}

.p-top-2 {
  padding-top: 16px;
}

.p-bottom-1 {
  padding-bottom: 8px;
}

.p-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.p-x-1 {
  padding-left: 8px;
  padding-right: 8px;
}

.p-x-2 {
  padding-left: 16px;
  padding-right: 16px;
}

.p-x-4 {
  padding-left: 32px;
  padding-right: 32px;
}

.p-y-2 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.m-top-2 {
  margin-top: 16px;
}

.m-right-2 {
  margin-right: 16px;
}

.m-x-1 {
  margin-right: 8px;
  margin-left: 8px;
}

.m-y-2 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.text-2 {
  font-size: 16px;
}

.text-3 {
  font-size: 24px;
}

.text-4 {
  font-size: 32px;
}

.text-5 {
  font-size: 40px;
}

.text-8 {
  font-size: 64px;
}

.text-10 {
  font-size: 80px;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.lineh-2 {
  line-height: 16px;
}

.lineh-3 {
  line-height: 24px;
}

.lineh-4 {
  line-height: 32px;
}

.lineh-4-5 {
  line-height: 36px;
}

.lineh-7-5 {
  line-height: 60px;
}

.color-blue {
  color: #0096D8;
}

.logo-responsive {
  max-width: 100%;
  max-height: 100%;
}

.card-shadow {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.1411764706), 0 1px 10px rgba(0, 0, 0, 0.1215686275);
}

.no-underline {
  text-decoration: none;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translate(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translate(100%);
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.visibility-hidden {
  visibility: hidden;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.scrollable {
  max-height: 75vh;
  overflow-y: auto !important;
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}
.rotate-180.translate-y-50-perc {
  transform: rotate(180deg) translateY(50%);
}

.rotate-270 {
  transform: rotate(270deg);
}

.mode-vertical-lr {
  writing-mode: vertical-lr;
}

.transition-1s {
  transition: 1s;
}

.min-h-100-perc {
  min-height: 100%;
}

.h-100-perc {
  height: 100%;
}

.w-100-perc {
  width: 100%;
}

.shadow {
  box-shadow: 0 0 2rem 0 rgba(41, 48, 66, 0.1);
}

.max-w-50 {
  max-width: 400px;
}

.max-w-75 {
  max-width: 600px !important;
}

.z-index-1 {
  z-index: 1;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-spinner/animations/ball-clip-rotate-pulse.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate-pulse,
.la-ball-clip-rotate-pulse > div {
    position: relative;
    box-sizing: border-box;
}

.la-ball-clip-rotate-pulse {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-clip-rotate-pulse.la-dark {
    color: #333;
}

.la-ball-clip-rotate-pulse > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate-pulse {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate-pulse > div {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
}

.la-ball-clip-rotate-pulse > div:first-child {
    position: absolute;
    width: 32px;
    height: 32px;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-right-color: transparent;
    border-left-color: transparent;
    animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09, .57, .49, .9) infinite;
}

.la-ball-clip-rotate-pulse > div:last-child {
    width: 16px;
    height: 16px;
    animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(.09, .57, .49, .9) infinite;
}

.la-ball-clip-rotate-pulse.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate-pulse.la-sm > div:first-child {
    width: 16px;
    height: 16px;
    border-width: 1px;
}

.la-ball-clip-rotate-pulse.la-sm > div:last-child {
    width: 8px;
    height: 8px;
}

.la-ball-clip-rotate-pulse.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate-pulse.la-2x > div:first-child {
    width: 64px;
    height: 64px;
    border-width: 4px;
}

.la-ball-clip-rotate-pulse.la-2x > div:last-child {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate-pulse.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate-pulse.la-3x > div:first-child {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

.la-ball-clip-rotate-pulse.la-3x > div:last-child {
    width: 48px;
    height: 48px;
}

/*
 * Animations
 */
@keyframes ball-clip-rotate-pulse-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes ball-clip-rotate-pulse-scale {
    0%,
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    30% {
        opacity: .3;
        transform: translate(-50%, -50%) scale(.15);
    }
}


/*# sourceMappingURL=styles.css.map*/