.elementor-41 .elementor-element.elementor-element-2db185d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-7611998 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-8a4f56f{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-7611998 */nav{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: 9999;
    color:white;
    background: linear-gradient(rgba(0, 0, 0, 0));
    padding-top:40px;
}
nav a{
    color:WHITE;
}
.navbar .dropdown-menu li a{
    text-decoration: none;
    color:black;
    transition:all .5s ease;
    font-size:15px;
}
.navbar .dropdown-menu li a:hover{
    color:white;
}
.navbar .dropdown-menu li{
    padding:10px;
}
.navbar .dropdown-menu li:hover{
    background-color:rgb(32, 136, 58);
} 
.navbar-nav{
    gap:20px;
}
.navbar-brand{
    font-size:3rem;
    font-weight:bold;
}
.nav-item{
    font-size:1rem;
}
.navbar-nav .nav-item a{
    font-size:17px;
}
/* Navbar berubah saat scroll */
#navbar{
    transition: all .5s ease;
}
#navbar.scrolled {
  background:var(--primary);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  padding: 10px 50px;
}
@media(max-width:986px){
    .navbar-nav{
        padding-top:3rem;
    }
    .img-nav{
      padding-left:3rem;
    }
    .h1-hero{
        text-align:left;
    }
    .galeri-col{
        width:100%;
    }
    iframe{
        width:100%;
    }
    .logo-footer{
        text-align: center;
        margin: auto;
    }
    .h1-clearfix{
        text-align: left;
    }

  .navbar {
    background-color:var(--primary); /* warna default tanpa efek scroll */
    padding: 15px 0;
    box-shadow: none !important;
    padding-top:40px;
  }
  .hero-section{
   margin-top:4rem;
  }
  .hero h1,.hero-h4{
    margin-top:9rem;
   text-align:left;
   max-width:100%;
   padding-left:1.5rem;
   padding-right:2rem;
   font-size:3em;
   margin-top:15rem;
  }
  .hero h3{
    text-align:left;
    max-width: 100%;
    
  }
  .hero{
    height:500px;
  }
  .berita-container{
    display: flex;
    flex-wrap: wrap;
}
   
}


/* tablet */
@media(max-width:768px){
    html{
        font-size:70%;
    }
    .navbar-nav{
        padding-right:20rem;
    }
    nav .navbar-brand a{
        font-size:20px;
    }
    nav .nav-extra{
        display:inline-block;
    }
    nav .nav-extra a{
        font-size:20px;
    }
    nav .nav-extra a{
        color:white;
    }
    nav .menu{
        position:absolute;
        top:0;
        right:-100%;
        background-color: white;
        width:30rem;
        height:100vh;
        transition: .5s;
    }
    nav .menu .nav-li:hover .cropdown{
        display:none;
    }
    nav .menu .nav-li .nav-link{
        color:black;
        font-size:15px;
        font-weight: 400;
    }
    nav .menu .nav-li::after{
        transform:scaleX(0.5);
        transform-origin:0 0 ;
    }
    nav .menu {
        display:block;
        font-size:20px;
    }
    nav .menu.active{
        right:0;
    }
    .tentang-ponpes .img-ponpes{
        display:flex;
        flex-direction: column;
    }
     .tentang-ponpes .img-ponpes img{
        width:100%;
     }
     .extra-ponpes .row .card-extra img{
        width:100%;
     }
     #carouselExampleAutoplaying{
        width:100%;
     }
     #gambargaleri{
        width:100%;
     }
     #gambarsection{
        width:100%;
     }
     .h-ponpes,.h2-ponpes{
        text-align:center;
        margin-bottom:1.5rem;
     }
     #element{
        display: none;
     }
     #yang-kedua{
        display:inline-block;
     }
     .galeri-col{
        padding-left:20px;
     }
     
     .card-img-top{
        padding-inline:15px;
     }
     .social-icons{
        display:flex;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        margin:auto;
        gap: 1rem;
     }
      .social-icons a{
        font-size:1rem;
      }
}/* End custom CSS */