/* SECTION */

section.py-5 {
  padding: var(--section-padding);
}

/* PROFILE GRID */

section:not(.footer) .row.g-4 > [class*="col-"] {
  display: flex;
}

/* INFO CARD */

.info-card {
  border: none;
  border-radius: var(--radius-lg);
  background: var(--white);
  box-shadow: var(--shadow-hover);
  height: 100%;
  width: 100%;
  padding: var(--card-padding-custom);
}

.info-card * {
  font-family: inherit !important;
  font-size: var(--bs-body-font-size) !important;
  line-height: 1.5 !important;
}

.info-card p,
.info-card .MsoNormal,
.info-card .MsoListParagraph {
  margin: 0 0 1rem !important;
  padding: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
  tab-stops: none !important;
}

.info-card p + p {
  margin-top: .25rem !important;
}

.info-card p + ul,
.info-card p + ol {
  margin-top: .25rem !important;
}

.info-card ul,
.info-card ol {
  margin: 0 0 1rem !important;
  padding-left: 1.5rem !important;
}

.info-card li {
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
}

/* 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;
}

.profile-card {
  display: flex;
  flex-direction: column;
}

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

.profile-card .card-body {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* JABATAN */

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

/* RESPONSIVE */

@media(max-width:768px) {

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

}