body {
  /* background-image: url("/imgs/bg-main.png"); */
  min-height: 0px;
}

img {
  transition: all 0.5s ease;
}
/*
img:hover {
  transform: scale(1.5);
  animation-duration: 3s;
  animation-delay: 1s;
  filter: drop-shadow(5px 5px rgb(198, 198, 199));
}
  */

a {
  transition: all 5s ease;
}

/* 
a:hover {
  transform: scale(1.1);
  animation-duration: 5s;
  animation-delay: 1s;
  background-color: #ded590;
  color: #095ded;
  border-radius: 30px;
  filter: drop-shadow(5px 5px rgb(198, 198, 199));
} */

.jumbotron {
  background-color: #f0f8ff;
}

.gradient-img {
  background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
  background-color: #282828;
  background-size: 16px 16px;
}
.nav-link-x {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.nav-link-x:hover {
  /* transform: scale(1.3); */
  /* transition: 2s; */
  background: #ff0000;
  background: linear-gradient(357deg, #ff0000 0%, #e7da77 20%);
  background: -webkit-linear-gradient(357deg, #ff0000 0%, #e7da77 20%);
  background: -moz-linear-gradient(357deg, #ff0000 0%, #e7da77 20%);
}

#logo {
  background-color: #f4e27a;
}

#bidang {
  /* background-color: white; */
  /* background-image: url(imgs/koni-tr.png) repeating-linear-gradient(); */
  background: linear-gradient(357deg, #f47a7a 0%, #ded590 20%);
  background: -webkit-linear-gradient(357deg, #f47a7a 0%, #ded590 20%);
  background: -moz-linear-gradient(357deg, #f47a7a 0%, #ded590 20%);
}

#dashboard {
  background-color: white;
  max-height: 800px;
  max-width: 900%;
}

/*
#carouselMain {
  background-color: white; 
  background: linear-gradient(357deg, #f4cccc 0%, #f3eec7 5%);
  background: -webkit-linear-gradient(357deg, #f4cccc 0%, #f3eec7 5%);
  background: -moz-linear-gradient(357deg, #f4cccc 0%, #f3eec7 5%);
}
*/

#carouselMainImages {
  background-color: white;
}

#carousel-image1,
#carousel-image2,
#carousel-image3,
#carousel-image4,
#carousel-image5,
#carousel-image6,
#carousel-image7,
#carousel-image8,
#carousel-image9,
#carousel-image10 {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 992px) and (max-width: 1399px) {
  #carousel-image1,
  #carousel-image2,
  #carousel-image3,
  #carousel-image4,
  #carousel-image5,
  #carousel-image6,
  #carousel-image7,
  #carousel-image8,
  #carousel-image9,
  #carousel-image10 {
    width: 100%;
    height: 75vh;
    object-fit: cover;
  }
}
@media (min-width: 1400px) {
  #carousel-image1,
  #carousel-image2,
  #carousel-image3,
  #carousel-image4,
  #carousel-image5,
  #carousel-image6,
  #carousel-image7,
  #carousel-image8,
  #carousel-image9,
  #carousel-image10 {
    width: 100%;
    height: 88vh;
    object-fit: cover;
  }
}

#newsFixed {
  background-color: #f0f8ff;
}

#newsFixedImages {
  background-color: #f0f8ff;
}

#saranMain {
  background-color: #f0f8ff;
}

/*
#dokumentasi {
  background-color: #f0f8ff;
}
  */

.content-wave {
  position: relative;
  width: 300px;
  /* margin-left: 60px; */
}
.content-wave h2 {
  position: absolute;
  color: #0d0d0e;
  transform: translate(0%, 20%);
  font-size: 1.2em;
}
.content-wave h2:nth-child(1) {
  color: transparent;
  -webkit-text-stroke: 2px #0c0c0b;
}
.content-wave h2:nth-child(2) {
  /* color: #f3490b; */
  color: #0d0d0c;
  /* animation: animate 5s ease-in-out infinite; */
}

@keyframes animate {
  0%,
  100% {
    /* clip-path: polygon(0 47%, 15% 50%, 29% 56%, 45% 62%, 60% 53%, 77% 48%, 100% 46%, 99% 99%, 0% 99%); */
    /* clip-path: circle(50% at 50% 50%); */
    clip-path: polygon(0 37%, 8% 45%, 13% 57%, 23% 82%, 34% 43%, 42% 33%, 50% 34%, 59% 42%, 66% 56%, 75% 77%, 83% 39%, 90% 26%, 100% 19%, 100% 98%, 0% 100%);
  }
  50% {
    /* clip-path: polygon(0 61%, 13% 58%, 26% 52%, 44% 50%, 60% 59%, 80% 56%, 98% 61%, 99% 99%, 0% 99%); */
    /* clip-path: circle(5.2% at 50% 50%); */
    clip-path: polygon(0 84%, 7% 69%, 12% 55%, 21% 34%, 33% 51%, 42% 58%, 51% 49%, 60% 54%, 66% 42%, 73% 35%, 81% 58%, 92% 53%, 100% 60%, 100% 98%, 0% 100%);
  }
}

/* Kontainer kontak */
.contact-bar {
  font-size: 0.95rem;
}

.contact-item {
  white-space: nowrap;
}

.contact-bar i {
  margin-right: 6px;
  font-size: 1.1em;
  vertical-align: middle;
}

/* LINK TANPA GARIS BAWAH (SEMUA STATE) */
.contact-bar a,
.contact-bar a:hover,
.contact-bar a:focus,
.contact-bar a:active {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.contact-bar a:hover {
  opacity: 0.85;
}

/* Desktop */
@media (min-width: 768px) {
  .contact-bar {
    font-size: 1rem;
  }
}

/* footer {
  background-color: #f2658e;
} */