.section,
.section4,
.procedure
{
    width: var(--container);
    margin: var(--margin-auto);
}
.section {
    display: var(--display-flex);
    align-items: var(--center);
    justify-content: space-between;
    gap: 2%;
}

.section__left,
.section__right {
    width: 49%;
}


.section4 {
    margin-top: 20px;
}
.section4__title {
    background-color: var(--background-color-2A7438);
    padding: 10px;
    font-size: var(--font-size-32);
    font-weight: var(--font-weight-700);
    text-transform: uppercase;
    color: var(--color-white);
    width: 80%;
    text-align: right;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.section4__list {
    display: var(--display-flex);
    gap: 10px;
    margin: 10px;
}

.section4__list_item {
    width: 50%;
}


.procedure__title{
    background-color: var(--background-color-2A7438);
    padding: 10px;
    font-size: var(--font-size-32);
    font-weight: var(--font-weight-700);
    text-transform: uppercase;
    color: var(--color-white);
    width: 45%;
    text-align: var(--center);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;

}

.procedure__list{
    display: var(--display-flex);
    align-items: var(--center);
    justify-content: space-between;
    gap: 2%;
    box-sizing: border-box;
    margin-top: 15px;
    flex-wrap: wrap;
}

.procedure__list_item{
    width: 32%;
    background: linear-gradient(180deg, rgba(92, 181, 75, 0.1) 0%, rgba(255, 255, 255, 0.5) 75.49%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 15px;
    text-align: var(--center);
    font-size: var(--font-size-32);
    font-weight: var(--font-weight-700);
    box-sizing: border-box;
}

.procedure__list_item_title{
    color: var(--color-2A7438);
}