@media (max-width: 768px) {
    .about-seven-image .small-image {
        display:none
    }
    .about-seven-image .count-card {
        display:none !important;
    }
 }

    .fun-fact-six-area .fun-fact-card span {
        margin-top: 105px !important;
    }

    @media (max-width: 576px) {
        .fun-fact-six-area .fun-fact-card span {
            margin-top: 45px !important;
        }
    }


    .reg-card {
  background: rgba(255,255,255,0.05);
  border-radius: 12px;
  transition: 0.3s ease;
}

.reg-card:hover {
  background: rgba(255,255,255,0.08);
  transform: translateY(-4px);
}

.reg-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}

.reg-text {
  font-size: 14px;
  line-height: 1.45;
  color: #c9d6e1;
}


.pentest-mobile-list {
  display: none;
  color: white;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.pentest-mobile-list .step {
  display: block;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 2px solid rgba(255,255,255,0.12);
  padding-bottom:20px;
}

.pentest-mobile-list .icon {
  font-size: 26px;
  line-height: 1;
  padding-bottom:12px;
  padding-top:5px;
}

@media (max-width: 600px) {

  .pentest-circle-layout {
    display: none !important;
  }

  .pentest-mobile-list {
    display: block !important;
    padding: 0 10px;
  }
}

@media (min-width: 601px) {
  .pentest-circle-layout {
    display: block;
  }
  .pentest-mobile-list {
    display: none;
  }
}

    .webapp-hero-area {
      background: #041326;
      padding: 140px 0 120px;
      position: relative;
      overflow: hidden;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }
  
    .webapp-hero-area::before {
      content: '';
      position: absolute;
      top: -120px;
      right: -120px;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(30, 136, 229,0.07) 0%, transparent 70%);
      pointer-events: none;
      z-index: 0;
    }
  
    .webapp-hero-area .container-fluid {
      position: relative;
      z-index: 1;
    }
  
    .webapp-live-badge {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: rgba(30, 136, 229,0.08);
      border: 1px solid rgba(30, 136, 229,0.22);
      border-radius: 20px;
      padding: 5px 14px;
      font-size: 11px;
      color: #1E88E5;
      margin-bottom: 22px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      font-weight: 500;
    }
  
    .webapp-live-badge .live-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #1E88E5;
      animation: livePulse 1.8s ease-in-out infinite;
    }
  
    @keyframes livePulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50%       { opacity: 0.35; transform: scale(0.65); }
    }
  
    .webapp-hero-content h1.hero-main-title {
      font-size: clamp(32px, 4.5vw, 52px);
      font-weight: 700;
      line-height: 1.1;
      color: #ffffff;
      margin-bottom: 22px;
    }
  
    .webapp-hero-content h1.hero-main-title span {
      color: #1E88E5;
    }
  
    .webapp-hero-content .hero-desc {
      font-size: 16px;
      line-height: 1.75;
      color: rgba(255, 255, 255, 0.7);
      max-width: 520px;
      margin-bottom: 40px;
    }
  
    .webapp-hero-btns {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }
  
    .webapp-hero-graphic {
      position: relative;
    }
  
    .webapp-hero-graphic svg {
      width: 100%;
      border-radius: 16px;
      overflow: visible;
    }
  
    .node-label {
      font-family: system-ui, sans-serif;
      font-size: 13px;
      font-weight: 500;
      fill: #1E88E5;
    }
  
    .node-sublabel {
      font-family: system-ui, sans-serif;
      font-size: 10px;
      fill: rgba(30, 136, 229, 0.5);
    }
  
    @keyframes scanBeam {
      0%   { transform: translateY(-30px); opacity: 0; }
      10%  { opacity: 0.55; }
      90%  { opacity: 0.55; }
      100% { transform: translateY(30px); opacity: 0; }
    }
  
    .scan-beam {
      animation: scanBeam 3s ease-in-out infinite 0.5s;
    }
  
    @keyframes dbGlow {
      0%, 100% { opacity: 0.12; }
      50%       { opacity: 0.5; }
    }
  
    .db-glow {
      animation: dbGlow 2s ease-in-out infinite 3.2s;
    }
  
    @keyframes warnFlash {
      0%, 100% { opacity: 0; }
      58%, 82%  { opacity: 1; }
    }
  
    .warn-flash {
      animation: warnFlash 4s ease-in-out infinite;
    }
  
    @keyframes movePacket1 {
      0%   { opacity: 0; }
      5%   { opacity: 1; }
      45%  { opacity: 1; }
      50%  { opacity: 0; }
      100% { opacity: 0; }
    }
  
    @keyframes movePacket2 {
      0%, 50% { opacity: 0; }
      55%     { opacity: 1; }
      92%     { opacity: 1; }
      98%     { opacity: 0; }
      100%    { opacity: 0; }
    }
  
    .packet1 { animation: movePacket1 4s ease-in-out infinite; }
    .packet2 { animation: movePacket2 4s ease-in-out infinite; }
  

    .accordion-body{
        color:#fff;
    }

