.membership {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 100px;
  font-family: "Figtree", sans-serif;
}
.membership__header-title {
  color: #004a85;
  font-size: 52px;
  text-align: center;
  font-weight: 800;
}
@media (min-width: 480px) and (max-width: 576.95px) {
  .membership__header-title {
    font-size: 40px;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__header-title {
    font-size: 36px;
  }
}
.membership__container {
  position: relative;
  left: 0;
  right: 0;
  width: 1780px;
  padding: 80px 112px;
  margin-top: 40px;
  margin: 40px auto;
  background-color: #fff7ee;
  border-radius: 20px;
}
@media (max-width: 1536.75px) {
  .membership__container {
    width: 1400px !important;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  .membership__container {
    width: 1300px !important;
    left: 0;
    right: 0;
    padding: 60px 60px 20px 60px;
    margin: 20px auto;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  .membership__container {
    width: 1060px !important;
    left: 0;
    right: 0;
    padding: 60px 60px 20px 60px;
    margin: 20px auto;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  .membership__container {
    width: 852.95px !important;
    left: 0;
    right: 0;
    padding: 60px 60px 20px 60px;
    margin: 20px auto;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  .membership__container {
    width: 672.95px !important;
    left: 0;
    right: 0;
    padding: 60px 60px 20px 60px;
    margin: 20px auto;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  .membership__container {
    width: 521.95px !important;
    left: 0;
    right: 0;
    padding: 60px 60px 20px 60px;
    margin: 20px auto;
  }
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .membership__container {
    width: 100% !important;
    padding: 60px 60px 20px 60px;
    left: 0;
    right: 0;
    margin-top: 20px;
    border-radius: 0;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__container {
    width: 100% !important;
    padding: 60px 40px 20px 40px;
    left: 0;
    right: 0;
    margin-top: 20px;
    border-radius: 0;
  }
}
.membership__journey {
  position: relative;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -115px;
}
@media (min-width: 576px) and (max-width: 767.95px) {
  .membership__journey {
    margin-left: -136px;
  }
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .membership__journey {
    margin-left: -103px;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__journey {
    margin-left: -40px;
  }
}
.membership__journey--active {
  background-color: #f09221 !important;
}
.membership__journey--active .membership__journey--shape--number {
  color: #ffffff;
}
.membership__journey--done {
  border: 1.5px solid #32CC54 !important;
  background-color: #32CC54 !important;
}
.membership__journey--done .membership__journey--shape--number {
  color: #ffffff;
}
.membership__journey--text {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  text-align: center;
  white-space: nowrap !important;
  top: 22px;
  right: 31px;
  width: 25px;
}
@media (max-width: 576.95px) {
  .membership__journey--text {
    display: none;
  }
}
.membership__journey--line {
  position: absolute;
  width: 100%;
  min-width: 12.222222rem;
  height: 2px;
  background-color: #f09221;
  left: 50%;
  z-index: -1;
}
@media (min-width: 576px) and (max-width: 767.95px) {
  .membership__journey--line {
    min-width: 11.222222rem;
  }
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .membership__journey--line {
    min-width: 9.222222rem;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__journey--line {
    min-width: 6.222222rem;
  }
}
.membership__journey--shape {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border: 1.5px solid #f09221;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 150px;
}
.membership__journey--shape--number {
  color: #f09221;
  font-size: 18px;
  font-weight: 800;
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .membership__journey--shape {
    margin-left: 115px;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__journey--shape {
    margin-left: 48px;
  }
}
.membership__fields--header-title {
  color: #004a85;
  font-size: 24px;
  font-weight: 800;
}
.membership__fields--text, .membership__fields--select,
.membership__fields .select2-container--default .select2-selection--single {
  border: 1.5px solid #005da6;
  border-radius: 20px !important;
  height: 48px !important;
}
.membership__fields--text::placeholder {
  color: #c1c1c1;
  font-weight: 300;
  font-size: 16px;
}
.membership__fields--placeholder {
  position: relative;
  top: -35px;
  left: 10px;
  color: #c1c1c1;
  font-weight: 300;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.membership__fields--text:focus::placeholder {
  color: transparent;
}
.membership__fields--text:focus + .membership__fields--placeholder {
  visibility: hidden;
}
.membership__fields .date-inactive::-webkit-datetime-edit {
  color: transparent;
}
.membership__fields .date-inactive:focus::-webkit-datetime-edit {
  color: black;
}
.membership__fields--date::-webkit-calendar-picker-indicator, .membership__fields--date::-moz-calendar-picker-indicator, .membership__fields--date::-ms-calendar-picker-indicator, .membership__fields--date::calendar-picker-indicator {
  filter: invert(22%) sepia(93%) saturate(1750%) hue-rotate(189deg) brightness(95%) contrast(101%);
}
.membership__fields .special1 {
  width: 556px;
}
@media (max-width: 1536px) {
  .membership__fields .special1 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  .membership__fields .special1 {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1119px) {
  .membership__fields .special1 {
    width: 732.95px;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  .membership__fields .special1 {
    width: 552.95px;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  .membership__fields .special1 {
    width: 401.95px;
  }
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .membership__fields .special1 {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__fields .special1 {
    width: 100%;
  }
}
.membership__fields .special2, .special2 ~ .membership__fields--placeholder {
  position: relative;
  width: 317.33px;
}
@media (max-width: 1536px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 100%;
  }
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 151.95px;
  }
}
@media (min-width: 992px) and (max-width: 1119px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 233.95px;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 173.95px;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 401.95px;
  }
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__fields .special2, .special2 ~ .membership__fields--placeholder {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  .membership__fields .special3 {
    margin-top: -7px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  .membership__fields .special4 {
    margin-top: -7px !important;
  }
}
@media (min-width: 1000px) and (max-width: 1279.95px) {
  .membership__fields .special4 {
    margin-top: -7px !important;
  }
}
@media (min-width: 1920px) {
  .membership__fields .special5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (min-width: 1400px) and (max-width: 1919.95px) {
  .membership__fields .special5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
.membership__fields--p, .membership__fields--label-radio, .membership__fields--ul > li {
  font-weight: 400;
  font-size: 16px;
}
.membership__fields--radio {
  transform: scale(1.3);
  border-color: #005da6 !important;
}
.membership__fields .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: none !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect fill=%22white%22 fill-opacity=%220.01%22/%3E%3Cpath d=%22M24 33C28.9706 33 33 28.9706 33 24C33 19.0294 28.9706 15 24 15C19.0294 15 15 19.0294 15 24C15 28.9706 19.0294 33 24 33Z%22 fill=%22%23005da6%22 stroke=%22%23005da6%22 stroke-width=%224%22/%3E%3C/svg%3E") !important;
}
.membership__fields .form-check-input:checked {
  background-color: #fff !important;
}
.membership__fields .select2-selection__arrow {
  display: none;
}
.membership__fields--button-blue, .membership__fields--button-white {
  background-color: #005da6;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  width: 200px;
  height: 52px;
  border-radius: 20px;
  vertical-align: center;
}
.membership__fields--button-blue:focus, .membership__fields--button-white:focus {
  outline: none !important;
  box-shadow: none;
}
.membership__fields--button-blue:hover, .membership__fields--button-white:hover {
  transition: 0.3s ease-in-out;
  background-color: #004A85 !important;
  color: #ffffff !important;
  border: 2px solid #005da6;
}
.membership__fields--button-blue:active, .membership__fields--button-white:active {
  background-color: #003864;
  color: #ffffff !important;
  border: 2px solid #003864;
}
.membership__fields--button-blue:disabled, .membership__fields--button-white:disabled {
  background-color: #CCDFED;
  color: #669ECA;
  cursor: not-allowed;
  border: 2px solid #CCDFED;
}
@media (min-width: 320px) and (max-width: 576.95px) {
  .membership__fields--button-blue, .membership__fields--button-white {
    width: 100%;
  }
}
.membership__fields--button-white {
  background-color: #ffffff !important;
  color: #005da6 !important;
  border: 2px solid #005da6;
}
@media (min-width: 320px) and (max-width: 576.95px) {
  .membership__fields--button-white {
    width: 100%;
  }
}
.membership__fields--button-white:hover {
  transition: 0.3s ease-in-out;
  background-color: #004A85 !important;
  color: #ffffff !important;
  border: 2px solid #005da6;
}
.membership__fields--hr {
  border: 2px solid #f09221;
}
.membership__fields--button-upload {
  background-color: #005da6;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  width: 160px !important;
  height: 48px !important;
  border-radius: 20px;
}
@media (min-width: 480px) {
  .membership__fields--button-upload {
    font-size: 16px !important;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .membership__fields--button-upload {
    font-size: 14px !important;
  }
}
@media (min-width: 320px) and (max-width: 768.95px) {
  .membership__fields--button-upload {
    width: 100% !important;
  }
}
@media (max-width: 320.95px) {
  .membership__fields--button-upload {
    width: 100% !important;
  }
}
.membership__fields--button-upload:hover {
  transition: 0.3s ease-in-out;
  background-color: #004A85 !important;
  color: #fff7ee !important;
  border: 2px solid #005da6;
}
.membership__fields--button-upload:hover.bg-success {
  color: #fff7ee;
}
.membership__fields--button-upload:focus {
  outline: none !important;
  box-shadow: none;
}
.membership__fields--button-upload:active {
  background-color: #003864;
  color: #fff7ee !important;
  border: 2px solid #003864;
}
.membership__fields--button-upload:disabled {
  background-color: #CCDFED;
  color: #669ECA;
  cursor: not-allowed;
  border: 2px solid #CCDFED;
}
.membership__fields--check {
  font-size: 44px;
}
.membership__fields--header-title2 {
  color: #004a85;
  font-weight: 800;
  font-size: 40px;
}

#shape-step1 {
  position: relative;
  top: -71rem;
  z-index: -1;
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  #shape-step1 {
    top: -64rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  #shape-step1 {
    top: -64rem;
  }
  #shape-step1 .membership-shape-half-left,
  #shape-step1 .membership-shape-half-right {
    width: 257px !important;
  }
  #shape-step1 .membership-shape-line,
  #shape-step1 .membership-shape-line-right {
    width: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1119.95px) {
  #shape-step1 {
    top: -72rem;
  }
  #shape-step1 .membership-shape-half-left,
  #shape-step1 .membership-shape-half-right {
    width: 159px !important;
  }
  #shape-step1 .membership-shape-line,
  #shape-step1 .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #shape-step1 {
    top: -69rem;
  }
  #shape-step1 .membership-shape-half-left,
  #shape-step1 .membership-shape-half-right {
    width: 225px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  #shape-step1 {
    top: -94rem;
  }
}
@media (max-width: 575.95px) {
  #shape-step1 {
    display: none;
  }
}

#shape-step2-international {
  position: relative;
  top: -80rem;
  z-index: -1;
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  #shape-step2-international {
    top: -79rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  #shape-step2-international {
    top: -80rem;
  }
  #shape-step2-international .membership-shape-half-left,
  #shape-step2-international .membership-shape-half-right {
    width: 257px !important;
  }
  #shape-step2-international .membership-shape-line,
  #shape-step2-international .membership-shape-line-right {
    width: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  #shape-step2-international {
    top: -83rem;
  }
  #shape-step2-international .membership-shape-half-left,
  #shape-step2-international .membership-shape-half-right {
    width: 159px !important;
    height: 100em !important;
  }
  #shape-step2-international .membership-shape-line,
  #shape-step2-international .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #shape-step2-international {
    top: -87rem;
  }
  #shape-step2-international .membership-shape-half-left,
  #shape-step2-international .membership-shape-half-right {
    width: 225px !important;
    height: 100em !important;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  #shape-step2-international {
    top: -109rem;
  }
  #shape-step2-international .membership-shape-half-left,
  #shape-step2-international .membership-shape-half-right {
    height: 150em !important;
  }
}
@media (max-width: 575.95px) {
  #shape-step2-international {
    display: none;
  }
}

