@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
/*VARIABLE DIMENSION*/
/*VARIABLE DIMENSION*/
/*BORDER RADIUS*/
/* 2px */
/* 4px */
/* 6px */
/* 8px */
/* 12px */
/*---------POSITION-----------*/
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.static {
  position: static;
}

.top-0 {
  top: 0rem;
}

.top-1 {
  top: 0.25rem;
}

.top-2 {
  top: 0.5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-7 {
  top: 1.75rem;
}

.top-8 {
  top: 2rem;
}

.top-9 {
  top: 2.25rem;
}

.top-10 {
  top: 2.5rem;
}

.top-11 {
  top: 2.75rem;
}

.top-12 {
  top: 3rem;
}

.top-15 {
  top: 3.75rem;
}

.top-16 {
  top: 4rem;
}

.top-17 {
  top: 4.25rem;
}

.top-18 {
  top: 4.5rem;
}

.top-19 {
  top: 4.75rem;
}

.top-20 {
  top: 5rem;
}

.top-21 {
  top: 5.25rem;
}

.top-22 {
  top: 5.5rem;
}

.top-23 {
  top: 5.75rem;
}

.top-24 {
  top: 6rem;
}

.top-25 {
  top: 6.25rem;
}

.top-0p {
  top: 0%;
}

.-top-0p {
  top: -0%;
}

.top-5p {
  top: 5%;
}

.-top-5p {
  top: -5%;
}

.top-10p {
  top: 10%;
}

.-top-10p {
  top: -10%;
}

.top-15p {
  top: 15%;
}

.-top-15p {
  top: -15%;
}

.top-20p {
  top: 20%;
}

.-top-20p {
  top: -20%;
}

.top-25p {
  top: 25%;
}

.-top-25p {
  top: -25%;
}

.top-30p {
  top: 30%;
}

.-top-30p {
  top: -30%;
}

.top-35p {
  top: 35%;
}

.-top-35p {
  top: -35%;
}

.top-40p {
  top: 40%;
}

.-top-40p {
  top: -40%;
}

.top-45p {
  top: 45%;
}

.-top-45p {
  top: -45%;
}

.top-50p {
  top: 50%;
}

.-top-50p {
  top: -50%;
}

.top-55p {
  top: 55%;
}

.-top-55p {
  top: -55%;
}

.top-60p {
  top: 60%;
}

.-top-60p {
  top: -60%;
}

.top-65p {
  top: 65%;
}

.-top-65p {
  top: -65%;
}

.top-70p {
  top: 70%;
}

.-top-70p {
  top: -70%;
}

.top-75p {
  top: 75%;
}

.-top-75p {
  top: -75%;
}

.top-80p {
  top: 80%;
}

.-top-80p {
  top: -80%;
}

.top-85p {
  top: 85%;
}

.-top-85p {
  top: -85%;
}

.top-90p {
  top: 90%;
}

.-top-90p {
  top: -90%;
}

.top-95p {
  top: 95%;
}

.-top-95p {
  top: -95%;
}

.top-100p {
  top: 100%;
}

.-top-100p {
  top: -100%;
}

.right-0 {
  right: 0rem;
}

.right-1 {
  right: 0.25rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-7 {
  right: 1.75rem;
}

.right-8 {
  right: 2rem;
}

.right-9 {
  right: 2.25rem;
}

.right-10 {
  right: 2.5rem;
}

.right-11 {
  right: 2.75rem;
}

.right-12 {
  right: 3rem;
}

.right-15 {
  right: 3.75rem;
}

.right-16 {
  right: 4rem;
}

.right-17 {
  right: 4.25rem;
}

.right-18 {
  right: 4.5rem;
}

.right-19 {
  right: 4.75rem;
}

.right-20 {
  right: 5rem;
}

.right-21 {
  right: 5.25rem;
}

.right-22 {
  right: 5.5rem;
}

.right-23 {
  right: 5.75rem;
}

.right-24 {
  right: 6rem;
}

.right-25 {
  right: 6.25rem;
}

.right-0p {
  right: 0%;
}

.-right-0p {
  right: -0%;
}

.right-5p {
  right: 5%;
}

.-right-5p {
  right: -5%;
}

.right-10p {
  right: 10%;
}

.-right-10p {
  right: -10%;
}

.right-15p {
  right: 15%;
}

.-right-15p {
  right: -15%;
}

.right-20p {
  right: 20%;
}

.-right-20p {
  right: -20%;
}

.right-25p {
  right: 25%;
}

.-right-25p {
  right: -25%;
}

.right-30p {
  right: 30%;
}

.-right-30p {
  right: -30%;
}

.right-35p {
  right: 35%;
}

.-right-35p {
  right: -35%;
}

.right-40p {
  right: 40%;
}

.-right-40p {
  right: -40%;
}

.right-45p {
  right: 45%;
}

.-right-45p {
  right: -45%;
}

.right-50p {
  right: 50%;
}

.-right-50p {
  right: -50%;
}

.right-55p {
  right: 55%;
}

.-right-55p {
  right: -55%;
}

.right-60p {
  right: 60%;
}

.-right-60p {
  right: -60%;
}

.right-65p {
  right: 65%;
}

.-right-65p {
  right: -65%;
}

.right-70p {
  right: 70%;
}

.-right-70p {
  right: -70%;
}

.right-75p {
  right: 75%;
}

.-right-75p {
  right: -75%;
}

.right-80p {
  right: 80%;
}

.-right-80p {
  right: -80%;
}

.right-85p {
  right: 85%;
}

.-right-85p {
  right: -85%;
}

.right-90p {
  right: 90%;
}

.-right-90p {
  right: -90%;
}

.right-95p {
  right: 95%;
}

.-right-95p {
  right: -95%;
}

.right-100p {
  right: 100%;
}

.-right-100p {
  right: -100%;
}

.bottom-0 {
  bottom: 0rem;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-7 {
  bottom: 1.75rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-9 {
  bottom: 2.25rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-11 {
  bottom: 2.75rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-15 {
  bottom: 3.75rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-17 {
  bottom: 4.25rem;
}

.bottom-18 {
  bottom: 4.5rem;
}

.bottom-19 {
  bottom: 4.75rem;
}

.bottom-20 {
  bottom: 5rem;
}

.bottom-21 {
  bottom: 5.25rem;
}

.bottom-22 {
  bottom: 5.5rem;
}

.bottom-23 {
  bottom: 5.75rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-25 {
  bottom: 6.25rem;
}

.bottom-0p {
  bottom: 0%;
}

.-bottom-0p {
  bottom: -0%;
}

.bottom-5p {
  bottom: 5%;
}

.-bottom-5p {
  bottom: -5%;
}

.bottom-10p {
  bottom: 10%;
}

.-bottom-10p {
  bottom: -10%;
}

.bottom-15p {
  bottom: 15%;
}

.-bottom-15p {
  bottom: -15%;
}

.bottom-20p {
  bottom: 20%;
}

.-bottom-20p {
  bottom: -20%;
}

.bottom-25p {
  bottom: 25%;
}

.-bottom-25p {
  bottom: -25%;
}

.bottom-30p {
  bottom: 30%;
}

.-bottom-30p {
  bottom: -30%;
}

.bottom-35p {
  bottom: 35%;
}

.-bottom-35p {
  bottom: -35%;
}

.bottom-40p {
  bottom: 40%;
}

.-bottom-40p {
  bottom: -40%;
}

.bottom-45p {
  bottom: 45%;
}

.-bottom-45p {
  bottom: -45%;
}

.bottom-50p {
  bottom: 50%;
}

.-bottom-50p {
  bottom: -50%;
}

.bottom-55p {
  bottom: 55%;
}

.-bottom-55p {
  bottom: -55%;
}

.bottom-60p {
  bottom: 60%;
}

.-bottom-60p {
  bottom: -60%;
}

.bottom-65p {
  bottom: 65%;
}

.-bottom-65p {
  bottom: -65%;
}

.bottom-70p {
  bottom: 70%;
}

.-bottom-70p {
  bottom: -70%;
}

.bottom-75p {
  bottom: 75%;
}

.-bottom-75p {
  bottom: -75%;
}

.bottom-80p {
  bottom: 80%;
}

.-bottom-80p {
  bottom: -80%;
}

.bottom-85p {
  bottom: 85%;
}

.-bottom-85p {
  bottom: -85%;
}

.bottom-90p {
  bottom: 90%;
}

.-bottom-90p {
  bottom: -90%;
}

.bottom-95p {
  bottom: 95%;
}

.-bottom-95p {
  bottom: -95%;
}

.bottom-100p {
  bottom: 100%;
}

.-bottom-100p {
  bottom: -100%;
}

.left-0 {
  left: 0rem;
}

.left-1 {
  left: 0.25rem;
}

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-6 {
  left: 1.5rem;
}

.left-7 {
  left: 1.75rem;
}

.left-8 {
  left: 2rem;
}

.left-9 {
  left: 2.25rem;
}

.left-10 {
  left: 2.5rem;
}

.left-11 {
  left: 2.75rem;
}

.left-12 {
  left: 3rem;
}

.left-15 {
  left: 3.75rem;
}

.left-16 {
  left: 4rem;
}

.left-17 {
  left: 4.25rem;
}

.left-18 {
  left: 4.5rem;
}

.left-19 {
  left: 4.75rem;
}

.left-20 {
  left: 5rem;
}

.left-21 {
  left: 5.25rem;
}

.left-22 {
  left: 5.5rem;
}

.left-23 {
  left: 5.75rem;
}

.left-24 {
  left: 6rem;
}

.left-25 {
  left: 6.25rem;
}

.left-0p {
  left: 0%;
}

.-left-0p {
  left: -0%;
}

.left-5p {
  left: 5%;
}

.-left-5p {
  left: -5%;
}

.left-10p {
  left: 10%;
}

.-left-10p {
  left: -10%;
}

.left-15p {
  left: 15%;
}

.-left-15p {
  left: -15%;
}

.left-20p {
  left: 20%;
}

.-left-20p {
  left: -20%;
}

.left-25p {
  left: 25%;
}

.-left-25p {
  left: -25%;
}

.left-30p {
  left: 30%;
}

.-left-30p {
  left: -30%;
}

.left-35p {
  left: 35%;
}

.-left-35p {
  left: -35%;
}

.left-40p {
  left: 40%;
}

.-left-40p {
  left: -40%;
}

.left-45p {
  left: 45%;
}

.-left-45p {
  left: -45%;
}

.left-50p {
  left: 50%;
}

.-left-50p {
  left: -50%;
}

.left-55p {
  left: 55%;
}

.-left-55p {
  left: -55%;
}

.left-60p {
  left: 60%;
}

.-left-60p {
  left: -60%;
}

.left-65p {
  left: 65%;
}

.-left-65p {
  left: -65%;
}

.left-70p {
  left: 70%;
}

.-left-70p {
  left: -70%;
}

.left-75p {
  left: 75%;
}

.-left-75p {
  left: -75%;
}

.left-80p {
  left: 80%;
}

.-left-80p {
  left: -80%;
}

.left-85p {
  left: 85%;
}

.-left-85p {
  left: -85%;
}

.left-90p {
  left: 90%;
}

.-left-90p {
  left: -90%;
}

.left-95p {
  left: 95%;
}

.-left-95p {
  left: -95%;
}

.left-100p {
  left: 100%;
}

.-left-100p {
  left: -100%;
}

.center-xy {
  left: 50%;
  top: 50%;
  --transform-translate-x: -50%;
  --transform-translate-y: -50%;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.center-x {
  left: 50%;
  --transform-translate-x: -50%;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.center-y {
  top: 50%;
  --transform-translate-x: 0;
  --transform-translate-y: -50%;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

/*z-index*/
.z-index-0 {
  z-index: 0;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}

.z-index-dragon {
  z-index: 9999999999;
}

.-z-index-1 {
  z-index: -1;
}

/*---------END POSITION-----------*/
/*--------DISPLAY-----------*/
.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.float-none {
  float: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.none {
  display: none;
}

/*---------END DISPLAY-----------*/
/*---------PADDING MARGIN DIMENSIONI-----------*/
.p-0 {
  padding: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.p-1 {
  padding: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.p-11 {
  padding: 2.75rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pt-11 {
  padding-top: 2.75rem;
}

.pr-11 {
  padding-right: 2.75rem;
}

.pb-11 {
  padding-bottom: 2.75rem;
}

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.p-12 {
  padding: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.p-15 {
  padding: 3.75rem;
}

.pl-15 {
  padding-left: 3.75rem;
}

.pt-15 {
  padding-top: 3.75rem;
}

.pr-15 {
  padding-right: 3.75rem;
}

.pb-15 {
  padding-bottom: 3.75rem;
}

.py-15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.px-15 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.p-16 {
  padding: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.p-17 {
  padding: 4.25rem;
}

.pl-17 {
  padding-left: 4.25rem;
}

.pt-17 {
  padding-top: 4.25rem;
}

.pr-17 {
  padding-right: 4.25rem;
}

.pb-17 {
  padding-bottom: 4.25rem;
}

.py-17 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}

.px-17 {
  padding-left: 4.25rem;
  padding-right: 4.25rem;
}

.p-18 {
  padding: 4.5rem;
}

.pl-18 {
  padding-left: 4.5rem;
}

.pt-18 {
  padding-top: 4.5rem;
}

.pr-18 {
  padding-right: 4.5rem;
}

.pb-18 {
  padding-bottom: 4.5rem;
}

.py-18 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.px-18 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.p-19 {
  padding: 4.75rem;
}

.pl-19 {
  padding-left: 4.75rem;
}

.pt-19 {
  padding-top: 4.75rem;
}

.pr-19 {
  padding-right: 4.75rem;
}

.pb-19 {
  padding-bottom: 4.75rem;
}

.py-19 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}

.px-19 {
  padding-left: 4.75rem;
  padding-right: 4.75rem;
}

.p-20 {
  padding: 5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.p-21 {
  padding: 5.25rem;
}

.pl-21 {
  padding-left: 5.25rem;
}

.pt-21 {
  padding-top: 5.25rem;
}

.pr-21 {
  padding-right: 5.25rem;
}

.pb-21 {
  padding-bottom: 5.25rem;
}

.py-21 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}

.px-21 {
  padding-left: 5.25rem;
  padding-right: 5.25rem;
}

.p-22 {
  padding: 5.5rem;
}

.pl-22 {
  padding-left: 5.5rem;
}

.pt-22 {
  padding-top: 5.5rem;
}

.pr-22 {
  padding-right: 5.5rem;
}

.pb-22 {
  padding-bottom: 5.5rem;
}

.py-22 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.px-22 {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}

.p-23 {
  padding: 5.75rem;
}

.pl-23 {
  padding-left: 5.75rem;
}

.pt-23 {
  padding-top: 5.75rem;
}

.pr-23 {
  padding-right: 5.75rem;
}

.pb-23 {
  padding-bottom: 5.75rem;
}

.py-23 {
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}

.px-23 {
  padding-left: 5.75rem;
  padding-right: 5.75rem;
}

.p-24 {
  padding: 6rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.p-25 {
  padding: 6.25rem;
}

.pl-25 {
  padding-left: 6.25rem;
}

.pt-25 {
  padding-top: 6.25rem;
}

.pr-25 {
  padding-right: 6.25rem;
}

.pb-25 {
  padding-bottom: 6.25rem;
}

.py-25 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.px-25 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.m-0 {
  margin: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.m-1 {
  margin: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.m-8 {
  margin: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.m-9 {
  margin: 2.25rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.m-10 {
  margin: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.m-11 {
  margin: 2.75rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

.mt-11 {
  margin-top: 2.75rem;
}

.mr-11 {
  margin-right: 2.75rem;
}

.mb-11 {
  margin-bottom: 2.75rem;
}

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.m-12 {
  margin: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.m-15 {
  margin: 3.75rem;
}

.ml-15 {
  margin-left: 3.75rem;
}

.mt-15 {
  margin-top: 3.75rem;
}

.mr-15 {
  margin-right: 3.75rem;
}

.mb-15 {
  margin-bottom: 3.75rem;
}

.my-15 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.mx-15 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.m-16 {
  margin: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.m-17 {
  margin: 4.25rem;
}

.ml-17 {
  margin-left: 4.25rem;
}

.mt-17 {
  margin-top: 4.25rem;
}

.mr-17 {
  margin-right: 4.25rem;
}

.mb-17 {
  margin-bottom: 4.25rem;
}

.my-17 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}

.mx-17 {
  margin-left: 4.25rem;
  margin-right: 4.25rem;
}

.m-18 {
  margin: 4.5rem;
}

.ml-18 {
  margin-left: 4.5rem;
}

.mt-18 {
  margin-top: 4.5rem;
}

.mr-18 {
  margin-right: 4.5rem;
}

.mb-18 {
  margin-bottom: 4.5rem;
}

.my-18 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.mx-18 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}

.m-19 {
  margin: 4.75rem;
}

.ml-19 {
  margin-left: 4.75rem;
}

.mt-19 {
  margin-top: 4.75rem;
}

.mr-19 {
  margin-right: 4.75rem;
}

.mb-19 {
  margin-bottom: 4.75rem;
}

.my-19 {
  margin-top: 4.75rem;
  margin-bottom: 4.75rem;
}

.mx-19 {
  margin-left: 4.75rem;
  margin-right: 4.75rem;
}

.m-20 {
  margin: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.m-21 {
  margin: 5.25rem;
}

.ml-21 {
  margin-left: 5.25rem;
}

.mt-21 {
  margin-top: 5.25rem;
}

.mr-21 {
  margin-right: 5.25rem;
}

.mb-21 {
  margin-bottom: 5.25rem;
}

.my-21 {
  margin-top: 5.25rem;
  margin-bottom: 5.25rem;
}

.mx-21 {
  margin-left: 5.25rem;
  margin-right: 5.25rem;
}

.m-22 {
  margin: 5.5rem;
}

.ml-22 {
  margin-left: 5.5rem;
}

.mt-22 {
  margin-top: 5.5rem;
}

.mr-22 {
  margin-right: 5.5rem;
}

.mb-22 {
  margin-bottom: 5.5rem;
}

.my-22 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}

.mx-22 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}

.m-23 {
  margin: 5.75rem;
}

.ml-23 {
  margin-left: 5.75rem;
}

.mt-23 {
  margin-top: 5.75rem;
}

.mr-23 {
  margin-right: 5.75rem;
}

.mb-23 {
  margin-bottom: 5.75rem;
}

.my-23 {
  margin-top: 5.75rem;
  margin-bottom: 5.75rem;
}

.mx-23 {
  margin-left: 5.75rem;
  margin-right: 5.75rem;
}

.m-24 {
  margin: 6rem;
}

.ml-24 {
  margin-left: 6rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.m-25 {
  margin: 6.25rem;
}

.ml-25 {
  margin-left: 6.25rem;
}

.mt-25 {
  margin-top: 6.25rem;
}

.mr-25 {
  margin-right: 6.25rem;
}

.mb-25 {
  margin-bottom: 6.25rem;
}

.my-25 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.mx-25 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.w-0 {
  width: 0%;
}

.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

.h-0 {
  height: 0%;
}

.h-5 {
  height: 5%;
}

.h-10 {
  height: 10%;
}

.h-15 {
  height: 15%;
}

.h-20 {
  height: 20%;
}

.h-25 {
  height: 25%;
}

.h-30 {
  height: 30%;
}

.h-35 {
  height: 35%;
}

.h-40 {
  height: 40%;
}

.h-45 {
  height: 45%;
}

.h-50 {
  height: 50%;
}

.h-55 {
  height: 55%;
}

.h-60 {
  height: 60%;
}

.h-65 {
  height: 65%;
}

.h-70 {
  height: 70%;
}

.h-75 {
  height: 75%;
}

.h-80 {
  height: 80%;
}

.h-85 {
  height: 85%;
}

.h-90 {
  height: 90%;
}

.h-95 {
  height: 95%;
}

.h-100 {
  height: 100%;
}

.mw-0 {
  max-width: 0%;
}

.mw-5 {
  max-width: 5%;
}

.mw-10 {
  max-width: 10%;
}

.mw-15 {
  max-width: 15%;
}

.mw-20 {
  max-width: 20%;
}

.mw-25 {
  max-width: 25%;
}

.mw-30 {
  max-width: 30%;
}

.mw-35 {
  max-width: 35%;
}

.mw-40 {
  max-width: 40%;
}

.mw-45 {
  max-width: 45%;
}

.mw-50 {
  max-width: 50%;
}

.mw-55 {
  max-width: 55%;
}

.mw-60 {
  max-width: 60%;
}

.mw-65 {
  max-width: 65%;
}

.mw-70 {
  max-width: 70%;
}

.mw-75 {
  max-width: 75%;
}

.mw-80 {
  max-width: 80%;
}

.mw-85 {
  max-width: 85%;
}

.mw-90 {
  max-width: 90%;
}

.mw-95 {
  max-width: 95%;
}

.mw-100 {
  max-width: 100%;
}

.min-height-0 {
  min-height: 0%;
}

.min-height-5 {
  min-height: 5%;
}

.min-height-10 {
  min-height: 10%;
}

.min-height-15 {
  min-height: 15%;
}

.min-height-20 {
  min-height: 20%;
}

.min-height-25 {
  min-height: 25%;
}

.min-height-30 {
  min-height: 30%;
}

.min-height-35 {
  min-height: 35%;
}

.min-height-40 {
  min-height: 40%;
}

.min-height-45 {
  min-height: 45%;
}

.min-height-50 {
  min-height: 50%;
}

.min-height-55 {
  min-height: 55%;
}

.min-height-60 {
  min-height: 60%;
}

.min-height-65 {
  min-height: 65%;
}

.min-height-70 {
  min-height: 70%;
}

.min-height-75 {
  min-height: 75%;
}

.min-height-80 {
  min-height: 80%;
}

.min-height-85 {
  min-height: 85%;
}

.min-height-90 {
  min-height: 90%;
}

.min-height-95 {
  min-height: 95%;
}

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

.max-height-0 {
  max-height: 0%;
}

.max-height-5 {
  max-height: 5%;
}

.max-height-10 {
  max-height: 10%;
}

.max-height-15 {
  max-height: 15%;
}

.max-height-20 {
  max-height: 20%;
}

.max-height-25 {
  max-height: 25%;
}

.max-height-30 {
  max-height: 30%;
}

.max-height-35 {
  max-height: 35%;
}

.max-height-40 {
  max-height: 40%;
}

.max-height-45 {
  max-height: 45%;
}

.max-height-50 {
  max-height: 50%;
}

.max-height-55 {
  max-height: 55%;
}

.max-height-60 {
  max-height: 60%;
}

.max-height-65 {
  max-height: 65%;
}

.max-height-70 {
  max-height: 70%;
}

.max-height-75 {
  max-height: 75%;
}

.max-height-80 {
  max-height: 80%;
}

.max-height-85 {
  max-height: 85%;
}

.max-height-90 {
  max-height: 90%;
}

.max-height-95 {
  max-height: 95%;
}

.max-height-100 {
  max-height: 100%;
}

.vw-100 {
  width: 100vw;
}

.vw-50 {
  width: 50vw;
}

.vh-100 {
  height: 100vh;
}

.vh-50 {
  height: 50vh;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

/*---------END PADDING MARGIN DIMENSIONI-----------*/
/*---------CONTAINER-----------*/
.container-fluid {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.container {
  width: 100%;
  max-width: calc(95vw + (1rem * 2));
  display: block;
  margin: 0 auto;
}

.container-small {
  width: 100%;
  max-width: calc(80vw + (1rem * 2));
  display: block;
  margin: 0 auto;
}

/*---------END CONTAINER-----------*/
/*---------LX SYSTEM-----------*/
.flex-column {
  flex-direction: column;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-around {
  justify-content: space-around;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.align-self-start {
  align-self: start;
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: end;
}

.align-content-between {
  align-content: space-between;
}

.align-content-center {
  align-content: center;
}

.align-content-end {
  align-content: flex-end;
}

.align-content-start {
  align-content: flex-start;
}

.align-content-around {
  align-content: space-around;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-gap {
  display: inline-flex;
  flex-wrap: wrap;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

/*---------END FLEX SYSTEM-----------*/
/*---------GRID SYSTEM-----------*/
.row {
  display: flex;
  flex-wrap: wrap;
}

.row-nogutter {
  display: flex;
  flex-wrap: wrap;
}
.row-nogutter [class^=grid-], .row-nogutter [class*=" grid-"] {
  padding-left: 0;
  padding-right: 0;
}

.grid-1 {
  flex: 0 0 100%;
  max-width: 100%;
}

.grid-1\/2 {
  flex: 0 0 50%;
  max-width: 50%;
}

.grid-1\/3 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.grid-2\/3 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.grid-1\/4 {
  flex: 0 0 25%;
  max-width: 25%;
}

.grid-2\/4 {
  flex: 0 0 50%;
  max-width: 50%;
}

.grid-3\/4 {
  flex: 0 0 75%;
  max-width: 75%;
}

.grid-1\/5 {
  flex: 0 0 20%;
  max-width: 20%;
}

.grid-2\/5 {
  flex: 0 0 40%;
  max-width: 40%;
}

.grid-3\/5 {
  flex: 0 0 60%;
  max-width: 60%;
}

.grid-4\/5 {
  flex: 0 0 80%;
  max-width: 80%;
}

.grid-1\/6 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.grid-2\/6 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.grid-3\/6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.grid-4\/6 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.grid-5\/6 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.grid-1\/12 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.grid-2\/12 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.grid-3\/12 {
  flex: 0 0 25%;
  max-width: 25%;
}

.grid-4\/12 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.grid-5\/12 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.grid-6\/12 {
  flex: 0 0 50%;
  max-width: 50%;
}

.grid-7\/12 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.grid-8\/12 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.grid-9\/12 {
  flex: 0 0 75%;
  max-width: 75%;
}

.grid-10\/12 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.grid-11\/12 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

/*---------END GRID SYSTEM-----------*/
/*----------COLORS-------------------*/
.text-primary {
  color: #A4CFF0;
}

.text-primary--hover:hover {
  color: #A4CFF0;
}

body.dark-mode .text-primary--dark {
  color: #A4CFF0;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-primary--tablet {
    color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .text-primary--mobile {
    color: #A4CFF0;
  }
}
.bg-primary {
  background-color: #A4CFF0;
}

.bg-primary--hover:hover {
  background-color: #A4CFF0;
}

body.dark-mode .bg-primary--dark {
  background-color: #A4CFF0;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-primary--tablet {
    background-color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .bg-primary--mobile {
    background-color: #A4CFF0;
  }
}
.border-primary {
  border-color: #A4CFF0;
}

.border-primary--hover:hover {
  border-color: #A4CFF0;
}

body.dark-mode .border-primary--dark {
  border-color: #A4CFF0;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-primary--tablet {
    border-color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .border-primary--mobile {
    border-color: #A4CFF0;
  }
}
.text-secondary {
  color: #00529E;
}

.text-secondary--hover:hover {
  color: #00529E;
}

body.dark-mode .text-secondary--dark {
  color: #00529E;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-secondary--tablet {
    color: #00529E;
  }
}
@media (max-width: 767px) {
  .text-secondary--mobile {
    color: #00529E;
  }
}
.bg-secondary {
  background-color: #00529E;
}

.bg-secondary--hover:hover {
  background-color: #00529E;
}

body.dark-mode .bg-secondary--dark {
  background-color: #00529E;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-secondary--tablet {
    background-color: #00529E;
  }
}
@media (max-width: 767px) {
  .bg-secondary--mobile {
    background-color: #00529E;
  }
}
.border-secondary {
  border-color: #00529E;
}

.border-secondary--hover:hover {
  border-color: #00529E;
}

body.dark-mode .border-secondary--dark {
  border-color: #00529E;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-secondary--tablet {
    border-color: #00529E;
  }
}
@media (max-width: 767px) {
  .border-secondary--mobile {
    border-color: #00529E;
  }
}
.text-tertiary {
  color: #102D59;
}

.text-tertiary--hover:hover {
  color: #102D59;
}

body.dark-mode .text-tertiary--dark {
  color: #102D59;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-tertiary--tablet {
    color: #102D59;
  }
}
@media (max-width: 767px) {
  .text-tertiary--mobile {
    color: #102D59;
  }
}
.bg-tertiary {
  background-color: #102D59;
}

.bg-tertiary--hover:hover {
  background-color: #102D59;
}

body.dark-mode .bg-tertiary--dark {
  background-color: #102D59;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-tertiary--tablet {
    background-color: #102D59;
  }
}
@media (max-width: 767px) {
  .bg-tertiary--mobile {
    background-color: #102D59;
  }
}
.border-tertiary {
  border-color: #102D59;
}

.border-tertiary--hover:hover {
  border-color: #102D59;
}

body.dark-mode .border-tertiary--dark {
  border-color: #102D59;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-tertiary--tablet {
    border-color: #102D59;
  }
}
@media (max-width: 767px) {
  .border-tertiary--mobile {
    border-color: #102D59;
  }
}
.text-light {
  color: #A4CFF0;
}

.text-light--hover:hover {
  color: #A4CFF0;
}

body.dark-mode .text-light--dark {
  color: #A4CFF0;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-light--tablet {
    color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .text-light--mobile {
    color: #A4CFF0;
  }
}
.bg-light {
  background-color: #A4CFF0;
}

.bg-light--hover:hover {
  background-color: #A4CFF0;
}

body.dark-mode .bg-light--dark {
  background-color: #A4CFF0;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-light--tablet {
    background-color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .bg-light--mobile {
    background-color: #A4CFF0;
  }
}
.border-light {
  border-color: #A4CFF0;
}

.border-light--hover:hover {
  border-color: #A4CFF0;
}

body.dark-mode .border-light--dark {
  border-color: #A4CFF0;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-light--tablet {
    border-color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .border-light--mobile {
    border-color: #A4CFF0;
  }
}
.text-dark {
  color: #0A1C35;
}

.text-dark--hover:hover {
  color: #0A1C35;
}

body.dark-mode .text-dark--dark {
  color: #0A1C35;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-dark--tablet {
    color: #0A1C35;
  }
}
@media (max-width: 767px) {
  .text-dark--mobile {
    color: #0A1C35;
  }
}
.bg-dark {
  background-color: #0A1C35;
}

.bg-dark--hover:hover {
  background-color: #0A1C35;
}

body.dark-mode .bg-dark--dark {
  background-color: #0A1C35;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-dark--tablet {
    background-color: #0A1C35;
  }
}
@media (max-width: 767px) {
  .bg-dark--mobile {
    background-color: #0A1C35;
  }
}
.border-dark {
  border-color: #0A1C35;
}

.border-dark--hover:hover {
  border-color: #0A1C35;
}

body.dark-mode .border-dark--dark {
  border-color: #0A1C35;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-dark--tablet {
    border-color: #0A1C35;
  }
}
@media (max-width: 767px) {
  .border-dark--mobile {
    border-color: #0A1C35;
  }
}
.text-black {
  color: #000;
}

.text-black--hover:hover {
  color: #000;
}

body.dark-mode .text-black--dark {
  color: #000;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-black--tablet {
    color: #000;
  }
}
@media (max-width: 767px) {
  .text-black--mobile {
    color: #000;
  }
}
.bg-black {
  background-color: #000;
}

.bg-black--hover:hover {
  background-color: #000;
}

body.dark-mode .bg-black--dark {
  background-color: #000;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-black--tablet {
    background-color: #000;
  }
}
@media (max-width: 767px) {
  .bg-black--mobile {
    background-color: #000;
  }
}
.border-black {
  border-color: #000;
}

.border-black--hover:hover {
  border-color: #000;
}

body.dark-mode .border-black--dark {
  border-color: #000;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-black--tablet {
    border-color: #000;
  }
}
@media (max-width: 767px) {
  .border-black--mobile {
    border-color: #000;
  }
}
.text-white {
  color: #fff;
}

.text-white--hover:hover {
  color: #fff;
}

body.dark-mode .text-white--dark {
  color: #fff;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-white--tablet {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .text-white--mobile {
    color: #fff;
  }
}
.bg-white {
  background-color: #fff;
}

.bg-white--hover:hover {
  background-color: #fff;
}

body.dark-mode .bg-white--dark {
  background-color: #fff;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-white--tablet {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .bg-white--mobile {
    background-color: #fff;
  }
}
.border-white {
  border-color: #fff;
}

.border-white--hover:hover {
  border-color: #fff;
}

body.dark-mode .border-white--dark {
  border-color: #fff;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-white--tablet {
    border-color: #fff;
  }
}
@media (max-width: 767px) {
  .border-white--mobile {
    border-color: #fff;
  }
}
.text-blue {
  color: rgb(59, 130, 246);
}

.text-blue--hover:hover {
  color: rgb(59, 130, 246);
}

body.dark-mode .text-blue--dark {
  color: rgb(59, 130, 246);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-blue--tablet {
    color: rgb(59, 130, 246);
  }
}
@media (max-width: 767px) {
  .text-blue--mobile {
    color: rgb(59, 130, 246);
  }
}
.bg-blue {
  background-color: rgb(59, 130, 246);
}

.bg-blue--hover:hover {
  background-color: rgb(59, 130, 246);
}

body.dark-mode .bg-blue--dark {
  background-color: rgb(59, 130, 246);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-blue--tablet {
    background-color: rgb(59, 130, 246);
  }
}
@media (max-width: 767px) {
  .bg-blue--mobile {
    background-color: rgb(59, 130, 246);
  }
}
.border-blue {
  border-color: rgb(59, 130, 246);
}

.border-blue--hover:hover {
  border-color: rgb(59, 130, 246);
}

body.dark-mode .border-blue--dark {
  border-color: rgb(59, 130, 246);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-blue--tablet {
    border-color: rgb(59, 130, 246);
  }
}
@media (max-width: 767px) {
  .border-blue--mobile {
    border-color: rgb(59, 130, 246);
  }
}
.text-gray {
  color: rgb(107, 114, 128);
}

.text-gray--hover:hover {
  color: rgb(107, 114, 128);
}

body.dark-mode .text-gray--dark {
  color: rgb(107, 114, 128);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-gray--tablet {
    color: rgb(107, 114, 128);
  }
}
@media (max-width: 767px) {
  .text-gray--mobile {
    color: rgb(107, 114, 128);
  }
}
.bg-gray {
  background-color: rgb(107, 114, 128);
}

.bg-gray--hover:hover {
  background-color: rgb(107, 114, 128);
}

body.dark-mode .bg-gray--dark {
  background-color: rgb(107, 114, 128);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-gray--tablet {
    background-color: rgb(107, 114, 128);
  }
}
@media (max-width: 767px) {
  .bg-gray--mobile {
    background-color: rgb(107, 114, 128);
  }
}
.border-gray {
  border-color: rgb(107, 114, 128);
}

.border-gray--hover:hover {
  border-color: rgb(107, 114, 128);
}

body.dark-mode .border-gray--dark {
  border-color: rgb(107, 114, 128);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-gray--tablet {
    border-color: rgb(107, 114, 128);
  }
}
@media (max-width: 767px) {
  .border-gray--mobile {
    border-color: rgb(107, 114, 128);
  }
}
.text-gray-300 {
  color: rgb(209, 213, 219);
}

.text-gray-300--hover:hover {
  color: rgb(209, 213, 219);
}

body.dark-mode .text-gray-300--dark {
  color: rgb(209, 213, 219);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-gray-300--tablet {
    color: rgb(209, 213, 219);
  }
}
@media (max-width: 767px) {
  .text-gray-300--mobile {
    color: rgb(209, 213, 219);
  }
}
.bg-gray-300 {
  background-color: rgb(209, 213, 219);
}

.bg-gray-300--hover:hover {
  background-color: rgb(209, 213, 219);
}

body.dark-mode .bg-gray-300--dark {
  background-color: rgb(209, 213, 219);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-gray-300--tablet {
    background-color: rgb(209, 213, 219);
  }
}
@media (max-width: 767px) {
  .bg-gray-300--mobile {
    background-color: rgb(209, 213, 219);
  }
}
.border-gray-300 {
  border-color: rgb(209, 213, 219);
}

.border-gray-300--hover:hover {
  border-color: rgb(209, 213, 219);
}

body.dark-mode .border-gray-300--dark {
  border-color: rgb(209, 213, 219);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-gray-300--tablet {
    border-color: rgb(209, 213, 219);
  }
}
@media (max-width: 767px) {
  .border-gray-300--mobile {
    border-color: rgb(209, 213, 219);
  }
}
.text-gray-200 {
  color: rgb(229, 231, 235);
}

.text-gray-200--hover:hover {
  color: rgb(229, 231, 235);
}

body.dark-mode .text-gray-200--dark {
  color: rgb(229, 231, 235);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-gray-200--tablet {
    color: rgb(229, 231, 235);
  }
}
@media (max-width: 767px) {
  .text-gray-200--mobile {
    color: rgb(229, 231, 235);
  }
}
.bg-gray-200 {
  background-color: rgb(229, 231, 235);
}

.bg-gray-200--hover:hover {
  background-color: rgb(229, 231, 235);
}

body.dark-mode .bg-gray-200--dark {
  background-color: rgb(229, 231, 235);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-gray-200--tablet {
    background-color: rgb(229, 231, 235);
  }
}
@media (max-width: 767px) {
  .bg-gray-200--mobile {
    background-color: rgb(229, 231, 235);
  }
}
.border-gray-200 {
  border-color: rgb(229, 231, 235);
}

.border-gray-200--hover:hover {
  border-color: rgb(229, 231, 235);
}

body.dark-mode .border-gray-200--dark {
  border-color: rgb(229, 231, 235);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-gray-200--tablet {
    border-color: rgb(229, 231, 235);
  }
}
@media (max-width: 767px) {
  .border-gray-200--mobile {
    border-color: rgb(229, 231, 235);
  }
}
.text-green {
  color: rgb(34, 197, 94);
}

.text-green--hover:hover {
  color: rgb(34, 197, 94);
}

body.dark-mode .text-green--dark {
  color: rgb(34, 197, 94);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-green--tablet {
    color: rgb(34, 197, 94);
  }
}
@media (max-width: 767px) {
  .text-green--mobile {
    color: rgb(34, 197, 94);
  }
}
.bg-green {
  background-color: rgb(34, 197, 94);
}

.bg-green--hover:hover {
  background-color: rgb(34, 197, 94);
}

body.dark-mode .bg-green--dark {
  background-color: rgb(34, 197, 94);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-green--tablet {
    background-color: rgb(34, 197, 94);
  }
}
@media (max-width: 767px) {
  .bg-green--mobile {
    background-color: rgb(34, 197, 94);
  }
}
.border-green {
  border-color: rgb(34, 197, 94);
}

.border-green--hover:hover {
  border-color: rgb(34, 197, 94);
}

body.dark-mode .border-green--dark {
  border-color: rgb(34, 197, 94);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-green--tablet {
    border-color: rgb(34, 197, 94);
  }
}
@media (max-width: 767px) {
  .border-green--mobile {
    border-color: rgb(34, 197, 94);
  }
}
.text-purple {
  color: rgb(168, 85, 247);
}

.text-purple--hover:hover {
  color: rgb(168, 85, 247);
}

body.dark-mode .text-purple--dark {
  color: rgb(168, 85, 247);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-purple--tablet {
    color: rgb(168, 85, 247);
  }
}
@media (max-width: 767px) {
  .text-purple--mobile {
    color: rgb(168, 85, 247);
  }
}
.bg-purple {
  background-color: rgb(168, 85, 247);
}

.bg-purple--hover:hover {
  background-color: rgb(168, 85, 247);
}

body.dark-mode .bg-purple--dark {
  background-color: rgb(168, 85, 247);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-purple--tablet {
    background-color: rgb(168, 85, 247);
  }
}
@media (max-width: 767px) {
  .bg-purple--mobile {
    background-color: rgb(168, 85, 247);
  }
}
.border-purple {
  border-color: rgb(168, 85, 247);
}

.border-purple--hover:hover {
  border-color: rgb(168, 85, 247);
}

body.dark-mode .border-purple--dark {
  border-color: rgb(168, 85, 247);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-purple--tablet {
    border-color: rgb(168, 85, 247);
  }
}
@media (max-width: 767px) {
  .border-purple--mobile {
    border-color: rgb(168, 85, 247);
  }
}
.text-red {
  color: rgb(239, 68, 68);
}

.text-red--hover:hover {
  color: rgb(239, 68, 68);
}

body.dark-mode .text-red--dark {
  color: rgb(239, 68, 68);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-red--tablet {
    color: rgb(239, 68, 68);
  }
}
@media (max-width: 767px) {
  .text-red--mobile {
    color: rgb(239, 68, 68);
  }
}
.bg-red {
  background-color: rgb(239, 68, 68);
}

.bg-red--hover:hover {
  background-color: rgb(239, 68, 68);
}

body.dark-mode .bg-red--dark {
  background-color: rgb(239, 68, 68);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-red--tablet {
    background-color: rgb(239, 68, 68);
  }
}
@media (max-width: 767px) {
  .bg-red--mobile {
    background-color: rgb(239, 68, 68);
  }
}
.border-red {
  border-color: rgb(239, 68, 68);
}

.border-red--hover:hover {
  border-color: rgb(239, 68, 68);
}

body.dark-mode .border-red--dark {
  border-color: rgb(239, 68, 68);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-red--tablet {
    border-color: rgb(239, 68, 68);
  }
}
@media (max-width: 767px) {
  .border-red--mobile {
    border-color: rgb(239, 68, 68);
  }
}
.text-orange {
  color: rgb(249, 115, 22);
}

.text-orange--hover:hover {
  color: rgb(249, 115, 22);
}

body.dark-mode .text-orange--dark {
  color: rgb(249, 115, 22);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-orange--tablet {
    color: rgb(249, 115, 22);
  }
}
@media (max-width: 767px) {
  .text-orange--mobile {
    color: rgb(249, 115, 22);
  }
}
.bg-orange {
  background-color: rgb(249, 115, 22);
}

.bg-orange--hover:hover {
  background-color: rgb(249, 115, 22);
}

body.dark-mode .bg-orange--dark {
  background-color: rgb(249, 115, 22);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-orange--tablet {
    background-color: rgb(249, 115, 22);
  }
}
@media (max-width: 767px) {
  .bg-orange--mobile {
    background-color: rgb(249, 115, 22);
  }
}
.border-orange {
  border-color: rgb(249, 115, 22);
}

.border-orange--hover:hover {
  border-color: rgb(249, 115, 22);
}

body.dark-mode .border-orange--dark {
  border-color: rgb(249, 115, 22);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-orange--tablet {
    border-color: rgb(249, 115, 22);
  }
}
@media (max-width: 767px) {
  .border-orange--mobile {
    border-color: rgb(249, 115, 22);
  }
}
.text-yellow {
  color: rgb(234, 179, 8);
}

.text-yellow--hover:hover {
  color: rgb(234, 179, 8);
}

body.dark-mode .text-yellow--dark {
  color: rgb(234, 179, 8);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-yellow--tablet {
    color: rgb(234, 179, 8);
  }
}
@media (max-width: 767px) {
  .text-yellow--mobile {
    color: rgb(234, 179, 8);
  }
}
.bg-yellow {
  background-color: rgb(234, 179, 8);
}

.bg-yellow--hover:hover {
  background-color: rgb(234, 179, 8);
}

body.dark-mode .bg-yellow--dark {
  background-color: rgb(234, 179, 8);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-yellow--tablet {
    background-color: rgb(234, 179, 8);
  }
}
@media (max-width: 767px) {
  .bg-yellow--mobile {
    background-color: rgb(234, 179, 8);
  }
}
.border-yellow {
  border-color: rgb(234, 179, 8);
}

.border-yellow--hover:hover {
  border-color: rgb(234, 179, 8);
}

body.dark-mode .border-yellow--dark {
  border-color: rgb(234, 179, 8);
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-yellow--tablet {
    border-color: rgb(234, 179, 8);
  }
}
@media (max-width: 767px) {
  .border-yellow--mobile {
    border-color: rgb(234, 179, 8);
  }
}
.text-transparent {
  color: transparent;
}

.text-transparent--hover:hover {
  color: transparent;
}

body.dark-mode .text-transparent--dark {
  color: transparent;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .text-transparent--tablet {
    color: transparent;
  }
}
@media (max-width: 767px) {
  .text-transparent--mobile {
    color: transparent;
  }
}
.bg-transparent {
  background-color: transparent;
}

.bg-transparent--hover:hover {
  background-color: transparent;
}

body.dark-mode .bg-transparent--dark {
  background-color: transparent;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .bg-transparent--tablet {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .bg-transparent--mobile {
    background-color: transparent;
  }
}
.border-transparent {
  border-color: transparent;
}

.border-transparent--hover:hover {
  border-color: transparent;
}

body.dark-mode .border-transparent--dark {
  border-color: transparent;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .border-transparent--tablet {
    border-color: transparent;
  }
}
@media (max-width: 767px) {
  .border-transparent--mobile {
    border-color: transparent;
  }
}
/*COLORS*/
/*---------BORDER--------*/
.border-solid {
  border-style: solid;
}

.border-solid--hover:hover {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dashed--hover:hover {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-dotted--hover:hover {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-double--hover:hover {
  border-style: double;
}

.border-none {
  border-style: none;
}

.border-none--hover:hover {
  border-style: none;
}

.border-1 {
  border-width: 1px;
}

.border-1--hover:hover {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-2--hover:hover {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-3--hover:hover {
  border-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-4--hover:hover {
  border-width: 4px;
}

.border-top-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-top-1--hover:hover {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-bottom-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.border-bottom-1--hover:hover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.border-left-1 {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-left-1--hover:hover {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-right-1 {
  border-right-width: 1px;
  border-right-style: solid;
}

.border-right-1--hover:hover {
  border-right-width: 1px;
  border-right-style: solid;
}

/*---------BORDER--------*/
/*---------FONT--------*/
.uppercase {
  text-transform: uppercase;
}

.uppercase--hover:hover {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.lowercase--hover:hover {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.capitalize--hover:hover {
  text-transform: capitalize;
}

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

.decoration-none--hover:hover {
  text-decoration: none;
}

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

.decoration-underline--hover:hover {
  text-decoration: underline;
}

.text-left {
  text-align: left;
}

.text-left--hover:hover {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-center--hover:hover {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-right--hover:hover {
  text-align: right;
}

.bold {
  font-weight: 600;
}

.bold--hover:hover {
  font-weight: 600;
}

.regular {
  font-weight: 400;
}

.regular--hover:hover {
  font-weight: 400;
}

.italic {
  font-style: italic;
}

.italic--hover:hover {
  font-style: italic;
}

.font-title {
  font-family: Montserrat, sans-serif;
}

.font-title--hover:hover {
  font-family: Montserrat, sans-serif;
}

.thin {
  font-weight: 300;
}

.thin--hover:hover {
  font-weight: 300;
}

.light {
  font-weight: 300;
}

.light--hover:hover {
  font-weight: 300;
}

.medium {
  font-weight: 500;
}

.medium--hover:hover {
  font-weight: 500;
}

.semibold {
  font-weight: 600;
}

.semibold--hover:hover {
  font-weight: 600;
}

.black {
  font-weight: 900;
}

.black--hover:hover {
  font-weight: 900;
}

/*---------END FONT--------*/
/*---------UTILITIES--------*/
/*.show--mobile {
  display: none;
}
.show--tablet {
  display: none;
}
.hidden {
  display: none;
}*/
.cursor-pointer {
  cursor: pointer;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

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

.transition-none {
  transition-property: none;
}

.transition-all {
  transition-property: all;
  transition-duration: 300ms;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: 300ms;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-duration: 300ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: 300ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: 300ms;
}

.transition-transform {
  transition-property: transform;
  transition-duration: 300ms;
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-1000 {
  transition-duration: 1000ms;
}

.duration-1500 {
  transition-duration: 1500ms;
}

.duration-2000 {
  transition-duration: 2000ms;
}

.opacity-100 {
  opacity: 1;
}

.opacity-100--hover:hover {
  opacity: 1;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-75--hover:hover {
  opacity: 0.75;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-50--hover:hover {
  opacity: 0.5;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-25--hover:hover {
  opacity: 0.25;
}

.opacity-0 {
  opacity: 0;
}

.opacity-0--hover:hover {
  opacity: 0;
}

.visible {
  visibility: visible;
}

.visible--hover:hover {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.invisible--hover:hover {
  visibility: hidden;
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.transform-none {
  transform: none;
}

.scale-0 {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.scale-0--hover:hover {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.scale-50 {
  --transform-scale-x: 0.5;
  --transform-scale-y: 0.5;
}

.scale-50--hover:hover {
  --transform-scale-x: 0.5;
  --transform-scale-y: 0.5;
}

.scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.scale-100--hover:hover {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.scale-110 {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.scale-110--hover:hover {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.scale-125 {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25S;
}

.scale-125--hover:hover {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25S;
}

.scale-150 {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.scale-150--hover:hover {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

/*---------UTILITIES--------*/
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-contain--hover:hover {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-cover--hover:hover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-fill--hover:hover {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none {
  -o-object-fit: none;
     object-fit: none;
}

.object-none--hover:hover {
  -o-object-fit: none;
     object-fit: none;
}

.object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-scale-down--hover:hover {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.background-no-repeat {
  background-repeat: no-repeat;
}

.background-no-repeat--hover:hover {
  background-repeat: no-repeat;
}

.background-size-cover {
  background-size: cover;
}

.background-size-cover--hover:hover {
  background-size: cover;
}

.background-size-contain {
  background-size: contain;
}

.background-size-contain--hover:hover {
  background-size: contain;
}

.background-size-w-100 {
  background-size: 100% auto;
}

.background-size-w-100--hover:hover {
  background-size: 100% auto;
}

.background-size-h-100 {
  background-size: auto 100%;
}

.background-size-h-100--hover:hover {
  background-size: auto 100%;
}

.background-position-x-center {
  background-position-x: center;
}

.background-position-x-center--hover:hover {
  background-position-x: center;
}

.background-position-y-center {
  background-position-y: center;
}

.background-position-y-center--hover:hover {
  background-position-y: center;
}

.background-position-x-left {
  background-position-x: left;
}

.background-position-x-left--hover:hover {
  background-position-x: left;
}

.background-position-x-right {
  background-position-x: right;
}

.background-position-x-right--hover:hover {
  background-position-x: right;
}

.background-position-y-top {
  background-position-y: top;
}

.background-position-y-top--hover:hover {
  background-position-y: top;
}

.background-position-y-bottom {
  background-position-y: bottom;
}

.background-position-y-bottom--hover:hover {
  background-position-y: bottom;
}

.box-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.box-shadow--hover:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.box-shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.box-shadow-md--hover:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.box-shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.box-shadow-lg--hover:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.border-radius-none {
  border-radius: 0;
}

.border-radius-none--hover:hover {
  border-radius: 0;
}

.border-radius-xs {
  border-radius: 0.1rem;
}

.border-radius-xs--hover:hover {
  border-radius: 0.1rem;
}

.border-radius-sm {
  border-radius: 0.25rem;
}

.border-radius-sm--hover:hover {
  border-radius: 0.25rem;
}

.border-radius {
  border-radius: 0.375rem;
}

.border-radius--hover:hover {
  border-radius: 0.375rem;
}

.border-radius-md {
  border-radius: 0.5rem;
}

.border-radius-md--hover:hover {
  border-radius: 0.5rem;
}

.border-radius-lg {
  border-radius: 0.75rem;
}

.border-radius-lg--hover:hover {
  border-radius: 0.75rem;
}

.border-radius-full {
  border-radius: 50%;
}

.border-radius-full--hover:hover {
  border-radius: 50%;
}

.outline-none {
  outline: none;
}

.outline-none--hover:hover {
  outline: none;
}

.video-istituto__play {
  transform: translate(-50%, -50%);
}

.padding-gutter, .container-fluid, .container, .container-small, .grid-1, .grid-1\/2, .grid-1\/3, .grid-2\/3, .grid-1\/4, .grid-2\/4, .grid-3\/4, .grid-1\/5, .grid-2\/5, .grid-3\/5, .grid-4\/5, .grid-1\/6, .grid-2\/6, .grid-3\/6, .grid-4\/6, .grid-5\/6, .grid-1\/12, .grid-2\/12, .grid-3\/12, .grid-4\/12, .grid-5\/12, .grid-6\/12, .grid-7\/12, .grid-8\/12, .grid-9\/12, .grid-10\/12, .grid-11\/12 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.row {
  margin-left: -1rem;
  margin-right: -1rem;
}

.remove-list {
  list-style: none;
  padding: 0;
}

.title-h1, .the-content h1, .title-h1 *, .the-content h1 * {
  font-size: 36px;
  line-height: 1.5em;
}

.title-h2, .the-content h2, .title-h2 *, .the-content h2 * {
  font-size: 30px;
  line-height: 1.5em;
}

.title-h3, .the-content h3, .title-h3 *, .the-content h3 * {
  font-size: 28px;
  line-height: 1.5em;
}

.title-h4, .the-content h4, .title-h4 *, .the-content h4 * {
  font-size: 20px;
  line-height: 1.5em;
}

.title-h5, .the-content h5, .title-h5 *, .the-content h5 * {
  font-size: 20px;
  line-height: 1.5em;
}

.p-body {
  font-size: 16px;
  line-height: 1.5em;
}

.p-small {
  font-size: 13px;
  line-height: 1.5em;
}

.p-xsmall {
  font-size: 11px;
  line-height: 1.5em;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  color: #323232;
}

body {
  margin: 0;
  overflow-x: hidden;
}

strong {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

a[href^=tel] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .relative--tablet {
    position: relative;
  }
}
@media (max-width: 767px) {
  .relative--mobile {
    position: relative;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .absolute--tablet {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .absolute--mobile {
    position: absolute;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .fixed--tablet {
    position: fixed;
  }
}
@media (max-width: 767px) {
  .fixed--mobile {
    position: fixed;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .sticky--tablet {
    position: sticky;
  }
}
@media (max-width: 767px) {
  .sticky--mobile {
    position: sticky;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .static--tablet {
    position: static;
  }
}
@media (max-width: 767px) {
  .static--mobile {
    position: static;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-0--tablet {
    top: 0rem;
  }
}
@media (max-width: 767px) {
  .top-0--mobile {
    top: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-1--tablet {
    top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .top-1--mobile {
    top: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-2--tablet {
    top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .top-2--mobile {
    top: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-3--tablet {
    top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .top-3--mobile {
    top: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-4--tablet {
    top: 1rem;
  }
}
@media (max-width: 767px) {
  .top-4--mobile {
    top: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-5--tablet {
    top: 1.25rem;
  }
}
@media (max-width: 767px) {
  .top-5--mobile {
    top: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-6--tablet {
    top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .top-6--mobile {
    top: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-7--tablet {
    top: 1.75rem;
  }
}
@media (max-width: 767px) {
  .top-7--mobile {
    top: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-8--tablet {
    top: 2rem;
  }
}
@media (max-width: 767px) {
  .top-8--mobile {
    top: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-9--tablet {
    top: 2.25rem;
  }
}
@media (max-width: 767px) {
  .top-9--mobile {
    top: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-10--tablet {
    top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .top-10--mobile {
    top: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-11--tablet {
    top: 2.75rem;
  }
}
@media (max-width: 767px) {
  .top-11--mobile {
    top: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-12--tablet {
    top: 3rem;
  }
}
@media (max-width: 767px) {
  .top-12--mobile {
    top: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-15--tablet {
    top: 3.75rem;
  }
}
@media (max-width: 767px) {
  .top-15--mobile {
    top: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-16--tablet {
    top: 4rem;
  }
}
@media (max-width: 767px) {
  .top-16--mobile {
    top: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-17--tablet {
    top: 4.25rem;
  }
}
@media (max-width: 767px) {
  .top-17--mobile {
    top: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-18--tablet {
    top: 4.5rem;
  }
}
@media (max-width: 767px) {
  .top-18--mobile {
    top: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-19--tablet {
    top: 4.75rem;
  }
}
@media (max-width: 767px) {
  .top-19--mobile {
    top: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-20--tablet {
    top: 5rem;
  }
}
@media (max-width: 767px) {
  .top-20--mobile {
    top: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-21--tablet {
    top: 5.25rem;
  }
}
@media (max-width: 767px) {
  .top-21--mobile {
    top: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-22--tablet {
    top: 5.5rem;
  }
}
@media (max-width: 767px) {
  .top-22--mobile {
    top: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-23--tablet {
    top: 5.75rem;
  }
}
@media (max-width: 767px) {
  .top-23--mobile {
    top: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-24--tablet {
    top: 6rem;
  }
}
@media (max-width: 767px) {
  .top-24--mobile {
    top: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-25--tablet {
    top: 6.25rem;
  }
}
@media (max-width: 767px) {
  .top-25--mobile {
    top: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-0p--tablet {
    top: 0%;
  }
}
@media (max-width: 767px) {
  .top-0p--mobile {
    top: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-0p--tablet {
    top: -0%;
  }
}
@media (max-width: 767px) {
  .-top-0p--mobile {
    top: -0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-5p--tablet {
    top: 5%;
  }
}
@media (max-width: 767px) {
  .top-5p--mobile {
    top: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-5p--tablet {
    top: -5%;
  }
}
@media (max-width: 767px) {
  .-top-5p--mobile {
    top: -5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-10p--tablet {
    top: 10%;
  }
}
@media (max-width: 767px) {
  .top-10p--mobile {
    top: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-10p--tablet {
    top: -10%;
  }
}
@media (max-width: 767px) {
  .-top-10p--mobile {
    top: -10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-15p--tablet {
    top: 15%;
  }
}
@media (max-width: 767px) {
  .top-15p--mobile {
    top: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-15p--tablet {
    top: -15%;
  }
}
@media (max-width: 767px) {
  .-top-15p--mobile {
    top: -15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-20p--tablet {
    top: 20%;
  }
}
@media (max-width: 767px) {
  .top-20p--mobile {
    top: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-20p--tablet {
    top: -20%;
  }
}
@media (max-width: 767px) {
  .-top-20p--mobile {
    top: -20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-25p--tablet {
    top: 25%;
  }
}
@media (max-width: 767px) {
  .top-25p--mobile {
    top: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-25p--tablet {
    top: -25%;
  }
}
@media (max-width: 767px) {
  .-top-25p--mobile {
    top: -25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-30p--tablet {
    top: 30%;
  }
}
@media (max-width: 767px) {
  .top-30p--mobile {
    top: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-30p--tablet {
    top: -30%;
  }
}
@media (max-width: 767px) {
  .-top-30p--mobile {
    top: -30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-35p--tablet {
    top: 35%;
  }
}
@media (max-width: 767px) {
  .top-35p--mobile {
    top: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-35p--tablet {
    top: -35%;
  }
}
@media (max-width: 767px) {
  .-top-35p--mobile {
    top: -35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-40p--tablet {
    top: 40%;
  }
}
@media (max-width: 767px) {
  .top-40p--mobile {
    top: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-40p--tablet {
    top: -40%;
  }
}
@media (max-width: 767px) {
  .-top-40p--mobile {
    top: -40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-45p--tablet {
    top: 45%;
  }
}
@media (max-width: 767px) {
  .top-45p--mobile {
    top: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-45p--tablet {
    top: -45%;
  }
}
@media (max-width: 767px) {
  .-top-45p--mobile {
    top: -45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-50p--tablet {
    top: 50%;
  }
}
@media (max-width: 767px) {
  .top-50p--mobile {
    top: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-50p--tablet {
    top: -50%;
  }
}
@media (max-width: 767px) {
  .-top-50p--mobile {
    top: -50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-55p--tablet {
    top: 55%;
  }
}
@media (max-width: 767px) {
  .top-55p--mobile {
    top: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-55p--tablet {
    top: -55%;
  }
}
@media (max-width: 767px) {
  .-top-55p--mobile {
    top: -55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-60p--tablet {
    top: 60%;
  }
}
@media (max-width: 767px) {
  .top-60p--mobile {
    top: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-60p--tablet {
    top: -60%;
  }
}
@media (max-width: 767px) {
  .-top-60p--mobile {
    top: -60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-65p--tablet {
    top: 65%;
  }
}
@media (max-width: 767px) {
  .top-65p--mobile {
    top: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-65p--tablet {
    top: -65%;
  }
}
@media (max-width: 767px) {
  .-top-65p--mobile {
    top: -65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-70p--tablet {
    top: 70%;
  }
}
@media (max-width: 767px) {
  .top-70p--mobile {
    top: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-70p--tablet {
    top: -70%;
  }
}
@media (max-width: 767px) {
  .-top-70p--mobile {
    top: -70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-75p--tablet {
    top: 75%;
  }
}
@media (max-width: 767px) {
  .top-75p--mobile {
    top: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-75p--tablet {
    top: -75%;
  }
}
@media (max-width: 767px) {
  .-top-75p--mobile {
    top: -75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-80p--tablet {
    top: 80%;
  }
}
@media (max-width: 767px) {
  .top-80p--mobile {
    top: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-80p--tablet {
    top: -80%;
  }
}
@media (max-width: 767px) {
  .-top-80p--mobile {
    top: -80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-85p--tablet {
    top: 85%;
  }
}
@media (max-width: 767px) {
  .top-85p--mobile {
    top: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-85p--tablet {
    top: -85%;
  }
}
@media (max-width: 767px) {
  .-top-85p--mobile {
    top: -85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-90p--tablet {
    top: 90%;
  }
}
@media (max-width: 767px) {
  .top-90p--mobile {
    top: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-90p--tablet {
    top: -90%;
  }
}
@media (max-width: 767px) {
  .-top-90p--mobile {
    top: -90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-95p--tablet {
    top: 95%;
  }
}
@media (max-width: 767px) {
  .top-95p--mobile {
    top: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-95p--tablet {
    top: -95%;
  }
}
@media (max-width: 767px) {
  .-top-95p--mobile {
    top: -95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .top-100p--tablet {
    top: 100%;
  }
}
@media (max-width: 767px) {
  .top-100p--mobile {
    top: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-top-100p--tablet {
    top: -100%;
  }
}
@media (max-width: 767px) {
  .-top-100p--mobile {
    top: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-0--tablet {
    right: 0rem;
  }
}
@media (max-width: 767px) {
  .right-0--mobile {
    right: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-1--tablet {
    right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .right-1--mobile {
    right: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-2--tablet {
    right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .right-2--mobile {
    right: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-3--tablet {
    right: 0.75rem;
  }
}
@media (max-width: 767px) {
  .right-3--mobile {
    right: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-4--tablet {
    right: 1rem;
  }
}
@media (max-width: 767px) {
  .right-4--mobile {
    right: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-5--tablet {
    right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .right-5--mobile {
    right: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-6--tablet {
    right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .right-6--mobile {
    right: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-7--tablet {
    right: 1.75rem;
  }
}
@media (max-width: 767px) {
  .right-7--mobile {
    right: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-8--tablet {
    right: 2rem;
  }
}
@media (max-width: 767px) {
  .right-8--mobile {
    right: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-9--tablet {
    right: 2.25rem;
  }
}
@media (max-width: 767px) {
  .right-9--mobile {
    right: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-10--tablet {
    right: 2.5rem;
  }
}
@media (max-width: 767px) {
  .right-10--mobile {
    right: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-11--tablet {
    right: 2.75rem;
  }
}
@media (max-width: 767px) {
  .right-11--mobile {
    right: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-12--tablet {
    right: 3rem;
  }
}
@media (max-width: 767px) {
  .right-12--mobile {
    right: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-15--tablet {
    right: 3.75rem;
  }
}
@media (max-width: 767px) {
  .right-15--mobile {
    right: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-16--tablet {
    right: 4rem;
  }
}
@media (max-width: 767px) {
  .right-16--mobile {
    right: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-17--tablet {
    right: 4.25rem;
  }
}
@media (max-width: 767px) {
  .right-17--mobile {
    right: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-18--tablet {
    right: 4.5rem;
  }
}
@media (max-width: 767px) {
  .right-18--mobile {
    right: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-19--tablet {
    right: 4.75rem;
  }
}
@media (max-width: 767px) {
  .right-19--mobile {
    right: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-20--tablet {
    right: 5rem;
  }
}
@media (max-width: 767px) {
  .right-20--mobile {
    right: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-21--tablet {
    right: 5.25rem;
  }
}
@media (max-width: 767px) {
  .right-21--mobile {
    right: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-22--tablet {
    right: 5.5rem;
  }
}
@media (max-width: 767px) {
  .right-22--mobile {
    right: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-23--tablet {
    right: 5.75rem;
  }
}
@media (max-width: 767px) {
  .right-23--mobile {
    right: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-24--tablet {
    right: 6rem;
  }
}
@media (max-width: 767px) {
  .right-24--mobile {
    right: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-25--tablet {
    right: 6.25rem;
  }
}
@media (max-width: 767px) {
  .right-25--mobile {
    right: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-0p--tablet {
    right: 0%;
  }
}
@media (max-width: 767px) {
  .right-0p--mobile {
    right: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-0p--tablet {
    right: -0%;
  }
}
@media (max-width: 767px) {
  .-right-0p--mobile {
    right: -0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-5p--tablet {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .right-5p--mobile {
    right: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-5p--tablet {
    right: -5%;
  }
}
@media (max-width: 767px) {
  .-right-5p--mobile {
    right: -5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-10p--tablet {
    right: 10%;
  }
}
@media (max-width: 767px) {
  .right-10p--mobile {
    right: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-10p--tablet {
    right: -10%;
  }
}
@media (max-width: 767px) {
  .-right-10p--mobile {
    right: -10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-15p--tablet {
    right: 15%;
  }
}
@media (max-width: 767px) {
  .right-15p--mobile {
    right: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-15p--tablet {
    right: -15%;
  }
}
@media (max-width: 767px) {
  .-right-15p--mobile {
    right: -15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-20p--tablet {
    right: 20%;
  }
}
@media (max-width: 767px) {
  .right-20p--mobile {
    right: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-20p--tablet {
    right: -20%;
  }
}
@media (max-width: 767px) {
  .-right-20p--mobile {
    right: -20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-25p--tablet {
    right: 25%;
  }
}
@media (max-width: 767px) {
  .right-25p--mobile {
    right: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-25p--tablet {
    right: -25%;
  }
}
@media (max-width: 767px) {
  .-right-25p--mobile {
    right: -25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-30p--tablet {
    right: 30%;
  }
}
@media (max-width: 767px) {
  .right-30p--mobile {
    right: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-30p--tablet {
    right: -30%;
  }
}
@media (max-width: 767px) {
  .-right-30p--mobile {
    right: -30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-35p--tablet {
    right: 35%;
  }
}
@media (max-width: 767px) {
  .right-35p--mobile {
    right: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-35p--tablet {
    right: -35%;
  }
}
@media (max-width: 767px) {
  .-right-35p--mobile {
    right: -35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-40p--tablet {
    right: 40%;
  }
}
@media (max-width: 767px) {
  .right-40p--mobile {
    right: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-40p--tablet {
    right: -40%;
  }
}
@media (max-width: 767px) {
  .-right-40p--mobile {
    right: -40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-45p--tablet {
    right: 45%;
  }
}
@media (max-width: 767px) {
  .right-45p--mobile {
    right: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-45p--tablet {
    right: -45%;
  }
}
@media (max-width: 767px) {
  .-right-45p--mobile {
    right: -45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-50p--tablet {
    right: 50%;
  }
}
@media (max-width: 767px) {
  .right-50p--mobile {
    right: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-50p--tablet {
    right: -50%;
  }
}
@media (max-width: 767px) {
  .-right-50p--mobile {
    right: -50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-55p--tablet {
    right: 55%;
  }
}
@media (max-width: 767px) {
  .right-55p--mobile {
    right: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-55p--tablet {
    right: -55%;
  }
}
@media (max-width: 767px) {
  .-right-55p--mobile {
    right: -55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-60p--tablet {
    right: 60%;
  }
}
@media (max-width: 767px) {
  .right-60p--mobile {
    right: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-60p--tablet {
    right: -60%;
  }
}
@media (max-width: 767px) {
  .-right-60p--mobile {
    right: -60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-65p--tablet {
    right: 65%;
  }
}
@media (max-width: 767px) {
  .right-65p--mobile {
    right: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-65p--tablet {
    right: -65%;
  }
}
@media (max-width: 767px) {
  .-right-65p--mobile {
    right: -65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-70p--tablet {
    right: 70%;
  }
}
@media (max-width: 767px) {
  .right-70p--mobile {
    right: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-70p--tablet {
    right: -70%;
  }
}
@media (max-width: 767px) {
  .-right-70p--mobile {
    right: -70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-75p--tablet {
    right: 75%;
  }
}
@media (max-width: 767px) {
  .right-75p--mobile {
    right: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-75p--tablet {
    right: -75%;
  }
}
@media (max-width: 767px) {
  .-right-75p--mobile {
    right: -75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-80p--tablet {
    right: 80%;
  }
}
@media (max-width: 767px) {
  .right-80p--mobile {
    right: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-80p--tablet {
    right: -80%;
  }
}
@media (max-width: 767px) {
  .-right-80p--mobile {
    right: -80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-85p--tablet {
    right: 85%;
  }
}
@media (max-width: 767px) {
  .right-85p--mobile {
    right: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-85p--tablet {
    right: -85%;
  }
}
@media (max-width: 767px) {
  .-right-85p--mobile {
    right: -85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-90p--tablet {
    right: 90%;
  }
}
@media (max-width: 767px) {
  .right-90p--mobile {
    right: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-90p--tablet {
    right: -90%;
  }
}
@media (max-width: 767px) {
  .-right-90p--mobile {
    right: -90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-95p--tablet {
    right: 95%;
  }
}
@media (max-width: 767px) {
  .right-95p--mobile {
    right: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-95p--tablet {
    right: -95%;
  }
}
@media (max-width: 767px) {
  .-right-95p--mobile {
    right: -95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .right-100p--tablet {
    right: 100%;
  }
}
@media (max-width: 767px) {
  .right-100p--mobile {
    right: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-right-100p--tablet {
    right: -100%;
  }
}
@media (max-width: 767px) {
  .-right-100p--mobile {
    right: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-0--tablet {
    bottom: 0rem;
  }
}
@media (max-width: 767px) {
  .bottom-0--mobile {
    bottom: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-1--tablet {
    bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-1--mobile {
    bottom: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-2--tablet {
    bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .bottom-2--mobile {
    bottom: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-3--tablet {
    bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .bottom-3--mobile {
    bottom: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-4--tablet {
    bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .bottom-4--mobile {
    bottom: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-5--tablet {
    bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-5--mobile {
    bottom: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-6--tablet {
    bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .bottom-6--mobile {
    bottom: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-7--tablet {
    bottom: 1.75rem;
  }
}
@media (max-width: 767px) {
  .bottom-7--mobile {
    bottom: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-8--tablet {
    bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .bottom-8--mobile {
    bottom: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-9--tablet {
    bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-9--mobile {
    bottom: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-10--tablet {
    bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .bottom-10--mobile {
    bottom: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-11--tablet {
    bottom: 2.75rem;
  }
}
@media (max-width: 767px) {
  .bottom-11--mobile {
    bottom: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-12--tablet {
    bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .bottom-12--mobile {
    bottom: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-15--tablet {
    bottom: 3.75rem;
  }
}
@media (max-width: 767px) {
  .bottom-15--mobile {
    bottom: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-16--tablet {
    bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .bottom-16--mobile {
    bottom: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-17--tablet {
    bottom: 4.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-17--mobile {
    bottom: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-18--tablet {
    bottom: 4.5rem;
  }
}
@media (max-width: 767px) {
  .bottom-18--mobile {
    bottom: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-19--tablet {
    bottom: 4.75rem;
  }
}
@media (max-width: 767px) {
  .bottom-19--mobile {
    bottom: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-20--tablet {
    bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .bottom-20--mobile {
    bottom: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-21--tablet {
    bottom: 5.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-21--mobile {
    bottom: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-22--tablet {
    bottom: 5.5rem;
  }
}
@media (max-width: 767px) {
  .bottom-22--mobile {
    bottom: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-23--tablet {
    bottom: 5.75rem;
  }
}
@media (max-width: 767px) {
  .bottom-23--mobile {
    bottom: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-24--tablet {
    bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .bottom-24--mobile {
    bottom: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-25--tablet {
    bottom: 6.25rem;
  }
}
@media (max-width: 767px) {
  .bottom-25--mobile {
    bottom: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-0p--tablet {
    bottom: 0%;
  }
}
@media (max-width: 767px) {
  .bottom-0p--mobile {
    bottom: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-0p--tablet {
    bottom: -0%;
  }
}
@media (max-width: 767px) {
  .-bottom-0p--mobile {
    bottom: -0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-5p--tablet {
    bottom: 5%;
  }
}
@media (max-width: 767px) {
  .bottom-5p--mobile {
    bottom: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-5p--tablet {
    bottom: -5%;
  }
}
@media (max-width: 767px) {
  .-bottom-5p--mobile {
    bottom: -5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-10p--tablet {
    bottom: 10%;
  }
}
@media (max-width: 767px) {
  .bottom-10p--mobile {
    bottom: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-10p--tablet {
    bottom: -10%;
  }
}
@media (max-width: 767px) {
  .-bottom-10p--mobile {
    bottom: -10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-15p--tablet {
    bottom: 15%;
  }
}
@media (max-width: 767px) {
  .bottom-15p--mobile {
    bottom: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-15p--tablet {
    bottom: -15%;
  }
}
@media (max-width: 767px) {
  .-bottom-15p--mobile {
    bottom: -15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-20p--tablet {
    bottom: 20%;
  }
}
@media (max-width: 767px) {
  .bottom-20p--mobile {
    bottom: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-20p--tablet {
    bottom: -20%;
  }
}
@media (max-width: 767px) {
  .-bottom-20p--mobile {
    bottom: -20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-25p--tablet {
    bottom: 25%;
  }
}
@media (max-width: 767px) {
  .bottom-25p--mobile {
    bottom: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-25p--tablet {
    bottom: -25%;
  }
}
@media (max-width: 767px) {
  .-bottom-25p--mobile {
    bottom: -25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-30p--tablet {
    bottom: 30%;
  }
}
@media (max-width: 767px) {
  .bottom-30p--mobile {
    bottom: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-30p--tablet {
    bottom: -30%;
  }
}
@media (max-width: 767px) {
  .-bottom-30p--mobile {
    bottom: -30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-35p--tablet {
    bottom: 35%;
  }
}
@media (max-width: 767px) {
  .bottom-35p--mobile {
    bottom: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-35p--tablet {
    bottom: -35%;
  }
}
@media (max-width: 767px) {
  .-bottom-35p--mobile {
    bottom: -35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-40p--tablet {
    bottom: 40%;
  }
}
@media (max-width: 767px) {
  .bottom-40p--mobile {
    bottom: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-40p--tablet {
    bottom: -40%;
  }
}
@media (max-width: 767px) {
  .-bottom-40p--mobile {
    bottom: -40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-45p--tablet {
    bottom: 45%;
  }
}
@media (max-width: 767px) {
  .bottom-45p--mobile {
    bottom: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-45p--tablet {
    bottom: -45%;
  }
}
@media (max-width: 767px) {
  .-bottom-45p--mobile {
    bottom: -45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-50p--tablet {
    bottom: 50%;
  }
}
@media (max-width: 767px) {
  .bottom-50p--mobile {
    bottom: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-50p--tablet {
    bottom: -50%;
  }
}
@media (max-width: 767px) {
  .-bottom-50p--mobile {
    bottom: -50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-55p--tablet {
    bottom: 55%;
  }
}
@media (max-width: 767px) {
  .bottom-55p--mobile {
    bottom: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-55p--tablet {
    bottom: -55%;
  }
}
@media (max-width: 767px) {
  .-bottom-55p--mobile {
    bottom: -55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-60p--tablet {
    bottom: 60%;
  }
}
@media (max-width: 767px) {
  .bottom-60p--mobile {
    bottom: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-60p--tablet {
    bottom: -60%;
  }
}
@media (max-width: 767px) {
  .-bottom-60p--mobile {
    bottom: -60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-65p--tablet {
    bottom: 65%;
  }
}
@media (max-width: 767px) {
  .bottom-65p--mobile {
    bottom: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-65p--tablet {
    bottom: -65%;
  }
}
@media (max-width: 767px) {
  .-bottom-65p--mobile {
    bottom: -65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-70p--tablet {
    bottom: 70%;
  }
}
@media (max-width: 767px) {
  .bottom-70p--mobile {
    bottom: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-70p--tablet {
    bottom: -70%;
  }
}
@media (max-width: 767px) {
  .-bottom-70p--mobile {
    bottom: -70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-75p--tablet {
    bottom: 75%;
  }
}
@media (max-width: 767px) {
  .bottom-75p--mobile {
    bottom: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-75p--tablet {
    bottom: -75%;
  }
}
@media (max-width: 767px) {
  .-bottom-75p--mobile {
    bottom: -75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-80p--tablet {
    bottom: 80%;
  }
}
@media (max-width: 767px) {
  .bottom-80p--mobile {
    bottom: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-80p--tablet {
    bottom: -80%;
  }
}
@media (max-width: 767px) {
  .-bottom-80p--mobile {
    bottom: -80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-85p--tablet {
    bottom: 85%;
  }
}
@media (max-width: 767px) {
  .bottom-85p--mobile {
    bottom: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-85p--tablet {
    bottom: -85%;
  }
}
@media (max-width: 767px) {
  .-bottom-85p--mobile {
    bottom: -85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-90p--tablet {
    bottom: 90%;
  }
}
@media (max-width: 767px) {
  .bottom-90p--mobile {
    bottom: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-90p--tablet {
    bottom: -90%;
  }
}
@media (max-width: 767px) {
  .-bottom-90p--mobile {
    bottom: -90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-95p--tablet {
    bottom: 95%;
  }
}
@media (max-width: 767px) {
  .bottom-95p--mobile {
    bottom: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-95p--tablet {
    bottom: -95%;
  }
}
@media (max-width: 767px) {
  .-bottom-95p--mobile {
    bottom: -95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bottom-100p--tablet {
    bottom: 100%;
  }
}
@media (max-width: 767px) {
  .bottom-100p--mobile {
    bottom: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-bottom-100p--tablet {
    bottom: -100%;
  }
}
@media (max-width: 767px) {
  .-bottom-100p--mobile {
    bottom: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-0--tablet {
    left: 0rem;
  }
}
@media (max-width: 767px) {
  .left-0--mobile {
    left: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-1--tablet {
    left: 0.25rem;
  }
}
@media (max-width: 767px) {
  .left-1--mobile {
    left: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-2--tablet {
    left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .left-2--mobile {
    left: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-3--tablet {
    left: 0.75rem;
  }
}
@media (max-width: 767px) {
  .left-3--mobile {
    left: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-4--tablet {
    left: 1rem;
  }
}
@media (max-width: 767px) {
  .left-4--mobile {
    left: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-5--tablet {
    left: 1.25rem;
  }
}
@media (max-width: 767px) {
  .left-5--mobile {
    left: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-6--tablet {
    left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .left-6--mobile {
    left: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-7--tablet {
    left: 1.75rem;
  }
}
@media (max-width: 767px) {
  .left-7--mobile {
    left: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-8--tablet {
    left: 2rem;
  }
}
@media (max-width: 767px) {
  .left-8--mobile {
    left: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-9--tablet {
    left: 2.25rem;
  }
}
@media (max-width: 767px) {
  .left-9--mobile {
    left: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-10--tablet {
    left: 2.5rem;
  }
}
@media (max-width: 767px) {
  .left-10--mobile {
    left: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-11--tablet {
    left: 2.75rem;
  }
}
@media (max-width: 767px) {
  .left-11--mobile {
    left: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-12--tablet {
    left: 3rem;
  }
}
@media (max-width: 767px) {
  .left-12--mobile {
    left: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-15--tablet {
    left: 3.75rem;
  }
}
@media (max-width: 767px) {
  .left-15--mobile {
    left: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-16--tablet {
    left: 4rem;
  }
}
@media (max-width: 767px) {
  .left-16--mobile {
    left: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-17--tablet {
    left: 4.25rem;
  }
}
@media (max-width: 767px) {
  .left-17--mobile {
    left: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-18--tablet {
    left: 4.5rem;
  }
}
@media (max-width: 767px) {
  .left-18--mobile {
    left: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-19--tablet {
    left: 4.75rem;
  }
}
@media (max-width: 767px) {
  .left-19--mobile {
    left: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-20--tablet {
    left: 5rem;
  }
}
@media (max-width: 767px) {
  .left-20--mobile {
    left: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-21--tablet {
    left: 5.25rem;
  }
}
@media (max-width: 767px) {
  .left-21--mobile {
    left: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-22--tablet {
    left: 5.5rem;
  }
}
@media (max-width: 767px) {
  .left-22--mobile {
    left: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-23--tablet {
    left: 5.75rem;
  }
}
@media (max-width: 767px) {
  .left-23--mobile {
    left: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-24--tablet {
    left: 6rem;
  }
}
@media (max-width: 767px) {
  .left-24--mobile {
    left: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-25--tablet {
    left: 6.25rem;
  }
}
@media (max-width: 767px) {
  .left-25--mobile {
    left: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-0p--tablet {
    left: 0%;
  }
}
@media (max-width: 767px) {
  .left-0p--mobile {
    left: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-0p--tablet {
    left: -0%;
  }
}
@media (max-width: 767px) {
  .-left-0p--mobile {
    left: -0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-5p--tablet {
    left: 5%;
  }
}
@media (max-width: 767px) {
  .left-5p--mobile {
    left: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-5p--tablet {
    left: -5%;
  }
}
@media (max-width: 767px) {
  .-left-5p--mobile {
    left: -5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-10p--tablet {
    left: 10%;
  }
}
@media (max-width: 767px) {
  .left-10p--mobile {
    left: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-10p--tablet {
    left: -10%;
  }
}
@media (max-width: 767px) {
  .-left-10p--mobile {
    left: -10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-15p--tablet {
    left: 15%;
  }
}
@media (max-width: 767px) {
  .left-15p--mobile {
    left: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-15p--tablet {
    left: -15%;
  }
}
@media (max-width: 767px) {
  .-left-15p--mobile {
    left: -15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-20p--tablet {
    left: 20%;
  }
}
@media (max-width: 767px) {
  .left-20p--mobile {
    left: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-20p--tablet {
    left: -20%;
  }
}
@media (max-width: 767px) {
  .-left-20p--mobile {
    left: -20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-25p--tablet {
    left: 25%;
  }
}
@media (max-width: 767px) {
  .left-25p--mobile {
    left: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-25p--tablet {
    left: -25%;
  }
}
@media (max-width: 767px) {
  .-left-25p--mobile {
    left: -25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-30p--tablet {
    left: 30%;
  }
}
@media (max-width: 767px) {
  .left-30p--mobile {
    left: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-30p--tablet {
    left: -30%;
  }
}
@media (max-width: 767px) {
  .-left-30p--mobile {
    left: -30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-35p--tablet {
    left: 35%;
  }
}
@media (max-width: 767px) {
  .left-35p--mobile {
    left: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-35p--tablet {
    left: -35%;
  }
}
@media (max-width: 767px) {
  .-left-35p--mobile {
    left: -35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-40p--tablet {
    left: 40%;
  }
}
@media (max-width: 767px) {
  .left-40p--mobile {
    left: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-40p--tablet {
    left: -40%;
  }
}
@media (max-width: 767px) {
  .-left-40p--mobile {
    left: -40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-45p--tablet {
    left: 45%;
  }
}
@media (max-width: 767px) {
  .left-45p--mobile {
    left: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-45p--tablet {
    left: -45%;
  }
}
@media (max-width: 767px) {
  .-left-45p--mobile {
    left: -45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-50p--tablet {
    left: 50%;
  }
}
@media (max-width: 767px) {
  .left-50p--mobile {
    left: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-50p--tablet {
    left: -50%;
  }
}
@media (max-width: 767px) {
  .-left-50p--mobile {
    left: -50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-55p--tablet {
    left: 55%;
  }
}
@media (max-width: 767px) {
  .left-55p--mobile {
    left: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-55p--tablet {
    left: -55%;
  }
}
@media (max-width: 767px) {
  .-left-55p--mobile {
    left: -55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-60p--tablet {
    left: 60%;
  }
}
@media (max-width: 767px) {
  .left-60p--mobile {
    left: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-60p--tablet {
    left: -60%;
  }
}
@media (max-width: 767px) {
  .-left-60p--mobile {
    left: -60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-65p--tablet {
    left: 65%;
  }
}
@media (max-width: 767px) {
  .left-65p--mobile {
    left: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-65p--tablet {
    left: -65%;
  }
}
@media (max-width: 767px) {
  .-left-65p--mobile {
    left: -65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-70p--tablet {
    left: 70%;
  }
}
@media (max-width: 767px) {
  .left-70p--mobile {
    left: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-70p--tablet {
    left: -70%;
  }
}
@media (max-width: 767px) {
  .-left-70p--mobile {
    left: -70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-75p--tablet {
    left: 75%;
  }
}
@media (max-width: 767px) {
  .left-75p--mobile {
    left: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-75p--tablet {
    left: -75%;
  }
}
@media (max-width: 767px) {
  .-left-75p--mobile {
    left: -75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-80p--tablet {
    left: 80%;
  }
}
@media (max-width: 767px) {
  .left-80p--mobile {
    left: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-80p--tablet {
    left: -80%;
  }
}
@media (max-width: 767px) {
  .-left-80p--mobile {
    left: -80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-85p--tablet {
    left: 85%;
  }
}
@media (max-width: 767px) {
  .left-85p--mobile {
    left: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-85p--tablet {
    left: -85%;
  }
}
@media (max-width: 767px) {
  .-left-85p--mobile {
    left: -85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-90p--tablet {
    left: 90%;
  }
}
@media (max-width: 767px) {
  .left-90p--mobile {
    left: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-90p--tablet {
    left: -90%;
  }
}
@media (max-width: 767px) {
  .-left-90p--mobile {
    left: -90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-95p--tablet {
    left: 95%;
  }
}
@media (max-width: 767px) {
  .left-95p--mobile {
    left: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-95p--tablet {
    left: -95%;
  }
}
@media (max-width: 767px) {
  .-left-95p--mobile {
    left: -95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .left-100p--tablet {
    left: 100%;
  }
}
@media (max-width: 767px) {
  .left-100p--mobile {
    left: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-left-100p--tablet {
    left: -100%;
  }
}
@media (max-width: 767px) {
  .-left-100p--mobile {
    left: -100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .center-xy--tablet {
    left: 50%;
    top: 50%;
    --transform-translate-x: -50%;
    --transform-translate-y: -50%;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
}
@media (max-width: 767px) {
  .center-xy--mobile {
    left: 50%;
    top: 50%;
    --transform-translate-x: -50%;
    --transform-translate-y: -50%;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .center-x--tablet {
    left: 50%;
    --transform-translate-x: -50%;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
}
@media (max-width: 767px) {
  .center-x--mobile {
    left: 50%;
    --transform-translate-x: -50%;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .center-y--tablet {
    top: 50%;
    --transform-translate-x: 0;
    --transform-translate-y: -50%;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
}
@media (max-width: 767px) {
  .center-y--mobile {
    top: 50%;
    --transform-translate-x: 0;
    --transform-translate-y: -50%;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-0--tablet {
    z-index: 0;
  }
}
@media (max-width: 767px) {
  .z-index-0--mobile {
    z-index: 0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-1--tablet {
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .z-index-1--mobile {
    z-index: 1;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-2--tablet {
    z-index: 2;
  }
}
@media (max-width: 767px) {
  .z-index-2--mobile {
    z-index: 2;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-3--tablet {
    z-index: 3;
  }
}
@media (max-width: 767px) {
  .z-index-3--mobile {
    z-index: 3;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-4--tablet {
    z-index: 4;
  }
}
@media (max-width: 767px) {
  .z-index-4--mobile {
    z-index: 4;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-5--tablet {
    z-index: 5;
  }
}
@media (max-width: 767px) {
  .z-index-5--mobile {
    z-index: 5;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-6--tablet {
    z-index: 6;
  }
}
@media (max-width: 767px) {
  .z-index-6--mobile {
    z-index: 6;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-7--tablet {
    z-index: 7;
  }
}
@media (max-width: 767px) {
  .z-index-7--mobile {
    z-index: 7;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-8--tablet {
    z-index: 8;
  }
}
@media (max-width: 767px) {
  .z-index-8--mobile {
    z-index: 8;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-9--tablet {
    z-index: 9;
  }
}
@media (max-width: 767px) {
  .z-index-9--mobile {
    z-index: 9;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-10--tablet {
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .z-index-10--mobile {
    z-index: 10;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .z-index-dragon--tablet {
    z-index: 9999999999;
  }
}
@media (max-width: 767px) {
  .z-index-dragon--mobile {
    z-index: 9999999999;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .-z-index-1--tablet {
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .-z-index-1--mobile {
    z-index: -1;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .block--tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .block--mobile {
    display: block;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .inline--tablet {
    display: inline;
  }
}
@media (max-width: 767px) {
  .inline--mobile {
    display: inline;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .inline-block--tablet {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .inline-block--mobile {
    display: inline-block;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex--tablet {
    display: flex;
  }
}
@media (max-width: 767px) {
  .flex--mobile {
    display: flex;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .inline-flex--tablet {
    display: inline-flex;
  }
}
@media (max-width: 767px) {
  .inline-flex--mobile {
    display: inline-flex;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid--tablet {
    display: grid;
  }
}
@media (max-width: 767px) {
  .grid--mobile {
    display: grid;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .contents--tablet {
    display: contents;
  }
}
@media (max-width: 767px) {
  .contents--mobile {
    display: contents;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .none--tablet {
    display: none;
  }
}
@media (max-width: 767px) {
  .none--mobile {
    display: none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .float-none--tablet {
    float: none;
  }
}
@media (max-width: 767px) {
  .float-none--mobile {
    float: none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .float-left--tablet {
    float: left;
  }
}
@media (max-width: 767px) {
  .float-left--mobile {
    float: left;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .float-right--tablet {
    float: right;
  }
}
@media (max-width: 767px) {
  .float-right--mobile {
    float: right;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-0--tablet {
    padding: 0rem;
  }
}
@media (max-width: 767px) {
  .p-0--mobile {
    padding: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-0--tablet {
    padding-left: 0rem;
  }
}
@media (max-width: 767px) {
  .pl-0--mobile {
    padding-left: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-0--tablet {
    padding-top: 0rem;
  }
}
@media (max-width: 767px) {
  .pt-0--mobile {
    padding-top: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-0--tablet {
    padding-right: 0rem;
  }
}
@media (max-width: 767px) {
  .pr-0--mobile {
    padding-right: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-0--tablet {
    padding-bottom: 0rem;
  }
}
@media (max-width: 767px) {
  .pb-0--mobile {
    padding-bottom: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-0--tablet {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
@media (max-width: 767px) {
  .py-0--mobile {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-0--tablet {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 767px) {
  .px-0--mobile {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-1--tablet {
    padding: 0.25rem;
  }
}
@media (max-width: 767px) {
  .p-1--mobile {
    padding: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-1--tablet {
    padding-left: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pl-1--mobile {
    padding-left: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-1--tablet {
    padding-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pt-1--mobile {
    padding-top: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-1--tablet {
    padding-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pr-1--mobile {
    padding-right: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-1--tablet {
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .pb-1--mobile {
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-1--tablet {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .py-1--mobile {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-1--tablet {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .px-1--mobile {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-2--tablet {
    padding: 0.5rem;
  }
}
@media (max-width: 767px) {
  .p-2--mobile {
    padding: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-2--tablet {
    padding-left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .pl-2--mobile {
    padding-left: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-2--tablet {
    padding-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .pt-2--mobile {
    padding-top: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-2--tablet {
    padding-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .pr-2--mobile {
    padding-right: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-2--tablet {
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .pb-2--mobile {
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-2--tablet {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .py-2--mobile {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-2--tablet {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .px-2--mobile {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-3--tablet {
    padding: 0.75rem;
  }
}
@media (max-width: 767px) {
  .p-3--mobile {
    padding: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-3--tablet {
    padding-left: 0.75rem;
  }
}
@media (max-width: 767px) {
  .pl-3--mobile {
    padding-left: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-3--tablet {
    padding-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .pt-3--mobile {
    padding-top: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-3--tablet {
    padding-right: 0.75rem;
  }
}
@media (max-width: 767px) {
  .pr-3--mobile {
    padding-right: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-3--tablet {
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .pb-3--mobile {
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-3--tablet {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .py-3--mobile {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-3--tablet {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (max-width: 767px) {
  .px-3--mobile {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-4--tablet {
    padding: 1rem;
  }
}
@media (max-width: 767px) {
  .p-4--mobile {
    padding: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-4--tablet {
    padding-left: 1rem;
  }
}
@media (max-width: 767px) {
  .pl-4--mobile {
    padding-left: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-4--tablet {
    padding-top: 1rem;
  }
}
@media (max-width: 767px) {
  .pt-4--mobile {
    padding-top: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-4--tablet {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .pr-4--mobile {
    padding-right: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-4--tablet {
    padding-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .pb-4--mobile {
    padding-bottom: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-4--tablet {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .py-4--mobile {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-4--tablet {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .px-4--mobile {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-5--tablet {
    padding: 1.25rem;
  }
}
@media (max-width: 767px) {
  .p-5--mobile {
    padding: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-5--tablet {
    padding-left: 1.25rem;
  }
}
@media (max-width: 767px) {
  .pl-5--mobile {
    padding-left: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-5--tablet {
    padding-top: 1.25rem;
  }
}
@media (max-width: 767px) {
  .pt-5--mobile {
    padding-top: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-5--tablet {
    padding-right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .pr-5--mobile {
    padding-right: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-5--tablet {
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .pb-5--mobile {
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-5--tablet {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .py-5--mobile {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-5--tablet {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .px-5--mobile {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-6--tablet {
    padding: 1.5rem;
  }
}
@media (max-width: 767px) {
  .p-6--mobile {
    padding: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-6--tablet {
    padding-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .pl-6--mobile {
    padding-left: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-6--tablet {
    padding-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .pt-6--mobile {
    padding-top: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-6--tablet {
    padding-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .pr-6--mobile {
    padding-right: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-6--tablet {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .pb-6--mobile {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-6--tablet {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .py-6--mobile {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-6--tablet {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .px-6--mobile {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-7--tablet {
    padding: 1.75rem;
  }
}
@media (max-width: 767px) {
  .p-7--mobile {
    padding: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-7--tablet {
    padding-left: 1.75rem;
  }
}
@media (max-width: 767px) {
  .pl-7--mobile {
    padding-left: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-7--tablet {
    padding-top: 1.75rem;
  }
}
@media (max-width: 767px) {
  .pt-7--mobile {
    padding-top: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-7--tablet {
    padding-right: 1.75rem;
  }
}
@media (max-width: 767px) {
  .pr-7--mobile {
    padding-right: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-7--tablet {
    padding-bottom: 1.75rem;
  }
}
@media (max-width: 767px) {
  .pb-7--mobile {
    padding-bottom: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-7--tablet {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media (max-width: 767px) {
  .py-7--mobile {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-7--tablet {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media (max-width: 767px) {
  .px-7--mobile {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-8--tablet {
    padding: 2rem;
  }
}
@media (max-width: 767px) {
  .p-8--mobile {
    padding: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-8--tablet {
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  .pl-8--mobile {
    padding-left: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-8--tablet {
    padding-top: 2rem;
  }
}
@media (max-width: 767px) {
  .pt-8--mobile {
    padding-top: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-8--tablet {
    padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .pr-8--mobile {
    padding-right: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-8--tablet {
    padding-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .pb-8--mobile {
    padding-bottom: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-8--tablet {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .py-8--mobile {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-8--tablet {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .px-8--mobile {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-9--tablet {
    padding: 2.25rem;
  }
}
@media (max-width: 767px) {
  .p-9--mobile {
    padding: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-9--tablet {
    padding-left: 2.25rem;
  }
}
@media (max-width: 767px) {
  .pl-9--mobile {
    padding-left: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-9--tablet {
    padding-top: 2.25rem;
  }
}
@media (max-width: 767px) {
  .pt-9--mobile {
    padding-top: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-9--tablet {
    padding-right: 2.25rem;
  }
}
@media (max-width: 767px) {
  .pr-9--mobile {
    padding-right: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-9--tablet {
    padding-bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .pb-9--mobile {
    padding-bottom: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-9--tablet {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .py-9--mobile {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-9--tablet {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (max-width: 767px) {
  .px-9--mobile {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-10--tablet {
    padding: 2.5rem;
  }
}
@media (max-width: 767px) {
  .p-10--mobile {
    padding: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-10--tablet {
    padding-left: 2.5rem;
  }
}
@media (max-width: 767px) {
  .pl-10--mobile {
    padding-left: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-10--tablet {
    padding-top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .pt-10--mobile {
    padding-top: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-10--tablet {
    padding-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  .pr-10--mobile {
    padding-right: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-10--tablet {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .pb-10--mobile {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-10--tablet {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .py-10--mobile {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-10--tablet {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  .px-10--mobile {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-11--tablet {
    padding: 2.75rem;
  }
}
@media (max-width: 767px) {
  .p-11--mobile {
    padding: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-11--tablet {
    padding-left: 2.75rem;
  }
}
@media (max-width: 767px) {
  .pl-11--mobile {
    padding-left: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-11--tablet {
    padding-top: 2.75rem;
  }
}
@media (max-width: 767px) {
  .pt-11--mobile {
    padding-top: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-11--tablet {
    padding-right: 2.75rem;
  }
}
@media (max-width: 767px) {
  .pr-11--mobile {
    padding-right: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-11--tablet {
    padding-bottom: 2.75rem;
  }
}
@media (max-width: 767px) {
  .pb-11--mobile {
    padding-bottom: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-11--tablet {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}
@media (max-width: 767px) {
  .py-11--mobile {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-11--tablet {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (max-width: 767px) {
  .px-11--mobile {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-12--tablet {
    padding: 3rem;
  }
}
@media (max-width: 767px) {
  .p-12--mobile {
    padding: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-12--tablet {
    padding-left: 3rem;
  }
}
@media (max-width: 767px) {
  .pl-12--mobile {
    padding-left: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-12--tablet {
    padding-top: 3rem;
  }
}
@media (max-width: 767px) {
  .pt-12--mobile {
    padding-top: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-12--tablet {
    padding-right: 3rem;
  }
}
@media (max-width: 767px) {
  .pr-12--mobile {
    padding-right: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-12--tablet {
    padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .pb-12--mobile {
    padding-bottom: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-12--tablet {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .py-12--mobile {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-12--tablet {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 767px) {
  .px-12--mobile {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-15--tablet {
    padding: 3.75rem;
  }
}
@media (max-width: 767px) {
  .p-15--mobile {
    padding: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-15--tablet {
    padding-left: 3.75rem;
  }
}
@media (max-width: 767px) {
  .pl-15--mobile {
    padding-left: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-15--tablet {
    padding-top: 3.75rem;
  }
}
@media (max-width: 767px) {
  .pt-15--mobile {
    padding-top: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-15--tablet {
    padding-right: 3.75rem;
  }
}
@media (max-width: 767px) {
  .pr-15--mobile {
    padding-right: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-15--tablet {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 767px) {
  .pb-15--mobile {
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-15--tablet {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 767px) {
  .py-15--mobile {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-15--tablet {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (max-width: 767px) {
  .px-15--mobile {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-16--tablet {
    padding: 4rem;
  }
}
@media (max-width: 767px) {
  .p-16--mobile {
    padding: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-16--tablet {
    padding-left: 4rem;
  }
}
@media (max-width: 767px) {
  .pl-16--mobile {
    padding-left: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-16--tablet {
    padding-top: 4rem;
  }
}
@media (max-width: 767px) {
  .pt-16--mobile {
    padding-top: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-16--tablet {
    padding-right: 4rem;
  }
}
@media (max-width: 767px) {
  .pr-16--mobile {
    padding-right: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-16--tablet {
    padding-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .pb-16--mobile {
    padding-bottom: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-16--tablet {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .py-16--mobile {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-16--tablet {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 767px) {
  .px-16--mobile {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-17--tablet {
    padding: 4.25rem;
  }
}
@media (max-width: 767px) {
  .p-17--mobile {
    padding: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-17--tablet {
    padding-left: 4.25rem;
  }
}
@media (max-width: 767px) {
  .pl-17--mobile {
    padding-left: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-17--tablet {
    padding-top: 4.25rem;
  }
}
@media (max-width: 767px) {
  .pt-17--mobile {
    padding-top: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-17--tablet {
    padding-right: 4.25rem;
  }
}
@media (max-width: 767px) {
  .pr-17--mobile {
    padding-right: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-17--tablet {
    padding-bottom: 4.25rem;
  }
}
@media (max-width: 767px) {
  .pb-17--mobile {
    padding-bottom: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-17--tablet {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }
}
@media (max-width: 767px) {
  .py-17--mobile {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-17--tablet {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
  }
}
@media (max-width: 767px) {
  .px-17--mobile {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-18--tablet {
    padding: 4.5rem;
  }
}
@media (max-width: 767px) {
  .p-18--mobile {
    padding: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-18--tablet {
    padding-left: 4.5rem;
  }
}
@media (max-width: 767px) {
  .pl-18--mobile {
    padding-left: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-18--tablet {
    padding-top: 4.5rem;
  }
}
@media (max-width: 767px) {
  .pt-18--mobile {
    padding-top: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-18--tablet {
    padding-right: 4.5rem;
  }
}
@media (max-width: 767px) {
  .pr-18--mobile {
    padding-right: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-18--tablet {
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 767px) {
  .pb-18--mobile {
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-18--tablet {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 767px) {
  .py-18--mobile {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-18--tablet {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (max-width: 767px) {
  .px-18--mobile {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-19--tablet {
    padding: 4.75rem;
  }
}
@media (max-width: 767px) {
  .p-19--mobile {
    padding: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-19--tablet {
    padding-left: 4.75rem;
  }
}
@media (max-width: 767px) {
  .pl-19--mobile {
    padding-left: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-19--tablet {
    padding-top: 4.75rem;
  }
}
@media (max-width: 767px) {
  .pt-19--mobile {
    padding-top: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-19--tablet {
    padding-right: 4.75rem;
  }
}
@media (max-width: 767px) {
  .pr-19--mobile {
    padding-right: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-19--tablet {
    padding-bottom: 4.75rem;
  }
}
@media (max-width: 767px) {
  .pb-19--mobile {
    padding-bottom: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-19--tablet {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
  }
}
@media (max-width: 767px) {
  .py-19--mobile {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-19--tablet {
    padding-left: 4.75rem;
    padding-right: 4.75rem;
  }
}
@media (max-width: 767px) {
  .px-19--mobile {
    padding-left: 4.75rem;
    padding-right: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-20--tablet {
    padding: 5rem;
  }
}
@media (max-width: 767px) {
  .p-20--mobile {
    padding: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-20--tablet {
    padding-left: 5rem;
  }
}
@media (max-width: 767px) {
  .pl-20--mobile {
    padding-left: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-20--tablet {
    padding-top: 5rem;
  }
}
@media (max-width: 767px) {
  .pt-20--mobile {
    padding-top: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-20--tablet {
    padding-right: 5rem;
  }
}
@media (max-width: 767px) {
  .pr-20--mobile {
    padding-right: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-20--tablet {
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .pb-20--mobile {
    padding-bottom: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-20--tablet {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .py-20--mobile {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-20--tablet {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (max-width: 767px) {
  .px-20--mobile {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-21--tablet {
    padding: 5.25rem;
  }
}
@media (max-width: 767px) {
  .p-21--mobile {
    padding: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-21--tablet {
    padding-left: 5.25rem;
  }
}
@media (max-width: 767px) {
  .pl-21--mobile {
    padding-left: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-21--tablet {
    padding-top: 5.25rem;
  }
}
@media (max-width: 767px) {
  .pt-21--mobile {
    padding-top: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-21--tablet {
    padding-right: 5.25rem;
  }
}
@media (max-width: 767px) {
  .pr-21--mobile {
    padding-right: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-21--tablet {
    padding-bottom: 5.25rem;
  }
}
@media (max-width: 767px) {
  .pb-21--mobile {
    padding-bottom: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-21--tablet {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }
}
@media (max-width: 767px) {
  .py-21--mobile {
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-21--tablet {
    padding-left: 5.25rem;
    padding-right: 5.25rem;
  }
}
@media (max-width: 767px) {
  .px-21--mobile {
    padding-left: 5.25rem;
    padding-right: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-22--tablet {
    padding: 5.5rem;
  }
}
@media (max-width: 767px) {
  .p-22--mobile {
    padding: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-22--tablet {
    padding-left: 5.5rem;
  }
}
@media (max-width: 767px) {
  .pl-22--mobile {
    padding-left: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-22--tablet {
    padding-top: 5.5rem;
  }
}
@media (max-width: 767px) {
  .pt-22--mobile {
    padding-top: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-22--tablet {
    padding-right: 5.5rem;
  }
}
@media (max-width: 767px) {
  .pr-22--mobile {
    padding-right: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-22--tablet {
    padding-bottom: 5.5rem;
  }
}
@media (max-width: 767px) {
  .pb-22--mobile {
    padding-bottom: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-22--tablet {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }
}
@media (max-width: 767px) {
  .py-22--mobile {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-22--tablet {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
}
@media (max-width: 767px) {
  .px-22--mobile {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-23--tablet {
    padding: 5.75rem;
  }
}
@media (max-width: 767px) {
  .p-23--mobile {
    padding: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-23--tablet {
    padding-left: 5.75rem;
  }
}
@media (max-width: 767px) {
  .pl-23--mobile {
    padding-left: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-23--tablet {
    padding-top: 5.75rem;
  }
}
@media (max-width: 767px) {
  .pt-23--mobile {
    padding-top: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-23--tablet {
    padding-right: 5.75rem;
  }
}
@media (max-width: 767px) {
  .pr-23--mobile {
    padding-right: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-23--tablet {
    padding-bottom: 5.75rem;
  }
}
@media (max-width: 767px) {
  .pb-23--mobile {
    padding-bottom: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-23--tablet {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }
}
@media (max-width: 767px) {
  .py-23--mobile {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-23--tablet {
    padding-left: 5.75rem;
    padding-right: 5.75rem;
  }
}
@media (max-width: 767px) {
  .px-23--mobile {
    padding-left: 5.75rem;
    padding-right: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-24--tablet {
    padding: 6rem;
  }
}
@media (max-width: 767px) {
  .p-24--mobile {
    padding: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-24--tablet {
    padding-left: 6rem;
  }
}
@media (max-width: 767px) {
  .pl-24--mobile {
    padding-left: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-24--tablet {
    padding-top: 6rem;
  }
}
@media (max-width: 767px) {
  .pt-24--mobile {
    padding-top: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-24--tablet {
    padding-right: 6rem;
  }
}
@media (max-width: 767px) {
  .pr-24--mobile {
    padding-right: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-24--tablet {
    padding-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .pb-24--mobile {
    padding-bottom: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-24--tablet {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .py-24--mobile {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-24--tablet {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (max-width: 767px) {
  .px-24--mobile {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .p-25--tablet {
    padding: 6.25rem;
  }
}
@media (max-width: 767px) {
  .p-25--mobile {
    padding: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pl-25--tablet {
    padding-left: 6.25rem;
  }
}
@media (max-width: 767px) {
  .pl-25--mobile {
    padding-left: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pt-25--tablet {
    padding-top: 6.25rem;
  }
}
@media (max-width: 767px) {
  .pt-25--mobile {
    padding-top: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pr-25--tablet {
    padding-right: 6.25rem;
  }
}
@media (max-width: 767px) {
  .pr-25--mobile {
    padding-right: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .pb-25--tablet {
    padding-bottom: 6.25rem;
  }
}
@media (max-width: 767px) {
  .pb-25--mobile {
    padding-bottom: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .py-25--tablet {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (max-width: 767px) {
  .py-25--mobile {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .px-25--tablet {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
}
@media (max-width: 767px) {
  .px-25--mobile {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-0--tablet {
    margin: 0rem;
  }
}
@media (max-width: 767px) {
  .m-0--mobile {
    margin: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-0--tablet {
    margin-left: 0rem;
  }
}
@media (max-width: 767px) {
  .ml-0--mobile {
    margin-left: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-0--tablet {
    margin-top: 0rem;
  }
}
@media (max-width: 767px) {
  .mt-0--mobile {
    margin-top: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-0--tablet {
    margin-right: 0rem;
  }
}
@media (max-width: 767px) {
  .mr-0--mobile {
    margin-right: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-0--tablet {
    margin-bottom: 0rem;
  }
}
@media (max-width: 767px) {
  .mb-0--mobile {
    margin-bottom: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-0--tablet {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
}
@media (max-width: 767px) {
  .my-0--mobile {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-0--tablet {
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
@media (max-width: 767px) {
  .mx-0--mobile {
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-1--tablet {
    margin: 0.25rem;
  }
}
@media (max-width: 767px) {
  .m-1--mobile {
    margin: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-1--tablet {
    margin-left: 0.25rem;
  }
}
@media (max-width: 767px) {
  .ml-1--mobile {
    margin-left: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-1--tablet {
    margin-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .mt-1--mobile {
    margin-top: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-1--tablet {
    margin-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .mr-1--mobile {
    margin-right: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-1--tablet {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .mb-1--mobile {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-1--tablet {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .my-1--mobile {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-1--tablet {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .mx-1--mobile {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-2--tablet {
    margin: 0.5rem;
  }
}
@media (max-width: 767px) {
  .m-2--mobile {
    margin: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-2--tablet {
    margin-left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .ml-2--mobile {
    margin-left: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-2--tablet {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .mt-2--mobile {
    margin-top: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-2--tablet {
    margin-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .mr-2--mobile {
    margin-right: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-2--tablet {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .mb-2--mobile {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-2--tablet {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .my-2--mobile {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-2--tablet {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .mx-2--mobile {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-3--tablet {
    margin: 0.75rem;
  }
}
@media (max-width: 767px) {
  .m-3--mobile {
    margin: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-3--tablet {
    margin-left: 0.75rem;
  }
}
@media (max-width: 767px) {
  .ml-3--mobile {
    margin-left: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-3--tablet {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .mt-3--mobile {
    margin-top: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-3--tablet {
    margin-right: 0.75rem;
  }
}
@media (max-width: 767px) {
  .mr-3--mobile {
    margin-right: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-3--tablet {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .mb-3--mobile {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-3--tablet {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 767px) {
  .my-3--mobile {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-3--tablet {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
@media (max-width: 767px) {
  .mx-3--mobile {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-4--tablet {
    margin: 1rem;
  }
}
@media (max-width: 767px) {
  .m-4--mobile {
    margin: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-4--tablet {
    margin-left: 1rem;
  }
}
@media (max-width: 767px) {
  .ml-4--mobile {
    margin-left: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-4--tablet {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .mt-4--mobile {
    margin-top: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-4--tablet {
    margin-right: 1rem;
  }
}
@media (max-width: 767px) {
  .mr-4--mobile {
    margin-right: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-4--tablet {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .mb-4--mobile {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-4--tablet {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .my-4--mobile {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-4--tablet {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 767px) {
  .mx-4--mobile {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-5--tablet {
    margin: 1.25rem;
  }
}
@media (max-width: 767px) {
  .m-5--mobile {
    margin: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-5--tablet {
    margin-left: 1.25rem;
  }
}
@media (max-width: 767px) {
  .ml-5--mobile {
    margin-left: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-5--tablet {
    margin-top: 1.25rem;
  }
}
@media (max-width: 767px) {
  .mt-5--mobile {
    margin-top: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-5--tablet {
    margin-right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .mr-5--mobile {
    margin-right: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-5--tablet {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .mb-5--mobile {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-5--tablet {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .my-5--mobile {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-5--tablet {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .mx-5--mobile {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-6--tablet {
    margin: 1.5rem;
  }
}
@media (max-width: 767px) {
  .m-6--mobile {
    margin: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-6--tablet {
    margin-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .ml-6--mobile {
    margin-left: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-6--tablet {
    margin-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .mt-6--mobile {
    margin-top: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-6--tablet {
    margin-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .mr-6--mobile {
    margin-right: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-6--tablet {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .mb-6--mobile {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-6--tablet {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .my-6--mobile {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-6--tablet {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
@media (max-width: 767px) {
  .mx-6--mobile {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-7--tablet {
    margin: 1.75rem;
  }
}
@media (max-width: 767px) {
  .m-7--mobile {
    margin: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-7--tablet {
    margin-left: 1.75rem;
  }
}
@media (max-width: 767px) {
  .ml-7--mobile {
    margin-left: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-7--tablet {
    margin-top: 1.75rem;
  }
}
@media (max-width: 767px) {
  .mt-7--mobile {
    margin-top: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-7--tablet {
    margin-right: 1.75rem;
  }
}
@media (max-width: 767px) {
  .mr-7--mobile {
    margin-right: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-7--tablet {
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 767px) {
  .mb-7--mobile {
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-7--tablet {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 767px) {
  .my-7--mobile {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-7--tablet {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}
@media (max-width: 767px) {
  .mx-7--mobile {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-8--tablet {
    margin: 2rem;
  }
}
@media (max-width: 767px) {
  .m-8--mobile {
    margin: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-8--tablet {
    margin-left: 2rem;
  }
}
@media (max-width: 767px) {
  .ml-8--mobile {
    margin-left: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-8--tablet {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .mt-8--mobile {
    margin-top: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-8--tablet {
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .mr-8--mobile {
    margin-right: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-8--tablet {
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .mb-8--mobile {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-8--tablet {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .my-8--mobile {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-8--tablet {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .mx-8--mobile {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-9--tablet {
    margin: 2.25rem;
  }
}
@media (max-width: 767px) {
  .m-9--mobile {
    margin: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-9--tablet {
    margin-left: 2.25rem;
  }
}
@media (max-width: 767px) {
  .ml-9--mobile {
    margin-left: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-9--tablet {
    margin-top: 2.25rem;
  }
}
@media (max-width: 767px) {
  .mt-9--mobile {
    margin-top: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-9--tablet {
    margin-right: 2.25rem;
  }
}
@media (max-width: 767px) {
  .mr-9--mobile {
    margin-right: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-9--tablet {
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .mb-9--mobile {
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-9--tablet {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 767px) {
  .my-9--mobile {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-9--tablet {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media (max-width: 767px) {
  .mx-9--mobile {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-10--tablet {
    margin: 2.5rem;
  }
}
@media (max-width: 767px) {
  .m-10--mobile {
    margin: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-10--tablet {
    margin-left: 2.5rem;
  }
}
@media (max-width: 767px) {
  .ml-10--mobile {
    margin-left: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-10--tablet {
    margin-top: 2.5rem;
  }
}
@media (max-width: 767px) {
  .mt-10--mobile {
    margin-top: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-10--tablet {
    margin-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  .mr-10--mobile {
    margin-right: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-10--tablet {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .mb-10--mobile {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-10--tablet {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .my-10--mobile {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-10--tablet {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
@media (max-width: 767px) {
  .mx-10--mobile {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-11--tablet {
    margin: 2.75rem;
  }
}
@media (max-width: 767px) {
  .m-11--mobile {
    margin: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-11--tablet {
    margin-left: 2.75rem;
  }
}
@media (max-width: 767px) {
  .ml-11--mobile {
    margin-left: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-11--tablet {
    margin-top: 2.75rem;
  }
}
@media (max-width: 767px) {
  .mt-11--mobile {
    margin-top: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-11--tablet {
    margin-right: 2.75rem;
  }
}
@media (max-width: 767px) {
  .mr-11--mobile {
    margin-right: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-11--tablet {
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 767px) {
  .mb-11--mobile {
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-11--tablet {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 767px) {
  .my-11--mobile {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-11--tablet {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
}
@media (max-width: 767px) {
  .mx-11--mobile {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-12--tablet {
    margin: 3rem;
  }
}
@media (max-width: 767px) {
  .m-12--mobile {
    margin: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-12--tablet {
    margin-left: 3rem;
  }
}
@media (max-width: 767px) {
  .ml-12--mobile {
    margin-left: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-12--tablet {
    margin-top: 3rem;
  }
}
@media (max-width: 767px) {
  .mt-12--mobile {
    margin-top: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-12--tablet {
    margin-right: 3rem;
  }
}
@media (max-width: 767px) {
  .mr-12--mobile {
    margin-right: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-12--tablet {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .mb-12--mobile {
    margin-bottom: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-12--tablet {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .my-12--mobile {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-12--tablet {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media (max-width: 767px) {
  .mx-12--mobile {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-15--tablet {
    margin: 3.75rem;
  }
}
@media (max-width: 767px) {
  .m-15--mobile {
    margin: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-15--tablet {
    margin-left: 3.75rem;
  }
}
@media (max-width: 767px) {
  .ml-15--mobile {
    margin-left: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-15--tablet {
    margin-top: 3.75rem;
  }
}
@media (max-width: 767px) {
  .mt-15--mobile {
    margin-top: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-15--tablet {
    margin-right: 3.75rem;
  }
}
@media (max-width: 767px) {
  .mr-15--mobile {
    margin-right: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-15--tablet {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 767px) {
  .mb-15--mobile {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-15--tablet {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 767px) {
  .my-15--mobile {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-15--tablet {
    margin-left: 3.75rem;
    margin-right: 3.75rem;
  }
}
@media (max-width: 767px) {
  .mx-15--mobile {
    margin-left: 3.75rem;
    margin-right: 3.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-16--tablet {
    margin: 4rem;
  }
}
@media (max-width: 767px) {
  .m-16--mobile {
    margin: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-16--tablet {
    margin-left: 4rem;
  }
}
@media (max-width: 767px) {
  .ml-16--mobile {
    margin-left: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-16--tablet {
    margin-top: 4rem;
  }
}
@media (max-width: 767px) {
  .mt-16--mobile {
    margin-top: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-16--tablet {
    margin-right: 4rem;
  }
}
@media (max-width: 767px) {
  .mr-16--mobile {
    margin-right: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-16--tablet {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .mb-16--mobile {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-16--tablet {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .my-16--mobile {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-16--tablet {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (max-width: 767px) {
  .mx-16--mobile {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-17--tablet {
    margin: 4.25rem;
  }
}
@media (max-width: 767px) {
  .m-17--mobile {
    margin: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-17--tablet {
    margin-left: 4.25rem;
  }
}
@media (max-width: 767px) {
  .ml-17--mobile {
    margin-left: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-17--tablet {
    margin-top: 4.25rem;
  }
}
@media (max-width: 767px) {
  .mt-17--mobile {
    margin-top: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-17--tablet {
    margin-right: 4.25rem;
  }
}
@media (max-width: 767px) {
  .mr-17--mobile {
    margin-right: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-17--tablet {
    margin-bottom: 4.25rem;
  }
}
@media (max-width: 767px) {
  .mb-17--mobile {
    margin-bottom: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-17--tablet {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
  }
}
@media (max-width: 767px) {
  .my-17--mobile {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-17--tablet {
    margin-left: 4.25rem;
    margin-right: 4.25rem;
  }
}
@media (max-width: 767px) {
  .mx-17--mobile {
    margin-left: 4.25rem;
    margin-right: 4.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-18--tablet {
    margin: 4.5rem;
  }
}
@media (max-width: 767px) {
  .m-18--mobile {
    margin: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-18--tablet {
    margin-left: 4.5rem;
  }
}
@media (max-width: 767px) {
  .ml-18--mobile {
    margin-left: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-18--tablet {
    margin-top: 4.5rem;
  }
}
@media (max-width: 767px) {
  .mt-18--mobile {
    margin-top: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-18--tablet {
    margin-right: 4.5rem;
  }
}
@media (max-width: 767px) {
  .mr-18--mobile {
    margin-right: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-18--tablet {
    margin-bottom: 4.5rem;
  }
}
@media (max-width: 767px) {
  .mb-18--mobile {
    margin-bottom: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-18--tablet {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
}
@media (max-width: 767px) {
  .my-18--mobile {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-18--tablet {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (max-width: 767px) {
  .mx-18--mobile {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-19--tablet {
    margin: 4.75rem;
  }
}
@media (max-width: 767px) {
  .m-19--mobile {
    margin: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-19--tablet {
    margin-left: 4.75rem;
  }
}
@media (max-width: 767px) {
  .ml-19--mobile {
    margin-left: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-19--tablet {
    margin-top: 4.75rem;
  }
}
@media (max-width: 767px) {
  .mt-19--mobile {
    margin-top: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-19--tablet {
    margin-right: 4.75rem;
  }
}
@media (max-width: 767px) {
  .mr-19--mobile {
    margin-right: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-19--tablet {
    margin-bottom: 4.75rem;
  }
}
@media (max-width: 767px) {
  .mb-19--mobile {
    margin-bottom: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-19--tablet {
    margin-top: 4.75rem;
    margin-bottom: 4.75rem;
  }
}
@media (max-width: 767px) {
  .my-19--mobile {
    margin-top: 4.75rem;
    margin-bottom: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-19--tablet {
    margin-left: 4.75rem;
    margin-right: 4.75rem;
  }
}
@media (max-width: 767px) {
  .mx-19--mobile {
    margin-left: 4.75rem;
    margin-right: 4.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-20--tablet {
    margin: 5rem;
  }
}
@media (max-width: 767px) {
  .m-20--mobile {
    margin: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-20--tablet {
    margin-left: 5rem;
  }
}
@media (max-width: 767px) {
  .ml-20--mobile {
    margin-left: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-20--tablet {
    margin-top: 5rem;
  }
}
@media (max-width: 767px) {
  .mt-20--mobile {
    margin-top: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-20--tablet {
    margin-right: 5rem;
  }
}
@media (max-width: 767px) {
  .mr-20--mobile {
    margin-right: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-20--tablet {
    margin-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .mb-20--mobile {
    margin-bottom: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-20--tablet {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .my-20--mobile {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-20--tablet {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media (max-width: 767px) {
  .mx-20--mobile {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-21--tablet {
    margin: 5.25rem;
  }
}
@media (max-width: 767px) {
  .m-21--mobile {
    margin: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-21--tablet {
    margin-left: 5.25rem;
  }
}
@media (max-width: 767px) {
  .ml-21--mobile {
    margin-left: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-21--tablet {
    margin-top: 5.25rem;
  }
}
@media (max-width: 767px) {
  .mt-21--mobile {
    margin-top: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-21--tablet {
    margin-right: 5.25rem;
  }
}
@media (max-width: 767px) {
  .mr-21--mobile {
    margin-right: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-21--tablet {
    margin-bottom: 5.25rem;
  }
}
@media (max-width: 767px) {
  .mb-21--mobile {
    margin-bottom: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-21--tablet {
    margin-top: 5.25rem;
    margin-bottom: 5.25rem;
  }
}
@media (max-width: 767px) {
  .my-21--mobile {
    margin-top: 5.25rem;
    margin-bottom: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-21--tablet {
    margin-left: 5.25rem;
    margin-right: 5.25rem;
  }
}
@media (max-width: 767px) {
  .mx-21--mobile {
    margin-left: 5.25rem;
    margin-right: 5.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-22--tablet {
    margin: 5.5rem;
  }
}
@media (max-width: 767px) {
  .m-22--mobile {
    margin: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-22--tablet {
    margin-left: 5.5rem;
  }
}
@media (max-width: 767px) {
  .ml-22--mobile {
    margin-left: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-22--tablet {
    margin-top: 5.5rem;
  }
}
@media (max-width: 767px) {
  .mt-22--mobile {
    margin-top: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-22--tablet {
    margin-right: 5.5rem;
  }
}
@media (max-width: 767px) {
  .mr-22--mobile {
    margin-right: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-22--tablet {
    margin-bottom: 5.5rem;
  }
}
@media (max-width: 767px) {
  .mb-22--mobile {
    margin-bottom: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-22--tablet {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }
}
@media (max-width: 767px) {
  .my-22--mobile {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-22--tablet {
    margin-left: 5.5rem;
    margin-right: 5.5rem;
  }
}
@media (max-width: 767px) {
  .mx-22--mobile {
    margin-left: 5.5rem;
    margin-right: 5.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-23--tablet {
    margin: 5.75rem;
  }
}
@media (max-width: 767px) {
  .m-23--mobile {
    margin: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-23--tablet {
    margin-left: 5.75rem;
  }
}
@media (max-width: 767px) {
  .ml-23--mobile {
    margin-left: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-23--tablet {
    margin-top: 5.75rem;
  }
}
@media (max-width: 767px) {
  .mt-23--mobile {
    margin-top: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-23--tablet {
    margin-right: 5.75rem;
  }
}
@media (max-width: 767px) {
  .mr-23--mobile {
    margin-right: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-23--tablet {
    margin-bottom: 5.75rem;
  }
}
@media (max-width: 767px) {
  .mb-23--mobile {
    margin-bottom: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-23--tablet {
    margin-top: 5.75rem;
    margin-bottom: 5.75rem;
  }
}
@media (max-width: 767px) {
  .my-23--mobile {
    margin-top: 5.75rem;
    margin-bottom: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-23--tablet {
    margin-left: 5.75rem;
    margin-right: 5.75rem;
  }
}
@media (max-width: 767px) {
  .mx-23--mobile {
    margin-left: 5.75rem;
    margin-right: 5.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-24--tablet {
    margin: 6rem;
  }
}
@media (max-width: 767px) {
  .m-24--mobile {
    margin: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-24--tablet {
    margin-left: 6rem;
  }
}
@media (max-width: 767px) {
  .ml-24--mobile {
    margin-left: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-24--tablet {
    margin-top: 6rem;
  }
}
@media (max-width: 767px) {
  .mt-24--mobile {
    margin-top: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-24--tablet {
    margin-right: 6rem;
  }
}
@media (max-width: 767px) {
  .mr-24--mobile {
    margin-right: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-24--tablet {
    margin-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .mb-24--mobile {
    margin-bottom: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-24--tablet {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
@media (max-width: 767px) {
  .my-24--mobile {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-24--tablet {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}
@media (max-width: 767px) {
  .mx-24--mobile {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .m-25--tablet {
    margin: 6.25rem;
  }
}
@media (max-width: 767px) {
  .m-25--mobile {
    margin: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .ml-25--tablet {
    margin-left: 6.25rem;
  }
}
@media (max-width: 767px) {
  .ml-25--mobile {
    margin-left: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mt-25--tablet {
    margin-top: 6.25rem;
  }
}
@media (max-width: 767px) {
  .mt-25--mobile {
    margin-top: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mr-25--tablet {
    margin-right: 6.25rem;
  }
}
@media (max-width: 767px) {
  .mr-25--mobile {
    margin-right: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mb-25--tablet {
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 767px) {
  .mb-25--mobile {
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .my-25--tablet {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 767px) {
  .my-25--mobile {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-25--tablet {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
}
@media (max-width: 767px) {
  .mx-25--mobile {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mx-auto--tablet {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .mx-auto--mobile {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-0--tablet {
    width: 0%;
  }
}
@media (max-width: 767px) {
  .w-0--mobile {
    width: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-5--tablet {
    width: 5%;
  }
}
@media (max-width: 767px) {
  .w-5--mobile {
    width: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-10--tablet {
    width: 10%;
  }
}
@media (max-width: 767px) {
  .w-10--mobile {
    width: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-15--tablet {
    width: 15%;
  }
}
@media (max-width: 767px) {
  .w-15--mobile {
    width: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-20--tablet {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .w-20--mobile {
    width: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-25--tablet {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .w-25--mobile {
    width: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-30--tablet {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .w-30--mobile {
    width: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-35--tablet {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .w-35--mobile {
    width: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-40--tablet {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .w-40--mobile {
    width: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-45--tablet {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .w-45--mobile {
    width: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-50--tablet {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .w-50--mobile {
    width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-55--tablet {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .w-55--mobile {
    width: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-60--tablet {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .w-60--mobile {
    width: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-65--tablet {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .w-65--mobile {
    width: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-70--tablet {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .w-70--mobile {
    width: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-75--tablet {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .w-75--mobile {
    width: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-80--tablet {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .w-80--mobile {
    width: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-85--tablet {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .w-85--mobile {
    width: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-90--tablet {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .w-90--mobile {
    width: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-95--tablet {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .w-95--mobile {
    width: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .w-100--tablet {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .w-100--mobile {
    width: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-0--tablet {
    height: 0%;
  }
}
@media (max-width: 767px) {
  .h-0--mobile {
    height: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-5--tablet {
    height: 5%;
  }
}
@media (max-width: 767px) {
  .h-5--mobile {
    height: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-10--tablet {
    height: 10%;
  }
}
@media (max-width: 767px) {
  .h-10--mobile {
    height: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-15--tablet {
    height: 15%;
  }
}
@media (max-width: 767px) {
  .h-15--mobile {
    height: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-20--tablet {
    height: 20%;
  }
}
@media (max-width: 767px) {
  .h-20--mobile {
    height: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-25--tablet {
    height: 25%;
  }
}
@media (max-width: 767px) {
  .h-25--mobile {
    height: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-30--tablet {
    height: 30%;
  }
}
@media (max-width: 767px) {
  .h-30--mobile {
    height: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-35--tablet {
    height: 35%;
  }
}
@media (max-width: 767px) {
  .h-35--mobile {
    height: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-40--tablet {
    height: 40%;
  }
}
@media (max-width: 767px) {
  .h-40--mobile {
    height: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-45--tablet {
    height: 45%;
  }
}
@media (max-width: 767px) {
  .h-45--mobile {
    height: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-50--tablet {
    height: 50%;
  }
}
@media (max-width: 767px) {
  .h-50--mobile {
    height: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-55--tablet {
    height: 55%;
  }
}
@media (max-width: 767px) {
  .h-55--mobile {
    height: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-60--tablet {
    height: 60%;
  }
}
@media (max-width: 767px) {
  .h-60--mobile {
    height: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-65--tablet {
    height: 65%;
  }
}
@media (max-width: 767px) {
  .h-65--mobile {
    height: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-70--tablet {
    height: 70%;
  }
}
@media (max-width: 767px) {
  .h-70--mobile {
    height: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-75--tablet {
    height: 75%;
  }
}
@media (max-width: 767px) {
  .h-75--mobile {
    height: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-80--tablet {
    height: 80%;
  }
}
@media (max-width: 767px) {
  .h-80--mobile {
    height: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-85--tablet {
    height: 85%;
  }
}
@media (max-width: 767px) {
  .h-85--mobile {
    height: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-90--tablet {
    height: 90%;
  }
}
@media (max-width: 767px) {
  .h-90--mobile {
    height: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-95--tablet {
    height: 95%;
  }
}
@media (max-width: 767px) {
  .h-95--mobile {
    height: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .h-100--tablet {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .h-100--mobile {
    height: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-0--tablet {
    max-width: 0%;
  }
}
@media (max-width: 767px) {
  .mw-0--mobile {
    max-width: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-5--tablet {
    max-width: 5%;
  }
}
@media (max-width: 767px) {
  .mw-5--mobile {
    max-width: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-10--tablet {
    max-width: 10%;
  }
}
@media (max-width: 767px) {
  .mw-10--mobile {
    max-width: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-15--tablet {
    max-width: 15%;
  }
}
@media (max-width: 767px) {
  .mw-15--mobile {
    max-width: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-20--tablet {
    max-width: 20%;
  }
}
@media (max-width: 767px) {
  .mw-20--mobile {
    max-width: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-25--tablet {
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .mw-25--mobile {
    max-width: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-30--tablet {
    max-width: 30%;
  }
}
@media (max-width: 767px) {
  .mw-30--mobile {
    max-width: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-35--tablet {
    max-width: 35%;
  }
}
@media (max-width: 767px) {
  .mw-35--mobile {
    max-width: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-40--tablet {
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .mw-40--mobile {
    max-width: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-45--tablet {
    max-width: 45%;
  }
}
@media (max-width: 767px) {
  .mw-45--mobile {
    max-width: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-50--tablet {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .mw-50--mobile {
    max-width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-55--tablet {
    max-width: 55%;
  }
}
@media (max-width: 767px) {
  .mw-55--mobile {
    max-width: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-60--tablet {
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .mw-60--mobile {
    max-width: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-65--tablet {
    max-width: 65%;
  }
}
@media (max-width: 767px) {
  .mw-65--mobile {
    max-width: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-70--tablet {
    max-width: 70%;
  }
}
@media (max-width: 767px) {
  .mw-70--mobile {
    max-width: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-75--tablet {
    max-width: 75%;
  }
}
@media (max-width: 767px) {
  .mw-75--mobile {
    max-width: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-80--tablet {
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .mw-80--mobile {
    max-width: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-85--tablet {
    max-width: 85%;
  }
}
@media (max-width: 767px) {
  .mw-85--mobile {
    max-width: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-90--tablet {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  .mw-90--mobile {
    max-width: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-95--tablet {
    max-width: 95%;
  }
}
@media (max-width: 767px) {
  .mw-95--mobile {
    max-width: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .mw-100--tablet {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .mw-100--mobile {
    max-width: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-0--tablet {
    min-height: 0%;
  }
}
@media (max-width: 767px) {
  .min-height-0--mobile {
    min-height: 0%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-5--tablet {
    min-height: 5%;
  }
}
@media (max-width: 767px) {
  .min-height-5--mobile {
    min-height: 5%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-10--tablet {
    min-height: 10%;
  }
}
@media (max-width: 767px) {
  .min-height-10--mobile {
    min-height: 10%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-15--tablet {
    min-height: 15%;
  }
}
@media (max-width: 767px) {
  .min-height-15--mobile {
    min-height: 15%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-20--tablet {
    min-height: 20%;
  }
}
@media (max-width: 767px) {
  .min-height-20--mobile {
    min-height: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-25--tablet {
    min-height: 25%;
  }
}
@media (max-width: 767px) {
  .min-height-25--mobile {
    min-height: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-30--tablet {
    min-height: 30%;
  }
}
@media (max-width: 767px) {
  .min-height-30--mobile {
    min-height: 30%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-35--tablet {
    min-height: 35%;
  }
}
@media (max-width: 767px) {
  .min-height-35--mobile {
    min-height: 35%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-40--tablet {
    min-height: 40%;
  }
}
@media (max-width: 767px) {
  .min-height-40--mobile {
    min-height: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-45--tablet {
    min-height: 45%;
  }
}
@media (max-width: 767px) {
  .min-height-45--mobile {
    min-height: 45%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-50--tablet {
    min-height: 50%;
  }
}
@media (max-width: 767px) {
  .min-height-50--mobile {
    min-height: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-55--tablet {
    min-height: 55%;
  }
}
@media (max-width: 767px) {
  .min-height-55--mobile {
    min-height: 55%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-60--tablet {
    min-height: 60%;
  }
}
@media (max-width: 767px) {
  .min-height-60--mobile {
    min-height: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-65--tablet {
    min-height: 65%;
  }
}
@media (max-width: 767px) {
  .min-height-65--mobile {
    min-height: 65%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-70--tablet {
    min-height: 70%;
  }
}
@media (max-width: 767px) {
  .min-height-70--mobile {
    min-height: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-75--tablet {
    min-height: 75%;
  }
}
@media (max-width: 767px) {
  .min-height-75--mobile {
    min-height: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-80--tablet {
    min-height: 80%;
  }
}
@media (max-width: 767px) {
  .min-height-80--mobile {
    min-height: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-85--tablet {
    min-height: 85%;
  }
}
@media (max-width: 767px) {
  .min-height-85--mobile {
    min-height: 85%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-90--tablet {
    min-height: 90%;
  }
}
@media (max-width: 767px) {
  .min-height-90--mobile {
    min-height: 90%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-95--tablet {
    min-height: 95%;
  }
}
@media (max-width: 767px) {
  .min-height-95--mobile {
    min-height: 95%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .min-height-100--tablet {
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  .min-height-100--mobile {
    min-height: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .vw-100--tablet {
    width: 100vw;
  }
}
@media (max-width: 767px) {
  .vw-100--mobile {
    width: 100vw;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .vw-50--tablet {
    width: 50vw;
  }
}
@media (max-width: 767px) {
  .vw-50--mobile {
    width: 50vw;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .vh-100--tablet {
    height: 100vh;
  }
}
@media (max-width: 767px) {
  .vh-100--mobile {
    height: 100vh;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .vh-50--tablet {
    height: 50vh;
  }
}
@media (max-width: 767px) {
  .vh-50--mobile {
    height: 50vh;
  }
}
.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .flex-column--tablet {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .flex-column--mobile {
    flex-direction: column;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-items-start--tablet {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .align-items-start--mobile {
    align-items: flex-start;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-items-center--tablet {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .align-items-center--mobile {
    align-items: center;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-items-end--tablet {
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .align-items-end--mobile {
    align-items: flex-end;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .justify-content-between--tablet {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .justify-content-between--mobile {
    justify-content: space-between;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .justify-content-center--tablet {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .justify-content-center--mobile {
    justify-content: center;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .justify-content-end--tablet {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .justify-content-end--mobile {
    justify-content: flex-end;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .justify-content-start--tablet {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .justify-content-start--mobile {
    justify-content: flex-start;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .justify-content-around--tablet {
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  .justify-content-around--mobile {
    justify-content: space-around;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex-column-reverse--tablet {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .flex-column-reverse--mobile {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex-row-reverse--tablet {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .flex-row-reverse--mobile {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-self-start--tablet {
    align-self: start;
  }
}
@media (max-width: 767px) {
  .align-self-start--mobile {
    align-self: start;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-self-center--tablet {
    align-self: center;
  }
}
@media (max-width: 767px) {
  .align-self-center--mobile {
    align-self: center;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-self-end--tablet {
    align-self: end;
  }
}
@media (max-width: 767px) {
  .align-self-end--mobile {
    align-self: end;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-content-between--tablet {
    align-content: space-between;
  }
}
@media (max-width: 767px) {
  .align-content-between--mobile {
    align-content: space-between;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-content-center--tablet {
    align-content: center;
  }
}
@media (max-width: 767px) {
  .align-content-center--mobile {
    align-content: center;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-content-end--tablet {
    align-content: flex-end;
  }
}
@media (max-width: 767px) {
  .align-content-end--mobile {
    align-content: flex-end;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-content-start--tablet {
    align-content: flex-start;
  }
}
@media (max-width: 767px) {
  .align-content-start--mobile {
    align-content: flex-start;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .align-content-around--tablet {
    align-content: space-around;
  }
}
@media (max-width: 767px) {
  .align-content-around--mobile {
    align-content: space-around;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex-order-1--tablet {
    order: 1;
  }
}
@media (max-width: 767px) {
  .flex-order-1--mobile {
    order: 1;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex-order-2--tablet {
    order: 2;
  }
}
@media (max-width: 767px) {
  .flex-order-2--mobile {
    order: 2;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex-wrap--tablet {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .flex-wrap--mobile {
    flex-wrap: wrap;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .flex-gap--tablet {
    display: inline-flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .flex-gap--mobile {
    display: inline-flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .gap-1--tablet {
    gap: 0.25rem;
  }
}
@media (max-width: 767px) {
  .gap-1--mobile {
    gap: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .gap-2--tablet {
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .gap-2--mobile {
    gap: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .gap-3--tablet {
    gap: 0.75rem;
  }
}
@media (max-width: 767px) {
  .gap-3--mobile {
    gap: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .gap-4--tablet {
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .gap-4--mobile {
    gap: 1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1--tablet {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .grid-1--mobile {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1\/2--tablet {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .grid-1\/2--mobile {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1\/3--tablet {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .grid-1\/3--mobile {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-2\/3--tablet {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (max-width: 767px) {
  .grid-2\/3--mobile {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1\/4--tablet {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .grid-1\/4--mobile {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-2\/4--tablet {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .grid-2\/4--mobile {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-3\/4--tablet {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 767px) {
  .grid-3\/4--mobile {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1\/5--tablet {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 767px) {
  .grid-1\/5--mobile {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-2\/5--tablet {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .grid-2\/5--mobile {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-3\/5--tablet {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .grid-3\/5--mobile {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-4\/5--tablet {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .grid-4\/5--mobile {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1\/6--tablet {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
@media (max-width: 767px) {
  .grid-1\/6--mobile {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-2\/6--tablet {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .grid-2\/6--mobile {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-3\/6--tablet {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .grid-3\/6--mobile {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-4\/6--tablet {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (max-width: 767px) {
  .grid-4\/6--mobile {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-5\/6--tablet {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (max-width: 767px) {
  .grid-5\/6--mobile {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-1\/12--tablet {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
@media (max-width: 767px) {
  .grid-1\/12--mobile {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-2\/12--tablet {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
@media (max-width: 767px) {
  .grid-2\/12--mobile {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-3\/12--tablet {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .grid-3\/12--mobile {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-4\/12--tablet {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .grid-4\/12--mobile {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-5\/12--tablet {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media (max-width: 767px) {
  .grid-5\/12--mobile {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-6\/12--tablet {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .grid-6\/12--mobile {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-7\/12--tablet {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media (max-width: 767px) {
  .grid-7\/12--mobile {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-8\/12--tablet {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (max-width: 767px) {
  .grid-8\/12--mobile {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-9\/12--tablet {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 767px) {
  .grid-9\/12--mobile {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-10\/12--tablet {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (max-width: 767px) {
  .grid-10\/12--mobile {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .grid-11\/12--tablet {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
}
@media (max-width: 767px) {
  .grid-11\/12--mobile {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-primary--tablet {
    color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .text-primary--mobile {
    color: #A4CFF0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-primary--tablet {
    background-color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .bg-primary--mobile {
    background-color: #A4CFF0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-primary--tablet {
    border-: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .border-primary--mobile {
    border-: #A4CFF0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-secondary--tablet {
    color: #00529E;
  }
}
@media (max-width: 767px) {
  .text-secondary--mobile {
    color: #00529E;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-secondary--tablet {
    background-color: #00529E;
  }
}
@media (max-width: 767px) {
  .bg-secondary--mobile {
    background-color: #00529E;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-secondary--tablet {
    border-: #00529E;
  }
}
@media (max-width: 767px) {
  .border-secondary--mobile {
    border-: #00529E;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-tertiary--tablet {
    color: #102D59;
  }
}
@media (max-width: 767px) {
  .text-tertiary--mobile {
    color: #102D59;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-tertiary--tablet {
    background-color: #102D59;
  }
}
@media (max-width: 767px) {
  .bg-tertiary--mobile {
    background-color: #102D59;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-tertiary--tablet {
    border-: #102D59;
  }
}
@media (max-width: 767px) {
  .border-tertiary--mobile {
    border-: #102D59;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-light--tablet {
    color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .text-light--mobile {
    color: #A4CFF0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-light--tablet {
    background-color: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .bg-light--mobile {
    background-color: #A4CFF0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-light--tablet {
    border-: #A4CFF0;
  }
}
@media (max-width: 767px) {
  .border-light--mobile {
    border-: #A4CFF0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-dark--tablet {
    color: #0A1C35;
  }
}
@media (max-width: 767px) {
  .text-dark--mobile {
    color: #0A1C35;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-dark--tablet {
    background-color: #0A1C35;
  }
}
@media (max-width: 767px) {
  .bg-dark--mobile {
    background-color: #0A1C35;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-dark--tablet {
    border-: #0A1C35;
  }
}
@media (max-width: 767px) {
  .border-dark--mobile {
    border-: #0A1C35;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-black--tablet {
    color: #000;
  }
}
@media (max-width: 767px) {
  .text-black--mobile {
    color: #000;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-black--tablet {
    background-color: #000;
  }
}
@media (max-width: 767px) {
  .bg-black--mobile {
    background-color: #000;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-black--tablet {
    border-: #000;
  }
}
@media (max-width: 767px) {
  .border-black--mobile {
    border-: #000;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-white--tablet {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .text-white--mobile {
    color: #fff;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-white--tablet {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .bg-white--mobile {
    background-color: #fff;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-white--tablet {
    border-: #fff;
  }
}
@media (max-width: 767px) {
  .border-white--mobile {
    border-: #fff;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-blue--tablet {
    color: rgb(59, 130, 246);
  }
}
@media (max-width: 767px) {
  .text-blue--mobile {
    color: rgb(59, 130, 246);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-blue--tablet {
    background-color: rgb(59, 130, 246);
  }
}
@media (max-width: 767px) {
  .bg-blue--mobile {
    background-color: rgb(59, 130, 246);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-blue--tablet {
    border-: rgb(59, 130, 246);
  }
}
@media (max-width: 767px) {
  .border-blue--mobile {
    border-: rgb(59, 130, 246);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-gray--tablet {
    color: rgb(107, 114, 128);
  }
}
@media (max-width: 767px) {
  .text-gray--mobile {
    color: rgb(107, 114, 128);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-gray--tablet {
    background-color: rgb(107, 114, 128);
  }
}
@media (max-width: 767px) {
  .bg-gray--mobile {
    background-color: rgb(107, 114, 128);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-gray--tablet {
    border-: rgb(107, 114, 128);
  }
}
@media (max-width: 767px) {
  .border-gray--mobile {
    border-: rgb(107, 114, 128);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-gray-300--tablet {
    color: rgb(209, 213, 219);
  }
}
@media (max-width: 767px) {
  .text-gray-300--mobile {
    color: rgb(209, 213, 219);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-gray-300--tablet {
    background-color: rgb(209, 213, 219);
  }
}
@media (max-width: 767px) {
  .bg-gray-300--mobile {
    background-color: rgb(209, 213, 219);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-gray-300--tablet {
    border-: rgb(209, 213, 219);
  }
}
@media (max-width: 767px) {
  .border-gray-300--mobile {
    border-: rgb(209, 213, 219);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-gray-200--tablet {
    color: rgb(229, 231, 235);
  }
}
@media (max-width: 767px) {
  .text-gray-200--mobile {
    color: rgb(229, 231, 235);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-gray-200--tablet {
    background-color: rgb(229, 231, 235);
  }
}
@media (max-width: 767px) {
  .bg-gray-200--mobile {
    background-color: rgb(229, 231, 235);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-gray-200--tablet {
    border-: rgb(229, 231, 235);
  }
}
@media (max-width: 767px) {
  .border-gray-200--mobile {
    border-: rgb(229, 231, 235);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-green--tablet {
    color: rgb(34, 197, 94);
  }
}
@media (max-width: 767px) {
  .text-green--mobile {
    color: rgb(34, 197, 94);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-green--tablet {
    background-color: rgb(34, 197, 94);
  }
}
@media (max-width: 767px) {
  .bg-green--mobile {
    background-color: rgb(34, 197, 94);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-green--tablet {
    border-: rgb(34, 197, 94);
  }
}
@media (max-width: 767px) {
  .border-green--mobile {
    border-: rgb(34, 197, 94);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-purple--tablet {
    color: rgb(168, 85, 247);
  }
}
@media (max-width: 767px) {
  .text-purple--mobile {
    color: rgb(168, 85, 247);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-purple--tablet {
    background-color: rgb(168, 85, 247);
  }
}
@media (max-width: 767px) {
  .bg-purple--mobile {
    background-color: rgb(168, 85, 247);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-purple--tablet {
    border-: rgb(168, 85, 247);
  }
}
@media (max-width: 767px) {
  .border-purple--mobile {
    border-: rgb(168, 85, 247);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-red--tablet {
    color: rgb(239, 68, 68);
  }
}
@media (max-width: 767px) {
  .text-red--mobile {
    color: rgb(239, 68, 68);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-red--tablet {
    background-color: rgb(239, 68, 68);
  }
}
@media (max-width: 767px) {
  .bg-red--mobile {
    background-color: rgb(239, 68, 68);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-red--tablet {
    border-: rgb(239, 68, 68);
  }
}
@media (max-width: 767px) {
  .border-red--mobile {
    border-: rgb(239, 68, 68);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-orange--tablet {
    color: rgb(249, 115, 22);
  }
}
@media (max-width: 767px) {
  .text-orange--mobile {
    color: rgb(249, 115, 22);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-orange--tablet {
    background-color: rgb(249, 115, 22);
  }
}
@media (max-width: 767px) {
  .bg-orange--mobile {
    background-color: rgb(249, 115, 22);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-orange--tablet {
    border-: rgb(249, 115, 22);
  }
}
@media (max-width: 767px) {
  .border-orange--mobile {
    border-: rgb(249, 115, 22);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-yellow--tablet {
    color: rgb(234, 179, 8);
  }
}
@media (max-width: 767px) {
  .text-yellow--mobile {
    color: rgb(234, 179, 8);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-yellow--tablet {
    background-color: rgb(234, 179, 8);
  }
}
@media (max-width: 767px) {
  .bg-yellow--mobile {
    background-color: rgb(234, 179, 8);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-yellow--tablet {
    border-: rgb(234, 179, 8);
  }
}
@media (max-width: 767px) {
  .border-yellow--mobile {
    border-: rgb(234, 179, 8);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-transparent--tablet {
    color: transparent;
  }
}
@media (max-width: 767px) {
  .text-transparent--mobile {
    color: transparent;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bg-transparent--tablet {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .bg-transparent--mobile {
    background-color: transparent;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-transparent--tablet {
    border-: transparent;
  }
}
@media (max-width: 767px) {
  .border-transparent--mobile {
    border-: transparent;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-solid--tablet {
    border-style: solid;
  }
}
@media (max-width: 767px) {
  .border-solid--mobile {
    border-style: solid;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-dashed--tablet {
    border-style: dashed;
  }
}
@media (max-width: 767px) {
  .border-dashed--mobile {
    border-style: dashed;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-dotted--tablet {
    border-style: dotted;
  }
}
@media (max-width: 767px) {
  .border-dotted--mobile {
    border-style: dotted;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-double--tablet {
    border-style: double;
  }
}
@media (max-width: 767px) {
  .border-double--mobile {
    border-style: double;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-none--tablet {
    border-style: none;
  }
}
@media (max-width: 767px) {
  .border-none--mobile {
    border-style: none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-1--tablet {
    border-width: 1px;
  }
}
@media (max-width: 767px) {
  .border-1--mobile {
    border-width: 1px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-2--tablet {
    border-width: 2px;
  }
}
@media (max-width: 767px) {
  .border-2--mobile {
    border-width: 2px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-3--tablet {
    border-width: 3px;
  }
}
@media (max-width: 767px) {
  .border-3--mobile {
    border-width: 3px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-4--tablet {
    border-width: 4px;
  }
}
@media (max-width: 767px) {
  .border-4--mobile {
    border-width: 4px;
  }
}
.border-top-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-top-1--hover:hover {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-bottom-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.border-bottom-1--hover:hover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.border-left-1 {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-left-1--hover:hover {
  border-left-width: 1px;
  border-left-style: solid;
}

.border-right-1 {
  border-right-width: 1px;
  border-right-style: solid;
}

.border-right-1--hover:hover {
  border-right-width: 1px;
  border-right-style: solid;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .uppercase--tablet {
    text-transform: uppercase;
  }
}
@media (max-width: 767px) {
  .uppercase--mobile {
    text-transform: uppercase;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .lowercase--tablet {
    text-transform: lowercase;
  }
}
@media (max-width: 767px) {
  .lowercase--mobile {
    text-transform: lowercase;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .capitalize--tablet {
    text-transform: capitalize;
  }
}
@media (max-width: 767px) {
  .capitalize--mobile {
    text-transform: capitalize;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .decoration-none--tablet {
    text-decoration: none;
  }
}
@media (max-width: 767px) {
  .decoration-none--mobile {
    text-decoration: none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .decoration-underline--tablet {
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .decoration-underline--mobile {
    text-decoration: underline;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-left--tablet {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .text-left--mobile {
    text-align: left;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-center--tablet {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .text-center--mobile {
    text-align: center;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .text-right--tablet {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .text-right--mobile {
    text-align: right;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .bold--tablet {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .bold--mobile {
    font-weight: 600;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .regular--tablet {
    font-weight: 400;
  }
}
@media (max-width: 767px) {
  .regular--mobile {
    font-weight: 400;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .italic--tablet {
    font-style: italic;
  }
}
@media (max-width: 767px) {
  .italic--mobile {
    font-style: italic;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .font-title--tablet {
    font-family: Montserrat, sans-serif;
  }
}
@media (max-width: 767px) {
  .font-title--mobile {
    font-family: Montserrat, sans-serif;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .thin--tablet {
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .thin--mobile {
    font-weight: 300;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .light--tablet {
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  .light--mobile {
    font-weight: 300;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .medium--tablet {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .medium--mobile {
    font-weight: 500;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .semibold--tablet {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .semibold--mobile {
    font-weight: 600;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .black--tablet {
    font-weight: 900;
  }
}
@media (max-width: 767px) {
  .black--mobile {
    font-weight: 900;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .overflow-hidden--tablet {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .overflow-hidden--mobile {
    overflow: hidden;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .overflow-scroll--tablet {
    overflow: scroll;
  }
}
@media (max-width: 767px) {
  .overflow-scroll--mobile {
    overflow: scroll;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .overflow-x-auto--tablet {
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .overflow-x-auto--mobile {
    overflow-x: auto;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .overflow-y-auto--tablet {
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  .overflow-y-auto--mobile {
    overflow-y: auto;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .opacity-100--tablet {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .opacity-100--mobile {
    opacity: 1;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .opacity-75--tablet {
    opacity: 0.75;
  }
}
@media (max-width: 767px) {
  .opacity-75--mobile {
    opacity: 0.75;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .opacity-50--tablet {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .opacity-50--mobile {
    opacity: 0.5;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .opacity-25--tablet {
    opacity: 0.25;
  }
}
@media (max-width: 767px) {
  .opacity-25--mobile {
    opacity: 0.25;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .opacity-0--tablet {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .opacity-0--mobile {
    opacity: 0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .visible--tablet {
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .visible--mobile {
    visibility: visible;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .invisible--tablet {
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .invisible--mobile {
    visibility: hidden;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .transform-none--tablet {
    transform: none;
  }
}
@media (max-width: 767px) {
  .transform-none--mobile {
    transform: none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .scale-0--tablet {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }
}
@media (max-width: 767px) {
  .scale-0--mobile {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .scale-50--tablet {
    --transform-scale-x: 0.5;
    --transform-scale-y: 0.5;
  }
}
@media (max-width: 767px) {
  .scale-50--mobile {
    --transform-scale-x: 0.5;
    --transform-scale-y: 0.5;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .scale-100--tablet {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }
}
@media (max-width: 767px) {
  .scale-100--mobile {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .scale-110--tablet {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }
}
@media (max-width: 767px) {
  .scale-110--mobile {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .scale-125--tablet {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25S;
  }
}
@media (max-width: 767px) {
  .scale-125--mobile {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25S;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .scale-150--tablet {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }
}
@media (max-width: 767px) {
  .scale-150--mobile {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .object-contain--tablet {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 767px) {
  .object-contain--mobile {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .object-cover--tablet {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 767px) {
  .object-cover--mobile {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .object-fill--tablet {
    -o-object-fit: fill;
       object-fit: fill;
  }
}
@media (max-width: 767px) {
  .object-fill--mobile {
    -o-object-fit: fill;
       object-fit: fill;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .object-none--tablet {
    -o-object-fit: none;
       object-fit: none;
  }
}
@media (max-width: 767px) {
  .object-none--mobile {
    -o-object-fit: none;
       object-fit: none;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .object-scale-down--tablet {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}
@media (max-width: 767px) {
  .object-scale-down--mobile {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}
.background-no-repeat {
  background-repeat: no-repeat;
}

.background-size-cover {
  background-size: cover;
}

.background-size-contain {
  background-size: contain;
}

.background-size-w-100 {
  background-size: 100% auto;
}

.background-size-h-100 {
  background-size: auto 100%;
}

.background-position-x-center {
  background-position-x: center;
}

.background-position-y-center {
  background-position-y: center;
}

.background-position-x-left {
  background-position-x: left;
}

.background-position-x-right {
  background-position-x: right;
}

.background-position-y-top {
  background-position-y: top;
}

.background-position-y-bottom {
  background-position-y: bottom;
}

@media (max-width: 1023px) and (min-width: 767px) {
  .box-shadow--tablet {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 767px) {
  .box-shadow--mobile {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .box-shadow-md--tablet {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 767px) {
  .box-shadow-md--mobile {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .box-shadow-lg--tablet {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 767px) {
  .box-shadow-lg--mobile {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius-none--tablet {
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .border-radius-none--mobile {
    border-radius: 0;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius-xs--tablet {
    border-radius: 0.1rem;
  }
}
@media (max-width: 767px) {
  .border-radius-xs--mobile {
    border-radius: 0.1rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius-sm--tablet {
    border-radius: 0.25rem;
  }
}
@media (max-width: 767px) {
  .border-radius-sm--mobile {
    border-radius: 0.25rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius--tablet {
    border-radius: 0.375rem;
  }
}
@media (max-width: 767px) {
  .border-radius--mobile {
    border-radius: 0.375rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius-md--tablet {
    border-radius: 0.5rem;
  }
}
@media (max-width: 767px) {
  .border-radius-md--mobile {
    border-radius: 0.5rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius-lg--tablet {
    border-radius: 0.75rem;
  }
}
@media (max-width: 767px) {
  .border-radius-lg--mobile {
    border-radius: 0.75rem;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .border-radius-full--tablet {
    border-radius: 50%;
  }
}
@media (max-width: 767px) {
  .border-radius-full--mobile {
    border-radius: 50%;
  }
}
.outline-none {
  outline: none;
}

.hero-landing {
  padding-bottom: 45%;
}

.slick-dots {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  margin-top: 1rem;
}
.slick-dots li {
  background-color: #102D59 !important;
  opacity: 1;
  width: 10px !important;
  height: 10px !important;
  margin: 0 6px;
  border-radius: 50%;
  padding-bottom: 0;
  cursor: pointer;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active {
  width: 18px !important;
  height: 18px !important;
}

.video-demo__container {
  right: 0;
  bottom: 0;
  width: 60%;
  padding-left: 3rem;
}

@media (max-width: 1023px) {
  .hero-landing {
    padding-bottom: 80%;
    background-position: left;
  }
  .hero-landing .absolute {
    z-index: 2;
  }
  .hero-landing:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .video-demo__container {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .hero-landing {
    padding-bottom: 140%;
    background-position: left;
  }
  .hero-landing .absolute {
    margin-top: 2rem;
    z-index: 2;
  }
  .hero-landing:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .video-demo__container {
    width: 100%;
    padding-left: 0;
  }
}
.label-line {
  position: relative;
  letter-spacing: 3px;
}
.label-line:after {
  content: "";
  width: 50px;
  height: 1px;
  display: inline-block;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.label-line.line-primary:after {
  background-color: #A4CFF0;
}
.label-line.line-secondary:after {
  background-color: #00529E;
}
.label-line.line-white:after {
  background-color: #fff;
}

.btn {
  text-decoration: none;
  padding: 19px 30px;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.btn-primary {
  background-color: #A4CFF0;
  color: #102D59;
}
.btn-primary:hover {
  background-color: rgba(0, 40, 71, 0.7);
}

.btn-secondary {
  background-color: #00529E;
  border-color: #00529E;
  color: #fff;
}

.btn-tertiary {
  background-color: #102D59;
  border-color: #102D59;
  color: #fff;
}

.btn-white {
  background-color: #FFF;
  color: #A4CFF0;
}
.btn-white:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.btn-underline {
  border-bottom: 1px solid;
  padding-bottom: 4px;
}

.btn-underline--white {
  border-color: #FFF;
}

.btn-underline--primary {
  border-color: #A4CFF0;
}

.btn-outline--white {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.btn-outline--white:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-outline--primary {
  border: 1px solid #A4CFF0;
  color: #A4CFF0;
  background-color: transparent;
}
.btn-outline--primary:hover {
  background-color: rgba(0, 40, 71, 0.1);
}
.btn-outline--primary svg path {
  fill: #A4CFF0;
}

.btn-outline--secondary {
  border: 1px solid #00529E;
  color: #00529E;
  background-color: transparent;
}
.btn-outline--secondary:hover {
  background-color: rgba(0, 40, 71, 0.1);
}
.btn-outline--secondary svg path {
  fill: #00529E;
}

.btn-outline--tertiary {
  border: 1px solid #102D59;
  color: #102D59;
  background-color: transparent;
}
.btn-outline--tertiary:hover {
  background-color: rgba(0, 40, 71, 0.1);
}
.btn-outline--tertiary svg path {
  fill: #102D59;
}

.btn-outline--text {
  border: 1px solid #323232;
  color: #323232;
  background-color: transparent;
}
.btn-outline--text:hover {
  background-color: rgba(0, 40, 71, 0.1);
}
.btn-outline--text svg path {
  fill: #323232;
}

.not-found__text {
  font-size: 200px;
}

.video {
  height: 0;
  padding-bottom: 54.25%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.video__play {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video__play img {
  margin: 0 auto;
  width: 120px;
  height: 120px;
}

.video__close {
  z-index: 1;
  right: 10%;
  top: 10px;
  cursor: pointer;
  display: none;
}

.video-fancy__container {
  padding-bottom: 56%;
}

.video__blur {
  background-color: rgba(35, 50, 138, 0.4);
}

.video-istituto__play {
  width: 23px;
  height: 23px;
}

@media (max-width: 767px) {
  .video__close {
    right: 20%;
  }
  .video__close .btn {
    padding: 5px 1rem;
    font-size: 12px;
  }
  .video__play img {
    width: 60px;
    height: 60px;
  }
}
.footer-form .form-group input {
  border-radius: 30px;
  padding: 15px 30px;
  border: 1px solid #102D59;
  width: 100%;
  background-color: transparent;
  margin-bottom: 1rem;
}
.footer-form .form-group input:focus, .footer-form .form-group input:focus-visible {
  border-color: #A4CFF0;
  outline: none;
}
.footer-form .form-group input::-moz-placeholder {
  color: #fff;
  text-transform: uppercase;
}
.footer-form .form-group input::placeholder {
  color: #fff;
  text-transform: uppercase;
}
.footer-form .form-group input[type=submit] {
  background-color: #102D59;
  color: #fff;
  text-transform: uppercase;
}
.footer-form .form-group input[type=checkbox] {
  margin: 0;
  margin-right: 10px;
  background-color: transparent;
}
.footer-form .form-check-label {
  white-space: nowrap;
  font-size: 12px;
}

.who-box {
  padding-bottom: 100%;
}
.who-box:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #A4CFF0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
.who-box img {
  transition: all 0.3s ease-in-out;
}
.who-box:hover img {
  transform: scale(1.1);
}

.who-box-text__container {
  min-height: 300px;
  padding: 0 100px;
}

@media (max-width: 1023px) {
  .who-box-text__container {
    min-height: 0;
    padding: 0 1rem;
  }
  .who-box__text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .who-box-text__container {
    min-height: 300px;
    padding: 0;
  }
}
.how-works__left {
  max-width: 40%;
  flex: 1 0 40%;
  padding-left: calc((100vw - calc(95vw + (1rem * 2))) / 2 + 1rem);
  padding-right: 1rem;
}

.how-works__right {
  max-width: 60%;
  flex: 1 0 60%;
  padding-left: 3rem;
}

@media (max-width: 1023px) {
  .how-works__left {
    max-width: 100%;
    flex: 1 0 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .how-works__right {
    max-width: 100%;
    flex: 1 0 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .how-works__left {
    max-width: 100%;
    flex: 1 0 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .how-works__right {
    max-width: 100%;
    flex: 1 0 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.ou-tab-links {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 3rem;
}

.ou-tab-links li {
  display: inline-block;
}
.ou-tab-links li:after {
  content: "-";
  display: inline-flex;
  font-size: 20px;
  margin: 0 10px;
  vertical-align: middle;
}
.ou-tab-links li:last-child:after {
  display: none;
}

.ou-tab-links a {
  text-decoration: none;
  padding: 10px 0;
  display: inline-block;
  color: #00529E;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid transparent;
}

.ou-tab-links a:hover {
  color: #102D59;
}

.ou-tab-links .active a {
  border-bottom: 2px solid #00529E;
}

.ou-tab {
  display: none;
}

.ou-tab.active {
  display: block;
}

.output-right {
  min-height: 400px;
}

.toggle__item {
  background-color: #102D59;
  border-bottom: 1px solid #fff;
}
.toggle__item img {
  transform-origin: center top;
  transition: all 0.3s ease-in-out;
}
.toggle__item:last-child {
  border-bottom: none;
}

.toggle__item .opened img {
  transform: rotate(180deg) translateY(-50%);
}

@media (max-width: 767px) {
  .toggle__item img {
    margin-left: 1rem;
  }
}
html {
  scroll-behavior: smooth;
}

.anchor {
  position: relative;
  top: -100px;
}

.menu .bg-white {
  border-radius: 42px;
}
.menu nav a {
  position: relative;
}
.menu nav a:last-child {
  margin-right: 0;
}
.menu nav a:last-child:after {
  display: none;
}
.menu nav a:after {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #00529E;
  display: inline-flex;
  margin: 0 10px;
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
}

@media (max-width: 1023px) {
  .menu img {
    max-width: 80%;
  }
  .menu .nav-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 90%;
    height: auto;
    background-color: #fff;
    z-index: 99;
    width: 80%;
    padding: 3rem 2rem;
    border-radius: 0 0 42px 42px;
  }
  .menu .nav-container nav {
    flex-direction: column;
    justify-content: left;
    align-items: center;
  }
  .menu .nav-container nav a {
    margin: 0 0 1rem 0;
  }
  .menu .nav-container nav a:after {
    display: none;
  }
}