*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

html, body {
  height: 100%;
  overflow-x: hidden;
}

main {
  width: 100%;
  min-height: 100vh;
} 

.navvbar{
  background-color: rgb(15, 113, 33);
  color: black;
}
.ordernowbtn {
  background-color: #198754; /* Bootstrap green */
  color: #ffffff !important;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ordernowbtn:hover {
  background-color: #157347; /* Dark green */
  color: #ffffff;
}
.section-two{
  text-align: center;
  font-weight: bold;
  background: linear-gradient(to bottom, #64b583, #32e88a);
  color: black;
  margin: 0;
}

/* Ensuring the text and image are aligned properly */
section .container .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* For the image */
section img {
 /* To ensure the image doesn't get too large */
  object-fit: contain; /* Makes sure the image fits well */
}

/* Text styling */
section h2 {
  color: #333; /* You can change the color */
}

section p {
  color: #555;
}

/* Optional: If you want some spacing between the image and the content */
section .container {
  padding: 20px;
}

.benefit-badge {
  width: 40px;
  height: 40px;
  background-color: #198754; /* Bootstrap green */
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.what-is-dentitox {
  background-color: #ffffff;
}

.dentitox-img {
  max-width: 280px;
  border-radius: 30px;
  box-shadow: 5px  4px 8px rgb(117, 101, 101);
}
.dentitox-img {
  max-width: 280px;
  border-radius: 30px;
  box-shadow: 5px  4px 8px rgb(117, 101, 101);
}
.discount-img{
   max-width: 500px;
  border-radius: 30px;

}
.guarantee-img{
   max-width: 380px;
  border-radius: 30px;
  box-shadow: 5px  4px 8px rgb(117, 101, 101);

}
.footer-section {
   background: linear-gradient(to bottom, #b8edcc, #32e88a);
  border-top: 1px solid #eee;
  border: 1px solid red;

}
/* Mobile adjustments */
@media (max-width: 768px) {
  .dentitox-img {
    max-width: 280px;
  }
}