/* =============================================================================
   Block: key_features  (partial/content-key_features.php)
   Extracted from style.css. Enqueued only when this block is used on the page.
============================================================================= */

.benefits_section {position: relative; background-color: var(--backgrondColorPink);}
.benefits_section h4 {font-size: 38px;}
.benefits_section .outer_card {padding: 80px 65px;border-radius: 5px;position: relative;z-index: 1;text-align:center;}
.benefits_part {display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between;}
.benefits_part .benefits_card {min-width: calc(20% - 17px);flex: 1;max-width: 240px;text-align: center;}
.benefits_part .benefits_card p {line-height: 16px;}
.benefits_part .benefits_card p:not(:last-child) {margin-bottom: 15px;}
.benefits_part .benefits_card p strong {font-size: 16px;}
.benefits_part .benefits_card .icon {width: 100%; margin-bottom: 22px;height: 54px;background-size: contain;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><path d='M54 12.9937C54 14.5863 53.3672 16.1261 52.2386 17.2547L24.2367 45.2566C21.8847 47.6086 18.0668 47.6086 15.7148 45.2566L1.7613 31.3136C-0.527375 28.8984 -0.432453 25.091 1.98278 22.8023C4.31364 20.5875 7.96286 20.598 10.2832 22.8023L19.9757 32.4949L43.7168 8.74333C46.0687 6.39138 49.8867 6.39138 52.2386 8.74333C53.3672 9.87185 54 11.4011 54 12.9937Z' fill='%23FB4545'/></svg>");}

.benefits_section .arrow-left {width: 403px;height: 272px;right: -45px;left: unset;}

@media only screen and (max-width:1279px) {
    .benefits_section h4 {font-size: 30px;}
}

@media only screen and (max-width:1023px) {
    .benefits_section h4 {font-size: 24px;}
    .benefits_part .benefits_card {min-width: calc(50% - 10px);}
}

@media only screen and (max-width:767px) {
    .benefits_section .outer_card {padding: 30px 20px;}
    .benefits_section h4 {font-size: 24px;}
}

@media only screen and (max-width:600px) {
    .benefits_part .benefits_card {min-width: 100%;display: flex;gap: 20px;text-align: left;}
    .benefits_part .benefits_card .icon {width: 35px;height: 35px;min-width: 35px;}
    .benefits_part .benefits_card p:first-child {margin-bottom: 0;}
    .benefits_part .benefits_card p {font-size: 12px;line-height: 16px;}
    .benefits_part .benefits_card p strong {font-size: 14px;line-height: 1;}
    .benefits_section .top_title {text-align: center;margin-bottom: 40px;}
    .benefits_section h4 {font-size: 24px;}
}

.benefits_section .top_title .wrap {max-width:800px;text-align:center;}
.benefits_section .top_title .intro_text p {font-size:16px;line-height:25px;}
.benefits_section .top_title .intro_text p:not(:last-child) {margin-bottom:15px;}
.benefits_section .benefits_cta {margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}
.benefits_section .benefits_cta .btn_one {max-width:max-content;}
.benefits_section .benefits_cta .button_note {max-width:520px;margin-bottom:0;font-size:13px;line-height:20px;color:var(--textColortwo);}

@media only screen and (max-width: 600px) {
    .benefits_section .top_title .intro_text p {font-size:14px;line-height:20px;}
    .benefits_section .benefits_cta {margin-top:35px;gap:12px;}
    .benefits_section .benefits_cta .button_note {font-size:12px;line-height:18px;}
}

.benefits_section .outer_card {padding:70px 0;}
.benefits_section .top_title {margin-bottom:50px;}
.benefits_part {display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 auto;}
.benefits_part .benefits_card {position:relative;min-width:0;max-width:none;display:block;text-align:left;padding:0 28px;}
.benefits_part .benefits_card:not(:first-child)::after {content:"";position:absolute;top:6px;left:0;width:1px;height:calc(100% - 6px);background:rgba(211,32,32,.15);}
.benefits_part:has(.benefits_card:nth-child(5)) .benefits_card:first-child {padding-left:0;}
.benefits_part:has(.benefits_card:nth-child(5)) .benefits_card:last-child {padding-right:0;}
.benefits_part:has(.benefits_card:nth-child(4)):not(:has(.benefits_card:nth-child(5))) {grid-template-columns:repeat(4,1fr);max-width:80%;}
.benefits_part:has(.benefits_card:nth-child(3)):not(:has(.benefits_card:nth-child(4))) {grid-template-columns:repeat(3,1fr);max-width:62%;}
.benefits_part:has(.benefits_card:nth-child(2)):not(:has(.benefits_card:nth-child(3))) {grid-template-columns:repeat(2,1fr);max-width:44%;}
.benefits_part:not(:has(.benefits_card:nth-child(2))) {grid-template-columns:1fr;max-width:360px;}
.benefits_part .benefits_card .icon {width:46px;height:46px;min-width:46px;margin-bottom:20px;border-radius:50%;background-color:rgba(211,32,32,.1);background-size:22px;background-position:center;background-repeat:no-repeat;}
.benefits_part .benefits_card .text {width:100%;padding-left:0;}
.benefits_part .benefits_card p {text-align:left;font-size:14px;line-height:22px;color:var(--textColortwo);}
.benefits_part .benefits_card p:first-child {margin-bottom:10px;}
.benefits_part .benefits_card p strong {font-family:var(--font-bold);font-weight:var(--font-weight-bold);font-size:17px;line-height:1.25;color:var(--textColor);}

@media only screen and (max-width:1279px) {
    .benefits_section .outer_card .benefits_part .benefits_card {padding:0 20px;}
    .benefits_section .outer_card .benefits_part .benefits_card p strong {font-size:16px;}
    .benefits_section .outer_card .benefits_part .benefits_card p {font-size:13px;line-height:20px;}
}

@media only screen and (max-width:1023px) {
    .benefits_section .outer_card .benefits_part {grid-template-columns:repeat(3,1fr)!important;max-width:100%!important;gap:40px 0;}
    .benefits_section .outer_card .benefits_part .benefits_card {min-width:0;padding:0 24px;}
    .benefits_section .outer_card .benefits_part .benefits_card:nth-child(3n+1)::after {display:none;}
    .benefits_section .outer_card .benefits_part .benefits_card:nth-child(3n+1) {padding-left:0;}
    .benefits_section .outer_card {padding:55px 0;}
}

@media only screen and (max-width:600px) {
    .benefits_section .outer_card .benefits_part {grid-template-columns:1fr!important;gap:26px 0;}
    .benefits_section .outer_card .benefits_part .benefits_card {display:flex;gap:18px;align-items:flex-start;padding:0;}
    .benefits_section .outer_card .benefits_part .benefits_card::after {display:none!important;}
    .benefits_section .outer_card .benefits_part .benefits_card .icon {width:40px;height:40px;min-width:40px;margin-bottom:0;background-size:19px;}
    .benefits_section .outer_card .benefits_part .benefits_card p:first-child {margin-bottom:6px;}
    .benefits_section .outer_card .benefits_part .benefits_card p strong {font-size:15px;}
}