.mb--15{
    margin-bottom: 15px !important;
}
/* Rasmli testlar */
.question-li.rasmli .item-inner-change div{
    width: 100% !important;
}
.question-li.rasmli {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.rasmli .p-none{
    padding: 0 !important;
}

.question-li.rasmli li{
    margin:0;
    border:2px solid grey;
}
.question-li.rasmli img{
    border-radius: 15px;
    width: 100% !important;
    height: auto !important;
    object-fit:cover !important;
    max-height: 126px !important;
}
.questionTitle{
    width: 80%;
    margin: 0 auto 25px;
}
.questionImgTitle{
    width: 80%;
    margin: 0 auto 25px;
    border-radius: 17px;
    box-shadow: 0px 2px 7px 0px #555f6921;
    border: 1px solid #555f6921;
}

/* Matnli testlar */
.questionImgTitle img{
    border-radius: 17px;
    width: 100% !important;
    height: auto !important;
    object-fit:cover !important;
    max-height: 175px !important;
}
.border-radius-change{
    border-radius: 17px;
}
.question-li {
    width: 80%;
    margin-inline: auto !important;
}
.question-li li{
    border-radius: 17px;
    margin: 12px 10px; 
    border: 1px solid #555f6921;
    box-shadow: 0px 2px 7px 0px #555f6921;
    overflow: hidden;
}
.banner .swiper-pagination {
    bottom: -2px;
}
.button.change-height{
    height: 40px;
}


.green-back{
    background: #03f303 !important;
    transition: all 0.5s ease-in-out;
}
.red-back .item-inner{
    color:#fff;
}
.red-back {
    background:red;
    transition: all 0.5s ease-in-out;
}
.backChange {
    background: #007aff;
    color: #fff;
}
/* @media (max-width: 328px) {
    .media-size-change{
        font-size: 18.5px !important;
    }
} */

body.dark .quize-top-meta span{
    color: #979dac !important; 
}
body.dark .bg-green{
    background-color: #05c205 !important;
}
.bg-green{
    background-color:green;
}
.bg-red{
    background-color:red;
}
body.dark .uz-word{
    /* background: #05a905 !important; old */
    background: #09BC0F !important;
}
body.dark .learn-word{
    box-shadow: 0px 3px 10px 0px rgba(255, 255, 255, 0.4) !important;
}
body.dark #prev-btn,
body.dark #next-btn{
    color:#fff !important;
}
body.dark .word-category{
    box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.3) !important;
}
.change-button-dark{
    background: #000 !important;
}
body.dark .change-button-dark{
    background: #0ee9b3 !important;
}
.change-button-dark span{
    color:#fff;
}
body.dark .change-button-dark span{
    color: #000;
}
.button.no-white-space{
    white-space: normal !important;
    display: block !important; 
    height: auto !important;
}
/* Page learn */
.learn-word{
    padding: 30px 15px;
    border-radius: 30px;
    /* border: 2px solid #555f6921; */
    box-shadow: 0px 3px 16px 0px #555f6921;
    margin-top: 40px;
}
.kr-word.color-light-gray{
    background: #F9F9F9;
}
.kr-word{
    box-shadow: 0px 2px 10px 0px #555f6921;
    /* border: 1px solid #555f6921; */
    /* box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.25) !important; */
    margin-bottom: 40px;
    font-size: 25px;
    padding: 15px;
    opacity: 0;
    transform: translateY(-10px);
    border-radius: 19px !important;
}
.uz-word{
    /* background: #029002d6 !important; old */
    background: #09BC0F !important;
    box-shadow: 0px 2px 10px 0px #555f6921;
    border: 1px solid #555f6921;
    color: white;
    font-size: 25px;
    padding: 15px;

    opacity: 0;
    transform: translateY(-15px);
    border-radius: 19px !important;
}

.kr-word.active { 
    transform: translateY(0);
    opacity: 1;
    transition: all .5s ease-in-out .2s;
}   
.uz-word.active {
    transform: translateY(0);
    opacity: 1;
    /* transition: all .4s linear 1s; */
    transition: all .5s ease-in-out 1s;
}

