:root {
  --dm-accent: #EE4F76;
  --dm-accent-hover: #D4345B;
  --dm-highlight: #3b82f6;
  --dm-highlight-hover: #2563eb;
  --dm-text: #f1f5f9;          /* main text */
  --dm-text-muted: #94a3b8;    /* secondary text */
  --dm-bg: #0c162f;            /* background */
  --dm-surface: #090a0a;       /* cards / sections */
  --dm-border: #334155;        /* border lines */
  --dm-border-light: #475569;
  --dm-shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.2);
  --dm-shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.4);
  --dm-radius: 8px;
}

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

body {
  margin: 0;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px;
  line-height: 1.5;
  color: var(--dm-text);
  background-color: var(--dm-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  color: var(--dm-text);
}

p {
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--dm-text-muted);
}
.h2, h2 {
    font-size: 32px !important;
    margin-bottom: 0.5rem !important;
}

.text-gradient {
    background: var(--new, linear-gradient(92deg, #1668E2 0%, #EE4F77 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
}
a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
ul, ol { list-style: none;}
img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto;}

.btn {  border-radius: 50px;  padding: 15px 30px;  font-size: 14px;  font-weight: 500 !important;  display: inline-block;}
.btn-primary {  background-color: var(--dm-accent) !important;  border-color: var(--dm-accent) !important;  color: #fff !important;}
.btn-primary:hover {  background-color: var(--dm-accent-hover) !important;  border-color: var(--dm-accent-hover) !important;}
.text-primary { color: var(--dm-accent) !important; font-weight: 700;}
.text-secondary { color: var(--dm-highlight) !important;}
.bg-primary { background-color: var(--dm-accent) !important;}
.rounded-xl { border-radius: 20px;}
.container-xxl{ max-width:1500px; }
.gradient-primary {  background: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);  color: #fff;}
.gradient-dark {  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #111827 100%);}
.gradient-dark-reverse { background: linear-gradient(45deg, #28203a 0%, #0f172a 50%, #2f0a65 100%);}




.ai-developmet-wrapper .bg-dark{ background-color:#141a23 !important; }

.ai-developmet-wrapper .btn { white-space: nowrap; }
.ai-developmet-wrapper .btn.btn-large { padding: 25px 32px !important; font-size: 18px !important; font-weight: 600 !important;}
.whatsapp-outline { color: #22c55e; border: 2px solid #22c55e !important; margin: 0 !important;}
.ai-developmet-wrapper section{ padding: 100px 0;}

.ai-developmet-wrapper .text-right{ text-align: right;}

.ai-developmet-wrapper .card { position: relative; background: #142142; border-radius: 14px; padding: 28px 22px; transition: all 0.35s ease; border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.45); cursor: pointer; position: relative; overflow: hidden; min-height:100%; }
.ai-developmet-wrapper .card:hover { transform: translateY(-8px); border-color: #3b82f6; box-shadow: 0 10px 24px rgba(59, 130, 246, 0.45); }
.ai-developmet-wrapper .card::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 14px; padding: 1px; background: linear-gradient(135deg, #3b82f6, #8b5cf6); -webkit-mask:    linear-gradient(#fff 0 0) content-box,    linear-gradient(#fff 0 0); -webkit-mask-composite: xor;         mask-composite: exclude; opacity: 0; transition: opacity 0.35s ease; }
.ai-developmet-wrapper .card:hover::before { opacity: 1; }

.ai-developmet-wrapper .heading-sec *{ font-weight:800 !important; }
.ai-developmet-wrapper .heading-sec h6 { line-height:28px; font-weight:500 !important; }
.ai-developmet-wrapper .heading-sec.sticky{ position: sticky; top:100px;}

.ai-developmet-wrapper .hero-sec{ background-image: url("../img/hero-bg.jpg");  background-repeat: no-repeat; background-size:cover; background-attachment: fixed; background-position: center center;   }
.ai-developmet-wrapper .hero-sec .h1 { font-size: 55px; color: #fff; display: inline-block !important;}
.ai-developmet-wrapper .hero-sec .h1 span { display: inline-block !important;}
.ai-developmet-wrapper .hero-sec .content-sec { position: relative; z-index: 3; }
.ai-developmet-wrapper .hero-sec p{ font-size:18px;}
.ai-developmet-wrapper .hero-sec .content-sec .btn-sec { display: flex; gap:20px; }

.ai-developmet-wrapper .app-icon { font-size: 20px; color: var(--dm-highlight); margin-bottom: 15px;}
.ai-developmet-wrapper .app-title { font-weight: 700; font-size: 18px; margin-bottom: 12px; color: #fff;}
.ai-developmet-wrapper .app-card p { font-size: 14px; line-height: 1.6; color: var(--dm-text-muted);  margin-bottom:0;}
.ai-developmet-wrapper .ai-solution-box { flex-direction: row; display: flex !important; gap: 12px; padding: 40px; transition: all 0.3s ease; height: 100%;}
.ai-developmet-wrapper .ai-solution-box i { font-size:40px; min-width:60px; margin: 0; }
.ai-developmet-wrapper .ai-solution-box h3 { font-size: 18px; font-weight: 700; margin-bottom: 6px; color: var(--dm-text);}
.ai-developmet-wrapper .ai-solution-box p { font-size: 15px; color: var(--dm-text-muted); line-height: 1.6;  margin-bottom:0;}

.ai-developmet-wrapper .cta{ border-bottom:solid 1px #ffffff20; border-top:solid 1px #ffffff20; background-image: url("../img/cta-bg.jpg");  background-repeat: no-repeat; background-size:cover;  background-position: center center; }
.ai-developmet-wrapper .cta .heading-sec {  border-radius:16px; border: solid 2px #ffffff10; background-color: #00000050; backdrop-filter: blur(40px);  padding: 50px; max-width:1500px; margin: 0px auto; }
.ai-developmet-wrapper .service-card { display: inline-block; border-radius: 16px; padding: 25px; color: #fff; text-align: left; transition: all 0.3s ease-in-out;}
.ai-developmet-wrapper .service-card i { font-size: 20px; color: #4cc9f0; margin-bottom: 15px; border: solid 1px #ffffff20; min-width:60px; min-height:60px;  width:60px; height:60px; display: flex; align-items: center; justify-content: center; }
.ai-developmet-wrapper .service-card h3 { font-size: 20px; margin-bottom: 10px; color: #fff;}
.ai-developmet-wrapper .service-card p { font-size: 15px; line-height: 1.6; color: #ccc; margin-bottom:0; }

.ai-developmet-wrapper .industry-grid { }

.ai-developmet-wrapper .industry-card figure { margin: 0; height: 220px; overflow: hidden; border-radius:16px; }
.ai-developmet-wrapper .industry-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease;}
.ai-developmet-wrapper .industry-card:hover img { transform: scale(1.1);}
.ai-developmet-wrapper .industry-content { padding: 20px 0 0;}
.ai-developmet-wrapper .industry-content h4 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.ai-developmet-wrapper .industry-content p { font-size: 15px; line-height: 1.6; margin-bottom: 0px; }


.industry-gallery-box { position: relative; overflow: hidden; border-radius: 8px; cursor: pointer;    }
.industry-gallery-box img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease;    }
.industry-gallery-box:hover img { transform: scale(1.05);    }
.industry-gallery-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 55px 15px 15px 15px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.9)); color: #fff; font-size: 18px; font-weight: bold; text-align: left;  }


.ai-developmet-wrapper .dedicated-dev{background-image: url(../img/dark-theme-background.jpg); background-position:  center center; background-attachment: fixed; }
.ai-developmet-wrapper .hire-block { border-radius:16px; border: solid 2px #ffffff10; background-color: #00000090; backdrop-filter: blur(40px);  padding:0 50px; max-width:1500px; margin: 0px auto; }

.ai-developmet-wrapper .why-choose-box { position: relative;}
.ai-developmet-wrapper .why-choose-box::after{ content:''; display: block; background-color:#fff; width:100px; height:2px; border-radius:10px; position: absolute; bottom:0; left:0; right:0; margin:0 auto; transition: all 0.35s ease;  }
.ai-developmet-wrapper .why-choose-box:hover::after{ width:150px;}
.ai-developmet-wrapper .why-choose-des-inner h3 { font-size: 1.25rem; color: #ffffff; margin-bottom: 12px; font-weight: 600; }
.ai-developmet-wrapper .why-choose-des-inner p { font-size: 0.95rem; color: #cfd5e3; line-height: 1.6; }

.ai-developmet-wrapper .process-steps { }
.ai-developmet-wrapper .process-box { height:100%; border-radius:16px; border: solid 3px #ffffff10; text-align: center;  padding:40px; }
.ai-developmet-wrapper .process-icon { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-size: 40px; background-color:#00000010; border-radius:100%; color: #fff; }
.ai-developmet-wrapper .process-box:hover{ cursor: pointer;}
.ai-developmet-wrapper .process-box.bg-blue { background: linear-gradient(135deg, #3b82f6, #60a5fa);transition: all 0.35s ease; }
.ai-developmet-wrapper .process-box.bg-purple { background: linear-gradient(135deg, #8b5cf6, #a78bfa);transition: all 0.35s ease; }
.ai-developmet-wrapper .process-box.bg-green { background: linear-gradient(135deg, #22c55e, #4ade80);transition: all 0.35s ease; }
.ai-developmet-wrapper .process-box.bg-cyan { background: linear-gradient(135deg, #06b6d4, #67e8f9);transition: all 0.35s ease; }
.ai-developmet-wrapper .process-box.bg-pink { background: linear-gradient(135deg, #ec4899, #f472b6);transition: all 0.35s ease; }
.ai-developmet-wrapper .process-box.bg-orange { background: linear-gradient(135deg, #f97316, #fb923c);transition: all 0.35s ease; }

.ai-developmet-wrapper .process-box.bg-blue:hover {box-shadow: 0 6px 14px #60a5fa80; transform: translateY(-10px); }
.ai-developmet-wrapper .process-box.bg-purple:hover {box-shadow: 0 6px 14px #a78bfa80; transform: translateY(-10px); }
.ai-developmet-wrapper .process-box.bg-green:hover {box-shadow: 0 6px 14px #4ade8080; transform: translateY(-10px); }
.ai-developmet-wrapper .process-box.bg-cyan:hover {box-shadow: 0 6px 14px #67e8f980; transform: translateY(-10px); }
.ai-developmet-wrapper .process-box.bg-pink:hover {box-shadow: 0 6px 14px #f472b680; transform: translateY(-10px); }
.ai-developmet-wrapper .process-box.bg-orange:hover {box-shadow: 0 6px 14px #fb923c80; transform: translateY(-10px); }
.ai-developmet-wrapper .process-box h4 { font-size: 16px; margin-top: 8px; font-weight: 600; }
 

.ai-developmet-wrapper .accordion-item  .collapse{ visibility: inherit;}
.ai-developmet-wrapper .accordion-item .accordion-header{ margin-bottom:0 !important; }
.ai-developmet-wrapper .accordion-item { background-color: #101a33;  border-radius: 8px; margin-bottom: 12px; overflow: hidden;}
.ai-developmet-wrapper .accordion-button { background: #182446; color: #fff; font-weight: 500; padding: 16px 20px; border: none; border-radius: 8px; transition: background 0.3s ease, color 0.3s ease;}
.ai-developmet-wrapper .accordion-button:hover { background: #22325f; color: #60a5fa;}
.ai-developmet-wrapper .accordion-button::after { filter: brightness(0) invert(1); transition: transform 0.3s ease, filter 0.3s ease;}
.ai-developmet-wrapper .accordion-button:not(.collapsed){ box-shadow: none;}

.ai-developmet-wrapper .accordion-body { background: #00000050; color: #fff !important; padding: 20px; font-size: 15px; line-height: 1.6;}
.ai-developmet-wrapper .accordion-item:not(:first-of-type){ border: solid 1px #eee; }

.ai-developmet-wrapper .tech-stack-card { text-align: center;}
.ai-developmet-wrapper .tech-stack-card p{ font-size:12px; }
.ai-developmet-wrapper .tech-icons img{ margin:0 auto 5px; text-align: center;  }


.ai-developmet-wrapper .ai-hire-section {  background: #0c162f;  color: #fff;  padding: 80px 0;}
.ai-developmet-wrapper .feature-card {  cursor: pointer;    padding: 40px 10px;  border-radius: 16px;  color: #fff;  background-color:#00000030;  border: solid 1px #ffffff10;  height:100%; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;  font-weight: 600;  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.ai-developmet-wrapper .feature-card i {  font-size: 30px;  margin-bottom: 15px;  display: flex;  border-radius:100%;  height:80px; width:80px;  align-items: center;  justify-content: center;}
.ai-developmet-wrapper .feature-card:hover {  transform: translateY(-8px);  box-shadow: 0 8px 20px rgba(0,0,0,0.3);}

/* Colors */
.ai-developmet-wrapper .feature-card.red i { background: #e63946; }
.ai-developmet-wrapper .feature-card.red:hover{ border: solid 1px #e63946; box-shadow: 0 6px 14px #e6394650; }
.ai-developmet-wrapper .feature-card.blue i { background: #1d4ed8; }
.ai-developmet-wrapper .feature-card.blue:hover{ border: solid 1px #1d4ed8; box-shadow: 0 6px 14px #1d4ed850; }
.ai-developmet-wrapper .feature-card.yellow i { background: #f59e0b; }
.ai-developmet-wrapper .feature-card.yellow:hover{ border: solid 1px #f59e0b; box-shadow: 0 6px 14px #f59e0b50; }
.ai-developmet-wrapper .feature-card.green i { background: #10b981; }
.ai-developmet-wrapper .feature-card.green:hover{ border: solid 1px #10b981; box-shadow: 0 6px 14px #10b98150; }
.ai-developmet-wrapper .feature-card.purple i { background: #7c3aed; }
.ai-developmet-wrapper .feature-card.purple:hover{ border: solid 1px #7c3aed; box-shadow: 0 6px 14px #7c3aed50; }
.ai-developmet-wrapper .feature-card.orange i { background: #f97316; }
.ai-developmet-wrapper .feature-card.orange:hover{ border: solid 1px #f97316; box-shadow: 0 6px 14px #f9731650; }

/* Responsive */
@media (max-width: 1400px) {
  .ai-developmet-wrapper .hero-sec .h1 { font-size: 42px; }
  
}
@media (max-width: 1200px) {
  
 
}
@media (max-width: 992px) {
  .hire-block{padding:30px;}
  
  
  .ai-developmet-wrapper .ai-solution-box{ flex-direction: column; padding:20px; }
  .ai-developmet-wrapper .service-card { padding: 20px;}
  .ai-developmet-wrapper .cta .heading-sec{ padding: 25px;}
}
@media (max-width: 768px) {
  .ai-developmet-wrapper .hero-sec .h1 { font-size: 38px; }
  .ai-developmet-wrapper .heading-sec h2{ font-size:30px;}
  .ai-developmet-wrapper .heading-sec h6{ font-size:14px; line-height:25px; }
  .ai-developmet-wrapper .hire-block{ text-align: center;  padding:20px;}
  .ai-developmet-wrapper .app-title,
  .ai-developmet-wrapper .service-card h3{ font-size:17px;}
  .ai-developmet-wrapper .why-choose-box,
  .ai-developmet-wrapper .heading-sec.text-center,
  .ai-developmet-wrapper .heading-sec.text-right  { text-align: left !important;}
  .ai-developmet-wrapper .cta{ background-size: auto auto;}
  .ai-developmet-wrapper .dedicated-dev .heading{ text-align: center;}
  
  .ai-developmet-wrapper .hero-sec p { font-size:16px; line-height:28px;  }
}
@media (max-width: 576px) {

  .ai-developmet-wrapper .hero-sec .content-sec .btn-sec{ flex-direction: column;}
  .ai-developmet-wrapper .heading-sec h2{ font-size:24px;}
  .ai-developmet-wrapper .feature-card,
  .ai-developmet-wrapper .process-box{ padding:20px; }
  .ai-developmet-wrapper .feature-card i{width:50px; height:50px; font-size:20px;}
  .ai-developmet-wrapper .feature-card h6 { font-size:14px;}
  .ai-developmet-wrapper .process-icon{ width:50px; height:50px; font-size:20px;}
  .ai-developmet-wrapper section{ padding:80px 0;}
  .ai-developmet-wrapper .btn { padding: 15px 25px !important; font-size: 14px !important; font-weight: 600 !important;}
  
  .ai-developmet-wrapper .card-parent{ position: sticky; top: 80px; z-index: 3;}
  .ai-developmet-wrapper h2.accordion-header,
  .ai-developmet-wrapper h2.accordion-header button{ font-size:14px !important; line-height: 23px;}
  .ai-developmet-wrapper .why-choose-box::after{ left:20px; right: auto; margin:0;}
  .ai-developmet-wrapper .process-box{ padding: 20px 10px; }
}