
body{
  font-family: sans-serif , Dancing Script;
}

.blinking-text {
  animation: blink 1s infinite;
}
@media (max-width: 768px) {
  .carousel-item img {
    height: 300px;
  }
}
.carousel-item img {
  height: 580px;
  object-fit: cover; /* agar gambar tidak melar */
}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

.logo1 {
  height: 80px;
  margin-right: 10px;
}

/* Text next to logo */
.logo1-text {
  font-size: 20px;
  font-weight: bold;
  color: black;
}


.nav-link::after{
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #333;
  transition: width .7s;
}

.nav-link:hover::after{
  width: 100%;
  transition: width .7s;
}
#logo{
  float: left;
}

.judul {
  margin-top: 60px;
  text-align: center;
}

.sub {
  font-size: 30px;
}
.judul1 {
  color: #F2994A;
  margin-bottom: -15px;
  font-size: 15px;
}
.card-title{
  text-align: center;
  font-size: 15px;
}
.card-text{
  text-align: center;
}

.about-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Gambar */
.about-image img {
    width: 100%;
    max-width: 250px;
    border-radius: 5px;
}

/* Teks */
.about-text {
    flex: 1;
    font-size: 16px;
    color: #333;
    text-align: justify;
}

.room{
  width: 80%;
  margin: 0  auto;
}
.room-img{
  margin-left: 10px;
}
.room a{
  color: #F2994A; 
  text-decoration: none;
}
.room a:hover{
  border-bottom: 2px solid;
}
.room p{
  text-align: justify;
}
.gambar-g{
  float: left;
  height: 250px;
  width: 200px;
}
.konten-galeri{
  padding-top: 40PX;
  text-align: center;
}
.footer1{
  background-color:  #38ef7d;
}
#cari{
  display: none;
}
.galeri-portrait-carousel .carousel-item img {
  height: 100%;
  max-height: 400px;
  object-fit: cover;
  width: 100%;
  transition: transform 0.3s ease;
}

.galeri-portrait-carousel .carousel-item img:hover {
  transform: scale(1.03);
}

@media (max-width: 576px) {
  .galeri-portrait-carousel .carousel-item img {
    max-height: 350px;
  }
}
/* Ukuran tombol prev/next lebih kecil dan transparan */
.carousel-control-prev,
.carousel-control-next {
  width: 5%;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 1;
}

/* Pastikan tombol tidak menutupi gambar terlalu banyak */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 50% 50%;
}
/* Animasi berkedip */
  @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
  }

  .hotline-wrapper {
    position: relative;
    display: inline-block;
  }

  .hotline-icon {
    position: absolute;
    left: -30px;  /* Geser ke kiri */
    top: 0;
    font-size: 24px;
    color: gold;
    z-index: 0; /* di belakang teks */
    animation: blink 1s infinite;
  }

  .hotline-text {
    position: relative;
    z-index: 1;
    font-family: 'Merienda', cursive;
    font-style: italic;
    color: red;
    font-weight: bold;
    animation: blink 1s infinite;
    padding-left: 10px;
  }
  .blinking {
    animation: blink 1s infinite;
  }

  @keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
  }