/* Global Styles */* {    margin: 0;    padding: 0;    box-sizing: border-box;}/* Navigation Bar */header, nav {    background-color: #1565c0;/* Changed to blue */    color: #fff;}nav {    background-color: #1565c0; /* Couleur bleue actuelle */    color: #fff;    width: 100%; /* Étendre la barre de navigation sur toute la largeur */    height: 12%;    position: fixed; /* Garder fixé en haut */    top: 0; /* Aligné en haut de la page */    left: 0; /* Aligné à gauche */    z-index: 1000; /* Assurez-vous qu'il est au-dessus des autres éléments */    display: flex; /* Utiliser flex pour la disposition */    justify-content: space-between; /* Espacement entre logo et menu */    align-items: center; /* Aligner verticalement au centre */    padding: 10px 20px; /* Ajouter un peu de padding */}.logo-container {    display: flex; /* Utiliser flex pour le conteneur de logo */    align-items: center; /* Aligner verticalement au centre */}.logo-container img {    width: 50px; /* Ajustez la taille de l'image selon vos besoins */    height: 40px; /* Conserver les proportions */    margin-right: 10px; /* Ajouter un espacement entre l'image et le titre */}h1 {    font-size: 1.5rem; /* Ajuster la taille de la police */    color: white; /* Couleur du texte */}/* Hero Section */.hero-section {    background-image: url('a.jpeg');    background-size: cover;    background-position: center;    padding: 100px 0;    text-align: center;    color: #fff;    height: 100vh; /* Set the height to fill the viewport */    background-attachment: fixed; /* Parallax effect to keep the image fixed */}.hero-content h2 {    font-size: 3rem;    margin-bottom: 20px;}.hero-content p {    font-size: 1.2rem;    margin-bottom: 30px;}.cta-button {    background-color: #1565c0;    color: white;    padding: 15px 30px;    border: none;    border-radius: 5px;    text-decoration: none;    font-size: 1.2rem;    transition: background-color 0.3s;}.cta-button:hover {    background-color: #0d47a1;}/* Services Section */.section {    padding: 60px 0;}h2 {    text-align: center;    margin-bottom: 40px;}/* General styles for the container */.container {    width: 100%;    margin: 0 auto;    }/* Service Cards */.service-cards {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin: 20px 0;}.service-card {    background-color: #f9f9f9;    border: 1px solid #ddd;    border-radius: 8px;    padding: 20px;    flex: 1 1 30%; /* Adjusts to three columns */    margin: 10px;    box-shadow: 0 2px 5px rgba(0,0,0,0.1);    transition: transform 0.2s;}.service-card:hover {    transform: scale(1.05);}.service-card h3 {    margin-top: 0;}/* Image Container */.image-container {    display: flex;    justify-content: center;    margin-top: 20px;}.service-image {    width: 200px; /* Adjust size as needed */    height: auto;    border-radius: 8px;    margin: 0 10px;}/* Reservation Form Section */form {    background-color: #fff;    padding: 30px;    border-radius: 5px;    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);    margin: 20px auto;    max-width: 600px;}form label {    display: block;    margin-bottom: 10px;    font-weight: bold;}form input, form select, form textarea {    width: 100%;    padding: 10px;    margin-bottom: 20px;    border: 1px solid #ccc;    border-radius: 5px;}/* CTA Button for Forms */form .cta-button {    display: block;    width: 100%;    padding: 15px;    text-align: center;}/* Footer */.section-dark {    background-color: #4A90E2; /* Changed to blue */    color: white;    padding: 30px 0;    text-align: center;}footer .social-media a {    color: white;    text-decoration: none;    margin: 0 10px;}footer .social-media a:hover {    text-decoration: underline;}footer .social-media {    display: flex;    justify-content: center;    margin-top: 15px;}/* Driver and Taxi Section *//* Style pour la section Driver and Taxi */.driver-taxi-info {    display: flex; /* Utiliser flex pour la disposition */    flex-direction: column; /* Disposition verticale */    align-items: center; /* Centre horizontal */    justify-content: center; /* Centre vertical */    padding: 40px 0; /* Ajoute un espacement supérieur et inférieur */}.driver-info,.taxi-info {    display: flex; /* Utiliser flex pour la disposition des informations */    align-items: center; /* Centre verticalement */    justify-content: center; /* Centre horizontalement */    margin: 100px 0; /* Espacement entre chaque section */    text-align: left; /* Aligne le texte à gauche à l'intérieur des sections */}h2 {    margin: 30px 0; /* Espacement autour des titres */}h3 {    margin: 0; /* Pas d'espacement autour du titre de chauffeur/taxi */}/* Image Container */.image-container {    display: flex;    justify-content: center;    margin-top: 20px;    flex-wrap: wrap; /* Allow items to wrap */}.image-item {    margin: 0 10px;    text-align: center; /* Center the caption text */}.service-image {    width: 200px; /* Adjust size as needed */    height: auto;    border-radius: 8px;    margin-bottom: 8px; /* Add space between image and caption */}.image-caption {    font-size: 14px; /* Adjust font size as needed */    color: #555; /* Caption text color */    margin-top: 5px; /* Add space above caption */}/* Contact Form Styles */.contact-form {    margin-top: 20px;    background-color: #f9f9f9; /* Light background for the form */    padding: 20px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.form-group {    margin-bottom: 15px;}label {    display: block;    margin-bottom: 5px;    font-weight: bold; /* Make labels stand out */}input[type="text"],input[type="email"],textarea {    width: 100%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;}textarea {    resize: none; /* Disable resizing */}.cta-button {    background-color: #0c419a;/* Blue background */    color: white; /* White text */    padding: 10px 15px;    border: none;    border-radius: 4px;    cursor: pointer;}.cta-button:hover {    background-color: #0056b3; /* Darker blue on hover */}.service-card:hover {    transform: scale(1.05);    box-shadow: 0 4px 10px rgba(0,0,0,0.2);}html, body {    height: 100%; /* Ensure full height */    margin: 0; /* Remove default margin */}.wrapper {    display: flex;    flex-direction: column;    min-height: 100vh; /* Ensure the wrapper takes full height */}.section {    flex: 1; /* Allow the main content to grow */}/* Footer Styles */.section-dark {    background-color: darkblue; /* Background color */    color: white; /* Text color */    padding: 30px 0;    text-align: center; /* Center the text */}