.header-cambio-as-service {
    background-image: url('../../img/cambio-as-a-service.png');
    box-shadow: inset 0px 0px 369px 100px rgb(0 0 0 / 50%);
}

.header-cambio-as-service .fs-2 {
    font-size: min(42px, 12vw) !important;
    font-weight: bold;
}

.header-cambio-as-service .sub-title-header {
    width: 50%;
}

.row-cards {
    width: 75%;
    grid-row-gap: 15px;
}
#banner2-cambio{
    background-image: url('../../img/cambio-as-service-bacen.jpg');
    box-shadow: inset 0px 0px 369px 200px rgb(0 0 0 / 60%);
    background-position: right;
    height: 805px;
    background-size: cover;
    background-repeat: no-repeat;
}

#banner2-cambio .card{
    background-color: white;
}
#banner2-cambio .card span{
    color: #112538;
    font-weight: bold;
}

#banner2-cambio .card .card-text {
    background-image: linear-gradient( 132deg, #367FB1, #2A4469);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-family: sans-serif;
    font-size: 38px;
    font-weight: bold;
}

/* reponsivo phone */
@media (max-width: 576px) {

    .title-header,
    .sub-title-header,
    .row-cards {
        width: 100%;
    }

    .header-cambio-as-service .sub-title-header {
        width: 100%;
    }

    .header-cambio-as-service .title-header:nth-child(1){
        margin-bottom: 2rem !important;
    }

    #banner2-cambio {
        height: 1400px;
    }
}

/* reponsivo tablet */
@media (min-width: 576px) and (max-width: 912px) {

    .header-cambio-as-service .title-header:nth-child(1){
        margin-bottom: 0rem !important;
    }

    .header-cambio-as-service .sub-title-header {
        /* width: 100%; */
    }

    #banner2-cambio {
        height: 1000px;
    }
}

@media (max-width: 1280px) {
    .header-cambio-as-service,
    .title-header,
    .sub-title-header,
    .row-cards {
        width: 100%;
    }
}