.resources-section {
            background-color: #191919;
            color: #fff;
            padding: 80px 0;
        }

        .resources-section h2 {
            font-size: 64px;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 64px;
        }

        .resources-section .resources-wrapper {
            display: flex;
            justify-content: center;
            gap: 80px;
            max-width: 1172px;
            margin: auto;
        }

        .resources-section .resources-wrapper .category h4 {
            font-size: 12px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            color: #C1C6C8;
            margin-top: 0;
            margin-bottom: 8px;
        }

        .resources-section .resources-wrapper .category ul {
            list-style: none;
            padding: 0;
        }

        .resources-section .resources-wrapper .category ul li {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            margin-bottom: 16px;
        }

        .resources-section .resources-wrapper .category ul li:last-child {
            margin-bottom: 0;
        }

        .resources-section .resources-wrapper .category ul li a {
            display: flex;
            align-items: flex-end;
            gap: 12px;
            color: #fff;
            text-decoration: unset;
        }

        .resources-section .resources-wrapper .category ul li a:hover {
            text-decoration: underline;
        }

        .resources-section .resources-wrapper .category ul li i {
            margin-left: 6px;
            font-size: 10px;
        }

        @media screen and (max-width: 768px) {
            .resources-section {
                padding: 40px 16px;
            }

            .resources-section h2 {
                font-size: 48px;
                line-height: 48px;
                margin-bottom: 40px;
            }

            .resources-section .resources-wrapper {
                flex-direction: column;
                gap: 40px;
            }

            .resources-section .resources-wrapper .category {
                width: 100%;
            }

            .resources-section .resources-wrapper .category ul li a {
                align-items: flex-start;
            }
        }