.elementor-479 .elementor-element.elementor-element-5806182f{--display:flex;--min-height:435px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-479 .elementor-element.elementor-element-5806182f:not(.elementor-motion-effects-element-type-background), .elementor-479 .elementor-element.elementor-element-5806182f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://babussalamalfirdaus.ponpes.id/wp-content/uploads/2025/10/profilbbs-scaled.jpg");background-position:center center;background-size:cover;}.elementor-479 .elementor-element.elementor-element-5806182f::before, .elementor-479 .elementor-element.elementor-element-5806182f > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-5806182f > .e-con-inner > .elementor-background-video-container::before, .elementor-479 .elementor-element.elementor-element-5806182f > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-5806182f > .e-con-inner > .elementor-background-slideshow::before, .elementor-479 .elementor-element.elementor-element-5806182f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-479 .elementor-element.elementor-element-5806182f.e-con{--align-self:center;}.elementor-479 .elementor-element.elementor-element-5f2f133e{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-479 .elementor-element.elementor-element-5f2f133e.elementor-element{--align-self:center;}.elementor-479 .elementor-element.elementor-element-5f2f133e > .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-479 .elementor-element.elementor-element-5f2f133e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:bold;color:#FFFFFF;}.elementor-479 .elementor-element.elementor-element-25622731{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-479 .elementor-element.elementor-element-25622731.e-con{--align-self:center;}.elementor-479 .elementor-element.elementor-element-37f0887 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-479 .elementor-element.elementor-element-20b58c84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-479 .elementor-element.elementor-element-48b776f9{--e-image-carousel-slides-to-show:5;}.elementor-479 .elementor-element.elementor-element-48b776f9 .swiper-wrapper{display:flex;align-items:center;}.elementor-479 .elementor-element.elementor-element-4d8d5777{--display:flex;--min-height:165px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-165px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-479 .elementor-element.elementor-element-4d8d5777:not(.elementor-motion-effects-element-type-background), .elementor-479 .elementor-element.elementor-element-4d8d5777 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02421280;}.elementor-479 .elementor-element.elementor-element-4d8d5777.e-con{--align-self:center;}.elementor-479 .elementor-element.elementor-element-6e2f393a .elementor-button{background-color:#FFC228;font-family:"Roboto", Sans-serif;font-weight:600;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-479 .elementor-element.elementor-element-6e2f393a .elementor-button:hover, .elementor-479 .elementor-element.elementor-element-6e2f393a .elementor-button:focus{background-color:#20883A;color:#FFFFFF;}.elementor-479 .elementor-element.elementor-element-6e2f393a.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-479 .elementor-element.elementor-element-6e2f393a .elementor-button:hover svg, .elementor-479 .elementor-element.elementor-element-6e2f393a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-479 .elementor-element.elementor-element-2624777b{text-align:center;}.elementor-479 .elementor-element.elementor-element-2624777b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-479 .elementor-element.elementor-element-25622731{--content-width:863px;}}@media(max-width:767px){.elementor-479 .elementor-element.elementor-element-5f2f133e{--container-widget-width:316px;--container-widget-flex-grow:0;width:var( --container-widget-width, 316px );max-width:316px;}.elementor-479 .elementor-element.elementor-element-5f2f133e .elementor-heading-title{font-size:30px;}.elementor-479 .elementor-element.elementor-element-48b776f9{--e-image-carousel-slides-to-show:2;}.elementor-479 .elementor-element.elementor-element-2624777b .elementor-heading-title{font-size:11px;}}/* Start custom CSS for html, class: .elementor-element-37f0887 */.super{display:gap:28px;align-items:center;padding:28px 0}
/* .super-card{background:linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.9));border-radius:18px;padding:28px;box-shadow:0 8px 30px rgba(10,20,30,0.06)} */
.super h1{font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:bold;
  font-size: 3em;
  width:100%;
color:var(--primary);}
.lead{color:black;font-weight:300;margin-bottom:18px;font-size:18px;}
.super .features{display:flex;gap:10px;flex-wrap:wrap}
.feature{background:var(--glass);padding:10px 12px;border-radius:12px;font-weight:600}
.super-illustration{height:100%;display:flex;align-items:center;justify-content:center}
.card-stats{display:flex;gap:12px;margin-top:14px}
.stat{background:white;padding:14px;border-radius:12px;flex:1;text-align:center;box-shadow:0 6px 18px rgba(15,23,36,0.06)}


/* program grid */
.section{padding:11px}
.section h2{font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight:bold;margin:0 0 12px;}
.programs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.program{background:white;padding:18px;border-radius:12px;box-shadow:0 8px 20px rgba(10,20,30,0.04)}
.program h3{font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;margin:0 0 8px}
.strong{font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;font-size: large;}

.item{color:black;font-weight:300;font-size:18px;}
.program p{color:black;font-weight:300;font-size:18px;}
.muted{color:black;font-weight:300;font-size:18px;}

/* schedule */
.schedule{display:flex;flex-direction:column;gap:12px}
.schedule .item{display:flex;justify-content:space-between;background:linear-gradient(90deg,#fff,#fbfffe);padding:12px 14px;border-radius:10px}
.time{font-weight:600;color:black}


/* gallery */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery img{width:100%;height:140px;object-fit:cover;border-radius:10px}


/* contact */
.contact{display:grid;grid-template-columns:1fr 360px;gap:20px}
form{display:flex;flex-direction:column;gap:12px}
input,textarea,select{padding:12px;border-radius:10px;border:1px solid #e6eef0;font-size:18px;}
button{background:var(--primary);color:white;padding:12px;border-radius:10px;border:0;font-weight:700}


/* footer */
footer{padding:26px 0;color:black;font-weight:300;font-size:18px;}
.hover1{
  padding:10px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover1:hover{
transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}


/* responsive */
@media (max-width:980px){
.super{grid-template-columns:1fr}
.programs{grid-template-columns:repeat(2,1fr)}
.gallery{grid-template-columns:repeat(3,1fr)}
.contact{grid-template-columns:1fr}
}
@media (max-width:600px){
nav ul{display:none}
.super h1{font-size:26px}
.programs{grid-template-columns:1fr}
.gallery{grid-template-columns:repeat(2,1fr)}
}


/* small utilities */
.muted{color:black;font-weight:300;}
.center{text-align:center}
.badge{background:var(--accent);padding:6px 8px;border-radius:8px;color:#2b2b2b;font-weight:700}

p a{
  text-decoration: none;
  color:black;
  font-weight: 300;
}

    /* ====== RESPONSIVE ====== *//* End custom CSS */