:root { --primary: #e50914; --light-primary: #c9050f }
::selection{ background-color: var(--primary)!important; color: white! important; }

.btn.btn-primary, .bg-primary, 
.btn.btn-active-primary:hover:not(.btn-active), 
.btn.btn-light-primary:hover:not(.btn-active),
.btn.btn-outline.btn-outline-primary:hover:not(.btn-active),
.progress-bar, 
.badge-primary { 
	background-color: var(--primary)!important; 
	color: white!important; 
	border-color: var(--primary)!important;
}

.border-primary, .btn-outline-primary{
	border-color: var(--primary)!important;
	color: white!important; 
}

.text-primary, 
.text-active-primary:hover, 
.btn.btn-light-primary,
.badge-light-primary{
	color: var(--primary)!important;
}


.badge-light-primary, 
.bg-light-primary,
.btn.btn-active-light-primary:hover:not(.btn-active){
	background: var(--light-primary)!important;
}

.bg-dark { background: #111!important }

.course-card:hover .lozad { filter: grayscale(1); -webkit-filter: grayscale(1); }

.tns.tns-default .tns-outer { margin: 0!important; }

.star-rating { direction: rtl; }
.star-rating input[type="radio"] { display: none }
.star-rating label i{ color: #ccc; font-size: 24px; cursor: pointer; transition: color 0.2s ease-in-out; }
.star-rating input[type="radio"]:checked ~ label i{ color: #ffad0f; }
.star-rating label:hover i, .star-rating label:hover ~ label i{ color: #ffad0f;  }

.overlay-scale:hover .overlay-wrapper div { transform: scale(1.1); transition: transform .3s ease; will-change: transform; }