.Information {
  margin: 0 auto;
  max-width: rem(1540px);
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
  padding: 10px;

  @include iftablet {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 20px;
    padding: 20px;
  }

  @include iflaptop {
    padding: 28px;
  }

  @include ifdesktop {
    padding: 40px;
    gap: 40px;
  }

  .Contact {
    h3 {
      @extend %title;
      width: 100%;

      @include iftablet {
        max-width: 420px;
      }
    }

    .Row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-items: center;
      align-items: center;
      margin-bottom: 20px;

      .Info {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;

        .Text {
          font-family: $font-roboto;
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          color: $color-text;

          a {
            color: $color-green;

            &:hover {
              color: $color-green-hover;
              text-decoration: underline;
            }
          }

        }
      }
    }
  }

  .Details {
    h3 {
      @extend %title;
    }

    p {
      font-family: $font-roboto;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: $color-text-light;
      margin-bottom: 20px;
    }
  }
}

.LicenceSlider {
  margin: 0 auto 40px;
  max-width: rem(1200px);

  .Title {
    @extend %title;
  }
}

.WorkTime {
  display: grid;
  grid-template-columns: auto;
  gap: 0;
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(300deg, #009283 16%, #58c644 37%);

  @include iftablet {
    grid-template-columns: auto auto;
  }

  .Block {
    position: relative;
    padding: 20px 0 20px 100px;

    @include iftablet {
      background-color: #009283;
    }

    &_grad {
      @include iftablet {
        background-color: transparent;
        background-image: linear-gradient(300deg, #009283 16%, #58c644 37%);
      }
    }

    .Icon {
      position: absolute;
      top: 16px;
      left: 16px;

      @include iftablet {
        top: 18px;
        left: 30px;
      }
    }

    .Title {
      font-family: $font-roboto;
      font-weight: 500;
      font-size: 24px;
      line-height: 130%;
      color: $color-white;
      margin-bottom: 4px;
    }

    .Text {
      font-family: $font-roboto;
      font-weight: 500;
      font-size: 16px;
      line-height: 130%;
      color: $color-white;
      margin-bottom: 4px;
    }
  }
}


%title {
  font-family: $font-roboto;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: $color-text;
  text-align: center;
  height: 80px;
  margin-bottom: 20px;
}