@font-face {
  font-family: "ClashDisplay-Extralight";
  src: url("../fonts/ClashDisplay-Extralight.woff2") format("woff2"), url("../fonts/ClashDisplay-Extralight.woff") format("woff"), url("../fonts/ClashDisplay-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Light";
  src: url("../fonts/ClashDisplay-Light.woff2") format("woff2"), url("../fonts/ClashDisplay-Light.woff") format("woff"), url("../fonts/ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Regular";
  src: url("../fonts/ClashDisplay-Regular.woff2") format("woff2"), url("../fonts/ClashDisplay-Regular.woff") format("woff"), url("../fonts/ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Medium";
  src: url("../fonts/ClashDisplay-Medium.woff2") format("woff2"), url("../fonts/ClashDisplay-Medium.woff") format("woff"), url("../fonts/ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Semibold";
  src: url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"), url("../fonts/ClashDisplay-Semibold.woff") format("woff"), url("../fonts/ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Bold";
  src: url("../fonts/ClashDisplay-Bold.woff2") format("woff2"), url("../fonts/ClashDisplay-Bold.woff") format("woff"), url("../fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Variable";
  src: url("../fonts/ClashDisplay-Variable.woff2") format("woff2"), url("../fonts/ClashDisplay-Variable.woff") format("woff"), url("../fonts/ClashDisplay-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Extralight";
  src: url("../fonts/GeneralSans-Extralight.woff2") format("woff2"), url("../fonts/GeneralSans-Extralight.woff") format("woff"), url("../fonts/GeneralSans-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Light";
  src: url("../fonts/GeneralSans-Light.woff2") format("woff2"), url("../fonts/GeneralSans-Light.woff") format("woff"), url("../fonts/GeneralSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Regular";
  src: url("../fonts/GeneralSans-Regular.woff2") format("woff2"), url("../fonts/GeneralSans-Regular.woff") format("woff"), url("../fonts/GeneralSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Medium";
  src: url("../fonts/GeneralSans-Medium.woff2") format("woff2"), url("../fonts/GeneralSans-Medium.woff") format("woff"), url("../fonts/GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Semibold";
  src: url("../fonts/GeneralSans-Semibold.woff2") format("woff2"), url("../fonts/GeneralSans-Semibold.woff") format("woff"), url("../fonts/GeneralSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Bold";
  src: url("../fonts/GeneralSans-Bold.woff2") format("woff2"), url("../fonts/GeneralSans-Bold.woff") format("woff"), url("../fonts/GeneralSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Variable";
  src: url("../fonts/GeneralSans-Variable.woff2") format("woff2"), url("../fonts/GeneralSans-Variable.woff") format("woff"), url("../fonts/GeneralSans-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  padding-top: 180px;
  min-height: 100vh;
  background-color: #F2E9F8;
  background: linear-gradient(-90deg, rgb(242, 233, 248) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(-90deg, rgb(242, 233, 248) 0%, rgb(255, 255, 255) 100%);
  background: -moz-linear-gradient(-90deg, rgb(242, 233, 248) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2E9F8", endColorstr="#FFFFFF", GradientType=0);
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #3A1242;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
@media (max-width: 1024px) {
  body {
    padding-top: 120px;
  }
}

::selection { /* Code for Chrome */
  color: white;
  background: #F13B3E;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #F13B3E;
}

.container {
  max-width: 1500px;
  display: flex;
  align-self: center;
  margin: 0 70px;
}
@media screen and (max-width: 768px) {
  .container {
    margin: 0 20px;
  }
}

.block {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 150px;
}
@media only screen and (max-width: 1024px) {
  .block {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .block {
    margin-bottom: 50px;
  }
}
.block.no-mb {
  margin-bottom: 0;
}
.block.no-mt {
  margin-top: 0;
}

a {
  -webkit-tap-highlight-color: transparent !important;
  max-width: fit-content;
}

.faq-container {
  margin: 30px 0;
}

.button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
.button-wrapper .button {
  max-width: fit-content;
}
@media (max-width: 768px) {
  .button-wrapper {
    flex-direction: column;
  }
  .button-wrapper .button {
    min-width: 100%;
  }
}

/* Only new CSS for auto-cycling functionality */
.auto-faq-item.active .number {
  background: #F13B3E !important;
  color: white !important;
}

.auto-faq-item.active .faq-question {
  color: #F13B3E !important;
}

.auto-faq-item.active .faq-answer {
  max-height: 200px !important;
}

.auto-faq-item.active .faq-answer-content {
  opacity: 1 !important;
}

.auto-faq-item {
  position: relative;
  overflow: hidden;
}

.progress-border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #F13B3E;
  width: 0%;
  transition: width 0.1s linear;
  z-index: 10;
}

.auto-faq-item.active .progress-border {
  animation: fillProgressBorder 5s linear;
}

@keyframes fillProgressBorder {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.auto-faq-item.active {
  /* Removed transform to prevent shifting */
}

.number {
  border-radius: 50%;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
}
.faq-item .number {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3A1242;
  border-radius: 50%;
  color: white;
  font-weight: 500;
  font-size: 16px;
  min-width: 40px;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 0;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  font-weight: 500;
  color: #333;
  font-size: 16px;
  transition: color 0.3s ease;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
.faq-question.bigger-title {
  font-size: 20px;
}
@media (max-width: 768px) {
  .faq-question.bigger-title {
    font-size: 16px;
  }
}

.faq-question:hover {
  color: #F13B3E;
}

.faq-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  margin-left: 1rem;
  position: relative;
  transform: rotate(0deg);
}

.faq-icon::before {
  content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='5' fill='%233A1242'/%3E%3Cpath d='M13.3333 14.6666H9.33331V13.3333H13.3333V9.33325H14.6666V13.3333H18.6666V14.6666H14.6666V18.6666H13.3333V14.6666Z' fill='white'/%3E%3C/svg%3E%0A");
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  top: -1px;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item.active .faq-icon::before {
  content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='5' fill='%23F13B3E'/%3E%3Cpath d='M13.3333 14.6667H9.33331V13.3334H13.3333L14.6666 13.3333L18.6666 13.3334V14.6667H14.6666H13.3333Z' fill='white'/%3E%3C/svg%3E%0A");
  position: relative;
  top: -1px;
}

.faq-answer.active {
  max-height: 300px;
}

.faq-answer-content {
  padding: 0 0 1.5rem 0;
  color: #666;
  line-height: 1.6;
}

/* Block Featured Half Styles */
.block-featured-half {
  display: flex;
  align-items: center;
  gap: 100px;
}
.block-featured-half .container {
  display: flex;
  align-items: center;
  gap: 100px;
}

.block-featured-half__image {
  flex: 1;
  max-width: 550px;
  aspect-ratio: 1/1;
}

.block-featured-half__image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  max-width: 550px;
  aspect-ratio: 1/1;
}

.block-featured-half__content {
  flex: 1;
  max-width: 50%;
  display: flex;
  flex-direction: column;
}
.block-featured-half__content p {
  margin: 20px 0;
}

.block-featured-half__link:hover::before {
  transform: translateX(4px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .block-featured-half {
    gap: 40px;
  }
  .block-featured-half .container {
    flex-direction: column;
    gap: 30px;
  }
  .block-featured-half__content {
    max-width: 100%;
  }
  .block-featured-half__image {
    width: 100%;
    min-width: 100%;
  }
  .block-featured-half__image img {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .block-featured-half {
    flex-direction: column;
    gap: 30px;
    text-align: left;
  }
  .block-featured-half__image,
  .block-featured-half__content {
    flex: none;
    max-width: 100%;
    width: 100%;
  }
}
/* Variant: Reverse Layout */
.block-featured-half--reverse .container {
  gap: 100px;
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width: 1024px) {
  .block-featured-half--reverse .container {
    flex-direction: column !important;
    gap: 30px;
  }
}

.block-featured-half .container {
  gap: 100px;
  align-items: center;
}
@media (max-width: 1024px) {
  .block-featured-half .container {
    flex-direction: column !important;
    gap: 30px;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}

h2 {
  font-size: 30px;
}
@media (max-width: 768px) {
  h2 {
    font-size: 24px;
  }
}

p {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 15px;
  line-height: 25px;
}

.block-featured-half__description + .block-featured-half__description {
  margin-top: 0 !important;
}

.link-group {
  gap: 1em;
  justify-content: center;
  font-size: 3em;
  display: flex;
}

.underline-link {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  color: #3A1242;
  line-height: 1.25;
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.underline-link::before,
.underline-link.is--alt::before,
.underline-link.is--alt::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #3A1242;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.underline-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

/* Alt */
.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

.block-countries .container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 100px;
}
@media only screen and (max-width: 768px) {
  .block-countries .container {
    flex-direction: column;
  }
}
.block-countries .container .left-side-wrapper {
  min-width: 550px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.block-countries .container .left-side-wrapper .absolute-text {
  text-align: center;
}
@media only screen and (max-width: 1260px) {
  .block-countries .container .left-side-wrapper {
    min-width: auto;
  }
}
.block-countries .container .left-side {
  position: relative;
  background: #E8DAEB;
  border-radius: 10px;
  padding: 70px;
  box-sizing: border-box;
}
.block-countries .container .left-side:before {
  display: flex;
  content: url("data:image/svg+xml,%3Csvg width='46' height='61' viewBox='0 0 46 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.0069 47.7683C41.0069 46.229 40.413 44.1128 39.0931 41.697C37.7933 39.3179 35.8793 36.8159 33.4759 34.5384C32.9038 33.9962 32.3072 33.4698 31.6881 32.9629C26.6902 36.2794 21.0466 38.7115 16.2659 39.4466C17.059 43.6494 18.4256 46.9861 20.2103 49.486C23.0602 53.4781 27.1317 55.5659 32.3378 55.5659C35.6101 55.5659 37.7217 54.3894 39.0276 52.9383C40.3798 51.4358 41.0069 49.4841 41.0069 47.7683ZM41.0991 12.3094C41.0507 8.43948 37.9375 5.07044 32.7977 5.07044C25.8705 5.07045 18.8111 10.2799 16.3767 21.4736C22.0788 21.7772 27.3147 23.852 31.7204 26.7678C34.357 24.7103 36.6496 22.4056 38.3098 20.0159C40.1382 17.3839 41.0996 14.7982 41.0996 12.4009L41.0991 12.3094ZM4.90036 30.8404C4.90036 31.8653 5.40625 32.7197 6.96719 33.4584C7.98485 33.9399 9.28237 34.2681 10.7181 34.4466C10.6315 33.1257 10.588 31.7626 10.588 30.359C10.588 29.1569 10.6278 27.9856 10.7055 26.8461C9.3319 27.0872 8.14481 27.4508 7.20136 27.919C5.4432 28.7913 4.90036 29.7877 4.90036 30.8404ZM15.4884 30.359C15.4884 31.775 15.5361 33.1282 15.6285 34.4192C18.9552 33.8922 23.1224 32.2808 27.1709 29.8725C23.6881 27.9198 19.7691 26.6482 15.6402 26.5169C15.5404 27.7422 15.4884 29.0227 15.4884 30.359ZM45.9997 12.49C45.9763 16.2571 44.4731 19.8311 42.2888 22.9754C40.5398 25.493 38.2904 27.8299 35.8046 29.9019C36.139 30.1971 36.4661 30.4964 36.7857 30.7992C39.5347 33.4043 41.7838 36.3185 43.359 39.2017C44.9141 42.048 45.9072 45.0402 45.9072 47.7683C45.9072 50.6693 44.8724 53.884 42.6138 56.3937C40.3089 58.9549 36.8609 60.6364 32.3378 60.6364C25.6811 60.6364 20.1028 57.8694 16.2687 52.4986C13.8417 49.0989 12.1825 44.7563 11.3101 39.5985C9.10065 39.4297 6.84098 38.9742 4.92907 38.0694C2.32816 36.8386 0 34.5419 0 30.8404C8.60988e-06 27.1668 2.29906 24.7282 5.08253 23.3471C6.89393 22.4483 9.05801 21.9003 11.3591 21.6334C13.9258 7.89743 22.5977 1.02925e-05 32.7977 0C40.1885 0 46 5.20553 46 12.4009L45.9997 12.49Z' fill='%23F13B3E'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 70px;
  top: -30px;
}
@media only screen and (max-width: 1260px) {
  .block-countries .container .left-side {
    padding: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .block-countries .container .left-side {
    padding: 29px;
  }
}
.block-countries .container .left-side h3 {
  font-size: 26px;
}
.block-countries .container .left-side .left-side-flags {
  margin-bottom: 50px;
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 1260px) {
  .block-countries .container .left-side .left-side-flags {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .block-countries .container .left-side .left-side-flags {
    margin: 30px 0;
  }
}
.block-countries .container .left-side .left-side-flags .column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.block-countries .container .left-side .left-side-flags .flag-item {
  color: inherit;
  text-decoration: none;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.block-countries .container .left-side .left-side-flags .flag-item:hover {
  text-decoration: underline;
}
.block-countries .container .left-side .left-side-flags .flag-item img {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.block-countries .container .right-side-grid {
  margin-top: -60px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  .block-countries .container .right-side-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 50px;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .block-countries .container .right-side-grid {
    justify-content: space-between;
    gap: 30px;
  }
}
.block-countries .container .right-side-grid .column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.block-countries .container .right-side-grid .flag-item {
  color: inherit;
  text-decoration: none;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  transition: all 0.3s ease-in-out;
  min-width: max-content;
  white-space: nowrap;
}
.block-countries .container .right-side-grid .flag-item:hover {
  text-decoration: underline;
}
.block-countries .container .right-side-grid .flag-item img {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

.button {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 50px;
  border-radius: 5px;
  padding: 0 20px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  max-width: 100%;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
.button--purple {
  background: #3A1242;
  color: #ffffff;
}
.button--purple:hover {
  background: rgb(75.6071428571, 23.4642857143, 86.0357142857);
}
.button--green {
  background: #67CF6E;
  color: #ffffff;
}
.button--green:hover {
  background: rgb(122.38, 213.12, 128.4875);
}
.button--outlined {
  background: white;
  color: #3A1242;
  border: 1px solid #E9E9E9;
}
.button--outlined:hover {
  border: 1px solid #d2d2d2;
}
.button--purple-alt {
  background: #441E4C;
  color: #ffffff;
}
.button--purple-alt:hover {
  background: rgb(75.6071428571, 23.4642857143, 86.0357142857);
}
.button--red {
  background: #F13B3E;
  color: #ffffff;
}
.button--red:hover {
  background: rgb(242.7, 82.8, 85.4357142857);
}
.button--red--outlined {
  background: transparent;
  color: #F13B3E;
  border: 1px solid #F13B3E;
}
.button--red--outlined:hover {
  background: rgba(241, 59, 62, 0.05);
  border: 1px solid rgb(242.7, 82.8, 85.4357142857);
}

.block-testimonials {
  /* Setup */
  /* Controls */
  /* Customization */
}
.block-testimonials .container {
  width: 100%;
  background: #3A1242;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 70px 0;
  display: flex !important;
  flex-direction: column !important;
  gap: 50px;
}
@media only screen and (max-width: 1200px) {
  .block-testimonials .container {
    width: calc(100vw - 140px);
    margin-left: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .block-testimonials .container {
    width: calc(100vw - 40px);
    margin-left: 20px;
  }
}
.block-testimonials .container .upper-content {
  color: white;
  padding: 0 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .block-testimonials .container .upper-content {
    padding: 0 30px;
  }
}
.block-testimonials .container .upper-content span {
  color: #F13B3E;
}
.block-testimonials .gsap-slider {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
  overflow: hidden;
}
.block-testimonials .gsap-slider__collection {
  width: 100%;
  max-width: 72em;
}
.block-testimonials .gsap-slider__list {
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  touch-action: pan-y;
  backface-visibility: hidden;
  display: flex;
}
.block-testimonials .gsap-slider__item {
  width: calc((100% - 1px - (var(--slider-spv) - 1) * var(--slider-gap)) / var(--slider-spv));
  margin-right: var(--slider-gap);
  flex: none;
}
.block-testimonials .demo-card {
  background-color: rgb(75.6071428571, 23.4642857143, 86.0357142857);
  border-radius: 1.5em;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: 400px;
}
.block-testimonials .osmo-icon-svg {
  opacity: 0.1;
  width: 40%;
  position: absolute;
}
.block-testimonials .demo-card__tag {
  position: absolute;
  top: 2em;
  left: 2em;
}
.block-testimonials .demo-card__tag-p {
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1;
}
.block-testimonials [data-gsap-slider-init] {
  --slider-status: on; /* Turn slider on/off */
  --slider-spv: 2.3; /* Slides per view */
  --slider-gap: 1.5em; /* Slides Gap */
}
@media screen and (max-width: 991px) {
  .block-testimonials [data-gsap-slider-init] {
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 2.25; /* Slides per view */
    --slider-gap: 1.5em; /* Slides Gap */
  }
}
@media screen and (max-width: 767px) {
  .block-testimonials [data-gsap-slider-init] {
    --slider-status: on; /* Turn slider on/off */
    --slider-spv: 1.1; /* Slides per view */
    --slider-gap: 1em; /* Gap */
  }
}
.block-testimonials [data-gsap-slider-item]:last-child {
  margin-right: 0;
}
.block-testimonials .gsap-slider__controls {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .block-testimonials .gsap-slider__controls {
    display: none;
  }
}
.block-testimonials .gsap-slider__control {
  color: #efeeec;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #614168;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.block-testimonials .gsap-slider__control:hover {
  background: rgba(255, 255, 255, 0.05);
}
.block-testimonials [data-gsap-slider-status=not-active] [data-gsap-slider-controls] {
  display: none;
}
.block-testimonials [data-gsap-slider-control-status=not-active] {
  opacity: 0.2;
  pointer-events: none;
}
.block-testimonials .gsap-slider__control {
  transition: opacity 0.3s ease;
}
.block-testimonials .demo-card {
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 30px;
  color: white;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 300;
  font-display: swap;
  font-size: 16px;
  line-height: 26px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
}
.block-testimonials .demo-card .review-text .date-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.block-testimonials .demo-card .review-text span.date {
  margin-top: 10px;
  display: flex;
  color: #A28FA5;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.block-testimonials .demo-card .review-text .label {
  border-radius: 100px;
  padding: 2px 15px;
  display: inline-block;
  border: 1px solid #614168;
  color: white;
  font-size: 14px;
}
.block-testimonials .demo-card .review-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.block-testimonials .demo-card .review-author .avatar {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  object-fit: cover;
}
.block-testimonials .demo-card .review-author .avatar img {
  max-width: 100%;
}
.block-testimonials .demo-card .review-author .name {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
.block-testimonials .demo-card .review-author .job {
  font-weight: 400;
  font-size: 15px;
  color: #A28FA5;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 300;
  font-display: swap;
}
.block-testimonials [data-gsap-slider-item-status=not-active] .demo-card {
  opacity: 0.7;
}
.block-testimonials .demo-card__tag {
  transition: all 0.3s ease;
}
.block-testimonials [data-gsap-slider-item-status=not-active] .demo-card__tag {
  opacity: 0;
}

.block-map .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.block-map .container #map {
  position: relative;
  z-index: -1;
  max-width: 100%;
}
.block-map .container .content {
  z-index: 1;
  position: absolute;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 700px;
}
.block-map .container .content:before {
  top: -150px;
  position: absolute;
  height: 500px;
  content: "";
  display: flex;
  width: 100vw;
  background: #FBF8FC;
  background: -webkit-linear-gradient(180deg, rgba(251, 248, 252, 0) 0%, rgb(252, 249, 253) 51%);
  background: -moz-linear-gradient(180deg, rgba(251, 248, 252, 0) 0%, rgb(252, 249, 253) 51%);
  background: linear-gradient(180deg, rgba(251, 248, 252, 0) 0%, rgb(252, 249, 253) 51%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FBF8FC", endColorstr="#FCF9FD", GradientType=0);
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .block-map .container .content {
    position: relative;
    margin-top: -250px;
  }
  .block-map .container .content:before {
    top: -50px;
    position: absolute;
    height: 500px;
    content: "";
    display: flex;
    width: 100vw;
    background: #FBF8FC;
    background: -webkit-linear-gradient(180deg, rgba(251, 248, 252, 0.1) 0%, rgb(252, 249, 253) 51%);
    background: -moz-linear-gradient(180deg, rgba(251, 248, 252, 0.1) 0%, rgb(252, 249, 253) 51%);
    background: linear-gradient(180deg, rgba(251, 248, 252, 0.1) 0%, rgb(252, 249, 253) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FBF8FC", endColorstr="#FCF9FD", GradientType=0);
    z-index: -1;
  }
}
.block-map .container .content .button {
  max-width: fit-content;
}

.block-auto-cycler {
  min-height: 700px;
}

.block-usps .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.block-usps .upper-content {
  text-align: center;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.block-usps .upper-content p {
  font-size: 16px;
  color: #333333;
}
.block-usps .usps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 45px;
}
@media only screen and (max-width: 1024px) {
  .block-usps .usps-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block-usps .usps-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
.block-usps .usps-grid .usp-item {
  border-radius: 10px;
  border: 2px solid #E8DAEB;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}
.block-usps .usps-grid .usp-item--red {
  background: #E8DAEB;
}
.block-usps .usps-grid .usp-item--red .usp-icon {
  background: #F13B3E !important;
}
.block-usps .usps-grid .usp-item--red h4 {
  color: #F13B3E !important;
}
@media (max-width: 768px) {
  .block-usps .usps-grid .usp-item {
    padding: 20px;
    gap: 20px;
  }
}
.block-usps .usps-grid .usp-item p {
  color: #333333;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 15px;
}
.block-usps .usps-grid .usp-item h4 {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .block-usps .usps-grid .usp-item h4 {
    font-size: 16px;
  }
}
.block-usps .usps-grid .usp-item .usp-icon {
  background: #3A1242;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
}
@media (max-width: 768px) {
  .block-usps .usps-grid .usp-item .usp-icon {
    width: 80px;
    height: 80px;
  }
}

/* Block Hero */
.block-hero-landing .container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.block-hero-landing .container ul {
  list-style: none;
}
.block-hero-landing .container .block-hero-main {
  position: relative;
  background-color: #3A1242;
  color: #FFFFFF;
  padding: 70px;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-main {
    padding: 30px;
  }
}
.block-hero-landing .container .block-hero-main::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='366' height='483' viewBox='0 0 366 483' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M326.272 380.069C326.272 367.822 321.547 350.985 311.045 331.763C300.704 312.834 285.475 292.927 266.352 274.805C261.8 270.492 257.053 266.303 252.127 262.27C212.362 288.658 167.458 308.009 129.42 313.858C135.73 347.298 146.603 373.846 160.803 393.737C183.479 425.5 215.874 442.111 257.296 442.111C283.333 442.111 300.134 432.75 310.524 421.205C321.283 409.25 326.272 393.721 326.272 380.069ZM327.006 97.9401C326.621 67.1489 301.851 40.343 260.956 40.343C205.839 40.3431 149.671 81.7925 130.302 170.855C175.67 173.27 217.33 189.779 252.384 212.979C273.362 196.608 291.604 178.27 304.812 159.257C319.361 138.315 327.01 117.742 327.01 98.6682L327.006 97.9401ZM38.9898 245.382C38.9898 253.537 43.0149 260.335 55.4346 266.212C63.5316 270.044 73.8554 272.655 85.2785 274.075C84.5899 263.566 84.2439 252.72 84.2439 241.552C84.2439 231.987 84.5606 222.668 85.1785 213.601C74.2495 215.52 64.8044 218.413 57.2977 222.138C43.309 229.079 38.9899 237.007 38.9898 245.382ZM123.234 241.552C123.234 252.818 123.613 263.585 124.349 273.857C150.818 269.664 183.974 256.843 216.186 237.681C188.475 222.144 157.293 212.027 124.442 210.982C123.648 220.732 123.234 230.92 123.234 241.552ZM365.997 99.3768C365.812 129.35 353.852 157.787 336.472 182.804C322.556 202.836 304.658 221.429 284.88 237.915C287.54 240.264 290.143 242.645 292.686 245.055C314.559 265.782 332.454 288.969 344.987 311.909C357.36 334.556 365.262 358.364 365.262 380.069C365.262 403.151 357.028 428.729 339.058 448.698C320.719 469.076 293.284 482.455 257.296 482.455C204.332 482.454 159.949 460.439 129.442 417.706C110.132 390.657 96.93 356.105 89.9893 315.066C72.4095 313.723 54.4304 310.099 39.2183 302.9C18.5241 293.107 0 274.833 0 245.382C6.85047e-05 216.153 18.2925 196.75 40.4392 185.761C54.8517 178.61 72.0702 174.25 90.3792 172.127C110.801 62.8361 179.799 8.18927e-05 260.956 0C319.761 0 366 41.4179 366 98.6682L365.997 99.3768Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 750px;
  background-repeat: no-repeat;
  background-position: 80% 125px;
  z-index: 0;
  left: 0;
  top: 0;
}
@media (max-width: 1200px) {
  .block-hero-landing .container .block-hero-main::before {
    background-size: 550px;
    background-position: 80% 150px;
  }
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-main::before {
    background-position: 50% 90%;
  }
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-main::before {
    background-size: 90%;
    background-position: 50% 95%;
  }
}
.block-hero-landing .container .block-hero-main .block-hero-main-left {
  position: relative;
  width: 100%;
  max-width: 750px;
  z-index: 1;
}
@media (max-width: 1300px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-left {
    width: 55%;
  }
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-left {
    max-width: none;
    width: 100%;
  }
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li h1 {
  font-size: 40px;
}
@media (max-width: 1000px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li h1 {
    font-size: 35px;
  }
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li h1 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li h1 {
    font-size: 24px;
  }
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li h1 span {
  color: #F13B3E;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li > p {
  margin-top: 20px;
  padding-right: 50px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul > li > a {
  width: fit-content;
  padding: 0 30px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul .block-hero-main-left__info {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul .block-hero-main-left__info span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 30px;
  background-color: #441E4C;
  font-size: 14px;
  border-radius: 5px;
  padding: 0 10px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul .block-hero-main-left__size-details strong {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul .block-hero-main-left__usp {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-left > ul .block-hero-main-left__usp li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.block-hero-landing .container .block-hero-main .block-hero-main-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 0;
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-right {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-right {
    margin-top: 30px;
  }
}
.block-hero-landing .container .block-hero-main .block-hero-main-right img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1300px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-right img {
    transform: translateX(15%);
  }
}
@media (max-width: 1200px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-right img {
    height: 80%;
    transform: translateY(25px) translateX(15%);
  }
}
@media (max-width: 1000px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-right img {
    height: 60%;
    transform: translateY(100px) translateX(15%);
  }
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-main .block-hero-main-right img {
    height: auto;
    transform: translateY(0) translateX(-70px);
    width: calc(100% + 140px);
  }
}
.block-hero-landing .container .block-hero-sub {
  margin: 0 70px;
  padding: 0px 40px;
  background-color: #2D0934;
  border-radius: 0 0 10px 10px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1430px) {
  .block-hero-landing .container .block-hero-sub {
    padding: 1vh 40px;
  }
}
@media (max-width: 1300px) {
  .block-hero-landing .container .block-hero-sub {
    padding: 30px 40px;
  }
}
@media (max-width: 1000px) {
  .block-hero-landing .container .block-hero-sub {
    margin: 0 40px;
  }
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-sub {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-sub {
    margin: 20px 0 0 0;
    padding: 30px 15px 15px 15px;
    border-radius: 10px;
  }
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-left {
  height: fit-content;
}
@media (max-width: 1300px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-left {
    max-width: 35%;
  }
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-left {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-left {
    padding: 0 45px;
  }
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-left strong {
  font-size: 20px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-left strong {
    font-size: 16px;
  }
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-left p {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-left p {
    display: none;
  }
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right {
  flex: 1;
  /* Osmo code */
}
@media (max-width: 920px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-right {
    width: 100%;
  }
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall {
  display: flex;
  justify-content: center;
  width: 100%;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__collection {
  width: 100%;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__list {
  display: flex;
  flex-flow: wrap;
  flex-direction: row-reverse;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__item {
  width: 25%;
  position: relative;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+4) {
  display: none;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__logo-before {
  padding-top: 66.66%;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__logo-target {
  justify-content: center;
  align-items: center;
  width: 66.66%;
  height: 40%;
  display: flex;
  position: absolute;
}
.block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__logo-img {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
@media screen and (max-width: 991px) {
  .block-hero-landing .container .block-hero-sub .block-hero-sub-right .logo-wall__item {
    width: 33.333%;
  }
  .block-hero-landing .container .block-hero-sub .block-hero-sub-right [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+7) {
    display: none;
  }
}

/* Footer ----------------------------------------- */
.block-footer {
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  margin-bottom: 15px;
  /* copyright + betaalmethoden */
}
.block-footer .container:first-of-type {
  position: relative;
  background-color: #3A1242;
  padding: 70px 70px 100px 70px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .block-footer .container:first-of-type {
    padding: 30px;
  }
}
.block-footer .container:first-of-type::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='366' height='483' viewBox='0 0 366 483' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M326.272 380.069C326.272 367.822 321.547 350.985 311.045 331.763C300.704 312.834 285.475 292.927 266.352 274.805C261.8 270.492 257.053 266.303 252.127 262.27C212.362 288.658 167.458 308.009 129.42 313.858C135.73 347.298 146.603 373.846 160.803 393.737C183.479 425.5 215.874 442.111 257.296 442.111C283.333 442.111 300.134 432.75 310.524 421.205C321.283 409.25 326.272 393.721 326.272 380.069ZM327.006 97.9401C326.621 67.1489 301.851 40.343 260.956 40.343C205.839 40.3431 149.671 81.7925 130.302 170.855C175.67 173.27 217.33 189.779 252.384 212.979C273.362 196.608 291.604 178.27 304.812 159.257C319.361 138.315 327.01 117.742 327.01 98.6682L327.006 97.9401ZM38.9898 245.382C38.9898 253.537 43.0149 260.335 55.4346 266.212C63.5316 270.044 73.8554 272.655 85.2785 274.075C84.5899 263.566 84.2439 252.72 84.2439 241.552C84.2439 231.987 84.5606 222.668 85.1785 213.601C74.2495 215.52 64.8044 218.413 57.2977 222.138C43.309 229.079 38.9899 237.007 38.9898 245.382ZM123.234 241.552C123.234 252.818 123.613 263.585 124.349 273.857C150.818 269.664 183.974 256.843 216.186 237.681C188.475 222.144 157.293 212.027 124.442 210.982C123.648 220.732 123.234 230.92 123.234 241.552ZM365.997 99.3768C365.812 129.35 353.852 157.787 336.472 182.804C322.556 202.836 304.658 221.429 284.88 237.915C287.54 240.264 290.143 242.645 292.686 245.055C314.559 265.782 332.454 288.969 344.987 311.909C357.36 334.556 365.262 358.364 365.262 380.069C365.262 403.151 357.028 428.729 339.058 448.698C320.719 469.076 293.284 482.455 257.296 482.455C204.332 482.454 159.949 460.439 129.442 417.706C110.132 390.657 96.93 356.105 89.9893 315.066C72.4095 313.723 54.4304 310.099 39.2183 302.9C18.5241 293.107 0 274.833 0 245.382C6.85047e-05 216.153 18.2925 196.75 40.4392 185.761C54.8517 178.61 72.0702 174.25 90.3792 172.127C110.801 62.8361 179.799 8.18927e-05 260.956 0C319.761 0 366 41.4179 366 98.6682L365.997 99.3768Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 375px;
  background-repeat: no-repeat;
  background-position: 20% 175px;
  z-index: -1;
}
@media (max-width: 1430px) {
  .block-footer .container:first-of-type::before {
    background-size: 500px;
    background-position: 20% 275px;
  }
}
@media (max-width: 920px) {
  .block-footer .container:first-of-type::before {
    background-size: 500px;
    background-position: 100px 0px;
  }
}
@media (max-width: 550px) {
  .block-footer .container:first-of-type::before {
    background-size: 400px;
    background-position: 75px 200px;
  }
}
.block-footer ul {
  list-style: none;
}
.block-footer a {
  color: #FFFFFF;
}
.block-footer .block-footer__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 80px;
  /* Eerste rij */
  /* Tussen rijen */
  /* Laatste rij */
}
@media (max-width: 1430px) {
  .block-footer .block-footer__list {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    flex-direction: unset;
    justify-content: unset;
  }
}
@media (max-width: 920px) {
  .block-footer .block-footer__list {
    grid-template-rows: unset;
    grid-auto-flow: unset;
    display: flex;
    flex-direction: column;
    gap: 65px;
  }
}
.block-footer .block-footer__list .underline-link::before,
.block-footer .block-footer__list .underline-link.is--alt::before,
.block-footer .block-footer__list .underline-link.is--alt::after {
  background-color: #FFFFFF;
}
@media (max-width: 1430px) {
  .block-footer .block-footer__list .block-footer__list__company {
    order: 1;
  }
}
.block-footer .block-footer__list .block-footer__list__company ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.block-footer .block-footer__list .block-footer__list__company .block-footer__list__company__socials {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.block-footer .block-footer__list .block-footer__list__company .block-footer__list__company__socials a {
  display: grid;
  place-items: center;
  height: 50px;
  min-width: 50px;
  width: 50px;
  border-radius: 10px;
  border: 1px solid #614168;
  transition: all 0.3s ease-in-out;
}
.block-footer .block-footer__list .block-footer__list__company .block-footer__list__company__socials a:hover {
  border: 1px solid #FFFFFF;
}
.block-footer .block-footer__list .block-footer__list__row {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
@media (max-width: 1430px) {
  .block-footer .block-footer__list .block-footer__list__row:nth-of-type(2) {
    order: 3;
  }
  .block-footer .block-footer__list .block-footer__list__row:nth-of-type(3) {
    order: 4;
  }
}
@media (max-width: 920px) {
  .block-footer .block-footer__list .block-footer__list__row:nth-of-type(2) {
    order: 2;
  }
  .block-footer .block-footer__list .block-footer__list__row:nth-of-type(3) {
    order: 4;
    margin-bottom: -45px;
  }
}
.block-footer .block-footer__list .block-footer__list__row h3 {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 20px;
  margin-bottom: 30px;
}
.block-footer .block-footer__list .block-footer__list__row h3 strong {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
}
.block-footer .block-footer__list .block-footer__list__row ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.block-footer .block-footer__list .block-footer__list__row > a {
  margin-top: auto;
}
@media (max-width: 1430px) {
  .block-footer .block-footer__list .block-footer__list__row > a {
    margin-top: 30px;
  }
}
@media (max-width: 920px) {
  .block-footer .block-footer__list .block-footer__list__row > a {
    margin-top: 65px;
  }
}
.block-footer .block-footer__list .block-footer__list__contact {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1430px) {
  .block-footer .block-footer__list .block-footer__list__contact {
    order: 3;
  }
}
@media (max-width: 920px) {
  .block-footer .block-footer__list .block-footer__list__contact {
    order: 4;
  }
}
.block-footer .block-footer__list .block-footer__list__contact div {
  background-color: #441E4C;
  border-radius: 10px;
  padding: 30px;
  width: 350px;
  margin-bottom: 35px;
}
@media (max-width: 920px) {
  .block-footer .block-footer__list .block-footer__list__contact div {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 550px) {
  .block-footer .block-footer__list .block-footer__list__contact div {
    padding: 20px;
  }
}
.block-footer .block-footer__list .block-footer__list__contact div h3 {
  font-size: 20px;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
}
.block-footer .block-footer__list .block-footer__list__contact div h4 {
  font-size: 20px;
}
.block-footer .block-footer__list .block-footer__list__contact div ul {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.block-footer .block-footer__list .block-footer__list__contact div ul a {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 20px;
}
.block-footer .block-footer__list .block-footer__list__contact div ul a > span:first-of-type {
  display: grid;
  place-items: center;
  background-color: #3A1242;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
@media (max-width: 550px) {
  .block-footer .block-footer__list .block-footer__list__contact div ul a > span:last-of-type > strong {
    white-space: nowrap;
  }
  .block-footer .block-footer__list .block-footer__list__contact div ul a > span:last-of-type > span {
    font-size: 13px;
  }
}
.block-footer .block-footer__list .block-footer__list__contact div ul a strong {
  display: block;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
@media (max-width: 1655px) {
  .block-footer .block-footer__list .block-footer__list__contact .button {
    margin-top: auto;
  }
}
@media (max-width: 1430px) {
  .block-footer .block-footer__list .block-footer__list__contact .button {
    margin-top: 0;
  }
}
.block-footer .container:last-of-type {
  padding: 20px 70px;
  color: #1E1E1E;
  width: 100%;
}
@media (max-width: 768px) {
  .block-footer .container:last-of-type {
    padding: 20px 30px;
  }
}
.block-footer .container:last-of-type > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 30px;
}
@media (max-width: 1200px) {
  .block-footer .container:last-of-type > ul {
    margin-top: 10px;
    padding: 0 70px;
    display: grid;
    grid-template-columns: max-content max-content;
  }
}
@media (max-width: 920px) {
  .block-footer .container:last-of-type > ul {
    grid-template-columns: none;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .block-footer .container:last-of-type > ul > li:nth-of-type(1) {
    order: 1;
  }
  .block-footer .container:last-of-type > ul > li:nth-of-type(2) {
    order: 3;
    grid-column: span 2;
    display: flex;
    justify-content: center;
  }
  .block-footer .container:last-of-type > ul > li:nth-of-type(3) {
    order: 2;
    margin-left: auto;
  }
}
@media (max-width: 920px) {
  .block-footer .container:last-of-type > ul > li:nth-of-type(1) {
    order: 2;
  }
  .block-footer .container:last-of-type > ul > li:nth-of-type(2) {
    order: 3;
  }
  .block-footer .container:last-of-type > ul > li:nth-of-type(3) {
    order: 1;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .block-footer .container:last-of-type > ul > li:nth-of-type(1) span {
    display: block;
    text-align: center;
  }
  .block-footer .container:last-of-type > ul > li:nth-of-type(2) {
    transform: scale(0.75);
  }
}
@media (max-width: 500px) {
  .block-footer .container:last-of-type > ul > li:nth-of-type(2) {
    transform: scale(0.6);
  }
}
.block-footer .container:last-of-type > ul ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  width: fit-content;
}
.block-footer .container:last-of-type > ul ul li {
  display: grid;
  place-items: center;
  height: 40px;
  width: 70px;
  min-width: fit-content;
  white-space: nowrap;
  border: 1px solid #EDEDED;
  border-radius: 5px;
}
.block-footer .container:last-of-type > ul ul li:last-of-type {
  width: fit-content;
}
.block-footer .container:last-of-type > ul ul a {
  display: grid;
  place-items: center;
  font-size: 14px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  height: 100%;
  padding: 0 20px;
}
.block-footer .container:last-of-type a {
  color: #3A1242;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  text-decoration: none;
}
.block-footer .container:last-of-type .footer-content-bottom__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: fit-content;
  white-space: nowrap;
}

.hero-inputs {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
.hero-inputs .button {
  max-width: 450px;
  text-align: center;
  justify-content: space-between;
  background: #6BA56C;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
}
@media screen and (max-width: 768px) {
  .hero-inputs .button {
    max-width: 100% !important;
  }
}
.hero-inputs .button:hover {
  background: rgb(122.8571428571, 174.6428571429, 123.75);
}
.hero-inputs .button .price {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 4px 10px;
  color: #FFF;
  margin-right: -5px;
}

.textbox-container * {
  font-family: "Open Sans", sans-serif;
}

.textbox-container {
  max-width: 450px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .textbox-container {
    max-width: 100%;
  }
}

.textbox-container .textbox {
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  height: 50px;
  outline: none;
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  color: #FFF;
  padding-left: 100px;
}
.textbox-container .textbox::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.textbox-container .address-button {
  cursor: pointer;
  position: absolute;
  top: 11px;
  left: 11px;
  height: 28px;
  width: 75px;
  font-size: 12px;
  background: #2D0934;
  color: #FFF;
  outline: none;
  border: none;
  border-radius: 5px;
}

.textbox-container .location-button {
  cursor: pointer;
  position: absolute;
  top: 11px;
  right: 11px;
  background: #F13B3E;
  outline: none;
  border: none;
  border-radius: 5px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swap-button {
  position: absolute;
  top: 0;
  right: -65px;
  height: 50px;
  width: 50px;
  background: #4E2A55;
  outline: none;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  transition: all 300ms;
}
.swap-button:hover {
  border: 1px solid transparent;
  background: rgb(93.6614173228, 50.4330708661, 102.0669291339);
}
@media screen and (max-width: 768px) {
  .swap-button {
    display: none;
  }
}

.direct-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 450px;
  height: 50px;
  background: #6BA56C;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 11px;
  outline: none;
  border: none;
}
@media screen and (max-width: 768px) {
  .direct-button {
    max-width: 100% !important;
  }
}

.direct-button .price-overlay {
  background: rgba(0, 0, 0, 0.15);
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 15px;
  margin-left: auto;
}

.block-hero-home .block-hero-main-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 0;
}
@media (max-width: 920px) {
  .block-hero-home .block-hero-main-right {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .block-hero-home .block-hero-main-right {
    margin-top: 30px;
  }
}
.block-hero-home .block-hero-main-right img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1300px) {
  .block-hero-home .block-hero-main-right img {
    transform: translateX(15%);
  }
}
@media (max-width: 1200px) {
  .block-hero-home .block-hero-main-right img {
    height: 70% !important;
    transform: translateY(55px) translateX(15%);
  }
}
@media (max-width: 1000px) {
  .block-hero-home .block-hero-main-right img {
    height: 50% !important;
    transform: translateY(100px) translateX(15%);
  }
}
@media (max-width: 920px) {
  .block-hero-home .block-hero-main-right img {
    height: auto !important;
    transform: translateY(0) translateX(-70px);
    width: calc(100% + 140px);
  }
}

.hero-header {
  height: 70px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: -5px;
  background: #89D7D3;
  padding: 17px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center !important;
}
@media (max-width: 1280px) {
  .hero-header .hero-header {
    margin-bottom: 20px;
  }
  .hero-header .hero-header {
    width: 100%;
  }
  .hero-header .mobile-hero-header {
    display: block;
    text-align: center;
    padding: 20px 40px;
  }
}

.hero-header p {
  color: #306663;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}

.mobile-hero-header {
  display: none !important;
}

@media (max-width: 768px) {
  .hero-header {
    width: 100%;
    margin-bottom: 20px;
  }
  .desktop-hero-header {
    display: none;
  }
  .mobile-hero-header {
    display: block !important;
    text-align: center;
    padding: 20px 40px;
  }
}
header {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 100;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 20px;
}
header .navigation {
  top: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  justify-content: center;
  display: flex;
}
header.scrolled {
  padding-top: 20px;
}
header.scrolled .top-bar {
  transform: translateY(-100%);
  opacity: 0;
}
header.scrolled .navigation {
  position: relative;
  top: -40px;
}
@media only screen and (max-width: 1050px) {
  header.scrolled .navigation {
    top: 0;
  }
}
header .top-bar {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease, height 0.6s cubic-bezier(0.4, 0, 0.2, 1), margin 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
}
@media only screen and (max-width: 1050px) {
  header .top-bar {
    transform: translateY(-100%);
    opacity: 0;
    display: none;
  }
}
header .top-bar .container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 70px;
  box-sizing: border-box;
}
@media (max-width: 1350px) {
  header .top-bar .container .right-side {
    display: none !important;
  }
}
header .top-bar .container .left-side, header .top-bar .container .right-side {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
header .top-bar .container .left-side strong, header .top-bar .container .right-side strong {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
header .top-bar .container .left-side .usp:before, header .top-bar .container .right-side .usp:before {
  position: relative;
  top: 3px;
  content: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3439 14.1801C12.3439 13.7232 12.1676 13.095 11.7758 12.3778C11.3899 11.6716 10.8217 10.9289 10.1083 10.2528C9.93846 10.0918 9.76135 9.93556 9.57757 9.78508C8.09394 10.7696 6.41863 11.4916 4.99945 11.7098C5.23489 12.9574 5.64056 13.9479 6.17035 14.69C7.01636 15.8751 8.22499 16.4948 9.77041 16.4948C10.7418 16.4948 11.3687 16.1456 11.7563 15.7148C12.1577 15.2688 12.3439 14.6894 12.3439 14.1801ZM12.3712 3.65407C12.3569 2.50527 11.4327 1.50517 9.90696 1.50517C7.8506 1.50517 5.755 3.05161 5.03235 6.37448C6.72502 6.46458 8.27931 7.08051 9.58714 7.94607C10.3698 7.33531 11.0504 6.65113 11.5432 5.94175C12.086 5.16043 12.3714 4.39287 12.3714 3.68123L12.3712 3.65407ZM1.62558 9.15502C1.62558 9.45925 1.77575 9.71288 2.23912 9.93217C2.54121 10.0751 2.92639 10.1725 3.35257 10.2255C3.32688 9.83342 3.31397 9.42879 3.31397 9.01213C3.31397 8.65526 3.32579 8.30756 3.34884 7.96929C2.94109 8.04089 2.5887 8.14883 2.30863 8.28779C1.78672 8.54675 1.62558 8.84254 1.62558 9.15502ZM4.76865 9.01213C4.76865 9.43245 4.78281 9.83415 4.81024 10.2174C5.79779 10.0609 7.03481 9.58259 8.23664 8.86769C7.20275 8.28803 6.03939 7.91056 4.81373 7.87158C4.78409 8.23533 4.76865 8.61545 4.76865 9.01213ZM13.826 3.70767C13.819 4.82594 13.3728 5.88689 12.7244 6.82027C12.2052 7.56764 11.5375 8.26134 10.7995 8.87641C10.8988 8.96406 10.9959 9.0529 11.0908 9.14279C11.9068 9.91613 12.5745 10.7812 13.0421 11.6371C13.5037 12.482 13.7985 13.3703 13.7985 14.1801C13.7985 15.0413 13.4913 15.9956 12.8209 16.7406C12.1367 17.5008 11.1131 18 9.77041 18C7.79437 18 6.13845 17.1786 5.00028 15.5843C4.27983 14.5751 3.78728 13.286 3.52833 11.7549C2.87244 11.7048 2.20165 11.5695 1.6341 11.301C0.862016 10.9356 0.170898 10.2538 0.170898 9.15502C0.170901 8.0645 0.853377 7.34059 1.67965 6.93061C2.21737 6.66381 2.85978 6.50114 3.54287 6.42191C4.30478 2.34437 6.87906 3.05535e-06 9.90696 0C12.1009 0 13.8261 1.54527 13.8261 3.68123L13.826 3.70767Z' fill='%23F13B3E'/%3E%3C/svg%3E%0A");
  margin-right: 10px;
}
header .top-bar .container .left-side a, header .top-bar .container .right-side a {
  text-decoration: none;
  color: inherit;
}
header .top-bar .container .left-side a svg, header .top-bar .container .right-side a svg {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
header .navigation .container {
  width: -webkit-fill-available;
  gap: 30px;
  margin-top: 20px;
  height: 80px;
  background: white;
  display: flex;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  padding: 0 20px;
  box-sizing: border-box;
  box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 1050px) {
  header .navigation .container {
    justify-content: space-between;
    padding: 0 15px;
  }
}
header .navigation .container .logo {
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 1050px) {
  header .navigation .container .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 23px;
  }
}
@media only screen and (max-width: 1050px) {
  header .navigation .container .logo {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  header .navigation .container .logo svg {
    width: 120px;
  }
}
@media (max-width: 1024px) {
  header .navigation .container .logo svg {
    width: 100% !important;
  }
}
header .navigation .container .main-menu {
  flex: 1;
  display: flex;
  justify-content: center;
  padding: 0 40px;
}
@media only screen and (max-width: 1050px) {
  header .navigation .container .main-menu {
    display: none;
  }
}
header .navigation .container .main-menu .nav-list {
  display: flex;
  align-items: center;
  gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1050px) {
  header .navigation .container .main-menu .nav-list {
    display: none;
  }
}
@media (max-width: 1350px) {
  header .navigation .container .main-menu .nav-list {
    gap: 20px;
  }
}
header .navigation .container .main-menu .nav-list:has(.has-submenu:hover) .nav-item:not(:hover) {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
header .navigation .container .main-menu .nav-list .nav-item {
  position: relative;
  transition: opacity 0.3s ease;
}
header .navigation .container .main-menu .nav-list .nav-item .nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #3A1242;
  text-decoration: none;
  transition: color 0.3s ease;
}
header .navigation .container .main-menu .nav-list .nav-item .nav-link:hover {
  color: #F13B3E;
}
header .navigation .container .main-menu .nav-list .nav-item .nav-link .chevron-icon {
  transition: transform 0.3s ease;
}
header .navigation .container .main-menu .nav-list .nav-item .nav-link .chevron-icon path {
  transition: stroke 0.3s ease;
}
header .navigation .container .main-menu .nav-list .nav-item.has-submenu:hover .nav-link {
  color: #F13B3E;
}
header .navigation .container .main-menu .nav-list .nav-item.has-submenu:hover .nav-link .chevron-icon {
  transform: rotate(180deg);
}
header .navigation .container .main-menu .nav-list .nav-item.has-submenu:hover .nav-link .chevron-icon path {
  stroke: #F13B3E;
}
header .navigation .container .main-menu .nav-list .nav-item.has-submenu:hover .submenu-container {
  opacity: 1;
  visibility: visible;
}
header .navigation .container .main-menu .nav-list .nav-item.has-submenu:hover .submenu-container .submenu {
  transform: translateY(0);
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu {
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  max-width: 340px;
  min-width: 280px;
  transform: translateY(10px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-arrow {
  position: absolute;
  top: -6px;
  left: 24px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.05));
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  transition: all 300ms;
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list li {
  width: 100%;
  transition: all 300ms;
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list li a {
  transition: all 300ms;
  display: block;
  width: 100%;
  padding: 14px 24px;
  text-decoration: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  max-width: 100%;
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list li a .main-text {
  display: block;
  font-size: 16px;
  color: #3A1242;
  font-weight: 500;
  margin-bottom: 4px;
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list li a .sub-text {
  display: block;
  font-size: 14px;
  color: #878787;
  font-weight: 400;
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list li a:hover {
  background-color: rgba(241, 59, 62, 0.04);
  border-radius: 8px;
  margin: 0 8px;
  padding: 14px 16px;
  width: calc(100% - 16px);
}
header .navigation .container .main-menu .nav-list .nav-item .submenu-container .submenu .submenu-list li a:hover .main-text {
  color: #F13B3E;
}
header .navigation .container .right-side-buttons {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media only screen and (max-width: 1050px) {
  header .navigation .container .right-side-buttons {
    display: none;
  }
}
header .navigation .container .right-side-buttons .button {
  min-width: fit-content;
}

.mobile-only {
  display: none;
}
@media only screen and (max-width: 1050px) {
  .mobile-only {
    display: flex;
  }
}

.mobile-login .mobile-login-button {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border: 1px solid #EDEDED;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: #FFFFFF;
  transition: all 0.2s ease;
}
.mobile-login .mobile-login-button:hover {
  background-color: rgba(241, 59, 62, 0.04);
  border-color: #F13B3E;
}
.mobile-login .mobile-login-button svg {
  width: 16px;
  height: 16px;
}

.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger.is-active:hover {
  opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #FFFFFF;
}

.hamburger-box {
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  background-color: #F13B3E;
  border: none;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  margin-left: -1px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 20px;
  height: 1px;
  background-color: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -6px;
}

.hamburger-inner::after {
  bottom: -6px;
}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-menu {
  position: fixed;
  width: calc(100vw - 40px);
  height: calc(100dvh - 110px);
  border-radius: 0 0 10px 10px;
  background: white;
  box-sizing: border-box;
  left: 0;
  top: 90px;
  margin: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: all 1.3s cubic-bezier(0.65, 0.05, 0, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.mobile-menu:before {
  content: url("data:image/svg+xml,%3Csvg width='226' height='298' viewBox='0 0 226 298' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M201.551 234.674C201.551 227.137 198.644 216.775 192.181 204.946C185.816 193.297 176.445 181.046 164.677 169.894C161.875 167.24 158.954 164.662 155.923 162.18C131.451 178.419 103.817 190.328 80.4081 193.927C84.2916 214.506 90.983 230.844 99.7217 243.085C113.676 262.632 133.612 272.855 159.103 272.855C175.126 272.855 185.466 267.094 191.86 259.989C198.481 252.632 201.551 243.075 201.551 234.674ZM202.003 61.051C201.766 42.102 186.522 25.6056 161.356 25.6056C127.437 25.6057 92.8707 51.1137 80.9508 105.923C108.871 107.409 134.508 117.569 156.08 131.846C168.99 121.772 180.216 110.486 188.345 98.7854C197.298 85.8979 202.006 73.2372 202.006 61.499L202.003 61.051ZM24.7573 151.787C24.7573 156.805 27.2344 160.989 34.8775 164.606C39.8604 166.964 46.2137 168.571 53.2435 169.445C52.8197 162.977 52.6068 156.303 52.6068 149.43C52.6068 143.544 52.8017 137.809 53.1819 132.229C46.4562 133.41 40.6437 135.19 36.0241 137.482C27.4154 141.754 24.7574 146.633 24.7573 151.787ZM76.6012 149.43C76.6012 156.363 76.8348 162.989 77.2872 169.31C93.5764 166.73 113.981 158.84 133.804 147.048C116.751 137.486 97.5615 131.26 77.3447 130.617C76.8559 136.617 76.6012 142.887 76.6012 149.43ZM225.998 61.9351C225.884 80.3805 218.524 97.8806 207.828 113.276C199.264 125.604 188.25 137.046 176.079 147.192C177.716 148.637 179.318 150.103 180.882 151.585C194.343 164.341 205.356 178.61 213.069 192.728C220.683 206.665 225.546 221.316 225.546 234.674C225.546 248.878 220.479 264.619 209.42 276.908C198.134 289.448 181.251 297.682 159.103 297.682C126.509 297.682 99.1956 284.133 80.4218 257.836C68.5382 241.189 60.4139 219.926 56.1425 194.671C45.3239 193.844 34.2595 191.614 24.8979 187.184C12.1627 181.157 0.762939 169.911 0.762939 151.787C0.762982 133.799 12.0202 121.859 25.6493 115.096C34.5188 110.695 45.1151 108.012 56.3824 106.705C68.9499 39.4479 111.412 0.778493 161.356 0.778442C197.544 0.778442 226 26.2671 226 61.499L225.998 61.9351Z' fill='black' fill-opacity='0.04'/%3E%3C/svg%3E%0A");
  pointer-events: none;
  bottom: 50px;
  position: absolute;
  right: 50px;
  opacity: 0;
  transition: all 500ms;
}
@media only screen and (max-width: 1050px) {
  .mobile-menu {
    display: flex;
  }
}
@media only screen and (min-width: 1051px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu.is-active {
  max-height: 100%;
}
.mobile-menu.is-active:before {
  transition-delay: 0.6s;
  opacity: 1;
}
.mobile-menu.is-active .cta-buttons {
  opacity: 1;
  visibility: visible;
}
.mobile-menu .mobile-menu-inner {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 40px;
}
.mobile-menu .mobile-menu-inner .navigation-mobile {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.mobile-menu .mobile-menu-inner .navigation-mobile a {
  padding: 0 !important;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .mobile-link {
  display: flex;
  font-size: 24px;
  max-width: 100%;
  min-width: 100% !important;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 400;
  color: #3A1242;
  text-decoration: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 0;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .mobile-link .plus-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #F13B3E;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .mobile-link .plus-icon svg {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .mobile-link.is-active {
  color: #F13B3E;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .mobile-link.is-active .plus-icon {
  background-color: #F13B3E;
  border-color: #F13B3E;
  transform: rotate(45deg);
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .mobile-link.is-active .plus-icon svg path {
  stroke: #FFFFFF;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu {
  display: flex;
  flex-direction: column;
  gap: 15px;
  visibility: hidden;
  opacity: 0;
  transition: all 0s ease-in-out;
  max-height: 0;
  overflow: hidden;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  color: #3A1242;
  text-decoration: none;
  padding: 12px 0;
  gap: 4px;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a .main-text {
  font-size: 16px;
  font-weight: 400;
  color: #3A1242;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a .sub-text {
  font-size: 14px;
  font-weight: 400;
  color: #878787;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a:focus .main-text, .mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a:hover .main-text {
  color: #F13B3E;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a:first-of-type {
  margin-top: 15px;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu a:last-of-type {
  margin-bottom: 10px;
}
.mobile-menu .mobile-menu-inner .navigation-mobile .item-wrapper .submenu.is-active {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}
.mobile-menu .cta-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.mobile-menu .cta-buttons .button {
  padding: 0 20px !important;
  width: 100% !important;
  box-sizing: border-box;
  margin-right: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-menu .cta-buttons .button .btn__text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu .cta-buttons .button .btn__text .left-side {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  width: 100%;
  justify-content: center;
}

header {
  position: fixed;
  top: 20px;
  width: 100%;
  z-index: 999;
}
@media only screen and (max-width: 1050px) {
  header {
    top: 0;
    padding-top: 0 !important;
  }
}
header.mobile-is-active .container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
header.mobile-is-active:before {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1050px) {
  header:before {
    content: "";
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(58, 18, 66, 0.7);
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
  }
}

.four-blocks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 40px;
  z-index: 5;
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .four-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .four-blocks {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.info-block {
  background: #512D58;
  border-radius: 12px;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all 0.3s ease;
}
.info-block__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.info-block__icon {
  min-width: 50px;
  height: 50px;
  background: #3A1242;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-block__icon svg {
  width: 24px;
  height: 24px;
}
.info-block__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.info-block__title {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: white;
  margin: 0;
  line-height: 1.2;
}
.info-block__subtitle {
  font-size: 14px;
  font-weight: 400;
  color: white;
  margin: 0;
  line-height: 1.3;
}
.info-block__text {
  font-size: 15px;
  font-weight: 400;
  color: white;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.info-block__text a {
  color: #F13B3E;
}
.info-block .button {
  margin-top: auto;
  align-self: flex-start;
  min-width: 120px;
}
.info-block .button svg {
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.block-faq-sticky {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  .block-faq-sticky {
    padding: 40px 0;
  }
}
.block-faq-sticky .container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
}
@media only screen and (max-width: 1050px) {
  .block-faq-sticky .container {
    padding: 0 20px;
  }
}
.block-faq-sticky .faq-sticky-layout {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 60px;
  align-items: start;
}
@media only screen and (max-width: 1200px) {
  .block-faq-sticky .faq-sticky-layout {
    grid-template-columns: 1fr 280px;
    gap: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .block-faq-sticky .faq-sticky-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.block-faq-sticky .faq-column {
  width: 100%;
}
.block-faq-sticky .faq-column .faq-title {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-size: 42px;
  font-weight: 400;
  color: #3A1242;
  margin: 0 0 40px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .block-faq-sticky .faq-column .faq-title {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
.block-faq-sticky .faq-column .faq-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  .block-faq-sticky .faq-column .faq-container {
    gap: 30px;
  }
}
.block-faq-sticky .faq-column .faq-topic {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.block-faq-sticky .faq-column .faq-topic .faq-topic-title {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #3A1242;
  margin: 0 0 20px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .block-faq-sticky .faq-column .faq-topic .faq-topic-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.block-faq-sticky .sticky-blocks {
  position: sticky;
  top: 200px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: fit-content;
  align-self: start;
  max-width: 280px;
}
@media only screen and (max-width: 1024px) {
  .block-faq-sticky .sticky-blocks {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .block-faq-sticky .sticky-blocks {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  .block-faq-sticky .sticky-blocks .info-block {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 1300px) {
  header.calculator .button--purple {
    display: none;
  }
}

header .location-filters {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex: 1;
}
@media only screen and (max-width: 1024px) {
  header .location-filters {
    display: none !important;
  }
}

header .textbox-container {
  max-width: unset;
  display: flex;
}
header .textbox-container .textbox {
  color: #3A1242;
  border: 1px solid #E9E9E9;
}
header .textbox-container .textbox::placeholder {
  color: #989898;
}
header .textbox-container .swap-button {
  margin-left: 10px;
  min-width: 50px;
  right: 0;
  position: relative;
  background: white;
  border: 1px solid #E9E9E9;
  transition: all 300ms;
}
@media only screen and (max-width: 1300px) {
  header .textbox-container .swap-button {
    display: none;
  }
}
header .textbox-container .swap-button:hover {
  border: 1px solid #F13B3E;
}
header .textbox-container .swap-button svg {
  position: relative;
  top: 2px;
}

.mobile-only-location {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .mobile-only-location {
    display: none !important;
  }
}
.mobile-only-location .swap-button {
  display: none !important;
}
.mobile-only-location .textbox-container {
  max-width: 100% !important;
}
.mobile-only-location .container {
  background: white;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
}
.mobile-only-location .container .hero-inputs {
  margin-top: 0;
  max-width: unset;
  display: flex;
  min-width: 100% !important;
}
.mobile-only-location .container .hero-inputs .textbox {
  min-width: 100%;
  color: #3A1242;
  border: 1px solid #E9E9E9;
}
.mobile-only-location .container .hero-inputs .textbox::placeholder {
  color: #989898;
}
.mobile-only-location .container .hero-inputs .swap-button {
  margin-left: 10px;
  min-width: 50px;
  right: 0;
  position: relative;
  background: white;
  border: 1px solid #E9E9E9;
  transition: all 300ms;
}
@media only screen and (max-width: 1300px) {
  .mobile-only-location .container .hero-inputs .swap-button {
    display: none;
  }
}
.mobile-only-location .container .hero-inputs .swap-button:hover {
  border: 1px solid #F13B3E;
}
.mobile-only-location .container .hero-inputs .swap-button svg {
  position: relative;
  top: 2px;
}

.block-calculator {
  margin: 50px 0 150px 0;
}
@media only screen and (max-width: 1024px) {
  .block-calculator {
    margin: 50px 0 50px 0;
  }
}
.block-calculator .container {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 50px;
}
.block-calculator .container .left-side-forms {
  width: 100%;
  flex: 1;
  gap: 40px;
  display: flex;
  flex-direction: column;
}
.block-calculator .container .left-side-forms .upper-title, .block-calculator .container .left-side-forms .bottom-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.block-calculator .container .left-side-forms .upper-title .wrapper-inside, .block-calculator .container .left-side-forms .bottom-row .wrapper-inside {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .block-calculator .container .left-side-forms .upper-title .wrapper-inside, .block-calculator .container .left-side-forms .bottom-row .wrapper-inside {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 768px) {
  .block-calculator .container .left-side-forms .upper-title, .block-calculator .container .left-side-forms .bottom-row {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 20px;
  }
  .block-calculator .container .left-side-forms .upper-title h1, .block-calculator .container .left-side-forms .bottom-row h1 {
    min-width: 100%;
  }
}
@media only screen and (max-width: 768px) and (max-width: 1024px) {
  .block-calculator .container .left-side-forms .upper-title h1, .block-calculator .container .left-side-forms .bottom-row h1 {
    font-size: 24px;
  }
}
.block-calculator .container .left-side-forms .upper-title .button, .block-calculator .container .left-side-forms .bottom-row .button {
  max-width: fit-content;
}
@media only screen and (max-width: 768px) {
  .block-calculator .container .left-side-forms .upper-title .button, .block-calculator .container .left-side-forms .bottom-row .button {
    max-width: 100%;
    min-width: 100%;
  }
}
.block-calculator .container .left-side-forms .bottom-row {
  gap: 30px;
}
.block-calculator .container .left-side-forms .bottom-row .extra-pallet-button {
  position: relative;
  height: 50px;
  flex: 1;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  background: white;
  border-radius: 5px;
  border: 1px solid #E9E9E9;
  color: #3A1242;
  transition: all 300ms;
}
.block-calculator .container .left-side-forms .bottom-row .extra-pallet-button:hover {
  border: 1px solid #3A1242;
}
.block-calculator .container .left-side-forms .bottom-row .extra-pallet-button svg {
  position: absolute;
  right: 10px;
}
.block-calculator .container .left-side-forms .white-box {
  background: white;
  padding: 50px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.03);
}
@media only screen and (max-width: 1024px) {
  .block-calculator .container .left-side-forms .white-box {
    padding: 20px;
  }
}
.block-calculator .container .left-side-forms .white-box .right-side {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .block-calculator .container .left-side-forms .white-box .right-side {
    min-width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.block-calculator .container .left-side-forms .white-box .input-group {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .block-calculator .container .left-side-forms .white-box .input-group {
    margin-top: 20px;
  }
}
.block-calculator .container .left-side-forms .pallet-title-description {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1200px) {
  .block-calculator .container .left-side-forms .pallet-title-description {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
  }
  .block-calculator .container .left-side-forms .pallet-title-description .custom-quantity {
    right: 0;
    position: absolute;
    top: 0;
  }
  .block-calculator .container .left-side-forms .pallet-title-description h3 {
    max-width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  .block-calculator .container .left-side-forms .pallet-title-description {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .block-calculator .container .left-side-forms .pallet-title-description h3 {
    max-width: 100%;
  }
  .block-calculator .container .left-side-forms .pallet-title-description .custom-quantity {
    position: relative;
  }
}
.block-calculator .container .right-side-sticky {
  width: 100%;
  max-width: 400px;
}
@media only screen and (max-width: 1024px) {
  .block-calculator .container .right-side-sticky {
    position: fixed;
    top: calc(100vh - 70px);
    left: 0;
    max-width: 100vw;
    z-index: 1001;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: 70px;
    overflow: hidden;
  }
  .block-calculator .container .right-side-sticky.is-open {
    top: 10vh;
    height: 90vh;
    overflow-y: auto;
  }
}
.block-calculator .container .right-side-sticky .sticky-container {
  background: #3A1242;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px;
  position: sticky;
  top: 150px;
  color: white;
}
@media only screen and (max-width: 1024px) {
  .block-calculator .container .right-side-sticky .sticky-container {
    border-radius: 10px 10px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  .block-calculator .container .right-side-sticky .sticky-container {
    padding: 20px;
  }
}
.block-calculator .container .right-side-sticky .sticky-container:before {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0;
  content: url("data:image/svg+xml,%3Csvg width='233' height='193' viewBox='0 0 233 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M218.391 124.4C218.391 116.203 215.228 104.932 208.199 92.066C201.276 79.396 191.083 66.0711 178.283 53.9415C175.236 51.0542 172.059 48.2505 168.762 45.5507C142.145 63.2137 112.088 76.1666 86.6273 80.0813C90.8513 102.464 98.1293 120.234 107.634 133.548C122.812 154.809 144.496 165.928 172.222 165.928C189.649 165.928 200.895 159.662 207.85 151.934C215.051 143.932 218.391 133.538 218.391 124.4ZM218.882 -64.4436C218.624 -85.0538 202.044 -102.996 174.671 -102.996C137.779 -102.996 100.183 -75.252 87.2176 -15.6376C117.585 -14.0211 145.47 -2.97098 168.934 12.5577C182.975 1.60018 195.185 -10.6744 204.027 -23.4012C213.765 -37.4184 218.885 -51.1891 218.885 -63.9563L218.882 -64.4436ZM26.0979 34.2471C26.0979 39.7052 28.7921 44.2555 37.1052 48.1895C42.525 50.7544 49.4352 52.5018 57.0813 53.4528C56.6204 46.4181 56.3888 39.1587 56.3888 31.6835C56.3888 25.281 56.6008 19.043 57.0144 12.9743C49.699 14.2588 43.3769 16.1953 38.3523 18.6884C28.9889 23.3343 26.0979 28.6409 26.0979 34.2471ZM82.4867 31.6835C82.4867 39.2243 82.7408 46.4311 83.2329 53.3065C100.95 50.4999 123.143 41.918 144.705 29.0922C126.156 18.6927 105.285 11.9206 83.2954 11.2212C82.7637 17.7472 82.4867 24.5667 82.4867 31.6835ZM244.981 -63.482C244.857 -43.4195 236.851 -24.3853 225.218 -7.63988C215.903 5.76847 203.924 18.2139 190.685 29.2486C192.466 30.8211 194.208 32.415 195.91 34.0277C210.55 47.9018 222.529 63.4217 230.918 78.7768C239.2 93.9357 244.489 109.871 244.489 124.4C244.489 139.85 238.977 156.971 226.949 170.337C214.674 183.977 196.31 192.932 172.222 192.932C136.77 192.932 107.062 178.196 86.6423 149.592C73.7169 131.487 64.8803 108.359 60.2345 80.8901C48.4675 79.991 36.4331 77.5653 26.2508 72.7467C12.3991 66.1917 0 53.9601 0 34.2471C4.58537e-05 14.6824 12.2441 1.69503 27.0681 -5.66031C36.7151 -10.447 48.2403 -13.3653 60.4955 -14.7867C74.1646 -87.9405 120.349 -130 174.671 -130C214.033 -130 244.983 -102.277 244.983 -63.9563L244.981 -63.482Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
}
.block-calculator .container .right-side-sticky .sticky-container h3 {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 24px;
}
@media only screen and (max-width: 1024px) {
  .block-calculator .container .right-side-sticky .sticky-container h3 {
    font-size: 16px;
  }
}

h1 strong {
  font-weight: 500;
}

.custom-quantity {
  display: flex;
  align-items: center;
  gap: 0;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  background: white;
  max-width: fit-content;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
.custom-quantity .quantity-btn {
  width: 30px;
  height: 30px;
  border: none;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
  flex-shrink: 0;
}
.custom-quantity .quantity-btn:active {
  transform: scale(0.95);
}
.custom-quantity .quantity-btn--minus {
  background: #3A1242;
  border-radius: 5px;
}
.custom-quantity .quantity-btn--minus:hover {
  background: #2D0934;
}
.custom-quantity .quantity-btn--minus svg {
  color: white;
}
.custom-quantity .quantity-btn--plus {
  background: #F13B3E;
  border-radius: 5px;
}
.custom-quantity .quantity-btn--plus:hover {
  background: #C62B31;
}
.custom-quantity .quantity-btn--plus svg {
  color: white;
}
.custom-quantity .quantity-input {
  width: 70px;
  height: 50px;
  border: none;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  background: white;
  padding: 0;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
.custom-quantity .quantity-input::-webkit-outer-spin-button, .custom-quantity .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-quantity .quantity-input:focus {
  outline: none;
  background: #FAFAFA;
}
.custom-quantity .quantity-icon {
  width: 16px;
  height: 16px;
  pointer-events: none;
}

.delete-this-package {
  color: #F13B3E;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  transition: all 300ms;
}
.delete-this-package:hover {
  color: #C62B31;
}
.delete-this-package svg {
  position: relative;
  top: 2px;
}

.input-group {
  margin-top: 30px;
}
.input-group .input-row {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
.input-group .input-row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1280px) {
  .input-group .input-row {
    flex-direction: column;
    gap: 20px;
  }
}
.input-group .input-col--40 {
  flex: 0 0 calc(40% - 10px);
}
@media only screen and (max-width: 968px) {
  .input-group .input-col--40 {
    flex: 1 1 100%;
  }
}
.input-group .input-col--60 {
  flex: 0 0 calc(60% - 10px);
}
@media only screen and (max-width: 968px) {
  .input-group .input-col--60 {
    flex: 1 1 100%;
  }
}
.input-group .input-label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #3A1242;
  margin-bottom: 15px;
}
.input-group .custom-dropdown {
  position: relative;
  width: 100%;
}
.input-group .custom-dropdown .dropdown-trigger {
  width: 100%;
  height: 50px;
  padding: 0 15px 0 15px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  background: white;
  font-size: 15px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input-group .custom-dropdown .dropdown-value {
  flex: 1;
  color: #333;
  font-size: 16px;
}
.input-group .custom-dropdown .dropdown-chevron {
  color: #F13B3E;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
}
.input-group .custom-dropdown .dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #E5E5E5;
  border-top: none;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
  max-height: 200px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.input-group .custom-dropdown .dropdown-option {
  padding: 12px 15px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid #F5F5F5;
}
.input-group .custom-dropdown .dropdown-option:last-child {
  border-bottom: none;
}
.input-group .custom-dropdown .dropdown-option:hover {
  background: #F8F8F8;
  color: #F13B3E;
}
.input-group .custom-dropdown .dropdown-option.is-selected {
  background: rgba(58, 18, 66, 0.1);
  color: #3A1242;
  font-weight: 500;
}
.input-group .custom-dropdown.is-open .dropdown-trigger {
  border-radius: 5px 5px 0 0;
}
.input-group .custom-dropdown.is-open .dropdown-chevron {
  transform: rotate(180deg);
}
.input-group .custom-dropdown.is-open .dropdown-options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.input-group .dimensions-group {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .input-group .dimensions-group {
    flex-direction: column;
    gap: 15px;
  }
}
.input-group .dimension-input {
  position: relative;
  flex: 1;
}
.input-group .dimension-input span {
  position: absolute;
  font-size: 14px;
  left: 0;
  bottom: -25px;
  color: #999;
}
.input-group .dimension-input .textbox {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  transition: all 0.2s ease;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
.input-group .dimension-input .textbox::placeholder {
  color: #999;
  font-weight: 400;
}
.input-group .dimension-input .textbox:focus {
  outline: none;
  border-color: #3A1242;
}
.input-group .dimension-input .textbox[type=number]::-webkit-outer-spin-button, .input-group .dimension-input .textbox[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group .dimension-input .textbox[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.input-group .textbox {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  transition: all 0.2s ease;
  box-sizing: border-box;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}
.input-group .textbox::placeholder {
  color: #999;
  font-weight: 400;
}
.input-group .textbox:focus {
  outline: none;
  border-color: #3A1242;
}
.input-group .textbox[type=number]::-webkit-outer-spin-button, .input-group .textbox[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group .textbox[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.input-group .custom-checkbox-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.input-group .custom-checkbox-wrapper .extra-costs {
  cursor: pointer;
  display: flex;
  gap: 5px;
  flex-direction: row;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  color: #6BA56C;
  font-size: 16px;
}
.input-group .custom-checkbox-wrapper .extra-costs svg {
  position: relative;
  top: 1px;
}
@media screen and (max-width: 1500px) {
  .input-group .custom-checkbox-wrapper .extra-costs {
    width: 100%;
    border-radius: 5px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    background: rgba(107, 165, 108, 0.3);
  }
}
.input-group .custom-checkbox-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.input-group .custom-checkbox-input:checked + .custom-checkbox .checkbox-box {
  background: #3A1242;
  border-color: #3A1242;
}
.input-group .custom-checkbox-input:checked + .custom-checkbox .checkbox-box .checkbox-icon {
  opacity: 1;
  transform: scale(1);
}
.input-group .custom-checkbox-input:focus + .custom-checkbox .checkbox-box {
  box-shadow: 0 0 0 3px rgba(58, 18, 66, 0.1);
}
.input-group .custom-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  line-height: 1.4;
}
.input-group .custom-checkbox:hover .checkbox-box {
  border-color: #3A1242;
}
.input-group .checkbox-box {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #3A1242;
  border-radius: 5px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  position: relative;
  margin-top: 2px;
}
.input-group .checkbox-icon {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s ease;
  width: 12px;
  height: 10px;
}
.input-group .checkbox-label {
  font-size: 16px;
  font-weight: 300;
  color: #3A1242;
  position: relative;
  top: 3px;
}
.input-group .checkbox-label strong {
  font-weight: 500;
}

.input-group .message--warning {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transform: translateY(-10px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin: 0;
}
.input-group .message--warning.is-visible {
  opacity: 1;
  visibility: visible;
  max-height: 999px;
  transform: translateY(0);
  margin-top: 20px;
}

.message {
  padding: 25px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  border-radius: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
}
.message--warning {
  color: #945728;
  background: #FFDBC1;
}
.message--success {
  color: #306663;
  background: #89D7D3;
}

[data-tooltip] {
  position: relative;
  cursor: pointer;
}
[data-tooltip]::before, [data-tooltip]::after {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
[data-tooltip]::before {
  content: attr(data-tooltip);
  background: rgba(0, 0, 0, 0.9);
  color: white;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  white-space: normal;
  max-width: 300px;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 10001;
}
@media only screen and (max-width: 768px) {
  [data-tooltip]::before {
    max-width: 250px;
    font-size: 12px;
    padding: 10px 14px;
  }
}
[data-tooltip]::after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  z-index: 10000;
}
[data-tooltip][data-tooltip-position=top]::before, [data-tooltip]:not([data-tooltip-position])::before {
  bottom: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%) translateY(10px);
}
[data-tooltip][data-tooltip-position=top]::after, [data-tooltip]:not([data-tooltip-position])::after {
  bottom: calc(100% + 1px);
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  border-top-color: rgba(0, 0, 0, 0.9);
}
[data-tooltip][data-tooltip-position=bottom]::before {
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
}
[data-tooltip][data-tooltip-position=bottom]::after {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
[data-tooltip][data-tooltip-position=left]::before {
  right: calc(100% + 16px);
  top: 50%;
  transform: translateY(-50%) translateX(10px);
}
[data-tooltip][data-tooltip-position=left]::after {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  border-left-color: rgba(0, 0, 0, 0.9);
}
[data-tooltip][data-tooltip-position=right]::before {
  left: calc(100% + 16px);
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
}
[data-tooltip][data-tooltip-position=right]::after {
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
  border-right-color: rgba(0, 0, 0, 0.9);
}
[data-tooltip]:hover::before, [data-tooltip]:hover::after {
  opacity: 1;
  visibility: visible;
}
[data-tooltip][data-tooltip-position=top]:hover::before, [data-tooltip]:not([data-tooltip-position]):hover::before {
  transform: translateX(-50%) translateY(0);
}
[data-tooltip][data-tooltip-position=top]:hover::after, [data-tooltip]:not([data-tooltip-position]):hover::after {
  transform: translateX(-50%) translateY(0);
}
[data-tooltip][data-tooltip-position=bottom]:hover::before {
  transform: translateX(-50%) translateY(0);
}
[data-tooltip][data-tooltip-position=bottom]:hover::after {
  transform: translateX(-50%) translateY(0);
}
[data-tooltip][data-tooltip-position=left]:hover::before {
  transform: translateY(-50%) translateX(0);
}
[data-tooltip][data-tooltip-position=left]:hover::after {
  transform: translateY(-50%) translateX(0);
}
[data-tooltip][data-tooltip-position=right]:hover::before {
  transform: translateY(-50%) translateX(0);
}
[data-tooltip][data-tooltip-position=right]:hover::after {
  transform: translateY(-50%) translateX(0);
}
[data-tooltip][data-tooltip-color=red]::before {
  background: rgba(241, 59, 62, 0.95);
}
[data-tooltip][data-tooltip-color=red]::after {
  border-top-color: rgba(241, 59, 62, 0.95);
}
[data-tooltip][data-tooltip-color=purple]::before {
  background: rgba(58, 18, 66, 0.95);
}
[data-tooltip][data-tooltip-color=purple]::after {
  border-top-color: rgba(58, 18, 66, 0.95);
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(58, 18, 66, 0.7);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sidebar-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1025px) {
  .sidebar-overlay {
    display: none;
  }
}

.sidebar-toggle {
  padding: 5px 10px;
  border: 1px solid #F13B3E;
  border-radius: 5px;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 300ms;
}
@media only screen and (min-width: 1025px) {
  .sidebar-toggle {
    display: none;
  }
}
.sidebar-toggle .toggle-text-open,
.sidebar-toggle .toggle-text-close {
  transition: opacity 0.3s ease;
}

body.sidebar-open {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  body.sidebar-open {
    overflow: auto;
  }
}

.data-group {
  margin-top: 30px;
  font-size: 14px;
}
.data-group h4 {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  color: #F13B3E;
  font-size: 20px;
}
.data-group .flex-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.data-group .flex-line .line-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.data-group .flex-line .line-inner strong {
  font-weight: 500;
}
.data-group .flex-line .edit-location {
  padding: 5px 10px;
  border: 1px solid #F13B3E;
  border-radius: 5px;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 300ms;
}
.data-group .flex-line .edit-location:hover {
  border: 1px solid #C62B31;
}
.data-group .content-details {
  margin-top: 10px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
}

.leverdatum h4 {
  color: #6BA56C;
}

.price-total-container {
  margin-top: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
}
.price-total-container h4 {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  color: white;
  font-size: 20px;
}
.price-total-container span {
  opacity: 0.5;
}
.price-total-container .price-line {
  display: flex;
  color: #6BA56C;
  font-size: 30px;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
.price-total-container .price-total--wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.flex-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.open-sidebar-summary {
  padding: 5px 10px;
  border: 1px solid #F13B3E;
  border-radius: 5px;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 300ms;
}
@media only screen and (min-width: 1024px) {
  .open-sidebar-summary {
    display: none;
  }
}
.open-sidebar-summary:hover {
  border: 1px solid #C62B31;
}

.input-group .textbox-container {
  max-width: none !important;
}

.textarea {
  height: 150px !important;
  min-height: 150px !important;
  padding: 15px !important;
  resize: none;
  font-family: inherit;
  line-height: 1.5;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .textarea {
    height: 120px !important;
    min-height: 120px !important;
  }
}

.input-group .input-row--with-label {
  flex-direction: column !important;
  gap: 10px !important;
}

.input-group .input-row .input-label {
  width: 100%;
  margin-bottom: 15px;
  flex: none;
}

.dropdown-options {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.extra-costs .tooltip-icon {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}

.contact-person-section {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin-top 0.3s ease;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
}
.contact-person-section.active {
  grid-template-rows: 1fr;
  opacity: 1;
  margin-top: 30px;
}
.contact-person-section > div {
  overflow: hidden;
}
.contact-person-section .pallet-title-description {
  margin-bottom: 20px;
}

.file-upload-container {
  margin-top: 30px;
}

.file-dropzone {
  width: 100%;
  height: 150px;
  background: #F3EBF9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  gap: 15px;
  padding: 20px;
}
.file-dropzone:hover {
  background: #EDE0F7;
  border-color: #4C1A56;
}
.file-dropzone.drag-over {
  background: #E5D4F4;
  border-color: #4C1A56;
  border-style: solid;
}
.file-dropzone .upload-icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.file-dropzone .upload-text {
  text-align: center;
}
.file-dropzone .upload-text .upload-main {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 16px;
  color: #3A1242;
  margin: 0 0 5px 0;
  line-height: 1.4;
}
.file-dropzone .upload-text .upload-sub {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 13px;
  color: #6B4D78;
  margin: 0;
  line-height: 1.4;
}

.uploaded-files-list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.uploaded-file-item {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 50px;
  padding: 10px 15px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.uploaded-file-item .file-type-badge {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 11px;
  color: #FFFFFF;
  background: #3A1242;
  padding: 0 10px;
  border-radius: 5px;
  text-transform: uppercase;
  flex-shrink: 0;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uploaded-file-item .file-name {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  font-size: 14px;
  color: #1E293B;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uploaded-file-item .file-delete {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.uploaded-file-item .file-delete:hover {
  background: #FEE2E2;
}
.uploaded-file-item .file-delete:hover .delete-text {
  color: #DC2626;
}
.uploaded-file-item .file-delete svg {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}
.uploaded-file-item .file-delete svg path {
  fill: #FB535E;
  transition: fill 0.3s ease;
}
.uploaded-file-item .file-delete .delete-text {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  font-size: 13px;
  color: #FB535E;
  transition: color 0.3s ease;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .file-dropzone {
    height: 130px;
    padding: 15px;
  }
  .file-dropzone .upload-icon {
    width: 36px;
    height: 36px;
  }
  .file-dropzone .upload-text .upload-main {
    font-size: 14px;
  }
  .file-dropzone .upload-text .upload-sub {
    font-size: 12px;
  }
  .uploaded-file-item {
    padding: 8px 12px;
  }
  .uploaded-file-item .file-type-badge {
    font-size: 10px;
    padding: 3px 8px;
  }
  .uploaded-file-item .file-name {
    font-size: 13px;
  }
  .uploaded-file-item .file-delete {
    padding: 6px 10px;
    gap: 6px;
  }
  .uploaded-file-item .file-delete svg {
    width: 9px;
    height: 9px;
  }
  .uploaded-file-item .file-delete .delete-text {
    font-size: 12px;
  }
}
/* Address Type Selection - Invoice Page */
.address-type-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .address-type-row {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.address-type-container {
  position: relative;
  width: 100%;
}

/* Gender Selection Row */
.gender-row {
  display: flex !important;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
  flex-direction: row !important;
}

.gender-option {
  position: relative;
}

.custom-radio-box--compact {
  padding: 12px 20px !important;
  min-width: auto !important;
}

/* Date Radio Buttons */
.date-radio-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  .date-radio-row {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.date-radio-container {
  position: relative;
}

.custom-radio-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.custom-radio-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  height: 50px;
  border: 1.5px solid #E2E8F0;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  color: #3A1242;
  transition: all 0.3s ease;
  position: relative;
  width: 100%;
}
.custom-radio-box:hover {
  border-color: #CBD5E1;
  background: #F8FAFC;
}

.custom-radio-input:checked + .custom-radio-box {
  border-color: #3A1242;
  background: #FAF8FB;
}
.custom-radio-input:checked + .custom-radio-box .radio-circle {
  border-color: #3A1242;
}
.custom-radio-input:checked + .custom-radio-box .radio-circle::after {
  transform: translate(-50%, -50%) scale(1);
}
.custom-radio-input:checked + .custom-radio-box .radio-icon {
  color: #3A1242;
}

.radio-circle {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid #CBD5E1;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease;
}
.radio-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #3A1242;
  transition: transform 0.3s ease;
}

.radio-label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.day-name {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 16px;
  color: #3A1242;
  line-height: 1.4;
}

.date-number {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 13px;
  color: #64748B;
  line-height: 1.4;
}

.radio-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #64748B;
  transition: color 0.3s ease;
  margin-left: auto;
}

/* Input Wrapper */
.input-wrapper {
  position: relative;
  flex: 1;
}
.input-wrapper--full {
  width: 100%;
}

.input-label {
  display: block;
  font-family: "GeneralSans-Medium", sans-serif;
  font-size: 13px;
  color: #475569;
  margin-bottom: 8px;
}

.input-field {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  transition: all 0.2s ease;
  box-sizing: border-box;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  outline: none;
}
.input-field::placeholder {
  color: #94A3B8;
}
.input-field:hover {
  border-color: #CBD5E1;
}
.input-field:focus {
  border-color: #3A1242;
  background: #FAF8FB;
}
.input-field--date, .input-field--time {
  position: relative;
}
.input-field--date::-webkit-calendar-picker-indicator, .input-field--time::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 16px;
  opacity: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.input-field--date::-moz-calendar-picker-indicator, .input-field--time::-moz-calendar-picker-indicator {
  opacity: 0;
}
.input-field--date::-webkit-datetime-edit-text, .input-field--date::-webkit-datetime-edit-month-field, .input-field--date::-webkit-datetime-edit-day-field, .input-field--date::-webkit-datetime-edit-year-field, .input-field--time::-webkit-datetime-edit-text, .input-field--time::-webkit-datetime-edit-month-field, .input-field--time::-webkit-datetime-edit-day-field, .input-field--time::-webkit-datetime-edit-year-field {
  color: #1E293B;
}
.input-field--date::-webkit-datetime-edit-hour-field, .input-field--date::-webkit-datetime-edit-minute-field, .input-field--date::-webkit-datetime-edit-ampm-field, .input-field--time::-webkit-datetime-edit-hour-field, .input-field--time::-webkit-datetime-edit-minute-field, .input-field--time::-webkit-datetime-edit-ampm-field {
  color: #1E293B;
}

.input-icon {
  position: absolute;
  right: 16px;
  top: 30px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}

.input-wrapper .input-label + .input-field {
  margin-top: 0;
}
.input-wrapper .input-icon {
  top: calc(50% + 10px);
}
.input-wrapper--full .input-icon {
  top: calc(50% + 10px);
}

/* Time Period Row */
.time-period-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 15px;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .time-period-row {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.extra-costs--time-period {
  white-space: nowrap;
  min-width: fit-content;
  width: 100%;
  border-radius: 5px;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 50px;
  background: rgba(107, 165, 108, 0.3);
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  color: #6BA56C;
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .extra-costs--time-period {
    margin-top: 0;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .date-radio-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .time-period-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .extra-costs--time-period {
    justify-self: start;
  }
}
@media (max-width: 480px) {
  .custom-radio-box {
    padding: 12px;
    gap: 10px;
  }
  .radio-label {
    gap: 1px;
  }
  .day-name {
    font-size: 16px;
  }
  .date-number {
    font-size: 12px;
  }
}
.shipment-specifics {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.pallet-details--shipment {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.pallet-details--shipment .flex-line {
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 15px;
}
.pallet-details--shipment .flex-line .left-side {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.pallet-details--shipment .flex-line strong {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
.pallet-details--shipment .shipment--details {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
  gap: 15px;
  opacity: 0.5;
}
.pallet-details--shipment .shipment--details svg {
  margin-right: 5px;
}
.pallet-details--shipment .warning {
  color: #945728;
  background: #FFDBC1;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  gap: 5px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}

.expand-price-specification {
  cursor: pointer;
  margin-top: 10px;
  font-size: 16px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  transition: all 0.3s ease;
}
.expand-price-specification svg {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.expand-price-specification.active svg {
  transform: rotate(180deg);
}
.expand-price-specification:hover {
  opacity: 0.8;
}

.price-wrapper-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.price-wrapper-inner .discount {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 16px;
  color: #6BA56C;
  opacity: 1 !important;
}

.expand-price--details-wrapper {
  margin-top: 20px;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  opacity: 0;
  overflow: hidden;
}
.expand-price--details-wrapper.active {
  grid-template-rows: 1fr;
  opacity: 1;
}
.expand-price--details-wrapper > div {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.expand-price--details-wrapper .expand-details .details--title {
  font-size: 16px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  color: white;
  opacity: 1;
}
.expand-price--details-wrapper .expand-details .details--title span {
  opacity: 1;
}
.expand-price--details-wrapper .expand-details .details--price {
  color: #6BA56C;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 16px;
  opacity: 1 !important;
}
.expand-price--details-wrapper .expand-details .details--price span {
  opacity: 1 !important;
}
.expand-price--details-wrapper .expand-details .details--explanation {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.expand-price--details-wrapper .expand-details .details--explanation svg {
  margin-right: 5px;
}

.input-col.input-col--full {
  min-width: 100%;
  width: 100%;
}

.total-price--display {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .total-price--display {
    flex-direction: column;
  }
}
.total-price--display .left-side {
  display: flex;
  flex-direction: row;
  gap: 20px;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
}
@media only screen and (max-width: 1024px) {
  .total-price--display .left-side {
    flex-direction: column;
  }
}
.total-price--display .left-side span {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  color: rgba(0, 0, 0, 0.5);
}
.total-price--display .left-side span svg {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.total-price--display .right-side {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
  color: #6BA56C;
  font-size: 20px;
}
@media only screen and (max-width: 1024px) {
  .total-price--display .right-side {
    margin-top: 20px;
    justify-content: flex-end !important;
  }
}

.white--box-toggle {
  margin-top: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.white--box-toggle svg {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.white--box-toggle.active svg {
  transform: rotate(180deg);
}

.full-specs-whitebox {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin-top 0.3s ease;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
}
.full-specs-whitebox.active {
  grid-template-rows: 1fr;
  opacity: 1;
  margin-top: 30px;
}

.full-specs-whitebox-inner {
  min-height: 0;
  overflow: hidden;
}

.payment-methods-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
}

.payment-method-row {
  position: relative;
}

.payment-method-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border: 1.5px solid #E2E8F0;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
}
.payment-method-box:hover {
  border-color: #CBD5E1;
  background: #F8FAFC;
}
.payment-method-box .payment-method-left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.payment-method-box .payment-method-label {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 16px;
  color: #3A1242;
}
.payment-method-box .discount-badge {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 14px;
  color: #6BA56C;
  margin-left: 10px;
}
.payment-method-box .payment-method-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.payment-method-box .payment-method-icons svg {
  height: 24px;
  width: auto;
}
.payment-method-box .payment-method-icons svg[width="43"][height="14"] {
  height: 16px;
}
.payment-method-box .payment-method-icons svg[width="50"][height="12"] {
  height: 18px;
}
.payment-method-box .radio-circle {
  flex-shrink: 0;
}

.custom-radio-input:checked + .payment-method-box {
  border-color: #3A1242;
  background: #FAF8FB;
}
.custom-radio-input:checked + .payment-method-box .radio-circle {
  border-color: #3A1242;
}
.custom-radio-input:checked + .payment-method-box .radio-circle::after {
  transform: translate(-50%, -50%) scale(1);
}

@media only screen and (max-width: 768px) {
  .payment-method-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .payment-method-box .payment-method-icons {
    align-self: flex-start;
  }
  .payment-method-box .payment-method-icons svg {
    height: 20px;
  }
  .payment-method-box .payment-method-icons svg[width="43"][height="14"] {
    height: 14px;
  }
  .payment-method-box .payment-method-icons svg[width="50"][height="12"] {
    height: 16px;
  }
}
.cost-tiles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
  .cost-tiles-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.cost-tiles-grid .total-price--display {
  display: flex;
  flex-direction: column;
}
.cost-tiles-grid .cost-tile-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cost-tiles-grid .cost-tile-content strong {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 16px;
  color: #3A1242;
}
.cost-tiles-grid .cost-tile-content .cost-description {
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.cost-tiles-grid .cost-tile-content .cost-amount {
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 20px;
  color: #6BA56C;
  margin-top: 8px;
}

.log-in-link {
  margin-top: 50px;
}

.submit-actions {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.submit-actions .button {
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .submit-actions .button {
    flex-wrap: wrap;
    font-size: 14px;
  }
}
.submit-actions .button svg {
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .submit-actions .button svg {
    margin-right: 5px;
  }
}
.submit-actions .button strong {
  font-weight: 500;
}

.terms-conditions {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.terms-conditions a {
  color: #999999;
  text-decoration: underline;
}

.white-box--thankyou {
  display: flex;
  flex-direction: column;
}
.white-box--thankyou .two-columns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .white-box--thankyou .two-columns {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.white-box--thankyou .two-columns .right-side img {
  max-width: 400px;
}
@media only screen and (max-width: 1024px) {
  .white-box--thankyou .two-columns .right-side img {
    max-width: 100%;
  }
}
.white-box--thankyou .button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .white-box--thankyou .button-wrapper {
    flex-direction: column;
  }
}

.white-box--chat h2 {
  margin-bottom: 30px;
}

.chat-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 30px;
  padding-right: 10px;
}

.chat-message {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
.chat-message.chat-message--right {
  flex-direction: row-reverse;
}

.chat-avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
.chat-avatar--purple {
  background-color: #3A1242;
}
.chat-avatar--red {
  background-color: #F13B3E;
}

.chat-message-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.chat-bubble {
  border-radius: 10px;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
}
.chat-bubble--purple {
  background-color: #F3EBF9;
  color: #3A1242;
}
.chat-bubble--gray {
  background-color: #F5F5F5;
  color: #333333;
}

.chat-timestamp {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 20px;
}

.chat-message--right .chat-timestamp {
  text-align: right;
}

.chat-input-row {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  margin-top: 20px;
}
.chat-input-row .input-group {
  flex: 1;
  margin: 0;
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .chat-input-row .input-group {
    min-width: 100% !important;
  }
}
.chat-input-row .button {
  flex-shrink: 0;
  width: auto;
  white-space: nowrap;
  align-self: flex-end;
}

@media (max-width: 768px) {
  .chat-message {
    gap: 15px;
  }
  .chat-avatar {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
  .chat-bubble {
    padding: 15px;
    font-size: 14px;
  }
  .chat-input-row {
    flex-direction: column;
    gap: 15px;
  }
  .chat-input-row .button {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .block-login {
    margin-top: 0 !important;
  }
}
.block-login .block-hero-main-left__usp {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.block-login .block-hero-main-left__usp li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
.block-login .block-hero-main-left__usp li p {
  font-size: 16px;
}

.white-box--login {
  position: sticky;
  top: 160px;
}

.right-side-login:before {
  z-index: 1;
  top: -100px;
  right: 50px;
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='366' height='356' viewBox='0 0 366 356' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M326.328 253.816C326.328 241.594 321.609 224.789 311.122 205.605C300.795 186.714 285.588 166.846 266.492 148.76C261.946 144.455 257.206 140.274 252.287 136.249C212.577 162.585 167.737 181.898 129.752 187.735C136.053 221.109 146.911 247.605 161.091 267.457C183.735 299.157 216.085 315.736 257.449 315.736C283.449 315.736 300.226 306.394 310.602 294.871C321.345 282.94 326.328 267.441 326.328 253.816ZM327.06 -27.757C326.676 -58.4876 301.941 -85.2407 261.103 -85.2407C206.064 -85.2406 149.975 -43.8728 130.632 45.0147C175.937 47.4249 217.539 63.9011 252.543 87.055C273.492 70.7169 291.708 52.415 304.898 33.4389C319.426 12.5386 327.065 -7.99397 327.065 -27.0304L327.06 -27.757ZM39.4487 119.395C39.4487 127.533 43.4682 134.318 55.8704 140.184C63.9561 144.008 74.2654 146.613 85.6725 148.031C84.9848 137.542 84.6393 126.718 84.6393 115.572C84.6393 106.026 84.9556 96.7249 85.5726 87.6762C74.659 89.5914 65.2271 92.4788 57.731 96.1961C43.7618 103.123 39.4488 111.036 39.4487 119.395ZM123.574 115.572C123.574 126.816 123.953 137.562 124.688 147.813C151.12 143.628 184.229 130.832 216.396 111.709C188.724 96.2025 157.586 86.1051 124.781 85.0623C123.988 94.7927 123.574 104.961 123.574 115.572ZM365.997 -26.3232C365.812 3.59068 353.869 31.9715 336.513 56.9396C322.616 76.932 304.744 95.4886 284.994 111.942C287.651 114.286 290.25 116.663 292.789 119.068C314.631 139.754 332.501 162.895 345.017 185.79C357.372 208.393 365.263 232.153 365.263 253.816C365.263 276.853 357.041 302.381 339.096 322.31C320.783 342.648 293.386 356 257.449 356C204.559 356 160.238 334.028 129.774 291.379C110.491 264.383 97.3077 229.899 90.3766 188.941C72.8216 187.601 54.8677 183.984 39.6769 176.799C19.0117 167.025 0.513672 148.788 0.513672 119.395C0.51374 90.2231 18.7805 70.8583 40.8961 59.8912C55.2884 52.7541 72.4827 48.4027 90.766 46.2834C111.159 -62.7919 180.06 -125.504 261.103 -125.504C319.826 -125.504 366 -84.1679 366 -27.0304L365.997 -26.3232Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
}
.right-side-login .block-footer__list__contact {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1430px) {
  .right-side-login .block-footer__list__contact {
    order: 3;
  }
}
@media (max-width: 920px) {
  .right-side-login .block-footer__list__contact {
    order: 4;
  }
}
.right-side-login .block-footer__list__contact div {
  margin-top: 50px;
  background-color: #441E4C;
  border-radius: 10px;
  padding: 30px;
  width: 100%;
  margin-bottom: 35px;
}
@media (max-width: 920px) {
  .right-side-login .block-footer__list__contact div {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 550px) {
  .right-side-login .block-footer__list__contact div {
    padding: 20px;
  }
}
.right-side-login .block-footer__list__contact div h3 {
  font-size: 20px;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 600;
  font-display: swap;
  margin-bottom: 0 !important;
}
.right-side-login .block-footer__list__contact div h4 {
  font-size: 20px;
}
.right-side-login .block-footer__list__contact div ul {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  list-style-type: none;
  color: white;
  flex-wrap: wrap;
}
.right-side-login .block-footer__list__contact div ul a {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 20px;
  color: white;
}
.right-side-login .block-footer__list__contact div ul a > span:first-of-type {
  display: grid;
  place-items: center;
  background-color: #3A1242;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
@media (max-width: 550px) {
  .right-side-login .block-footer__list__contact div ul a > span:last-of-type > strong {
    white-space: nowrap;
  }
  .right-side-login .block-footer__list__contact div ul a > span:last-of-type > span {
    font-size: 13px;
  }
}
.right-side-login .block-footer__list__contact div ul a strong {
  display: block;
  font-family: "GeneralSans-Variable", "GeneralSans-Regular", sans-serif;
  font-weight: 500;
  font-display: swap;
}
@media (max-width: 1655px) {
  .right-side-login .block-footer__list__contact .button {
    margin-top: auto;
  }
}
@media (max-width: 1430px) {
  .right-side-login .block-footer__list__contact .button {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  #stay-logged-text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .block-myaccount {
    max-width: calc(100vw - 40px);
    margin-left: 20px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .block-myaccount .container {
    flex-direction: column;
  }
}
.block-myaccount .left-side .left-side-sticky {
  background: #3A1242;
  padding: 40px;
  box-sizing: border-box;
  color: white;
  width: 300px;
  position: sticky;
  top: 160px;
  border-radius: 10px;
}
@media only screen and (max-width: 1024px) {
  .block-myaccount .left-side .left-side-sticky {
    width: 100%;
  }
}
.block-myaccount .left-side .left-side-sticky h3 {
  font-size: 24px;
}
.block-myaccount .left-side .left-side-sticky:before {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 0;
  content: url("data:image/svg+xml,%3Csvg width='229' height='197' viewBox='0 0 229 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M216.303 128.636C216.303 120.532 213.177 109.389 206.227 96.6693C199.383 84.1431 189.305 70.9694 176.651 58.9774C173.639 56.1228 170.497 53.351 167.238 50.6818C140.922 68.1443 111.207 80.9502 86.035 84.8206C90.2111 106.95 97.4065 124.518 106.803 137.681C121.809 158.7 143.247 169.693 170.658 169.693C187.888 169.693 199.006 163.499 205.882 155.858C213.002 147.947 216.303 137.671 216.303 128.636ZM216.789 -58.0644C216.534 -78.4407 200.142 -96.1797 173.08 -96.1797C136.606 -96.1796 99.4364 -68.7502 86.6186 -9.81223C116.642 -8.21407 144.21 2.71068 167.407 18.0631C181.29 7.22997 193.361 -4.90531 202.102 -17.4877C211.73 -31.3459 216.792 -44.9603 216.792 -57.5826L216.789 -58.0644ZM26.1924 39.5065C26.1924 44.9026 28.8561 49.4013 37.0748 53.2907C42.4331 55.8264 49.2649 57.554 56.8243 58.4942C56.3685 51.5393 56.1396 44.3623 56.1396 36.972C56.1396 30.6421 56.3492 24.4749 56.7581 18.4751C49.5257 19.7449 43.2753 21.6595 38.3078 24.1243C29.0506 28.7175 26.1924 33.9639 26.1924 39.5065ZM81.9413 36.972C81.9413 44.4272 82.1925 51.5522 82.6791 58.3496C100.195 55.5749 122.136 47.0903 143.453 34.41C125.115 24.1285 104.481 17.4333 82.7409 16.7418C82.2152 23.1937 81.9413 29.9359 81.9413 36.972ZM242.592 -57.1137C242.469 -37.2789 234.554 -18.4607 223.053 -1.90524C213.844 11.351 202 23.6552 188.912 34.5647C190.672 36.1193 192.395 37.6951 194.078 39.2896C208.552 53.0062 220.394 68.35 228.688 83.5309C236.876 98.5178 242.105 114.273 242.105 128.636C242.105 143.911 236.656 160.838 224.764 174.052C212.629 187.537 194.474 196.391 170.658 196.391C135.609 196.391 106.238 181.821 86.0498 153.543C73.2711 135.643 64.5347 112.778 59.9416 85.6201C48.3081 84.7313 36.4103 82.3331 26.3436 77.5692C12.649 71.0886 0.390625 58.9958 0.390625 39.5065C0.39067 20.1638 12.4958 7.32374 27.1516 0.0518669C36.6891 -4.68047 48.0836 -7.56572 60.1996 -8.97099C73.7137 -81.2947 119.374 -122.877 173.08 -122.877C211.995 -122.877 242.594 -95.4684 242.594 -57.5826L242.592 -57.1137Z' fill='white' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
}
.block-myaccount .left-side .left-side-sticky .navigation-links {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.block-myaccount .left-side .left-side-sticky .navigation-links a {
  min-width: 100%;
  text-decoration: none;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: "ClashDisplay-Variable", "ClashDisplay-Regular", sans-serif;
  font-weight: 400;
  font-display: swap;
  font-size: 18px;
  position: relative;
  transition: all 300ms;
}
.block-myaccount .left-side .left-side-sticky .navigation-links a:hover {
  color: #F13B3E;
}
.block-myaccount .left-side .left-side-sticky .navigation-links a.active {
  color: #F13B3E;
}
.block-myaccount .left-side .left-side-sticky .navigation-links a.active:before {
  top: 2px;
  position: absolute;
  left: -20px;
  content: url("data:image/svg+xml,%3Csvg width='11' height='15' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.80599 11.4463C9.80599 11.0782 9.66398 10.5722 9.34835 9.99445C9.03754 9.42555 8.57984 8.82725 8.00512 8.28262C7.86831 8.15297 7.72564 8.02709 7.5776 7.90586C6.38245 8.69895 5.03289 9.28055 3.88966 9.45633C4.07933 10.4613 4.40612 11.2592 4.83289 11.8571C5.5144 12.8117 6.48801 13.3109 7.73294 13.3109C8.51546 13.3109 9.02041 13.0296 9.33268 12.6826C9.65604 12.3233 9.80599 11.8566 9.80599 11.4463ZM9.82804 2.96699C9.81648 2.04157 9.07202 1.23593 7.84294 1.23593C6.18642 1.23594 4.49831 2.48168 3.91617 5.15844C5.27971 5.23102 6.53178 5.72718 7.58531 6.42444C8.21579 5.93243 8.76404 5.38129 9.16103 4.80984C9.59827 4.18045 9.82818 3.56214 9.82818 2.98887L9.82804 2.96699ZM1.17182 7.39832C1.17182 7.64339 1.2928 7.8477 1.66607 8.02435C1.90942 8.13951 2.2197 8.21797 2.56302 8.26067C2.54232 7.94481 2.53192 7.61885 2.53192 7.28321C2.53192 6.99573 2.54144 6.71564 2.56001 6.44315C2.23154 6.50082 1.94767 6.58777 1.72206 6.69971C1.30164 6.90832 1.17183 7.14659 1.17182 7.39832ZM3.70374 7.28321C3.70374 7.6218 3.71515 7.94539 3.73725 8.25411C4.53277 8.12809 5.52927 7.74275 6.4974 7.16685C5.66454 6.69991 4.7274 6.39583 3.74006 6.36443C3.71618 6.65745 3.70374 6.96366 3.70374 7.28321ZM10.9999 3.01017C10.9943 3.911 10.6349 4.76566 10.1125 5.51754C9.69429 6.11959 9.1564 6.67841 8.56196 7.17388C8.64193 7.24449 8.72016 7.31605 8.79657 7.38847C9.45395 8.01143 9.99178 8.70829 10.3685 9.39775C10.7403 10.0784 10.9778 10.7939 10.9778 11.4463C10.9778 12.14 10.7304 12.9087 10.1903 13.5089C9.6391 14.1213 8.81456 14.5234 7.73294 14.5234C6.14113 14.5234 4.8072 13.8618 3.89034 12.5774C3.30997 11.7645 2.9132 10.726 2.7046 9.49264C2.17624 9.45227 1.63589 9.34335 1.17869 9.12699C0.556734 8.83266 0 8.28345 0 7.39832C2.05888e-06 6.51984 0.549774 5.93669 1.21539 5.60643C1.64855 5.3915 2.16605 5.26047 2.71631 5.19664C3.33007 1.91195 5.4038 0.02344 7.84294 0.0234375C9.6103 0.0234375 11 1.26824 11 2.98887L10.9999 3.01017Z' fill='%23F13B3E'/%3E%3C/svg%3E%0A");
}
.block-myaccount .left-side .left-side-sticky .navigation-links a .counter {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 14px;
  border-radius: 100px;
  background: #F13B3E;
  text-align: center;
  line-height: 14px;
}
.block-myaccount .left-side .left-side-sticky .button svg {
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.total-price--display .right-side {
  text-align: right !important;
}
@media only screen and (max-width: 1024px) {
  .total-price--display .right-side {
    min-width: 100% !important;
    text-align: left !important;
  }
}

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