/* phone.css */
@media only screen and (max-width: 600px) {
    .hero .tagline h2 {
        font-size: 2.5rem;
    }
    .features-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 10px;
    }
  
    .features-text {
      text-align: center;
      margin-bottom: 20px;
    }
  
    .features-text h1 {
      font-size: 1.5rem;
      margin-bottom: 10px;
    }
  
    .features-text p {
      font-size: 1rem;
      line-height: 1.5;
    }
  
    .features-cards {
        display: flex; /* Change from grid to flex */
        flex-wrap: wrap; /* Allow cards to wrap to the next row */
        justify-content: center; /* Center cards horizontally */
        gap: 20px; /* Maintain spacing between cards */
    }
    
  
  /* Adjust bottom row cards */
.features-cards .feature-card:nth-child(2), 
.features-cards .feature-card:nth-child(4) {
    margin-top: 0px; /* Move the second row upwards */
}
    .feature-card {
      padding: 15px;
      text-align: center;
      border: 1px solid #ddd;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
  
    .feature-card img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
    }
  
    .feature-card h3 {
      font-size: 1rem;
      margin-top: 5px;
    }
  }