/* Import Font Awesome CSS */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

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

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

#banner {
    background-image: url('https://www.capgemini.com/de-de/wp-content/uploads/sites/5/2020/08/DEMS_Automotive_banner.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 80px 20px;
    text-align: left; /* Align text to the left */
}

#brands {
    background-color: #f9f9f9; /* Light gray background */
    padding: 50px 0; /* Adjusted padding */
}

.brands-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.brands-list img {
    max-width: 150px;
    max-height: 100px;
    margin: 20px;
}

#services, #contact {
    padding: 50px 0;
    text-align: center; /* Center text */
}

#services h2, #contact h2 {
    text-align: center;
}

#services ul {
    list-style-type: disc; /* Add bullet points */
    padding: 0;
    display: inline-block; /* Display the list as inline-block */
}

#services li {
    margin-bottom: 10px;
    text-align: left; /* Align text to the left */
}

.phone-link,
.facebook-link {
    color: #fff;
    text-decoration: none;
}