body {
  background-image: url(../images/bg.jpg);
  color: #1e293b;
  overflow-x: hidden; /* Prevent horizontal scroll on mobile */
}

header.border-t {
  border-color: rgba(33, 25, 25, 0.122) !important;
}

.charts h3 {
  font-size: 25px;
  font-weight: 700;
}

.container h2 {
  font-size: 34px;
  font-weight: 700;
}

.deep-derive h3 {
  font-size: 25px;
  font-weight: 700;
}

button {
  background-color: #fb5622 !important;
}

@media (max-width: 767px) {
  .kpis {
    flex-direction: column;
  }
  .charts {
    padding: 20px !important;
  }
  .container h2 {
    font-size: 27px;

    line-height: normal;
  }
  .benefit {
    flex-direction: column;
    text-align: center;
  }

  .logo {
    position: static !important;
    transform: translate(0) !important;
    width: 48%;
  }
}