/* GOOGLE FONT */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Inter',sans-serif;
    background:#fff;
}

/* SECTION */
.services-section{
    position:relative;
    width:100%;
    font-size: 10px;
    min-height:180px;   /* Exact desktop height */

    overflow:hidden;
    padding:100px 0px 0px;
    background:linear-gradient(180deg,#b92ea5 0%, #8d0f7d 100%);
}

/* CURVED SHAPE */
.services-section::before{
    content:"";
    position:absolute;
    left:-10%;
    bottom:-90px;
    width:120%;
    height:230px;
    background:rgba(238,188,228,0.35);
    border-radius:50%;
}

.services-section::after{
    content:"";
    position:absolute;
    left:-5%;
    bottom:-125px;
    width:110%;
    height:260px;
    background:rgba(255,220,248,0.25);
    border-radius:50%;
}

/* CONTENT */
.services-top{
    position:relative;
    z-index:2;
    max-width:1180px;
    margin:auto;
    text-align:center;
}

/* TOP BUTTON */
.service-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 40px;
    border:1px solid rgba(255,255,255,0.35);
    border-radius:40px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    margin-bottom:28px;
    background:rgba(255,255,255,0.05);
}

/* HEADING */
.services-top h2{
    color:#fff;
    font-size:72px;    /* Exact desktop size */
    line-height:1.05;
    font-weight:900;
    letter-spacing:-2px;
    margin-bottom:24px;
}

/* PARAGRAPH */
.services-top p{
    max-width:1180px;
    margin:auto;
    color:#f8eaf5;
    font-size:18px;
    line-height:1.9;
    font-weight:500;
}

/* CARDS */
.services-cards{
    position:relative;
    z-index:2;
    max-width:1180px;
    margin:38px auto 0;
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.service-card{
    width:360px;       /* Exact desktop width */
    height:106px;      /* Exact desktop height */
    background:rgba(175,96,167,0.62);
    backdrop-filter:blur(6px);
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    text-align:left;
    padding:20px;
}

.icon{
    font-size:28px;
}

.service-card h3{
    color:#fff;
    font-size:19px;
    line-height:1.45;
    font-weight:700;
}

/* =========================
/* =========================
   MOBILE RESPONSIVE - SMALLER
========================= */
/* =========================
   MOBILE FIXED VERSION
========================= */

@media(max-width:991px){

    .services-section{
        min-height:auto;
        padding:200px 8px 80px;   /* Added top & bottom space */
    }

    /* Reduce curve overlap */
    .services-section::before{
        height:160px;
        bottom:-70px;
    }

    .services-section::after{
        height:180px;
        bottom:-95px;
    }

    .services-top{
        position:relative;
        z-index:5;
    }

    .services-top h2{
        font-size:38px;
        line-height:1.15;
        letter-spacing:-1px;
        margin-bottom:18px;
    }

    .services-top p{
        font-size:15px;
        line-height:1.8;
        max-width:95%;
    }

    .services-cards{
        position:relative;
        z-index:5;        /* Keeps cards above curve */
        margin-top:32px;
        gap:16px;
    }

    .service-card{
        width:100%;
        max-width:420px;
        min-height:90px;
        height:auto;
        border-radius:18px;
        padding:18px;
    }

    .service-card h3{
        font-size:16px;
        line-height:1.35;
    }

    .icon{
        font-size:22px;
    }
}


@media(max-width:600px){

    .services-section{
        padding:100px 15px 90px;   /* More top space */
    }

    .service-tag{
        font-size:11px;
        padding:8px 20px;
        margin-bottom:18px;
    }

    .services-top h2{
        font-size:30px;
        line-height:1.18;
        margin-bottom:14px;
    }

    .services-top p{
        font-size:13px;
        line-height:1.75;
    }

    .services-cards{
        gap:14px;
        margin-top:26px;
    }

    .service-card{
        min-height:82px;
        padding:16px;
        border-radius:16px;
        gap:10px;
    }

    .icon{
        font-size:20px;
    }

    .service-card h3{
        font-size:15px;
        line-height:1.35;
    }
}










/* what to we do best  */


/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap'); */

/* ================= SERVICES HIGHLIGHT ================= */

.sh-wrap{
  font-family:'Poppins',sans-serif;
  padding-bottom:24px;
}

/* TITLE */

.sh-title{
    
  text-align:center;
  font-size:56px;
  font-weight:800;
  background:linear-gradient(90deg,#8b5cf6,#ec4899);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:32px;
}

/* GRID */

.sh-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:24px;
}

/* FIRST 6 */

.sh-card:nth-child(1),
.sh-card:nth-child(2),
.sh-card:nth-child(3),
.sh-card:nth-child(4),
.sh-card:nth-child(5),
.sh-card:nth-child(6){
  grid-column:span 4;
}

/* LAST 4 */

.sh-card:nth-child(7),
.sh-card:nth-child(8),
.sh-card:nth-child(9),
.sh-card:nth-child(10){
  grid-column:span 3;
}

/* CARD */

.sh-card{
  background:#fff;
  border-radius:20px;
  padding:24px;
  min-height:210px;
  text-align:center;
  cursor:pointer;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;

  position:relative;
  overflow:hidden;
  text-decoration:none;

  box-shadow:0 18px 50px rgba(0,0,0,.35);
  transition:transform .3s ease, box-shadow .3s ease;
}

.sh-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(0,0,0,.5);
}

