body {
	font-family: 'Roboto Mono', monospace;
  }
  
  /* NAVBAR SECTION */
  .navbar {
	background-color: rgba(243, 238, 234, 0.8);
	opacity: 70%;
	height: 100px;
	border-radius: 16px;
	padding: 0.5rem;
  }
  
  .navbar-brand,
  .navbar-toggler,
  .nav-link {
	opacity: 1 !important;
  }
  
  .logo-img {
	border-radius: 20%;
  }
  
  .navbar-brand {
	font-size: 24px;
  }
  
  .navbar-toggler {
	border: none;
	font-size: 1.25rem;
  }
  
  .navbar-toggler:focus,
  .btn-close:focus {
	box-shadow: none;
	outline: none;
  }
  
  .nav-link {
	color: black;
	font-size: 20px;
	font-weight: bold;
	position: relative;
  }
  
  .nav-link:hover,
  .nav-link.active {
	color: #000;
  }
  
  .offcanvas {
	background: #fff;
  }
  
  @media (min-width: 991px) {
	.nav-link::before {
	  content: "";
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 0;
	  height: 2px;
	  background-color: #78938A;
	  visibility: hidden;
	  transition: 0.3s ease-in-out;
	}
  
	.nav-link:hover::before,
	.nav-link.active::before {
	  width: 100%;
	  visibility: visible;
	}
  }
  
  /* HERO SECTION */
  .hero-section {
	background: url(./images/hero-image.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 100vh;
	margin-bottom: 50px;
	position: relative;
  }
  
  .hero-section::before {
	background-color: rgba(0, 0, 0, 0.6);
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  }
  
  .hero-section .container {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
  }
  
  .hero-section h1 {
	font-size: 2em;
  }
  
  .hero-section h2 {
	font-size: 1.5em;
  }
  
  .hero-section p {
	font-size: 1em;
  }
  
  /* Space between h1 and h2 */
  .container h1,
  .container h2 {
	margin-bottom: 10px;
  }
  
  /* Space between h2 and p */
  .container h2 {
	margin-bottom: 60px;
  }
  
  /* Space between paragraph lines */
  .container p {
	/* margin-bottom: 0; */
	line-height: 1.5;
  }
  
  .line-center {
	display: block;
	text-align: center;
	margin: auto;
  }
  
  /* TESTIMONIALS SECTION */
  .background-green {
	background-color: #556a63;
	opacity: 90%;
	width: 100%;
	padding: 70px 50px 25px 50px;
  }
  
  .cards-wrapper {
	column-gap: 20px;
  }
  
  .testimonial-cards {
	background-color: #fff;
	border-radius: 5%;
	position: relative;
	padding-bottom: 60px; /* Add padding to the bottom of the card */
  }

.col-md-4 {
	padding-bottom: 40px;
  }
  
  .testimonial-cards .card-body {
	border: 2px solid #000;
	border-radius: 5%;
	padding-bottom: 40px; /* Add padding to the bottom of the card body */
  }
  
  .card-title {
	position: absolute;
	bottom: 10px;
	left: 20px;
	right: 20px;
	margin-bottom: 0;
  }
  
  /* FOOTER SECTION */
  .yoga-alliance {
	width: 150px;
	height: 100px;
	padding-top: 50px;
  }