import React from 'react';

export default function Directions() {
    return (
        <div className="main-popular">
            <div className="b-inner">
                <h2 className="title-h2">Popular Topics</h2>
                <div className="main-popular__row">
                    <div className="main-popular__coll">
                        <div className="b-popular">
                            <div className="b-popular__image">
                                <img className="" src="/images/popular.png" alt=""/>
                            </div>
                            <div className="b-popular__inner">
                                <div className="b-popular__title">Work Life Balance</div>
                                <div className="b-popular__wrap-link">
                                    <a className="b-popular__link" href="">23 experts</a> |
                                    <a className="b-popular__link" href="">245 offers</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="main-popular__coll">
                        <div className="b-popular">
                            <div className="b-popular__image">
                                <img className="" src="/images/popular.png" alt=""/>
                            </div>
                            <div className="b-popular__inner">
                                <div className="b-popular__title">Work Life Balance</div>
                                <div className="b-popular__wrap-link">
                                    <a className="b-popular__link" href="">23 experts</a> |
                                    <a className="b-popular__link" href="">245 offers</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="main-popular__coll d-none d-md-block">
                        <div className="b-popular">
                            <div className="b-popular__image">
                                <img className="" src="/images/popular.png" alt=""/>
                            </div>
                            <div className="b-popular__inner">
                                <div className="b-popular__title">Work Life Balance</div>
                                <div className="b-popular__wrap-link">
                                    <a className="b-popular__link" href="">23 experts</a> |
                                    <a className="b-popular__link" href="">245 offers</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="main-popular__coll d-none d-lg-block">
                        <div className="b-popular">
                            <div className="b-popular__image">
                                <img className="" src="/images/popular.png" alt=""/>
                            </div>
                            <div className="b-popular__inner">
                                <div className="b-popular__title">Work Life Balance</div>
                                <div className="b-popular__wrap-link">
                                    <a className="b-popular__link" href="">23 experts</a> |
                                    <a className="b-popular__link" href="">245 offers</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="main-popular__coll d-none d-lg-block">
                        <div className="b-popular">
                            <div className="b-popular__image">
                                <img className="" src="/images/popular.png" alt=""/>
                            </div>
                            <div className="b-popular__inner">
                                <div className="b-popular__title">Work Life Balance</div>
                                <div className="b-popular__wrap-link">
                                    <a className="b-popular__link" href="">23 experts</a> |
                                    <a className="b-popular__link" href="">245 offers</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div className="main-popular__coll d-none d-xl-block">
                        <div className="b-popular">
                            <div className="b-popular__image">
                                <img className="" src="/images/popular.png" alt=""/>
                            </div>
                            <div className="b-popular__inner">
                                <div className="b-popular__title">Work Life Balance</div>
                                <div className="b-popular__wrap-link">
                                    <a className="b-popular__link" href="">23 experts</a> |
                                    <a className="b-popular__link" href="">245 offers</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}