.topbar {
  color: rgba(18, 44, 52, 0.56);
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #f5f5f5;
}

.topbar a {
  text-decoration: none;
  color: rgba(18, 44, 52, 0.56);
}

.lp-navbar {
  background: var(--bg, #fcfffc);
  /* border-bottom: 1px solid black; */
}
.logo-container {
  margin-top: 1vh;
  margin-bottom: 1vh;
  padding: 1vh;
  width: 300px;
  margin-left: 5vh;
}
.logo-container .gambar {
  padding: 1.5vh;
  width: 30% !important;
}
.gambar img {
  width: 100%;
}

.text-container {
  position: absolute;
  margin-top: -10vh;
  margin-left: 15vh;
}

.gambar-text {
  margin-top: 1vh !important;
}

.gambar-text p {
  color: var(--foot, #122c34);
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.head-contact {
  height: 100%;
  width: 100%;
}
.head-contact .logo {
  margin-top: 5vh;
  padding: 0;
  height: 100%;
  width: 20% !important;
}
.head-contact .nama {
  width: 30vh !important;
  position: absolute;
  margin-top: -11.6vh;
  margin-left: 7vh;
}
.first-col {
  width: 28%;
}

#nama_logo {
  margin-top: 0.4vh;
  color: #122c34;
  font-family: "proxima-nova", sans-serif;
  font-size: 13px;
  font-weight: 400;
}
#ket_logo {
  color: #122c34;
  font-family: "proxima-nova", sans-serif;
  font-size: 13px;
  font-weight: 600;
  /* margin-top: 0.1vh; */
}

.navbar {
  background: #122c34;
}
.item-nav {
  cursor: pointer !important;
  height: 100%;
  color: #fff;
  padding-top: 1.9vh;
  padding-bottom: 1.9vh;
  font-size: 14px;

  margin-left: 4.5vh;
  display: inline-block !important;
  color: var(--bg, #fcfffc);

  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  text-transform: uppercase;
}
.item-nav .active {
  border-bottom: 3px solid #ef2917 !important;
}
.toggle {
  height: 10%;
  color: #fff;
  padding-top: 1.9vh;
  padding-bottom: 0vh;
  font-size: 14px;
  color: var(--bg, #fcfffc);
  display: none !important;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  text-transform: uppercase;
}
.header {
  /* background: white;
	position: sticky;
	z-index: 100;
	top: 0; */
}
/* .main {
	height: 1000vh;
} */
.nav-menu.fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  z-index: 10000;
}
.footer-atas {
  background: var(--foot, #122c34);
}
.footer-bawah {
  background: var(--foot, #203e47);
}
.copyright {
  color: var(--sa, #b5c6cb);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
#footer {
  font-family: "proxima-nova", sans-serif;
}
section#footer {
  overflow-y: hidden !important;
}
.logo_pip {
  width: 25vh;
  height: 22vh;
}

.logo_pip img {
  width: 100%;
  height: 100%;
}
.nama_pip {
  color: var(--f-9-fcfb, #f9fcfb);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
}
#footer .no_hp {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.title_footer {
  width: 100%;
  border-left: 2px solid #2c8c99;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 111.111% */
}
.isi_footer {
  width: 100%;
  border-left: 2px solid #203e47;
}
#footer ul li a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 16px; /* 114.286% */
  text-decoration: none;
  color: #fff;
}
#footer ul {
  list-style-type: none;
}
.g_map {
  width: 100%;
  height: 20vh;
}
.navbar-brand {
  display: none;
}
.dropdown-item {
  color: white !important;
}
.dropdown-menu {
  /* border: 1px solid white !important; */
}
.toggle {
  color: white;
}
.nav-item {
  margin-right: 2%;
  color: white !important;
  width: auto !important;
  text-transform: uppercase;
}
.nav-link {
  color: white !important;
}
.fa-angle-down {
  visibility: hidden !important;
}
@media only screen and (max-width: 375px) {
  .topbar {
    font-size: 11px;
  }
  .text-container {
    position: absolute;
    margin-top: -7.5vh !important;
  }

  .text-container {
    position: absolute;

    margin-left: 10vh;
    width: 40vh !important;
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .footer-atas .isi_footer {
    height: 0;
    visibility: hidden;
  }
  .footer-atas .show_footer {
    height: auto !important;
    visibility: visible !important;
    transition: all 0s ease-out;
  }
  .footer-atas .fa-angle-down {
    visibility: visible !important;
  }
  .footer-atas .rotate {
    transform: rotate(180deg);
    transition: all 0.3s ease-out;
  }
  .footer-atas .rotate-down {
    transform: rotate(0);
    transition: all 0.3s ease-out;
  }
  .topbar {
    font-size: 12px;
  }
  .footer-atas .logo_pip {
    width: 80px;
    height: 70px;
  }

  .sosmed {
    text-align: center;
  }
  .logo-container {
    margin-top: 1vh;
    margin-bottom: 1vh;
    width: 250px;
    margin-left: 0vh;
  }
  .text-container {
    position: absolute;
    margin-top: -6.5vh;
    margin-left: 10vh;
    width: 20vh;
    font-size: 12px;
  }
  .header_kontak {
    display: none !important;
    margin-bottom: -10vh;
  }
  .header_logo {
    /* display: none !important; */
    margin-bottom: -10vh;
  }

  .gambar-text {
    margin-top: 0 !important;
  }
  .gambar-text p {
    color: var(--foot, #122c34);
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
  .list-item {
    width: 100% !important;
    height: 0% !important;
    overflow: hidden !important;
    display: none;
    z-index: 1000 !important;
  }
  .navbar {
    margin-top: 10vh;
    width: 100%;
    display: block;
  }
  .nav-menu.fixed {
    margin-top: 0 !important;
  }
  .item-nav {
    width: 70%;
  }
  .toggle {
    width: 100%;
    display: block !important;
    cursor: pointer;
  }
  .navbar-brand {
    display: block;
  }
}

/* ===== FOOTER MENU LAINNYA - 2 KOLOM RAPI ===== */

#home_footer {
  border-left: none;
  padding-left: 1rem;
}

#home_footer .row {
  gap: 0;
}

#home_footer .col-6 {
  padding-right: 8px;
  padding-left: 0;
}

#home_footer ul.list_footer {
  padding-left: 0 !important;
  margin: 0;
}

#home_footer ul.list_footer li {
  margin-bottom: 4px;
  line-height: 1.4;
}

