.quick-links {
            position: relative;
            background: #030021;
            z-index: 9
        }

        .quick-links::before {
            content: "";
            position: absolute;
            left: 0;
            top: -108px;
            width: 100%;
            height: 110px;
            background: linear-gradient(to bottom, rgba(3, 0, 33, 0) 0%, rgba(3, 0, 33, 1) 68%, rgba(3, 0, 33, 1) 99%)
        }

        .quick-links__wrap {
            box-sizing: border-box;
            display: flex;
            flex: 0 1 auto;
            flex-direction: row;
            flex-wrap: wrap;
            margin-right: -16px;
            margin-left: -16px;
            justify-content: center
        }

        .quick-links__col {
            box-sizing: border-box;
            flex: 0 0 auto;
            flex-basis: auto;
            padding-right: 0;
            padding-left: 0;
            margin: 4px 16px;
            width: calc(100% - 32px);
            position: relative
        }

        .quick-links__col a {
            background: rgba(255, 255, 255, .11);
            padding: 16px 29px;
            border: 1px solid rgba(255, 255, 255, .17);
            border-radius: 10px;
            font-weight: 400;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            width: 100%
        }

        .quick-links__col a:hover {
            transform: scale(1.05)
        }

        .quick-links__icon {
            width: 30px;
            font-size: 26px;
            color: #fff;
            line-height: 1em
        }

        .quick-links__info {
            width: calc(100% - 30px);
            padding-left: 5px
        }

        .quick-links__info h4 {
            padding: 0;
            font-weight: 700;
            font-size: 17px;
            color: #f2f2f2
        }

        @media (min-width:768px) {
            .quick-links__col {
                margin: 10px 16px;
                width: calc(33.33% - 32px)
            }

            .quick-links__col a {
                padding: 2px 10px;
                width: 100%;
                height: 150px;
                flex-direction: column;
                text-align: center
            }

            .quick-links__icon {
                width: 100%;
                font-size: 54px
            }

            .quick-links__info {
                width: 100%;
                padding-left: 0;
                padding-top: 4px
            }

            .quick-links::before {
                top: -63px;
                width: 100%;
                height: 64px
            }

            .quick-links {
                margin-top: 64px
            }

            .quick-links__wrap {
                top: -80px;
                position: relative;
                margin-top: -60px;
                z-index: 9
            }
        }

        @media (min-width:1200px) {
            .quick-links__col {
                margin: 10px 16px;
                width: calc(16.66% - 32px)
            }

            .quick-links__col a {
                padding: 0 10px;
                width: 100%;
                height: 150px
            }

            .quick-links__icon {
                font-size: 54px
            }

            .quick-links__info {
                padding-top: 4px
            }

            .quick-links__info h4 {
                font-size: 18px
            }

            .quick-links::before {
                top: -63px;
                width: 100%;
                height: 64px
            }

            .quick-links {
                margin-top: -176px
            }

            .quick-links__wrap {
                top: -104px;
                position: relative;
                margin-top: -60px
            }
        }