.home {
  &__cover {
    background: linear-gradient(rgba(0, 29, 49, 0.83), rgba(0, 29, 49, 0.83)), url("../assets/images/cover-home.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 135px 0;

    &-wrap {
      max-width: 565px;
    }

    @media screen and (max-width: 768px) {
      &-wrap {
        max-width: 100%;
      }
      h1 {
        font-size: 43px;
      }
    }
  }

  &__text {
    font-family: Calibri, sans-serif;
  }

  &__courses {
    padding-top: 70px;
    padding-bottom: 70px;
    &-title {
      margin-bottom: 70px;
      text-align: center;
    }
  }

  &__goals {
    padding-top: 70px;
    padding-bottom: 75px;
    font-size: 20px;
    line-height: calc(24 / 20);

    &-wrap {
      padding: 75px 0;
      margin: 60px 0;
      position: relative;
    }

    &-title {
      margin: 0 20px 50px 50px;
      color: var(--color-2);
      @media screen and (max-width: 768px) {
        max-width: 220px;
        margin: auto;
      }
    }

    &-icon {
      height: 50px;
      margin-bottom: 15px;
    }

    &-arrow-top {
      position: absolute;
      top: 0;
      left: calc(50% - 315px);

      @media screen and (max-width: 768px) {
        transform: scaleY(-1) rotateZ(-95deg);
        left: 0;
        top: 22%;
        height: 110px;
      }
    }

    &-arrow-bottom {
      position: absolute;
      bottom: 0;
      left: calc(50% + 115px);
      @media screen and (max-width: 768px) {
        transform: scaleY(-1) rotateZ(-90deg);
        left: 66%;
        bottom: 22%;
        height: 110px;
      }
    }
  }

  &__certificate {
    margin-bottom: 70px;
    &-about {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      font-family: Calibri, sans-serif;
    }

    &-title {
      margin-bottom: 40px;
    }

    &-text {
      color: var(--color-2);
      line-height: calc(40 / 27);
    }

    &-image {
      img {
        width: 100%;
      }
    }
  }
}