body {
    padding-top: 80px;
}

@media (max-width: 575.98px) {
    .image-soalanLazim-circle {
        margin: 20px 30px 40px 10px !important;
    }

}

.img_lazim_card_outer {
    position: absolute;
    bottom: -20px;
    left: -12%;
}

.img_lazim_card {
    position: relative;
    width: 103%;
}


.bg-dark-blue {
    background-color: #212492;
}

.accordion .fa {
    margin-right: 0.5rem;
}

.button-accordian {
    outline: none !important;
    border: none;
    background: transparent;
}

.card-header-soalanLazim.collapsed {
    background-color: var(--blue);
    border-radius: 5px !important;
    color: var(--white);
    padding: 20px 40px 20px 40px;
    box-shadow: 0px 10px 20px #0072BB33;
}
.card-header-soalanLazim.collapsed:hover{
    background-color: var(--dark-blue);
}

.card-header-soalanLazim:not(.collapsed) {
    background-color: #EE712A;
    color: var(--white);
    padding-top: 20px;
}

.bg-grey {
    background: #F7F7F7;
}
.image-soalanLazim-circle {
    margin: 20px auto 40px auto;
    max-width: 300px;
    min-height: 300px;
}

.card-border-radius-soalanLazim {
    border-radius: 20px;
    background-color: lightgray;
}


.text-oren {
    color: #EE712A;
}

a.isDisabled {
    pointer-events: none;
}
.bg-oren {
    background-color: #EE712A;
}

.img_getb_card {
    margin: 20px auto 20px auto;
    width: 150px;
    height: 121px;
}

.img_sdg_card {
    margin: 20px auto 20px auto;
    width: 160px;
    height: 121px;
}

.img_girl {
    position: relative;
    width: 268%;
}

#table-SLA2 thead,
#table-SLD1 thead {
    color: #FFFFFF;
    background-color: #EE712A;
}

.vertical-textalignment-SL {
    text-align: center;
    vertical-align: middle !important;
}


.accordion .card-header:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f068";
    float: right;
    font-weight: 600;
    /*background-color: #EE712A;*/
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    /*background-color: #0072BB;*/
}