#home_footer ul.list_footer li a {
  font-size: 12.5px !important;
  color: #b5c6cb !important;
  text-decoration: none;
  transition: color 0.2s ease, padding-left 0.2s ease;
  display: block;
  padding: 2px 0;
}

#home_footer ul.list_footer li a:hover {
  color: #2c8c99 !important;
  padding-left: 5px;
}

#home_footer .col-6:first-child {
  border-right: 1px solid rgba(44, 140, 153, 0.25);
  padding-right: 14px;
}

#home_footer .col-6:last-child {
  padding-left: 14px;
}

.title_footer p {
  font-size: 13px !important;
  letter-spacing: 1.5px;
  color: #f9fcfb;
  margin-bottom: 10px;
}

#alamat_footer .nama_pip {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
  color: #fff;
}

#alamat_footer .no_hp {
  display: block;
  font-size: 12.5px;
  color: #b5c6cb;
  line-height: 1.6;
  margin-bottom: 12px;
}

.footer_1 .no_hp {
  font-size: 12.5px;
  color: #b5c6cb;
  line-height: 1.5;
}

/* ===== END FOOTER MENU LAINNYA ===== */

/* UserWay Widget Positioning */
.uwy .userway_buttons_wrapper,
div.userway_buttons_wrapper {
  position: fixed !important;
  top: auto !important;
  bottom: 85px !important;
  right: 20px !important;
  left: auto !important;
  transform: none !important;
  z-index: 2147483640 !important;
}

/* ===== KOTAK LAPOR FOOTER MINIMALIS ===== */
.lapor-minimal-box {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 8px 14px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  width: auto;
  max-width: 100%;
}

.lapor-minimal-box:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(227, 83, 55, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.lapor-logo-img {
  height: 26px;
  max-width: 80px;
  object-fit: contain;
  flex-shrink: 0;
}

.lapor-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.lapor-label {
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.lapor-sub {
  font-size: 11px;
  color: #b5c6cb;
  transition: color 0.2s ease;
}

.lapor-minimal-box:hover .lapor-sub {
  color: #ff8c73;
}