@charset "UTF-8";
.m-6 {
  margin: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.ms-6 {
  margin-left: 4rem !important;
}

.me-6 {
  margin-right: 4rem !important;
}

.mx-6 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.ms-7 {
  margin-left: 5rem !important;
}

.me-7 {
  margin-right: 5rem !important;
}

.mx-7 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.m-8 {
  margin: 6rem !important;
}

.mt-8 {
  margin-top: 6rem !important;
}

.mb-8 {
  margin-bottom: 6rem !important;
}

.ms-8 {
  margin-left: 6rem !important;
}

.me-8 {
  margin-right: 6rem !important;
}

.mx-8 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}

.my-8 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.m-9 {
  margin: 7rem !important;
}

.mt-9 {
  margin-top: 7rem !important;
}

.mb-9 {
  margin-bottom: 7rem !important;
}

.ms-9 {
  margin-left: 7rem !important;
}

.me-9 {
  margin-right: 7rem !important;
}

.mx-9 {
  margin-right: 7rem !important;
  margin-left: 7rem !important;
}

.my-9 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.m-10 {
  margin: 8rem !important;
}

.mt-10 {
  margin-top: 8rem !important;
}

.mb-10 {
  margin-bottom: 8rem !important;
}

.ms-10 {
  margin-left: 8rem !important;
}

.me-10 {
  margin-right: 8rem !important;
}

.mx-10 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}

.my-10 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.p-6 {
  padding: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pl-6 {
  padding-left: 4rem !important;
}

.pr-6 {
  padding-right: 4rem !important;
}

.px-6 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pl-7 {
  padding-left: 5rem !important;
}

.pr-7 {
  padding-right: 5rem !important;
}

.px-7 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.pt-8 {
  padding-top: 6rem !important;
}

.pb-8 {
  padding-bottom: 6rem !important;
}

.pl-8 {
  padding-left: 6rem !important;
}

.pr-8 {
  padding-right: 6rem !important;
}

.px-8 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.p-9 {
  padding: 7rem !important;
}

.pt-9 {
  padding-top: 7rem !important;
}

.pb-9 {
  padding-bottom: 7rem !important;
}

.pl-9 {
  padding-left: 7rem !important;
}

.pr-9 {
  padding-right: 7rem !important;
}

.px-9 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}

.py-9 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.p-10 {
  padding: 8rem !important;
}

.pt-10 {
  padding-top: 8rem !important;
}

.pb-10 {
  padding-bottom: 8rem !important;
}

.pl-10 {
  padding-left: 8rem !important;
}

.pr-10 {
  padding-right: 8rem !important;
}

.px-10 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

