.cover{width:100vw;height:100vh;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}.cover .shadow{height:100vw;width:100vh}.cover .shadow .a{position:absolute;top:20px;left:0;width:200px;height:auto;object-fit:contain;object-position:top;opacity:.8}.cover .shadow .shadow-top{width:100%;height:40%;background:linear-gradient(180deg,#002d1495,#002d1420);position:absolute;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ff0;line-height:30px}.cover .shadow .shadow-top h2{font-family:Lobster Two,serif;font-weight:300;font-size:2em;margin-bottom:10px}.cover .shadow .shadow-top h1{font-weight:600;align-items:center;font-size:2.5em}.cover .shadow .shadow-top p{font-weight:300;font-size:1em}.cover .shadow .shadow-down{padding-top:50vh;width:100%;height:100%;background:linear-gradient(180deg,#002d1420,#002d14);position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;color:#fff}.cover .shadow .shadow-down .b{position:absolute;bottom:20px;right:0;width:200px;opacity:.4;height:auto;object-fit:contain;object-position:top}.cover .shadow .shadow-down .namaTamu{z-index:99}.cover .shadow .shadow-down .namaTamu h4{font-family:Sofia,serif;font-weight:400;font-size:1em}.cover .shadow .shadow-down .namaTamu h3{font-family:Poppins,serif;font-weight:300;font-size:1.1em}.cover .shadow .shadow-down p{font-family:Titillium Web,sans-serif;font-weight:200;font-size:11px;z-index:2;padding-top:20px}.intro{width:100vw;height:100vh;position:relative;box-sizing:border-box;overflow-x:hidden;scroll-snap-type:y mandatory;color:#fff}.intro img{position:relative;width:100%;height:70vh;object-fit:cover;object-position:center}@media (min-width: 1024px){.intro img{height:100vh;width:50%;margin:0 25%}}.intro .textIntro{color:#faf200;width:100%;height:70%;background:linear-gradient(to bottom,#002d14,#002d14,transparent,transparent,transparent,#00923F,#00923F);position:absolute;top:0;left:0;z-index:1;display:flex;padding-top:10%;text-align:center;flex-direction:column}@media (min-width: 1024px){.intro .textIntro{height:85%;padding-top:2%}}.intro .textIntro h2{font-family:Lobster Two,serif;font-weight:700;font-size:30px}@media (min-width: 1024px){.intro .textIntro h2{font-size:28px}}.intro .textIntro h1{font-family:DM sans,serif;font-weight:900;font-size:40px}@media (min-width: 1024px){.intro .textIntro h1{font-size:36px;margin:20px 0}}.intro .textIntro p{font-family:DM sans,serif;font-weight:400;font-size:20px}@media (min-width: 1024px){.intro .textIntro p{font-size:18px}}.intro .surah{background:#00923f;z-index:2;position:relative;margin-top:-20%;padding:25px 25px 20%;display:flex;text-align:center;flex-direction:column}@media (min-width: 1024px){.intro .surah{margin-top:-10%;padding:50px 50px 10%;max-width:80%;margin-left:auto;margin-right:auto;border-radius:20px}}.intro .surah .arab{font-size:2em;line-height:1.5em}@media (min-width: 1024px){.intro .surah .arab{font-size:24px;max-width:80%;margin:0 auto}}.intro .surah .arti{padding-top:20px;font-size:1em}@media (min-width: 1024px){.intro .surah .arti{font-size:14px;max-width:70%;margin:0 auto;line-height:1.6}}.intro .surah span{font-size:20px;font-weight:700;padding-top:10px;font-family:Tangerine,cursive}@media (min-width: 1024px){.intro .surah span{font-size:20px;margin-top:20px}}.intro .surah .a{position:absolute;bottom:350px;left:0;width:200px;height:auto}@media (min-width: 1024px){.intro .surah .a{width:300px;bottom:400px}}.intro .surah .b{position:absolute;bottom:350px;right:0;width:200px;height:auto}@media (min-width: 1024px){.intro .surah .b{width:300px;bottom:400px}}.schedule1{min-height:100vh;width:100%;background-color:#00923f;font-family:Titillium Web,serif;display:grid;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;position:relative;color:#fff}@media (min-width: 1024px){.schedule1{height:100vh;padding:2rem 5%}}.schedule1 .bg-wrap{background:#002d14;height:90vh;width:100%;position:relative;overflow-y:auto}@media (min-width: 1024px){.schedule1 .bg-wrap{border-radius:30px;box-shadow:0 10px 30px #0000001a;height:calc(100vh - 4rem);align-items:center;display:flex}}@media (max-width: 376px){.schedule1 .bg-wrap{height:100vh}}.schedule1 .bg{height:100%;width:100%;text-align:center;padding:5%;display:flex;flex-direction:column}@media (min-width: 1024px){.schedule1 .bg{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;height:100%;align-items:start}.schedule1 .bg img{display:none}}.schedule1 .bg .event{height:auto;width:100%;display:grid;grid-template-columns:1fr;align-items:center;margin-bottom:2rem}@media (min-width: 1024px){.schedule1 .bg .event{grid-template-columns:1fr;padding:1rem;border-radius:20px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;margin-bottom:none}.schedule1 .bg .event:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;background-color:#5774560d}}.schedule1 .bg .event .bunga{padding:10px;display:grid;align-items:center}@media (min-width: 1024px){.schedule1 .bg .event .bunga{padding:1rem;margin-bottom:1rem}}.schedule1 .bg .event .bunga img{width:100%;display:block!important}@media (min-width: 1024px){.schedule1 .bg .event .bunga img{max-width:150px;margin:0 auto}}.schedule1 .bg .event .info{text-align:left;padding:1rem}.schedule1 .bg .event .info h3{text-align:right}.schedule1 .bg .event .info h5{text-align:center;margin-top:30px;font-size:1em;font-weight:700}@media (min-width: 1024px){.schedule1 .bg .event .info{text-align:center}}.schedule1 .bg .event .info .title{margin-bottom:1rem}.schedule1 .bg .event .info .title h2{font-family:Poppins,serif;font-size:2em;margin-top:.5rem;text-align:center;color:#ff0}@media (min-width: 1024px){.schedule1 .bg .event .info .title h2{font-size:1.5em;font-weight:600}}.schedule1 .bg .event .info .title h3{font-family:Lobster Two,serif;color:#fff}@media (min-width: 1024px){.schedule1 .bg .event .info .title h3{font-size:1.3em}}.schedule1 .bg .event .info .date{margin:1rem 0;margin-left:1cm;font-size:1em;font-weight:bolder}.schedule1 .bg .event .info .date .waktu,.schedule1 .bg .event .info .date .alamat{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;color:#ff0}.schedule1 .bg .event .info .date .waktu svg,.schedule1 .bg .event .info .date .alamat svg{color:#577456}@media (min-width: 1024px){.schedule1 .bg .event .info .date .waktu,.schedule1 .bg .event .info .date .alamat{justify-content:center;font-size:1.1em}}.schedule1 .bg .event .info .isi{margin:20px 0}.schedule1 .bg .event .info .isi h3{font-size:1.5em;margin:10px 0;text-align:center;font-weight:700}.schedule1 .bg .event .info .isi p{font-size:18px;text-align:justify;text-indent:1cm}.schedule1 .bg .event .info .ttd{text-align:right;font-size:1em}.schedule1 .bg .event .info .ttd h4{color:#ff0}.schedule1 .bg .event .info .maps button{background:#577456;padding:10px 20px;border-radius:5px;border:none;color:#fff;cursor:pointer}@media (min-width: 1024px){.schedule1 .bg .event .info .maps button{padding:1rem 2rem;font-size:1.1em;border-radius:8px;margin:1rem auto;transition:all .3s ease}.schedule1 .bg .event .info .maps button:hover{background:#445c43;box-shadow:0 5px 15px #5774564d}}.schedule1 .bg>img{width:50%;margin:0rem auto;object-fit:contain}@media (min-width: 1024px){.schedule1 .bg>img{display:none}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;right:0;bottom:0;width:300px;background:#fff}@media (max-width: 720px){.sidebar .bg{width:250px}}@media (min-width: 1024px){.sidebar .bg{width:300px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg a{font-size:40px}@media (max-width: 720px){.sidebar .bg a{font-size:25px}}@media (min-width: 1024px){.sidebar .bg a{font-size:25px}}.sidebar button{z-index:999;position:fixed;width:50px;height:50px;border-radius:50%;bottom:30px;right:25px;background-color:transparent;border:none;cursor:pointer}@media (max-width: 720px){.sidebar button{position:fixed}}@media (max-width: 376px){.sidebar button{bottom:15px}}@media (min-width: 1024px){.sidebar button{bottom:16px;right:34px}}.timer{width:100%;height:100vh;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#00923f,#00923f)}@media (min-width: 1024px){.timer .boxTimer:nth-child(2){position:absolute;right:0;top:0;margin:20px;width:calc(50% - 40px);height:calc(100% - 40px)}}.timer .boxTimer{background-color:#002d14;color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;text-align:center}@media (min-width: 1024px){.timer .boxTimer{width:50%;height:90%}}.timer .boxTimer h1{font-family:DM Sans,serif;font-size:24px;margin-bottom:20px}.timer .boxTimer .eventInfo{margin:15px 0;padding:10px;background-color:#002d14;border-radius:5px}.timer .boxTimer .eventInfo p{font-family:DM Sans,serif;margin:5px 0;font-size:14px}.timer .boxTimer .timerDisplay{display:flex;justify-content:center;gap:10px;padding:10px;border:2px solid #00923F;margin:15px 0}.timer .boxTimer .timerDisplay .timerBox{text-align:center;min-width:60px}.timer .boxTimer .timerDisplay .timerBox .number{font-family:DM Sans,serif;font-size:36px;font-weight:700}.timer .boxTimer .timerDisplay .timerBox .label{font-family:DM Sans,serif;font-size:12px;opacity:.8}.timer .boxTimer .saveDate{background-color:#00923f;color:2d14;border:2px solid 2d14;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;margin:10px 0;transition:background-color .3s;font-family:DM Sans,serif}.timer .boxTimer .saveDate:hover{background-color:#ffffff1a}.timer .boxTimer iframe{width:100%;height:30vh}@media (max-width: 376px){.timer .boxTimer iframe{height:20vh}}.timer .label{font-family:DM Sans,serif;font-size:12px;opacity:.8;color:#fff}.timer .label a{font-weight:700;color:#f6ff00}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden;box-sizing:border-box}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#00923f;color:#292929}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center;position:relative;max-width:100%}.music-control-wrapper{position:fixed;bottom:30px;right:90px;z-index:9999}@media (max-width: 376px){.music-control-wrapper{bottom:15px}}@media (min-width: 1024px){.music-control-wrapper{bottom:20px}}.music-control-button{background-color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.music-control-button:hover{background-color:#fff;transform:scale(1.1)}.music-icon{font-size:20px}