/* body.dark .change-color-dark{
    color:#fff;
} */

.change-color-dark{
    color: #000;
}
.d-flex{
    display: flex;
}
.justify-content-between{
    justify-content: space-between;
}
.align-items-center{
    align-items: center;
}

.change-parent-button{
    /* box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.25) !important; */
    box-shadow:1px 4px 6px 0px rgba(0, 0, 0, 0.12) !important;
    height:62px !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    flex-wrap:wrap;
    border-radius: 15px !important;
    margin-bottom: 20px;
    padding-inline: 25px;
}
body.dark .detailed-list .item-content{
    box-shadow: 0px 2px 10px 0px rgba(255, 255, 255, 0.3) !important;
}
.detailed-list .item-content{
    margin-inline: 15px;
    border: 1px solid #555f6921;
    border-radius:16px;
    padding: 0 7px 6px !important;
    box-shadow: 0px 2px 10px 0px #555f6921;
    position: relative;
}
.item-footer-change{
    position: absolute;
    bottom: -1.5px;
    right: 17px;
    font-size: 12px !important;
    margin-top: 3px;
}
.change-parent-button span{
    font-size: 25px;
}
.change-mini-button{
    width:auto !important;
    height: 28px !important;
    border-radius: 15px !important;
    padding: 17px 3px 17px 6px !important;
}
.detailed-list .item-name{
    font-size: 21px !important;
}
.detailed-list .item-footer{
    margin-top: 2px !important;
}
.change-icon{
    background: #0041A4 !important;
}
.change-icon i {
    font-size: 25px !important;
}
.detailed-list .item-after .badge{
    height:35.5px !important;
    padding: 0 5.9px 1px !important;
    border-radius: 13px;
}
.all-post-img{
    background:#FFD500; 
    margin:0 !important; 
    padding: 4px 5px; 
    border-radius:10px;
    color:#1E2B47;
    display: grid;
    place-items:center;
}

.infos-post .post-date{
    color:#000;
}
.infos-post .post-category{
    color:#000;
    font-weight:600;
}
.infos-post .post-title{
    margin-bottom: 0 !important;
    font-size:22px !important;
    color:#000;
}
.infos-post .post-category{
    margin-bottom: 10px !important;
}
.infos-post{
    width: 100% !important;
}
body.dark .post-date-style,
body.dark .all-post-img + .post-title {
    color: #fff;
}
.post-date-style{
    line-height: 1.2 !important;
    margin-top: 8px !important;
    font-size: 11.5px !important;
}
.post-horizontal-style{
    padding: 21px 21px 21px 18px;
}
.swiper-horizont-active{
    width: 64% !important;
    margin-right: 15px;
}

.card-image-footer-style{
    background-image:unset !important;
    bottom: initial !important;
    padding: 20px 25px 15px 25px !important;
}
.card-image-footer-style h2{
    font-size: 26px;
    line-height: 32px;
    color: initial;
    letter-spacing: 0.7px;
}
.color-dark-style{
    width: auto !important;
    position: absolute !important;
    bottom: 17px !important;
    left: 25px !important;
    padding: 0px 30px !important;
    font-size: 17.5px !important;
    font-weight: 500!important;
    height: 38px !important;
}
body.dark .change-bg{
    background: #001119;
}
body:not(.dark) .change-bg{
    background: #fff;
}
.ticket-background-icon{
    color: rgba(255, 13, 255, 0.1) !important;
}

.list-outline ul:before, .ios .list-outline-ios ul:before, .md .list-outline-md ul:before,
.list-outline ul:after, .ios .list-outline-ios ul:after, .md .list-outline-md ul:after {
    display: none !important;
}

