.card {
  position: relative !important;
  border-radius: 20px !important;
}

.card-body {
  padding: 0.2rem 0.25rem !important;
}

.card-img-top {
  transition: transform 0.3s ease;
  border-radius: 15px !important;
}

.text {
  text-decoration: none;
  transition: 0.3s !important;
}

.footer-text {
  text-decoration: none;
  transition: 0.3s !important;
}

.text:hover {
  filter: brightness(400%);
}

.footer-text:hover {
  filter: brightness(10%);
}

.btn, .btn-lg {
  transition: 0.4s !important;
}

.navbar {
  position: fixed;
}

.swiper {
  width: 1100px !important;
  height: 400px;
}

.reviews {
  width: 700px !important;
  height: 250px !important;
}

.form-control {
  line-height: 2 !important;
}


.card-overlay-top {
  transition: transform 0.3s ease;
  position: absolute;
  top: 0;
  left: 5%;
  font-size: small;
  color: white;
  display: flex;
  padding-top: 10%;
  text-align: center;
}

.card-overlay-bottom {
  transition: transform 0.3s ease;
  position: absolute;
  display: flex;
  bottom: 0;
  left: 5%;
  padding-bottom: 5%;
  width: 100%;
  color: white;
  padding-right: 10%;
}

.card:hover .card-overlay-top,
.card:hover .card-overlay-bottom,
.card:hover .card-img-top {
  transform: scale(1.03);
}

.hr {
  width: 3%;
}

.section::before {
  content: "";
  display: block;
  height: 50px;
}