.features {
  padding: 4rem 0;
}

.featuresTitle {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 3rem;
}

.featuresList {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.featureItem {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.featureItem:nth-child(even) {
  flex-direction: row-reverse;
}

.featureContent {
  flex: 1;
}

.featureContent h3 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.featureContent p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
}

.featureImageWrapper {
  flex: 1;
}

.featureImage {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.featureImage:hover {
  transform: scale(1.02);
}

.f500 img {
  width: min(500px, 100%);
  box-shadow: none;
}

/* No border or shadow styles */
.noBorder {
  /* Custom styles for the container if needed */
}

.noBorderImage {
  box-shadow: none;
  border-radius: 0;
}

.noBorderImage:hover {
  transform: none;
}

@media screen and (max-width: 768px) {
  .featureItem,
  .featureItem:nth-child(even) {
    flex-direction: column;
  }

  .featureContent,
  .featureImageWrapper {
    width: 100%;
  }
}