/*=============================
  Base Styles
=============================*/
:root {
  --colour-black: #000000;
  --colour-black-70: #b3b3b3;
  --colour-black-90: #e6e6e6;
  --colour-black-95: #f2f2f2;
  --colour-black-98: #fafafa;
  --colour-brand-green: #27b4ae;
  --colour-brand-purple: #473158;
  --colour-brand-yellow: #ff9900;
  --colour-white: #ffffff;
  --font-family-base: "Open Sans", sans-serif;
  --font-family-headings: "Bebas Neue", sans-serif;
  --size-col-width: 65px;
  --size-container-width: 1140px;
  --size-gutter-width: 30px;
  --size-spacer: 1.0rem;
}

@media (max-width: 1400px) {
  :root {
    --size-col-width: 60px;
    --size-container-width: 960px;
    --size-gutter-width: 20px;
  }
}
html {
  font-size: 62.5%;
}

body {
  color: var(--colour-brand-purple);
  font-family: var(--font-family-base);
  font-size: 1.6rem;
  line-height: 1.5;
}

@media (max-width: 1600px) {
  body {
    font-size: 1.4rem;
  }
}
@media (max-width: 1200px) {
  body {
    font-size: 1.2rem;
  }
}
::-moz-selection {
  color: var(--colour-white);
  background: var(--colour-brand-purple);
}
::selection {
  color: var(--colour-white);
  background: var(--colour-brand-purple);
}

/*=============================
  Grid
=============================*/
.container {
  max-width: var(--size-container-width);
}

.row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: var(--size-spacer);
}

.row .col,
.row [class^=col-],
.row [class*=" col-"] {
  padding-left: calc(var(--size-gutter-width) * 0.5);
  padding-right: calc(var(--size-gutter-width) * 0.5);
}

/*=============================
  Typography
=============================*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: var(--size-spacer);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-family-headings);
  font-weight: 400;
  line-height: 1.3;
}

h1,
.h1 {
  font-size: 5.5rem;
}

h2,
.h2 {
  font-size: 4.2rem;
}

h3,
.h3 {
  font-size: 3.6rem;
}

h4,
.h4 {
  font-size: 3.2rem;
}

h5,
.h5 {
  font-size: 2.8rem;
}

h6,
.h6 {
  font-size: 2.4rem;
}

p {
  font-family: var(--font-family-base);
  font-size: 1.6rem;
}

@media (max-width: 1600px) {
  h1,
.h1 {
    font-size: 4.8rem;
  }
  h2,
.h2 {
    font-size: 3.6rem;
  }
  h3,
.h3 {
    font-size: 3.2rem;
  }
  h4,
.h4 {
    font-size: 2.8rem;
  }
  h5,
.h5 {
    font-size: 2.4rem;
  }
  h6,
.h6 {
    font-size: 2.1rem;
  }
  p {
    font-size: 1.4rem;
  }
}
@media (max-width: 1200px) {
  h1,
.h1 {
    font-size: 4.2rem;
  }
  h2,
.h2 {
    font-size: 3.2rem;
  }
  h3,
.h3 {
    font-size: 2.8rem;
  }
  h4,
.h4 {
    font-size: 2.4rem;
  }
  h5,
.h5 {
    font-size: 2.1rem;
  }
  h6,
.h6 {
    font-size: 1.8rem;
  }
  p {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .h1-md {
    font-size: 4.2rem;
  }
  .h2-md {
    font-size: 3.2rem;
  }
  .h3-md {
    font-size: 2.8rem;
  }
  .h4-md {
    font-size: 2.4rem;
  }
  .h5-md {
    font-size: 2.1rem;
  }
  .h6-md {
    font-size: 1.8rem;
  }
}
/*=============================
  Form
=============================*/
input[type=email],
input[type=file],
input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  background: var(--colour-black-90);
  border: 0;
  border-radius: 0;
  font-size: 1.6rem;
  height: calc(var(--size-spacer) * 6);
  margin-bottom: var(--size-spacer);
  padding: 0 calc(var(--size-spacer) * 3);
}

@media (max-width: 1600px) {
  input[type=email],
input[type=file],
input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
    font-size: 1.4rem;
  }
}
@media (max-width: 1200px) {
  input[type=email],
input[type=file],
input[type=text],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
    font-size: 1.2rem;
  }
}
input[type=email]:hover,
input[type=file]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=url]:hover,
select:hover,
textarea:hover {
  border-color: transparent;
}

input[type=email]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: transparent;
}

input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

input[type=checkbox] + label span {
  background-color: var(--colour-black-95);
  display: block;
  height: calc(var(--size-spacer) * 3);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  width: calc(var(--size-spacer) * 3);
}

input[type=checkbox]:hover + label span {
  background-color: var(--colour-black-95);
  cursor: pointer;
}

input[type=checkbox] + label span:after {
  content: "";
  display: none;
  position: relative;
  top: calc(var(--size-spacer) * 0.5);
}

input[type=checkbox] + label span:after {
  border: solid var(--colour-brand-purple);
  border-width: 0 6px 6px 0;
  height: 12px;
  left: calc(var(--size-spacer) * 0.75);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
}

input[type=checkbox]:checked + label span:after {
  display: block;
}

textarea {
  font-family: var(--font-family-base);
  min-height: calc(var(--size-spacer) * 15);
}

::-webkit-input-placeholder {
  color: var(--colour-black-70);
  opacity: 1;
}

::-moz-placeholder {
  color: var(--colour-black-70);
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--colour-black-70);
  opacity: 1;
}

::-ms-input-placeholder {
  color: var(--colour-black-70);
  opacity: 1;
}

::placeholder {
  color: var(--colour-black-70);
  opacity: 1;
}

/*=============================
  Button
=============================*/
button,
.button,
[type=submit] {
  background: var(--colour-brand-yellow);
  border: 0;
  border-radius: 0;
  /*TODO: check*/
  color: var(--colour-black);
  font-size: 1.8rem;
  height: calc(var(--size-spacer) * 6);
  margin-bottom: var(--size-spacer);
  padding: 0;
  width: calc(var(--size-col-width) * 3 + var(--size-gutter-width) * 2);
}

