#main .main-page-content .main-our-cats, .main-our-cats {
  margin: 60px 0;

  .main-our-cats-content {
    .list {
      display: flex;
      gap: 70px;

      .item {
        position: relative;
        min-width: 240px;

        img {
          margin: 0 auto;
          border-radius: 20px;
        }
        .title {
          height: 59px;
          position: absolute;
          bottom: 50px;
          left: 0;
          right: 0;

          span {
            text-transform: uppercase;
            font-size: 40px;
            color: black;
            font-family: Rubik;
            font-weight: 500;
            line-height: 59px;
            text-wrap: nowrap;
            width: 100%;
            overflow: hidden;
            position: relative;
            z-index: 2;
            display: block;
            text-align: center;
          }
        }
        .title:before {
          content: "";
          position: absolute;
          z-index: 1;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background-color: RGBA(255, 255, 255, 0.7);
        }
      }
    }
  }
}
@media (max-width: 1200px) {
  #main .main-page-content .main-our-cats .main-our-cats-content .list .item .title span {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  #main .main-page-content .main-our-cats .main-our-cats-content .list {
    gap: 30px;

    .item .title span {
      font-size: 20px;
    }
  }
}
@media (max-width: 767px) { 
  #main .main-page-content .main-our-cats .main-our-cats-content .list {
    flex-wrap: wrap;
    justify-content: center;

    .item {
      flex-basis: 45%;
    }
  }
}