.elementor-745 .elementor-element.elementor-element-6be77dec{--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-745 .elementor-element.elementor-element-6be77dec:not(.elementor-motion-effects-element-type-background), .elementor-745 .elementor-element.elementor-element-6be77dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://babussalamalfirdaus.ponpes.id/wp-content/uploads/2025/10/profilbbs-scaled.jpg");background-size:cover;}.elementor-745 .elementor-element.elementor-element-6be77dec::before, .elementor-745 .elementor-element.elementor-element-6be77dec > .elementor-background-video-container::before, .elementor-745 .elementor-element.elementor-element-6be77dec > .e-con-inner > .elementor-background-video-container::before, .elementor-745 .elementor-element.elementor-element-6be77dec > .elementor-background-slideshow::before, .elementor-745 .elementor-element.elementor-element-6be77dec > .e-con-inner > .elementor-background-slideshow::before, .elementor-745 .elementor-element.elementor-element-6be77dec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#095300;--background-overlay:'';}.elementor-745 .elementor-element.elementor-element-6be77dec.e-con{--align-self:center;}.elementor-745 .elementor-element.elementor-element-75b71062{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-745 .elementor-element.elementor-element-75b71062 > .elementor-widget-container{background-color:#20883A;border-radius:34px 34px 34px 34px;box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5);}.elementor-745 .elementor-element.elementor-element-75b71062.elementor-element{--align-self:center;}.elementor-745 .elementor-element.elementor-element-75b71062 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:bold;color:#FFFFFF;}.elementor-745 .elementor-element.elementor-element-7cf7bc26{text-align:center;}.elementor-745 .elementor-element.elementor-element-7cf7bc26 .elementor-heading-title{color:#FFFFFF;}.elementor-745 .elementor-element.elementor-element-37a5b9df{--display:flex;--flex-direction:column-reverse;--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:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-745 .elementor-element.elementor-element-37a5b9df.e-con{--align-self:center;}.elementor-745 .elementor-element.elementor-element-d77bf6a.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-745 .elementor-element.elementor-element-49f7bbd4{--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-745 .elementor-element.elementor-element-1faf646e{--e-image-carousel-slides-to-show:5;}.elementor-745 .elementor-element.elementor-element-1faf646e .swiper-wrapper{display:flex;align-items:center;}.elementor-745 .elementor-element.elementor-element-7d29ac26{--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-745 .elementor-element.elementor-element-7d29ac26:not(.elementor-motion-effects-element-type-background), .elementor-745 .elementor-element.elementor-element-7d29ac26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02421280;}.elementor-745 .elementor-element.elementor-element-7d29ac26.e-con{--align-self:center;}.elementor-745 .elementor-element.elementor-element-217d3bc9 .elementor-button{background-color:#FFC228;font-family:"Roboto", Sans-serif;font-weight:600;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-745 .elementor-element.elementor-element-217d3bc9 .elementor-button:hover, .elementor-745 .elementor-element.elementor-element-217d3bc9 .elementor-button:focus{background-color:#20883A;color:#FFFFFF;}.elementor-745 .elementor-element.elementor-element-217d3bc9.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-745 .elementor-element.elementor-element-217d3bc9 .elementor-button:hover svg, .elementor-745 .elementor-element.elementor-element-217d3bc9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-745 .elementor-element.elementor-element-7282cc36{text-align:center;}.elementor-745 .elementor-element.elementor-element-7282cc36 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}@media(max-width:767px){.elementor-745 .elementor-element.elementor-element-75b71062{--container-widget-width:316px;--container-widget-flex-grow:0;width:var( --container-widget-width, 316px );max-width:316px;}.elementor-745 .elementor-element.elementor-element-75b71062 .elementor-heading-title{font-size:30px;}.elementor-745 .elementor-element.elementor-element-7cf7bc26 .elementor-heading-title{font-size:9px;}.elementor-745 .elementor-element.elementor-element-1faf646e{--e-image-carousel-slides-to-show:2;}.elementor-745 .elementor-element.elementor-element-7282cc36 .elementor-heading-title{font-size:11px;}}/* Start custom CSS for html, class: .elementor-element-d77bf6a */:root{
    --bg:#4A9782;
    --bos:#FFF9E5;
       --mantap:#D6A309;
  --primary:#20883A;
}

    .teacher-container {
     
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 1.5rem;
      max-width: 1200px;
      margin: 2rem auto;
      padding: 0 1rem;
    }

    .teacher-card {
       margin-top: 2rem;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
      text-align: center;
      overflow: hidden;
      transition: transform 0.3s ease;
    }

    .teacher-card:hover {
      transform: translateY(-6px);
    }

    .teacher-card img {
      width: 100%;
      height: 240px;
      object-fit: cover;
    }

    .teacher-card h3 {
      color: #1b8d45;
      margin-top: 1rem;
      padding:5px;
    }

    .teacher-card p {
      color: #555;
      font-size: 0.95rem;
      padding: 0 1rem 1rem;
    }

    .pagination{
      margin-block:5rem;
      display:flex;
      justify-content:center;
      text-align: center;
     
    }

    .pagination a {
      display: inline;
      background: #fff;
      border: 1px solid #3ecf5a;
      color: #1b8d45;
      padding: 8px 14px;
      margin: 0 4px;
      border-radius: 5px;
      text-decoration: none;
      font-weight: 500;
      transition: 0.3s;
    }
     .badge {
  display: inline-block;
  background-color:var(--primary);
  font-size: 13px;
  padding: 10px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}

    .pagination a:hover,
    .pagination a.active {
      background: #1b8d45;
      color: #fff;
    }/* End custom CSS */