.no_overflow{
  overflow: hidden;
}
.acordeon_header{
  cursor: pointer;
  margin-bottom: 0 !important;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.acordeon_header:hover{
  /*background-color: rgba(0,86,143,.5);*/
  /*background: linear-gradient(0deg, rgba(0,86,143,.5) 0%, rgba(0,86,143,0) 40%);*/
  /*margin-left: 10px;*/
}
.acordeon_header.notop{
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 40px;
}
.acordeon_header::after{
  width: 100% !important;

}
.acordeon_header::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: 7px;
    right: 50px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: var(--c1-dark) transparent transparent transparent;
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.acordeon_header.top::before{
    transform: rotate(0deg);
    border-color: #fff transparent transparent transparent;
}

@media only screen and (min-width: 1024px){
    .acordeon_header::before{
        right: unset;
        margin-top: 30px;
        left: 50%;
        border-width: 6px 6px 0 6px;
        border-color: var(--c1-medium) transparent transparent transparent;
        transform: translateX(-50%) rotate(180deg);
    }
    .acordeon_header.top::before{
        transform: translateX(-50%) rotate(0deg);
    }
}