html, body {
    height: 100%;
    margin: 0;
    cursor: default;   
    scroll-behavior: smooth;
}

:root {
    --red: #C80009;
    --lightred: #FF0209;
    --darkred: #8C0004;
    --blue: #1B2369;
    --lightblue: #3340AB;
    --darkblue: #181E4E;
}

body {
    position: relative;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #363B4D;
    overflow-x: hidden !important;
    background: white;
}



* {
    border-radius: 0px;
}

*:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* page link scroll config */

#about , #follow , #mission-vision , #services , #howtohelp, #budget , #recruitment , #contacts{
    scroll-margin-top: 100px;
}

/* page sections config */

.container {
    /* margin-left: 5%;
    margin-right: 5%; */
    padding: 20px 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

section { height: auto; }


/* text */

.white-text {color: white;}
.blue-text { color: #181E4E; }
.red-text { color: #b70008; }

p {
    color: #252525;
    padding: 0;
}

/* titles */

h1 {
    color: #023167;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 44px;
    margin: 5px 0;
}

.under-title{
    background:#FCCA00;
    height:3px;
    width: 100px;
    border-radius:10px;
}


h2 {
    font-weight: bold;
    color: #023167;
    font-size: 32px;
}

h3 {
    color: #0B4D9A;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px; 
    margin: 8px 0;
}

h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: #1361BC;
    line-height: 30px;
}

h5 {
    color:  #263371;
    font-family: Poppins;
    font-size: 23px;
    font-weight: 600;
    line-height: 44px;
    margin: 0;
}

p {
    color: #151515;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

@media (max-width: 768px) { 
    p,p b {font-size: 13px !important; line-height: 28px !important;}

    h1 {font-size: 30px!important; line-height: 35px !important;}
    h2 {font-size: 28px!important; line-height: 32px !important;}
    h3 {font-size: 18px!important; line-height: 26px!important;}
    h4 {font-size: 16px!important; line-height: 24px!important;}

    .btn { padding: 10px 26px; font-size: 14px; }
}

p b {
    color: var(--thir_color, #263371);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.center {
    display: flex;
    justify-content: center;
}

/* links */

a {
    text-decoration: none !important;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    cursor: pointer;
}

a:hover { color: #89B4EF; }


/* lists */

ul { padding: 0; }

li {
    list-style: none;
    margin: 5px 0;
}

/* backgrounds */

.bg-darkblue { background-color: var(--darkblue);}
.bg-blue { background-color: var(--blue); }
.bg-grey { background-color: #ececec; }
.bg-lightgrey { background-color: #f7f7f7}
.bg-brown { background-color: #D3BFAF;}
.bg-red { background-color: #a50005;}


.white-bg {background-color: white;}
.dark-blue-bg {background-color: var(--darkblue);}
.light-blue-bg {background: #F3F5FA;}

/* buttons */

.btn {
    border-radius: 4px;
    padding: 12px 35px;
    border: none;
    font-size: 16px;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    background: var(--red);
    color: #fff;
}

.btn-primary:hover {
    background: var(--darkred);
    color: #fff;
}

.btn-primary a,
.btn-primary a:active,
.btn-primary a:focus,
.btn-primary a:hover {
    color: #fff;
}

.btn-primary-empty {
    background: transparent;
    color: #fff;
    border: 2px solid var(--red);
}

.btn-primary-empty:active,
.btn-primary-empty:hover,
.btn-primary-empty:focus {
    background: var(--red);
    color: #fff;
    border: 2px solid var(--red);
}

.btn-blue{
    background:  #013B7E;
    color: #fff !important;
    border: 2px solid #013B7E ;
    box-shadow: 0 3px 7px #235aa68c;
}

.btn-blue:hover {
    background: #00336d;
}


.btn-white {
    background: white;
    border: 2px solid #013B7E ;
}

.blue-hover a{
    color: white ;
}

.blue-hover:hover {
    background: white;
}

.blue-hover:hover a {
    color: #263371!important;
}

.white-hover:hover {
        background: #263371!important;
}

.white-hover a {
    color: #263371;
}

.white-hover:hover  {
    color: white !important;
}

.white-hover:hover a {
    color: white !important;
}


.btn-white:hover {
    background-color: #013B7E;
}   

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: none;
    border-bottom: 1px solid white;
}

.btn-white a {
    color: var(--darkblue)!important;
}



.text-red {
    color: var(--red);
}

.title-page {
    bottom: 18px;
    position: absolute;
    left: 5%;
}

.title-page h1 {
    font-size: 45px;
}


/* labels */

label {
    line-height: normal;
}

/* forms  */

.form-control {
    background-color: transparent;
    border-radius: 0!important;
    border:none;
    border-bottom: 2px solid var(--blue);
    padding-left: 0;
    color: var(--blue);
    box-shadow: none;
    font-size: 16px!important;
}

.form-control:focus { border-bottom: 3px solid var(--red); }

.form-control::placeholder { color: #acacac; }


/* NAVBAR */


.navbar-nav {
    display: flex;
    align-items: center;
    float: right;
}

nav .nav-link {
    color: white;
    padding-right: 1.8rem !important;
    padding-left: 1.8rem !important;
    white-space: nowrap;
}

nav .nav-link:hover,
nav .nav-link:active,
nav .nav-link:focus {
    color: #5591CD;
}

.nav .container {
    display: flex;
    justify-content: space-between;
}

/* on scroll */

.scroll {
    background: #fcfcfc;
    transition: 0.3s ease-in;
    box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.25);
}

.scroll .nav-link {color: var(--blue);}

/* btn-login */
.scroll .btn { background-color: var(--blue); }
.scroll .btn:hover { background-color: var(--darkblue);}
.scroll .btn .nav-link{ color: white !important; }

/* logo */
.logo_nav {
    height: 65px;
    transition: .5s ease-in-out;
}

.navbar-brand {
    height: auto;
    padding: 0;
    margin: 5px;
}


/* FOOTER */

.footer-logo {
    width: 130px;
}

footer { font-size: 14px; }

footer .bg-darkblue { color: #ccc; }

@media (max-width: 768px){
    footer .footer-menu {
    padding: 100px 20px 150px;  
    }
}

@media (min-width:768px) and (max-width: 991px) {
    footer .footer-menu {
        padding: 100px 20px 70px;
    }
}

@media (min-width: 991px) and (max-width: 1100px) {
    footer .footer-menu {
        padding: 90px 30px 50px;
    }
}

@media (min-width: 1100px) and (max-width: 1200px) {
    footer .footer-menu {
        padding: 80px 20px 70px;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    footer .footer-menu {
        padding: 60px 60px 70px;
    }
}

@media (min-width: 1300px) and (max-width: 1500px) {
    footer .footer-menu {
        padding: 40px 70px 50px;
    }
}
@media (min-width: 1500px) {
    footer .footer-menu {
        padding: 20px 50px 50px;
    }
}

footer a { color: white; }
footer a:hover { color: #e9ba00!important; }


/* geral components */

/* cards */
.card {
    min-height: 350px;
    border: none;
    box-shadow: 4px 4px 6px rgba(138, 138, 138, 0.18);
}


/* modals */

.modal-dialog {
    margin: 30vh auto;
}

.modal-title {
    color: var(--white, #FFF);
    font-family: Poppins;
    font-size: 22px!important;
    font-weight: 600;
    line-height: 44px;
}

.modal-header {
    background-color: #013B7E !important;
}

/* /////////////  PAGES \\\\\\\\\\\\\\\\ */

/* HOME */


#home_services .card {
    margin-bottom: -20px;
    z-index: -1;
}

.tracking-card { background-color: #303030a2; }

.slogan-container {
    height: 100%;
    align-items: center;
    display: flex;
}

.slogan {
    font-size: 128px;
    background: linear-gradient(to right ,#ACBEEA, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    line-height: 145px!important;
    text-transform: unset;
}

.home_slider {
    background: url('/assets/website/img/png/road_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}

.slider-container {
    background: linear-gradient(#011124eb, #405b75eb);
    height: 100vh;
    padding-bottom: 0;
}

.truck-container img {
    bottom: 0;
    max-height: 100%;
}

/* slogan media  */
@media (min-width:768px) and (max-width: 991px) {
    .slogan-container {margin-top: 5vh!important;}
    #qualities-triangles {margin-top:20px!important;}
    .truck-container img { margin-bottom: -55px;  }
}


/* truck sizing in all media  */
/* @media (max-width:991px) { .truck-container img {height: 100%;}
    .small-truck {
        display: flex!important;
    }
} 

*/
@media (max-width:768px) {
    .small-truck  {
    display: flex!important;
}
}

@media (min-width:1600px) {  
    #qualities-triangles {max-width: 85%;}
}



@media (min-width:768px) and (max-width:991px) and (min-height: 850px) {
    .truck-container img {
        max-width: 105%;
    }
}

@media (min-width:991px) and (max-height: 850px) {
    .slogan-container{
        padding-top: 90px;
    }

    .truck-container img {
        padding-top: 20px;
    }
}

@media (min-width:768px) and (max-width:991px) and (max-height: 850px) {
    .slider-container {
        height: 75vh!important;
    }
    .home_slider {
        height: 75vh!important;
    }
    .quality-card img {
        max-width: 125px !important;
    }

    .slogan-container {
        height: unset!important;
    }
}

@media (min-height:900px) and (min-width:768px){
    .slider-container {
        height: 85vh!important;
    }
    .home_slider {
        height: 85vh!important;
    }
}


@media (min-height:900px) and (min-width:768px){
    .slider-container {
        height: 75vh!important;
    }
    .home_slider {
        height: 75vh!important;
    }
}

@media (min-height:900px) and (min-width:768px) and (max-width:991px){
    .slider-container {
        height: 55vh!important;
    }
    .home_slider {
        height: 55vh!important;
    }
    .quality-card img {
        max-width: 125px !important;
    }
}




.left-side {
    margin-top: auto; 
    margin-bottom: auto; 
    margin-left: -8%;
}

.top-svg {
    width: 40%;
}

#service-tabs {
    background: url(/assets/website/img/png/services-bg.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: bottom 0px right;
    margin-top: 20px; 
}
@media (min-width: 600px) and (max-width:768px) { #service-tabs .tab-content { width: 100%; padding: 50px; }}
@media (min-width: 768px) and (max-width:991px) { #service-tabs .tab-content { width: 100%; padding: 50px; margin-top: -120px;}}
@media (min-width:991px) and (max-width:1200px){#service-tabs .tab-content{padding-top: 10px!important}}
@media (max-width:991px) {
    #service-tabs {background-size: 90%; background-position:center bottom; margin-top:0;}
    #service-tabs .nav-tabs {justify-content: center!important;}
    #service-tabs .service-card { padding: 30px 40px!important; }
    #service-tabs .container {margin-top:60px}
}
@media (max-width:390px) {  #service-tabs { background-size: 180%; } }
@media (max-width:420px) {  #service-tabs { background-size: 160%; } }
@media (max-width:500px) {  #service-tabs { background-size: 130%; } }
@media (max-width:600px) {  #service-tabs { background-size: 100%; } }
@media (min-width:600px) and (max-width:991px)  { #service-tabs { background-size: 100%; } }

#service-tabs .service-card {
    background: url('/assets/website/img/png/service-card-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 80px;
    display: grid;
    justify-content: center;
    text-align: center;
}

#service-tabs .service-card .under-title {
    background: #BCD6FF;
    margin-left: auto;
    margin-right: auto;
}

.service-card h2 {
    color: #BCD6FF;
    margin: 10px 0;
}

.service-card p {
    color: white;
}

.tab-content {
    width: 60%;
    padding: 50px 0 0 50px;
}

/* tabs */


.tab-pane  .active button{
    color: white !important;
    padding: 10px 20px;
    border: 1px solid #ffffff00 !important;    
}

.tab-pane button{
    padding: 10px 20px;
    background: transparent;
}

.tab-pane .nav-item.show .nav-link, .tab-pane .nav-link {
    background: transparent !important;
    color: white !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.nav-tabs .nav-link {
    transition: all 0.2s ease;
}

.nav-tabs .nav-link:hover , .nav-tabs .active {
    margin-top: -20px;
}


.tab-pane>li {
    margin-bottom: 0.9px;
}


.form-control-tracking {
    padding: 10px;
    padding-left: 15px;
    height: 51px;
    border-radius: 4px;
    border: 1px solid var(--white, #FFF);
    background: rgba(217, 217, 217, 0.14);
    color: #013B7E;
    margin: 0 5px;
}

.form-control-tracking option {
    color: #636363;
}

/* FOLLOW */



#follow .container{
    padding: 30px;
    box-shadow: 0 4px 41px #0000001b;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

@media (max-width: 991px) {
    #follow .container{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        margin-top: 150px;
    }

    #follow button {margin:10px 0}
}

@media (max-width:768px) {
    #follow .container {
        margin-top: 50px!important;
    }
}


/* CONTACTOS */


.form-control-contact {
    padding: 10px;
    padding-left: 15px;
    width: 100%;
    border: none;
    border-bottom: 1.5px solid #525252;
    color: #1361BC;
}

.form-control-contact:focus {
    border-bottom: 2px solid #1361BC;
}

.form-control-contact::placeholder {
    color: #525252a1;
}

.form-control-contact:focus::placeholder {
    color: #1361BC;
}

#contacts .container , #budget .budget-card {
    padding: 40px 50px;
}


#contact-form { background: white;}


@media (min-width:991px){
    #contact-form .phone {
        padding-right:10px!important;
    }

    #contact-form .email {
        padding-left:10px!important;
    }
}

#contact-form .container {padding:0!important}
.contacts-icon { max-width: 55px; }

@media (max-width:991px) { 
    #contact-form .container {padding:30px 20px!important}
    #contact-form {padding:30px 20px!important}
    .contacts-icon { max-width: 35px; }
    .contacts-icon-card{padding: 0;}
}


/* SERVICES */


.nav-tabs .nav-link.active {
    background: transparent !important;
    border: none;
}

.nav-tabs .nav-link {
    margin: 0 20px;
}

#services .nav-tabs {margin-top: 30px}

#nacional-icon, #internacional-icon , #logistic-icon , #storage-icon { height: 110px; }

@media (max-width:991px){
    #nacional-icon, #internacional-icon , #logistic-icon, #storage-icon { height: 90px; }
}
@media (max-width:768px){
    #nacional-icon, #internacional-icon , #logistic-icon, #storage-icon { height: 60px; }
        .nav-tabs .nav-link {
            margin: 0;
        }
    #service-tabs .tab-content{padding: 20px; width: 100%;margin-top: -110px;}
    #services .nav-tabs {margin-top: 0;  margin-bottom: -20px;}
}


/* QUALITIES */

#qualities-triangles .triangle-down .quality-card{
    bottom: 50px;
}
#qualities-triangles .triangle-up .quality-card{
    top: 65px;
}

.quality-card img {
    max-width: 150px;
    height: auto;
}
.slogan-container {
    height: 100%;
}

@media (max-width:470px) { .quality-card img { max-width: 90px; }}

@media (min-width: 470px) and (max-width:530px) { .quality-card img { max-width: 110px; }}

@media (min-width: 530px) and (max-width: 768px) { .quality-card img { max-width: 130px; }}

@media (min-width: 768px) and (max-width: 991px) { .quality-card img { max-width: 150px;}}

@media (min-width: 991px) and (max-width: 1100px) { .quality-card img { max-width: 130px;}}

@media (min-width: 1100px) and (max-width: 1300px) { .quality-card img { max-width: 150px;}}


@media (min-width: 1300px)  { .quality-card img { max-width: 180px;}}


@media (min-width: 1400px) { #qualities-triangles .triangle-up { padding: 0 7%; }}

@media (max-width:991px){ 
    .slogan-container {  height: 44vh; margin-top: 10vh;     align-items: center;
        display: flex; } 
    #qualities-triangles { padding: 0;}
}
@media (max-width:768px ){
    .slogan-container {
        display: flex;
        height: 44vh;
        margin-top: 16vh !important;
    }
} 


#qualities-triangles .triangle-card {
    justify-content: center;
    display: grid;
    align-items: center;
}

#qualities-triangles .triangle-up {
    display: grid;
    justify-content: center;
    text-align: center;
}

#qualities-triangles .triangle-down {
    display: grid;
    justify-content: center;
    text-align: center;
}


/* HOW TO HELP  */

.help-card {
    padding: 15px 25px;
    position: absolute;
}

#help-cards {
    margin: 40px 20px!important;
}

#help-cards .triangle-down .help-card{ bottom: 50px;}
#help-cards .triangle-up .help-card{ top: 65px;}

#help-cards .triangle-card {
    justify-content: center;
    display: grid;
    align-items: center;
}

#help-cards .triangle-card p{color: #023167;}

#help-cards .triangle-up {
    margin: 20px 0;
    position: relative;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
    border-left: solid 160px transparent;
    border-bottom: solid 160px white;
    border-right: solid 160px #00000000;
    display: flex;
    justify-content: center;
    transition: 0.3;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition:  0.2s ease-out;
}

#help-cards .triangle-up:hover {
    border-bottom: solid 160px #023167;
    border-left: solid 160px transparent;
    border-right: solid 160px #00000000;
}

.small-triangle-up {
    position: absolute;
    top: 10px;
    right: -10px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
    border-left: solid 50px transparent;
    border-bottom: solid 50px #FCCA00;
    border-right: solid 50px #00000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.small-triangle-up p {
    position: absolute;
    top: 15px;
    margin: 0;
    font-weight: bold;
}

#help-cards .triangle-down {
    margin: 20px 0;
    position: relative;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
    border-top: solid 160px white;
    border-right: solid 160px #00000000;
    border-left: solid 160px transparent;
    display: flex;
    justify-content: center;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition:  0.2s ease-out;
    align-items: center;
}

#help-cards .triangle-down:hover {
    border-top: solid 160px #023167;
    border-right: solid 160px #00000000;
    border-left: solid 160px transparent;
}

.small-triangle-down {
    position: absolute;
    right: -10px;
    bottom: 10px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
    border-left: solid 50px transparent;
    border-top: solid 50px #FCCA00;
    border-right: solid 50px #00000000;
    display: flex;
    justify-content: center;
}

.small-triangle-down p {
    position: absolute;
    bottom: 15px;
    margin: 0;
    font-weight: bold;
}

#help-cards img{
    height: 70px;
}


/* triangles media responsivness */

@media (max-width:768px){
    #help-cards .triangle-up {
        border-left: solid 115px transparent;
        border-bottom: solid 115px white;
        border-right: solid 115px #00000000;
    }
    #help-cards .triangle-down {
        border-top: solid 115px white;
        border-right: solid 115px #00000000;
        border-left: solid 115px transparent;
    }

    #help-cards .triangle-up:hover {
        border-bottom: solid 115px #023167;
        border-left: solid 115px transparent;
        border-right: solid 115px #00000000;
    }

    #help-cards .triangle-down:hover {
        border-top: solid 115px #023167;
        border-right: solid 115px #00000000;
        border-left: solid 115px transparent;
    }

    #help-cards img{ height: 56px; }
    .help-card{padding: 10px;}

    .small-triangle-down {
        border-left: solid 35px transparent;
        border-top: solid 35px #FCCA00;
        border-right: solid 35px #00000000;
        right: -15px;
        bottom: 5px;
    }
    .small-triangle-up {
        border-left: solid 35px transparent;
        border-bottom: solid 35px #FCCA00;
        border-right: solid 35px #00000000;
        top: 5px;
        right: -15px;
    }

    .small-triangle-up p {top:7px}
    .small-triangle-down p { bottom: 7px; }

    #help-cards .triangle-down .help-card { bottom: 25px; }
    #help-cards .triangle-up .help-card { top: 38px; }

    #help-cards { margin: 20px 10px !important; }
}

@media (max-width:600px){
    #help-cards .triangle-up {
        border-left: solid 105px transparent;
        border-bottom: solid 105px white;
        border-right: solid 105px #00000000;
    }
    #help-cards .triangle-down {
        border-top: solid 105px white;
        border-right: solid 105px #00000000;
        border-left: solid 105px transparent;
    }

    #help-cards .triangle-up:hover {
        border-bottom: solid 105px #023167;
        border-left: solid 105px transparent;
        border-right: solid 105px #00000000;
    }

    #help-cards .triangle-down:hover {
        border-top: solid 105px #023167;
        border-right: solid 105px #00000000;
        border-left: solid 105px transparent;
    }
    #help-cards img{ height: 48px; }
    .help-card{padding: 10px;}

    .small-triangle-down {
        border-left: solid 35px transparent;
        border-top: solid 35px #FCCA00;
        border-right: solid 35px #00000000;
        right: -15px;
        bottom: 5px;
    }
    .small-triangle-up {
        border-left: solid 35px transparent;
        border-bottom: solid 35px #FCCA00;
        border-right: solid 35px #00000000;
        top: 5px;
        right: -15px;
    }

    .small-triangle-up p {top:7px}
    .small-triangle-down p { bottom: 7px; }

    #help-cards .triangle-down .help-card { bottom: 25px; }
    #help-cards .triangle-up .help-card { top: 38px; }

    #help-cards { margin: 20px 10px !important; }
}







.carousel-mooving .img {
    height: 250px;
    overflow: hidden;
    
}

.carousel-mooving img{
    width: 100%;
    height: auto;
    padding: 10px;
    object-position: center;
    object-fit: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.carousel-mooving img:hover{
    /* width: 100%; */
    height: auto;
    padding: 10px;
    width: 110%;
    object-position: center;
       -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  cursor: pointer;
}





/* MISSION VISION */

@media (min-width:991px)  {
    #mission-vision {
        margin: 50px 0!important;
    }
}

#mission-vision {
    margin: 20px 0;
    padding: 20px 0
}

#mission-vision .mission {
    background-color: #013B7E;
}

#mission-vision .vision {
    background: url('/assets/website/img/png/mission-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 0;
    margin-top: -40px;
    margin-bottom: -40px;
}

@media (min-width: 1400px) {.mission-container , .vision-container{ padding: 50px 100px!important; }}

.mission-container , .vision-container{ padding: 30px 60px; }

.yellow-bg-overlay {
    background: linear-gradient(#fcca00e6, #967800e0);
    background-size: cover;
    height: 100%;
    align-items: center;
    display: flex;
}

@media (max-width:991px) {
    #mission-vision .vision {
        margin: unset;
    }
}
   
.white-bg-overlay {
    background: linear-gradient(#fffffff2, #a5a5a578 98% 2%);
    background-size: cover;
}

/* .values {
    padding: 130px 0 100px;
}
.value-card {
    border-radius: 4px;
    background: rgba(144, 153, 193, 0.42);
    box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.25);    
    padding: 15px 30px;
    min-height: 240px;
}

.value-card h4 {
    font-style: italic;
    font-weight: 500;
}

.value-card img {
    margin-top: -115px;
} */


/* BUDGET */

#budget .under-title {
    margin-left: auto;
    margin-right: auto;
}


.budget-row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 20px 0;
}

@media (min-width:1400px) { 
    .budget-row {
        margin-left: 8%!important;
        margin-right: 8%!important;
        width: 100%;
    }
}

.budget-card {
    box-shadow: 0 4px 41px #0000001b;
}

.budget-img {
    height: 500px;
    margin: 40px 0;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}



@media(min-width:991px) { 
    .budget-img img {
        width: 105%;
        position: absolute;
        height: auto;
        margin-right: -50px;
    }

    .budget-card {
        padding: 3% 7% !important;
    }
}


@media (min-width: 1200px) {
    .budget-img img {
        top:0;
    }
}

@media (max-width:991px) { 
    .budget-img {width: 100%; text-align: center; margin:0; height: 400px; margin-top: -80px;padding:0;}
    .budget-img img {margin-bottom: -35%; width: 100%; top: 0; }
    .budget-card {width: 88%;
        padding:30px!important; margin-left: auto; margin-right: auto;
    }
}



/* RECRUITMENT */

#recruitment {
    background: url('/assets/website/img/png/recruitment.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#recruitment .under-title {
    margin-left: auto;
    margin-right: auto;
    background: #2476D7;
}

.recruitment-form .caret { 
    color: #888888; 
    position: absolute;
    right: 22px;
    bottom: 50px;
}

.recruitment-form .form-group {
    margin-bottom: 35px;
}

.recruitment-form select option:first-child{
    color: #888888;
    display: block !important;
}

.recruitment-form select option{
    padding: 10px;
}

