@charset "utf-8";
/* CSS Document */
  :root{
    --brand-color:#262B6C;
    --brand-color-soft:#262B6C;
    --brand-bg-tint:#f4f4fb;
    --brand-border:#e2e3f3;
  }
  html{scroll-behavior:smooth;}

  h1,h2,h3,h4,h5,h6{
    color:var(--brand-color);
    font-family:'pt_sansregular','PT Sans',sans-serif !important;
    font-weight:700;
  }
  a{color:var(--brand-color); text-decoration:none;}
  a:hover{color:var(--brand-color-soft);}

  /* Skip link */
  .skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:var(--brand-color);padding:.5rem 1rem;z-index:2000;}
  .skip-link:focus{left:1rem;top:1rem;}

  /* Navbar */
  .navbar{background:#ffffff; border-bottom:1px solid var(--brand-border);}
  .navbar-brand{font-weight:700; font-size:1.4rem; color:var(--brand-color);}
  .navbar-brand span{color:var(--brand-color-soft);}
  .nav-link{color:var(--brand-color) !important; font-weight:700;}
  .nav-link:hover{color:var(--brand-color-soft) !important;}
  .btn-brand{
    background-color:var(--brand-color);
    border-color:var(--brand-color);
    color:#fff;
    font-weight:700;
    padding:.6rem 1.5rem;
    border-radius:6px;
  }
  .btn-brand:hover{background-color:var(--brand-color-soft); border-color:var(--brand-color-soft); color:#fff;}
  .btn-outline-brand{
    border:2px solid var(--brand-color);
    color:var(--brand-color);
    font-weight:700;
    padding:.55rem 1.4rem;
    border-radius:6px;
    background:#fff;
  }
  .btn-outline-brand:hover{background-color:var(--brand-color); color:#fff;}
.mt4{ margin-top: 4%}
    .mt6{margin-top: 6%}
  /* Hero */
#mobApp h3.ft25 {
	font-size: 26px !important;
}    
  .hero-icon-badge{
    width:70px; height:70px; border-radius:16px;
    background:var(--brand-color);
    color:#fff; display:flex; align-items:center; justify-content:center;
    font-size:1.8rem; margin-bottom:1.2rem;
  }
  .eyebrow{
    text-transform:uppercase; letter-spacing:.08em; font-weight:100;
    color:var(--brand-color-soft);
  }

  /* Section spacing */
  section{padding:24px 0;}
  .section-alt{background-color:var(--brand-bg-tint);}
  .section-title{margin-bottom:.6rem;}
  .section-lead{color:#262B6C; }
  .divider{width:60px; height:4px; background:var(--brand-color); border-radius:2px; margin:.75rem 0 1.5rem; display:inline-flex;}

  /* Icon list */
  .icon-list{list-style:none; padding-left:0; margin-bottom:0;}
  .icon-list li{
    display:flex; align-items:flex-start; gap:.75rem;
    padding:.5rem 0;
  }
  .icon-list li i{
    color:var(--brand-color);
    background:var(--brand-bg-tint);
    border:1px solid var(--brand-border);
    width:34px; height:34px; min-width:34px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    margin-top:.15rem;
  }
#about h3 {
	font-size: 23px !important;
}
    
  /* Cards */
  .card-brand{
    border:1px solid var(--brand-border);
    border-radius:12px;
    background:#fff;
    padding:1.75rem;
    height:100%;
    transition:box-shadow .2s ease, transform .2s ease;
  }
  .card-brand:hover{box-shadow:0 10px 30px rgba(38,43,108,.12); transform:translateY(-3px);}
  .card-icon{
    width:56px; height:56px; border-radius:12px;
    background:var(--brand-color);
    color:#fff; display:flex; align-items:center; justify-content:center;
    font-size:25px; margin-bottom:1rem;
  }
  .card-brand h4{font-size:18px; font-weight: 700;}

  .service-sub-list{list-style:none; padding-left:0; margin:.9rem 0 0;}
  .service-sub-list li{
    padding:6px 0 8px 0; display:flex; align-items:center; gap:.55rem;}
  .service-sub-list li i{color:var(--brand-color-soft);}
#mobApp h2 {
	margin: 0;
	padding: 16px 0 15px 0;
	font-size: 34px;
	/*color: #fff;*/
}
    .bg3 {	background: #120648 !important;	color: #fff !important;}
    .clrblue { color: #262B6C;}
    .mt16 { margin-bottom: 16px;}
  /* CTA banner */
  .cta-banner{
    background-color:var(--brand-color);
    color:#fff;
    border-radius:16px;
    padding:2.5rem;
  }
  .cta-banner h2, .cta-banner h3{color:#fff;}
  .cta-banner .btn-outline-light{font-weight:700; border-radius:6px;}
  .cta-banner .btn-light{color:var(--brand-color); font-weight:700; border-radius:6px; font-size: 18px;    }

  /* Benefits grid */
  .benefit-item{
    display:flex; gap:1rem; align-items:flex-start;
    padding:1rem 0; border-bottom:1px dashed var(--brand-border);
  }
  .benefit-item i{
    color:var(--brand-color); margin-top:.2rem; min-width:28px;
  }

  /* Solutions grid */
  .solution-card{
    border-left:4px solid var(--brand-color);
    background:var(--brand-bg-tint);
    border-radius:8px;
    padding:1.4rem 1.5rem;
    height:100%;
  }
  .solution-card i{color:var(--brand-color); margin-bottom:.5rem;}

  /* Industry cards */
  .industry-card{
    background:#fff;
    border:1px solid var(--brand-border);
    border-radius:10px;
    padding:1.5rem;
    height:100%;
  }
  .industry-card .icon-circle{
    width:48px; height:48px; border-radius:50%;
    background:var(--brand-color);
    color:#fff; display:flex; align-items:center; justify-content:center;
    font-size:20px; margin-bottom:.85rem;
  }

  /* Case studies */
  .case-study-card{
    border:1px solid var(--brand-border);
    border-radius:14px;
    overflow:hidden;
    background:#fff;
    margin-bottom:2rem;
  }
  .case-study-header{
    background:var(--brand-color);
    color:#fff;
    padding:1.5rem 1.75rem;
  }
.case-study-header .badge-industry {
	background: rgba(255,255,255,.15);
	color: #fff;
	font-weight: 600;
	padding: 9px;
	border-radius: 20px;
	font-size: 16px;
}
  .case-study-body{padding:1.75rem;}
 .case-study-body h5 {
	color: var(--brand-color);
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 17px;
	font-size: 18px;
}
    .annouce tr, th, td {
	border:none !important;
	color: #262B6C;
}
    #footer #mobApp h3 {
	font-size: 14px !important;
	color: #170252;
	margin: 0;
	padding: 10px 0;
	font-weight: normal !important;
}
  .two-col-list{columns:2; -webkit-columns:2; -moz-columns:2;}
  @media(max-width:576px){.two-col-list{columns:1;}}
  .two-col-list li{break-inside:avoid;}
  .project-detail-table{width:100%;}
  .project-detail-table td{padding:.3rem 0; vertical-align:top;}
  .project-detail-table td:first-child{font-weight:700; width:20%; color:var(--brand-color-soft);}

  /* Testimonials placeholder */
  .testimonial-card{
    background:var(--brand-bg-tint);
    border-radius:12px;
    padding:1.75rem;
    height:100%;
    border:1px solid var(--brand-border);
  }
  .testimonial-card i.fa-quote-left{color:var(--brand-color); font-size:1.5rem; opacity:.5;}

  /* Cost factors */
  .cost-factor{
    display:flex; align-items:center; gap:.75rem;
    background:#fff; border:1px solid var(--brand-border);
    border-radius:8px; padding:.85rem 1rem; margin-bottom:.7rem;
  }
  .cost-factor i{color:var(--brand-color);}

  /* Locations */
  .location-badge{
    display:inline-flex; align-items:center; gap:.4rem;
    background:#fff; border:1px solid var(--brand-border);
    color:var(--brand-color); font-weight:400;
    padding:.5rem 1rem; border-radius:24px; margin:.25rem;
    }
.mt25 {margin-bottom: 25px;}
.location-badge-new {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	background: #fff;
	border: 1px solid var(--brand-border);
	color: var(--brand-color);
	font-weight: 400;
	padding: 10px;
	border-radius: 24px;
	margin: .25rem;
	font-size: 25px;
}


  .location-badge i{color:var(--brand-color-soft);}
    .btn-brand{font-size: 18px;}
    .btn-outline-brand {font-size: 18px;}
    
  /* FAQ accordion */
  .accordion-item{border:1px solid var(--brand-border) !important; border-radius:10px !important; margin-bottom:.85rem; overflow:hidden;}
  .accordion-button{
    color:var(--brand-color) !important;
    font-weight:700;
    background:#fff !important;
    font-family:'pt_sansregular','PT Sans',sans-serif !important;
  }
  .accordion-button:not(.collapsed){background:var(--brand-bg-tint) !important; box-shadow:none;}
  .accordion-button:focus{box-shadow:0 0 0 .15rem rgba(38,43,108,.2);}
  .accordion-button::after{filter: invert(14%) sepia(52%) saturate(1955%) hue-rotate(224deg) brightness(60%) contrast(96%);}
  .accordion-body{color:#3d4177;}
    #mobApp h2 { font-size: 26px !important;}
      #mobApp h1 { font-size: 26px !important;}

#mobApp h3 {
	font-size: 18px !important;
	color: #170252;
	margin: 0;
	padding: 10px 0;
}
 
  .social-icon{
    width:38px; height:38px; border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff; display:inline-flex; align-items:center; justify-content:center;
    margin-right:.5rem;
  }
  .social-icon:hover{background:#fff; color:var(--brand-color);}

  .back-to-top{
    position:fixed; bottom:24px; right:24px; z-index:999;
    width:46px; height:46px; border-radius:50%;
    background:var(--brand-color); color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 18px rgba(38,43,108,.35);
  }
  .back-to-top:hover{background:var(--brand-color-soft); color:#fff;}
    .pd25 {padding: 15px;}
    
      .tech-section {
    padding: 70px 0;
  }

  .tech-section .eyebrow {
    letter-spacing: 2px;
    font-size: 14px;
    
    color: #262B6C;
    text-transform: uppercase;
    opacity: 0.7;
  }

  .tech-section h2 {
    color: #262B6C;
    font-family: 'pt_sansregular', sans-serif !important;
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 18px;
  }
    h2.headTitTxt {font-size: 22px;}
  .tech-section .lead-text {
    color: #262B6C;
    font-family: 'pt_sansregular', sans-serif !important;
    font-size: 18px;
    max-width: 720px;
    margin: 0 auto 45px auto;
    opacity: 0.9;
  }

  .tech-card {
    background: #ffffff;
    border: 1px solid rgba(38, 43, 108, 0.15);
    border-radius: 12px;
    padding: 28px 20px;
    text-align: center;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  }

  .tech-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(38, 43, 108, 0.15);
    border-color: #262B6C;
  }

  .tech-icon-wrap {
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    background: rgba(38, 43, 108, 0.06);
    margin: 0 auto 18px auto;
    font-size: 34px;
    color: #262B6C;
  }

  .tech-card h3 {
    font-family: 'pt_sansregular', sans-serif !important;
    font-size: 18px;
    font-weight: 700;
    color: #262B6C;
    margin-bottom: 0;
    letter-spacing: 0.5px;
  }

  .tech-list-icon {
    color: #262B6C;
    margin-right: 8px;
    font-size: 16px;
    vertical-align: middle;
  }
    

    

    .back-to-top {
	border: 2px solid #fff;
	cursor: pointer;
	position: fixed;
	bottom: 100px;
	right: 20px;
	 display:block !important;
	color: #37b5e8;
	padding: 4px 0;
	transition: all .3s ease 0s;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	z-index: 2;
}

    .mt7 {margin-top: 7px;}
.mb10 {
	margin-bottom: 10px;	float: left;}
#mobApp .ft26 {
	font-size: 23px !important;
}    
        .services-section{
        max-width:1100px;
        margin:auto;
    }

    .service-item{
        display:flex;
        align-items:flex-start;
        gap:22px;
        padding:28px 0;
        border-bottom:1px solid #e5e7eb;
    }

    .service-item:last-child{
        border-bottom:none;
    }
    .h3 .tittxt{font-size: 24px;}


    .service-icon{
        min-width:52px;
        height:52px;
        border-radius:14px;
        background:rgba(79,70,229,0.08);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:24px;
        color:#4f46e5;
    }

    .service-content h3{
        margin:0 0 10px 0;
        font-size:20px;
        font-weight:600;
    }

    .service-content p{
        margin:0;
        font-size:16px;
        line-height:1.75;
        color:#4b5563;
    }

    @media(max-width:600px){
        body{padding:20px;}
        .service-item{
            gap:16px;
        }
    }
    
        .benefits-wrap{
        max-width:1200px;
        margin:auto;
        display:grid;
        grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
        gap:24px;
    }
    .fb25 {font-size: 28px;}
    .benefit-box{
        background:#ffffff;
        border-radius:16px;
        padding:30px 26px;
        box-shadow:0 12px 30px rgba(0,0,0,0.08);
        transition:all 0.3s ease;
        display:flex;
        flex-direction:column;
        height:100%;
        position:relative;
        overflow:hidden;
    }

    .benefit-box::before{
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:4px;
        background:linear-gradient(90deg,#4f46e5,#06b6d4);
    }

    .benefit-box:hover{
        transform:translateY(-6px);
        box-shadow:0 18px 40px rgba(0,0,0,0.12);
    }
#mobApp .headTitTxt {
	font-size: 22px !important;
}
.btn.btn-outline-brand.mb15 {
	background: #262B6C;
	padding: 14px;
	color: #fff !important;
	font-size: 20px;
	margin: 10px 0;
}
    .benefit-icon{
        width:56px;
        height:56px;
        border-radius:14px;
        background:rgba(79,70,229,0.1);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:24px;
        color:#4f46e5;
        margin-bottom:18px;
    }

    .benefit-text{
        font-size:16px;
        font-weight:500;
        color:#1f2937;
        line-height:1.6;
        flex-grow:1;
    }

    @media(max-width:600px){
        body{padding:20px;}
    }
    
      .why-choose {
        max-width:1200px;
        margin:auto;
        display:grid;
        grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
        gap:24px;
    }
    .mb15 {margin-bottom: 25px;}
    .why-box{
        background:#ffffff;
        border-radius:16px;
        padding:28px;
        box-shadow:0 12px 30px rgba(0,0,0,0.08);
        transition:all 0.3s ease;
        display:flex;
        flex-direction:column;
        height:100%;
        position:relative;
        overflow:hidden;
    }

    .why-box::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:4px;
        background:linear-gradient(90deg,#4f46e5,#06b6d4);
    }

    .why-box:hover{
        transform:translateY(-6px);
        box-shadow:0 18px 45px rgba(0,0,0,0.12);
    }

    .icon-wrap{
        width:52px;
        height:52px;
        border-radius:12px;
        background:rgba(79,70,229,0.1);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:22px;
        color:#4f46e5;
        margin-bottom:16px;
    }

    .why-title{
        font-size:17px;
        font-weight:600;
        color:#1f2937;
        margin-bottom:12px;
    }

    .why-text{
        font-size:15px;
        color:#4b5563;
        line-height:1.7;
        flex-grow:1;
    }

    @media(max-width:600px){
        body{padding:20px;}
    }
    
    .tex-left {text-align: left !important;}
    
  .card-content {
	background: #ffffff;
	border: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	padding: 15px;
	margin-bottom: 30px;
}
    
    .row-flex {
  display: flex;
  flex-wrap: wrap;
}
    .pb10 {padding-bottom: 10px;}
    .pb45 {padding-bottom: 45px;}
 .imgwidth{
	margin: 0 auto;
	width: 80px;
	height: auto;
}
    .mb20 {margin-bottom:20%;}
    .m10 {margin-bottom:10%}
    
    .bg-parlex {
	background-attachment: fixed;
	
	background-repeat: no-repeat;
	background-size: cover;
	background: #083555 !important;
}
    .pushnotNew {
	background: #2c4784 !important;
	color: #fff;
	box-shadow: inset 1px 0px 17px;
	border-radius: 16px;
}
    .enqbtn {
	background: #fff !important;
	font-size: 33px;
	color: #090046;
	margin-top: 15px;
	display: inline-block;
	border-radius: 10px;
	padding: 10px;
}
    .lsclr {	color: #900;}
    .mt-25 {margin-top: 25px}
    .mob_list { margin: 0; padding: 0}
    .mob_list ul { margin: 0; padding: 0}
 .mob_list li {	margin: 0;	padding: 10px;	font-size: 16px;	color: #000553;}

    .tit a {
	color: #1d1f92;
}
    
    .text-center {text-align: center;}
    .fntsize {font-size: 16px;}
.fontxt {
	font-size: 11px;
	color: #fff !important;
	font-weight: normal;
}
    .mtop10 {margin-top: 50px;}   
    .fntsize {	margin-top: 20px;	display: block;	font-size: 16px;}
    
    .appul { margin: 0; padding: 0}
    .appul ul { margin: 0; padding: 0}
    .appul li {	margin: 0px 0px 3px 9px;	padding: 4px 0 0px 0px;}
    .mtop15 {	margin-top: 25px;	display:block;}
    .mb30 { margin-bottom: 30px !important;}
    .ft20 {font-size: 20px;}
    
    .cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    font-size:16px;
    font-weight:600;
    color:#ffffff;
    text-decoration:none;
    border-radius:50px;
    background:linear-gradient(135deg,#4f46e5,#06b6d4);
    box-shadow:0 10px 30px rgba(79,70,229,0.35);
    transition:all 0.3s ease;
}
    .cta-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(79,70,229,0.45);
        color: #595959
}
    h2.headTitTxt {
	color: #fff !important;
	text-align: center;
	position: absolute;
	left: anchor;
	right:22%;
}
    .hero h1, .hero h2 {
	font-size: 28px;
	font-weight: 700;
	padding: 0;
	text-align: left;
	font-family: 'PT Sans', sans-serif;
	line-height: normal;
	color: #fff;
	margin: 0;
	margin-bottom: 29px;
	/*margin-left: 10%;*/
}
    
    .moblelist { margin: 0 0 25px 0; padding: 0}
    .moblelist li { margin: 0; padding:10px 0 0 0; list-style: none;}
    
.service-highlight {
	padding: 30px 20px;
	background: linear-gradient(135deg, rgba(79,70,229,0.95), rgba(6,182,212,0.95)), url('https://images.unsplash.com/photo-1518770660439-4636190af475') center/cover no-repeat;
	color: #ffffff;
	text-align: center;
	position: relative;
}
    .service-content{
        max-width:900px;
        margin:auto;
    }

    .service-content h2{
        font-size:36px;
        font-weight:700;
        margin-bottom:20px;
        line-height:1.2;
    }

    .service-content p{
        font-size:18px;
        line-height:1.8;
        color:#e5e7eb;
        margin:0;
    }

    @media(max-width:768px){
        .service-content h2{
            font-size:28px;
        }
        .service-content p{
            font-size:16px;
        }
    }
    .clrfff {color: #fff !important}
    .mr10 {margin-right: 10px;}
    .blackclr{color: #333 !important}
    .mtop4 {margin-top:4%}

    
     .case-study-section {
      padding: 40px 0;
    }

    .case-card {
      height: 100%;
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    }

    .case-card-image {
      width: 100%;
      height: 318px;
      object-fit: cover;
      display: block;
    }
        .case-card h3 {font-size: 18px; margin: 0;}

    .case-card-content {
      padding: 34px 34px 38px;
    }
#portfolio .case-study-section h2 {
	font-size: 21px !important;
	font-weight: 700;
}
    .case-card h2 {
      margin: 0 0 20px;
      font-size: 29px;
      line-height: 1.25;
      font-weight: 400;
      color: #111;
    }

    .case-card p {
      margin: 0 0 30px;
      font-size: 18px;
      line-height: 1.6;
      color: #111;
    }

    .stats {
      display: flex;
      margin-bottom: 30px;
    }

    .stat {
      flex: 1;
      padding-left: 28px;
      border-left: 1px solid #d6d6d6;
    }

    .stat:first-child {
      padding-left: 28px;
    }

    .stat-value {
      display: block;
      font-size: 18px;
      line-height: 1;
      font-weight: 700;
      margin-bottom: 8px;
    }

    .stat-label {
      display: block;
      font-size: 18px;
      line-height: 1.3;
      color: #262B6C;
    font-weight: 700;
    }

    .case-link {
      display: inline-block;
      text-decoration: none;
      color: #0057d9;
      font-size: 17px;
      font-weight: 400;
      letter-spacing: 0.2px;
      transition: color 0.2s ease;
    }

    .case-link:hover {
      color: #003c96;
    }

    .arrow {
      font-size: 20px;
      margin-left: 4px;
    }

    @media (max-width: 991.98px) {
      .case-card-image {
        height: 280px;
      }

      .case-card h2 {
        font-size: 26px;
      }

      .case-card p {
        font-size: 18px;
      }
    }

    @media (max-width: 767.98px) {
      .case-study-section {
        padding: 25px 0;
      }

      .case-card-image {
        height: 250px;
      }

      .case-card-content {
        padding: 26px 24px 30px;
      }

      .case-card h2 {
        font-size: 25px;
      }

      .case-card p {
        font-size: 17px;
        line-height: 1.55;
      }
        #mobApp .hero h2

      .stats {
        gap: 0;
      }

      .stat-value {
        font-size: 27px;
      }

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

    @media (max-width: 480px) {
      .case-card-image {
        height: 220px;
      }

      .stats {
        flex-direction: column;
        gap: 20px;
      }

      .stat {
        border-left: 1px solid #d6d6d6;
      }
        #mobApp .headTitTxt {
	font-size: 22px !important;
	display: none;
}s
    }