.benefit-card{overflow:hidden;position:relative;width:100%}.benefit-card__bg{inset:0;position:absolute;z-index:0}.benefit-card__bg img,.benefit-card__bg picture{height:100%;width:100%}.benefit-card__bg img{-o-object-fit:cover;object-fit:cover}.benefit-card__container{display:flex;flex-direction:column;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1440px;min-height:662px;padding:40px 0;position:relative;z-index:10}@media(min-width:768px){.benefit-card__container{gap:64px;justify-content:center;min-height:auto;padding:64px 80px}}.benefit-card__header{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;margin-right:auto;max-width:1280px;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1024px){.benefit-card__header{align-items:stretch;padding-left:0;padding-right:0}}.benefit-card__title{color:#181c21;font-family:TelkomselBatikSansBold,system-ui,sans-serif;font-size:20px;letter-spacing:-1%;line-height:1.4em;text-align:center}@media(min-width:768px){.benefit-card__title{font-size:32px;letter-spacing:-1%;line-height:1.25em}}.benefit-card__subtitle{color:#757f90;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:400;letter-spacing:-1%;line-height:1.43em;text-align:center}@media(min-width:768px){.benefit-card__subtitle{font-size:24px;letter-spacing:-1%;line-height:1.33em}}.benefit-card__body{align-items:center;display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.benefit-card__body{align-items:stretch;flex-direction:row;gap:42px}}.benefit-card__spacer{display:none}@media(min-width:768px){.benefit-card__spacer{display:block;flex:1 1 0%}}.benefit-card__carousel{width:100%}@media(min-width:768px){.benefit-card__carousel{flex:1 1 0%;min-width:0;width:auto}.benefit-card__carousel .splide__track{overflow:visible!important}.benefit-card__carousel .splide__list{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:24px;justify-content:center;transform:none!important}.benefit-card__carousel .splide__slide{height:auto!important;width:100%!important}}.benefit-card__item{width:100%}.benefit-card__card{align-items:center;backdrop-filter:blur(12.9px);background:hsla(0,0%,100%,.25);border:.5px solid #dae0e9;border-radius:24px;display:flex;flex-direction:column;gap:8px;padding:16px}@media(min-width:768px){.benefit-card__card{align-items:stretch;backdrop-filter:none;gap:16px;padding:16px 24px}}.benefit-card__icon img{-o-object-fit:contain;object-fit:contain}.benefit-card__card-text{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}@media(min-width:768px){.benefit-card__card-text{align-items:stretch}}.benefit-card__card-title{color:#fff;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:-1%;line-height:1.43em;text-align:center}@media(min-width:768px){.benefit-card__card-title{color:#181c21;font-size:16px;letter-spacing:-1%;line-height:1.5em;text-align:left}}.benefit-card__card-desc{color:#fff;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:-1%;line-height:1.33em;text-align:center}@media(min-width:768px){.benefit-card__card-desc{color:#181c21;font-size:14px;letter-spacing:-1%;line-height:1.43em;text-align:left}}.benefit-card__pagination{align-items:center;display:flex;justify-content:center;margin-top:.5rem}@media(min-width:768px){.benefit-card__pagination{display:none}}.benefit-card__dots-backdrop{background-color:hsla(0,0%,100%,.2);border-radius:9999px;padding:.25rem .5rem;--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.benefit-card__dots{align-items:center;display:flex;gap:.5rem}.benefit-card__dot{background-color:hsla(0,0%,100%,.6);border-radius:9999px;cursor:pointer;height:.5rem;transition:all .3s ease;width:.5rem}.benefit-card__dot--active{width:1.5rem}.benefit-card__dot--active,.benefit-card__dot:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}