.benefits_section { position: relative; width: 100%; overflow: hidden; }
.benefits_section .content_wrap { position: relative; width: 100%; padding: 80px 0; background: var(--themedark); overflow: hidden; border-radius: 60px; }
.benefits_section .logo_shape { position: absolute; right: -70px; bottom: -6px; display: flex; width: 363px; opacity: 0.21; pointer-events: none; }
.benefits_section .logo_shape img { display: inline-flex; width: 100%; }
.benefits_section .sec_title { position: relative; width: 100%; margin-bottom: 60px; text-align: center; }
.benefits_section .sec_title h3 { color: var(--white); }
.benefits_section .sec_title h2 { margin-top: 16px; color: var(--white); }

.benefits_section .benefits_row {
    position: relative;
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 46px 0;
}

.benefits_section .flexcol {
    width: 20%;
    padding: 0 60px;
    position: relative;
}

.benefits_section .flexcol:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #CFB389;
    border-radius: 2px;
}

.benefits_section .flexcol:last-child:after { display: none; }

.benefits_section .benefits_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.benefits_section .iconbox {
    position: relative;
    display: flex;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    justify-content: center;
}

.benefits_section .benefits_card h4 {
    min-height: 45px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    color: var(--white);
    margin-bottom: 18px;
}


@media (min-width: 1200px) and (max-width: 1399px) {
    .benefits_section .flexcol { padding: 0 40px; }
}

@media (max-width: 1200px) {
    .benefits_section .benefits_row { max-width: 100%; }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .benefits_section .flexcol { width: 25%; padding: 0 40px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .benefits_section .flexcol { width: 33.3333%; }
    .benefits_section .flexcol:nth-child(3n):after { display: none; }
    .benefits_section .content_wrap { border-radius: 30px; }
}

@media (max-width: 767px) {
    .benefits_section .container { padding: 0; }
    .benefits_section .content_wrap { padding: 72px 0 66px; border-radius: 30px; }
    .benefits_section .benefits_row { gap: 0; row-gap: 42px; }
    .benefits_section .flexcol { width: 50%; padding: 0 20px; }
    .benefits_section .flexcol:after { display: none; }
    .benefits_section .logo_shape { right: -26px; bottom: -24px; width: 170px; }
}