/* Sobre nosso itens */

#infrastructure-itens {
    background: linear-gradient(to left,hsl(237, 23%, 32%),hsl(237, 23%, 32%), hsl(237, 17%, 21%));
    border-radius: 0 5rem 0 5rem;
    font-family: 'Overpass';
    margin: 2% 0;

}

.wrapper-infrastructure-itens {
    max-height: 18.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    padding: 0 10%;
    background: url(/images/bg-pattern-circles.svg);
    background-repeat: no-repeat;
    background-position: -55% 77%;
    background-size: 73%;
}

.infrastructure__img  {
}

.infrastructure__img img {
    margin-top: 2.5rem;
    transform: scale(1.05);
    max-width: 25rem;
    width: 100%;
}

.infrastructure-item__content {
    max-width: 45%;
    color: var(--color-text-white);
}

.infrastructure-item__content h1 {
    margin-bottom: 1.2rem;
    font-size: 2rem;

}

.infrastructure-item__content p {
    line-height: 1.5rem;
}

@media (max-width: 880px) {
    #infrastructure-itens  {
        margin-top: 12rem;
    }
    .wrapper-infrastructure-itens {
        flex-direction: column;
        max-height: 100%;
        background-position: -91px -250px;
        background-size: 100%;
        padding-bottom: 3rem;
        gap: 0;
    }

    .infrastructure__img {
        height: 20rem;
        transform: translateY(-50%);
    }
    .infrastructure__img img {
        transform:scale(1.2);
    }

    .infrastructure-item__content {
        max-width: 100%;
        text-align: center;
    }
}

@media (max-width: 450px) {
    .wrapper-infrastructure-itens {
        background-position: -91px -120px;
    }
    .infrastructure__img {
        max-height: 16rem;
    }
}