/* Footer */
footer {
  background-color: #f1f9ff;
  color: var(--white);
}

.footer-content {
  background: linear-gradient(to left, #073c64, #10598f);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 55px 100px;
}

.footer-value {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
}

.footer-left {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  grid-column: span 2 / span 2;
}

.footer-office {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}

.footer-office-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.footer-office-header > h5 {
  font-size: var(--text-xl);
  line-height: var(--text-height-xl);
  font-weight: 600;
}

.footer-office-header > svg {
  width: 24px;
  height: 24px;
  color: var(--secondary-color);
}

.footer-office > p {
  font-size: var(--text-base);
  line-height: var(--text-height-base);
  font-weight: 400;
  padding-left: 34px;
}

.footer-office-note {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  margin-top: 24px;
}

.footer-office-note > svg {
  width: 20px;
  height: 20px;
  color: var(--secondary-color);
}

.footer-office-note > p {
  font-size: var(--text-base);
  line-height: var(--text-height-base);
  font-weight: 400;
  color: var(--secondary-color);
}

.footer-right {
  display: flex;
  width: 100%;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  grid-column: span 1 / span 1;
  gap: 16px;
}

.sosmed {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sosmed > p {
  font-size: var(--text-lg);
  line-height: var(--text-height-lg);
  font-weight: 600;
}

.sosmed > i {
  font-size: 30px;
  color: var(--secondary-color);
}