.commitment{overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));font-family:Poppins,system-ui,sans-serif;padding:100px 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1024px){.commitment{padding-left:2rem;padding-right:2rem}}.commitment:before{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:"";inset:0;position:absolute;--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.9) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:rgba(127,29,29,.4) var(--tw-gradient-to-position);z-index:0}.commitment__container{margin-left:auto;margin-right:auto;max-width:976px;position:relative;z-index:10}.commitment__header{text-align:center}.commitment__title{font-family:TelkomselBatikSans,system-ui,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1024px){.commitment__title{font-size:32px}}.commitment__subtitle{color:#ffffff80;font-size:.875rem;line-height:1.25rem;margin-left:auto;margin-right:auto;max-width:42rem}@media (min-width:1024px){.commitment__subtitle{font-size:1rem;line-height:1.5rem}}.commitment__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:1.5rem}@media (min-width:1024px){.commitment__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:60px}}.commitment-card{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:1rem;border-width:1px;overflow:hidden;position:relative;--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);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.commitment-card:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.commitment-card__container{display:flex;justify-content:space-between}.commitment-card__featured-arrow{display:none;height:1.5rem;width:1.5rem}@media (min-width:1024px){.commitment-card__featured-arrow{display:block}}.commitment-card__image-wrapper{height:168px;overflow:hidden;position:relative;width:100%}@media (min-width:1024px){.commitment-card__image-wrapper{height:270px}}.commitment-card__image{height:100%;-o-object-fit:cover;object-fit:cover;transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.commitment-card:hover .commitment-card__image{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.commitment-card__overlay{background-image:linear-gradient(to top,var(--tw-gradient-stops));inset:0;position:absolute;--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.commitment-card__content{background:linear-gradient(135deg,#2c2c2c,#1c1c1c);border:1px solid hsla(0,0%,100%,.05);cursor:pointer;opacity:.8;padding:1.5rem;transition:transform .3s ease,background .3s ease}.commitment-card__title{font-size:1rem;font-weight:600;line-height:1.5rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1024px){.commitment-card__title{font-size:20px}}.commitment-card__desc{color:#ffffff80;font-size:.875rem;line-height:1.25rem;line-height:1.625}@media (min-width:1024px){.commitment-card__desc{font-size:1rem;line-height:1.5rem}}