@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

img{max-width:100%;}
*{word-wrap:break-word;font-family: 'just_sansregular', sans-serif;font-size:12px;}
.just_sansmedium{font-family: 'just_sansmedium';}
a{text-decoration:none;}
.text_abstract{overflow:hidden;width:130px;height:20px;word-wrap:break-word;text-size-adjust:100%;white-space:nowrap;text-overflow:ellipsis;}
.bg-info{
    background-color:#B8D9EC !important;
}
.bg-blue{
    background-color:#2A488C !important;
}
.bg-primary,
.btn-primary{
    background-color:#0759A6 !important;
}
.btn-primary{
    border-color:#0759A6;
}
.bg-dark-blue{
    background-color:#1F2A48 !important;
}
.bg-foundation{
    background-color:#3E4092;
}
.text-primary{
    color:#0759A6 !important;
}
.text-primary-dark{
    color:#1F2A48 !important;
}
.text-dark{
    color:#1d1d18 !important;
}
.text-success{
    color:#5DB677 !important;
}
.border-primary{
    border-color:#0759A6 !important;
}
.border-dark-blue{
    border-color:#1F2A48 !important;
}
.redes_sociales a{
    width:32px;
    height: 32px;
    margin-right:1rem;
}
.redes_sociales a i{
    position: relative;
    top:4px;
    left: 6px;
}
.bg-grey{
    background-color:#EDEDED;
}
.bg-dark-grey{
    background-color: #d2d2d2 !important;
}
input{
    border-radius: 25px !important;
}
.form-control {
    background-color: #FFF !important;
    border-color: #1d1d18;
    border-radius: 10px !important;
}
.font-60{font-size:4rem;line-height:4rem;}
.font-45{font-size:3.2rem;line-height:3.6rem;}
.font-30{font-size:2.2rem;line-height:2.6rem;}
.font-26{font-size:1.8rem;line-height:1.8rem;}
.font-25{font-size:1.7rem;line-height:1.7rem;}
.font-22{font-size:1.5rem;}
.font-20{font-size:1.3rem;}
.font-19{font-size:1.2rem;}
.font-18{font-size:1.1rem;}

#index.garantias{background:#F8FAFE}
.bx-wrapper {
    box-shadow: none;
    border: 0;
    margin: 0 auto;
    background: inherit;
}
#clientes .bx-wrapper .bx-prev{
    left: -30px;
}
#clientes .bx-wrapper .bx-next{
    right: -30px;
}
.carrusel-2 .title img{
    display: inline-block;
    margin-left:5px;
}
.carrusel-2 .title{
    position:absolute;
    bottom: 15px;
    left: 20px;
}

#bolsa_trabajo .bx-controls-direction{
    text-align: center;
}
#bolsa_trabajo .bx-wrapper .bx-controls-direction a{
    top: 60px;
    position: relative;
    display: inline-block;
}
#bolsa_trabajo .bx-wrapper .bx-prev{
    left: -10px;
}
#bolsa_trabajo .bx-wrapper .bx-next{
    right: -10px;
}
#carrusel-3 .bx-controls-direction{
    text-align: center;
}
#carrusel-3 .bx-wrapper .bx-controls-direction a{
    top: -50px;
    position: relative;
    display: inline-block;
}
#carrusel-3 .bx-wrapper .bx-prev{
    left: -310px;
}
#carrusel-3 .bx-wrapper .bx-next{
    right: -340px;
}
#carrusel-3 .bx-wrapper img{
    display: inline-block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

#carrusel-3 .carrusel-3 > div{
    text-align:right;
}
#carrusel-3 .carrusel-3 > div > a > img{
    width: 625px;
    margin-top: 30px;
    filter: grayscale(1);
    border-radius: 25px;
}
#carrusel-3 .carrusel-3 > div > div{
    display: none;
}

#carrusel-3 .carrusel-3 > div:nth-child(3n+2) > a > img{
    width: 725px;
    margin-top: 0;
    filter: grayscale(0);
}
#carrusel-3 .carrusel-3 > div:nth-child(3n+2) > div{
    display: block;
}
#carrusel-3 .carrusel-3 > div:nth-child(3n+3){
    text-align:left;
}

.accordion-button:not(.collapsed) {
    color: #1F2A48 !important;
    background-color: inherit !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed)::after{
    filter: grayscale(1);
}
@media (max-width: 575.98px) {
    *{font-size:12px;}
    .font-60 {
        font-size: 2.5rem;
        line-height: 2.7rem;
    }
    .font-45 {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
    #clientes .bx-wrapper .bx-next {
        right: 0;
    }
    #clientes .bx-wrapper .bx-prev {
        left: 0;
    }
    #carrusel-3 .bx-wrapper .bx-controls-direction a {
        top: -35px;
    }
    #carrusel-3 .bx-wrapper .bx-next {
        right: -140px;
    }
    #carrusel-3 .bx-wrapper .bx-prev {
        left: -140px;
    }
    #carrusel-3 .carrusel-3 > div > a > img{
        filter: grayscale(0) !important;
    }
    #carrusel-3 .carrusel-3 > div > div{
        display: block !important;
    }
    #index.garantias .icono{
        width: 100px !important;
    }
    #index.garantias .icono > div{
        padding: 0 15px 0 10px !important;
    }
}