body[data-Language=si] {
  font-family: "Noto Serif Sinhala", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

body[data-Language=en] {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body[data-Language=ta] {
  font-family: "Karla Tamil Upright", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.inside-banner{
    background-color: #515a6b;
    color: #FFF;
}

.form-check {
    cursor: pointer;
    transition:
        box-shadow 0.12s ease,
        border-color 0.12s ease,
        background-color 0.12s ease,
        filter 0.12s ease,
        border-width 0.12s ease,
        transform 0.12s ease;
}

.form-check:hover {
    transform: scale(0.985);
    filter: brightness(0.97);
    border-color: var(--bs-primary);
}

.form-check:focus-within{
    transform: scale(0.99);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.35);
    border-color: var(--bs-primary);
}

.form-check-input:focus,
.form-check-input:focus-visible {
    box-shadow: none;
    outline: none;
}

.btn {
    cursor: pointer;
    transition:
        box-shadow 0.12s ease,
        border-color 0.12s ease,
        background-color 0.12s ease,
        filter 0.12s ease,
        transform 0.12s ease;
}

.btn:hover {
    transform: scale(0.985);
    filter: brightness(0.97);
    border-color: var(--bs-primary);
}

.btn:has(.btn:focus-visible) {
    transform: scale(0.99);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.35);
    border-color: var(--bs-primary);
}



/* .profile-image{
    background-color: #EEE;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-size:cover;
} */

/* .profile-image img{
    opacity: 0;
    width: 100%;
    position: relative;
} */

/* .course-item{
    border-radius: 0 20px 20px 0;
    background-image: linear-gradient(to bottom, #fFF, #f4f4f4);
    box-shadow: 0px 0px 10px 0px #CCC;
} */

/* .course-item .course-image{
    background-color: #EEE;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    min-height: 120px;
    border-left: 6px solid #f1ba46;
} */