@media (min-width: 576px) {
  .m-sm-6 {
    margin: 4rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4rem !important;
  }
  .ms-sm-6,
  .mx-sm-6 {
    margin-left: 4rem !important;
  }
  .me-sm-6,
  .mx-sm-6 {
    margin-right: 4rem !important;
  }
  /* Margin Small (sm) 7 - 4 rem */
  .m-sm-7 {
    margin: 5rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 5rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 5rem !important;
  }
  .ms-sm-7,
  .mx-sm-7 {
    margin-left: 5rem !important;
  }
  .me-sm-7,
  .mx-sm-7 {
    margin-right: 5rem !important;
  }
  .m-sm-8 {
    margin: 6rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 6rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 6rem !important;
  }
  .ms-sm-8,
  .mx-sm-8 {
    margin-left: 6rem !important;
  }
  .me-sm-8,
  .mx-sm-8 {
    margin-right: 6rem !important;
  }
  .m-sm-9 {
    margin: 7rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 7rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 7rem !important;
  }
  .ms-sm-9,
  .mx-sm-9 {
    margin-left: 7rem !important;
  }
  .me-sm-9,
  .mx-sm-9 {
    margin-right: 7rem !important;
  }
  .m-sm-10 {
    margin: 8rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 8rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 8rem !important;
  }
  .ms-sm-10,
  .mx-sm-10 {
    margin-left: 8rem !important;
  }
  .me-sm-10,
  .mx-sm-10 {
    margin-right: 8rem !important;
  }
  .p-sm-6 {
    padding: 4rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4rem !important;
  }
  .p-sm-7 {
    padding: 5rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 5rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 5rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 5rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 5rem !important;
  }
  .p-sm-8 {
    padding: 6rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 6rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 6rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 6rem !important;
  }
  .p-sm-9 {
    padding: 7rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 7rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 7rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 7rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 7rem !important;
  }
  .p-sm-10 {
    padding: 8rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 8rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 8rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 8rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 8rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-6 {
    margin: 4rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4rem !important;
  }
  .ms-md-6,
  .mx-md-6 {
    margin-left: 4rem !important;
  }
  .me-md-6,
  .mx-md-6 {
    margin-right: 4rem !important;
  }
  .m-md-7 {
    margin: 5rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 5rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 5rem !important;
  }
  .ms-md-7,
  .mx-md-7 {
    margin-left: 5rem !important;
  }
  .me-md-7,
  .mx-md-7 {
    margin-right: 5rem !important;
  }
  .m-md-8 {
    margin: 6rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 6rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 6rem !important;
  }
  .ms-md-8,
  .mx-md-8 {
    margin-left: 6rem !important;
  }
  .me-md-8,
  .mx-md-8 {
    margin-right: 6rem !important;
  }
  .m-md-9 {
    margin: 7rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 7rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 7rem !important;
  }
  .ms-md-9,
  .mx-md-9 {
    margin-left: 7rem !important;
  }
  .me-md-9,
  .mx-md-9 {
    margin-right: 7rem !important;
  }
  .m-md-10 {
    margin: 8rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 8rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 8rem !important;
  }
  .ms-md-10,
  .mx-md-10 {
    margin-left: 8rem !important;
  }
  .me-md-10,
  .mx-md-10 {
    margin-right: 8rem !important;
  }
  .p-md-6 {
    padding: 4rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4rem !important;
  }
  .p-md-7 {
    padding: 5rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 5rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 5rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 5rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 5rem !important;
  }
  .p-md-8 {
    padding: 6rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 6rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 6rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 6rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 6rem !important;
  }
  .p-md-9 {
    padding: 7rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 7rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 7rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 7rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 7rem !important;
  }
  .p-md-10 {
    padding: 8rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 8rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 8rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 8rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 8rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-6 {
    margin: 4rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4rem !important;
  }
  .ms-lg-6,
  .mx-lg-6 {
    margin-left: 4rem !important;
  }
  .me-lg-6,
  .mx-lg-6 {
    margin-right: 4rem !important;
  }
  .m-lg-7 {
    margin: 5rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 5rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 5rem !important;
  }
  .ms-lg-7,
  .mx-lg-7 {
    margin-left: 5rem !important;
  }
  .me-lg-7,
  .mx-lg-7 {
    margin-right: 5rem !important;
  }
  .m-lg-8 {
    margin: 6rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 6rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 6rem !important;
  }
  .ms-lg-8,
  .mx-lg-8 {
    margin-left: 6rem !important;
  }
  .me-lg-8,
  .mx-lg-8 {
    margin-right: 6rem !important;
  }
  .m-lg-9 {
    margin: 7rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 7rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 7rem !important;
  }
  .ms-lg-9,
  .mx-lg-9 {
    margin-left: 7rem !important;
  }
  .me-lg-9,
  .mx-lg-9 {
    margin-right: 7rem !important;
  }
  .m-lg-10 {
    margin: 8rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 8rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 8rem !important;
  }
  .ms-lg-10,
  .mx-lg-10 {
    margin-left: 8rem !important;
  }
  .me-lg-10,
  .mx-lg-10 {
    margin-right: 8rem !important;
  }
  .p-lg-6 {
    padding: 4rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4rem !important;
  }
  .p-lg-7 {
    padding: 5rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 5rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 5rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 5rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 5rem !important;
  }
  .p-lg-8 {
    padding: 6rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 6rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 6rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 6rem !important;
  }
  .p-lg-9 {
    padding: 7rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 7rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 7rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 7rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 7rem !important;
  }
  .p-lg-10 {
    padding: 8rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 8rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 8rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 8rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-6 {
    margin: 4rem !important;
  }
  .mt-xl-6, .my-xl-6 {
    margin-top: 4rem !important;
  }
  .mb-xl-6, .my-xl-6 {
    margin-bottom: 4rem !important;
  }
  .ms-xl-6, .mx-xl-6 {
    margin-left: 4rem !important;
  }
  .me-xl-6, .mx-xl-6 {
    margin-right: 4rem !important;
  }
  .m-xl-7 {
    margin: 5rem !important;
  }
  .mt-xl-7, .my-xl-7 {
    margin-top: 5rem !important;
  }
  .mb-xl-7, .my-xl-7 {
    margin-bottom: 5rem !important;
  }
  .ms-xl-7, .mx-xl-7 {
    margin-left: 5rem !important;
  }
  .me-xl-7, .mx-xl-7 {
    margin-right: 5rem !important;
  }
  .m-xl-8 {
    margin: 6rem !important;
  }
  .mt-xl-8, .my-xl-8 {
    margin-top: 6rem !important;
  }
  .mb-xl-8, .my-xl-8 {
    margin-bottom: 6rem !important;
  }
  .ms-xl-8, .mx-xl-8 {
    margin-left: 6rem !important;
  }
  .me-xl-8, .mx-xl-8 {
    margin-right: 6rem !important;
  }
  .m-xl-9 {
    margin: 7rem !important;
  }
  .mt-xl-9, .my-xl-9 {
    margin-top: 7rem !important;
  }
  .mb-xl-9, .my-xl-9 {
    margin-bottom: 7rem !important;
  }
  .ms-xl-9, .mx-xl-9 {
    margin-left: 7rem !important;
  }
  .me-xl-9, .mx-xl-9 {
    margin-right: 7rem !important;
  }
  .m-xl-10 {
    margin: 8rem !important;
  }
  .mt-xl-10, .my-xl-10 {
    margin-top: 8rem !important;
  }
  .mb-xl-10, .my-xl-10 {
    margin-bottom: 8rem !important;
  }
  .ms-xl-10, .mx-xl-10 {
    margin-left: 8rem !important;
  }
  .me-xl-10, .mx-xl-10 {
    margin-right: 8rem !important;
  }
  .p-xl-6 {
    padding: 4rem !important;
  }
  .pt-xl-6, .py-xl-6 {
    padding-top: 4rem !important;
  }
  .pb-xl-6, .py-xl-6 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-6, .px-xl-6 {
    padding-left: 4rem !important;
  }
  .pr-xl-6, .px-xl-6 {
    padding-right: 4rem !important;
  }
  .p-xl-7 {
    padding: 5rem !important;
  }
  .pt-xl-7, .py-xl-7 {
    padding-top: 5rem !important;
  }
  .pb-xl-7, .py-xl-7 {
    padding-bottom: 5rem !important;
  }
  .pl-xl-7, .px-xl-7 {
    padding-left: 5rem !important;
  }
  .pr-xl-7, .px-xl-7 {
    padding-right: 5rem !important;
  }
  .p-xl-8 {
    padding: 6rem !important;
  }
  .pt-xl-8, .py-xl-8 {
    padding-top: 6rem !important;
  }
  .pb-xl-8, .py-xl-8 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-8, .px-xl-8 {
    padding-left: 6rem !important;
  }
  .pr-xl-8, .px-xl-8 {
    padding-right: 6rem !important;
  }
  .p-xl-9 {
    padding: 7rem !important;
  }
  .pt-xl-9, .py-xl-9 {
    padding-top: 7rem !important;
  }
  .pb-xl-9, .py-xl-9 {
    padding-bottom: 7rem !important;
  }
  .pl-xl-9, .px-xl-9 {
    padding-left: 7rem !important;
  }
  .pr-xl-9, .px-xl-9 {
    padding-right: 7rem !important;
  }
  .p-xl-10 {
    padding: 8rem !important;
  }
  .pt-xl-10, .py-xl-10 {
    padding-top: 8rem !important;
  }
  .pb-xl-10, .py-xl-10 {
    padding-bottom: 8rem !important;
  }
  .pl-xl-10, .px-xl-10 {
    padding-left: 8rem !important;
  }
  .pr-xl-10, .px-xl-10 {
    padding-right: 8rem !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-6 {
    margin: 4rem !important;
  }
  .mt-xxl-6, .my-xxl-6 {
    margin-top: 4rem !important;
  }
  .mb-xxl-6, .my-xxl-6 {
    margin-bottom: 4rem !important;
  }
  .ms-xxl-6, .mx-xxl-6 {
    margin-left: 4rem !important;
  }
  .me-xxl-6, .mx-xxl-6 {
    margin-right: 4rem !important;
  }
  .m-xxl-7 {
    margin: 5rem !important;
  }
  .mt-xxl-7, .my-xxl-7 {
    margin-top: 5rem !important;
  }
  .mb-xxl-7, .my-xxl-7 {
    margin-bottom: 5rem !important;
  }
  .ms-xxl-7, .mx-xxl-7 {
    margin-left: 5rem !important;
  }
  .me-xxl-7, .mx-xxl-7 {
    margin-right: 5rem !important;
  }
  .m-xxl-8 {
    margin: 6rem !important;
  }
  .mt-xxl-8, .my-xxl-8 {
    margin-top: 6rem !important;
  }
  .mb-xxl-8, .my-xxl-8 {
    margin-bottom: 6rem !important;
  }
  .ms-xxl-8, .mx-xxl-8 {
    margin-left: 6rem !important;
  }
  .me-xxl-8, .mx-xxl-8 {
    margin-right: 6rem !important;
  }
  .m-xxl-9 {
    margin: 7rem !important;
  }
  .mt-xxl-9, .my-xxl-9 {
    margin-top: 7rem !important;
  }
  .mb-xxl-9, .my-xxl-9 {
    margin-bottom: 7rem !important;
  }
  .ms-xxl-9, .mx-xxl-9 {
    margin-left: 7rem !important;
  }
  .me-xxl-9, .mx-xxl-9 {
    margin-right: 7rem !important;
  }
  .m-xxl-10 {
    margin: 8rem !important;
  }
  .mt-xxl-10, .my-xxl-10 {
    margin-top: 8rem !important;
  }
  .mb-xxl-10, .my-xxl-10 {
    margin-bottom: 8rem !important;
  }
  .ms-xxl-10, .mx-xxl-10 {
    margin-left: 8rem !important;
  }
  .me-xxl-10, .mx-xxl-10 {
    margin-right: 8rem !important;
  }
  .p-xxl-6 {
    padding: 4rem !important;
  }
  .pt-xxl-6, .py-xxl-6 {
    padding-top: 4rem !important;
  }
  .pb-xxl-6, .py-xxl-6 {
    padding-bottom: 4rem !important;
  }
  .pl-xxl-6, .px-xxl-6 {
    padding-left: 4rem !important;
  }
  .pr-xxl-6, .px-xxl-6 {
    padding-right: 4rem !important;
  }
  .p-xxl-7 {
    padding: 5rem !important;
  }
  .pt-xxl-7, .py-xxl-7 {
    padding-top: 5rem !important;
  }
  .pb-xxl-7, .py-xxl-7 {
    padding-bottom: 5rem !important;
  }
  .pl-xxl-7, .px-xxl-7 {
    padding-left: 5rem !important;
  }
  .pr-xxl-7, .px-xxl-7 {
    padding-right: 5rem !important;
  }
  .p-xxl-8 {
    padding: 6rem !important;
  }
  .pt-xxl-8, .py-xxl-8 {
    padding-top: 6rem !important;
  }
  .pb-xxl-8, .py-xxl-8 {
    padding-bottom: 6rem !important;
  }
  .pl-xxl-8, .px-xxl-8 {
    padding-left: 6rem !important;
  }
  .pr-xxl-8, .px-xxl-8 {
    padding-right: 6rem !important;
  }
  .p-xxl-9 {
    padding: 7rem !important;
  }
  .pt-xxl-9, .py-xxl-9 {
    padding-top: 7rem !important;
  }
  .pb-xxl-9, .py-xxl-9 {
    padding-bottom: 7rem !important;
  }
  .pl-xxl-9, .px-xxl-9 {
    padding-left: 7rem !important;
  }
  .pr-xxl-9, .px-xxl-9 {
    padding-right: 7rem !important;
  }
  .p-xxl-10 {
    padding: 8rem !important;
  }
  .pt-xxl-10, .py-xxl-10 {
    padding-top: 8rem !important;
  }
  .pb-xxl-10, .py-xxl-10 {
    padding-bottom: 8rem !important;
  }
  .pl-xxl-10, .px-xxl-10 {
    padding-left: 8rem !important;
  }
  .pr-xxl-10, .px-xxl-10 {
    padding-right: 8rem !important;
  }
}
.debug-container {
  background: var(--primary-color);
  color: #FFF;
  z-index: 9999;
  padding: 2rem 5rem;
}

header {
  --pad: 1.5rem;
  --px-link: 1.3rem;
  --py-link: .3rem;
  --nav-link-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.12);
  --height: 90px;
  z-index: 999;
  min-height: var(--height);
  transition: min-height 0.35s ease, border-radius 350ms ease;
}
header:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #FFF;
  box-shadow: var(--bs-box-shadow) !important;
  border-radius: 0 0 40px 40px;
  transition: border-radius 350ms ease;
}
header .navbar {
  inset: 0;
}
header .navbar > div {
  padding-right: var(--pad);
  padding-left: var(--pad);
}
header .navbar-collapse > .inner {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
header .navbar .top {
  top: 0;
  left: 0;
  right: 0;
  height: var(--height);
  padding: 0.5rem var(--px-link);
}
header .navbar-toggler-icon {
  background-image: url(/images/toggle.svg?149256224f20d49a4d6e8e77b7e8a862);
}
header .btn.custom-bg-primary:hover {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
  border: 0 !important;
}
header .navbar-nav {
  width: 100%;
}
header .navbar-nav .nav-item {
  margin-bottom: 8px;
}
header .nav-link {
  display: inline-block;
  border-radius: 50px;
  padding: var(--py-link) var(--px-link) !important;
  transition: 300ms all ease-in-out;
}
header .nav-link:hover, header .nav-link.active {
  box-shadow: var(--nav-link-shadow);
}
header .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header .nav-links .btn {
  margin-left: 1.3rem;
}
@media (max-width: 991px) {
  header.navbar-open {
    min-height: 100vh;
  }
  header.navbar-open:after {
    border-radius: 0;
  }
  header .navbar-collapse.show, header .navbar-collapse.collapsing {
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
  }
  header .navbar-collapse.show > .inner, header .navbar-collapse.collapsing > .inner {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  header .navbar-collapse.show:after, header .navbar-collapse.collapsing:after {
    content: "";
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, transparent 30%, #FFF);
  }
  header .nav-links,
  header .nav-item {
    padding: 0 var(--px-link);
  }
}
@media (min-width: 640px) {
  header {
    --px-link: 3rem;
  }
}
@media (min-width: 992px) {
  header {
    --px-link: 1.5rem;
  }
  header .navbar {
    position: static !important;
  }
  header .navbar .top {
    position: static !important;
    width: 100%;
  }
  header .navbar-nav {
    flex-direction: row !important;
  }
  header .navbar-nav .nav-item {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  header {
    --py-link: 5px;
    --px-link: 12px;
  }
  header .navbar .top {
    width: unset;
  }
  header .navbar-collapse > .inner {
    flex-direction: row;
    align-items: center;
    width: 100% !important;
  }
  header .navbar-collapse .nav-links {
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 300px;
  }
  header .navbar-collapse .nav-links .nav-link span {
    display: none;
  }
  header .navbar-nav {
    justify-content: center;
  }
  header .navbar-nav .nav-item {
    margin-right: 8px;
  }
  header .navbar-nav .sub-menu {
    padding-top: 6rem;
  }
}
@media (min-width: 1400px) {
  header {
    --px-link: 14px;
  }
  header .navbar-collapse .nav-links {
    min-width: 350px;
  }
  header .navbar-collapse .nav-links .nav-link {
    display: flex;
    align-items: center;
  }
  header .navbar-collapse .nav-links .nav-link span {
    display: block;
    margin-left: 5px;
  }
  header .navbar-nav .nav-item {
    margin-right: 8px;
  }
}
@media (min-width: 1400px) {
  header {
    --py-link: 7px;
    --px-link: 17px;
  }
  header .navbar-nav .nav-item {
    margin-right: 12px;
  }
}

/* Sub Menu - Mega Menu */
header .navbar-nav .nav-item {
  position: relative;
  background: #FFF;
  transition: all 150ms ease;
}
header .navbar-nav .nav-item .nav-link {
  position: relative;
  background: #FFF;
}
header .navbar-nav .nav-item.sub-menu-active {
  z-index: 2;
  box-shadow: 1px 5px 6px 0 rgba(0, 0, 0, 0.12);
  background: linear-gradient(to bottom, #FFF 20%, var(--gray-color) 100%);
}
header .navbar-nav .nav-item.sub-menu-active .nav-link {
  z-index: 2;
}
header .navbar-nav .nav-item.sub-menu-active .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  left: var(--px-link);
  right: var(--px-link);
  background: var(--primary-color);
}
header .navbar-nav .sub-menu {
  transition: all 250ms ease-in-out;
  max-height: 0;
  overflow: hidden;
  max-width: 340px;
}
header .navbar-nav .sub-menu > .inner {
  padding: 1rem var(--px-link) 1.5rem;
  box-shadow: 1px 5px 6px 0 rgba(0, 0, 0, 0.12);
}
header .navbar-nav .sub-menu:not(.active) {
  opacity: 0;
  pointer-events: none;
}
header .navbar-nav .sub-menu-desc {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
header .navbar-nav .sub-menu-desc .title {
  display: none;
}
header .navbar-nav .sub-menu-desc .text {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.4;
}
header .navbar-nav .sub-menu-items {
  display: flex;
  flex-direction: column;
}
header .navbar-nav .sub-menu-item {
  color: #000;
  text-decoration: none;
  margin-bottom: 5px;
}
header .navbar-nav .sub-menu-item .title {
  font-size: 14px;
  font-weight: 600;
}
header .navbar-nav .sub-menu-item .desc {
  display: none;
  font-size: 14px;
}
header .navbar-nav .sub-menu-item:hover .title, header .navbar-nav .sub-menu-item.active .title {
  color: var(--primary-color);
}
@media (min-width: 992px) {
  header .navbar-nav {
    --left: 0;
    --width: 0;
    position: static;
  }
  header .navbar-nav:after {
    content: "";
    position: absolute;
    top: 100%;
    left: var(--left);
    display: block;
    width: var(--width);
    height: 2px;
    opacity: 0;
    background: var(--primary-color);
    transition: all 250ms ease;
  }
  header .navbar-nav.sub-menu-active:after {
    opacity: 1;
  }
  header .navbar-nav .nav-item {
    position: static;
    z-index: unset !important;
  }
  header .navbar-nav .nav-item.sub-menu-active {
    background: none !important;
    box-shadow: none !important;
  }
  header .navbar-nav .nav-item.sub-menu-active .nav-link:after {
    content: none;
  }
  header .navbar-nav .sub-menu {
    position: absolute;
    z-index: -2;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 8rem;
    padding-right: var(--pad);
    padding-left: var(--pad);
    background: var(--gray-color);
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: var(--bs-box-shadow-sm);
    max-height: unset !important;
    transform: translateY(-100%);
    max-width: unset;
  }
  header .navbar-nav .sub-menu > .inner {
    display: flex;
    box-shadow: none;
    background: transparent;
  }
  header .navbar-nav .sub-menu.active {
    transform: translateY(-5rem);
  }
  header .navbar-nav .sub-menu-desc {
    width: 30%;
    margin-bottom: 0;
    padding-bottom: 1rem;
    border-bottom: none;
    border-right: 2px solid rgba(0, 0, 0, 0.1);
  }
  header .navbar-nav .sub-menu-desc > .inner {
    max-width: 250px;
    margin: 0 auto;
  }
  header .navbar-nav .sub-menu-desc .title {
    display: block;
  }
  header .navbar-nav .sub-menu-items {
    --col-pad: 9px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 70%;
    max-width: 860px;
    margin: 0 calc(var(--col-pad) * -1);
    padding-left: 3rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  header .navbar-nav .sub-menu-item {
    display: flex;
    flex-direction: column;
    width: 33.3333%;
    padding: 0 var(--col-pad);
    line-height: 1.2;
  }
  header .navbar-nav .sub-menu-item .title {
    margin-bottom: 5px;
  }
  header .navbar-nav .sub-menu-item .desc {
    display: block;
    max-width: 200px;
  }
}
@media (min-width: 1200px) {
  header .navbar-nav .sub-menu-items {
    padding-left: 8rem;
  }
}

.form .spinner {
  position: absolute;
  inset: -3px;
  display: none;
  background: rgba(255, 255, 255, 0.4);
}
.form .spinner:after {
  content: "";
  display: block;
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/spinner.svg?ffa9cbdd9d2bfb283c5398501a133a08);
}
.form.loading .spinner {
  display: flex;
}
.form.loading button[type=submit] {
  pointer-events: none;
}
.form .notification-box {
  padding: 0.5rem 0.7rem;
  border-radius: var(--bs-border-radius);
  border-width: 2px;
  border-style: solid;
  background-color: var(--gray-color);
  font-size: 15px;
}
.form .notification-box.success {
  border-color: var(--primary-color);
}
.form .notification-box.error {
  border-color: var(--notvalid);
}
.form .notification-box.notice {
  border-color: var(--bs-warning);
}
@media (min-width: 640px) {
  .form-newsletter {
    width: 75%;
  }
}
.form-newsletter .form-control {
  width: 83%;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.form-newsletter button {
  background: transparent;
  width: 17%;
  border: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.form-newsletter .notification-box {
  width: 95%;
}
.form-contact .notification-box {
  text-align: center;
}
.form-contact .spinner {
  border-radius: var(--bs-border-radius);
}

:root {
  --primary-color: #3873e9;
  --primary-darker: #2d67db;
  --secondary-color: #0f1e25;
  --gray-color: #f7f7f7;
  --sub-pill-heading: 12px;
  --lg-sub-heading: 50px;
  --sub-heading: 32px;
  --lighter-grey-color: #f7f7f7;
  --bright-green-color: #37d776;
  --white-color: #fff;
  --rounded-40: 40px;
  --mr-40: 40px;
  --heading: 55px;
  --notvalid: #a85050;
  --font-family: "inter-local", sans-serif;
}

body {
  font-size: 17px !important;
  color: var(--secondary-color) !important;
  background-color: var(--white-color);
  font-family: var(--font-family) !important;
}
body > * {
  font-family: var(--font-family) !important;
}
body .font-archia {
  font-family: Archia !important;
}
body .font-inter {
  font-family: inter-semibold;
}
body ::-moz-placeholder {
  font-family: var(--font-family) !important;
}
body ::placeholder,
body button,
body input,
body optgroup,
body select,
body textarea {
  font-family: var(--font-family) !important;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 400;
  letter-spacing: -1.25px;
}
body p {
  line-height: 30px;
}
body h1, body h2, body h3, body h4 {
  font-family: inter-semibold;
}

/*---*/
.word-break {
  word-break: break-word;
}

.neg-space {
  margin-top: -20px;
}

.h-500 {
  height: 500px;
}

.rounded-40 {
  border-radius: 40px;
}

/* helper classes start - spirit */
.img-cover,
.img-contain {
  width: 100%;
  height: 100%;
}

.img-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.img-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.img-box {
  --size: 400px;
  height: var(--size);
  width: var(--size);
}
@media (min-width: 768px) {
  .img-box {
    --size: 500px;
  }
}

.text-green {
  color: var(--bright-green-color);
}

.text-blue {
  color: var(--primary-color);
}

.custom-bg-secondary {
  background: var(--gray-color);
}

.custom-border {
  border: 2px solid var(--primary-color);
}
.custom-border:focus-within .right-arrow {
  transform: translateX(5px);
  transition: transform 0.3s;
  cursor: pointer;
}

.gn-list {
  list-style: none;
  padding-left: 15px;
}
.gn-list li {
  position: relative;
}
.gn-list li:before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  background-image: url(/images/gn-check.svg?e2118f3b901902dafad5ce81121c5d32);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* helper classes end - spirit */
.site-by { /* spirit */
  text-decoration: none !important;
}

.secondary-text {
  color: var(--secondary-color);
}

.testimonial-heading {
  font-family: "inter-local";
}

.timeline-heading {
  font-family: Archia;
}

.custom-shadow,
.active-link {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
  width: -moz-fit-content;
  width: fit-content;
}

.btn.custom-bg-primary:focus-visible {
  background-color: var(--primary-color) !important;
}

.btn.custom-bg-primary {
  transition: 0.5s all ease-in-out;
}

.btn.custom-bg-primary:hover {
  background-color: var(--white-color) !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}

.btn.bg-white:hover {
  color: #FFF !important;
  border-color: #FFF !important;
  background-color: transparent !important;
}

.active-link {
  padding: 0px 25px;
}

.card-shadow {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}

.custom-bg-primary,
.btn:hover {
  background: var(--primary-color);
}

.custom-text-primary {
  color: var(--primary-color);
}

.lg-sub-heading {
  font-size: var(--lg-sub-heading);
}

.sub-heading {
  font-size: var(--sub-heading);
  line-height: 42px;
}

.heading {
  font-size: var(--heading);
  letter-spacing: -1.25px;
}

.ms-10 {
  margin-inline: 5rem;
}

.custom-w-45 {
  width: 45%;
}

.custom-w-50 {
  width: 50%;
}

.custom-w-55 {
  width: 55%;
}

.custom-w-60 {
  width: 60%;
}

.custom-w-63 {
  width: 63%;
}

.custom-w-67 {
  width: 67%;
}

.custom-w-72 {
  width: 72%;
}

.custom-w-80 {
  width: 80%;
}

.custom-w-84 {
  width: 84%;
}

.footer-section {
  position: relative;
  background: var(--primary-color);
}
.footer-section:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--gray-color);
}
@media (min-width: 768px) {
  .footer-section .company-name {
    padding-top: 30px;
  }
}
@media (min-width: 769px) {
  .footer-section .company-name {
    padding-top: 90px;
  }
}
@media (min-width: 992px) {
  .footer-section .company-name {
    padding-top: 32px;
  }
}

.fs-16 {
  font-size: 16px;
}

.darker-primary-bg {
  background: var(--primary-darker);
}

.sub-pill-heading {
  background: var(--secondary-color);
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--sub-pill-heading);
  font-weight: 500;
  height: 26px;
  display: flex;
  align-items: center;
  margin-bottom: 24px !important;
}

@media screen and (max-width: 1200px) {
  .custom-ps {
    padding-inline: 1.5rem;
  }
  .custom-w-72,
  .custom-w-67,
  .custom-w-50,
  .custom-w-60,
  .custom-w-84,
  .custom-w-80,
  .custom-w-55,
  .custom-w-63,
  .w-75 {
    width: 100% !important;
  }
  .heading {
    font-size: 42px;
  }
}
@media screen and (max-width: 1024px) {
  .heading {
    font-size: 36px;
  }
  .ms-10 {
    margin-inline: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .lg-sub-heading {
    font-size: var(--sub-heading);
  }
  .sub-heading,
  .exklusiv-heading {
    font-size: 24px;
    line-height: 2rem;
  }
}
/* header image - spirit */
.header-img .top {
  position: relative;
  z-index: 1;
  width: 40%;
}
.header-img .top img {
  transform: translateY(20%);
}
.header-img .bottom {
  margin-left: auto;
  width: 90%;
}
@media (min-width: 992px) {
  .header-img {
    padding: 0 2rem;
  }
}
@media (min-width: 1200px) {
  .header-img {
    padding: 0 4rem;
  }
}
@media (min-width: 1200px) {
  .header-img {
    padding: 0 5rem 0 4rem;
  }
}

/* Animations - spirit */
@keyframes jump {
  0%, 100% {
    transform: translateY(-35px);
  }
  50% {
    transform: translateY(-50px);
  }
}
/* geanious bubble */
.bubble {
  position: relative;
  border-style: solid;
  border-color: var(--primary-color);
  border-width: 2px;
  border-radius: 320px 320px 320px 0;
}
.bubble:before {
  content: "";
  display: block;
  padding-top: 70%;
}
.bubble > .inner {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
}

/* Code Field */
code {
  position: relative;
  display: block;
  color: #000;
  padding: 0 1.5rem 2rem;
  margin: 2rem 0;
  border-radius: 25px;
  border: 2px solid var(--primary-color);
  font-family: "inter-local", "Courier New", Courier, monospace;
  font-size: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: auto;
  cursor: pointer;
}
code:after {
  content: "";
  position: absolute;
  top: 1.9rem;
  right: 1.2rem;
  width: 30px;
  height: 30px;
  background-image: url(/images/copy.svg?f0b3e39ad369a95f35a515725ecfaeb9);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  code {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  code:after {
    width: 37px;
    height: 37px;
    right: 2rem;
  }
}

/* textpic */
.textpic {
  --smiley-size: 45px;
}
.textpic-heading {
  font-weight: 600;
  font-size: 23px;
  line-height: 36px;
}
.textpic-img {
  position: relative;
  padding-top: calc(var(--smiley-size) / 2);
}
.textpic-img > .inner {
  border: 2px solid var(--primary-color);
  border-radius: 33px;
}
.textpic-img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 3rem;
  width: var(--smiley-size);
  height: var(--smiley-size);
  background-image: url(/images/smiley-both-hands.svg?1654e3809e008565741e5e4b12815180);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .textpic > .inner {
    border-radius: 40px;
  }
}
@media (min-width: 768px) {
  .textpic {
    --smiley-size: 55px;
  }
  .textpic-heading {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .textpic {
    --smiley-size: 65px;
  }
  .textpic-img:after {
    right: 4rem;
  }
}
@media (min-width: 1400px) {
  .textpic {
    --smiley-size: 75px;
  }
  .textpic-img:after {
    right: 5rem;
  }
}

/* frame header */
.frame-header p.text {
  max-width: 700px;
}

/* testimonial section */
.testimonial-section.erstgespraech {
  background: var(--gray-color);
  border: 2px solid var(--primary-color);
}

/* exklusiv section */
.exklusiv-heading {
  font-size: 24px;
  line-height: 2rem;
}

.exklusiv-item {
  width: auto;
  height: auto;
}

@media (min-width: 768px) {
  .exklusiv-item {
    height: 476px;
  }
  .exklusiv-heading {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (min-width: 992px) {
  .exklusiv-item:first-child {
    margin-right: var(--mr-40);
  }
}
/* two boxes */
.two-boxes-h {
  height: 50rem;
}

.content-box {
  border: 2px solid var(--primary-color);
  height: 660px;
}

.content-box-heading {
  font-family: "inter-local", sans-serif;
  font-size: 26px;
  line-height: 36px;
}

.box-img1 {
  transform: translateY(-70px);
  width: 252px;
}

.custom-ps {
  padding-left: 5rem;
}

@media screen and (min-width: 992px) {
  .content-box:first-child {
    margin-right: var(--mr-40);
  }
}
@media screen and (max-width: 500px) {
  .content-box-heading {
    font-size: 22px;
  }
}
@media screen and (max-width: 1200px) {
  .two-boxes-h {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .box-img1 {
    width: 190px;
  }
  .content-box-heading {
    font-size: 23px;
  }
}
.hero-bg {
  background: linear-gradient(to left, var(--primary-color) 50%, var(--white-color) 50%);
  margin-top: -35px;
}

.branchen-heading {
  font-size: 70px;
  color: var(--white-color);
  line-height: 72px;
}

.zählen-heading {
  font-weight: 600;
}

.tourismus-section {
  background: var(--gray-color);
}

.two-boxes-branchen .box {
  height: 100%;
  border: 2px solid var(--primary-color);
}
.two-boxes-branchen .box-content {
  word-break: unset !important;
}
.two-boxes-branchen .boxes-img {
  top: -3rem;
}
@media (min-width: 768px) {
  .two-boxes-branchen .boxes-img {
    top: -4rem;
  }
}
@media (min-width: 1200px) {
  .two-boxes-branchen .boxes-img {
    top: -5rem;
  }
}

.boxes-img {
  position: relative;
}

.box-content {
  margin-top: -40px;
}

.testimonial-section {
  background: var(--gray-color);
}

#carouselTestimonials {
  border-radius: var(--rounded-40);
}
#carouselTestimonials .carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 100px;
  border: 1px solid var(--primary-color) !important;
  background-color: transparent;
}
#carouselTestimonials .carousel-indicators button.active {
  background-color: var(--primary-color);
}

.ul-list {
  margin-left: -15px;
}
.ul-list > li {
  margin-block: 20px;
}

.testimonial-section2 {
  border-radius: var(--rounded-40);
  border: 2px solid var(--primary-color);
  background-color: var(--lighter-grey-color);
  padding: 3rem 10px;
  cursor: grab;
}

.testimonial-heading,
.zählen-heading {
  font-size: 26px;
  line-height: 36px;
}

.right-arrow {
  transition: all 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .two-boxes {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .branchen-heading,
  .box-content {
    word-break: break-all;
  }
  .tourismus-img {
    width: 40% !important;
  }
}
@media screen and (max-width: 768px) {
  .two-boxes-h {
    height: auto;
  }
  .two-boxes {
    margin-top: 50px;
  }
  .two-boxes-branchen .box {
    margin-top: 50px;
  }
  .hero-bg {
    background: linear-gradient(to bottom, var(--primary-color) 58%, var(--white-color) 42%);
  }
  .zählen-heading {
    font-size: 23px;
  }
}
@media screen and (max-width: 578px) {
  .hero-bg {
    background: white;
  }
  .branchen-heading {
    color: var(--primary-color);
  }
  .branchen-heading {
    font-size: 50px;
  }
  .tourismus-img {
    width: 100%;
  }
  .boxes-img {
    width: 60%;
  }
}