/**
 * pe_title_desc_borderboxes_lite.css - gradient-border hover-reveal card grid.
 * Linked by the block. Ported from pe_lowcode.css, scoped under .pe_tdbb
 * (inner class names kept so the original page CSS copies stay compatible).
 */
.pe_tdbb .s4_items {
   row-gap: 40px;
}
.pe_tdbb .s4_items_border_wrap {
   position: relative;
   background: linear-gradient(to right, var(--pe_teal), var(--pe_blue), var(--pe_deep_blue));
   border-radius: 8px;
   padding: 0;
   height: 190px;
   overflow: hidden;
}
.pe_tdbb .s4_items_border_wrap:hover {
   padding: 3px;
   overflow: visible;
}
.pe_tdbb .s4_items_wrap {
   border-radius: 5px;
   position: relative;
   padding: 25px;
   background: white;
   height: 100%;
   overflow: hidden;
}
.pe_tdbb .s4_items_wrap:hover {
   padding: 22px;
   overflow: visible;
}
.pe_tdbb .s4_items_wrap .text-truncate {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   white-space: normal;
   position: relative;
   z-index: 1;
}
.pe_tdbb .s4_items_wrap:hover .text-truncate:before {
   content: '';
   background: linear-gradient(to right, var(--pe_teal), var(--pe_blue), var(--pe_deep_blue));
   position: absolute;
   top: 0;
   left: -3px;
   right: -3px;
   bottom: 0;
   z-index: -2;
   border-radius: 5px;
}
.pe_tdbb .s4_items_wrap:hover .text-truncate:after {
   content: '';
   background: var(--pe_white);
   position: absolute;
   top: 0;
   bottom: 3px;
   left: 0;
   right: 0;
   border-radius: 0 0 5px 5px;
   z-index: -1;
}
.pe_tdbb .s4_items_wrap:hover .text-truncate {
   -webkit-line-clamp: unset;
   overflow: visible;
   white-space: normal;
   position: absolute;
   left: 0;
   right: 0;
   background: white;
   padding: 0 22px 25px;
   z-index: 10;
   border-radius: 5px;
}
@media (max-width:575px) {
   .pe_tdbb .s4_items_border_wrap {
      padding: 3px;
      overflow: visible;
      height: auto;
   }
   .pe_tdbb .s4_items_wrap {
      padding: 22px;
      overflow: visible;
   }
   .pe_tdbb .s4_items_wrap .text-truncate:before {
      display: none;
   }
   .pe_tdbb .s4_items_wrap .text-truncate {
      -webkit-line-clamp: unset;
      overflow: visible;
      white-space: normal;
      position: relative !important;
      left: 0;
      right: 0;
      background: white;
      padding: 0 !important;
      z-index: 10;
      border-radius: 5px;
   }
}

/* short descriptions fit the 3-line clamp - skip the hover reveal */
.pe_tdbb .s4_items_border_wrap.s4_fits:hover {
   padding: 3px;
   overflow: hidden;
}
.pe_tdbb .s4_fits .s4_items_wrap:hover {
   padding: 22px;
   overflow: hidden;
}
.pe_tdbb .s4_fits .s4_items_wrap:hover .text-truncate {
   position: relative;
   padding: 0;
   background: transparent;
   -webkit-line-clamp: 3;
   overflow: hidden;
   z-index: 1;
}
.pe_tdbb .s4_fits .s4_items_wrap:hover .text-truncate:before,
.pe_tdbb .s4_fits .s4_items_wrap:hover .text-truncate:after {
   content: none;
}