body, html {
    height: 100%;
    overflow-x: hidden;
}

.jost_bold {
    font-family: jostb !important;
}

.jost_medium {
    font-family: jostm !important;
    color: #5b5b5b !important;
}

.poppins_regular {
    font-family: poppinsr !important;
}

.poppins_semibold {
    font-family: poppinssb !important;
}

.Montserrat_SemiBold {
    font-family: Montserrat-SemiBold !important;
}



.img_banner_sup {
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    text-align: center;
}

    .img_banner_sup img {
        width: 40%;
    }

.title_banner_sup {
    position: absolute;
    left: 0;
    top: 5%;
    width: 100%;
    text-align: center;
}

    .title_banner_sup img {
        width: 35%;
    }

.bgimg-1 {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-1 {
    background-image: url("../assets/fondo_banner.jpg");
    min-height: 100%;
}

.bg-secondary {
    background-color: #5b5b5b !important;
}

.bg-tercero {
    background-color: #444444 !important;
}

#card-1 {
    overflow: hidden;
}

#card-2 {
    overflow: hidden;
}

#card-3 {
    overflow: hidden;
}


@media screen and (max-width: 992px) {
    .img_banner_sup img {
        width: 80%;
    }
    .title_banner_sup img {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .img_banner_sup img {
        width: 80%;
    }

    .title_banner_sup img {
        width: 75%;
    }
}