@font-face {    font-family: 'Ubuntu';    src: url('assets/fonts/Ubuntu-Regular.ttf') format('truetype');    font-weight: normal;    font-style: normal;    font-display: swap;}
body {    font-family: 'Ubuntu', 'Poppins', sans-serif;    scroll-behavior: smooth;    background-color: #fff;   }
/*  opacity: 0;    animation: fadeInBody 1.2s ease-in forwards; */
p {color: #747272;    font-size: 1rem;    line-height: 1.8rem;}
.font14 {font-size: 0.8rem !important;}
.min200 {min-height: 200px;}
.min150 {min-height: 150px;}
.b-r20{border-radius: 20px !important;}
.btn-primary {background: #082757; border: 1px solid #082757 !important;}
.btn-primary:hover {background: #1f3b62 !important; border: 1px solid #1f3b62 !important;}
.font-light{color:#747272 !important}
 
/* Navbar */
/* .navbar {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);transition: background-color 0.3s, box-shadow 0.3s; padding: 3vh 0px;} */ 
.sticky-top {padding-top: 0px;}
.sticky{position: sticky; top: -60px; z-index: 100; padding-top: 0px !important;}
.navbar.sticky-active { position: sticky;  top: -1px; background-color: #082757;  box-shadow: 0 2px 5px rgba(0,0,0,0.1);  transition: .5s;}
.navbar.scrolled {background-color: #f8f9fa;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.navbar-brand img {height: 70px; } 
body.index4 .navbar.sticky-active img {height: 80px; transition: .5s;}
body.index4 .navbar-brand img {height: 80px; } 
body.index5 .banner-content { position: absolute;   max-width: 90% !important; min-width: 90%; margin: 0 auto; text-align: center; top: 50%; left: 50%;    transform: translate(-50%, -50%);  }
body.index5 .hero img.banner-img {height: 200px;   opacity: 0;  animation: fadeGlow 2s ease-in-out forwards, pulseGlow 4s ease-in-out infinite alternate; }

 @keyframes fadeGlow {
  from {
    opacity: 0;
    /* filter: drop-shadow(0 0 0 rgba(0, 255, 255, 0)); */
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    /* filter: drop-shadow(0 0 15px rgba(0, 255, 255, 0.7)); */
    transform: scale(1);
  }
}

@keyframes pulseGlow {
  0% {
    /* filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.5)); */
  }
  100% {
    /* filter: drop-shadow(0 0 20px rgba(0, 255, 255, 1)); */
  }
}
 
.slide-fade-delay {
  animation: slideFade 1s ease-out 0.5s forwards;
  opacity: 0;
}

@keyframes slideFade {
  from {
    opacity: 0;
    transform: translateY(50px) rotate(-5deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}

body.index5 .banner-content h1, body.index5 .banner-content p {text-align: center;}
body.index5 .banner-content p{font-weight: 500; max-width: 75%; margin: 0 auto;}
body.index5 .hero{margin-top: -88px;}
/* filter: brightness(100); */
.navbar-brand img.newlogo {height: 70px;  }
 .navbar.sticky-active img {height: 70px; transition: .5s;}
 .navbar.sticky-active .schedulacall{background: #fff !important; color: #082757 !important; font-size: 14px;} 

/* .navbar.sticky-active .navbar-brand img{filter: none;} */
.navbar.sticky-active  .nav-link {color: #fff  !important; border-right: 1px solid #fff;} 
.navbar.sticky-active .nav-link.active {    font-weight: 700;    color: #f48120 !important;}
.nav-link {color: #fff !important;font-weight: 500;transition: color 0.3s; border-right: 1px solid #fff; padding: 0px 15px !important;    line-height: 100%; display: flex; align-items: center;}
.nav-item:last-child .nav-link{border-right: 0px !important;}
.nav-link:hover {color: #f48120  !important;}

/* Mega Dropdown Base */
.navbar .mega-dropdown {  position: relative;}
.navbar .mega-dropdown:hover > .mega-menu,
.navbar .mega-dropdown .mega-menu:hover {  visibility: visible;  opacity: 1;  display: block;}
.navbar .mega-menu {position: absolute;top: calc(100% + 27px);left: -100%;right: 0;min-width: 510px;background: #fff;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;}
.navbar .mega-dropdown:hover .mega-menu, .navbar .mega-menu:hover {opacity: 1;visibility: visible;transform: translateY(0);}
.navbar .mega-dropdown::after {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 27px;background: transparent;}
 
.mega-menu a {  display: block;  color: #333;  padding: 5px 0;  text-decoration: none;  transition: all 0.3s;}
/* .mega-menu a:hover {  color: #082757;} */
.mega-menu a:hover {background: rgba(8,39,87,0.8); color: #fff; padding-left: 10px; border-radius: 3px;}
.mega-menu h6 {  color: #111;  font-weight: 700;}
.dropdown-menu.mega-menu.Industry-menu {    max-width: 240px !important;    min-width: 240px !important;    left: -0% !important;}
.dropdown-toggle::after {margin-left: .755em;}
/* Animation */
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.owl-nav {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;}
.owl-nav button {background: rgba(0, 0, 0, 0.4) !important;border-radius: 50%;width: 45px;height: 45px;color: #fff !important;pointer-events: auto;transition: all 0.3s ease;}
.owl-nav button:hover {background: #000 !important;color: #fff !important;}

.hero {  color: #fff;  padding: 120px 0px;  text-align: center;  position: relative;  height: 100vh;    overflow: hidden; margin-top: -98px;}
.banner-content {z-index: 2;text-align: start; top:45%; left:7%; transform: translateY(-45%); max-width: 50%;}
.banner-content h1 {font-size: 4.8rem;font-weight: 700;text-align: start;}
.banner-content p {font-size: 1.1rem;margin-top: 10px;color: #f1f1f1;text-align: start;} 
 
#particles-js {  position: absolute;  width: 100%;  height: 100%; background: linear-gradient(135deg, #0d47a1, #1976d2); top: 0; left: 0; z-index: 0;}
.banner-content {  z-index: 1;}

#home .banner-video {height: 100vh;object-fit: cover;}
/* #our-products { background: #F4F5FC;} */
.product-title{font-size: 1.8rem !important;}
section#our-products {    border-bottom: 1px solid #eae6e6;}
.overlay{    background: rgb(0 0 0 / 40%);    position: absolute;    width: 100%;    height: 100%;    left: 0;    z-index: 3;}
 

/* aboutUs */
#aboutUs { background: url("images/aboutus-bg.png") no-repeat top right;} 
.aboutUs {padding: 50px 0;}
.aboutUs img {max-width: 100%;border-radius: 10px;}
.aboutUs h2, .resources h2, #workflow h2, #services h2, #contact h2 {font-size: 2.7rem;line-height: 3.6rem;}
.resources h2{line-height: 3.2rem !important;}
 
#our-mission {  background: url(images/background-service.png.png) no-repeat top left;  background-size: cover;  }
.mission img.img-fluid, .vision img.img-fluid { max-width: 80px;}
 

#resources {background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab),url("images/resources-bg.png") no-repeat top left #112137;    background-blend-mode: overlay;    padding: 50px 0px;    color: white; }
.resources-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;max-width: 1000px;width: 100%;}
.box {background: white;border-radius: 12px;padding: 20px 20px;box-shadow: 0 6px 20px rgb(0 0 0 / 0.1);cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;color: #222;display: flex;flex-direction: column;align-items: center;text-align: center;}
.box:hover {background-color: #1f4e81;color: white;}
.box:hover h3, .box:hover p {color: white;}
.icon {font-size: 56px;margin-bottom: 22px;color: #1565d8;transition: color 0.3s ease;}
.box:hover .icon {color: white;}#workflow {background: #E5EDF7 url("images/blueprint-bg.png") no-repeat center center/cover;padding: 50px 0px;}
.resources-icon img{max-height: 65px;}
 
.workflow-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 48px 40px;position: relative;}
.workflow-item {padding: 18px 20px 18px 20px;position: relative;font-size: 13px;}
.workflow-item img.icon {display: block;width: 60px;height: 60px;background: #fff; position: relative;z-index: 1; border-radius: 3px;}
.workflow-item::after { content: "";  position: absolute;  top: 40px;  right: -60px;  width: 100%;  border-top: 1.5px dashed #3b5998;  opacity: 0;  transform: scaleX(0);  transform-origin: left;  animation: drawLine 1.2s ease forwards;  animation-delay: 0.6s;}
@keyframes drawLine {
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.workflow-title {font-weight: 700;font-size: 14px;margin-bottom: 6px;color: #222;}
.workflow-item p {margin: 0;font-size: 14px;color: #333;} 
.workflow-item:nth-child(1)::after,
.workflow-item:nth-child(2)::after,
.workflow-item:nth-child(4)::after,
.workflow-item:nth-child(5)::after,
.workflow-item:nth-child(7)::after,
.workflow-item:nth-child(8)::after {    content: "";    position: absolute;    top: 40px;    right: -60px;    width: 100%;    border-top: 1.5px dashed #3b5998;}
 
.workflow-grid>.workflow-item:nth-child(3),
.workflow-grid>.workflow-item:nth-child(6),
.workflow-grid>.workflow-item:nth-child(9) {    margin-bottom: 0;}

.workflow-item:nth-child(1)::after { animation-delay: 0.2s; }
.workflow-item:nth-child(2)::after { animation-delay: 0.4s; }
.workflow-item:nth-child(3)::after { animation-delay: 0.6s; }

.workflow-item:hover img.icon {  transform: scale(1.1);  box-shadow: 0 0 10px rgba(59, 89, 152, 0.3);  transition: all 0.3s ease;}
 
/* Our services  code */
#services {background: #fff url("images/background-service.png") no-repeat center center/cover;}
#services {padding: 50px 0px;}
/* .service-card {    text-align: center; background: #ffffff; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;} */
.service-card {background: #fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.08);overflow: hidden;transition: all 0.4s ease;text-align: center;padding-bottom: 20px;}
.service-card img {width: 100%;transition: transform 0.5s ease;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.service-card:hover {transform: translateY(-10px);box-shadow: 0 10px 25px rgba(0, 123, 255, 0.25);}
.service-card:hover img {transform: scale(1.1);}
.service-card h4 {font-weight: 700;margin: 20px 0 10px;transition: color 0.3s ease;}
.service-card:hover h4 {color: #ff7b00;}
.service-card p {color: #747272; padding: 0 15px; text-align: justify; }
.service-card .btn {margin-top: 10px;background: #082757;color: #fff;border-radius: 6px;transition: background 0.3s ease;}
.service-card .btn:hover {background: #004fcc;}
/* End Our services  code */

#schedulecall {  background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab),url("images/call.png") no-repeat center center/cover #112137;    background-blend-mode: overlay;      padding: 50px 0px;}
#AI-expertise{padding: 50px 0px;}

.industry-card { border-radius: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; color: #111; } 
.industry-card:hover { transform: translateY(-10px);box-shadow: 0 10px 25px rgba(0, 123, 255, 0.25); background-color: #d7dcfa;} 
.industries-section .icon-circle { width: 100px; height: 100px; border-radius: 50%; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; } .bg-pink { background-color: #f7d8d8; } 
.bg-blue { background-color: #d7dcfa; } 
.bg-green { background-color: #d3f2dc; } 
.bg-cyan { background-color: #c7f1f8; } 
.btn-light { border-radius: 50px; font-size: 0.85rem; padding: 5px 15px; } .btn-light:hover { background-color: #f0f0f0; }
.bg-pink .icon-circle, .bg-green  .icon-circle, .bg-cyan .icon-circle, .bg-blue .icon-circle{border-radius: 100%;    width: 110px;    height: 110px;    display: flex;    align-items: center;    justify-content: center;}
.bg-pink .icon-circle {    background: rgb(228 192 192 / 80%); }
.bg-green  .icon-circle {background: rgb(182 220 193);}
.bg-cyan .icon-circle {background: rgb(164 216 225);}
.bg-blue .icon-circle{background:rgb(190 198 241);}

/* FAQ */
#faq{background: #F4F5FC;}  
#contact {background: #1255A8 url("images/footer_new.png") no-repeat center center/cover;padding: 50px 0px 20px 0px;}
.faq {padding: 60px 0;}
.faqcount{background: #fff !important; padding: 5px 15px; border-radius: 5px; margin-right: 10px; font-size: 1.3rem;}
.contact {background: #f8f9fa;padding: 80px 0;}html {scroll-behavior: smooth;}
.social-icons .fa-brands:hover{color:#f48120;}
  .social-icons {display: flex;}
.social-icons a { text-decoration: none; padding: 12px;    width: 40px;    height: 37px;    background-color: transparent;    display: flex;    align-items: center;    text-align: center;    justify-content: center;
    color: rgb(255, 255, 255) !important;    border-width: 1px;    border-style: solid;    border-color: rgb(255, 255, 255);    border-image: initial;    border-radius: 100px;}
 .social-icons a i::before{} 
 .social-icons .fa-brands{font-size: 18px !important;}
.accordion-item{ margin-bottom: 15px;}
.accordion-button:not(.collapsed) {box-shadow: none !important; background: #082757 !important; color: #fff;}
.accordion-button:not(.collapsed):after {color: #fff;}
.accordion-button{line-height: 150%;}
.accordion-body {background: #fff;}
.accordion-body p, .accordion-body li{color: rgba(33,37,41,0.75)} 

/* Optional: keep white when collapsed or opened */
.accordion-button:not(.collapsed)::after {  filter: brightness(0) invert(1); transform: rotate(180deg);}

@keyframes fadeInBody {
    from {  opacity: 0;  transform: translateY(10px); } 
    to {  opacity: 1; transform: translateY(0); }
}

/**  Owl Carousel v2.3.4  */
  .owl-dots {position: absolute;top: 90%;left: 50%;transform: translate(-50%, -90%);}
.owl-theme .owl-dots,.owl-theme .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav {margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] {color: #FFF;font-size: 14px;margin: 5px;padding: 4px 7px;background: #D6D6D6;display: inline-block;cursor: pointer;border-radius: 3px }.owl-theme .owl-nav [class*=owl-]:hover {background: #869791;color: #FFF;text-decoration: none }
.owl-theme .owl-nav .disabled {opacity: .5;cursor: default }.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px }
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {background: #869791 }  


.testimonial-section { background: #E5EDF7;}
.testimonial-carousel .card {background: #fff;border-radius: 15px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);padding: 40px 30px; position: relative; }
.testimonial-carousel .card::before {content: "“";font-size: 120px;color: #007bff;position: absolute;top: -10px;left: 20px;font-family: serif;opacity: 0.2;}
.testimonial-carousel img {width: 80px !important;height: 80px !important;object-fit: cover;}
.owl-nav i {color: #fff;font-size: 20px;}.owl-dots .owl-dot span {background: #007bff;}
.testimonial-carousel .owl-nav {    display: none;}
.testimonial-carousel .owl-dots { top: 105% !important;}
.testimonial-carousel .owl-dots .owl-dot.active span, .testimonial-carousel .owl-dots .owl-dot:hover span {    background: #007bff;}

  
body.index4 .gradient-text { font-weight: 700;  font-size: 2.5rem;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent;}
.gradient-text { font-weight: 700;  font-size: 2.5rem;  background: linear-gradient(90deg, #082757, #e2a160);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent;}
.white-gradient-text{background: linear-gradient(90deg, #ffffff, #e2a160);    -webkit-text-fill-color: transparent;    background-clip: text;}
/* Responsive */

@media (max-width: 1367px) { 
.min200 {min-height: 245px;}
.industry-card  h5.fw-bold{font-size: 1rem !important;}
.industry-card .min150 {min-height: 200px;}
.testimonial-section p.text-dark.mb-3 {min-height: 260px;}
.testimonial-carousel .card{ min-height: 450px !important;}
}
@media (max-width: 991px) { 
.call-section {display: none} 
.navbar.sticky-active .nav-link { border-right:0px solid #fff;    padding: 10px !important;}
/* .navbar.sticky-active { position: sticky;  top: -1px; background-color: #082757;  box-shadow: 0 2px 5px rgba(0,0,0,0.1);  transition: .5s;} */
.banner-content h1 {    font-size: 2.8rem;}
.banner-content{max-width: 90% !important;}
.navbar.sticky {    position: sticky;    top: -1px;    background-color: #082757;    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);    transition: .5s;}
.navbar.sticky  .navbar-brand img {    filter: none;}
.navbar.sticky .nav-link {color: #fff !important; border-right: 0px solid #1255A8; padding: 10px !important;}
}
@media (max-width: 1280px) {
.banner-content{    max-width: 60%;}
.banner-content h1 {    font-size: 4.5rem;}
}
@media (max-width: 1024px) {
.nav-link{padding: 0px 9px !important;}
}

@media (max-width: 960px) {
  .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler{border-color: #fff; outline:#082757 ;}  
    .workflow-grid { grid-template-columns: 1fr; gap: 36px;    } 
    .workflow-item::before,
    .workflow-item::after { display: none; }
    body.index4 .navbar.sticky-active img {height: 70px; transition: .5s;}
    .navbar-toggler:focus,.navbar-toggler:active {  outline: none !important;  box-shadow: none !important;}
     body.index4 .hero {    margin-top: -65px;}
    body.index5 .hero {    margin-top: -65px;}
    .banner-content h1 {font-size: 3rem;    }
      body.index5 .hero img.banner-img{display: none;}
      body.index5 .banner-content { max-width: 80%; }
      .navbar-light.sticky{padding-bottom: 0px;}
      body.index4 .navbar-brand img {    height: 70px ;}
       .misssion-wrapper {    display: flex;    flex-direction: column-reverse;    padding: 10px;}
       .min200 {min-height: auto;}
}
@media (max-width: 820px) {
    .hero{height: auto; padding: 65px 0px;}
    .min200 {min-height: auto;}
    .hero h1 { font-size: 1.8rem; line-height: 2.5rem;}
    .aboutUs h2, .resources h2, #workflow h2, #services h2, #contact h2, #AI-expertise h2, #faq h2, .testimonial-section h2 {font-size: 1.8rem; line-height: 2.2rem;}  
    .banner-content{max-width: 80% !important;}
   
    .indutrymbldrpdn{margin-bottom: 10px;}
}
 
@media (max-width:480px) { 
    .navbar .mega-menu{left: 0% !important;}
    .hero{height: auto; padding: 75px 0px;}
    .hero h1 { font-size: 1.8rem; line-height: 2.5rem;}
    .aboutUs h2, .resources h2, #workflow h2, #services h2, #contact h2 {font-size: 1.8rem;line-height: 2.6rem;}
    body.index4 .navbar-brand img {    height: 70px;}
    body.index4 .hero {    margin-top: -80px;}
    body.index5 .hero {    margin-top: -80px;}
    body.index5 .banner-content p{ max-width: 90%; }
    
    .navbar .mega-menu{top:calc(100% + 0px)}
    .slide-fade-delay{display: none !important;}
    .industry-card .min150 {min-height: auto;} 
}

.chatsection{position: fixed;    bottom: 20px;    right: 20px;    z-index: 11;    border-radius: 100%;    padding: 12px !important;    background: linear-gradient(90deg, #667eea, #764ba2, #082757);    background-size: 200%; }
.chatsection a {color: #fff;}

.fa-comment {font-size: 35px !important;}


/* @keyframes gradientMove {  0% { background-position: 0% center; }  100% { background-position: 200% center; }} */
.gradient-icon:hover {  transform: scale(1.1);  opacity: 0.9;}
button#close-chat {position: absolute;    right: 20px;    top: 15px;}
.chatbot-container {height: 250px;    position: fixed;    bottom: 10px;    right: 10px;    max-width: 400px;    z-index: 180;background: white;border-radius: 20px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);overflow: hidden;display: none;flex-direction: column;height: 450px;}
.chatbot-container.show{display: flex;}
/* .chat-header {background: linear-gradient(135deg, #082757  0%, #102c89 100%);color: white;padding: 24px;text-align: center;} */
.chat-header {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;padding: 24px;text-align: center; padding: 10px;}

.chat-header h2 {font-size: 20px;font-weight: 600; margin-bottom: 0px;}
.chat-header p {font-size: 14px;opacity: 0.9; margin-bottom: 0px;}
.chat-messages {flex: 1;overflow-y: auto;padding: 24px;background: #f8f9fa;}
.message {margin-bottom: 20px;display: flex;align-items: flex-start;animation: fadeIn 0.3s ease-in;}@keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}
.message.user {flex-direction: row-reverse;}.message-avatar {width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0;}
.message.bot .message-avatar {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);margin-right: 12px;}
.message.user .message-avatar {background: #e0e0e0;margin-left: 12px;}
.message-content {max-width: 70%;padding: 10px;border-radius: 16px;line-height: 1.6;font-size: 15px;}
.message.bot .message-content {background: white;color: #333;border: 1px solid #e0e0e0;border-radius: 16px 16px 16px 4px;}
.message.user .message-content {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;border-radius: 16px 16px 4px 16px;}
.message-sources {margin-top: 12px;font-size: 12px;color: #666;padding: 10px 12px;background: #f0f0f0;border-radius: 8px;}
.message-sources strong {display: block;margin-bottom: 6px;color: #333;}
.message-sources ul {margin: 0;padding-left: 20px;}.chat-input-area {padding: 20px;background: white;border-top: 1px solid #e0e0e0;display: flex;gap: 12px;}
.chat-input {flex: 1;padding: 14px 18px;border: 2px solid #e0e0e0;border-radius: 24px;font-size: 15px;outline: none;transition: border-color 0.2s;font-family: inherit;}.chat-input:focus {border-color: #667eea;}
.send-btn {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;border: none;width: 48px;height: 48px;border-radius: 50%;cursor: pointer;font-size: 20px;display: flex;align-items: center;justify-content: center;transition: transform 0.2s, opacity 0.2s;flex-shrink: 0;}
.send-btn:hover:not(:disabled) {transform: scale(1.05);}
.send-btn:disabled {opacity: 0.5;cursor: not-allowed;}
.typing-indicator {display: flex;gap: 4px;padding: 14px 18px;}
.typing-indicator span {width: 10px;height: 10px;border-radius: 50%;background: #999;animation: typing 1.4s infinite;}
.typing-indicator span:nth-child(2) {animation-delay: 0.2s;}
.typing-indicator span:nth-child(3) {animation-delay: 0.4s;}@keyframes typing {0%, 60%, 100% {transform: translateY(0);opacity: 0.5;}30% {transform: translateY(-10px);opacity: 1;}}
.chat-messages::-webkit-scrollbar {width: 8px;}
.chat-messages::-webkit-scrollbar-track {background: #f1f1f1;}
.chat-messages::-webkit-scrollbar-thumb {background: #667eea;border-radius: 4px;}
.chat-messages::-webkit-scrollbar-thumb:hover {background: #764ba2;}
.config-notice {background: #fff3cd;color: #856404;padding: 12px 18px;border-radius: 8px;margin-bottom: 16px;font-size: 13px;border-left: 4px solid #ffc107;}
@media (max-width: 968px) 
{
  .container {grid-template-columns: 1fr;gap: 30px;}.hero-section {text-align: center;}
.logo {font-size: 36px;}.tagline {font-size: 20px;}
.chatbot-container {height: 450px;}
}

/* start code for FTK popup */
  .feature-card {    border-radius: 18px;    background: #f5f5f5;    overflow: hidden;    height: 100%;  }
  .feature-header {    color: #fff;    font-weight: 600;    padding: 12px 16px;    font-size: 1.05rem;  }
  .gradient-green { background: linear-gradient(90deg, #f6c36c, #52c41a); }
  .gradient-blue { background: linear-gradient(90deg, #4fc3f7, #81c784); }
  .gradient-pink { background: linear-gradient(90deg, #fbc2a4, #f06292); }
  .gradient-purple { background: linear-gradient(90deg, #9fa8da, #b39ddb); }
  .gradient-orange { background: linear-gradient(90deg, #ff9800, #ffb300); }
  .gradient-magenta { background: linear-gradient(90deg, #e040fb, #ff80ab); }
  .gradient-cyan { background: linear-gradient(90deg, #5c6bc0, #29b6f6); }

  .feature-body {    padding: 20px;    font-size: 0.95rem;    line-height: 1.6;  }
  .feature-body p {    margin-bottom: 1rem;  }

 .timeline-wrapper {position: relative;padding-left: 70px;}
.timeline-line {position: absolute;left: 32px;top: 0;bottom: 0;width: 3px;background: #0d6efd;border-radius: 10px;}
.timeline-item {position: relative;margin-bottom: 24px;}
.timeline-dot {position: absolute;left: -48px;top: 30px;width: 16px;height: 16px;background: #0d6efd;border-radius: 50%;}
.timeline-icon {position: absolute;left: -85px;top: 14px;width: 42px;height: 42px;background: #fff;border-radius: 50%;border: 2px solid #0d6efd;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #0d6efd;}
.feature-box {border-radius: 20px;padding: 20px 24px;font-size: 0.95rem;}

.bg-blue { background: #cfe2f3; }
.bg-green { background: #c8f7c5; }
.bg-red { background: #ffb3a7; }
.bg-purple { background: #dbe2f9; }
.bg-yellow { background: #fceca6; }

.feature-title {font-weight: 600;margin-bottom: 6px;}
.highlight-label {background: #0d6efd;color: #fff;padding: 10px 16px;border-radius: 10px;font-weight: 600;display: inline-block;margin-bottom: 20px;}
.platform-icons img { margin-right: 10px;}

 .use-cases {background: #fff;padding: 20px 0;}
 .use-case-title {background: #0d6efd;color: #fff;display: inline-block;padding: 10px 30px;border-radius: 10px;font-weight: 600;margin-bottom: 40px;}
 .use-card {border-radius: 20px;padding: 24px 20px;height: 100%;box-shadow: 0 6px 18px rgba(0,0,0,0.06);font-size: 0.95rem;}
 .use-card h6 {font-weight: 600;margin-bottom: 14px;}

  .bg-green { background: #b7dba2; }
  .bg-grey { background: #d1d1d1; }
  .bg-blue { background: #9bb7e5; }
  .bg-orange { background: #f6b587; }
  .bg-lightblue { background: #a9c9eb; }

  /* Optional top connector line */
  .connector-line {position: relative;margin-bottom: 30px;}
  .connector-line::before {content: "";position: absolute;top: 50%;left: 0;right: 0;height: 2px;background: #0d6efd;z-index: 0;}
  .connector-dot {width: 14px;height: 14px;background: #0d6efd;border-radius: 50%;margin: 0 auto;position: relative;z-index: 1;}

  @media (max-width: 992px) {
    .connector-line::before {
      display: none;
    }
  }
/* End code for FTK popup */

/* Start code for loader */
.page-loader {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);z-index: 9999;display: flex;align-items: center;justify-content: center;}
.loader-content {    padding: 2rem 3rem;    width: 100%;    border-radius: 12px;    background: rgba(0, 0, 0, 0.2);    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    height: 100vh;    display: flex;    align-items: center;    justify-content: center;    gap: 10px;    color: #fff;    font-size: 20px;}
 /* End code for loader */

#ftk-moreinfo .modal-dialog {min-width: 90% !important;}
.tex-blue{color: #1B2F6A;}

.main-title { top: 35%; left: 50%; color: #fff; transform: translate(-50%, -35%);}
 .Features-section { background: #1C306D;    padding: 20px;}
 .Features-section .section-title {color: #ffffff;}
 .use-cases .section-title {color:#1B2F6A;}
 .use-cases .card { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);    border: 0px; padding: 15px; transition: all 0.4s ease; overflow: hidden;}
 .use-cases .card:hover{transform: translateY(-10px);box-shadow: 0 10px 25px rgba(0, 123, 255, 0.25);}
.use-cases .card img{transition: transform 0.5s ease;}
.use-cases .card:hover img {transform: scale(1.1);} 

 .high-features-box{background: #DBF1FF; border-radius: 20px; padding:20px; }
 .border-right{ border-right: 1px solid #798FB6;}

 .toolkit-section .card {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); border: 0px; padding: 10px; transition: all 0.4s ease; overflow: hidden;}
 .toolkit-section .card:hover{transform: translateY(-10px);box-shadow: 0 10px 25px rgba(0, 123, 255, 0.25);}
 .toolkit-section .card img{transition: transform 0.5s ease;}
 .toolkit-section .card:hover img {transform: scale(1.1);} 

 @media (min-width: 992px) {
 .use-cases .col-md-2.col-sm-6 {min-width: 19.3%;}

 /* #aboutUs, #workflow, #faq, #contact  {  scroll-margin-top: 60px;}
#our-products, #ftk {scroll-margin-top: 70px !important;}
#AI-expertise, #services  {scroll-margin-top: 70px !important;}
#AIconsulting, #mvpdevelopment, #agentdevelopment, #adaptivedevelopment, #customdevelopment, #intautomation, #dataanlytics, #chatbots {scroll-margin-top: 70px !important;}
#healthcare, #ecommerce, #Logistics, #Documentprocessing {scroll-margin-top: 70px !important;} */


 html {
  scroll-padding-top: 90px; /* navbar height */
}
 }