@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;800&display=swap');

html[dir="rtl"] .header-navbar li{
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 300;
}

html[dir="rtl"]  .lang-btn a{
    color: var(--color-white);
    font-size: 15px;
    font-weight: 600;
    display: block;
    height: 90px;
    line-height: 94px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

html[dir="rtl"] a.edu-btn i, html[dir="rtl"] button.edu-btn i {
    padding-left: 6px;
    position: relative;
    font-size: 11px;
    transform: rotate(180deg);
    display: inline-block;
}


html[dir="rtl"] .edu-course .content .course-meta li {
    direction: initial;
}


.group-selection {
    padding: 0;
    background-color: #252e42;
    height: 195px;
    overflow: auto;
}

.group-selection li {
    padding: 15px;
    border-radius: 0.3rem;
}

.group-selection .active,
.group-selection li:hover {
    background-color: #070f1e;
    cursor: pointer;
}


.group-selection::-webkit-scrollbar {
    width: 14px;
    height: auto;
    background-color: #151f3378;
}

.group-selection::-webkit-scrollbar-thumb {
    height: 6px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #8eaadb;
}

.group-selection::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.group-selection::-webkit-scrollbar-corner {
    background-color: transparent
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    border-radius: 1rem;
}

.hide {
    display: none;
}

.b-radius {
    border-radius: 7px;
}

.bg-lighter {
    background-color: #1c242f;
}

.payment-details-cont {
    position: relative;
}

.p-3 {
    padding: 1rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}