header {
  background-color: #00000d;
}

/* Contact */

.contact {
  background: #00000d;
  padding: 160px 0;

  background-image:
    url("/wp-content/themes/grpsoma/assets/img/contact-et.png"),
    url("/wp-content/themes/grpsoma/assets/img/contact-bg2.png"),
    url("/wp-content/themes/grpsoma/assets/img/contact-bg1.png");
  background-repeat: no-repeat;
  background-position:
    right center,
    top center,
    bottom center;
  background-size:
    55%,
    100% 250px,
    100% 250px;
}

.contact .sectitle {
  color: var(--FONT-REGULAR, #808080);
  font-family: Epilogue;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px; /* 144.444% */

  margin-bottom: 24px;
}

.contact .sectitle b {
  color: var(--FONT-BOLD, #ebebeb);
  font-family: Epilogue;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 52px;
}

.contact .secsubtitle {
  color: var(--FONT-REGULAR, #808080);
  font-family: Epilogue;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 177.778% */
  margin-bottom: 35px;
}

.contact .form-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.contact .form-inp {
  width: 100%;
  margin-bottom: 10px;
}

.contact .form-inp input,
.contact .form-inp textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--line, #363748);
  padding: 16px;
  background-color: transparent;

  color: var(--FONT-REGULAR, #808080);
  font-family: Epilogue;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.contact .form-inp input::placeholder,
.contact .form-inp textarea::placeholder {
  color: var(--FONT-REGULAR, #808080);
  font-family: Epilogue;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.contact .form-inp textarea {
  resize: none;
  height: 150px;
}

.contact label:has(input[type="checkbox"]) {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.contact label:has(input[type="checkbox"]) input {
  margin-right: 10px;
}

.contact label:has(input[type="checkbox"]) span {
  color: #d1d5dc;
  font-family: Epilogue;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.contact label:has(input[type="submit"]) {
  border-radius: 100px;
  background: #fff;
  width: 100%;
  padding: 8px;
}

.contact label:has(input[type="submit"]) input {
  background: transparent;
  border: none;

  color: var(--BG2, #040612);
  font-family: Epilogue;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.95px; /* 143.438% */
  letter-spacing: -0.17px;
  text-align: center;
  width: 100%;
}

.contact label:has(input[type="submit"]) h1 {
  color: var(--BG2, #040612);
  font-family: Epilogue;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.95px; /* 143.438% */
  letter-spacing: -0.17px;
  text-align: center;
}

/* End of Contact */
