.section-heading {
      font-family: 'Poppins', sans-serif;
      font-size: 42px;
      font-weight: 700;
      color: #111;
      text-transform: uppercase;
      line-height: 1.3;
     margin-bottom: 88px;
    }

    .section-heading span {
      display: block;
    }

    /* Responsive sizes */
    @media (max-width: 768px) {
      .section-heading {
        font-size: 30px;
      }
    }

    @media (max-width: 576px) {
      .section-heading {
        font-size: 24px;
      }
    }
    /* ////////////////////////////////////////////////////// */

    
.carousel-item {
      height: 100vh; /* full screen */
      min-height: 500px;
      background-size: cover;
      background-position: center;
      position: relative;
    }
    .carousel-caption {
      bottom: 30%;
    }
    .carousel-caption h1 {
      font-size: 3rem;
      font-weight: bold;
    }
    .carousel-caption p {
      font-size: 1.2rem;
      margin: 20px 0;
    }
    .carousel-caption .btn {
      padding: 12px 30px;
      font-size: 16px;
      border-radius: 4px;
    }
    /* Custom round controls */
    .carousel-control-prev, 
    .carousel-control-next {
      width: auto;
      top: 50%;
      transform: translateY(-50%);
    }
    .carousel-control-prev-icon, 
    .carousel-control-next-icon {
      display: none; /* hide default icon */
    }
    .custom-prev, .custom-next {
      background: #fff;
      color: #000;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
      transition: 0.3s;
    }
    .custom-next {
      background: #007bff;
      color: #fff;
    }
    .custom-prev:hover {
      background: #f1f1f1;
    }
    .custom-next:hover {
      background: #0056b3;
    }

    /* ///////////////////////////////////////// */


    .faq-section {
      padding: 60px 0;
          background: #ebedee;
    }
    .faq-title {
      text-align: center;
      font-weight: 700;
      color: #ff9800;
      margin-bottom: 40px;
      text-transform: uppercase;
    }
    .faq-box {
      display: flex;
      align-items: flex-start;
      margin-bottom: 30px;
    }
    .faq-box i {
      font-size: 24px;
          color: #002274;
      margin-right: 15px;
    }
    .faq-box h5 {
      font-weight: 600;
      margin-bottom: 8px;
    }
    .faq-box p {
      margin: 0;
      color: #6c757d;
    }


    /* ///////////////////////////////////// */

    .quote-section {
      padding: 60px 0;
          background: #f4f4f4;
    }
    .quote-title {
      color: #111;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .quote-section .highlight {
      color: #007bff;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
    }
    .quote-text {
      color: #555;
      margin-bottom: 30px;
    }
     .quote-call {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-left: 6px solid #2255cc; /* highlight stripe */
    margin-top: 25px;
  }
  .quote-call i {
    font-size: 40px;
    color: #2255cc;
    background: #ffeaea;
    padding: 15px;
    border-radius: 50%;
    margin-right: 20px;
  }
  .quote-call strong {
    color: #111;
    font-size: 16px;
    display: block;
    font-weight: 700;
  }
  .quote-call span {
    color: #2255cc;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
  }


    .quote-form {
      background: #ffffff;
      padding: 30px;
      border-radius: 5px;
    }
    .quote-form input,
    .quote-form select,
    .quote-form textarea {
      border-radius: 0;
      border: 1px solid #ddd;
      margin-bottom: 15px;
      padding: 10px;
      width: 100%;
    }
    .quote-form button {
      background:#2255cc;
      color: #fff;
      border: none;
      padding: 12px;
      width: 100%;
      font-weight: 600;
      border-radius: 0;
      transition: 0.3s;
    }
    .quote-form button:hover {
      background: #e33434;
    }

    /* /////////////////////////////////////////// */

     .contact-section {
      position: relative;
      background: url('img/call-action-bg.jpg') no-repeat center center/cover;
      height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
          background-attachment: fixed;
      color: #fff;
    }

    .contact-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* background: rgba(0, 123, 255, 0.7);  */
      background: rgb(0 39 81 / 81%);
    }

    .contact-content {
      position: relative;
      z-index: 2;
    }

    .contact-content h2 {
      font-size: 36px;
      font-weight: 700;
    }

    .contact-content p {
      font-size: 18px;
      margin-bottom: 20px;
    }

    .btn-custom {
      background-color: #000521;
      color: #fff;
      font-weight: bold;
      padding: 12px 30px;
      border-radius: 5px;
      border: none;
      transition: 0.3s;
    }

    .btn-custom:hover {
      background-color: #e68900;
      color: #fff;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .contact-section {
        height: auto;
        padding: 60px 20px;
      }
      .contact-content h2 {
        font-size: 28px;
      }
      .contact-content p {
        font-size: 16px;
      }
    }

    /* //////////////////////////////////// */


     .info-section {
      position: relative;
      background: url("img/slide01.jpg") no-repeat center center/cover;
      padding: 80px 0;
      z-index: 1;
      color: #fff;
    }
    .info-section::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.6); /* overlay */
      z-index: -1;
    }

    .info-card {
      background: #fff;
      border: 1px solid #eee;
      padding: 40px 25px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      border-radius: 10px;
      height: 100%;
      color: #333;
    }
    .info-card:hover {
      box-shadow: 0px 10px 25px rgba(0,0,0,0.2);
      transform: translateY(-8px);
      border-color: #0066cc;
    }
    .info-icon {
      font-size: 50px;
      color: #003366;
      margin-bottom: 20px;
      transition: 0.3s;
    }
    .info-card:hover .info-icon {
      color: #0066cc;
    }
    .info-card h5 {
      font-weight: 700;
      margin-bottom: 15px;
      text-transform: uppercase;
      color: #002147;
    }
    .info-card p {
      color: #444;
      font-size: 15px;
      margin-bottom: 20px;
      text-align: justify;
    }
    .info-card a {
      font-weight: 600;
      color: #0066cc;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
    }
    .info-card a i {
      margin-right: 5px;
    }
    .info-card a:hover {
      color: #003366;
      text-decoration: underline;
    }

    /* ////////////////////////////////////////////////////// */

     .service-card {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      text-align: center;
      height: 100%;
      transition: all 0.3s ease;
    }
    .service-img {
      position: relative;
      overflow: hidden;
    }
    .service-img img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      transition: transform 0.4s ease;
      display: block;
    }
    .service-card:hover img {
      transform: scale(1.1);
    }
    /* Overlay */
    .overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.4s ease;
    }
    .service-card:hover .overlay {
      opacity: 1;
    }
    /* Circle Button */
    .overlay .circle-btn {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #2255cc;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      transition: 0.3s;
    }
    .overlay .circle-btn:hover {
      background: #2255cc;
      transform: scale(1.1);
    }
    /* Content */
    .service-content {
      padding: 25px 20px;
    }
    .service-content h5 {
      font-weight: 700;
      margin-bottom: 10px;
    }
    .service-content .underline {
      display: block;
      width: 50px;
      height: 3px;
      background: #2255cc;
      margin: 10px auto;
    }
    .service-content p {
      color: #555;
      font-size: 15px;
    }

    /* /////////////////////////////////////// */

    .image-card {
      position: relative;
      overflow: hidden;
      border-radius: 6px;
      margin-bottom: 15px;
    }
    .image-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .image-card:hover img {
      transform: scale(1.1);
    }
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.4);
      opacity: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.5rem;
      font-weight: bold;
      transition: opacity 0.5s ease;
    }
    .image-card:hover .overlay {
      opacity: 1;
    }



    /* ///////////////////////// */
   
     .abo1 {
      padding: 60px 0;
    }
    .abo1 h6 {
      color: #007bff;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 15px;
    }
    .abo1 h2 {
      font-weight: 700;
      margin-bottom: 20px;
    }
    .abo1 .info-box {
      background: #f7f7f7;
      padding: 20px;
      border-left: 4px solid #007bff;
      margin: 20px 0;
      border-radius: 8px;
    }
    .abo1 .btn-orange {
      background-color: #007bff;
      color: #fff;
      border-radius: 6px;
      padding: 10px 20px;
      border: none;
    }
    .abo1 .btn-orange:hover {
      background-color: #007bff;
    }
    .abo1 .emergency {
      font-weight: bold;
      margin-top: 15px;
      color: #007bff;
      display: flex;
      align-items: center;
      gap: 8px;
    }