.software-craftsmen {
    background: url("/images/products/union.webp") no-repeat 50% 0%;
    background-size: cover;
    height: 911px;
  }

  .software-craftsmen .row {
    position: relative;
    top: -65px;
  }

  .software-craftsmen-text {
    font-size: 18px;
  }

  .software-craftsmen-detail {
    position: relative;
    top: 311px;
    margin-bottom: 308px;
    margin-top: -259px;
  }

  .card-product {
    background: #ffffff;
    box-shadow: -20px 4px 250px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    max-width: 328px;
    transition: transform 500ms ease-in-out;
    overflow: hidden;
  }

  .card-product:hover {
    transform: translateY(-2%);
    background: #ffffff !important;
    z-index: 1 !important;
  }

  .card-product:hover .card-due {
    opacity: 1;
    transform: translateY(-15%);
    z-index: 1;
  }

  .card-due {
    position: absolute;
    opacity: 1;
    transform: translateY(30%);
    transition: transform 300ms ease-in-out;
    z-index: 2;
    border-radius: 0px !important;
  }

  .wave,
  .pos-absol-white {
    position: absolute;
    z-index: 99 !important;
    top: 0px;
  }

  .card-product .card-body {
    padding: 1rem 1.5rem;
    z-index: 99 !important;
    background: #ffffff;
  }

  .card-product .card-img-body {
    height: 84px;
  }

  .card-product .card-title {
    font-family: Lato;
    font-style: normal;
    font-weight: 800;
    font-size: 12.6px;
    line-height: 190.65%; /* or 24px */
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #404040;
  }

  .card-product .card-text {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 163.35%; /* or 29px */
    color: #404040;
  }

  .card-product .card-footer a {
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    font-size: 12.6px;
    line-height: 22px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #ff8a00;
    display: block;
    text-decoration: none;
  }

  .btn-product {
    min-width: 223px;
  }

  .card img {
    border-radius: 20px 20px 0 0;
  }

  .card-body .pb-1,
  .card-footer {
    z-index: 99 !important;
    background: #ffffff;
  }

  .card-body:hover,
  .pb-1:hover,
  .card-footer:hover {
    z-index: 99 !important;
    background: #ffffff !important;
  }

  @media screen and (max-width: 992px) {
    .software-craftsmen {
      height: 500px;
    }

    .software-craftsmen-text {
      font-size: 16px;
      line-height: 152.3%;
    }
  }