/* Google Fonts - Poppins */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap'); */

.card-custom{
  border-radius: 25px;
  background-color: #e8cea2;
}

.program-unggulan-card {
    border: 5px solid #f2e5cf;
}

.card-custom, .ekskul-card, .program-unggulan-card, .prestasi-card {
    transition: all .2s ease-in-out;
}

.card-custom:hover, .ekskul-card:hover, .program-unggulan-card:hover {
    transform: scale(1.05);
    cursor: pointer;
}

.prestasi-card:hover {
    box-shadow: 0 0 15px #664229;
    cursor: pointer;
    z-index: 10;
}


.image-content,
.card-content{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-content{
  position: relative;
  row-gap: 5px;
  padding: 15px 0;
}
.overlay{
  position: absolute;
  left: 0;
  top: -1px;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 25px 25px 0 25px;
}
.overlay::before,
.overlay::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 15px;
  width: 15px;
  background-color: #fff;
}
.overlay::after{
  border-radius: 0 25px 0 0;
  background-color: #e8cea2;
}
.card-image{
  position: relative;
  height: 180px;
  width: 180px;
}
.card-image .card-img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 5px solid #f2e5cf;
}