.all-templates {
  .container {
    .title {
      margin-bottom: 50px;
      h2 {
        margin: 0 0 32px;
        font-size: var(--fs-5xl);
        line-height: 80%;
      }
      .text {
        max-width: 460px;
      }
    }
    .all-templates-row {
      margin-bottom: 80px;
      @media (max-width: 1280px) {
        margin-bottom: 50px;
      }
      @media (max-width: 1024px) {
        margin-bottom: 30px;
      }
      h4 {
        margin: 0 0 20px;
        color: #c1b4a3;
        font-family: var(--ff-fibbl);
        font-weight: 400;
      }
      .all-templates-videos {
        display: grid;
        grid-gap: 70px;
        grid-template-columns: repeat(4, 1fr);
        @media (max-width: 1280px) {
          grid-gap: 50px;
        }
        @media (max-width: 1024px) {
          grid-gap: 30px;
        }
        @media (max-width: 768px) {
          display: flex;
          margin-right: -20px;
          overflow-x: auto;
        }
        figure {
          position: relative;
          padding-top: 130%;
          overflow: hidden;
          border-radius: 20px;
          @media (max-width: 768px) {
            min-width: 200px;
            height: 280px;
            padding-top: 0;
          }
          video {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            object-fit: cover;
          }
        }
      }
    }
  }
}