.kartu
{
    padding: 20px;
}

.kartu-berita:hover
{
    background-color:#000080;
    transition: 1s;
    color: white;
}

.kartu-judul
{
    margin-bottom: 20px;
}

.kategoriTeks:hover
{
    color: #000080;
    letter-spacing: 2px;
    font-size: 18px;
    transition: 1s;
}

#visimisi
{
    background-color: #F8F8FF;
}

.kotak-visimisi
{
    padding: 60px;
    background-color: gold;
}

.gambar-tentang
{
    width: 75%;
    margin: 50px;
    margin-top: 0;
}

.padding-about
{
    padding: 30px;
}


.prodi-bg
{
    background-image: linear-gradient(
        rgba(229, 229, 224, 0.5),
        rgb(0 0 255 / 50%)
      ),  url(../img/gallery/gallery-2.jpg);
    background-attachment: fixed;
    background-size: 100%;
}

.prodi-bg .container
{
    width: 70%;
}

.card-tautan
{
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.tautan-list li
{
    border-bottom: 2px solid black;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 10px;
}

.tautan-list a:hover, .tautan-list li:hover
{
    border-bottom: 2px solid crimson;
    letter-spacing: 5px;
    transition-duration: 1s;
    font-weight: bold;
    font-size: 20px;
}

.tautan-list a:hover
{
    text-decoration: none;
    border: 0px;
}

.berita-depan .card:hover
{
    background-color: black;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.bg-navy
{
    background-color: #063A69;
}

.teks-kapital
{
    text-transform: uppercase;
}


.kotak-galeri, .kotak-galeri .test{
    position: relative;
    width: 170px;
    height: 150px;
    display: inline-block;
    margin: 5px;
}

.kotak-galeri .hapiyus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 0;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    transition: opacity .5s;
}

.img-thumbnail{
    width:100%;
    height: 100%;
}

.img-thumbnail:hover
{
transform: scale(1.2);
opacity: 0.7;
transition: 1s;
}

.kotak-galeri:hover  .hapiyus{
    opacity:1;
}

.kontener-kontak
{
    width: 70%;
}

.kontener-dosen
{
    border: 1px solid gainsboro;
}

.dosen-berita .card-title:hover
{
    color:crimson;
    transition-duration: 1s;
}


.accordion-button:not(.collapsed),
.accordion-button:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
}
.accordion-button::after {
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: var(--bs-danger);
  background-image: none !important;
}
.accordion-button.collapsed::after {
  background-color: var(--bs-gray-300);
}


.bg-biru-alice
{
    background-color: #F0F8FF;
}

.bg-putih-hantu
{
    background-color: #F8F8FF;
}

.teks-titel
{
    font-family: "Roboto";
}

.swiper-button-prev, .swiper-button-next {
    background-color: crimson; /* Warna latar belakang baru */
    color: white; /* Warna teks baru */
    border-radius: 50%; /* Opsional: membuat tombol menjadi bulat */
    padding: 30px; /* Opsional: mengatur ukuran padding */
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    transition-duration: 2s;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: navy; /* Warna latar belakang saat hover */
    padding: 33px;
}