@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;
}


    /* Mobile list initial hidden */
.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;
}

/* --- MOBILE (<600px) --- */
@media (max-width: 600px) {

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

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

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

.seven-services-area .row.g-4 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* sorgt dafür, dass alle Columns gleich hoch werden */
}

.seven-services-card {
  height: 100%; /* damit die Card die volle Höhe der Column einnimmt */
  display: flex;
  flex-direction: column; /* falls du Buttons unten anordnen willst */
}

.faq-area .row.align-items-center {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* sorgt dafür, dass die Columns gleich hoch werden */
}

.faq-area .faq-content {
  height: 100%;       /* füllt die Spaltenhöhe aus */
  display: flex;
  flex-direction: column;
}

.faq-area .accordion {
  flex: 1;             /* Accordion füllt die Höhe des Containers */
}

.pentest-animated-circle {
    position: absolute;
    top: -3%;
    left: -3%;
    width: 105%;
    height: 105%;
    overflow: visible;
    transform: rotate(-90deg); /* Start oben */
}

/* Kreis selbst */
.pentest-animated-circle circle {
    fill: none;
    stroke: #1E88E5;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 302;   /* Umfang */
    stroke-dashoffset: 0;    /* Komplett sichtbar */
    stroke-linejoin: round;
    filter: drop-shadow(0 0 2px #1E88E5);
}

.pentest-circle-layout.animate .pentest-animated-circle circle {
    animation: draw-once 2.8s ease forwards, spin-stroke 1.5s linear infinite 2.8s;
}

.pentest-circle-layout.animate .pentest-animated-circle circle {
    animation: draw-loop 4s ease-in-out infinite;
}

@keyframes draw-loop {
    0%   { stroke-dashoffset: 302; opacity: 1; }
    40%  { stroke-dashoffset: 0;   opacity: 1; }  /* früher fertig */
    80%  { stroke-dashoffset: 0;   opacity: 1; }  /* länger sichtbar */
    80.1%{ stroke-dashoffset: 302; opacity: 0; }
    93%  { stroke-dashoffset: 302; opacity: 0; }
    93.1%{ stroke-dashoffset: 302; opacity: 1; }
    100% { stroke-dashoffset: 302; opacity: 1; }
}

/* ---- extracted inline styles ---- */
.phys-i1{position: relative;}
.phys-i2{width: 100%; height: auto; display: block;}
.phys-i3{position: absolute; bottom: -10%; left: 80%; width: 300px; max-width: 100%;}
.phys-i4{width: 100%; height: auto;}
.phys-i5{position: absolute; top: 110%; right: -35%; transform: translateY(-50%); max-width: 200px; background: rgba(0,0,0,0.6); padding: 10px; border-radius: 8px; color: white;}
.phys-i6{color:#ffffff;}
.phys-i7{max-width: 450px;}
.phys-i8{max-width: 1020px;}
.phys-i9{color:white;}
.phys-i10{color:#fff;}
.phys-i11{max-width:700px; margin:0 auto;}
.phys-i12{letter-spacing:2px;}
.phys-i13{color:#c9d6e1; font-size:16px;}
.phys-i14{background-color:#04182F; color:white; padding-top:80px; padding-bottom:80px;}
.phys-i15{display:flex; align-items:flex-start; justify-content:center; gap:8px;}
.phys-i16{ font-size:120px; margin:0; line-height:0.9; color:#e7eef7; opacity:0.9; text-shadow:0 0 12px rgba(255,255,255,0.18); }
.phys-i17{ font-size:60px; line-height:1.1; color:#e7eef7; opacity:0.9; }
.phys-i18{margin-top:10px; font-size:26px;}
.phys-i19{margin-top:60px;}
.phys-i20{padding:100px 0; color:#ffffff; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}
.phys-i21{max-width:1100px; margin:0 auto; padding:0 20px; text-align:center;}
.phys-i22{max-width:650px; margin:0 auto 60px;}
.phys-i23{position:relative; max-width:700px; margin:0 auto;}
.phys-i24{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:3; width:220px;}
.phys-i25{width:220px; height:220px; border-radius:50%; overflow:hidden; border:3px solid #1E88E5; margin:0 auto; background:#0a2746; display:flex; align-items:center; justify-content:center;}
.phys-i26{width:100%;}
.phys-i27{display:block; font-size:13px; text-transform:uppercase; letter-spacing:1px; color:#8fbbe5; margin-top:10px;}
.phys-i28{ position:relative; width:100%; padding-top:100%; border-radius:50%; background:radial-gradient(circle at 50% 50%, rgba(10,39,70,0.85) 0%, rgba(4,24,47,0.95) 60%, #04182F 100%); }
.phys-i29{ position:absolute; top:6%; left:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; text-align:center; width:220px; max-width:40%; color:#ffffff; z-index:2; background:rgba(0,0,0,0.02); padding:10px; border-radius:30px; }
.phys-i30{ width:56px; height:56px; border-radius:50%; border:2px solid #1E88E5; display:flex; align-items:center; justify-content:center; font-size:28px; background:radial-gradient(circle at 30% 30%, #0a2746, #020b18); box-shadow:0 6px 16px rgba(0,0,0,0.6); }
.phys-i31{font-size:20px; margin:10px 0 6px; color:white;}
.phys-i32{font-size:15px; margin:0;}
.phys-i33{ position:absolute; top:35%; left:88%; transform:translate(-50%, -50%); display:flex; flex-direction:row; align-items:center; text-align:left; width:220px; max-width:40%; color:#ffffff; z-index:2; background:rgba(0,0,0,0.02); padding:10px; border-radius:30px; }
.phys-i34{margin-left:8px;}
.phys-i35{font-size:20px; margin:0 0 6px; color:white;}
.phys-i36{ width:56px; height:56px; border-radius:50%; border:2px solid #1E88E5; display:flex; align-items:center; justify-content:center; font-size:28px; background:radial-gradient(circle at 30% 30%, #0a2746, #020b18); box-shadow:0 6px 16px rgba(0,0,0,0.6); flex-shrink:0; }
.phys-i37{ position:absolute; top:68%; left:87%; transform:translate(-50%, -50%); display:flex; flex-direction:row; align-items:center; text-align:left; width:220px; max-width:40%; color:#ffffff; z-index:2; background:rgba(0,0,0,0.02); padding:10px; border-radius:30px; }
.phys-i38{ position:absolute; top:93%; left:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column-reverse; align-items:center; text-align:center; width:220px; max-width:40%; color:#ffffff; z-index:2; background:rgba(0,0,0,0.02); padding:10px; border-radius:30px; }
.phys-i39{ width:56px; height:56px; border-radius:50%; border:2px solid #1E88E5; display:flex; align-items:center; justify-content:center; font-size:28px; background:radial-gradient(circle at 30% 30%, #0a2746, #020b18); box-shadow:0 6px 16px rgba(0,0,0,0.6); margin-top:6px; }
.phys-i40{font-size:20px; margin:6px 0 4px; color:white;}
.phys-i41{ position:absolute; top:68%; left:15%; transform:translate(-50%, -50%); display:flex; flex-direction:row-reverse; align-items:center; text-align:right; width:220px; max-width:40%; color:#ffffff; z-index:2; background:rgba(0,0,0,0.02); padding:10px; border-radius:30px; }
.phys-i42{ width:56px; height:56px; border-radius:50%; border:2px solid #1E88E5; display:flex; align-items:center; justify-content:center; font-size:28px; background:radial-gradient(circle at 30% 30%, #0a2746, #020b18); box-shadow:0 6px 16px rgba(0,0,0,0.6); margin-right:8px; flex-shrink:0; }
.phys-i43{ position:absolute; top:35%; left:13%; transform:translate(-50%, -50%); display:flex; flex-direction:row-reverse; align-items:center; text-align:right; width:220px; max-width:40%; color:#ffffff; z-index:2; background:rgba(0,0,0,0.02); padding:10px; border-radius:30px; }
.phys-i44{text-align:center; color:#1E88E5; margin-bottom:20px; font-size:20px;}
.phys-i45{margin-top:40px; color:#1E88E5; font-weight:600; font-size:15px;}
.phys-i46{background:#04182F; padding-top:40px;}
.phys-why-icon { font-size: 40px; color: #1E88E5; flex-shrink: 0; line-height: 1; }
.phys-i49{padding-top:40px;}
.phys-i50{max-width: 100%;}
.phys-i51{font-size:20px; color:white;}
.phys-i52{background:#02101f;}
.phys-i53{max-width:640px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:32px 36px;}
.phys-i54{color:#fff; font-size:18px; margin-bottom:10px;}
.phys-i55{color:#b9c7d6; font-size:14px; line-height:1.65; margin-bottom:16px;}
.phys-i56{color:#1E88E5; font-weight:600; font-size:14px; text-decoration:none;}