
 <style type="text/css">
 #mobile-navigation .nav li a {
    font-size: 14px!important;
    padding: 0 15px!important;
    margin: 0!important;
    display: block;
    line-height: 39px;
    position: relative;
    color: #eee;
    font-weight: 700;
    text-align:center;
 }
   #navigation.modern.static.white-nav .columns a, #navigation.modern.sticky.white-nav .columns .nav-menu a, #navigation.modern.white-nav.start-dark .columns a, #navigation.modern.white-nav.start-dark .columns button 
    {
    color: #000;
    /*font-stretch: condensed;*/
    font-size: 16px;
}
   #navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a {
    color: #000;
    font-size: 15px;
    /*font-weight: 700;*/
    text-transform: uppercase;
    /*letter-spacing: 0px;*/
       background-color: #fff;
/*       text-align:center;*/
}

.block-img img {
    width: 100%;
    /*height: 100px;*/
}
.center-cropped {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
}

.center-cropped2 {
  width: 120px;
  height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
}

.table-container {
  display: table;
  width: 100%;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
  width: 33.33%; /* Setiap kolom akan memiliki lebar 1/3 dari parent */
  border: 1px solid #000; /* Untuk keperluan visualisasi, Anda dapat menghapus ini jika tidak diperlukan */
  padding: 8px; /* Atur padding sesuai kebutuhan */
  box-sizing: border-box; /* Pastikan padding dihitung dalam lebar sel */
}

@media screen and (max-width: 600px) {
  .link {
    display: none; /* Sembunyikan link pada tampilan layar kecil */
  }
}

@media screen and (max-width: 600px) {
  .container {
    margin: 0; /* Menghapus margin di kiri dan kanan saat tampilan layar kecil */
  }

}
@media screen and (max-width: 600px) {

  .pl {
     padding-left: 0 !important; 
}
.pr {
     padding-right: 0 !important; 
}
}

@media screen and (max-width: 600px) {
  .slider-image {
    height: 100px; /* Tinggi untuk layar besar */
  }
}
.slider-image {
  width: 100%;
  height: 400px; /* Tinggi default untuk layar kecil */
}

.img-zoom {
    overflow: hidden;          /* penting supaya zoom tidak keluar */
    display: inline-block;
}

.scale-hover {
    transition: transform 0.4s ease;
}

.img-zoom:hover .scale-hover {
    transform: scale(1.15);    /* atur level zoom */
}

.client-list-carousel {
    visibility: hidden;
}

.client-list-carousel.slick-initialized {
    visibility: visible;
}

.custom-slider {
    visibility: hidden;
}

.custom-slider.slick-initialized {
    visibility: visible;
}


 </style>

 <style type="text/css">


        img.defaultimg{
          width:1570px !important;
          height:813px !important;
        }

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            letter-spacing: .2px !important;
        }
       .bold-title {
            letter-spacing: -1.1px !important;
        }
       .font-oswald {
            font-family: 'Oswald', sans-serif;
        }
       

        body {
    
          font-family: 'Roboto Condensed';
          font-size: 16px;
        }

        .py {
             padding-top: 50px!important;
        }
        #aboutus {
           height: 150px;
        }
        
        /*Warna inacon*/
        .biruinacon {
        background-color:#023966;
        }
        .ijoinacon {
        background-color: #009845;
        }
        .navbar {
         background-color:#004672;
        }
        li {
           /*color: white;*/
        }
       nav li:hover {
        color: #000;
         font-size: 20px;
         float:left;

        }
       
        #navigation.modern .columns ul li a:hover, #navigation.modern.scrolled .columns ul li a:hover, 
        #navigation.modern .columns ul.nav > li.active > a {color:#00cc00 !important; }
        
       a:hover {
          color: #1a1aff;
          /*text-decoration: underline;*/
        }

        /*end warna inacon*/
        .centered-image {
  display: block; /* Mengubah gambar menjadi blok agar dapat menggunakan margin otomatis */
  margin: 0 auto; /* Mengatur margin secara otomatis di sekitar gambar, yang membuatnya terpusat */
  display: inline-block; /* Mengubah gambar menjadi blok agar dapat menggunakan margin otomatis */
}
 </style>