.bamboocraft-index-catelory {
  padding: 60px 0; }
  .bamboocraft-index-catelory .catelory-item {
    position: relative;
    overflow: hidden; }
    .bamboocraft-index-catelory .catelory-item:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    .bamboocraft-index-catelory .catelory-item .img img {
      transition: all 0.5s;
      width: 100%; }
    .bamboocraft-index-catelory .catelory-item .content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 2;
      color: #fff;
      padding: 40px; }
      .bamboocraft-index-catelory .catelory-item .content a {
        color: #fff; }
      .bamboocraft-index-catelory .catelory-item .content .title {
        font-size: 32px;
        position: relative;
        display: inline-block;
        margin-bottom: 10px; }
        .bamboocraft-index-catelory .catelory-item .content .title:before {
          content: '';
          position: absolute;
          bottom: -2px;
          left: 0;
          width: 0;
          height: 1px;
          background: #fff;
          transition: all 0.3s ease-in-out; }
        .bamboocraft-index-catelory .catelory-item .content .title:hover:before {
          width: 100%; }
      .bamboocraft-index-catelory .catelory-item .content .info {
        margin-bottom: 20px;
        transform: translateY(90%);
        transition: all 0.4s; }
      .bamboocraft-index-catelory .catelory-item .content .btn-more {
        transform: translateY(200%);
        opacity: 0;
        transition: all 0.5s; }
        .bamboocraft-index-catelory .catelory-item .content .btn-more .button:hover {
          opacity: 1;
          color: #000;
          background: #fff;
          border-color: #fff; }
    .bamboocraft-index-catelory .catelory-item:hover .img img {
      transform: scale(1.05); }
    .bamboocraft-index-catelory .catelory-item:hover .content .info,
    .bamboocraft-index-catelory .catelory-item:hover .content .btn-more {
      transform: translateY(-30px);
      opacity: 1; }
  @media (max-width: 1199px) {
    .bamboocraft-index-catelory .catelory-item .content {
      padding: 20px; }
      .bamboocraft-index-catelory .catelory-item .content .title {
        font-size: 24px; }
      .bamboocraft-index-catelory .catelory-item .content .info {
        transform: translateY(50%); } }
  @media (max-width: 991px) {
    .bamboocraft-index-catelory .row {
      gap: 15px; } }
  @media (max-width: 767px) {
    .bamboocraft-index-catelory {
      padding: 30px 0; }
      .bamboocraft-index-catelory .catelory-item .content .title {
        font-size: 20px; } }