@font-face {
  font-family: Suit;
  src: url('../fonts/SUIT-ExtraBold.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Suit;
  src: url('../fonts/SUIT-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --maintxt: #2b2c33;
  --white: white;
  --primary: #081353;
  --background: #f5f6fa;
  --subtxt: #9b9da8;
  --placeholder: #acafbf;
  --secondery: #5966b2;
  --line1: #e4e5f0;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--maintxt);
  letter-spacing: -.05em;
  word-break: keep-all;
  text-wrap: balance;
  font-family: Suit, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

h1 {
  color: var(--maintxt);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 800;
  line-height: 1;
}

h2 {
  color: var(--maintxt);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.3em;
}

h3 {
  color: var(--maintxt);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 800;
  line-height: 1.3em;
}

a {
  text-decoration: underline;
}

.nav {
  z-index: 30;
  background-color: var(--white);
  background-image: linear-gradient(270deg, var(--primary) 49%, white 50%);
  border-bottom: 1px solid #e4e5f0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.5em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  width: 90%;
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
}

.container.grid-process {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.horizontal-between {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.vertical {
  flex-flow: column;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.vertical-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gap-1em {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.gap-2em {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.gap-3em {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
}

.gap-05em {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
}

.grid-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  display: grid;
}

.grid-2.gap-2em {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text {
  color: var(--maintxt);
  font-size: 1.25em;
  line-height: 1.3em;
}

.text-big {
  color: var(--maintxt);
  font-size: 1.5em;
  line-height: 1.3em;
}

.text-small {
  color: var(--maintxt);
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
}

.gutter-1em {
  width: 100%;
  height: 1em;
}

.gutter-2em {
  width: 100%;
  height: 2em;
}

.gutter-3em {
  width: 100%;
  height: 3em;
}

.gutter-4em {
  width: 100%;
  height: 4em;
}

.gutter-5em {
  width: 100%;
  height: 5em;
}

.section {
  padding-top: 10em;
  padding-bottom: 10em;
  position: relative;
}

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

.section._1 {
  padding-bottom: 40em;
}

.vertical-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vertical-right {
  flex-flow: column;
  display: flex;
}

.horizontal-left {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.horizontal-right {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.horizontal-middle {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontal-between-middle {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.horizontal-between-bottom {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.horizontal-bottom {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.section-nobtm {
  padding-top: 5em;
}

.section-big {
  padding-top: 11em;
  padding-bottom: 11em;
}

.section-big-nobtm {
  padding-top: 7em;
}

.slide {
  width: 100%;
  height: auto;
}

.link-block {
  color: #222;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
}

.whitetxt {
  color: #fff;
}

.width100 {
  width: 100%;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.height100 {
  height: 100%;
}

.vertical-center-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.herotop {
  z-index: 2;
  width: 100%;
  height: 100dvh;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}

.texthuge {
  font-size: 2em;
  line-height: 1.5em;
}

.btn {
  color: #051328;
  cursor: pointer;
  background-color: #e7e7e7;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  font-family: Poppins;
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.swiper-content {
  background-color: var(--primary);
  text-align: left;
  border-radius: 18px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 3em;
  padding: 3em;
  position: relative;
  overflow: hidden;
}

.photobox {
  border-radius: 1em;
  width: 90%;
  max-width: 30em;
  position: relative;
  overflow: hidden;
  box-shadow: 6px 6px 12px #0003;
}

.navbar-button-container {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.viraltitle {
  color: var(--maintxt);
  text-align: center;
  text-transform: uppercase;
  margin-top: .1em;
  font-family: Sb Aggro;
  font-size: 5em;
  font-weight: 500;
  line-height: 1em;
}

.card {
  background-color: #fff;
  border-radius: 2em;
  width: 100%;
  padding: 2.5em;
}

.horizontal-left-middle {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gap-4em {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
}

.gap-5em {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
}

.horizontal-between-stretch {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.vertical-left-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.vertical-left-center {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.horizontal-left-bottom {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sugessbtn {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: -.5em;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
}

.card1 {
  color: #fff;
  background-color: #5208b9;
  background-image: url('../images/section4-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.34%;
  height: 100%;
  padding: 1.5em;
  display: flex;
}

.logo {
  width: auto;
  height: 2.5em;
}

.bold {
  font-weight: 800;
}

.graytxt {
  color: var(--subtxt);
}

.gap-025em {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
}

.navpc {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.width33 {
  width: 33.3333%;
}

.width50 {
  width: 50%;
}

.openbtn {
  background-color: var(--placeholder);
  width: 2em;
  height: 2em;
  color: var(--white);
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.openbtn:hover {
  background-color: var(--subtxt);
}

.sugessbtn-2 {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: -.5em;
  padding-top: .5em;
  padding-bottom: .5em;
  display: flex;
}

.gap-1-5em {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.hero {
  background-color: var(--background);
  height: 100svh;
}

.slider {
  width: 100%;
  height: 100%;
  padding-top: 5.5em;
  position: relative;
}

.btn-nav {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--primary);
  height: 100%;
  color: var(--white);
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.btn-nav:hover {
  background-color: var(--secondery);
}

.txt-title {
  letter-spacing: -.04em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.05;
}

.txt-title._2 {
  color: var(--white);
}

.blue {
  background-image: linear-gradient(135deg, var(--secondery), var(--primary));
  color: var(--secondery);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.txt-nav {
  height: 100%;
  color: var(--primary);
  justify-content: center;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.txt-nav:hover {
  color: var(--secondery);
}

.txt-nav.w--current {
  background-color: var(--background);
  color: var(--secondery);
}

.txt-nav._1 {
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}

.txt-nav._1:hover {
  color: var(--primary);
}

.txt-nav._1.w--current {
  color: var(--primary);
  background-color: #f5f6fa00;
}

.grid-intro {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro-box {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  padding: 2.5em 2em;
  display: flex;
  position: relative;
}

.txt-intro {
  font-size: 1.3em;
}

.txt-intro1 {
  letter-spacing: -.04em;
  margin-top: 7.5em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1;
}

.button1 {
  font-size: 1em;
}

.image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.relative {
  position: relative;
}

.intro {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  background-color: #ebecf280;
  text-decoration: none;
  position: relative;
}

.background-video {
  z-index: 1;
  opacity: .08;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video._1 {
  opacity: .3;
}

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

.devide {
  background-color: var(--subtxt);
  width: 100%;
  height: 1px;
}

.dot {
  background-color: var(--secondery);
  border-radius: 20em;
  width: .5em;
  height: .5em;
  position: absolute;
  top: 1.5em;
  left: 1.5em;
}

.arrow {
  filter: invert(85%);
  width: 1em;
  height: 1em;
}

.div-block-6 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.txt-process {
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
}

.txt-process._1 {
  width: 4em;
}

.div-block-7 {
  background-color: var(--maintxt);
  width: 3em;
  height: .1em;
}

.txt-process1 {
  color: var(--subtxt);
  font-size: 1.1em;
}

.image-2 {
  width: 5em;
  height: 5em;
}

.process-box {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border-bottom: 1px solid var(--line1);
  justify-content: flex-start;
  align-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.process {
  border-top: 1px solid var(--line1);
  flex-flow: column;
  display: flex;
}

.section-overview {
  height: 150svh;
  min-height: 150svh;
  position: relative;
}

.overview {
  background-color: #e8eaee;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.overview._1 {
  background-color: #f6e9e2;
}

.overview._2 {
  background-color: #f3edf8;
}

.overivew-box {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: 1580px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5em;
  display: flex;
  position: relative;
}

.overview-txtbox {
  grid-row-gap: 1em;
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  background-color: #08135380;
  flex-flow: column;
  padding: 2.5em 2em 4em;
  display: flex;
}

.txt-overview {
  color: var(--white);
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1;
}

.txt-overview1 {
  max-width: 20em;
  color: var(--white);
  font-size: 1.3em;
  line-height: 1.5;
}

.txt-overview2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--primary);
  height: 4em;
  color: var(--white);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
  top: -2em;
  left: 2em;
}

.txt-overview2:hover {
  background-color: var(--secondery);
}

.image-3 {
  width: .9em;
  height: auto;
}

.image-4 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-4.mo {
  display: none;
}

.container-nav {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1580px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.background-video-1 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-block {
  color: var(--white);
  text-align: center;
  font-size: 1em;
}

.section-1 {
  height: 100svh;
  position: relative;
}

.form {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  background-color: var(--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 3.5em 15% 3em;
  display: flex;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.contact-phone-row {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  grid-template-columns: minmax(8.5em, .35fr) 1fr;
  width: 100%;
  display: grid;
}

.contact-phone-row .text-field {
  width: 100%;
}

.contact-country-code {
  appearance: auto;
}

.contact-consent-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
}

.contact-error {
  color: oklch(45% .16 28);
  font-size: .85em;
  line-height: 1.4;
}

.contact-form-state {
  border: 1px solid var(--line1);
  margin-top: 0;
  padding: 1em;
  font-size: 1em;
  line-height: 1.45;
  display: block;
}

.w-form-done.contact-form-state {
  color: var(--primary);
  background-color: oklch(97% .03 145);
  display: block;
}

.w-form-fail.contact-form-state {
  color: oklch(45% .16 28);
  background-color: oklch(97% .03 28);
  display: block;
}

.text-field {
  background-color: var(--background);
  border: 1px #000;
  height: 2.5em;
  margin-bottom: 0;
  padding: 0 .7em;
  font-size: 1.3em;
}

.text-field::placeholder {
  color: var(--placeholder);
}

.field-label {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 800;
}

.div-block-8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.textarea {
  background-color: var(--background);
  border: 1px #000;
  min-height: 8em;
  margin-bottom: 0;
  padding: .5em .8em;
  font-size: 1.3em;
}

.textarea::placeholder {
  color: var(--placeholder);
}

.image-5 {
  width: 10em;
  margin-bottom: 1.5em;
}

.superscript {
  color: var(--secondery);
  font-weight: 800;
}

.submit-button {
  background-color: var(--primary);
  height: 2.5em;
  color: var(--white);
  font-size: 1.3em;
  font-weight: 400;
}

.checkbox {
  border: 1px solid var(--line1);
  background-color: var(--background);
  border-radius: 20em;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0;
}

.checkbox.w--redirected-checked {
  background-color: var(--primary);
}

.checkbox-field:has(input:checked) .checkbox {
  background-color: var(--primary);
}

.checkbox-field:has(input:focus-visible) .checkbox {
  box-shadow: 0 0 0 3px oklch(73% .08 265 / .35);
}

.checkbox-label {
  margin-bottom: 0;
  margin-left: .5em;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.text-block-2 {
  color: var(--secondery);
}

.footer {
  border-top: 1px solid var(--background);
  padding-top: 4em;
  padding-bottom: 10em;
}

.grid-footer {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-6 {
  width: auto;
  height: 2.5em;
}

.txt-footer {
  color: var(--primary);
  font-size: 1em;
  font-weight: 800;
  text-decoration: none;
  transition: color .2s;
}

.txt-footer:hover {
  color: var(--secondery);
}

.txt-footer1 {
  color: var(--primary);
  font-size: .9em;
}

.txt-footer1._1 {
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-weight: 300;
}

.txt-footer1._2 {
  color: var(--subtxt);
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: .8em;
  font-weight: 300;
}

.div-block-9 {
  z-index: 2;
  background-image: linear-gradient(135deg, #7d85b380, #08135380);
  width: 100%;
  height: 100%;
  padding-top: 4em;
  position: relative;
}

.container-trust {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1580px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.void {
  height: 3em;
}

.div-block-10 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--white);
  flex-flow: column;
  padding: 2em 7em 2em 2em;
  display: flex;
}

.txt-contact {
  color: var(--primary);
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
}

.txt-contact._1 {
  color: var(--primary);
  font-weight: 300;
  text-decoration: none;
}

.txt-contact._2 {
  color: var(--subtxt);
  font-weight: 300;
}

.div-block-11 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-12 {
  z-index: 2;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 90%;
  max-width: 1580px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10em;
  display: flex;
  position: relative;
}

.txt-hero {
  color: var(--primary);
  letter-spacing: -.04em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 1;
}

.txt-hero.whitetxt {
  color: var(--white);
}

.txt-hero1 {
  max-width: 30em;
  color: var(--primary);
  font-size: 1.3em;
}

.txt-hero1.whitetxt {
  color: var(--white);
}

.left-arrow {
  border: 1px solid #ffffff80;
  border-radius: 20em;
  width: 3em;
  height: 3em;
  margin-bottom: 4em;
  font-size: 1em;
  transition: color .2s, background-color .2s;
}

.left-arrow:hover {
  color: var(--primary);
  background-color: #fff;
}

.slide-nav {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 3em;
  margin-bottom: 4em;
  font-size: 1em;
  display: flex;
}

.right-arrow {
  border: 1px solid #ffffff80;
  border-radius: 20em;
  width: 3em;
  height: 3em;
  margin-bottom: 4em;
  font-size: 1em;
  transition: color .2s, background-color .2s;
}

.right-arrow:hover {
  background-color: var(--white);
  color: var(--primary);
}

.img-hero {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.img-hero.mo {
  display: none;
}

.grid-certi {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.txt-desc {
  max-width: 25em;
  color: var(--subtxt);
  font-size: 1.3em;
  line-height: 1.5;
}

.div-block-13 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 10em;
}

.slide-nav-2 {
  opacity: .25;
  justify-content: center;
  align-items: center;
  height: 2em;
  font-size: 1em;
  display: flex;
}

.mask {
  width: 33.333%;
  height: auto;
  overflow: visible;
}

.slider-2 {
  background-color: #ddd0;
  height: auto;
  padding-bottom: 3em;
  display: flex;
  overflow: hidden;
}

.certi {
  width: 100%;
  padding-left: .5em;
  padding-right: .5em;
  position: relative;
}

.img-certi {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slide-2 {
  height: auto;
  transform: scale(.8);
}

.txt-certi {
  -webkit-backdrop-filter: blur(.5em);
  backdrop-filter: blur(.5em);
  height: 2em;
  color: var(--white);
  text-align: center;
  background-color: #08135380;
  justify-content: center;
  align-items: center;
  margin-left: .625em;
  margin-right: .625em;
  font-size: .8em;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.left-arrow-2 {
  background-color: var(--line1);
  width: 2em;
  height: 2em;
  color: var(--placeholder);
  border-radius: 20em;
  font-size: 1em;
  inset: auto auto 0% 0%;
}

.left-arrow-2._1 {
  left: auto;
  right: 0%;
}

.hero-gradient {
  z-index: 2;
  background-image: linear-gradient(#08135300, #050c3366);
  width: 100%;
  height: 100%;
  position: relative;
}

.subhero {
  grid-column-gap: 10em;
  grid-row-gap: 10em;
  text-align: center;
  background-color: #000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-top: 14em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.subhero._1 {
  padding-bottom: 10em;
}

.heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-weight: 500;
}

.img-subhero {
  z-index: 1;
  opacity: .3;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-field-2 {
  background-color: var(--background);
  width: 100%;
  height: 2.5em;
  color: var(--maintxt);
  border: 1px #000;
  margin-bottom: 0;
  padding: 0 1em;
  font-size: 1.3em;
  line-height: 1.3;
}

.text-field-2::placeholder {
  color: var(--placeholder);
}

.text-block-3 {
  justify-content: center;
  align-items: center;
  height: 2em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.text-block-3:hover, .text-block-3.current {
  background-color: var(--background);
  color: var(--secondery);
}

.news-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.img-news {
  width: 100%;
  height: 100%;
  transform: scale3d(1none, 1none, 1none);
  object-fit: cover;
  transform-style: preserve-3d;
  transition: transform .2s;
}

.img-news:hover {
  transform: scale(1.1);
}

.list-date {
  color: var(--subtxt);
  font-size: 1em;
  line-height: 1;
}

.news-title {
  max-height: 2.6em;
  font-size: 1.3em;
  font-weight: 800;
  line-height: 1.3;
  overflow: hidden;
}

.news-imgbox {
  aspect-ratio: 3 / 2;
  background-image: url('../images/guideimg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}

.submit-button-2 {
  background-color: var(--primary);
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 1.1em;
  line-height: 1;
}

.case-sorting {
  grid-row-gap: .25em;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.news-grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  display: grid;
}

.form-block-1 {
  margin-bottom: 0;
}

.review-txtbox {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.section-sub {
  min-height: 80svh;
  padding-top: 10em;
  padding-bottom: 10em;
}

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

.form-2 {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.pagination {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 4em;
  display: flex;
}

.pagination.none {
  display: none;
}

.btn-pagination {
  text-align: center;
  border-radius: 20em;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  font-size: 1.1em;
  line-height: 1em;
  display: flex;
}

.pagination a.btn-pagination,
.pagination a.btn-pagination:visited {
  color: var(--primary);
  text-decoration: none;
}

.btn-pagination:hover {
  background-color: var(--background);
  color: var(--secondery);
}

.btn-pagination._1 {
  width: 4em;
}

.btn-pagination.current {
  background-color: var(--background);
  color: var(--secondery);
}

.list-top {
  border-bottom: 1px solid #b1b1b14d;
  justify-content: space-between;
  padding-bottom: 1.5em;
  display: flex;
}

.list-top._1 {
  border-bottom-style: none;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2em;
}

.subhero-remote {
  z-index: 2;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffff26;
  justify-content: space-between;
  width: 90%;
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.subhero-btn {
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.25em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: border-color .2s, color .2s, background-color .2s;
  display: flex;
}

.subhero-btn:hover {
  color: var(--primary);
  background-color: #fff;
  border-top-color: #93272c;
}

.subhero-btn.w--current {
  color: var(--primary);
  background-image: linear-gradient(#d8dbf0, #fff);
  font-weight: 600;
}

.pdt-imgbox {
  aspect-ratio: 4 / 5;
  background-image: url('../images/guideimg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}

.pdt-title {
  text-align: center;
  max-height: 2.6em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.pdt-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.aboutheading {
  text-align: left;
  text-transform: uppercase;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 5em;
  font-weight: 600;
}

.about-hero {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 17.5em;
  padding-bottom: 10em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.txt-abouthero {
  text-align: left;
  max-width: 23em;
  font-size: 1.3em;
}

.grid-hero {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center stretch;
  height: 100%;
  display: grid;
}

.div-block-16 {
  aspect-ratio: 16 / 9;
  position: relative;
}

.img-abouthero {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.txt-abouthero2 {
  text-align: left;
  max-width: 35em;
  font-size: 1.75em;
}

.grid-aboutsub {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.grid-aboutsub._1 {
  z-index: 2;
  place-items: start;
  margin-top: -3em;
  position: absolute;
  inset: 0%;
}

.txt-aboutsub {
  letter-spacing: -.04em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1;
}

.txt-aboutsub1 {
  text-align: left;
  max-width: 35em;
  font-size: 1.3em;
  line-height: 1.5;
}

.div-block-17 {
  aspect-ratio: 3 / 2;
  position: relative;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-18 {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
}

.hamburger {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--primary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 7em;
  height: 5.5em;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-19 {
  background-color: var(--white);
  width: 3em;
  height: 2px;
}

.dropdown {
  z-index: 10;
  background-color: #00000080;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.dropdown-box {
  background-color: var(--white);
  width: 100%;
  padding-bottom: 2em;
  position: relative;
}

.div-block-21 {
  width: 100%;
  height: 100%;
}

.container-dropdown {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1580px;
  height: 5.5em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block-2 {
  width: 100%;
  height: 6em;
  color: var(--primary);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.image-8 {
  filter: invert(15%);
  width: 2em;
  height: 2em;
}

.text-block-4 {
  letter-spacing: -.04em;
  text-transform: uppercase;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 2.5em;
  font-weight: 500;
}

.image-9 {
  width: 3em;
  height: auto;
}

.dropdownclose {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--primary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 7em;
  height: 5.5em;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-22 {
  aspect-ratio: 5 / 7;
  background-color: var(--line1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-5 {
  width: 90%;
  color: var(--placeholder);
  text-align: center;
  font-weight: 800;
}

.pdt-grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  display: grid;
}

.contentshero {
  grid-column-gap: 10em;
  grid-row-gap: 10em;
  text-align: center;
  background-color: #000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-top: 18em;
  padding-bottom: 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contentshero._1 {
  padding-bottom: 10em;
}

.txt-cttitle {
  color: var(--white);
  font-size: 3em;
  font-weight: 800;
}

.txt-ctsub {
  opacity: .5;
  color: var(--white);
  font-size: 1.3em;
}

.container-ct {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  flex-flow: column;
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-ct.grid-process {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-23 {
  border-top: 1px solid var(--line1);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 2em;
  display: flex;
}

.link-block-3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--maintxt);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-ct {
  min-height: 80svh;
  padding-top: 7em;
  padding-bottom: 10em;
}

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

.pdt-krname {
  color: var(--subtxt);
  font-size: 1.1em;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 8px;
  }

  .grid-aboutsub {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 10px;
  }

  .contact-phone-row {
    grid-template-columns: 1fr;
  }

  .nav {
    background-image: none;
  }

  .container.grid-process {
    grid-template-columns: 1fr;
  }

  .horizontal-between {
    flex-flow: column;
  }

  .grid-2, .grid-3, .grid-4 {
    grid-template-columns: 1fr;
  }

  .horizontal-between-bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .swiper-content {
    width: 100%;
    margin-bottom: 0;
  }

  .navbar-button-container {
    justify-content: space-between;
    align-items: flex-end;
    width: 3em;
    height: 2em;
  }

  .viraltitle {
    font-size: 3em;
  }

  .horizontal-between-stretch {
    flex-flow: column;
  }

  .card1 {
    width: 100%;
    height: auto;
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .navpc {
    display: none;
  }

  .txt-title {
    font-size: 2.5em;
  }

  .grid-intro {
    grid-template-columns: 1fr;
  }

  .txt-intro, .txt-intro1, .button1 {
    color: var(--white);
  }

  .dot {
    background-color: var(--placeholder);
  }

  .arrow {
    filter: invert(0%);
  }

  .overivew-box {
    justify-content: flex-start;
    align-items: center;
    padding-top: 6.5em;
  }

  .overview-txtbox {
    justify-content: flex-start;
    align-items: center;
  }

  .txt-overview, .txt-overview1 {
    text-align: center;
  }

  .txt-overview2 {
    left: 0;
  }

  .image-4 {
    display: none;
  }

  .image-4.mo {
    display: inline-block;
  }

  .form {
    padding-left: 2em;
    padding-right: 2em;
  }

  .grid-footer {
    grid-template-columns: 1fr;
  }

  .void._1 {
    display: none;
  }

  .div-block-10 {
    width: 100%;
  }

  .txt-hero {
    font-size: 3em;
  }

  .img-hero {
    display: none;
  }

  .img-hero.mo {
    display: inline-block;
  }

  .grid-certi {
    grid-template-columns: 1fr;
  }

  .text-field-2 {
    width: 10em;
  }

  .news-title {
    font-size: 1.35em;
  }

  .news-grid {
    grid-column-gap: 1em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .section-sub {
    padding-top: 7em;
  }

  .list-top._1 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .subhero-remote {
    width: 100%;
  }

  .pdt-title {
    font-size: 1.35em;
  }

  .aboutheading {
    font-size: 4em;
  }

  .grid-hero {
    grid-template-columns: 1fr;
  }

  .grid-aboutsub {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .grid-aboutsub._1 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    margin-top: 0;
  }

  .div-block-17 {
    width: 100%;
  }

  .div-block-17._1 {
    margin-top: 2em;
    margin-left: 2em;
  }

  .div-block-18 {
    width: 30%;
  }

  .hamburger, .dropdownclose {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .pdt-grid {
    grid-column-gap: 1em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr 1fr;
  }

  .container-ct.grid-process {
    grid-template-columns: 1fr;
  }

  .section-ct {
    padding-top: 7em;
  }
}

@media screen and (max-width: 479px) {
  .viraltitle {
    font-size: 2.5em;
  }

  .grid-aboutsub._1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

#w-node-_11f874ae-6c23-ae57-aae0-5ad58b336eb7-8b336eb4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_00a6e8e3-9a47-fdd3-1387-220f918605b7-22a8d613 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e8a5135f-a822-558e-8eb2-f85ab825c9ff-22a8d613 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4599bf0c-9c6b-e46a-1855-dc06f1b21cbc-22a8d613 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4599bf0c-9c6b-e46a-1855-dc06f1b21cbd-22a8d613 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_9a72cf6d-632a-3f0a-0aeb-4a69cf9de53b-22a8d613 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6737e1ca-f04b-5369-db2d-2cfb1b7ccabe-22a8d613 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

@media screen and (max-width: 991px) {
  #w-node-_00a6e8e3-9a47-fdd3-1387-220f918605b7-22a8d613 {
    grid-column: span 3 / span 3;
  }

  #w-node-e8a5135f-a822-558e-8eb2-f85ab825c9ff-22a8d613 {
    grid-column: span 4 / span 4;
  }

  #w-node-_4599bf0c-9c6b-e46a-1855-dc06f1b21cbc-22a8d613 {
    grid-column: span 2 / span 2;
  }

  #w-node-_4599bf0c-9c6b-e46a-1855-dc06f1b21cbd-22a8d613 {
    grid-column: span 5 / span 5;
  }

  #w-node-_9a72cf6d-632a-3f0a-0aeb-4a69cf9de53b-22a8d613 {
    grid-column: span 3 / span 3;
  }

  #w-node-_6737e1ca-f04b-5369-db2d-2cfb1b7ccabe-22a8d613 {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_11f874ae-6c23-ae57-aae0-5ad58b336eb7-8b336eb4 {
    grid-column: span 1 / span 1;
  }

  #w-node-e8a5135f-a822-558e-8eb2-f85ab825c9ff-22a8d613 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_4599bf0c-9c6b-e46a-1855-dc06f1b21cbc-22a8d613 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4599bf0c-9c6b-e46a-1855-dc06f1b21cbd-22a8d613 {
    grid-column: span 4 / span 4;
  }

  #w-node-_9a72cf6d-632a-3f0a-0aeb-4a69cf9de53b-22a8d613 {
    grid-column: span 2 / span 2;
  }

  #w-node-_6737e1ca-f04b-5369-db2d-2cfb1b7ccabe-22a8d613 {
    grid-column: span 3 / span 3;
  }
}


@font-face {
  font-family: 'Suit';
  src: url('../fonts/SUIT-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suit';
  src: url('../fonts/SUIT-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.pdt-item {
  cursor: pointer;
  color: inherit;
  background: none;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font: inherit;
  text-decoration: none;
}

.pdt-detail {
  padding-top: 11em;
  padding-bottom: 8em;
}

.pdt-detail__crumbs {
  grid-column-gap: .75em;
  color: var(--subtxt);
  align-items: baseline;
  margin-bottom: 3em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: .95em;
  font-weight: 500;
  display: flex;
}

.pdt-detail__crumb-link {
  color: var(--secondery);
  text-decoration: none;
  transition: color .2s;
}

.pdt-detail__crumb-link:hover {
  color: var(--primary);
}

.pdt-detail__crumb-current {
  color: var(--maintxt);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pdt-detail__layout {
  grid-column-gap: 5em;
  grid-row-gap: 4em;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: start;
  display: grid;
}

.pdt-detail__media {
  aspect-ratio: 4 / 3;
  background-color: var(--background);
  position: sticky;
  top: 8em;
  overflow: hidden;
}

.pdt-detail__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 2em;
  display: block;
}

.pdt-detail__panel {
  grid-row-gap: 1.25em;
  flex-flow: column;
  padding-top: 1em;
  display: flex;
}

.pdt-detail__category {
  color: var(--secondery);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: .9em;
  font-weight: 600;
}

.pdt-detail__title {
  color: var(--primary);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1.05;
}

.pdt-detail__subtitle {
  color: var(--subtxt);
  font-size: 1.25em;
}

.pdt-detail__divider {
  background-color: var(--line1);
  width: 100%;
  height: 1px;
  margin-top: .75em;
  margin-bottom: .75em;
}

.pdt-detail__sub-content {
  color: var(--subtxt);
  line-height: 1.7;
}

.pdt-detail__content {
  color: var(--maintxt);
  max-width: 54em;
  margin: 5em auto 0;
  font-size: 1.1em;
  line-height: 1.7;
}

.pdt-detail__content p {
  margin-top: 0;
}

.pdt-detail__content img {
  height: auto;
}

.pdt-detail__actions {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  flex-flow: wrap;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.pdt-detail__cta {
  grid-column-gap: .6em;
  background-color: var(--primary);
  color: var(--white);
  align-items: center;
  padding: 1em 1.75em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.05em;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.pdt-detail__cta:hover {
  background-color: var(--secondery);
}

.pdt-detail__cta-arrow {
  width: 1em;
}

.pdt-detail__back {
  color: var(--secondery);
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.pdt-detail__back:hover {
  color: var(--primary);
}

.pdt-detail__more {
  background-color: var(--background);
  padding-top: 5em;
  padding-bottom: 6em;
}

.pdt-detail__more-title {
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 1em;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 1.6em;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .pdt-detail__layout {
    grid-template-columns: 1fr;
  }

  .pdt-detail__media {
    aspect-ratio: 3 / 2;
    position: static;
  }

  .pdt-detail__image {
    padding: 1em;
  }
}

@media screen and (max-width: 767px) {
  .pdt-detail {
    padding-top: 9em;
    padding-bottom: 5em;
  }

  .pdt-detail__title {
    font-size: 2.4em;
  }

  .pdt-detail__cta {
    justify-content: center;
    width: 100%;
  }
}

/* Board category tabs: clickable divs (htmx); active/hover keeps text
   highlight only — background stays transparent per client request. */
.text-block-3 {
  cursor: pointer;
}

.text-block-3:hover,
.text-block-3.current {
  background-color: transparent;
}