/* ICON */

.sh-icon{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
  background:linear-gradient(135deg,#8b5cf6,#ec4899);
  box-shadow:0 0 26px rgba(139,92,246,.45);
  transition:.3s;
  z-index:2;
}

/* TITLE */

.sh-card h3{
  font-size:18px;
  font-weight:600;
  color:#020617;
  margin:0;
  transition:.3s;
  z-index:2;
}

/* HOVER TEXT */

.sh-hover-text{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  font-size:18px;
  line-height:1.6;
  color:#fff;
  opacity:0;
  transition:.3s;
  z-index:3;
  text-align:center;
}

/* OVERLAY */

.sh-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#8b5cf6,#ec4899);
  opacity:0;
  transition:.3s;
}

/* HOVER */

.sh-card:hover::before{
  opacity:1;
}

.sh-card:hover .sh-hover-text{
  opacity:1;
}

.sh-card:hover h3,
.sh-card:hover .sh-icon{
  opacity:0;
}

/* TABLET */

@media(max-width:1024px){

  .sh-grid{
    grid-template-columns:1fr 1fr;
  }

  .sh-card{
    grid-column:span 1 !important;
  }
}

/* MOBILE */

@media(max-width:768px){

  .sh-wrap{
    padding:40px 20px;
  }

  .sh-title{
    font-size:36px;
  }

  .sh-grid{
    grid-template-columns:1fr;
  }

  .sh-card{
    grid-column:span 1 !important;
    min-height:auto;
    padding:22px;
  }

  .sh-card::before,
  .sh-hover-text{
    display:none;
  }

  .sh-card h3,
  .sh-icon{
    opacity:1 !important;
  }
}



/* industries we serve */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ===== INDUSTRIES SECTION ===== */

.sha-industries{
  padding-top:0;
  font-family:'Poppins',sans-serif;
  color:#fff;
  overflow:hidden;
}

/* HEADING */

.sha-industries h2{
  text-align:center;
  font-size:48px;
  font-weight:800;
}

/* GRADIENT */

