:root{--warna-orange: #E06F1F;--warna-yellow: #E0A21F;--warna-brown: #9D5716}.navbar{padding:20px 0}.navbar .navbar-nav .nav-item .nav-link{font-size:16px;padding:10px 15px;font-family:"Source Sans 3",sans-serif}.navbar .d-flex.gap-2{padding:10px;margin:-5px 0 0}.navbar .d-flex.gap-2 a{color:#333}.about{padding:90px 0 120px;position:relative}.about .img-bg img{z-index:-1;position:absolute;width:100%;height:600px;object-fit:cover;object-position:90% 90%;top:0}.about:before{content:"";position:absolute;background-image:url(/assets/elemen4-EIInh5BL.png);width:160px;height:190px;background-repeat:no-repeat;background-size:contain;top:0;right:0}.about:after{content:"";position:absolute;background-image:url(/assets/2-tLI7gJMf.png);width:800px;height:450px;background-size:contain;background-repeat:no-repeat;bottom:0;right:0;z-index:1}.about .row{gap:150px;z-index:2;position:relative}.about .row:before{content:"";position:absolute;background-image:url(../src/assets/image/bg-texture-fiber3.png);width:100%;height:100%;background-repeat:no-repeat;background-size:contain;opacity:.25;right:0;bottom:-140px;z-index:-1}.about .row .halakah-about .btn{color:var(--warna-brown);font-weight:600;font-family:"Source Sans 3",sans-serif;font-size:20px;padding:0;transition:.3s}.about .row .halakah-about .btn:hover{margin-left:10px}.nonhovered-icon{transform:translate(5px)}.hovered-icon{animation:slide-infinite 1.5s infinite}@keyframes slide-infinite{0%{transform:translate(5px)}50%{transform:translate(15px)}to{transform:translate(5px)}}.btn:hover .hovered-text{position:relative;text-decoration:none}.btn span{display:inline-block;transition:transform .3s ease-in-out}.about .row .halakah-about{gap:70px;flex-wrap:wrap}.about .row .halakah-about .text{width:calc(50% - 35px)}.about .row .halakah-about .text h1{font-family:Oswald,sans-serif;position:relative;font-size:42px}.about .row .halakah-about .text p{font-family:"Source Sans 3",sans-serif;opacity:.85;font-size:20px;margin-top:24px}.about .row .halakah-about .text h1 span{position:relative;color:var(--warna-orange)}.about .row .halakah-about .image{width:calc(50% - 35px);position:relative}.about .row .halakah-about .image img{width:70%}.about .row .publisher-about .btn{font-weight:600;transition:.3s;position:relative;padding:0;font-family:"Source Sans 3",sans-serif;font-size:18px;color:var(--warna-brown)}.about .row .publisher-about .btn:hover{margin-left:10px}.about .row .publisher-about{gap:70px;flex-wrap:wrap;position:relative;align-items:center}.about .row .publisher-about .text{width:calc(50% - 35px)}.about .row .publisher-about .text h2{font-family:Oswald,sans-serif;position:relative}.about .row .publisher-about .text h2 span{color:var(--warna-orange)}.about .row .publisher-about .text p{font-family:"Source Sans 3",sans-serif;opacity:.9;font-size:15px}.about .row .publisher-about .image{width:calc(50% - 35px)}.about .row .publisher-about .image img{width:100%}.service{padding:50px 0;margin:0 0 40px;position:relative}.service:after{content:"";position:absolute;background-image:url(/assets/1-CjjB1QT7.png);width:100%;height:400px;top:0;background-size:cover;background-position:center;z-index:-1;filter:brightness(50%)}.service:before{content:"";position:absolute;width:100%;height:400px;top:0;left:0;z-index:0;background-image:linear-gradient(#e06f1fe6,#e0a21f1a)}.service h2{font-size:38px;position:relative;display:block;width:fit-content;margin:0 auto;color:#fff;z-index:1;font-family:Oswald,sans-serif}.service .row{gap:30px;flex-wrap:wrap;justify-content:center;z-index:2;position:relative;padding:0 0 70px}.service .row:after{content:"";position:absolute;background-image:url(../src/assets/image/morse-halakah-horizontal.svg);background-size:contain;background-repeat:no-repeat;width:40%;height:25px;bottom:-30px}.service .row .service-card{width:calc(33% - 20px);padding:35px 25px 15px;box-shadow:0 0 3px 0 var(--warna-orange);transition:.3s;background-color:#fff;position:relative}.service .row .service-card:after{content:"";position:absolute;background-image:url(/assets/elemen2-DMgO19bB.png);width:50px;height:50px;background-repeat:no-repeat;background-size:contain;right:10px;bottom:-25px;transform:scale(-1)}.service .row .service-card:hover{transform:translateY(-10px);box-shadow:0 0 3px 0 var(--warna-yellow)}.service .row .service-card svg{font-size:45px;color:var(--warna-yellow)}.service .row .service-card h4{font-size:28px;font-family:Oswald,sans-serif}.service .row .service-card p{font-size:15px;opacity:.8;font-family:"Source Sans 3",sans-serif}.book{padding:20px 0 120px;position:relative}.book:before{content:"";position:absolute;background-image:url(/assets/5-sHUn8DSJ.png);left:0;bottom:0;width:520px;height:400px;background-size:contain;background-repeat:no-repeat;z-index:-1}.book:after{content:"";position:absolute;background-image:url(/assets/6--YWD8izH.png);right:0;bottom:0;width:520px;height:400px;background-size:contain;background-repeat:no-repeat;z-index:-1}.book .title h3{font-family:Oswald,sans-serif;color:var(--warna-orange);text-align:center;font-size:32px}.book .content{width:fit-content;margin:40px auto 0}.book .content .text-coming{font-family:"Source Sans 3",sans-serif;margin:0;font-size:26px;font-weight:700;text-align:center}.book .content .text-quote{font-family:"Source Sans 3",sans-serif;margin:5px 0 0;font-style:italic;font-size:18px;font-weight:500;text-align:center}footer{height:auto;width:100%;background-image:url(/assets/4-BKBmR_-A.png);background-position:60% 60%;padding:50px 0 0;color:#fff;position:relative}footer:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--warna-brown);top:0;z-index:2;opacity:.8}footer .container{z-index:3;position:relative}footer .mb-2 a{font-size:16px}footer img{width:235px;height:100%;object-fit:contain}footer small{font-family:Open Sans,sans-serif;font-size:11px;opacity:.6}footer .text-center .fs-3{padding:0}footer .row .pt-4 .mt-3{font-family:Open Sans,sans-serif}footer .text-end p{font-size:13px;font-weight:600;font-family:Open Sans,sans-serif;margin:0 0 -4px}@media screen and (max-width: 1200px){.about .img-bg img{height:550px}}@media screen and (max-width: 991px){.navbar .line-horizontal{width:100px;height:2px}.about .img-bg img{height:530px}.about .row .halakah-about .image img{width:80%}.about .row .halakah-about .text h1{font-size:38px}.about .row .halakah-about .text p{font-size:18px}.service .row .service-card{width:calc(50% - 20px)}.service .row:after{content:"";position:absolute;background-image:url(../src/assets/image/morse-halakah-horizontal.svg);background-size:contain;background-repeat:no-repeat;width:60%;height:35px;bottom:-30px}.book .row .content-book{width:47.5%}.book:before{width:400px;height:310px}.book:after{width:400px;height:310px}}@media screen and (max-width: 768px){.about{padding:80px 0 120px;position:relative}.about .img-bg img{object-position:100% 100%;top:350px;height:600px}.about .row .halakah-about{flex-direction:column}.about .row .halakah-about .text{width:100%}.about .row .halakah-about .image{width:100%;text-align:center}.about .row .halakah-about .image img{width:80%}.about .row .publisher-about{flex-direction:column-reverse;gap:50px!important}.about .row .publisher-about .text{width:100%}.about .row .publisher-about .image{width:100%;text-align:center}.about .row .publisher-about .image img{width:80%}.service .row .service-card,.book .row .content-book{width:75%}.book:before{width:250px;height:192px}.book:after{width:250px;height:192px}}@media screen and (max-width: 576px){.about .img-bg img{object-position:90% 90%;top:380px;height:520px}.about .row .halakah-about .text h1{font-size:36px}.about:before{width:110px;height:130px}.service .row .service-card{width:90%}.service .row:after{content:"";position:absolute;background-image:url(../src/assets/image/morse-halakah-horizontal.svg);background-size:contain;background-repeat:no-repeat;width:80%;height:25px;bottom:-30px}.book .row{justify-content:center}.book .row .content-book{width:85%}.book:before{width:200px;height:155px}.book:after{width:200px;height:155px}}@media screen and (max-width: 380px){.about:before{width:90px;height:110px}.about{padding:80px 0 120px}.about .img-bg img{object-position:90% 90%;top:440px;height:400px}.service .row .service-card,.book .row .content-book{width:95%}footer .text-end p{font-size:11px}.book:before{width:140px;height:108px}.book:after{width:140px;height:108px}}