.h-corretora-cambio {
    background-image: url("../../img/corretora-cambio.png");
}

.h-corretora-cambio .fs-2 {
    font-size: 42px !important;
    font-weight: bold;
}

.h-corretora-cambio .w {
    width: 50%;
}

#banner2 .w {
    width: 55%;
}

#banner2 {
    background-image: url("../../img/corretora-cambio-beneficios.png");
    box-shadow: inset 0px 0px 369px 100px rgb(0 0 0 / 50%);
    background-position: right;
    height: 805px;
}

#banner2 .container-beneficios {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#banner2 .sub-titulo {
    width: 181px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #707070;
    display: flex;
    align-items: center;
    justify-content: center;
}

#banner2 .sub-titulo h4 {
    font-size: 18px;
    color: #212644;
    font-weight: bold;
}

#banner2 h3 {
    font-size: 46px;
    color: #ffffff;
    font-weight: bold;
}

#banner2 p {
    font-size: min(22px, 1.9vw);
    color: #ffffff;
}

#container-carousel {
    background-color: #f3f3f3;
}

#downloads h3 {
    font-size: 46px;
    color: #182142;
    font-weight: bold;
    margin-top: 62px;
    margin-bottom: 62px;
}

#downloads .col-4 .container {
    background-color: #f3f3f3;
    border-radius: 23px;
}

#downloads a {
    padding-left: 15px;
    /* text-align: center; */
    font-size: 23px;
}

#downloads a img {
    padding-right: 8px;
}

/* -------  Responsivo  -----------*/

@media (max-width: 768px) {

    #banner2 {
        background-image: url('../../img/corretora-cambio-beneficios-mobile.jpg');
        background-position: top;
        height: 900px;
    }

    #banner2 p {
        font-size: 20px;
    }

    .h-corretora-cambio .w,
    #banner2 .w {
        width: 70%;
    }

    .desktop-view {
        display: none;
    }
}

@media (min-width: 769px) {
    .mobile-view {
        display: none;
    }
}

@media (max-width: 525px) {
    .h-corretora-cambio .title-header h2 {
        font-size: 40px;
    }

    .h-corretora-cambio .fst-italicc{
        font-size: 45px;
    }

    .h-corretora-cambio .fs-2{
        font-size: 40px;
    }

    .h-corretora-cambio .card {
        width: 350px;
    }

    .h-corretora-cambio .w,
    #banner2 .w {
        width: 100%;
    }

    #banner2 p{
        font-size: 19px;
    }
}