.Montserrat{font-family:Montserrat,serif}.Poppins{font-family:Poppins,serif}.Oswald{font-family:Oswald,serif}.Lato{font-family:Lato,sans-serif}.Open-sans{font-family:Open Sans,sans-serif}body{background-image:url(/assets/watercolor-paper-texture-Cpnhojzh.jpg)}.navbar .navbar-nav .nav-item .nav-link{font-size:15px;padding:10px 15px}.navbar .line-horizontal{width:3px;height:35px;background-color:#306030;margin:0 10px}.navbar .d-flex.gap-2{padding:10px;margin:-5px 0 0}.navbar .d-flex.gap-2 a{color:#333}.about{padding:90px 0;position:relative}.about .row{gap:200px}.about .row .halakah-about .btn{background-color:#151515;color:#fff;padding:10px 15px;font-weight:600;transition:.3s;box-shadow:0 4px #545454}.about .row .halakah-about .btn:hover{color:#151515;background-color:#fff;font-weight:700;border:1px solid #545454;box-shadow:2px 2px #545454}.about .row .halakah-about{gap:70px;flex-wrap:wrap}.about .row .halakah-about .text{width:calc(50% - 35px)}.about .row .halakah-about .text h1 span{position:relative}.about .row .halakah-about .text h1 span:after{position:absolute;content:" ";width:100%;height:3px;background-color:#545454;bottom:-5px;left:0}.about .row .halakah-about .image{width:calc(50% - 35px);position:relative}.about .row .halakah-about .image:before{content:"";position:absolute;background-image:url(/assets/Group2-DwkG2pS2.png);width:100px;height:100px;background-size:contain;background-repeat:no-repeat;top:0;left:0}.about .row .halakah-about .image:after{content:"";position:absolute;background-image:url(/assets/Group1-DnjHuLCc.png);width:100px;height:100px;background-size:contain;background-repeat:no-repeat;right:0;bottom:-50px}.about .row .halakah-about .image img{width:60%}.about .row .publisher-about .btn{border:2px solid #151515;background-color:#fff;padding:10px 15px;font-weight:500;transition:.3s;position:relative}.about .row .publisher-about .btn:hover{border:0px solid #545454;box-shadow:-3px 5px #545454;background-color:#151515;color:#fff}.about .row .publisher-about{gap:70px;flex-wrap:wrap;position:relative}.about .row .publisher-about .text,.about .row .publisher-about .image{width:calc(50% - 35px)}.about .row .publisher-about .image img{width:100%}.service{padding:50px 0;margin:140px 0 40px;position:relative}.service:after{content:"";position:absolute;background-image:url(/assets/bg-service-C8Q5VTGY.jpg);width:100%;height:450px;top:0;background-size:cover;background-position:center;z-index:-1;filter:brightness(50%)}.service:before{content:"";position:absolute;width:100%;height:350px;top:0;left:0;z-index:0;background-image:linear-gradient(#00000080,#30603000)}.service h2{font-size:38px;position:relative;display:block;width:fit-content;margin:0 auto;color:#fff;z-index:1}.service h2:before{content:" ";position:absolute;width:58%;margin:0 auto;height:2px;background-color:#fff;top:-10px;left:0}.service h2:after{content:" ";position:absolute;width:58%;margin:0 auto;height:2px;background-color:#fff;bottom:-10px;right:0}.service .row{gap:30px;flex-wrap:wrap;justify-content:center;z-index:2;position:relative;padding:0 0 70px}.service .row:after{position:absolute;content:"";width:20%;height:3px;background-color:#545454;bottom:0}.service .row .service-card{width:calc(33% - 20px);padding:35px 25px 15px;box-shadow:0 0 3px #141212;transition:.3s;background-image:url(/assets/8-DxaALBbD.png)}.service .row .service-card:hover{background-image:url(/assets/7-BjPTDMk2.png);color:#fff;border-radius:5px;margin:-5px 0 0;box-shadow:0 0 3px #fff}.service .row .service-card svg{font-size:45px}.service .row .service-card h4{font-size:24px}.service .row .service-card p{font-size:13px;opacity:.8}.book{padding:50px 0;position:relative}.book:after{content:"";position:absolute;background-image:url(../src/assets/image/gradien-square-bottom.png);width:250px;height:250px;bottom:-10px;right:0;background-size:contain}.book .row{gap:30px}.book .row .content-book{width:32%;padding:25px 25px 60px;margin:130px 0 0;box-shadow:0 0 1px 1px #545454;background-image:url(../src/assets/image/bg-texture-fiber.png);background-size:cover;background-repeat:no-repeat;background-position:100% 100%;position:relative}.book .row .content-book .cover{display:flex;gap:10px;padding:15px;background-color:#fff;margin:-130px 0 20px;box-shadow:0 0 1px 1px #545454}.book .row .content-book .cover img{width:calc(50% - 5px);border:1px solid #989898}.book .row .content-book h5{margin:10px 0}.book .row .content-book p{opacity:.85;font-size:13px;margin:0 0 25px}.book .row .content-book b{font-size:18px;opacity:.9}.book .row .content-book a{background-color:#545454;color:#fff;padding:8px 18px;font-size:14px;position:absolute;bottom:20px;transition:.3s}.book .row .content-book a:hover{background-color:#fff;color:#151515;font-weight:600;border:1px solid #151515;box-shadow:0 3px #545454}footer{background-image:url(/assets/bg-footer-BGd44w1w.png);height:auto;width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;padding:50px 0 0;color:#fff;position:relative;box-shadow:0 -2px 5px gray}footer .row .col-lg-5 p{opacity:.6;font-size:11px}footer .row .col-lg-5 img{width:20%;margin:0 0 15px}footer .sosmed{margin:120px 0 0}footer .text-end.quote{transform:translateY(20px)}footer .text-end{font-weight:600;font-size:13px;padding-bottom:20px}.modal .modal-header{padding:15px 25px}.modal .modal-body{padding:25px!important}.modal .modal-body p{font-size:13px;text-align:justify;word-spacing:2px;font-weight:500;opacity:.8}.container .breadcrumb li{font-weight:500;font-size:12px}.container .breadcrumb .breadcrumb-item a{color:#000!important}.majmu .container{padding:35px 0 0}.majmu{background-color:#faf9f6}.majmu .content{margin:50px 0;display:flex;justify-content:center;gap:50px}.majmu .content .cover{width:30%;display:flex;flex-direction:column}.majmu .content .cover img{width:100%;box-shadow:0 0 1px #000}.majmu .content .cover button{border:none;background-color:#141414;color:#fff;padding:6px 18px;width:fit-content;margin:20px auto;font-size:15px}.majmu .content .detail{width:55%;position:relative}.majmu .content .detail small{font-weight:700;opacity:.6;font-size:14px}.majmu .content .detail h2{font-weight:800;color:#545454}.majmu .content .detail .title{margin:25px 0 10px}.majmu .content .detail .title h5{font-weight:600;opacity:.9}.majmu .content .detail .harga{display:flex;align-items:end}.majmu .content .detail .harga h3{opacity:1;font-weight:700}.majmu .content .detail .harga h5{text-decoration:line-through;color:#ba1010;opacity:.4;font-size:14px;margin:0 0 12px 10px}.majmu .content .detail .jenis-buku{margin:30px 0 50px}.majmu .content .detail .jenis-buku h6{font-weight:700;color:#000}.majmu .content .detail .jenis-buku .button{display:flex;gap:15px;margin:15px 0 0}.majmu .content .detail .jenis-buku .button button{border:2px solid #545454;padding:5px 14px;background-color:transparent;border-radius:30px;font-weight:500;font-size:14px;opacity:.8;transition:.3s}.majmu .content .detail .jenis-buku .button button:hover{border:1px solid #141212;color:#fff;box-shadow:0 2px #151515}.majmu .content .detail .jenis-buku .button button.active{border:1px solid #306030;background-color:#306030;color:#fff;box-shadow:2px 2px #141212;opacity:1;font-weight:600}.majmu .content .detail a button{border:none;background-color:#fff;border:1px solid #151515;font-family:Open Sans,sans-serif;font-weight:500;padding:10px 20px;color:#545454;box-shadow:0 3px #545454;transition:.3s ease-in-out}.majmu .content .detail a button:hover{background-color:#fff;background-color:#545454;box-shadow:4px 4px #141212;color:#fff;margin:0 0 0 5px}.majmu .content .detail a button svg{margin:-3px 3px 0 0}.majmu .content .detail .deskripsi{margin:50px 0}.majmu .content .detail .deskripsi h6{font-weight:700;color:#151515}.majmu .content .detail .deskripsi p{text-align:justify;font-size:14px;color:#545454}.majmu .content .detail .deskripsi button{border:none;background-color:transparent;color:#545454;font-weight:600;font-size:13px;display:inline-block;position:absolute;right:0;margin-top:-15px;text-decoration:underline}.majmu .content .detail .info-footer{margin:80px 0 0}.majmu .content .detail .info-footer h6{font-weight:700;color:#151515}.majmu .content .detail .info-footer .flex-info{display:flex;flex-wrap:wrap;gap:20px;margin:15px 0 0}.majmu .content .detail .info-footer .flex-info .text{width:calc(50% - 10px)}.majmu .content .detail .info-footer .flex-info .text h6{font-size:12px;font-weight:400;opacity:.7}.majmu .content .detail .info-footer .flex-info .text p{font-size:13px;font-weight:500;margin-top:-5px}@media screen and (max-width: 991px){.navbar .line-horizontal{width:100px;height:2px}.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%}.majmu .content .cover{width:35%;text-align:center}}@media screen and (max-width: 768px){.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{width:75%}footer .sosmed{margin:0}.book .row .content-book{width:75%}.majmu .container{padding:15px 0 0}.majmu{padding:20px}.majmu .content{flex-direction:column;gap:50px;margin:30px 0 50px}.majmu .content .cover{width:100%;justify-content:center;align-items:center}.majmu .content .cover img{width:60%}.majmu .content .detail{width:100%;position:relative}}@media screen and (max-width: 576px){.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}.about .row .publisher-about .image img{width:100%}.book .row{justify-content:center}.book .row .content-book{width:85%}.majmu .content .cover img{width:70%}}@media screen and (max-width: 380px){.service .row .service-card{width:95%}footer .text-end{font-size:11px}.book .row .content-book{width:95%}}