*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    color: #060606;
    background-color: #1f2029;
}

.sec-center {

}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}




.dark-light:checked ~ .sec-center .section-dropdown a {
    color: #102770;
}

a:hover {
    color: #102770;
    background-color: #ffeba7;
}

a .uil {
    font-size: 22px;
}

.dropdown-sub:checked + label,
.dropdown-sub:not(:checked) + label {
/*    position: relative;
    color: #102770;
    transition: all 200ms linear;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    border-radius: 2px;
    padding: 5px 0;
    padding-left: 2px;
    padding-right: 15px;*/
}

    .dropdown-sub:not(:checked) + label .uil {
        transition: transform 200ms linear;
    }

    .dropdown-sub:checked + label .uil {
        transform: rotate(135deg);
        transition: transform 200ms linear;
    }

    .dropdown-sub:checked + label:hover,
    .dropdown-sub:not(:checked) + label:hover {
        color: #102770;
        background-color: #ffeba7;
    }

.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub {
    color: #102770;
}

    .dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub:hover {
        color: #ffeba7;
        background-color: #102770;
    }

.section-dropdown-sub {
    position: relative;
    display: block;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    max-height: 0;
    padding-left: 10px;
    padding-right: 3px;
    overflow: hidden;
    transition: all 200ms linear;
    text-align: left;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-align-items: center; */
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-pack: distribute;
    flex-direction: column;
}


.dropdown-sub:checked ~ .section-dropdown-sub {
    pointer-events: auto;
    opacity: 1;
    max-height: 999px;
}

.section-dropdown-sub a {
    font-size: 14px;
}

    .section-dropdown-sub a .uil {
        font-size: 20px;
    }



@media screen and (max-width: 991px) {
}

.uil-plus:before {
    content: '\f35a';
    / /* You should use \ and not /*/
    color:#000;
    content: '\f35a'; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
}