button,
[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (max-width: 1600px) {
  button,
.button,
[type=submit] {
    font-size: 1.6rem;
  }
}
@media (max-width: 1200px) {
  button,
.button,
[type=submit] {
    font-size: 1.4rem;
  }
}
[type=submit] {
  cursor: pointer;
}

button.outline,
.button.outline,
[type=submit].outline {
  border: 1px solid var(--colour-brand-yellow);
  color: var(--colour-black);
}

button.colour-white.outline,
.button.colour-white.outline,
[type=submit].colour-white.outline {
  color: var(--colour-white);
}

button.outline:hover,
.button.outline:hover,
[type=submit].outline:hover,
button.outline:focus,
.button.outline:focus,
[type=submit].outline:focus {
  background: var(--colour-brand-yellow);
  color: var(--colour-black);
}

button.colour-white.outline:hover,
.button.colour-white.outline:hover,
[type=submit].colour-white.outline:hover,
button.colour-white.outline:focus,
.button.colour-white.outline:focus,
[type=submit].colour-white.outline:focus {
  color: var(--colour-white);
}

/*=============================
  Link
=============================*/
a {
  color: var(--colour-brand-yellow);
  text-decoration: none;
}

a:hover {
  color: var(--colour-brand-purple);
  opacity: 0.9;
}

a.colour-black-70:hover,
a.colour-white:hover {
  color: var(--colour-brand-yellow);
}

/*=============================
  List
=============================*/
ul,
ol {
  margin-bottom: var(--size-spacer);
}

ul li,
ul li:last-child,
ol li,
ol li:last-child {
  margin-bottom: var(--size-spacer);
}

.list-style-position-outside {
  list-style-position: outside;
}

.list-style-type-none {
  list-style-type: none;
}

/*=============================
  Image
=============================*/
img {
  margin-bottom: var(--size-spacer);
}

/*=============================
  Box
=============================*/
/*TODO: refactor*/
.box {
  border: 0;
  border-radius: 0;
  margin-bottom: var(--size-spacer);
  padding: calc(var(--size-spacer) * 6) 0 calc(var(--size-spacer) * 5);
}

.box p {
  padding-left: calc(var(--size-col-width) * 2 + var(--size-gutter-width) * 2);
  padding-right: calc(var(--size-col-width) + var(--size-gutter-width));
}

.box-aspect-ratio-4-3 {
  padding-bottom: 75%;
}

.box-divider {
  height: var(--size-spacer);
  width: var(--size-col-width);
}

.box-icon-helper {
  height: calc(var(--size-spacer) * 21);
  width: calc(var(--size-spacer) * 21);
}

.box-logo-helper {
  height: calc(var(--size-spacer) * 15);
  width: calc(var(--size-spacer) * 27);
}

.box-logo-image {
  height: calc(var(--size-spacer) * 3);
}

.box-logo-image-lg {
  height: calc(var(--size-spacer) * 6);
}

.box-logo-image-xl {
  height: calc(var(--size-spacer) * 9);
}

@media (max-width: 768px) {
  .box-logo-helper {
    height: calc(var(--size-spacer) * 12);
    width: calc(var(--size-spacer) * 21);
  }
  .box-logo-image {
    height: calc(var(--size-spacer) * 3 / 4 * 3);
  }
  .box-logo-image-lg {
    height: calc(var(--size-spacer) * 3 / 4 * 6);
  }
  .box-logo-image-xl {
    height: calc(var(--size-spacer) * 3 / 4 * 9);
  }
}
.box-mask {
  -webkit-mask-image: url("../resources/images/shape-square.svg");
  mask-image: url("../resources/images/shape-square.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 50%;
  mask-size: 50%;
}

.box-mask-bottom-left {
  -webkit-mask-position: 100% 0%;
  mask-position: 100% 0%;
}

.box-mask-target {
  height: calc(var(--size-spacer) * 42);
}

.box-mask-target-sm {
  height: calc(var(--size-spacer) * 22);
}

.box-mask-top-left {
  -webkit-mask-position: 100% 100%;
  mask-position: 100% 100%;
}

@media (max-width: 768px) {
  .box p {
    padding-left: calc(var(--size-col-width) + var(--size-gutter-width));
    padding-right: 0;
  }
  .box-icon-helper {
    height: calc(var(--size-spacer) * 11);
    width: calc(var(--size-spacer) * 11);
  }
  .box-mask-target {
    height: calc(var(--size-spacer) * 22);
  }
  .box-mask-target-sm-home {
    height: calc(var(--size-spacer) * 12);
  }
  .box-mask-target-sm-home-helper {
    left: calc(var(--size-spacer) * -6) !important;
    top: calc(var(--size-spacer) * -6) !important;
  }
}
.box-tag {
  height: calc(var(--size-spacer) * 2);
}

.box-tag.active {
  background-color: var(--colour-brand-purple);
}

.box-tag.active span {
  color: var(--colour-white);
}

/*=============================
  Navigation
=============================*/
.nav {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 var(--size-gutter-width) 0 0;
}

@media (max-width: 768px) {
  .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: calc(100vh - var(--size-spacer) * 7.5);
    padding-top: calc(var(--size-spacer) * 6);
    position: fixed;
    top: calc(var(--size-spacer) * 7.5);
  }
}
.nav .nav-item {
  font-size: 1.4rem;
  margin-right: calc(var(--size-gutter-width) * 2 / 3);
}

.nav .nav-item a {
  color: var(--colour-brand-purple);
}

.nav-button {
  display: none;
}

@media (max-width: 1600px) {
  .nav .nav-item {
    font-size: 1.2rem;
  }
}
@media (max-width: 1200px) {
  .nav .nav-item {
    font-size: 1rem;
  }
}
@media (max-width: 992px) {
  .nav .nav-item {
    font-size: 0.9rem;
  }
}
@media (max-width: 768px) {
  .nav .nav-item {
    font-size: 2.1rem;
    margin-bottom: calc(var(--size-spacer) * 3);
    margin-right: 0;
  }
  .nav .nav-item a {
    color: var(--colour-white);
  }
  .nav-button {
    display: inline-block;
  }
}
.nav .nav-item .nav-item-shape {
  display: none;
}

.nav .nav-item.active .nav-item-shape {
  display: block;
}

@media (max-width: 768px) {
  .nav .nav-item.active svg {
    display: none;
  }
}
.nav .nav-subnav {
  min-width: calc(var(--size-col-width) * 4 + var(--size-gutter-width) * 3);
}

.navbar,
.navbar-placeholder {
  height: calc(var(--size-spacer) * 12);
}

.navbar-brand img {
  height: calc(var(--size-spacer) * 9);
}

@media (max-width: 1600px) {
  .navbar,
.navbar-placeholder {
    height: calc(var(--size-spacer) * 9);
  }
  .navbar-brand img {
    height: calc(var(--size-spacer) * 6);
  }
}
@media (max-width: 768px) {
  .navbar,
.navbar-placeholder {
    height: calc(var(--size-spacer) * 7.5);
  }
  .navbar-brand img {
    height: calc(var(--size-spacer) * 4.5);
  }
}
/*=============================
  Card
=============================*/
.card {
  border: none;
  border-radius: 0;
  margin-bottom: calc(var(--size-spacer) * 5);
}

.card .card-content {
  padding: 0 calc(var(--size-col-width) + var(--size-gutter-width) * 0.5) 0 0;
}

@media (max-width: 768px) {
  .card .card-content {
    padding: 0;
  }
}
/*=============================
  Code
=============================*/
/*=============================
  Divider
=============================*/
/*=============================
  Utilities
=============================*/
.align-bottom-0 {
  bottom: 0;
}

.align-bottom-1 {
  bottom: calc(var(--size-spacer) * 1);
}

.align-bottom-2 {
  bottom: calc(var(--size-spacer) * 2);
}

.align-bottom-3 {
  bottom: calc(var(--size-spacer) * 3);
}

.align-bottom-4 {
  bottom: calc(var(--size-spacer) * 4);
}

.align-bottom-5 {
  bottom: calc(var(--size-spacer) * 5);
}

.align-bottom-6 {
  bottom: calc(var(--size-spacer) * 6);
}

.align-bottom-7 {
  bottom: calc(var(--size-spacer) * 7);
}

.align-bottom-8 {
  bottom: calc(var(--size-spacer) * 8);
}

.align-bottom-9 {
  bottom: calc(var(--size-spacer) * 9);
}

.align-bottom-10 {
  bottom: calc(var(--size-spacer) * 10);
}

.align-bottom-11 {
  bottom: calc(var(--size-spacer) * 11);
}

.align-bottom-12 {
  bottom: calc(var(--size-spacer) * 12);
}

.align-bottom-13 {
  bottom: calc(var(--size-spacer) * 13);
}

.align-bottom-14 {
  bottom: calc(var(--size-spacer) * 14);
}

.align-bottom-15 {
  bottom: calc(var(--size-spacer) * 15);
}

.align-bottom-16 {
  bottom: calc(var(--size-spacer) * 16);
}

.align-bottom-17 {
  bottom: calc(var(--size-spacer) * 17);
}

.align-bottom-18 {
  bottom: calc(var(--size-spacer) * 18);
}

.align-bottom-19 {
  bottom: calc(var(--size-spacer) * 19);
}

.align-bottom-20 {
  bottom: calc(var(--size-spacer) * 20);
}

.align-bottom-21 {
  bottom: calc(var(--size-spacer) * 21);
}

.align-bottom-1-m {
  bottom: calc(var(--size-spacer) * -1);
}

.align-bottom-2-m {
  bottom: calc(var(--size-spacer) * -2);
}

.align-bottom-3-m {
  bottom: calc(var(--size-spacer) * -3);
}

.align-bottom-4-m {
  bottom: calc(var(--size-spacer) * -4);
}

.align-bottom-5-m {
  bottom: calc(var(--size-spacer) * -5);
}

.align-bottom-6-m {
  bottom: calc(var(--size-spacer) * -6);
}

.align-bottom-7-m {
  bottom: calc(var(--size-spacer) * -7);
}

.align-bottom-8-m {
  bottom: calc(var(--size-spacer) * -8);
}

.align-bottom-9-m {
  bottom: calc(var(--size-spacer) * -9);
}

.align-bottom-10-m {
  bottom: calc(var(--size-spacer) * -10);
}

.align-bottom-11-m {
  bottom: calc(var(--size-spacer) * -11);
}

.align-bottom-12-m {
  bottom: calc(var(--size-spacer) * -12);
}

.align-bottom-13-m {
  bottom: calc(var(--size-spacer) * -13);
}

.align-bottom-14-m {
  bottom: calc(var(--size-spacer) * -14);
}

.align-bottom-15-m {
  bottom: calc(var(--size-spacer) * -15);
}

.align-bottom-16-m {
  bottom: calc(var(--size-spacer) * -16);
}

.align-bottom-17-m {
  bottom: calc(var(--size-spacer) * -17);
}

.align-bottom-18-m {
  bottom: calc(var(--size-spacer) * -18);
}

.align-bottom-19-m {
  bottom: calc(var(--size-spacer) * -19);
}

.align-bottom-20-m {
  bottom: calc(var(--size-spacer) * -20);
}

.align-bottom-21-m {
  bottom: calc(var(--size-spacer) * -21);
}

@media (max-width: 1400px) {
  .align-bottom-2xl-0 {
    bottom: 0;
  }
  .align-bottom-2xl-1 {
    bottom: calc(var(--size-spacer) * 1);
  }
  .align-bottom-2xl-2 {
    bottom: calc(var(--size-spacer) * 2);
  }
  .align-bottom-2xl-3 {
    bottom: calc(var(--size-spacer) * 3);
  }
  .align-bottom-2xl-4 {
    bottom: calc(var(--size-spacer) * 4);
  }
  .align-bottom-2xl-5 {
    bottom: calc(var(--size-spacer) * 5);
  }
  .align-bottom-2xl-6 {
    bottom: calc(var(--size-spacer) * 6);
  }
  .align-bottom-2xl-7 {
    bottom: calc(var(--size-spacer) * 7);
  }
  .align-bottom-2xl-8 {
    bottom: calc(var(--size-spacer) * 8);
  }
  .align-bottom-2xl-9 {
    bottom: calc(var(--size-spacer) * 9);
  }
  .align-bottom-2xl-10 {
    bottom: calc(var(--size-spacer) * 10);
  }
  .align-bottom-2xl-11 {
    bottom: calc(var(--size-spacer) * 11);
  }
  .align-bottom-2xl-12 {
    bottom: calc(var(--size-spacer) * 12);
  }
  .align-bottom-2xl-13 {
    bottom: calc(var(--size-spacer) * 13);
  }
  .align-bottom-2xl-14 {
    bottom: calc(var(--size-spacer) * 14);
  }
  .align-bottom-2xl-15 {
    bottom: calc(var(--size-spacer) * 15);
  }
  .align-bottom-2xl-16 {
    bottom: calc(var(--size-spacer) * 16);
  }
  .align-bottom-2xl-17 {
    bottom: calc(var(--size-spacer) * 17);
  }
  .align-bottom-2xl-18 {
    bottom: calc(var(--size-spacer) * 18);
  }
  .align-bottom-2xl-19 {
    bottom: calc(var(--size-spacer) * 19);
  }
  .align-bottom-2xl-20 {
    bottom: calc(var(--size-spacer) * 20);
  }
  .align-bottom-2xl-21 {
    bottom: calc(var(--size-spacer) * 21);
  }
  .align-bottom-2xl-1-m {
    bottom: calc(var(--size-spacer) * -1);
  }
  .align-bottom-2xl-2-m {
    bottom: calc(var(--size-spacer) * -2);
  }
  .align-bottom-2xl-3-m {
    bottom: calc(var(--size-spacer) * -3);
  }
  .align-bottom-2xl-4-m {
    bottom: calc(var(--size-spacer) * -4);
  }
  .align-bottom-2xl-5-m {
    bottom: calc(var(--size-spacer) * -5);
  }
  .align-bottom-2xl-6-m {
    bottom: calc(var(--size-spacer) * -6);
  }
  .align-bottom-2xl-7-m {
    bottom: calc(var(--size-spacer) * -7);
  }
  .align-bottom-2xl-8-m {
    bottom: calc(var(--size-spacer) * -8);
  }
  .align-bottom-2xl-9-m {
    bottom: calc(var(--size-spacer) * -9);
  }
  .align-bottom-2xl-10-m {
    bottom: calc(var(--size-spacer) * -10);
  }
  .align-bottom-2xl-11-m {
    bottom: calc(var(--size-spacer) * -11);
  }
  .align-bottom-2xl-12-m {
    bottom: calc(var(--size-spacer) * -12);
  }
  .align-bottom-2xl-13-m {
    bottom: calc(var(--size-spacer) * -13);
  }
  .align-bottom-2xl-14-m {
    bottom: calc(var(--size-spacer) * -14);
  }
  .align-bottom-2xl-15-m {
    bottom: calc(var(--size-spacer) * -15);
  }
  .align-bottom-2xl-16-m {
    bottom: calc(var(--size-spacer) * -16);
  }
  .align-bottom-2xl-17-m {
    bottom: calc(var(--size-spacer) * -17);
  }
  .align-bottom-2xl-18-m {
    bottom: calc(var(--size-spacer) * -18);
  }
  .align-bottom-2xl-19-m {
    bottom: calc(var(--size-spacer) * -19);
  }
  .align-bottom-2xl-20-m {
    bottom: calc(var(--size-spacer) * -20);
  }
  .align-bottom-2xl-21-m {
    bottom: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 1200px) {
  .align-bottom-xl-0 {
    bottom: 0;
  }
  .align-bottom-xl-1 {
    bottom: calc(var(--size-spacer) * 1);
  }
  .align-bottom-xl-2 {
    bottom: calc(var(--size-spacer) * 2);
  }
  .align-bottom-xl-3 {
    bottom: calc(var(--size-spacer) * 3);
  }
  .align-bottom-xl-4 {
    bottom: calc(var(--size-spacer) * 4);
  }
  .align-bottom-xl-5 {
    bottom: calc(var(--size-spacer) * 5);
  }
  .align-bottom-xl-6 {
    bottom: calc(var(--size-spacer) * 6);
  }
  .align-bottom-xl-7 {
    bottom: calc(var(--size-spacer) * 7);
  }
  .align-bottom-xl-8 {
    bottom: calc(var(--size-spacer) * 8);
  }
  .align-bottom-xl-9 {
    bottom: calc(var(--size-spacer) * 9);
  }
  .align-bottom-xl-10 {
    bottom: calc(var(--size-spacer) * 10);
  }
  .align-bottom-xl-11 {
    bottom: calc(var(--size-spacer) * 11);
  }
  .align-bottom-xl-12 {
    bottom: calc(var(--size-spacer) * 12);
  }
  .align-bottom-xl-13 {
    bottom: calc(var(--size-spacer) * 13);
  }
  .align-bottom-xl-14 {
    bottom: calc(var(--size-spacer) * 14);
  }
  .align-bottom-xl-15 {
    bottom: calc(var(--size-spacer) * 15);
  }
  .align-bottom-xl-16 {
    bottom: calc(var(--size-spacer) * 16);
  }
  .align-bottom-xl-17 {
    bottom: calc(var(--size-spacer) * 17);
  }
  .align-bottom-xl-18 {
    bottom: calc(var(--size-spacer) * 18);
  }
  .align-bottom-xl-19 {
    bottom: calc(var(--size-spacer) * 19);
  }
  .align-bottom-xl-20 {
    bottom: calc(var(--size-spacer) * 20);
  }
  .align-bottom-xl-21 {
    bottom: calc(var(--size-spacer) * 21);
  }
  .align-bottom-xl-1-m {
    bottom: calc(var(--size-spacer) * -1);
  }
  .align-bottom-xl-2-m {
    bottom: calc(var(--size-spacer) * -2);
  }
  .align-bottom-xl-3-m {
    bottom: calc(var(--size-spacer) * -3);
  }
  .align-bottom-xl-4-m {
    bottom: calc(var(--size-spacer) * -4);
  }
  .align-bottom-xl-5-m {
    bottom: calc(var(--size-spacer) * -5);
  }
  .align-bottom-xl-6-m {
    bottom: calc(var(--size-spacer) * -6);
  }
  .align-bottom-xl-7-m {
    bottom: calc(var(--size-spacer) * -7);
  }
  .align-bottom-xl-8-m {
    bottom: calc(var(--size-spacer) * -8);
  }
  .align-bottom-xl-9-m {
    bottom: calc(var(--size-spacer) * -9);
  }
  .align-bottom-xl-10-m {
    bottom: calc(var(--size-spacer) * -10);
  }
  .align-bottom-xl-11-m {
    bottom: calc(var(--size-spacer) * -11);
  }
  .align-bottom-xl-12-m {
    bottom: calc(var(--size-spacer) * -12);
  }
  .align-bottom-xl-13-m {
    bottom: calc(var(--size-spacer) * -13);
  }
  .align-bottom-xl-14-m {
    bottom: calc(var(--size-spacer) * -14);
  }
  .align-bottom-xl-15-m {
    bottom: calc(var(--size-spacer) * -15);
  }
  .align-bottom-xl-16-m {
    bottom: calc(var(--size-spacer) * -16);
  }
  .align-bottom-xl-17-m {
    bottom: calc(var(--size-spacer) * -17);
  }
  .align-bottom-xl-18-m {
    bottom: calc(var(--size-spacer) * -18);
  }
  .align-bottom-xl-19-m {
    bottom: calc(var(--size-spacer) * -19);
  }
  .align-bottom-xl-20-m {
    bottom: calc(var(--size-spacer) * -20);
  }
  .align-bottom-xl-21-m {
    bottom: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 992px) {
  .align-bottom-lg-0 {
    bottom: 0;
  }
  .align-bottom-lg-1 {
    bottom: calc(var(--size-spacer) * 1);
  }
  .align-bottom-lg-2 {
    bottom: calc(var(--size-spacer) * 2);
  }
  .align-bottom-lg-3 {
    bottom: calc(var(--size-spacer) * 3);
  }
  .align-bottom-lg-4 {
    bottom: calc(var(--size-spacer) * 4);
  }
  .align-bottom-lg-5 {
    bottom: calc(var(--size-spacer) * 5);
  }
  .align-bottom-lg-6 {
    bottom: calc(var(--size-spacer) * 6);
  }
  .align-bottom-lg-7 {
    bottom: calc(var(--size-spacer) * 7);
  }
  .align-bottom-lg-8 {
    bottom: calc(var(--size-spacer) * 8);
  }
  .align-bottom-lg-9 {
    bottom: calc(var(--size-spacer) * 9);
  }
  .align-bottom-lg-10 {
    bottom: calc(var(--size-spacer) * 10);
  }
  .align-bottom-lg-11 {
    bottom: calc(var(--size-spacer) * 11);
  }
  .align-bottom-lg-12 {
    bottom: calc(var(--size-spacer) * 12);
  }
  .align-bottom-lg-13 {
    bottom: calc(var(--size-spacer) * 13);
  }
  .align-bottom-lg-14 {
    bottom: calc(var(--size-spacer) * 14);
  }
  .align-bottom-lg-15 {
    bottom: calc(var(--size-spacer) * 15);
  }
  .align-bottom-lg-16 {
    bottom: calc(var(--size-spacer) * 16);
  }
  .align-bottom-lg-17 {
    bottom: calc(var(--size-spacer) * 17);
  }
  .align-bottom-lg-18 {
    bottom: calc(var(--size-spacer) * 18);
  }
  .align-bottom-lg-19 {
    bottom: calc(var(--size-spacer) * 19);
  }
  .align-bottom-lg-20 {
    bottom: calc(var(--size-spacer) * 20);
  }
  .align-bottom-lg-21 {
    bottom: calc(var(--size-spacer) * 21);
  }
  .align-bottom-lg-1-m {
    bottom: calc(var(--size-spacer) * -1);
  }
  .align-bottom-lg-2-m {
    bottom: calc(var(--size-spacer) * -2);
  }
  .align-bottom-lg-3-m {
    bottom: calc(var(--size-spacer) * -3);
  }
  .align-bottom-lg-4-m {
    bottom: calc(var(--size-spacer) * -4);
  }
  .align-bottom-lg-5-m {
    bottom: calc(var(--size-spacer) * -5);
  }
  .align-bottom-lg-6-m {
    bottom: calc(var(--size-spacer) * -6);
  }
  .align-bottom-lg-7-m {
    bottom: calc(var(--size-spacer) * -7);
  }
  .align-bottom-lg-8-m {
    bottom: calc(var(--size-spacer) * -8);
  }
  .align-bottom-lg-9-m {
    bottom: calc(var(--size-spacer) * -9);
  }
  .align-bottom-lg-10-m {
    bottom: calc(var(--size-spacer) * -10);
  }
  .align-bottom-lg-11-m {
    bottom: calc(var(--size-spacer) * -11);
  }
  .align-bottom-lg-12-m {
    bottom: calc(var(--size-spacer) * -12);
  }
  .align-bottom-lg-13-m {
    bottom: calc(var(--size-spacer) * -13);
  }
  .align-bottom-lg-14-m {
    bottom: calc(var(--size-spacer) * -14);
  }
  .align-bottom-lg-15-m {
    bottom: calc(var(--size-spacer) * -15);
  }
  .align-bottom-lg-16-m {
    bottom: calc(var(--size-spacer) * -16);
  }
  .align-bottom-lg-17-m {
    bottom: calc(var(--size-spacer) * -17);
  }
  .align-bottom-lg-18-m {
    bottom: calc(var(--size-spacer) * -18);
  }
  .align-bottom-lg-19-m {
    bottom: calc(var(--size-spacer) * -19);
  }
  .align-bottom-lg-20-m {
    bottom: calc(var(--size-spacer) * -20);
  }
  .align-bottom-lg-21-m {
    bottom: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 768px) {
  .align-bottom-md-0 {
    bottom: 0;
  }
  .align-bottom-md-1 {
    bottom: calc(var(--size-spacer) * 1);
  }
  .align-bottom-md-2 {
    bottom: calc(var(--size-spacer) * 2);
  }
  .align-bottom-md-3 {
    bottom: calc(var(--size-spacer) * 3);
  }
  .align-bottom-md-4 {
    bottom: calc(var(--size-spacer) * 4);
  }
  .align-bottom-md-5 {
    bottom: calc(var(--size-spacer) * 5);
  }
  .align-bottom-md-6 {
    bottom: calc(var(--size-spacer) * 6);
  }
  .align-bottom-md-7 {
    bottom: calc(var(--size-spacer) * 7);
  }
  .align-bottom-md-8 {
    bottom: calc(var(--size-spacer) * 8);
  }
  .align-bottom-md-9 {
    bottom: calc(var(--size-spacer) * 9);
  }
  .align-bottom-md-10 {
    bottom: calc(var(--size-spacer) * 10);
  }
  .align-bottom-md-11 {
    bottom: calc(var(--size-spacer) * 11);
  }
  .align-bottom-md-12 {
    bottom: calc(var(--size-spacer) * 12);
  }
  .align-bottom-md-13 {
    bottom: calc(var(--size-spacer) * 13);
  }
  .align-bottom-md-14 {
    bottom: calc(var(--size-spacer) * 14);
  }
  .align-bottom-md-15 {
    bottom: calc(var(--size-spacer) * 15);
  }
  .align-bottom-md-16 {
    bottom: calc(var(--size-spacer) * 16);
  }
  .align-bottom-md-17 {
    bottom: calc(var(--size-spacer) * 17);
  }
  .align-bottom-md-18 {
    bottom: calc(var(--size-spacer) * 18);
  }
  .align-bottom-md-19 {
    bottom: calc(var(--size-spacer) * 19);
  }
  .align-bottom-md-20 {
    bottom: calc(var(--size-spacer) * 20);
  }
  .align-bottom-md-21 {
    bottom: calc(var(--size-spacer) * 21);
  }
  .align-bottom-md-1-m {
    bottom: calc(var(--size-spacer) * -1);
  }
  .align-bottom-md-2-m {
    bottom: calc(var(--size-spacer) * -2);
  }
  .align-bottom-md-3-m {
    bottom: calc(var(--size-spacer) * -3);
  }
  .align-bottom-md-4-m {
    bottom: calc(var(--size-spacer) * -4);
  }
  .align-bottom-md-5-m {
    bottom: calc(var(--size-spacer) * -5);
  }
  .align-bottom-md-6-m {
    bottom: calc(var(--size-spacer) * -6);
  }
  .align-bottom-md-7-m {
    bottom: calc(var(--size-spacer) * -7);
  }
  .align-bottom-md-8-m {
    bottom: calc(var(--size-spacer) * -8);
  }
  .align-bottom-md-9-m {
    bottom: calc(var(--size-spacer) * -9);
  }
  .align-bottom-md-10-m {
    bottom: calc(var(--size-spacer) * -10);
  }
  .align-bottom-md-11-m {
    bottom: calc(var(--size-spacer) * -11);
  }
  .align-bottom-md-12-m {
    bottom: calc(var(--size-spacer) * -12);
  }
  .align-bottom-md-13-m {
    bottom: calc(var(--size-spacer) * -13);
  }
  .align-bottom-md-14-m {
    bottom: calc(var(--size-spacer) * -14);
  }
  .align-bottom-md-15-m {
    bottom: calc(var(--size-spacer) * -15);
  }
  .align-bottom-md-16-m {
    bottom: calc(var(--size-spacer) * -16);
  }
  .align-bottom-md-17-m {
    bottom: calc(var(--size-spacer) * -17);
  }
  .align-bottom-md-18-m {
    bottom: calc(var(--size-spacer) * -18);
  }
  .align-bottom-md-19-m {
    bottom: calc(var(--size-spacer) * -19);
  }
  .align-bottom-md-20-m {
    bottom: calc(var(--size-spacer) * -20);
  }
  .align-bottom-md-21-m {
    bottom: calc(var(--size-spacer) * -21);
  }
}
.align-left-0 {
  left: 0;
}

.align-left-1 {
  left: calc(var(--size-spacer) * 1);
}

.align-left-2 {
  left: calc(var(--size-spacer) * 2);
}

.align-left-3 {
  left: calc(var(--size-spacer) * 3);
}

.align-left-4 {
  left: calc(var(--size-spacer) * 4);
}

.align-left-5 {
  left: calc(var(--size-spacer) * 5);
}

.align-left-6 {
  left: calc(var(--size-spacer) * 6);
}

.align-left-7 {
  left: calc(var(--size-spacer) * 7);
}

.align-left-8 {
  left: calc(var(--size-spacer) * 8);
}

.align-left-9 {
  left: calc(var(--size-spacer) * 9);
}

.align-left-10 {
  left: calc(var(--size-spacer) * 10);
}

.align-left-11 {
  left: calc(var(--size-spacer) * 11);
}

.align-left-12 {
  left: calc(var(--size-spacer) * 12);
}

.align-left-13 {
  left: calc(var(--size-spacer) * 13);
}

.align-left-14 {
  left: calc(var(--size-spacer) * 14);
}

.align-left-15 {
  left: calc(var(--size-spacer) * 15);
}

.align-left-16 {
  left: calc(var(--size-spacer) * 16);
}

.align-left-17 {
  left: calc(var(--size-spacer) * 17);
}

.align-left-18 {
  left: calc(var(--size-spacer) * 18);
}

.align-left-19 {
  left: calc(var(--size-spacer) * 19);
}

.align-left-20 {
  left: calc(var(--size-spacer) * 20);
}

.align-left-21 {
  left: calc(var(--size-spacer) * 21);
}

.align-left-1-m {
  left: calc(var(--size-spacer) * -1);
}

.align-left-2-m {
  left: calc(var(--size-spacer) * -2);
}

.align-left-3-m {
  left: calc(var(--size-spacer) * -3);
}

.align-left-4-m {
  left: calc(var(--size-spacer) * -4);
}

.align-left-5-m {
  left: calc(var(--size-spacer) * -5);
}

.align-left-6-m {
  left: calc(var(--size-spacer) * -6);
}

.align-left-7-m {
  left: calc(var(--size-spacer) * -7);
}

.align-left-8-m {
  left: calc(var(--size-spacer) * -8);
}

.align-left-9-m {
  left: calc(var(--size-spacer) * -9);
}

.align-left-10-m {
  left: calc(var(--size-spacer) * -10);
}

.align-left-11-m {
  left: calc(var(--size-spacer) * -11);
}

.align-left-12-m {
  left: calc(var(--size-spacer) * -12);
}

.align-left-13-m {
  left: calc(var(--size-spacer) * -13);
}

.align-left-14-m {
  left: calc(var(--size-spacer) * -14);
}

.align-left-15-m {
  left: calc(var(--size-spacer) * -15);
}

.align-left-16-m {
  left: calc(var(--size-spacer) * -16);
}

.align-left-17-m {
  left: calc(var(--size-spacer) * -17);
}

.align-left-18-m {
  left: calc(var(--size-spacer) * -18);
}

.align-left-19-m {
  left: calc(var(--size-spacer) * -19);
}

.align-left-20-m {
  left: calc(var(--size-spacer) * -20);
}

.align-left-21-m {
  left: calc(var(--size-spacer) * -21);
}

@media (max-width: 1400px) {
  .align-left-2xl-0 {
    left: 0;
  }
  .align-left-2xl-1 {
    left: calc(var(--size-spacer) * 1);
  }
  .align-left-2xl-2 {
    left: calc(var(--size-spacer) * 2);
  }
  .align-left-2xl-3 {
    left: calc(var(--size-spacer) * 3);
  }
  .align-left-2xl-4 {
    left: calc(var(--size-spacer) * 4);
  }
  .align-left-2xl-5 {
    left: calc(var(--size-spacer) * 5);
  }
  .align-left-2xl-6 {
    left: calc(var(--size-spacer) * 6);
  }
  .align-left-2xl-7 {
    left: calc(var(--size-spacer) * 7);
  }
  .align-left-2xl-8 {
    left: calc(var(--size-spacer) * 8);
  }
  .align-left-2xl-9 {
    left: calc(var(--size-spacer) * 9);
  }
  .align-left-2xl-10 {
    left: calc(var(--size-spacer) * 10);
  }
  .align-left-2xl-11 {
    left: calc(var(--size-spacer) * 11);
  }
  .align-left-2xl-12 {
    left: calc(var(--size-spacer) * 12);
  }
  .align-left-2xl-13 {
    left: calc(var(--size-spacer) * 13);
  }
  .align-left-2xl-14 {
    left: calc(var(--size-spacer) * 14);
  }
  .align-left-2xl-15 {
    left: calc(var(--size-spacer) * 15);
  }
  .align-left-2xl-16 {
    left: calc(var(--size-spacer) * 16);
  }
  .align-left-2xl-17 {
    left: calc(var(--size-spacer) * 17);
  }
  .align-left-2xl-18 {
    left: calc(var(--size-spacer) * 18);
  }
  .align-left-2xl-19 {
    left: calc(var(--size-spacer) * 19);
  }
  .align-left-2xl-20 {
    left: calc(var(--size-spacer) * 20);
  }
  .align-left-2xl-21 {
    left: calc(var(--size-spacer) * 21);
  }
  .align-left-2xl-1-m {
    left: calc(var(--size-spacer) * -1);
  }
  .align-left-2xl-2-m {
    left: calc(var(--size-spacer) * -2);
  }
  .align-left-2xl-3-m {
    left: calc(var(--size-spacer) * -3);
  }
  .align-left-2xl-4-m {
    left: calc(var(--size-spacer) * -4);
  }
  .align-left-2xl-5-m {
    left: calc(var(--size-spacer) * -5);
  }
  .align-left-2xl-6-m {
    left: calc(var(--size-spacer) * -6);
  }
  .align-left-2xl-7-m {
    left: calc(var(--size-spacer) * -7);
  }
  .align-left-2xl-8-m {
    left: calc(var(--size-spacer) * -8);
  }
  .align-left-2xl-9-m {
    left: calc(var(--size-spacer) * -9);
  }
  .align-left-2xl-10-m {
    left: calc(var(--size-spacer) * -10);
  }
  .align-left-2xl-11-m {
    left: calc(var(--size-spacer) * -11);
  }
  .align-left-2xl-12-m {
    left: calc(var(--size-spacer) * -12);
  }
  .align-left-2xl-13-m {
    left: calc(var(--size-spacer) * -13);
  }
  .align-left-2xl-14-m {
    left: calc(var(--size-spacer) * -14);
  }
  .align-left-2xl-15-m {
    left: calc(var(--size-spacer) * -15);
  }
  .align-left-2xl-16-m {
    left: calc(var(--size-spacer) * -16);
  }
  .align-left-2xl-17-m {
    left: calc(var(--size-spacer) * -17);
  }
  .align-left-2xl-18-m {
    left: calc(var(--size-spacer) * -18);
  }
  .align-left-2xl-19-m {
    left: calc(var(--size-spacer) * -19);
  }
  .align-left-2xl-20-m {
    left: calc(var(--size-spacer) * -20);
  }
  .align-left-2xl-21-m {
    left: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 1200px) {
  .align-left-xl-0 {
    left: 0;
  }
  .align-left-xl-1 {
    left: calc(var(--size-spacer) * 1);
  }
  .align-left-xl-2 {
    left: calc(var(--size-spacer) * 2);
  }
  .align-left-xl-3 {
    left: calc(var(--size-spacer) * 3);
  }
  .align-left-xl-4 {
    left: calc(var(--size-spacer) * 4);
  }
  .align-left-xl-5 {
    left: calc(var(--size-spacer) * 5);
  }
  .align-left-xl-6 {
    left: calc(var(--size-spacer) * 6);
  }
  .align-left-xl-7 {
    left: calc(var(--size-spacer) * 7);
  }
  .align-left-xl-8 {
    left: calc(var(--size-spacer) * 8);
  }
  .align-left-xl-9 {
    left: calc(var(--size-spacer) * 9);
  }
  .align-left-xl-10 {
    left: calc(var(--size-spacer) * 10);
  }
  .align-left-xl-11 {
    left: calc(var(--size-spacer) * 11);
  }
  .align-left-xl-12 {
    left: calc(var(--size-spacer) * 12);
  }
  .align-left-xl-13 {
    left: calc(var(--size-spacer) * 13);
  }
  .align-left-xl-14 {
    left: calc(var(--size-spacer) * 14);
  }
  .align-left-xl-15 {
    left: calc(var(--size-spacer) * 15);
  }
  .align-left-xl-16 {
    left: calc(var(--size-spacer) * 16);
  }
  .align-left-xl-17 {
    left: calc(var(--size-spacer) * 17);
  }
  .align-left-xl-18 {
    left: calc(var(--size-spacer) * 18);
  }
  .align-left-xl-19 {
    left: calc(var(--size-spacer) * 19);
  }
  .align-left-xl-20 {
    left: calc(var(--size-spacer) * 20);
  }
  .align-left-xl-21 {
    left: calc(var(--size-spacer) * 21);
  }
  .align-left-xl-1-m {
    left: calc(var(--size-spacer) * -1);
  }
  .align-left-xl-2-m {
    left: calc(var(--size-spacer) * -2);
  }
  .align-left-xl-3-m {
    left: calc(var(--size-spacer) * -3);
  }
  .align-left-xl-4-m {
    left: calc(var(--size-spacer) * -4);
  }
  .align-left-xl-5-m {
    left: calc(var(--size-spacer) * -5);
  }
  .align-left-xl-6-m {
    left: calc(var(--size-spacer) * -6);
  }
  .align-left-xl-7-m {
    left: calc(var(--size-spacer) * -7);
  }
  .align-left-xl-8-m {
    left: calc(var(--size-spacer) * -8);
  }
  .align-left-xl-9-m {
    left: calc(var(--size-spacer) * -9);
  }
  .align-left-xl-10-m {
    left: calc(var(--size-spacer) * -10);
  }
  .align-left-xl-11-m {
    left: calc(var(--size-spacer) * -11);
  }
  .align-left-xl-12-m {
    left: calc(var(--size-spacer) * -12);
  }
  .align-left-xl-13-m {
    left: calc(var(--size-spacer) * -13);
  }
  .align-left-xl-14-m {
    left: calc(var(--size-spacer) * -14);
  }
  .align-left-xl-15-m {
    left: calc(var(--size-spacer) * -15);
  }
  .align-left-xl-16-m {
    left: calc(var(--size-spacer) * -16);
  }
  .align-left-xl-17-m {
    left: calc(var(--size-spacer) * -17);
  }
  .align-left-xl-18-m {
    left: calc(var(--size-spacer) * -18);
  }
  .align-left-xl-19-m {
    left: calc(var(--size-spacer) * -19);
  }
  .align-left-xl-20-m {
    left: calc(var(--size-spacer) * -20);
  }
  .align-left-xl-21-m {
    left: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 992px) {
  .align-left-lg-0 {
    left: 0;
  }
  .align-left-lg-1 {
    left: calc(var(--size-spacer) * 1);
  }
  .align-left-lg-2 {
    left: calc(var(--size-spacer) * 2);
  }
  .align-left-lg-3 {
    left: calc(var(--size-spacer) * 3);
  }
  .align-left-lg-4 {
    left: calc(var(--size-spacer) * 4);
  }
  .align-left-lg-5 {
    left: calc(var(--size-spacer) * 5);
  }
  .align-left-lg-6 {
    left: calc(var(--size-spacer) * 6);
  }
  .align-left-lg-7 {
    left: calc(var(--size-spacer) * 7);
  }
  .align-left-lg-8 {
    left: calc(var(--size-spacer) * 8);
  }
  .align-left-lg-9 {
    left: calc(var(--size-spacer) * 9);
  }
  .align-left-lg-10 {
    left: calc(var(--size-spacer) * 10);
  }
  .align-left-lg-11 {
    left: calc(var(--size-spacer) * 11);
  }
  .align-left-lg-12 {
    left: calc(var(--size-spacer) * 12);
  }
  .align-left-lg-13 {
    left: calc(var(--size-spacer) * 13);
  }
  .align-left-lg-14 {
    left: calc(var(--size-spacer) * 14);
  }
  .align-left-lg-15 {
    left: calc(var(--size-spacer) * 15);
  }
  .align-left-lg-16 {
    left: calc(var(--size-spacer) * 16);
  }
  .align-left-lg-17 {
    left: calc(var(--size-spacer) * 17);
  }
  .align-left-lg-18 {
    left: calc(var(--size-spacer) * 18);
  }
  .align-left-lg-19 {
    left: calc(var(--size-spacer) * 19);
  }
  .align-left-lg-20 {
    left: calc(var(--size-spacer) * 20);
  }
  .align-left-lg-21 {
    left: calc(var(--size-spacer) * 21);
  }
  .align-left-lg-1-m {
    left: calc(var(--size-spacer) * -1);
  }
  .align-left-lg-2-m {
    left: calc(var(--size-spacer) * -2);
  }
  .align-left-lg-3-m {
    left: calc(var(--size-spacer) * -3);
  }
  .align-left-lg-4-m {
    left: calc(var(--size-spacer) * -4);
  }
  .align-left-lg-5-m {
    left: calc(var(--size-spacer) * -5);
  }
  .align-left-lg-6-m {
    left: calc(var(--size-spacer) * -6);
  }
  .align-left-lg-7-m {
    left: calc(var(--size-spacer) * -7);
  }
  .align-left-lg-8-m {
    left: calc(var(--size-spacer) * -8);
  }
  .align-left-lg-9-m {
    left: calc(var(--size-spacer) * -9);
  }
  .align-left-lg-10-m {
    left: calc(var(--size-spacer) * -10);
  }
  .align-left-lg-11-m {
    left: calc(var(--size-spacer) * -11);
  }
  .align-left-lg-12-m {
    left: calc(var(--size-spacer) * -12);
  }
  .align-left-lg-13-m {
    left: calc(var(--size-spacer) * -13);
  }
  .align-left-lg-14-m {
    left: calc(var(--size-spacer) * -14);
  }
  .align-left-lg-15-m {
    left: calc(var(--size-spacer) * -15);
  }
  .align-left-lg-16-m {
    left: calc(var(--size-spacer) * -16);
  }
  .align-left-lg-17-m {
    left: calc(var(--size-spacer) * -17);
  }
  .align-left-lg-18-m {
    left: calc(var(--size-spacer) * -18);
  }
  .align-left-lg-19-m {
    left: calc(var(--size-spacer) * -19);
  }
  .align-left-lg-20-m {
    left: calc(var(--size-spacer) * -20);
  }
  .align-left-lg-21-m {
    left: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 768px) {
  .align-left-md-0 {
    left: 0;
  }
  .align-left-md-1 {
    left: calc(var(--size-spacer) * 1);
  }
  .align-left-md-2 {
    left: calc(var(--size-spacer) * 2);
  }
  .align-left-md-3 {
    left: calc(var(--size-spacer) * 3);
  }
  .align-left-md-4 {
    left: calc(var(--size-spacer) * 4);
  }
  .align-left-md-5 {
    left: calc(var(--size-spacer) * 5);
  }
  .align-left-md-6 {
    left: calc(var(--size-spacer) * 6);
  }
  .align-left-md-7 {
    left: calc(var(--size-spacer) * 7);
  }
  .align-left-md-8 {
    left: calc(var(--size-spacer) * 8);
  }
  .align-left-md-9 {
    left: calc(var(--size-spacer) * 9);
  }
  .align-left-md-10 {
    left: calc(var(--size-spacer) * 10);
  }
  .align-left-md-11 {
    left: calc(var(--size-spacer) * 11);
  }
  .align-left-md-12 {
    left: calc(var(--size-spacer) * 12);
  }
  .align-left-md-13 {
    left: calc(var(--size-spacer) * 13);
  }
  .align-left-md-14 {
    left: calc(var(--size-spacer) * 14);
  }
  .align-left-md-15 {
    left: calc(var(--size-spacer) * 15);
  }
  .align-left-md-16 {
    left: calc(var(--size-spacer) * 16);
  }
  .align-left-md-17 {
    left: calc(var(--size-spacer) * 17);
  }
  .align-left-md-18 {
    left: calc(var(--size-spacer) * 18);
  }
  .align-left-md-19 {
    left: calc(var(--size-spacer) * 19);
  }
  .align-left-md-20 {
    left: calc(var(--size-spacer) * 20);
  }
  .align-left-md-21 {
    left: calc(var(--size-spacer) * 21);
  }
  .align-left-md-1-m {
    left: calc(var(--size-spacer) * -1);
  }
  .align-left-md-2-m {
    left: calc(var(--size-spacer) * -2);
  }
  .align-left-md-3-m {
    left: calc(var(--size-spacer) * -3);
  }
  .align-left-md-4-m {
    left: calc(var(--size-spacer) * -4);
  }
  .align-left-md-5-m {
    left: calc(var(--size-spacer) * -5);
  }
  .align-left-md-6-m {
    left: calc(var(--size-spacer) * -6);
  }
  .align-left-md-7-m {
    left: calc(var(--size-spacer) * -7);
  }
  .align-left-md-8-m {
    left: calc(var(--size-spacer) * -8);
  }
  .align-left-md-9-m {
    left: calc(var(--size-spacer) * -9);
  }
  .align-left-md-10-m {
    left: calc(var(--size-spacer) * -10);
  }
  .align-left-md-11-m {
    left: calc(var(--size-spacer) * -11);
  }
  .align-left-md-12-m {
    left: calc(var(--size-spacer) * -12);
  }
  .align-left-md-13-m {
    left: calc(var(--size-spacer) * -13);
  }
  .align-left-md-14-m {
    left: calc(var(--size-spacer) * -14);
  }
  .align-left-md-15-m {
    left: calc(var(--size-spacer) * -15);
  }
  .align-left-md-16-m {
    left: calc(var(--size-spacer) * -16);
  }
  .align-left-md-17-m {
    left: calc(var(--size-spacer) * -17);
  }
  .align-left-md-18-m {
    left: calc(var(--size-spacer) * -18);
  }
  .align-left-md-19-m {
    left: calc(var(--size-spacer) * -19);
  }
  .align-left-md-20-m {
    left: calc(var(--size-spacer) * -20);
  }
  .align-left-md-21-m {
    left: calc(var(--size-spacer) * -21);
  }
}
.align-right-0 {
  right: 0;
}

.align-right-1 {
  right: calc(var(--size-spacer) * 1);
}

.align-right-2 {
  right: calc(var(--size-spacer) * 2);
}

.align-right-3 {
  right: calc(var(--size-spacer) * 3);
}

.align-right-4 {
  right: calc(var(--size-spacer) * 4);
}

.align-right-5 {
  right: calc(var(--size-spacer) * 5);
}

.align-right-6 {
  right: calc(var(--size-spacer) * 6);
}

.align-right-7 {
  right: calc(var(--size-spacer) * 7);
}

.align-right-8 {
  right: calc(var(--size-spacer) * 8);
}

.align-right-9 {
  right: calc(var(--size-spacer) * 9);
}

.align-right-10 {
  right: calc(var(--size-spacer) * 10);
}

.align-right-11 {
  right: calc(var(--size-spacer) * 11);
}

.align-right-12 {
  right: calc(var(--size-spacer) * 12);
}

.align-right-13 {
  right: calc(var(--size-spacer) * 13);
}

.align-right-14 {
  right: calc(var(--size-spacer) * 14);
}

.align-right-15 {
  right: calc(var(--size-spacer) * 15);
}

.align-right-16 {
  right: calc(var(--size-spacer) * 16);
}

.align-right-17 {
  right: calc(var(--size-spacer) * 17);
}

.align-right-18 {
  right: calc(var(--size-spacer) * 18);
}

.align-right-19 {
  right: calc(var(--size-spacer) * 19);
}

.align-right-20 {
  right: calc(var(--size-spacer) * 20);
}

.align-right-21 {
  right: calc(var(--size-spacer) * 21);
}

.align-right-1-m {
  right: calc(var(--size-spacer) * -1);
}

.align-right-2-m {
  right: calc(var(--size-spacer) * -2);
}

.align-right-3-m {
  right: calc(var(--size-spacer) * -3);
}

.align-right-4-m {
  right: calc(var(--size-spacer) * -4);
}

.align-right-5-m {
  right: calc(var(--size-spacer) * -5);
}

.align-right-6-m {
  right: calc(var(--size-spacer) * -6);
}

.align-right-7-m {
  right: calc(var(--size-spacer) * -7);
}

.align-right-8-m {
  right: calc(var(--size-spacer) * -8);
}

.align-right-9-m {
  right: calc(var(--size-spacer) * -9);
}

.align-right-10-m {
  right: calc(var(--size-spacer) * -10);
}

.align-right-11-m {
  right: calc(var(--size-spacer) * -11);
}

.align-right-12-m {
  right: calc(var(--size-spacer) * -12);
}

.align-right-13-m {
  right: calc(var(--size-spacer) * -13);
}

.align-right-14-m {
  right: calc(var(--size-spacer) * -14);
}

.align-right-15-m {
  right: calc(var(--size-spacer) * -15);
}

.align-right-16-m {
  right: calc(var(--size-spacer) * -16);
}

.align-right-17-m {
  right: calc(var(--size-spacer) * -17);
}

.align-right-18-m {
  right: calc(var(--size-spacer) * -18);
}

.align-right-19-m {
  right: calc(var(--size-spacer) * -19);
}

.align-right-20-m {
  right: calc(var(--size-spacer) * -20);
}

.align-right-21-m {
  right: calc(var(--size-spacer) * -21);
}

@media (max-width: 1400px) {
  .align-right-2xl-0 {
    right: 0;
  }
  .align-right-2xl-1 {
    right: calc(var(--size-spacer) * 1);
  }
  .align-right-2xl-2 {
    right: calc(var(--size-spacer) * 2);
  }
  .align-right-2xl-3 {
    right: calc(var(--size-spacer) * 3);
  }
  .align-right-2xl-4 {
    right: calc(var(--size-spacer) * 4);
  }
  .align-right-2xl-5 {
    right: calc(var(--size-spacer) * 5);
  }
  .align-right-2xl-6 {
    right: calc(var(--size-spacer) * 6);
  }
  .align-right-2xl-7 {
    right: calc(var(--size-spacer) * 7);
  }
  .align-right-2xl-8 {
    right: calc(var(--size-spacer) * 8);
  }
  .align-right-2xl-9 {
    right: calc(var(--size-spacer) * 9);
  }
  .align-right-2xl-10 {
    right: calc(var(--size-spacer) * 10);
  }
  .align-right-2xl-11 {
    right: calc(var(--size-spacer) * 11);
  }
  .align-right-2xl-12 {
    right: calc(var(--size-spacer) * 12);
  }
  .align-right-2xl-13 {
    right: calc(var(--size-spacer) * 13);
  }
  .align-right-2xl-14 {
    right: calc(var(--size-spacer) * 14);
  }
  .align-right-2xl-15 {
    right: calc(var(--size-spacer) * 15);
  }
  .align-right-2xl-16 {
    right: calc(var(--size-spacer) * 16);
  }
  .align-right-2xl-17 {
    right: calc(var(--size-spacer) * 17);
  }
  .align-right-2xl-18 {
    right: calc(var(--size-spacer) * 18);
  }
  .align-right-2xl-19 {
    right: calc(var(--size-spacer) * 19);
  }
  .align-right-2xl-20 {
    right: calc(var(--size-spacer) * 20);
  }
  .align-right-2xl-21 {
    right: calc(var(--size-spacer) * 21);
  }
  .align-right-2xl-1-m {
    right: calc(var(--size-spacer) * -1);
  }
  .align-right-2xl-2-m {
    right: calc(var(--size-spacer) * -2);
  }
  .align-right-2xl-3-m {
    right: calc(var(--size-spacer) * -3);
  }
  .align-right-2xl-4-m {
    right: calc(var(--size-spacer) * -4);
  }
  .align-right-2xl-5-m {
    right: calc(var(--size-spacer) * -5);
  }
  .align-right-2xl-6-m {
    right: calc(var(--size-spacer) * -6);
  }
  .align-right-2xl-7-m {
    right: calc(var(--size-spacer) * -7);
  }
  .align-right-2xl-8-m {
    right: calc(var(--size-spacer) * -8);
  }
  .align-right-2xl-9-m {
    right: calc(var(--size-spacer) * -9);
  }
  .align-right-2xl-10-m {
    right: calc(var(--size-spacer) * -10);
  }
  .align-right-2xl-11-m {
    right: calc(var(--size-spacer) * -11);
  }
  .align-right-2xl-12-m {
    right: calc(var(--size-spacer) * -12);
  }
  .align-right-2xl-13-m {
    right: calc(var(--size-spacer) * -13);
  }
  .align-right-2xl-14-m {
    right: calc(var(--size-spacer) * -14);
  }
  .align-right-2xl-15-m {
    right: calc(var(--size-spacer) * -15);
  }
  .align-right-2xl-16-m {
    right: calc(var(--size-spacer) * -16);
  }
  .align-right-2xl-17-m {
    right: calc(var(--size-spacer) * -17);
  }
  .align-right-2xl-18-m {
    right: calc(var(--size-spacer) * -18);
  }
  .align-right-2xl-19-m {
    right: calc(var(--size-spacer) * -19);
  }
  .align-right-2xl-20-m {
    right: calc(var(--size-spacer) * -20);
  }
  .align-right-2xl-21-m {
    right: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 1200px) {
  .align-right-xl-0 {
    right: 0;
  }
  .align-right-xl-1 {
    right: calc(var(--size-spacer) * 1);
  }
  .align-right-xl-2 {
    right: calc(var(--size-spacer) * 2);
  }
  .align-right-xl-3 {
    right: calc(var(--size-spacer) * 3);
  }
  .align-right-xl-4 {
    right: calc(var(--size-spacer) * 4);
  }
  .align-right-xl-5 {
    right: calc(var(--size-spacer) * 5);
  }
  .align-right-xl-6 {
    right: calc(var(--size-spacer) * 6);
  }
  .align-right-xl-7 {
    right: calc(var(--size-spacer) * 7);
  }
  .align-right-xl-8 {
    right: calc(var(--size-spacer) * 8);
  }
  .align-right-xl-9 {
    right: calc(var(--size-spacer) * 9);
  }
  .align-right-xl-10 {
    right: calc(var(--size-spacer) * 10);
  }
  .align-right-xl-11 {
    right: calc(var(--size-spacer) * 11);
  }
  .align-right-xl-12 {
    right: calc(var(--size-spacer) * 12);
  }
  .align-right-xl-13 {
    right: calc(var(--size-spacer) * 13);
  }
  .align-right-xl-14 {
    right: calc(var(--size-spacer) * 14);
  }
  .align-right-xl-15 {
    right: calc(var(--size-spacer) * 15);
  }
  .align-right-xl-16 {
    right: calc(var(--size-spacer) * 16);
  }
  .align-right-xl-17 {
    right: calc(var(--size-spacer) * 17);
  }
  .align-right-xl-18 {
    right: calc(var(--size-spacer) * 18);
  }
  .align-right-xl-19 {
    right: calc(var(--size-spacer) * 19);
  }
  .align-right-xl-20 {
    right: calc(var(--size-spacer) * 20);
  }
  .align-right-xl-21 {
    right: calc(var(--size-spacer) * 21);
  }
  .align-right-xl-1-m {
    right: calc(var(--size-spacer) * -1);
  }
  .align-right-xl-2-m {
    right: calc(var(--size-spacer) * -2);
  }
  .align-right-xl-3-m {
    right: calc(var(--size-spacer) * -3);
  }
  .align-right-xl-4-m {
    right: calc(var(--size-spacer) * -4);
  }
  .align-right-xl-5-m {
    right: calc(var(--size-spacer) * -5);
  }
  .align-right-xl-6-m {
    right: calc(var(--size-spacer) * -6);
  }
  .align-right-xl-7-m {
    right: calc(var(--size-spacer) * -7);
  }
  .align-right-xl-8-m {
    right: calc(var(--size-spacer) * -8);
  }
  .align-right-xl-9-m {
    right: calc(var(--size-spacer) * -9);
  }
  .align-right-xl-10-m {
    right: calc(var(--size-spacer) * -10);
  }
  .align-right-xl-11-m {
    right: calc(var(--size-spacer) * -11);
  }
  .align-right-xl-12-m {
    right: calc(var(--size-spacer) * -12);
  }
  .align-right-xl-13-m {
    right: calc(var(--size-spacer) * -13);
  }
  .align-right-xl-14-m {
    right: calc(var(--size-spacer) * -14);
  }
  .align-right-xl-15-m {
    right: calc(var(--size-spacer) * -15);
  }
  .align-right-xl-16-m {
    right: calc(var(--size-spacer) * -16);
  }
  .align-right-xl-17-m {
    right: calc(var(--size-spacer) * -17);
  }
  .align-right-xl-18-m {
    right: calc(var(--size-spacer) * -18);
  }
  .align-right-xl-19-m {
    right: calc(var(--size-spacer) * -19);
  }
  .align-right-xl-20-m {
    right: calc(var(--size-spacer) * -20);
  }
  .align-right-xl-21-m {
    right: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 992px) {
  .align-right-lg-0 {
    right: 0;
  }
  .align-right-lg-1 {
    right: calc(var(--size-spacer) * 1);
  }
  .align-right-lg-2 {
    right: calc(var(--size-spacer) * 2);
  }
  .align-right-lg-3 {
    right: calc(var(--size-spacer) * 3);
  }
  .align-right-lg-4 {
    right: calc(var(--size-spacer) * 4);
  }
  .align-right-lg-5 {
    right: calc(var(--size-spacer) * 5);
  }
  .align-right-lg-6 {
    right: calc(var(--size-spacer) * 6);
  }
  .align-right-lg-7 {
    right: calc(var(--size-spacer) * 7);
  }
  .align-right-lg-8 {
    right: calc(var(--size-spacer) * 8);
  }
  .align-right-lg-9 {
    right: calc(var(--size-spacer) * 9);
  }
  .align-right-lg-10 {
    right: calc(var(--size-spacer) * 10);
  }
  .align-right-lg-11 {
    right: calc(var(--size-spacer) * 11);
  }
  .align-right-lg-12 {
    right: calc(var(--size-spacer) * 12);
  }
  .align-right-lg-13 {
    right: calc(var(--size-spacer) * 13);
  }
  .align-right-lg-14 {
    right: calc(var(--size-spacer) * 14);
  }
  .align-right-lg-15 {
    right: calc(var(--size-spacer) * 15);
  }
  .align-right-lg-16 {
    right: calc(var(--size-spacer) * 16);
  }
  .align-right-lg-17 {
    right: calc(var(--size-spacer) * 17);
  }
  .align-right-lg-18 {
    right: calc(var(--size-spacer) * 18);
  }
  .align-right-lg-19 {
    right: calc(var(--size-spacer) * 19);
  }
  .align-right-lg-20 {
    right: calc(var(--size-spacer) * 20);
  }
  .align-right-lg-21 {
    right: calc(var(--size-spacer) * 21);
  }
  .align-right-lg-1-m {
    right: calc(var(--size-spacer) * -1);
  }
  .align-right-lg-2-m {
    right: calc(var(--size-spacer) * -2);
  }
  .align-right-lg-3-m {
    right: calc(var(--size-spacer) * -3);
  }
  .align-right-lg-4-m {
    right: calc(var(--size-spacer) * -4);
  }
  .align-right-lg-5-m {
    right: calc(var(--size-spacer) * -5);
  }
  .align-right-lg-6-m {
    right: calc(var(--size-spacer) * -6);
  }
  .align-right-lg-7-m {
    right: calc(var(--size-spacer) * -7);
  }
  .align-right-lg-8-m {
    right: calc(var(--size-spacer) * -8);
  }
  .align-right-lg-9-m {
    right: calc(var(--size-spacer) * -9);
  }
  .align-right-lg-10-m {
    right: calc(var(--size-spacer) * -10);
  }
  .align-right-lg-11-m {
    right: calc(var(--size-spacer) * -11);
  }
  .align-right-lg-12-m {
    right: calc(var(--size-spacer) * -12);
  }
  .align-right-lg-13-m {
    right: calc(var(--size-spacer) * -13);
  }
  .align-right-lg-14-m {
    right: calc(var(--size-spacer) * -14);
  }
  .align-right-lg-15-m {
    right: calc(var(--size-spacer) * -15);
  }
  .align-right-lg-16-m {
    right: calc(var(--size-spacer) * -16);
  }
  .align-right-lg-17-m {
    right: calc(var(--size-spacer) * -17);
  }
  .align-right-lg-18-m {
    right: calc(var(--size-spacer) * -18);
  }
  .align-right-lg-19-m {
    right: calc(var(--size-spacer) * -19);
  }
  .align-right-lg-20-m {
    right: calc(var(--size-spacer) * -20);
  }
  .align-right-lg-21-m {
    right: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 768px) {
  .align-right-md-0 {
    right: 0;
  }
  .align-right-md-1 {
    right: calc(var(--size-spacer) * 1);
  }
  .align-right-md-2 {
    right: calc(var(--size-spacer) * 2);
  }
  .align-right-md-3 {
    right: calc(var(--size-spacer) * 3);
  }
  .align-right-md-4 {
    right: calc(var(--size-spacer) * 4);
  }
  .align-right-md-5 {
    right: calc(var(--size-spacer) * 5);
  }
  .align-right-md-6 {
    right: calc(var(--size-spacer) * 6);
  }
  .align-right-md-7 {
    right: calc(var(--size-spacer) * 7);
  }
  .align-right-md-8 {
    right: calc(var(--size-spacer) * 8);
  }
  .align-right-md-9 {
    right: calc(var(--size-spacer) * 9);
  }
  .align-right-md-10 {
    right: calc(var(--size-spacer) * 10);
  }
  .align-right-md-11 {
    right: calc(var(--size-spacer) * 11);
  }
  .align-right-md-12 {
    right: calc(var(--size-spacer) * 12);
  }
  .align-right-md-13 {
    right: calc(var(--size-spacer) * 13);
  }
  .align-right-md-14 {
    right: calc(var(--size-spacer) * 14);
  }
  .align-right-md-15 {
    right: calc(var(--size-spacer) * 15);
  }
  .align-right-md-16 {
    right: calc(var(--size-spacer) * 16);
  }
  .align-right-md-17 {
    right: calc(var(--size-spacer) * 17);
  }
  .align-right-md-18 {
    right: calc(var(--size-spacer) * 18);
  }
  .align-right-md-19 {
    right: calc(var(--size-spacer) * 19);
  }
  .align-right-md-20 {
    right: calc(var(--size-spacer) * 20);
  }
  .align-right-md-21 {
    right: calc(var(--size-spacer) * 21);
  }
  .align-right-md-1-m {
    right: calc(var(--size-spacer) * -1);
  }
  .align-right-md-2-m {
    right: calc(var(--size-spacer) * -2);
  }
  .align-right-md-3-m {
    right: calc(var(--size-spacer) * -3);
  }
  .align-right-md-4-m {
    right: calc(var(--size-spacer) * -4);
  }
  .align-right-md-5-m {
    right: calc(var(--size-spacer) * -5);
  }
  .align-right-md-6-m {
    right: calc(var(--size-spacer) * -6);
  }
  .align-right-md-7-m {
    right: calc(var(--size-spacer) * -7);
  }
  .align-right-md-8-m {
    right: calc(var(--size-spacer) * -8);
  }
  .align-right-md-9-m {
    right: calc(var(--size-spacer) * -9);
  }
  .align-right-md-10-m {
    right: calc(var(--size-spacer) * -10);
  }
  .align-right-md-11-m {
    right: calc(var(--size-spacer) * -11);
  }
  .align-right-md-12-m {
    right: calc(var(--size-spacer) * -12);
  }
  .align-right-md-13-m {
    right: calc(var(--size-spacer) * -13);
  }
  .align-right-md-14-m {
    right: calc(var(--size-spacer) * -14);
  }
  .align-right-md-15-m {
    right: calc(var(--size-spacer) * -15);
  }
  .align-right-md-16-m {
    right: calc(var(--size-spacer) * -16);
  }
  .align-right-md-17-m {
    right: calc(var(--size-spacer) * -17);
  }
  .align-right-md-18-m {
    right: calc(var(--size-spacer) * -18);
  }
  .align-right-md-19-m {
    right: calc(var(--size-spacer) * -19);
  }
  .align-right-md-20-m {
    right: calc(var(--size-spacer) * -20);
  }
  .align-right-md-21-m {
    right: calc(var(--size-spacer) * -21);
  }
}
.align-shape-2xl-left {
  left: calc(var(--size-spacer) * -54);
}

.align-shape-2xl-right {
  right: calc(var(--size-spacer) * -54);
}

.align-shape-2xl-top {
  top: calc(var(--size-spacer) * -30);
}

@media (max-width: 1400px) {
  .align-shape-2xl-left {
    left: calc(var(--size-spacer) * -57);
  }
  .align-shape-2xl-right {
    right: calc(var(--size-spacer) * -57);
  }
}
@media (max-width: 1200px) {
  .align-shape-2xl-left {
    left: calc(var(--size-spacer) * -60);
  }
  .align-shape-2xl-right {
    right: calc(var(--size-spacer) * -60);
  }
}
.align-top-0 {
  top: 0;
}

.align-top-1 {
  top: calc(var(--size-spacer) * 1);
}

.align-top-2 {
  top: calc(var(--size-spacer) * 2);
}

.align-top-3 {
  top: calc(var(--size-spacer) * 3);
}

.align-top-4 {
  top: calc(var(--size-spacer) * 4);
}

.align-top-5 {
  top: calc(var(--size-spacer) * 5);
}

.align-top-6 {
  top: calc(var(--size-spacer) * 6);
}

.align-top-7 {
  top: calc(var(--size-spacer) * 7);
}

.align-top-8 {
  top: calc(var(--size-spacer) * 8);
}

.align-top-9 {
  top: calc(var(--size-spacer) * 9);
}

.align-top-10 {
  top: calc(var(--size-spacer) * 10);
}

.align-top-11 {
  top: calc(var(--size-spacer) * 11);
}

.align-top-12 {
  top: calc(var(--size-spacer) * 12);
}

.align-top-13 {
  top: calc(var(--size-spacer) * 13);
}

.align-top-14 {
  top: calc(var(--size-spacer) * 14);
}

.align-top-15 {
  top: calc(var(--size-spacer) * 15);
}

.align-top-16 {
  top: calc(var(--size-spacer) * 16);
}

.align-top-17 {
  top: calc(var(--size-spacer) * 17);
}

.align-top-18 {
  top: calc(var(--size-spacer) * 18);
}

.align-top-19 {
  top: calc(var(--size-spacer) * 19);
}

.align-top-20 {
  top: calc(var(--size-spacer) * 20);
}

.align-top-21 {
  top: calc(var(--size-spacer) * 21);
}

.align-top-1-m {
  top: calc(var(--size-spacer) * -1);
}

.align-top-2-m {
  top: calc(var(--size-spacer) * -2);
}

.align-top-3-m {
  top: calc(var(--size-spacer) * -3);
}

.align-top-4-m {
  top: calc(var(--size-spacer) * -4);
}

.align-top-5-m {
  top: calc(var(--size-spacer) * -5);
}

.align-top-6-m {
  top: calc(var(--size-spacer) * -6);
}

.align-top-7-m {
  top: calc(var(--size-spacer) * -7);
}

.align-top-8-m {
  top: calc(var(--size-spacer) * -8);
}

.align-top-9-m {
  top: calc(var(--size-spacer) * -9);
}

.align-top-10-m {
  top: calc(var(--size-spacer) * -10);
}

.align-top-11-m {
  top: calc(var(--size-spacer) * -11);
}

.align-top-12-m {
  top: calc(var(--size-spacer) * -12);
}

.align-top-13-m {
  top: calc(var(--size-spacer) * -13);
}

.align-top-14-m {
  top: calc(var(--size-spacer) * -14);
}

.align-top-15-m {
  top: calc(var(--size-spacer) * -15);
}

.align-top-16-m {
  top: calc(var(--size-spacer) * -16);
}

.align-top-17-m {
  top: calc(var(--size-spacer) * -17);
}

.align-top-18-m {
  top: calc(var(--size-spacer) * -18);
}

.align-top-19-m {
  top: calc(var(--size-spacer) * -19);
}

.align-top-20-m {
  top: calc(var(--size-spacer) * -20);
}

.align-top-21-m {
  top: calc(var(--size-spacer) * -21);
}

@media (max-width: 1400px) {
  .align-top-2xl-0 {
    top: 0;
  }
  .align-top-2xl-1 {
    top: calc(var(--size-spacer) * 1);
  }
  .align-top-2xl-2 {
    top: calc(var(--size-spacer) * 2);
  }
  .align-top-2xl-3 {
    top: calc(var(--size-spacer) * 3);
  }
  .align-top-2xl-4 {
    top: calc(var(--size-spacer) * 4);
  }
  .align-top-2xl-5 {
    top: calc(var(--size-spacer) * 5);
  }
  .align-top-2xl-6 {
    top: calc(var(--size-spacer) * 6);
  }
  .align-top-2xl-7 {
    top: calc(var(--size-spacer) * 7);
  }
  .align-top-2xl-8 {
    top: calc(var(--size-spacer) * 8);
  }
  .align-top-2xl-9 {
    top: calc(var(--size-spacer) * 9);
  }
  .align-top-2xl-10 {
    top: calc(var(--size-spacer) * 10);
  }
  .align-top-2xl-11 {
    top: calc(var(--size-spacer) * 11);
  }
  .align-top-2xl-12 {
    top: calc(var(--size-spacer) * 12);
  }
  .align-top-2xl-13 {
    top: calc(var(--size-spacer) * 13);
  }
  .align-top-2xl-14 {
    top: calc(var(--size-spacer) * 14);
  }
  .align-top-2xl-15 {
    top: calc(var(--size-spacer) * 15);
  }
  .align-top-2xl-16 {
    top: calc(var(--size-spacer) * 16);
  }
  .align-top-2xl-17 {
    top: calc(var(--size-spacer) * 17);
  }
  .align-top-2xl-18 {
    top: calc(var(--size-spacer) * 18);
  }
  .align-top-2xl-19 {
    top: calc(var(--size-spacer) * 19);
  }
  .align-top-2xl-20 {
    top: calc(var(--size-spacer) * 20);
  }
  .align-top-2xl-21 {
    top: calc(var(--size-spacer) * 21);
  }
  .align-top-2xl-1-m {
    top: calc(var(--size-spacer) * -1);
  }
  .align-top-2xl-2-m {
    top: calc(var(--size-spacer) * -2);
  }
  .align-top-2xl-3-m {
    top: calc(var(--size-spacer) * -3);
  }
  .align-top-2xl-4-m {
    top: calc(var(--size-spacer) * -4);
  }
  .align-top-2xl-5-m {
    top: calc(var(--size-spacer) * -5);
  }
  .align-top-2xl-6-m {
    top: calc(var(--size-spacer) * -6);
  }
  .align-top-2xl-7-m {
    top: calc(var(--size-spacer) * -7);
  }
  .align-top-2xl-8-m {
    top: calc(var(--size-spacer) * -8);
  }
  .align-top-2xl-9-m {
    top: calc(var(--size-spacer) * -9);
  }
  .align-top-2xl-10-m {
    top: calc(var(--size-spacer) * -10);
  }
  .align-top-2xl-11-m {
    top: calc(var(--size-spacer) * -11);
  }
  .align-top-2xl-12-m {
    top: calc(var(--size-spacer) * -12);
  }
  .align-top-2xl-13-m {
    top: calc(var(--size-spacer) * -13);
  }
  .align-top-2xl-14-m {
    top: calc(var(--size-spacer) * -14);
  }
  .align-top-2xl-15-m {
    top: calc(var(--size-spacer) * -15);
  }
  .align-top-2xl-16-m {
    top: calc(var(--size-spacer) * -16);
  }
  .align-top-2xl-17-m {
    top: calc(var(--size-spacer) * -17);
  }
  .align-top-2xl-18-m {
    top: calc(var(--size-spacer) * -18);
  }
  .align-top-2xl-19-m {
    top: calc(var(--size-spacer) * -19);
  }
  .align-top-2xl-20-m {
    top: calc(var(--size-spacer) * -20);
  }
  .align-top-2xl-21-m {
    top: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 1200px) {
  .align-top-xl-0 {
    top: 0;
  }
  .align-top-xl-1 {
    top: calc(var(--size-spacer) * 1);
  }
  .align-top-xl-2 {
    top: calc(var(--size-spacer) * 2);
  }
  .align-top-xl-3 {
    top: calc(var(--size-spacer) * 3);
  }
  .align-top-xl-4 {
    top: calc(var(--size-spacer) * 4);
  }
  .align-top-xl-5 {
    top: calc(var(--size-spacer) * 5);
  }
  .align-top-xl-6 {
    top: calc(var(--size-spacer) * 6);
  }
  .align-top-xl-7 {
    top: calc(var(--size-spacer) * 7);
  }
  .align-top-xl-8 {
    top: calc(var(--size-spacer) * 8);
  }
  .align-top-xl-9 {
    top: calc(var(--size-spacer) * 9);
  }
  .align-top-xl-10 {
    top: calc(var(--size-spacer) * 10);
  }
  .align-top-xl-11 {
    top: calc(var(--size-spacer) * 11);
  }
  .align-top-xl-12 {
    top: calc(var(--size-spacer) * 12);
  }
  .align-top-xl-13 {
    top: calc(var(--size-spacer) * 13);
  }
  .align-top-xl-14 {
    top: calc(var(--size-spacer) * 14);
  }
  .align-top-xl-15 {
    top: calc(var(--size-spacer) * 15);
  }
  .align-top-xl-16 {
    top: calc(var(--size-spacer) * 16);
  }
  .align-top-xl-17 {
    top: calc(var(--size-spacer) * 17);
  }
  .align-top-xl-18 {
    top: calc(var(--size-spacer) * 18);
  }
  .align-top-xl-19 {
    top: calc(var(--size-spacer) * 19);
  }
  .align-top-xl-20 {
    top: calc(var(--size-spacer) * 20);
  }
  .align-top-xl-21 {
    top: calc(var(--size-spacer) * 21);
  }
  .align-top-xl-1-m {
    top: calc(var(--size-spacer) * -1);
  }
  .align-top-xl-2-m {
    top: calc(var(--size-spacer) * -2);
  }
  .align-top-xl-3-m {
    top: calc(var(--size-spacer) * -3);
  }
  .align-top-xl-4-m {
    top: calc(var(--size-spacer) * -4);
  }
  .align-top-xl-5-m {
    top: calc(var(--size-spacer) * -5);
  }
  .align-top-xl-6-m {
    top: calc(var(--size-spacer) * -6);
  }
  .align-top-xl-7-m {
    top: calc(var(--size-spacer) * -7);
  }
  .align-top-xl-8-m {
    top: calc(var(--size-spacer) * -8);
  }
  .align-top-xl-9-m {
    top: calc(var(--size-spacer) * -9);
  }
  .align-top-xl-10-m {
    top: calc(var(--size-spacer) * -10);
  }
  .align-top-xl-11-m {
    top: calc(var(--size-spacer) * -11);
  }
  .align-top-xl-12-m {
    top: calc(var(--size-spacer) * -12);
  }
  .align-top-xl-13-m {
    top: calc(var(--size-spacer) * -13);
  }
  .align-top-xl-14-m {
    top: calc(var(--size-spacer) * -14);
  }
  .align-top-xl-15-m {
    top: calc(var(--size-spacer) * -15);
  }
  .align-top-xl-16-m {
    top: calc(var(--size-spacer) * -16);
  }
  .align-top-xl-17-m {
    top: calc(var(--size-spacer) * -17);
  }
  .align-top-xl-18-m {
    top: calc(var(--size-spacer) * -18);
  }
  .align-top-xl-19-m {
    top: calc(var(--size-spacer) * -19);
  }
  .align-top-xl-20-m {
    top: calc(var(--size-spacer) * -20);
  }
  .align-top-xl-21-m {
    top: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 992px) {
  .align-top-lg-0 {
    top: 0;
  }
  .align-top-lg-1 {
    top: calc(var(--size-spacer) * 1);
  }
  .align-top-lg-2 {
    top: calc(var(--size-spacer) * 2);
  }
  .align-top-lg-3 {
    top: calc(var(--size-spacer) * 3);
  }
  .align-top-lg-4 {
    top: calc(var(--size-spacer) * 4);
  }
  .align-top-lg-5 {
    top: calc(var(--size-spacer) * 5);
  }
  .align-top-lg-6 {
    top: calc(var(--size-spacer) * 6);
  }
  .align-top-lg-7 {
    top: calc(var(--size-spacer) * 7);
  }
  .align-top-lg-8 {
    top: calc(var(--size-spacer) * 8);
  }
  .align-top-lg-9 {
    top: calc(var(--size-spacer) * 9);
  }
  .align-top-lg-10 {
    top: calc(var(--size-spacer) * 10);
  }
  .align-top-lg-11 {
    top: calc(var(--size-spacer) * 11);
  }
  .align-top-lg-12 {
    top: calc(var(--size-spacer) * 12);
  }
  .align-top-lg-13 {
    top: calc(var(--size-spacer) * 13);
  }
  .align-top-lg-14 {
    top: calc(var(--size-spacer) * 14);
  }
  .align-top-lg-15 {
    top: calc(var(--size-spacer) * 15);
  }
  .align-top-lg-16 {
    top: calc(var(--size-spacer) * 16);
  }
  .align-top-lg-17 {
    top: calc(var(--size-spacer) * 17);
  }
  .align-top-lg-18 {
    top: calc(var(--size-spacer) * 18);
  }
  .align-top-lg-19 {
    top: calc(var(--size-spacer) * 19);
  }
  .align-top-lg-20 {
    top: calc(var(--size-spacer) * 20);
  }
  .align-top-lg-21 {
    top: calc(var(--size-spacer) * 21);
  }
  .align-top-lg-1-m {
    top: calc(var(--size-spacer) * -1);
  }
  .align-top-lg-2-m {
    top: calc(var(--size-spacer) * -2);
  }
  .align-top-lg-3-m {
    top: calc(var(--size-spacer) * -3);
  }
  .align-top-lg-4-m {
    top: calc(var(--size-spacer) * -4);
  }
  .align-top-lg-5-m {
    top: calc(var(--size-spacer) * -5);
  }
  .align-top-lg-6-m {
    top: calc(var(--size-spacer) * -6);
  }
  .align-top-lg-7-m {
    top: calc(var(--size-spacer) * -7);
  }
  .align-top-lg-8-m {
    top: calc(var(--size-spacer) * -8);
  }
  .align-top-lg-9-m {
    top: calc(var(--size-spacer) * -9);
  }
  .align-top-lg-10-m {
    top: calc(var(--size-spacer) * -10);
  }
  .align-top-lg-11-m {
    top: calc(var(--size-spacer) * -11);
  }
  .align-top-lg-12-m {
    top: calc(var(--size-spacer) * -12);
  }
  .align-top-lg-13-m {
    top: calc(var(--size-spacer) * -13);
  }
  .align-top-lg-14-m {
    top: calc(var(--size-spacer) * -14);
  }
  .align-top-lg-15-m {
    top: calc(var(--size-spacer) * -15);
  }
  .align-top-lg-16-m {
    top: calc(var(--size-spacer) * -16);
  }
  .align-top-lg-17-m {
    top: calc(var(--size-spacer) * -17);
  }
  .align-top-lg-18-m {
    top: calc(var(--size-spacer) * -18);
  }
  .align-top-lg-19-m {
    top: calc(var(--size-spacer) * -19);
  }
  .align-top-lg-20-m {
    top: calc(var(--size-spacer) * -20);
  }
  .align-top-lg-21-m {
    top: calc(var(--size-spacer) * -21);
  }
}
@media (max-width: 992px) {
  .align-top-md-0 {
    top: 0;
  }
  .align-top-md-1 {
    top: calc(var(--size-spacer) * 1);
  }
  .align-top-md-2 {
    top: calc(var(--size-spacer) * 2);
  }
  .align-top-md-3 {
    top: calc(var(--size-spacer) * 3);
  }
  .align-top-md-4 {
    top: calc(var(--size-spacer) * 4);
  }
  .align-top-md-5 {
    top: calc(var(--size-spacer) * 5);
  }
  .align-top-md-6 {
    top: calc(var(--size-spacer) * 6);
  }
  .align-top-md-7 {
    top: calc(var(--size-spacer) * 7);
  }
  .align-top-md-8 {
    top: calc(var(--size-spacer) * 8);
  }
  .align-top-md-9 {
    top: calc(var(--size-spacer) * 9);
  }
  .align-top-md-10 {
    top: calc(var(--size-spacer) * 10);
  }
  .align-top-md-11 {
    top: calc(var(--size-spacer) * 11);
  }
  .align-top-md-12 {
    top: calc(var(--size-spacer) * 12);
  }
  .align-top-md-13 {
    top: calc(var(--size-spacer) * 13);
  }
  .align-top-md-14 {
    top: calc(var(--size-spacer) * 14);
  }
  .align-top-md-15 {
    top: calc(var(--size-spacer) * 15);
  }
  .align-top-md-16 {
    top: calc(var(--size-spacer) * 16);
  }
  .align-top-md-17 {
    top: calc(var(--size-spacer) * 17);
  }
  .align-top-md-18 {
    top: calc(var(--size-spacer) * 18);
  }
  .align-top-md-19 {
    top: calc(var(--size-spacer) * 19);
  }
  .align-top-md-20 {
    top: calc(var(--size-spacer) * 20);
  }
  .align-top-md-21 {
    top: calc(var(--size-spacer) * 21);
  }
  .align-top-md-1-m {
    top: calc(var(--size-spacer) * -1);
  }
  .align-top-md-2-m {
    top: calc(var(--size-spacer) * -2);
  }
  .align-top-md-3-m {
    top: calc(var(--size-spacer) * -3);
  }
  .align-top-md-4-m {
    top: calc(var(--size-spacer) * -4);
  }
  .align-top-md-5-m {
    top: calc(var(--size-spacer) * -5);
  }
  .align-top-md-6-m {
    top: calc(var(--size-spacer) * -6);
  }
  .align-top-md-7-m {
    top: calc(var(--size-spacer) * -7);
  }
  .align-top-md-8-m {
    top: calc(var(--size-spacer) * -8);
  }
  .align-top-md-9-m {
    top: calc(var(--size-spacer) * -9);
  }
  .align-top-md-10-m {
    top: calc(var(--size-spacer) * -10);
  }
  .align-top-md-11-m {
    top: calc(var(--size-spacer) * -11);
  }
  .align-top-md-12-m {
    top: calc(var(--size-spacer) * -12);
  }
  .align-top-md-13-m {
    top: calc(var(--size-spacer) * -13);
  }
  .align-top-md-14-m {
    top: calc(var(--size-spacer) * -14);
  }
  .align-top-md-15-m {
    top: calc(var(--size-spacer) * -15);
  }
  .align-top-md-16-m {
    top: calc(var(--size-spacer) * -16);
  }
  .align-top-md-17-m {
    top: calc(var(--size-spacer) * -17);
  }
  .align-top-md-18-m {
    top: calc(var(--size-spacer) * -18);
  }
  .align-top-md-19-m {
    top: calc(var(--size-spacer) * -19);
  }
  .align-top-md-20-m {
    top: calc(var(--size-spacer) * -20);
  }
  .align-top-md-21-m {
    top: calc(var(--size-spacer) * -21);
  }
}
.background-black {
  background-color: var(--colour-black);
}

.background-black-70 {
  background-color: var(--colour-black-70);
}

.background-black-90 {
  background-color: var(--colour-black-90);
}

.background-black-95 {
  background-color: var(--colour-black-95);
}

.background-black-98 {
  background-color: var(--colour-black-98);
}

.background-brand-green {
  background-color: var(--colour-brand-green);
}

.background-brand-purple {
  background-color: var(--colour-brand-purple);
}

.background-brand-yellow {
  background-color: var(--colour-brand-yellow);
}

.background-image-center {
  background-position: center;
}

.background-image-cover {
  background-size: cover;
}

.background-white {
  background-color: var(--colour-white);
}

@media (max-width: 768px) {
  .background-md-black {
    background-color: var(--colour-black);
  }
  .background-md-black-70 {
    background-color: var(--colour-black-70);
  }
  .background-md-black-90 {
    background-color: var(--colour-black-90);
  }
  .background-md-black-95 {
    background-color: var(--colour-black-95);
  }
  .background-md-brand-green {
    background-color: var(--colour-brand-green);
  }
  .background-md-brand-purple {
    background-color: var(--colour-brand-purple);
  }
  .background-md-brand-yellow {
    background-color: var(--colour-brand-yellow);
  }
  .background-md-white {
    background-color: var(--colour-white);
  }
}
.border-rounded-bottom-left {
  border-bottom-left-radius: calc(var(--size-spacer) * 3) !important;
}

.border-rounded-bottom-left-sm {
  border-bottom-left-radius: var(--size-spacer) !important;
}

.border-rounded-bottom-right {
  border-bottom-right-radius: calc(var(--size-spacer) * 3) !important;
}

.border-rounded-bottom-right-sm {
  border-bottom-right-radius: var(--size-spacer) !important;
}

.border-rounded-top-left {
  border-top-left-radius: calc(var(--size-spacer) * 3) !important;
}

.border-rounded-top-left-sm {
  border-top-left-radius: var(--size-spacer) !important;
}

.border-rounded-top-right {
  border-top-right-radius: calc(var(--size-spacer) * 3) !important;
}

.border-rounded-top-right-sm {
  border-top-right-radius: var(--size-spacer) !important;
}

@media (max-width: 768px) {
  .border-rounded-md-bottom-left {
    border-bottom-left-radius: calc(var(--size-spacer) * 3) !important;
  }
  .border-rounded-md-bottom-left-sm {
    border-bottom-left-radius: var(--size-spacer) !important;
  }
  .border-rounded-md-bottom-right {
    border-bottom-right-radius: calc(var(--size-spacer) * 3) !important;
  }
  .border-rounded-md-bottom-right-sm {
    border-bottom-right-radius: var(--size-spacer) !important;
  }
  .border-rounded-md-top-left {
    border-top-left-radius: calc(var(--size-spacer) * 3) !important;
  }
  .border-rounded-md-top-left-sm {
    border-top-left-radius: var(--size-spacer) !important;
  }
  .border-rounded-md-top-right {
    border-top-right-radius: calc(var(--size-spacer) * 3) !important;
  }
  .border-rounded-md-top-right-sm {
    border-top-right-radius: var(--size-spacer) !important;
  }
}
.block {
  display: block;
}

.colour-black {
  color: var(--colour-black);
}

.colour-black-70 {
  color: var(--colour-black-70);
}

.colour-black-90 {
  color: var(--colour-black-90);
}

.colour-black-95 {
  color: var(--colour-black-95);
}

.colour-brand-green {
  color: var(--colour-brand-green);
}

.colour-brand-purple {
  color: var(--colour-brand-purple);
}

.colour-brand-yellow {
  color: var(--colour-brand-yellow);
}

.colour-white {
  color: var(--colour-white);
}

.direction-horizontal-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.direction-vertical-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media (max-width: 768px) {
  .direction-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .direction-horizontal-reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .direction-vertical-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .direction-vertical-reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.fill-black {
  fill: var(--colour-black);
}

.fill-black-70 {
  fill: var(--colour-black-70);
}

.fill-black-90 {
  fill: var(--colour-black-90);
}

.fill-black-95 {
  fill: var(--colour-black-95);
}

.fill-brand-green {
  fill: var(--colour-brand-green);
}

.fill-brand-purple {
  fill: var(--colour-brand-purple);
}

.fill-brand-yellow {
  fill: var(--colour-brand-yellow);
}

.fill-white {
  fill: var(--colour-white);
}

.filter-greyscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

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

.g-recaptcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .hidden-md {
    display: none;
  }
}
.inline-block {
  display: inline-block;
}

@media (max-width: 768px) {
  .justify-center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--size-spacer) !important;
}

.mb-015 {
  margin-bottom: calc(var(--size-spacer) * 1.5) !important;
}

.mb-2 {
  margin-bottom: calc(var(--size-spacer) * 2) !important;
}

.mb-3 {
  margin-bottom: calc(var(--size-spacer) * 3) !important;
}

.mb-4 {
  margin-bottom: calc(var(--size-spacer) * 4) !important;
}

.mb-045 {
  margin-bottom: calc(var(--size-spacer) * 4.5) !important;
}

.mb-5 {
  margin-bottom: calc(var(--size-spacer) * 5) !important;
}

.mb-6 {
  margin-bottom: calc(var(--size-spacer) * 6) !important;
}

.mb-7 {
  margin-bottom: calc(var(--size-spacer) * 7) !important;
}

.mb-8 {
  margin-bottom: calc(var(--size-spacer) * 8) !important;
}

.mb-9 {
  margin-bottom: calc(var(--size-spacer) * 9) !important;
}

.mb-10 {
  margin-bottom: calc(var(--size-spacer) * 10) !important;
}

.mb-11 {
  margin-bottom: calc(var(--size-spacer) * 11) !important;
}

.mb-12 {
  margin-bottom: calc(var(--size-spacer) * 12) !important;
}

.mb-13 {
  margin-bottom: calc(var(--size-spacer) * 13) !important;
}

.mb-14 {
  margin-bottom: calc(var(--size-spacer) * 14) !important;
}

.mb-15 {
  margin-bottom: calc(var(--size-spacer) * 15) !important;
}

.mb-16 {
  margin-bottom: calc(var(--size-spacer) * 16) !important;
}

.mb-17 {
  margin-bottom: calc(var(--size-spacer) * 17) !important;
}

.mb-18 {
  margin-bottom: calc(var(--size-spacer) * 18) !important;
}

.mb-19 {
  margin-bottom: calc(var(--size-spacer) * 19) !important;
}

.mb-20 {
  margin-bottom: calc(var(--size-spacer) * 20) !important;
}

.mb-1-m {
  margin-bottom: calc(var(--size-spacer) * -1) !important;
}

.mb-015-m {
  margin-bottom: calc(var(--size-spacer) * -1.5) !important;
}

.mb-2-m {
  margin-bottom: calc(var(--size-spacer) * -2) !important;
}

.mb-3-m {
  margin-bottom: calc(var(--size-spacer) * -3) !important;
}

.mb-4-m {
  margin-bottom: calc(var(--size-spacer) * -4) !important;
}

.mb-045-m {
  margin-bottom: calc(var(--size-spacer) * -4.5) !important;
}

.mb-5-m {
  margin-bottom: calc(var(--size-spacer) * -5) !important;
}

.mb-6-m {
  margin-bottom: calc(var(--size-spacer) * -6) !important;
}

.mb-7-m {
  margin-bottom: calc(var(--size-spacer) * -7) !important;
}

.mb-8-m {
  margin-bottom: calc(var(--size-spacer) * -8) !important;
}

.mb-9-m {
  margin-bottom: calc(var(--size-spacer) * -9) !important;
}

.mb-10-m {
  margin-bottom: calc(var(--size-spacer) * -10) !important;
}

.mb-11-m {
  margin-bottom: calc(var(--size-spacer) * -11) !important;
}

.mb-12-m {
  margin-bottom: calc(var(--size-spacer) * -12) !important;
}

.mb-13-m {
  margin-bottom: calc(var(--size-spacer) * -13) !important;
}

.mb-14-m {
  margin-bottom: calc(var(--size-spacer) * -14) !important;
}

.mb-15-m {
  margin-bottom: calc(var(--size-spacer) * -15) !important;
}

.mb-16-m {
  margin-bottom: calc(var(--size-spacer) * -16) !important;
}

.mb-17-m {
  margin-bottom: calc(var(--size-spacer) * -17) !important;
}

.mb-18-m {
  margin-bottom: calc(var(--size-spacer) * -18) !important;
}

.mb-19-m {
  margin-bottom: calc(var(--size-spacer) * -19) !important;
}

.mb-20-m {
  margin-bottom: calc(var(--size-spacer) * -20) !important;
}

@media (max-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: var(--size-spacer) !important;
  }
  .mb-md-015 {
    margin-bottom: calc(var(--size-spacer) * 1.5) !important;
  }
  .mb-md-2 {
    margin-bottom: calc(var(--size-spacer) * 2) !important;
  }
  .mb-md-3 {
    margin-bottom: calc(var(--size-spacer) * 3) !important;
  }
  .mb-md-4 {
    margin-bottom: calc(var(--size-spacer) * 4) !important;
  }
  .mb-md-045 {
    margin-bottom: calc(var(--size-spacer) * 4.5) !important;
  }
  .mb-md-5 {
    margin-bottom: calc(var(--size-spacer) * 5) !important;
  }
  .mb-md-6 {
    margin-bottom: calc(var(--size-spacer) * 6) !important;
  }
  .mb-md-7 {
    margin-bottom: calc(var(--size-spacer) * 7) !important;
  }
  .mb-md-8 {
    margin-bottom: calc(var(--size-spacer) * 8) !important;
  }
  .mb-md-9 {
    margin-bottom: calc(var(--size-spacer) * 9) !important;
  }
  .mb-md-10 {
    margin-bottom: calc(var(--size-spacer) * 10) !important;
  }
  .mb-md-11 {
    margin-bottom: calc(var(--size-spacer) * 11) !important;
  }
  .mb-md-12 {
    margin-bottom: calc(var(--size-spacer) * 12) !important;
  }
  .mb-md-13 {
    margin-bottom: calc(var(--size-spacer) * 13) !important;
  }
  .mb-md-14 {
    margin-bottom: calc(var(--size-spacer) * 14) !important;
  }
  .mb-md-15 {
    margin-bottom: calc(var(--size-spacer) * 15) !important;
  }
  .mb-md-16 {
    margin-bottom: calc(var(--size-spacer) * 16) !important;
  }
  .mb-md-17 {
    margin-bottom: calc(var(--size-spacer) * 17) !important;
  }
  .mb-md-18 {
    margin-bottom: calc(var(--size-spacer) * 18) !important;
  }
  .mb-md-19 {
    margin-bottom: calc(var(--size-spacer) * 19) !important;
  }
  .mb-md-20 {
    margin-bottom: calc(var(--size-spacer) * 20) !important;
  }
}
.mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: var(--size-spacer) !important;
}

.ml-015 {
  margin-left: calc(var(--size-spacer) * 1.5) !important;
}

.ml-2 {
  margin-left: calc(var(--size-spacer) * 2) !important;
}

.ml-3 {
  margin-left: calc(var(--size-spacer) * 3) !important;
}

.ml-4 {
  margin-left: calc(var(--size-spacer) * 4) !important;
}

.ml-045 {
  margin-left: calc(var(--size-spacer) * 0.45) !important;
}

.ml-5 {
  margin-left: calc(var(--size-spacer) * 5) !important;
}

.ml-6 {
  margin-left: calc(var(--size-spacer) * 6) !important;
}

.ml-7 {
  margin-left: calc(var(--size-spacer) * 7) !important;
}

.ml-8 {
  margin-left: calc(var(--size-spacer) * 8) !important;
}

.ml-9 {
  margin-left: calc(var(--size-spacer) * 9) !important;
}

.ml-10 {
  margin-left: calc(var(--size-spacer) * 10) !important;
}

.ml-11 {
  margin-left: calc(var(--size-spacer) * 11) !important;
}

.ml-12 {
  margin-left: calc(var(--size-spacer) * 12) !important;
}

.ml-13 {
  margin-left: calc(var(--size-spacer) * 13) !important;
}

.ml-14 {
  margin-left: calc(var(--size-spacer) * 14) !important;
}

.ml-15 {
  margin-left: calc(var(--size-spacer) * 15) !important;
}

.ml-16 {
  margin-left: calc(var(--size-spacer) * 16) !important;
}

.ml-17 {
  margin-left: calc(var(--size-spacer) * 17) !important;
}

.ml-18 {
  margin-left: calc(var(--size-spacer) * 18) !important;
}

.ml-19 {
  margin-left: calc(var(--size-spacer) * 19) !important;
}

.ml-20 {
  margin-left: calc(var(--size-spacer) * 20) !important;
}

.ml-1-m {
  margin-left: calc(var(--size-spacer) * -1) !important;
}

.ml-015-m {
  margin-left: calc(var(--size-spacer) * -1.5) !important;
}

.ml-2-m {
  margin-left: calc(var(--size-spacer) * -2) !important;
}

.ml-3-m {
  margin-left: calc(var(--size-spacer) * -3) !important;
}

.ml-4-m {
  margin-left: calc(var(--size-spacer) * -4) !important;
}

.ml-045-m {
  margin-left: calc(var(--size-spacer) * -0.45) !important;
}

.ml-5-m {
  margin-left: calc(var(--size-spacer) * -5) !important;
}

.ml-6-m {
  margin-left: calc(var(--size-spacer) * -6) !important;
}

.ml-7-m {
  margin-left: calc(var(--size-spacer) * -7) !important;
}

.ml-8-m {
  margin-left: calc(var(--size-spacer) * -8) !important;
}

.ml-9-m {
  margin-left: calc(var(--size-spacer) * -9) !important;
}

.ml-10-m {
  margin-left: calc(var(--size-spacer) * -10) !important;
}

.ml-11-m {
  margin-left: calc(var(--size-spacer) * -11) !important;
}

.ml-12-m {
  margin-left: calc(var(--size-spacer) * -12) !important;
}

.ml-13-m {
  margin-left: calc(var(--size-spacer) * -13) !important;
}

.ml-14-m {
  margin-left: calc(var(--size-spacer) * -14) !important;
}

.ml-15-m {
  margin-left: calc(var(--size-spacer) * -15) !important;
}

.ml-16-m {
  margin-left: calc(var(--size-spacer) * -16) !important;
}

.ml-17-m {
  margin-left: calc(var(--size-spacer) * -17) !important;
}

.ml-18-m {
  margin-left: calc(var(--size-spacer) * -18) !important;
}

.ml-19-m {
  margin-left: calc(var(--size-spacer) * -19) !important;
}

.ml-20-m {
  margin-left: calc(var(--size-spacer) * -20) !important;
}

@media (max-width: 768px) {
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: var(--size-spacer) !important;
  }
  .ml-md-015 {
    margin-left: calc(var(--size-spacer) * 1.5) !important;
  }
  .ml-md-2 {
    margin-left: calc(var(--size-spacer) * 2) !important;
  }
  .ml-md-3 {
    margin-left: calc(var(--size-spacer) * 3) !important;
  }
  .ml-md-4 {
    margin-left: calc(var(--size-spacer) * 4) !important;
  }
  .ml-md-045 {
    margin-left: calc(var(--size-spacer) * 4.5) !important;
  }
  .ml-md-5 {
    margin-left: calc(var(--size-spacer) * 5) !important;
  }
  .ml-md-6 {
    margin-left: calc(var(--size-spacer) * 6) !important;
  }
  .ml-md-7 {
    margin-left: calc(var(--size-spacer) * 7) !important;
  }
  .ml-md-8 {
    margin-left: calc(var(--size-spacer) * 8) !important;
  }
  .ml-md-9 {
    margin-left: calc(var(--size-spacer) * 9) !important;
  }
  .ml-md-10 {
    margin-left: calc(var(--size-spacer) * 10) !important;
  }
  .ml-md-11 {
    margin-left: calc(var(--size-spacer) * 11) !important;
  }
  .ml-md-12 {
    margin-left: calc(var(--size-spacer) * 12) !important;
  }
  .ml-md-13 {
    margin-left: calc(var(--size-spacer) * 13) !important;
  }
  .ml-md-14 {
    margin-left: calc(var(--size-spacer) * 14) !important;
  }
  .ml-md-15 {
    margin-left: calc(var(--size-spacer) * 15) !important;
  }
  .ml-md-16 {
    margin-left: calc(var(--size-spacer) * 16) !important;
  }
  .ml-md-17 {
    margin-left: calc(var(--size-spacer) * 17) !important;
  }
  .ml-md-18 {
    margin-left: calc(var(--size-spacer) * 18) !important;
  }
  .ml-md-19 {
    margin-left: calc(var(--size-spacer) * 19) !important;
  }
  .ml-md-20 {
    margin-left: calc(var(--size-spacer) * 20) !important;
  }
}
.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: var(--size-spacer) !important;
}

.mr-015 {
  margin-right: calc(var(--size-spacer) * 1.5) !important;
}

.mr-2 {
  margin-right: calc(var(--size-spacer) * 2) !important;
}

.mr-3 {
  margin-right: calc(var(--size-spacer) * 3) !important;
}

.mr-4 {
  margin-right: calc(var(--size-spacer) * 4) !important;
}

.mr-045 {
  margin-right: calc(var(--size-spacer) * 4.5) !important;
}

.mr-5 {
  margin-right: calc(var(--size-spacer) * 5) !important;
}

.mr-6 {
  margin-right: calc(var(--size-spacer) * 6) !important;
}

.mr-7 {
  margin-right: calc(var(--size-spacer) * 7) !important;
}

.mr-8 {
  margin-right: calc(var(--size-spacer) * 8) !important;
}

.mr-9 {
  margin-right: calc(var(--size-spacer) * 9) !important;
}

.mr-10 {
  margin-right: calc(var(--size-spacer) * 10) !important;
}

.mr-11 {
  margin-right: calc(var(--size-spacer) * 11) !important;
}

.mr-12 {
  margin-right: calc(var(--size-spacer) * 12) !important;
}

.mr-13 {
  margin-right: calc(var(--size-spacer) * 13) !important;
}

.mr-14 {
  margin-right: calc(var(--size-spacer) * 14) !important;
}

.mr-15 {
  margin-right: calc(var(--size-spacer) * 15) !important;
}

.mr-16 {
  margin-right: calc(var(--size-spacer) * 16) !important;
}

.mr-17 {
  margin-right: calc(var(--size-spacer) * 17) !important;
}

.mr-18 {
  margin-right: calc(var(--size-spacer) * 18) !important;
}

.mr-19 {
  margin-right: calc(var(--size-spacer) * 19) !important;
}

.mr-20 {
  margin-right: calc(var(--size-spacer) * 20) !important;
}

.mr-1-m {
  margin-right: calc(var(--size-spacer) * -1) !important;
}

.mr-015-m {
  margin-right: calc(var(--size-spacer) * -1.5) !important;
}

.mr-2-m {
  margin-right: calc(var(--size-spacer) * -2) !important;
}

.mr-3-m {
  margin-right: calc(var(--size-spacer) * -3) !important;
}

.mr-4-m {
  margin-right: calc(var(--size-spacer) * -4) !important;
}

.mr-045-m {
  margin-right: calc(var(--size-spacer) * -4.5) !important;
}

.mr-5-m {
  margin-right: calc(var(--size-spacer) * -5) !important;
}

.mr-6-m {
  margin-right: calc(var(--size-spacer) * -6) !important;
}

.mr-7-m {
  margin-right: calc(var(--size-spacer) * -7) !important;
}

.mr-8-m {
  margin-right: calc(var(--size-spacer) * -8) !important;
}

.mr-9-m {
  margin-right: calc(var(--size-spacer) * -9) !important;
}

.mr-10-m {
  margin-right: calc(var(--size-spacer) * -10) !important;
}

.mr-11-m {
  margin-right: calc(var(--size-spacer) * -11) !important;
}

.mr-12-m {
  margin-right: calc(var(--size-spacer) * -12) !important;
}

.mr-13-m {
  margin-right: calc(var(--size-spacer) * -13) !important;
}

.mr-14-m {
  margin-right: calc(var(--size-spacer) * -14) !important;
}

.mr-15-m {
  margin-right: calc(var(--size-spacer) * -15) !important;
}

.mr-16-m {
  margin-right: calc(var(--size-spacer) * -16) !important;
}

.mr-17-m {
  margin-right: calc(var(--size-spacer) * -17) !important;
}

.mr-18-m {
  margin-right: calc(var(--size-spacer) * -18) !important;
}

.mr-19-m {
  margin-right: calc(var(--size-spacer) * -19) !important;
}

.mr-20-m {
  margin-right: calc(var(--size-spacer) * -20) !important;
}

@media (max-width: 768px) {
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: var(--size-spacer) !important;
  }
  .mr-md-015 {
    margin-right: calc(var(--size-spacer) * 1.5) !important;
  }
  .mr-md-2 {
    margin-right: calc(var(--size-spacer) * 2) !important;
  }
  .mr-md-3 {
    margin-right: calc(var(--size-spacer) * 3) !important;
  }
  .mr-md-4 {
    margin-right: calc(var(--size-spacer) * 4) !important;
  }
  .mr-md-045 {
    margin-right: calc(var(--size-spacer) * 0.45) !important;
  }
  .mr-md-5 {
    margin-right: calc(var(--size-spacer) * 5) !important;
  }
  .mr-md-6 {
    margin-right: calc(var(--size-spacer) * 6) !important;
  }
  .mr-md-7 {
    margin-right: calc(var(--size-spacer) * 7) !important;
  }
  .mr-md-8 {
    margin-right: calc(var(--size-spacer) * 8) !important;
  }
  .mr-md-9 {
    margin-right: calc(var(--size-spacer) * 9) !important;
  }
  .mr-md-10 {
    margin-right: calc(var(--size-spacer) * 10) !important;
  }
  .mr-md-11 {
    margin-right: calc(var(--size-spacer) * 11) !important;
  }
  .mr-md-12 {
    margin-right: calc(var(--size-spacer) * 12) !important;
  }
  .mr-md-13 {
    margin-right: calc(var(--size-spacer) * 13) !important;
  }
  .mr-md-14 {
    margin-right: calc(var(--size-spacer) * 14) !important;
  }
  .mr-md-15 {
    margin-right: calc(var(--size-spacer) * 15) !important;
  }
  .mr-md-16 {
    margin-right: calc(var(--size-spacer) * 16) !important;
  }
  .mr-md-17 {
    margin-right: calc(var(--size-spacer) * 17) !important;
  }
  .mr-md-18 {
    margin-right: calc(var(--size-spacer) * 18) !important;
  }
  .mr-md-19 {
    margin-right: calc(var(--size-spacer) * 19) !important;
  }
  .mr-md-20 {
    margin-right: calc(var(--size-spacer) * 20) !important;
  }
}
.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: var(--size-spacer) !important;
}

.mt-015 {
  margin-top: calc(var(--size-spacer) * 1.5) !important;
}

.mt-2 {
  margin-top: calc(var(--size-spacer) * 2) !important;
}

.mt-3 {
  margin-top: calc(var(--size-spacer) * 3) !important;
}

.mt-4 {
  margin-top: calc(var(--size-spacer) * 4) !important;
}

.mt-045 {
  margin-top: calc(var(--size-spacer) * 4.5) !important;
}

.mt-5 {
  margin-top: calc(var(--size-spacer) * 5) !important;
}

.mt-6 {
  margin-top: calc(var(--size-spacer) * 6) !important;
}

.mt-7 {
  margin-top: calc(var(--size-spacer) * 7) !important;
}

.mt-8 {
  margin-top: calc(var(--size-spacer) * 8) !important;
}

.mt-9 {
  margin-top: calc(var(--size-spacer) * 9) !important;
}

.mt-10 {
  margin-top: calc(var(--size-spacer) * 10) !important;
}

.mt-11 {
  margin-top: calc(var(--size-spacer) * 11) !important;
}

.mt-12 {
  margin-top: calc(var(--size-spacer) * 12) !important;
}

.mt-13 {
  margin-top: calc(var(--size-spacer) * 13) !important;
}

.mt-14 {
  margin-top: calc(var(--size-spacer) * 14) !important;
}

.mt-15 {
  margin-top: calc(var(--size-spacer) * 15) !important;
}

.mt-16 {
  margin-top: calc(var(--size-spacer) * 16) !important;
}

.mt-17 {
  margin-top: calc(var(--size-spacer) * 17) !important;
}

.mt-18 {
  margin-top: calc(var(--size-spacer) * 18) !important;
}

.mt-19 {
  margin-top: calc(var(--size-spacer) * 19) !important;
}

.mt-20 {
  margin-top: calc(var(--size-spacer) * 20) !important;
}

.mt-1-m {
  margin-top: calc(var(--size-spacer) * -1) !important;
}

.mt-015-m {
  margin-top: calc(var(--size-spacer) * -1.5) !important;
}

.mt-2-m {
  margin-top: calc(var(--size-spacer) * -2) !important;
}

.mt-3-m {
  margin-top: calc(var(--size-spacer) * -3) !important;
}

.mt-4-m {
  margin-top: calc(var(--size-spacer) * -4) !important;
}

.mt-045-m {
  margin-top: calc(var(--size-spacer) * -4.5) !important;
}

.mt-5-m {
  margin-top: calc(var(--size-spacer) * -5) !important;
}

.mt-6-m {
  margin-top: calc(var(--size-spacer) * -6) !important;
}

.mt-7-m {
  margin-top: calc(var(--size-spacer) * -7) !important;
}

.mt-8-m {
  margin-top: calc(var(--size-spacer) * -8) !important;
}

.mt-9-m {
  margin-top: calc(var(--size-spacer) * -9) !important;
}

.mt-10-m {
  margin-top: calc(var(--size-spacer) * -10) !important;
}

.mt-11-m {
  margin-top: calc(var(--size-spacer) * -11) !important;
}

.mt-12-m {
  margin-top: calc(var(--size-spacer) * -12) !important;
}

.mt-13-m {
  margin-top: calc(var(--size-spacer) * -13) !important;
}

.mt-14-m {
  margin-top: calc(var(--size-spacer) * -14) !important;
}

.mt-15-m {
  margin-top: calc(var(--size-spacer) * -15) !important;
}

.mt-16-m {
  margin-top: calc(var(--size-spacer) * -16) !important;
}

.mt-17-m {
  margin-top: calc(var(--size-spacer) * -17) !important;
}

.mt-18-m {
  margin-top: calc(var(--size-spacer) * -18) !important;
}

.mt-19-m {
  margin-top: calc(var(--size-spacer) * -19) !important;
}

.mt-20-m {
  margin-top: calc(var(--size-spacer) * -20) !important;
}

@media (max-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: var(--size-spacer) !important;
  }
  .mt-md-015 {
    margin-top: calc(var(--size-spacer) * 1.5) !important;
  }
  .mt-md-2 {
    margin-top: calc(var(--size-spacer) * 2) !important;
  }
  .mt-md-3 {
    margin-top: calc(var(--size-spacer) * 3) !important;
  }
  .mt-md-4 {
    margin-top: calc(var(--size-spacer) * 4) !important;
  }
  .mt-md-045 {
    margin-top: calc(var(--size-spacer) * 4.5) !important;
  }
  .mt-md-5 {
    margin-top: calc(var(--size-spacer) * 5) !important;
  }
  .mt-md-6 {
    margin-top: calc(var(--size-spacer) * 6) !important;
  }
  .mt-md-7 {
    margin-top: calc(var(--size-spacer) * 7) !important;
  }
  .mt-md-8 {
    margin-top: calc(var(--size-spacer) * 8) !important;
  }
  .mt-md-9 {
    margin-top: calc(var(--size-spacer) * 9) !important;
  }
  .mt-md-10 {
    margin-top: calc(var(--size-spacer) * 10) !important;
  }
  .mt-md-11 {
    margin-top: calc(var(--size-spacer) * 11) !important;
  }
  .mt-md-12 {
    margin-top: calc(var(--size-spacer) * 12) !important;
  }
  .mt-md-13 {
    margin-top: calc(var(--size-spacer) * 13) !important;
  }
  .mt-md-14 {
    margin-top: calc(var(--size-spacer) * 14) !important;
  }
  .mt-md-15 {
    margin-top: calc(var(--size-spacer) * 15) !important;
  }
  .mt-md-16 {
    margin-top: calc(var(--size-spacer) * 16) !important;
  }
  .mt-md-17 {
    margin-top: calc(var(--size-spacer) * 17) !important;
  }
  .mt-md-18 {
    margin-top: calc(var(--size-spacer) * 18) !important;
  }
  .mt-md-19 {
    margin-top: calc(var(--size-spacer) * 19) !important;
  }
  .mt-md-20 {
    margin-top: calc(var(--size-spacer) * 20) !important;
  }
}
.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.opacity-25 {
  opacity: 0.25;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

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

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: var(--size-spacer) !important;
}

.pb-015 {
  padding-bottom: calc(var(--size-spacer) * 1.5) !important;
}

.pb-2 {
  padding-bottom: calc(var(--size-spacer) * 2) !important;
}

.pb-3 {
  padding-bottom: calc(var(--size-spacer) * 3) !important;
}

.pb-4 {
  padding-bottom: calc(var(--size-spacer) * 4) !important;
}

.pb-045 {
  padding-bottom: calc(var(--size-spacer) * 4.5) !important;
}

.pb-5 {
  padding-bottom: calc(var(--size-spacer) * 5) !important;
}

.pb-6 {
  padding-bottom: calc(var(--size-spacer) * 6) !important;
}

.pb-7 {
  padding-bottom: calc(var(--size-spacer) * 7) !important;
}

.pb-8 {
  padding-bottom: calc(var(--size-spacer) * 8) !important;
}

.pb-9 {
  padding-bottom: calc(var(--size-spacer) * 9) !important;
}

.pb-10 {
  padding-bottom: calc(var(--size-spacer) * 10) !important;
}

.pb-11 {
  padding-bottom: calc(var(--size-spacer) * 11) !important;
}

.pb-12 {
  padding-bottom: calc(var(--size-spacer) * 12) !important;
}

.pb-13 {
  padding-bottom: calc(var(--size-spacer) * 13) !important;
}

.pb-14 {
  padding-bottom: calc(var(--size-spacer) * 14) !important;
}

.pb-15 {
  padding-bottom: calc(var(--size-spacer) * 15) !important;
}

.pb-16 {
  padding-bottom: calc(var(--size-spacer) * 16) !important;
}

.pb-17 {
  padding-bottom: calc(var(--size-spacer) * 17) !important;
}

.pb-18 {
  padding-bottom: calc(var(--size-spacer) * 18) !important;
}

.pb-19 {
  padding-bottom: calc(var(--size-spacer) * 19) !important;
}

.pb-20 {
  padding-bottom: calc(var(--size-spacer) * 20) !important;
}

@media (max-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: var(--size-spacer) !important;
  }
  .pb-md-015 {
    padding-bottom: calc(var(--size-spacer) * 1.5) !important;
  }
  .pb-md-2 {
    padding-bottom: calc(var(--size-spacer) * 2) !important;
  }
  .pb-md-3 {
    padding-bottom: calc(var(--size-spacer) * 3) !important;
  }
  .pb-md-4 {
    padding-bottom: calc(var(--size-spacer) * 4) !important;
  }
  .pb-md-045 {
    padding-bottom: calc(var(--size-spacer) * 4.5) !important;
  }
  .pb-md-5 {
    padding-bottom: calc(var(--size-spacer) * 5) !important;
  }
  .pb-md-6 {
    padding-bottom: calc(var(--size-spacer) * 6) !important;
  }
  .pb-md-7 {
    padding-bottom: calc(var(--size-spacer) * 7) !important;
  }
  .pb-md-8 {
    padding-bottom: calc(var(--size-spacer) * 8) !important;
  }
  .pb-md-9 {
    padding-bottom: calc(var(--size-spacer) * 9) !important;
  }
  .pb-md-10 {
    padding-bottom: calc(var(--size-spacer) * 10) !important;
  }
  .pb-md-11 {
    padding-bottom: calc(var(--size-spacer) * 11) !important;
  }
  .pb-md-12 {
    padding-bottom: calc(var(--size-spacer) * 12) !important;
  }
  .pb-md-13 {
    padding-bottom: calc(var(--size-spacer) * 13) !important;
  }
  .pb-md-14 {
    padding-bottom: calc(var(--size-spacer) * 14) !important;
  }
  .pb-md-15 {
    padding-bottom: calc(var(--size-spacer) * 15) !important;
  }
  .pb-md-16 {
    padding-bottom: calc(var(--size-spacer) * 16) !important;
  }
  .pb-md-17 {
    padding-bottom: calc(var(--size-spacer) * 17) !important;
  }
  .pb-md-18 {
    padding-bottom: calc(var(--size-spacer) * 18) !important;
  }
  .pb-md-19 {
    padding-bottom: calc(var(--size-spacer) * 19) !important;
  }
  .pb-md-20 {
    padding-bottom: calc(var(--size-spacer) * 20) !important;
  }
}
.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: var(--size-spacer) !important;
}

.pl-015 {
  padding-left: calc(var(--size-spacer) * 1.5) !important;
}

.pl-2 {
  padding-left: calc(var(--size-spacer) * 2) !important;
}

.pl-3 {
  padding-left: calc(var(--size-spacer) * 3) !important;
}

.pl-4 {
  padding-left: calc(var(--size-spacer) * 4) !important;
}

.pl-5 {
  padding-left: calc(var(--size-spacer) * 5) !important;
}

.pl-6 {
  padding-left: calc(var(--size-spacer) * 6) !important;
}

.pl-7 {
  padding-left: calc(var(--size-spacer) * 7) !important;
}

.pl-8 {
  padding-left: calc(var(--size-spacer) * 8) !important;
}

.pl-9 {
  padding-left: calc(var(--size-spacer) * 9) !important;
}

.pl-10 {
  padding-left: calc(var(--size-spacer) * 10) !important;
}

.pl-11 {
  padding-left: calc(var(--size-spacer) * 11) !important;
}

.pl-12 {
  padding-left: calc(var(--size-spacer) * 12) !important;
}

.pl-13 {
  padding-left: calc(var(--size-spacer) * 13) !important;
}

.pl-14 {
  padding-left: calc(var(--size-spacer) * 14) !important;
}

.pl-15 {
  padding-left: calc(var(--size-spacer) * 15) !important;
}

.pl-16 {
  padding-left: calc(var(--size-spacer) * 16) !important;
}

.pl-17 {
  padding-left: calc(var(--size-spacer) * 17) !important;
}

.pl-18 {
  padding-left: calc(var(--size-spacer) * 18) !important;
}

.pl-19 {
  padding-left: calc(var(--size-spacer) * 19) !important;
}

.pl-20 {
  padding-left: calc(var(--size-spacer) * 20) !important;
}

@media (max-width: 768px) {
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: var(--size-spacer) !important;
  }
  .pl-md-015 {
    padding-left: calc(var(--size-spacer) * 1.5) !important;
  }
  .pl-md-2 {
    padding-left: calc(var(--size-spacer) * 2) !important;
  }
  .pl-md-3 {
    padding-left: calc(var(--size-spacer) * 3) !important;
  }
  .pl-md-4 {
    padding-left: calc(var(--size-spacer) * 4) !important;
  }
  .pl-md-045 {
    padding-left: calc(var(--size-spacer) * 4.5) !important;
  }
  .pl-md-5 {
    padding-left: calc(var(--size-spacer) * 5) !important;
  }
  .pl-md-6 {
    padding-left: calc(var(--size-spacer) * 6) !important;
  }
  .pl-md-7 {
    padding-left: calc(var(--size-spacer) * 7) !important;
  }
  .pl-md-8 {
    padding-left: calc(var(--size-spacer) * 8) !important;
  }
  .pl-md-9 {
    padding-left: calc(var(--size-spacer) * 9) !important;
  }
  .pl-md-10 {
    padding-left: calc(var(--size-spacer) * 10) !important;
  }
  .pl-md-11 {
    padding-left: calc(var(--size-spacer) * 11) !important;
  }
  .pl-md-12 {
    padding-left: calc(var(--size-spacer) * 12) !important;
  }
  .pl-md-13 {
    padding-left: calc(var(--size-spacer) * 13) !important;
  }
  .pl-md-14 {
    padding-left: calc(var(--size-spacer) * 14) !important;
  }
  .pl-md-15 {
    padding-left: calc(var(--size-spacer) * 15) !important;
  }
  .pl-md-16 {
    padding-left: calc(var(--size-spacer) * 16) !important;
  }
  .pl-md-17 {
    padding-left: calc(var(--size-spacer) * 17) !important;
  }
  .pl-md-18 {
    padding-left: calc(var(--size-spacer) * 18) !important;
  }
  .pl-md-19 {
    padding-left: calc(var(--size-spacer) * 19) !important;
  }
  .pl-md-20 {
    padding-left: calc(var(--size-spacer) * 20) !important;
  }
}
@media (max-width: 768px) {
  .position-absolute-md {
    position: absolute;
  }
  .position-fixed-md {
    position: fixed;
  }
  .position-relative-md {
    position: relative;
  }
  .position-static-md {
    position: static;
  }
}
.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: var(--size-spacer) !important;
}

