.pd-ltr-20{
    padding: 0;
}

.review-image{
    width: 100px;
    aspect-ratio: 1/1;
    object-fit: contain;
    cursor: pointer;
    border-radius: 10px;
}

.review-div img{
    margin-bottom: 10px;
}
.review-div{
    display: grid;
    width: fit-content;
    align-self: center;
    gap: 5px;
    padding: 5%;
}
.add-image-area{
    width: 40%;
    cursor: pointer;
    aspect-ratio: 1/1;
    object-fit: contain;
    /* border-radius: 10px; */
    }

.modal-image-select{
    
    object-fit: contain;
    cursor: pointer;
    padding: 30px;
    aspect-ratio: 1/1;
}

.main-form-group{
    display: flex;
    flex-direction: column;
    margin: 0;
}
.main-form-group.form-group{
    margin: 0;
}
.main-form-group .form-group{
    margin: 0;
    display: flex;
    justify-content: center;
}

.form-group .custom-control{
    padding-left: 25px;
    align-self: center;
}
.header-area{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.onizle-dropdown{
    width: 100%;
    transform: none;
}
.header-area h2{
    font-family: 'Noto Sans', sans-serif;
    color: #2B4865;
}

.soru-select-modal{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    max-height: 400px;
}

.sixten-img{
    width:60px;
}

.row-cols-5 .modal-image-select {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    
    margin: 10px;
}

.card.card-body{
    /* background: #C4D7E0; */
    border: 3px solid #319DA0;
}

.collapse.show{
    margin-bottom: 30px;
}

.modal .soru-select-modal-dialog{
    max-width: 70%;
}
.soru-select-modal-title {
    margin-left: auto;
}

.soru-select-modal-footer button{
    width: 49%;
}

.add-border{
    border: 3px solid #319DA0;
}

.images-container-five{
    display:grid !important;
    grid-template-columns: repeat(5, 1fr);
}

.images-container-seven{
    display:grid !important;
    grid-template-columns: repeat(7, 1fr);
}

.images-container-eight{
    display:grid !important;
    grid-template-columns: repeat(8, 1fr);
}
.images-container-nine{
    display:grid !important;
    grid-template-columns: repeat(9, 1fr);
}
.images-container-ten{
    display:grid !important;
    grid-template-columns: repeat(10, 1fr);
}
.images-container-eleven{
    display:grid !important;
    grid-template-columns: repeat(11, 1fr);
}
.images-container-twelve{
    display:grid !important;
    grid-template-columns: repeat(12, 1fr);
}
.images-container-thirteen{
    display:grid !important;
    grid-template-columns: repeat(13, 1fr);
}
.images-container-fourteen{
    display:grid !important;
    grid-template-columns: repeat(14, 1fr);
}
.images-container-fifteen{
    display:grid !important;
    grid-template-columns: repeat(15, 1fr);
}
.images-container-sixteen{
    display:grid !important;
    grid-template-columns: repeat(16, 1fr);
}
.images-container-nineteen{
    display:grid !important;
    grid-template-columns: repeat(19, 1fr);
}