body {
  font-family: "Open Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
button {
  font-family: "Montserrat", sans-serif;
}
/* Custom styles for mobile menu */
.mobile-menu {
transition: all 0.3s ease-in-out;
}
.hamburger-line {
transition: all 0.3s ease-in-out;
}
.hamburger.active .hamburger-line:nth-child(1) {
transform: rotate(45deg) translate(6px, 6px);
}
.hamburger.active .hamburger-line:nth-child(2) {
opacity: 0;
}
.hamburger.active .hamburger-line:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
/* Custom styles for image hover effect */
.image-container {
position: relative;
overflow: hidden;
}
.image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: white;
display: flex;
align-items: center;
/* justify-content: center; */
opacity: 0;
transition: opacity 0.3s ease;
padding: 1rem;
}
.image-container:hover .image-overlay {
opacity: 1;
}