.elementor-91 .elementor-element.elementor-element-979276d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.1;}.elementor-91 .elementor-element.elementor-element-979276d::before, .elementor-91 .elementor-element.elementor-element-979276d > .elementor-background-video-container::before, .elementor-91 .elementor-element.elementor-element-979276d > .e-con-inner > .elementor-background-video-container::before, .elementor-91 .elementor-element.elementor-element-979276d > .elementor-background-slideshow::before, .elementor-91 .elementor-element.elementor-element-979276d > .e-con-inner > .elementor-background-slideshow::before, .elementor-91 .elementor-element.elementor-element-979276d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-91 .elementor-element.elementor-element-88eadcc{background-color:#000000;}.elementor-91 .elementor-element.elementor-element-48cf2e2{--display:flex;}.elementor-91 .elementor-element.elementor-element-48cf2e2:not(.elementor-motion-effects-element-type-background), .elementor-91 .elementor-element.elementor-element-48cf2e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-91 .elementor-element.elementor-element-39177e1{transition:background 0s;}/* Start custom CSS for html, class: .elementor-element-39177e1 */footer.site-footer,
#colophon,
.ast-footer-html,
.site-footer-primary-section,
.elementor-location-footer,
[data-elementor-type="footer"] {
    display: none !important;
}
.elementor-91 .elementor-element.elementor-element-39177e1 video {
    filter: brightness(1.8) contrast(1.4);
}/* End custom CSS */
/* Start custom CSS *//* ------------------------------
   PARTICLE BACKGROUND (global)
--------------------------------*/
.particles-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.particle {
  position: absolute;
  bottom: -20px;
  width: 4px;
  height: 4px;
  background: #0a3dff;
  border-radius: 50%;
  animation: floatUp 12s linear infinite;
  box-shadow: 0 0 10px #0a3dff, 0 0 20px #1a5fff, 0 0 30px #0a3dff;
}

@keyframes floatUp {
  0% { transform: translateY(0) scale(1); opacity: 0; }
  5% { opacity: .8; }
  95% { opacity: .8; }
  100% { transform: translateY(-100vh) scale(.5); opacity: 0; }
}

/* ------------------------------
   YOUR EXISTING CARD STYLING
--------------------------------*/
.card {
  background: linear-gradient(180deg, #0b1831, #08152b);
  border-radius: 20px;
  padding: 24px;
  box-shadow: inset 0 0 0 1px rgba(140,180,255,.18), 
              0 14px 50px rgba(0,0,0,.5);
  position: relative;
  overflow: hidden;
  transition: all .4s cubic-bezier(0.175,0.885,0.32,1.275);
  cursor: pointer;
  z-index: 10;
}

.card::before {
  content: "";
  position: absolute;
  inset: -40% -40% auto -40%;
  height: 50%;
  background: radial-gradient(520px 200px at 50% 0, rgba(10,61,255,.24), transparent 60%);
  filter: blur(26px);
  transition: all .4s ease;
}

.card:hover {
  transform: translateY(-15px) scale(1.03);
  box-shadow: inset 0 0 0 2px #0a3dff, 
              0 25px 60px rgba(0,0,0,.6),
              0 0 40px rgba(10,61,255,.25);
}

.card:hover::before {
  background: radial-gradient(520px 200px at 50% 0, rgba(10,61,255,.45), transparent 60%);
}

.price-tag {
  display: inline-block;
  background: linear-gradient(180deg, #0a3dff, #0030c7);
  color: #fff;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 12px;
  opacity: 0;
  transform: translateY(10px);
  transition: all .3s ease .1s;
}

.card:hover .price-tag {
  opacity: 1;
  transform: translateY(0);
}

/* ------------------------------
   BRAND SCROLLER + CTA BLOCKS
--------------------------------*/
.brand-scroll-section {
  padding: 50px 0;
  overflow: hidden;
  border-top: 1px solid rgba(140,180,255,.1);
  border-bottom: 1px solid rgba(140,180,255,.1);
  background: linear-gradient(180deg, rgba(5,9,15,.95), rgba(8,12,20,.95));
  z-index: 10;
  position: relative;
}

.scroll-track { display: flex; width: max-content; }
.scroll-row {
  display: flex; gap: 60px;
  animation: scrollLeft 30s linear infinite;
}

@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.brand-logo img {
  height: 40px; width: auto;
  filter: brightness(0) invert(1) opacity(.6);
  transition: .3s ease;
}

.brand-logo:hover img {
  filter: brightness(0) invert(1) opacity(1)
          drop-shadow(0 0 15px #0a3dff);
}

.cta-section {
  padding: 80px 5%;
  text-align: center;
  background: linear-gradient(180deg, rgba(5,9,15,.9), rgba(8,15,30,.95));
  position: relative;
  z-index: 10;
}

.contact-card {
  background: linear-gradient(180deg, #0b1831, #08152b);
  border-radius: 18px;
  padding: 24px 20px;
  box-shadow: inset 0 0 0 1px rgba(140,180,255,.18), 
              0 12px 40px rgba(0,0,0,.4);
  transition: all .3s ease;
  z-index: 10;
}

.contact-card:hover {
  transform: translateY(-8px);
  box-shadow: inset 0 0 0 1px #0a3dff,
              0 20px 50px rgba(0,0,0,.5),
              0 0 25px rgba(10,61,255,.2);
}/* End custom CSS */