.pe-section {
      padding: 70px 0;
   }
   .pe-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
   }
   .pe-card {
      background: #fff;
      border: 1px solid #ecedf5;
      border-radius: 14px;
      padding: 26px 24px;
      box-shadow: 0 4px 18px rgba(16,16,46,0.06);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      display: flex;
      align-items: center;
      gap: 18px;
      position: relative;
      overflow: hidden;
   }
   .pe-card::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 4px; height: 100%;
      background: linear-gradient(180deg, #0056b3, #3b8bff);
   }
   .pe-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 30px rgba(0,86,179,0.15);
      border-color: #cfe0f7;
   }
   .pe-icon {
      flex: 0 0 52px;
      width: 52px; height: 52px;
      border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
   }
   .pe-icon svg { width: 24px; height: 24px; }
   .pe-icon.c1 { background: rgba(245,158,11,0.12); color: #d97706; }
   .pe-icon.c2 { background: rgba(34,153,84,0.12); color: #229954; }
   .pe-icon.c3 { background: rgba(219,39,119,0.1); color: #db2777; }
   .pe-icon.c4 { background: rgba(124,58,237,0.1); color: #7c3aed; }
   .pe-icon.c5 { background: rgba(0,86,179,0.1); color: #0056b3; }
   .pe-icon.c6 { background: rgba(13,148,136,0.12); color: #0d9488; }
   .pe-icon.c7 { background: rgba(217,119,6,0.1); color: #b45309; }
   .pe-icon.c8 { background: rgba(220,38,38,0.1); color: #dc2626; }
   .pe-icon.c9 { background: rgba(22,163,74,0.12); color: #16a34a; }
   .pe-text h4 {
      font-size: 22px;
      font-weight: 700;
      color: #10102e;
      margin: 0 0 4px;
      line-height: 1.2;
   }
   .pe-text p {
      color: #6a6a7a;
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      margin: 0;
   }
   .pe-note {
      background: #fff8e1;
      border-left: 4px solid #f0ad4e;
      padding: 14px 20px;
      margin: 30px 0 0;
      font-size: 15px;
      line-height: 26px;
      border-radius: 4px;
   }
   @media(max-width:991px){
      .pe-grid { grid-template-columns: repeat(2, 1fr); }
   }
   @media(max-width:576px){
      .pe-grid { grid-template-columns: 1fr; }
   }