.searchnow {
    color: var(--base-color);
    text-align: center;

    font-family: 'Alexandria Regular';
    line-height: normal;
    border: 1px solid #0537FF;
    border-radius: 6px;

}

.selectbar {
    border: 1px solid var(--base-color);
    border-radius: 6px;

}

.priceinput {
    border: 1px solid var(--gray-color-two);
    color: var(--base-color);
    font-family: 'Alexandria Medium';
    line-height: normal;
}

.sortedby {

    color: var(--base-color);
    font-family: 'Alexandria Medium';
    line-height: normal;
}

.borderclass {
    border-radius: 6px;
    border: 0.5px solid var(--gray-two-color);
    padding: 0.6rem;
    color: var(--base-color);
    text-align: center;
    font-family: 'Alexandria Light';
    line-height: normal;
}

label {
    color: var(--base-color) !important;
    font-size: var(--font-size-normalsize) !important;
    font-family: 'Alexandria Light';
    line-height: normal;
}

.filters {
    border-right: 1px solid var(--gray-color);

}

.totalTeacher {
    color: var(--base-color) !important;
    font-family: 'Alexandria Bold';
    line-height: normal;
}

.avalibleTitle {
    color: var(--base-color) !important;
    font-family: 'Alexandria Light';
    line-height: normal;
}

input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 24px;
    height: 24px;
    -webkit-appearance: none;

    /* @apply w-6 h-6 appearance-none pointer-events-auto; */
}

.filtermodal {
    background-color: var(--gray-color-three) !important;
}

.radiobtn-first {
    position: relative;
    color: var(--base-color);
    text-align: center;
    border-radius: 6px;
    font-family: 'Alexandria Light';
    line-height: normal;
    border: 0.5px solid var(--gray-two-color);
    color: var(--base-color);
}

.radiobtn-first [type="radio"] {
    position: absolute;
    opacity: 0;
    height: 2.5rem;
    cursor: pointer;
    right: 0;
    left: 0;
    background: none;
    width: 100%;
}

.radiobtn-first [type="radio"]:checked+div {
    border-radius: 6px;
    border: 0.5px solid var(--base-color-third);
    background-color: var(--base-color) !important;
    color: white !important;
    /* padding: 12px 20px; */
}

.radiobtn-first [type="radio"]:checked+div p,
img {
    color: white;


}

.ImageAndWords {
    padding: 0.5rem;
}

/* .radiobtn-first [type="radio"]:hover {

    background-color: var(--lightpurple);
    color: black !important;

} */

/* [type=radio] {
    border-radius: unset !important;
} */

.radiobtn-second [type="radio"] {
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 5px;
}

.searchnow {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}