*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Inter',sans-serif;
}

body{
    background:#05070f;
    color:#ffffff;
}

/* NAVBAR */
.navbar{
    position:fixed;
    top:0;
    width:100%;
    padding:22px 70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:rgba(5,7,15,0.6);
    backdrop-filter:blur(14px);
    z-index:1000;
}

.logo{
    font-size:22px;
    font-weight:800;
    color:#d946ef;
}

.logo a{
    display:inline-block;   /* 🔥 YE LINE MOST IMPORTANT HAI */
    color:#d946ef;
    text-decoration:none;
    font-size:22px;
    font-weight:700;
    transition:transform 0.35s ease, text-shadow 0.35s ease, color 0.35s ease;
}


/* HOVER EFFECT */
.logo a:hover{
    color:#ffffff;
    text-shadow:0 0 10px rgba(217,70,239,0.8),
                0 0 20px rgba(217,70,239,0.6);
    transform:scale(1.05);
}

/* ===== MENU (FIXED & CLEAN) ===== */

nav{
    display:flex;
    gap:30px;
}

nav a{
    display:inline-block;          /* 🔥 MOST IMPORTANT */
    margin-left:30px;
    color:#ddd;
    text-decoration:none;
    font-weight:500;
    transition:transform 0.3s ease, color 0.3s ease;
}


/* HOVER */
nav a:hover{
    color:#d946ef;
    transform:scale(1.15);   /* 🔍 thoda aur zoom */
}



/* HERO */
.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    overflow:hidden;
    padding-top:120px;
}

.hero-glow{
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle,#d946ef55,transparent 70%);
    filter:blur(120px);
    top:20%;
}

.hero-content{
    max-width:900px;
    z-index:2;
}

.hero h1{
    font-size:64px;
    font-weight:800;
    line-height:1.1;
}

