section.image-banner {
  .bg-image {
    max-width: 100vw;
    height: 300px;
    @media (max-width:991px) {
      height: 200px;
    }
    @media (max-width:768px) {
      height: 150px;
    }
    &:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      background: rgb(104, 30, 119);
      background: linear-gradient(90deg, rgba(104, 30, 119, 1) 0%, rgba(104, 30, 119, 1) 25%, rgba(104, 30, 119, 0.9) 35%, rgba(104, 30, 119, 0.8) 40%, rgba(104, 30, 119, 0.7) 45%, rgba(104, 30, 119, 0.5) 58%, rgba(104, 30, 119, 0.2) 65%, rgba(104, 30, 119, 0.11) 100%);
    }
    h1 {
      /* top: 50%; */
      /*  left: 50%; */
      /*  transform: translate(-50%, -50%); */
      /*  text-align: center; */
    }
    img {
      width: 100%;
      max-width: 100vw;
      object-fit: cover;
    }
  }
}
#gdeFormContainer {
  .popup-heading h2 {
    color: #000000;
    text-align: left;
    position: relative;
    padding-bottom: 10px;
    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 50px;
      left: 0;
      height: 5px;
      background-color: #fe5e00;
    }
  }
  .gde-form {
    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;
        }
      }
    }
  }
}