#shape-step2-corporate {
  position: relative;
  top: -122rem;
  z-index: -1;
}
@media (min-width: 1920px) {
  #shape-step2-corporate .membership-shape-half-left,
  #shape-step2-corporate .membership-shape-half-right {
    height: 130em !important;
  }
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  #shape-step2-corporate {
    top: -118rem;
  }
  #shape-step2-corporate .membership-shape-half-left,
  #shape-step2-corporate .membership-shape-half-right {
    height: 155em !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  #shape-step2-corporate {
    top: -119rem;
  }
  #shape-step2-corporate .membership-shape-half-left,
  #shape-step2-corporate .membership-shape-half-right {
    height: 155em !important;
    width: 257px !important;
  }
  #shape-step2-corporate .membership-shape-line,
  #shape-step2-corporate .membership-shape-line-right {
    width: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  #shape-step2-corporate {
    top: -141rem;
  }
  #shape-step2-corporate .membership-shape-half-left,
  #shape-step2-corporate .membership-shape-half-right {
    height: 175em !important;
    width: 159px !important;
  }
  #shape-step2-corporate .membership-shape-line,
  #shape-step2-corporate .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #shape-step2-corporate {
    top: -154rem;
  }
  #shape-step2-corporate .membership-shape-half-left,
  #shape-step2-corporate .membership-shape-half-right {
    height: 185em !important;
    width: 225px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  #shape-step2-corporate {
    top: -206rem;
  }
  #shape-step2-corporate .membership-shape-half-left,
  #shape-step2-corporate .membership-shape-half-right {
    height: 208em !important;
  }
}
@media (max-width: 575.95px) {
  #shape-step2-corporate {
    display: none;
  }
}

