

section.contact .container {
  display: flex;
  gap: 3em;
  flex-wrap: wrap;
  flex-direction: row;
}
section.contact > div {
  flex: 1;
}
section.contact .container > div {
  flex: 1;
  min-width: 300px;
}
section.contact .intro-block,
section.contact .intro-block h2 {
  text-align: left;
}



.form-label {
  font-size: clamp(10px, 2vw, 14px);
  font-weight: 500;
  margin-bottom: 0.5em;
  padding: 0 clamp(1rem, 2vw, 2rem);
}

.form-field input[type="text"],
.form-field input[type="tel"],
.form-field input[type="email"],
.form-field textarea,
.form-field select,
.form-input, .form-textarea {
  appearance: none;
  width: 100%;
  height: 100%;
  font-family: "Barlow", sans-serif;
  font-size: clamp(12px, 2vw, 18px);
  color: #16324F;
  background-color: #FAFAFA;
  font-weight: 600;
  padding: clamp(0.5rem, 2vw, 1rem) clamp(1rem, 2vw, 2rem);
  border: 1px solid #A1A1A1;
  border-radius: 45px;
  outline: 0;
  transition: border 0.3s ease;
}
.form-field textarea {
  resize: vertical;
}
.form-field .form-data[data-grav-field="checkbox"] span.required {
  display: none;
}

.contact-form-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  gap: 1em;
}
.form-input-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: baseline;
}

.form-textarea {
  resize: vertical;
}
.form-input-wrapper label {
  font-size: 14px;
}
select.form-input {
  background-color: white;
}


section.evaluation .forms-main-container {
  position: relative;
  width: 100%;
  height: fit-content;
  overflow: hidden;
  background-color: #fff;
  border-radius: 45px;
  z-index: 1;
  background-color: #164074;
  padding: 2em;
}
section.evaluation .forms-main-container > .form-wrapper {
  width: 100%;
  overflow: hidden;
}
section.evaluation .contact-form-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  gap: 1em;
  background-color: #164074;
  color: #fff;
}
section.evaluation .form-columns {
  display: flex;
  flex-direction: row;
  width: 400%;
  padding-bottom: 1em;
  transform: translateX(0%);

  transition: transform 0.3s ease-in;
}
section.evaluation .form-column {
  width: 100%;
  height: fit-content;
  padding: 0 clamp(0em, 2vw, 2em);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
}
section.evaluation .form-column .form-field.full-width {
  grid-column: span 2;
}

@media (max-width: 650px) {
	section.evaluation .forms-main-container {
		padding: 1em 1em;
	}
	section.evaluation .form-column {
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0.5em;
	}
}

section.evaluation .forms-main-container .buttons {
  display: flex;
  padding-top: 2em;
  border-top: 1px solid #fff;
  justify-content: space-between;
}
section.evaluation .forms-main-container .buttons .link-button {
  margin: 0;
}

section.evaluation .ncols-2 .form-columns {
  width: 200%;
}
section.evaluation .ncols-4 .form-columns {
  width: 400%;
}
section.evaluation .ncols-5 .form-columns {
  width: 500%;
}

section.evaluation .ncols-2 .contact-form-container .form-columns:has(.form-column:nth-child(1).active) {
  transform: translateX(0%);
}
section.evaluation .ncols-2 .contact-form-container .form-columns:has(.form-column:nth-child(2).active) {
  transform: translateX(-50%);
}

section.evaluation .ncols-4 .contact-form-container .form-columns:has(.form-column:nth-child(1).active) {
  transform: translateX(0%);
}
section.evaluation .ncols-4 .contact-form-container .form-columns:has(.form-column:nth-child(2).active) {
  transform: translateX(-25%);
}
section.evaluation .ncols-4 .contact-form-container .form-columns:has(.form-column:nth-child(3).active) {
  transform: translateX(-50%);
}
section.evaluation .ncols-4 .contact-form-container .form-columns:has(.form-column:nth-child(4).active) {
  transform: translateX(-75%);
}

section.evaluation .ncols-5 .contact-form-container .form-columns:has(.form-column:nth-child(1).active) {
  transform: translateX(0%);
}
section.evaluation .ncols-5 .contact-form-container .form-columns:has(.form-column:nth-child(2).active) {
  transform: translateX(-20%);
}
section.evaluation .ncols-5 .contact-form-container .form-columns:has(.form-column:nth-child(3).active) {
  transform: translateX(-40%);
}
section.evaluation .ncols-5 .contact-form-container .form-columns:has(.form-column:nth-child(4).active) {
  transform: translateX(-60%);
}
section.evaluation .ncols-5 .contact-form-container .form-columns:has(.form-column:nth-child(5).active) {
  transform: translateX(-80%);
}

