/* General container layout */
.contact-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 40px;
    position: relative;
}

/* Left side with the profile picture */
.contact-left {
    flex: 1;
    display: flex;
    justify-content: center;
}

.profile-picture {
    max-width: 400px; /* Adjust size of the profile image */
    border-radius: 50%;
}

/* Vertical line divider */
.contact-divider {
    width: 1px;
    height: 300px; /* Adjust as needed */
    background-color: #d3d3d3; /* Light grey */
    margin: 0 40px;
}

/* Right side with contact info */
.contact-right {
    flex: 1;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Contact item styling */
.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px; /* Space between items */
}

.contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* Styling for the LinkedIn link */
.contact-item a {
    color: #0047AB;  /* Blue link color */
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-item a:hover {
    color: #002E6D; /* Darker blue on hover */
}

/* Responsive design */
@media (max-width: 1000px) {
    .contact-container {
        flex-direction: column;
        align-items: center;
    }

    .contact-divider {
        height: 1px;
        width: 80%;
        margin: 20px 0;
    }

    .contact-left, .contact-right {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

    .contact-item {
        justify-content: center;
    }
}