shenhaiqing
/
chat2023_com


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Adminage - Admin Dashboard</title>

    <!-- favicon -->
    <link rel="icon" href="assets/img/favicon.png" sizes="16x16" type="image/png" />

    <!-- Stylesheet Link -->
    <link rel="stylesheet" href="assets/css/style.css" />
</head>

<body class="t-bg-primary mx-sidenav-not-collapsed">

    <!-- Preloader  -->
    <div class="preloader-container">
        <div class="cssload-thecube m-auto">
            <div class="cssload-cube cssload-c1"></div>
            <div class="cssload-cube cssload-c2"></div>
            <div class="cssload-cube cssload-c4"></div>
            <div class="cssload-cube cssload-c3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Side Nav / Display Only Small Screen  -->
    <div class="position-relative d-xl-none">
        <div class="mx-mobile-nav-wrapper"></div>
        <div class="mx-mobile-nav">
            <div class="mx-mobile-nav__close">
                <i class="las la-times"></i>
            </div>
            <div class="mx-mobile-brand mx-mobile-nav__brand ">
                <img src="assets/img/logo-w.png" alt="Adminage" class="img-fluid mx-mobile-brand__is">
            </div>
            <nav class="mx-mobile-nav__menu" data-simplebar>
                <ul class="t-list mx-sm-sidenav">
                    <li class="mx-sm-sidenav__list">
                        <a href="index.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <span class='bx bx-category'></span>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                dashboard
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-user'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                user
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="user.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-user-plus'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        user
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="user-list.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-user-detail'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        user list
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        forms & table
                    </li>

                    <li class="mx-sm-sidenav__list">
                        <a href="profile.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-user-account'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                profile
                            </span>
                        </a>
                    </li>

                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-folder-open'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                project
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="create-project.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <span class='bx bx-pulse'></span>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        create project
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="project-list.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-list-ul'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        project list
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-message-detail'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                message
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chat.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-message-dots'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chat
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="group-chat.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-message-dots'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        group chat
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="inbox.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-mail-send'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        inbox
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        UI component
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-detail'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                form
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="form.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-news'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        form
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="form-validation.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-task'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        form validation
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="price-table.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-receipt'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                price table
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="file-upload.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-upload'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                file upload
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-library'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                UI elements
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="button.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-mobile-alt bx-rotate-90'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        button
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="dropdown.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-upload bx-rotate-180'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        dropdown
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="table.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-table bx-rotate-180'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        table
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="alert.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bxs-error'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        alert
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="popover.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bx-copy'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        popover
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="tooltip.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        tooltip
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="timeline.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-slider-alt bx-rotate-90'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        timeline
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="pagination.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-collection'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        pagination
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="symbol.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        symbol
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="overlay.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-layer'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        overlay
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="callout.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        callout
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="ribbon.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-tag-alt'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        ribbon
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        features
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-doughnut-chart'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                chart
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chart.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-bar-chart-square'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chart 1
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chart-2.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-line-chart'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chart 2
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="data-table.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-grid'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                data table
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="data-search.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-category'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                data search
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="faq.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-message-error'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                FAQ
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="mega-option.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-spreadsheet'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                mega option
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="sticky-note.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-sticker'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                sticky note
                            </span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <!-- Side Nav / Display Only Small Screen  End-->

    <!-- Page Wrapper -->
    <div class="container-fluid p-0">
        <div class="row g-0">
            <!--SideNav / Display Only Small Screen  -->
            <div class="col-12 d-xl-none">
                <header class="mx-mobile-header t-bg-primary ">
                    <div class="container-fluid px-3">
                        <div class="row g-3">
                            <div class="col-6 align-self-center">
                                <div class="mx-mobile-brand">
                                    <img src="assets/img/logo-w.png" alt="Adminage"
                                        class="img-fluid mx-mobile-brand__is">
                                </div>
                            </div>
                            <div class="col-6 align-self-center">
                                <nav class="mx-mobile-option">
                                    <ul class="t-list mx-mobile-menu justify-content-end">
                                        <li class="mx-mobile-menu__item">
                                            <a href="#" class="mx-mobile-menu__link mx-sm-sidenav-toggle">
                                                <i class='bx bx-menu-alt-right d-block'></i>
                                            </a>
                                        </li>
                                        <li class="mx-mobile-menu__item mx-mobile-menu__sub-header">
                                            <a href="#" class="mx-mobile-menu__link">
                                                <i class='bx bx-menu d-block'></i>
                                            </a>
                                        </li>
                                        <li class="mx-mobile-menu__item mx-mobile-menu__user">
                                            <a href="#" class="mx-mobile-menu__link">
                                                <i class='bx bxs-user-circle d-block'></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="mx-sub-header">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="t-list mx-sm-sidenav">
                                                        <li class="mx-sm-sidenav__list">
                                                            <form action="#" class="t-pl-15 t-pr-15 t-pt-15 t-pb-10">
                                                                <div class="mx-search-form">
                                                                    <div class="mx-search-form__icon">
                                                                        <i class='bx bx-search'></i>
                                                                    </div>
                                                                    <input type="text" class="mx-search-form__input"
                                                                        placeholder="Search...">
                                                                </div>
                                                            </form>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <span class='bx bx-category'></span>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    dashboard
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="index.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 1
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="dash-2.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 2
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="dash-3.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 3
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-brush'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    UI Component
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="checkbox.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            checkbox
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="progress.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            progress
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="radio.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            radio
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-package'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    packages
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="kanban-board.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            kanban board
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tagify.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tagify
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="cropper.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            cropper
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tree-view.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tree view
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-folder-open'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    pages
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="kanban-board.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            kanban board
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tagify.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tagify
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="cropper.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            cropper
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tree-view.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tree view
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mx-sm-user">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="t-list mx-sm-sidenav">
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#"
                                                                class="mx-sm-sidenav__link flex-column align-items-start">
                                                                <span class="text-capitalize fw-bold d-block t-pt-5">
                                                                    harun agrosz
                                                                </span>
                                                                <span class="text-capitalize xsm-text d-block mt-1">
                                                                    admin
                                                                </span>
                                                            </a>
                                                            <hr class="mx-hr mx-hr--primary">
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-user'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    profile
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bxs-user-account'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    add account
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-lock'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    reset password
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-help-circle'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    help
                                                                </span>
                                                            </a>
                                                            <hr class="mx-hr mx-hr--primary">
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-log-out-circle'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    log out
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>

                </header>
            </div>
            <!--HSideNav/ Display Only Small Screen End -->

            <!--SideNav / Display Only Large Screen  -->
            <div class="col-3 col-xxl-2 mx-sidenav d-none d-xl-block">
                <!-- Side Nav  -->
                <div class="mx-sidenav__content t-bg-primary">
                    <!-- Side Nav Brand  -->
                    <div class="mx-sidenav__brand">
                        <a href="index.html" class="mx-sidenav__logo t-link">
                            <img src="assets/img/logo-w.png" alt="Adminage" class="img-fluid mx-sidenav__logo-is">
                        </a>
                        <a href="index.html" class="t-link mx-sidenav__logo-sm">
                            <img src="assets/img/logo-w-sm.png" alt="Adminage" class="img-fluid mx-sidenav__logo-sm-is">
                        </a>
                    </div>
                    <!-- Side Nav Brand  End-->
                    <div class="mx-sidenav__menu-container">
                        <nav class="mx-sidenav__menu">
                            <ul class="t-list mx-sidenav__menu-is">
                                <li class="mx-sidenav__menu-item ">
                                    <a href="index.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <span class='bx bx-category'></span>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            dashboard
                                        </span>
                                    </a>
                                </li>

                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <span class='bx bx-user-circle'></span>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            user
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="user.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-user-plus'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    user
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="user-list.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-user-detail'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    user list
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="mx-sidenav__menu-item ">
                                    <a href="profile.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-user-account'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            profile
                                        </span>
                                    </a>
                                </li>

                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-folder-open'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            project
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="create-project.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <span class='bx bx-pulse'></span>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    create project
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="project-list.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <span class='bx bx-pulse'></span>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    project list
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-message-detail'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            message
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chat.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-message-dots'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chat
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="group-chat.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-message-dots'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    group chat
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="inbox.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-mail-send'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    inbox
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub ">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-detail'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            form
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="form.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-news'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    form
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="form-validation.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-task'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    form validation
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item ">
                                    <a href="price-table.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-receipt'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            price table
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub ">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-library'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            UI elements
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="button.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-mobile-alt bx-rotate-90'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    button
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="dropdown.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-upload bx-rotate-180'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    dropdown
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="table.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-table bx-rotate-180'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    table
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="alert.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-error'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    alert
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="popover.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-copy'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    popover
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="tooltip.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    tooltip
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="timeline.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-slider-alt bx-rotate-90'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    timeline
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="pagination.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-collection'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    pagination
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="symbol.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    symbol
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="overlay.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-layer'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    overlay
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="callout.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    callout
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="ribbon.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-tag-alt'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    ribbon
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-doughnut-chart'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            chart
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chart.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-bar-chart-square'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chart 1
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chart-2.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-line-chart'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chart 2
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item ">
                                    <a href="data-table.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-grid'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            data table
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item ">
                                    <a href="data-search.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-category'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            data search
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item active-page">
                                    <a href="faq.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-message-error'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            FAQ
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="mega-option.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-spreadsheet'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            mega option
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="sticky-note.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-sticker'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            sticky note
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- Side Nav End -->
            </div>
            <!--SideNav / Display Only Large Screen End -->

            <div class="col-9 col-xxl-10 flex-grow-1">
                <div class="container-fluid px-2 px-xxl-0">
                    <div class="row g-2 g-xxl-0">
                        <div class="col-12">
                            <div class="mx-body">

                                <header class="header sticky-top d-none d-xl-block">
                                    <div class="primary-nav t-bg-primary">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-lg-12">
                                                    <div class="primary-nav-list--right-wrapper">
                                                        <ul class="t-list primary-nav-list primary-nav-list--right">
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block t-line-1 ">
                                                                <a href="#" class="t-link mx-sidenav-toggle">
                                                                    <span class="mx-sidenav-toggle__icon"></span>
                                                                </a>
                                                            </li>
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block t-line-1">
                                                                <form action="#"
                                                                    class="t-pl-15 t-pr-15 t-pt-15 t-pb-15">
                                                                    <div class="mx-search-form">
                                                                        <div class="mx-search-form__icon">
                                                                            <i class='bx bx-search'></i>
                                                                        </div>
                                                                        <input type="text" class="mx-search-form__input"
                                                                            placeholder="Search...">
                                                                    </div>
                                                                </form>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg d-lg-none">
                                                                            <i class="las la-bars"></i>
                                                                        </span>
                                                                        <span
                                                                            class="mega-menu__toggle d-none d-lg-block">
                                                                            pages
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--mega-menu">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list mega-menu">
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            UI
                                                                                            components
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="button.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    button
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="dropdown.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    dropdown
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    table
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="alert.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    alert
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="popover.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    popover
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="tooltip.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    tooltip
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="timeline.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    timeline
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            user details
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="user.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    user
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="user-list.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    user list
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="profile.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    profile
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="inbox.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    inbox
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            elements
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chat.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chat
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="group-chat.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    group chat
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="form.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    form
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="form-validation.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    form validation
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="price-table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    price table
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            data info
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chart.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chart 1
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chart-2.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chart 2
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="data-table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    data table
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="data-search.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    data search
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="faq.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    FAQ
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>

                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg t-line-1">
                                                                            <i class='bx bx-message-detail'></i>
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--lg-right">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__top">
                                                                                <span
                                                                                    class="messages__top-text text-capitalize">recent
                                                                                    chats</span>
                                                                                <a href="#"
                                                                                    class="t-link messages__top-link text-capitalize messages__top-text">
                                                                                    <span class="t-mr-5 d-inline-block">
                                                                                        <i class="las la-cog"></i>
                                                                                    </span>
                                                                                    settings
                                                                                </a>
                                                                            </div>
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list messages__list">
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        tk
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            tonmoy
                                                                                                            khan
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Receive
                                                                                                            the
                                                                                                            phone
                                                                                                            ASAP
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        gp
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            groups
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            5:07
                                                                                                            AM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            I
                                                                                                            want
                                                                                                            to
                                                                                                            buy
                                                                                                            this
                                                                                                            things
                                                                                                            anybody...
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="messages__footer text-center">
                                                                                <a href="#"
                                                                                    class="t-link messages__view-all text-capitalize t-text-light">
                                                                                    view all
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg t-line-1">
                                                                            <i class='bx bx-bell'></i>
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--lg-right">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__top">
                                                                                <span
                                                                                    class="messages__top-text text-capitalize">notifications</span>
                                                                                <a href="#"
                                                                                    class="t-link messages__top-link text-capitalize messages__top-text">
                                                                                    mark all
                                                                                    as read
                                                                                </a>
                                                                            </div>
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list messages__list">
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        tk
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            tonmoy
                                                                                                            khan
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Receive
                                                                                                            the
                                                                                                            phone
                                                                                                            ASAP
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        gp
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            groups
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            5:07
                                                                                                            AM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            I
                                                                                                            want
                                                                                                            to
                                                                                                            buy
                                                                                                            this
                                                                                                            things
                                                                                                            anybody...
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="messages__footer text-center">
                                                                                <a href="#"
                                                                                    class="t-link messages__view-all text-capitalize t-text-light">
                                                                                    view all
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <div class="rtl-flag">
                                                                            <img src="assets/img/flag-1.png" alt="max"
                                                                                class="img-fluid w-100" />
                                                                        </div>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="t-list mx-author-menu">
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="assets/img/flag-2.png"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    french
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="assets/img/flag-3.png"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    USA
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="assets/img/flag-4.png"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    UK
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <div class="d-flex align-items-center">
                                                                            <span class="mx-user mx-user--sm">
                                                                                <img src="assets/img/user.jpg" alt="max"
                                                                                    class="img-fluid w-100" />
                                                                            </span>
                                                                            <span
                                                                                class="d-none d-lg-inline-block t-ml-8">
                                                                                admin
                                                                                <span
                                                                                    class="t-ml-5 d-inline-block xsm-text"
                                                                                    data-feather="chevron-down"></span>
                                                                            </span>
                                                                        </div>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="t-list mx-author-menu">
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <span
                                                                                        class="text-capitalize fw-bold d-block t-pt-5">
                                                                                        harun agrosz
                                                                                    </span>
                                                                                    <span
                                                                                        class="text-capitalize xsm-text d-block mt-1">
                                                                                        admin
                                                                                    </span>
                                                                                </a>
                                                                                <hr class="mx-hr bg-light m-0">
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-user-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            profile
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i class='bx bx-wallet'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            my wallet
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i class='bx bx-cog'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            settings
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-help-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            help
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-log-out-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            logout
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination t-bg-16">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-12">
                                                    <ul class="pagination-bar t-list">
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                faq
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                home
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                faq
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </header>

                                <div class="mx-body__content" data-simplebar>

                                    <main class="main-content t-mt-15 t-mb-15">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <div class="t-pt-120 t-pb-120 px-3 px-md-4 mx-faq-banner">
                                                        <div class="row">
                                                            <div class="col-md-6 col-xl-4">
                                                                <h3 class="mt-0 text-capitalize">
                                                                    How Can We Help?
                                                                </h3>
                                                                <p>
                                                                    Get help from a dedicated shopify today No contracts. 100% money-back guarantee.
                                                                </p>
                                                                <div class="mx-search-bar d-flex">
                                                                    <input type="text" class="form-control" placeholder="Search Now">
                                                                    <button class="btn btn-primary border border-primary">
                                                                        <i class="las la-search"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div
                                                        class="cards t-bg-white t-shadow"
                                                    >
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-15 t-pl-15 t-pr-15"
                                                        >
                                                            <h6
                                                                class="mt-0 mb-0 text-capitalize"
                                                            >
                                                            Buying Product & Support
                                                            </h6>
                                                        </div>
                                                        <div
                                                            class="cards__body t-pt-15 t-pl-15 t-pr-15 t-pb-30"
                                                        >
                                                            <div class="accordion accordion--toggle-icon accordion--primary-bg" id="accThree">
                                                                <div class="card border-0">
                                                                  <div class="card-header p-0 border-0">
                                                                      <div class=" accordion__button sm-text" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="true">
                                                                        1. Will membership plans be charged automatically?
                                                                      </div>
                                                                  </div>

                                                                  <div id="collapseSeven" class="collapse show" data-parent="#accThree">
                                                                    <div class="card-body">
                                                                    <p class="mb-0 sm-text">
                                                                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                                                    </p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                                <div class="card border-0 t-mt-10">
                                                                  <div class="card-header p-0 border-0" >
                                                                      <div class="accordion__button sm-text collapsed" type="button" data-toggle="collapse" data-target="#collapseeight" aria-expanded="false">
                                                                        2. How can I return an item purchased online?
                                                                      </div>
                                                                  </div>
                                                                  <div id="collapseeight" class="collapse" data-parent="#accThree">
                                                                    <div class="card-body">
                                                                        <p class="mb-0 sm-text">
                                                                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                                                    </p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                                <div class="card border-0 t-mt-10">
                                                                  <div class="card-header p-0 border-0" >
                                                                      <div class="accordion__button sm-text collapsed" type="button" data-toggle="collapse" data-target="#collapsenine" aria-expanded="false">
                                                                        3. How to managment financial?
                                                                      </div>
                                                                  </div>
                                                                  <div id="collapsenine" class="collapse" data-parent="#accThree">
                                                                    <div class="card-body">
                                                                      <p class="mb-0 sm-text">
                                                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                                                      </p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="px-4 py-4 t-bg-white">
                                                        <div class="mx-task-complete-container t-mt-30">
                                                            <div class="mx-task-complete align-items-start py-2">
                                                                <div class="mx-task-complete__date sm-text text-capitalize font-weight-bold">
                                                                    24 mar 2020
                                                                </div>
                                                                <div class="mx-task-complete__name">
                                                                    <span class="d-block sm-text font-weight-bold t-mb-5">
                                                                        Product Inventory
                                                                    </span>
                                                                    <span class="d-block sm-text">
                                                                        There are many variations of passages of Lorem Ipsum available
                but the majority have suffered. Adminage button group examples.
                Food truck quinoa nesciunt.
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="mx-task-complete align-items-start py-2">
                                                                <div class="mx-task-complete__date sm-text text-capitalize font-weight-bold">
                                                                    07 app 2020
                                                                </div>
                                                                <div class="mx-task-complete__name">
                                                                    <span class="d-block sm-text font-weight-bold t-mb-5">
                                                                        Product Design
                                                                    </span>
                                                                    <span class="d-block sm-text">
                                                                        There are many variations of passages of Lorem Ipsum available
                but the majority have suffered. Adminage button.
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="mx-task-complete align-items-start py-2">
                                                                <div class="mx-task-complete__date sm-text text-capitalize font-weight-bold">
                                                                    07 app 2020
                                                                </div>
                                                                <div class="mx-task-complete__name">
                                                                    <span class="d-block sm-text font-weight-bold t-mb-5">
                                                                        eCommerce Reports
                                                                    </span>
                                                                    <span class="d-block sm-text">
                                                                        There are many variations of passages of Lorem Ipsum available
                but the majority have suffered. Adminage button.
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="mx-task-complete align-items-start py-2">
                                                                <div class="mx-task-complete__date sm-text text-capitalize font-weight-bold">
                                                                    07 app 2020
                                                                </div>
                                                                <div class="mx-task-complete__name">
                                                                    <span class="d-block sm-text font-weight-bold t-mb-5">
                                                                        WordPress Design
                                                                    </span>
                                                                    <span class="d-block sm-text">
                                                                        There are many variations of passages of Lorem Ipsum available
                but the majority have suffered. Adminage button.
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12">
                                                    <div class="mx-callout t-bg-white">
                                                        <div class="mx-callout__left-content">
                                                            <div class="d-flex align-items-center t-mb-15">
                                                                <div class="mx-circle mx-circle--sm bg-primary t-mr-15">
                                                                    <span class="d-inline-block t-text-light">
                                                                        <i class="fa fa-heart" aria-hidden="true"></i>
                                                                    </span>
                                                                </div>
                                                                <h6 class="mt-0 text-capitalize">
                                                                    Buying Product & Support
                                                                </h6>
                                                            </div>


                                                            <p class="sm-text">
                                                                Windows 10 automatically downloads and installs updates to make sure your device is secure and up to date. This means you receive the latest fixes and security updates, helping your device run efficiently and stay protected. In most cases, restarting your device completes the update. Make sure your device is plugged in when you know updates will be installed. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures.
                                                            </p>
                                                        </div>
                                                        <div class="mx-callout__right-content">
                                                            <button type="button" class="btn btn-primary sm-text text-uppercase">submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mx-callout t-bg-white">
                                                        <div class="mx-callout__float-icon t-text-gamma">
                                                            <i class="fa fa-headphones" aria-hidden="true"></i>
                                                        </div>
                                                        <div class="mx-callout__left-content">
                                                            <h6 class="mt-0 text-capitalize">
                                                                get in touch
                                                            </h6>
                                                            <p class="sm-text">
                                                                There are many variations of passages of Lorem Ipsum available but the suffered mples.
                                                            </p>
                                                        </div>
                                                        <div class="mx-callout__right-content">
                                                            <button type="button" class="btn btn-primary sm-text text-uppercase">submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mx-callout t-bg-white">
                                                        <div class="mx-callout__float-icon t-text-delta">
                                                            <i class="fa fa-headphones" aria-hidden="true"></i>
                                                        </div>
                                                        <div class="mx-callout__left-content">
                                                            <h6 class="mt-0 text-capitalize">
                                                                get in touch
                                                            </h6>
                                                            <p class="sm-text">
                                                                There are many variations of passages of Lorem Ipsum available but the suffered mples.
                                                            </p>
                                                        </div>
                                                        <div class="mx-callout__right-content">
                                                            <button type="button" class="btn btn-success sm-text text-uppercase">submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mx-callout t-bg-white">
                                                        <div class="mx-callout__float-icon t-text-epsilon">
                                                            <i class="fa fa-headphones" aria-hidden="true"></i>
                                                        </div>
                                                        <div class="mx-callout__left-content">
                                                            <h6 class="mt-0 text-capitalize">
                                                                get in touch
                                                            </h6>
                                                            <p class="sm-text">
                                                                There are many variations of passages of Lorem Ipsum available but the suffered mples.
                                                            </p>
                                                        </div>
                                                        <div class="mx-callout__right-content">
                                                            <button type="button" class="btn btn-danger sm-text text-uppercase">submit</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </main>

                                    <footer class="t-mb-30">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <div
                                                        class="t-pt-15 t-pb-15 cards t-bg-white t-shadow text-center sm-text">
                                                        <span class="t-text-dark">&copy;</span> <a href="#"
                                                            class="t-link t-link--alpha text-capitalize">Adminage</a>
                                                        <span class="t-text-dark text-capitalize">all right reserved
                                                            2020</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </footer>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Wrapper End -->

    <!-- jquery -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>

    <!-- Date and Time  -->
    <script src="assets/js/moment.js"></script>
    <script src="assets/js/bootstrap-material-datetimepicker.js"></script>

    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- Slick Slider  -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Owl carousel -->
    <script src="assets/js/owl.carousel.min.js"></script>
    <!-- simplebar -->
    <script src="assets/js/simplebar.js"></script>
    <!-- Prism JS  -->
    <script src="assets/js/prism.js"></script>
    <!-- Feather Icon  -->
    <script src="assets/js/feather.js"></script>
    <!-- Nice Select  -->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!-- Dropzone  -->
    <script src="assets/js/dropzone.js"></script>
    <!-- ION Range Slider  -->
    <script src="assets/js/ion.rangeSlider.js"></script>
    <!-- Touchspin  -->
    <script src="assets/js/jquery.bootstrap-touchspin.min.js"></script>
    <!-- Rating Bar -->
    <script src="assets/js/jquery.barrating.min.js"></script>
    <!-- Calendar  -->
    <script src="assets/js/fullcalendar.min.js"></script>
    <!-- Main script -->
    <script src="assets/js/main.js"></script>
</body>

</html>