.list:not(.word) li .item-link{ 
    background: #FFD500;
    border-radius: 0 0 15px 15px;
}
body.dark .list li.accordion-item-opened{
    background: #102733;
}
li.accordion-item-opened .accordion-item-content{
    padding: 10px 15px !important;
}
.list:not(.word) li{
    list-style: none;
    margin: 0 15px;
    /* border: 1px solid; */
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 2px 10px 0px #555f6921;
}
.item-inner-change::after{
    display: none !important;
}
.list .accordion-item-toggle .item-inner:before, .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before, .media-list .accordion-item .accordion-item-toggle .item-title-row:before, .media-list .accordion-item > .item-link .item-title-row:before, .accordion-item.media-item .accordion-item-toggle .item-title-row:before, .accordion-item.media-item > .item-link .item-title-row:before, .links-list .accordion-item > a:before,
.list:not(.word) li .item-link .item-title {
    color: #000 !important;
}
.progressbar-infinite, .progressbar:not(.no) {
    margin: 8px 0 15px !important;
}
.accordion-item-content p{
    font-size: 13px;
}
.accordion-item-content span{
    font-size: 15px;
    font-weight: 500;
}

.list .item-inner:not(.no) {
    padding-top: 24px;
    padding-bottom: 24px;
}

.list .item-title:not(.no) {
    font-size: 20px !important;
    font-weight: bold !important;
}

.flashing-background {
    background-color: #3498db;
    /* Анимация цвета фона */
    animation: flash 1s infinite alternate;

    /* background: #03f303;
    animation: flash 1s infinite alternate; */
    /* transition: background 0.5s ease-in-out; */
}

@keyframes flash {
    0% {
        background-color: #3498db; /* Цвет фона при начале анимации */
    }
    100% {
        background-color: #03f303; /* Цвет фона при завершении анимации */
    }
}

.question-li.rasmli li.green-back{
    border-color: #03f303;
    background: transparent;
    box-shadow: 0px 1px 10px 0px #03f303 !important;
}
.question-li.rasmli li.red-back{
    border-color: red;
    background: transparent;
    box-shadow: 0px 1px 10px 0px red !important;
}
.question-li.rasmli li.flashing-background{
    background-color: unset;
    border-color: #3498db;
    /* Анимация цвета фона */
    animation: flash-border 1s infinite alternate;
}

@keyframes flash-border {
    0% {
        border-color: #3498db; /* Цвет фона при начале анимации */
        box-shadow: 0px 1px 10px 0px rgba(255, 255, 255, 0.4) !important;
    }
    100% {
        border-color: #03f303; /* Цвет фона при завершении анимации */
        box-shadow: 0px 1px 10px 0px #03f303 !important;
    }
}

.preloader-big{
    height: 60px ;
    width: 60px ;
    display: flex;
    margin: auto ;
    position: fixed ; 
    top: 55% ;
    left: 50%;
    transform: translate(-50%, -50%) ;
}

/* Plyr */
.plyr {
    min-width:100% !important;
    border-radius:15px;
}

/* end-page */
.end-page{
    width: 80%;
    margin-inline: auto;
    margin-top: 50px;
}
.danger-message-back{
    /* background:#eb5959b8 !important; */
}
.danger-message-back h2, 
.danger-message-back p{
    color:red !important;
}
.success-message-back{
    /* background:#7eef8fa3 !important; */
}
body.dark .success-message-back h2,
body.dark .success-message-back p{
    color: #fff !important;
}
.success-message-back h2,
.success-message-back p{
    color: #1ca931 !important;
    /* color: #059e05 !important; */
}

.answerCorrectInCorrect{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0 25px;
    text-align: center;
}
.answerCorrectInCorrect .correct,
.answerCorrectInCorrect .inCorrect {
    padding: 1px 0 3px;
    width: 100px;
    color:#fff;
    border-radius:15px;
    text-align:center;
}
.answerCorrectInCorrect .correct{
    background:#03b003d6;
}
.answerCorrectInCorrect .inCorrect{
    background:red;
}
.correct h5,
.inCorrect h5{
    margin: 0;
    font-size: 22px;
    margin-bottom: -2px;
}
.correct span,
.inCorrect span{
    font-size: 15px;
    font-weight:600;
}
.total-words{
    padding: 6px 10px;
    border-radius:15px;
    color:#fff;
    font-size: 19px;
    background: #1e2b47;
    text-align:center;
    margin-inline:10px;
    font-weight:700;
}