:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  color: #777;
}

.navbar {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.nav-link {
  padding-right: 25px !important;
}

.nav-link:hover {
  color: orange !important;
}

.dropdown-item {
  word-wrap: break-word !important;
  border-bottom: 1px solid #ddd !important;
  color: #333 !important;
  white-space: normal !important;
  font-size: 14px !important;
}

.dropdown-item:last-child {
  border-bottom: none !important;
}

.dropdown-item:hover {
  color: orange !important;
}

.dropdown-menu {
  max-width: 300px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 25px !important;
  line-height: 1.4em !important;
  color: #333 !important;
  font-weight: 400 !important;
  font-family: "Open Sans", "arial", "verdana", "sans-serif" !important;
}

.custom-btn-primary,
.custom-btn-secondary {
  background-color: #ff7b7b !important;
  color: white !important;
  border: none !important;
  border-radius: 30px !important; /* Adjust as needed */
}
.custom-btn-primary:hover,
.custom-btn-secondary:hover {
  background-color: darkorange !important; /* Slightly darker orange for hover effect */
  color: white !important;
  text-decoration: none !important;
}

.video-container {
  margin-top: 1.5rem; /* Adjust as needed */
  margin-left: 1.5rem; /* Adjust as needed */
  height: 600px; /* Adjust as needed */
}

#page-title h1 {
  margin: 0;
  font-size: 24px;
  display: block;
  color: #666;
  line-height: 1em;
  /* font-weight: normal; */
}

.full-width-background {
  width: 100%;
  background-color: #3dd5ad;
}

.faq {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #777 !important;
}

.carousel-item img {
  max-height: 20vh; /* You can adjust this value to your preference */
  object-fit: cover;
  width: auto; /* Ensures width changes according to aspect ratio */
}
