@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

header .navbar{
    font-family: 'Georgia','Times New Roman', serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
header .animated-link {
      position: relative;
      color:  #000;
      text-decoration: none;
    }

header .animated-link::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 0%;
      margin: 0 auto;
      height: 2px;
      background-color:#000;
      transition: all .5s;
    }
header .animated-link:hover::after {
      width: 100%;
    }
header .dropdown-item{
        font-family: 'Georgia','Times New Roman', serif;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    
    
.footcolor{
  background-color: #dcdfd2;
}

header .navbar-scroll {
    transform: translateY(-100%);
    transition: all 0.1s ease-in-out; /* Tambahkan animasi */
   
}
header .navbar-scroll.show {
    transform: translateY(0);
    transition: all 0.7s ease-in-out; /* Tambahkan animasi */
}

.no-border {
  border: none !important;
}

body {
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 1px;
}

#block1{
    background-image: url('/img/picture3.jpg');
    background-size: cover; /* Menyesuaikan ukuran dengan layar */
    background-repeat: no-repeat; /* Menghindari pengulangan gambar */
    background-position: center; /* Memusatkan gambar */
    }
    
body .offcanvas{
    font-family: 'Georgia','Times New Roman', serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;

}


footer {
    .animated-link {
        position: relative;
        color:  #6e6d6d;
        text-decoration: none;
      }
    .animated-link::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        width: 0%;
        margin: 0 auto;
        height: 2px;
        background-color:#000;
        transition: all .5s;
      }
      .animated-link:hover::after {
        width: 100%;
      }  
}

.btn-merahtua{
    background-color: #70010b;
    color: #fff;
    font-size: 0.25rem;
    padding: 3% 8%;
    @media (min-width:992px){
        background-color: #70010b;
        color: #fff;
        font-size: 1rem;
        padding: 5% 10%;
    }
}

#logo2 {
    max-width: 150px;
    width: 100%;
    
}


.lni-grid-alt {
    font-size: 1.5rem;
}

.lni-cross-circle {
    font-size: 2rem;
}


.carousel-inner {
    width: 100%;           /* Menggunakan lebar penuh kontainer */
    height: auto;          /* Menggunakan tinggi penuh dari kontainer */
    text-align: center;    /* Membuat gambar berada di tengah secara horizontal */
}

.fs-sm-3 {
    font-size: 15px;
}


@media (min-width:992px){

    .carousel-inner {
        width: 100%;           /* Menggunakan lebar penuh kontainer */
        height: 82%;          /* Menggunakan tinggi penuh dari kontainer */
        text-align: center;    /* Membuat gambar berada di tengah secara horizontal */
    }

  .carousel-item img {
    width: 100%;  /* Gambar mengisi lebar penuh */
    height: 100%;  /* Gambar mengisi tinggi penuh */
        
}

.fs-sm-3 {
    font-size: 25px;
}

#logo {
        
        margin-bottom: -35px; /* Menurunkan logo lebih dekat ke navbar */
}

.dropdown>.dropdown-menu {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    display: block;
    transition: all 0.1s ease-out;
    
}

.dropdown:hover>.dropdown-menu{
    padding: 15px;
    display: block;
    visibility: visible;
    opacity: 10;
    transition: all 0.3s ease-in-out;
}

.dropdown-item:hover, 
.dropdown-item:focus {
  background-color: transparent !important; /* Hilangkan background */
  color: inherit !important; /* Pertahankan warna teks */
}

}

.carousel-caption {
    
    text-align: center; /* Teks diatur ke kiri */
  }

.banner{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); 
    height: 100%;
    margin-left: 1%;
    margin-right: 47%;
}

  .carousel-caption h2 {
    text-align: center; /* Teks diatur ke kiri */
    font-weight: normal; /* Menghilangkan bold */
    letter-spacing: 0;
    color:#000;

    font-size: clamp(0.5rem, 2vw, 3rem); 
  }
  
  .carousel-caption button{
    margin-top: 10%;

  }

  .logo-carousel {
    width: 70% !important;
    height: auto !important;
    
    margin: 10% auto -10% auto; /* Auto pada kiri dan kanan agar logo di tengah */
}

  .animated-link .arrow {
    margin-left: 10px;
    border: solid rgb(3, 3, 3);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    transition: transform 0.3s;
  }

  /* Tampilkan menu saat hover
  .dropdown:hover .dropdown-menu {
    display: block;
  }
   */
  /* Animasi panah saat dropdown terbuka */
  .dropdown:hover .arrow {
    transform: rotate(-135deg);
  }