.banner{
    height: 225px;
    background-image: url('/assets/img/covoiturage4.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    /*margin-top:-150px;*/
}
.text-banner{
    background-color:#54823573;
    font-weight: bold;
    padding: 20px;
    width:  500px;
    color: white;
    text-align: center;
    border-radius: 0px 10px 10px 0;
    border-left: 10px solid white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.titre-bg-custom-blue{
    background-color: #0c4d25;
    color: white;
    padding: 15px;
    border-radius: 5px;
}
.bg-custom-blue{
    background-color: var(--bs-indigo);
    color: white;
    border-radius: 5px;
}
.label-details{
    font-weight:bold;
    color:black;
}
.text-custom-blue{
    color: #0c4d25; 
}
.custom-shadow{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.custom-shadow-input{
    padding: 8px 20px 8px 20px !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 50rem;
    border: none;
}
.card-shadow-inset{
    border:none;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}
.card-shadow-inset-reverse{
    border:none;
    box-shadow: rgb(204, 219, 232) -3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}
.map{
    width:100%;
    height:400px;
}
.trajet table tr{
    margin-bottom: 10px;
}
input.passagers{
    border:none;
    outline:none;
    height: 38px;
    width: 100%;
    padding: 15px;
    border-bottom: .2rem  solid var(--dark);
    background-color:white;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}
.card-green-light{
    background-color:rgba(61, 217, 69, 0.2);
    border:none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.bg-transparent-white{
    background-color:rgba(255, 255, 255, 0.3) ;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.btn-outline-solutions{
    width:140px;
}

.property-item:hover, .team-item:hover{
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.cat-item:hover div{
    background-color: white !important;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.cat-item:hover div.rounded p{
    color:black !important;
}
.cat-item:hover div.rounded h5{
    color:#0E2E50 !important;
}
.border-left-light{
    border-left: 1px solid #94949461;
}
.card-search-item{
    border: 1px solid #6c9551;
    border-style: dashed;
}
.card-search-item:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.img-filtre{
    filter: opacity(85%);
}
.titre-carousel-form{
    color: white !important;
    text-shadow: 0px 0px 15px #000;
}
.bg-left-home{
    background-image:url('/assets/img/banner-texture.png');
    background-size:50%;
    background-repeat:no-repeat;
    height:575px;
    background-position-x: left;
    background-position-y: bottom;
}
.text-black{
    color:#282828 !important;
}
.bg-body-custom{
    background-color: #ffffff91 !important;
}
.bg-transparent{
    background-color: transparent !important;
}

/* Text color */
.text-rouge{
    color: #e44134;
}
.text-bleu-clair{
    color:#4eb9d4;
}
.text-rose{
    color:#f66dcfce;
}
/* Text color */

.bg-orange{
    background-color: #2b8ffa8b;
}
.text-orange{
    color:#d3925a;
}
.text-jaune{
    color:#fafa60;
}
.forme{
    position:absolute;
    top:10px;
    left:41.5%;
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 688px solid white;
    border-right : 130px solid transparent;
    z-index: 10;
}
.forme .controls{
    position: absolute;
    top: -441px;
    left: 32px;
    rotate:11deg;
    z-index: 10;
}
.forme .controls .btn-next, .forme .controls .btn-prev{
    rotate: -11deg;
}

.navbar-light .navbar-toggler{
    border-color:white;
    background-color: white;
}

.nav-link-custom{
    color: #28608f !important;
    background-color: transparent !important;
}
.section-contact{
    background: url('/assets/img/banner-texture-white.png') 25%,url('/assets/img/banner-texture-white-top-right.png');
    background-repeat: no-repeat,no-repeat;
    background-size: 20%,20%;
    background-position-x: left,right;
    background-position-y: bottom,top;
    filter: blur(50%);
}