.nav-color{
  background:transparent;
}
.nav-position{
 position: fixed;
}
.arrow-icon{
  position: absolute;
  top: 78px;
  right: 208px;
}

.bg-dark-1{
  background: rgba(0,0,0,0.5) ;
  backdrop-filter: saturate(180%) blur(7px);
}

#particles canvas{
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index:0;
    width: 100vw;
    height: 100vw;
    -webkit-transition: background-color 600ms ease;
    transition: background-color 600ms ease;
    /* width: 100vw !important; */
}
canvas
{
    display:block;
    position: fixed;
    
}

h1,h2,h3,h4{
    font-family: Playfair,sans-serif !important;
}


.pt-10{
    padding-top: 10rem;
}
.pt-15{
    padding-top: 15rem;
}


  .neon-button {
   
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 9.5rem;
    height: 3.625rem;
    padding: 0.1875rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.375rem;
    background-color: #040c18;
    color: #df8714;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
  }
  
  .neon-button::before {
   
        content: '';
        background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
        position: absolute;
        top: -2px;
        left:-2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing 20s linear infinite;
        opacity: 0;
        transition: opacity .3s ease-in-out;
        border-radius: 10px;
  }
  .neon-button:active {
    color:white;
}
.neon-button:active:after {
    background: transparent !important;
}
 .neon-button:before {
    opacity: 1;
}
  
.neon-button:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}



@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


