header, footer {
    background: #416A7B!important;
}
header .logo-container .logo-contain {
    border-radius: 0!important;background-color:
        #416A7B!important;width: 266px!important;height: 90px!important;
}
.nav-container ul>li:hover a {
    background: #416A7B!important;
    color: #fff;
    transition: 0.3s;
}
.nav-container .menu-country {
    background: #416A7B!important;
}
.nav-container .experience .menu-experience,
.nav-container .blog .menu-blog,
.nav-container .all-about .menu-about{
    background: #416A7B!important;
}
.row-devis {
    gap: 30px;
}
.devis-step .row-devis .side-devis{
    background-color: #F9F9F9;
    box-shadow: none;
}
.indication_trip {
    line-height: 21px;
    font-size: 14px;
    font-family: "Open Sans" , serif;
    color: #336E82;
}
.side-devis h2{
    font-weight: bold;
    line-height: 30px;
    font-family: "Open Sans", serif;
    font-size: 24px;
    color: #292929;
    padding-bottom: 15px;
}
.devis-step .row-devis .side-devis p {
    margin-bottom: 25px;
}
.hr_trip_quotation_request{
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    color: #f9f9f9;
}
.side-devis .title_agency{
    font-family: "Open Sans", serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: Bold;
}
.list-agency .current-agency{
    color: #416A7B;
    font-family: "Open Sans", serif;
    line-height: 26px;
    font-weight: lighter;
    font-size: 16px;
    list-style-type: none;
    text-decoration: none;
}
.current-agency a{
    color: #416A7B;
}
.current-agency a:hover{
    text-decoration: underline!important;
}
.newsletter .btn-green, .devis .btn-green, .btn-green:disabled {
    color: #fff;
    background-color: #416A7B!important;
    border-color: #fff;
}
.slide-block .slide-link{
    background: none;
}

/** logo */
header .logo-container .logo-contain{
    background: #416A7B!important;
    box-shadow: none;
}
.nav-drill.nav-mobile, .nav-mobile .nav-link, .nav-mobile .nav-expand .nav-expand-content{
    background: #416A7B!important;
}
.step-quotation{
    font-weight: 600;
}

@media screen and (max-width: 420px){
    header .logo-container .logo-contain{
        width: 146px!important;
        height: 48px!important;
        padding: 0;
    }
    .nav-pills .nav-link.indicator:not(.active){
        display: none;
    }
    .is-mobile{
        display:inline-flex;
    }
    #folder_desiresType{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .row-devis{
        display: grid;
    }
    .devis-step .row-devis .step-devis{
        margin-bottom: 0!important;
    }
    .devis-step{
        margin-top: 0!important;
    }
    .img-cover .cover-title h1{
        padding-top: 80px!important;
    }
    .nav-top.nav-mobile .hamburger{
        margin-top: 10px;
    }
    .devis-step .container{
        padding-left: 0;
        padding-right: 0;
    }
    .title-contact{
        text-align: center;
    }
    .project-tab .form-custom .bloc-agence .agency-line{
        margin-top: 5px;
        display: grid;
        grid-template-columns: 33% 50% 17%;
    }
    .agent-name-mobile .row{
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .btn-prev.col-form.col-md-6{
        margin-bottom: 15px;
        padding: 0 0;
    }
    .form-folder-contact #recaptcha{
        margin-left: 10px;
    }
    .devis-step .row-devis .side-devis{
        width: 90%;
        margin-left: 30px;
    }
}