.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: -webkit-fill-available;
    left: -50%;
    height: 100%;
    z-index: -1;
    top: 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);

    p {
        color: #001E27;
        font-weight: 600;
    }
}

.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;

    p {
        color: #8C999E;
        font-weight: 500;
    }
}

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

@media (min-width: 768px) and (max-width: 990px),
(min-width: 1440px) {
    .div-condicao .texto-verde::before {
        content: '';
        background: url('/assets/images/ir26/img-aviso.png');
        width: 55px;
        height: 55px;
        display: inline;
        position: absolute;
        left: -4rem;
    }
}

@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 {
        padding-bottom: 11rem !important;
        background: url(/assets/images/ir26/play-branco-banner.png), url(/assets/images/ir26/play-petroleo-banner.png), #00e2f4;
        background-position: 60% 93%, 100% 0;
        background-repeat: no-repeat;
        background-size: 17%, 30%;
    }

    .bg-arrows {
        background: url(/assets/images/ir26/play-branco-banner.png), url(/assets/images/ir26/play-petroleo.png), url(/assets/images/ir26/img-arrows.png);
        background-position: 2% 80%, 5% 35%, 104% 96%;
        background-repeat: no-repeat;
        background-size: 15%, 5%, 10%;
    }

    .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 7px 7px #00E2F426;
        top: -3rem;
        left: 50%;
        z-index: 0;
        border-width: 0.15rem;
        border-style: dashed;
        border-color: #00E2F4;
        background-color: #00E2F426;
    }
}

@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: 10%, 30%;
        background-position: 56% 91%, 100% 0;
    }

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