.container {
  width: 100%;
  margin: auto;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1600px;
}

/*** main-section-styles ***/
.main {
  width: 90%;
  margin-top: var(--xxxl-space);
  margin-bottom: auto;
}
.main-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  row-gap: var(--md-space);
}
.main-title {
  font-size: 2.5rem;
  max-width: 40rem;
}
.main-description {
  font-size: 1.2rem;
  max-width: 51rem;
}
.main-cta-section {
  display: flex;
  justify-content: center;
  column-gap: var(--md-space);
  row-gap: var(--md-space);
  flex-wrap: wrap;
}
/********/

/*** installation-styles ***/
.installation-container {
  width: 90%;
  align-items: center;
  gap: 0;
}
.installation-instruction {
  padding: var(--md-space);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: var(--md-space);
}

/********/
@media only screen and (max-width: 800px) {
  .container {
    margin-bottom: 2rem;
  }
  .main-content {
    align-items: center;
  }
  .main-title {
    font-size: 1.8rem;
    max-width: 40rem;
    text-align: center;
  }
  .main-description {
    font-size: 1rem;
    max-width: 51rem;
    text-align: center;
  }
  .btn {
    padding: 0.3rem 0.5rem;
  }
}