input {
    color: var(--primary) !important;
}

body {
    background-image: url('/area-salto-2024/img/bg2.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 24px;
}

.step__title {
  font-size: 23px;
  text-align: center;
}

.grid {
  display: grid;
  row-gap: 24px;
}

.form {
  display: grid;
  gap: 24px;
}

.button {
  width: 200px;
}

@media (min-width: 768px) {
  .step__title {
    font-size: 26px;
  }
}

@media (min-width: 1024px) {
  .step__title {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .step__title {
    font-size: 34px;
  }
}

.d-none {
    display: none;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.special {
    max-width: 262px !important;
}
@media (min-width: 300px) {
    .special {
        max-width: 351px !important;
    }
}
@media (min-width: 768px) {
    .special {
        max-width: 262px !important;
    }
}



.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle {
    color: var(--primary) !important;
    height: 50px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    padding-inline: 1rem !important;
    padding: 10px !important;
    font-family: 'Cervo-Medium', system-ui, sans-serif !important;
    position: relative !important;
    margin: 0 !important;
    line-height: inherit !important;
}

.dropdown-menu.inner {
    max-width: 262px;
}


.bootstrap-select {
    width: 100%;
}

/*.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}*/
/*.bootstrap-select.special {
    
}*/