:root {
  --navbar-color: rgba(51, 54, 67, 1);
  --navbar-color-opacity: rgba(51, 54, 67, 0.50);
  --linear-gradient: linear-gradient(
    90deg,
    #00c0ff 0%,
    #ffcf00 49%,
    #fc4f4f 100%
  );
  --text-color: #dee5ee;
  --signal-color-yellow: #ea982a;
  --signal-color-red: #c11c3e;
  --signal-color-blue: ##16afa3;
  --button-color: #44a4d1;
  --default-white-color: #ffffff;
  --causten-font: "Causten";
}

@font-face {
  font-family: "Causten";
  src: url("/fonts/Causten-SemiBold.woff2") format("woff2"),
    url("/fonts/Causten-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Causten";
  src: url("/fonts/Causten-Light.woff2") format("woff2"),
    url("/fonts/Causten-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Causten";
  src: url("/fonts/Causten-Regular.woff2") format("woff2"),
    url("/fonts/Causten-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Causten";
  src: url("/fonts/Causten-Bold.woff2") format("woff2"),
    url("Causten-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

/*------------------------------------*/

::placeholder {
  color: var(--navbar-color-opacity);
  opacity: 1; /* Firefox */
  font-size: 12;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--navbar-color-opacity);
  font-size: 12;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--navbar-color-opacity);
  font-size: 12;
}

/*------------------------*/

/* Banner Section */
.test_banner_section {
  margin-top: 55px;
  background-color: var(--text-color);
}

/* Form Section */

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

.form_title {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  color: #16afa3;
}

.test_form_input {
  width: 80%;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 5px;
  border: none;
  font-size: 15px;
  color: var(--navbar-color);
  text-align: left;
  border-bottom: 1px solid rgba(51, 54, 67, 0.2);
}

.test_form_checkbox {
  margin-left: 5px;
  border: none;
  font-size: 22px;
  color: var(--navbar-color);
  text-align: left;
}



.test_form_input:focus {
  outline: none;
}

label {
  margin-left: 10px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0em;
  line-height: 22px;
  text-align: left;
}

.btn_submit_test {
  background-color: var(--button-color);
  transition: color 0.2s;
  color: var(--default-white-color);
}

.btn_submit_test:hover {
  color: var(--navbar-color);
}

.form_end_text {
  color: var(--navbar-color);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0em;
  line-height: 22px;
  text-align: center;
}

.slogan_wave {
  padding-top: 40px;
  background-color: transparent;
  position: relative;
}


.slogan_text_container {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  object-fit: cover;
}

.slogan {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: var(--default-white-color);
  position: absolute;
  top: 27%;
  left: 35%;
}

.divider{
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin-top: 4px;
  margin-bottom: 4px;
}