.contact {
  margin-bottom: 30px; }
  .contact a {
    color: var(--real-white); }
  @media (min-width: 1200px) {
    .contact {
      margin-bottom: 80px; } }
  .contact .container {
    padding-bottom: 110px; }
  .contact_wrapper {
    width: 100%;
    border-radius: 12px;
    background: rgba(245, 245, 245, 0.6);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    padding: 56px 28px 43px; }
    @media (min-width: 1200px) {
      .contact_wrapper {
        padding: 70px 40px 56px; } }
  @media (min-width: 1200px) {
    .contact .contact_field_columns {
      display: flex;
      gap: 40px;
      margin-bottom: 25px; } }
  @media (min-width: 1850px) {
    .contact .contact_field_columns {
      margin-bottom: 50px; } }
  @media (min-width: 1200px) {
    .contact .contact_field_columns .contact_field {
      margin-bottom: 0; } }
  .contact_field {
    width: 100%;
    display: block;
    margin-bottom: 5px; }
    @media (min-width: 1200px) {
      .contact_field {
        margin-bottom: 52px; } }
    .contact_field:last-child {
      margin-bottom: 0; }
    .contact_field select {
      margin-left: 20px;
      border: 1px solid var(--real-white);
      border-radius: 3px;
      min-width: 34px; }
    .contact_field input[type="text"],
    .contact_field input[type="email"],
    .contact_field textarea {
      border: none;
      background-color: transparent;
      color: var(--real-black);
      font-size: 12px;
      line-height: 1.25;
      font-style: normal;
      font-weight: 400;
      text-align: left;
      width: 100%;
      padding-left: 0; }
      @media (min-width: 1200px) {
        .contact_field input[type="text"],
        .contact_field input[type="email"],
        .contact_field textarea {
          font-size: 18px; } }
      .contact_field input[type="text"]::placeholder,
      .contact_field input[type="email"]::placeholder,
      .contact_field textarea::placeholder {
        color: var(--real-black); }
    .contact_field label {
      color: var(--real-black);
      font-size: 12px;
      line-height: 1.25;
      font-style: normal;
      font-weight: 400;
      text-align: left; }
      @media (min-width: 1200px) {
        .contact_field label {
          font-size: 18px; } }
      @media (min-width: 1850px) {
        .contact_field label {
          font-size: 20px; } }
      .contact_field label span {
        color: var(--red); }
    .contact_field-placeholder {
      padding-top: 2px;
      margin-bottom: 21px;
      border-bottom: 1px solid var(--real-black);
      padding-bottom: 8px;
      position: relative; }
      @media (min-width: 1850px) {
        .contact_field-placeholder {
          width: calc(50% - 20px);
          margin-bottom: 50px; } }
      @media (min-width: 1850px) {
        .contact_field-placeholder:nth-of-type(2n), .contact_field-placeholder:nth-of-type(4) {
          margin-right: auto; } }
      @media (min-width: 1850px) {
        .contact_field-placeholder.contact_field-large {
          width: 100%; } }
      .contact_field-placeholder label {
        width: 100%;
        position: absolute;
        left: 0;
        top: 7px;
        transition: all 0.35s; }
      .contact_field-placeholder.focused label,
      .contact_field-placeholder.focused label {
        top: -12px; }
        @media (min-width: 1200px) {
          .contact_field-placeholder.focused label,
          .contact_field-placeholder.focused label {
            top: -25px; } }
    .contact_field-textarea {
      position: relative;
      margin-top: 45px;
      margin-bottom: 27px; }
      @media (min-width: 1200px) {
        .contact_field-textarea {
          margin-top: 11px;
          margin-bottom: 29px; } }
      .contact_field-textarea label {
        position: absolute;
        top: -8px;
        left: 1px;
        background-color: var(--white);
        padding: 0 5px; }
        @media (min-width: 1200px) {
          .contact_field-textarea label {
            left: 0;
            top: -13px;
            padding-left: 14px;
            padding-right: 14px; } }
      .contact_field-textarea textarea {
        padding: 12px 10px 10px;
        height: 114px;
        border: 1px solid #202020;
        border-radius: 0 12px 12px 12px; }
        @media (min-width: 1200px) {
          .contact_field-textarea textarea {
            height: 272px;
            border-radius: 0 24px 24px 24px;
            padding-top: 22px; } }
    .contact_field-check {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
      @media (min-width: 1200px) {
        .contact_field-check {
          margin-bottom: 36px; } }
      .contact_field-check a {
        color: var(--real-white); }
        .contact_field-check a:hover {
          color: var(--real-white); }
      .contact_field-check .wpcf7-form-control-wrap,
      .contact_field-check .wpcf7-form-control,
      .contact_field-check .wpcf7-list-item,
      .contact_field-check .wpcf7-list-item label {
        width: 100%;
        margin: 0; }
      .contact_field-check label {
        position: relative;
        padding-left: 22px; }
        @media (min-width: 1200px) {
          .contact_field-check label {
            padding-left: 32px; } }
      .contact_field-check input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
        .contact_field-check input[type="checkbox"] a {
          color: var(--real-white); }
          .contact_field-check input[type="checkbox"] a:hover {
            color: var(--real-white); }
        .contact_field-check input[type="checkbox"]:checked ~ span:after {
          opacity: 1; }
        .contact_field-check input[type="checkbox"]:checked ~ span:before {
          border-color: var(--red);
          background-color: rgba(249, 211, 209, 0.3); }
        .contact_field-check input[type="checkbox"] + span {
          color: var(--real-black);
          font-size: 12px;
          line-height: 1.25;
          font-style: normal;
          font-weight: 400;
          text-align: left; }
          @media (min-width: 1200px) {
            .contact_field-check input[type="checkbox"] + span {
              font-size: 14px; } }
          .contact_field-check input[type="checkbox"] + span:before {
            content: '';
            display: block;
            position: absolute;
            top: 0px;
            left: 0;
            height: 12px;
            width: 12px;
            background-color: var(--real-white);
            border: 1.5px solid var(--real-black);
            transition: background-color 0.25s ease;
            border-radius: 2px; }
            @media (min-width: 1200px) {
              .contact_field-check input[type="checkbox"] + span:before {
                top: 6px;
                height: 17px;
                width: 17px; } }
          .contact_field-check input[type="checkbox"] + span:after {
            content: '';
            display: block;
            position: absolute;
            left: 4px;
            top: 2px;
            width: 4px;
            height: 6px;
            border: solid var(--red);
            border-width: 0 1.5px 1.5px 0;
            transform: rotate(45deg);
            opacity: 0;
            transition: opacity 0.25s ease; }
            @media (min-width: 1200px) {
              .contact_field-check input[type="checkbox"] + span:after {
                top: 9px;
                width: 6px;
                height: 8px;
                left: 5px; } }
  .contact_note {
    margin-bottom: 0;
    margin-top: 0;
    border-top: none;
    padding-top: 5px;
    padding-bottom: 15px; }
    .contact_note,
    .contact_note * {
      color: var(--real-black);
      font-size: 12px;
      line-height: 1.5;
      font-style: normal;
      font-weight: 400;
      text-align: left; }
      .contact_note a,
      .contact_note * a {
        text-decoration: underline; }
  @media (min-width: 1200px) {
    .contact .wpcf7-form {
      display: flex;
      flex-wrap: wrap; } }
  .contact .wpcf7-response-output,
  .contact .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 1.25; }
  .contact_header {
    width: 100%;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px; }
    @media (min-width: 1200px) {
      .contact_header {
        border-radius: 0px 40px 40px 0px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), rgba(204, 204, 204, 0.05);
        backdrop-filter: blur(50px);
        padding: 94px 80px;
        margin: 155px auto auto 0;
        width: 50%;
        max-width: 906px; } }
    @media (min-width: 1850px) {
      .contact_header {
        padding: 140px; } }
    .contact_header_title,
    .contact_header_title * {
      color: var(--real-white);
      font-family: var(--font-secondary);
      font-style: normal;
      font-weight: 100;
      text-align: center;
      text-wrap: balance;
      text-transform: uppercase;
      font-size: 35px;
      line-height: 1;
      letter-spacing: 1.75px; }
      @media (min-width: 1200px) {
        .contact_header_title,
        .contact_header_title * {
          font-size: 45px;
          line-height: 1;
          letter-spacing: 2.5px;
          text-align: left; } }
      @media (min-width: 1850px) {
        .contact_header_title,
        .contact_header_title * {
          font-size: 63px;
          line-height: 1;
          letter-spacing: 3.15px; } }
    .contact_header_title strong {
      font-weight: 400; }
    .contact_header_description,
    .contact_header_description * {
      color: var(--real-white);
      font-style: normal;
      font-weight: 300;
      text-align: center;
      text-wrap: balance;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1.3; }
      @media (min-width: 1200px) {
        .contact_header_description,
        .contact_header_description * {
          font-size: 18px;
          text-align: left !important; } }
      @media (min-width: 1850px) {
        .contact_header_description,
        .contact_header_description * {
          font-size: 22px; } }
  .contact-hero {
    background-image: url("../../assets/images/bg-contact-hero.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; }
    .contact-hero .container {
      padding-top: 139px;
      padding-bottom: 26px; }
      @media (min-width: 1200px) {
        .contact-hero .container {
          padding-top: 174px;
          padding-bottom: 37px;
          padding-left: 0;
          padding-right: 0;
          display: flex;
          max-width: 100%; } }
      @media (min-width: 1850px) {
        .contact-hero .container {
          max-width: var(--layout-xxxl); } }
    .contact-hero .contact_wrapper {
      border-radius: 12px;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), rgba(47, 47, 47, 0.6);
      backdrop-filter: blur(40px);
      padding: 32px 18px; }
      @media (min-width: 1200px) {
        .contact-hero .contact_wrapper {
          width: 45%;
          max-width: 798px;
          margin: auto;
          padding: 36px 38px; } }
    .contact-hero .contact_field-textarea label {
      background: #231413; }
    .contact-hero .contact_field label,
    .contact-hero .contact_field-check input[type=checkbox] + span,
    .contact-hero .contact_note * {
      color: var(--real-white); }
    .contact-hero .contact_field-placeholder,
    .contact-hero .contact_field-textarea textarea {
      border-color: var(--real-white); }
    .contact-hero .contact_field-check input[type=checkbox] + span:before {
      border-color: var(--real-white);
      background-color: transparent; }
    .contact-hero .contact_field input[type=text],
    .contact-hero .contact_field input[type=email],
    .contact-hero .contact_field textarea {
      color: var(--real-white); }
  .contact .contact_field_select.contact_field-large .wpcf7-form-control-wrap {
    display: block;
    width: 100%; }
  .contact .contact_field_select.contact_field-large label {
    width: 100%; }
  .contact .contact_field_select br {
    display: none; }
  .contact .contact_field_select select {
    width: 100%;
    background: #231413;
    color: white;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    padding-bottom: 5px;
    outline: 0;
    margin: 10px 0 0;
    font-family: var(--font-primary); }