.pr-015 {
  padding-right: calc(var(--size-spacer) * 1.5) !important;
}

.pr-2 {
  padding-right: calc(var(--size-spacer) * 2) !important;
}

.pr-3 {
  padding-right: calc(var(--size-spacer) * 3) !important;
}

.pr-4 {
  padding-right: calc(var(--size-spacer) * 4) !important;
}

.pr-045 {
  padding-right: calc(var(--size-spacer) * 4.5) !important;
}

.pr-5 {
  padding-right: calc(var(--size-spacer) * 5) !important;
}

.pr-6 {
  padding-right: calc(var(--size-spacer) * 6) !important;
}

.pr-7 {
  padding-right: calc(var(--size-spacer) * 7) !important;
}

.pr-8 {
  padding-right: calc(var(--size-spacer) * 8) !important;
}

.pr-9 {
  padding-right: calc(var(--size-spacer) * 9) !important;
}

.pr-10 {
  padding-right: calc(var(--size-spacer) * 10) !important;
}

.pr-11 {
  padding-right: calc(var(--size-spacer) * 11) !important;
}

.pr-12 {
  padding-right: calc(var(--size-spacer) * 12) !important;
}

.pr-13 {
  padding-right: calc(var(--size-spacer) * 13) !important;
}

.pr-14 {
  padding-right: calc(var(--size-spacer) * 14) !important;
}

