.dropbtn {
    background-color: #00000000;
    color: rgba(0, 30, 95, 0.537);
    font-size: 16px;
    border: none;
  }
  
.dropdown {
    position: relative;
    display: inline-block;
  }
  
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #e5990b;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
.dropdown-content a:hover {background-color: #ce7035;}
  
.dropdown:hover .dropdown-content {display: block;}
  
.dropdown:hover .dropbtn {background-color: #e5990b;}

.z {
    padding: 10px;
    }
.font-kecil {
        font-size: 15px;
        padding-left: 3px;
        padding-right: 12px;
    }

.slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
      }
      
      /* The dots/bullets/indicators */
.dot {
      cursor: pointer;
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
      }
      
.active, .dot:hover {
      background-color: #717171;
      }
      
      /* Fading animation */
.fade {
      animation-name: fade;
      animation-duration:9000s;
      }
      
@keyframes fade {
      from {opacity:100%} 
      to {opacity:100%}
      }