* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, sans-serif;
      overflow-x: hidden;
      color: #111;
    }

    a {
      text-decoration: none;
    }
.testimonial-custome-title
{
      color: #001b54 !important;
    /* font-size: 30px; */
    font-weight: 800 !important;
    position: relative !important;
    display: inline-block;
    padding-bottom: 15px !important;
}
    .topbar {
      background: #001b54;
      color: #fff;
      padding: 8px 0;
      font-size: 14px;
    }

    .topbar i {
      margin-right: 8px;
    }

    .social-icons i {
      margin-left: 15px;
      cursor: pointer;
    }

    .navbar {
      padding: 15px 0;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    .logo {
      font-size: 42px;
      font-weight: 800;
      line-height: 1;
      color: #001b54;
    }

    .logo span {
      color: #d90016;
    }

    .logo small {
      display: block;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 1px;
    }

    .navbar-nav .nav-link {
      color: #111;
      font-weight: 600;
      margin: 0 10px;
      position: relative;
    }

    .navbar-nav .nav-link.active::after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 0;
      width: 100%;
      height: 3px;
      background: #d90016;
    }

    .btn-primary-custom {
      background: #001b54;
      color: #fff;
      border-radius: 6px;
      padding: 12px 22px;
      font-weight: 600;
      border: none;
    }

    .btn-outline-custom {
      background: transparent;
      color: #001b54;
      border: 1px solid #001b54;
      border-radius: 6px;
      padding: 12px 22px;
      font-weight: 600;
    }

   .hero{
    background:
    linear-gradient(
        to right,
        rgba(255,255,255,0.70) 10%,
        rgba(255,255,255,0.75) 30%,
        rgba(255,255,255,0.20) 50%
    ),
    url('https://images.unsplash.com/photo-1517935706615-2717063c2225?q=80&w=1600&auto=format&fit=crop');

    background-size:cover;
    background-position:center;
    padding:100px 0;
}

    .hero h1 {
      font-size: 65px;
      font-weight: 900;
      line-height: 1;
      color: #001b54;
    }

    .hero h1 span {
      color: #d90016;
    }

    .hero h3 {
      font-size: 28px;
      font-weight: 800;
      color: #001b54;
      margin-bottom: 20px;
    }

    .hero p {
      font-size: 20px;
      margin: 25px 0;
      max-width: 550px;
    }

    .section-title {
      text-align: center;
      margin-bottom: 50px;
    }

    .section-title h2 {
      font-weight: 800;
      color: #001b54;
      position: relative;
      display: inline-block;
    }

    .section-title h2::after {
      content: '';
      width: 60px;
      height: 3px;
      background: #d90016;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
    }

    

    .service-card a {
      color: #001b54;
      font-weight: 700;
    }

    .about-section {
      padding: 80px 0;
    }

    .about-section img {
      width: 100%;
      border-radius: 15px;
    }

    .about-section h2 {
      color: #001b54;
      font-weight: 800;
      margin-bottom: 20px;
    }

    .about-section h2 span {
      color: #d90016;
    }

    .feature-box {
      border: 1px solid #e8e8e8;
      border-radius: 12px;
      padding: 25px;
      margin-top: 20px;
      height: 100%;
    }

    .feature-box i {
      font-size: 35px;
      color: #001b54;
      margin-bottom: 15px;
    }

    .why-us {
      padding-bottom: 80px;
    }

    .why-card {
      text-align: center;
      padding: 25px 15px;
    }

    .why-card i {
      font-size: 40px;
      color: #001b54;
      margin-bottom: 15px;
    }

    .testimonial-form {
      padding-bottom: 80px;
    }

    .testimonial-box,
    .form-box {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.08);
      padding: 40px;
      height: 100%;
    }

    .form-box {
      background: #001b54;
      color: #fff;
    }

    .form-box input,
    .form-box select {
      height: 50px;
      border-radius: 8px;
      border: none;
    }

    .form-box .btn {
      background: #d90016;
      color: #fff;
      padding: 14px;
      font-weight: 700;
      border: none;
    }

    footer {
      background: #001b54;
      color: #fff;
      padding-top: 60px;
    }

    footer h4 {
      margin-bottom: 20px;
      font-weight: 700;
    }

    footer ul {
      list-style: none;
      padding: 0;
    }

    footer ul li {
      margin-bottom: 12px;
    }

    footer ul li a {
      color: #fff;
    }

    .footer-social i {
      margin-right: 15px;
      font-size: 18px;
    }

    .copyright {
      text-align: center;
      border-top: 1px solid rgba(255,255,255,0.2);
      padding: 20px 0;
      margin-top: 40px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: #001b54;
      border-radius: 50%;
      padding: 20px;
    }

    @media(max-width:768px){
      .hero {
        text-align: center;
        padding: 70px 0;
      }

      .hero h1 {
        font-size: 42px;
      }

      .hero h3 {
        font-size: 22px;
      }

      .logo {
        font-size: 32px;
      }

      .navbar-nav {
        margin-top: 15px;
      }
    }


    /* SERVICES */