#recruitment p {
    margin: 15px 0;
}


.form-contact-inputs {
    padding-top: 20px;
}


/* MODALS */

.form-control-modal {
    border-radius: 4px;
    border: none;
    background: rgb(126 130 139 / 10%);
    padding: 10px;
    padding-left: 15px;
    width: 100%;

}

.modal-body {
    padding: 40px;
}

/* LOGIN */


/* DOCUMENTS */

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #E9BA00;
    border-color: #E9BA00;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: #e3e3e3;
}


.navbar-toggler-icon {
    width: unset;
    height: unset;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 

    .logo_nav {
        height: 50px;
    }
    .be-client-svg {
        top: -60px;
    }

    .container {
        padding: 30px 15px;
    }
    
    /* solucoes */
    #services .triangle-card {
        margin-bottom: 45px;
    }
    .modal-dialog {
        margin: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }

    .value-card {
        margin-bottom: 115px;
    }
    #contact-form .small-group .col-xs-12 { padding: 0!important; }
    #ClientModal .small-group .col-xs-12 { padding: 0!important; }
    #RecruitmentModal .small-group .col-xs-12 { padding: 0!important; }

    #contacts .container {
        padding: 30px 15px;
    }

    .top-svg {
        width: 75%;
    }


}

@media  (max-width: 991px) {
    .navbar-right {
        float: unset!important;
    }
    .navbar-nav {
        float: unset!important;
    }

    .navbar-nav .nav-link {
        color: #023167 !important;
    }

    .nav .container {
        padding: 6px 10px!important;
        display: contents;
    }

    .nav {
        background: white;
        padding: 10px;
    }

    #mission .container {
        padding-top: 150px !important;
    }

    #mission {
        margin-top: -3px !important;
    }
   

}

@media (min-width: 768px) and (max-width: 991px) {
    .be-client-svg {
        top: -74px;
    }

    #services .triangle-card {
        margin-bottom: 45px;
    }
    .value-card {
        min-height: 370px;
    }



    .collapse:not(.show){
        display: none!important;
    }

    
    .top-svg {
        width: 60%;
    }

    .slider-container {
        margin-top: 85px !important;
        background-size: 65vh !important;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .value-card {
        min-height: 280px;
    }

}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .service {
        display: flex;
    }

    footer {
        height: 350px;
    }

    .be-client-svg {
        top: -130px;
    }


    #contact-form .container {
        padding: 80px 0;
    }

}

/* X-Large devices (large desktops, 1200px and up) */

    .modal-dialog {
        min-width: 70%;
    }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    
}


@media (min-width: 1700px) { 
    .left-side {
        margin-left: -30rem!important;
    }
}