.pr-15 {
  padding-right: calc(var(--size-spacer) * 15) !important;
}

.pr-16 {
  padding-right: calc(var(--size-spacer) * 16) !important;
}

.pr-17 {
  padding-right: calc(var(--size-spacer) * 17) !important;
}

.pr-18 {
  padding-right: calc(var(--size-spacer) * 18) !important;
}

.pr-19 {
  padding-right: calc(var(--size-spacer) * 19) !important;
}

.pr-20 {
  padding-right: calc(var(--size-spacer) * 20) !important;
}

@media (max-width: 768px) {
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: var(--size-spacer) !important;
  }
  .pr-md-015 {
    padding-right: calc(var(--size-spacer) * 1.5) !important;
  }
  .pr-md-2 {
    padding-right: calc(var(--size-spacer) * 2) !important;
  }
  .pr-md-3 {
    padding-right: calc(var(--size-spacer) * 3) !important;
  }
  .pr-md-4 {
    padding-right: calc(var(--size-spacer) * 4) !important;
  }
  .pr-md-045 {
    padding-right: calc(var(--size-spacer) * 4.5) !important;
  }
  .pr-md-5 {
    padding-right: calc(var(--size-spacer) * 5) !important;
  }
  .pr-md-6 {
    padding-right: calc(var(--size-spacer) * 6) !important;
  }
  .pr-md-7 {
    padding-right: calc(var(--size-spacer) * 7) !important;
  }
  .pr-md-8 {
    padding-right: calc(var(--size-spacer) * 8) !important;
  }
  .pr-md-9 {
    padding-right: calc(var(--size-spacer) * 9) !important;
  }
  .pr-md-10 {
    padding-right: calc(var(--size-spacer) * 10) !important;
  }
  .pr-md-11 {
    padding-right: calc(var(--size-spacer) * 11) !important;
  }
  .pr-md-12 {
    padding-right: calc(var(--size-spacer) * 12) !important;
  }
  .pr-md-13 {
    padding-right: calc(var(--size-spacer) * 13) !important;
  }
  .pr-md-14 {
    padding-right: calc(var(--size-spacer) * 14) !important;
  }
  .pr-md-15 {
    padding-right: calc(var(--size-spacer) * 15) !important;
  }
  .pr-md-16 {
    padding-right: calc(var(--size-spacer) * 16) !important;
  }
  .pr-md-17 {
    padding-right: calc(var(--size-spacer) * 17) !important;
  }
  .pr-md-18 {
    padding-right: calc(var(--size-spacer) * 18) !important;
  }
  .pr-md-19 {
    padding-right: calc(var(--size-spacer) * 19) !important;
  }
  .pr-md-20 {
    padding-right: calc(var(--size-spacer) * 20) !important;
  }
}
.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: var(--size-spacer) !important;
}