section.evaluation .contact-form-container  #form-button-prev {
  visibility: hidden;
  opacity: 0;
}
section.evaluation .contact-form-container  #form-button-send {
  display: none;
}
section.evaluation .contact-form-container:has(.form-columns .form-column:nth-child(2).active) #form-button-prev {
  visibility: visible;
  opacity: 1;
}

section.evaluation .ncols-2 .contact-form-container:has(.form-columns .form-column:nth-child(2).active) #form-button-next {
  display: none;
}
section.evaluation .ncols-2 .contact-form-container:has(.form-columns .form-column:nth-child(2).active) #form-button-send {
  display: block;
}

section.evaluation .ncols-4 .contact-form-container:has(.form-columns .form-column:nth-child(4).active) #form-button-next {
  display: none;
}
section.evaluation .ncols-4 .contact-form-container:has(.form-columns .form-column:nth-child(4).active) #form-button-send {
  display: block;
}

section.evaluation .ncols-5 .contact-form-container:has(.form-columns .form-column:nth-child(5).active) #form-button-next {
  display: none;
}
section.evaluation .ncols-5 .contact-form-container:has(.form-columns .form-column:nth-child(5).active) #form-button-send {
  display: block;
}

section.evaluation .form-slogans {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 0em 2em;
  margin-top: 1em;
  color: #E73529;
  font-weight: 700;
  flex-wrap: wrap;
}

section.evaluation .status {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 4em 0 2em;
}
section.evaluation .status-item {
  margin: 0 auto;
  border-bottom: 5px solid #fff;
  width: 100%;
  font-size: clamp(10px, 2vw, 18px);
  text-align: center;
  padding-bottom: 1em;
  transition: all 0.3s ease-in;
}
section.evaluation .status .status-icon {
  background: #fff;
  aspect-ratio: 1;
  width: 48px;
  border-radius: 50%;
  margin: 0 auto 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D1D5DC;
  transition: all 0.3s ease-in;
}

section.evaluation:has(.form-columns .form-column:nth-child(1).active) .status .status-item:nth-child(1) .status-icon,
section.evaluation:has(.form-columns .form-column:nth-child(2).active) .status .status-item:nth-child(2) .status-icon,
section.evaluation:has(.form-columns .form-column:nth-child(3).active) .status .status-item:nth-child(3) .status-icon,
section.evaluation:has(.form-columns .form-column:nth-child(4).active) .status .status-item:nth-child(4) .status-icon,
section.evaluation:has(.form-columns .form-column:nth-child(5).active) .status .status-item:nth-child(5) .status-icon {
  background: #E73529;
  color: #fff;
  border-color: #E73529;
}

section.evaluation:has(.form-columns .form-column:nth-child(1).active) .status .status-item:nth-child(1),
section.evaluation:has(.form-columns .form-column:nth-child(2).active) .status .status-item:nth-child(2),
section.evaluation:has(.form-columns .form-column:nth-child(3).active) .status .status-item:nth-child(3),
section.evaluation:has(.form-columns .form-column:nth-child(4).active) .status .status-item:nth-child(4),
section.evaluation:has(.form-columns .form-column:nth-child(5).active) .status .status-item:nth-child(5) {
  border-color: #E73529;
}


section.evaluation .form-block {
  scroll-margin-top: 5em;
}
section.evaluation .form-block .notices.success.green,
section.evaluation .form-block .success-text {
  text-align: center;
  background: #164074;
  color: #fff;
  border-radius: 45px;
  padding: 5em 3em;
}
section.evaluation .form-block .success-text .check {
  background: white;
  border-radius: 50%;
  width: fit-content;
  aspect-ratio: 1;
  margin: auto;
  color: red;
  padding: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
}





section.mediablock .media-block {
  margin: 4em auto;
  width: fit-content;
  margin: clamp(0em, 2vw, 3em) auto;
}

section.mediablock .media-block video {
  max-height: 90vh;
  max-width: 100%;
  border-radius: 15px;
}








footer .cookie-settings {
  background: none;
  color: #fff;
  overlay: none;
  cursor: pointer;
  border-style: none;
  line-height: 30px;
  font-size: 16px;
  padding: 0;
}





.goverlay {
  background: #16324F;
}

