@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400); /* font-family: 'Open Sans', sans-serif; */
@import url(http://fonts.googleapis.com/css?family=Roboto:500,900,300,700,400); /* font-family: 'Roboto', sans-serif; */

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold; }
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
header,nav,section,article,aside,footer,hgroup {display: block;}
/*::selection{ background:#0f94d9; color:#fff; }*/
figure{ padding:0; margin:0; }

h1					{  font-size:42px; line-height:52px; color:#fff; display:block;padding: 0 0 20px;text-transform: math-auto;}
h2					{   font-size:26px; line-height:36px; color:#fff; display:block; font-weight: 600;}
h2 span 			{   font-weight: normal;}
em					{  font-size:15px; line-height:22px; color:#fff; padding:0; display:block;}
 
h4 {  font-size: 26px; line-height: 36px; color: #24416b; }
h5 { font-weight:400;letter-spacing: 3px; }
.center 			{text-align:center;}
.uppercase    { text-transform: uppercase;}
/*-----*/

a											{ text-decoration:none; outline:0 none;}
a:hover										{ text-decoration:none; }
input,textarea								{ color:#b1b1b1; font-family: 'Open Sans', sans-serif; outline:none; }
/*----------------------------------------------------------------------------------*/
html 										{ }
body										{ font-family: 'Open Sans', sans-serif; color:#000; font-size:13px;height:100%;  overflow-x:hidden;  }
p											{  font-size:14px; line-height:21px; font-weight:400; color:#000; padding:0 0 30px; }
/* ---------------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------------------*/

.wrapper									{ margin:0 auto; width:100%; }
.container								{ max-width:1800px; margin:0 auto; display:block; transition:all 0.4s ease-in-out;}
 

:root {
      --primary: #003366;
      --accent: #1a73e8;
      --light-bg: rgba(0, 0, 0, 0.5);
    }
    .navbar-nav .nav-item + .nav-item {
      margin-left: 1rem;
    }
   .nav-item span {font-size: 17px;color: #111;font-weight: 600;}
    .navbar {padding: 32px 0px 34px 0px;}
    .hero {
      position: relative;
      background: url('../images/banner.jpg') center/cover no-repeat;
      height: 80vh;
      
      border-radius: 10px;
    }
    .hero_in { display: flex;}
    .hero .content {
      position: relative;
      color: #fff;
    max-width: 700px;
    padding-left: 150px;
    }
    .hero .stats {
      background: var(--primary);
      color: #fff;
      padding: 2rem;
      border-radius: .5rem;
    }
    .hero .stats .stat {
      font-size: 2.5rem;
      font-weight: bold;
    }
    .hero .stats p {
      margin-top: -0.5rem;
      font-size: 0.9rem;
    }

    /* Drawer styling */
.mobile-drawer {
  position: fixed;
  top: 0;
  left: -300px;
  width: 280px;
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
  transition: left 0.3s ease;
  z-index: 1051;
}

/* Show drawer */
.mobile-drawer.open {
  left: 0;
}

/* Overlay */
.drawer-overlay1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1050;
}

/* Show overlay */
.drawer-overlay1.show {
  opacity: 1;
  visibility: visible;
}
.list-unstyled li a { color:#000; }



    .heroheight {min-height: 80vh;}
    .head-phone{ background:#0d2665; width:48px; height:48px; font-size: 16px; border-radius:50px; text-align: center;align-items: center; display: flex; justify-content: center;}
    .slashicon { font-size:30px; color:#666;  }
    .menuicon { width:40px;height:40px; }
    .navban {
        justify-content: center; /* or space-between / flex-start as needed */
        align-items: center;
        padding: 40px 0 0 80px;max-width: 650px;
      }

      .nav-list {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 30px; /* space between li items */
      }

      .nav-item a {
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        color: #fff;
        transition: color 0.3s;
        font-size: 16px;
      }

      .nav-item a:hover {
        color: #007bff;
      }

      /* Smooth transition for sticky scroll */
.scroll-header {
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  z-index: 1030;
  transition: top 0.4s ease-in-out;
  border-bottom: 1px solid #eee;
}
/* Hide scroll header by default */
.scroll-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  z-index: 1050;
}

/* Show it when user scrolls */
.scroll-header.visible {
  transform: translateY(0);
}

/* Visible when scrolling up */
.scroll-header.visible {
  top: 0;
}

.menuicon {
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
}

.ban-btn { padding:15px 40px; }
.bg-dark-blue {
  background-color: #0a2c66; /* Dark navy blue */
  padding: 50px;
}

.bg-bright-blue {
  background-color: #1154db; /* Bright blue */
  padding: 50px;
}

.stats-box {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  border-radius: 0.5rem;
}

.stat-text {
  color: #ffffff;
  line-height: 1;
}

.desc {
  font-size: 0.95rem;
  color: #ffffff;
  font-weight: 400;
}
.ban-rhttext { font-size:16px; line-height:22px; }
.fa-check-circle { font-size:18px; }

.left-panel {
      background-color: #0a2c66;
      color: #fff;
      padding: 3rem;
      border-top-left-radius: 12px;
      border-bottom-left-radius: 12px;
    }

    .left-panel h2 {
      font-weight: 600;
    }

    .left-panel .highlight {
      color: #7fb0ff;
      font-weight: 600;
    }

    .left-panel img {
      max-width: 100%;
      height: auto;
    }

    .left-panel .btn {
      margin-top: 2rem;
      padding: 0.6rem 1.5rem;
      border-radius: 8px;
      font-weight: 600;
    }

    .service-box {
      padding: 2.5rem;
      height: 100%;
      border-left: 1px solid #ddd;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .service-box ul {
      padding-left: 1rem;
    }

    .service-box ul li {
      list-style: disc;
      color: #000;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    .read-more {
      font-weight: 600;
      color: #000;
      display: inline-flex;
      align-items: center;
    }

    .read-more i {
      margin-left: 6px;
    }

    .section-header {
      background-color: #f0f4fa;
      padding: 2rem 1rem;
      text-align: center;
      font-weight: 600;
      border-top-right-radius: 12px;
      border-top-left-radius: 0;
      font-size: 16px;
    }

    .card-container {
      border-bottom-right-radius: 12px;
    }

    .icon-placeholder {
      font-size: 50px;
      color: #1d4ed8;
      margin-bottom: 2rem;
    }
    .leftpanel-btn { font-size:14px; }

    @media (max-width: 991px) {
      .left-panel {
        border-radius: 12px 12px 0 0;
        text-align: center;
      }

      .card-container {
        border-radius: 0 0 12px 12px;
      }

      .service-box {
        border-left: none;
        border-top: 1px solid #ddd;
      }
    }
    .serviceboxtext { font-size: 23px; font-weight: 600;}
    .read-btn {border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px; }

    .img-stat-wrapper {
      position: relative;
    }

    .stat-card {
      position: absolute;
      bottom: 1.5rem;
      left: -1.5rem;
      background-color: #1d4ed8;
      color: white;
      padding: 2rem;
      border-radius: 12px;
      max-width: 180px;
      text-align: center;
    }

    .stat-card i {
      font-size: 32px;
      margin-bottom: 0.5rem;
    }

    .stat-card .stat-number {
      font-size: 56px;
      font-weight: 700;
    }

    .stat-card .stat-label {
      font-size: 14px;
      font-weight: 500;
    }

    .divider {
      border-top: 1px solid #ddd;
      margin: 1.5rem 0;
    }

    .custom-dot {
      color: red;
      font-size: 1rem;
      vertical-align: top;
      margin-right: 4px;
    }

    .btn-outline-link {
      border: none;
      background: none;
      color: black;
      text-decoration: underline;
      font-weight: 500;
    }

    .btn-outline-link:hover {
      color: #1d4ed8;
      text-decoration: none;
    }

    @media (max-width: 768px) {
      .stat-card {
        position: static;
        margin-top: 1rem;
      }
    }
    .section2 { max-width: 80%; margin: 0 auto;}
    .section2-rht {font-size: 43px; color: #000;line-height: 57px;}
    .section2-rht-text{font-size: 14px; line-height: 25px;}
.section2-rht-ai { font-size: 15px;line-height: 22px; }
.fa-box { font-size:48px; }

.industry-section {
      background: linear-gradient(to bottom, #e6f0ff, #ffffff);
      padding: 60px 20px;
      border-radius: 10px;
    }

    .industry-btn {
      background-color: #1d4ed8;
      color: white;
      border-radius: 8px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 8px 16px;
      border: none;
      margin-bottom: 20px;
    }

    .industry-title {
      font-size: 2rem;
      font-weight: 700;
      color: #000;
      margin-bottom: 1rem;
      line-height: 42px;
    }

    .industry-subtitle {
      font-size: 0.8rem;
      color: #6b7280;
      max-width: 700px;
      margin: 0 auto 30px;
    }

     .industry-card {
      border-right: 1px solid #dbe3f1;
      border-radius: 8px;
      padding: 2rem;
      height: 100%;
      transition: all 0.3s ease;
      text-align: left;
    }

    .industry-card:hover {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
      transform: translateY(-3px);
    }

    .industry-icon {
      font-size: 2.5rem;
      color: #2055f7;
      margin-bottom: 1rem;
    }

    .industry-card h5 {
      font-weight: 700;
    }

    .industry-card ul {
      padding-left: 1rem;
    }

    .industry-card ul li {
      list-style-type: disc;
      color: #0a1119;
      font-weight: 500;
      margin-bottom: 0.5rem;
    }
    .industry-card p {line-height: 26px;}

      @media (max-width: 991.98px) {
        .hero .content {
          text-align: center;
        }
        .navban .nav-list {
          justify-content: center;
        }
      }

    .read-more {
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      margin-top: 1.5rem;
      color: #000;
      text-decoration: none;
    }

    .read-more:hover {
      color: #2055f7;
    }

    .read-more i {
      margin-left: 0.5rem;
      transition: transform 0.3s ease;
    }

    .read-more:hover i {
      transform: translateX(5px);
    }

    .underline-indicator {
      height: 2px;
      background-color: #2055f7;
      width: 40px;
      margin-top: 1.2rem;
    }

   

    @media (max-width: 576px) {
      .industry-title {
        font-size: 1.5rem;
      }

      .industry-subtitle {
        font-size: 0.95rem;
      }
    }

    .work-section {
      background: linear-gradient(180deg, #00287a 0%, #1154db 60%, #1154db 100%);
      color: #fff;
      padding: 60px 0;
      position: relative;
      overflow: hidden;
    }
    
    .step-line {
      position: relative;
      text-align: center;
      color: rgba(255,255,255,0.6);
      font-weight: 600;
    }
    .step-line hr {
      border-color: rgba(255,255,255,0.3);
    }
    .step-line span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(90deg);
    }
    .accordion .accordion-item {
      margin-bottom: 1rem;
      border-radius: 8px;
      overflow: hidden;
    }
    .accordion-button {
      background: #fff;
      color: #000;
      font-weight: 600;
      border: none;
    }
    .accordion-button:not(.collapsed) {
      background: #f0f4ff;
    }
    .accordion-body {
      background: #fff;
      color: #333;
    }
    .howwework { padding-left:70px; }
    .howwework-btn { padding: 10px 20px;font-size: 14px; }

    .icon-circle {
      background-color: #1744d7;
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 auto 15px auto;
    }
    .icon-circle svg {
      width: 28px;
      height: 28px;
      stroke: white;
    }
    .vertical-divider {
      border-left: 1px solid #dce3f0;
      height: 100px;
      position: relative;
    }
    .vertical-divider::after {
      content: '';
      width: 6px;
      height: 6px;
      background: #1744d7;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .arrow-nav {
      font-size: 22px;
      color: #444;
      cursor: pointer;
      user-select: none;
    }

    .section5-text{font-size: 23px;
    line-height: 40px;
    color: #111;
    margin-bottom: 16px;}

    .bg-deep-blue {
      background-color: #0d2c78;
    }
    .rounded-custom {
      border-radius: 25px;
    }
    .check-icon {
      color: #00c853;
    }
    .grid-bg {
      background-color: #f5f7fb;
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                        linear-gradient(180deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
      background-size: 40px 40px;
    }
    .btn-outline-light-custom {
      border: 1px solid #fff;
      color: #0d2c78;
      background-color: #fff;
    }
    .image-box {
      flex-shrink: 0;
      max-width: 280px;
    }
    .image-box img {
      width: 100%;
      height: auto;
      border-radius: 12px;
    }

    .section6-trust  { font-size:30px; color:#fff; }
    .section6-btn a { font-size:13px; }
    .it-title { font-size: 26px; }

    .badge-box {
      background-color: #0d2c78;
      color: #fff;
      padding: 2rem 1.5rem;
      border-radius: 10px;
      position: absolute;
      top: -3rem;
      left: -2rem;
      max-width: 230px;
    }

    .badge-box h5 {
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }

    .badge-box .icon {
      font-size: 1.25rem;
      display: inline-block;
      margin-top: 1rem;
    }

    .image-container {
      position: relative;
      border-radius: 10px;
    }

    .image-container img {
      width: 70%;
      height: auto;
      border-radius: 10px;
    }

    .section-title {
      font-weight: 700;
      font-size: 2.5rem;
    }

    .accordion-button:focus {
      box-shadow: none;
    }

    .btn-custom {
      background-color: #0d2c78;
      color: white;
      font-weight: 600;
      border-radius: 6px;
    }

    .section-bg {
      background: linear-gradient(to bottom, #0d2c78, #153b9f);
      padding: 80px 30px;
      color: white;
    }

    .map-img {
      max-width: 100%;
    }

    .floating-label {
      background: white;
      color: #333;
      padding: 10px 20px;
      border-radius: 12px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .floating-label img {
      width: 18px;
    }

    .form-wrapper {
      background: white;
      padding: 40px;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.05);
    }

    .form-wrapper input, .form-wrapper select, .form-wrapper textarea {
      border-radius: 6px;
    }

    .form-wrapper button {
      background: #0d2c78;
      border: none;
      font-weight: 600;
      border-radius: 6px;
    }

    .dot-label {
      position: absolute;
    }

    .label-1 { top: 40%; left: 25%; }
    .label-2 { top: 30%; left: 50%; transform: translateX(-50%); }
    .label-3 { top: 65%; left: 60%; }
    .global {position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 440px;
    height: 100%; }

   
.footer-section {
  background-color: #0b1b4d;
  color: #ccd3ec;
  padding: 60px 50px 30px;
}

.footer-logo {
  font-family: 'Orbitron', sans-serif;
  color: white;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}

.footer-desc {
  font-size: 15px;
  margin-bottom: 25px;
  line-height: 1.6;
}

.footer-heading {
  color: white;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.footer-info {
  font-size: 15px;
  margin-bottom: 8px;
  color: #c4cde8;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  font-size: 15px;
  margin-bottom: 8px;
  color: #ccd3ec;
}

.newsletter {
  background-color: #fff;
  border-radius: 8px;
  margin: 20px 0;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newsletter-input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  color: #000;
}

.newsletter-arrow {
  font-size: 20px;
  color: black;
  cursor: pointer;
  margin-left: 10px;
}

.footer-notification {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}

.bell-icon {
  font-size: 20px;
  background-color: #2a4cf4;
  color: white;
  padding: 8px;
  border-radius: 50%;
  margin-right: 10px;
  line-height: 1;
}

.footer-notice-text {
  font-size: 14px;
  color: #ccd3ec;
  margin: 0;
}

.footer-bottom {
  border-top: 1px solid #1e2f59;
  padding-top: 20px;
  font-size: 14px;
  color: #c4cde8;
}

.footer-links-inline a {
  color: #c4cde8;
  text-decoration: none;
  margin-left: 8px;
}

.footer-links-inline a:first-child {
  margin-left: 0;
}

.footer-links-inline a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .footer-bottom {
    text-align: center;
    flex-direction: column;
    gap: 10px;
  }

  .newsletter {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .newsletter-arrow {
    align-self: flex-end;
  }
}

.drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: 340px;
  height: 100%;
  background-color: #fff;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
  padding: 2rem 1.5rem;
  padding-left: 50px;
  z-index: 1055;
  overflow-y: auto;
  transition: right 0.3s ease-in-out;
}

.drawer.open {
  right: 0;
}

.drawer-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1050;
}

.drawer-overlay.active {
  display: block;
}
.drawer-body h6 { font-size: 20px;
    line-height: 1.65;
    color: #0a1119;
    font-weight: 600;
    margin-bottom: 10px; }
.drawer-body span { 
  font-size: 16px;
    line-height: 1.625;
    color: #666;
 }

 .drawer-body-iconmain { width: 40px !important;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color:#164ac8;
    border-radius: 50px;
        margin-top: 20px;
    margin-right: 20px;
 }
  .drawer-body-icon  {
     font-size: 16px;
    color: #fff !important;
  }