.div-condicao {
    /* border-radius: 0 48px 48px 0;
    background: rgba(0, 30, 39, 0.20); */
    position: relative;
    padding: .5rem 0;
    z-index: 1;
}

.div-condicao::before {
    content: '';
    border-radius: 0 48px 48px 0;
    background: rgba(0, 30, 39, 0.20);
    position: absolute;
    width: 150%;
    left: -50%;
    height: 100%;
    z-index: -1;
    top: 0;
}

.bg-soft-azul {
    background: #C5F8FC;
}

footer.bg-soft-azul .bg-petroleo {
    border-radius: 1rem 1rem 0 0;
}

.row.bg-azul {
    border-radius: 2rem;
}

.grid-riscos .card-risco:not(.des) {
    border: 1px solid rgba(0, 226, 244, 0.60);
    background: rgba(0, 226, 244, 0.03);
}

.grid-riscos .card-risco {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 1rem;
    padding: 1rem;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    background: #fff;
}

.grid-riscos .card-risco > div {
    width: fit-content;
    border-radius: 1rem;
}

@media(max-width: 768px) {
    .grid-riscos {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .grid-riscos .titulo {
        min-width: 100%;
        margin-bottom: 1rem;
    }
    
    .grid-riscos .card-risco {
        width: 23%;
    }
}

@media(max-width: 435px) {    
    .grid-riscos .titulo {
        min-width: 100%;
        margin-bottom: 1rem;
    }
    
    .grid-riscos .card-risco {
        width: 100%;
        max-width: unset;
    }
}

@media(min-width: 992px) {
    .banner.banner-imposto {
        background: url(/assets/images/ir26/play-branco-banner.png), url(/assets/images/ir26/play-petroleo-banner.png), #00e2f4;
        background-position: 70% center, 100% 0;
        background-repeat: no-repeat;
        background-size: 35%, 45%;
    }

    .row.bg-azul {
        border-radius: 2rem;
    }

    .sec-azul-gradient {
        background: linear-gradient(180deg, #00e2f4 50%, #fff 50%);
        position: relative;
        z-index: 1;
    }

    .sec-azul-gradient::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 95%;
        background-color: #C5F8FC;
        border-radius: 2rem;
        z-index: -1;
        top: 0;
        left: 2.5%;
    }

    .grid-riscos {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .grid-riscos .titulo {
        min-width: 400px;
    }

    .grid-riscos:first-child {
        margin-bottom: 3rem;
    }

    .grid-riscos .card-risco:not(.des)::before {
        content: '';
        width: 0%;
        height: 3rem;
        position: absolute;
        box-shadow: 0px 0px 4px 4px rgba(0, 226, 244, 0.60);
        top: -3rem;
        left: 50%;
        z-index: 0;
    }


    footer.bg-soft-azul .bg-petroleo {
        border-radius: 2rem 2rem 0 0;
    }
}

@media(min-width: 1200px) {
    .banner h1 {
        font-size: 2.5rem;
    }
}

@media(min-width: 1440px) {
    .banner h1 {
        font-size: 3.5rem;
    }
}

@media(min-width: 1920px) {
    .banner.banner-imposto {
        background-size: 30%, 35%;
    }

    .div-condicao::before {
        width: 170%;
        left: -70%;
    }
}