.sha-industries h2 span{
  background:linear-gradient(90deg,#8b5cf6,#ec4899);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* DESCRIPTION */

.sha-industries p{
  max-width:900px;
  margin:0 auto 0;
  text-align:center;
  font-size:17px;
  font-weight:400;
  line-height:1.8;
  color:#cbd5f5;
}

/* SLIDER */

.industry-slider{
  overflow:hidden;
}

/* TRACK */

.industry-track{
  display:flex;
  gap:50px;
  width:max-content;
  animation:scroll 26s linear infinite;
}

.industry-slider:hover .industry-track{
  animation-play-state:paused;
}

/* ITEM */

.industry-item{
  min-width:220px;
  padding-top:50px;
  text-align:center;
}

/* ICON */

.industry-icon{
  width:120px;
  height:120px;
  margin:0 auto 18px;
  border-radius:50%;
  border:2px solid rgba(139,92,246,.6);

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

  font-size:44px;
  color:#8b5cf6;
  background:rgba(255,255,255,.02);

  position:relative;
  transition:all .35s ease;
}

/* GLOW */

.industry-icon::after{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:50%;
  background:linear-gradient(135deg,#8b5cf6,#ec4899);
  opacity:0;
  filter:blur(22px);
  transition:opacity .35s ease;
  z-index:-1;
}

/* HOVER */

.industry-item:hover .industry-icon{
  background:linear-gradient(135deg,#8b5cf6,#ec4899);
  color:#fff;
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(139,92,246,.45);
}

.industry-item:hover .industry-icon::after{
  opacity:.6;
}

/* TITLE */

.industry-item h4{
  font-size:16px;
  font-weight:600;
  color:#fff;
  margin:0;
}

/* INFINITE SCROLL */

@keyframes scroll{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

/* MOBILE */

@media(max-width:768px){

  .sha-industries{
    padding:90px 20px;
  }

  .sha-industries h2{
    font-size:36px;
  }

  .sha-industries p{
    font-size:16px;
  }

  .industry-item{
    min-width:180px;
  }

  .industry-icon{
    width:100px;
    height:100px;
    font-size:36px;
  }

}





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --violet:#8b5cf6;
  --pink:#ec4899;
  --muted:#9ca3af;
}

/* SECTION */

.pw-section{
  font-family:'Poppins',sans-serif;
  color:#e5e7eb;
  padding-top:20px;
  padding-bottom:30px;
}

/* CONTAINER */

.pw-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:36px;
  align-items:center;
}

/* LEFT */

.pw-left h2{
  font-size:56px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:16px;
  color:#fff;
}

.pw-left p{
  font-size:17px;
  line-height:1.7;
  color:var(--muted);
  margin:0 0 14px;
}

/* HIGHLIGHT */

.highlight{
  background:linear-gradient(90deg,var(--violet),var(--pink));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:600;
}

/* RIGHT */

.pw-right{
  display:grid;
  gap:16px;
}

/* CARD */

.pw-card{
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.25);
  border-radius:18px;
  padding:18px 22px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  box-shadow:0 26px 60px rgba(0,0,0,.4);

  transform:translateY(40px);
  opacity:0;
  transition:all .6s ease;
}

.pw-card.show{
  transform:translateY(0);
  opacity:1;
}

.pw-card:hover{
  transform:translateY(-6px);
  box-shadow:0 36px 70px rgba(139,92,246,.35);
}

/* STEP */

.pw-step{
  min-width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--violet),var(--pink));
 
  color:#fff;
  font-weight:700;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 16px rgba(139,92,246,.6);
  margin-top:2px;
}

.pw-card p{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:#d1d5db;
}

/* TITLE */

.pw-title{
  font-size:56px;
  text-align: center;
  font-weight:800;
  line-height:1.2;
  color:#fff;
}

