@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap";html,body{font-family:"Jost",sans-serif;overflow-x:clip;background:#f1f4f8;color:#141b22}.color-secondary{color:#b69d58}.bg-trans ol{padding:0;margin:16px 0;background:#f1f4f8 !important}section{padding:32px 0;background:#f1f4f8;min-height:100vh}section p,section h1,section h2,section h3,section h4{font-family:"Jost",sans-serif}section h1,section h2,section h3,section h4{font-weight:700}section h2{font-size:2.2rem}section p{font-size:1.1rem}.wrap-pesantren{width:960px;margin:0 auto}.wrap-pesantren .data h3{font-size:1.5rem;font-weight:400}@media screen and (max-width: 768px){.wrap-pesantren .data h3{font-size:1.2rem}}@media screen and (max-width: 768px){.wrap-pesantren{width:90%}}.color-primary{color:#00543b !important}h4{font-size:16px}.btn{border-radius:8px;font-size:12px;font-weight:600}.btn-first{background:#00543b;color:#fff}.slick-slide{margin:0 16px}.slick-list{margin:0 -16px}.sticky-mode{position:sticky;top:85px;z-index:99}.ismobile{display:none}@media screen and (max-width: 768px){.ismobile{display:block}}.isdesktop{display:block}@media screen and (max-width: 768px){.isdesktop{display:none}}.font-bold{font-weight:bold}.slick-next::before,.slick-prev::before{font-family:"Font Awesome 5 Pro" !important;z-index:1;position:absolute}.slick-next{right:4% !important}.slick-next::before{content:"" !important}@media screen and (max-width: 768px){.slick-next{right:8% !important}}.slick-prev{left:1% !important}.slick-prev::before{content:"" !important}.slick-next::before,.slick-prev::before{font-size:50px !important}@media screen and (max-width: 768px){.slick-next::before,.slick-prev::before{font-size:30px !important}}.loading-box{position:relative;width:50%;height:100vh;margin:0 auto;text-align:center}.loading-box .skeleton-box{display:block;height:100%;margin:16% auto;width:100%;text-align:center;margin:10px 0;border-radius:4px;position:relative;overflow:hidden;background-color:#dddbdd}@media screen and (max-width: 768px){.loading-box .skeleton-box{height:50vh}}.loading-box .skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}.bg-black{background:hsla(0,0%,100%,.7) !important;transition:.3s;box-shadow:0 10px 20px rgba(0,0,0,.2);backdrop-filter:blur(8px)}@media screen and (max-width: 766px){.bg-black{backdrop-filter:initial;background:#fff !important}}.bg-black.navbar-dark .navbar-nav .nav-link{color:#141b22}.navbar-dark .active .nav-link{color:#00543b !important}@media screen and (max-width: 766px){.navbar-dark .active .nav-link{color:#00543b !important}}.navbar-dark .navbar-nav .nav-link{color:#141b22}.navbar-dark .navbar-nav .nav-link:hover{color:#00543b}.navbar-dark i{color:#000}@media screen and (max-width: 766px){.navbar-collapse{background:hsla(0,0%,100%,.9) !important;backdrop-filter:blur(8px)}}@media screen and (max-width: 766px){.sosmed{margin-bottom:8px}}.sosmed i{font-size:28px;margin:0 8px;color:gray;transition:.3s}@media screen and (max-width: 766px){.sosmed i{float:left}}.sosmed .fa-facebook-square:hover{color:#4267b2}.sosmed .fa-instagram:hover{color:#fb3958}.sosmed .fa-whatsapp:hover{color:#25d366}header{position:sticky;right:0;left:0;top:0;z-index:999;overflow-x:hidden}header .form-control{background-color:rgba(0,0,0,0);border-bottom:1px solid #fff}header .form-control:focus{background-color:rgba(0,0,0,0);color:#fff}header .btn-search{background-color:orange;color:#fff;font-size:14px}header .btn-search:focus,header .btn-search:hover{color:#fff}.bg-blur{position:absolute;width:100%;height:100%;z-index:-1;filter:blur(5px)}.navbar-collapse{top:86px}.ismobile{display:none !important}@media screen and (max-width: 766px){.ismobile{display:block !important}}.isdekstop{display:block !important}@media screen and (max-width: 766px){.isdekstop{display:none !important}}.bg-dark{background-color:rgba(0,0,0,0) !important}@media screen and (max-width: 766px){.bg-dark{background:rgba(0,0,0,0)}}.bg-scroll{backdrop-filter:blur(4px);transition:.5s;background:hsla(0,0%,100%,.7)}@media screen and (max-width: 766px){.bg-scroll{backdrop-filter:none;background:hsla(0,0%,100%,.9)}}.disable-flag{filter:grayscale(100%)}.flag{width:30px;height:30px;margin:0 8px;border-radius:50%;box-shadow:0 3px 6px #bbb}.flag img{width:100%;border-radius:50%;height:100%;object-fit:cover}.test{background:#fff;position:absolute;top:50px;z-index:999;bottom:0}@media(max-width: 776px){.navbar-nav{margin-bottom:16px}.navbar-collapse{position:fixed;z-index:9999;top:60px;left:0;padding-left:15px;padding-right:15px;padding-bottom:15px;width:90%;height:100%}.navbar-collapse.collapsing{left:-100%;transition:height 0s ease}.navbar-collapse.show{left:0;transition:left 300ms ease-in-out}.navbar-toggler.collapsed~.navbar-collapse{transition:left 500ms ease-in-out}}.logo{width:8rem;height:auto;margin-right:16px}@media screen and (max-width: 766px){.logo{display:none}}a:hover{text-decoration:none}.namex{display:inline-block;color:#000;margin-right:42px;font-size:1rem;vertical-align:middle;font-family:"Roboto",sans-serif}.namex .one{font-size:.7rem}.namex .two{font-size:1rem;font-weight:bold}.pointer.search i{color:#141b22 !important;cursor:pointer;transition:.3s}.pointer.search i:hover{color:#000 !important}.search-wrap{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;background:hsla(0,0%,100%,.8);backdrop-filter:blur(8px);display:none}.search-wrap .size{position:absolute;z-index:99999;width:60%;transform:translate(-50%, -50%);top:50%;left:50%}@media screen and (max-width: 766px){.search-wrap .size{width:95%}}.search-wrap .size .form-control-search{padding:0 72px 0 24px;font-size:40px;font-family:"Avenir";box-shadow:none;border:1px solid #141b22}@media screen and (max-width: 766px){.search-wrap .size .form-control-search{font-size:32px;padding:0 60px 0 16px}}.search-wrap .search-click{position:absolute;right:16px;top:8px;font-size:40px;cursor:pointer}@media screen and (max-width: 766px){.search-wrap .search-click{top:0}}.search-wrap .close-click{position:absolute;right:48px;top:16px;font-size:40px;cursor:pointer}@media screen and (max-width: 766px){.search-wrap .close-click{right:16px}}.mobile-search.ismobile{position:absolute;right:13%}.tagsx{position:absolute;top:0;right:0px;background:#00543b;color:#fff;width:fit-content;padding:2px 4px;border-radius:8px;font-size:.6rem}.header__first{background:#00543b;height:55px;position:relative;z-index:1}@media screen and (max-width: 768px){.header__first{display:none}}.header__first .datar{display:block;margin-bottom:0;padding:8px 0}.header__first .datar.kanan{margin-right:0;margin-left:16px}.header__first .datar.kanan small{font-size:16px}.header__first .datar li{display:inline-block;margin-right:16px;position:relative}.header__first .datar li a{font-size:24px;list-style-type:none;color:#fff}.header__first .datar li a small{font-size:1rem}.header__first::before{content:"";height:100%;position:absolute;width:32%;background:#b69d58;top:0;z-index:-1;left:-25px;transform:skew(30deg)}.click-flag{transition:.3s}.click-flag:hover{filter:grayscale(1)}.click-flag .flagx{width:40px;height:40px;display:inline-block;margin:0 8px}.click-flag .flagx img{width:100%;height:100%;object-fit:cover;border-radius:50%}.banner{padding:0}.banner .sliderx{height:100%;width:100%}.banner .sliderx .datax{height:100vh;position:relative}@media screen and (max-width: 768px){.banner .sliderx .datax{height:100vh}}.banner .sliderx .datax__image{position:relative;width:100%;height:100%}.banner .sliderx .datax__image img{width:100%;height:100%;object-fit:cover}.banner .sliderx .datax__image::after{content:"";position:absolute;bottom:0;right:0;left:0;width:100%;height:100%;background:linear-gradient(to top, black, transparent)}.banner .sliderx .datax__desc{position:absolute;left:50%;top:40%;transform:translate(-50%, -50%);width:1140px;height:auto}@media screen and (max-width: 768px){.banner .sliderx .datax__desc{width:85%;top:50%}}.banner .sliderx .datax__desc img{width:100%;height:100%;object-fit:contain}.banner .sliderx .datax__desc p{font-size:1.5rem;color:#fff;width:65%}@media screen and (max-width: 768px){.banner .sliderx .datax__desc p{width:100%;font-size:1.1rem}}.banner .sliderx .datax__title{color:#fff;font-size:5rem;width:75%;line-height:5.5rem;font-weight:bold;text-shadow:2px 2px #000}@media screen and (max-width: 768px){.banner .sliderx .datax__title{font-size:1.7rem;line-height:2rem;width:100%}}.banner .sliderx .datax__icon{width:100px;height:auto;visibility:hidden}.banner .sliderx .datax__icon img{width:100%;height:100%;object-fit:contain}.usp{display:block;position:absolute;left:50%;width:100%;bottom:-10%;transform:translate(-50%, 0)}@media screen and (max-width: 768px){.usp{margin-top:-50%;position:relative}}.usp .rectanglex{width:33%;vertical-align:top;margin:0 auto;display:inline-block;height:fit-content;background:#00543b;color:#fff;padding:16px;transition:.3s}.usp .rectanglex:hover{background:#b69d58}.usp .rectanglex:hover .fas{color:#fff}@media screen and (max-width: 768px){.usp .rectanglex{padding:8px;height:fit-content;width:100%;margin-bottom:8px}}.usp .rectanglex__icon{width:40px;height:40px;display:inline-block;margin-right:4px}.usp .rectanglex__icon .fas{font-size:1.8rem;color:#b69d58}@media screen and (max-width: 768px){.usp .rectanglex__icon .fas{font-size:1.5rem}}@media screen and (max-width: 768px){.usp .rectanglex__icon{width:24px;height:24px}}.usp .rectanglex__icon img{width:100%;height:100%;object-fit:contain}.usp .rectanglex__right{display:inline-block;width:85%;vertical-align:top}@media screen and (max-width: 768px){.usp .rectanglex__right{width:88%}}.usp .rectanglex__right p,.usp .rectanglex__right h3{color:#fff}.usp .rectanglex__right h3{font-size:1.5rem;font-weight:700}@media screen and (max-width: 768px){.usp .rectanglex__right h3{font-size:1rem}}.usp .rectanglex__right p{font-size:1.2rem}@media screen and (max-width: 768px){.usp .rectanglex__right p{font-size:.9rem}}.about h2,.about h3{font-weight:700}.about .aboutfoto{display:block}.about .aboutfoto__inline{display:inline-block;width:46%;margin-right:8px;vertical-align:middle}.about .s-about-img{height:230px;margin-bottom:16px}.about .s-about-img.big{height:400px}.about .s-about-img img{width:100%;height:100%;border-radius:16px;object-fit:cover}.about .about-content2 ul{margin:0px;padding:0px}.about .about-content2 li{display:inherit;margin-top:10px;width:50%;float:left;margin-bottom:0;padding-right:20px}.about .about-content2 li ul li{list-style-type:circle !important;width:100%;font-size:1.1rem;color:#777}.about .about-content2 li ul li:first-child{margin-top:0}.about .about-content2 li .text{padding-top:4px}.about .about-content2 li h3{font-size:24px;margin-bottom:16px}.about .about-content2 .abcontent{display:flex}.about p{color:#777;margin-bottom:16px}.quotes{font-family:"Playfair","sans-serif";font-size:2.2rem;line-height:2.5rem;color:#1b1b1b}@media screen and (max-width: 768px){.quotes{font-size:1.5rem;line-height:1.7rem}}.quotes::before{content:"";font-family:"Font Awesome 5 Pro";font-size:4rem;position:absolute;left:-4%;top:2%;color:#000;opacity:.3}@media screen and (max-width: 768px){.quotes::before{font-size:2rem;left:2%;top:-8%}}.profile p{color:#777}.profile .bumper{width:100%;height:360px}.profile .bumper img{width:100%;height:100%;object-fit:cover;border-radius:16px}.profile .name{font-weight:bold}.profile__image{width:100%;height:fit-content;margin:8px 0}.profile__image img{width:100%;height:100%;object-fit:cover;border-radius:16px}@media screen and (max-width: 768px){.mtop-mobile{margin-top:16px}}.unggulan{background:#00543b;color:#fff}.unggulan .data{margin-bottom:32px}.unggulan ul{list-style-type:none}.unggulan ul li:nth-child(2){margin-left:32px}.unggulan ul .image{width:320px;height:220px;margin-bottom:16px}@media screen and (max-width: 768px){.unggulan ul .image{width:90%}}.unggulan ul .image img{width:100%;height:100%;object-fit:cover;border-radius:16px}footer{padding:32px 0;background:#fff}footer a{color:#00543b}footer a .btn-primary{background:#00543b !important}footer .footer__first h2{font-size:2.2rem;font-weight:700}footer .footer__first .btn{font-size:1.2rem}footer .footer__second{margin-top:48px}footer .footer__second .logo-footer{width:220px;height:220px;display:inline-block}@media screen and (max-width: 768px){footer .footer__second .logo-footer{display:block;margin:0 auto;width:150px;height:auto;text-align:center}}footer .footer__second .logo-footer img{width:100%;height:100%;object-fit:contain}footer .footer__second .datar{list-style-type:none;margin:0;padding:0}footer .footer__second .datar li{display:inline-block;margin-right:16px;font-size:24px}footer .footer__second .datar li a{color:#00543b}@media screen and (max-width: 768px){footer .footer__second .namex{margin-left:0 !important;margin-top:16px;margin-right:0;width:100%}}footer .footer__second .one{font-size:1.2rem}@media screen and (max-width: 768px){footer .footer__second .one{text-align:center;font-size:1rem}}footer .footer__second .two{font-size:1.8rem}@media screen and (max-width: 768px){footer .footer__second .two{text-align:center}}footer .footer__second .alls{margin-bottom:16px}footer .footer__second .alls ul{list-style-type:none;padding:0;margin:0}footer .footer__second .alls h4{font-size:1.3rem;color:#00543b}footer .footer__second .alls li a{transition:.3s}footer .footer__second .alls li a:hover{color:#00543b;padding-bottom:2px}footer .footer__second .alls p,footer .footer__second .alls div,footer .footer__second .alls li a{color:#777}.whyus .banner{width:100%;height:350px}.whyus .banner img{width:100%;height:100%;object-fit:cover}.whyus .usp{position:relative;margin:0 auto 32px;display:block;text-align:center}.whyus .usp .rectanglex{width:30%;text-align:left}@media screen and (max-width: 768px){.whyus .usp .rectanglex{width:90%}}.whyus .usp .rectanglex__right{width:75%}.data h2.content{font-family:"jost",sans-serif;font-size:3rem;color:#00543b;text-align:center}.breadcrumb a{color:#00543b !important}.general{padding:0}.general h3{font-size:2rem}.general .list-group{box-shadow:0 2px 2px #bbb}@media screen and (max-width: 768px){.general .list-group{display:block}}.general .list-group-item{color:#00543b;font-weight:bold;cursor:pointer;transition:.3s}@media screen and (max-width: 768px){.general .list-group-item{display:inline-block;padding:4px}}.general .list-group-item a{color:#141b22}@media screen and (max-width: 768px){.general .list-group-item a{font-size:.8rem}}.general .list-group-item a.active{color:#00543b}.general .list-group-item:hover a{color:#00543b}.general .list-group-item.disabled,.general .list-group-item:disabled{color:#000;pointer-events:none;background-color:#d9d9d9;font-weight:bold}.general__banner{width:100%;height:320px;position:relative}@media screen and (max-width: 768px){.general__banner{height:180px}}.general__banner .subtitle{background:#00543b;padding:8px 24px;border-radius:16px;position:absolute;left:50%;top:100%;text-align:center;font-size:1.8rem;transform:translate(-50%, -50%);width:fit-content;color:#fff;font-weight:bold}@media screen and (max-width: 768px){.general__banner .subtitle{font-size:1.1rem;padding:8px}}.general__banner img{width:100%;height:100%;object-fit:cover}.general .wrapping{display:block}.general .wrapping .content{margin:16px 0}.general .wrapping .imagex{width:fit-content;height:auto;margin:16px 0}.general .wrapping .imagex img{width:100%;height:100%;object-fit:contain;border-radius:16px}.general .wrapping .side__left{width:75%;vertical-align:top;display:inline-block}@media screen and (max-width: 768px){.general .wrapping .side__left{display:block;width:100%}}.general .wrapping .side__right{display:inline-block;margin-left:16px;position:sticky;top:80px;width:20%;vertical-align:top}@media screen and (max-width: 768px){.general .wrapping .side__right{display:block;width:100%;background:#fff;margin:0 auto;top:initial;bottom:0;text-align:center;border-radius:8px 8px 0 0}}.general .profil{padding:0 !important}.general .profil .name{font-weight:bold}@media screen and (max-width: 768px){.general .profil h5 a{font-size:1rem !important}}.general .faq-section .image{width:100%;height:fit-content}.general .faq-section .image img{width:100%;height:100%;object-fit:contain}.general .faq-section .jobs{color:#777}.general .faq-section .cardx{background:#fff;border-radius:8px;margin-bottom:16px}.general .faq-section .cardx .image{width:100%;height:332px}@media screen and (max-width: 768px){.general .faq-section .cardx .image{height:220px}}.general .faq-section .cardx .image img{width:100%;border-radius:8px 8px 0 0;height:100%;object-fit:cover}.general .faq-section .cardx .data{padding:16px}@media screen and (max-width: 768px){.general .faq-section .cardx .data{padding:8px}}.general .faq-section .cardx .data__name{font-weight:bold;font-size:1.1rem;margin-bottom:8px}@media screen and (max-width: 768px){.general .faq-section .cardx .data__name{font-size:1rem}}.general .faq-section .cardx .data__jabatan,.general .faq-section .cardx .data__edu{font-size:1rem;color:#777}.general .faq-section .card-header{background:#fff;border:1px solid #00543b;border-radius:8px}.general .faq-section a{color:#000;font-weight:500}.general .faq-section .card{border:1px solid #f1f4f8}.general .faq-section .card-body{background:#f1f4f8}.general .faq-section .mb-0>a{display:block;position:relative}.general .faq-section .mb-0>a::after{content:"";font-family:"Font Awesome 5 Pro";position:absolute;right:0;font-weight:600}.general .faq-section .mb-0>a[aria-expanded=true]::after{content:"";font-family:"Font Awesome 5 Pro";font-weight:600}.general .cardc{background:#d9d9d9;padding:16px;height:auto;margin:16px 8px;border-radius:16px;transition:.3s;text-align:center}@media screen and (max-width: 768px){.general .cardc{width:45%;padding:8px;margin:8px 4px;border-radius:8px}}.general .cardc:hover{background:rgba(182,157,88,.6)}.general .cardc h4{color:#00543b;font-size:1.2rem}@media screen and (max-width: 768px){.general .cardc h4{font-size:1rem}}.wrap-3-col{display:flex;justify-content:center;flex-wrap:wrap;align-items:normal}.contact i{font-size:3rem;margin:0 auto;display:block;text-align:center}.contact .name{font-size:1.7rem}@media screen and (max-width: 768px){.contact .name{font-size:1.1rem}}.contact a{color:#00543b}/*# sourceMappingURL=style.css.map */