.pt-015 {
  padding-top: calc(var(--size-spacer) * 1.5) !important;
}

.pt-2 {
  padding-top: calc(var(--size-spacer) * 2) !important;
}

.pt-3 {
  padding-top: calc(var(--size-spacer) * 3) !important;
}

.pt-4 {
  padding-top: calc(var(--size-spacer) * 4) !important;
}

.pt-045 {
  padding-top: calc(var(--size-spacer) * 4.5) !important;
}

.pt-5 {
  padding-top: calc(var(--size-spacer) * 5) !important;
}

.pt-6 {
  padding-top: calc(var(--size-spacer) * 6) !important;
}

.pt-7 {
  padding-top: calc(var(--size-spacer) * 7) !important;
}

.pt-8 {
  padding-top: calc(var(--size-spacer) * 8) !important;
}

.pt-9 {
  padding-top: calc(var(--size-spacer) * 9) !important;
}

.pt-10 {
  padding-top: calc(var(--size-spacer) * 10) !important;
}

.pt-11 {
  padding-top: calc(var(--size-spacer) * 11) !important;
}

.pt-12 {
  padding-top: calc(var(--size-spacer) * 12) !important;
}

.pt-13 {
  padding-top: calc(var(--size-spacer) * 13) !important;
}

.pt-14 {
  padding-top: calc(var(--size-spacer) * 14) !important;
}

