.elementor-8712 .elementor-element.elementor-element-40ccaaa2{margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-8712 .elementor-element.elementor-element-45393b16 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8712 .elementor-element.elementor-element-22b948aa:not(.elementor-motion-effects-element-type-background), .elementor-8712 .elementor-element.elementor-element-22b948aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-8712 .elementor-element.elementor-element-22b948aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:60px 20px 60px 20px;}.elementor-8712 .elementor-element.elementor-element-22b948aa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8712 .elementor-element.elementor-element-2ecda5c8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:1em 1em 1em 1em;}@media(min-width:2400px){.elementor-8712 .elementor-element.elementor-element-40ccaaa2{margin-top:0px;margin-bottom:0px;}.elementor-8712 .elementor-element.elementor-element-45393b16 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-8712 .elementor-element.elementor-element-22b948aa{margin-top:0px;margin-bottom:0px;}.elementor-8712 .elementor-element.elementor-element-2ecda5c8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:1024px){.elementor-8712 .elementor-element.elementor-element-40ccaaa2{padding:0em 0em 0em 0em;}.elementor-8712 .elementor-element.elementor-element-22b948aa{padding:30px 0px 30px 0px;}.elementor-8712 .elementor-element.elementor-element-2ecda5c8 > .elementor-element-populated{padding:3em 3em 3em 3em;}}@media(max-width:767px){.elementor-8712 .elementor-element.elementor-element-40ccaaa2{padding:0em 0em 0em 0em;}.elementor-8712 .elementor-element.elementor-element-2ecda5c8 > .elementor-element-populated{padding:2em 2em 2em 2em;}}/* Start custom CSS for html, class: .elementor-element-13442eb */.dhe-meta-checkpoints {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.dhe-meta-sub {
    margin-top: 20px;
  font-size: 20px;
  color: #C7CFD9;
  line-height: 1.2em;
}


.checkpoint p { 
    margin-bottom: 0px;
}

.checkpoint {
  flex: 1;
  min-width: 220px;
  position: relative;
  padding: 2em;
  border: 1px solid rgba(237,95,35,0.6);
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  transition:
    transform 0.3s ease,
    opacity 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  color: #C7CFD9;
   line-height: 1.2em;
}

.checkpoint-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.checkpoint h4 {
  font-size: 20px;
  color: #ED5F23;
  margin: 0;
}

/* 🔸 Animated “radar” circle icon */
.checkpoint-icon {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #C7CFD9;
  box-shadow: 0 0 6px rgba(237,95,35,0.9);
}

/* outer ripple 1 */
.checkpoint-icon::before,
.checkpoint-icon::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  border: 1px solid rgba(237,95,35,0.7);
  opacity: 0;
  transform: scale(0.7);
  animation: dhe-radar 2.4s infinite;
}

/* outer ripple 2 (staggered) */
.checkpoint-icon::after {
  inset: -8px;
  animation-delay: 1.2s;
}

/* radar ripple animation */
@keyframes dhe-radar {
  0% {
    opacity: 0.7;
    transform: scale(0.6);
  }
  70% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}

/* Hover effects */
.checkpoint:hover {
  transform: translateY(-6px);
  border-color: #ED5F23;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}

/* responsive */
@media (max-width: 768px) {
  .dhe-meta-checkpoints {
    gap: 24px;
  }
}

/* Mobile & tablet grid: 2 columns */
@media (max-width: 1024px) {
  .dhe-meta-checkpoints {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .checkpoint {
    min-width: unset; /* prevents forcing full width */
  }
}

/* Extra small screens: stack 1 column */
@media (max-width: 480px) {
  .dhe-meta-checkpoints {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */