   body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #fff;
      color: #000;
    }

    .btn-accent {
      background-color: #00B5E2;
      color: white;
      border: none;
    }

    .btn-accent:hover {
      background-color: #8CC63F;
      color: white;
    }

    .section-title {
      font-weight: 600;
      margin-bottom: 30px;
      color: #00B5E2;
    }

    .section-padding {
      padding: 80px 0;
    }

    .icon-box {
      background: #f8f9fa;
      padding: 30px;
      border-radius: 10px;
      height: 100%;
      transition: all 0.3s;
      border: 1px solid #00B5E2;
    }

    .icon-box:hover {
      box-shadow: 0 4px 20px rgba(0, 181, 226, 0.2);
    }

    .icon-box img {
      max-width: 80px;
      margin-bottom: 15px;
    }

    .accordion-button:not(.collapsed) {
      background-color: #00B5E2;
      color: #fff;
    }

    .accordion-button {
      background-color: #f8f9fa;
      color: #000;
    }

    .accordion-body {
      background-color: #fff;
    }

    .cta {
      background-color: #f1f1f1;
      padding: 60px 20px;
      text-align: center;
    }

    footer {
      background-color: #f8f9fa;
      color: #000;
    }
    
      .service-section{
      padding:70px 0;
    }
    .section-title h2{
      font-weight:700;
      font-size:34px;
    }
    .divider span{
      display:inline-block;
      width:45px;
      height:3px;
      background:#20c997;
      margin:0 4px;
    }
    .service-img img{
      width:100%;
      border-radius:40px 0 40px 0;
    }
    .service-list li{
      list-style:none;
      margin-bottom:12px;
      font-size:15px;
      position:relative;
      padding-left:22px;
    }
    .service-list li::before{
      content:'➤';
      color:#e63946;
      position:absolute;
      left:0;
      top:0;
    }
    
     .services-section {
    padding: 60px 20px;
    background: #fff;
    text-align: center;
    font-family: Arial, sans-serif;
}

.container {
    max-width: 1200px;
    margin: auto;
}

.main-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.subtitle {
    font-size: 14px;
    /*max-width: 900px;*/
    margin: auto;
    margin-bottom: 40px;
    color: #444;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.service-card {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    position: relative;
    text-align: center;
}

.service-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    width: 4px;
    background: orange;
    border-radius: 5px;
}

.tick {
    color: orange;
    font-size: 20px;
    margin-bottom: 10px;
}

.service-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.service-card p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media(max-width:768px){
    .services-grid{
        grid-template-columns: 1fr;
    }
}


 .why-noida{
    padding:60px 20px;
    text-align:center;
    background:#f7f7f7;
    font-family:Arial, sans-serif;
}

.container{
    max-width:1200px;
    margin:auto;
}

.title{
    font-size:32px;
    font-weight:700;
    margin-bottom:15px;
}

.desc{
    font-size:14px;
    /*max-width:900px;*/
    margin:10px auto;
    color:#444;
}

.card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:40px;
}

.info-card{
    background:#fff;
    padding:25px;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.info-card h3{
    font-size:18px;
    margin-bottom:10px;
}

.info-card p{
    font-size:14px;
    color:#555;
    line-height:1.6;
}

/* bottom 2 cards center */
.bottom{
    grid-column:span 1;
}

.card-grid .bottom:nth-child(4){
    grid-column:1/2;
}

.card-grid .bottom:nth-child(5){
    grid-column:2/3;
}

@media(max-width:768px){
    .card-grid{
        grid-template-columns:1fr;
    }
}