.pw-gradient-text{
  background:linear-gradient(90deg,#8b5cf6,#ec4899);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* MOBILE */

@media(max-width:900px){

  .pw-container{
    grid-template-columns:1fr;
    gap:28px;
  }

  .pw-right{
    margin-top:10px;
  }

  .pw-section{
    padding:40px 20px;
  }

  .pw-left h2{
    font-size:36px;
  }

  .pw-left p{
    font-size:16px;
  }

}





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --red:#B90504;
  --violet:#8b5cf6;
  --pink:#ec4899;
  --gradient:linear-gradient(90deg,#8b5cf6,#ec4899);
}

/* SECTION */

.gp-wrap{
  font-family:'Poppins',sans-serif;
  padding-top:0;
  padding-bottom:10px;
}

/* TITLE */

.gp-title{
  font-size:56px;
  font-weight:800;
  line-height:1.2;
  color:#fff;
  margin-bottom:6px;
  text-align:center;
}

.gp-title span{
  background:var(--gradient);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* GRID */

.gp-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

/* CARD */

.gp-card{
  background:#fff !important;
  color:#020617;
  border-radius:18px;
  padding:30px 18px;
  text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  transition:transform .3s ease, box-shadow .3s ease;
}

.gp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(185,5,4,.35);
}

/* ICON */

.gp-icon{
  font-size:28px;
  margin-bottom:10px;
}

/* CARD TITLE */

.gp-card h4{
  font-size:18px;
  font-weight:600;
  color:var(--red) !important;
  margin:0;
}

/* TABLET */

@media(max-width:1024px){

  .gp-grid{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }

}

/* MOBILE */

@media(max-width:640px){

  .gp-wrap{
    padding:40px 20px;
  }

  .gp-title{
    font-size:36px;
    text-align:center;
    margin-bottom:28px;
  }

  .gp-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .gp-card{
    padding:24px 16px;
  }

}





@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ================= BANNER ================= */

.demo-banner{
position:relative;
padding:6px 5%;
overflow:hidden;
background:#ffffff;
}

/* ================= MESH BG ================= */

.mesh-bg{
position:absolute;
inset:0;
background:
radial-gradient(circle at 20% 30%, rgba(124,58,237,.14), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(236,72,153,.14), transparent 40%),
radial-gradient(circle at 50% 50%, rgba(168,85,247,.12), transparent 50%);
animation:meshMove 12s infinite alternate ease-in-out;
z-index:0;
}

@keyframes meshMove{
0%{
transform:scale(1) translate(0,0);
}
50%{
transform:scale(1.15) translate(25px,-18px);
}
100%{
transform:scale(1) translate(-18px,18px);
}
}

/* ================= REVEAL ================= */

.reveal{
opacity:0;
transform:translateY(60px);
transition:all .9s ease;
}

.reveal.show{
opacity:1;
transform:translateY(0);
}

/* ================= LAYOUT ================= */

.demo-inner{
position:relative;
z-index:2;

max-width:1680px;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;
gap:55px;
}

/* ================= TEXT ================= */

.banner-text{
width:500px;
flex-shrink:0;
}

.banner-text h2{
font-size:32px;
font-weight:700;
line-height:1.25;
color:#0f172a;
margin-bottom:12px;
}

.banner-text span{
background:linear-gradient(90deg,#7C3AED,#EC4899);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.banner-text p{
font-size:15px;
line-height:1.45;
color:#475569;
margin:0;
}

/* ================= FORM ================= */

.banner-form{

flex:1;

display:grid;
grid-template-columns:
1fr
1fr
1fr
1.25fr;

gap:14px;

padding:18px;

border-radius:20px;

background:#fff;

background:
linear-gradient(#fff,#fff) padding-box,
linear-gradient(120deg,#7C3AED,#EC4899,#7C3AED) border-box;

border:2px solid transparent;

box-shadow:0 10px 32px rgba(0,0,0,.05);
}

/* INPUTS */

.banner-form input,
.banner-form select,
.banner-form textarea{

height:48px;
padding:0 16px;

border-radius:10px;
border:1px solid #d7dde7;

font-size:14px;
font-family:'Poppins',sans-serif;
background:#fff;
outline:none;

transition:.3s;
}

/* TEXTAREA */

.banner-form textarea{
height:68px;
padding:14px 16px;
resize:none;
grid-column:1 / 2;
}

/* FOCUS */

.banner-form input:focus,
.banner-form select:focus,
.banner-form textarea:focus{
border-color:#7C3AED;
box-shadow:0 0 0 2px rgba(124,58,237,.15);
}

/* BUTTON */

.banner-form button{

height:68px;
padding:0 28px;

border:none;
border-radius:12px;

background:linear-gradient(
90deg,
#7C3AED,
#EC4899
);

color:#fff;
font-size:15px;
font-weight:600;
font-family:'Poppins',sans-serif;
cursor:pointer;

position:relative;
overflow:hidden;
}

/* SHIMMER */

.banner-form button::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:120%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.6),
transparent
);
transition:.6s;
}

.banner-form button:hover::before{
left:120%;
}

/* ================= MOBILE ================= */

@media(max-width:992px){

.demo-inner{
flex-direction:column;
text-align:center;
gap:30px;
}

.banner-text{
width:100%;
}

.banner-form{
width:100%;
grid-template-columns:1fr 1fr;
}

.banner-form textarea{
grid-column:1 / span 2;
}

.banner-form button{
grid-column:1 / span 2;
}

}

@media(max-width:640px){

.demo-banner{
padding:40px 20px;
}

.banner-text h2{
font-size:28px;
}

.banner-form{
grid-template-columns:1fr;
padding:16px;
}

.banner-form textarea,
.banner-form button{
grid-column:auto;
}

}




/* faq */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ================= HOME FAQ ================= */

.home-faq-wrap{
  font-family:'Poppins',sans-serif;
  padding-top:20px;
  padding-bottom:30px;
  color:#ffffff;
}

/* RESET */

*{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  overflow-x:hidden;
}

/* CONTAINER */

.home-faq-container{
  max-width:1100px;
  margin:auto;
}

/* ================= TITLE ================= */

.home-faq-title{
  text-align:center;
  font-size:56px;
  font-weight:800;
  margin-bottom:8px;
  color:transparent;
}

.home-faq-title .faq-title-white{
  color:#ffffff;
}

.home-faq-title .faq-title-gradient{
  background:linear-gradient(90deg,#8b5cf6,#ec4899);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.home-faq-title,
.home-faq-title *{
  pointer-events:none;
}

/* SUBTITLE */

.home-faq-sub{
  text-align:center;
  color:#cbd5f5;
  font-size:17px;
  margin-bottom:36px;
}

/* ================= CARD ================= */

.home-faq-card{
  border-radius:24px;
  padding:6px;
  box-shadow:0 25px 70px rgba(139,92,246,0.35);
}

/* ================= ITEM ================= */

.home-faq-item{
  border-top:1px solid rgba(255,255,255,0.08);
  padding:18px 8px;
  transition:background .25s ease;
}

.home-faq-item:last-child{
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.home-faq-item:hover{
  background:#141414;
}

/* HEADER */

.home-faq-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  gap:14px;
}

/* QUESTION */

.home-faq-question{
  font-size:18px;
  font-weight:600;
  color:#ffffff;
}

/* TOGGLE */

.home-faq-toggle{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:800;
  color:#ffffff;
  background:linear-gradient(135deg,#8b5cf6,#ec4899);
  box-shadow:0 0 16px rgba(139,92,246,0.6);
  transition:transform .3s ease;
}

.home-faq-item.open .home-faq-toggle{
  transform:rotate(180deg);
}

/* ================= ANSWER ================= */

.home-faq-answer{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-6px);

  transition:
    max-height .4s cubic-bezier(0.16,1,0.3,1),
    opacity .3s ease,
    transform .3s ease;
}

.home-faq-item.open .home-faq-answer{
  max-height:300px;
  opacity:1;
  transform:translateY(0);
}

.home-faq-answer p{
  margin-top:14px;
  font-size:16px;
  line-height:1.7;
  color:#cbd5f5;
}

/* ================= MOBILE ================= */

@media(max-width:768px){

  .home-faq-wrap{
    padding:40px 20px;
  }

  .home-faq-title{
    font-size:36px;
  }

  .home-faq-question{
    font-size:16px;
  }

  .home-faq-answer p{
    font-size:15px;
  }

}