.elementor-235 .elementor-element.elementor-element-b3d90dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-235 .elementor-element.elementor-element-660f85e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235 .elementor-element.elementor-element-916e571{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235 .elementor-element.elementor-element-92870ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c620e72 *//* Import Roboto Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

.infra-hero{
  width:100%;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
  color:#fff;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("https://balwantprocess.com/wp-content/uploads/2026/04/c3.png")
    center center/cover no-repeat;
}

.infra-hero-content{
  max-width:850px;
  animation:fadeUp 1.2s ease forwards;
}

.infra-hero-content span{
  display:inline-block;
  color:#FFD200;
  font-size:18px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  font-family:'Roboto', sans-serif;
}

.infra-hero-content h1{
  font-size:70px;
  font-weight:800;
  margin:20px 0;
  color:#fff;
  font-family:'Roboto', sans-serif;
}

.infra-hero-content p{
  font-size:20px;
  line-height:1.8;
  font-family:'Roboto', sans-serif;
}

/* Animation */
@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Responsive */
@media(max-width:768px){
  .infra-hero{
    height:70vh;
  }

  .infra-hero-content h1{
    font-size:40px;
  }

  .infra-hero-content p{
    font-size:16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1844332 */.infra-features{
  padding:100px 10%;
  background:#F6F4F1;
}

.section-heading{
  text-align:center;
  max-width:800px;
  margin:0 auto 60px;
}

.section-heading span{
  color:#FFD200;
  font-size:16px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  font-family:'Poppins', sans-serif;
}

.section-heading h2{
  font-size:44px;
  margin:15px 0;
  color:#292B2D;
  font-family:'Playfair Display', serif;
  font-weight:800;
}

.section-heading p{
  font-size:18px;
  color:#666;
  line-height:1.8;
  font-family:'Poppins', sans-serif;
}

.features-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}

.feature-card{
  background:#fff;
  padding:30px 20px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
  transition:0.3s ease;
}

.feature-card:hover{
  transform:translateY(-10px);
  box-shadow:0 15px 30px rgba(0,0,0,0.1);
}

.feature-icon{
  font-size:40px;
  margin-bottom:15px;
}

.feature-card h3{
  font-size:20px;
  margin-bottom:10px;
  color:#292B2D;
  font-family:'Playfair Display', serif;
}

.feature-card p{
  font-size:14px;
  color:#666;
  line-height:1.6;
  font-family:'Poppins', sans-serif;
}

/* Responsive */
@media(max-width:992px){
  .features-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .features-grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */