input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.contactuspage .callbox-column {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin: 22px 0 0;
}

.contactuspage .contact-form {
  row-gap: 25px;
  padding: 30px 0 0;
}

.contactuspage .contact-form .custom-textarea-floating .textarea-height {
  min-height: 140px;
  resize: none;
}

.form-floating .form-control,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  height: 48px;
  max-height: inherit !important;
  padding: 5px 16px;
  min-height: auto;
  font-size: var(--base);
  font-weight: var(--fw-400);
  line-height: 48px;
  color: var(--black);
  font-family: var(--poppins);
  border-radius: var(--radius-12);
}

.form-control:focus {
  box-shadow: none !important;
  outline: none !important;
  border-color: var(--primary);
}

.form-floating > label:not(.static-label) {
  padding: 10px 16px !important;
  font-size: var(--sm);
  display: flex;
  align-items: center;
}

.form-floating > .form-control:not(:placeholder-shown) {
  border-color: var(--primary);
}

.left-label-input.form-floating label:not(.static-label) {
  opacity: 0;
  z-index: -1;
}

.left-label-input.form-floating:not(:focus) {
  z-index: 3;
}

.left-label-input.form-floating:has(.form-control:focus)
  .intl-tel-input
  ~ label:not(.static-label),
.left-label-input.form-floating:has(.form-control:focus:not(:placeholder-shown))
  .intl-tel-input
  ~ label:not(.static-label) {
  left: 0;
}

.left-label-input.form-floating:has(.form-control:focus)
  .intl-tel-input
  ~ label:not(.static-label),
.left-label-input.form-floating:has(.form-control:focus:not(:placeholder-shown))
  .intl-tel-input
  ~ label:not(.static-label) {
  opacity: 1;
  transform: scale(1) translateY(-0.6rem) translate(0) !important;
  background-color: var(--white) !important;
  height: auto;
  width: auto;
  padding: 4px !important;
  margin-left: 13px !important;
  color: var(--primary);
  font-family: var(--poppins);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  z-index: 5;
  max-height: 23px;
}

.left-label-input.form-floating .form-control::placeholder {
  transition: all ease-in-out 0.2s;
  opacity: 1;
}

.left-label-input.form-floating .form-control:focus::placeholder {
  opacity: 0;
}

.form-floating > label {
  color: #bbb;
}

.form-floating > .form-control:focus ~ label:not(.static-label),
.form-floating
  > .form-control:not(:placeholder-shown)
  ~ label:not(.static-label) {
  opacity: 1;
  transform: scale(1) translateY(-0.6rem) translate(0) !important;
  background-color: var(--white) !important;
  height: auto;
  width: auto;
  padding: 4px !important;
  margin-left: 13px !important;
  color: var(--primary);
  font-family: var(--poppins);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  z-index: 5;
  max-height: 23px;
}

.custom-textarea-floating .form-control::placeholder {
  color: red;
}

.custom-textarea-floating {
  position: relative;
}

.custom-textarea-floating label {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
  height: 100%;
  padding: 0.675rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  max-height: 48px;
  background: #fff;
  border-radius: var(--radius-12);
  color: #bbb;
  font-size: var(--base);
}

.custom-textarea-floating .form-control label,
.custom-textarea-floating
  > .form-control-plaintext:not(:placeholder-shown)
  label,
.custom-textarea-floating > .form-control:focus label,
.custom-textarea-floating > .form-control:not(:placeholder-shown) label {
  position: absolute;
  top: 4px;
  left: 5px;
  z-index: 2;
  height: 100%;
  padding: 0.475rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  max-height: 48px;
  background: #fff;
}

.custom-textarea-floating .form-control {
  border-radius: var(--radius-12);
  padding-top: 10px;
}

.custom-textarea-floating .form-control::placeholder {
  color: var(--white);
}

.custom-textarea-floating > .form-control:focus ~ label,
.custom-textarea-floating > .form-control:focus ~ label:not(.static-label),
.custom-textarea-floating
  > .form-control:not(:placeholder-shown)
  ~ label:not(.static-label) {
  opacity: 1;
  transform: scale(1) translateY(-0.7rem) translate(0) !important;
  background-color: var(--white) !important;
  height: auto;
  width: auto;
  padding: 4px !important;
  margin-left: 13px !important;
  color: var(--primary);
  font-family: var(--poppins);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  z-index: 5;
  max-height: 18px;
}

.max-w-inh {
  max-width: inherit !important;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background: transparent !important;
}

.left-label-input.form-floating .intl-tel-input {
  width: 100%;
}

.intl-tel-input .selected-flag .iti-arrow {
  right: 1px;
}

.intl-tel-input input {
  font-size: var(--base);
}

.form-floating .intl-tel-input input::placeholder {
  color: #bbb;
  font-size: var(--sm);
}

label.error {
  color: red;
  opacity: 1 !important;
}

.contactuspage .contact-form .contact-btn {
  /* background: linear-gradient(90deg, #ffbe0b -42.56%, #ff006e 95.18%); */
  /* background: #0F6196; */
  background: var(--primary);
  border: none;
  color: var(--white);
  transition: all ease-in-out 200ms;
}

.contactuspage .contact-form .contact-btn:hover {
  background: var(--black);
  
}



.swal2-container {
  z-index: 9999999999999999 !important;
}

@media only screen and (max-width: 767px) {
  .contactuspage .contact-form {
    padding: 30px 0 0;
    margin: 0 0 10px;
  }

  .contactuspage .inner-talkwith {
    padding: 25px 20px 20px;
  }

  .contactuspage .contact-cmn-heading h3 {
    font-size: 20px;
    line-height: normal;
  }

  .contactuspage .calltext h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .contactuspage .calltext p {
    font-size: 15px;
    line-height: 22px;
  }

  .contactuspage .contact-form .custom-textarea-floating .textarea-height {
    min-height: 90px;
  }

}
@media only screen and (max-width: 576px) {
  .form-floating .form-control,
  .form-floating > .form-control-plaintext:not(:placeholder-shown),
  .form-floating > .form-control:focus,
  .form-floating > .form-control:not(:placeholder-shown) {
    height: 42px;
    font-size: var(--fifteen);
  }

  .custom-textarea-floating label {
    font-size: var(--fifteen);
  }

  .textarea-height {
    min-height: 70px !important;
  }

  .contact-form {
    row-gap: 15px;
  }

  .contactuspage .contact-cmn-heading h3 {
    font-size: 18px;
    line-height: normal;
  }
}