.icon-grid {
    padding-bottom: var(--spacing-6xl);

    @media screen and (max-width: 991px) {
        padding-bottom: var(--spacing-2xl);
    }
    @media screen and (max-width: 576px) {
        padding-bottom: var(--spacing-xl);
    }
    h2 {
        margin-bottom: 60px;

        @media screen and (max-width: 1500px) {
            margin-bottom: 45px;
        }
        @media screen and (max-width: 768px) {
            margin-bottom: 30px;
        }
    }
    .grid {
        .grid-item {
            .icon {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 205px;
                margin-bottom: 40px;

                @media screen and (max-width: 1500px) {
                    height: auto;
                    margin-bottom: 30px;
                }
                @media screen and (max-width: 768px) {
                    margin-bottom: 20px;
                }
                img {
                    @media screen and (max-width: 1500px) {
                        max-width: 150px;
                        max-height: 150px;
                    }
                    @media screen and (max-width: 768px) {
                        max-width: 100px;
                        max-height: 100px;
                    }
                }
            }
            .icon-text {
                font-weight: 600;
                line-height: 1.2;
                margin-bottom: 0;

                @media screen and (max-width: 768px) {
                    line-height: 1.3;
                }
            }
        }
    }
}