@charset "utf-8";
/* CSS Document */
.dashboardCard {
    padding: 10px;
}
.about40HoursHeading {
    margin: 30px 10px 60px 10px;
    padding-left: 20px;
}
.upcomingTaskHeading {
    padding: 0px 20px;
    margin: 30px 10px 20px 10px;
}
.dashboardCard img {
    width: 40px;
}
.dashboardCard h3 {
    font-size: 20px;
}
.courseCardDetail h5 {
    font-size: 15px;
}
.dashboardHeading h1{
    font-size: 25px;
    margin-bottom: 0;
}
.dashboardHeading.back-btn>h1>i {
    font-size: 25px;
}
.ABIPreBtn, .ABINextBtn, .ABIBackBtn {
    font-size: 16px;
    padding: 10px;
}
.dashboardHeading.back-btn i {
    font-size: 15px;
    margin-right: 5px;
}
.noScrollRow {
    gap: 5px;
}
.progressBar.progress-barwrapper span {
    font-size: 12px;
    line-height: 15px;
    top: -20px;
}
.nextGameBtn {
    font-size: 15px;
    margin: 10px auto 0;
}
.gameQuizBar button {
    font-size: 14px;
    padding: 5px;
}
.dragDropMainrow h2 {
    font-size: 14px;
}
.colordrag,.color-target {
    min-height: 80px;
}
.dashboardCardDesign {
    padding: 15px;
    margin: 10px 0 0 0;
}
.inner-content {
    padding: 15px;
}
.customHeading h2 {
    font-size: 18px;
}

/* Games */

.gamesButton {
    padding: 10px;
    font-size: 14px;
    margin: 10px auto;
    max-width: 200px;
}
.photoGameRow {
    padding: 15px;
}
.gamesDescription p {
    font-size: 13px;
    line-height: 20px;
}
.gameQuizBar {
    margin-bottom: 10px;
}
.dragDropFirstDiv {
    padding: 15px;
}

.dragDropCols.dragDropCols1 {
    margin-top: 50px;
}

.dragGameRow .ui-state-default {
    width: 50px;
}
.wordscramblermaindiv {
    display: block;
    height: 120px;
}
.wordScramblercol {
    margin-left:0px;
}
.wordscramblermaindiv.scramblerphotogame {
    height: 120px;
}
.wordscramblermaindiv input {
    width: 100%;
}
.wordscramblermaindiv.scramblerphotogame {
    display: block;
    height: 200px;
}
.scramblergamewithphoto li {
    height: 200px;
}
.gamesDescription.puzzledescription ul.scramblerDescription li {
    height: 120px;
}
ul.scramblerDescription.inputtypescrambler.scramblergamewithphoto li {
    height: 200px;
}
.colordrag.words {
    font-size: 12px;
}

    
/*3rd march*/

.dragDropGrid .colordrag, .color-target {
        min-height: 120px;
    }
.wordScramblercol {

margin-left: 0px;

display: flex;

width: 100%;

}