/*.site-heading h4 {*/
/*  color: #1B5E20;*/
/*  font-weight: 600;*/
/*  text-transform: uppercase;*/
/*}*/


nav.navbar.bootsnav ul.nav > li > a {
  color: #fff;
  background-color: transparent !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}



/* untuk smooth klik galeri navigasi */

html {
  scroll-behavior: smooth;
}
 /*Untuk galeri depan*/

/* Efek hover galeri */
.galeri-item img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.galeri-item img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}


footer .f-item.link li a {
  color: #FFF;
}

footer .f-item.link li a:hover {
  color: #FBC02D;
}

/*.blog-area .info .meta a {*/
/*  color: #1B5E20;*/
/*}*/

/*.blog-area .item .info ul li i {*/
/*  color: #1B5E20;*/
/*  margin-right: 5px;*/
/*  font-weight: 500;*/
/*}*/

/*.btn.focus,*/
/*.btn:focus {*/
/*  outline:0;*/
/*  box-shadow:0 0 0 .2rem rgba(82, 125, 19, 0.55);*/
/*}*/

/*.blog-area.single .post-pagi-area a {*/
/*  display: inline-block;*/
/*  font-weight: 800;*/
/*  text-transform: capitalize;*/
/*  color: #1B5E20;*/
/*  border-radius: 30px;*/
/*}*/


/*.pagination li a {*/
/*  display: inline-block;*/
/*  padding: 15px 20px;*/
/*  border-radius: 5px;*/
/*  margin: 0 2px;*/
/*  color: #1B5E20;*/
/*  font-weight: 800;*/
/*}*/


/*.pagination li.page-item.active a {*/
/*  background: #1B5E20;*/
/*  border-color: #000;*/
/*}*/
/*.page-link:hover {*/
/*  z-index:2;*/
/*  color:#0056b3;*/
/*  text-decoration:none;*/
/*  background-color:#e9ecef;*/
/*  border-color:#dee2e6*/
/*}*/

/*.blog-area .info .cats a:hover {*/
/*  color: #1B5E20;*/
/*}*/

/*.blog-area .item .info h4 a:hover {*/
/*  color: #1B5E20;*/
/*}*/

/*.btn-theme.effect:hover, */
/* .btn-theme.effect:focus {*/
/*  background: #FDCE16 none repeat scroll 0 0;*/
/*  border: 2px solid #FDCE16;*/
/*  color: #ffffff;*/
/*}*/

/*.btn-theme {*/
/*  background-color: #FFF;*/
/*  color: #060606 !important;*/
/*  border: 2px solid #FC0;*/
/*}*/

/*.btn-standard::after {*/
/*  position: absolute;*/
/*  content: "";*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  background: #1B5E20;*/
/*  transition: all 0.35s ease-in-out;*/
/*  left: -100%;*/
/*  bottom: 0;*/
/*  z-index: -1;*/
/*}*/

/*.btn-standard i {*/
/*  display: inline-block;*/
/*  text-align: center;*/
/*  color: #1B5E20;*/
/*  font-size: 15px;*/
/*  border-radius: 50%;*/
/*  position: relative;*/
/*  z-index: 1;*/
/*  margin-left: 3px;*/
/*  top: 1px;*/
/*  transition: all 0.35s ease-in-out;*/
/*}*/

/*.site-heading h2::after {*/
/*  background: #1B5E20;*/
/*  bottom: 0;*/
/*  content: "";*/
/*  height: 2px;*/
/*  left: 50%;*/
/*  margin-left: 20px;*/
/*  position: absolute;*/
/*  width: 5px;*/
/*}*/


.faq-area .faq-content .card .card-header h4 strong {
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #1B5E20;
  color: #ffffff;
  border-radius: 50%;
  margin-right: 20px;
  position: relative;
  min-width: 40px;
}

.faq-area .info > h5 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 25px;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-left: 45px;
  color: #1B5E20;
}

.faq-area .info > h5::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  height: 2px;
  width: 30px;
  background: #1B5E20;
  margin-top: -1px;
}
.site-heading h2::before {
  background: #1B5E20 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 40px;
}


/*Untuk slider depan */
/* Kotak Umum */
.box-content {
    padding: 20px 25px;
    /*border-radius: 14px;*/
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    margin-bottom: 1px;
    display: inline-block;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/* Kotak Judul */
.top-box {
    background: #f5c13a; 
    color: #1B5E20; 
}
.top-box h2 {
    margin: 0;
    font-weight: 700;
    font-size: 26px;
}
.top-box h2 small {
    font-size: 60%;
    display: block;
    color: #2E7D32; 
}

/* Kotak Tagline */
.bottom-box {
    background: #2f3185;
    color: #212121;
}
.bottom-box h3,
.bottom-box p {
    margin: 0;
    font-size: 18px;
    /*font-style: italic;*/
    color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
    .box-content {
        padding: 12px 15px;
        max-width: 90%;
    }

    .top-box h2 {
        font-size: 20px;
        line-height: 1.3em;
    }
    .top-box h2 small {
        font-size: 14px;
    }

    .bottom-box h3,
    .bottom-box p {
        font-size: 14px;
        line-height: 1.4em;
    }
}