.hero-package{overflow:hidden;position:relative;width:100%}@media (min-width:1200px){.hero-package{height:96vh;margin-top:2.75rem;min-height:800px}}.hero-package .hero-package-wrap{height:100%;margin-left:auto;margin-right:auto;max-width:1400px;position:relative}@media (min-width:1200px){.hero-package[data-widgetstyle=v2]{height:800px}}.hero-package[data-widgetstyle=v2] .hero-package__background .hero-package__bg-image--mobile{-o-object-position:top;object-position:top}@media (min-width:768px){.hero-package[data-widgetstyle=v2] .hero-package__background .hero-package__bg-image--mobile{-o-object-position:center;object-position:center}}.hero-package[data-widgetstyle=v2] .hero-package__background .hero-package__bg-image--desktop{-o-object-position:top;object-position:top}.hero-package[data-widgetstyle=v2] .hero-package__content{padding-top:2rem;width:100%}@media (min-width:1200px){.hero-package[data-widgetstyle=v2] .hero-package__content{max-width:none;padding-left:0}}.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__text{text-align:center}@media (min-width:1024px){.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__text{margin-bottom:56px}}.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__text .hero-package__title{--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}@media (min-width:768px){.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__text .hero-package__title{font-size:32px}}.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__text .hero-package__desc{font-size:14px;--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1))}@media (min-width:768px){.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__text .hero-package__desc{font-size:24px}}.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__v2kv{align-items:center;display:flex;justify-content:center}@media (min-width:1200px){.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__v2kv{position:absolute;right:2.25rem}}.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__v2kv img{max-height:200px;max-width:200px}@media (min-width:1200px){.hero-package[data-widgetstyle=v2] .hero-package__content .hero-package__v2kv img{max-height:420px;max-width:420px}.hero-package[data-widgetstyle=v2] .hero-package__tabs{margin-left:5rem;max-width:608px}}.hero-package[data-widgetstyle=v2] .hero-package__tabs{--tw-bg-opacity:1;background-color:rgb(241 242 244/var(--tw-bg-opacity,1))}.hero-package[data-widgetstyle=v2] .hero-package__tab{background-color:transparent;border-radius:9999px;cursor:pointer;flex:1 1 0%;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;padding:.5rem .25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1))}.hero-package[data-widgetstyle=v2] .hero-package__tab--active{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-weight:600;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity,1))}@media (min-width:1200px){.hero-package[data-widgetstyle=v2] .hero-package__largecard-group,.hero-package[data-widgetstyle=v2] .hero-package__smallcard-group{margin-left:5rem;max-width:608px}}.hero-package[data-widgetstyle=v2] .package__v2-action{margin-top:1.5rem}@media (min-width:1200px){.hero-package[data-widgetstyle=v2] .package__v2-action{margin-top:2rem}}.hero-package[data-widgetstyle=v2] .package__v2-action{display:flex}@media (min-width:1200px){.hero-package[data-widgetstyle=v2] .package__v2-action{margin-left:5rem;max-width:608px}}.hero-package[data-widgetstyle=v2] .hero-package__floating-cta{display:none}.hero-package *,.hero-package :after,.hero-package :before{box-sizing:border-box}.hero-package__background{height:100%;inset:0;position:absolute;width:100%;z-index:-10}.hero-package__bg-image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.hero-package__bg-image--mobile{display:block;-o-object-position:top;object-position:top}.hero-package__bg-image--desktop{display:none;-o-object-position:center;object-position:center}@media(min-width:1200px){.hero-package__bg-image--mobile{display:none}.hero-package__bg-image--desktop{display:block}}.hero-package__content{left:0;top:74vh}@media (min-width:1200px){.hero-package__content{position:absolute;top:50%;--tw-translate-y:-50%;max-width:696px;padding-left:5rem;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))}}.hero-package__content{padding-bottom:2rem;padding-top:280px}@media (min-width:1200px){.hero-package__content{padding-bottom:0;padding-top:4rem}}.hero-package__content{min-height:407px}@media (min-width:1200px){.hero-package__content{min-height:0}}.hero-package__content .hero-package__largecard-group,.hero-package__content .hero-package__smallcard-group,.hero-package__content .hero-package__uspcard-group{display:none}.hero-package__content[data-cardtype=large] .hero-package__largecard-group,.hero-package__content[data-cardtype=small] .hero-package__smallcard-group,.hero-package__content[data-cardtype=usp] .hero-package__uspcard-group,.hero-package__largecard-group{display:block}.hero-package__largecard-slider{overflow:hidden;padding-left:1rem;padding-right:1rem;padding-top:.5rem}@media (min-width:1200px){.hero-package__largecard-slider{padding-left:0;padding-right:0}}.hero-package__largecard-track{display:flex;gap:var(--card-gap,16px);transition:transform .3s ease}.hero-package__largecard-track .hero-package__largecard-wrapper{flex-shrink:0;width:calc((100% - var(--total-gap, 0px))/var(--cards-per-slide, 1))}.hero-package__largecard-pagination-wrapper{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.5rem;width:100%}@media (min-width:1024px){.hero-package__largecard-pagination-wrapper{margin-top:1rem}}.hero-package__largecard-pagination-arrow{align-items:center;border-radius:9999px;cursor:pointer;display:none;height:1.25rem;justify-content:center;width:1.25rem}@media (min-width:1024px){.hero-package__largecard-pagination-arrow{display:flex}}.hero-package__largecard-pagination-arrow{background-color:#ffffff40}.hero-package__largecard-pagination-arrow img{height:14px;width:14px}.hero-package__largecard-pagination{background-color:#ffffff40;border-radius:.5rem;display:flex;gap:2px;height:-moz-max-content;height:max-content;justify-content:center;padding:2px}.hero-package__largecard-pagination-dot{background-color:hsla(0,0%,100%,.5);border-radius:9999px;cursor:pointer;height:.25rem;width:.25rem}@media (min-width:1024px){.hero-package__largecard-pagination-dot{height:.5rem;width:.5rem}}.hero-package__largecard-pagination-dot--active{width:11px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:1024px){.hero-package__largecard-pagination-dot--active{width:22px}}.hero-package__largecard-wrapper{padding-left:1px;padding-top:1px;position:relative}.hero-package__largecard-ribbon{border-radius:.5rem;border-bottom-left-radius:0;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgb(237 2 38/var(--tw-bg-opacity,1));left:-1px;position:absolute;top:-7px}.hero-package__largecard-ribbon-tail{left:-1px;position:absolute;top:18px}.hero-package__largecard{background-color:#ffffffd9;border-radius:1.5rem;padding:1.25rem 1rem 1rem}.hero-package__largecard-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-family:Poppins,system-ui,sans-serif;font-size:16px;font-weight:600;-webkit-line-clamp:2;line-height:24px;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}.hero-package__largecard-value{font-family:Poppins,system-ui,sans-serif;font-size:24px;font-weight:400;margin-top:.25rem;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}.hero-package__largecard-amount{margin-top:.25rem}.hero-package__largecard-price{font-family:Poppins,system-ui,sans-serif;font-size:20px;font-weight:700;--tw-text-opacity:1;color:rgb(237 2 38/var(--tw-text-opacity,1))}.hero-package__largecard-validity{font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;--tw-text-opacity:1;color:rgb(140 153 172/var(--tw-text-opacity,1))}.hero-package__largecard-action{--tw-bg-opacity:1;background-color:rgb(255 0 37/var(--tw-bg-opacity,1));border-radius:9999px;display:block;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;padding-bottom:.5rem;padding-top:.5rem;text-align:center;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));margin-top:1rem}.hero-package__largecard-benefits{border-radius:.75rem;display:flex;gap:.5rem;margin-top:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem}.hero-package__largecard-benefit-item{width:100%}.hero-package__largecard-benefit-icon img{height:18px;width:18px}.hero-package__largecard-benefit-value{font-size:12px;font-weight:600}.hero-package__largecard-benefit-title,.hero-package__largecard-benefit-value{font-family:Poppins,system-ui,sans-serif;margin-top:.25rem;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}.hero-package__largecard-benefit-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:10px;font-weight:400;-webkit-line-clamp:2}.hero-package__smallcard-wrapper{padding-left:1px;padding-top:1px;position:relative}.hero-package__smallcard-ribbon{border-radius:.5rem;border-bottom-left-radius:0;font-family:Poppins,system-ui,sans-serif;font-size:10px;font-weight:600;padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgb(237 2 38/var(--tw-bg-opacity,1));left:-1px;position:absolute;top:-7px}.hero-package__smallcard-ribbon-tail{left:-1px;position:absolute;top:15px}.hero-package__smallcard{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(218 224 233/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background:url(/themes/custom/telkomsel/assets/img/bg-promocard.png);background-position:100%;padding:1.25rem .75rem .75rem}.hero-package__smallcard-inner{min-height:86px}.hero-package__smallcard-title{display:-webkit-box;font-size:12px;font-weight:400;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-package__smallcard-title,.hero-package__smallcard-value{font-family:Poppins,system-ui,sans-serif;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1))}.hero-package__smallcard-value{font-size:16px;font-weight:600}.hero-package__smallcard-validity{font-family:Poppins,system-ui,sans-serif;font-size:10px;font-weight:400;--tw-text-opacity:1;color:rgb(117 127 144/var(--tw-text-opacity,1))}.hero-package__smallcard-price{font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;margin-top:.5rem;--tw-text-opacity:1;color:rgb(237 2 38/var(--tw-text-opacity,1))}.hero-package__smallcard-action{display:block;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;text-align:center;--tw-text-opacity:1;border-radius:40px;border-width:1px;color:rgb(237 2 38/var(--tw-text-opacity,1));margin-top:.75rem;--tw-border-opacity:1;border-color:rgb(237 2 38/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-bottom:6px;padding-top:6px}.hero-package__smallcard-slider{margin-left:1rem;margin-right:1rem;overflow:hidden;padding-left:1px;padding-top:.5rem}@media (min-width:1200px){.hero-package__smallcard-slider{margin-left:0;margin-right:0}}.hero-package__smallcard-track{display:flex;gap:var(--card-gap,16px);transition:transform .3s ease}.hero-package__smallcard-track .hero-package__smallcard-wrapper{flex-shrink:0;width:calc((100% - var(--total-gap, 0px))/var(--cards-per-slide, 1))}.hero-package__smallcard-pagination-wrapper{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.5rem;width:100%}@media (min-width:1024px){.hero-package__smallcard-pagination-wrapper{margin-top:1rem}}.hero-package__smallcard-pagination-arrow{align-items:center;border-radius:9999px;cursor:pointer;display:none;height:1.25rem;justify-content:center;width:1.25rem}@media (min-width:1024px){.hero-package__smallcard-pagination-arrow{display:flex}}.hero-package__smallcard-pagination-arrow{background-color:#ffffff40}.hero-package__smallcard-pagination-arrow img{height:14px;width:14px}.hero-package__smallcard-pagination{background-color:#ffffff40;border-radius:.5rem;display:flex;gap:2px;height:-moz-max-content;height:max-content;justify-content:center;padding:2px}.hero-package__smallcard-pagination-dot{background-color:hsla(0,0%,100%,.5);border-radius:9999px;cursor:pointer;height:.25rem;width:.25rem}@media (min-width:1024px){.hero-package__smallcard-pagination-dot{height:.5rem;width:.5rem}}.hero-package__smallcard-pagination-dot--active{width:11px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:1024px){.hero-package__smallcard-pagination-dot--active{width:22px}}.hero-package__uspcard-slider{overflow:hidden;padding-left:1rem;padding-right:1rem;padding-top:.5rem}@media (min-width:1200px){.hero-package__uspcard-slider{padding-left:0;padding-right:0}}.hero-package__uspcard-track{display:flex;gap:var(--card-gap,16px);transition:transform .3s ease}.hero-package__uspcard-track .hero-package__uspcard-wrapper{flex-shrink:0;width:calc((100% - var(--total-gap, 0px))/var(--cards-per-slide, 1))}.hero-package__uspcard-wrapper{padding-left:1px;padding-top:1px;position:relative}.hero-package__uspcard{border-radius:1rem;padding:1rem;position:relative;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);backdrop-filter:blur(8px);background:linear-gradient(232.17deg,hsla(0,0%,100%,.2) -11.54%,hsla(0,0%,100%,0) 67.99%);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hero-package__uspcard:before{background:linear-gradient(214.51deg,hsla(0,0%,100%,.75) 7.24%,hsla(0,0%,100%,.5) 50.28%,hsla(0,0%,100%,.25) 92.89%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.hero-package__uspcard-icon{height:2rem;width:2rem}.hero-package__uspcard-value{font-size:16px;font-weight:600;margin-top:.75rem}.hero-package__uspcard-desc,.hero-package__uspcard-value{font-family:Poppins,system-ui,sans-serif;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hero-package__uspcard-desc{display:-webkit-box;margin-top:.25rem;overflow:hidden;-webkit-box-orient:vertical;font-size:12px;font-weight:400;-webkit-line-clamp:2}.hero-package__uspcard-pagination-wrapper{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.5rem;width:100%}@media (min-width:1024px){.hero-package__uspcard-pagination-wrapper{margin-top:1rem}}.hero-package__uspcard-pagination-arrow{align-items:center;border-radius:9999px;cursor:pointer;display:none;height:1.25rem;justify-content:center;width:1.25rem}@media (min-width:1024px){.hero-package__uspcard-pagination-arrow{display:flex}}.hero-package__uspcard-pagination-arrow{background-color:#ffffff40;transition-duration:.2s}.hero-package__uspcard-pagination-arrow img{height:14px;width:14px}.hero-package__uspcard-pagination{background-color:#ffffff40;border-radius:.5rem;display:flex;gap:2px;height:-moz-max-content;height:max-content;justify-content:center;padding:2px}.hero-package__uspcard-pagination-dot{background-color:hsla(0,0%,100%,.5);border-radius:9999px;cursor:pointer;height:.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.25rem}@media (min-width:1024px){.hero-package__uspcard-pagination-dot{height:.5rem;width:.5rem}}.hero-package__uspcard-pagination-dot--active{width:11px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:1024px){.hero-package__uspcard-pagination-dot--active{width:22px}}.hero-package .uspcard-action a{align-items:center;border-radius:9999px;display:flex;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;gap:.25rem;justify-content:center;margin-top:1.25rem;padding-bottom:.75rem;padding-top:.75rem}@media (min-width:1200px){.hero-package .uspcard-action a{font-size:16px}}.hero-package .uspcard-action a{margin-bottom:.75rem;margin-left:1rem;margin-right:1rem;padding-left:1rem;padding-right:1rem}@media (min-width:1200px){.hero-package .uspcard-action a{margin:0;width:-moz-fit-content;width:fit-content}}.hero-package .package__v2-action{display:none;justify-content:center}.hero-package .package__v2-action a{align-items:center;border-radius:9999px;display:flex;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;gap:.25rem;justify-content:center;margin-top:1.25rem;padding-bottom:.75rem;padding-top:.75rem}@media (min-width:1200px){.hero-package .package__v2-action a{font-size:16px}}.hero-package .package__v2-action a{margin-left:1rem;margin-right:1rem;padding-left:2rem;padding-right:2rem}@media (min-width:1200px){.hero-package .package__v2-action a{margin-left:0;margin-right:0;margin-top:0;width:-moz-fit-content;width:fit-content}}.hero-package__text{margin-bottom:1.5rem}.hero-package__v2kv{display:none}.hero-package__title{font-family:TelkomselBatikSans,system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:140%}@media (min-width:768px){.hero-package__title{font-size:40px}}.hero-package__title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));display:-webkit-box;margin-left:1rem;margin-right:1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width:1200px){.hero-package__title{margin-left:0;margin-right:0}}.hero-package__desc{font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:-.01em}@media (min-width:768px){.hero-package__desc{font-size:20px}}@media (min-width:1200px){.hero-package__desc{line-height:28px}}.hero-package__desc{margin-top:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));display:-webkit-box;margin-left:1rem;margin-right:1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width:1200px){.hero-package__desc{margin-left:0;margin-right:0}}.hero-package__tabs{background-color:#ffffff40;border-color:#ffffff40;border-radius:9999px;border-width:1px;display:flex;gap:.5rem;margin-bottom:1.5rem;margin-top:1rem;padding:.25rem}@media (min-width:1024px){.hero-package__tabs{padding:9px}}.hero-package__tabs{margin-left:1rem;margin-right:1rem}@media (min-width:1200px){.hero-package__tabs{margin-left:0;margin-right:0}}.hero-package__tabs{backdrop-filter:blur(6px)}.hero-package__tab{background-color:transparent;border-radius:9999px;cursor:pointer;flex:1 1 0%;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;padding:.5rem .25rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hero-package__tab--active{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-weight:600;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity,1))}.hero-package__tab-label{white-space:nowrap}.hero-package__floating-cta{bottom:2rem;left:45%;position:absolute;--tw-translate-x:-50%;align-items:center;background-color:#ffffff40;border-radius:20px;display:none;flex-direction:row;gap:.5rem;padding:.5rem 1rem;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))}@media (min-width:1200px){.hero-package__floating-cta{display:flex}}.hero-package__floating-cta{animation:hero-package-float .8s infinite alternate}.hero-package__floating-cta-text{font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hero-package__floating-cta-icon{height:1rem;-o-object-fit:contain;object-fit:contain;width:1rem}@keyframes hero-package-float{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}