.elementor-509 .elementor-element.elementor-element-4fdaae93{--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-509 .elementor-element.elementor-element-4fdaae93:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-4fdaae93 > .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-509 .elementor-element.elementor-element-4fdaae93::before, .elementor-509 .elementor-element.elementor-element-4fdaae93 > .elementor-background-video-container::before, .elementor-509 .elementor-element.elementor-element-4fdaae93 > .e-con-inner > .elementor-background-video-container::before, .elementor-509 .elementor-element.elementor-element-4fdaae93 > .elementor-background-slideshow::before, .elementor-509 .elementor-element.elementor-element-4fdaae93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-509 .elementor-element.elementor-element-4fdaae93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#095300;--background-overlay:'';}.elementor-509 .elementor-element.elementor-element-4fdaae93.e-con{--align-self:center;}.elementor-509 .elementor-element.elementor-element-381898e4{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-509 .elementor-element.elementor-element-381898e4 > .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-509 .elementor-element.elementor-element-381898e4.elementor-element{--align-self:center;}.elementor-509 .elementor-element.elementor-element-381898e4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:bold;color:#FFFFFF;}.elementor-509 .elementor-element.elementor-element-56653db7{text-align:center;}.elementor-509 .elementor-element.elementor-element-56653db7 .elementor-heading-title{color:#FFFFFF;}.elementor-509 .elementor-element.elementor-element-3077eff9{--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:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-509 .elementor-element.elementor-element-3077eff9.e-con{--align-self:center;}.elementor-509 .elementor-element.elementor-element-4d855c35{--display:flex;--min-height:975px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:050px;--margin-left:0px;--margin-right:0px;}.elementor-509 .elementor-element.elementor-element-4d855c35:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-4d855c35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-509 .elementor-element.elementor-element-ca28492{--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-509 .elementor-element.elementor-element-af453ef{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(5, 1fr);--grid-auto-flow:row;}.elementor-509 .elementor-element.elementor-element-7bbbb16{--display:flex;--min-height:187px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-509 .elementor-element.elementor-element-7bbbb16.e-con:hover{--e-con-transform-scale:1.1;}.elementor-509 .elementor-element.elementor-element-757939b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-509 .elementor-element.elementor-element-757939b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-bb3431a{width:var( --container-widget-width, 110.615% );max-width:110.615%;--container-widget-width:110.615%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-bb3431a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-bb3431a img{height:172px;object-fit:cover;object-position:center center;border-radius:9px 9px 9px 9px;}.elementor-509 .elementor-element.elementor-element-a8497fd{--display:flex;}.elementor-509 .elementor-element.elementor-element-a8497fd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-e88bc4c{width:var( --container-widget-width, 123.067% );max-width:123.067%;--container-widget-width:123.067%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-e88bc4c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-e88bc4c .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:22px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-d487b7f{--display:flex;}.elementor-509 .elementor-element.elementor-element-0a64ddb .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:28px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-7f370cd{--display:flex;--min-height:187px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-509 .elementor-element.elementor-element-7f370cd.e-con:hover{--e-con-transform-scale:1.1;}.elementor-509 .elementor-element.elementor-element-e130d51{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-509 .elementor-element.elementor-element-e130d51.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-a35ed67{width:var( --container-widget-width, 110.615% );max-width:110.615%;--container-widget-width:110.615%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-a35ed67.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-a35ed67 img{height:172px;object-fit:cover;object-position:center center;border-radius:9px 9px 9px 9px;}.elementor-509 .elementor-element.elementor-element-52d46e2{--display:flex;}.elementor-509 .elementor-element.elementor-element-52d46e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-7878e31{width:var( --container-widget-width, 123.067% );max-width:123.067%;--container-widget-width:123.067%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-7878e31.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-7878e31 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:22px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-9fd4b56{--display:flex;}.elementor-509 .elementor-element.elementor-element-2fe69f9 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:28px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-c578fc8{--display:flex;--min-height:187px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-509 .elementor-element.elementor-element-c578fc8.e-con:hover{--e-con-transform-scale:1.1;}.elementor-509 .elementor-element.elementor-element-63b43a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-509 .elementor-element.elementor-element-63b43a1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-5d0f3bf{width:var( --container-widget-width, 110.615% );max-width:110.615%;--container-widget-width:110.615%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-5d0f3bf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-5d0f3bf img{height:172px;object-fit:cover;object-position:center center;border-radius:9px 9px 9px 9px;}.elementor-509 .elementor-element.elementor-element-d1d103d{--display:flex;}.elementor-509 .elementor-element.elementor-element-d1d103d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-790131e{width:var( --container-widget-width, 123.067% );max-width:123.067%;--container-widget-width:123.067%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-790131e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-790131e .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:22px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-82f2425{--display:flex;}.elementor-509 .elementor-element.elementor-element-f284f41 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:28px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-d12d085{--display:flex;--min-height:187px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-509 .elementor-element.elementor-element-d12d085.e-con:hover{--e-con-transform-scale:1.1;}.elementor-509 .elementor-element.elementor-element-65a56b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-509 .elementor-element.elementor-element-65a56b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-990f865{width:var( --container-widget-width, 110.615% );max-width:110.615%;--container-widget-width:110.615%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-990f865.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-990f865 img{height:172px;object-fit:cover;object-position:center center;border-radius:9px 9px 9px 9px;}.elementor-509 .elementor-element.elementor-element-3902998{--display:flex;}.elementor-509 .elementor-element.elementor-element-3902998.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-3b2d1f3{width:var( --container-widget-width, 123.067% );max-width:123.067%;--container-widget-width:123.067%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-3b2d1f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-3b2d1f3 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:22px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-bbee577{--display:flex;}.elementor-509 .elementor-element.elementor-element-b986c07 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:28px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-fb0714f{--display:flex;--min-height:187px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-509 .elementor-element.elementor-element-fb0714f.e-con:hover{--e-con-transform-scale:1.1;}.elementor-509 .elementor-element.elementor-element-c6c7e00{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-509 .elementor-element.elementor-element-c6c7e00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-45c85cf{width:var( --container-widget-width, 110.615% );max-width:110.615%;--container-widget-width:110.615%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-45c85cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-45c85cf img{height:172px;object-fit:cover;object-position:center center;border-radius:9px 9px 9px 9px;}.elementor-509 .elementor-element.elementor-element-ad23de5{--display:flex;}.elementor-509 .elementor-element.elementor-element-ad23de5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-df58a46{width:var( --container-widget-width, 123.067% );max-width:123.067%;--container-widget-width:123.067%;--container-widget-flex-grow:0;}.elementor-509 .elementor-element.elementor-element-df58a46.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-509 .elementor-element.elementor-element-df58a46 .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:22px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-5439a84{--display:flex;}.elementor-509 .elementor-element.elementor-element-f19ee4f .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:28px;line-height:35px;}.elementor-509 .elementor-element.elementor-element-d825e85{--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;}.elementor-509 .elementor-element.elementor-element-d825e85.e-con{--align-self:flex-start;}.elementor-509 .elementor-element.elementor-element-a3c55a0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-509 .elementor-element.elementor-element-a3c55a0 .elementor-divider-separator{width:100%;}.elementor-509 .elementor-element.elementor-element-a3c55a0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-509 .elementor-element.elementor-element-e2e2e9c.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-509 .elementor-element.elementor-element-5fcbd20{--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-509 .elementor-element.elementor-element-7fdfa482{--e-image-carousel-slides-to-show:5;}.elementor-509 .elementor-element.elementor-element-7fdfa482 .swiper-wrapper{display:flex;align-items:center;}.elementor-509 .elementor-element.elementor-element-4417b008{--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-509 .elementor-element.elementor-element-4417b008:not(.elementor-motion-effects-element-type-background), .elementor-509 .elementor-element.elementor-element-4417b008 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02421280;}.elementor-509 .elementor-element.elementor-element-4417b008.e-con{--align-self:center;}.elementor-509 .elementor-element.elementor-element-5cdb1345 .elementor-button{background-color:#FFC228;font-family:"Roboto", Sans-serif;font-weight:600;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-509 .elementor-element.elementor-element-5cdb1345 .elementor-button:hover, .elementor-509 .elementor-element.elementor-element-5cdb1345 .elementor-button:focus{background-color:#20883A;color:#FFFFFF;}.elementor-509 .elementor-element.elementor-element-5cdb1345.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-509 .elementor-element.elementor-element-5cdb1345 .elementor-button:hover svg, .elementor-509 .elementor-element.elementor-element-5cdb1345 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-509 .elementor-element.elementor-element-1f2e1680{text-align:center;}.elementor-509 .elementor-element.elementor-element-1f2e1680 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}@media(max-width:1024px){.elementor-509 .elementor-element.elementor-element-af453ef{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-509 .elementor-element.elementor-element-381898e4{--container-widget-width:316px;--container-widget-flex-grow:0;width:var( --container-widget-width, 316px );max-width:316px;}.elementor-509 .elementor-element.elementor-element-381898e4 .elementor-heading-title{font-size:30px;}.elementor-509 .elementor-element.elementor-element-56653db7 .elementor-heading-title{font-size:9px;}.elementor-509 .elementor-element.elementor-element-af453ef{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-509 .elementor-element.elementor-element-7fdfa482{--e-image-carousel-slides-to-show:2;}.elementor-509 .elementor-element.elementor-element-1f2e1680 .elementor-heading-title{font-size:11px;}}@media(min-width:768px){.elementor-509 .elementor-element.elementor-element-3077eff9{--content-width:863px;}.elementor-509 .elementor-element.elementor-element-ca28492{--content-width:869px;}.elementor-509 .elementor-element.elementor-element-af453ef{--width:100%;}.elementor-509 .elementor-element.elementor-element-757939b{--width:21.381%;}.elementor-509 .elementor-element.elementor-element-a8497fd{--width:22.646%;}.elementor-509 .elementor-element.elementor-element-e130d51{--width:21.381%;}.elementor-509 .elementor-element.elementor-element-52d46e2{--width:22.646%;}.elementor-509 .elementor-element.elementor-element-63b43a1{--width:21.381%;}.elementor-509 .elementor-element.elementor-element-d1d103d{--width:22.646%;}.elementor-509 .elementor-element.elementor-element-65a56b7{--width:21.381%;}.elementor-509 .elementor-element.elementor-element-3902998{--width:22.646%;}.elementor-509 .elementor-element.elementor-element-c6c7e00{--width:21.381%;}.elementor-509 .elementor-element.elementor-element-ad23de5{--width:22.646%;}}/* Start custom CSS for html, class: .elementor-element-8687d8e */: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: scale(1.03);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }

    .teacher-card img {
      width: 100%;
      height: 240px;
      object-fit: cover;
    }

    .teacher-card h3 {
      color: #1b8d45;
      margin-top: 1rem;
    }

    .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;
    }

    .pagination a:hover,
    .pagination a.active {
      background: #1b8d45;
      color: #fff;
    }/* End custom CSS */