.hero h1 span{
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero p{
    margin-top:20px;
    font-size:18px;
    color:#bbb;
}

/* HERO BUTTON CONTAINER */
.hero-btns{
    margin-top:80px;   /* 🔽 button niche aa jayega */
    text-align:center;
}

/* COMMON BUTTON */
.btn{
    display:inline-block;        /* 🔥 VERY IMPORTANT */
    padding:16px 40px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    font-size:15px;
    margin:0 12px;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}

/* PRIMARY BUTTON */
.primary{
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    color:#fff;
}

/* OUTLINE BUTTON */
.outline{
    border:1.5px solid #d946ef;
    color:#d946ef;
}

/* 🔥 HOVER ZOOM (BOTH BUTTONS) */
.btn:hover{
    transform:scale(1.12);       /* ZOOM */
    box-shadow:0 0 28px rgba(217,70,239,0.6);
}


/* SERVICES */
.cx-services{
    padding:120px 70px;
    text-align:center;
    background:radial-gradient(circle at top,#2b1247,#05070f 70%);
}

.cx-services h2{
    font-size:46px;
}

.subtitle{
    color:#bbb;
    margin:10px 0 70px;
}

.cx-cards{
    display:grid;
    grid-template-columns:repeat(3, 1fr); /* ALWAYS 3 per row */
    gap:40px;
}


.cx-card{
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:28px;

    padding:50px 35px;
    min-height:520px;              /* 🔥 rectangle height */
    
    display:flex;
    flex-direction:column;
    justify-content:space-between; /* top → bottom spacing */

    transition:0.4s ease;
}


.cx-card:hover{
    transform:translateY(-14px);
    box-shadow:0 35px 80px rgba(217,70,239,0.35);
}

/* SERVICES ICON HOVER */
.icon-circle{
    width:90px;              /* 🔥 bada */
    height:90px;
    margin:0 auto 30px;
    border-radius:50%;

    background:linear-gradient(135deg,#d946ef,#7c3aed);
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:38px;          /* 🔥 icon bada */
    color:#fff;

    transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.cx-card:hover .icon-circle{
    transform:scale(1.2);    /* 🔍 proper zoom */
    box-shadow:0 0 25px rgba(217,70,239,0.6);
}



.cx-card h3{
    font-size:24px;
    margin-bottom:12px;
}

.cx-card p{
    color:#ccc;
    font-size:15px;
}

.badges{
    margin:25px 0;
}

.badge{
    display:inline-block;
    padding:8px 14px;
    border-radius:20px;
    font-size:13px;
    margin:6px;
}

.badge.green{
    background:rgba(34,197,94,0.15);
    color:#22c55e;
}

.badge.red{
    background:rgba(239,68,68,0.15);
    color:#ef4444;
}

.cx-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 38px;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    color:#fff;
}

.cx-btn:hover{
    box-shadow:0 0 30px rgba(217,70,239,0.7);
}

/* FOOTER */
.footer{
    padding:30px;
    text-align:center;
    background:#000;
    color:#888;
}

/* STATS */
.stats{
    padding:100px 70px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:40px;
    text-align:center;
    background:#070912;
}

.stat-box h3{
    font-size:48px;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.stat-box p{
    color:#aaa;
    margin-top:8px;
}

/* ===== WHY CHOOSE US (SYSTEMATIC) ===== */

.why-us{
    padding:120px 70px;
    text-align:center;
    background:radial-gradient(circle at top,#1b0c2e,#05070f);
}

.why-us h2{
    font-size:42px;
    margin-bottom:70px;
}

/* GRID */
.why-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);   /* 3 per row */
    gap:35px;
    max-width:1100px;
    margin:auto;
}

/* CARD */
.why-card{
    min-height:140px;
    padding:35px 25px;
    border-radius:26px;

    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.12);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
    font-weight:600;
    text-align:center;

    transition:0.35s ease;
}

/* HOVER */
.why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(217,70,239,0.3);
}

/* RESPONSIVE */
@media (max-width: 1024px){
    .why-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 640px){
    .why-grid{
        grid-template-columns:1fr;
    }
}


/* PROCESS */
.process{
    padding:120px 70px;
    text-align:center;
    background:#05070f;
}

.process h2{
    font-size:42px;
    margin-bottom:60px;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:30px;
}

.process-step{
    padding:35px;
    border-radius:50px;
    background:linear-gradient(135deg,#d946ef22,#7c3aed22);
    font-weight:600;
}

/* CTA */
.cta{
    padding:120px 40px;
    text-align:center;
    background:radial-gradient(circle,#7c3aed55,#05070f 70%);
}

.cta h2{
    font-size:44px;
}

.cta p{
    color:#ccc;
    margin:20px 0 40px;
}

.cta-btn{
    padding:18px 42px;
    border-radius:50px;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

@media (max-width: 1024px){
    .cx-cards{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 640px){
    .cx-cards{
        grid-template-columns:1fr;
    }
}

/* ===== PROJECTS ===== */

.projects{
    padding:120px 70px;
    text-align:center;
    background:radial-gradient(circle at top,#140b22,#05070f);
}

.projects h2{
    font-size:44px;
}

.projects-sub{
    color:#bbb;
    margin:15px 0 70px;
    font-size:17px;
}

/* GRID */
.projects-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:40px;
    max-width:1100px;
    margin:auto;
}

/* CARD */
.project-card{
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:28px;

    padding:45px 35px;
    min-height:320px;

    text-align:left;
    position:relative;

    transition:0.4s ease;
}

.project-card:hover{
    transform:translateY(-14px);
    box-shadow:0 30px 70px rgba(217,70,239,0.35);
}

/* TAG */
.project-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:25px;

    background:linear-gradient(135deg,#d946ef,#7c3aed);
    color:#fff;
}

/* TEXT */
.project-card h3{
    font-size:22px;
    margin-bottom:12px;
}

.project-card p{
    color:#ccc;
    font-size:15px;
    line-height:1.6;
}

/* RESPONSIVE */
@media (max-width:1024px){
    .projects-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:640px){
    .projects-grid{
        grid-template-columns:1fr;
    }
}

/* ===== CONTACT ===== */

.contact-section{
    padding:140px 40px;
    background:radial-gradient(circle at top,#1a0d2e,#05070f);
    display:flex;
    justify-content:center;
}

.contact-box{
    width:100%;
    max-width:900px;
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:30px;
    padding:60px;
}

.contact-box h2{
    font-size:42px;
    text-align:center;
}

.contact-sub{
    text-align:center;
    color:#bbb;
    margin:15px 0 50px;
}

.contact-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.field{
    margin-bottom:25px;
}

.field label{
    display:block;
    margin-bottom:8px;
    color:#ccc;
    font-size:14px;
}

.field input,
.field select,
.field textarea{
    width:100%;
    padding:14px 16px;
    border-radius:14px;
    background:#1a1d2e;
    border:1px solid rgba(255,255,255,0.12);
    color:#fff;
}

.send-btn{
    width:100%;
    padding:18px;
    border-radius:50px;
    border:none;
    font-weight:800;
    font-size:16px;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    color:#fff;
    cursor:pointer;
}

/* ===== FOOTER ===== */

.footer{
    padding:120px 40px 40px;
    text-align:center;
    background:#05070f;
}

.footer h3{
    font-size:26px;
    color:#d946ef;
}

.footer p{
    color:#aaa;
    margin:15px auto 30px;
    max-width:500px;
}

.socials a{
    display:inline-block;
    width:48px;
    height:48px;
    line-height:48px;
    margin:0 8px;
    border-radius:14px;
    background:#14182a;
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

.footer-bottom{
    margin-top:50px;
    color:#666;
    font-size:14px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .contact-row{
        grid-template-columns:1fr;
    }

    .contact-box{
        padding:40px 25px;
    }
}

section{
    position:relative;
}

section::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:120px;
    background:linear-gradient(to bottom, transparent, #05070f);
    pointer-events:none;
}
/* ===== TEAM SLIDER ===== */

.team-slider-section{
    padding:120px 70px;
    text-align:center;
    background:radial-gradient(circle at top,#1b0c2e,#05070f);
}

.team-slider{
    position:relative;
    max-width:900px;
    margin:80px auto 0;
    overflow:hidden;
}

.team-track{
    display:flex;
    width:500%;              /* 🔥 5 cards = 500% */
    transition:transform 0.6s ease;
}

.team-card{
    width:20%;               /* 🔥 100 / 5 */
    flex-shrink:0;

    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:32px;
    padding:50px 40px;

    box-shadow:0 30px 80px rgba(217,70,239,0.25);
}

.team-avatar{
    width:90px;
    height:90px;
    border-radius:50%;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin:0 auto 25px;
}

.team-card h3{
    font-size:26px;
    margin-bottom:8px;
}

.team-role{
    display:block;
    color:#d946ef;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.team-card p{
    color:#ccc;
    font-size:15px;
    line-height:1.7;
}

/* Buttons */
.team-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    color:#fff;
    font-size:22px;
    cursor:pointer;
    z-index:10;
}

.team-btn.prev{ left:-25px; }
.team-btn.next{ right:-25px; }




@media(max-width:768px){
    .team-slider-section{
        padding:100px 30px;
    }
}



/* ===== NEXTGEN FOOTER ===== */

.ngc-footer{
    padding:90px 30px 40px;
    text-align:center;
    background:radial-gradient(circle at top,#1a0d2e,#05070f);
}

.ngc-footer-brand{
    font-size:30px;
    font-weight:800;
    color:#d946ef;
    margin-bottom:14px;
}

.ngc-footer-tagline{
    max-width:650px;
    margin:0 auto 35px;
    color:#aaa;
    font-size:16px;
    line-height:1.7;
}

/* SOCIALS */
.ngc-footer-socials{
    display:flex;
    justify-content:center;
    gap:18px;
    margin-bottom:40px;
}

.ngc-footer-socials a{
    width:52px;
    height:52px;
    line-height:52px;
    border-radius:16px;
    background:#14182a;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:18px;
    transition:0.3s ease;
}

.ngc-footer-socials a:hover{
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    transform:translateY(-4px);
}

/* DIVIDER */
.ngc-footer-divider{
    width:80%;
    max-width:900px;
    height:1px;
    margin:0 auto 25px;
    background:rgba(255,255,255,0.08);
}

/* COPYRIGHT */
.ngc-footer-copy{
    font-size:14px;
    color:#666;
}

.ngc-footer-socials svg{
    width:22px;
    height:22px;
    fill:#fff;
}

.ngc-footer-socials a:hover svg{
    fill:#fff;
}

/* ===== CREATIVE CONTACT ===== */

.creative-contact{
    padding:120px 40px;
}

.contact-wrapper{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:50px;
}

/* LEFT INFO */
.contact-info{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.info-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:30px;
    border-radius:22px;
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.12);
    transition:0.3s ease;
}

.info-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 60px rgba(217,70,239,0.3);
}

.info-card.highlight{
    border:1.5px solid #d946ef;
}

.info-icon{
    width:54px;
    height:54px;
    border-radius:14px;
    background:linear-gradient(135deg,#d946ef,#7c3aed);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.info-card h4{
    margin-bottom:6px;
    font-size:18px;
}

.info-card p{
    color:#bbb;
    font-size:14px;
}

/* RIGHT FORM */
.contact-form-box{
    padding:50px;
    border-radius:28px;
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.12);
}

.contact-form-box h3{
    font-size:32px;
}

.form-sub{
    color:#bbb;
    margin:12px 0 30px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.contact-form-box input,
.contact-form-box select,
.contact-form-box textarea{
    width:100%;
    padding:14px 16px;
    border-radius:14px;
    background:#1a1d2e;
    border:1px solid rgba(255,255,255,0.12);
    color:#fff;
    margin-bottom:20px;
}

/* RESPONSIVE */
@media(max-width:900px){
    .contact-wrapper{
        grid-template-columns:1fr;
    }

    .form-row{
        grid-template-columns:1fr;
    }
}

/* ===============================
   HARD RESET MOBILE NAVBAR
   (FINAL FIX)
================================ */

/* force hide horizontal scroll */
html, body {
  overflow-x: hidden;
}

/* DEFAULT DESKTOP */
.menu-toggle{
  display:none;
}

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

  /* show hamburger */
  .menu-toggle{
    display:flex;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
  }

  .menu-toggle span{
    width:26px;
    height:3px;
    background:#fff;
    border-radius:3px;
  }

  /* FORCE nav to column + hidden */
  nav{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#05070f;

    display:none !important;   /* 🔥 FORCE */
    flex-direction:column !important;
    align-items:center;

    padding:25px 0;
    gap:20px;
  }

  /* ONLY when active */
  nav.active{
    display:flex !important;
  }

  nav a{
    margin:0 !important;
    font-size:18px;
  }
}
/* ===============================
   MOBILE TOUCH FIX (HOVER ALTERNATIVE)
================================ */

/* Buttons */
.btn:hover,
.btn:active{
  transform:scale(1.08);
  box-shadow:0 0 28px rgba(217,70,239,0.6);
}

/* Service / Project Cards */
.cx-card:hover,
.cx-card:active,
.project-card:hover,
.project-card:active{
  transform:translateY(-8px);
  box-shadow:0 25px 60px rgba(217,70,239,0.35);
}

/* Icons */
.cx-card:hover .icon-circle,
.cx-card:active .icon-circle{
  transform:scale(1.15);
}

/* Nav links */
nav a:hover,
nav a:active{
  color:#d946ef;
  transform:scale(1.05);
}

/* REMOVE hover dependency on mobile */
@media (hover: none){
  .btn:hover,
  .cx-card:hover,
  .project-card:hover{
    transform:none;
    box-shadow:none;
  }
}
/* ===============================
   FINAL HAMBURGER TOGGLE FIX
   (ONLY TOGGLE, NOTHING ELSE)
================================ */

/* mobile only */
@media (max-width: 768px){

  /* force navbar layout */
  .navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }

  /* HIDE NAV LINKS ROW */
  nav{
    display:none !important;
  }

  /* FORCE SHOW TOGGLE */
  .menu-toggle{
    display:flex !important;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
    z-index:2000;
  }

  .menu-toggle span{
    width:26px;
    height:3px;
    background:#fff;
    border-radius:3px;
  }

  /* SHOW MENU WHEN ACTIVE */
  nav.active{
    display:flex !important;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#05070f;
    flex-direction:column;
    align-items:center;
    gap:20px;
    padding:25px 0;
    z-index:1500;
  }
}
/* ===== FORCE SHOW HAMBURGER (LAST FIX) ===== */
@media (max-width: 768px){
  /* hide links row */
  nav#navMenu{ display:none !important; }

  /* show hamburger */
  #menuToggle{
    display:flex !important;
    position:relative;
    z-index:9999;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
  }
  #menuToggle span{
    width:26px; height:3px; background:#fff; border-radius:3px;
  }

  /* open menu */
  nav#navMenu.active{
    display:flex !important;
    position:absolute;
    top:100%;
    left:0; width:100%;
    background:#05070f;
    flex-direction:column;
    align-items:center;
    gap:20px;
    padding:25px 0;
    z-index:9998;
  }
}



/* ===============================
   NAVBAR SERVICES DROPDOWN (SAFE)
   Scope: ONLY navbar
================================ */

.navbar .nav-item.dropdown {
  position: relative;
}

/* Dropdown menu (hidden by default) */
.navbar .nav-item.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  background: #0b0f19;
  border-radius: 12px;
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease;
  z-index: 9999;
}

/* Show dropdown on hover */
.navbar .nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 🔥 Invisible hover buffer (VERY IMPORTANT) */
.navbar .nav-item.dropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
}

