.input-component {
  height: 40px;
  border-color: #e3e3e3;
  background-color: #f1f4fd; }

.submit-button {
  width: 100%;
  background-color: #F15A29;
  border-color: #F15A29;
  height: 35px;
  margin-bottom: 0px; }

.pac-input {
  margin-top: 40px; }

.vlf-main-div {
  height: auto;
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }

.vlf-header {
  display: flex;
  align-items: center;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  height: 30px !important;
  margin-bottom: 20px;
  width: 100%; }

.vlf-form {
  width: 100%; }

.vlf-input-group {
  display: flex;
  height: 64px;
  padding: 12px 0px 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  width: 336px;
  width: 100%; }

.vlf-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #BDBDBD;
  outline: none;
  background-color: transparent;
  padding: 8px 0 4px 0;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  box-shadow: none;
  margin-bottom: 8px;
  transition: border-bottom 0.3s ease; }

.vlf-input:focus {
  border-bottom: 2px solid #EB5D2F; }

.vlf-input:not(:focus) {
  border-bottom: 1px solid #BDBDBD; }

.vlf-bottom-text {
  color: #757575;
  font-family: "DM Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-top: 8px;
  text-align: left; }

.vlf-header img {
  width: 24px !important;
  height: 24px !important;
  margin-right: 8px; }

.vlf-label {
  color: var(--Neutral-400, #BDBDBD);
  font-family: "DM Sans";
  top: 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity 0.3s ease, transform 0.3s ease; }

.vlf-label.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(6px) !important; }

.vlf-error-txt {
  color: var(--Colors-Red, var(--Colors-Red, #FF3B30));
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  min-height: 16px;
  display: block;
  margin-top: -4px; }

.vlf-input-group:has(.error) .vlf-input {
  border-bottom: 2px solid #FF3B30; }

.vlf-offer-name {
  color: #1F1F1F;
  text-align: left;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 20px; }

.vlf-offer-price {
  color: #757575;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; }

.noc-label {
  color: var(--Neutral-400, #BDBDBD);
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; }

.iti {
  width: 100% !important;
  /* Ensure full width */ }

.iti__flag-container {
  width: auto; }

.vlf-option-text {
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; }

.vlf-option-text .ant-radio-checked .ant-radio-inner::after {
  background-color: #EB5D2F !important;
  border-color: #EB5D2F !important; }

.vlf-option-text .ant-radio-inner {
  border-color: #EB5D2F !important; }

.vlf-option-text .ant-radio-checked .ant-radio-inner {
  border-color: #EB5D2F !important; }

@media (max-width: 1023px) {
  .vlf-main-div {
    margin: 24px;
    padding: 16px; }
  .vlf-header {
    font-size: 20px;
    line-height: 24px; }
  .vlf-header img {
    width: 20px !important;
    height: 20px !important;
    aspect-ratio: 1/1; }
  .vlf-input-group {
    display: flex;
    height: 60px;
    width: 100%; }
  .vlf-input {
    font-size: 14px;
    line-height: 20px; }
  .vlf-error-txt {
    font-size: 10px;
    line-height: 10px; }
  .vlf-offer-name {
    font-size: 14px;
    line-height: 21px; }
  .vlf-offer-price {
    font-size: 12px;
    line-height: 18px; }
  .vlf-option-text {
    font-size: 14px;
    line-height: 20px; } }