/* ! Hero */
.c-hero-section {
  position: relative;
  width: 100%;
}

.c-hero-container {
  overflow: hidden;
  height: 100%;
  z-index: 2;
}

.c-hero-img {
  height: 100%;
  max-height: 50dvh;
  width: auto;
  object-fit: contain;
}

/* ! Privacy */
.c-odd-section {
  background-color: var(--base-color);
}

.c-even-section {
  background-color: var(--alt-color);
}

.c-privacy-title {
  font-size: var(--font-size-section-title);
  text-align: center;
  font-weight: bold;
}

.c-privacy-text {
  font-size: var(--font-size-small-text);
  text-align: start;
  color: var(--secondary-text);
}

.c-privacy-subtitle {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  height: fit-content;
}

/* ! Banner */
.c-banner-section {
  position: relative;
  /* height: 65dvh; */
  width: 100%;
}

.c-banner-container {
  overflow: hidden;
  z-index: 2;
}

.c-banner-text {
  font-size: clamp(2.2rem, 4vw, 3.5rem);
  text-align: center;
  color: var(--secondary-text);
}

.c-banner-picture {
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
}

.c-banner-img {
  height: 100%;
  max-height: 250px;
  width: auto;
  min-width: 100%;
  object-fit: contain;
  mix-blend-mode: screen;
}