/* ---- converted inline style="" attributes ---- */
.wa-i1 { background:#041326; padding:140px 0 120px; position:relative; overflow:hidden; }
.wa-i2 { position:relative; z-index:1; }
.wa-i3 { margin-bottom:0; }
.wa-i4 { font-size:clamp(32px,4.5vw,52px); font-weight:700; line-height:1.1; color:#fff; margin-bottom:22px; }
.wa-i5 { color:#1E88E5; }
.wa-i6 { font-size:16px; line-height:1.75; color:rgba(255,255,255,0.7); max-width:520px; margin-bottom:40px; }
.wa-i7 { width:100%; max-width:620px; margin:auto; }
.wa-i8 { width:100%; border-radius:16px; }
.wa-i9 { background:#04182F; }
.wa-i10 { color:#ffffff; }
.wa-i11 { background:#05203d; padding:30px; border-radius:18px; height:100%; display:flex; flex-direction:column; }
.wa-i12 { color:#ffffff; }
.wa-i13 { opacity:.85; color:#dfefff; }
.wa-i14 { background:#05203d; padding:30px; border-radius:18px; height:100%; display:flex; flex-direction:column; }
.wa-i15 { color:#ffffff; }
.wa-i16 { opacity:.85; color:#dfefff; }
.wa-i17 { background:#05203d; padding:30px; border-radius:18px; height:100%; display:flex; flex-direction:column; }
.wa-i18 { color:#ffffff; }
.wa-i19 { opacity:.85; color:#dfefff; }
.wa-i20 { background:#051a33; position:relative; padding-top:60px; padding-bottom:60px; }
.wa-i21 { color:#1E88E5; }
.wa-i22 { color:#ffffff; }
.wa-i23 { position:relative; margin-top:50px; }
.wa-i24 { position:absolute; left:50%; top:0; bottom:0; width:4px; background:rgba(30, 136, 229,0.2); transform:translateX(-50%); }
.wa-i25 { display:flex; flex-direction:column; gap:20px; position:relative; z-index:1; }
.wa-i26 { position:relative; display:flex; justify-content:flex-start; }
.wa-i27 { width:45%; background:#06203c; color:#ffffff; padding:25px 30px; border-radius:18px; border-left:4px solid #1E88E5; }
.wa-i28 { color:#1E88E5; }
.wa-i29 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:#1E88E5; border-radius:50%; border:2px solid #fff; }
.wa-i30 { position:relative; display:flex; justify-content:flex-end; }
.wa-i31 { width:45%; background:#06203c; color:#ffffff; padding:25px 30px; border-radius:18px; border-right:4px solid #1E88E5; }
.wa-i32 { color:#1E88E5; }
.wa-i33 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:#1E88E5; border-radius:50%; border:2px solid #fff; }
.wa-i34 { position:relative; display:flex; justify-content:flex-start; }
.wa-i35 { width:45%; background:#06203c; color:#ffffff; padding:25px 30px; border-radius:18px; border-left:4px solid #1E88E5; }
.wa-i36 { color:#1E88E5; }
.wa-i37 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:#1E88E5; border-radius:50%; border:2px solid #fff; }
.wa-i38 { position:relative; display:flex; justify-content:flex-end; }
.wa-i39 { width:45%; background:#06203c; color:#ffffff; padding:25px 30px; border-radius:18px; border-right:4px solid #1E88E5; }
.wa-i40 { color:#1E88E5; }
.wa-i41 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:#1E88E5; border-radius:50%; border:2px solid #fff; }
.wa-i42 { position:relative; display:flex; justify-content:flex-start; }
.wa-i43 { width:45%; background:#06203c; color:#ffffff; padding:25px 30px; border-radius:18px; border-left:4px solid #1E88E5; }
.wa-i44 { color:#1E88E5; }
.wa-i45 { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:24px; height:24px; background:#1E88E5; border-radius:50%; border:2px solid #fff; }
.wa-i46 { background:#04182F; }
.wa-i47 { color:#ffffff; }
.wa-i48 { background:#05203d; padding:28px; border-radius:18px; height:100%; display:flex; flex-direction:column; }
.wa-i49 { color:#ffffff; }
.wa-i50 { color:#dfefff; margin-bottom:0; }
.wa-i51 { background:#05203d; padding:28px; border-radius:18px; height:100%; display:flex; flex-direction:column; }
.wa-i52 { color:#ffffff; }
.wa-i53 { color:#dfefff; margin-bottom:0; }
.wa-i54 { background:#05203d; padding:28px; border-radius:18px; height:100%; display:flex; flex-direction:column; }
.wa-i55 { color:#ffffff; }
.wa-i56 { color:#dfefff; margin-bottom:0; }
.wa-i57 { background:#041326; color:#ffffff; padding-top:60px; }
.wa-i58 { color:#ffffff; }
.wa-i59 { font-size:20px; color:white; }
.wa-i60 { font-size:20px; color:white; }
.wa-i61 { font-size:20px; color:white; }
.wa-i62 { font-size:20px; color:white; }
.wa-i63 { font-size:20px; color:white; }
.wa-i64 { font-size:20px; color:white; }
.wa-i65 { font-size:20px; color:white; }
.wa-i66 { font-size:20px; color:white; }