.ck-editor__editable {
 background-color: #1C1F2B !important; /* Change the color as needed */
 color: #fff; /* Change text color to ensure readability */
 }
        .featherlight .featherlight-content {

            background: #22262B !important;
        }

        .featherlight-modal-content-header {
            background: #22262B !important;
        }
        .featherlight-modal-content-footer{
            background: #22262B !important;
        }

.nav-link{
color : white !important;
}
.btn-custom-yellow{
text-decoration: underline !important;
color : #ffffff !important;
}
.btn-custom-yellow:hover{
color : #000000 ;
}

/* .dropdown-item{
color: revert !important;
} */
.flearn-banner {
background-color: #fecb51;
/* background-image: linear-gradient(180deg, #ff4a6e, #ff8151 51%, #fecb51); */
background: linear-gradient(to right, #12CE5D 0%, #FFD80C 100%);
color: #fff;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
width: 100%;
}

.flearn-banner2 {
background-color: #2c67f2;
background-image: linear-gradient(115deg, #62cff4, #2c67f2);
color: #fff;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
}

.flearn-banner3 {
/* background-color: #2c67f2;
background-image: linear-gradient(115deg, #62cff4, #2c67f2);
color: #fff; */
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
width: 100%;
}
.flearn-banner4 {
/* background-color: #2c67f2;
background-image: linear-gradient(115deg, #62cff4, #2c67f2);
color: #fff; */
overflow: hidden;
/* padding-left: 16px;
padding-right: 16px; */
width: 100%;
}

.flearn-card {
background-color: #fff;
color: #fff;

}

.badge-success {
color: #fff;
background-color: #198754;
}

.badge-primary {
color: #fff;
background-color: #0d6efd;
}

.badge-info {
color: #212529;
background-color: #0dcaf0;
}

.badge-warning {
color: #212529;
background-color: #ffc107;
}

.badge-danger {
color: #fff;
background-color: #dc3545;
}

.badge-secondary {
color: #fff;
background-color: #6c757d;
}

.rating-value[rating-value="1"] {
--star-rev: 1
}

.rating-value[rating-value="2"] {
--star-rev: 2
}

.rating-value[rating-value="3"] {
--star-rev: 3
}

.rating-value[rating-value="4"] {
--star-rev: 4
}

.rating-value[rating-value="5"] {
--star-rev: 5
}

.rating-value {
/* More info for the below CSS you                  */
/* can find on Kevin Powell Tutorial                */
/* https://youtu.be/oiai47goI6A?si=b2NkafopvHX3VTlb */

--_star-size: 1.4rem;
--_gap: var(--space);

--gap-max-size: min(var(--_gap), var(--_star-size) / 5);
--gap-calc: calc((var(--star-rev, 0) - 1) * var(--gap-max-size));

height: var(--_star-size);
width: calc(var(--star-rev, 0) * var(--_star-size) + var(--gap-calc));
background-image:
    url(https://api.iconify.design/material-symbols:star-rounded.svg?color=%23f0ad4e);
background-repeat: space no-repeat;
background-size: var(--_star-size);
}

.btn-custom {
/* background-color: #2c67f2; */
/* background-color:linear-gradient(115deg, #62cff4, #2c67f2); */
color: white;
}

.btn-custom2 {
background-color: #7bbd7c;
color: white;
}

.ratings {
margin-right: 10px;
}

.ratings i {

color: #cecece;
font-size: 32px;
}

.rating-color {
color: #fbc634 !important;
}

.review-count {
font-weight: 400;
margin-bottom: 2px;
font-size: 24px !important;
}

.small-ratings i {
color: #cecece;
}

.review-stat {
font-weight: 300;
font-size: 18px;
margin-bottom: 2px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.card {
display: inline-block;
}

img {
width: 165px;
height: 200px;
}

.menu-toggle {
position: relative;
width: 40px;
height: 40px;
cursor: not-allowed;
display: flex;
justify-content: center;
align-items: center;
}

.menu-toggle::before {
content: '';
position: absolute;
width: 24px;
height: 4px;
background: #000;
box-shadow: 0 8px 0 #000,
    0 -8px 0 #000;
}

/* profile menu */

.profile {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
cursor: pointer;
text-align: end;
}

.profile h3 {
text-align: end;
line-height: 1;
margin-bottom: 4px;
font-weight: 600;
}

.profile p {
line-height: 1;
font-size: 14px;
opacity: .6;
}

.profile .img-box {
position: relative;
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
}

.profile .img-box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.customMarginxL{
margin-left: 300px !important;
}
.container .row .card{
min-width: 220px !important;
max-width: 220px !important;
}
.iframexxx{
height: 100% !important;
width: 100% !important;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.dropdown-menu li {
    position: relative;
}

.nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.nav-item .submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu>li:hover {
    background-color: #f1f1f1
}

.dropdown-menu>li:hover>.submenu {
    display: block;
}
.container-xxl{
--bs-gutter-x : 15rem !important;
}
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
.dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
}
}

.iframeresponsive{
height: 100% !important;
width: 100% !important;
}