ul {
    --icon-space: 20px;
    list-style: none;
    padding-left: 20px ;
}

 li {
    padding-left: var(--icon-space);
}
li:before {

    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 ) ;
    width: var(--icon-space);
}

.post-list li:before {
    content: "\f0c8"; /* FontAwesome Unicode */
}

#mission-test li:before , .crochet li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    color: rgb(76, 176, 80);
}
.crochet li
{
    color: rgb(76, 176, 80);
}
.logo_menu { width: 120px; }

.page-header {

    padding-top: 0 ;

}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        flex-direction: row;
        justify-content: flex-end;
    }
}

.dropdown-menu {
    border:0 !important;
    padding-top: 25px;
    width: 300px;
}

.dropdown-menu li{
    width: 100%;
}
.dropdown-menu > li > a {
    padding: 10px !important;

}
.dropdown-menu > li > a:hover {
    color:#fff !important;

}
.dropdown-menu li a:hover{
    padding-left: 25px !important;
    background-color: #4caf50 ;

}