#shape-step2-individual {
  position: relative;
  top: -87rem;
  z-index: -1;
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  #shape-step2-individual {
    top: -84rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  #shape-step2-individual {
    top: -89rem;
  }
  #shape-step2-individual .membership-shape-half-left,
  #shape-step2-individual .membership-shape-half-right {
    width: 257px !important;
    height: 88em;
  }
  #shape-step2-individual .membership-shape-line,
  #shape-step2-individual .membership-shape-line-right {
    width: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  #shape-step2-individual {
    top: -98rem;
  }
  #shape-step2-individual .membership-shape-half-left,
  #shape-step2-individual .membership-shape-half-right {
    height: 109em !important;
    width: 159px !important;
  }
  #shape-step2-individual .membership-shape-line,
  #shape-step2-individual .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #shape-step2-individual {
    top: -97rem;
  }
  #shape-step2-individual .membership-shape-half-left,
  #shape-step2-individual .membership-shape-half-right {
    height: 108em !important;
    width: 225px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  #shape-step2-individual {
    top: -129rem;
  }
  #shape-step2-individual .membership-shape-half-left,
  #shape-step2-individual .membership-shape-half-right {
    height: 150em !important;
  }
}
@media (max-width: 575.95px) {
  #shape-step2-individual {
    display: none;
  }
}

