/* ===============================
   CLEAN UI BOX SECTION
================================ */

.clean-ui-section{
  padding:80px 20px;
}

.section-heading{
  color:var(--primary);
  margin-bottom:40px;
  text-align:left;
}

.clean-box-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;
}

.clean-box{
  background:#111827;
  border:1px solid var(--primary-soft);
  padding:25px;
  border-radius:15px;
  transition:0.3s;
}

.clean-box:hover{
  border-color:var(--primary);
  box-shadow:0 0 20px var(--primary-soft);
}

.clean-box h5{
  color:var(--primary);
  margin-bottom:10px;
}

.clean-box p{
  color:var(--text-muted);
  font-size:14px;
}