.quiapo-steps-wrapper{overflow:hidden}.quiapo-steps-container{display:grid;gap:32px;grid-template-columns:1fr 1fr;overflow:hidden}@media screen and (max-width:500px){.quiapo-steps-container{gap:0;grid-template-columns:1fr}}.quiapo-steps-container{.left-col{height:700px}@media screen and (max-width:767px){.left-col{height:300px}}@media screen and (max-width:500px){.left-col{height:130px}}.swiper{height:100%}.swiper-slide{display:flex;flex-direction:column;justify-content:center;opacity:0;transition:all .3s ease}.swiper-slide p{margin-bottom:0}.swiper-slide-active{opacity:1}.swiper-slide-next,.swiper-slide-prev{opacity:.3}}.quiapo-steps-container{h3{color:var(--Black,#2a2a2a);font-size:35px;font-weight:900;line-height:114%;transition:all .3s ease}.swiper-slide-active h3,h3{font-family:Outfit;font-style:normal;margin-bottom:8px;width:100%}.swiper-slide-active h3{background:var(--Steps,linear-gradient(81deg,#1043b2 7.4%,red 22.86%,#f4cb4d 34.22%));background-clip:text;-webkit-background-clip:text;font-size:50px;font-weight:700;line-height:116%;-webkit-text-fill-color:transparent}p{color:var(--Black,#2a2a2a);font-family:Outfit;font-size:26px;font-style:normal;font-weight:400;line-height:normal}@media screen and (max-width:767px){.swiper-slide-active h3,h3{font-size:24px;font-weight:700;line-height:123%}p{color:var(--Black,#2a2a2a);font-size:16px;font-weight:400;line-height:120%}}}.quiapo-steps-container{.right-col{align-items:center;display:flex;justify-content:center}.phone-container{aspect-ratio:723/829;background-image:url(https://19618217.fs1.hubspotusercontent-na2.net/hubfs/19618217/DITO%20Gaming/images/bg.png);background-size:cover;height:auto;max-width:723px;position:relative;width:100%}@media screen and (max-width:500px){.phone-container{left:-5%;scale:1.1}}.phone-container img{left:31%;opacity:0;position:absolute;top:16%;transition:opacity .3s ease;width:40%}.phone-container img.active{opacity:1}}.popup-modal{background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;overflow:auto;padding:2rem;position:fixed;top:0;width:100%;z-index:9999}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);margin:10% auto;max-width:992px;padding:2rem;position:relative}.popup-content *{color:#3e3e3e!important;font-family:Outfit!important}.popup-content>ol{padding-left:24px}.popup-content :where(li,p){margin-bottom:16px}.close-popup{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;line-height:100%;position:absolute;right:6px;top:0;transition:color .3s ease}.close-popup:hover{color:#000}