#choiceGrade{
    background: #000000ab;
}
.h-full {
    height: 100%;
}
.align-items-center {
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.choiceGrade__content{
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    height: fit-content;
    min-width: 970px;
}
.choiceGrade__content .choiceGrade__title{
    position: relative;
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    margin-bottom: 16px;
    text-align: center;
}
.choiceGrade__content .choiceGrade__title svg{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.choiceGrade__grades{
    background: #FFF3F3;
    border-radius: 16px 16px 0 0;
    padding: 16px;
}
.choiceGrade__grades .grades_cap{
    display: flex;
    align-items: center;
    max-width: 890px;
    flex-wrap: wrap;
}
.choiceGrade__grades .grades__title,
.choiceGrade__curriculums .curriculums__title{
    font-weight: 600;
    font-size: 16px;
    color: #250A03;
    margin-bottom: 8px;
}
.choiceGrade__grades .grades_cap .one__grade{
    background: #FFFFFF;
    opacity: 0.8;
    border: 2px solid #E4E4E4;
    border-radius: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    width:170px;
    height: 56px;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    padding: 8px 16px;
}
.choiceGrade__grades .grades_cap .one__grade img{
    margin-right: 8px;
}
.choiceGrade__grades .grades_cap .one__grade:hover,
.choiceGrade__grades .grades_cap .one__grade.active{
    border: 2px solid #0D9F2D;
}
.choiceGrade__grades .grades_cap .one__grade svg{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}
.choiceGrade__grades .grades_cap .one__grade:hover > svg,
.choiceGrade__grades .grades_cap .one__grade.active > svg{
    display: inline-block;
}
.choiceGrade__grades .grades_cap .one__grade:last-child{
    margin-right: 0;
}
.choiceGrade__curriculums {
    background: #FFF3F3;
    border-radius: 0 0 16px 16px;
    padding: 16px;
}

.choiceGrade__curriculums .curriculums{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 800px;
}
.choiceGrade__curriculums .curriculums.show{
    /* opacity: 0; */
    animation: showAnimation 1s;
}
@keyframes showAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
  }
.choiceGrade__curriculums .curriculums .curriculum{
    padding: 26px 16px;
    background: #FFFFFF;
    border: 2px solid #E4E4E4;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    margin-right: 8px;
    align-items: center;
    font-weight: 600;
    margin-bottom: 8px;
    display: inline-block;
}
.choiceGrade__curriculums .curriculums .curriculum.active,
.choiceGrade__curriculums .curriculums .curriculum:hover{
    border: 2px solid #0D9F2D;
}
.choiceGrade__curriculums .curriculums__error {
    color: #FF3141;
    font-size: 12px;
    font-weight: 500;
}

.btn__submit{
    cursor: pointer;
    padding: 16px 81px;
    background: #FF5C00;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 16px;
    width: 230px;
    position: unset;
    left: 0;
    transform: translateX(0);
    bottom: 24px;
}
.btn__submit:hover{
    filter: drop-shadow(0px 4px 10px #ff6609b8);
}
.choiceGrade__grades--mobile{
    display: none;
}
@media screen and  (max-width: 500px) {
    .choiceGrade__grades--desktop{
        display: none;
    }
    .choiceGrade__grades--mobile{
        display: block;
    }
    .choiceGrade__content{
        min-width: 90%;
        width: 95%;
        min-height: 500px;
    }
    /* .choiceGrade__curriculums{
        display: none;
    } */
    .choiceGrade__curriculums .curriculums .curriculum {
        padding: 6px;
    }
    /*.btn__submit {*/
    /*    position: relative;*/
    /*    left: 0;*/
    /*    transform: translate(0,0);*/
    /*}*/
    .choiceGrade__grades .grades_cap{
        flex-wrap: wrap;
    }
    .choiceGrade__grades--mobile .grades_cap .one__grade img{
        margin-right : 0;
    }
    .choiceGrade__grades--mobile .grades_cap .one__grade span{
        display: none;
    }
    .choiceGrade__grades--mobile .grades_cap .one__grade {
        width: 30%;
    }
}