.soppiya_ts_hero_section {
  padding: 24px 0px 0px 0px;
}
.soppiya_ts_hero_content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
}
.soppiya_ts_hero_left_column {
  grid-column: span 12 / span 12;
}
.soppiya_ts_hero_left_column h1 {
  font-size: 32px;
  line-height: 48px;
  font-weight: 650;
  color: #212326;
  margin-bottom: 16px;
}
.soppiya_ts_hero_left_column p {
  font-size: 14px;
  font-weight: 450;
  line-height: 24px;
  color: #212326;
}
.soppiya_ts_hero_right_column {
  grid-column: span 12 / span 12;
}

@media (min-width: 768px) {
  .soppiya_ts_hero_section {
    padding: 48px 0px 0px 0px;
  }

  .soppiya_ts_hero_left_column h1 {
    font-size: 64px;
    line-height: 74px;
  }
  .soppiya_ts_hero_left_column p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .soppiya_ts_hero_section {
    padding: 48px 0px 0px 0px;
  }
  .soppiya_ts_hero_left_column {
    grid-column: span 7 / span 7;
  }
  .soppiya_ts_hero_right_column {
    grid-column: span 5 / span 5;
    display: flex;
    justify-content: end;
    align-items: end;
  }
  .soppiya_ts_hero_left_column h1 {
    font-size: 74px;
    line-height: 94px;
  }
  .soppiya_ts_hero_left_column p {
    font-size: 22px;
    line-height: 34px;
  }
}