/* ========== Global CSS ========== */
/*:root {
  --nectar-accent-color: #6b6b6b;
  --nectar-extra-color-1: #ff1053;
  --nectar-extra-color-2: #2AC4EA;
  --nectar-extra-color-3: #333333;
  --nectar-black: #000000;
  --nectar-white: #ffffff;
}*/
/* ===== Text Styling ===== */
body .container-wrap h1,
body .container-wrap .h1-style *,
body .container-wrap .h1-style div * {
  font-family: 'Outfit', sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
}
body .container-wrap h2,
body .container-wrap .h2-style *,
body .container-wrap .h2-style div * {
  font-family: 'Outfit', sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
}
body .container-wrap h3,
body .container-wrap .h3-style *,
body .container-wrap .h3-style div * {
  font-family: 'Outfit', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
}
body .container-wrap h4,
body .container-wrap .h4-style *,
body .container-wrap .h4-style div * {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
/* body .container-wrap h5,
body .container-wrap .h5-style *,
body .container-wrap .h5-style div * {
}
body .container-wrap h6,
body .container-wrap .h6-style *,
body .container-wrap .h6-style div * {
} */

/* ===== CF7 Styling ===== */
body .container-wrap .wpcf7 .wpcf7-form {
  .input-group > p {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;

    label {
      padding: 1rem 1rem;
      flex: 1.5;
      text-align: right;
    }

    .wpcf7-form-control-wrap {
      padding: 0;
      flex: 5;
      width: 100%;
      .wpcf7-form-control {
        padding: 1rem 1rem;
        width: 100%;
        background-color: var(--nectar-white);
        border: 1px solid var(--nectar-black);
        border-radius: 29px;
        box-shadow: none;

        font-size: 16px;
        line-height: 1.2;
      }
      .wpcf7-not-valid-tip {
        margin-top: 5px;
        padding: 0.75rem 1rem;
        color: var(--nectar-white);
        background-color: var(--nectar-black);
        font-size: 16px;
        line-height: 1.2;
        border-radius: 29px;
      }
    }
  }
  .submit-group { 
    float: right;
    p {
      justify-content: end;
      .wpcf7-spinner {
        display: none;
      }
      .wpcf7-submit {
        padding: 1rem 2rem !important;
        background-color: var(--nectar-white);
        border: 1px solid var(--nectar-black);
        border-radius: 29px;
        box-shadow: none;
        opacity: 1;
        color: var(--nectar-black);
        font-weight: 600;
        font-family: 'Outfit', sans-serif;
        font-size: 16px;
        line-height: 1.2;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        &:hover {
          opacity: 1;
          background-color: var(--nectar-black);
          border-color: var(--nectar-black);
          color: var(--nectar-white);
        }
      }
    }
  }
  .wpcf7-response-output {
    margin: 0 0 0 0;
    padding: 0rem 1rem;
    border-radius: 29px;
    border: none;
  }
}