/* General Styles */
body {
    font-family: 'Arial', sans-serif;
    color: #333;
    background-color: #f8f9fa;
    margin: 0;
    padding: 0;
}

/* Hero Section with Smoother Polygon Shape */
.hero {
    position: relative;
    width: 100%;
    height: 100vh; /* Full screen height */
    overflow: hidden;
}

.hero-slideshow {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active {
    opacity: 1;
}
/* Animation for header */
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Parent element of the header */
.header-wrapper {
    background-color: #34495E; /* Background color of the wrapper */
    padding-bottom: 30px; /* Add padding if necessary to give space below */
}

/* Header Title */
.hero-section h1 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6); /* Shadow for readability */
}

/* Header Description */
.hero-section p {
    font-size: 20px;
    max-width: 600px;
    margin: 0 auto;
    color: #ddd;
}

/* Contact Form Section with Gradient Background */
.contact-section {
    padding: 50px 20px;
    text-align: center;
    background: linear-gradient(to bottom, #34495E, whitesmoke); /* Gradient from dark gray to black */
    color: #fff; /* White text color for contrast */
}

/* Contact Section Title */
.contact-section h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #FFD700; /* Gold color for the title */
}

/* Contact Form Styling */
.contact-form {
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
}

/* Adjust form inputs for smaller screens */
@media (max-width: 400px) {
    .contact-form {
        width: 80%; /* Full width for mobile */
    }

    .form-group input,
    .form-group textarea {
        font-size: 1rem; /* Keep text readable */
        padding: 2px;
    }
}
.cta-button {
    background-color: #e49b0f;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    text-transform: uppercase;
}

.cta-button:hover {
    background-color: #d68c0a;
}

/* Google Map Section */
.google-map {
    text-align: center; /* Center the text and image */
    margin: 40px 0; /* Add some space around the section */
}

.google-map h2 {
    font-size: 2rem;
    color: #e67e22; /* Gold color for headings */
    margin-bottom: 20px;
}

.map-image {
    width: 100%; /* Set image width to 80% of its container */
    max-width: 3000px; /* Maximum width of 800px */
    height: 100%; /* Maintain aspect ratio */
    max-height: 2000px;
    cursor: pointer;
}
.whatsapp-section {
    text-align: center;
    margin: 30px 0;
}
.whatsapp-button {
    display: inline-block;
    background-color: #25D366;
    color: white;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
.whatsapp-button:hover {
    background-color: #1EBE56;
}
/* Footer */
footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.social-links a {
    color: #e49b0f;
    margin: 0 10px;
    text-decoration: none;
}