.blog-posts::-webkit-scrollbar {
      height: 8px;
    }

    .blog-posts::-webkit-scrollbar-thumb {
      background-color: #888;
      border-radius: 4px;
    }

    .blog-posts::-webkit-scrollbar-thumb:hover {
      background-color: #555;
    }

    /* .blog-posts .post:hover {
      transform: scale(1.05);
    } */

    .main-image {
      text-align: center;
      margin-bottom: 20px;
    }

    .main-image img {
      max-width: 100%;
      height: auto;
    }

    .thumbnail-images {
      display: flex;
      gap: 10px;
      justify-content: center;
    }

    .thumbnail-images img {
      width: 80px;
      height: 80px;
      cursor: pointer;
      object-fit: cover;
      border: 2px solid #ddd;
      border-radius: 5px;
    }

    .thumbnail-images img:hover {
      border-color: #007bff;
    }

    .agenda-container {
        height: 340px;
        background: white;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    }

    .agenda-content {
        max-height: 260px; /* Batasi tinggi agar scroll muncul */
        overflow-y: auto; /* Aktifkan scroll jika konten lebih panjang */
        padding-right: 10px;
    }

    .link-content {
        max-height: 295px; /* Batasi tinggi agar scroll muncul */
        overflow-y: auto; /* Aktifkan scroll jika konten lebih panjang */
        padding-right: 10px;
    }

    .agenda-item {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 1px;
    }

    .agenda-item img {
        width: 45px;
        height: 45px;
    }

    /* Styling untuk slider dokter */
    .dokter-container {
        text-align: center;
        padding: 20px;
        position: relative;
        max-width: 90%;
        margin: auto;
    }

    /* Atur slider agar lebih rapi */
    .dokter-slider {
        width: 100%;
        overflow: hidden;
    }

    /* Styling untuk tiap elemen dalam slider */
    .swiper-slide {
        background: #ddd;
        padding: 12px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 14px;
        white-space: nowrap; /* Mencegah teks pecah */
    }

    /* Tombol navigasi lebih kecil dan lebih dekat */
    .swiper-button-next2, .swiper-button-prev2 {
        color:rgb(255, 255, 255); /* Warna biru yang lebih lembut */
        font-size: 20px;
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.3s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Hover effect untuk tombol */
    .swiper-button-next2:hover, .swiper-button-prev2:hover {
        background: #007bff;
        color: white;
    }

    /* Posisi tombol panah lebih dekat ke slider */
    .swiper-button-prev2 {
        left: -15px;
    }

    .swiper-button-next2 {
        right: -20px;
    }

    .artikel-container {
        height: 400px;
        background: white;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    }

    .showcase {
            position: relative;
            width: 100%;
      }

      .showcase p {
            color: white;
            font: normal 14px / 16px Helvetica, Sans-Serif;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.7);
            padding: 10px 10px 10px 10px;
            margin: 0;
            display: block;
            /* width: 300px; */
            line-height: 100%;
      }
      .showcase h2 {
            position: absolute;
            bottom: 1px;
      }

      .showcase h2 span {
            color: white;
            font-size: 25px;
            letter-spacing: -1px;
            background: rgb(0, 0, 0);
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px 10px 10px;
            display: block;
            /* width: 300px; */
            line-height: 100%;
      }

      .flatbox {
            overflow: hidden;
            padding: 10px;
            color: #333;
            margin-bottom:10px;
            background: #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 5px 1px rgba(50,50,50,0.1);
            -moz-box-shadow: 0 0 5px 1px rgba(50,50,50,0.1);
            box-shadow: 0 0 5px 1px rgba(50,50,50,0.1);	
      }

      .panel-pane {
            overflow: hidden;
            margin-bottom: 10px;
      }

      .flatbox  h2.pane-title {
            margin: -10px -10px 10px -10px;
            padding: 5px 10px 10px;
            border: none;
            font-weight: bold;
            font-size:1.5em;
            background: #797878;
            color: #fff;
      }

      .flatbox  h2.pane-title span{
            display: block;
            line-height: 100%;
            color: #fff;
            font-size:14px;
            font-weight: normal;
            text-transform: none;
            opacity: 0.5;
      }

      /**************************************
      Flatbox - Color Header
      **************************************/
      .cberita h2.pane-title {background: #3498db;}     /* Peter River */
      .cartikel h2.pane-title {background: #1abc9c;}    /* Turqupise */
      .cpengumuman h2.pane-title {background: #e74c3c;} /* Alizarin */
      .cagenda h2.pane-title {background: #9b59b6;}     /* Amethyst */
      .cgallery h2.pane-title {background: #f39c12;}    /* Orange */
      .cvideo h2.pane-title {background: #1abc9c;}      /* Carrot */
      .crssfeed h2.pane-title {background: #95A5A6;}    /* Cascade */
      .cguestbook h2.pane-title {background: #E08283;}  /* NY Pink */
      .cpublikasi h2.pane-title {background: #e67e22;}  /* Turquise */
      .cprofil h2.pane-title {background: #1c4d70;}  /* Turquise */

      .cgreen h2.pane-title {background: #6bbbda;}     /* Peter River */

      .cfullnode h2.pane-title {
      background: #fff;
      color:#333;
      font-size: 2.3em;
      padding-top: 10px;
      border-bottom: 4px solid #a7a7a7;
      }

      /**************************************
      Flatbox - Header Icon
      **************************************/
      .istar h2.pane-title,.iquery h2.pane-title,
      .iglobe h2.pane-title,.igear h2.pane-title,
      .iuser h2.pane-title,.igallery h2.pane-title,
      .inews h2.pane-title,.iartikel h2.pane-title,
      .ivideo h2.pane-title,.ipublikasi h2.pane-title,
      .iprofil h2.pane-title, .ilaw h2.pane-title {
      background-repeat: no-repeat;
      background-position:right center;
      }

      .ilaw h2.pane-title {background-image: url('../images/law.html');}
      .istar h2.pane-title {background-image: url('../images/star.html');}
      .iquery h2.pane-title {background-image: url('../images/pertanyaan.html');}
      .iglobe h2.pane-title {background-image: url('../images/globe.html');}
      .igear h2.pane-title {background-image: url('../images/gears.html');}
      .iuser h2.pane-title {background-image: url('../images/user.html');}
      .igallery h2.pane-title {background-image: url('../images/gallery.html');}
      .ivideo h2.pane-title {background-image: url('../images/video.html');}
      .inews h2.pane-title {background-image: url('../images/berita.html');}
      .iartikel h2.pane-title {background-image: url('../images/artikel.html');}
      .ipublikasi h2.pane-title {background-image: url('../images/publikasi.html');}
      .iprofil h2.pane-title {background-image: url('../images/gov.html');}

      /**************************************
      Flatbox Dark Grey
      **************************************/
      .dblack, .dblack h5, .dblack h6  {background: #222;color:#fff;}
      .dblack h2.pane-title {background: #181818;color:#ffcf72;}
      .dblack a {color: #ffd790;} .dblack img {border: 2px solid #3c3b3b;}
      .dblack .rcol { border-color:#3c3b3b;} 

      .dberita, .dberita h5, .dberita h6  {background: #1f7ebe;color:#c5e5fa;}
      .dberita h2.pane-title {background: #3498db;color:#fff;}
      .dberita a {color: #fff;} .dberita img {border: 2px solid #65a1c9;}
      .dberita .rcol { border-color:#65a1c9;} 

      .dartikel, .dartikel h5, .dartikel h6  {background: #049679;color:#baefe4}
      .dartikel h2.pane-title {background: #047e66;color:#fff;}
      .dartikel a {color: #fff;} .dartikel img {border: 2px solid #047861;}
      .dartikel .rcol { border-color:#047861;} 

      .dpengumuman, .dpengumuman h5, .dpengumuman h6  {background: #a61f11;color:#fcd3cf}
      .dpengumuman h2.pane-title {background: #971407;color:#fff;}
      .dpengumuman a {color: #fff;} .dpengumuman img {border: 2px solid #bc382a;}
      .dpengumuman .rcol { border-color:#bc382a;} 

      .lastUnit .inside {
            margin: 0 0 1em .5em;
      }

      .breadcrumb2 { 
        margin-top: 10px;
        margin-bottom: 5px;
        display: block;
        background: #3498db;
        list-style: none; 
        overflow: hidden; 
        font: 18px Sans-Serif;
      }

      .breadcrumb2 li { 
        color: white;
        text-decoration: none; 
        padding: 5px 0 5px 15px;
        background: brown; /* fallback color */
        background: hsla(217.22deg 62% 41%); 
        position: relative; 
        display: block;
        float: left; 
      }

      .breadcrumb2 li:nth-child(2) {
          padding-left: 45px;
      }
      .breadcrumb2 li a {
          color: white;
      }

      .breadcrumb2 li::after { 
        content: " "; 
        display: block; 
        width: 0; 
        height: 0;
        border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
        border-bottom: 50px solid transparent;
        border-left: 30px solid hsla(217.22deg 62% 41%);
        position: absolute;
        top: 50%;
        margin-top: -50px; 
        left: 100%;
        z-index: 2; 
      }

      .breadcrumb2 li::before { 
        content: " "; 
        display: block; 
        width: 0; 
        height: 0;
        border-top: 50px solid transparent;       
        border-bottom: 50px solid transparent;
        border-left: 30px solid white;
        position: absolute;
        top: 50%;
        margin-top: -50px; 
        margin-left: 1px;
        left: 100%;
        z-index: 1; 
      }

      .breadcrumb2 li:first-child a      { padding-left: 10px;}
      .breadcrumb2 li:nth-child(2)       { background:        hsl(216.9deg 41% 62%); }
      .breadcrumb2 li:nth-child(2):after { border-left-color: hsl(216.9deg 41% 62%);}
      .breadcrumb2 li:nth-child(3)       { background:        hsla(182, 41%, 75%, 1); padding-left: 45px; }
      .breadcrumb2 li:nth-child(3):after { border-left-color: hsla(182, 41%, 75%, 1); }

      .breadcrumb2 li:last-child a {
        background: transparent !important;
        color: black;
        pointer-events: none;
        cursor: default;
      }
      .breadcrumb2 li:last-child a::after { 
        border: 0; 
      }

      .element-invisible {
          position: absolute !important;
          clip: rect(1px 1px 1px 1px);
          clip: rect(1px, 1px, 1px, 1px);
          overflow: hidden;
          height: 1px;
      }