.how-to-steps {
    background-color: var(--color-light-gray);
}

.steps-grid {
    display: flex;
    gap: 30px;
    margin-top: 40px;
    text-align: center;
}

.step-item {
    flex: 1;
}
                
  .step-item img {
    width: 260px;
    height: 178px;
     margin-bottom: 15px;
  }

              /* 8. Mobile App Promo */

 .mobile-promo .container {
     display: flex;
     align-items: center;
     gap: 50px;
  }

.mobile-promo-image {
     flex-basis: 40%;
 }
                
.mobile-promo-text {
    flex: 1;
}

.mobile-promo-text h2 {
   color: #fff;
 text-align: left;
}
                
.mobile-promo-text ul {
   list-style: none;
   margin: 20px 0 30px;
}
                
 .mobile-promo-text li {
     position: relative;
     padding-left: 30px;
     margin-bottom: 10px;
  }
                
 .mobile-promo-text li::before {
    content: '✓';
    color: var(--color-primary);
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
  }
 .mobile-promo {
  background-color: var(--color-dark-bg);
  color: #fff;
  background: #000;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
 }