.pt-15 {
  padding-top: calc(var(--size-spacer) * 15) !important;
}

.pt-16 {
  padding-top: calc(var(--size-spacer) * 16) !important;
}

.pt-17 {
  padding-top: calc(var(--size-spacer) * 17) !important;
}

.pt-18 {
  padding-top: calc(var(--size-spacer) * 18) !important;
}

.pt-19 {
  padding-top: calc(var(--size-spacer) * 19) !important;
}

.pt-20 {
  padding-top: calc(var(--size-spacer) * 20) !important;
}

@media (max-width: 768px) {
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: var(--size-spacer) !important;
  }
  .pt-md-015 {
    padding-top: calc(var(--size-spacer) * 1.5) !important;
  }
  .pt-md-2 {
    padding-top: calc(var(--size-spacer) * 2) !important;
  }
  .pt-md-3 {
    padding-top: calc(var(--size-spacer) * 3) !important;
  }
  .pt-md-4 {
    padding-top: calc(var(--size-spacer) * 4) !important;
  }
  .pt-md-045 {
    padding-top: calc(var(--size-spacer) * 4.5) !important;
  }
  .pt-md-5 {
    padding-top: calc(var(--size-spacer) * 5) !important;
  }
  .pt-md-6 {
    padding-top: calc(var(--size-spacer) * 6) !important;
  }
  .pt-md-7 {
    padding-top: calc(var(--size-spacer) * 7) !important;
  }
  .pt-md-8 {
    padding-top: calc(var(--size-spacer) * 8) !important;
  }
  .pt-md-9 {
    padding-top: calc(var(--size-spacer) * 9) !important;
  }
  .pt-md-10 {
    padding-top: calc(var(--size-spacer) * 10) !important;
  }
  .pt-md-11 {
    padding-top: calc(var(--size-spacer) * 11) !important;
  }
  .pt-md-12 {
    padding-top: calc(var(--size-spacer) * 12) !important;
  }
  .pt-md-13 {
    padding-top: calc(var(--size-spacer) * 13) !important;
  }
  .pt-md-14 {
    padding-top: calc(var(--size-spacer) * 14) !important;
  }
  .pt-md-15 {
    padding-top: calc(var(--size-spacer) * 15) !important;
  }
  .pt-md-16 {
    padding-top: calc(var(--size-spacer) * 16) !important;
  }
  .pt-md-17 {
    padding-top: calc(var(--size-spacer) * 17) !important;
  }
  .pt-md-18 {
    padding-top: calc(var(--size-spacer) * 18) !important;
  }
  .pt-md-19 {
    padding-top: calc(var(--size-spacer) * 19) !important;
  }
  .pt-md-20 {
    padding-top: calc(var(--size-spacer) * 20) !important;
  }
  .pt-md-28 {
    padding-top: calc(var(--size-spacer) * 28) !important;
  }
}
.size-auto-height {
  height: auto !important;
}

