.m-infos-seletivo {
    background-color: #002A3F;
    padding: 40px 0;
    display: flex;
    background: url("../images/bg.png") no-repeat;
    background-size: cover;
}

.m-infos-seletivo h3,
.m-infos-seletivo__content p {
    color: white;
}

.m-infos-seletivo__content {
    display: flex;
}

.m-infos-seletivo__processo h4 {
    color: white;
    margin-bottom: 10px;
}

.m-infos-seletivo__processo {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.m-infos-seletivo__processo__item::after {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 11px;
    right: 20px;
    bottom: 20px;
    transform: rotate(270deg);
    background: url('../images/arrow.svg') no-repeat;
    transition: all .3s;
}

.m-infos-seletivo__processo__item:hover {
    transform: scale(1.05);
    text-decoration: none;
}

.m-infos-seletivo__processo__item {
    display: flex;
    cursor: pointer;
    padding: 20px;
    position: relative;
    background-color: #005187;
    border: 1px solid #0BBBEF;
    gap: 20px;
    transition: all .3s;
    width: 270px;
}

@media (max-width: 560px) {
    .m-infos-seletivo__content {
        display: unset;
    }

    .m-infos-seletivo__processo__item {
        width: 100%;
    }
}

/* acordion */
.m-infos-seletivo {

    .m-accordion {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .m-accordion__item {
        border-bottom: solid 1px #0BBBEF;
        margin-bottom: 24px;
        cursor: pointer;
        position: relative;
    }
    .m-accordion__item__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 500;
        font-size: 20px;
        color: white;
        padding-left: unset;
    
    }
    .m-accordion__item__title::after {
        display: block;
        content: "";
        width: 12px;
        height: 12px;
        background: url("../images/arrow.svg") no-repeat;
        transition: all .3s;
    }
    
    .m-accordion__item__content {
        font-size: 16px;
        color: #444444;
        visibility: hidden;
        height: 0;
        opacity: 0;
        transition: all .3s;
    }
    
    .m-accordion__item__content p {
        margin-bottom: 25px;
    }
    
    .m-accordion__item.--active .m-accordion__item__title::after {
        transform: rotate(180deg);
    }
    .m-accordion__item.--active .m-accordion__item__content {
       visibility: visible;
       height: auto;
       opacity: 1;
    }
    
    .m-accordion__item__content h4 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    .m-accordion__item__content p {
        color: white;
    }
    
    .m-accordion__item__content small {
        font-size: 18px;
        font-weight: 500;
        background-color: #83D0F5;
        padding: 3px;
    }
    


}