body {
    background-color: #2A3945;
    color: #ffffff;
}

.card {
    background-color: #ffffff;
    color: #2A3945;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.card-title {
    color: #2A3945;
}

.card-text {
    color: #666666;
}

.navbar {
    background-color: #ffffff !important;
}

.navbar-brand, .nav-link {
    color: #2A3945 !important;
}

.nav-link:hover {
    color: #F9B233 !important;
}

.hero-section {
    background-color: #ffffff;
    color: #2A3945;
}

.hero-section h1 {
    color: #2A3945;
}

.hero-section p {
    color: #666666;
}

.footer {
    background-color: #ffffff;
    color: #2A3945;
}

.footer h5 {
    color: #2A3945;
}

.footer p, .footer a {
    color: #666666;
}

.footer a:hover {
    color: #F9B233;
}

.section-title {
    color: #ffffff;
}

.section-description {
    color: #cccccc;
}

/* Styles pour masquer la barre de défilement */
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
}

* {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

*::-webkit-scrollbar {
    display: none;
}

/* Styles pour les sections */
section {
    width: 100%;
    height: 100vh;
    max-width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;
}

/* Ajustement des conteneurs */
.reviews-section-container,
.reviews-columns-container,
.review-column,
.review-track-up,
.review-track-down {
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

/* Ajustement de la section des avis */
#section5 {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.reviews-section-container {
    height: 100%;
    overflow: hidden;
}

/* Ajustement de la section de localisation */
#section4 {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.localisation-container {
    height: 100%;
    overflow: hidden;
}

/* Ajustement de la section de la carte */
#section3 {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.carte-container {
    height: 100%;
    overflow: hidden;
}