body{background-color:var(--bg-color-1)}.banner{z-index:-1;width:100%}.banner img{object-fit:cover;width:100%;height:100%}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background:#001f3f}.custom-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#fff5}.boxes{border:5px solid #304356;border-radius:25px;justify-content:center;align-items:end;min-width:30%;height:270px;display:flex}.ministry{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;text-align:center;background:#0000004d;border:1px solid #bdbdce4d;border-radius:20px;width:100%;margin:10px;padding:15px;box-shadow:10px 0 30px 5px #0000004d}.btn-next{color:#fffc;cursor:pointer;background-color:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2rem;transition:all .3s;display:flex}.btn-next:hover{color:#f3f2f2;background:#0000004d;scale:1.1}.btn-next.left svg{transform:translate(-3px)}.btn-next.right svg{transform:translate(3px)}.sosmed{color:#e1e1e1;cursor:pointer;border:3px solid #e1e1e1;border-radius:20px;flex-direction:row;align-items:center;gap:1rem;padding:1rem 2rem 1rem 1rem;font-size:2rem;transition:all .3s;display:flex}.sosmed:hover{color:#18191b;background-color:#e1e1e1;transform:scale(1.05)}.sosmed.utama{color:#18191b;background-color:#e1e1e1}.sosmed span{font-size:1rem;font-weight:600}.main-layout{overflow-x:hidden}.intro-section{background-color:#001f3f;flex-direction:column;justify-content:space-between;gap:2rem;width:100%;padding:12rem 15vw;display:flex}.intro-header{text-align:center;flex-direction:column;display:flex}.intro-content{flex-direction:column;gap:5rem;display:flex}.intro-desc{white-space:pre-line;text-align:center;font-size:1.2rem}.video-section{text-align:center;flex-direction:column;gap:1rem;width:100%;max-width:40rem;margin:0 auto;padding:1rem;display:flex}.video-box{aspect-ratio:16/9;filter:drop-shadow(0 0 20px #ffffff4d);border-radius:25px;position:relative;overflow:hidden}.video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-caption{color:#b4b4b4!important}.sosmed-section{background-color:#18191b;flex-direction:column;width:100%;display:flex;padding:2.5rem 15rem!important}.sosmed-wrapper{flex-direction:row;justify-content:center;gap:3vw;width:100%;display:flex}.sec3{background-image:radial-gradient(#969393 1px,#0000 1px);background-size:30px 30px;flex-direction:column;gap:2rem;padding:5vw 10vw;display:flex}.proker .boxes{width:100%;height:100%;transition:all .3s}.footer{color:#fff;text-align:center;background-color:#304356;padding:20px;font-family:Montserrat,sans-serif;font-size:.8rem}@media (max-width:1440px){.sosmed-section{padding:2.5rem 5rem!important}}@media (max-width:1024px){.intro-section{padding:8rem 10vw}}@media (max-width:768px){.intro-section{padding:6rem 5vw}.sosmed-section{padding:2.5rem 2rem!important}.sosmed-wrapper{flex-direction:column;align-items:center;gap:1.5rem}.sosmed{width:100%}}
.animate-gear-clockwise{animation:20s linear infinite spin}.animate-gear-counter{animation:25s linear infinite reverse spin}.animate-gear-fast{animation:10s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gear-left-container{z-index:20;width:30vw;height:30vw;position:absolute;bottom:-15vh;left:-11.5vw}.gear-right-back-container{z-index:20;width:25vw;height:25vw;position:absolute;bottom:-5.5vh;right:-6.25vw}.gear-right-front-container{z-index:20;width:20vw;height:20vw;position:absolute;bottom:-17.5vh;right:-8vw}.gear-img{object-fit:contain;width:100%!important;height:100%!important}@media (max-width:640px){.gear-left-container{width:45vw;height:45vw;bottom:-5vh;left:-15vw}.gear-right-back-container{width:40vw;height:40vw;bottom:-2vh;right:-10vw}.gear-right-front-container{width:35vw;height:35vw;bottom:-7vh;right:-5vw}}
.navbar{filter:drop-shadow(0 0 50px #0006);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#fffdf0e6;border-radius:150px;width:70dvw;height:60px;margin:7dvh 15dvw;font-family:Lexend,sans-serif;font-weight:500;position:fixed}.navbar p,.navbar a{color:var(--text-color-2)}.navbar-container{justify-content:space-between;align-items:center;height:100%;padding:0 3rem;display:flex}.navbar-left{align-items:center;gap:3rem;display:flex}.abcd-logo{width:6rem;position:absolute;left:50%;transform:translate(-50%)translateY(-5%)}
.wave-bg-container{z-index:1;width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden;transform:translateY(1px)}.layered-waves{transform-origin:bottom;width:200%;height:380px;display:block;position:relative;transform:scaleY(1.4)}.wave-layer-1{fill:#d9933b;opacity:.6;animation:22s cubic-bezier(.36,.45,.63,.53) infinite alternate wave-move-right}.wave-layer-2{fill:#c67a2b;opacity:.8;animation:14s cubic-bezier(.36,.45,.63,.53) infinite alternate wave-move-left}.wave-layer-3{fill:#a85e1a;animation:8s cubic-bezier(.36,.45,.63,.53) infinite alternate wave-move-right}@keyframes wave-move-right{0%{transform:translate(0,0)}50%{transform:translate(-15%,15px)}to{transform:translate(-30%)}}@keyframes wave-move-left{0%{transform:translate(-30%)}50%{transform:translate(-15%,-10px)}to{transform:translate(0,0)}}@media (max-width:768px){.layered-waves{height:180px;transform:scaleY(1.2)}}