.size-auto-width {
  width: auto !important;
}

.size-full-height {
  height: 100% !important;
}

.size-full-width {
  width: 100% !important;
}

@media (max-width: 768px) {
  .size-full-height-md {
    height: 100% !important;
  }
  .size-full-width-md {
    width: 100% !important;
  }
}
.size-icon-sm {
  height: 2.4rem;
}

.size-icon-lg {
  height: 6.4rem;
}

@media (max-width: 1400px) {
  .size-icon-sm {
    height: 2.1rem;
  }
  .size-icon-lg {
    height: 5.5rem;
  }
}
@media (max-width: 1200px) {
  .size-icon-sm {
    height: 1.8rem;
  }
  .size-icon-lg {
    height: 4.8rem;
  }
}
.size-height-xs {
  height: calc(var(--size-spacer) * 6);
}

.size-height-sm {
  height: calc(var(--size-spacer) * 9);
}

.size-height-md {
  height: calc(var(--size-spacer) * 15);
}

.size-height-lg {
  height: calc(var(--size-spacer) * 18);
}

.size-height-xl {
  height: calc(var(--size-spacer) * 24);
}

.size-height-2xl {
  height: calc(var(--size-spacer) * 33);
}

.size-height-3xl {
  height: calc(var(--size-spacer) * 60);
}

