/* About Us Page Styles */

/* Announcement Banner */
.announcement-banner {
  background-color: #111827;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  font-family: 'Figtree', sans-serif;
  font-size: 14px;
}

.announcement-banner * {
  font-family: 'Figtree', sans-serif;
  font-size: 14px;
}

.announcement-banner a {
  color: #ffffff;
  text-decoration: none;
}

.announcement-banner a:hover {
  color: #d1d5db;
}


.brand-button {
  background-color: #5062ff !important;
  font-family: 'Figtree', sans-serif;
}

.brand-button:hover {
  background-color: #3B4CF5 !important;
}

.profile-nav-image {
  display: block !important;
}

.step-card.intro-card.about-us {
  border: none;
}

.creator-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.04);
  border-radius: 1rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.titel-sub-small-title.story {
  font-size: 1.125rem;
  line-height: 1.75;
}

@media (max-width: 768px) {
  .titel-sub-small-title.story {
    font-size: 1.0625rem;
  }
}

.map-container {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.map-container iframe {
  display: block;
  width: 100%;
  border: 0;
}

.map-full-width {
  margin-bottom: 2rem;
}

.map-full-width iframe {
  height: 400px;
}

@media (max-width: 768px) {
  .map-full-width iframe {
    height: 300px;
  }
  
  .map-full-width {
    margin-bottom: 1.5rem;
  }
}