@import url(modules/module_default.css);
@import url(modules/module_header.css);
@import url(modules/module_hero.css);
@import url(modules/module_info-line.css);
@import url(modules/module_section.css);
@import url(modules/module_popout.css);
@import url(modules/module_footer.css);


.profits
{
    padding: 3rem 10%;
}

.advantages
{
    padding: 10rem 10%;
    padding-top: 2rem;
}

    .advantages h2
    {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 900;
    }

    .advantages .container
    {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
        gap: 3rem;
        padding: 2rem 0;
    }

        .advantages .container .item
        {
            width: 100%;
            background-color: #fff;
            padding: 1rem;
            border-radius: 0.25rem;
            text-align: center;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

            .advantages .container .item img.icon
            {
                height: 4rem;
                margin-bottom: 0.5rem;
            }

            .advantages .container .item h3
            {
                font-size: 1.5rem;
            }

            .advantages .container .item p
            {
                line-height: 1.5rem;
                font-weight: 300;
                margin-top: 0.5rem;
                color: #494949;
            }