.itemBox {
      margin-bottom: 45px;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-gap: 30px;
    }

    .itemBox .item {
      width: 100%;
      position: relative;
      overflow: hidden;
    }

    .itemBox .item .img {
      width: 100%;
      border-radius: 4px 4px 4px 4px;
      background: #FFFFFF;
      cursor: zoom-in;
    }

    .itemBox .item .img:hover {
      box-shadow: 0 0 5px var(--color);
    }

    .itemBox .item .img img {
      width: 100%;
    }

    .itemBox .item .text {
      margin-top: 15px;
      width: 100%;
    }

    .itemBox .item .text h1 {
      text-align: center;
      font-size: 18px;
      color: var(--color);
    }

    @media (max-width:1200px) {
        .itemBox {
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 15px;
        }
    }

    @media (max-width:720px) {
        .itemBox {
          grid-template-columns: repeat(2, 1fr);
        }
    }