@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

/*font-family: 'Open Sans', sans-serif;*/
/*font-family: Arimo, sans-serif;*/


ul.sm-clean {
    clear: both;
    border-radius: 0;
    margin: 0;
    background: #74773a;
    padding: 0;
}
ul.sm-clean li a {
    font-family: Arimo, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding: 10px 5px;
    position: relative;
}

ul.sm-clean ul li a {
    padding: 4px 10px;
    margin-left: 12px;
    margin-right: 12px;
    padding: 8px 0;
}
ul.sm-clean {
    display: none;
}
@media (min-width: 992px) {
    ul.sm-clean {
        display: block;
    }
    ul.sm-clean > li a:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #878d17;
    }
}

ul.sm-clean > li > ul > li a:before {
    display: none;
}
ul.sm-clean > li:last-child a:before {
    display: none;
}
/*@media (max-width: 767px) {
    .sm-clean a.highlighted .sub-arrow::before {
        display: none;
    }
}*/

.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active, 
.sm-clean a.highlighted,
.sm-clean ul a:hover, 
.sm-clean ul a:focus, 
.sm-clean ul a:active, 
.sm-clean ul a.highlighted {
    background: #E9AE30;
    color: #fff !important;
    opacity: 1;
  }
ul.sm-clean ul {
    text-align: left;
    background: #E9AE30;
    margin-top: 0 !important;
    border-radius: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: Arimo, sans-serif;
    width: 100% !important;
    flex-wrap: wrap;
}
ul.sm-clean ul  li {

}
ul.sm-clean ul ul {
    top: 0 !important;
}
ul.sm-clean ul li a {
    text-transform: capitalize;
    font-family: Arimo, sans-serif;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.sm-clean ul li {
    text-align: left;
}
.sm-clean a {
    transition: .3s;
}
.sm-clean a, 
.sm-clean a:hover, 
.sm-clean a:focus, 
.sm-clean a:active {
    color: #236496;

}
.sm-clean a:hover {
    color: rgb(233 174 48 / 10%);
    
}
.sm-clean a .sub-arrow {
    border-color: #ffffff transparent transparent transparent ;
    /*content: "\e5cf";
    font-family: 'Material Symbols Outlined';
    color: #fff;*/
/*    background: url('chevron_right.svg');*/

}


.sm-clean > li > ul::before,
.sm-clean > li > ul::after {
    border-color: transparent transparent #ffffff transparent !important;
    display: none;
}
.sm-clean ul a .sub-arrow {
    border-color: transparent transparent transparent #ffffff;
    right: 4px;
}
.sm-clean > li > ul li a {
    
}

@media (min-width: 991px) {

    ul.sm-clean {
        display: flex;
        width: 100%;
    }
    ul.sm-clean li {
        flex: 1 1 auto;
        text-align: center;
    }

    .sm-clean .sm-nowrap > li > a:hover, 
    .sm-clean .sm-nowrap > li > :not(ul) a:hover {
        color: #236496 !important;
    }
    .sm-clean .sm-nowrap > li > :not(ul) a {
        white-space: normal;
        color: #fff;
        border-bottom: 1px solid #fff !important;
        font-weight: 400;
    }
}

@media (min-width: 768px) {
    .sm-clean ul a .sub-arrow {
        border: 0;
        right: 0;
        top: 5px;
        width: auto;
        height: auto;
        background: transparent;
    }

  /*.sm-clean > li > ul::before,
  .sm-clean > li > ul::after {
    display: none;
  }*/
}