.tutorials {
  position: relative;
  padding-top: 55px;
  padding-bottom: 40px;
}

.tutorials-title {
  margin-bottom: 100px;
}
.tutorials-title span.title-primary {
  width: 100%;
  text-align: center;
}

.tutorials-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  gap: 58px 82px;
}

.tutorials-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tutorials-card__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 362/203;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
.tutorials-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tutorials-card__name {
  text-align: center;
  font-weight: normal;
}

.tutorials-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

@media screen and (max-width: 1179px) {
  .tutorials-title {
    margin-bottom: 40px;
  }
  .tutorials-card__image {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .tutorials-content {
    grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
    gap: 40px 30px;
  }
}