body {
    font-family: 'Arial', sans-serif;
}

header {
    background: linear-gradient(90deg, #51c1e4, #517fe4);
}

nav .navbar-nav .nav-link {
    color: #218838;
}

nav .navbar-nav .nav-link:hover {
    color: #28a745;
}

h3 {
    font-weight: bold;
}

h3 {
    margin-top: 20px;
}

img.img-thumbnail {
    margin-bottom: 10px;
}

footer {
    background: #343a40;
}

.modal img.img-fluid {
    margin-bottom: 0;
}

/* General link styling */
a {
    color: #218838; /* Replace with desired color */
    text-decoration: none; /* Remove underline */
}

/* Hover state for links */
a:hover {
    color: #28a745; /* Replace with desired hover color */
    text-decoration: underline; /* Add underline on hover */
}

.hero-section {
    background: linear-gradient(120deg, #51c1e4 0%, #517fe4 100%);
    height: 100vh;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    color: white;
    overflow: hidden;
    padding-top: 50px; /* Adjust this value to control the top position */
}

.animate {
    animation: fadeIn 4s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(200px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

.hero-section h2, .hero-section p {
    max-width: 800px;
    margin: 0 auto;
}

/* Custom font styles */
h1, h2, .playfair-display-h1 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  padding-bottom: 20px;
}