.size-height-4xl {
  height: calc(var(--size-spacer) * 66);
}

.size-height-5xl {
  height: calc(var(--size-spacer) * 81);
}

@media (max-width: 1400px) {
  .size-height-2xl-xs {
    height: calc(var(--size-spacer) * 6);
  }
  .size-height-2xl-sm {
    height: calc(var(--size-spacer) * 9);
  }
  .size-height-2xl-md {
    height: calc(var(--size-spacer) * 15);
  }
  .size-height-2xl-lg {
    height: calc(var(--size-spacer) * 18);
  }
  .size-height-2xl-xl {
    height: calc(var(--size-spacer) * 24);
  }
  .size-height-2xl-2xl {
    height: calc(var(--size-spacer) * 33);
  }
  .size-height-2xl-3xl {
    height: calc(var(--size-spacer) * 60);
  }
  .size-height-2xl-4xl {
    height: calc(var(--size-spacer) * 66);
  }
  .size-height-2xl-5xl {
    height: calc(var(--size-spacer) * 81);
  }
}
@media (max-width: 1200px) {
  .size-height-xl-xs {
    height: calc(var(--size-spacer) * 6);
  }
  .size-height-xl-sm {
    height: calc(var(--size-spacer) * 9);
  }
  .size-height-xl-md {
    height: calc(var(--size-spacer) * 15);
  }
  .size-height-xl-lg {
    height: calc(var(--size-spacer) * 18);
  }
  .size-height-xl-xl {
    height: calc(var(--size-spacer) * 24);
  }
  .size-height-xl-2xl {
    height: calc(var(--size-spacer) * 33);
  }
  .size-height-xl-3xl {
    height: calc(var(--size-spacer) * 60);
  }
  .size-height-xl-4xl {
    height: calc(var(--size-spacer) * 66);
  }
  .size-height-xl-5xl {
    height: calc(var(--size-spacer) * 81);
  }
}
@media (max-width: 768px) {
  .size-height-md-xs {
    height: calc(var(--size-spacer) * 6);
  }
  .size-height-md-sm {
    height: calc(var(--size-spacer) * 9);
  }
  .size-height-md-md {
    height: calc(var(--size-spacer) * 15);
  }
  .size-height-md-lg {
    height: calc(var(--size-spacer) * 18);
  }
  .size-height-md-xl {
    height: calc(var(--size-spacer) * 24);
  }
  .size-height-md-2xl {
    height: calc(var(--size-spacer) * 33);
  }
  .size-height-md-3xl {
    height: calc(var(--size-spacer) * 60);
  }
  .size-height-md-4xl {
    height: calc(var(--size-spacer) * 66);
  }
  .size-height-md-5xl {
    height: calc(var(--size-spacer) * 81);
  }
}
.stroke-black path {
  stroke: var(--colour-black) !important;
}

.stroke-black-70 path {
  stroke: var(--colour-black-70) !important;
}

.stroke-black-90 path {
  stroke: var(--colour-black-90) !important;
}

.stroke-black-95 path {
  stroke: var(--colour-black-95) !important;
}

.stroke-brand-green path {
  stroke: var(--colour-brand-green) !important;
}

.stroke-brand-purple path {
  stroke: var(--colour-brand-purple) !important;
}

.stroke-brand-yellow path {
  stroke: var(--colour-brand-yellow) !important;
}

.stroke-white path {
  stroke: var(--colour-white) !important;
}

.text-font-family-base {
  font-family: var(--font-family-base);
}

.text-font-family-headings {
  font-family: var(--font-family-headings);
}

.text-tracking {
  letter-spacing: 0.1em;
}

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

.text-vertical-rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

/*TODO: revisit specificity*/
.text-xs,
.text-xs p {
  font-size: 1.2rem;
}

.text-sm,
.text-sm p {
  font-size: 1.4rem;
}

.text-lg,
.text-lg p {
  font-size: 1.8rem;
}

.text-xl,
.text-xl p {
  font-size: 2.1rem;
}

.text-2xl,
.text-2xl p {
  font-size: 2.4rem;
}

.text-3xl,
.text-3xl p {
  font-size: 3.2rem;
}

/*TODO: revise h1 font size*/
.text-4xl,
.text-4xl p {
  font-size: 4.8rem;
}

.text-5xl,
.text-5xl p {
  font-size: 9.6rem;
}

@media (max-width: 1600px) {
  .text-xs,
.text-xs p {
    font-size: 1rem;
  }
  .text-sm,
.text-sm p {
    font-size: 1.2rem;
  }
  .text-lg,
.text-lg p {
    font-size: 1.6rem;
  }
  .text-xl,
.text-xl p {
    font-size: 1.8rem;
  }
  .text-2xl,
.text-2xl p {
    font-size: 2.1rem;
  }
  .text-3xl,
.text-3xl p {
    font-size: 2.8rem;
  }
  .text-4xl,
.text-4xl p {
    font-size: 4.2rem;
  }
  .text-5xl,
.text-5xl p {
    font-size: 8.4rem;
  }
}
@media (max-width: 1200px) {
  .text-xs,
.text-xs p {
    font-size: 0.9rem;
  }
  .text-sm,
.text-sm p {
    font-size: 1rem;
  }
  .text-lg,
.text-lg p {
    font-size: 1.4rem;
  }
  .text-xl,
.text-xl p {
    font-size: 1.6rem;
  }
  .text-2xl,
.text-2xl p {
    font-size: 1.8rem;
  }
  .text-3xl,
.text-3xl p {
    font-size: 2.4rem;
  }
  .text-4xl,
.text-4xl p {
    font-size: 3.6rem;
  }
  .text-5xl,
.text-5xl p {
    font-size: 7.2rem;
  }
}
.transform-flip-horizontal {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.transform-flip-vertical {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.transform-rotate-180 {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}

.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;
}

/*=============================
  Components
=============================*/
.img-certificates {
  margin-bottom: calc(var(--size-spacer) * -15);
  -webkit-transform: translateY(calc(var(--size-spacer) * -15));
      -ms-transform: translateY(calc(var(--size-spacer) * -15));
          transform: translateY(calc(var(--size-spacer) * -15));
}

@media (max-width: 768px) {
  .img-certificates {
    margin-bottom: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.hero {
  height: calc(var(--size-spacer) * 60);
}

.hero-mask {
  -webkit-mask-image: url("../resources/images/shape-cloud-square-fill-box-top-right.svg");
  mask-image: url("../resources/images/shape-cloud-square-fill-box-top-right.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 0 100%;
  mask-position: 0 100%;
  -webkit-mask-size: 175%;
  mask-size: 175%;
}

.hero-mask,
.hero-mask-target {
  height: calc(var(--size-spacer) * 66);
}

.hero-mask-target {
  width: 50vw;
}

@media (max-width: 1400px) {
  .hero {
    height: calc(var(--size-spacer) * 57);
  }
  .hero-mask,
.hero-mask-target {
    height: calc(var(--size-spacer) * 63);
  }
}
@media (max-width: 1200px) {
  .hero {
    height: calc(var(--size-spacer) * 51);
  }
  .hero-mask,
.hero-mask-target {
    height: calc(var(--size-spacer) * 57);
  }
}
@media (max-width: 992px) {
  .hero {
    height: calc(var(--size-spacer) * 45);
  }
  .hero-mask,
.hero-mask-target {
    height: calc(var(--size-spacer) * 51);
  }
}
@media (max-width: 768px) {
  .hero-mask,
.hero-mask-target {
    height: calc(var(--size-spacer) * 12);
  }
  .hero-mask-target {
    width: 100vw;
  }
}
.hero-main-background-image {
  background-position: center;
  max-width: 2560px;
  min-height: calc(var(--size-spacer) * 45);
}

@media (max-width: 768px) {
  .hero-main-background-image {
    background-position: 45% center;
  }
}
.hero-solution-image-helper {
  max-width: 2560px;
}

.hero-solution-image-helper img {
  min-height: calc(var(--size-spacer) * 30);
}

@media (max-width: 768px) {
  .hero-solution-image-helper img {
    min-height: calc(var(--size-spacer) * 15);
  }
}
@media (max-width: 576px) {
  .hero-solution-image-helper img {
    min-height: calc(var(--size-spacer) * 9);
  }
}
.image-shape-background-circle {
  /*TODO: check large screens*/
  /*TODO: add offset left*/
  min-width: 900vw;
}

.image-shape-background-cloud-square {
  min-width: 150vw;
}

.image-shape-background-cloud-square-helper {
  height: calc(var(--size-spacer) * 30);
}

.slick-reviews .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.slick-reviews .slick-dots button {
  background-color: var(--colour-white);
  border-radius: 50%;
  font-size: 0;
  height: var(--size-spacer);
  width: var(--size-spacer);
}

.slick-reviews .slick-dots .slick-active button {
  background-color: var(--colour-brand-yellow);
}

.solution-challange,
.solution-challange-image {
  height: calc(var(--size-spacer) * 57);
}

.solution-challange-image {
  width: 75vw;
}

.solution-challange-shape {
  top: calc(var(--size-spacer) * -18);
  width: 75vw;
}

@media (max-width: 1600px) {
  .solution-challange,
.solution-challange-image {
    height: calc(var(--size-spacer) * 54);
  }
  .solution-challange-shape {
    top: calc(var(--size-spacer) * -12);
  }
}
@media (max-width: 1400px) {
  .solution-challange,
.solution-challange-image {
    height: calc(var(--size-spacer) * 51);
  }
  .solution-challange-shape {
    top: calc(var(--size-spacer) * -9);
  }
}
@media (max-width: 1200px) {
  .solution-challange,
.solution-challange-image {
    height: calc(var(--size-spacer) * 45);
  }
  .solution-challange-shape {
    top: calc(var(--size-spacer) * -4);
  }
}
@media (max-width: 992px) {
  .solution-challange,
.solution-challange-image {
    height: calc(var(--size-spacer) * 39);
  }
}
@media (max-width: 768px) {
  .solution-challange {
    height: auto;
  }
  .solution-challange-image {
    height: calc(var(--size-spacer) * 33);
    width: 100%;
  }
}
.team-member {
  min-height: calc(var(--size-spacer) * 69);
}

@media (max-width: 768px) {
  .team-member {
    min-height: 0;
  }
}
.page-id-128 #kapcsolat_ceg,
.page-id-128 #kapcsolat_pozicio {
  display: block;
}

.page-id-128 #kapcsolat_uzenet {
  height: calc(var(--size-spacer) * 33);
}