.breakpoint-section {
  padding-inline: 200px;
  background-color: #e6f5e6;
  margin-bottom: 50px;
  padding-bottom: 50px;
  padding-top: 20px;
}

@media (max-width: 992px) {
  .breakpoint-section {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
}

@media (max-width: 576px) {
  .breakpoint-section {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}

.product-feature {
  margin-top: 100px;
  /* background-color: blue; */
}

@media (max-width: 576px) {
  .product-feature {
    margin-top: 50px;
  }
}

.feature-card {
  border-radius: 20px;
  background-color: #d9f2d9 !important;
}

.feature-card .card-body {
  background-color: white;
}

.image-wrapper {
  padding-bottom: 0px;
  padding-top: 70px;
  padding-left: 90px;
  overflow: hidden;
  /* height: 100% !important; */
}

.card-img-top {
  object-fit: cover;
  transition: all 0.6s ease-in-out;
  height: 350px !important;
  width: 100%;
  /* height: 100%; */
}

.feature-card:hover .image-wrapper {
  background: linear-gradient(90deg, #003333, #006666 50%, #003333);
}

.feature-card:hover .card-img-top {
  transform: scale(1.05);
}

@media (max-width: 576px) {
  .card-img-top {
    height: 300px !important ;
  }

  .image-wrapper {
    padding-top: 60px;
    padding-left: 40px;
  }

  .feature-card .card-body .card-title {
    font-size: 20px;
    line-height: 26px;
  }

  .feature-card .card-body .card-text {
    font-size: 16px;
    line-height: 22px;
  }
}

[data-theme="dark"] .feature-card {
  background-color: var(--bg-tertiary) !important;
}

[data-theme="dark"] .feature-card .card-body {
  background-color: var(--card-bg) !important;
}

[data-theme="dark"] .feature-card .card-body .card-text,
[data-theme="dark"] .feature-card .card-body .card-title {
  color: var(--text-muted) !important;
}