/* iis-main-section.css */

/* Block: Main section container */
.iis-main-section {
  /* Mobile-first: full width, centered content */
  width: 100%;
  text-align: center;
  padding: 12px 16px 12px 16px;
}

/* Element: Title (H1) */
.iis-main-section__title {
  /* Typography as specified */
  font-family: 'Geomanist', sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1; /* 100% */
  letter-spacing: 0;
  color: rgba(116, 77, 44, 1);
  margin: 0 0 16px 0; /* Bottom margin for spacing */
}

/* Element: Description paragraph */
.iis-main-section__description {
  /* Typography as specified */
  font-family: 'Geomanist', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1; /* 100% */
  letter-spacing: 0;
  color: rgba(29, 29, 29, 1);
  margin: 0;
}

/* Tablet breakpoint */
@media (min-width: 768px) {
  .iis-main-section {
    padding: 20px 80px 40px 80px;
  }

  .iis-main-section__title {
    font-size: 64px; /* Maintain size or adjust if needed */
    margin-bottom: 22px;
  }

  .iis-main-section__description {
    font-size: 20px; /* Maintain size */
  }
}

/* Desktop breakpoint */
@media (min-width: 1024px) {
  .iis-main-section {
    padding: 20px 80px 40px 80px;
  }

  .iis-main-section__title {
    font-size: 64px; /* Maintain size */
  }

  .iis-main-section__description {
    font-size: 20px; /* Maintain size */
  }
}