.corporate-banner {
  background-color: #faf0e6;
  h1 {
    color: #681e77 !important;
    font-size: 32px;
    text-align: start;
  }
  img {
    width: auto;
  }
}
@media (max-width: 640px) {
  .corporate-banner {
    img {
      width: 100%;
    }
    h1 {
      font-size: 22px;
    }
  }
}

#image_with_text {
  img {
    width: 100%;
    object-fit: cover;
  }
  h4 {
    color: #681e77 !important;
  }
}
#gdeFormContainer {
  /*  background-color: #FBE4D6; */
  .popup-heading h2 {
    color: #000000;
    text-align: left;
    position: relative;
    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 50px;
      left: 0;
      height: 5px;
      background-color: #fe5e00;
    }
  }
  .gde-form {
    @media (max-width:991px) {
      margin-top: 20px;
    }
    form.gdeForm {
      .form-group {
        text-align: left;
        .loginLoading {
          display: none;
        }
        input,
        textarea {
          padding: 7px;
          background-color: #ebf2f3;
        }
        button.submit-button {
          border: 1px solid #681e77;
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
        em.error.help-block,
        em#g-recaptcha-error-gde {
          font-size: 12px;
          font-family:  "Lato", serif;
          text-transform: capitalize;
          font-weight: 600;
          color: #e1020280;
        }
        .iti.iti--allow-dropdown.iti--separate-dial-code {
          width: 100%;

          .iti__country-list {
            border-radius: 0.375rem;
            background-color: #ebf2f3;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            border: var(--bs-border-width) solid var(--bs-border-color);
          }

          span.iti__country-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 200px;
            display: inline-block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
          }

          .iti__selected-flag {
            background-color: #d9d9d9;
            border-radius: 0.375rem 0px 0px 0.375rem;
          }
        }

        .iti__selected-flag {
          height: 39px;

          @media (max-width: 640px) {
            height: 39px;
          }
        }

        .iti__selected-dial-code {
          @media (max-width: 640px) {
            font-size: 12px;
          }
        }
        textarea {
          max-height: 100px;
        }
      }
    }
  }
}
#contact_form {
  .inquiry_form_container {
    position: relative;
    padding-bottom: 200px;
    @media (max-width:640px) {
      padding-bottom: 250px;
    }

    img {
      width: 100%;
      min-height: 300px;
      object-fit: cover;
      @media (max-width:640px) {
        min-height: 330px;
      }
    }
  }

  .form_container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    .inquiry_form {
      .loginLoading {
        display: none;
      }
      background-color: white;
      border-radius: 10px;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);

      .justify-item-center {
        justify-items: center;
      }

      @media (min-width: 1024px) {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
          0 4px 6px -2px rgba(0, 0, 0, 0.05);
      }

      @media (max-width:768px) {
        padding-left: 10px;
        padding-right: 10px;
      }

      input,
      select {
        padding: 7px;
        background-color: #ebf2f3;
      }
      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

      textarea {
        background-color: #ebf2f3;
        max-height: 100px;
      }

      em.error.help-block,em#g-recaptcha-error-gde {
        font-size: 12px;
        font-family:  "Lato", serif;
        text-transform: capitalize;
        font-weight: 600;
        color: #E1020280;
      }

      .iti.iti--allow-dropdown.iti--separate-dial-code {
        width: 100%;

        .iti__country-list {
          border-radius: .375rem;
          background-color: #ebf2f3;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          border: var(--bs-border-width) solid var(--bs-border-color);
        }

        span.iti__country-name {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 200px;
          display: inline-block;
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5;
        }

        .iti__selected-flag {
          background-color: #D9D9D9;
          border-radius: .375rem 0px 0px .375rem;
        }
      }

      .iti__selected-flag {
        height: 39px;

        @media (max-width: 640px) {
          height: 39px;
        }
      }

      .iti__selected-dial-code {
        @media (max-width: 640px) {
          font-size: 12px;
        }
      }
    }
  }

  .submit-button {
    border: none;
    background-color: #681e77;
    box-shadow: none;
    padding: 8px 62px;
    color: white;
    text-align: center;
    font-family:  "Lato", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    border: 1px solid #6e2a7e;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }

  .submit-button::before {
    content: "";
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: -1;
    border-radius: 0 0 50% 50%;
    transition: all 0.6s;
    display: block;
  }

  .submit-button:hover:before {
    height: 190%;
  }

  .submit-button:hover {
    color: #681e77;
  }
}
.g-recaptcha{
  width: fit-content;
}
.intolerance_package{
  flex: 0 1 30% !important;
  padding: 8px !important;
}