.index-hero {
  padding-top: 6rem;
  background: #5fbc62;
  background: linear-gradient(0deg, rgba(95, 188, 98, 0.14) 0%, rgba(143, 253, 45, 0) 100%); }
  @media (max-width: 991px) {
    .index-hero {
      padding-top: 50px; } }
  @media (max-width: 574px) {
    .index-hero {
      background: linear-gradient(0deg, rgba(95, 188, 98, 0.14) 0%, rgba(143, 253, 45, 0.13) 60%, rgba(143, 253, 45, 0) 100%); } }
  .index-hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
    align-items: center; }
    @media (max-width: 991px) {
      .index-hero__grid {
        grid-template-columns: 100%;
        gap: 24px; } }
  @media (max-width: 991px) {
    .index-hero__img {
      order: 1;
      max-width: 500px; } }
  .index-hero__subtitle {
    color: #848484;
    margin-bottom: 2rem; }
    @media (max-width: 991px) {
      .index-hero__subtitle {
        margin-bottom: 10px; } }
  .index-hero__title {
    font-weight: 600; }
  .index-hero__list {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.2rem; }
    @media (max-width: 991px) {
      .index-hero__list {
        gap: 8px 24px; } }
    @media (max-width: 574px) {
      .index-hero__list {
        grid-template-columns: 100%; } }
    .index-hero__list li {
      position: relative;
      padding-left: 1.8rem; }
      @media (max-width: 991px) {
        .index-hero__list li {
          padding-left: 12px; } }
      .index-hero__list li:before {
        position: absolute;
        left: 0;
        top: .6rem;
        content: '';
        width: .8rem;
        height: .8rem;
        background-color: #5FBC62;
        border-radius: 50%; }
        @media (max-width: 991px) {
          .index-hero__list li:before {
            top: 8px;
            width: 6px;
            height: 6px; } }
  .index-hero__btn {
    margin-top: 4rem; }