*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body{line-height:1.6;color:#333;background:#f9f9f9;scroll-behavior:smooth;}
header{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 5%;}
.logo{text-decoration:none;color:#0078d7;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:color 0.3s;}
.logo:hover{color:#005bb5;}
nav ul.main-menu{list-style:none;display:flex;align-items:center;gap:30px;margin-left:auto;}
nav ul.main-menu li{position:relative;}
nav ul.main-menu li a{color:#333;text-decoration:none;font-weight:500;transition:color 0.3s;padding:10px 0;}
nav ul.main-menu li a:hover{color:#0078d7;}
.has-submenu .mega-menu{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:900px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,0.1);border-radius:8px;padding:25px 40px;display:none;justify-content:space-between;gap:40px;animation:fadeIn 0.3s ease-in-out;}
.has-submenu .mega-menu1{position:absolute;left:20%;top:100%;transform:translateX(-50%);width:300px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,0.1);border-radius:8px;padding:25px 40px;display:none;justify-content:space-between;gap:40px;animation:fadeIn 0.3s ease-in-out;}
.has-submenu:hover .mega-menu{display:flex;}
.has-submenu:hover .mega-menu1{display:flex;}
.mega-column{display:flex;flex-direction:column;gap:8px;min-width:180px;}
.mega-column h4{font-size:1rem;color:#0078d7;margin-bottom:8px;font-weight:600;}
.mega-column a{text-decoration:none;color:#333;font-size:0.95rem;transition:color 0.3s;}
.mega-column a:hover{color:#0078d7;}
.menu-toggle{display:none;flex-direction:column;cursor:pointer;}
.menu-toggle span{height:3px;width:25px;background:#333;margin:4px 0;border-radius:2px;transition:0.3s;}
@media(max-width:1000px){nav ul.main-menu{position:fixed;top:70px;right:-100%;flex-direction:column;background:#fff;width:250px;height:100vh;padding-top:30px;gap:15px;transition:0.3s;box-shadow:-2px 0 10px rgba(0,0,0,0.1);overflow-y:auto;}nav ul.main-menu.active{right:0;}.menu-toggle{display:flex;}.has-submenu .mega-menu{position:static;width:100%;box-shadow:none;padding:10px 20px;flex-direction:column;gap:20px;display:none;}.has-submenu.open .mega-menu{display:flex;}.mega-column{gap:4px;}}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}




.section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 10%;scroll-snap-align:start;}
.hero{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('assets/hero-bg.jpg') center/cover no-repeat;color:#fff;}
.hero h1{font-size:3.2rem;font-weight:700;margin-bottom:20px;}
.hero p{font-size:1.2rem;margin-bottom:30px;max-width:700px;}
.hero .btn{display:inline-block;background:#0078d7;color:#fff;padding:12px 35px;border-radius:30px;text-decoration:none;transition:0.3s;font-weight:600;}
.hero .btn:hover{background:#005bb5;}
.grid{display:grid;gap:2rem;width:100%;max-width:1200px;margin:auto;}

.services{background:#fff;padding:100px 10%;text-align:center;}
.services h2{font-size:2.5rem;margin-bottom:60px;font-weight:700;color:#111;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;} 
@media(max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr);}} 
@media(max-width:768px){.services-grid{grid-template-columns:1fr;}}
.service-card{background:#f8f9fb;border-radius:20px;padding:40px 30px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.service-card i{font-size:3rem;color:#0066ff;margin-bottom:20px;}
.service-card h3{font-size:1.4rem;font-weight:600;color:#111;margin-bottom:15px;}
.service-card p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:25px;}
.service-card .btn{display:inline-block;background:#0066ff;color:#fff;padding:10px 25px;border-radius:25px;font-weight:600;text-decoration:none;transition:background 0.3s ease;}
.service-card .btn:hover{background:#004bcc;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}

.contact-form{max-width:600px;margin:auto;display:flex;flex-direction:column;gap:1rem;}
.contact-form input,.contact-form textarea{padding:1rem;border-radius:5px;border:1px solid #ccc;width:100%;}
.contact-form button{padding:1rem;border:none;background:#0078d7;color:#fff;border-radius:5px;cursor:pointer;transition:0.3s;}
.contact-form button:hover{background:#005bb5;}

footer{background:#0e1116;color:#cfd6e1;margin-top:50px;font-size:0.95rem;}
footer a{color:#9fd3ff;text-decoration:none;}
footer a:hover{text-decoration:underline;}

/* ===== Site Footer (KNIME-style) ===== */
.site-footer{padding:20px 6% 20px;position:relative;}
.site-footer .footer-brand{margin-bottom:14px;position:absolute;left:8%;top:0;transform:translateY(80px);}
.site-footer .footer-brand-link{font-size:1.8rem;font-weight:800;color:#9fd3ff;text-decoration:none;}
.site-footer .footer-brand-link:hover{color:#cfe9ff;text-decoration:underline;}
.site-footer .footer-top{display:grid;grid-template-columns:repeat(4,minmax(200px,260px));gap:30px;align-items:start;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:30px;justify-content:end;width:fit-content;margin-left:auto;}
/* centered vertical separators between columns */
.site-footer .footer-top > div{position:relative;}
.site-footer .footer-top > div:nth-child(-n+3)::after{content:"";position:absolute;top:0;right:-15px;width:1px;height:100%;background:#2a313c;}
.site-footer .brand{display:flex;flex-direction:column;gap:12px;}
.site-footer .brand .logo-text{font-size:1.6rem;font-weight:700;color:#9fd3ff;letter-spacing:0.5px;}
.site-footer .brand p{color:#97a6ba;max-width:520px;}
.site-footer .newsletter{display:flex;gap:10px;margin-top:8px;}
.site-footer .newsletter input{flex:1;padding:12px 14px;border-radius:6px;border:1px solid #2a313c;background:#0b0e12;color:#e6edf5;}
.site-footer .newsletter button{padding:12px 18px;border-radius:6px;border:none;background:#1976d2;color:#fff;font-weight:600;cursor:pointer;}
.site-footer .newsletter button:hover{background:#1565c0;}
.site-footer h5{font-size:1rem;color:#e6edf5;margin-bottom:12px;}
.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.site-footer li a{color:#cfd6e1;}
.site-footer li a:hover{color:#fff;}
.site-footer .social{display:flex;gap:12px;margin-top:10px;}
.site-footer .social a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #2a313c;border-radius:6px;color:#cfd6e1;}
.site-footer .social a:hover{background:#121722;border-color:#3a4352;color:#fff;}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center;padding-top:18px;color:#97a6ba;}
.site-footer .legal{display:flex;gap:16px;flex-wrap:wrap;}

@media(max-width:1000px){
  .site-footer .footer-top{grid-template-columns:1fr 1fr;width:100%;margin-left:0;justify-content:stretch;}
  .site-footer .footer-top > div{border-left:none;padding-left:0;}
}
@media(max-width:640px){
  .site-footer .footer-top{grid-template-columns:1fr;width:100%;}
}
.carousel{position:relative;width:100%;height:100vh;overflow:hidden;}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;opacity:0;transition:opacity 1s ease;z-index:0;background-size:cover;background-position:center;}
.slide.active{opacity:1;z-index:1;}
.slide h1{font-size:3rem;font-weight:700;margin-bottom:15px;color:#fff;}
.slide p{font-size:1.2rem;max-width:700px;margin-bottom:25px;color:#fff;}
.slide{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:80px;}
.slide-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.carousel .btn{background:#0078d7;color:#fff;padding:12px 35px;border-radius:30px;text-decoration:none;font-weight:600;transition:0.3s;}
.carousel .btn:hover{background:#005bb5;}
.carousel-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);list-style:none;display:flex;gap:20px;z-index:10;}
.carousel-dots li{cursor:pointer;font-weight:600;color:#fff;opacity:0.6;transition:opacity 0.3s;}
.carousel-dots li.active{opacity:1;color:#00b4d8;}
.carousel-dots li a{text-decoration:none;color:inherit;text-align:center;display:block;line-height:1.2;}
.carousel-dots li a:hover{color:#00b4d8;}
@media(max-width:900px){.carousel-dots{gap:15px;font-size:0.9rem;}}


.industries h2{font-size:2.5rem;margin-bottom:60px;font-weight:700;color:#111;}
.industries > p{font-size:1.4rem;max-width:1500px;margin:15px auto 40px;text-align:center;color:#555;line-height:1.6;}
.industries-accordion{display:flex;height:400px;gap:10px;overflow:hidden;transition:all 0.5s;}
.industry-card{flex:1;position:relative;background-size:cover;background-position:center;border-radius:10px;transition:flex 0.5s;cursor:pointer;display:flex;align-items:flex-end;}
.industry-card:hover{flex:3;}
.industry-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:background 0.5s;border-radius:10px;}
.industry-card:hover::before{background:rgba(0,0,0,0.3);}
.industry-content{position:relative;padding:20px;color:#fff;}
.industry-content h3{font-size:1.5rem;margin-bottom:10px;}
.industry-content p{font-size:1rem;margin-bottom:10px;}
.industry-content .btn{display:inline-block;background:#0078d7;color:#fff;padding:8px 20px;border-radius:20px;text-decoration:none;font-weight:600;transition:0.3s;}
.industry-content .btn:hover{background:#005bb5;}
@media(max-width:1024px){.industries-accordion{flex-direction:column;height:auto;}.industry-card{flex:none;height:200px;margin-bottom:10px;}}


/* Solutions Section */
.solutions{background:#111;color:#fff;padding:80px 10%;text-align:center;}
.solutions h2{font-size:3rem;margin-bottom:15px;}
.solutions p{font-size:1.2rem;margin-bottom:40px;color:#ccc;max-width:1400px;margin-left:auto;margin-right:auto;line-height:1.6;}
.solutions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;} 
@media(max-width:1200px){.solutions-grid{grid-template-columns:repeat(3,1fr);}} 
@media(max-width:900px){.solutions-grid{grid-template-columns:1fr;}}
.solution-card{background:#1c1c1c;padding:1.5rem;border-radius:8px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);height:140px;display:flex;flex-direction:column;justify-content:center;transition:0.3s;}
.service-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
.solution-card h3{font-size:1.3rem;max-width:260px; margin:0;auto; color:#00b4d8;}
.solution-card p{font-size:1rem;color:#ccc;line-height:1.5;text-align:left;}



/* Sucess stories */
.success-stories-section {padding:60px 0;background-color:#444444;}
.success-stories-section h2 {font-size:3.0rem;margin-bottom:60px;font-weight:700;color:hwb(0 99% 0%);text-align:center;}
.success-stories-section .section-subtitle {text-align:center;font-size:1.2rem;color:#ffffff;line-height:1.5;max-width:1500px;margin:0 auto 40px;}
.success-stories-grid {display:grid;grid-template-columns:repeat(4,minmax(0,360px));gap:15px;justify-content:center;}
.success-story-card {position:relative;overflow:hidden;border-radius:20px;cursor:pointer;box-shadow:0 6px 9px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;height:400px;width:100%;max-width:360px;margin:0;}
.success-story-card img {width:100%;height:100%;object-fit:cover;display:block;border-radius:20px;transition:transform 0.3s ease;}
.success-story-card:hover img {transform:scale(1.05);}
.success-story-card-content {position:absolute;bottom:0;left:0;width:100%;padding:15px;background:rgba(0,0,0,0.6);color:#fff;opacity:1;transition:background 0.3s ease;}
.success-story-card:hover {transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,0.4);}
.success-story-card .image-wrapper {position:relative;width:100%;height:100%;}
.success-story-card .overlay {position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);color:#fff;opacity:1;}
.success-story-card .overlay h3 {font-size:16px;font-weight:600;margin:0 0 5px 0;line-height:1.2;}
.success-story-card .overlay p {font-size:14px;font-weight:500;margin:0;}
@media (max-width:1200px) {.success-stories-grid {grid-template-columns:repeat(2,minmax(0,360px));}}
@media (max-width:768px) {.success-stories-grid {grid-template-columns:repeat(1,minmax(0,360px));}}




  /* ================================
   Contact Page styles
   ================================ */
  .contact-hero { background: linear-gradient(135deg, #0078d7, #005bb5); color: #fff; text-align: center; padding: 80px 20px; }
  .contact-hero h1 { font-size: 2.8rem; margin-bottom: 15px; font-family: 'Poppins', sans-serif; }
  .contact-hero p { font-size: 1.2rem; opacity: 0.9; max-width: 600px; margin: 0 auto; line-height: 1.6; }
  .contact-main { background: #f9fafc; padding: 40px 20px; }
  .contact-boxes { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; }
  .contact-box { background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; }
  .contact-box:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.08); }
  .message-box h3 { font-size: 1.8rem; color: #004b92; margin-bottom: 25px; }
  form { display: flex; flex-direction: column; gap: 8px; }
  label { font-family: 'Poppins', sans-serif; font-size: 0.95rem; color: #004b92; font-weight: 500; margin-bottom: 5px; }
  input, textarea, select { width: 100%; padding: 15px; border: 1px solid #ccc; border-radius: 8px; font-size: 1rem; font-family: 'Roboto', sans-serif; transition: border-color 0.3s, box-shadow 0.3s; }
  input:focus, textarea:focus, select:focus { border-color: #0078d7; box-shadow: 0 0 0 3px rgba(0,120,215,0.1); outline: none; }
  textarea { resize: vertical; min-height: 120px; }
  .button-container { text-align: right; margin-top: 10px; }
  button { background: #0078d7; color: #fff; border: none; padding: 14px 28px; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.3s; }
  button:hover { background: #005bb5; }
  .info-box h3 { font-size: 1.8rem; color: #004b92; margin-bottom: 15px; }
  .info-box p { font-size: 1rem; color: #555; margin-bottom: 10px; line-height: 1.6; }
  .info-box a { color: #0078d7; font-weight: 600; text-decoration: none; display: inline-block; margin-bottom: 10px; }
  .info-box a:hover { text-decoration: underline; }
  @media (max-width: 900px) { .contact-boxes { grid-template-columns: 1fr; } .button-container { text-align: center; } }

  .letter-image { position: relative; width: 200px; height: 200px; margin: 40px auto 0 auto; cursor: pointer; }
  .animated-mail { position: relative; height: 150px; width: 200px; transition: .4s; }
  .animated-mail .body { position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 100px 200px; border-color: transparent transparent #e95f55 transparent; z-index: 2; }
  .animated-mail .top-fold { position: absolute; top: 50px; width: 0; height: 0; border-style: solid; border-width: 50px 100px 0 100px; transform-origin: 50% 0%; transition: transform .4s .4s, z-index .2s .4s; border-color: #cf4a43 transparent transparent transparent; z-index: 2; }
  .animated-mail .back-fold { position: absolute; bottom: 0; width: 200px; height: 100px; background: #cf4a43; z-index: 0; }
  .animated-mail .left-fold { position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 100px; border-color: transparent transparent transparent #e15349; z-index: 2; }
  .animated-mail .letter { left: 20px; bottom: 0px; position: absolute; width: 160px; height: 60px; background: white; z-index: 1; overflow: hidden; transition: .4s .2s; }
  .animated-mail .letter .letter-border { height: 10px; width: 100%; background: repeating-linear-gradient(-45deg, #cb5a5e, #cb5a5e 8px, transparent 8px, transparent 18px); }
  .animated-mail .letter .letter-title { margin-top: 10px; margin-left: 5px; height: 10px; width: 40%; background: #cb5a5e; }
  .animated-mail .letter .letter-context { margin-top: 10px; margin-left: 5px; height: 10px; width: 20%; background: #cb5a5e; }
  .animated-mail .letter .letter-stamp { margin-top: 30px; margin-left: 120px; border-radius: 100%; height: 30px; width: 30px; background: #cb5a5e; opacity: 0.3; }
  .shadow { position: absolute; top: 200px; left: 50%; width: 400px; height: 30px; transition: .4s; transform: translateX(-50%); border-radius: 100%; background: radial-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.0), rgba(0,0,0,0.0)); }
  .letter-image:hover .animated-mail { transform: translateY(20px); }
  .letter-image:hover .animated-mail .top-fold { transform: rotateX(180deg); }
  .letter-image:hover .animated-mail .letter { height: 180px; }
  .letter-image:hover .shadow { width: 250px; }





  /* ================================
   Map Section styles
   ================================ */
   #map-section{ text-align:center; padding:60px 0; background:#f8f8f8; }
   #map-section .section-heading{ font-size:2rem; font-weight:600; color:#004b92; margin-bottom:40px; }
   #chartdiv{ width:100%; height:400px; margin:0 auto; border-radius:12px; overflow:hidden; }
   .map-marker{ position:absolute; margin-left:-8px; margin-top:-8px; }
   .map-marker.map-clickable{ cursor:pointer; }
   .map-marker .dot{border:10px solid #ff594e;background:#ff594e;border-radius:50%;height:20px;width:20px;position:absolute;top:-10px;left:-10px;z-index:10;}
   .map-marker .pulse{width:60px;height:60px;border:6px solid #ff594e;border-radius:50%;background:transparent;position:absolute;top:-30px;left:-30px;animation:pulse 3s ease-out infinite;z-index:0;opacity:0.6;}
   @keyframes pulse{0%{transform:scale(0);opacity:0.6}25%{transform:scale(0.3);opacity:0.4}50%{transform:scale(0.6);opacity:0.3}75%{transform:scale(0.8);opacity:0.2}100%{transform:scale(1);opacity:0}}




  /* ================================
   Text above the map
   ================================ */
   .hero-h1{color:var(--colors--black);font-family:Manrope,sans-serif;font-size:60px;font-weight:500;line-height:72px;text-align:center;text-transform:capitalize;margin:20px auto 0 auto;box-sizing:border-box;}
   .hero-h1 .text-span-50{color:var(--colors--primary500);}
   .hero-subtitle{color:var(--colors--black);font-family:Manrope,sans-serif;font-size:20px;line-height:30px;text-align:center;margin:16px auto 0 auto;max-width:500px;box-sizing:border-box;}
   .stats-container{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;margin-top:40px;}
   .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;}
   .stat-number{font-size:2rem;font-weight:700;color:var(--colors--primary500);}
   .stat-label{font-size:1rem;font-weight:400;color:var(--colors--gray600);margin-top:4px;}
   #chartdiv{width:100%;height:500px;margin-top:60px;border-radius:12px;overflow:hidden;}
   

   /* ================================
   Text bellow the map
   ================================ */
   #stats-bar{padding:20px 0;background:#f9fafb;text-align:center;}
  .stats-container{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;}
  .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .stat-number{font-size:2rem;font-weight:700;color:var(--colors--primary500);}
  .stat-label{font-size:1rem;font-weight:400;color:var(--colors--gray600);margin-top:4px;}

   
   /* ================================
   R&D styles
   ================================ */
  #rnd-section { padding: 60px 20px; background: #f8f9fa; }
  #rnd-section .rnd-container { display: flex; flex-wrap: wrap; align-items: center; max-width: 1200px; margin: 0 auto; gap: 20px; }
  #rnd-section .rnd-text { flex: 1 1 500px; padding: 20px; }
  #rnd-section .rnd-text h3 { font-size: 1.5rem; font-weight: 600; color: #004b92; margin-bottom: 16px; }
  #rnd-section .rnd-text h2 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; color: #001f5b; margin-bottom: 24px; }
  #rnd-section .rnd-text p { font-size: 1.1rem; line-height: 1.8; color: #333; margin-bottom: 16px; }
  #rnd-section .rnd-text p:last-of-type { margin-bottom: 24px; }
  #rnd-section .rnd-text a { display: inline-block; padding: 12px 24px; background: #001f5b; color: #fff; text-decoration: none; font-weight: 600; border-radius: 6px; transition: background 0.3s ease; }
  #rnd-section .rnd-text a:hover { background: #004b92; }
  #rnd-section .rnd-image { flex: 1 1 500px; padding: 20px; text-align: center; }
  #rnd-section .rnd-image img { width: 100%; max-width: 600px; border-radius: 12px; }
  

   /* ================================
   Mission and values styles
   ================================ */
  #mission-values { padding: 80px 20px; } 
  #mission-values { background: #f4f7fb; } 
  #mission-values .section-heading { font-size: 2.5rem; } 
  #mission-values .section-heading { font-weight: 700; } 
  #mission-values .section-heading { text-align: center; } 
  #mission-values .section-heading { color: #001fa5; } 
  #mission-values .mission-subtitle { font-size: 1.25rem; } 
  #mission-values .mission-subtitle { text-align: center; } 
  #mission-values .mission-subtitle { color: #333; } 
  #mission-values .mission-subtitle { margin-top: 20px; } 
  #mission-values .values-container { display: flex; } 
  #mission-values .values-container { flex-wrap: wrap; } 
  #mission-values .values-container { justify-content: center; } 
  #mission-values .value-item { width: 400px; } 
  #mission-values .value-item { margin: 20px; } 
  #mission-values .value-item img { width: 80px; } 
  #mission-values .value-item img { height: 80px; } 
  #mission-values .value-item h4 { font-size: 1.25rem; } 
  #mission-values .value-item h4 { font-weight: 600; } 
  #mission-values .value-item h4 { margin-top: 15px; } 
  #mission-values .value-item p { font-size: 1rem; } 
  #mission-values .value-item p { color: #555; } 
  #mission-values .value-item p { margin-top: 10px; }
  .mission-image { flex: 1 1 600px; padding: 20px; text-align: center; }
  .mission-image img { width: 100%; max-width: 400px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }


   /* ================================
   Carrers styles
   ================================ */
   #careers { padding: 80px 20px; background: #ffffff; }
   #careers .careers-container { max-width: 1200px; margin: 0 auto; text-align: center; }
   #careers h2 { font-family: 'Poppins', sans-serif; font-size: 36px; color: #004b92; margin-bottom: 20px; }
   #careers p { font-family: 'Roboto', sans-serif; font-size: 18px; color: #333; line-height: 1.7; margin-bottom: 50px; }
   #careers .careers-illustration { margin: 0 auto; max-width: 600px; text-align: center; margin-bottom: 40px; }
   #careers .careers-illustration img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
   #careers .no-positions { padding: 40px; background: #f4f7fb; border-radius: 12px; display: inline-block; max-width: 700px; }
   #careers .no-positions h3 { font-family: 'Poppins', sans-serif; font-size: 24px; color: #004b92; margin-bottom: 10px; }
   #careers .no-positions p { font-family: 'Roboto', sans-serif; font-size: 16px; color: #555; line-height: 1.6; margin-bottom: 20px; }
   #careers .no-positions a { display: inline-block; padding: 12px 24px; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 500; color: #ffffff; background: #004b92; border-radius: 8px; text-decoration: none; transition: 0.3s; }
   #careers .no-positions a:hover { background: #003366; }
   


   /* ================================
   Pricing styles
   ================================ */
   .pricing-hero{background:linear-gradient(135deg,#0078d7,#005bb5);color:#fff;text-align:center;padding:120px 20px 100px;position:relative;z-index:1;}
   .pricing-hero h1{font-size:2.5rem;margin-bottom:15px;}
   .pricing-hero p{font-size:1.1rem;max-width:700px;margin:0 auto;line-height:1.6;}
   .pricing-section{position:relative;z-index:2;}
   .pricing-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;position:relative;z-index:3;margin-top:-120px;padding:40px 5%;background:transparent;}
   .pricing-cards::after{content:"";position:absolute;left:0;bottom:520px;width:100%;height:110px;background:linear-gradient(135deg,#0078d7,#005bb5);border-radius:20px;z-index:-1;}
   .pricing-card{background:#bfc2c9;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.08);width:320px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;}
   .pricing-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
   .pricing-card h3{background:#004b92;color:#fff;padding:15px;border-radius:8px;font-size:1.4rem;margin-bottom:20px;}
   .pricing-card p{color:#555;line-height:1.6; margin-bottom:15px;}
   .pricing-card ul{list-style:none;text-align:left;margin:0 0 20px;padding:0;}
   .pricing-card ul li{position:relative;padding-left:25px;margin-bottom:10px;font-size:0.95rem;color:#444;}
   .pricing-card ul li::before{content:"✔";position:absolute;left:0;top:0;color:#0078d7;font-weight:700;}
   .pricing-card a.button{display:inline-block;background:#0078d7;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:background 0.3s;}
   .pricing-card a.button:hover{background:#005bb5;}
   
   .cards-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;}
   .features-list{list-style:none;padding:0 15px 15px 15px;margin:0;color:#333;font-size:0.9rem;}
   .features-list li{margin-bottom:8px;display:flex;align-items:center;}
   .features-list li:before{content:"✔";color:#0078d7;margin-right:10px;}
   .btn-contact{text-decoration:none;background:#0078d7;color:#fff;padding:10px 20px;margin:15px auto 20px auto;border-radius:5px;transition:0.3s;font-weight:600;text-align:center;display:inline-block;width:fit-content;}
   .btn-contact:hover{background:#005bb5;}
   @media(max-width:768px){.pricing-card{flex:1 1 100%;max-width:100%;}}
   

  /* ================================
   Process styles
   ================================ */
   .steps-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#0078d7,#005bb5);padding:80px 20px;}
   .steps-wrapper{position:relative;max-width:1140px;margin:0 auto;}
   .steps-header{text-align:center;margin-bottom:60px;}
   .steps-header h1{font-size:2.5rem;margin-bottom:15px;color:rgb(255, 255, 255);font-weight:700;}
   .steps-header p{font-size:1.1rem;max-width:900px;margin:0 auto;line-height:1.6;color:#ffffff;}
   .steps-line{position:absolute;top:220px;left:0;width:100%;display:none;}
   @media(min-width:768px){.steps-line{display:block;}}
   .steps-grid{display:grid;grid-template-columns:1fr;gap:40px;text-align:center;position:relative;z-index:2;}
   @media(min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr);gap:40px;}}
   .step-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.05);padding:0px 40px;transition:all 0.3s ease;}
   .step-box:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,0.1);}
   .step-circle{width:70px;height:70px;margin:0 auto 20px auto;border-radius:50%;background:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#374151;box-shadow:0 2px 6px rgba(0,0,0,0.05);}
   .step-circle{margin-top:10px;background:#fff;position:relative;top:-35px;}
   .step-title{font-size:1.25rem;font-weight:600;color:#111827;margin-top:-40px;margin-bottom:10px}
   .step-text{font-size:1rem;color:#4b5563;line-height:1.6;}
   
  
   /* ================================
   Quotes styles
   ================================ */ 
   .quote-bars-section{position:relative;padding:120px 20px;background:#ffffff;}
   .quote-bars-wrapper{position:relative;max-width:1200px;margin:0 auto;height:600px;}
   .quote-section-title{font-size:2.5rem;font-weight:700;color:#000000;text-align:center;margin-bottom:-15px;}
   .quote-section-text{font-size:1.1rem;color:#000000;text-align:center;max-width:700px;margin:0 auto 50px;line-height:1.6;}
   .quote-box{position:absolute;background:#2563eb;color:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.1);font-size:1.2rem;font-weight:500;line-height:1.5;transition:transform 0.3s ease;}
   .line1{top:180;left:-40px;}
   .line2{top:240px;left:40px;}
   .line3{top:325px;left:100px;}
   .line4{top:410px;left:160px;}
   .line5{top:180;left:520px;}
   .line6{top:240px;left:600px;}
   .line7{top:325px;left:720px;}
   .line8{top:410px;left:820px;}
   .quote-box:hover{transform:translateY(-5px);}
  
   .line1{background:#2563eb;}
   .line2{background:#3b82f6;}
   .line3{background:#60a5fa;}
   .line4{background:#93c5fd;}
   .line5{background:#2563eb;}
   .line6{background:#3b82f6;}
   .line7{background:#60a5fa;}
   .line8{background:#93c5fd;}

   /* ================================
   Testimonial styles
   ================================ */
   .testimonials{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#0078d7,#005bb5);}
   .testimonials h2{font-size:2rem;margin-bottom:30px;color:#fff;}
   .testimonial-container{width:960px;margin:0 auto;background:#fff;padding:30px;border-radius:15px;overflow:hidden;position:relative;}
   .testimonial-wrapper{display:flex;flex-wrap:nowrap;transition:transform 0.4s ease;}
   .testimonial-box{flex:0 0 300px;margin-right:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
   .testimonial-work-title{font-size:1.1rem;color:#000000;margin-top:-50px;margin-left:70px;font-weight:500;text-align:left;position:relative;top:0;left:0;}
   .testimonial-text{font-size:0.95rem;max-width:240px; line-height:1.4;color:#333;margin-top:10px;margin-left:60px;}
   .user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
   .user-info img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
   .stars{color:#ffc107;font-size:0.9rem;margin-top:-40px;margin-left:10px;}
   .testimonial-box p{font-size:0.95rem;line-height:1.4;color:#333;margin-top:0;}
   .testimonial-nav{margin-top:20px;text-align:center;}
   .testimonial-nav button{padding:8px 16px;margin:0 5px;background:#004b92;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:0.95rem;transition:0.3s;}
   .testimonial-nav button:hover{background:#0066d6;}
   
   /* ================================
   Data Science styles
   ================================ */
   .ai-hero { position: relative; color: #fff; text-align: center; padding: 250px 20px; overflow: hidden; background-image: url('YOUR_IMAGE_URL_HERE'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 100vh; }
   .ai-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:1;}
   .ai-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}
   .ai-hero h1{font-size:2.5rem;margin-bottom:20px;}
   .ai-hero p{font-size:1.1rem;line-height:1.6;margin-bottom:30px;}
   .ai-hero .btn{background:#fff;color:#004b92;padding:12px 25px;border-radius:6px;font-weight:600;transition:0.3s;}
   .ai-hero .btn:hover{background:#f0f0f0;}
   
   /* ================================
   Data Science consulting styles
   ================================ */
   .ds-consulting-section{padding:20px 20px;background:#f8f9fa;}
   .ds-consulting-sec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;max-width:1400px;margin:0 auto;}
   .ds-consulting-text{flex:1 1 45%;min-width:300px;}
   .ds-consulting { text-align:center; padding:10px 250px 20px; color:#000000; display:flex; flex-direction:column; justify-content:center; align-items:center; }  
   .ds-consulting h1 { font-size:4rem; margin-bottom:20px; }  
   .ds-consulting p { font-size:1.5rem; max-width:900px; margin:0 auto; }   
   .ds-consulting-text h3{font-size:1.8rem;color:#0170B9;margin-bottom:10px;}
   .ds-consulting-text h5{font-size:1.3rem;color:#3a3a3a;margin-bottom:25px;}
   .ds-accordion details{margin-bottom:15px;}
   .ds-accordion summary{font-weight:700;cursor:pointer;padding:10px;background:#f5f5f5;border-radius:5px;} 
   .ds-consulting-image{flex:1 1 50%;min-width:300px; text-align:center;}
   .ds-consulting-image img{width:100%;max-width:700px; border-radius:10px;box-shadow:6px 6px 12px rgba(0,0,0,0.15);}

  /* ================================
   Machine Learning Solution styles
   ================================ */
   .ml-network-bg{position:relative;width:100%;height:100vh;background:#000;overflow:hidden;}
   .ml-network-bg .node{position:absolute;width:12px;height:12px;border-radius:50%;background:#0dcaf0;animation:blink 1.5s infinite alternate;}
   .ml-network-bg .line{position:absolute;width:2px;background:#0dcaf0;transform-origin:top left;}
   @keyframes blink{0%{opacity:0.2;}50%{opacity:0.8;}100%{opacity:0.2;}}
   .ml-network-bg{position:relative;width:100%;height:100vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;}
   .ml-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}
   .ml-content{color:#0dcaf0;font-size:2rem;text-align:center;max-width:80%;animation:fadeInOut 1s ease-in-out;}
   @keyframes fadeInOut{0%{opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{opacity:0;}}
      
   
    /* ================================
   Advanced ML foundation Models styles
   ================================ */   
   .models-section{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1400px;margin:100px auto;padding:60px 20px;background:#f9fafc;}
   .models-text{flex:1 1 45%;color:#222;}
   .models-text h2{font-size:2.6rem;font-weight:700;margin-bottom:20px;color:#111;}
   .models-text p{font-size:1.2rem;line-height:1.7;color:#444;}
   .models-box{flex:1 1 50%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:hidden;}
   .models-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;height:320px;overflow:hidden;}
   .column{display:flex;flex-direction:column;gap:25px;animation-timing-function:linear;animation-iteration-count:infinite;}
   .column img{width:140px;height:140px;object-fit:contain;opacity:0.9;transition:transform .3s ease,opacity .3s ease;}
   .column img:hover{transform:scale(1.1);opacity:1;}
   .column-1{animation:scrollDown 12s linear infinite;}
   .column-2{animation:scrollUp 14s linear infinite;}
   .column-3{animation:scrollDown 16s linear infinite;}
   @keyframes scrollDown{0%{transform:translateY(-50%);}100%{transform:translateY(0);}}
   @keyframes scrollUp{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
      
   
    /* ================================
   Predictive Analytics styles
   ================================ */
   #predictive-analytics { padding:80px 20px; background:#3f3f3f; text-align:center; color:#fff; }
   #predictive-analytics h1 { font-size:3.8rem; margin-bottom:15px; color:#fff; }
   #predictive-analytics p { font-size:1.1rem; color:#fff; max-width:800px; margin:0 auto 50px; line-height:1.6; }
   
   .predictive-content {display:flex;align-items:flex-start;justify-content:flex-start;gap:40px;max-width:1400px;margin: -50px auto 0 auto;flex-wrap:wrap;}
   .predictive-left-img { width:550px; height:300px; object-fit:cover; border-radius:15px; }
   .predictive-right-img { width:300px; height:300px; object-fit:cover; border-radius:15px; }
   
   .predictive-text { flex:1 1 400px; max-width:400px; color:#fff; }
   .predictive-text h3 { font-size:1.8rem; color:#0dcaf0; margin-bottom:15px; }
   .predictive-text p { font-size:1rem; line-height:1.6; color:#fff; }
   
   @media (max-width:1024px) { 
     .predictive-content { flex-direction:column; align-items:center; }
     .predictive-left-img, .predictive-right-img, .predictive-text { width:100%; max-width:500px; height:auto; }
   }
   
   
      
  /* ================================
    AI-Driven Marketing styles
  ================================ */  
   .ai-marketing-section { padding: 100px 20px; text-align: center; background: #000; color: #fff; }
   .ai-marketing-header h1 { font-size: 3rem; margin-bottom: 20px; color: #0dcaf0; }
   .ai-marketing-header p { font-size: 1.2rem; line-height: 1.6; max-width: 800px; margin: 0 auto 50px auto; color: #fff; }
   
   :root { 
     --lerp-0: 1; 
     --lerp-1: 0.5625; 
     --lerp-2: 0.25; 
     --lerp-3: 0.0625; 
     --lerp-4: 0; 
     --gradient-1: #ff6b6b; 
     --gradient-2: #feca57; 
     --gradient-3: #48dbfb; 
     --gradient-4: #1dd1a1; 
     --gradient-5: #5f27cd; 
     --gradient-6: #ff9ff3; 
     --gradient-7: #00d2d3; 
     --gradient-8: #576574; 
     --gradient-9: #54a0ff; 
   }
   
   .blocks { display: flex; list-style: none; padding: 20px; border-radius: 12px; gap: 20px; background: hsl(0 0% 100% / 0.1); justify-content: center; align-items: center; backdrop-filter: blur(10px); }
   .block { width: 48px; height: 48px; display: grid; place-items: center; flex: calc(0.2 + (var(--lerp, 0) * 1.5)); position: relative; transition: flex 0.2s; }
   .block__item { 
    width: 100%; 
    aspect-ratio: 1; 
    border-radius: 12px; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    display: inline-block; 
    transition: transform 0.2s; 
    transform-origin: 50% 100%; 
    transform: translateY(calc(var(--lerp) * -75%)); 
  }
    
   .blocks:hover .block { --lerp: var(--lerp-0); z-index: 5; }
   .block:has(+ .block:hover), .block:hover + .block { --lerp: var(--lerp-1); z-index: 4; }
   .block:has(+ .block + .block:hover), .block:hover + .block + .block { --lerp: var(--lerp-2); z-index: 3; }
   .block:has(+ .block + .block + .block:hover), .block:hover + .block + .block + .block { --lerp: var(--lerp-3); z-index: 2; }
   .block:has(+ .block + .block + .block + .block:hover), .block:hover + .block + .block + .block + .block { --lerp: var(--lerp-4); z-index: 1; }
   

  /* ================================
    Clients insights styles
  ================================ */  
   #clients-insights-section { background:#f9fafc; padding:80px 0; }
   .clients-insights-container { max-width:1400px; margin:0 auto; padding:0 20px; display:flex; flex-direction:column; gap:60px; }

   /* Top section */
   .clients-insights-header { text-align:center; max-width:900px; margin:0 auto; }
   .clients-insights-header h1 { font-size:2.8rem; font-weight:700; color:#000000; margin-bottom:20px; }
   .clients-insights-header p { font-size:1.2rem; line-height:1.8; color:#333; }

   /* Bottom layout */
   .clients-insights-content { display:flex; justify-content:space-between; align-items:flex-start; gap:50px; }

   /* Left: Accordion */
   .clients-insights-text { flex:1 1 55%; }
   .clients-insights-text h3 { font-size:1.1rem; color:#0170B9; letter-spacing:2px; margin-bottom:10px; }
   .clients-insights-text h5 { font-size:1.6rem; font-weight:600; color:#111; margin-bottom:25px; }

   .clients-insights-accordion { display:flex; flex-direction:column; gap:15px; }
   .clients-insights-item summary { font-size:1.1rem; font-weight:600; color:#222; background:#fff; padding:15px 20px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.05); cursor:pointer; transition:background .3s ease; }
   .clients-insights-item summary:hover { background:#0dcaf0; color:#fff; }
   .clients-insights-item p { background:#fff; padding:15px 20px; border-radius:10px; margin-top:10px; color:#444; box-shadow:0 4px 10px rgba(0,0,0,0.05); }

   /* Right: Rolling Images Box */
   .models-box{flex:1 1 50%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:hidden;}
   .models-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;height:320px;overflow:hidden;}
   .column{display:flex;flex-direction:column;gap:25px;animation-timing-function:linear;animation-iteration-count:infinite;}
   .column img{width:140px;height:140px;object-fit:contain;opacity:0.9;transition:transform .3s ease,opacity .3s ease;}
   .column img:hover{transform:scale(1.1);opacity:1;}
   .column-1{animation:scrollDown 12s linear infinite;}
   .column-2{animation:scrollUp 14s linear infinite;}
   .column-3{animation:scrollDown 16s linear infinite;}
   @keyframes scrollDown{0%{transform:translateY(-50%);}100%{transform:translateY(0);}}
   @keyframes scrollUp{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}


  /* ================================
    Bussiness intelligence styles
  ================================ */  
  .bi-section{position:relative;background:#0d1117;color:#fff;padding:120px 20px;display:flex;justify-content:center;align-items:center;overflow:hidden;}
  .bi-content{max-width:1200px;text-align:center;position:relative;z-index:2;}
  .bi-section h1{font-size:3rem;margin-bottom:20px;color:#0dcaf0;}
  .bi-section p{font-size:1.2rem;line-height:1.6;color:#ccc;margin-bottom:50px;max-width:1400px;margin-left:auto;margin-right:auto;}
  .bi-box{position:relative;width:100%;height:200px;border-radius:20px;background:rgba(255,255,255,0.05);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;overflow:hidden;}
  .bi-item{position:relative;background:linear-gradient(135deg,#0dcaf0,#17c3b2);padding:20px 35px;border-radius:15px;font-weight:600;animation:float 6s ease-in-out infinite;animation-delay:calc(var(--i)*0.5s);cursor:pointer;transition:transform 0.3s, box-shadow 0.3s;}
  .bi-item:hover{transform:scale(1.1);box-shadow:0 10px 25px rgba(13,202,240,0.4);}
  .bi-item::after{content:attr(data-info);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);color:#fff;padding:8px 12px;border-radius:8px;font-size:0.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s;}
  .bi-item:hover::after{opacity:1;}
  @keyframes float{0%{transform:translateY(0);}50%{transform:translateY(-20px);}100%{transform:translateY(0);}}
  .bi-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(13,202,240,0.1),transparent 70%);pointer-events:none;z-index:1;}
  .bi-services-text { margin-top:50px; text-align:center; max-width:1200px; margin-left:auto; margin-right:auto; padding:0 20px; font-size:1.1rem; line-height:1.7; color:#ddd; }
  .bi-services-text h3{font-size:2rem;color:#0dcaf0;margin-bottom:20px;}
  .bi-services-text p{font-size:1.1rem;line-height:1.6;color:#ccc;margin-bottom:15px;}


  /* ================================
    Sales Forecasting styles
  ================================ */  
  .sales-forecasting-section{padding:100px 20px;background:#0d1117;color:#fff;}
  .sales-forecasting-container{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto;flex-wrap:wrap;}
  .sales-forecasting-text{flex:1 1 45%;}
  .sales-forecasting-text h2{font-size:2.8rem;color:#0dcaf0;margin-bottom:20px;}
  .sales-forecasting-text p{font-size:1.2rem;line-height:1.6;color:#ccc;margin-bottom:25px;}
  .sales-forecasting-text ul{list-style:disc;padding-left:20px;}
  .sales-forecasting-text ul li{margin-bottom:10px;font-size:1.1rem;color:#fff;}
  .sales-forecasting-graphic{flex:1 1 50%;display:flex;justify-content:center;align-items:center;position:relative;}
  .forecast-chart-box{position:relative;width:100%;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3);}
  .forecast-chart-box img{width:100%;height:auto;display:block;}
  .chart-overlay{position:absolute;bottom:0;left:0;width:100%;background:rgba(13,202,240,0.85);color:#fff;padding:20px;opacity:0;transition:opacity 0.3s ease;}
  .forecast-chart-box:hover .chart-overlay{opacity:1;}
  .chart-overlay h4{font-size:1.5rem;margin-bottom:10px;}
  .chart-overlay p{font-size:1rem;line-height:1.4;}
  

  /* ================================
    Churn Prediction styles
  ================================ */ 
  .churn-prediction-section{padding:100px 20px;background:#707070;color:#fff;}
  .churn-prediction-container{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto;flex-wrap:wrap;}
  .churn-prediction-text{flex:1 1 45%;}
  .churn-prediction-text h2{font-size:2.8rem;color:#ff6b6b;margin-bottom:20px;}
  .churn-prediction-text p{font-size:1.2rem;line-height:1.6;color:#020202;margin-bottom:25px;}
  .churn-prediction-text ul{list-style:disc;padding-left:20px;}
  .churn-prediction-text ul li{margin-bottom:10px;font-size:1.1rem;color:#000000;}
  
  .churn-prediction-graphic{flex:1 1 50%;display:flex;justify-content:center;align-items:center;position:relative;}
  .churn-diagram-box{position:relative;width:100%;max-width:600px;height:300px;background:#817f7f0d;border-radius:20px;display:flex;align-items:flex-end;gap:5px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:hidden;}
  .power-law-bar{flex:1;height:var(--height);border-radius:6px;transition:transform 0.3s, background 0.3s;cursor:pointer;}
  .power-law-bar.big{background:linear-gradient(135deg,#ff6b6b,#ff8787);}
  .power-law-bar.mid{background:linear-gradient(135deg,#ff6b6b,#87cefa);}
  .power-law-bar.small{background:linear-gradient(135deg,#4682b4,#87cefa);}
  .power-law-bar:hover{transform:scaleY(1.6);z-index:2;}
  .power-law-bar:hover.big{background:linear-gradient(135deg,#ff8787,#ffa6a6);}
  .power-law-bar:hover.mid{background:linear-gradient(135deg,#87cefa,#add8ff);}
  .power-law-bar:hover.small{background:linear-gradient(135deg,#87cefa,#b0e0e6);}
  
  /* Magnifier */
  .magnifier{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid #0dcaf0;pointer-events:none;transform:translate(-50%,-50%) scale(1);transition:transform 0.2s;box-shadow:0 0 20px rgba(13,202,240,0.5);background:rgba(255,255,255,0.05);mix-blend-mode:screen;z-index:3;}


  
   /* ================================
    Recommender Systems styles
  ================================ */  
  .recommender-section{padding:100px 20px;background:#0d1117;color:#fff;}
  .recommender-container{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto;flex-wrap:wrap;}
  .recommender-text{flex:1 1 45%;}
  .recommender-text h2{font-size:2.8rem;color:#0dcaf0;margin-bottom:20px;}
  .recommender-text p{font-size:1.2rem;line-height:1.6;color:#ccc;margin-bottom:25px;}
  .recommender-text ul{list-style:disc;padding-left:20px;}
  .recommender-text ul li{margin-bottom:10px;font-size:1.1rem;color:#fff;}
  .recommender-diagram{flex:1 1 50%;display:flex;justify-content:center;align-items:center;position:relative;}
  .rec-box{position:relative;width:100%;max-width:400px;height:300px;background:rgba(255,255,255,0.05);border-radius:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);}
  .rec-item{background:linear-gradient(135deg,#0dcaf0,#17c3b2);padding:15px 25px;border-radius:12px;font-weight:600;color:#fff;animation:floatRec 6s ease-in-out infinite;animation-delay:calc(var(--i)*0.3s);}
  @keyframes floatRec{0%{transform:translateY(0);}50%{transform:translateY(-15px);}100%{transform:translateY(0);}}
  .rec-item:hover{transform:scale(1.1);background:linear-gradient(135deg,#17c3b2,#0dcaf0);}
  

   /* ================================
    AI and infrastructure styles
  ================================ */  
  .MLops-hero { position: relative; color: #fff; text-align: center; padding: 250px 20px; overflow: hidden; background-image: url('YOUR_IMAGE_URL_HERE'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 60vh; }
  .MLops-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:1;}
  .MLops-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}
  .MLops-hero h1{font-size:2.5rem;margin-bottom:20px;}
  .MLops-hero p{font-size:1.1rem;line-height:1.6;margin-bottom:30px;}
 

  /* ================================
    AI and infrastructure intro styles
  ================================ */  
  .mlops-section{line-height:1.5;color:#212529;font-family:GraphikRegular, sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#ffffff;position:relative;padding:40px 0 0 0;box-sizing:border-box;}
  .mlops-container{width:90%;max-width:1300px;margin:0 auto;}
  .mlops-wrapper{margin-bottom:60px;}
  .mlops-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
  .mlops-col{position:relative;padding-left:15px;padding-right:15px;}
  .mlops-col-6{flex:0 0 50%;max-width:50%;}
  .mlops-col-4{flex:0 0 33.333%;max-width:33.333%;}
  .mlops-left-title .mlops-heading{font-size:2.9rem;margin-bottom:20px;color:#212529;line-height:1.3;}
  .mlops-right-info .mlops-paragraph{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#495057;}
  .mlops-right-info .mlops-link{color:#007bff;text-decoration:none;}
  .mlops-right-info .mlops-link:hover{text-decoration:underline;}
  .mlops-stats-wrapper{margin-top:30px;}
  .mlops-stats-box{background-color:#f8f9fa;padding:20px;text-align:center;border-radius:8px;box-shadow:6px 6px 9px rgba(0,0,0,0.2);margin-bottom:20px;}
  .mlops-stats-icon span{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#007bff;}
  .mlops-stats-title h3{font-size:1rem;font-weight:700;margin:0;color:#212529;}

  .mlops-left-title{position:relative;padding:20px 0;}
  .mlops-left-title::before{content:"";position:absolute;left:0;top:200px;width:70%;height:30px;background-color:rgba(0, 0, 0, 0.3);}
  .mlops-left-title::after{content:"";position:absolute;left:60px;top:230px;width:70%;height:30px;background-color:rgba(255, 0, 25, 0.3);}


  /* ================================
    AI and infrastructure intro styles
  ================================ */  
  .mlops-platform-section { background: #000000; color: #212529; font-family: GraphikRegular, sans-serif; font-size:16px; font-weight:400; line-height:1.5; padding:60px 0; margin:0; position:relative; box-sizing:border-box; }
  .mlops-container { width:90%; max-width:1300px; margin:0 auto; }
  .mlops-wrapper { text-align:center; margin-bottom:60px; }
  .mlops-heading { font-size:36px; font-weight:600; margin-bottom:10px; line-height:1.2; color:#ffffff; }
  .mlops-text { font-size:16px; color:#ffffff; max-width:1000px; margin:20px auto; line-height:1.7; }
  .mlops-carousel { position:relative; background-color:#ffffff; padding:30px 0; border-radius:30px; box-shadow:0 4px 15px rgba(0,0,0,0.1); height:80;}
  .mlops-logo img { width:130px; height:80px; filter:grayscale(100%); opacity:0.8; transition: all 0.3s ease-in-out; }
  .mlops-logo img:hover { filter:grayscale(0%); opacity:1; transform:scale(1.05); }
  .owl-carousel .item { display:flex; justify-content:center; align-items:center; padding:15px; }
  @media (max-width:768px) { .mlops-heading { font-size:28px; } .mlops-text { font-size:15px; } }


  /* ================================
  AI Integration & MLOps
  ================================ */  
  .mlops-enhance-lifecycle { background:#EAEAEA; padding:80px 0; font-family:GraphikRegular, sans-serif; color:#212529; text-align:center; }
  .mlops-container { width:90%; max-width:1300px; margin:0 auto; }
  .mlops-section-heading { font-size:36px; font-weight:600; margin-bottom:40px; line-height:1.2; }
  .mlops-cards-row { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
  .mlops-card { background:#FFFFFF; border-radius:24px; box-shadow:3px 3px 2px #77777759; padding:60px 40px 40px; flex:1 1 22%; display:flex; flex-direction:column; align-items:center; min-width:250px; box-sizing:border-box; }
  .mlops-card-icon img { width:80px; height:80px; margin-bottom:20px; }
  .mlops-card-title { font-size:24px; font-weight:600; margin-bottom:15px; }
  .mlops-card-desc { font-size:16px; line-height:1.7; text-align:center; }
  .mlops-link { color:#0693e3; text-decoration:none; }
  .mlops-btn-row { margin-top:50px; }
  .mlops-btn { display:inline-block; background:#dc3545; color:#fff; padding:15px 30px; border-radius:8px; text-decoration:none; font-weight:500; }


  /* ================================
  Cloud Data Engineering
  ================================ */  
  #cloud-data-section { background:#646464; padding:80px 0; }
  .cloud-data-container { max-width:1400px; margin:0 auto; padding:0 20px; display:flex; flex-direction:column; gap:60px; }
  
  .cloud-data-header { text-align:center; max-width:1300px; margin:0 auto; }
  .cloud-data-header h1 { font-size:2.8rem; font-weight:700; color:#ffffff; margin-bottom:10px; }
  .cloud-data-header p { font-size:1.2rem; line-height:1.8; color:#ffffff; }
  
  .cloud-data-content { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; }
  
  .cloud-data-text { flex:1 1 55%; }
  .cloud-data-text h3 { font-size:1.1rem; color:#0b79c1; letter-spacing:2px; margin-bottom:10px; }
  .cloud-data-text h5 { font-size:1.6rem; font-weight:600; color:#ffffff; margin-bottom:25px; }
  
  .cloud-data-accordion { display:flex; flex-direction:column; gap:15px; }
  .cloud-data-item summary { font-size:1.1rem; font-weight:600; color:#222; background:#fff; padding:15px 20px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.05); cursor:pointer; transition:background .3s ease; }
  .cloud-data-item summary:hover { background:#0dcaf0; color:#fff; }
  .cloud-data-item p { background:#fff; padding:15px 20px; border-radius:10px; margin-top:10px; color:#444; box-shadow:0 4px 10px rgba(0,0,0,0.05); }
  
  .cloud-data-box { flex:1 1 50%; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:14px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,0.08); overflow:hidden; }
  .cloud-data-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; width:100%; height:320px; overflow:hidden; }
  .cloud-data-column { display:flex; flex-direction:column; gap:5px; animation-timing-function:linear; animation-iteration-count:infinite; }
  .cloud-data-column img { width:140px; height:140px; object-fit:contain; opacity:0.9; transition:transform .3s ease, opacity .3s ease; }
  .cloud-data-column img:hover { transform:scale(1.1); opacity:1; }
  
  .cloud-data-column-1 { animation:scrollDown 12s linear infinite; }
  .cloud-data-column-2 { animation:scrollUp 14s linear infinite; }
  .cloud-data-column-3 { animation:scrollDown 16s linear infinite; }
  
  @keyframes scrollDown { 0%{transform:translateY(-50%);} 100%{transform:translateY(0);} }
  @keyframes scrollUp { 0%{transform:translateY(0);} 100%{transform:translateY(-50%);} }
  

  /* ================================
  Cloud Data Engineering
  ================================ */  
  #cloud-ai-integration { background:#f4f7fa; padding:80px 0; text-align:center; }
  .cloud-ai-container { max-width:1200px; margin:0 auto; padding:0 20px; }
  .cloud-ai-container h2 { font-size:2.5rem; font-weight:700; color:#333; margin-bottom:20px; }
  .cloud-ai-container p { font-size:1.2rem; color:#666; margin-bottom:40px; }
  
  .cloud-ai-diagram { display:flex; justify-content:space-around; align-items:center; gap:40px; position:relative; }
  .cloud-ai-node-wrapper { display:flex; flex-direction:column; align-items:center; position:relative; }
  .cloud-ai-node { width:120px; height:120px; border-radius:50%; background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow:0 4px 10px rgba(0,0,0,0.1); opacity:0; animation:fadeInNodes 1s forwards; }
  .cloud-ai-node-wrapper p { font-size:1rem; color:#333; margin-top:12px; text-align:center; max-width:140px; opacity:0; animation:fadeInNodes 1s forwards; }
  .cloud-ai-arrow { width:90px; height:4px; background:#0dcaf0; opacity:0; position:absolute; top:35%; left:105%; transform:translateY(-50%); border-radius:2px; animation:fadeInArrow 0.8s forwards; }
  .cloud-ai-arrow::after { content:''; width:10px; height:10px; border-top:4px solid #0dcaf0; border-right:4px solid #0dcaf0; position:absolute; top:-3px; right:-7px; transform:rotate(45deg); }
  .cloud-ai-node-wrapper:nth-child(1) .cloud-ai-node, .cloud-ai-node-wrapper:nth-child(1) p { animation-delay:0s; }
  .cloud-ai-node-wrapper:nth-child(1) .cloud-ai-arrow { animation-delay:1s; }
  .cloud-ai-node-wrapper:nth-child(2) .cloud-ai-node, .cloud-ai-node-wrapper:nth-child(2) p { animation-delay:0.5s; }
  .cloud-ai-node-wrapper:nth-child(2) .cloud-ai-arrow { animation-delay:1.5s; }
  .cloud-ai-node-wrapper:nth-child(3) .cloud-ai-node, .cloud-ai-node-wrapper:nth-child(3) p { animation-delay:1s; }
  .cloud-ai-node-wrapper:nth-child(3) .cloud-ai-arrow { animation-delay:2s; }
  .cloud-ai-node-wrapper:nth-child(4) .cloud-ai-node, .cloud-ai-node-wrapper:nth-child(4) p { animation-delay:1.5s; }
  .cloud-ai-node-wrapper:nth-child(4) .cloud-ai-arrow { animation-delay:2.5s; }
  .cloud-ai-node-wrapper:nth-child(5) .cloud-ai-node, .cloud-ai-node-wrapper:nth-child(5) p { animation-delay:2s; }

  
  @keyframes fadeInNodes { 0% { opacity:0; transform:translateY(20px); } 100% { opacity:1; transform:translateY(0); } }
  @keyframes fadeInArrow { 0% { opacity:0; transform:translateY(-50%) scaleX(0); } 100% { opacity:1; transform:translateY(-50%) scaleX(1); } }
  .cloud-ai-description { max-width:1200px; margin:10px auto 0 auto; text-align:center; }
  .cloud-ai-description p { font-size:1.1rem; line-height:1.8; color:#333; }

  /* ================================
  Data Engineering
  ================================ */  
  #data-engineering-section { background:#646464; padding:90px 0; position:relative; overflow:hidden; }
  .de-container { max-width:1400px; margin:0 auto; padding:0 40px; display:flex; flex-direction:column; gap:50px; }
  .de-content { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:60px; }
  .de-text { flex:1 1 55%; animation:fadeInLeft 1.2s ease-in-out forwards; opacity:0; }
  .de-text h2 { font-size:2.8rem; font-weight:700; color:#0a1f44; margin-bottom:25px; line-height:1.2; }
  .de-text p { font-size:1.2rem; color:#ffffff; line-height:1.8; margin-bottom:35px; }
  .de-highlights { display:grid; grid-template-columns:repeat(2,1fr); gap:20px 30px; }
  .de-highlight { display:flex; align-items:center; gap:12px; background:#fff; padding:14px 18px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.06); transition:transform .3s ease, box-shadow .3s ease; }
  .de-highlight i { font-size:1.4rem; color:#0dcaf0; }
  .de-highlight span { font-size:1.05rem; color:#111; font-weight:500; }
  .de-highlight:hover { transform:translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.08); }
  .de-image { flex:1 1 40%; display:flex; justify-content:center; align-items:center; animation:fadeInRight 1.2s ease-in-out forwards; opacity:0; }
  .de-image img { width:100%; max-width:500px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.1); }
  @keyframes fadeInLeft { 0% { opacity:0; transform:translateX(-40px); } 100% { opacity:1; transform:translateX(0); } }
  @keyframes fadeInRight { 0% { opacity:0; transform:translateX(40px); } 100% { opacity:1; transform:translateX(0); } }
  

  /* ================================
  Monitoring Scaling 
  ================================ */ 
  #monitoring-scaling { background:radial-gradient(circle at top,#0a0f1c,#05080f); color:#fff; padding:100px 10%; text-align:center; position:relative; overflow:hidden; }
  .ms-container h2 { font-size:2.8em; background:linear-gradient(90deg,#00b4d8,#6fffe9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:20px; font-weight:700; }
  .ms-intro { font-size:1.3em; color:#cfd9e5; max-width:900px; margin:0 auto 60px auto; line-height:1.8; }
  .ms-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:40px; justify-content:center; align-items:stretch; margin-bottom:60px; }
  .ms-card { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:40px 25px; transition:transform 0.4s ease, box-shadow 0.4s ease, border 0.4s ease; backdrop-filter:blur(12px); cursor:pointer; }
  .ms-card:hover { transform:translateY(-10px); box-shadow:0 0 25px rgba(0,180,216,0.4); border:1px solid rgba(0,180,216,0.5); }
  .ms-icon { width:160px; height:160px; margin:0 auto 20px; background-size:cover; background-position:center; border-radius:50%; box-shadow:0 0 20px rgba(0,180,216,0.4); animation:msPulse 4s ease-in-out infinite; }
  .ms-card h3 { font-size:1.4em; color:#6fffe9; margin-bottom:15px; }
  .ms-card p { font-size:1.05em; color:#cfd9e5; line-height:1.7; }
  .ms-summary { font-size:1.25em; color:#b6dffb; max-width:850px; margin:40px auto 0 auto; line-height:1.9; animation:fadeInSummary 2s ease forwards; }
  @keyframes msPulse { 0%,100% { transform:scale(1); box-shadow:0 0 20px rgba(0,180,216,0.4); } 50% { transform:scale(1.1); box-shadow:0 0 35px rgba(0,180,216,0.7); } }
  @keyframes fadeInSummary { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
  

   /* ================================
    Consulting Enablment  styles
  ================================ */  
  .consulting-hero { position: relative; color: #fff; text-align: center; padding: 250px 20px; overflow: hidden; background-image: url('YOUR_IMAGE_URL_HERE'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 60vh; }
  .consulting-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:1;}
  .consulting-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}
  .consulting-hero-content h1{font-size:2.5rem;margin-bottom:20px;}
  .consulting-hero-content p{font-size:1.1rem;line-height:1.6;margin-bottom:30px;}


   /* ================================
    Consulting Enablment  styles
  ================================ */  
  .consulting-section{line-height:1.5;color:#212529;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#f3f7fb;position:relative;padding:40px 0 0 0;box-sizing:border-box;}
  .consulting-container{width:90%;max-width:1300px;margin:0 auto;}
  .consulting-wrapper{margin-bottom:60px;}
  .consulting-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
  .consulting-col{position:relative;padding-left:15px;padding-right:15px;}
  .consulting-col-6{flex:0 0 50%;max-width:50%;}
  .consulting-col-4{flex:0 0 33.333%;max-width:33.333%;}
  .consulting-left-title .consulting-heading{font-size:2.9rem;margin-bottom:20px;color:#0a1f44;line-height:1.3;position:relative;}
  .consulting-left-title::before{content:"";position:absolute;left:0;top:200px;width:70%;height:30px;background:linear-gradient(90deg,#0dcaf0,transparent);}
  .consulting-left-title::after{content:"";position:absolute;left:60px;top:230px;width:70%;height:30px;background:linear-gradient(90deg,rgba(255,193,7,0.5),transparent);}
  .consulting-right-info .consulting-paragraph{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#495057;}
  .consulting-stats-wrapper{margin-top:30px;}
  .consulting-stats-box{background-color:#ffffff;padding:20px;text-align:center;border-radius:12px;box-shadow:6px 6px 15px rgba(0,0,0,0.1);margin-bottom:20px;transition:transform .3s ease;}
  .consulting-stats-box:hover{transform:translateY(-5px);}
  .consulting-stats-icon span{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#0dcaf0;}
  .consulting-stats-title h3{font-size:1rem;font-weight:700;margin:0;color:#0a1f44;}
  

  /* ================================
    Consultancy technique styles
  ================================ */  
  .consulting-platform-section{background:#000000;color:#ffffff;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;line-height:1.5;padding:60px 0;margin:0;position:relative;box-sizing:border-box;}
  .consulting-container{width:90%;max-width:1300px;margin:0 auto;}
  .consulting-wrapper{text-align:center;margin-bottom:60px;}
  .consulting-heading{font-size:36px;font-weight:600;margin-bottom:10px;line-height:1.2;color:#ffffff;}
  .consulting-text{font-size:16px;color:#ffffff;max-width:1000px;margin:20px auto;line-height:1.7;}
  
  .mlops-carousel-horizontal{overflow:hidden;width:100%;background:#f8f9fa;border-radius:15px;padding:15px 0;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
  .mlops-text-carousel{display:flex;gap:10px;animation:scrollInfinite 20s linear infinite;}
  .mlops-text-item{width:3.5cm;flex-shrink:0;text-align:center;font-size:1rem;color:#000;font-weight:500;padding:5px 10px;white-space:normal;line-height:1.4;word-wrap:break-word;}
  
  @keyframes scrollInfinite{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
  }
  
  
  /* ================================
    AI Consulting styles
  ================================ */  
  .consulting-enhance-lifecycle { background:#EAEAEA; padding:80px 0; font-family:GraphikRegular, sans-serif; color:#212529; text-align:center; }
  .consulting-container { width:90%; max-width:1300px; margin:0 auto; }
  .consulting-section-heading { font-size:36px; font-weight:600; margin-bottom:20px; line-height:1.2; }
  .consulting-enhance-lifecycle p { font-size:16px; max-width:800px; margin:0 auto 40px; line-height:1.6; color:#495057; }
  .consulting-cards-row { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
  .consulting-card { background:#ffffff; border-radius:24px; box-shadow:0 10px 25px rgba(0,0,0,0.15); padding:60px 40px 40px; flex:1 1 22%; display:flex; flex-direction:column; align-items:center; min-width:250px; box-sizing:border-box; border:1px solid #d1d1d1; transition:transform 0.3s ease, box-shadow 0.3s ease;} 
  .consulting-card-icon img { width:150px; height:140px; margin-bottom:20px; }
  .consulting-card-title { font-size:24px; font-weight:600; margin-bottom:15px; }
  .consulting-card-desc { font-size:16px; line-height:1.7; text-align:center; }
  .consulting-card:hover { transform:translateY(-8px); box-shadow:0 20px 35px rgba(0,0,0,0.25);}
  .consulting-btn-row { margin-top:50px; }
  .consulting-btn { display:inline-block; background:#dc3545; color:#fff; padding:15px 30px; border-radius:8px; text-decoration:none; font-weight:500; }

  
  /* ================================
    Process Optimization styles
  ================================ */  
  .process-optimization-flow{background:linear-gradient(135deg,#0a1123,#12203a);color:#fff;font-family:"GraphikRegular",sans-serif;padding:100px 0;overflow:hidden;position:relative;}
  .process-flow-container{width:90%;max-width:1400px;margin:0 auto;text-align:center;position:relative;}
  .process-flow-title{font-size:42px;font-weight:700;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase;color:#fff;}
  .process-flow-subtitle{font-size:18px;color:#cdd3e0;max-width:900px;margin:0 auto 80px;line-height:1.6;}
  .process-flow-path{display:flex;align-items:center;justify-content:center;gap:80px;position:relative;overflow:hidden;}
  .flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:260px;position:relative;z-index:2;}
  .flow-icon{width:150px;height:150px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 30px rgba(0,170,255,0.4),0 0 10px rgba(0,170,255,0.6) inset;animation:floatIcon 4s ease-in-out infinite;transition:transform 0.3s ease,box-shadow 0.3s ease;}
  .flow-icon:hover{transform:scale(1.08);box-shadow:0 0 40px rgba(0,200,255,0.6),0 0 15px rgba(0,200,255,0.8) inset;}
  .flow-content h3{font-size:22px;margin-top:25px;margin-bottom:10px;color:#ffffff;}
  .flow-content p{font-size:15px;line-height:1.7;color:#d0d6e2;}
  .flow-connector{flex:1;height:4px;background:linear-gradient(90deg,#00aaff,#0044cc);border-radius:2px;position:relative;overflow:hidden;}
  .flow-connector::before{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);animation:moveGlow 3s linear infinite;}
  @keyframes moveGlow{0%{left:-50%;}100%{left:100%;}}
  @keyframes floatIcon{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
  .process-optimization-flow::before{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle at center,rgba(0,170,255,0.25),transparent 70%);animation:moveGlowBg 20s linear infinite;}
  @keyframes moveGlowBg{0%{transform:translate(0,0);}50%{transform:translate(300px,200px);}100%{transform:translate(0,0);}}
  @media(max-width:900px){.process-flow-path{flex-direction:column;gap:60px;}.flow-connector{width:4px;height:60px;}}
  
  
  /* ================================
    AI Readiness Assessment styles
  ================================ */  
  #ai-readiness-section{padding:20px 20px;background:#f8f9fa;}
  #ai-readiness-section .ds-consulting-sec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;max-width:1400px;margin:0 auto;}
  #ai-readiness-section .ds-consulting-text{flex:1 1 45%;min-width:300px;}
  #ai-readiness-section .ds-consulting{text-align:center;padding:10px 250px 20px;color:#000000;display:flex;flex-direction:column;justify-content:center;align-items:center;}
  #ai-readiness-section .ds-consulting h1{font-size:4rem;margin-bottom:20px;}
  #ai-readiness-section .ds-consulting p{font-size:1.5rem;max-width:900px;margin:0 auto;}
  #ai-readiness-section .ds-consulting-text h3{font-size:1.8rem;color:#0170B9;margin-bottom:10px;}
  #ai-readiness-section .ds-consulting-text h5{font-size:1.3rem;color:#3a3a3a;margin-bottom:25px;}
  #ai-readiness-section .ds-accordion details{margin-bottom:15px;}
  #ai-readiness-section .ds-accordion summary{font-weight:700;cursor:pointer;padding:10px;background:#f5f5f5;border-radius:5px;}
  #ai-readiness-section .ds-consulting-image{flex:1 1 50%;min-width:300px;text-align:center;}
  #ai-readiness-section .ds-consulting-image img{width:100%;max-width:700px;border-radius:10px;box-shadow:6px 6px 12px rgba(0,0,0,0.15);}
  

  /* ================================
    Training & Workshops styles
  ================================ */  
  .training-workshops-section{background:#0a1f44;color:#ffffff;font-family:GraphikRegular,sans-serif;padding:60px 0;margin:0;box-sizing:border-box;}
  .training-container{width:90%;max-width:1400px;margin:0 auto;text-align:center;}
  .training-heading{font-size:36px;font-weight:700;margin-bottom:20px;}
  .training-intro{font-size:1.2rem;line-height:1.8;max-width:900px;margin:0 auto 40px;color:#e0e0e0;}
  .training-carousel{overflow:hidden;width:100%;position:relative;}
  .training-carousel-row{display:flex;gap:20px;animation:scrollCarousel 60s linear infinite;}
  .training-panel{flex-shrink:0;width:300px;height:350px;background-size:cover;background-position:center center;border-radius:20px;box-shadow:0 6px 15px rgba(0,0,0,0.3);padding:20px;color:#ffffff;display:flex;flex-direction:column;justify-content:flex-end;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(2px);}
  .training-panel h3{margin:0 0 10px;font-size:1.3rem;font-weight:600;}
  .training-panel p{margin:0;font-size:1rem;line-height:1.5;color:#f0f0f0;}
  @keyframes scrollCarousel{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  


/* ================= Predictive Intelligence Intro ================ */
.pi-section{line-height:1.5;color:#212529;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#eef4fa;position:relative;padding:40px 0;box-sizing:border-box;}
.pi-container{width:90%;max-width:1300px;margin:0 auto;}
.pi-wrapper{margin-bottom:60px;}
.pi-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.pi-col{position:relative;padding-left:15px;padding-right:15px;}
.pi-col-6{flex:0 0 50%;max-width:50%;}
.pi-col-3{flex:0 0 25%;max-width:25%;}
.pi-title-box .pi-title{font-size:2.9rem;margin-bottom:20px;color:#0a1f44;line-height:1.3;position:relative;}
.pi-title-box::before{content:"";position:absolute;left:0;top:200px;width:70%;height:30px;background:linear-gradient(90deg,#0dcaf0,transparent);}
.pi-title-box::after{content:"";position:absolute;left:60px;top:230px;width:70%;height:30px;background:linear-gradient(90deg,rgba(255,193,7,0.5),transparent);}
.pi-text-box .pi-paragraph{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#495057;}
.pi-stats-wrapper{margin-top:30px;}
.pi-stats-card{background-color:#ffffff;padding:20px;text-align:center;border-radius:12px;box-shadow:6px 6px 15px rgba(0,0,0,0.1);margin-bottom:20px;transition:transform .3s ease;}
.pi-stats-card:hover{transform:translateY(-5px);}
.pi-stats-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#0dcaf0;}
.pi-stats-label{font-size:1rem;font-weight:700;margin:0;color:#0a1f44;}
  


/* ================= PREDICTIVE MAINTENANCE STYLES ================= */
.pm-section{padding:80px 20px;font-family:GraphikRegular,sans-serif;background:#f4f8fb;color:#111;}
.pm-section .container{max-width:1200px;margin:0 auto;text-align:center;}
.pm-section h2{font-size:2.8rem;margin-bottom:30px;color:#1e3a8a;}
.pm-section .intro-text{max-width:1200px;margin:0 auto 50px auto;text-align:left;color:#333;font-size:1rem;line-height:1.8;}
.pm-section .intro-text p{margin-bottom:20px;}

/* Feature Boxes */
.pm-section .features{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;}
.pm-section .feature-card{background:#ffffff;padding:30px 10px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.08);width:280px;transition:transform 0.3s,box-shadow 0.3s;text-align:center;}
.pm-section .feature-card:hover{transform:translateY(-10px);box-shadow:0 12px 24px rgba(0,0,0,0.15);}
.pm-section .feature-card i{color:#1e3a8a;margin-bottom:15px;}
.pm-section .feature-card h3{font-size:1.3rem;margin-bottom:10px;color:#111827;}
.pm-section .feature-card p{font-size:0.95rem;color:#555555;line-height:1.5;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){.features{gap:20px;}}
@media(max-width:768px){.features{flex-direction:column;align-items:center;}}


  
/* ================= RISK MANAGEMENT STYLES - BLUE THEME ================= */
.rm-section{padding:80px 20px;font-family:GraphikRegular,sans-serif;background:#0a1f44;color:#ffffff;}
.rm-container{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;align-items:center;gap:40px;}
.rm-left{flex:1; min-width:300px;}
.rm-left img{width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.2);margin-bottom:20px;}
.rm-right{flex:2; min-width:500px;text-align:left;}
.rm-right h2{font-size:2.6rem;margin-bottom:20px;color:#ffffff;}
.rm-right p{font-size:1rem;line-height:1.7;margin-bottom:30px;color:#f0f0f0;}

/* Feature Highlights */
.rm-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;}
.rm-card{background:linear-gradient(135deg, #1e3a8a, #3b5998);padding:20px 15px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s;}
.rm-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px rgba(0,0,0,0.25);}
.rm-card h3{font-size:1.2rem;margin-bottom:10px;color:#ffffff;}
.rm-card p{font-size:0.95rem;color:#e0e0e0;line-height:1.5;}

/* Detailed Content */
.rm-text p{margin-bottom:15px;font-size:0.95rem;color:#f0f0f0;line-height:1.7;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){.rm-container{flex-direction:column;}}
@media(max-width:768px){.rm-features{grid-template-columns:1fr;}}



/* ================= FRAUD DETECTION SECTION - ROTATED CARDS ================= */
.fd-section{padding:100px 20px;font-family:GraphikRegular,sans-serif;background:#ffffff;position:relative;overflow:hidden;color:#111;}
.fd-section::before{content:'';position:absolute;top:0;left:50%;width:1200px;height:1200px;background:radial-gradient(circle at center, rgba(59,130,246,0.1), transparent 70%);transform:translateX(-50%) rotate(30deg);z-index:0;}
.fd-container{max-width:1200px;margin:0 auto;position:relative;z-index:1;text-align:center;}
.fd-section h2{font-size:2.8rem;margin-bottom:40px;color:#0a1f44;}
.fd-intro{max-width:900px;margin:0 auto 60px auto;font-size:1rem;line-height:1.7;color:#333;}
.fd-intro p{margin-bottom:15px;}
.fd-cards-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;}
.fd-card{background:#f9fafb;padding:30px 20px;border-radius:20px;box-shadow:0 12px 24px rgba(0,0,0,0.15);transition:transform 0.5s,box-shadow 0.5s;text-align:center;position:relative;z-index:1;}
.fd-card img{width:80px;height:80px;margin-bottom:15px;}
.fd-card h3{font-size:1.3rem;margin:15px 0 10px;color:#0a1f44;}
.fd-card p{font-size:0.95rem;color:#555;line-height:1.5;}
.fd-card:nth-child(4n+1){transform:rotate(-2deg);}
.fd-card:nth-child(4n+2){transform:rotate(2deg);}
.fd-card:nth-child(4n+3){transform:rotate(-1deg);}
.fd-card:nth-child(4n+4){transform:rotate(1deg);}
.fd-card:hover{transform:scale(1.05) rotate(0deg);box-shadow:0 20px 40px rgba(0,0,0,0.2);z-index:2;}
@media(max-width:1200px){.fd-cards-wrapper{grid-template-columns:repeat(2,1fr);}.fd-card:nth-child(4n+1),.fd-card:nth-child(4n+2),.fd-card:nth-child(4n+3),.fd-card:nth-child(4n+4){transform:rotate(0deg);}}
@media(max-width:768px){.fd-cards-wrapper{grid-template-columns:1fr;}}



/* ================= ANOMALY DETECTION SECTION ================= */
#anomaly-detection-section{padding:20px 20px;background:#4b4b4b;color:#000000;}
.anomaly-detection-sec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;max-width:1400px;margin:0 auto;}
.anomaly-detection{text-align:center;padding:10px 250px 20px;color:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.anomaly-detection h1{font-size:4rem;margin-bottom:20px;}
.anomaly-detection p{font-size:1.4rem;max-width:900px;margin:0 auto;line-height:1.6;color:#dbeafe;}
.anomaly-detection-text{flex:1 1 45%;min-width:300px;}
.anomaly-detection-text h3{font-size:1.8rem;color:#60a5fa;margin-bottom:10px;}
.anomaly-detection-text h5{font-size:1.3rem;color:#dbeafe;margin-bottom:25px;}
.ad-accordion details{margin-bottom:15px;}
.ad-accordion summary{font-weight:700;cursor:pointer;padding:10px;background:rgba(255,255,255,0.1);border-radius:5px;color:#ffffff;transition:background 0.3s ease;}
.ad-accordion summary:hover{background:rgba(255,255,255,0.2);}
.ad-accordion p{color:#d1e4ff;padding:10px 0 0 10px;}
.anomaly-detection-image{flex:1 1 50%;min-width:250px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;}
.anomaly-detection-image img{width:80%;max-width:500px;border-radius:10px;box-shadow:6px 6px 12px rgba(0,0,0,0.3);transition:transform 0.4s ease;}
.anomaly-detection-image img:hover{transform:scale(1.05);}



/* ================= Automation & Optimization Intro ================ */
.autoopt-section{line-height:1.5;color:#212529;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#f3f7fb;position:relative;padding:40px 0;box-sizing:border-box;}
.autoopt-container{width:90%;max-width:1300px;margin:0 auto;}
.autoopt-wrapper{margin-bottom:60px;}
.autoopt-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.autoopt-col{position:relative;padding-left:15px;padding-right:15px;}
.autoopt-col-6{flex:0 0 50%;max-width:50%;}
.autoopt-col-3{flex:0 0 25%;max-width:25%;}
.autoopt-title-box .autoopt-title{font-size:2.9rem;margin-bottom:20px;color:#0a1f44;line-height:1.3;position:relative;}
.autoopt-title-box::before{content:"";position:absolute;left:0;top:200px;width:70%;height:30px;background:linear-gradient(90deg,#0dcaf0,transparent);}
.autoopt-title-box::after{content:"";position:absolute;left:60px;top:230px;width:70%;height:30px;background:linear-gradient(90deg,rgba(255,193,7,0.5),transparent);}
.autoopt-text-box .autoopt-paragraph{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#495057;}
.autoopt-stats-wrapper{margin-top:30px;}
.autoopt-stats-card{background-color:#ffffff;padding:20px;text-align:center;border-radius:12px;box-shadow:6px 6px 15px rgba(0,0,0,0.1);margin-bottom:20px;transition:transform .3s ease;}
.autoopt-stats-card:hover{transform:translateY(-5px);}
.autoopt-stats-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#0dcaf0;}
.autoopt-stats-label{font-size:1rem;font-weight:700;margin:0;color:#0a1f44;}



/* ================================
  Optimization Tools section styles
================================ */  
.opt-tools-section-wrapper{width:100vw;background:#000000;display:flex;justify-content:center;box-sizing:border-box;padding:60px 0;}
.opt-tools-section{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto;padding:0 20px;}
.opt-tools-text{flex:1 1 45%;color:#ffffff;}
.opt-tools-text h2{font-size:2.6rem;font-weight:700;margin-bottom:20px;color:#ffffff;}
.opt-tools-text p{font-size:1.2rem;line-height:1.7;color:#ffffff;}
.opt-tools-box{flex:1 1 50%;display:flex;justify-content:center;align-items:center;background:#ffffff;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:hidden;}
.opt-tools-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;height:320px;overflow:hidden;}
.opt-col{display:flex;flex-direction:column;gap:25px;animation-timing-function:linear;animation-iteration-count:infinite;}
.opt-col img{width:140px;height:140px;object-fit:contain;opacity:0.9;transition:transform .3s ease,opacity .3s ease;}
.opt-col img:hover{transform:scale(1.1);opacity:1;}
.opt-col-1{animation:optScrollDown 12s linear infinite;}
.opt-col-2{animation:optScrollUp 14s linear infinite;}
.opt-col-3{animation:optScrollDown 16s linear infinite;}
@keyframes optScrollDown{0%{transform:translateY(-50%);}100%{transform:translateY(0);}}
@keyframes optScrollUp{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}

 /* ================================
  Process Automation styles
================================ */    
.automation-lifecycle{line-height:1.5;color:#212529;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#f3f7fb;position:relative;padding:40px 0;box-sizing:border-box;}
.automation-container{width:90%;max-width:1300px;margin:0 auto;}
.automation-section-heading{text-align:center;font-size:2.6rem;font-weight:700;margin-bottom:20px;color:#0a1f44;}
.automation-cards-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
.automation-card{flex:1 1 calc(25% - 20px);background:#ffffff;padding:25px;border-radius:12px;box-shadow:6px 6px 15px rgba(0,0,0,0.1);text-align:center;transition:transform .3s ease;}
.automation-card:hover{transform:translateY(-5px);}
.automation-card-icon img{width:80px;height:80px;margin-bottom:15px;object-fit:contain;}
.automation-card-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#0a1f44;}
.automation-card-desc{font-size:1rem;color:#495057;line-height:1.5;}
.automation-btn-row{margin-top:40px;text-align:center;}
.automation-btn{background:#0dcaf0;color:#fff;font-weight:700;padding:12px 30px;border-radius:8px;text-decoration:none;transition:background .3s ease;}
.automation-btn:hover{background:#0aa5c0;}
@media(max-width:1024px){.automation-card{flex:1 1 calc(50% - 20px);}}
@media(max-width:600px){.automation-card{flex:1 1 100%;}}

 /* ================================
  Supply Chain Optimization styles
================================ */ 
.supply-chain-flow{background:linear-gradient(135deg,#0a1123,#12203a);color:#fff;font-family:"GraphikRegular",sans-serif;padding:100px 0;overflow:hidden;position:relative;}
.supply-chain-container{width:90%;max-width:1400px;margin:0 auto;text-align:center;position:relative;}
.supply-chain-title{font-size:42px;font-weight:700;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase;color:#fff;}
.supply-chain-subtitle{font-size:18px;color:#cdd3e0;max-width:900px;margin:0 auto 80px;line-height:1.6;}
.supply-chain-path{display:flex;align-items:center;justify-content:center;gap:80px;position:relative;overflow:hidden;}
.chain-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:260px;position:relative;z-index:2;}
.chain-icon{width:150px;height:150px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 30px rgba(0,170,255,0.4),0 0 10px rgba(0,170,255,0.6) inset;animation:floatChainIcon 4s ease-in-out infinite;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.chain-icon:hover{transform:scale(1.08);box-shadow:0 0 40px rgba(0,200,255,0.6),0 0 15px rgba(0,200,255,0.8) inset;}
.chain-content h3{font-size:22px;margin-top:25px;margin-bottom:10px;color:#ffffff;}
.chain-content p{font-size:15px;line-height:1.7;color:#d0d6e2;}
.chain-connector{flex:1;height:4px;background:linear-gradient(90deg,#00aaff,#0044cc);border-radius:2px;position:relative;overflow:hidden;}
.chain-connector::before{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);animation:moveGlowChain 3s linear infinite;}
@keyframes moveGlowChain{0%{left:-50%;}100%{left:100%;}}
@keyframes floatChainIcon{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.supply-chain-flow::before{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle at center,rgba(0,170,255,0.25),transparent 70%);animation:moveGlowChainBg 20s linear infinite;}
@keyframes moveGlowChainBg{0%{transform:translate(0,0);}50%{transform:translate(300px,200px);}100%{transform:translate(0,0);}}
@media(max-width:900px){.supply-chain-path{flex-direction:column;gap:60px;}.chain-connector{width:4px;height:60px;}}

 /* ================================
  Business Process Automation styles
================================ */ 
.bpa-section{padding:20px 20px;background:#f8f9fa;}
.bpa-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;max-width:1400px;margin:0 auto;}
.bpa-details{flex:1 1 45%;min-width:300px;}
.bpa-header{ text-align:center; padding:10px 250px 20px; color:#000000; display:flex; flex-direction:column; justify-content:center; align-items:center; }  
.bpa-header h1 { font-size:4rem; margin-bottom:20px; }  
.bpa-header p { font-size:1.5rem; max-width:900px; margin:0 auto; }   
.bpa-details h3{font-size:1.8rem;color:#0170B9;margin-bottom:10px;}
.bpa-details h5{font-size:1.3rem;color:#3a3a3a;margin-bottom:25px;}
.bpa-accordion details{margin-bottom:15px;}
.bpa-accordion summary{font-weight:700;cursor:pointer;padding:10px;background:#f5f5f5;border-radius:5px;} 
.bpa-image{flex:1 1 50%;min-width:300px; text-align:center;}
.bpa-image img{width:100%;max-width:700px; border-radius:10px;box-shadow:6px 6px 12px rgba(0,0,0,0.15);}

/* ================================
   Operational Efficiency styles
=============================== */
.ops-efficiency-section{background:#0a1f44;color:#ffffff;font-family:GraphikRegular,sans-serif;padding:60px 0;margin:0;box-sizing:border-box;}
.ops-container{width:90%;max-width:1400px;margin:0 auto;text-align:center;}
.ops-heading{font-size:36px;font-weight:700;margin-bottom:20px;}
.ops-intro{font-size:1.2rem;line-height:1.8;max-width:900px;margin:0 auto 40px;color:#e0e0e0;}
.ops-carousel{overflow:hidden;width:100%;position:relative;}
.ops-carousel-row{display:flex;gap:20px;animation:scrollOpsCarousel 60s linear infinite;}
.ops-panel{flex-shrink:0;width:300px;height:350px;background-size:cover;background-position:center center;border-radius:20px;box-shadow:0 6px 15px rgba(0,0,0,0.3);padding:20px;color:#ffffff;display:flex;flex-direction:column;justify-content:flex-end;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(2px);}
.ops-panel h3{margin:0 0 10px;font-size:1.3rem;font-weight:600;color:#000000;}
.ops-panel p{margin:0;font-size:1rem;line-height:1.5;color:#000000;}
@keyframes scrollOpsCarousel{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}


/* ================================
   Intelligent Systems intro styles
=============================== */
.is-section{line-height:1.5;color:#212529;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#eef4fa;position:relative;padding:40px 0;box-sizing:border-box;}
.is-container{width:90%;max-width:1300px;margin:0 auto;}
.is-wrapper{margin-bottom:60px;}
.is-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.is-col{position:relative;padding-left:15px;padding-right:15px;}
.is-col-6{flex:0 0 50%;max-width:50%;}
.is-col-3{flex:0 0 25%;max-width:25%;}
.is-title-box .is-title{font-size:2.9rem;margin-bottom:20px;color:#0a1f44;line-height:1.3;position:relative;}
.is-title-box::before{content:"";position:absolute;left:0;top:200px;width:70%;height:30px;background:linear-gradient(90deg,#f44336,transparent);}
.is-title-box::after{content:"";position:absolute;left:60px;top:230px;width:70%;height:30px;background:linear-gradient(90deg,rgba(143, 206, 0, 1),transparent);}
.is-text-box .is-paragraph{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#495057;}
.is-stats-wrapper{margin-top:30px;}
.is-stats-card{background-color:#ffffff;padding:20px;text-align:center;border-radius:12px;box-shadow:6px 6px 15px rgba(0,0,0,0.1);margin-bottom:20px;transition:transform .3s ease;}
.is-stats-card:hover{transform:translateY(-5px);}
.is-stats-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#0dcaf0;}
.is-stats-label{font-size:1rem;font-weight:700;margin:0;color:#0a1f44;}


/* ================= NLP SECTION (same template styling) ================= */
#nlp-section{padding:20px 20px;background:#4b4b4b;color:#000000;}
.anomaly-detection-sec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;max-width:1400px;margin:0 auto;}
.anomaly-detection{text-align:center;padding:10px 250px 20px;color:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.anomaly-detection h1{font-size:4rem;margin-bottom:20px;}
.anomaly-detection p{font-size:1.4rem;max-width:900px;margin:0 auto;line-height:1.6;color:#dbeafe;}
.anomaly-detection-text{flex:1 1 45%;min-width:300px;}
.anomaly-detection-text h3{font-size:1.8rem;color:#60a5fa;margin-bottom:10px;}
.anomaly-detection-text h5{font-size:1.3rem;color:#dbeafe;margin-bottom:25px;}
.ad-accordion details{margin-bottom:15px;}
.ad-accordion summary{font-weight:700;cursor:pointer;padding:10px;background:rgba(255,255,255,0.1);border-radius:5px;color:#ffffff;transition:background 0.3s ease;}
.ad-accordion summary:hover{background:rgba(255,255,255,0.2);}
.ad-accordion p{color:#d1e4ff;padding:10px 0 0 10px;}
.anomaly-detection-image{flex:1 1 50%;min-width:250px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;}
.anomaly-detection-image img{width:80%;max-width:500px;border-radius:10px;box-shadow:6px 6px 12px rgba(0,0,0,0.3);transition:transform 0.4s ease;}
.anomaly-detection-image img:hover{transform:scale(1.05);}



/* ================= IMAGE RECOGNITION SECTION ================= */
.pi-section{line-height:1.5;color:#212529;font-family:GraphikRegular,sans-serif;font-size:16px;font-weight:400;margin:0;display:block;background-color:#eef4fa;position:relative;padding:40px 0;box-sizing:border-box;}
.pi-container{width:90%;max-width:1300px;margin:0 auto;}
.pi-wrapper{margin-bottom:60px;}
.pi-row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.pi-col{position:relative;padding-left:15px;padding-right:15px;}
.pi-col-6{flex:0 0 50%;max-width:50%;}
.pi-col-3{flex:0 0 25%;max-width:25%;}
.pi-title-box .pi-title{font-size:2.9rem;margin-bottom:20px;color:#0a1f44;line-height:1.3;position:relative;}
.pi-title-box::before{content:"";position:absolute;left:0;top:200px;width:70%;height:30px;background:linear-gradient(90deg,#0dcaf0,transparent);}
.pi-title-box::after{content:"";position:absolute;left:60px;top:230px;width:70%;height:30px;background:linear-gradient(90deg,rgba(255,193,7,0.5),transparent);}
.pi-text-box .pi-paragraph{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#495057;}
.pi-stats-wrapper{margin-top:30px;}
.pi-stats-card{background-color:#ffffff;padding:20px;text-align:center;border-radius:12px;box-shadow:6px 6px 15px rgba(0,0,0,0.1);margin-bottom:20px;transition:transform .3s ease;}
.pi-stats-card:hover{transform:translateY(-5px);}
.pi-stats-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#0dcaf0;}
.pi-stats-label{font-size:1rem;font-weight:700;margin:0;color:#0a1f44;}




/* ================= CHATBOTS & VIRTUAL ASSISTANTS STYLES ================= */
.cva-section{padding:80px 20px;font-family:GraphikRegular,sans-serif;background:#0a1f44;color:#ffffff;}
.cva-container{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;align-items:center;gap:40px;}
.cva-left{flex:1; min-width:300px;}
.cva-left img{width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.2);margin-bottom:20px;}
.cva-right{flex:2; min-width:500px;text-align:left;}
.cva-right h2{font-size:2.6rem;margin-bottom:20px;color:#ffffff;}
.cva-right p{font-size:1rem;line-height:1.7;margin-bottom:30px;color:#f0f0f0;}

/* Feature Highlights */
.cva-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;}
.cva-card{background:linear-gradient(135deg, #1e3a8a, #3b5998);padding:20px 15px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s;}
.cva-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px rgba(0,0,0,0.25);}
.cva-card h3{font-size:1.2rem;margin-bottom:10px;color:#ffffff;}
.cva-card p{font-size:0.95rem;color:#e0e0e0;line-height:1.5;}

/* Detailed Content */
.cva-text p{margin-bottom:15px;font-size:0.95rem;color:#f0f0f0;line-height:1.7;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){.cva-container{flex-direction:column;}}
@media(max-width:768px){.cva-features{grid-template-columns:1fr;}}



/* ================================
   Generative AI & LLMs styles
================================ */  
.genai-section{padding:100px 20px;background:#787575;color:#fff;}
.genai-container{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto;flex-wrap:wrap;}
.genai-text{flex:1 1 45%;}
.genai-text h2{font-size:2.8rem;color:#000000;margin-bottom:20px;}
.genai-text p{font-size:1.2rem;line-height:1.6;color:#000000;margin-bottom:25px;}
.genai-text ul{list-style:disc;padding-left:20px;}
.genai-text ul li{margin-bottom:10px;font-size:1.1rem;color:#000000;}
.genai-image{flex:1 1 50%;display:flex;justify-content:center;align-items:center;position:relative;}
.genai-image img{width:100%;max-width:500px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.3);}



/* ------------------------ HERO / CAROUSEL ------------------------ */
.carousel{position:relative;width:100%;height:100vh;overflow:hidden;}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;opacity:0;transition:opacity 1s ease;z-index:0;background-size:cover;background-position:center;overflow:hidden;}
.slide.active{opacity:1;z-index:1;}
.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.55),rgba(0,0,0,0.55));z-index:1;}
.slide-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:80px;}
.slide h1{font-size:3rem;font-weight:700;margin-bottom:15px;color:#fff;}
.slide p{font-size:1.2rem;max-width:700px;margin-bottom:25px;color:#fff;}
.carousel .btn{background:#0078d7;color:#fff;padding:12px 35px;border-radius:30px;text-decoration:none;font-weight:600;transition:0.3s;}
.carousel .btn:hover{background:#005bb5;}
.carousel-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);list-style:none;display:flex;gap:20px;z-index:10;}
.carousel-dots li{cursor:pointer;font-weight:600;color:#fff;opacity:0.6;transition:opacity 0.3s;}
.carousel-dots li.active{opacity:1;color:#00b4d8;}
.carousel-dots li a{text-decoration:none;color:inherit;text-align:center;display:block;line-height:1.2;}
.carousel-dots li a:hover{color:#00b4d8;}
@media(max-width:900px){.carousel-dots{gap:15px;font-size:0.9rem;}}




/* ================= Industry sections with 3 stacked images ================= */
.industry-section {display:flex;align-items:center;justify-content:space-between;padding:120px 80px;min-height:100vh;}
.industry-section .content {flex:2;max-width:1150px;padding:0 40px;}
.industry-section .content h2 {font-size:2.6rem;font-weight:700;margin-bottom:20px;}
.industry-section .content h3 {font-size:1.5rem;margin-top:30px;margin-bottom:10px;}
.industry-section .content p {font-size:1.15rem;line-height:1.8;margin-bottom:20px;}
.industry-section .content ul {margin-bottom:25px;padding-left:25px;}
.industry-section .content ul li {margin-bottom:10px;font-size:1.1rem;line-height:1.6;}
.image-side {flex:1;display:flex;flex-direction:column;gap:20px;align-items:center;}
.image-side img {width:100%;max-width:400px;border-radius:16px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,0.2);transition:transform 0.3s;}
.image-side img:hover {transform:scale(1.05);}
.dark-bg {background:#000;color:#fff;}
.light-bg {background:#fff;color:#222;}
.left-text .content {order:1;text-align:left;}
.left-text .image-side {order:2;}
.right-text .content {order:2;text-align:left;}
.right-text .image-side {order:1;}
@media(max-width:1024px) {.industry-section {flex-direction:column;padding:80px 40px;}.image-side {flex-direction:row;gap:10px;justify-content:center;}}
@media(max-width:768px) {.industry-section .content {padding:0 20px;} .image-side img {max-width:100%;margin-top:20px;}}


/* ================= Privacy terms ================= */
section.privacy-policy {margin-top: 80px;}
.privacy-policy { max-width: 900px; margin: 0 auto; padding: 80px 20px; }
.privacy-policy h1 { font-size: 2rem; margin-bottom: 10px; }
.privacy-meta { color: #666; margin-bottom: 25px; font-size: 0.95rem; }
.privacy-note { background: #f3f7ff; padding: 12px 16px; border-left: 4px solid #2273ff; border-radius: 4px; margin-bottom: 30px; color: #0c2f66; }
.privacy-policy h2 { margin-top: 32px; margin-bottom: 12px; font-size: 1.3rem; color: #0b66d1; }
.privacy-policy p { margin-bottom: 14px; line-height: 1.7; }
.privacy-policy ul { margin-left: 20px; margin-bottom: 20px; }
.privacy-policy li { margin-bottom: 8px; }
.privacy-policy a { color: #0b66d1; text-decoration: none; }
.privacy-policy a:hover { text-decoration: underline; }
.privacy-contact-btn { display: inline-block !important; margin-top: 10px !important; padding: 12px 22px !important; background: #0b66d1 !important; color: #fff !important; border-radius: 6px !important; text-decoration: none !important; font-weight: 600 !important; transition: 0.25s ease !important; white-space: nowrap !important; text-align: center !important; visibility: visible !important; }
.privacy-contact-btn:hover { background: #094fa5 !important; color: #fff !important; }


/* ================= Privacy terms ================= */
.terms-of-service { max-width: 900px; margin: 0 auto; padding: 80px 20px; }
.terms-of-service h1 { font-size: 2rem; margin-bottom: 10px; }
.tos-meta { color: #666; margin-bottom: 25px; font-size: 0.95rem; }
.tos-note { background: #f3f7ff; padding: 12px 16px; border-left: 4px solid #2273ff; border-radius: 4px; margin-bottom: 30px; color: #0c2f66; }
.terms-of-service h2 { margin-top: 32px; margin-bottom: 12px; font-size: 1.3rem; color: #0b66d1; }
.terms-of-service p { margin-bottom: 14px; line-height: 1.7; }
.terms-of-service ul { margin-left: 20px; margin-bottom: 20px; }
.terms-of-service li { margin-bottom: 8px; }
.terms-of-service a { color: #0b66d1; text-decoration: none; }
.terms-of-service a:hover { text-decoration: underline; }
.tos-contact-btn { display: inline-block; margin-top: 10px; padding: 12px 22px; background: #0b66d1; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 600; transition: 0.25s ease; white-space: nowrap; text-align: center; }
.tos-contact-btn:hover { background: #094fa5; color: #fff; }

/* ================= Service terms ================= */
.terms-of-service { max-width: 900px; margin: 0 auto; padding: 80px 20px; }
.terms-of-service h1 { font-size: 2rem; margin-bottom: 10px; }
.tos-meta { color: #666; margin-bottom: 25px; font-size: 0.95rem; }
.tos-note { background: #f3f7ff; padding: 12px 16px; border-left: 4px solid #2273ff; border-radius: 4px; margin-bottom: 30px; color: #0c2f66; }
.terms-of-service h2 { margin-top: 32px; margin-bottom: 12px; font-size: 1.3rem; color: #0b66d1; }
.terms-of-service p { margin-bottom: 14px; line-height: 1.7; }
.terms-of-service ul { margin-left: 20px; margin-bottom: 20px; }
.terms-of-service li { margin-bottom: 8px; }
.terms-of-service a { color: #0b66d1; text-decoration: none; }
.terms-of-service a:hover { text-decoration: underline; }
.tos1-contact-btn { display: inline-block !important; margin-top: 10px !important; padding: 12px 22px !important; background: #0b66d1 !important; color: #fff !important; border-radius: 6px !important; text-decoration: none !important; font-weight: 600 !important; transition: 0.25s ease !important; white-space: nowrap !important; text-align: center !important; visibility: visible !important; }
.tos1-contact-btn:hover { background: #094fa5 !important; color: #fff !important; }