.levels-card{
    border-radius: 5px !important;
    border: none !important;
}
.levels-card-header{
    background-color: rgb(236 236 252);
    border-radius: 5px !important;
    border: none;
}
.levels-card-body{
    background-color: rgb(236 236 252);
    border-radius: 5px;
}
.levels-card-button{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.icon-title-div{
    display: flex;
    align-items: baseline;
    /* width: 100%; */
    height: 100%;
}
.levels-card-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--font-size-20);
    color: var(--main-black-color);
}
.collapse-arrow{
    font-size:22px;
    color: var(--main-black-color);
    transition: 0.4s;
}
.levels-card-content{
    display: flex;
}
.levels-card-content-txt{
    font-family: ElMessiri-Regular,sans-serif;
    font-size: 19px;
    color: var(--main-black-color);
    /*width: 50%;*/
    text-align: right;
}
.levels-card.active .collapse-arrow{
    transform: rotate(180deg);
    transition: 0.4s;
}
.slider-box-div{
    border-radius: 5px;
    width: 300px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.slider-box-div.orange{
    background-color: rgb(255 244 222);
}
.slider-box-div.green{
    background-color: #E7F8F1;
}
.slider-box-div.purple{
    background-color: #ECECFC;
}
.slider-box-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--font-size-20);
    color: var(--main-black-color);
    text-align: center;
}
.slider-box-div.orange.active{
    background-color: #FC9727;
}
.slider-box-div.green.active{
    background-color: #A3EBCD;
}
.slider-box-div.purple.active{
    background-color: #8367F7;
}
.slider-box-div.green.active .slider-box-title{
    color: var(--main-black-color);
}
.slider-box-div.active .slider-box-title{
    color: white;
}
.nav-pills .nav-link{
    margin-left: 21px !important;
}
.nav-books-pills{
    justify-content: center;
    width: fit-content;
    margin: auto;
    padding-right: 0;
}
.nav-books-pills .nav-link{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: 18px;
    color: #FDD4A6;
    padding: 0 !important;
    margin-right: 14px;
}
.move-book-slider,.move-book-slider:hover{
    position: absolute;
    top: 35px !important;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 43px !important;
    height: 43px !important;
    border-radius: 50%;
    opacity: 1 !important;
    color: var(--main-black-color) !important;
    font-size: 21px;
}
.move-book-slider.orange{
    background-color: rgb(255 244 222);
}
.move-book-slider.green{
    background-color: #E7F8F1;
}
.move-book-slider.purple{
    background-color: #ECECFC;
}
.mark-content-div,.levels-content-div{
    background-color: #ECECFC;
    border-radius: 5px !important;
}
.mark-title{
    font-family: ElMessiri-Bold, sans-serif;
    font-size: 21px;
    color: var(--main-black-color);
}
.levels-box-txt {
    font-family: ElMessiri-Regular, sans-serif;
    font-size: 21px;
    color: var(--main-black-color);
    text-align: right;
    line-height: 30px;
}
.count-div{
    background-color: #8367F7;
    border-radius: 5px;
}
.count-div p{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: 21px;
    color: white;
    text-align: center;
}
.nav-levels-pills{
    justify-content: center;
    width: 100%;
    margin: auto;
    padding-right: 0;
}
.nav-levels-btn{
    font-family: ElMessiri-Bold, sans-serif;
    font-size: var(--font-size-18);
    color: rgb(21 21 21);
    /* padding: 0 !important; */
    background: rgb(236 236 252);
    width: 95%;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-levels-btn.active{
    color: white;
    background-color: #8367F7;
}
.slick-next:before{
    content: "<";
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: var(--main-black-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    position: relative;
    bottom: 3px;
    left: 2px;
}
.slick-prev:before {
    font-size: 30px;
    content: ">";
    line-height: 1;
    opacity: .75;
    color: var(--main-black-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    position: relative;
    bottom: 3px;
    right: 2px;
}
.slick-next, .slick-prev ,.slick-next:hover, .slick-prev:hover{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: rgb(0 0 0 / 0%);
    border: none;
    outline: 0;
    background: 0 0;
    background-color: rgb(236 236 252) !important;
    border-radius: 50%;
}
.slick-next {
    right: -55px;
}
.slick-prev {
    left: -45px;
}
.level-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: 21px;
    color: var(--main-black-color);
}
.level-info-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--font-size-17);
    color: var(--main-black-color);
}
.level-info-text{
    font-family: ElMessiri-Regular,sans-serif;
    font-size: var(--font-size-17);
    color: var(--main-black-color);
}
@media(max-width:900px){
    .move-book-slider, .move-book-slider:hover{
        width: 30px !important;
        height: 30px !important;
        top: 13% !important;
        font-size: var(--font-size-17);
    }
    .carousel-control-next {
        right: -3px;
    }
    .carousel-control-prev {
        left: -3px;
    }
    .levels-box-txt{
        text-align: center;
    }
}