/* Dropdown links */
.navbar .nav-item.dropdown .dropdown-menu a {
  display: block;
  padding: 10px 12px;
  color: #e5e7eb;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.2s ease;
  cursor: pointer;
}

/* Hover effect on dropdown links */
.navbar .nav-item.dropdown .dropdown-menu a:hover {
  background: rgba(139, 92, 246, 0.15);
}







/* ===== SERVICE HERO UPGRADE ===== */
.service-hero {
  padding: 120px 20px 90px;
  text-align: center;
  background:
    radial-gradient(circle at top, rgba(139,92,246,0.35), transparent 60%),
    linear-gradient(180deg, #140b2d, #0b0f19);
}

.service-hero h1 {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 16px;
  background: linear-gradient(90deg, #a78bfa, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.service-hero p {
  max-width: 820px;
  margin: auto;
  font-size: 17px;
  line-height: 1.7;
  color: #d1d5db;
}

/* ===== SERVICE CONTENT ===== */
.service-content {
  max-width: 1000px;
  margin: -60px auto 0;
  padding: 50px 30px;
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}

.service-content p {
  font-size: 15.5px;
  line-height: 1.8;
  color: #e5e7eb;
}

.service-content h2 {
  margin-top: 45px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
}

.service-content h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin-top: 8px;
  background: linear-gradient(90deg, #8b5cf6, transparent);
}

.service-content ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 25px;
}

.service-content li {
  background: rgba(255,255,255,0.05);
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 14.5px;
  transition: 0.3s;
}

.service-content li:hover {
  background: rgba(139,92,246,0.15);
  transform: translateY(-4px);
}

.btn-primary {
  display: inline-block;
  margin-top: 35px;
  padding: 14px 36px;
  font-size: 15px;
  font-weight: 600;
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(139,92,246,0.35);
  transition: 0.3s ease;
}

.btn-primary:hover {
  transform: translateY(-3px) scale(1.03);
}

/* ===== FINAL SAFE OVERFLOW FIX ===== */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}