@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Sans:wght@200..800&display=swap');
:root{
      --navy:#092b63;
      --blue:#fcad2f;
     
      --light:#f5f8fc;
      --text:#17233a;
    }
    *{box-sizing:border-box}
    body{  font-family: "Momo Trust Sans", sans-serif;color:var(--text);background:#fff}
    .topbar{background:var(--navy);color:#fff;font-size:13px}
    .navbar{padding:18px 0;background:#fff}
    .brand{font-weight:900;font-size:34px;letter-spacing:-1.5px;color:var(--navy);line-height:1}
    .brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:500;color:#5f6b80;margin-top:6px}
    .nav-link{font-weight:500;color:#26364e!important;margin:0 8px}
    .nav-link:hover{color:var(--blue)!important}
    .btn-primary{background:var(--blue);border-color:var(--blue);font-weight:700;border-radius:7px;padding:11px 21px; color: #000;}
      .btn-primary:hover{ background: #fcad2f;
          border-color: #fcad2f; color: #000;}
    .btn-outline-primary{border-radius:7px;font-weight:700;padding:11px 21px}
   .logo{ height: 42px;}
   .logo-footer{height: 42px;}
    .hero{min-height:380px;color:#10275f;overflow:hidden;position:relative; }
    .hero-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255, 255, 255, 0));pointer-events:none; width: 50%; top: 0; 
    left: 0;}
    .hero .carousel-item{min-height:380px}
    .hero-copy {
    padding: 55px 0 40px;
    position: absolute;
    z-index: 3; height: 100%;
    top: 0%;
    width: 100%;
    left: 0; padding-top: 10%;
}
    .eyebrow{font-size:14px;font-weight:800;letter-spacing:.3px;color:#10275f}
    .hero h1{font-size:36px;line-height:1.02;font-weight:800;max-width:570px;margin:8px 0 10px;color:#102d68}
    .hero p{font-size:16px;line-height:1.35;color:#172d55;max-width:400px;margin-bottom:14px}
    .hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
    .hero-buttons .btn-light{color:#102d68;font-weight:700;border:0;background:#ffc20e}
    .hero-buttons .btn-outline-light{color:#102d68;border-color:#102d68;font-weight:700}
    .hero-benefits{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}
    .hero-benefit{text-align:center;font-size:10px;font-weight:700;color:#152957;min-width:58px}
    .hero-benefit i{display:block;font-size:23px;margin-bottom:4px;color:#123aa2}
 
    .floating-card{position:absolute;background:#fff;color:var(--text);padding:10px 14px;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.14);font-weight:700;font-size:12px}
    .floating-card i{color:#123aa2;font-size:18px;margin-right:6px}
    .fc1{left:1%;bottom:35px}.fc2{right:2%;top:40px}
.hero .carousel-control-prev, .hero .carousel-control-next {
    width: 42px;
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 12px;
    background: #10275f;
    border-radius: 50%;
    opacity: 1;
    z-index: 9;
}
    .hero .carousel-indicators{bottom:8px}
    .hero .carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;border:0;margin:0 4px;background:#fff;opacity:1}
    .hero .carousel-indicators .active{background:#ffc20e}
    .section{padding:80px 0}
    .section-light{background:#fff}
    .section-title{text-align:center;max-width:680px;margin:0 auto 30px}
    .section-title .eyebrow{color:#031c50;font-size:30px;letter-spacing:0;text-transform:none;position:relative;display:inline-flex;align-items:center;gap:18px}
 
    .section-title p{color:#343b45;line-height:1.5}
    .product-slider-wrap{position:relative;padding:0 0}
    .product-slider .carousel-inner{padding:0 0 14px}
    .product-card{background:#fff;border:1px solid #edf0f5;border-radius:20px;padding:0 16px 15px; transition:.25s;position:relative;box-shadow:0 8px 22px rgba(15,42,75,.12);overflow:hidden; margin: 10px 15px;}
    .product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(15,42,75,.16)}
    .product-image{height:300px;background:linear-gradient(#f8f9fb,#eef1f6);margin:0 -16px 10px;display:flex;align-items:center;justify-content:center}
.product-image img{height:250px; }
  .product-slider .slick-list {
    margin: 0 -15px;
}
 
    .product-image2{  margin: 20px 0;}
    .product-card h4{font-size:17px;font-weight:800;color:#132654;margin:0 0 2px}
    .product-card p{font-size:12px;color:#6d788b;margin-bottom:7px}
    .rating{font-size:14px;color:#ffbd00;margin-bottom:8px}
    .rating span{color:#9aa5b7;font-size:11px;margin-left:5px}
.view-btn {
    display: inline-block;
    border: 0;
    background: #1237b4;
    color: #fff;
    border-radius: 18px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.clientssay .card{margin: 10px 15px;    min-height: 275px;}
    .product-slider .carousel-control-prev,.product-slider .carousel-control-next{width:34px;height:34px;top:48%;transform:translateY(-50%);background:#10275f;border-radius:50%;opacity:1}
    .product-slider .carousel-control-prev{left:5px}.product-slider .carousel-control-next{right:5px}
    .product-slider .carousel-indicators{position:static;margin:17px 0 0}
    .product-slider .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;border:0;background:#c8ced8;margin:0 4px}
    .product-slider .carousel-indicators .active{background:#ffc20e}
    .view-all{margin-top:18px;text-align:center}
    .view-all .btn{ border:0;border-radius:24px;padding:12px 30px;font-weight:700}
    .trust-strip{padding:22px 0;border-bottom:1px solid #e8edf5;background:#fff}
    .trust-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#39475c}
    .trust-item i{font-size:24px;color:var(--blue)}
    .product-icon{width:58px;height:58px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:20px}
    .arrow{color:var(--blue);font-weight:700;text-decoration:none}
    .why-box{background:#fff;border-radius:18px;padding:34px;border:1px solid #e8edf4;height:100%}
    .why-number{font-size:38px;font-weight:900;color:#dceaff}
    .why-box h4{font-size:19px;font-weight:800;color:var(--navy)}
    .why-box p{color:#6d788b;line-height:1.7;font-size:14px}
    .cta{background:var(--navy);color:#fff;border-radius:22px;padding:55px 60px;overflow:hidden;position:relative}
    .cta h2{font-size:37px;font-weight:800}.cta p{color:#c8d8ef;max-width:650px;line-height:1.7}
    .footer{background:#061d43;color:#b9c7dc;padding:55px 0 25px}
    .footer .brand{color:#fff}.footer .brand small{color:#a9b9d1}
    .footer h6{color:#fff;font-weight:800;margin-bottom:18px}.footer a{color:#b9c7dc;text-decoration:none;display:block;margin-bottom:10px;font-size:14px}.footer a:hover{color:#fff}
.map{ width: 100%; border: 0; height: 400px;}
   .client-logo {
    background: #fff;
    transition: all 0.3s ease;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .client-logo:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  }

  .client-logo h5 {
    color: #555;
    letter-spacing: 1px;
  }
  .bg-light { 
    background-color: rgb(241 241 241) !important;
}
.product-slider .card{  margin: 10px 15px;}

    @media(max-width:991px){
      .hero h1{font-size:34px}.hero-copy{padding:45px 0 10px}
      .fc2{right:1%;top:20px}
    }
    @media(max-width:575px){
      .brand{font-size:28px}.hero{min-height:650px}.hero .carousel-item{min-height:650px}
      .hero h1{font-size:31px}.hero p{font-size:15px}
       
      .floating-card{font-size:10px;padding:8px 10px}.fc1{left:0;bottom:18px}.fc2{right:0;top:10px}
      .section{padding:45px 0}.section-title .eyebrow{font-size:25px}.section-title .eyebrow:before,.section-title .eyebrow:after{width:35px}
      .product-slider-wrap{padding:0 40px}
      .cta { 
    padding: 25px 30px; 
}
.cta h2 {
    font-size: 24px; 
}
.cta { 
    font-weight: 800; text-align: center;
}
    }









    /* =====Slider========= */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

    /* =====Slider end ========= */

  /* Contac us page start */

      .contact-title p {
            color: #777;
            max-width: 600px;
            margin: 15px auto 0;
        }

        /* Left Box */
        .contact-info {
            background: #111;
            color: #fff;
            padding: 45px 35px;
            border-radius: 15px;
            height: 100%;
        }

        .contact-info h2 {
            font-size: 28px;
            margin-bottom: 15px;
        }

        .contact-info > p {
            color: #bbb;
            margin-bottom: 35px;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 18px;
            margin-bottom: 28px;
        }

        .contact-icon {
            width: 48px;
            height: 48px;
            min-width: 48px;
            background: #fff;
            color: #111;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .contact-item h6 {
            margin: 0 0 5px;
            font-weight: 600;
        }

        .contact-item p {
            margin: 0;
            color: #bbb;
        }

        /* Form Box */
        .contact-form {
            background: #fff;
            padding: 45px 40px;
            border-radius: 15px;
            box-shadow: 0 10px 35px rgba(0,0,0,0.08);
        }

        .contact-form h2 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .form-control {
            height: 52px;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 12px 15px;
        }

        textarea.form-control {
            height: 140px;
            resize: none;
        }

        .form-control:focus {
            box-shadow: none;
            border-color: #111;
        }

      

        /* Social Icons */
        .social-links {
            display: inline-flex;
            gap: 10px; 
        }

        .social-links a {
            width: 42px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            border: 1px solid #555;
            border-radius: 50%;
            text-decoration: none;
            transition: 0.3s;
        }

        .social-links a:hover {
            background: #fff;
            color: #111;
        }

          /* Contac us page end */

.banner{ height: 80vh;    display: flex; background: #000;} 
.banner img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%; opacity: 0.7;
}
.banner h1{    font-size: 4rem;
    text-transform: uppercase;
    font-weight: bold;
  color: transparent;
    -webkit-text-stroke: 1px #fff;
    -moz-text-stroke: 1px #fff;
    -ms-text-stroke: 1px #fff;
    -o-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    font-size: 6.25rem;
    line-height: 1;
    font-weight: 700;}



  /* ----about start----- */
    
        .section-tag {
            color: #999;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 13px;
            font-weight: 600;
        }

    

        .about-image {
            width: 100%;
            height: 480px;
            object-fit: cover;
            border-radius: 5px;
        }


        /* =========================
           STATS
        ========================= */

        .stats-section {
            background: #111;
            padding: 55px 0;
        }

        .stat-box {
            text-align: center;
            color: #fff;
            padding: 20px;
            border-right: 1px solid #444;
        }

        .stat-box:last-child {
            border-right: none;
        }

        .stat-box h3 {
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .stat-box p {
            color: #aaa;
            margin: 0;
            font-size: 15px;
        }


        /* =========================
           FOCUS
        ========================= */

        .focus-section {
            padding: 100px 0;
            background: #f7f7f7;
        }

        .focus-heading {
            text-align: center;
            max-width: 750px;
            margin: 0 auto 55px;
        }

        .focus-heading h2 {
            font-size: 42px;
            font-weight: 700;
        }

        .focus-heading p {
            color: #777;
            line-height: 1.8;
        }

        .focus-card {
            background: #fff;
            padding: 40px 30px;
            height: 100%;
            border-radius: 8px;
            transition: .3s;
            border: 1px solid #eee;
        }

        .focus-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0,0,0,.08);
        }

        .focus-icon {
            width: 55px;
            height: 55px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #111;
            color: #fff;
            border-radius: 50%;
            font-size: 23px;
            margin-bottom: 25px;
        }

        .focus-card h4 {
            font-size: 22px;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .focus-card p {
            color: #777;
            line-height: 1.8;
            margin: 0;
        }


        /* =========================
           GLOBAL PRESENCE
        ========================= */

        .presence-section {
            padding: 90px 0;
        }

        .presence-box {
            background: #111;
            color: #fff;
            padding: 60px;
            border-radius: 8px;
        }

        .presence-box h2 {
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .presence-box p {
            color: #bbb;
            line-height: 1.9;
            margin-bottom: 25px;
        }

        .presence-number {
            font-size: 45px;
            font-weight: 700;
        }

        .presence-label {
            color: #aaa;
        }


        /* =========================
           LEADERSHIP
        ========================= */

        .leadership-section {
            padding: 100px 0;
            background: #f7f7f7;
        }

        .leader-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 8px;
        }

        .leadership-content {
            padding-left: 30px;
        }

        .leadership-content h2 {
            font-size: 42px;
            font-weight: 700;
            margin: 12px 0 25px;
        }

        .leadership-content p {
            color: #666;
            line-height: 1.9;
        }

.banners-m{ display: none;}
        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 991px) {
.banners-d{ display: none;}
.banners-m{ display: block;}
            .hero-content h1 {
                font-size: 45px;
            }

            .stat-box {
                border-right: none;
                border-bottom: 1px solid #444;
            }

            .stat-box:last-child {
                border-bottom: none;
            }

            .leadership-content {
                padding-left: 0;
                margin-top: 35px;
            }

        }


        @media (max-width: 767px) {

            .about-hero {
                min-height: 450px;
            }

            .hero-content h1 {
                font-size: 36px;
            }

            .hero-content p {
                font-size: 16px;
            }

            .about-section,
            .focus-section,
            .presence-section,
            .leadership-section {
                padding: 60px 0;
            }

            
            .focus-heading h2,
            .leadership-content h2 {
                font-size: 32px;
            }

            .about-image {
                height: 330px;
                margin-top: 35px;
            }

            .presence-box {
                padding: 35px 25px;
            }

        }
.Hadding{    font-size: 42px;
    font-weight: 700;}
        /* ----about end----- */


 /* ----about----- */
.product-detail-section {
  background: #fff;
}
.p_banner{height: 200px;}
.product-image-box {
  padding: 25px; border: 1px solid #ccc;
}

.product-image-box img {
  max-height: 560px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.product-label {
  display: inline-block;
  color: #1687cf;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}

.product-title {
  color: #071a45;
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 8px;
}

.product-subtitle {
  color: #1687cf;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 20px;
}

.product-description {
  color: #687386;
  font-size: 16px;
  line-height: 1.8;
  max-width: 700px;
  margin-bottom: 28px;
}

.product-info {
  border-top: 1px solid #e8ebef;
}

.info-row {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 15px 0;
  border-bottom: 1px solid #e8ebef;
  font-size: 15px;
}

.info-row span {
  color: #737b8c;
}

.info-row strong {
  color: #071a45;
  text-align: right;
}
.product-image.bg-white{ background: #fff!important;}
.navbar-collapse { 
    display: block!important;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
@media (max-width: 991px) {
.navbar-brand{ margin: auto;} 
.sticky-top { 
    position: inherit; 
}
.why-box { 
    padding: 20px; 
}
}
@media (max-width: 767px) {

  .product-title {
    font-size: 36px;
  }

  .product-subtitle {
    font-size: 18px;
  }

  .product-image-box {
    padding: 10px;
  }

  .info-row {
    flex-direction: column;
    gap: 5px;
  }

  .info-row strong {
    text-align: left;
  }
  .banner h1 { 
    font-size: 2.25rem; 
}
  .banner span, .product-title span { 
   display: block;
}
}

/*------- product end----- */