/* .hero-img{
    transform: rotate3d(0.5, -0.866, 0, 15deg) rotate(1deg);
  box-shadow: 2em 4em 6em -2em rgba(0, 0, 0, 0.5),
    1em 2em 3.5em -2.5em rgba(0, 0, 0, 0.5);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  background-position: 50%;
}
.hero-img:hover {
    transform: rotate3d(0, 0, 0, 0deg) rotate(0deg);
  } */

  .hero_img {
  transition: all 0.2s;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2), 0px 0px 50px rgba(0, 0, 0, 0.2);
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.bg-gradient {
    background-color: #0088CC !important;
    background-image: linear-gradient(to right, #0088CC 0%, #8d8383 100%) !important;   
}

p{
    color: #b7dbff;
}
.pb-10{
  padding-bottom: 10rem;
}

/* .icon-box{
   
width: 40px;
height: 40px;
box-shadow: 0px 6px 13px 0px rgba(153, 36, 143, 0.15);
background-color: #f37723 !important;
} */

.gredient-color{
    background: -webkit-linear-gradient(25deg, #f49867, #ae67fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 
}
.gredient-color::selection{
  background:#f37723;
  -webkit-background-clip: text;
  -webkit-text-fill-color:white;

}

.bg-text-color{
  background: -webkit-linear-gradient(25deg, #f37723 , #c01f1f );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-text-color::selection{
  background: #f37723;
  -webkit-background-clip: text;
  -webkit-text-fill-color:  white;
}

.border-bottom{
    max-width: 250px;
   
}

.avatar{
	
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;

}
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(20px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(20px);
	}
}

.card-aqua {
    /* background-image: linear-gradient(to bottom right, #00bfad, #99a3d4); */
    background: linear-gradient(71deg, #080509, #1a171c, #080509);
    background-clip: padding-box;
   
   
}

.container-title {
    text-align: center;
    padding: 0 !important;
    margin-bottom: 40px;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    line-height: 60px;
  }
  
  .card-new {
    max-width: 550px;
    height: 500px;
    border: 0;
    width: 100%;
    margin-inline: auto;
  }
  
  .container-card {
    position: relative;
    border: 2px solid transparent;
    background: linear-gradient(71deg, #080509, #1a171c, #080509);
    background-clip: padding-box;
    border-radius: 45px;
    padding: 44px;
    
  }
  
  .bg-green-box,
  .bg-white-box,
  .bg-yellow-box
  {
    position: relative;
  }
  
  .bg-green-box::after,
  .bg-white-box::after,
  .bg-yellow-box::after
   {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: "";
    z-index: -1;
    border-radius: 45px;
  }
  .bg-logo-box{
    background: linear-gradient(313deg, #f27422, #b0afb0, #f27422);
  }
  .bg-green-box::after {
    background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
  }
  
  .bg-white-box::after {
    background: linear-gradient(71deg, #121013, #b0afb0, #121013);
  }
  
  .bg-yellow-box::after {
    background: linear-gradient(71deg, #110e0e, #afa220, #110e0e);
  }
  
  .bg-blue-box {
    background: linear-gradient(71deg, #0c0a0e, #5f6fad, #0c0a0e);
    border-radius: 45px;
  }
  .bg-white-dark-box{
    background: linear-gradient(22deg, #121013, #b0afaf2b, #121013);;
  }
  
  .card-title {
    font-weight: 600;
    color: white;
    letter-spacing: -0.02em;
    line-height: 40px;
    font-style: normal;
    font-size: 28px;
    padding-bottom: 8px;
  }
  
  .card-description {
    font-weight: 600;
    line-height: 32px;
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 16px;
    max-width: 470px;
  }
  
  
  

a{
  text-decoration: none !important;
}

.cardo{
  /* border-radius: 20px !important; */
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(35px) !important;
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.25) !important;
  
}
.cardo:active{
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(35px) !important;
  border: 2px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.25) !important;
  
}
.call-box-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 100%;
  color: #FFF;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: -3px;
  text-align: center;
  padding: 0.8em;
  height: 1px;
  width: 4.7em;
  height: 4.7em;
}




/* 
.circle {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(120deg, #1D976C, #2c3e50);
}
.circles {
  position: absolute;
  height: 270px;
  width: 450px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.circle-1 {
  height: 300px;
  width: 300px;
  top: 100px;
  left: -50px;
  opacity: 0.8;
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-iteration-count: infinite;
  animation-name: float;
  -webkit-animation-name: float;
  animation-duration: 6s;
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
  animation-direction: alternate;
  
}

.circle-2 {
  height: 240px;
  width: 240px;
  bottom: 40px;
  right: -100px;
  opacity: 0.8;
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-iteration-count: infinite;
  animation-name: float;
  -webkit-animation-name: float;
  animation-duration: 6s;
  -webkit-animation-duration: 6s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  animation-direction: alternate;
}
/* Background circles end */





/* ANIMATIONS */
/* @keyframes explode {
 0% { opacity: 1; }
 100% { transform: scale(1.2); opacity: 0; }
}
@keyframes float {

  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
    }

  50% {
    -webkit-transform: rotateX(0deg) translateY(1px) translateX(5px);
    -moz-transform: rotateX(0deg) translateY(10px) translateX(5px);
    -ms-transform: rotateX(0deg) translateY(30px) translateX(5px);
    -o-transform: rotateX(0deg) translateY(40px) translateX(5px);
    transform: rotateX(0deg) translateY(10px) translateX(5px);
}
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px) translateX(1px);
    -moz-transform: rotateX(0deg) translateY(0px) translateX(1px);
    -ms-transform: rotateX(0deg) translateY(0px) translateX(1px);
    -o-transform: rotateX(0deg) translateY(0px) translateX(1px);
    transform: rotateX(0deg) translateY(0px) translateX(1px);
  }

} */

.mdl{
  height: auto;
  width: 420px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-60%,-60%);

} 

#header .header-body-1 {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0);
  transition: min-height 0.3s ease;
  width: 100%;
  border-top: 3px solid #EDEDED;
  border-bottom: 1px solid transparent;
  z-index: 1001;
}
html.sticky-header-active #header .header-body-1 {
  position: fixed !important;
  box-shadow: 0 0 3px rgba(234, 234, 234, 0.5);
}

.owl-carousel .owl-dots .owl-dot.active span{
  background-color:#f37723 !important ;
} 
.bg-main-color{
  background-color:#f37723  ;
}
/* .owl-carousel .owl-dots.span:hover {
  background-color:#f37723 !important ;
} */

/* .dropdown-menu{
  background-color: #040c18 !important;
} */
.fc-slideshow img {
  border-radius: 50%;
    width: 332px;
    background: #f0f1f3;
    box-shadow: 3px -3px 7px 1px #a2a7b1cc, -2px 1px 0px 4px #ffffff;
}

.custom-p{
  padding:0;
}
.container-custom-p{
  padding:5rem;
}
.hero-container-p{
  padding-top: 15rem;
}
.icon-featured {
  display: inline-block;
  font-size: 0;
  margin: -43px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 2.3em;
  line-height: 110px;
  top: -50px;
}
.featured-box {
  background: #f0f1f3;
  box-sizing: border-box;
  border-bottom: 1px solid #DFDFDF;
  border-left: 1px solid #ECECEC;
  border-radius: 8px;
  border-right: 1px solid #ECECEC;
  box-shadow: 3px 0px 3px rgb(229 217 217 / 94%), -5px 0px 0px white;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  min-height: 100px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.mt-7{
  margin-top: 7rem;
}
.icon-featured {
  display: inline-block;
  font-size: 0;
  margin: -15px;
  width: 113px;
  height: 112px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 2.3em;
  line-height: 110px;
  top: -26px;
}
.icon-featured-1{
  display: inline-block;
  font-size: 0;
  margin: -15px;
  width: 113px;
  height: 112px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 2.3em;
  line-height: 110px;
  top: 20px;
}
.icon-featured-2{
  display: inline-block;
  background-color: #f37723;
  font-size: 0;
  margin: 1px;
  width: 113px;
  height: 112px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 2.3em;
  line-height: 110px;
  top: 8px;
}
.featured-box-2{
  height: 407px !important;
}
.featured-box-3{
  height: 474px !important;
}




.featured-box-1{
    background: #212529;
    box-sizing: border-box;
    /* border-bottom: 1px solid #DFDFDF; */
    /* border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC; */
    border-radius: 8px;
    box-shadow: 4px 3px 5px rgb(57 65 72), -4px -4px 7px 0px #16181b;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; 
    position: relative;
    text-align: center;
    z-index: 1;
}

.featured-box-software-testing{
  background: #212529;
  box-sizing: border-box;
  /* border-bottom: 1px solid #DFDFDF;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC; */
  border-radius: 8px;
  box-shadow: 4px 3px 5px rgb(57 65 72), -4px -4px 7px 0px #16181b;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  position: relative;
  text-align: center;
  padding: 14px;
  z-index: 1;
}
.icon-box-1 {
  /* background-color: rgb(32, 29, 29); */
  color: orangered;
  border-radius: 19px 100px 100px 100px;
  font-size: 30px;
  margin: 0px 0px 10px 0px;
  padding: 10px 13px 10px 13px;
}

.pb-3-1 {
  padding-bottom: 3.25rem !important;
}
/* ===================================== */


.owl-stage{
  display: flex;
}
.owl-stage .owl-item{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	align-content:center;
  } 

  .feature  -box-height{
    height: 344px !important;
  }
   .hover-border{
    padding: 30px 30px 10px ;
   }
  .hover-border:hover{
    box-shadow: 0px -1px 35px 4px rgba(0, 0, 0, 0.2);
  }
  .testomonial-logo-size{
     width: 25% ;      
  }



/* ======================================== Responsive-site==================================== */

 @media (max-width:2733px) {
  .custom-p{
    padding:4rem !important;
  }
  
 }
 @media (max-width:1024px) {
  .custom-p{
    padding:0rem !important;
  }
  .container-custom-p{
    padding:8rem;
  }
  .container-card{
    padding: 30px !important;
  }
 }
 @media (max-width:768px) {
  
  
  .container-card{
    padding:19px !important;
  }
  .card-new{
    height: 415px !important;
  }
 }
 @media (max-width:425px) {
  
  .container-custom-p{
    padding:3rem !important;
  }
  .hero-container-p{
    padding-top: 11rem !important;
  }
  .card-new{
    height: 415px !important;
  }
  .testomonial-logo-size{
    width: 100% !important;
  }
 }

 .hover-link{
   color: #575757 !important;
  }
  .hover-link:hover{
   color: white !important;
  }
  .nav-link .hover-link:hover{
   color: white !important;
  }

/* Client logo carousel items */
.client-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Technology logo carousel - override owl-carousel's "width:100%" on images */
.tech-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}
.owl-carousel .owl-item .tech-logo-item img.tech-logo {
  display: block;
  width: auto;
  max-width: 160px;
  max-height: 60px;
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.owl-carousel .owl-item .tech-logo-item img.tech-logo:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Service card hover effects */
.card-new {
  transition: transform 0.3s ease;
}
.card-new:hover {
  transform: translateY(-8px);
}
.container-card {
  transition: box-shadow 0.3s ease;
}
.card-new:hover .container-card {
  box-shadow: 0 12px 40px rgba(243, 119, 35, 0.15);
}

/* Portfolio items */
.portfolio-item {
  display: block;
  transition: transform 0.3s ease;
}
.portfolio-item:hover {
  transform: translateY(-5px);
}
.portfolio-tag {
  font-size: 0.85rem;
  color: #f37723;
  letter-spacing: 1px;
}

/* Testimonial styles */
.testimonial-company {
  color: #00e5ff;
  font-size: 1.1rem;
  opacity: 0.8;
}
.testimonial-logo-bg {
  border-radius: 8px;
  background-color: white;
}

/* Counter section styling */
.counter {
  text-align: center;
}

/* Smooth section transitions */
section {
  position: relative;
}

/* Better button hover state */
.btn-outline.btn-primary {
  transition: all 0.3s ease;
}
.btn-outline.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(243, 119, 35, 0.3);
}

/* ===== AI Highlight Section (Homepage) ===== */
.ai-highlight-section {
  position: relative;
  border-top: 1px solid rgba(243, 119, 35, 0.15);
  border-bottom: 1px solid rgba(243, 119, 35, 0.15);
  background: linear-gradient(135deg, rgba(243, 119, 35, 0.04) 0%, rgba(174, 103, 250, 0.04) 100%);
}
.ai-badge {
  display: inline-block;
  background: linear-gradient(135deg, #f37723, #ae67fa);
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.ai-features-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ai-feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
}
.ai-visual-container {
  position: relative;
  display: inline-block;
}
.ai-visual-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(243, 119, 35, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(40px);
  animation: ai-pulse 4s ease-in-out infinite;
}
@keyframes ai-pulse {
  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.15); }
}
.ai-hero-img {
  position: relative;
  max-width: 300px;
  z-index: 1;
}
.ai-tech-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.ai-tech-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(243, 119, 35, 0.3);
  color: #f37723;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 5px 16px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.ai-tech-badge:hover {
  background: rgba(243, 119, 35, 0.15);
  transform: translateY(-2px);
}

/* ===== Generative AI Service Page ===== */
.ai-service-hero {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a0a2e 50%, #0a0a0a 100%);
  padding: 6rem 0 4rem;
  position: relative;
  overflow: hidden;
}
.ai-service-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 30% 50%, rgba(243, 119, 35, 0.08) 0%, transparent 50%),
              radial-gradient(circle at 70% 50%, rgba(174, 103, 250, 0.06) 0%, transparent 50%);
  animation: ai-bg-shift 15s ease-in-out infinite;
}
@keyframes ai-bg-shift {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-5%, 3%); }
}
.ai-stat-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 2rem;
  text-align: center;
  transition: all 0.3s ease;
}
.ai-stat-card:hover {
  border-color: rgba(243, 119, 35, 0.3);
  background: rgba(243, 119, 35, 0.05);
  transform: translateY(-4px);
}
.ai-stat-number {
  font-size: 2.5rem;
  font-weight: 800;
  background: linear-gradient(135deg, #f37723, #ae67fa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.25rem;
}
.ai-stat-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.95rem;
}
.ai-capability-card {
  background: linear-gradient(71deg, #080509, #1a171c, #080509);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: 2.5rem;
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.ai-capability-card::after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: linear-gradient(71deg, #0d1212, #3da077, #0d1212);
  border-radius: 20px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ai-capability-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(243, 119, 35, 0.1);
}
.ai-capability-card:hover::after {
  opacity: 1;
}
.ai-capability-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: rgba(243, 119, 35, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}
.ai-capability-icon svg {
  width: 32px;
  height: 32px;
}
.ai-capability-card h4 {
  color: white;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.ai-capability-card p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 0;
}
.ai-process-step {
  text-align: center;
  padding: 1.5rem;
}
.ai-process-number {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f37723, #ae67fa);
  color: white;
  font-size: 1.4rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.ai-process-step h5 {
  color: white;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.ai-process-step p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
}
.ai-tech-stack-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}
.ai-tech-stack-item:hover {
  border-color: rgba(243, 119, 35, 0.3);
  background: rgba(243, 119, 35, 0.05);
  transform: translateY(-3px);
}
.ai-tech-stack-item h5 {
  color: white;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.ai-tech-stack-item p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  margin-bottom: 0;
}
.ai-usecase-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 2rem;
  transition: all 0.3s ease;
  height: 100%;
}
.ai-usecase-card:hover {
  border-color: rgba(243, 119, 35, 0.2);
  transform: translateY(-4px);
}
.ai-usecase-card h5 {
  color: white;
  font-weight: 700;
}
.ai-usecase-card p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
}
.ai-faq-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1.5rem 2rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.ai-faq-item:hover {
  border-color: rgba(243, 119, 35, 0.2);
}
.ai-faq-item h5 {
  color: white;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ai-faq-item p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
  margin-bottom: 0;
}
.ai-cta-section {
  background: linear-gradient(135deg, rgba(243, 119, 35, 0.08) 0%, rgba(174, 103, 250, 0.08) 100%);
  border-radius: 24px;
  padding: 4rem;
  text-align: center;
  border: 1px solid rgba(243, 119, 35, 0.15);
}
@media (max-width: 768px) {
  .ai-cta-section {
    padding: 2.5rem 1.5rem;
  }
  .ai-hero-img {
    max-width: 200px;
  }
  .ai-service-hero {
    padding: 4rem 0 3rem;
  }
}