.pp-service-card {
  width: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden; }
  .pp-service-card .service-img {
    width: 100%;
    height: 100%;
    width: 411px;
    height: 411px; }
  .pp-service-card .content-box {
    z-index: 1;
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 32px);
    padding: 24px 32px;
    border-radius: 8px;
    background: rgba(9, 30, 66, 0.6);
    -webkit-transition: var(--transition-lg);
    -o-transition: var(--transition-lg);
    transition: var(--transition-lg);
    max-height: 100px; }
    .pp-service-card .content-box .title,
    .pp-service-card .content-box .des {
      color: var(--white-color); }
    .pp-service-card .content-box .title {
      vertical-align: middle; }
    .pp-service-card .content-box .read-more-btn,
    .pp-service-card .content-box .des {
      visibility: hidden;
      -webkit-transition: var(--transition-lg);
      -o-transition: var(--transition-lg);
      transition: var(--transition-lg); }