﻿.form-check-label {
    height: auto !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: unset !important;
    background-image: none !important;
}

.form-row label.error {
    font-size: .8em;
    color: #bd4d58;
}

form.noerrorlabel label.error {
    display: none !important;
}


.set-location {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.set-location .radio {
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    border-radius: 50%;
    margin-left: 10px;
    position: relative;
}

.set-location .radio.active {
    border-color: #007bff;
}

.set-location .radio.active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #007bff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
}


.business-hour-box {
    background: #f8f9fa;
    padding: 12px 15px;
    border-radius: 8px;
}

.business-title {
    font-weight: 600;
    font-size: 15px;
    color: #222;
    margin-bottom: 6px;
}
.business-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.business-days {
    color: #333;
}

.business-time {
    font-weight: 600;
}

@media(max-width:991px){
    .career-card { width: 48%; }
}

@media(max-width:576px){
    .career-card { width: 100%; }
}


/* Force visibility for Trending Courses */

.cousesdetails,
.cousesdetails .box,
.cousesdetails .row,
.cousesdetails .col-9,
.cousesdetails .tag {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Fix flex collapsing */
.cousesdetails .row {
    display: flex;
}

/* Ensure text is visible */
.cousesdetails h5,
.cousesdetails p,
.cousesdetails .tag {
    color: #000 !important;
}


.cousesdetails .tag {
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}


.cousesdetails .tag img {
    width: 32px;
    height: auto;
    display: inline-block;
}


#trendingCoursesContainer {
    display: flex;
    flex-wrap: wrap;
}

.set-location.active {
    font-weight: 600;
    color: #007bff;
}

.radio.active {
    background: #007bff;
    border-color: #007bff;
}

