*,body{margin:0}.mobile-icons .daftr,.mobile-icons i{color:#fff;margin:0 5px;padding:5px 10px;transition:background-color .3s;cursor:pointer}.menu .dropdown,.menu a,.slide,.slider{position:relative}.gambar-seluler,.logo-seluler,.slide{display:none}.font-bold,.main-header{font-weight:700}*,.section-layanan{font-family:Arial,sans-serif}.btn-langganan,.centered-content,.custom-icons-container,.custom-icons-item,.custom-icons-label,.feature,.hamburg,.nav-link{text-align:center}*{padding:0}body{width:100%;height:100vh;background-color:#fff;overflow-x:hidden}.hamburg{margin-top:4px;color:#fff;margin-right:-19px}header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;color:#333;z-index:2;position:fixed;top:0;right:0;left:0;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:5px;transition:background-color .3s ease-in-out;box-sizing:border-box;transform:translateZ(0);will-change:background-color}.slider{margin-top:60px;max-width:100%;overflow:hidden}.gambar-desktop,.gambar-seluler{width:100%;height:auto;object-fit:cover}.header-icons,.mobile-icons{display:flex;align-items:center}.mobile-icons{margin-right:10px}.mobile-icons i{border:1px solid #494649;border-radius:5px;margin-left:1px;background-color:#675b67}.mobile-icons .daftr{border:1px solid #494649;border-radius:5px;margin-left:1px;background-color:#8d0e8d}.mobile-icons .daftr:focus,.mobile-icons .daftr:hover,.mobile-icons i:focus,.mobile-icons i:hover{box-shadow:0 0 10px rgba(89,0,127,.8)}@media (min-width:769px){.hamburg{display:none}}.menu{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}.menu a{color:#333;text-decoration:none;margin:0 15px}.main-header span,.menu a:hover{color:purple}.menu .dropdown-content a,.mobile-menu a{color:#000;padding:12px 16px;display:block;text-decoration:none}.menu a::after{content:'';display:block;width:0;height:2px;background:purple;transition:width .3s}.menu .dropdown-content a:hover,.mobile-menu a:hover{background-color:#ddd}.menu a:hover::after{width:100%}.menu .dropdown{margin:6px}.menu .dropdown a,.menu .dropdown:hover .dropdown-content{display:block}.menu .dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.benefit,.mobile-menu{background-color:#fff}.hamburg{font-size:22px;cursor:pointer;display:inline-block;width:20px;height:20px}.mobile-menu{display:none;flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-250px;width:250px;height:100%;box-shadow:-2px 0 5px rgba(0,0,0,.2);z-index:2;border-radius:0;overflow:hidden;padding-top:60px;transition:right .3s ease-out}.mobile-menu a{transition:background-color .3s,padding-left .3s}.mobile-menu a:hover{padding-left:20px}.mobile-menu .dropdown-content{display:none;flex-direction:column;align-items:flex-start;background-color:#585555;width:100%;box-shadow:none}.mobile-menu .dropdown-content a{color:#fff;padding:12px 16px}.mobile-menu .bottom-links{margin-top:auto;width:100%;text-align:center;padding-bottom:20px}.mobile-menu .bottom-links a{display:block;margin:10px auto;padding:10px 20px;border:2px solid #692170;border-radius:10px;color:#fffeff;text-decoration:none;width:80%;transition:background-color .3s,color .3s;background-color:#692170}.mobile-menu .bottom-links a:hover{background-color:#fff;color:#692170;border-color:#692170;box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(105,33,112,.5);text-shadow:0 0 10px rgba(105,33,112,.5);transform:scale(1.1);animation:1s infinite pulse}.logo img,.logo-desktop{width:130px}/*! Ini Css Seluler */.benefit,.card{border-radius:10px;padding:20px;animation:1.5s infinite alternate neonGlow;position:relative}@media only screen and (max-width:768px){.gambar-desktop,.logo-desktop,.menu{display:none}.gambar-seluler,.hamburg,.logo-seluler{display:block}.slider{margin-top:0}.logo-seluler{width:130px;margin-left:-10%;text-align:center}.mobile-icons,.mobile-menu,header{display:flex;box-sizing:border-box}header{width:100%;justify-content:space-between;align-items:center;padding:10px 20px;background:linear-gradient(to bottom,purple 0,transparent 100%);color:#fff;z-index:3;position:fixed;left:0;right:0;top:0;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:5px;transform:translateZ(0);will-change:background-color}header.scrolled{background:#320132;transition:background-color .3s ease-in-out}header:hover{background-color:#370238}.mobile-icons{align-items:center;margin-right:20px}.mobile-icons .daftr,.mobile-icons i{margin:0 5px 0 1px;border:10px;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background-color .3s;background-color:#8d0e8d85;box-sizing:border-box}.mobile-icons .daftr:focus,.mobile-icons .daftr:hover,.mobile-icons i:focus,.mobile-icons i:hover{box-shadow:0 0 10px rgba(89,0,127,.8)}.hamburg{margin-left:20px}}.centered-content{display:flex;flex-direction:column;align-items:center;margin-top:5%}.main-header{font-size:26px;margin-top:20px}.subheader{font-size:16px;margin-top:10px;color:#666}.card{background-color:#f8f8f8;margin:20px auto;width:80%;max-width:600px;border:2px solid transparent;background:linear-gradient(white,#fff) padding-box,linear-gradient(45deg,purple,#000,#000,#a20292,purple) border-box}.card h2{color:#7c007c;font-size:48px;margin:0}.benefit p,.card p{color:#666;font-size:16px;margin:10px 0 0}.jaringan{display:flex;justify-content:center;margin-top:20px;flex-wrap:wrap}.benefit{margin:10px;width:150px;border:2px solid transparent;background:linear-gradient(white,#fff) padding-box,linear-gradient(45deg,purple,#01d9ff,#640372,#000,purple) border-box}.benefit h3{color:purple;font-size:36px;margin:0}@keyframes neonGlow{from{box-shadow:0 0 2px #5e025e,0 0 1px #340134,0 0 5px purple,0 0 10px purple}to{box-shadow:0 0 3px #000,0 0 5px #000,0 0 8px #030303,0 0 15px #ff00d4}}@media (max-width:1200px){.container{max-width:90%}.card{width:90%}}.bord{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:50px}.feature{max-width:250px;margin:12px}.feature img{width:100px;height:100px}.feature h3{color:#942394;font-size:20px;margin:20px 0 10px}.feature p{color:#666;font-size:16px}@media (max-width:768px){.feature{max-width:200px}.feature h3{font-size:25px}.feature p{font-size:15px}}@media (max-width:480px){.feature{max-width:100%}.feature img{width:80px;height:80px}.feature h3{font-size:25px}.feature p{font-size:15px}}.nav-link{margin-top:4px;margin-bottom:4px;display:block;padding:10px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.nav-link.active{background-color:#a5139EF6;color:#fff!important}.nav-link:hover{background-color:#a5139EF6;color:#fff}.margin10{margin-left:10px;margin-right:10px}.fsize-12{font-size:12px}.color-purple{color:#a5139EF6}.color-red{color:red}.text-line-strip{text-decoration:line-through}.img-style-page{width:auto;height:auto;max-width:100%;margin:20px 0}.section-page{background-color:#fae7f8;padding:50px 0}@media only screen and (max-width:575px){.fsize-12{font-size:10px}.margin10{margin-left:5px;margin-right:5px}.img-style-page{width:50%;height:auto}.row{flex-direction:column}.col-lg-6,.col-md-6,.col-sm-6{width:100%}.nav-pills{flex-direction:row}.nav-item{margin-bottom:0}}.custom-icons-container{display:flex;justify-content:space-around;width:80%;margin:3% auto 0;overflow-x:auto;white-space:nowrap}.custom-icons-item{position:relative;padding:10px;width:70px;border-radius:8px;transition:background-color .3s;display:inline-block}.custom-icons-item:hover{background-color:#f0f0f0}.custom-icons-icon{width:48px;height:48px;margin-bottom:10px}.custom-icons-label{color:#000;font-size:14px}.custom-icons-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media (max-width:768px){.custom-icons-container{width:100%;padding:0 10px}.custom-icons-item{width:100px;margin:0 5px}}.section-layanan{background-color:#fce4f7;display:flex;justify-content:center;align-items:center;height:20vh;margin:0}.btn-langganan{background:linear-gradient(90deg,purple,#350144);border:none;border-radius:20px;color:#fff;padding:15px 30px;font-size:16px;text-decoration:none;transition:background .3s}.btn-langganan:hover{background:linear-gradient(90deg,#32003e,#460350);color:#ebeeee}.img-style-pembayaran{width:100%;height:auto}.slider-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.slider-nav i{font-size:1rem;color:#191919;cursor:pointer;padding:0 1rem}.slider-nav i:hover{color:#961414}.scroll-to-top{position:fixed;right:15px;bottom:15px;width:50px;height:50px;background-color:#9c27b0;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;visibility:hidden;opacity:0;transition:.4s}.scroll-to-top i{color:#fff;font-size:15px}.scroll-to-top.active{visibility:visible;opacity:1}