/* rb-page-vars-start */
:root{--rb-container-width:90%;}
/* rb-page-vars-end */

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

    body {
      font-family: 'Poppins', sans-serif;
      line-height: 1.6;
      background-color: #f5f7fa;
      color: #333;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    .container {
      width: min(100%, var(--rb-container-width, 1200px));
      margin: 0 auto;
      padding-left: 16px;
      padding-right: 16px;
    }

    .topsec {
       background: linear-gradient(90deg, #007CF0, #00DFD8); /* Blue to green gradient */
  color: white;
  padding: 60px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
    }

    .topsec h1 {
   font-size: 3rem;
  margin-bottom: 10px;
    }

    .topsec p {
    font-size: 1.2rem;
  max-width: 700px;
  margin: auto;
    }

    .section {
      padding: 60px 0;
    }

    .section.rb-section-wrap {
      --rb-ml: auto;
      --rb-mr: auto;
      --rb-pl: var(--rb-container-pad, 16px);
      --rb-pr: var(--rb-container-pad, 16px);
      max-width: min(100%, var(--rb-container-width, 1200px));
      width: 100%;
    }

    .section h2 {
      text-align: center;
      margin-bottom: 40px;
      font-size: 2.5rem;
      color: #222;
    }

    .mission-vision {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    .mission-vision .box {
      flex: 1 1 45%;
      background: white;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 0 15px rgba(0,0,0,0.05);
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 30px;
      margin-top: 30px;
    }

    .service {
      background: white;
      padding: 25px;
      border-radius: 12px;
      text-align: center;
      transition: transform 0.3s ease;
      box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    }

    .service:hover {
      transform: translateY(-5px);
    }

    .service i {
      font-size: 2.5rem;
      color: #0052D4;
      margin-bottom: 15px;
    }

    .service h3 {
      margin-bottom: 10px;
      font-size: 1.25rem;
    }

    .why-choose {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    .why-choose .reason {
      flex: 1 1 45%;
      background: #fff;
      padding: 30px;
      border-left: 5px solid #0052D4;
      border-radius: 8px;
    }

    .team-preview {
      text-align: center;
    }

    .team-preview p {
      font-size: 1.1rem;
      margin-bottom: 20px;
    }


    @media (max-width: 768px) {
      .mission-vision .box,
      .why-choose .reason {
        flex: 1 1 100%;
      }

      .topsec h1 {
        font-size: 2.2rem;
      }
    }
.cta-button {
  display: inline-block;
  padding: 14px 28px;
  font-size: 1rem;
  font-weight: 600;
  color: white;
  background: linear-gradient(90deg, #007CF0, #00DFD8); /* same as Get Quotation */
  border: none;
  border-radius: 30px;
  text-align: center;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.cta-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(90deg, #006ae0, #00cbbf);
  text-decoration: none;
}






































































































































































/* RB-BLOCK-CSS START */
.rb-quote-modal .modal-dialog{max-width:720px;}
.rb-quote-modal .modal-content{border-radius:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border:1px solid rgba(15,23,42,.08);}
.rb-quote-modal .modal-header{padding:20px 24px 0;}
  .rb-quote-modal .modal-title{font-weight:700;font-size:1.35rem;color:#0f172a;}
  .rb-quote-modal .modal-lead{color:#64748b;font-size:.95rem;margin:4px 0 0;}
  .rb-quote-modal .modal-body{padding:16px 24px 24px;}
  .rb-quote-modal .rb-form{margin-top:8px;}
  .rb-quote-modal .rb-form-actions .btn{border-radius:999px;font-weight:600;}
  .rb-quote-modal .form-check-input[type="checkbox"]{border-radius:0.25em !important;}
  .rb-quote-modal .form-check-input[type="radio"]{border-radius:50% !important;}
  @media (max-width: 576px){
    .rb-quote-modal .modal-dialog{margin:16px;}
    .rb-quote-modal .modal-header{padding:16px 18px 0;}
    .rb-quote-modal .modal-body{padding:12px 18px 18px;}
  }
/* RB-BLOCK-CSS END */