/*Mobile*/
/* =========================
   FEATURES – MOBILE FIX
========================= */
@media (max-width:768px){

  .features{        
     position:relative;
    z-index:0;
    clear:both;          /* 🔥 HERO SE CLEAR */
    margin-top:40px;     /* 🔥 hero ke baad gap */
  }

  .features-grid{
    display:flex !important;   /* ruby ko override */
    flex-direction:column;
    gap:16px;
    margin:0 14px;
  }

  .feature-card{
    width:100% !important;     /* 17% hatao */
    margin:0;
    padding:20px;
  }

}




/* FEATURES */
.features{
  padding:70px 0;
  
}

.features-grid{
  display:flex;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  align-items: flex-start;
  margin: auto;
}

.feature-card{
  text-align: left;
  border: 1px solid #e5e5e5;
  padding: 30px;
  border-radius: 10px;
  width: 17%;
  margin: 9px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

.feature-card img{
  width:60px;
  margin-bottom:15px;
}