body {
  font-family: "Inter", sans-serif;
}

.typical-cus-container {
  background: linear-gradient(87.34deg, #fd2b7b -1.96%, #ff7158 100%);
}

.typical-cus-container .app_col {
  gap: 64px;
}

.typical-cus-container .app_row {
  column-gap: 90px;
  row-gap: 50px;
}

.active-route {
  position: relative;
}

.active-route::before {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  width: 18px;
  height: 4px;
  background: #fd2b7b;
  border-radius: 555px;
}

.footer-information {
    background-image: url('/static/images/footerBackground.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}

.footer-information .common_form {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer-information .common_info {
  width: 100%;
}

.footer-information .common_info .app_nav {
  padding-bottom: 35px;
  color: black;
}

.footer-information .common_info .app_nav li {
  font-family: Inter, serif;
  font-weight: 400;
  font-size: 18px;
}

.footer-information .common_info .app_license {
  margin-top: 65px;
}

.footer-information .form_input {
  width: 100%;
}

.contact-btn {
  padding: 0.75rem 1.5rem;
  background: #fd2b7b;
}

.common-bg {
  background: #fd2b7b;
}

.text-color-common {
  color: #fd2b7b;
}

.w-fit {
  width: fit-content;
}

@media screen and (min-width: 1024px) {
  .footer-information .common_form {
    max-width: 80% !important;
  }

  .footer-information .common_form .form_input {
    width: 50% !important;
  }

  .footer-information .common_info {
    max-width: 80% !important;
  }
}

.form-label {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.form-input {
  width: 100%;
  padding: 8px 12px;
  color: rgb(107 114 128);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  min-height: 50px;
}

.required::before {
  content: "*";
  color: red;
}

.error-message {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

.success-message {
    color: green;
    font-size: 14px;
    margin-top: 5px;
}