.mainimg {
  background: linear-gradient(
      0deg,
      rgba(34, 34, 34, 0.3),
      rgba(52, 52, 52, 0.3)
    ),
    url(./img/baththalangunduwa-camping.webp);
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center;
}

h1 {
  font-family: "DM Serif Display", serif;
  font-weight: 700;
  color: white;
  font-size: 4vw;
}
a {
  text-decoration: none;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Serif Display", serif;
}
.fw-600 {
  font-weight: 600;
}
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
}

hr {
  border: 2px solid orange;
  opacity: 100% !important;
}

/* Button Styles */
.btn {
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-outline-success {
  border: 2px solid #198754;
  color: #198754;
  background-color: transparent;
  font-weight: 600;
}

.btn-outline-success:hover {
  background-color: #198754;
  color: white;
  border-color: #198754;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
}

.btn-outline-primary {
  border: 2px solid #0d6efd;
  color: #0d6efd;
  background-color: transparent;
  font-weight: 600;
}

.btn-outline-primary:hover {
  background-color: #0d6efd;
  color: white;
  border-color: #0d6efd;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

.btn-success {
  background-color: #198754;
  border-color: #198754;
  color: white;
  font-weight: 600;
}

.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 135, 84, 0.4);
}