/* SECTION */

section{
  padding:70px 0;
}

/* INFO CARD */

.info-card{
  border:none;
  border-radius:24px;
  background:white;
  box-shadow:0 5px 25px rgba(0,0,0,.06);
  height:100%;
  padding:35px;
}

/* INFO ICON */

.info-icon{
  width:70px;
  height:70px;
  border-radius:18px;
  background:rgba(253,128,46,.12);
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  margin-bottom:20px;
}

/* PAGE HEADER */

.page-header{
  background:
  linear-gradient(rgba(15,96,107,.92),rgba(15,96,107,.92)),
  url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=1400&auto=format&fit=crop');

  background-size:cover;
  background-position:center;
  padding:120px 0 80px;
  color:white;
}

.page-header h1{
  font-size:3rem;
  font-weight:800;
}

/* PROFILE CARD */

.profile-card{
  border:none;
  border-radius:24px;
  overflow:hidden;
  background:white;
  box-shadow:0 5px 25px rgba(0,0,0,.06);
  transition:.3s;
  height:100%;
}

.profile-card:hover{
  transform:translateY(-5px);
}

.profile-card img{
  width:100%;
  height:320px;
  object-fit:cover;
}

.profile-card .card-body{
  padding:25px;
}

/* JABATAN */

.jabatan{
  color:var(--primary);
  font-weight:600;
  font-size:.9rem;
}

/* RESPONSIVE */

@media(max-width:768px){

  .page-header{
    text-align:center;
  }

  .page-header h1{
    font-size:2.3rem;
  }

}