html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

header .stuck_container > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

header .navbar-nav,
.sf-menu[data-type="navbar"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 2%;
}

header .navbar-nav > li,
.sf-menu[data-type="navbar"] > li {
  display: inline-block;
}

header .inline-list {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 991px){
  header .navbar-nav{
    gap: 1.2rem;
  }
}

.sf-menu ul,
.navbar-nav .dropdown-menu{
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    padding: 10px 0;
    box-shadow: none;
    min-width: 220px;
}

.sf-menu ul li a,
.navbar-nav .dropdown-menu li a{
    color: #555;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    background: transparent;
}

.sf-menu ul li a:hover,
.navbar-nav .dropdown-menu li a:hover{
    background: #f5f5f5;
    color: #333;
}

.sf-menu ul li.active a,
.navbar-nav .dropdown-menu .active a{
    background: transparent;
    color: #555;
}

.sf-menu ul li,
.navbar-nav .dropdown-menu li{
    background: none !important;
}

/* posisi submenu di bawah parent */
.sf-menu li {
  position: relative;
}

.sf-menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  min-width: 220px;
  background: #fff;
  border: 1px solid #ccc;
}

.sf-menu li:hover > ul {
  display: block;
}

.sf-menu li ul li {
  display: block;
  width: 100%;
}

/* RESET DROPDOWN STRUCTURE */
.sf-menu li{
  position: relative !important;
}

.sf-menu li ul{
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
  float: none !important;
  display: none;
  flex-direction: column;
  min-width: 220px;
  z-index: 9999;
}

.sf-menu li:hover > ul{
  display: block !important;
}

.sf-menu li ul li{
  display: block !important;
  width: 100%;
  float: none !important;
}

.sf-menu li ul ul{
  top:100% !important;
  left:0 !important;
}

header .stuck_container > .container{
  display:flex;
  align-items:center;
  margin-top: -1%;
}

html, body{
  min-height:100vh;
}

body{
  display:flex;
  flex-direction:column;
}

main{
  flex:1;
}

.stuck_container{
  background: rgba(104, 104, 104, 0.8) !important;
  box-shadow: none !important;
}

h4.fadeInRight{
  color:#fff;
}

.caption{
  color:#fff;
}

footer{
  color:#fff;
}

footer a[href^="mailto:"],
footer a[href^="https://goo.gl/maps"],
footer a[target="_blank"],
.inner-card a[href^="mailto:"],
.inner-card a[href^="https://wa.me"],
.inner-card a[href^="http"],
.inner-card a[href^="https"],
.inner-card a[target="_blank"] {
  transition: color 0.3s ease, text-decoration 0.3s ease;
  cursor: pointer;
}

footer a[href^="mailto:"]:hover,
footer a[href^="https://goo.gl/maps"]:hover,
footer a[target="_blank"]:hover,
.inner-card a[href^="mailto:"]:hover,
.inner-card a[href^="https://wa.me"]:hover,
.inner-card a[href^="http"]:hover,
.inner-card a[href^="https"]:hover,
.inner-card a[target="_blank"]:hover {
  color: #007bff !important;
  text-decoration: underline;
}

footer .fa a:hover {
  color: #007bff !important;
}

footer .copyright a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

footer .copyright a:hover {
  color: #007bff !important;
}

.wow.fadeInLeft.animated {
  font-size: 18px; 
}

.pp-btn.disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.pp-btn.disabled:hover {
  background-color: #6c757d !important;
  transform: none !important;
}