body { 
    font-family: 'Montserrat', sans-serif !important; 
}

.btn-primary{
    background-color: #0689F5 !important;
}

.btn-round{
    border-radius: 18px !important;
}

#hero{
    background-image: url("../img/bkg-banner.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.job-hero-section{
    padding-top: 120px !important;
}
.bg-bemme{
    background-color: #F3FAFF !important;
}

.bg-info{
    background-color: #F3FAFF !important;
}

.text-info{
    color: #0689F5 !important;
}
.text-title{
    color: #0689F5 !important;

}
.title-card{
    color: #1364AB !important;
}
.full-width{
    width: 100% !important;
}
.span-mis{
    background-color: #0487FA !important;
    cursor: default !important;
    padding: 4px 28px !important;
}
.height-card{
    height: 650px !important;
}
.mt-2{
    margin-top: 2rem !important;
}
.share-experience-button {
    display: inline-block;
    padding: 15px 48px;
    border-radius: 32px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s ease;
    border: none;
    background: linear-gradient(to right, #8de7a3, #187bcd);
}
    
.share-experience-button:hover {
    opacity: 0.8;
}
    
.share-experience-button:active {
    transform: translateY(1px);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-gray {
    background-color: #DFEBF2 !important;
}

.bg-footer{
    background: linear-gradient(to right, #8de7a3, #187bcd) !important;
    color: #fff !important;
    font-size: 12px;
}
.bg-footer ul li a{
    color: #fff !important;
}
    
.bg-overlay-pattern{
    background: none;
}

.card-body-pmvv{
    height: 250px !important;
}

.card-body-mfn{
    height: 448px !important;
}
.description-item{
    font-size: 16px !important;
    font-weight: normal !important;
    margin-top: 8px;
}
.card-body-mfn p{
    margin-top: 18px !important;
}

.banner-mobile a{
    font-size: 22px !important;
    padding: 4px 28px !important;
}
.bg-proposito{
    background-image: url("../img/proposito.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.bg-proposito p{
    background-color: rgba(4, 135, 250, 0.7) !important;
    color:#fff !important;
    padding: 2px !important;
    border-radius: 8px !important;
}

.bg-missao{
    background-image: url("../img/missao.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.bg-missao p{
    background-color: rgba(4, 135, 250, 0.7) !important;
    color:#fff !important;
    padding: 2px !important;
    border-radius: 8px !important;
}

.bg-visao{
    background-image: url("../img/visao.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.bg-visao p{
    background-color: rgba(4, 135, 250, 0.7) !important;
    color:#fff !important;
    padding: 2px !important;
    border-radius: 8px !important;
}

.bg-valores{
    background-image: url("../img/valores.jpg") !important;
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
}
.bg-valores p{
    background-color: rgba(4, 135, 250, 0.7) !important;
    color:#fff !important;
    padding: 2px !important;
    border-radius: 8px !important;
}


.about-img{
    bottom: 0 !important;
}

.hide-desktop{
    display: none;
}

.hide-mobile{
    display: block;
}

.link-footer:hover{
    color: #ccc !important;
}

@media screen and (max-width: 1024px){
    .banner-mobile{
        text-align: center !important;
    }
    .logo-footer-mobile{
        margin-bottom: 16px;
        width: 60% !important;
        margin-top: 0px !important;
    }
    
    .hide-desktop{
        display: block;
    }
    .hide-mobile{
        display: none;
    }
    .img-about{
        width: 70% !important;
    }
    
}

.card{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}