.elementor-237 .elementor-element.elementor-element-bbbfb39{--display:flex;--min-height:0vh;--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-237 .elementor-element.elementor-element-13b7826{--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-39ad3f5 */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

.process-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.45), rgba(0,0,0,0.45)),
    url('https://balwantprocess.com/wp-content/uploads/2026/04/a5.png')
    center center/cover no-repeat;

  font-family: 'Roboto', sans-serif;
}

.process-hero-content{
  max-width:950px;
  animation: fadeUp 1.2s ease forwards;
}

/* SMALL TEXT */
.process-hero-content span{
  display:inline-block;
  color:#D90429;
  font-size:18px;
  font-weight:700;
  margin-bottom:20px;
  letter-spacing:2px;
  text-transform:uppercase;
  font-family:'Roboto', sans-serif;
}

/* HEADING */
.process-hero-content h1{
  font-size:72px;
  font-weight:900;
  margin-bottom:25px;
  line-height:1.2;
  display:inline-block;
  color:#D90429;
  text-shadow:0 6px 18px rgba(217,4,41,0.25);
  transition:all 0.4s ease;
  cursor:pointer;
  font-family:'Roboto', sans-serif;
}

.process-hero-content h1:hover{
  color:#FFD200;
  text-shadow:0 8px 20px rgba(255,210,0,0.35);
}

/* PARAGRAPH */
.process-hero-content p{
  font-size:20px;
  line-height:1.8;
  max-width:700px;
  margin:0 auto;
  color:#fff;
  font-family:'Roboto', sans-serif;
  font-weight:500;
}

/* Fade animation */
@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Responsive */
@media(max-width:768px){
  .process-hero{
    height:60vh;
  }

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

  .process-hero-content p{
    font-size:16px;
  }

  .process-hero-content span{
    font-size:14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68f2ec3 */.process-overview{
  padding:100px 10%;
  background:#F6F4F1;
}

.section-heading{
  text-align:center;
  max-width:800px;
  margin:0 auto 60px;
}

.section-heading span{
  color:#D90429;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
  font-family:'Poppins', sans-serif;
}

.section-heading h2{
  font-size:46px;
  margin:15px 0 20px;
  color:#292B2D;
  font-family:'Playfair Display', serif;
  font-weight:800;
}

.section-heading p{
  font-size:18px;
  line-height:1.8;
  color:#666;
  font-family:'Poppins', sans-serif;
}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}

.process-card{
  background:#fff;
  padding:35px 25px;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,0,0,0.06);
  transition:all 0.4s ease;
}

.process-card:hover{
  transform:translateY(-10px);
  box-shadow:0 18px 35px rgba(0,0,0,0.1);
}

.step-number{
  width:60px;
  height:60px;
  background:#D90429;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  margin-bottom:20px;
  font-family:'Poppins', sans-serif;
}

.process-card h3{
  font-size:22px;
  margin-bottom:15px;
  color:#292B2D;
  font-family:'Playfair Display', serif;
}

.process-card p{
  font-size:15px;
  line-height:1.7;
  color:#666;
  font-family:'Poppins', sans-serif;
}

/* Responsive */
@media(max-width:992px){
  .process-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .process-grid{
    grid-template-columns:1fr;
  }

  .section-heading h2{
    font-size:32px;
  }
}/* End custom CSS */