.services{
/*  background: #f8f9fa;*/
}

.service-card{
  background: #fff;
  border-radius: 15px;
  padding: 30px 20px;
  text-align: center;
/*  box-shadow: 0 5px 20px rgba(0,0,0,0.08);*/
  min-height: 280px;
}

.icon{
  width: 80px;
  height: 80px;
  background: #f2f2f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
}

.icon i{
  font-size: 32px;
  color: #001b54;
}

.icon img{
  height: 40px;
  width: 40px;
   color: #001b54;
}

.service-card h4{
  color: #001b54;
  margin-bottom: 15px;
  font-weight: 700;
  text-transform: uppercase !important;
}

.swiper-button-next,
.swiper-button-prev{
  color: #001b54;
  font-size: 20px;
}

/* 5 CARDS IN ONE ROW */

@media(min-width:992px){

  .col-lg-2-4{
    width:20%;
    flex:0 0 auto;
  }

}


/*about us css*/

  /* =========================
       ABOUT HERO
    ========================= */

    .about-banner{
      padding:90px 0;
      background:#f8f9fc;
    }

    .about-sub-title{
      color:#e4002b;
      font-size:16px;
      font-weight:700;
      letter-spacing:1px;
      display:inline-block;
      margin-bottom:15px;
    }

    .about-content h1{
      font-size:55px;
      font-weight:800;
      color:#001b54;
      margin-bottom:25px;
      line-height:1.3;
    }

    .about-content p{
      font-size:16px;
      color:#555;
      line-height:1.9;
      margin-bottom:18px;
    }

    .about-btns{
      margin-top:35px;
      display:flex;
      gap:15px;
      flex-wrap:wrap;
    }

    .about-primary-btn{
      background:#001b54;
      color:#fff;
      padding:14px 30px;
      border-radius:6px;
      font-weight:600;
      transition:0.3s;
    }

    .about-primary-btn:hover{
      background:#e4002b;
      color:#fff;
    }

    .about-secondary-btn{
      border:2px solid #001b54;
      color:#001b54;
      padding:12px 30px;
      border-radius:6px;
      font-weight:600;
      transition:0.3s;
    }

    .about-secondary-btn:hover{
      background:#001b54;
      color:#fff;
    }

    .about-image img{
      width:100%;
      border-radius:20px;
      box-shadow:0 10px 30px rgba(0,0,0,0.1);
    }

    /* =========================
       SECTION TITLE
    ========================= */

    .about-section-title{
      text-align:center;
      margin-bottom:50px;
    }

    .about-section-title h2{
      color:#001b54;
      font-size:40px;
      font-weight:800;
      position:relative;
      display:inline-block;
      padding-bottom:15px;
    }

    .about-section-title h2::after{
      content:'';
      width:70px;
      height:3px;
      background:#e4002b;
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      bottom:0;
    }

    /* =========================
       ICON
    ========================= */

 

    /* =========================
       WHY CARD
    ========================= */

    .about-why-card{
      background:#fff;
      border-radius:16px;
      padding:35px 25px;
      text-align:center;
      box-shadow:0 5px 25px rgba(0,0,0,0.08);
      transition:0.3s;
      height:100%;
    }

    .about-why-card:hover{
      transform:translateY(-10px);
    }

    .about-why-card h4{
      color:#001b54;
      font-size:22px;
      font-weight:700;
      margin-bottom:15px;
      text-transform: uppercase;
    }

    .about-why-card p{
      color:#555;
      font-size:15px;
      line-height:1.8;
      margin:0;
    }

    /* =========================
       MISSION SECTION
    ========================= */

    .mission-section{
      background:#f8f9fc;
    }

    .mission-image img{
      width:100%;
      border-radius:20px;
      box-shadow:0 10px 30px rgba(0,0,0,0.1);
    }

    .about-mission-content h2{
      font-size:42px;
      font-weight:800;
      color:#001b54;
      margin-bottom:25px;
      line-height:1.4;
    }

    .about-mission-content p{
      color:#555;
      line-height:1.9;
      margin-bottom:25px;
    }

    .about-mission-content ul{
      list-style:none;
      padding:0;
      margin:0;
    }

    .about-mission-content ul li{
      margin-bottom:18px;
      color:#333;
      font-size:16px;
      font-weight:500;
    }

    .about-mission-content ul li i{
      color:#001b54;
      margin-right:10px;
    }

    /* =========================
       ACHIEVEMENT
    ========================= */

    .achievement-card{
      background:#001b54;
      color:#fff;
      border-radius:16px;
      text-align:center;
      padding:40px 20px;
      transition:0.3s;
      height:100%;
    }

    .achievement-card:hover{
      background:#e4002b;
    }

    .achievement-card h3{
      font-size:50px;
      font-weight:800;
      margin-bottom:10px;
    }

    .achievement-card p{
      font-size:18px;
      margin:0;
    }

    /* =========================
       CONSULTATION
    ========================= */

    .consultation-section{
      padding:80px 0;
    }

    .consult-box{
      background:#001b54;
      border-radius:20px;
      padding:55px;
      color:#fff;
    }

    .consult-box h2{
      font-size:42px;
      font-weight:800;
      margin-bottom:15px;
    }

    .consult-box p{
      line-height:1.8;
      margin:0;
    }

    .consult-btn{
      background:#e4002b;
      color:#fff;
      padding:16px 35px;
      border-radius:6px;
      font-weight:700;
      display:inline-block;
      transition:0.3s;
    }

    .consult-btn:hover{
      background:#c40024;
      color:#fff;
    }

    /* =========================
       RESPONSIVE
    ========================= */

    @media(max-width:991px){

      .about-content{
        margin-bottom:40px;
      }

      .about-mission-content{
        margin-top:30px;
      }

      .consult-box{
        text-align:center;
      }

      .consult-btn{
        margin-top:25px;
      }

    }

    @media(max-width:767px){

      .about-banner{
        padding:60px 0;
      }

      .about-content h1{
        font-size:38px;
      }

      .about-mission-content h2{
        font-size:32px;
      }

      .about-section-title h2{
        font-size:30px;
      }

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

      .consult-box h2{
        font-size:30px;
      }

      .achievement-card h3{
        font-size:38px;
      }

    }



/*testimonial css */

 /* =========================
           HERO SECTION
        ========================= */

        .testimonial-banner{
            background:#f8f9fc;
            padding:90px 0;
            text-align:center;
        }

        .testimonials-sub-title{
            color:#e4002b;
            font-weight:700;
            letter-spacing:1px;
            display:inline-block;
            margin-bottom:15px;
        }

        .testimonial-banner h1{
            font-size:50px;
            font-weight:800;
            color:#001b54;
            margin-bottom:20px;
        }

        .testimonial-banner p{
            color:#555;
            font-size:17px;
            line-height:1.8;
        }

        /* =========================
           SECTION TITLE
        ========================= */

        .testimonials-section-title{
            text-align:center;
            margin-bottom:50px;
        }

        .testimonials-section-title h2{
            color:#001b54;
            font-size:40px;
            font-weight:800;
            position:relative;
            display:inline-block;
            padding-bottom:15px;
        }

        .testimonials-section-title h2::after{
            content:'';
            width:70px;
            height:3px;
            background:#e4002b;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            bottom:0;
        }

        /* =========================
           TESTIMONIAL CARD
        ========================= */

        .testimonial-slider{
            position:relative;
        }

        .testimonial-card{
            background:#fff;
            border-radius:18px;
            padding:35px 30px;
            box-shadow:0 5px 25px rgba(0,0,0,0.08);
            height:100%;
            transition:0.3s;
        }

        .testimonial-card:hover{
            transform:translateY(-10px);
        }

        .quote-icon{
            width:70px;
            height:70px;
            background:#f2f2f2;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:25px;
        }

        .quote-icon i{
            font-size:30px;
            color:#001b54;
        }

        .testimonial-card p{
            color:#555;
            line-height:1.9;
            margin-bottom:30px;
            font-size:15px;
        }

        .client-info{
            display:flex;
            align-items:center;
            gap:15px;
        }

        .client-info img{
            width:70px;
            height:70px;
            border-radius:50%;
            object-fit:cover;
        }

        .client-info h4{
            margin:0;
            color:#001b54;
            font-size:20px;
            font-weight:700;
        }

        .client-info span{
            color:#777;
            font-size:14px;
        }

        /* =========================
           CAROUSEL BUTTON
        ========================= */

        .testimonial-btn{
            width:55px;
            height:55px;
            background:#001b54;
            border-radius:50%;
            top:50%;
            transform:translateY(-50%);
            opacity:1;
        }

        .carousel-control-prev{
            left:-80px;
        }

        .carousel-control-next{
            right:-80px;
        }

        .testimonial-btn i{
            color:#fff;
            font-size:18px;
        }

        /* =========================
           CONSULT SECTION
        ========================= */

        .testimonials-consultation-section{
            padding:80px 0;
        }

        .consult-box{
            background:#001b54;
            border-radius:20px;
            padding:55px;
            color:#fff;
        }

        .consult-box h2{
            font-size:42px;
            font-weight:800;
            margin-bottom:15px;
        }

        .consult-box p{
            line-height:1.8;
            margin:0;
        }

        .consult-btn{
            background:#e4002b;
            color:#fff;
            padding:16px 35px;
            border-radius:6px;
            font-weight:700;
            display:inline-block;
            transition:0.3s;
        }

        .consult-btn:hover{
            background:#c40024;
            color:#fff;
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media(max-width:991px){

            .testimonial-banner h1{
                font-size:42px;
            }

            .carousel-control-prev{
                left:0;
            }

            .carousel-control-next{
                right:0;
            }

            .consult-box{
                text-align:center;
            }

            .consult-btn{
                margin-top:25px;
            }

        }

        @media(max-width:767px){

            .testimonial-banner{
                padding:60px 0;
            }

            .testimonial-banner h1{
                font-size:34px;
            }

            .testimonials-section-title h2{
                font-size:30px;
            }

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

            .consult-box h2{
                font-size:30px;
            }

            .testimonial-card{
                padding:25px 20px;
            }

        }


/*cotacgt css here*/
  /* =========================
           HERO SECTION
        ========================= */

        .contact-banner{
            background:#f8f9fc;
            padding:90px 0;
            text-align:center;
        }

        .contact-sub-title{
            color:#e4002b;
            font-weight:700;
            letter-spacing:1px;
            display:inline-block;
            margin-bottom:15px;
        }

        .contact-banner h1{
            font-size:55px;
            font-weight:800;
            color:#001b54;
            margin-bottom:20px;
        }

        .contact-banner p{
            color:#555;
            font-size:17px;
            line-height:1.8;
        }

        /* =========================
           SECTION TITLE
        ========================= */

        .contact-section-title{
            text-align:center;
            margin-bottom:50px;
        }

        .contact-section-title h2{
            color:#001b54;
            font-size:40px;
            font-weight:800;
            position:relative;
            display:inline-block;
            padding-bottom:15px;
        }

        .contact-section-title h2::after{
            content:'';
            width:70px;
            height:3px;
            background:#e4002b;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            bottom:0;
        }

        /* =========================
           CONTACT SECTION
        ========================= */

        .contact-section{
            padding:80px 0;
        }

        .contact-info{
            background:#001b54;
            border-radius:20px;
            padding:50px 40px;
            height:100%;
            color:#fff;
        }

        .contact-info h2{
            font-size:38px;
            font-weight:800;
            margin-bottom:20px;
        }

        .contact-info p{
            line-height:1.9;
            margin-bottom:35px;
            color:#ddd;
        }

        .info-box{
            display:flex;
            align-items:flex-start;
            gap:20px;
            margin-bottom:30px;
        }

        .info-icon{
            width:65px;
            height:65px;
            background:rgba(255,255,255,0.1);
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
        }

        .info-icon i{
            font-size:26px;
            color:#fff;
        }

        .info-content h4{
            font-size:20px;
            font-weight:700;
            margin-bottom:8px;
        }

        .info-content p{
            margin:0;
            color:#ddd;
            line-height:1.7;
        }

        /* =========================
           CONTACT FORM
        ========================= */

        .contact-form{
            background:#fff;
            border-radius:20px;
            padding:50px;
            box-shadow:0 5px 30px rgba(0,0,0,0.08);
        }

        .contact-form h2{
            color:#001b54;
            font-size:38px;
            font-weight:800;
            margin-bottom:30px;
        }

        .form-control,
        .form-select{
            height:55px;
            border-radius:8px;
            border:1px solid #ddd;
            padding-left:15px;
            margin-bottom:20px;
            box-shadow:none !important;
        }

        textarea.form-control{
            height:150px;
            padding-top:15px;
            resize:none;
        }

        .contact-submit-btn{
            background:#001b54;
            color:#fff;
            border:none;
            padding:15px 35px;
            border-radius:6px;
            font-weight:700;
            transition:0.3s;
        }

        .contact-submit-btn:hover{
            background:#e4002b;
        }

        /* =========================
           MAP SECTION
        ========================= */

        .map-section{
            padding-bottom:80px;
        }

        .map-box{
            border-radius:20px;
            overflow:hidden;
            box-shadow:0 5px 30px rgba(0,0,0,0.08);
        }

        .map-box iframe{
            width:100%;
            height:450px;
            border:0;
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media(max-width:991px){

            .contact-info{
                margin-bottom:30px;
            }

        }

        @media(max-width:767px){

            .contact-banner{
                padding:60px 0;
            }

            .contact-banner h1{
                font-size:38px;
            }

            .contact-section-title h2{
                font-size:30px;
            }

            .contact-info,
            .contact-form{
                padding:35px 25px;
            }

            .contact-info h2,
            .contact-form h2{
                font-size:30px;
            }

        }




/* =========================
   MODAL
========================= */

.service-modal{
  border:none;
  border-radius:20px;
  overflow:hidden;
  position:relative;
}

/* CUSTOM CLOSE BUTTON */

.custom-close-btn{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:#fff;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:0.3s;
  box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

.custom-close-btn i{
  font-size:18px;
  color:#001b54;
}

.custom-close-btn:hover{
  background:#e4002b;
}

.custom-close-btn:hover i{
  color:#fff;
}

/* LEFT */

.modal-left{
  background:#001b54;
  color:#fff;
  height:100%;
  padding:50px 40px;
}

.modal-left .sub-title{
  color:#e4002b;
  font-weight:700;
  display:inline-block;
  margin-bottom:15px;
}

.modal-left h2{
  font-size:38px;
  font-weight:800;
  margin-bottom:20px;
}

.modal-left p{
  color:#ddd;
  line-height:1.9;
  margin-bottom:25px;
}

.modal-left ul{
  list-style:none;
  padding:0;
  margin:0;
}

.modal-left ul li{
  margin-bottom:18px;
}

.modal-left ul li i{
  color:#e4002b;
  margin-right:10px;
}

/* FORM */

.modal-form{
  padding:50px 40px;
}

.modal-form h3{
  color:#001b54;
  font-size:30px;
  font-weight:800;
  margin-bottom:30px;
  line-height:1.4;
}

.modal-form .form-control,
.modal-form .form-select{
  height:52px;
  margin-bottom:20px;
  border-radius:8px;
  box-shadow:none;
}

.modal-form textarea.form-control{
  height:120px;
  resize:none;
  padding-top:15px;
}

.submit-btn{
  width:100%;
  height:52px;
  border:none;
  background:#001b54;
  color:#fff;
  font-weight:700;
  border-radius:8px;
  transition:0.3s;
}

.submit-btn:hover{
  background:#e4002b;
}

@media(max-width:767px){

  .modal-left,
  .modal-form{
    padding:35px 25px;
  }

  .modal-left h2{
    font-size:30px;
  }

  .modal-form h3{
    font-size:24px;
  }

}