/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

  /* *{
    font-family: 'Raleway', sans-serif;
} */

.salary-survey-parent-container {
    width: 80%;
    margin: auto;
    text-align: center !important;
}

.salary-three-col-container {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 10px;
}

.salary-four-col-container {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 10px;
}

.salary-two-col-single {
    padding: 10px;
}

.step-container {
    color: #495057 !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 30px !important;
}

.salary-input {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    border-radius: 20px !important;
    height: auto !important;
}

.salary-input:focus {
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem #06b8a681 !important;
}

.salary-select {
    box-sizing: border-box !important;
    width: 96% !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 50px !important;
    /* background-color: #f2f2f2; */
    appearance: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* background-image: url('a2.png'); */
    background-position: right 12px center !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    padding-right: 30px !important;
    /* Adjust as needed based on the arrow icon size */
    cursor: pointer;
    height: auto !important;
}

.salary-select:focus {
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem #06b8a681 !important;
}

.btn-salary-plugin {
    box-sizing: border-box !important;
    /* width: 100%; */
    cursor: pointer;
    outline: 0 !important;
    transition: all .3s ease;
    border-width: 2px !important;
    border-style: solid !important;
    background-color: #06B8A5 !important;
    color: white !important;
    border-color: #06B8A5 !important;
    line-height: 1 !important;
    padding: 13px 56px !important;
    border-radius: 20px !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;

    font-size: 14px !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

.btn-salary-plugin:hover {
    background: white !important;
    color: #898989 !important;
    border-color: #898989 !important;
}

.salary-error-text {
    padding: 5px !important;
    padding-left: 15px; !important
    display: block !important;
    text-align: left !important;
    color: red !important;
    font-size: 13px !important;
}

.salary-survey-results {
    background-color: #06B8A5 !important;
    color: white !important;
    padding: 20px !important;
    border-radius: 5px !important;
    font-size: 1.5rem !important;
    line-height: 35px !important;
}


  @media (max-width: 768px) {
      .salary-three-col-container {
          grid-template-columns: 1fr;
      }

      .salary-four-col-container {
          grid-template-columns: 1fr;
      }

      .salary-input {
          width: 100%;
      }

      ..salary-select {
          width: 100%;
      }

      .btn-salary-plugin {
          width: 100%;
      }
  }