.products {
  gap: 64px;
  display: flex;
  flex-direction: column;
  background-color: #f2f4f8;
}
.products h2 {
  color: #17476d !important;
}
.products h5 {
  color: #17476d !important;
  font-weight: bold;
}
.products h4 {
  color: #2676b6 !important;
}
.products .products-listing {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Flexible columns */
  gap: 40px; /* Space between rows and columns */
  justify-content: center; /* Center items if the row is not full */
}
@media (min-width: 1280px) {
  .products .products-listing {
    grid-template-columns: repeat(4, 1fr); /* Max 4 columns on larger screens */
  }
}
.products .products-button {
  height: 60px;
  width: 188px;
  border-radius: 8px;
  border: 1px solid #2676b6;
  color: #2676b6;
  font-size: 16px;
  font-weight: 700;
  font-family: "Montserrat";
  text-decoration: none;
  justify-content: center;
  align-items: center;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.products .products-button:hover {
  background-color: #2676b6;
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}

a {
  text-decoration: none !important;
}

.big-products {
  gap: 40px;
}

.button2 {
  color: #2676b6;
  border: 2px solid #2676b6;
  background-color: transparent;
  width: 48%;
  justify-content: center;
  gap: 10px;
  height: 55px;
  border-radius: 6px;
  padding: 16px;
  transition: all 0.3s ease-in-out;
}
.button2:hover {
  color: #ffffff;
  border: 2px solid #2676b6;
  background-color: #2676b6;
  transition: all 0.3s ease-in-out;
}
.button2:hover .icon path {
  stroke: #ffffff;
  transition: all 0.3s ease-in-out;
}

.product-details-buttons {
  row-gap: 24px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-10 {
  gap: 2.5rem;
}

.rich-text {
  font-size: 17px;
}