.numbers{
    display: none;
}

@media (min-width: 1024px) {

    .numbers{
        display: block;
    }

    .hero__numbers {
        display: flex;
        justify-content: space-around;
        background-color: #1D5239;
        margin: 0;
        padding: 40px 0;
        color: #fff;
        border-radius: 5px;
    }

    .hero__numbers--topic{

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        min-width: 250px;
        gap: 5px;
        text-align: start;
        line-height: 1;
    }

    .number__icon{
        min-width: 70px;
        height: auto;
        padding: 10px;
        border-radius: 100%;
        background-color: #279963;
        overflow: visible;
        
    }

    .number__text{
        & > h3{

            font-size: 30px;

         }

         & > p {
            font-size: 1.5rem;
            width: max-content;
            text-align: center;
            color: #fff;
            font-weight: 500;
         }
    }
}