.elementor-865 .elementor-element.elementor-element-2749254{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-865 .elementor-element.elementor-element-2749254:not(.elementor-motion-effects-element-type-background), .elementor-865 .elementor-element.elementor-element-2749254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-865 .elementor-element.elementor-element-d009ad2{width:100%;max-width:100%;}.elementor-865 .elementor-element.elementor-element-d009ad2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-d009ad2 */:root {
  --bg: #07070f;
  --bg2: #000;
  --bg3: #10101f;
  --surface: #121220;
  --surface2: #191928;
  --border: rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.12);
  --accent: #B32DA2; /* Logo's purple color */
  --accent2: #00d4ff;
  --accent3: #ff6b6b;
  --accent4: #00e5a0;
  --text: #eeeeff;
  --text2: #9898b8;
  --text3: #5a5a7a;
  --gradient: linear-gradient(135deg, #B32DA2, #00d4ff); /* Gradient using purple */
  --gradient2: linear-gradient(135deg, #B32DA2, #ff6b6b); /* Gradient with purple */
  --gradient3: linear-gradient(135deg, #00d4ff, #00e5a0);
  --glow: 0 0 40px rgba(179,45,162,0.25); /* Glow effect using logo's purple */
  --glow2: 0 0 60px rgba(179,45,162,0.18); /* Glow effect with purple */
  --radius: 14px;
  --radius2: 22px;
  --font-display: 'inter', sans-serif;
  --font-body: 'inter', sans-serif;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
}


/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:72px 3% 36px}
.footer-inner{max-width:1400px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:52px;margin-bottom:60px}
.fb-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.2rem;margin-bottom:14px;
    color: white!important;
}
.fb-logo .li{width:32px;height:32px;background:var(--gradient);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:800;color:white ;
   
}
.fb-logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    
}
.fb-desc{font-size:0.85rem;color:var(--text2);line-height:1.7;max-width:240px;margin-bottom:22px}
.fb-social{display:flex;gap:10px}
.soc{width:34px;height:34px;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.78rem;color:var(--text2);text-decoration:none;transition:all 0.3s}
.soc:hover{border-color:rgba(108,99,255,0.4);color:var(--accent)}
.fc h4{font-family:var(--font-display);font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;margin-bottom:18px;color:var(--text)}
.fc ul{display:flex;flex-direction:column;gap:10px;
     text-decoration: none;
     color: #9898b8
;
padding: 0;
    list-style: none;
}

.fc ul :hover{
     color: #eeef
;
padding: 0;
}

.fc a{font-size:0.85rem;color:var(--text2);text-decoration:none;transition:color 0.3s}
.fc a:hover{color:var(--text)}
.footer-bottom{border-top:1px solid var(--border);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fb-copy{font-size:0.78rem;color:var(--text3)}
.fb-legal{display:flex;gap:22px}
.fb-legal a{font-size:0.78rem;color:var(--text3);text-decoration:none;transition:color 0.3s}
.fb-legal a:hover{color:var(--text2)}






/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:1024px){
  .why-grid,.about-hero-inner,.detail-hero-inner,.cta-inner-grid{grid-template-columns:1fr;gap:48px}
  .port-grid{grid-template-columns:1fr 1fr}
  .pc:nth-child(n){grid-column:span 1;aspect-ratio:16/10}
  .footer-top{grid-template-columns:1fr 1fr;gap:36px}
  .dp-grid,.pricing-cards{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .hamburger{display:flex}
  section,.s{padding:72px 5%}
  .hero-stats{gap:24px}
  .port-grid{grid-template-columns:1fr;gap:14px}
  .srv-row{grid-template-columns:auto 1fr;gap:20px}
  .srv-row-price{display:none}
  .form-row{grid-template-columns:1fr}
  .pc-head,.pc-row{grid-template-columns:2fr 1fr 1fr}
  .pc-head div:last-child,.pc-row div:last-child{display:none}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;text-align:center}
  .cursor,.cursor-trail{display:none}
  .skills-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero-ctas,.cta-strip-btns{flex-direction:column;align-items:center}
  .btn-primary,.btn-secondary{width:100%;justify-content:center}
  .dp-grid,.pricing-cards{grid-template-columns:1fr}
  .full-port-grid{grid-template-columns:1fr}
}/* End custom CSS */