@media screen and (max-width: 321px){.header-section-paket{border-radius:5px;height:150px}.mobile-nav .nav>li{flex:1 1 0%;min-width:0;text-align:center;padding:0}.mobile-menu-content{width:280px;max-width:90%}.mobile-nav .nav-text{font-size:8px}.mobile-nav .material-symbols-rounded{font-size:18px}.slide-text h2{font-size:2rem}.cta-button{padding:12px 25px;font-size:1rem}.info-sholat{display:flex;flex-direction:row;background-color:var(--main-color);width:100vw;height:50vh;color:#fff!important;position:relative;background-image:none;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100vw;height:52vh;border-radius:20px 20px 0 0;background-color:#fff}.paket-info-detail{font-size:var(--text-xsm)}.price-tag{font-size:var(--text-medium)}.nama-paket{font-size:var(--text-small)}#search-input,#month-filter,#year-filter,#search-jamaah-input,#month-filter-jamaah,#clear-filters{height:42px!important;font-size:.7rem!important;padding:0 10px}.home-container{position:absolute;align-self:center;bottom:0;width:100vw;height:52vh;border-radius:20px 20px 0 0;background-image:url(/assets/images/bg/pattern-white.svg)}.feature-container{position:absolute;align-self:center;top:-10px;width:85vw;height:8vh;border-radius:15px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.feature{color:var(--main-color);padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kompas>img{width:250px;height:230px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.418))}}@media screen and (min-width: 322px) and (max-width: 480px){body,.app-container{width:100vw;max-width:100vw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.info-sholat{display:flex;background-color:var(--main-color);width:100vw;height:54vh;color:#fff!important;position:relative;background-image:none;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100vw;height:48vh;border-radius:20px 20px 0 0;background-color:#fff}.main-content{width:100%!important;margin-left:0!important;padding-bottom:80px}.header-section-paket{border-radius:5px;height:150px}.side-container{display:none!important}.mobile-nav{z-index:3;position:fixed!important;bottom:0;left:0;right:0;width:100vw;height:50px;z-index:1050;background-color:#fff;border-top:1px solid var(--main-color)!important;display:block!important}.mobile-nav .nav>li{flex:1 1 0%;min-width:0;text-align:center;padding:0}.mobile-nav .nav-link{justify-content:center;align-items:center;padding:.5rem 0;min-height:50px}.mobile-nav .nav-text{font-size:.85rem;white-space:nowrap}.mobile-nav .material-symbols-rounded{font-size:20px}.home-container{position:absolute;align-self:center;bottom:0;width:100vw;height:48vh;border-radius:20px 20px 0 0;background-image:url(/assets/images/bg/pattern-white.svg)}.feature-container{position:absolute;align-self:center;top:-10px;width:85vw;height:8vh;border-radius:15px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.feature{color:var(--main-color);padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kompas>img{width:250px;height:230px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.418))}.paket-card-wrapper{padding:0}.paket-info{display:flex;flex-direction:row}.card-image-container{width:100%;height:auto;padding:0;display:flex;justify-content:center}.card-image{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}#description-section{font-size:14px;text-align:justify}#current-bukti-container>div{flex-direction:column;align-items:start}}@media screen and (min-width: 481px) and (max-width: 899px){body,.app-container{width:100vw;max-width:100vw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.main-content{width:100%!important;margin-left:0!important;padding-bottom:80px}.side-container{display:none!important}.mobile-nav{position:fixed!important;bottom:0;left:0;right:0;width:100vw;height:50px;z-index:1050;background-color:#fff;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #0000001a;display:block!important}.mobile-nav .nav-link{min-height:50px;padding:8px 10px!important}.mobile-nav .material-symbols-rounded{font-size:22px}.mobile-nav .nav-text{font-size:10px}.info-sholat{display:flex;flex-direction:row;background-color:var(--main-color);width:100vw;height:50vh;color:#fff!important;position:relative;background-image:none;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100vw;height:65vh;border-radius:20px 20px 0 0}.home-container{position:absolute;align-self:center;bottom:0;width:100vw;height:52vh;border-radius:20px 20px 0 0;background-image:url(/assets/images/bg/pattern-white.svg)}.feature-container{position:absolute;align-self:center;top:-10px;width:85vw;height:8vh;border-radius:15px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.feature{color:var(--main-color);padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kompas>img{width:250px;height:230px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.418))}}@media screen and (min-width: 900px) and (max-width: 1000px){body,.app-container{width:100vw;max-width:100vw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.main-content{width:100%!important;margin-left:0!important;padding-bottom:80px}.side-container{display:none!important}.mobile-nav{position:fixed!important;bottom:0;left:0;right:0;width:100vw;height:50px;z-index:1070;background-color:#fff;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #0000001a;display:block!important}.mobile-nav .nav-link{min-height:50px;padding:6px 8px!important}.mobile-nav .material-symbols-rounded{font-size:20px}.mobile-nav .nav-text{font-size:9px}.info-sholat{display:flex;flex-direction:row;background-color:var(--main-color);width:100vw;height:50vh;color:#fff!important;position:relative;background-image:none;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100vw;height:52vh;border-radius:20px 20px 0 0}.home-container{position:absolute;align-self:center;bottom:0;width:100vw;height:52vh;border-radius:20px 20px 0 0;background-image:url(/assets/images/bg/pattern-white.svg)}.feature-container{position:absolute;align-self:center;top:-10px;width:85vw;height:8vh;border-radius:15px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.feature{color:var(--main-color);padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kompas>img{width:250px;height:230px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.418))}}@media screen and (min-width: 1000px){.mobile-nav{position:fixed!important;bottom:0;margin-left:auto;margin-right:auto;width:30vw;height:50px;z-index:1050;background-color:#fff;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #0000001a;display:block!important}.section-card{padding:1rem}.home-container{position:absolute;align-self:center;bottom:0;width:30vw;height:52vh;border-radius:20px 20px 0 0;background-image:url(/assets/images/bg/pattern-white.svg)}.feature-container{position:absolute;align-self:center;top:-10px;width:25vw;height:8vh;border-radius:15px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.feature{color:var(--main-color);padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.kompas>img{width:250px;height:230px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.418))}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1060;opacity:0;visibility:hidden;transition:all .3s ease;display:block!important}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;width:300px;max-width:80%;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-menu-header{background-color:#f8f9fa;min-height:60px}.mobile-menu-user{background-color:#f8f9fa}.mobile-menu-user .user-avatar{font-size:40px;color:#6c757d}.mobile-menu-items{flex:1;padding:0}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.mobile-menu-item:hover{background-color:#f8f9fa;color:#333}.mobile-menu-item.active{background-color:#007bff;color:#fff}.mobile-menu-item .material-symbols-rounded{font-size:22px}.mobile-menu-footer{background-color:#f8f9fa;margin-top:auto}@media screen and (min-height: 500px) and (max-height: 599px){.wrapper-content{height:100vh;width:100vw;display:flex;flex-direction:column;position:relative}.info-sholat{display:flex;flex-direction:row;background-color:var(--main-color);width:100vw;height:62vh;color:#fff!important;position:relative;background-image:none;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100vw;height:42vh;padding-bottom:1rem;border-radius:20px 20px 0 0;background-color:#fff}.home-container{position:absolute;bottom:0;width:100vw;height:38vh;border-radius:20px 20px 0 0}#compass-img{width:130px!important;height:130px!important}}