/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body and page layout */
body {
    font-family: 'Poppins', sans-serif;
    background-color: black; /* Set background to black */
    color: white; /* Set default text color to white for contrast */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main container */
.container {
    display: flex;
    flex: 1; /* This makes sure the container grows to push footer down */
    align-items: stretch;
}

/* Left-side Full-screen Image */
.left-side {
    flex: 1;
    position: relative;
}

.left-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(80%);
}

/* Right-side Content */
.right-side {
    flex: 1;
    background-color: #1a1a1a; /* Dark background for right side */
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.right-side img {
    max-width: 120px;
    margin-bottom: 30px;
}

.address h2,
.contact h2 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #56a72a; /* Green text color for contact details */
}

.right-side h1 {
    font-size: 36px;
    color: #56a72a; /* Green text color for headings */
}

/* Phone and Email Link Styles */
.right-side .phone-number,
.right-side .email {
    color: #56a72a; /* Green text color */
    text-decoration: none; /* Remove underline */
    padding: 8px 12px; /* Adjusted padding for a smaller button */
    border: 2px solid #56a72a; /* Border color */
    border-radius: 25px; /* Rounded corners */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
    margin-bottom: 15px; /* Add spacing between phone and email */
}

.right-side .phone-number:hover,
.right-side .email:hover {
    background-color: #56a72a; /* Green background on hover */
    color: white; /* Change text color to white on hover */
    cursor: pointer; /* Change cursor to pointer */
}

/* Social Media Icons */
.social-icons {
    display: flex;
    gap: 30px; /* Increase gap between social media icons */
    margin-top: 20px;
}

.social-media {
    width: 30px; /* Smaller size for social media icons */
    height: 30px;
    filter: grayscale(100%);
    transition: transform 0.3s ease, filter 0.3s ease;
}

.social-media:hover {
    filter: none;
    transform: scale(1.2);
}

/* Footer Styling */
footer {
    text-align: center;
    background-color: #333; /* Dark footer background */
    color: white;
    padding: 20px;
    width: 100%;
    margin-top: auto; /* Keeps footer at the bottom */
}

footer p {
    margin-bottom: 5px;
}

footer a {
    color: #56a72a; /* Link color */
    text-decoration: none;
}

footer a:hover {
    color: white; /* Change link color on hover */
    text-decoration: underline;
}