html {
    font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'Open Sans', sans-serif !important;
}

/*Custom Search Icon for Select*/
.select-icon-container {
    position: relative;
}

.bi-search {
    position: absolute;
    top: 50%;
    left: 10px; /* Adjust this value if needed */
    transform: translateY(-50%);
    pointer-events: none; /* Makes the icon non-interactive */
}

.custom-select-with-icon {
    padding: 10px;
    padding-left: 40px; /* Provides space for the icon and ensures text doesn't overlap it */
}


/*Custom Geo Icon for Input*/
.bi-key {
    position: absolute;
    top: 50%;
    left: 10px; /* Adjust this value if needed */
    transform: translateY(-50%);
    pointer-events: none; /* Makes the icon non-interactive */
    font-size: 1.4rem; /* Adjust the icon size if needed */
}

.input-icon-container {
    position: relative;
}

.bi-key {
    position: absolute;
    top: 50%;
    left: 10px; /* Adjust this value if needed */
    transform: translateY(-50%);
    pointer-events: none; /* Makes the icon non-interactive */
    font-size: 1.4rem; /* Adjust the icon size if needed */
}

.custom-input-with-icon {
    padding: 10px;
    padding-left: 40px; /* Provides space for the icon, adjust if needed */

}

a {
    color: #009fde;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #009fde;
        text-decoration: underline; /* Optional: Underline on hover/focus for better user experience */
    }