#shape-step3 {
  position: relative;
  top: -52rem;
  z-index: -1;
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  #shape-step3 {
    top: -47rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  #shape-step3 {
    top: -47rem;
  }
  #shape-step3 .membership-shape-half-left,
  #shape-step3 .membership-shape-half-right {
    width: 257px !important;
  }
  #shape-step3 .membership-shape-line,
  #shape-step3 .membership-shape-line-right {
    width: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  #shape-step3 {
    top: -49rem;
  }
  #shape-step3 .membership-shape-half-left,
  #shape-step3 .membership-shape-half-right {
    width: 159px !important;
  }
  #shape-step3 .membership-shape-line,
  #shape-step3 .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #shape-step3 {
    top: -40rem;
  }
  #shape-step3 .membership-shape-half-left,
  #shape-step3 .membership-shape-half-right {
    width: 225px !important;
  }
  #shape-step3 .membership-shape-line,
  #shape-step3 .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (max-width: 575.95px) {
  #shape-step3 {
    display: none;
  }
}

#shape-confirmation {
  position: relative;
  top: -53rem;
  z-index: -1;
}
@media (min-width: 1440px) and (max-width: 1919.95px) {
  #shape-confirmation {
    top: -46rem;
  }
}
@media (min-width: 1200px) and (max-width: 1439.95px) {
  #shape-confirmation {
    top: -45rem;
  }
  #shape-confirmation .membership-shape-half-left,
  #shape-confirmation .membership-shape-half-right {
    width: 257px !important;
  }
  #shape-confirmation .membership-shape-line,
  #shape-confirmation .membership-shape-line-right {
    width: 95px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  #shape-confirmation {
    top: -42.95rem;
  }
  #shape-confirmation .membership-shape-half-left,
  #shape-confirmation .membership-shape-half-right {
    width: 159px !important;
  }
  #shape-confirmation .membership-shape-line,
  #shape-confirmation .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #shape-confirmation {
    top: -29rem;
  }
  #shape-confirmation .membership-shape-half-left,
  #shape-confirmation .membership-shape-half-right {
    width: 225px !important;
    height: 1050px !important;
  }
  #shape-confirmation .membership-shape-line,
  #shape-confirmation .membership-shape-line-right {
    width: 54px !important;
  }
}
@media (min-width: 576px) and (max-width: 767.95px) {
  #shape-confirmation {
    top: -32rem;
  }
  #shape-confirmation #blue-rectangle-step1 {
    margin-top: -174.99px !important;
    height: 22rem !important;
  }
}
@media (max-width: 575.95px) {
  #shape-confirmation {
    display: none;
  }
}

