.custom-footer {
    margin-top: 20px; 
    background-color: rgba(64, 64, 64, 0.4); 
    color: white;
}
.politics{
    margin-bottom: 100px;
}

.full-width-image {
    width: 100%; 
    margin-top: 24px; 
}

.custom-footer a:hover {
    color: #fd0202; 
}
.border-5 {
    border-width: 5px !important;
}
.fixed-image {
    height: 200px;
    object-fit: cover;
}
.couleur-ponctualite {
color: #007bff; 
}
.couleur-rapidite {
color: #dc3545; 
}
.couleur-attention {
color: #ffc107; 
}
.couleur-flexibilite {
color: #17a2b8; 
}
.couleur-ecologie {
color: #28a745; 
}

.couleur-proffessionalisme i {
color: #4e73df; 
}


.couleur-services i {
color: #1cc88a; 
}


.couleur-satisfaction i {
color: #f6c23e; 
}
.required::after {
content: " *";
color: red;
}

#devis{
text-align: center;
}

.custom-card {
background: linear-gradient(to bottom, #061220, #05121d, #05121d, #091726, #223341, #324554, #374e5f, #3d5161, #435870);
color: white;

}
.custom-card .card-body {
background-color: rgba(255, 255, 255, 0.1); 
}
.custom-card .btn-success {
background-color: #28a745; 
border-color: #28a745;
}
.custom-card .btn-success:hover {
background-color: #218838; 
border-color: #fff;
}

.para{
    font-size: 22pt;
    width:100%;

}

body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    background: linear-gradient(to bottom, #061220, #05121d, #05121d, #091726, #223341, #324554, #374e5f, #3d5161, #435870);
    color: white; 
    
}

.custom-margin {
    margin-bottom: 1rem; 
}


.top-bar {
    background-color: rgba(128, 128, 128, 0.5); 
    color: #fff;
    padding: 10px 0;
    font-size: 18px; 
    z-index: 1100; 
}
.navbar-custom {
    top: 80px; 
    width: 100%;
    z-index: 1000;
    
}
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
    margin: 0 25px;
    transition: background-color 0.3s, border-radius 0.3s;
}
.navbar-custom .navbar-nav .nav-link:hover {
    background-color: #28a745; 
    border-radius: 0.5rem; 
    color: #fff; 
}

.navbar-custom .navbar-brand img {
    max-height: 70px;
}
.hero-image {
    position: relative;
    margin-top: 80px; 
}
.hero-image img {
    width: 100%;
    height: auto;
}
.navbar-toggler-icon {
    display: none; 
}
.navbar-toggler {
    border: none; 
}
.navbar-toggler.custom-toggler {
    color: white; 
    font-size: 1.5em; 
}
.mt-top-bar {
    margin-top: 50px; 
}
.top-bar .contact-info {
    display: flex;
    align-items: center;
}
.top-bar .contact-info i {
    margin-right: 10px;
}
.top-bar .social-icons a {
    font-size: 2rem; 
    margin-left: 15px;
    color: #fff;
}
.top-bar .contact-text {
    font-size: 1.2rem; 
}
.social-icons {
    margin-top: 8px;
}
.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox%3D%220 0 30 30%22 xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath stroke%3D%22rgba%28255%2C%20255%2C%20255%2C%201%29%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-miterlimit%3D%2210%22 d%3D%22M4 7h22M4 15h22M4 23h22%22/%3E%3C/svg%3E'); /* White burger icon */
}
@media (max-width: 992px) {
    .top-bar {
        display: none;
    }
    .navbar-collapse {
        background-color: rgba(6, 18, 32, 0.95); 
        
    }
    .navbar-custom {
        position: relative;
        top: 0; 
        
    }
    .hero-image {
        margin-top: 0;
    }
}
.navbar-custom.expanded {
    background-color: rgba(6, 18, 32, 0.95); 
    
}
.navbar-toggle.collapsed {
    background-color: #ffffff !important;
}

.prestation-card {
    border: 3px solid grey;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
}

.prestation-card img {
    width: 100%; 
    height: 300px; 
    object-fit: cover; 
}


.prestation-card h3 {
    text-align: center;
    margin-top: 20px;
}

.prestation-card p {
    text-align: center;
}

.prestation-card .btn-success {
    display: block;
    width: 100%;
    text-align: center;
}
.contact-icon {
    color: white;
    text-decoration: none;
}
.form-control:focus {
    border-color: #28a745; 
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}