body {
    font-family: 'MedievalSharp', cursive;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom, white, #f0f0f0, #e0e0e0, #d0d0d0, #c0c0c0);
}

header {
    background-color: #333;
    color: white;
    padding: 1em 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

nav ul li {
    display: inline;
    margin: 0 1em;
}

nav ul li a {
    color: white;
    text-decoration: none;
    font-size: 1.2em; /* Keeping the menu font size */
}

main {
    padding-top: 45px; /* To account for the fixed header */
    text-align: center;
}

section {
    padding: 2em;
    border-bottom: 1px solid #ddd;
}

section {
    padding: 2em;
    border-bottom: 1px solid #ddd;
}

section h1 {
    color: #333;
    font-size: 6em; /* Increasing font size for section headers */
    font-family: 'MedievalSharp', cursive; /* Font for h1 */
}

section h2 {
    color: #333;
    font-size: 4.5em; /* Increasing font size for section h2 */
    font-family: Arial, sans-serif; /* More legible font for h2 */
}

section p {
    max-width: 800px;
    margin: 0 auto 1em auto;
    font-size: 1.5em; /* Increasing font size for section text */
	font-family: Arial, sans-serif; 
}nt-size: 1.5em; /* Increasing font size for section text */

/* Styles for the Team Members section */



#teams .grid-item img {
    width: auto; /* Maintain original width */
    max-width: 100%; /* Ensure image fits within the container */
    height: auto; /* Maintain aspect ratio */
    max-height: 600px; /* Increased height for larger images */
}

#teams .grid-item p {
    margin: 1em 0; /* Increased space between text elements */
    font-size: 2em; /* Larger font size for text */
    font-family: 'MedievalSharp', cursive; /* Ensure consistent font for text */
}

#teams .grid-item a {
    display: inline-block; /* Ensure links are inline-block elements */
    padding: 1em 2em; /* Consistent padding for buttons */
    text-decoration: none; /* Remove underline from links */
    color: #0066cc; /* Link color */
    font-size: 1.8em; /* Consistent font size for links */
    border: 3px solid #0066cc; /* Consistent border around buttons */
    border-radius: 10px; /* Consistent rounded corners for buttons */
    background-color: #f0f0f0; /* Background color for buttons */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    font-family: 'MedievalSharp', cursive; /* Ensure the correct font is applied */
    box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
}

#teams .grid-item a:hover {
    background-color: #0066cc; /* Background color on hover */
    color: #fff; /* Text color on hover */
}

section img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    justify-items: center;
    padding: 2em 0;
}

.grid-item {
    text-align: center;
}

.grid-item img {
    max-width: 100%;
    height: auto;
}

.grid-item p {
    font-size: 1.8em; /* Slightly larger font size for team member descriptions */
    margin: 1em 0;
}

.grid-item a {
    display: inline-block;
    padding: 0.5em 1em;
    color: white;
    background-color: #007BFF;
    text-decoration: none;
    border-radius: 4px;
}

.grid-item a:hover {
    background-color: #0056b3;
}

/* Gallery Styles */
.gallery-container {
    position: relative;
    max-width: 1200px;
    margin: auto;
    height: 750px; /* Set a fixed height for the gallery container */
    overflow: hidden;
}

.gallery-slides {
    display: flex;
    height: 100%; /* Ensure it takes the full height of the container */
}

.gallery-slide {
    min-width: 100%;
    transition: transform 0.5s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensure it takes the full height of the container */
}

.gallery-slide img {
    max-height: 100%; /* Ensure the image maintains aspect ratio */
    max-width: 100%; /* Ensure the image maintains aspect ratio */
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.prev {
    left: 0;
    border-radius: 3px 0 0 3px;
}

.next {
    right: 0;
    border-radius: 3px 3px 0 0;
}

.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/*HIRE US STYLES*/

section#hire-us {
    padding: 0.25em;
    border-bottom: 1px solid #ddd;
}

section#hire-us h1 {
    color: #333;
    font-size: 6em; /* Font size for the section header */
    font-family: 'MedievalSharp', cursive; /* Font for h1 */
    text-align: center; /* Center align header */
}

section#hire-us p {
    max-width: 800px;
    margin: 0 auto 0.5em auto; /* Reduced margin for spacing between paragraphs */
    font-size: 2em; /* Font size for the paragraph text */
    text-align: left; /* Center align paragraphs */
}

section#hire-us ul {
    list-style-type: disc;
    margin: 1em auto; /* Margin for spacing around the list */
    padding-left: 2em; /* Indent the list items */
    max-width: 800px;
    font-size: 1.8em; /* Larger font size for the bullet points */
    text-align: left; /* Left align the bullet points */
    font-family: 'Arial', sans-serif; /* Different font for the bullet points */
}

section#hire-us ul li {
    margin: 0.5em 0; /* Spacing between list items */
}


section#small-gallery {
    padding: 2em;
    border-top: 1px solid #ddd;
    text-align: center;
}

section#small-gallery h2 {
    color: #333;
    font-size: 2em; /* Font size for the gallery header */
    font-family: 'MedievalSharp', cursive; /* Font for h2 */
}

section#small-gallery {
    padding: 3em; /* Increased padding for the section */
    border-top: 1px solid #ddd;
    text-align: center;
}

section#small-gallery h2 {
    color: #333;
    font-size: 2.5em; /* Increased font size for the gallery header */
    font-family: 'MedievalSharp', cursive; /* Font for h2 */
}

section#small-gallery {
    padding: 4em; /* Increased padding for more space around the gallery */
    border-top: 1px solid #ddd;
    text-align: center;
}

section#small-gallery h2 {
    color: #333;
    font-size: 3em; /* Increased font size for the gallery header */
    font-family: 'MedievalSharp', cursive; /* Font for h2 */
}
section#small-gallery {
    padding: 4.6em; /* Increased padding by 15% */
    border-top: 1px solid #ddd;
    text-align: center;
}

section#small-gallery h2 {
    color: #333;
    font-size: 3.45em; /* Increased font size by 15% */
    font-family: 'MedievalSharp', cursive; /* Font for h2 */
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 2.3em; /* Increased space between images by 15% */
    max-width: 1725px; /* Increased max-width by 15% */
    margin: auto;
}

.gallery-item {
    overflow: hidden;
    border: 3.45px solid #ddd; /* Increased border thickness by 15% */
    border-radius: 17.25px; /* Increased border-radius by 15% */
}

.gallery-item img {
    width: 100%;
    height: 460px; /* Increased height by 15% */
    object-fit: cover; /* Crop and maintain aspect ratio */
}