#blue-rectangle-step1 {
  background-color: #1ac0f2;
  width: 100%;
  height: 340px;
  margin-top: -220.99px;
  z-index: -1;
}
@media (min-width: 1200px) and (max-width: 1919.95px) {
  #blue-rectangle-step1 {
    margin-top: -125.99px;
    height: 225px;
  }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  #blue-rectangle-step1 {
    margin-top: -133.99px;
    height: 206px;
  }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  #blue-rectangle-step1 {
    margin-top: -133.99px;
    height: 161px;
  }
}
@media (max-width: 576.95px) {
  #blue-rectangle-step1 {
    margin-top: -133.99px;
    height: 161px;
  }
}
@media (max-width: 575.95px) {
  #blue-rectangle-step1 {
    display: none;
  }
}

#blue-rectangle-step2 {
  background-color: #1ac0f2;
  width: 100%;
  height: 250px;
  margin-top: -220.99px;
  z-index: -1;
}

.is-invalid {
  border: 1px solid #EE4444 !important;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #EE4444 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px !important;
}

@media (min-width: 320px) and (max-width: 479.95px) {
  .form-label-br, .br {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 1920px) {
  .form-label-br {
    display: none;
  }
}
@media (max-width: 479.95px) {
  .col-special-radio {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media (max-width: 320.95px) {
  .col-special {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 480px) {
  #btnStep1, #btnStep2, #btnSubmit, #btnHome {
    margin-bottom: 3rem;
  }
}
@media (min-width: 320px) and (max-width: 575.95px) {
  #btnStep1, #btnStep2, #btnSubmit, #btnHome {
    margin-bottom: -15px;
  }
  .mobile-form-bg {
    background-color: #fff7ee;
  }
}
@media (min-width: 320px) and (max-width: 479.95px) {
  .footer {
    margin-top: -14px;
  }
}
@media (min-width: 480px) and (max-width: 575.95px) {
  .footer {
    margin-top: -10px;
  }
}
.btn-error {
  background-color: #EE4444 !important;
  color: #ffffff !important;
}
.btn-error:hover {
  background-color: #B91C1C !important;
}
.btn-error:active {
  background-color: #991C1B !important;
  color: #F58F8F !important;
}

.bg-success {
  background-color: rgb(25, 135, 84) !important;
  color: #ffffff !important;
}