{"version":3,"sources":["components/layout/Footer.js","components/layout/menu.js","components/layout/Mobile_menu.js","components/layout/Header.js","components/banner/Home1_banner.js","components/Home.js","components/banner/Home2_banner.js","components/Home2_mainpage.js","components/Home2.js","components/Home3_mainpage.js","components/Home3.js","components/layout/Header2.js","components/banner/Home3_banner.js","components/Header_style_02.js","components/layout/Header3.js","components/Header_style_03.js","components/pages/Aboutus_01.js","components/pages/Aboutus_02.js","components/pages/Services_01.js","components/pages/Services_02.js","components/pages/Our_expert.js","components/pages/Team_detail.js","components/pages/Faq.js","components/pages/Contact_01.js","components/pages/Contact_02.js","components/pages/Error.js","components/pages/Element.js","components/services/Sidebar.js","components/services/It_consultancy.js","components/services/Digital_services.js","components/services/Advisory_services.js","components/services/Data_structuring.js","components/services/Experience_design.js","components/services/Content_engineering.js","components/project/Project_style1.js","components/project/Project_style2.js","components/project/Detail_box.js","components/project/Single_style1.js","components/project/Single_style2.js","components/project/Single_style3.js","components/blog/Blog_sidebar.js","components/blog/Blog.js","components/blog/Blog_grid.js","components/blog/Blog_left_image.js","components/blog/Blog_top_image.js","components/blog/Single_blog.js","components/shop/Shop.js","components/shop/Product_details.js","components/shop/Cart.js","components/shop/Checkout.js","components/layout/Gotop.js","App.js","serviceWorker.js","index.js"],"names":["Footer","className","this","props","children","data-src","alt","src","id","method","action","data-mailchimp","type","name","placeholder","required","value","target","data-tooltip","to","Component","Menu","role","href","process","Mobilemenu","state","collapse1","collapseID","toggleCollapse","setState","prevState","toggleSingleCollapse","collapseId","onClick","isOpen","navbar","left","active","nav","caret","Header","show","toggle","currentState","title","rel","CarouselPage","fluid","activeItem","length","showControls","showIndicators","itemId","count","delay","images","Home","photoIndex","slick_slider","dots","arrow","autoplay","infinite","speed","slidesToShow","slidesToScroll","responsive","breakpoint","settings","material","arrows","mainSrc","nextSrc","prevSrc","onCloseRequest","onMovePrevRequest","onMoveNextRequest","CarouselPage2","Home2_mainpage","start","end","duration","defaultIndex","onSelect","index","console","log","width","height","allow","dateTime","Home2","Home3_mainpage","data-percent","data-percentage","Home3","Header2","CarouselPage3","Home2_Header2","Header3","Home3_Header3","Aboutus_01","Aboutus_02","Services_01","herf","Services_02","Our_expert","Team_detail","rows","defaultValue","Faq","preExpanded","Contact_01","Contact_02","Error","Element","Sidebar","activeClassName","It_consultancy","Digital_services","Data_structuring","Experience_design","Content_engineering","Project_style1","Project_style2","Detailbox","Single_style1","Single_style2","allowFullScreen","Single_style3","Blogsidebar","Blog","Blog_grid","Blog_left_image","Blog_top_image","Single_blog","aria-hidden","htmlFor","Shop","Product_details","step","min","max","Cart","data-title","colSpan","disabled","Checkout","tabIndex","data-value","ScrollToTop","pageYOffset","useWindowScroll","y","useState","visble","setVisibility","useEffect","window","scrollTo","top","behavior","history","createBrowserHistory","basename","App","exact","path","component","Advisory_services","Boolean","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","message"],"mappings":"wNAEaA,EAAb,uKAEQ,OACI,4BAAQC,UAAU,iCACjBC,KAAKC,MAAMC,SACR,yBAAKH,UAAU,qEACf,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,0CACX,yBAAKA,UAAU,8BACf,yBAAKI,WAAS,kBAAkBJ,UAAU,YAAYK,IAAI,cAAcC,IAAI,sBAGhF,yBAAKN,UAAU,uDACX,yBAAKA,UAAU,aAEf,yBAAKA,UAAU,8CACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,yDACX,uBAAGA,UAAU,yBAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,iBACX,sHAMZ,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,iBACf,uBAAGA,UAAU,oEAAmE,uBAAGA,UAAU,oBAA7F,2BAMR,yBAAKA,UAAU,6CACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,gCACf,wBAAIA,UAAU,gBAAd,qBACA,yBAAKA,UAAU,0BAAf,sHAGA,yBAAKA,UAAU,iBAEX,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0EACf,0BAAMA,UAAU,8BAGpB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,iBACf,mDAEA,yBAAKA,UAAU,kBACf,oDAOZ,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,+BACf,wBAAIA,UAAU,gBAAd,eACA,wBAAIO,GAAG,wBACH,4BAAI,iDACJ,4BAAI,6CACJ,4BAAI,gDACJ,4BAAI,gDACJ,4BAAI,sDAIZ,yBAAKP,UAAU,mEACX,yBAAKA,UAAU,kCACf,wBAAIA,UAAU,gBAAd,eACA,yBAAKA,UAAU,0BAAf,4DAEI,0BAAMO,GAAG,iBAAiBP,UAAU,kBAAkBQ,OAAO,OAAOC,OAAO,IAAIC,iBAAe,QAC9F,yBAAKV,UAAU,8BAA8BO,GAAG,qBAC5C,uBAAGP,UAAU,mBACb,2BAAOW,KAAK,QAAQC,KAAK,QAAQC,YAAY,kBAAkBC,UAAQ,IACvE,2BAAOH,KAAK,SAASI,MAAM,MAE/B,yBAAKR,GAAG,mBAER,4CACA,yBAAKP,UAAU,oCACf,wBAAIA,UAAU,eACV,wBAAIA,UAAU,mBAAkB,uBAAGA,UAAU,6BAA6BgB,OAAO,SAASC,eAAa,YAAW,uBAAGjB,UAAU,wBAC/H,wBAAIA,UAAU,kBAAiB,uBAAGA,UAAU,6BAA6BgB,OAAO,SAASC,eAAa,WAAU,uBAAGjB,UAAU,qBAC7H,wBAAIA,UAAU,iBAAgB,uBAAGA,UAAU,8BAA8BgB,OAAO,SAASC,eAAa,UAAS,uBAAGjB,UAAU,oBAC5H,wBAAIA,UAAU,mBAAkB,uBAAGA,UAAU,8BAA8BgB,OAAO,SAASC,eAAa,SAAQ,uBAAGjB,UAAU,iCAS7I,yBAAKA,UAAU,+DACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,wDACf,yBAAKA,UAAU,YACX,6BACA,wDAA4B,uBAAGkB,GAAG,KAAN,YAAsB,uBAAGA,GAAG,mBAAmBF,OAAO,cAGtF,yBAAKhB,UAAU,YACX,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,oBACX,wBAAIO,GAAG,mBAAmBP,UAAU,mBACpC,4BAAI,wCACJ,4BAAI,wCACJ,4BAAI,wCAEJ,yBAAKA,UAAU,iDA5H3C,GAA4BmB,a,wBCEfC,EAAb,uKAEQ,OACI,yBAAKb,GAAG,OAAOc,KAAK,aAAarB,UAAU,QACvC,4BACI,wBAAIA,UAAU,oBAAmB,uBAAIsB,KAAMC,yBAAV,SAEjC,wBAAIvB,UAAU,oBAAmB,uCAC7B,wBAAIA,UAAU,iBACV,4BAAI,uBAAGsB,KAAMC,uCAAT,mBACJ,4BAAI,uBAAGD,KAAMC,yCAAT,qBACJ,4BAAI,uBAAGD,KAAMC,0CAAT,sBACJ,4BAAI,uBAAGD,KAAMC,yCAAT,qBACJ,4BAAI,uBAAGD,KAAMC,0CAAT,sBACJ,4BAAI,uBAAGD,KAAMC,4CAAT,0BAGZ,wBAAIvB,UAAU,oBAAmB,uBAAIsB,KAAMC,mCAAV,YAEjC,wBAAIvB,UAAU,oBAAmB,uBAAIsB,KAAMC,mCAAV,aAEjC,wBAAIvB,UAAU,oBAAmB,uBAAGsB,KAAMC,mCAAT,qBArBrD,GAA0BJ,a,gBCyIXK,E,4MAvIfC,MAAQ,CACNC,WAAW,EACXC,WAAY,I,EAGdC,eAAiB,SAAAD,GAAU,OAAI,WAC7B,EAAKE,UAAS,SAAAC,GAAS,MAAK,CAAEH,WAAaG,EAAUH,aAAeA,EAAaA,EAAa,S,EAGhGI,qBAAuB,SAAAC,GACrB,EAAKH,SAAL,eACK,EAAKJ,MADV,eAEGO,GAAc,EAAKP,MAAMO,O,uDAIpB,IAAD,OACP,OACE,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAqBzB,GAAG,aAAa0B,QAAS,kBAAK,EAAKF,qBAAqB,gBAC3E,kBAAC,IAAD,CAAaG,OAAQjC,KAAKwB,MAAMC,UAAWS,QAAM,GAC/C,kBAAC,IAAD,CAAcC,MAAI,GAChB,kBAAC,IAAD,CAAYC,QAAM,GAChB,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBC,KAAG,EAACC,OAAK,GACxB,uCAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,yBAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,8BAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,8BAAvB,cACA,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,gDAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,yBAAvB,mBACA,kBAAC,IAAD,CAAiBP,OAAO,SAASM,KAAMC,wCAAvC,mBACA,kBAAC,IAAD,CAAiBP,OAAO,SAASM,KAAMC,wCAAvC,wBAMlB,kBAAC,IAAD,KACE,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,wCAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,mCAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,mCAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,oCAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,oCAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,mCAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,4BAAvB,QACA,kBAAC,IAAD,CAAiBD,KAAMC,mCAAvB,gBACA,kBAAC,IAAD,CAAiBD,KAAMC,mCAAvB,gBACA,kBAAC,IAAD,CAAiBD,KAAMC,8BAAvB,cACA,kBAAC,IAAD,CAAiBD,KAAMC,gCAAvB,eAIV,kBAAC,IAAD,KACE,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,2CAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,uCAAvB,kBACA,kBAAC,IAAD,CAAiBD,KAAMC,yCAAvB,oBACA,kBAAC,IAAD,CAAiBD,KAAMC,0CAAvB,qBACA,kBAAC,IAAD,CAAiBD,KAAMC,yCAAvB,oBACA,kBAAC,IAAD,CAAiBD,KAAMC,0CAAvB,qBACA,kBAAC,IAAD,CAAiBD,KAAMC,4CAAvB,0BAIV,kBAAC,IAAD,KACE,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,0CAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,uCAAvB,mBACA,kBAAC,IAAD,CAAiBD,KAAMC,uCAAvB,mBACA,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,iDAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,sCAAvB,mBACA,kBAAC,IAAD,CAAiBD,KAAMC,sCAAvB,mBACA,kBAAC,IAAD,CAAiBD,KAAMC,sCAAvB,wBAMlB,kBAAC,IAAD,KACE,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,uCAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,6BAAvB,gBACA,kBAAC,IAAD,CAAiBD,KAAMC,kCAAvB,kBACA,kBAAC,IAAD,CAAiBD,KAAMC,uCAAvB,kBACA,kBAAC,IAAD,CAAiBD,KAAMC,wCAAvB,mBACA,kBAAC,IAAD,CAAiBD,KAAMC,oCAAvB,uBAIV,kBAAC,IAAD,KACE,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAmBe,KAAG,EAACC,OAAK,GACxB,uCAEJ,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiBjB,KAAMC,6BAAvB,gBACA,kBAAC,IAAD,CAAiBD,KAAMC,wCAAvB,0BACA,kBAAC,IAAD,CAAiBD,KAAMC,6BAAvB,QACA,kBAAC,IAAD,CAAiBD,KAAMC,iCAAvB,uB,GA5HHJ,aCDZqB,EAAb,4MACIf,MAAQ,CACJgB,MAAM,GAFd,EAIIC,OAAS,kBAAM,EAAKb,UAAS,SAACc,GAAD,MAAmB,CAACF,MAAOE,EAAaF,UAJzE,uDAMQ,OACQ,4BAAQlC,GAAG,WAAWP,UAAU,8BAEhC,yBAAKA,UAAU,wEACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACX,wBAAIA,UAAU,yBACV,4BAAI,uBAAGA,UAAU,0BAAjB,qCACA,4BAAI,uBAAGA,UAAU,oBAAjB,WAAiD,uBAAIkB,GAAG,4BAAP,wBAGzD,yBAAKlB,UAAU,YACX,yBAAKA,UAAU,sDACX,wBAAIA,UAAU,eACV,8BAER,yBAAKA,UAAU,wCACX,wBAAIA,UAAU,gBACV,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,YAAW,uBAAGjB,UAAU,wBAExE,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,WAAU,uBAAGjB,UAAU,qBAEvE,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,UAAS,uBAAGjB,UAAU,oBAEtE,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,UAAS,uBAAGjB,UAAU,2BAI9E,yBAAKA,UAAU,cACX,uBAAIA,UAAU,gDAAgDkB,GAAG,KAAjE,oBAShB,yBAAKlB,UAAU,mBACf,yBAAKO,GAAG,SAASP,UAAU,iCACvB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,iBACf,uBAAGA,UAAU,YAAYsB,KAAMC,wBAA8BqB,MAAM,WAAWC,IAAI,QAC9E,yBAAKtC,GAAG,WAAWP,UAAU,YAAYK,IAAI,OAAOC,IAAI,oBACxD,6CAMJ,yBAAKN,UAAU,mBACX,yBAAKA,UAAU,oBACX,wBAAIA,UAAU,oBACV,wBAAIA,UAAU,oEACd,uBAAGiC,QAAShC,KAAKyC,QAAjB,IAA2BzC,KAAKwB,MAAMgB,KAAO,uBAAGzC,UAAU,aAAgB,uBAAGA,UAAU,eACtFC,KAAKwB,MAAMgB,MAAQ,yBAAKzC,UAAU,sBAC/B,0BAAMA,UAAU,uBACZ,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBACX,2BAAOW,KAAK,SAASX,UAAU,qBAAqBY,KAAK,IAAIC,YAAY,4BACzE,4BAAQF,KAAK,UACT,uBAAGX,UAAU,0BAW7C,kBAAC,EAAD,MACA,yBAAKA,UAAU,cAAa,kBAAC,EAAD,iBAnF5D,GAA4BmB,aAgGbqB,IChGFM,EAAb,uKAEQ,OACI,kBAAC,IAAD,CAAcC,OAAK,GACnB,kBAAC,IAAD,KACA,kBAAC,IAAD,CACAC,WAAY,EACZC,OAAQ,EACRC,cAAc,EACdC,gBAAgB,EAChB5C,GAAG,eAEH,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiB6C,OAAO,KACxB,kBAAC,IAAD,KACI,yBAAKpD,UAAU,gBAAgBM,IAAI,+BAA+BD,IAAI,iBAE1E,kBAAC,IAAD,KACI,yBAAKL,UAAU,gBACX,yBAAKA,UAAU,kCACX,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MAChD,wBAAItD,UAAU,kCAAd,QAAoD,4BAAQA,UAAU,2BAAlB,WAApD,4BAEJ,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QACpD,uBAAGtD,UAAU,QAAb,6EAA8F,6BAA9F,qEAYZ,kBAAC,IAAD,CAAiBoD,OAAO,KACxB,kBAAC,IAAD,KACI,yBAAKpD,UAAU,gBAAgBM,IAAI,+BAA+BD,IAAI,kBAE1E,kBAAC,IAAD,KACI,yBAAKL,UAAU,gBACX,yBAAKA,UAAU,kCACX,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MAChD,wBAAItD,UAAU,0BAAd,6BAAiE,4BAAQA,UAAU,2BAAlB,mBAErE,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QAChD,uBAAGtD,UAAU,QAAb,6EAA8F,6BAA9F,iEAEJ,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MAChD,2BACI,4BAAQtD,UAAU,0EAAlB,aACA,4BAAQA,UAAU,oEAAlB,8BApDpC,GAAkCmB,a,QCK5BoC,G,MAAS,CACb,iDACA,iDACA,iDACA,iDACA,mDA4iCaC,EAziCf,kDACE,WAAYtD,GAAQ,IAAD,8BACjB,cAAMA,IAEDuB,MAAQ,CACXgC,WAAY,EACZvB,QAAQ,GALO,EADrB,qDASc,IAAD,SACwBjC,KAAKwB,MAA5BgC,EADD,EACCA,WAAYvB,EADb,EACaA,OACdwB,EAAe,CACjBC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAKxB,OACE,yBAAKjE,UAAU,aACb,kBAAC,EAAD,MAEA,kBAAC,EAAD,MAEA,6BAASA,UAAU,0DACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,oEACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,sFACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,0DACb,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,iDAEF,yBAAKA,UAAU,iBACb,+DAKR,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,+EACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,2DACb,uBAAGA,UAAU,8BAGf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACb,oDAEF,yBAAKA,UAAU,iBACb,qDAKR,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,gFACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,0DACb,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,sDAEF,yBAAKA,UAAU,iBACb,kEAUd,6BAASA,UAAU,oCACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,gBACb,wCACA,wBAAIA,UAAU,SAAd,8CAAiE,8CAEnE,yBAAKA,UAAU,cACb,kTACA,qJAIJ,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,gCACZ,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,qBAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,aAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,mBAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,mBAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,kBAI/D,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,gCACZ,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,2BAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,iCAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,kBAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,SAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,uCAKjE,yBAAKA,UAAU,aACb,yBAAKA,UAAU,wBAGjB,yBAAKA,UAAU,gCACb,8BAAM,uBAAGA,UAAU,iCAAgC,8BACnD,4BAAQA,UAAU,UAAiB,4BAAQA,UAAU,YAGzD,yBAAKA,UAAU,8CACb,yBAAKA,UAAU,mCAEb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,YAAYM,IAAI,4BAA4BsC,MAAM,iBAAiBvC,IAAI,oBAGxF,yBAAKL,UAAU,oBACb,uBAAGA,UAAU,QAAb,kBAUZ,6BAASA,UAAU,oFACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,wBAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,4CACA,wBAAIA,UAAU,SAAd,2CAA8D,iEAKtE,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,GAC9D,yBAAK1D,UAAU,uBACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,gCAEb,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,uDACb,uBAAGA,UAAU,+CAKrB,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,6CACb,yBAAKA,UAAU,wBAAuB,+CACtC,yBAAKA,UAAU,8BAAf,wGAGA,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAIhI,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,gCAEb,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,uDACb,uBAAGA,UAAU,mCAKrB,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,6CACb,yBAAKA,UAAU,wBAAuB,8CACtC,yBAAKA,UAAU,8BAAf,yGAGA,uBAAGA,UAAU,uFAAb,aAA8G,uBAAGA,UAAU,iCAIjI,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,gCAEb,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,uDACb,uBAAGA,UAAU,+BAKrB,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,6CACb,yBAAKA,UAAU,wBAAuB,+CACtC,yBAAKA,UAAU,8BAAf,2GAGA,uBAAGA,UAAU,uFAAb,aAA8G,uBAAGA,UAAU,iCAIjI,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,gCAEb,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,uDACb,uBAAGA,UAAU,mCAKrB,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,6CACb,yBAAKA,UAAU,wBAAuB,+CACtC,yBAAKA,UAAU,8BAAf,kGAGA,uBAAGA,UAAU,uFAAb,aAA8G,uBAAGA,UAAU,iCAIjI,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,gCAEb,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,uDACb,uBAAGA,UAAU,+CAKrB,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,6CACb,yBAAKA,UAAU,wBAAuB,+CACtC,yBAAKA,UAAU,8BAAf,wGAGA,uBAAGA,UAAU,uFAAb,aAA8G,uBAAGA,UAAU,kCAMnI,yBAAKA,UAAU,OACb,yBAAKA,UAAU,4CACb,uBAAGA,UAAU,QAAb,iEAA6E,gCAAQ,2BAAG,uBAAIA,UAAU,0BAAd,8BAOhG,6BAASA,UAAU,4DACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,0EACb,yBAAKA,UAAU,yCACb,yBAAKA,UAAU,yBAInB,yBAAKM,IAAI,2BAA2BN,UAAU,mCAAmCK,IAAI,mBAEvF,yBAAKL,UAAU,gBACb,yBAAKA,UAAU,8EACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,gBACb,4CACA,wBAAIA,UAAU,SAAd,4CAA+D,+CAEjE,yBAAKA,UAAU,cACb,iJAGJ,yBAAKA,UAAU,aACb,yBAAKA,UAAU,UAEb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,0FACb,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,gDAEF,yBAAKA,UAAU,iBACb,mIAOV,yBAAKA,UAAU,aACb,yBAAKA,UAAU,wBAGjB,yBAAKA,UAAU,OACb,yBAAKA,UAAU,UAEb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,0FACb,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,qDAEF,yBAAKA,UAAU,iBACb,kIAOV,yBAAKA,UAAU,aACb,yBAAKA,UAAU,wBAGjB,yBAAKA,UAAU,OACb,yBAAKA,UAAU,UAEb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,0FACb,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,kDAEF,yBAAKA,UAAU,iBACb,qIActB,6BAASA,UAAU,8CACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,qBACb,wCACA,wBAAIA,UAAU,SAAd,YAA+B,gDAIrC,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,cAAf,gHAEF,yBAAKA,UAAU,yDACb,uBAAGA,UAAU,uEAAb,iBAGJ,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC1F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,WAEN,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,cAEN,uBAAGvB,UAAU,YAAb,sBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,WAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,qCAAb,WAEF,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,cAEN,uBAAGvB,UAAU,YAAb,sBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,qCAAb,UAEF,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,qCAAb,WAEF,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,qCAAb,WAEF,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,cAEN,uBAAGvB,UAAU,YAAb,yBASZ,6BAASA,UAAU,oHACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,wBACb,yBAAKA,UAAU,eAiBb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,wBAAIA,UAAU,SAAd,iDAAwE,0BAAMA,UAAU,uBAAhB,wBAE1E,yBAAKA,UAAU,cAAf,6DAAsF,6BAAtF,iDAEF,yBAAKA,UAAU,QACb,uBAAIA,UAAU,oEAAd,uBASZ,6BAASA,UAAU,yCACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,yEACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,wCACb,yBAAKA,UAAU,gBACb,0CACA,wBAAIA,UAAU,SAAd,qCAAwD,0BAAMA,UAAU,uBAAhB,oBAI5D,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,QAAQqE,UAAQ,EAACtD,MAAO,MAIjD,yBAAKf,UAAU,oBACb,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,QAAQqE,UAAQ,EAACtD,MAAO,UAOzD,yBAAKf,UAAU,YACb,yBAAKA,UAAU,2GACb,yBAAKA,UAAU,yCACb,yBAAKA,UAAU,wBAEjB,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,4BACb,kBAAC,IAAD,CAAQA,UAAU,mBAAmBsE,QAAQ,EAAOX,MAAM,GACxD,yBAAK3D,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eADf,OAEE,uBAAGA,UAAU,eAFf,OAGE,uBAAGA,UAAU,eAHf,OAIE,uBAAGA,UAAU,eAJf,OAKE,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,oCACA,mDAKR,yBAAKA,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,aAAaM,IAAI,iDAAiDD,IAAI,sBAGzF,qLACA,yBAAKL,UAAU,oBACb,uBAAGA,UAAU,eADf,OAEE,uBAAGA,UAAU,eAFf,OAGE,uBAAGA,UAAU,eAHf,OAIE,uBAAGA,UAAU,eAJf,OAKE,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,oCACA,mDAKR,yBAAKA,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eADf,OAEE,uBAAGA,UAAU,eAFf,OAGE,uBAAGA,UAAU,eAHf,OAIE,uBAAGA,UAAU,eAJf,OAKE,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,oCACA,2DAexB,6BAASA,UAAU,oCACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,2CACA,wBAAIA,UAAU,SAAd,sBAAyC,8CAMjD,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,YAAYK,IAAI,WAAWuC,MAAM,WAAWtC,IAAI,wBAC/D,yBAAKN,UAAU,eACb,0BAAMA,UAAU,UAAhB,QAGJ,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBAAiB,gDAChC,yBAAKA,UAAU,uBAAf,oEAGJ,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,YAAYK,IAAI,WAAWuC,MAAM,WAAWtC,IAAI,wBAC/D,yBAAKN,UAAU,eACb,0BAAMA,UAAU,UAAhB,QAGJ,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBAAiB,kDAChC,yBAAKA,UAAU,uBAAf,oEAGJ,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,YAAYK,IAAI,aAAauC,MAAM,aAAatC,IAAI,0BACnE,yBAAKN,UAAU,eACb,0BAAMA,UAAU,UAAhB,QAGJ,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBAAiB,qDAChC,yBAAKA,UAAU,uBAAf,oEAGJ,yBAAKA,UAAU,2CACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,YAAYK,IAAI,YAAYuC,MAAM,YAAYtC,IAAI,yBACjE,yBAAKN,UAAU,eACb,0BAAMA,UAAU,UAAhB,QAGJ,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBAAiB,0DAChC,yBAAKA,UAAU,uBAAf,yEASd,6BAASA,UAAU,qGACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,kCACb,yBAAKA,UAAU,8CACb,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,qBACb,mDACA,wBAAIA,UAAU,SAAd,kBAAqC,0BAAMA,UAAU,uBAAhB,gBAI3C,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,cAAf,uGAEF,yBAAKA,UAAU,yDACb,uBAAGA,UAAU,oEAAb,mBAKR,6BAASA,UAAU,+CACjB,yBAAKA,UAAU,uBACZkC,GACC,kBAAC,IAAD,CACEqC,QAAShB,EAAOE,GAChBe,QAASjB,GAAQE,EAAa,GAAKF,EAAON,QAC1CwB,QAASlB,GAAQE,EAAaF,EAAON,OAAS,GAAKM,EAAON,QAC1DyB,eAAgB,kBAAM,EAAK7C,SAAS,CAAEK,QAAQ,KAC9CyC,kBAAmB,kBACjB,EAAK9C,SAAS,CACZ4B,YAAaA,EAAaF,EAAON,OAAS,GAAKM,EAAON,UAG1D2B,kBAAmB,kBACjB,EAAK/C,SAAS,CACZ4B,YAAaA,EAAa,GAAKF,EAAON,YAK9C,kBAAC,IAAD,eAAQjD,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC1F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAGxC,yBAAKN,UAAU,wBACb,yBAAKA,UAAU,mCACb,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,KAASlC,UAAU,aAAY,uBAAGA,UAAU,kBACtF,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,sCAAT,+BAKZ,yBAAKvB,UAAU,uBAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAGxC,yBAAKN,UAAU,wBACb,yBAAKA,UAAU,mCACb,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKZ,yBAAKvB,UAAU,uBAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAGxC,yBAAKN,UAAU,wBACb,yBAAKA,UAAU,mCACb,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKZ,yBAAKvB,UAAU,uBAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAGxC,yBAAKN,UAAU,wBACb,yBAAKA,UAAU,mCACb,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKZ,yBAAKvB,UAAU,uBAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAGxC,yBAAKN,UAAU,wBACb,yBAAKA,UAAU,mCACb,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKZ,yBAAKvB,UAAU,uBAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAGxC,yBAAKN,UAAU,wBACb,yBAAKA,UAAU,mCACb,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,sCAAT,+BAzhC9B,GAA0BJ,a,kDCyEX0D,EAtFf,uKAEQ,OACI,kBAAC,IAAD,CAAc9B,OAAK,GACnB,kBAAC,IAAD,KACA,kBAAC,IAAD,CACAC,WAAY,EACZC,OAAQ,EACRC,cAAc,EACdC,gBAAgB,EAChB5C,GAAG,gBAEH,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiB6C,OAAO,KACxB,kBAAC,IAAD,KACI,yBAAKpD,UAAU,gBAAgBM,IAAI,kDAAkDD,IAAI,iBAE7F,kBAAC,IAAD,KACI,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,0BACX,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MACpD,wBAAItD,UAAU,2BAAd,uCAEA,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QACpD,wBAAItD,UAAU,0BAAd,kCAAsE,4BAAQA,UAAU,2BAAlB,YAEtE,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MACpD,uBAAGtD,UAAU,QAAb,2IAEA,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QACpD,2BACI,4BAAQtD,UAAU,0EAAlB,qBACA,4BAAQA,UAAU,uEAAlB,iBAIR,yBAAKA,UAAU,2CACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,gBACpF,+BACA,+BACA,8BACA,uBAAGL,UAAU,uBADb,4BAIA,mCAKZ,kBAAC,IAAD,CAAiBoD,OAAO,KACxB,kBAAC,IAAD,KACI,yBAAKpD,UAAU,gBAAgBM,IAAI,kDAAkDD,IAAI,kBAE7F,kBAAC,IAAD,KACI,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,0BACX,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MACpD,wBAAItD,UAAU,2BAAd,uCAEA,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QACpD,wBAAItD,UAAU,0BAAd,QAA4C,4BAAQA,UAAU,2BAAlB,kBAA5C,mBAEA,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MACpD,uBAAGtD,UAAU,QAAb,2IAEA,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QACpD,2BACI,4BAAQtD,UAAU,0EAAlB,aACA,4BAAQA,UAAU,uEAAlB,iBAIR,yBAAKA,UAAU,2CACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,4BAzEhH,GAAmCc,aComCpB2D,EAhmCf,uKAEQ,IAAIpB,EAAe,CACjBC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAIxB,OACE,yBAAKjE,UAAU,aACb,6BAASA,UAAU,2CACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,qCACb,yBAAKA,UAAU,8CAEb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,iBAAiBvC,IAAI,qBAG/G,yBAAKL,UAAU,YACb,yBAAKA,UAAU,8BAEb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,gBACb,4CACA,wBAAIA,UAAU,SAAd,4CAA+D,+CAEjE,yBAAKA,UAAU,cACb,2PAIJ,yBAAKA,UAAU,wBACb,yBAAKA,UAAU,8BAEb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,6DACb,uBAAGA,UAAU,mBAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,+CAEF,yBAAKA,UAAU,iBACb,qFAKR,yBAAKA,UAAU,8BAEb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,6DACb,uBAAGA,UAAU,yBAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,kDAEF,yBAAKA,UAAU,iBACb,sFAOV,yBAAKA,UAAU,aACb,yBAAKA,UAAU,wBAGjB,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,YAAYM,IAAI,gDAAgDD,IAAI,iBAGvF,yBAAKL,UAAU,2BAEb,yBAAKA,UAAU,kDACb,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,4CAEF,yBAAKA,UAAU,iBACb,gEAWhB,yBAAKA,UAAU,UAInB,6BAASA,UAAU,6EACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,6CACb,yBAAKA,UAAU,yCACX,yBAAKA,UAAU,wBAEnB,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,gBACb,4CACA,wBAAIA,UAAU,SAAd,qBAAwC,mDAE1C,yBAAKA,UAAU,cACb,oSAGJ,yBAAKA,UAAU,YACb,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,qCACb,uBAAGA,UAAU,4BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,wBAAIA,UAAU,UAAd,yBAKR,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,qCACb,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,wBAAIA,UAAU,UAAd,6BAKR,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,qCACb,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,wBAAIA,UAAU,UAAd,2BAMV,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,qBAEb,yBAAKA,UAAU,+CACb,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,wBACb,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,iBACZ,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAEzC,wBAAIjF,UAAU,iBAAd,sBAIN,yBAAKA,UAAU,qBAEb,yBAAKA,UAAU,+CACb,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,wBACb,uBAAGA,UAAU,oCAGjB,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,iBACd,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAEvC,wBAAIjF,UAAU,iBAAd,yBAIN,yBAAKA,UAAU,qBAEb,yBAAKA,UAAU,+CACb,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,wBACb,uBAAGA,UAAU,iCAGjB,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,iBACd,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAEvC,wBAAIjF,UAAU,iBAAd,4BAatB,6BAASA,UAAU,6GACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,wBAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,4CACA,wBAAIA,UAAU,SAAd,oDAAuE,0BAAMA,UAAU,uBAAhB,mBAO/E,yBAAKA,UAAU,OACb,yBAAKA,UAAU,qBAEb,yBAAKA,UAAU,oDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,qCACb,uBAAGA,UAAU,oCAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,kDAEF,yBAAKA,UAAU,iBACb,0IAEF,uBAAGA,UAAU,2CAAb,aAAiE,uBAAGA,UAAU,iCAIpF,yBAAKA,UAAU,qBAEb,yBAAKA,UAAU,oDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,qCACb,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,iDAEF,yBAAKA,UAAU,iBACb,qIAEF,uBAAGA,UAAU,2CAAb,aAAiE,uBAAGA,UAAU,iCAIpF,yBAAKA,UAAU,qBAEb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,qCACb,uBAAGA,UAAU,iCAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,kBACb,oDAEF,yBAAKA,UAAU,iBACb,+HAEF,uBAAGA,UAAU,2CAAb,aAAiE,uBAAGA,UAAU,oCAQ1F,6BAASA,UAAU,yEACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,8DACb,yBAAKA,UAAU,yCACb,yBAAKA,UAAU,yBAInB,yBAAKM,IAAI,kDAAkDN,UAAU,mCAAmCK,IAAI,mBAE9G,yBAAKL,UAAU,YACb,yBAAKA,UAAU,mEACb,yBAAKA,UAAU,yCACb,yBAAKA,UAAU,wBAEjB,yBAAKA,UAAU,mCACb,yBAAKA,UAAU,iCACb,wBAAIA,UAAU,QAAd,0DACA,uBAAGA,UAAU,QAAb,iMASd,6BAASA,UAAU,gCACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,qDACA,wBAAIA,UAAU,SAAd,iBAAoC,kDAO5C,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,qDACf,kBAAC,IAAD,CAAMkF,aAAc,EAAGC,SAAU,SAAAC,GAAK,OAAIC,QAAQC,IAAIF,KACpD,kBAAC,IAAD,CAASpF,UAAU,QACjB,kBAAC,IAAD,CAAKA,UAAU,MAAM4C,MAAM,WAAU,8BAAM,uBAAG5C,UAAU,6BAAnB,aACrC,kBAAC,IAAD,CAAKA,UAAU,MAAM4C,MAAM,SAAQ,8BAAM,uBAAG5C,UAAU,+BAAnB,WACnC,kBAAC,IAAD,CAAKA,UAAU,MAAM4C,MAAM,cAAa,8BAAM,uBAAG5C,UAAU,6BAAnB,gBACxC,kBAAC,IAAD,CAAKA,UAAU,MAAM4C,MAAM,WAAU,8BAAM,uBAAG5C,UAAU,kCAAnB,aACrC,kBAAC,IAAD,CAAKA,UAAU,MAAM4C,MAAM,WAAU,8BAAM,uBAAG5C,UAAU,+BAAnB,cAEvC,yBAAKA,UAAU,0BACb,kBAAC,IAAD,KACA,kBAAC,IAAD,KACI,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,aACb,wBAAIA,UAAU,eAAd,wCACA,+NACA,6NACA,wBAAIA,UAAU,+DACZ,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,4CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,2DAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,6CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8DAKR,yBAAKA,UAAU,YACb,yBAAKA,UAAU,uCAEb,yBAAKA,UAAU,0CACb,yBAAKA,UAAU,uBAAuBM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,2BAOtI,kBAAC,IAAD,KACI,yBAAKL,UAAU,iBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,yBAEb,yBAAKA,UAAU,0CACb,yBAAKA,UAAU,uBAAuBM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,wBAI9H,yBAAKL,UAAU,YACb,yBAAKA,UAAU,2BACb,wBAAIA,UAAU,eAAd,wCACA,+NACA,6NACA,wBAAIA,UAAU,+DACZ,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,4CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,2DAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,6CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,iEAQhB,kBAAC,IAAD,KACI,yBAAKA,UAAU,wBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,aACb,wBAAIA,UAAU,eAAd,wCACA,+NACA,6NACA,wBAAIA,UAAU,+DACZ,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,4CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,2DAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,6CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8DAKR,yBAAKA,UAAU,YACb,yBAAKA,UAAU,uCAEb,yBAAKA,UAAU,0CACb,yBAAKA,UAAU,uBAAuBM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,2BAOtI,kBAAC,IAAD,KACI,yBAAKL,UAAU,iBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,yBAEb,yBAAKA,UAAU,0CACb,yBAAKA,UAAU,uBAAuBM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,wBAI9H,yBAAKL,UAAU,YACb,yBAAKA,UAAU,2BACb,wBAAIA,UAAU,eAAd,wCACA,+NACA,6NACA,wBAAIA,UAAU,+DACZ,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,4CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,2DAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,6CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,iEAQhB,kBAAC,IAAD,KACI,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,aACb,wBAAIA,UAAU,eAAd,wCACA,+NACA,6NACA,wBAAIA,UAAU,+DACZ,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,4CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,2DAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,6CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8CAEF,4BACE,uBAAGA,UAAU,qDACb,0BAAMA,UAAU,uBAAhB,8DAKR,yBAAKA,UAAU,YACb,yBAAKA,UAAU,uCAEb,yBAAKA,UAAU,0CACb,yBAAKA,UAAU,uBAAuBM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,8BA3N1I,UA4OR,6BAASL,UAAU,+FACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yBAAKA,UAAU,yBAEb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,gBACb,wCACA,wBAAIA,UAAU,SAAd,4CAA+D,gDAGnE,yBAAKA,UAAU,yEACX,kBAAC,IAAD,CAAQA,UAAU,mBAAmBsE,QAAQ,EAAOX,MAAM,GACxD,yBAAK3D,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,iDACA,mDAKR,yBAAKA,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,wBAAwBK,IAAI,kBAAkBC,IAAI,qDAGrE,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,iDACA,mDAKR,yBAAKA,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,wBAAwBK,IAAI,kBAAkBC,IAAI,qDAGrE,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,iDACA,qDASd,yBAAKA,UAAU,aACb,yBAAKA,UAAU,cAGjB,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,6DACb,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,iBACb,uEAEF,yBAAKA,UAAU,kBACb,iDAAsB,4BAAQA,UAAU,2BAAlB,0BAQpC,yBAAKA,UAAU,YACb,yBAAKA,UAAU,mCAEb,yBAAKA,UAAU,uCACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,kBAAkBvC,IAAI,qBAE9G,yBAAKL,UAAU,6BAEb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,yCACd,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,GAAIC,SAAU,MAEtC,wBAAIjF,UAAU,iBAAd,6CAWhB,6BAASA,UAAU,uGACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,wBACb,yBAAKA,UAAU,eACb,yBAAKA,UAAU,0BACb,yBAAKA,UAAU,2BACb,uBAAGO,GAAG,cACJ,yBAAKP,UAAU,0EACb,uBAAGA,UAAU,iBAGjB,yBAAKO,GAAG,YACN,uBAAGA,GAAG,YAAYP,UAAU,gBAC5B,yBAAKO,GAAG,iBACN,4BAAQgF,MAAM,MAAMC,OAAO,MAAMlF,IAAI,4CAA4CmF,MAAM,gFAM/F,yBAAKzF,UAAU,gDACb,yBAAKA,UAAU,gBACb,wBAAIA,UAAU,SAAd,iDAAwE,0BAAMA,UAAU,uBAAhB,wBAE1E,yBAAKA,UAAU,cAAf,6DAAsF,6BAAtF,iDAEF,yBAAKA,UAAU,QACb,uBAAGA,UAAU,oEAAb,uBASZ,6BAASA,UAAU,iEACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,iDACA,wBAAIA,UAAU,SAAd,iBAAoC,gDAM5C,yBAAKA,UAAU,kEACb,yBAAKA,UAAU,kDAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEtF,yBAAKL,UAAU,oBACb,yBAAKA,UAAU,YACb,mDAEF,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,8BAKZ,yBAAKvB,UAAU,kDAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEtF,yBAAKL,UAAU,oBACb,yBAAKA,UAAU,YACb,qDAEF,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,sBAKZ,yBAAKvB,UAAU,kDAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEtF,yBAAKL,UAAU,oBACb,yBAAKA,UAAU,YACb,oDAEF,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,gCAKZ,yBAAKvB,UAAU,kDAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEtF,yBAAKL,UAAU,oBACb,yBAAKA,UAAU,YACb,uDAEF,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,wBAKZ,yBAAKvB,UAAU,kDAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEtF,yBAAKL,UAAU,oBACb,yBAAKA,UAAU,YACb,yCAEF,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,0BAKZ,yBAAKvB,UAAU,kDAEb,yBAAKA,UAAU,wDAEb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEtF,yBAAKL,UAAU,oBACb,yBAAKA,UAAU,YACb,qDAEF,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,2BAUlB,6BAASvB,UAAU,6FACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,sBACb,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC1F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKhG,yBAAKL,UAAU,uBACb,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKhG,yBAAKL,UAAU,uBACb,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKhG,yBAAKL,UAAU,uBACb,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKhG,yBAAKL,UAAU,uBACb,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,mBAY1G,6BAASL,UAAU,iCACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,wCACA,wBAAIA,UAAU,SAAd,iBAAoC,kDAK5C,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC1F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAIhI,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,sFAAsFsB,KAAK,eAAxG,aAAgI,uBAAGtB,UAAU,iCAInJ,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAI/K,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGsB,KAAMC,mCAAyCvB,UAAU,uFAA5D,aAA4J,uBAAGA,UAAU,yCAllCjM,GAAoCmB,aCYrBwE,EAdf,uKAGQ,OACE,6BACE,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,WAPZ,GAA2BxE,aCgtBZyE,EAjtBf,uKA2CQ,OACE,yBAAK5F,UAAU,aAEb,6BAASA,UAAU,yEACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACf,mDACA,wBAAIA,UAAU,SAAd,mBAAsC,+CAK9C,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,kDAEJ,yBAAKA,UAAU,iBACX,yHAGJ,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qCACX,uBAAGA,UAAU,+BAGjB,uBAAGA,UAAU,6BAAb,gBAGJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,+CAEJ,yBAAKA,UAAU,iBACX,uHAGJ,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qCACX,uBAAGA,UAAU,iCAGjB,uBAAGA,UAAU,6BAAb,gBAGJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,+CAEJ,yBAAKA,UAAU,iBACX,yHAGJ,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qCACX,uBAAGA,UAAU,8BAGjB,uBAAGA,UAAU,6BAAb,gBAGJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,iDAEJ,yBAAKA,UAAU,iBACX,gHAGJ,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qCACX,uBAAGA,UAAU,6BAGjB,uBAAGA,UAAU,6BAAb,mBASZ,6BAASA,UAAU,0DACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,yCACf,yBAAKA,UAAU,wBAEf,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,kBAAkBvC,IAAI,qBAEhH,yBAAKL,UAAU,oBACX,2CACA,uDAGJ,yBAAKA,UAAU,YACf,yBAAKA,UAAU,iBAEX,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,4CACA,wBAAIA,UAAU,SAAd,4CAA+D,+CAEnE,yBAAKA,UAAU,cACX,2PAGJ,yBAAKA,UAAU,QAEX,yBAAKA,UAAU,mBAAmB6F,eAAa,OAC/C,yBAAK7F,UAAU,sBAAf,gBACA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,wCAEnB,yBAAKA,UAAU,uBAAuB8F,kBAAiB,IAAvD,QAIA,yBAAK9F,UAAU,mBAAmB6F,eAAa,OAC/C,yBAAK7F,UAAU,sBAAf,mBACA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,wCAEnB,yBAAKA,UAAU,uBAAuB8F,kBAAiB,IAAvD,QAIA,yBAAK9F,UAAU,mBAAmB6F,eAAa,OAC/C,yBAAK7F,UAAU,sBAAf,gBACA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,wCAEnB,yBAAKA,UAAU,uBAAuB8F,kBAAiB,IAAvD,QAIA,yBAAK9F,UAAU,mBAAmB6F,eAAa,OAC/C,yBAAK7F,UAAU,sBAAf,mBACA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,wCAEnB,yBAAKA,UAAU,uBAAuB8F,kBAAiB,IAAvD,kBAexB,6BAAS9F,UAAU,yGACf,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBAEb,yBAAKA,UAAU,OACX,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,uCAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,yBAIJ,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,oBAIJ,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,4BAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,wBAIJ,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,uBAUd,6BAASA,UAAU,wCACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,qBACb,wCACA,wBAAIA,UAAU,SAAd,YAA+B,gDAIrC,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,cAAf,gHAEF,yBAAKA,UAAU,8DACb,uBAAGA,UAAU,uEAAb,iBAGJ,kBAAC,IAAD,eAAQA,UAAU,2CA1TP,CACjB2D,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAqRhB,CAA8ED,aAAc,EAAGH,UAAU,IACvG,yBAAK7D,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,yBACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,gBAAe,2BAAG,uBAAGA,UAAU,sBAC7C,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,qBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,yBACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,gBAAe,2BAAG,uBAAGA,UAAU,sBAC7C,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,iBAEN,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,yBACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,gBAAe,2BAAG,uBAAGA,UAAU,sBAC7C,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAEN,uBAAGvB,UAAU,YAAb,sBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,yBACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,gBAAe,2BAAG,uBAAGA,UAAU,sBAC7C,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,yBACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,gBAAe,2BAAG,uBAAGA,UAAU,sBAC7C,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kBAEN,uBAAGvB,UAAU,YAAb,4BASZ,6BAASA,UAAU,wEACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACX,+CACA,wBAAIA,UAAU,SAAd,sBAAyC,8CAKrD,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBACf,kBAAC,IAAD,CAAQA,UAAU,0DAA0DsE,QAAQ,EAAOX,MAAM,GAC7F,yBAAK3D,UAAU,4BACX,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,iDACA,kDAKR,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,wBAAwBK,IAAI,kBAAkBC,IAAI,qDAGrE,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,iDACA,kDAKR,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,wBAAwBK,IAAI,kBAAkBC,IAAI,qDAGrE,qLACA,yBAAKN,UAAU,oBACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEf,yBAAKA,UAAU,uBACb,iDACA,uDAYxB,6BAASA,UAAU,0DACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,+FACb,yBAAKA,UAAU,yCACb,yBAAKA,UAAU,wBAEjB,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,6BAEE,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,gBACb,0CACA,wBAAIA,UAAU,SAAd,4CAA+D,+CAEjE,yBAAKA,UAAU,cACb,mQACA,mIAIJ,yBAAKA,UAAU,wBACb,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,gCACZ,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,gCAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,4BAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,gCAG/D,yBAAKA,UAAU,8BACb,wBAAIA,UAAU,gCACZ,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,iCAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,kCAC3D,4BAAI,uBAAGA,UAAU,0CAA0C,0BAAMA,UAAU,uBAAhB,yCAOrE,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,iBAEb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,iBAAiBvC,IAAI,oBAE7G,yBAAKL,UAAU,oBACb,6DAapB,6BAASA,UAAU,sHACjB,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,eACb,yBAAKM,IAAI,qBAAqBD,IAAI,cAGtC,yBAAKL,UAAU,qBACb,yBAAKA,UAAU,eACb,yBAAKA,UAAU,QACb,yBAAKM,IAAI,iDAAiDD,IAAI,gBAEhE,yBAAKL,UAAU,aACb,yBAAKA,UAAU,kCAEjB,6BACE,uBAAGA,UAAU,SAAb,iBAGF,yBAAKA,UAAU,sBACX,wBAAIA,UAAU,SAAd,kBACA,wBAAIA,UAAU,oBAAd,4BAEJ,6BACE,uBAAGA,UAAU,cAAb,yBASZ,6BAASA,UAAU,qEACjB,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,aAEb,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,gBACb,iDACA,wBAAIA,UAAU,SAAd,yBAA4C,oDASxD,6BAASA,UAAU,yDACjB,yBAAKA,UAAU,gBAEb,yBAAKA,UAAU,sCACb,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,kDACb,yBAAKA,UAAU,uBAAsB,6CACrC,yBAAKA,UAAU,sBAAf,6DACA,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,mCAAf,KACA,yBAAKA,UAAU,uBAAf,SACA,yBAAKA,UAAU,2BAAf,cAEF,yBAAKA,UAAU,0BACb,wBAAIA,UAAU,qBACZ,4CACA,gDACA,6CACA,oDAIN,yBAAKA,UAAU,aACb,uBAAGA,UAAU,uDAAb,kBAIN,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,uEACb,yBAAKA,UAAU,sBAAqB,uBAAGA,UAAU,eAAjD,gBACA,yBAAKA,UAAU,uBAAsB,yCACrC,yBAAKA,UAAU,sBAAf,6DACA,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,mCAAf,KACA,yBAAKA,UAAU,uBAAf,SACA,yBAAKA,UAAU,2BAAf,cAEF,yBAAKA,UAAU,0BACb,wBAAIA,UAAU,qBACZ,4CACA,gDACA,6CACA,oDAIN,yBAAKA,UAAU,aACb,uBAAGA,UAAU,uDAAb,kBAIN,yBAAKA,UAAU,YAEb,yBAAKA,UAAU,kDACb,yBAAKA,UAAU,uBAAsB,sCACrC,yBAAKA,UAAU,sBAAf,6DACA,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,mCAAf,KACA,yBAAKA,UAAU,uBAAf,SACA,yBAAKA,UAAU,2BAAf,cAEF,yBAAKA,UAAU,0BACb,wBAAIA,UAAU,qBACZ,4CACA,gDACA,6CACA,oDAIN,yBAAKA,UAAU,aACb,uBAAGA,UAAU,uDAAb,0BAnsBxB,GAAoCmB,aCarB4E,EAbf,uKAEQ,OACE,6BACE,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,WANZ,GAA2B5E,aCqIZ6E,EArIf,4MACIvE,MAAQ,CACJgB,MAAM,GAFd,EAIIC,OAAS,kBAAM,EAAKb,UAAS,SAACc,GAAD,MAAmB,CAACF,MAAOE,EAAaF,UAJzE,uDAMQ,OACI,4BAAQlC,GAAG,WAAWP,UAAU,8BAE5B,yBAAKA,UAAU,wEACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACX,wBAAIA,UAAU,yBACV,4BAAI,uBAAGA,UAAU,0BAAjB,qCACA,4BAAI,uBAAGA,UAAU,oBAAjB,WAAiD,uBAAGkB,GAAG,+BAAN,uBAGzD,yBAAKlB,UAAU,YACX,yBAAKA,UAAU,sDACX,wBAAIA,UAAU,eACV,4BAAI,uBAAGA,UAAU,iBAAjB,0CAER,yBAAKA,UAAU,wCACX,wBAAIA,UAAU,gBACV,4BAAI,uBAAIA,UAAU,kBAAkBiB,eAAa,YAAW,uBAAGjB,UAAU,wBAEzE,4BAAI,uBAAIA,UAAU,kBAAkBiB,eAAa,WAAU,uBAAGjB,UAAU,qBAExE,4BAAI,uBAAIA,UAAU,kBAAkBiB,eAAa,UAAS,uBAAGjB,UAAU,oBAEvE,4BAAI,uBAAIA,UAAU,kBAAkBiB,eAAa,SAAQ,uBAAGjB,UAAU,2BAI9E,yBAAKA,UAAU,cACX,uBAAGA,UAAU,iDAAb,qBAShB,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,qCAEX,yBAAKA,UAAU,yBACf,uBAAGA,UAAU,YAAYsB,KAAMC,wBAA8BqB,MAAM,SAASC,IAAI,QAC5E,yBAAKtC,GAAG,WAAWP,UAAU,aAAaM,IAAI,kBAAiBD,IAAI,WAIvE,yBAAKL,UAAU,sEACf,yBAAKA,UAAU,eAAc,uBAAGA,UAAU,mBAC1C,yBAAKA,UAAU,kBACX,wBAAIA,UAAU,gBAAd,iBACA,uBAAGA,UAAU,eAAb,iCAIJ,yBAAKA,UAAU,sEACf,yBAAKA,UAAU,eAAc,uBAAGA,UAAU,oBAC1C,yBAAKA,UAAU,kBACX,wBAAIA,UAAU,gBAAd,iBACA,uBAAGA,UAAU,eAAc,uBAAGsB,KAAK,2BAAR,uBAI/B,yBAAKtB,UAAU,sEACf,yBAAKA,UAAU,eAAc,uBAAGA,UAAU,uBAC1C,yBAAKA,UAAU,kBACX,wBAAIA,UAAU,gBAAd,gBACA,uBAAGA,UAAU,eAAb,oCAQxB,yBAAKO,GAAG,SAASP,UAAU,iCACvB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,wBAEX,yBAAKA,UAAU,0BACX,yBAAKA,UAAU,oBACX,wBAAIA,UAAU,sCACd,wBAAIA,UAAU,oEACV,uBAAGiC,QAAShC,KAAKyC,QAAjB,IAA2BzC,KAAKwB,MAAMgB,KAAO,uBAAGzC,UAAU,aAAgB,uBAAGA,UAAU,eACtFC,KAAKwB,MAAMgB,MAAQ,yBAAKzC,UAAU,sBAC/B,0BAAMA,UAAU,uBACZ,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBACX,2BAAOW,KAAK,SAASX,UAAU,qBAAqBY,KAAK,IAAIC,YAAY,4BACzE,4BAAQF,KAAK,UACT,uBAAGX,UAAU,wBAQrC,wBAAIA,UAAU,iEAAgE,2BAAG,uBAAGA,UAAU,qBAAqB,sCAEvH,yBAAKA,UAAU,0CACZ,0BAAMA,UAAU,uBAAhB,iDAGP,kBAAC,EAAD,MACA,yBAAKA,UAAU,cAAa,kBAAC,EAAD,kBAtHhE,GAA6BmB,aCkEd8E,EAnEf,uKAEQ,OACI,kBAAC,IAAD,CAAclD,OAAK,GACnB,kBAAC,IAAD,KACA,kBAAC,IAAD,CACAC,WAAY,EACZC,OAAQ,EACRC,cAAc,EACdC,gBAAgB,EAChB5C,GAAG,eAEH,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAiB6C,OAAO,KACxB,kBAAC,IAAD,KACI,yBAAKpD,UAAU,gBAAgBM,IAAI,kDAAkDD,IAAI,iBAE7F,kBAAC,IAAD,KACI,yBAAKL,UAAU,gBACX,yBAAKA,UAAU,kCACX,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MAChD,4EAEJ,kBAAC,IAAD,CAActD,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QAChD,uBAAGtD,UAAU,QAAb,0IACA,gCAEJ,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MAChD,2BACI,4BAAQtD,UAAU,0GAAlB,2BAOpB,kBAAC,IAAD,CAAiBoD,OAAO,KACxB,kBAAC,IAAD,KACI,yBAAKpD,UAAU,gBAAgBM,IAAI,kDAAkDD,IAAI,kBAE7F,kBAAC,IAAD,KACI,yBAAKL,UAAU,gBACX,yBAAKA,UAAU,kCACX,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MACpD,4EAEA,kBAAC,IAAD,CAActD,UAAU,YAAYqD,MAAO,EAAGC,MAAM,QACpD,uBAAGtD,UAAU,QAAb,4IAEA,kBAAC,IAAD,CAAcA,UAAU,YAAYqD,MAAO,EAAGC,MAAM,MACpD,uBAAGtD,UAAU,QACT,4BAAQA,UAAU,sDAAlB,aACA,4BAAQA,UAAU,oEAAlB,4BApDhC,GAAmCmB,aCcpB+E,EAbf,uKAEI,OACE,6BACI,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,WANV,GAAmC/E,aCsFpBgF,EAvFf,4MACI1E,MAAQ,CACJgB,MAAM,GAFd,EAIIC,OAAS,kBAAM,EAAKb,UAAS,SAACc,GAAD,MAAmB,CAACF,MAAOE,EAAaF,UAJzE,uDAMQ,OACI,4BAAQlC,GAAG,WAAWP,UAAU,8BAE5B,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,oBACX,yBAAKO,GAAG,SAASP,UAAU,iCACvB,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,0EACX,yBAAKA,UAAU,iBACX,uBAAGA,UAAU,YAAYsB,KAAMC,wBAA8BqB,MAAM,SAASC,IAAI,QAC5E,yBAAKtC,GAAG,WAAWP,UAAU,YAAYK,IAAI,OAAOC,IAAI,sBAGhE,yBAAKN,UAAU,mBACX,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBACX,wBAAIA,UAAU,eACV,4BAAI,uBAAGA,UAAU,0BAAjB,qCACA,4BAAI,uBAAGA,UAAU,oBAAjB,WAAiD,uBAAGkB,GAAG,+BAAN,qBACjD,4BAAI,uBAAGlB,UAAU,iBAAjB,0CAEJ,yBAAKA,UAAU,wCACX,wBAAIA,UAAU,gBACV,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,YAAW,uBAAGjB,UAAU,wBAExE,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,WAAU,uBAAGjB,UAAU,qBAEvE,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,UAAS,uBAAGjB,UAAU,oBAEtE,4BAAI,uBAAGA,UAAU,kBAAkBiB,eAAa,SAAQ,uBAAGjB,UAAU,+BAQ7F,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,WACX,kBAAC,EAAD,MACA,yBAAKA,UAAU,cAAa,kBAAC,EAAD,QAEhC,yBAAKA,UAAU,iCACX,wBAAIA,UAAU,oBACd,wBAAIA,UAAU,yEACV,uBAAGiC,QAAShC,KAAKyC,QAAjB,IAA2BzC,KAAKwB,MAAMgB,KAAO,uBAAGzC,UAAU,aAAgB,uBAAGA,UAAU,eACtFC,KAAKwB,MAAMgB,MAAQ,yBAAKzC,UAAU,sBAC/B,0BAAMA,UAAU,uBACZ,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBACX,2BAAOW,KAAK,SAASX,UAAU,qBAAqBY,KAAK,IAAIC,YAAY,4BACzE,4BAAQF,KAAK,UACT,uBAAGX,UAAU,wBAQrC,wBAAIA,UAAU,iEAAgE,2BAAG,uBAAGA,UAAU,qBAAqB,uCAG3H,yBAAKA,UAAU,qBAAoB,4BAAQA,UAAU,sDAAlB,6BAzEnF,GAA6BmB,aCcdiF,EAbf,uKAEI,OACE,6BACI,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,WANV,GAAmCjF,aC4hBpBkF,EA3hBf,uKAEQ,IAAI3C,EAAe,CACjBC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAIxB,OACI,yBAAKjE,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,aAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA+B,uBAAGvB,UAAU,eAAtE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,mDASZ,6BAASA,UAAU,oCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEf,yBAAKA,UAAU,oCACX,yBAAKA,UAAU,gBACf,wCACA,wBAAIA,UAAU,SAAd,+CAAkE,8CAElE,yBAAKA,UAAU,cACf,kTACA,qJAIJ,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,gCACV,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,uCAC1D,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,gCAC1D,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,4BAC1D,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,gCAG9D,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,gCACV,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,qCAC1D,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,iCAC1D,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,kCAC1D,4BAAI,uBAAGA,UAAU,yCAAyC,0BAAMA,UAAU,uBAAhB,uCAIlE,uBAAGA,UAAU,QAAb,yNACA,uBAAGA,UAAU,sDAAb,kBAEA,yBAAKA,UAAU,YACf,yBAAKA,UAAU,mCAEX,yBAAKA,UAAU,2CACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,2BAUzH,6BAASL,UAAU,uEACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,6FACX,yBAAKA,UAAU,yCACf,yBAAKA,UAAU,wBAEf,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,mBAAmBvC,IAAI,sBAEjH,yBAAKL,UAAU,oBACX,2CACA,uDAGJ,yBAAKA,UAAU,YACf,yBAAKA,UAAU,iBAEX,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,4CACA,wBAAIA,UAAU,SAAd,4CAA+D,+CAEnE,yBAAKA,UAAU,cACX,2PAGJ,yBAAKA,UAAU,QAEX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,QAAQqE,UAAQ,EAACtD,MAAO,MAInD,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,QAAQqE,UAAQ,EAACtD,MAAO,MAInD,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,QAAQqE,UAAQ,EAACtD,MAAO,MAInD,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,QAAQqE,UAAQ,EAACtD,MAAO,gBAe3E,6BAASf,UAAU,yGACf,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,uCAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,yBAIJ,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,oBAIJ,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,4BAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,wBAIJ,yBAAKA,UAAU,kBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,uBAUZ,6BAASA,UAAU,sDACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACX,+CACA,wBAAIA,UAAU,SAAd,sBAAyC,8CAKrD,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBACf,kBAAC,IAAD,CAAQA,UAAU,6CAA6CsE,QAAQ,EAAOX,MAAM,GAChF,yBAAK3D,UAAU,4BACX,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,yBAAKA,UAAU,uBACX,iDACA,2BAAOA,UAAU,QAAjB,mBAKR,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,yBAAKA,UAAU,uBACX,iDACA,2BAAOA,UAAU,QAAjB,mBAKR,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,yBAAKA,UAAU,uBACX,iDACA,2BAAOA,UAAU,QAAjB,wBAYxB,6BAASA,UAAU,yEACnB,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACf,yBAAKA,UAAU,sBACX,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC5F,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,mBAa1G,6BAASL,UAAU,iCACnB,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACf,yBAAKA,UAAU,aAEX,yBAAKA,UAAU,gDACf,yBAAKA,UAAU,gBACX,wCACA,wBAAIA,UAAU,SAAd,iBAAoC,kDAK5C,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC9F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKR,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKR,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKR,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,qBA5gB1B,GAAgCmB,aCorBbmF,EArrBnB,uKAEQ,IAAI5C,EAAe,CACjBC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAIxB,OACI,yBAAKjE,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,aAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,mDASZ,6BAASA,UAAU,2CACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,6DACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,kBAAkBvC,IAAI,qBAE5G,yBAAKL,UAAU,6BAEf,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,oBACf,wBAAIA,UAAU,iBACd,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,KADvC,KAGA,wBAAIjF,UAAU,iBAAd,8BAMR,yBAAKA,UAAU,YACf,yBAAKA,UAAU,iBAEX,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,wCACA,wBAAIA,UAAU,SAAd,0BAA6C,6BAA7C,WAA2D,4CAE/D,yBAAKA,UAAU,cACX,kPAIJ,yBAAKA,UAAU,aACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,6DACf,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,mDAEA,yBAAKA,UAAU,iBACf,gKAOR,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,6DACf,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,mDAEA,yBAAKA,UAAU,iBACf,kKAcpB,6BAASA,UAAU,wEACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,kBACf,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,0EACf,yBAAKA,UAAU,yCACX,yBAAKA,UAAU,yBAInB,yBAAKM,IAAI,kDAAkDN,UAAU,mCAAmCK,IAAI,mBAEhH,yBAAKL,UAAU,gBACX,yBAAKA,UAAU,8EACf,yBAAKA,UAAU,aAEX,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,0CACA,wBAAIA,UAAU,SAAd,4CAA+D,0BAAMA,UAAU,uBAAhB,iBAEnE,yBAAKA,UAAU,cACX,iJAGJ,yBAAKA,UAAU,aACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0FACf,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,gDAEA,yBAAKA,UAAU,iBACf,mIAOR,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0FACf,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,qDAEA,yBAAKA,UAAU,iBACf,kIAOR,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0FACf,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,kDAEA,yBAAKA,UAAU,iBACf,qIAcpB,6BAASA,UAAU,iCACnB,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,sCACf,yBAAKA,UAAU,qBACX,wCACA,wBAAIA,UAAU,SAAd,YAA+B,gDAIvC,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,cAAf,gHAEJ,yBAAKA,UAAU,8DACX,uBAAGA,UAAU,qEAAb,iBAGJ,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC9F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAIxD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAEN,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAEN,uBAAGvB,UAAU,YAAb,sBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,qBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,iBAEN,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAEN,uBAAGvB,UAAU,YAAb,sBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,qBAEN,uBAAGvB,UAAU,YAAb,yBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,iBAEN,uBAAGvB,UAAU,YAAb,mBAIN,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,mDACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,wBAAIA,UAAU,4BACZ,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,wBACjD,wBAAIA,UAAU,kBAAiB,2BAAI,uBAAGA,UAAU,qBAChD,wBAAIA,UAAU,mBAAkB,2BAAI,uBAAGA,UAAU,yBACjD,wBAAIA,UAAU,qBAAoB,2BAAI,uBAAGA,UAAU,8BAIzD,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAEN,uBAAGvB,UAAU,YAAb,yBASR,6BAASA,UAAU,yEACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,sBACX,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC5F,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,mBAY1G,6BAASL,UAAU,iCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,aAEX,yBAAKA,UAAU,gDACf,yBAAKA,UAAU,gBACX,wCACA,wBAAIA,UAAU,SAAd,iBAAoC,kDAK5C,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC9F,yBAAKhE,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAI/K,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAI/K,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAI/K,yBAAKA,UAAU,uBACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACb,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEjE,yBAAKA,UAAU,0BAEjB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,qBACb,0BAAMA,UAAU,kBACd,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACb,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAEN,yBAAKvB,UAAU,aACb,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEF,yBAAKA,UAAU,iBACb,sIAEF,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,yCAtqBjM,GAAgCmB,aC+jBjBoF,EAhkBf,uKAEQ,IAAI7C,EAAe,CACjBC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAIxB,OACI,yBAAKjE,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,iBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,mDASZ,6BAASA,UAAU,2CACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,0BACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,2CACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDsC,MAAM,iBAAiBvC,IAAI,sBAI/G,yBAAKL,UAAU,YACf,yBAAKA,UAAU,iBAEX,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,4CACA,wBAAIA,UAAU,SAAd,8BAAiD,6BAAjD,QAA4D,gDAEhE,yBAAKA,UAAU,cACX,iKAIJ,yBAAKA,UAAU,aACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,8CACf,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,oCACf,uBAAGA,UAAU,wBAEb,yBAAKA,UAAU,kBACf,mDAGJ,yBAAKA,UAAU,iBACX,sJAMR,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,8CACf,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,oCACf,uBAAGA,UAAU,wBAEb,yBAAKA,UAAU,kBACf,8CAGJ,yBAAKA,UAAU,iBACX,2JAapB,6BAASA,UAAU,4FACf,yBAAKA,UAAU,0CACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,0BACX,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,iCACX,yBAAKA,UAAU,gBACf,gFACA,wBAAIA,UAAU,SAAd,oDAAuE,iEAI3E,yBAAKA,UAAU,8BACf,yBAAKA,UAAU,iBACX,uBAAGA,UAAU,4EAAb,kBAIR,kBAAC,IAAD,eAAQA,UAAU,iEAAoE0D,EAAtF,CAAoGM,aAAc,IAC9G,yBAAKhE,UAAU,uBAEX,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,uCAAT,oBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,uCAAxG,aAA8J,uBAAGvB,UAAU,iCAKnL,yBAAKA,UAAU,uBAEX,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,yCAAT,sBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,yCAAxG,aAAgK,uBAAGvB,UAAU,iCAKrL,yBAAKA,UAAU,uBAEX,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,0CAAT,uBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,0CAAxG,aAAiK,uBAAGvB,UAAU,iCAKtL,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,yCAAT,sBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,yCAAxG,aAAgK,uBAAGvB,UAAU,oCAU7L,6BAASA,UAAU,gFACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACf,iDACA,wBAAIA,UAAU,SAAd,iBAAoC,gDAM5C,yBAAKA,UAAU,kEACX,yBAAKA,UAAU,kDAEf,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKZ,yBAAKvB,UAAU,kDAEf,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKZ,yBAAKvB,UAAU,kDAEf,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKZ,yBAAKvB,UAAU,kDAEf,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKZ,yBAAKvB,UAAU,kDAEf,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKZ,yBAAKvB,UAAU,kDAEf,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,2BAUpB,6BAASvB,UAAU,6FACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,sBACX,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,EAAGM,QAAQ,IACvG,yBAAKtE,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,mBAa1G,6BAASL,UAAU,iCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,aAEX,yBAAKA,UAAU,gDACf,yBAAKA,UAAU,gBACX,wCACA,wBAAIA,UAAU,SAAd,iBAAoC,kDAK5C,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IAC5F,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,4CACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACf,0BAAMA,UAAU,kBACZ,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACf,4BAAI,uBAAGwG,KAAMjF,oCAAT,iDAEJ,yBAAKvB,UAAU,aACf,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEA,yBAAKA,UAAU,iBACf,sIAEA,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAIjL,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,4CACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACf,0BAAMA,UAAU,kBACZ,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACf,4BAAI,uBAAGwG,KAAMjF,oCAAT,8CAEJ,yBAAKvB,UAAU,aACf,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEA,yBAAKA,UAAU,iBACf,sIAEA,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAIjL,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,4CACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACf,0BAAMA,UAAU,kBACZ,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACf,4BAAI,uBAAGwG,KAAMjF,oCAAT,gDAEJ,yBAAKvB,UAAU,aACf,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEA,yBAAKA,UAAU,iBACf,sIAEA,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAIjL,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,4CACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACf,0BAAMA,UAAU,kBACZ,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACf,4BAAI,uBAAGwG,KAAMjF,oCAAT,kDAEJ,yBAAKvB,UAAU,aACf,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEA,yBAAKA,UAAU,iBACf,sIAEA,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,yCAljBrM,GAAiCmB,aCgKlBsF,EAjKf,uKAEQ,OACI,yBAAKzG,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,iBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,mDAQZ,6BAASA,UAAU,iCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACf,qDACA,wBAAIA,UAAU,SAAd,oDAAuE,kEAO/E,yBAAKA,UAAU,OACf,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,6DACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,uCAAT,oBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,uCAAxG,aAA8J,uBAAGvB,UAAU,iCAI/K,yBAAKA,UAAU,qBAGf,yBAAKA,UAAU,6DACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,yCAAT,sBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,yCAAxG,aAAgK,uBAAGvB,UAAU,iCAKjL,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,6DACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,0CAAT,uBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,0CAAxG,aAAiK,uBAAGvB,UAAU,iCAKlL,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,6DACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,yCAAT,sBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,yCAAxG,aAAgK,uBAAGvB,UAAU,iCAKjL,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,6DACX,yBAAKA,UAAU,iCACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,0CAAT,uBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,0CAAxG,aAAiK,uBAAGvB,UAAU,iCAKlL,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,6DACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,4CAAT,yBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,4CAAxG,aAAmK,uBAAGvB,UAAU,yCAlJ5M,GAAiCmB,aC6KlBuF,EA7Kf,uKAEQ,OACI,yBAAK1G,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,eAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,kDAQZ,6BAASA,UAAU,iCACf,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,UACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,qBAER,uBAAGvB,UAAU,YAAb,yBAIJ,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,UACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iBAER,uBAAGvB,UAAU,YAAb,mBAIJ,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,UACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,mBAER,uBAAGvB,UAAU,YAAb,sBAIJ,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,UACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,kBAER,uBAAGvB,UAAU,YAAb,yBAIJ,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,UACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gBAER,uBAAGvB,UAAU,YAAb,sBAIJ,yBAAKA,UAAU,8BAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,UACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gBAER,uBAAGvB,UAAU,YAAb,6BA/J5B,GAAgCmB,aCsOjBwF,EArOf,uKAEQ,OACI,yBAAK3G,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,iBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAK,KAAI,uBAAGtB,UAAU,eAA1C,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,4CACA,0BAAMA,UAAU,iBAAhB,iBACA,oDAQZ,6BAASA,UAAU,yCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,kCACf,yBAAKA,UAAU,YAAYM,IAAI,oCAAoCD,IAAI,aAI3E,yBAAKL,UAAU,YACf,yBAAKA,UAAU,oDACX,yBAAKA,UAAU,+BACf,wBAAIA,UAAU,gCAAd,iBACA,0BAAMA,UAAU,mCAAhB,gBACA,wKACA,6YAEA,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBAGnB,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,4BACf,wBAAIA,UAAU,kCACV,4BACA,yBAAKA,UAAU,uBAAsB,uBAAGA,UAAU,gBAAlD,YACA,yBAAKA,UAAU,uBAAsB,uBAAGsB,KAAK,mBAAR,iBAErC,4BACA,yBAAKtB,UAAU,uBAAsB,uBAAGA,UAAU,gBAAlD,YACA,yBAAKA,UAAU,uBAAsB,uBAAGsB,KAAK,2BAAR,sBAErC,4BACA,yBAAKtB,UAAU,uBAAsB,uBAAGA,UAAU,gBAAlD,cACA,yBAAKA,UAAU,uBAAsB,uBAAGgB,OAAO,SAASM,KAAK,mCAAxB,qCAErC,4BACA,yBAAKtB,UAAU,uBAAsB,uBAAGA,UAAU,eAAlD,iBACA,yBAAKA,UAAU,uBAAf,YAEA,4BACA,yBAAKA,UAAU,uBAAsB,uBAAGA,UAAU,mBAAlD,YACA,yBAAKA,UAAU,uBAAf,SAEA,4BACA,yBAAKA,UAAU,uBAAsB,uBAAGA,UAAU,uBAAlD,mBACA,yBAAKA,UAAU,uBAAf,0CAMR,yBAAKA,UAAU,aACX,yBAAKA,UAAU,4BAQ3B,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,6BAA6BqE,UAAQ,EAACtD,MAAO,MAIxE,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,6BAA6BqE,UAAQ,EAACtD,MAAO,OAI5E,yBAAKf,UAAU,0BAEX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,6BAA6BqE,UAAQ,EAACtD,MAAO,MAIxE,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,6BAA6BqE,UAAQ,EAACtD,MAAO,QAMhF,yBAAKf,UAAU,YACX,yBAAKA,UAAU,UACf,iDACA,uBAAGA,UAAU,QAAb,ieAGJ,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UACf,2CAEA,yBAAKA,UAAU,UACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,cACf,uBAAGA,UAAU,eACb,6CAEA,wBAAIA,UAAU,eACd,4BACI,0BAAMA,UAAU,OAAhB,qBACA,0BAAMA,UAAU,QAAhB,iBAEJ,4BACI,0BAAMA,UAAU,OAAhB,cACA,0BAAMA,UAAU,QAAhB,iBAEJ,4BACI,0BAAMA,UAAU,OAAhB,YACA,0BAAMA,UAAU,QAAhB,mBAIR,yBAAKA,UAAU,0BACX,yBAAKA,UAAU,cACf,uBAAGA,UAAU,gCACb,oDAEA,wBAAIA,UAAU,aACd,4BACI,uBAAGA,UAAU,uBACb,qEAEJ,4BACI,uBAAGA,UAAU,iBACb,qDAEJ,4BACI,uBAAGA,UAAU,kBACb,sDAKR,yBAAKA,UAAU,YACf,yBAAKA,UAAU,4CACX,0BAAMO,GAAG,iBAAiBP,UAAU,8BAA8BQ,OAAO,OAAOC,OAAO,KACvF,yBAAKT,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,OAAOD,KAAK,OAAOX,UAAU,gCAAgCa,YAAY,aAAaC,SAAS,eAG/G,yBAAKd,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,QAAQD,KAAK,OAAOE,YAAY,gBAAgBC,SAAS,WAAWd,UAAU,qCAG9F,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,UAAUD,KAAK,OAAOE,YAAY,iBAAiBC,SAAS,WAAWd,UAAU,qCAGjG,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,UAAUD,KAAK,OAAOE,YAAY,UAAUC,SAAS,WAAWd,UAAU,qCAG1F,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,cACf,8BAAUY,KAAK,UAAUgG,KAAM,EAAG/F,YAAY,qBAAqBC,SAAS,WAAWd,UAAU,iCAAiC6G,aAAc,OAGpJ,yBAAK7G,UAAU,aACX,yBAAKA,UAAU,aACf,4BAAQW,KAAK,SAASJ,GAAG,SAASP,UAAU,gDAAgDe,OAAK,GAAjG,sCAlNpC,GAAiCI,a,gBC0LlB2F,EAzLf,uKAGQ,OACI,yBAAK9G,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,UAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,2CAQZ,6BAASA,UAAU,iCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACf,qCACA,wBAAIA,UAAU,SAAd,kCAOR,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,oBAAoBvC,IAAI,uBAEnH,yBAAKL,UAAU,8CACX,yBAAKA,UAAU,2BACX,uBAAGO,GAAG,cACF,yBAAKP,UAAU,0EACX,uBAAGA,UAAU,yBAGrB,yBAAKO,GAAG,YACJ,uBAAGA,GAAG,YAAYP,UAAU,gBAC5B,yBAAKO,GAAG,iBACJ,4BAAQgF,MAAM,MAAMC,OAAO,MAAMlF,IAAI,4CAA4CmF,MAAM,iFAMvG,yBAAKzF,UAAU,0BAEX,kBAAC,IAAD,CAAW+G,YAAa,CAAC,QACrB,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,0DAIJ,kBAAC,IAAD,KACI,4JAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,oDAIJ,kBAAC,IAAD,KACI,4JAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,+CAIJ,kBAAC,IAAD,KACI,4JAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,+CAIJ,kBAAC,IAAD,KACI,+JAUpB,yBAAK/G,UAAU,2BACX,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,+CAEJ,yBAAKA,UAAU,iBACX,yHAKR,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,gDAEJ,yBAAKA,UAAU,iBACX,yHAKR,yBAAKA,UAAU,YAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,gDAEJ,yBAAKA,UAAU,iBACX,iIA3KhC,GAAyBmB,aC6KV6F,EA/Kf,uKAGQ,OACI,yBAAKhH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,eAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,kDAQZ,6BAASA,UAAU,yCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,kBACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,aAEX,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,gDACA,wBAAIA,UAAU,SAAd,iBAGJ,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0EACf,uBAAGA,UAAU,sBAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,+CAEA,yBAAKA,UAAU,iBACf,oEAOR,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0EACf,uBAAGA,UAAU,kBAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,iDAEA,yBAAKA,UAAU,iBACf,oDAOR,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,OACf,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,qDACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,0EACf,uBAAGA,UAAU,kBAGjB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,0CAEA,yBAAKA,UAAU,iBACf,sDAQZ,yBAAKA,UAAU,YACf,yBAAKA,UAAU,yEACX,yBAAKA,UAAU,yCACf,yBAAKA,UAAU,wBAGf,yBAAKA,UAAU,oCACf,yBAAKA,UAAU,gBACX,4CACA,wBAAIA,UAAU,SAAd,oBAGJ,0BAAMO,GAAG,iBAAiBP,UAAU,8BAA8BQ,OAAO,OAAOC,OAAO,KACvF,yBAAKT,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,OAAOD,KAAK,OAAOX,UAAU,wBAAwBa,YAAY,aAAaC,SAAS,eAGvG,yBAAKd,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,QAAQD,KAAK,OAAOE,YAAY,gBAAgBC,SAAS,WAAWd,UAAU,4BAG9F,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,UAAUD,KAAK,OAAOE,YAAY,iBAAiBC,SAAS,WAAWd,UAAU,4BAGjG,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,cACf,2BAAOY,KAAK,UAAUD,KAAK,OAAOE,YAAY,UAAUC,SAAS,WAAWd,UAAU,4BAG1F,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,cACf,8BAAUY,KAAK,UAAUgG,KAAM,EAAG/F,YAAY,qBAAqBC,SAAS,WAAWd,UAAU,wBAAwB6G,aAAc,OAG3I,yBAAK7G,UAAU,aACX,yBAAKA,UAAU,aACf,4BAAQW,KAAK,SAASJ,GAAG,SAASP,UAAU,qDAAqDe,OAAK,GAAtG,wBAYhB,6BAASf,UAAU,4CACf,yBAAKA,UAAU,eACX,4BAAQwF,OAAO,OAAOlF,IAAI,kSAtKlD,GAAgCa,aCiKjB8F,EA/Jf,uKAGQ,OACI,yBAAKjH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,eAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,oCAAyC,uBAAGvB,UAAU,eAAhF,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,kDAQZ,6BAASA,UAAU,oCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBAEf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACf,0CACA,wBAAIA,UAAU,SAAd,sBAOR,0BAAMO,GAAG,iBAAiBP,UAAU,8BAA8BQ,OAAO,OAAOC,OAAO,KACnF,yBAAKT,UAAU,qBACf,yBAAKA,UAAU,cACX,2BAAOY,KAAK,OAAOD,KAAK,OAAOX,UAAU,+BAA+Ba,YAAY,aAAaC,SAAS,eAG9G,yBAAKd,UAAU,qBACf,yBAAKA,UAAU,cACX,2BAAOY,KAAK,QAAQD,KAAK,OAAOE,YAAY,gBAAgBC,SAAS,WAAWd,UAAU,mCAG9F,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,cACX,2BAAOY,KAAK,UAAUD,KAAK,OAAOE,YAAY,iBAAiBC,SAAS,WAAWd,UAAU,mCAGjG,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,cACX,8BAAUY,KAAK,UAAUgG,KAAM,EAAG/F,YAAY,qBAAqBC,SAAS,WAAWd,UAAU,+BAA+B6G,aAAc,OAGlJ,yBAAK7G,UAAU,aACf,yBAAKA,UAAU,eACX,4BAAQW,KAAK,SAASJ,GAAG,SAASP,UAAU,mEAAmEe,OAAK,GAApH,uBAUZ,yBAAKf,UAAU,yDACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wCAEf,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,sEACX,uBAAGA,UAAU,sBAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,sCAEJ,yBAAKA,UAAU,iBACX,2BACA,uBAAGsB,KAAK,2BAAR,oBAAsD,6BACtD,uBAAGA,KAAK,gCAAR,8BAMR,yBAAKtB,UAAU,0BAEf,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,sEACX,uBAAGA,UAAU,kBAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,sCAEJ,yBAAKA,UAAU,iBACX,+CACiB,6BADjB,wBAQR,yBAAKA,UAAU,YAEf,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,sEACX,uBAAGA,UAAU,mBAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,wCAEJ,yBAAKA,UAAU,iBACX,8DACgC,6BADhC,mBAahB,6BAASA,UAAU,gCACf,yBAAKA,UAAU,eACf,4BAAQwF,OAAO,OAAOlF,IAAI,kSArJ9C,GAAgCa,aC0BjB+F,EA5Bf,uKAGQ,OACI,yBAAKlH,UAAU,aACX,kBAAC,EAAD,MAEA,6BAASA,UAAU,gCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,wCACX,uBAAGA,UAAU,wBAEjB,4BAAQA,UAAU,eAAc,wBAAIA,UAAU,cAAd,cAChC,yBAAKA,UAAU,gBAAf,IAA+B,yGAC3B,uBAAGA,UAAU,sDAAsDsB,KAAMC,yBAAzE,yBAhB5B,GAA2BJ,aCSrBoC,GAAS,CACX,iDACA,iDACA,iDACA,iDACA,kDA+2DW4D,GA52Df,kDACI,WAAYjH,GAAQ,IAAD,8BACf,cAAMA,IAEDuB,MAAQ,CACXgC,WAAY,EACZvB,QAAQ,GALK,EADvB,qDASc,IAAD,SAC0BjC,KAAKwB,MAA5BgC,EADH,EACGA,WAAYvB,EADf,EACeA,OAChBwB,EAAe,CACfC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,IAGpB,CAEIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,IAGxB,CACIE,WAAY,IACZC,SAAU,CACNJ,aAAc,EACdC,eAAgB,MAI1B,OACI,yBAAKjE,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,YAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,+CAShB,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,SAAd,SAEJ,yBAAKA,UAAU,mCACP,kBAAC,IAAD,CAAMA,UAAU,OACZ,yBAAKA,UAAU,qBACX,kBAAC,IAAD,KACI,kBAAC,IAAD,KAAK,4CACL,kBAAC,IAAD,KAAK,4CACL,kBAAC,IAAD,KAAK,4CACL,kBAAC,IAAD,KAAK,8CAGb,yBAAKA,UAAU,iCACX,kBAAC,IAAD,KACI,sZAEJ,kBAAC,IAAD,KACI,sZAEJ,kBAAC,IAAD,KACI,sZAEJ,kBAAC,IAAD,KACI,0ZAMxB,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,SAAd,SAEJ,yBAAKA,UAAU,qCACX,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,KAAK,8BAAM,uBAAGA,UAAU,cAAnB,eACL,kBAAC,IAAD,KAAK,8BAAM,uBAAGA,UAAU,qBAAnB,cACL,kBAAC,IAAD,KAAK,8BAAM,uBAAGA,UAAU,gBAAnB,eAET,yBAAKA,UAAU,eACX,kBAAC,IAAD,KACI,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,YACf,uBAAGA,UAAU,SAAb,wQAIR,kBAAC,IAAD,KACI,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,YACf,uBAAGA,UAAU,SAAb,wQAIR,kBAAC,IAAD,KACI,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,YACf,uBAAGA,UAAU,SAAb,+QAcpC,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,SAAd,aAGR,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,6GAAb,eAAqI,uBAAGA,UAAU,wBAEtJ,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,gGAAb,eAAwH,uBAAGA,UAAU,wBAEzI,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,uGAAb,eAA+H,uBAAGA,UAAU,wBAEhJ,yBAAKA,UAAU,qBACX,uBAAGA,UAAU,6GAAb,eAAqI,uBAAGA,UAAU,yBAG1J,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,8GAAb,eAAsI,uBAAGA,UAAU,6BAEvJ,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,iGAAb,eAAyH,uBAAGA,UAAU,6BAE1I,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,wGAAb,eAAgI,uBAAGA,UAAU,6BAEjJ,yBAAKA,UAAU,qBACX,uBAAGA,UAAU,8GAAb,eAAsI,uBAAGA,UAAU,8BAG3J,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,wFAAb,eAAiH,uBAAGA,UAAU,+BAElI,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,2EAAb,eAAoG,uBAAGA,UAAU,+BAErH,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,kFAAb,eAA2G,uBAAGA,UAAU,+BAE5H,yBAAKA,UAAU,qBACX,uBAAGA,UAAU,wFAAb,eAAiH,uBAAGA,UAAU,gCAGtI,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,yFAAb,eAAkH,uBAAGA,UAAU,+BAEnI,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,4EAAb,eAAqG,uBAAGA,UAAU,+BAEtH,yBAAKA,UAAU,2BACX,uBAAGA,UAAU,mFAAb,eAA4G,uBAAGA,UAAU,+BAE7H,yBAAKA,UAAU,qBACX,uBAAGA,UAAU,yFAAb,eAAkH,uBAAGA,UAAU,mCAMnJ,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,SAAd,+BAIZ,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEX,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,0DAIJ,kBAAC,IAAD,KACI,4JAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,oDAIJ,kBAAC,IAAD,KACI,6JAMZ,kBAAC,IAAD,CAAWA,UAAU,oBACjB,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,8CAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,wSAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,+CAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,mIAOhB,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,oCAAoCqE,UAAQ,EAACtD,MAAO,MAI/E,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,qCAAqCqE,UAAQ,EAACtD,MAAO,MAIhF,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,gBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,oCAAoCqE,UAAQ,EAACtD,MAAO,MAI/E,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,yCAAyCqE,UAAQ,EAACtD,MAAO,MAIpF,yBAAKf,UAAU,oBACX,yBAAKA,UAAU,iCAAf,mBACA,2BAAOA,UAAU,eAAjB,OACA,kBAAC,IAAD,CAAaA,UAAU,sCAAsCqE,UAAQ,EAACtD,MAAO,UAOjG,6BAASf,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,SAAd,uBAKZ,yBAAKA,UAAU,iDACf,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,uCAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,yBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,oBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,4BAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,wBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2DACX,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACf,4BACI,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,uBAQZ,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,wCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,gDACf,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,8BACX,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,sBAIR,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,wCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,gDACf,uBAAGA,UAAU,oCAGjB,yBAAKA,UAAU,8BACX,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,yBAIR,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,wCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,gDACf,uBAAGA,UAAU,iCAGjB,yBAAKA,UAAU,8BACX,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,oBAIR,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,wCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,gDACf,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,8BACX,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,MAE3C,wBAAIjF,UAAU,iBAAd,yBAOhB,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,SAAd,uBAIR,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wIACf,uBAAGA,UAAU,yBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wIACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wIACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wIACf,uBAAGA,UAAU,mBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wIACf,uBAAGA,UAAU,oBAKjB,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wGACf,uBAAGA,UAAU,6BAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,iGACf,uBAAGA,UAAU,mBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,mGACf,uBAAGA,UAAU,yBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,mGACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,gGACf,uBAAGA,UAAU,mBAKjB,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,4JACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,4JACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,4JACf,uBAAGA,UAAU,mBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,4JACf,uBAAGA,UAAU,mBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,4JACf,uBAAGA,UAAU,oBAKrB,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,6GACf,uBAAGA,UAAU,yBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,6GACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,0GACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,gHACf,uBAAGA,UAAU,mBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,kHACf,uBAAGA,UAAU,oBAKrB,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,+GACf,uBAAGA,UAAU,oBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,wGACf,uBAAGA,UAAU,oBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,0GACf,uBAAGA,UAAU,yBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,0GACf,uBAAGA,UAAU,kBAIjB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,YACX,yBAAKA,UAAU,uGACf,uBAAGA,UAAU,oBAMrB,yBAAKA,UAAU,YACf,yBAAKA,UAAU,aACX,yBAAKA,UAAU,UAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qFACX,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,gDAEJ,yBAAKA,UAAU,iBACX,mIAOZ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qFACX,uBAAGA,UAAU,+BAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,qDAEJ,yBAAKA,UAAU,iBACX,kIAOZ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qFACX,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,kDAEJ,yBAAKA,UAAU,iBACX,+HAOZ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UAEf,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,qFACX,uBAAGA,UAAU,6BAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,kDAEJ,yBAAKA,UAAU,iBACX,mIAUpB,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACf,wBAAIA,UAAU,SAAd,oBAKZ,yBAAKA,UAAU,4DACX,yBAAKA,UAAU,gBACX,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IACxF,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,cAKlG,yBAAKL,UAAU,uBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,0BAA0BiB,eAAa,aAClD,yBAAKjB,UAAU,YAAYM,IAAI,+CAA+CD,IAAI,kBASlH,6BAASL,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACf,wBAAIA,UAAU,SAAd,gBAIPkC,GACD,kBAAC,IAAD,CACIqC,QAAShB,GAAOE,GAChBe,QAASjB,IAAQE,EAAa,GAAKF,GAAON,QAC1CwB,QAASlB,IAAQE,EAAaF,GAAON,OAAS,GAAKM,GAAON,QAC1DyB,eAAgB,kBAAM,EAAK7C,SAAS,CAAEK,QAAQ,KAC9CyC,kBAAmB,kBACnB,EAAK9C,SAAS,CACV4B,YAAaA,EAAaF,GAAON,OAAS,GAAKM,GAAON,UAG1D2B,kBAAmB,kBACnB,EAAK/C,SAAS,CACV4B,YAAaA,EAAa,GAAKF,GAAON,YAK9C,kBAAC,IAAD,eAAQjD,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IACxF,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,wDAEf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAG1C,yBAAKN,UAAU,wBACX,yBAAKA,UAAU,mCACf,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,yBAKZ,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAG1C,yBAAKN,UAAU,wBACX,yBAAKA,UAAU,mCACf,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKZ,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAG1C,yBAAKN,UAAU,wBACX,yBAAKA,UAAU,mCACf,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKZ,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAG1C,yBAAKN,UAAU,wBACX,yBAAKA,UAAU,mCACf,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKZ,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAG1C,yBAAKN,UAAU,wBACX,yBAAKA,UAAU,mCACf,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKZ,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,oDAG1C,yBAAKN,UAAU,wBACX,yBAAKA,UAAU,mCACf,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAMhB,kBAAC,IAAD,eAAQvB,UAAU,gDAAmD0D,EAArE,CAAmFM,aAAc,IAC7F,yBAAKhE,UAAU,uBAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAExF,yBAAKL,UAAU,oBACX,yBAAKA,UAAU,YACf,mDAEA,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAExF,yBAAKL,UAAU,oBACX,yBAAKA,UAAU,YACf,qDAEA,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAExF,yBAAKL,UAAU,oBACX,yBAAKA,UAAU,YACf,oDAEA,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKhB,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAExF,yBAAKL,UAAU,oBACX,yBAAKA,UAAU,YACf,uDAEA,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAExF,yBAAKL,UAAU,oBACX,yBAAKA,UAAU,YACf,yCAEA,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,uBAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAExF,yBAAKL,UAAU,oBACX,yBAAKA,UAAU,YACf,qDAEA,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,sCAAT,2BAQ5B,6BAASvB,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACf,wBAAIA,UAAU,SAAd,mBAIR,kBAAC,IAAD,eAAQA,UAAU,2CAA8C0D,EAAhE,CAA8EM,aAAc,IACxF,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,iBAEJ,uBAAGvB,UAAU,YAAb,mBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,mBAEJ,uBAAGvB,UAAU,YAAb,sBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,kBAEJ,uBAAGvB,UAAU,YAAb,yBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,qBAEJ,uBAAGvB,UAAU,YAAb,yBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,iBAEJ,uBAAGvB,UAAU,YAAb,mBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,mBAEJ,uBAAGvB,UAAU,YAAb,sBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,kBAEJ,uBAAGvB,UAAU,YAAb,yBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,qBAEJ,uBAAGvB,UAAU,YAAb,yBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,iBAEJ,uBAAGvB,UAAU,YAAb,mBAIR,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,mBAEJ,uBAAGvB,UAAU,YAAb,uBAKZ,kBAAC,IAAD,eAAQA,UAAU,gDAAmD0D,EAArE,CAAmFM,aAAc,IAC7F,yBAAKhE,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI9D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,iBAEJ,uBAAGvB,UAAU,YAAb,oBAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,mBAEJ,uBAAGvB,UAAU,YAAb,uBAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,kBAEJ,uBAAGvB,UAAU,YAAb,0BAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,qBAEJ,uBAAGvB,UAAU,YAAb,0BAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,iBAEJ,uBAAGvB,UAAU,YAAb,oBAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,mBAEJ,uBAAGvB,UAAU,YAAb,uBAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,kBAEJ,uBAAGvB,UAAU,YAAb,0BAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,qBAEJ,uBAAGvB,UAAU,YAAb,0BAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,iBAEJ,uBAAGvB,UAAU,YAAb,oBAKhB,yBAAKA,UAAU,uBACX,yBAAKA,UAAU,mDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYK,IAAI,GAAGC,IAAI,mDACtC,yBAAKN,UAAU,4BACf,wBAAIA,UAAU,4BACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,wBAChD,wBAAIA,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,qBAC/C,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,yBAChD,wBAAIA,UAAU,qBAAoB,2BAAG,uBAAGA,UAAU,8BAI1D,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,kBACf,4BAAI,uBAAGsB,KAAMC,qCAAT,mBAEJ,uBAAGvB,UAAU,YAAb,0BAQ5B,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACf,wBAAIA,UAAU,SAAd,oBAKZ,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,wBACX,kBAAC,IAAD,CAAQA,UAAU,eAAesE,QAAQ,GACrC,yBAAKtE,UAAU,4BACX,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,yBAAKA,UAAU,uBACX,iDACA,kDAIR,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,yBAAKA,UAAU,uBACX,iDACA,kDAIR,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,uBACf,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,mBACf,yBAAKA,UAAU,aAAaK,IAAI,kBAAkBC,IAAI,qDAG1D,qLACA,yBAAKN,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,yBAAKA,UAAU,uBACX,iDACA,wDAUhC,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACf,wBAAIA,UAAU,SAAd,eAIR,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,mCAEX,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,uCAAT,oBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,uCAAxG,aAA8J,uBAAGvB,UAAU,iCAKnL,yBAAKA,UAAU,mCAEX,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,yCAAT,sBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,yCAAxG,aAAgK,uBAAGvB,UAAU,iCAKrL,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,+BACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,0CAAT,uBAER,yBAAKvB,UAAU,iBACX,6GAEJ,uBAAGA,UAAU,qFAAqFsB,KAAMC,0CAAxG,aAAiK,uBAAGvB,UAAU,oCAOlM,6BAASA,UAAU,sCACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACf,wBAAIA,UAAU,SAAd,WAIR,yBAAKA,UAAU,OACX,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKR,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKZ,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,cAMhB,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAI7K,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,iCAI7K,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEf,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,sFAAsFsB,KAAMC,oCAAzG,aAA4J,uBAAGvB,UAAU,yCA/1D7M,GAA6BmB,aC8CdiG,GA/Df,uKAEQ,OACI,6BACI,yBAAKpH,UAAU,0BACX,wBAAIA,UAAU,eACV,4BAAI,uBAAGqH,gBAAgB,SAAS/F,KAAMC,uCAAlC,mBACJ,4BAAI,uBAAGD,KAAMC,yCAAT,qBACJ,4BAAI,uBAAGD,KAAMC,0CAAT,sBACJ,4BAAI,uBAAGD,KAAMC,yCAAT,qBACJ,4BAAI,uBAAGD,KAAMC,0CAAT,sBACJ,4BAAI,uBAAGD,KAAMC,4CAAT,0BAGZ,yBAAKvB,UAAU,sBACX,wBAAIA,UAAU,gBAAd,YACA,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,uBAAuBM,IAAI,iDAAiDD,IAAI,kBAEnG,wBAAIL,UAAU,eAAd,iBACA,uBAAGA,UAAU,sBAAb,mLAGJ,yBAAKA,UAAU,0BACX,wBAAIA,UAAU,gBAAd,aACA,wBAAIA,UAAU,YACd,4BACI,uBAAGA,UAAU,oBACb,uBAAG4C,MAAM,YAAT,iBAEJ,4BACI,uBAAG5C,UAAU,qBACb,uBAAG4C,MAAM,YAAT,wBAEJ,4BACI,uBAAG5C,UAAU,gBACb,uBAAG4C,MAAM,YAAT,mBAIR,yBAAK5C,UAAU,6BACX,yBAAKA,UAAU,gDACf,yBAAKA,UAAU,4CACX,uBAAGA,UAAU,2BACb,yBAAKA,UAAU,gCACf,iDAEA,yBAAKA,UAAU,iBACf,0DAA+B,6BAA/B,8BAEA,4BACA,4BAAI,uBAAGA,UAAU,gBAAjB,eACA,4BAAI,uBAAGA,UAAU,oBAAoB,uBAAGsB,KAAK,2BAAR,8BArD7D,GAA6BH,aC+KdmG,GA5Kf,uKAEQ,OACI,yBAAKtH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,mBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,sDAQZ,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oCAGX,yBAAKA,UAAU,mCACX,yBAAKA,UAAU,kCACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,uBAErF,yBAAKL,UAAU,2BACf,iDACA,sXACA,6OACA,yBAAKA,UAAU,mCACX,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,uBAAGA,UAAU,yDAGjB,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,GAAIC,SAAU,KAD1C,MAGA,wBAAIjF,UAAU,iBAAd,uBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,uBAAGA,UAAU,wDAGjB,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,KAAMC,SAAU,KAD5C,MAGA,wBAAIjF,UAAU,iBAAd,oBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,uBAAGA,UAAU,0DAGjB,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,KAD3C,MAGA,wBAAIjF,UAAU,iBAAd,qBAKR,uBAAGA,UAAU,SAAb,sXACA,8CACA,yBAAKA,UAAU,aACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,iCACX,yBAAKA,UAAU,+BACX,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,0BAG5F,yBAAKL,UAAU,+BACX,uBAAGA,UAAU,wBAAb,0MACA,wBAAIA,UAAU,gCACV,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,kDAMpF,wBAAIA,UAAU,SAAd,yBACA,kUAEI,kBAAC,IAAD,CAAWA,UAAU,oBACjB,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,8CAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,wSAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,yEAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,wSAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,+CAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,qIAUxB,yBAAKA,UAAU,wBACX,kBAAC,GAAD,eAjKhC,GAAoCmB,aCuFrBoG,GAzFf,uKAEQ,OACI,yBAAKvH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,qBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,wDAQZ,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oCAGX,yBAAKA,UAAU,mCAEX,yBAAKA,UAAU,8CACX,yBAAKA,UAAU,gBACX,mDACA,wBAAIA,UAAU,SAAd,uBAGR,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,uBAEzF,yBAAKL,UAAU,2BACX,iEACA,kJAAuH,gEAAvH,oEACA,2cACA,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,yBAEzF,2DACA,4RACA,yRAEA,yBAAKL,UAAU,aACX,yBAAKA,UAAU,yCAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,gDACA,qGAA0E,gEAA1E,2HACA,sJACA,uBAAGA,UAAU,iDAAb,cAEA,yBAAKA,UAAU,YACf,yBAAKA,UAAU,0CACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,6BAQxG,yBAAKL,UAAU,wBACX,kBAAC,GAAD,eA9E5B,GAAsCmB,aCmGvBoG,GAnGf,uKAEQ,OACI,yBAAKvH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,sBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,yDAQZ,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oCAGX,yBAAKA,UAAU,mCAEX,yBAAKA,UAAU,8CACf,yBAAKA,UAAU,gBACX,mDACA,wBAAIA,UAAU,SAAd,uBAGJ,yBAAKA,UAAU,kCACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,uBAErF,yBAAKL,UAAU,2BACf,uDACA,ufACA,4SAEA,yBAAKA,UAAU,aACX,yBAAKA,UAAU,yCAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,uDACA,uBAAGA,UAAU,uBAAb,ibACA,uBAAGA,UAAU,qEAAb,cAEA,yBAAKA,UAAU,YACf,yBAAKA,UAAU,0CACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,0BAK5F,yBAAKL,UAAU,aACX,yBAAKA,UAAU,yCAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,gDACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,2BAGxF,yBAAKL,UAAU,YACX,2DACJ,uBAAGA,UAAU,uBAAb,ibACA,uBAAGA,UAAU,qEAAb,kBAOZ,yBAAKA,UAAU,wBACX,kBAAC,GAAD,eAxF5B,GAAsCmB,aCwGvBqG,GAxGf,uKAEQ,OACI,yBAAKxH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,qBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,wDAQZ,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oCAGX,yBAAKA,UAAU,mCACX,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,0BAGzF,yBAAKL,UAAU,YACf,wBAAIA,UAAU,iBAAd,wBACA,uOACA,uBAAGA,UAAU,QAAb,wKAIJ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,yCAGnB,yBAAKA,UAAU,aACX,yBAAKA,UAAU,YACf,wDACA,mJAA4H,gEAA5H,kCACA,sLAEA,yBAAKA,UAAU,YACf,yBAAKA,UAAU,0CACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,2BAI7F,6CACA,yBAAKL,UAAU,gDACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,yBAEzF,yRACA,4RAEA,yBAAKL,UAAU,aACX,yBAAKA,UAAU,yCAGnB,yBAAKA,UAAU,aACX,yBAAKA,UAAU,YACf,wDACA,mJAA4H,gEAA5H,kCACA,sLAEA,yBAAKA,UAAU,YACf,yBAAKA,UAAU,0CACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,8BAQzG,yBAAKL,UAAU,wBACX,kBAAC,GAAD,eA7F5B,GAAsCmB,aC8KvBsG,GA5Kf,uKAEQ,OACI,yBAAKzH,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,sBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,yDAQZ,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oCAGX,yBAAKA,UAAU,mCACX,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,uBAEzF,yBAAKL,UAAU,2BACX,iDACA,sXACA,6OACA,yBAAKA,UAAU,mCACX,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,uBAAGA,UAAU,yDAGjB,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,GAAIC,SAAU,KAD1C,MAGA,wBAAIjF,UAAU,iBAAd,uBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,uBAAGA,UAAU,wDAGjB,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,KAAMC,SAAU,KAD5C,MAGA,wBAAIjF,UAAU,iBAAd,oBAIJ,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,uBAAGA,UAAU,0DAGjB,yBAAKA,UAAU,8BACf,wBAAIA,UAAU,iBACV,kBAAC,IAAD,CAAS+E,MAAO,EAAGC,IAAK,IAAKC,SAAU,KAD3C,MAGA,wBAAIjF,UAAU,iBAAd,qBAKR,uBAAGA,UAAU,SAAb,sXACA,8CACA,yBAAKA,UAAU,aACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,iCACX,yBAAKA,UAAU,+BACf,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,0BAGxF,yBAAKL,UAAU,+BACf,uBAAGA,UAAU,wBAAb,0MACA,wBAAIA,UAAU,gCACV,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,6CAChE,4BAAI,uBAAGA,UAAU,+CAA+C,0BAAMA,UAAU,uBAAhB,kDAM5E,wBAAIA,UAAU,SAAd,yBACA,kUAEI,kBAAC,IAAD,CAAWA,UAAU,oBACjB,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,8CAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,wSAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,yEAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,wSAKR,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,+CAIJ,kBAAC,IAAD,KACI,uBAAGA,UAAU,QAAb,qIAU5B,yBAAKA,UAAU,wBACX,kBAAC,GAAD,eAjK5B,GAAuCmB,aCuFxBuG,GAzFf,uKAEQ,OACI,yBAAK1H,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,wBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,2DAQZ,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,gBAEf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oCAGX,yBAAKA,UAAU,mCAEX,yBAAKA,UAAU,8CACX,yBAAKA,UAAU,gBACX,mDACA,wBAAIA,UAAU,SAAd,uBAGR,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,uBAEzF,yBAAKL,UAAU,2BACX,iEACA,kJAAuH,gEAAvH,oEACA,2cACA,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,yBAEzF,2DACA,4RACA,yRAEA,yBAAKL,UAAU,aACX,yBAAKA,UAAU,yCAGnB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,gDACA,qGAA0E,gEAA1E,2HACA,sJACA,uBAAGA,UAAU,iDAAb,cAEA,yBAAKA,UAAU,YACf,yBAAKA,UAAU,0CACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,6BAQxG,yBAAKL,UAAU,wBACX,kBAAC,GAAD,eA9E5B,GAAyCmB,aC+xB1BwG,GA9xBf,uKAEQ,OACI,yBAAK3H,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,oBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAW1B,GAAIK,yBAA8B,uBAAGvB,UAAU,eAAnE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,wDAQZ,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,qDACX,kBAAC,IAAD,KACI,kBAAC,IAAD,CAASA,UAAU,uBACf,kBAAC,IAAD,KAAK,sCACL,kBAAC,IAAD,KAAK,4CACL,kBAAC,IAAD,KAAK,2CACL,kBAAC,IAAD,KAAK,6CACL,kBAAC,IAAD,KAAK,4CACL,kBAAC,IAAD,KAAK,2CACL,kBAAC,IAAD,KAAK,8CAET,yBAAKA,UAAU,eACX,kBAAC,IAAD,KACI,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAOxB,kBAAC,IAAD,KACI,yBAAKvB,UAAU,+CACX,yBAAKA,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,kCAOxB,kBAAC,IAAD,KACI,yBAAKvB,UAAU,+CACf,yBAAKA,UAAU,kDAEP,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAOxB,kBAAC,IAAD,KACI,yBAAKvB,UAAU,+CACf,yBAAKA,UAAU,kDAEP,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAOxB,kBAAC,IAAD,KACI,yBAAMvB,UAAU,+CAChB,yBAAKA,UAAU,kDAEP,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAOxB,kBAAC,IAAD,KACI,yBAAKvB,UAAU,+CACX,yBAAKA,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAOxB,kBAAC,IAAD,KACI,yBAAKvB,UAAU,+CACX,yBAAKA,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,uDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,yCAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,kDAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sCA1wBpE,GAAoCJ,aCE9BoC,GAAS,CACX,iDACA,iDACA,iDACA,iDACA,iDACA,kDAmMWqE,GAhMf,kDACI,WAAY1H,GAAQ,IAAD,8BACf,cAAMA,IAEDuB,MAAQ,CACXgC,WAAY,EACZvB,QAAQ,GALK,EADvB,qDASc,IAAD,SAC0BjC,KAAKwB,MAA5BgC,EADH,EACGA,WAAYvB,EADf,EACeA,OACpB,OACI,yBAAKlC,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,oBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,wDAQXkC,GACC,kBAAC,IAAD,CACEqC,QAAShB,GAAOE,GAChBe,QAASjB,IAAQE,EAAa,GAAKF,GAAON,QAC1CwB,QAASlB,IAAQE,EAAaF,GAAON,OAAS,GAAKM,GAAON,QAC1DyB,eAAgB,kBAAM,EAAK7C,SAAS,CAAEK,QAAQ,KAC9CyC,kBAAmB,kBACjB,EAAK9C,SAAS,CACZ4B,YAAaA,EAAaF,GAAON,OAAS,GAAKM,GAAON,UAG1D2B,kBAAmB,kBACjB,EAAK/C,SAAS,CACZ4B,YAAaA,EAAa,GAAKF,GAAON,YAK9C,yBAAKjD,UAAU,gCACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,yCAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAGpF,yBAAKL,UAAU,wBACf,yBAAKA,UAAU,mCACX,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,yBAKhB,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAGpF,yBAAKL,UAAU,wBACf,yBAAKA,UAAU,mCACX,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAGpF,yBAAKL,UAAU,wBACf,yBAAKA,UAAU,mCACX,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,gCAKhB,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAGpF,yBAAKL,UAAU,wBACf,yBAAKA,UAAU,mCACX,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,0BAKhB,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAGpF,yBAAKL,UAAU,wBACf,yBAAKA,UAAU,mCACX,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wBAKhB,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,wDAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAGpF,yBAAKL,UAAU,wBACf,yBAAKA,UAAU,mCACX,uBAAGiC,QAAS,kBAAM,EAAKJ,SAAS,CAAEK,QAAQ,MAAS,uBAAGlC,UAAU,kBAChE,uBAAGsB,KAAMC,qCAA2CvB,UAAU,YAAW,uBAAGA,UAAU,kBAG1F,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,+BAlL5C,GAAoCJ,aCOrB0G,GArBf,uKAEQ,OACI,yBAAK7H,UAAU,kCACX,yBAAKA,UAAU,uBACf,6CAEA,4KACA,wBAAIA,UAAU,yBACd,4BAAI,uBAAGA,UAAU,eAAe,4CAAhC,eACA,4BAAI,uBAAGA,UAAU,oBAAoB,6CAArC,sBACA,4BAAI,uBAAGA,UAAU,mBAAmB,yCAApC,aACA,4BAAI,uBAAGA,UAAU,gBAAgB,6CAAjC,eACA,4BAAI,uBAAGA,UAAU,qBAAqB,6CAAtC,kBAbhB,GAA+BmB,aC0MhB2G,GAvMf,uKAEQ,OACI,yBAAK9H,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,mBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,uDAOpB,6BAASA,UAAU,2CACf,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,qBAEf,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,oBAAoBvC,IAAI,wBAGnH,yBAAKL,UAAU,qBACX,kBAAC,GAAD,QAKR,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UACX,qDACA,4iBACA,0EACA,siBACA,uBAAGA,UAAU,uBAAb,+PAEJ,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4CAEJ,yBAAKA,UAAU,iBACX,yGAKZ,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,kDAEJ,yBAAKA,UAAU,iBACX,yGAKZ,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4CAEJ,yBAAKA,UAAU,iBACX,yGAKZ,yBAAKA,UAAU,UACX,wBAAIA,UAAU,SAAd,wCACA,uBAAGA,UAAU,QAAb,2XAEJ,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,uBAAuBvC,IAAI,2BAI1H,yBAAKL,UAAU,UACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,2BAIvB,yBAAKA,UAAU,UACX,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,8BACf,yBAAKA,UAAU,aACX,yBAAKA,UAAU,aACf,uBAAGA,UAAU,mEAAkE,uBAAGA,UAAU,4BAA5F,YACA,uBAAGA,UAAU,gFAAb,OAAgG,uBAAGA,UAAU,oCAQ7H,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,wBAAIA,UAAU,SAAd,qBAEJ,yBAAKA,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wCAzL5C,GAAmCJ,aCqJpB4G,GArJf,uKAEQ,OACI,yBAAK/H,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,mBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,uDAOZ,6BAASA,UAAU,2CACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,UACf,yBAAKA,UAAU,SACX,4BAAQuF,MAAO,IAAKC,OAAQ,IAAKlF,IAAI,2DAA2DmF,MAAM,0EAA0EuC,iBAAe,OAKvM,yBAAKhI,UAAU,OACX,yBAAKA,UAAU,qBACf,6CACA,0kBACA,+LACA,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,oBAAoBvC,IAAI,0BAGvH,yBAAKL,UAAU,YAEX,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,oBAAoBvC,IAAI,wBAGvH,yBAAKL,UAAU,gBACX,4bACA,igBAGJ,yBAAKA,UAAU,UACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BAIvB,yBAAKA,UAAU,UACX,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,8BACf,yBAAKA,UAAU,aACX,yBAAKA,UAAU,aACf,uBAAGA,UAAU,mEAAkE,uBAAGA,UAAU,4BAA5F,YACA,uBAAGA,UAAU,mFAAb,OAAmG,uBAAGA,UAAU,qCAQhI,yBAAKA,UAAU,qBACX,kBAAC,GAAD,QAKR,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,wBAAIA,UAAU,SAAd,qBAEJ,yBAAKA,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wCAvI5C,GAAmCJ,aC6OpB8G,GA9Of,uKAoBQ,OACI,yBAAKjI,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,mBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,sCAA2C,uBAAGvB,UAAU,eAAlF,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,uDAOhB,6BAASA,UAAU,2CACf,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,sBACX,kBAAC,IAAD,eAAQA,UAAU,+BA/CvB,CACf2D,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAEhBC,WAAY,CAAC,CAEXC,WAAY,KACZC,SAAU,CACVJ,aAAc,EACdC,eAAgB,MAiCE,CAAkEK,QAAQ,EAAOX,MAAM,IACnF,yBAAK3D,UAAU,sBACX,yBAAKM,IAAI,kDAAkDD,IAAI,QAAQL,UAAU,eAErF,yBAAKA,UAAU,sBACX,yBAAKM,IAAI,kDAAkDD,IAAI,QAAQL,UAAU,eAErF,yBAAKA,UAAU,sBACX,yBAAKM,IAAI,kDAAkDD,IAAI,QAAQL,UAAU,iBAI7F,yBAAKA,UAAU,gCAEX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,wCAEX,yBAAKA,UAAU,kCACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,uBAAuBvC,IAAI,2BAGtH,yBAAKL,UAAU,8CAEX,yBAAKA,UAAU,4BACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,yBAAyBvC,IAAI,gCAQpI,yBAAKL,UAAU,YACX,yBAAKA,UAAU,UACX,qDACA,4iBACA,0EACA,siBACA,uBAAGA,UAAU,uBAAb,+PAEJ,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4CAEJ,yBAAKA,UAAU,iBACX,yGAKZ,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,gCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,kDAEJ,yBAAKA,UAAU,iBACX,yGAKZ,yBAAKA,UAAU,YAEX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,iBACf,yBAAKA,UAAU,6DACX,uBAAGA,UAAU,kCAGjB,yBAAKA,UAAU,oBACf,yBAAKA,UAAU,kBACX,4CAEJ,yBAAKA,UAAU,iBACX,yGAKZ,yBAAKA,UAAU,UACX,wBAAIA,UAAU,SAAd,wCACA,uBAAGA,UAAU,QAAb,2XAEJ,yBAAKA,UAAU,UAEX,yBAAKA,UAAU,kCACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDsC,MAAM,uBAAuBvC,IAAI,2BAI1H,yBAAKL,UAAU,UACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,2BAIvB,yBAAKA,UAAU,UACX,yBAAKA,UAAU,gCACX,yBAAKA,UAAU,8BACf,yBAAKA,UAAU,aACX,yBAAKA,UAAU,aACf,uBAAGA,UAAU,mEAAkE,uBAAGA,UAAU,4BAA5F,YACA,uBAAGA,UAAU,gFAAb,OAAgG,uBAAGA,UAAU,oCAQ7H,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,UACX,wBAAIA,UAAU,SAAd,qBAEJ,yBAAKA,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,mDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,8BAKhB,yBAAKvB,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,qDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,sBAKhB,yBAAKvB,UAAU,mDAEX,yBAAKA,UAAU,8DAEX,yBAAKA,UAAU,sBACf,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAEpF,yBAAKL,UAAU,oBACf,yBAAKA,UAAU,YACX,oDAEJ,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,sCAAT,wCAhO5C,GAAmCJ,aC4GpB+G,GA9Gf,kDACE,WAAYhI,GAAO,wCADrB,qDAKI,OACI,6BACI,2BAAOF,UAAU,wBACb,0BAAMqB,KAAK,SAASb,OAAO,MAAMR,UAAU,0BAA0BS,OAAO,KACxE,yBAAKT,UAAU,cACf,2BAAOY,KAAK,SAASD,KAAK,OAAOX,UAAU,wBAAwBa,YAAY,eAC/E,uBAAGb,UAAU,iBAIrB,2BAAOA,UAAU,4BACb,wBAAIA,UAAU,gBAAd,cACA,4BACI,4BAAI,0CACJ,4BAAI,0CACJ,4BAAI,sCACJ,4BAAI,uCACJ,4BAAI,yCACJ,4BAAI,wCACJ,4BAAI,wCACJ,4BAAI,8CAGZ,2BAAOA,UAAU,sBACb,wBAAIA,UAAU,gBAAd,eACA,wBAAIA,UAAU,oCACV,4BACA,uBAAGsB,KAAMC,oCAAyC,yBAAKjB,IAAI,iDAAiDD,IAAI,cAChH,uBAAGiB,KAAMC,oCAAT,4CACA,0BAAMvB,UAAU,aAAY,uBAAGA,UAAU,mBAAzC,iBAEA,4BACA,uBAAGsB,KAAMC,oCAAyC,yBAAKjB,IAAI,iDAAiDD,IAAI,cAChH,uBAAGiB,KAAMC,oCAAT,+CACA,0BAAMvB,UAAU,aAAY,uBAAGA,UAAU,mBAAzC,iBAEA,4BACA,uBAAGsB,KAAMC,oCAAyC,yBAAKjB,IAAI,iDAAiDD,IAAI,cAChH,uBAAGiB,KAAMC,oCAAT,8CACA,0BAAMvB,UAAU,aAAY,uBAAGA,UAAU,mBAAzC,mBAIR,2BAAOA,UAAU,sCACb,wBAAIA,UAAU,gBAAd,WACA,6BACI,yBAAKA,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,cAEpF,yBAAKL,UAAU,gBACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,gBAI5F,2BAAOL,UAAU,0BACb,wBAAIA,UAAU,gBAAd,QACA,yBAAKA,UAAU,YACX,uBAAGA,UAAU,kBAAb,YACA,uBAAGA,UAAU,kBAAb,WACA,uBAAGA,UAAU,kBAAb,SACA,uBAAGA,UAAU,kBAAb,QACA,uBAAGA,UAAU,kBAAb,UACA,uBAAGA,UAAU,kBAAb,eACA,uBAAGA,UAAU,kBAAb,eACA,uBAAGA,UAAU,kBAAb,aACA,uBAAGA,UAAU,kBAAb,UACA,uBAAGA,UAAU,kBAAb,cAGR,2BAAOA,UAAU,4BACb,wBAAIA,UAAU,gBAAd,YACA,4BACI,4BAAI,4CACJ,4BAAI,2CACJ,4BAAI,yCACJ,4BAAI,gDArGxB,GAAiCmB,aCuQlBgH,GArQf,kDACE,WAAYjI,GAAO,wCADrB,qDAKQ,OACI,yBAAKF,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,SAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,4CAOhB,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBAEX,6BAASA,UAAU,kCAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,cAIzF,yBAAKL,UAAU,4BACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,aACX,0BAAMA,UAAU,wBAAuB,uBAAGA,UAAU,eAApD,YACA,0BAAMA,UAAU,4BAA2B,uBAAGA,UAAU,mBAAmB,0BAAMA,UAAU,uBAAuB0F,SAAS,6BAAhD,kBAC3E,0BAAM1F,UAAU,4BAA2B,uBAAGA,UAAU,mBAAxD,QAGJ,yBAAKA,UAAU,iBACf,4BAAQA,UAAU,gBACd,wBAAIA,UAAU,eAAc,uBAAGsB,KAAMC,oCAAT,8CAEhC,yBAAKvB,UAAU,qBACX,0PAGJ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BAGnB,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,8CACf,uBAAGA,UAAU,iFAAb,aAAuG,uBAAGA,UAAU,+BAEpH,yBAAKA,UAAU,6CACf,8BAAM,uBAAGA,UAAU,mBAAnB,UAQZ,6BAASA,UAAU,kCAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,cAIzF,yBAAKL,UAAU,4BACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,aACX,0BAAMA,UAAU,wBAAuB,uBAAGA,UAAU,eAApD,YACA,0BAAMA,UAAU,4BAA2B,uBAAGA,UAAU,mBAAmB,0BAAMA,UAAU,uBAAuB0F,SAAS,6BAAhD,kBAC3E,0BAAM1F,UAAU,4BAA2B,uBAAGA,UAAU,mBAAxD,QAGJ,yBAAKA,UAAU,iBACf,4BAAQA,UAAU,gBACd,wBAAIA,UAAU,eAAc,uBAAGsB,KAAMC,oCAAT,iDAEhC,yBAAKvB,UAAU,qBACX,0PAGJ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BAGnB,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,8CACf,uBAAGA,UAAU,iFAAb,aAAuG,uBAAGA,UAAU,+BAEpH,yBAAKA,UAAU,6CACf,8BAAM,uBAAGA,UAAU,mBAAnB,UAQZ,6BAASA,UAAU,kCAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,cAIzF,yBAAKL,UAAU,4BACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,aACX,0BAAMA,UAAU,wBAAuB,uBAAGA,UAAU,eAApD,YACA,0BAAMA,UAAU,4BAA2B,uBAAGA,UAAU,mBAAmB,0BAAMA,UAAU,uBAAuB0F,SAAS,6BAAhD,kBAC3E,0BAAM1F,UAAU,4BAA2B,uBAAGA,UAAU,mBAAxD,QAGJ,yBAAKA,UAAU,iBACf,4BAAQA,UAAU,gBACd,wBAAIA,UAAU,eAAc,uBAAGsB,KAAMC,oCAAT,gDAEhC,yBAAKvB,UAAU,qBACX,0PAGJ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BAGnB,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,8CACf,uBAAGA,UAAU,iFAAb,aAAuG,uBAAGA,UAAU,+BAEpH,yBAAKA,UAAU,6CACf,8BAAM,uBAAGA,UAAU,mBAAnB,UAQZ,6BAASA,UAAU,kCAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,cAIzF,yBAAKL,UAAU,4BACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,aACX,0BAAMA,UAAU,wBAAuB,uBAAGA,UAAU,eAApD,YACA,0BAAMA,UAAU,4BAA2B,uBAAGA,UAAU,mBAAmB,0BAAMA,UAAU,uBAAuB0F,SAAS,6BAAhD,kBAC3E,0BAAM1F,UAAU,4BAA2B,uBAAGA,UAAU,mBAAxD,QAGJ,yBAAKA,UAAU,iBACf,4BAAQA,UAAU,gBACd,wBAAIA,UAAU,eAAc,uBAAGsB,KAAMC,oCAAT,kDAEhC,yBAAKvB,UAAU,qBACX,0PAGJ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BAGnB,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,8CACf,uBAAGA,UAAU,iFAAb,aAAuG,uBAAGA,UAAU,+BAEpH,yBAAKA,UAAU,6CACf,8BAAM,uBAAGA,UAAU,mBAAnB,UAQZ,6BAASA,UAAU,kCAEf,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,cAIzF,yBAAKL,UAAU,4BACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,aACX,0BAAMA,UAAU,wBAAuB,uBAAGA,UAAU,eAApD,YACA,0BAAMA,UAAU,4BAA2B,uBAAGA,UAAU,mBAAmB,0BAAMA,UAAU,uBAAuB0F,SAAS,6BAAhD,kBAC3E,0BAAM1F,UAAU,4BAA2B,uBAAGA,UAAU,mBAAxD,QAGJ,yBAAKA,UAAU,iBACf,4BAAQA,UAAU,gBACd,wBAAIA,UAAU,eAAc,uBAAGsB,KAAMC,oCAAT,8CAEhC,yBAAKvB,UAAU,qBACX,0PAGJ,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BAGnB,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,8CACf,uBAAGA,UAAU,iFAAb,aAAuG,uBAAGA,UAAU,+BAEpH,yBAAKA,UAAU,6CACf,8BAAM,uBAAGA,UAAU,mBAAnB,UAOZ,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,kBACf,0BAAMA,UAAU,wBAAhB,KACA,uBAAGA,UAAU,gBAAb,KACA,uBAAGA,UAAU,qBAAoB,uBAAGA,UAAU,2BAK1D,yBAAKA,UAAU,wBACX,kBAAC,GAAD,eA1PhC,GAA0BmB,aC6MXiH,GA9Mf,kDACI,WAAYlI,GAAO,wCADvB,qDAKQ,OACI,yBAAKF,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,cAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,iDAOhB,6BAASA,UAAU,kDACf,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKhB,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKhB,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKhB,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKhB,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,aAKhB,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,yDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,cAMpB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,kBACX,0BAAMA,UAAU,wBAAhB,KACA,uBAAGA,UAAU,gBAAb,KACA,uBAAGA,UAAU,qBAAoB,uBAAGA,UAAU,iCAnM9E,GAA+BmB,aCwMhBkH,GAxMf,kDACI,WAAYnI,GAAO,wCADvB,qDAKQ,OACI,yBAAKF,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,oBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,uDAOhB,6BAASA,UAAU,kDACf,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yCAEX,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAG5F,yBAAKL,UAAU,gDACX,0BAAMA,UAAU,YACZ,uCACA,0CAEJ,yBAAKA,UAAU,6BACX,4BAAI,uBAAGsB,KAAMC,oCAAT,wCAER,yBAAKvB,UAAU,8BACX,uIAEJ,yBAAKA,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGsB,KAAMC,oCAAT,yBAKhD,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAG5F,yBAAKL,UAAU,gDACX,0BAAMA,UAAU,YACZ,uCACA,4CAEJ,yBAAKA,UAAU,6BACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAER,yBAAKvB,UAAU,8BACX,uIAEJ,yBAAKA,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGsB,KAAMC,oCAAT,yBAKhD,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAG5F,yBAAKL,UAAU,gDACX,0BAAMA,UAAU,YACZ,sCACA,yCAEJ,yBAAKA,UAAU,6BACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAER,yBAAKvB,UAAU,8BACX,uIAEJ,yBAAKA,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGsB,KAAMC,oCAAT,uBAKhD,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAG5F,yBAAKL,UAAU,gDACX,0BAAMA,UAAU,YACZ,yCACA,uCAEJ,yBAAKA,UAAU,6BACX,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAER,yBAAKvB,UAAU,8BACX,uIAEJ,yBAAKA,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGsB,KAAMC,oCAAT,qBAKhD,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAG5F,yBAAKL,UAAU,gDACX,0BAAMA,UAAU,YACZ,yCACA,sCAEJ,yBAAKA,UAAU,6BACX,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAER,yBAAKvB,UAAU,8BACX,uIAEJ,yBAAKA,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGsB,KAAMC,oCAAT,uBAKhD,yBAAKvB,UAAU,yCAEX,yBAAKA,UAAU,8FACX,yBAAKA,UAAU,qDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,WAG5F,yBAAKL,UAAU,gDACX,0BAAMA,UAAU,YACZ,uCACA,0CAEJ,yBAAKA,UAAU,6BACX,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAER,yBAAKvB,UAAU,8BACX,uIAEJ,yBAAKA,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGsB,KAAMC,oCAAT,sBAMpD,yBAAKvB,UAAU,OACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,kBACX,0BAAMA,UAAU,wBAAhB,KACA,uBAAGA,UAAU,gBAAb,KACA,uBAAGA,UAAU,qBAAoB,uBAAGA,UAAU,iCA7L9E,GAAqCmB,aCsOtBmH,GAtOf,kDACI,WAAYpI,GAAO,wCADvB,qDAKQ,OACI,yBAAKF,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,mBAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,sDAOhB,6BAASA,UAAU,kDACf,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAItI,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,8CAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAItI,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,gDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAItI,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAItI,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,iDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,iCAItI,yBAAKA,UAAU,qBAEX,yBAAKA,UAAU,kDACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,KACpF,yBAAKL,UAAU,4BACX,uBAAGsB,KAAMC,oCAAyC,uBAAGvB,UAAU,iBAEnE,yBAAKA,UAAU,0BAEnB,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,kBAChB,0BAAMA,UAAU,aAAa0F,SAAS,6BAAtC,KAAoE,0BAAM1F,UAAU,0BAAhB,UAGxE,yBAAKA,UAAU,kBACX,4BAAI,uBAAGsB,KAAMC,oCAAT,kDAER,yBAAKvB,UAAU,aACX,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,mBAA7C,cACA,0BAAMA,UAAU,iBAAgB,uBAAGA,UAAU,eAA7C,UAEJ,yBAAKA,UAAU,iBACX,sIAEJ,uBAAGA,UAAU,uFAAb,aAA6G,uBAAGA,UAAU,kCAK1I,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBACf,yBAAKA,UAAU,kBACX,0BAAMA,UAAU,wBAAhB,KACA,uBAAGA,UAAU,gBAAb,KACA,uBAAGA,UAAU,qBAAoB,uBAAGA,UAAU,iCA3N9E,GAAoCmB,aC6MrBoH,GA5Mf,kDACI,WAAYrI,GAAO,wCADvB,qDAKQ,OACI,yBAAKF,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACX,wBAAIA,UAAU,SAAd,qBAEJ,yBAAKA,UAAU,sBACX,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,mDAOxB,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBAEX,6BAASA,UAAU,iCAEf,yBAAKA,UAAU,6BACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,cAI7F,yBAAKL,UAAU,2BACX,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,aACX,0BAAMA,UAAU,wBAAuB,uBAAGA,UAAU,eAApD,YACA,0BAAMA,UAAU,4BAA2B,uBAAGA,UAAU,mBAAmB,0BAAMA,UAAU,uBAAuB0F,SAAS,6BAAhD,kBAC3E,0BAAM1F,UAAU,4BAA2B,uBAAGA,UAAU,mBAAxD,QAIR,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBAGnB,kUACA,uBAAGA,UAAU,SAAb,wRACA,kFACA,iZACA,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,SACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,WAGxF,yBAAKL,UAAU,YACX,yBAAKA,UAAU,SACf,yBAAKM,IAAI,iDAAiDN,UAAU,YAAYK,IAAI,YAI5F,yRACA,oCACI,uBAAGL,UAAU,SAAb,yMAEJ,uBAAGA,UAAU,SAAb,8PACA,yDACA,uZACA,yBAAKA,UAAU,0BACf,yBAAKA,UAAU,YAAYM,IAAI,kDAAkDD,IAAI,aAErF,8hBAEA,yBAAKL,UAAU,aACX,yBAAKA,UAAU,wBAGnB,yBAAKA,UAAU,YACX,yBAAKA,UAAU,8BACX,8BACI,uCACA,mCACA,uCACA,0CAGR,yBAAKA,UAAU,sCACX,wBAAIA,UAAU,mCACV,wBAAIA,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,oBAAoBwI,cAAY,WAChF,wBAAIxI,UAAU,kBAAiB,2BAAG,uBAAGA,UAAU,iBAAiBwI,cAAY,WAC5E,wBAAIxI,UAAU,mBAAkB,2BAAG,uBAAGA,UAAU,qBAAqBwI,cAAY,cAI7F,yBAAKxI,UAAU,gCACX,yBAAKO,GAAG,WAAWP,UAAU,iBACzB,wBAAIA,UAAU,kBAAd,4DACA,wBAAIA,UAAU,gBACd,4BACI,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,yBAAKM,IAAI,iDAAiDN,UAAU,SAASK,IAAI,iBAErF,yBAAKL,UAAU,eACX,yBAAKA,UAAU,gCACf,wBAAIA,UAAU,qBAAd,QACA,4DAEA,yBAAKA,UAAU,uBACf,oKAEA,yBAAKA,UAAU,SACf,uBAAG6C,IAAI,WAAW7C,UAAU,sBAA5B,aAKR,wBAAIA,UAAU,oBACV,yBAAKA,UAAU,gBACf,yBAAKA,UAAU,wBACX,yBAAKM,IAAI,iDAAiDN,UAAU,SAASK,IAAI,iBAErF,yBAAKL,UAAU,eACX,yBAAKA,UAAU,gBACf,wBAAIA,UAAU,qBAAd,WACA,4DAEA,yBAAKA,UAAU,uBACf,oKAEA,yBAAKA,UAAU,SACf,uBAAG6C,IAAI,WAAW7C,UAAU,sBAA5B,cAMR,yBAAKA,UAAU,mBACf,wBAAIA,UAAU,uBAAd,iBACA,uBAAGA,UAAU,iBAAb,8CACA,0BAAMO,GAAG,mBAAmBP,UAAU,4BAA4BQ,OAAO,OAAOC,OAAO,KACnF,yBAAKT,UAAU,uBACX,yBAAKA,UAAU,cACX,8BAAUY,KAAK,UAAUgG,KAAM,EAAG/F,YAAY,WAAWC,SAAS,WAAWd,UAAU,4BAA4B6G,aAAc,OAGzI,yBAAK7G,UAAU,sBACX,yBAAKA,UAAU,cACX,2BAAOY,KAAK,OAAOD,KAAK,OAAOX,UAAU,4BAA4Ba,YAAY,kBAAkBC,SAAS,eAGpH,yBAAKd,UAAU,sBACX,yBAAKA,UAAU,cACX,2BAAOY,KAAK,QAAQD,KAAK,OAAOE,YAAY,mBAAmBC,SAAS,WAAWd,UAAU,gCAGrG,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,cACX,2BAAOY,KAAK,UAAUD,KAAK,OAAOE,YAAY,UAAUC,SAAS,WAAWd,UAAU,gCAG9F,yBAAKA,UAAU,kBACX,2BAAOO,GAAG,0BAA0BK,KAAK,0BAA0BD,KAAK,WAAWkG,aAAa,QADpG,YAEI,2BAAO4B,QAAQ,2BAAf,kFAEJ,yBAAKzI,UAAU,aACX,yBAAKA,UAAU,6BACX,4BAAQW,KAAK,SAASJ,GAAG,SAASP,UAAU,+CAA+Ce,OAAK,GAAhG,0BAcpC,yBAAKf,UAAU,wBACX,kBAAC,GAAD,eAlMhC,GAAiCmB,aC2ZlBuH,GA5Zf,uKAEQ,OACI,yBAAK1I,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,YAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,4CAOhB,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,uBAAGA,UAAU,yBAAb,kCACA,0BAAMA,UAAU,mCAAmCQ,OAAO,OACtD,yBAAKR,UAAU,oBACX,4BAAQY,KAAK,UAAUZ,UAAU,uBAC7B,4BAAQe,MAAM,cAAd,mBACA,4BAAQA,MAAM,cAAd,sBACA,4BAAQA,MAAM,UAAd,0BACA,4BAAQA,MAAM,QAAd,mBACA,4BAAQA,MAAM,SAAd,8BACA,4BAAQA,MAAM,cAAd,mCAMpB,yBAAKf,UAAU,OACX,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,WAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAAhB,KADJ,YAMR,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACf,0BAAMA,UAAU,UAAhB,SACA,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,sBAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAChB,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,UAIL,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,eASjB,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACf,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,UAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAAhB,KADJ,YAMR,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGrD,yBAAKA,UAAU,6BACX,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,SAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAAhB,KADJ,YAMZ,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACf,0BAAMA,UAAU,UAAhB,SACA,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,wBAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAChB,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,UAIL,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,eASrB,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,qBAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAAhB,KADJ,YAMZ,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,qBAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAAhB,KADJ,YAMZ,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,UAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAAhB,KADJ,YAMZ,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,UAAhB,SACA,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACX,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACf,yBAAKA,UAAU,iBACX,4BAAI,uBAAGsB,KAAMC,wCAAT,YAER,yBAAKvB,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,0BAAMA,UAAU,iBACZ,0BAAMA,UAAU,gCAChB,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,UAIL,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,gBAUrB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,kBACX,0BAAMA,UAAU,wBAAhB,KACA,uBAAGA,UAAU,gBAAb,KACA,uBAAGA,UAAU,qBAAsB,uBAAGA,UAAU,2BAKhE,yBAAKA,UAAU,wBACX,2BAAOA,UAAU,wBACb,0BAAMqB,KAAK,SAASb,OAAO,MAAMR,UAAU,0BAA0BS,OAAO,KAC5E,yBAAKT,UAAU,cACX,2BAAOY,KAAK,SAASD,KAAK,OAAOX,UAAU,wBAAwBa,YAAY,eAC/E,uBAAGb,UAAU,iBAIrB,2BAAOA,UAAU,4BACb,wBAAIA,UAAU,gBAAd,cACA,4BACA,4BAAI,0CACJ,4BAAI,0CACJ,4BAAI,sCACJ,4BAAI,uCACJ,4BAAI,yCACJ,4BAAI,wCACJ,4BAAI,wCACJ,4BAAI,8CAGR,2BAAOA,UAAU,oCACb,wBAAIA,UAAU,gBAAd,kBACA,4BACA,wBAAIA,UAAU,YACV,2BAAK,yBAAKM,IAAI,iDAAiDD,IAAI,KACnE,0BAAML,UAAU,iBAAhB,UAEA,yBAAKA,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,+BAA8B,0BAAMA,UAAU,gCAAhB,KAA9C,UAEJ,wBAAIA,UAAU,YACV,2BAAK,yBAAKM,IAAI,iDAAiDD,IAAI,KACnE,0BAAML,UAAU,iBAAhB,qBAEA,yBAAKA,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,+BAChB,0BAAMA,UAAU,gCACZ,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,UAIL,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,aAOb,wBAAIA,UAAU,YACV,2BAAK,yBAAKM,IAAI,iDAAiDD,IAAI,KACnE,0BAAML,UAAU,iBAAhB,SAEA,yBAAKA,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,+BAA8B,0BAAMA,UAAU,gCAAhB,KAA9C,YAIR,2BAAOA,UAAU,0BACb,wBAAIA,UAAU,gBAAd,QACA,yBAAKA,UAAU,YACf,uBAAKA,UAAU,kBAAf,eACA,uBAAKA,UAAU,kBAAf,SACA,uBAAKA,UAAU,kBAAf,WACA,uBAAKA,UAAU,kBAAf,SACA,uBAAKA,UAAU,kBAAf,sBA/YpC,GAA0BmB,aC0YXwH,GAzYf,uKAEQ,OACI,yBAAK3I,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACX,wBAAIA,UAAU,SAAd,oBAEJ,yBAAKA,UAAU,sBACX,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,uDAOxB,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,oCACX,yBAAKA,UAAU,0BACX,4BAAQA,UAAU,gCACd,yBAAKA,UAAU,0BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,iBAExF,yBAAKL,UAAU,0BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,iBAExF,yBAAKL,UAAU,0BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,iBAExF,yBAAKL,UAAU,0BACX,yBAAKA,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,mBAIhG,yBAAKL,UAAU,yBACX,wBAAIA,UAAU,wBAAd,oBACA,yBAAKA,UAAU,2BACf,yBAAKA,UAAU,oBACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,uBAAGsB,KAAK,WAAWtB,UAAU,cAAc6C,IAAI,YAA/C,IAA2D,0BAAM7C,UAAU,SAAhB,KAA3D,sBAEA,uBAAGA,UAAU,SACb,0BAAMA,UAAU,uBACZ,0BAAMA,UAAU,wBAAhB,KADJ,UAIA,yBAAKA,UAAU,sCACf,yPAEA,0BAAMA,UAAU,QAChB,yBAAKA,UAAU,YAAW,2BAAOA,UAAU,sBAAjB,YACtB,2BAAOW,KAAK,SAASJ,GAAG,WAAWP,UAAU,+BAA+B4I,KAAM,EAAGC,IAAK,EAAGC,IAAK,GAAIlI,KAAK,WAAWiG,aAAc,EAAGjE,MAAM,SAEjJ,4BAAQ5C,UAAU,gFAAgF4C,MAAM,cAAxG,gBAEA,yBAAK5C,UAAU,gBACf,yBAAKA,UAAU,eACX,uCACA,uBAAG6C,IAAI,OAAP,oBAEJ,yBAAK7C,UAAU,aACX,4CACA,uBAAG6C,IAAI,OAAP,gBAEJ,yBAAK7C,UAAU,aACX,uCACA,0BAAMA,UAAU,OAAhB,aAKZ,yBAAKA,UAAU,qCACX,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,KAAK,8CACL,kBAAC,IAAD,KAAK,yDACL,kBAAC,IAAD,KAAK,+CAET,yBAAKA,UAAU,eACX,kBAAC,IAAD,KAEI,yBAAKA,UAAU,iBACX,2CACA,4dACA,wQAGR,kBAAC,IAAD,KAEI,yBAAKA,UAAU,iBACX,sDACA,2BAAOA,UAAU,mBACb,+BAAO,4BAAI,qCAAc,4BAAI,yCAIzC,kBAAC,IAAD,KACI,yBAAKA,UAAU,iBACX,yBAAKO,GAAG,UAAUP,UAAU,uBACxB,yBAAKO,GAAG,YACJ,wBAAIP,UAAU,6BAAd,gBAAuD,mDACvD,wBAAIA,UAAU,eACV,wBAAIA,UAAU,UACV,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,SAASM,IAAI,iDAAiDD,IAAI,gBACjF,yBAAKL,UAAU,gBACX,yBAAKA,UAAU,gCACX,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEjB,uBAAGA,UAAU,QACT,4BAAQA,UAAU,kBAAlB,WAAmD,0BAAMA,UAAU,gBAAhB,UACnD,0BAAMA,UAAU,qCAAqC0F,SAAS,6BAA9D,qBAEJ,yBAAK1F,UAAU,eACX,0GAA+E,6BAA/E,gDAOxB,yBAAKO,GAAG,uBACJ,yBAAKP,UAAU,mBACX,0BAAMA,UAAU,uBAAhB,eACI,+BAAO,uBAAG6C,IAAI,WAAWtC,GAAG,6BAArB,kBAEX,0BAAME,OAAO,IAAID,OAAO,OAAOD,GAAG,cAAcP,UAAU,gBACtD,uBAAGA,UAAU,iBACT,0BAAMO,GAAG,eAAT,6CADJ,+BACuG,0BAAMP,UAAU,YAAhB,MAEvG,yBAAKA,UAAU,uBACX,8CACA,wBAAIA,UAAU,SACd,wBAAIA,UAAU,iBACd,wBAAIA,UAAU,iBACd,wBAAIA,UAAU,iBACd,wBAAIA,UAAU,iBACd,wBAAIA,UAAU,mBAGlB,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,cACX,+CACA,8BAAUY,KAAK,UAAUgG,KAAM,EAAG9F,SAAS,WAAWd,UAAU,6BAA6B6G,aAAc,OAGnH,yBAAK7G,UAAU,aACX,yBAAKA,UAAU,cACX,wCACA,2BAAOY,KAAK,OAAOD,KAAK,OAAOX,UAAU,6BAA6Bc,SAAS,eAGvF,yBAAKd,UAAU,aACX,yBAAKA,UAAU,cACX,yCACA,2BAAOY,KAAK,QAAQD,KAAK,OAAOG,SAAS,WAAWd,UAAU,iCAGtE,yBAAKA,UAAU,aACX,2BAAOO,GAAG,0BAA0BK,KAAK,0BAA0BD,KAAK,WAAWkG,aAAa,QAChG,2BAAO4B,QAAQ,2BAAf,kFAEJ,yBAAKzI,UAAU,aACX,yBAAKA,UAAU,8BACX,4BAAQW,KAAK,SAASJ,GAAG,SAASP,UAAU,mDAAmDe,OAAK,GAApG,uBAgBpD,yBAAKf,UAAU,oBACX,gDACA,yBAAKA,UAAU,OACf,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACf,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACf,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACX,yBAAKA,UAAU,iBACf,4BAAI,uBAAGsB,KAAMC,wCAAT,WAEJ,yBAAKvB,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,gCAAhB,KADA,YAMR,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACf,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,UAAhB,SACA,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACf,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACX,yBAAKA,UAAU,iBACf,4BAAI,uBAAGsB,KAAMC,wCAAT,sBAEJ,yBAAKvB,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,gCACZ,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,UAIL,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,eASjB,yBAAKA,UAAU,8BACX,yBAAKA,UAAU,WACf,yBAAKA,UAAU,qBACX,yBAAKA,UAAU,kBAAkBM,IAAI,iDAAiDD,IAAI,KAC1F,yBAAKL,UAAU,iBACf,yBAAKA,UAAU,+BAA8B,6CAGjD,yBAAKA,UAAU,6BACX,yBAAKA,UAAU,iBACf,4BAAI,uBAAGsB,KAAMC,wCAAT,UAEJ,yBAAKvB,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,iBAChB,0BAAMA,UAAU,gCAAhB,KADA,eAShB,yBAAKA,UAAU,wBACf,2BAAOA,UAAU,wBACb,0BAAMqB,KAAK,SAASb,OAAO,MAAMR,UAAU,0BAA0BS,OAAO,KAC5E,yBAAKT,UAAU,cACX,2BAAOY,KAAK,SAASD,KAAK,OAAOX,UAAU,wBAAwBa,YAAY,eAC/E,uBAAGb,UAAU,iBAIrB,2BAAOA,UAAU,4BACb,wBAAIA,UAAU,gBAAd,cACA,4BACA,4BAAI,0CACJ,4BAAI,0CACJ,4BAAI,sCACJ,4BAAI,uCACJ,4BAAI,yCACJ,4BAAI,wCACJ,4BAAI,wCACJ,4BAAI,8CAGR,2BAAOA,UAAU,oCACb,wBAAIA,UAAU,gBAAd,kBACA,4BACA,wBAAIA,UAAU,YACV,2BAAK,yBAAKM,IAAI,iDAAiDD,IAAI,KACnE,0BAAML,UAAU,iBAAhB,UAEA,yBAAKA,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,+BAA8B,0BAAMA,UAAU,gCAAhB,KAA9C,UAEJ,wBAAIA,UAAU,YACV,2BAAK,yBAAKM,IAAI,iDAAiDD,IAAI,KACnE,0BAAML,UAAU,iBAAhB,qBAEA,yBAAKA,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,+BAChB,0BAAMA,UAAU,gCACZ,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,UAIL,6BAAK,0BAAMA,UAAU,wBACjB,0BAAMA,UAAU,gCAAhB,KADC,aAOb,wBAAIA,UAAU,YACV,2BAAK,yBAAKM,IAAI,iDAAiDD,IAAI,KACnE,0BAAML,UAAU,iBAAhB,SAEA,yBAAKA,UAAU,oBACf,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,eACb,uBAAGA,UAAU,gBAEb,0BAAMA,UAAU,+BAA8B,0BAAMA,UAAU,gCAAhB,KAA9C,YAIR,2BAAOA,UAAU,0BACb,wBAAIA,UAAU,gBAAd,QACA,yBAAKA,UAAU,YACf,uBAAGA,UAAU,kBAAb,eACA,uBAAGA,UAAU,kBAAb,SACA,uBAAGA,UAAU,kBAAb,WACA,uBAAGA,UAAU,kBAAb,SACA,uBAAGA,UAAU,kBAAb,sBA5XhC,GAAqCmB,aCuJtB4H,GAxJf,uKAEQ,OACI,yBAAK/I,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,SAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,4CAOhB,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aAEf,0BAAMA,UAAU,iBACZ,2BAAOA,UAAU,oCACjB,+BACI,4BACA,wBAAIA,UAAU,kBAAd,QACA,wBAAIA,UAAU,qBAAd,QACA,wBAAIA,UAAU,gBAAd,WACA,wBAAIA,UAAU,qBAAd,SACA,wBAAIA,UAAU,oBAAd,YACA,wBAAIA,UAAU,oBAAd,WAGJ,+BACI,wBAAIA,UAAU,aACd,wBAAIA,UAAU,kBACV,uBAAGA,UAAU,UAAb,SAEJ,wBAAIA,UAAU,qBACV,uBAAGsB,KAAMC,wCACT,yBAAKvB,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,kBAGxF,wBAAIL,UAAU,eAAegJ,aAAW,WACpC,uBAAG1H,KAAMC,wCAAT,uBAEJ,wBAAIvB,UAAU,oBAAoBgJ,aAAW,SACzC,0BAAMhJ,UAAU,gBAChB,0BAAMA,UAAU,wBAAhB,KADA,UAIJ,wBAAIA,UAAU,mBAAmBgJ,aAAW,YACxC,yBAAKhJ,UAAU,YACf,2BAAOW,KAAK,SAASX,UAAU,eAAe6G,aAAc,EAAGgC,IAAK,EAAGjG,MAAM,UAGjF,wBAAI5C,UAAU,mBAAmBgJ,aAAW,SACxC,0BAAMhJ,UAAU,gBAChB,0BAAMA,UAAU,wBAAhB,KADA,WAKJ,wBAAIA,UAAU,aACd,wBAAIA,UAAU,kBACV,uBAAGA,UAAU,UAAb,SAEJ,wBAAIA,UAAU,qBACV,uBAAGsB,KAAMC,wCACT,yBAAKvB,UAAU,YAAYM,IAAI,iDAAiDD,IAAI,kBAGxF,wBAAIL,UAAU,eAAegJ,aAAW,WACpC,uBAAG1H,KAAMC,wCAAT,QAEJ,wBAAIvB,UAAU,iBACV,0BAAMA,UAAU,eAAegJ,aAAW,SAC1C,0BAAMhJ,UAAU,wBAAhB,KADA,UAIJ,wBAAIA,UAAU,mBAAmBgJ,aAAW,YACxC,yBAAKhJ,UAAU,YACf,2BAAOW,KAAK,SAASX,UAAU,eAAe6G,aAAc,EAAGgC,IAAK,EAAGjG,MAAM,UAGjF,wBAAI5C,UAAU,mBAAmBgJ,aAAW,SACxC,0BAAMhJ,UAAU,gBAChB,0BAAMA,UAAU,wBAAhB,KADA,WAKJ,4BACA,wBAAIiJ,QAAS,EAAGjJ,UAAU,WACtB,yBAAKA,UAAU,UACf,2BAAOW,KAAK,OAAOC,KAAK,cAAcZ,UAAU,sBAAsB6G,cAAY,EAAChG,YAAY,gBAC/F,4BAAQF,KAAK,SAASX,UAAU,sCAAsCY,KAAK,eAAeG,MAAM,gBAAhG,iBAEA,4BAAQJ,KAAK,SAASX,UAAU,kDAAkDY,KAAK,cAAcG,MAAM,cAAcmI,SAAS,YAAlI,oBAOZ,yBAAKlJ,UAAU,oBACX,yBAAKA,UAAU,gBACf,2CACA,2BAAOA,UAAU,oCACb,+BACA,wBAAIA,UAAU,iBACV,wCACA,wBAAIgJ,aAAW,YACf,0BAAMhJ,UAAU,gBACZ,0BAAMA,UAAU,wBAAhB,KADJ,YAKJ,wBAAIA,UAAU,eACV,qCACA,wBAAIgJ,aAAW,SACf,gCAAQ,0BAAMhJ,UAAU,gBACpB,0BAAMA,UAAU,wBAAhB,KADI,eAOhB,yBAAKA,UAAU,uBACX,uBAAGsB,KAAMC,gCAAsCvB,UAAU,uDAAzD,mCA1IpC,GAA0BmB,aCkMXgI,GAlMf,uKAEQ,OACI,yBAAKnJ,UAAU,aACX,kBAAC,EAAD,MAEA,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,sBACf,wBAAIA,UAAU,SAAd,aAEA,yBAAKA,UAAU,sBACf,8BACI,uBAAG4C,MAAM,WAAWtB,KAAMC,yBAA8B,uBAAGvB,UAAU,eAArE,iBAEJ,0BAAMA,UAAU,iBAAhB,iBACA,gDAOhB,yBAAKA,UAAU,uDACX,yBAAKA,UAAU,gBAEX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,eAAf,kBACe,uBAAGsB,KAAMC,iCAAT,mCAGnB,0BAAMX,KAAK,WAAWZ,UAAU,gBAC5B,yBAAKA,UAAU,YACf,+CACA,yBAAKA,UAAU,OACX,yBAAKA,UAAU,YACf,yBAAKA,UAAU,cACX,4CAAiB,oCACjB,2BAAOW,KAAK,OAAOC,KAAK,QAAQZ,UAAU,0BAG9C,yBAAKA,UAAU,YACf,yBAAKA,UAAU,cACX,2CAAgB,oCAChB,2BAAOW,KAAK,OAAOC,KAAK,QAAQZ,UAAU,0BAG9C,yBAAKA,UAAU,aACf,yBAAKA,UAAU,cACX,yDAA8B,oCAC9B,2BAAOW,KAAK,OAAOC,KAAK,QAAQZ,UAAU,0BAG9C,yBAAKA,UAAU,aACf,yBAAKA,UAAU,cACX,0CAAe,oCACf,4BAAQY,KAAK,kBAAkBwI,UAAW,EAAGZ,cAAY,OAAOxI,UAAU,uBAC1E,4BAAQe,OAAK,GAAb,0BACA,4BAAQA,MAAM,MAAd,oBACA,4BAAQA,MAAM,MAAd,eACA,4BAAQA,MAAM,MAAd,WACA,4BAAQA,MAAM,MAAd,WACA,4BAAQA,MAAM,MAAd,kBACA,4BAAQA,MAAM,MAAd,cAIJ,yBAAKf,UAAU,aACf,yBAAKA,UAAU,cACX,gDAAqB,oCACrB,2BAAOW,KAAK,OAAOC,KAAK,UAAUZ,UAAU,0BAGhD,yBAAKA,UAAU,aACf,yBAAKA,UAAU,cACX,6CAAkB,oCAClB,2BAAOW,KAAK,OAAOC,KAAK,OAAOZ,UAAU,0BAG7C,yBAAKA,UAAU,aACf,yBAAKA,UAAU,cACX,uCAAY,oCACZ,4BAAQY,KAAK,gBAAgBL,GAAG,gBAAgBP,UAAU,uBAC1D,4BAAQe,OAAK,GAAb,wBACA,4BAAQA,MAAM,MAAd,kBACA,4BAAQA,MAAM,MAAd,qBACA,4BAAQA,MAAM,MAAd,SACA,4BAAQA,MAAM,MAAd,YAIJ,yBAAKf,UAAU,aACf,yBAAKA,UAAU,cACX,qCAAU,oCACV,2BAAOW,KAAK,OAAOC,KAAK,MAAMZ,UAAU,0BAG5C,yBAAKA,UAAU,aACf,yBAAKA,UAAU,cACX,kDAAuB,oCACvB,2BAAOW,KAAK,OAAOC,KAAK,QAAQZ,UAAU,4BAKlD,yBAAKA,UAAU,YACf,sDACA,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACf,yBAAKA,UAAU,cACX,8CAAmB,oCACnB,8BAAUY,KAAK,QAAQZ,UAAU,sBAAsB4G,KAAM,EAAGC,aAAc,SAKtF,yBAAK7G,UAAU,aACf,wBAAIO,GAAG,wBAAP,cACA,yBAAKA,GAAG,eAAeP,UAAU,yBAC7B,2BAAOA,UAAU,0CACjB,+BACI,4BACA,wBAAIA,UAAU,gBAAd,WACA,wBAAIA,UAAU,iBAAd,WAGJ,+BACI,wBAAIA,UAAU,aACd,wBAAIA,UAAU,gBAAd,yBACI,4BAAQA,UAAU,oBAAlB,WAEJ,wBAAIA,UAAU,iBACV,0BAAMA,UAAU,uBAChB,0BAAMA,UAAU,wBAAhB,KADA,WAKJ,wBAAIA,UAAU,aACd,wBAAIA,UAAU,gBAAd,UACI,4BAAQA,UAAU,oBAAlB,WAEJ,wBAAIA,UAAU,iBACV,0BAAMA,UAAU,gBAChB,0BAAMA,UAAU,wBAAhB,KADA,YAMR,+BACI,wBAAIA,UAAU,iBACd,wCACA,4BACI,0BAAMA,UAAU,uBAChB,0BAAMA,UAAU,wBAAhB,KADA,aAKJ,wBAAIA,UAAU,eACd,qCACA,4BAAI,gCAAQ,0BAAMA,UAAU,mCAAkC,0BAAMA,UAAU,oCAAhB,KAAlD,YAAZ,QAIJ,yBAAKO,GAAG,UAAUP,UAAU,oBAC5B,wBAAIA,UAAU,mBACV,wBAAIA,UAAU,8BACd,yBAAKA,UAAU,eACX,uBAAGA,UAAU,QAAb,sKAIR,yBAAKA,UAAU,sCACX,uBAAGA,UAAU,kBAAb,mJAA8K,uBAAGA,UAAU,2BAAb,kBAA9K,KACA,4BAAQW,KAAK,SAASX,UAAU,kEAAkEY,KAAK,uBAAuBL,GAAG,cAAcQ,MAAM,cAAcsI,aAAW,eAA9K,6BAlLxC,GAA8BlI,a,mBCyBfmI,GAzBK,WAAO,IACdC,EAAgBC,eAAnBC,EADgB,EAEQC,oBAAS,GAFjB,oBAEjBC,EAFiB,KAETC,EAFS,KAIxBC,qBAAU,WAEFD,EADAL,EAAc,OAKnB,CAACA,IAEJ,IAAMD,EAAc,kBAAMQ,OAAOC,SAAS,CAAEC,IAAK,EAAGC,SAAU,YAE9D,QAAIN,GAKA,yBAAK3J,UAAU,mBAAmBiC,QAASqH,GACzC,uBAAGtJ,UAAU,qBC4BfkK,GAAUC,YAHG,CACjBC,SAAU7I,yBAsDG8I,OAnDf,WAEE,OACE,yBAAKrK,UAAU,QACb,kBAAC,IAAD,CAAQoK,SAAU7I,uBAAwB2I,QAASA,IACjD,yBAAK3J,GAAG,aACN,yBAAKA,GAAG,UAAR,SAEF,kBAAC,GAAD,MACI,kBAAC,IAAD,CAAO+J,OAAK,EAACC,KAAK,IAAIC,UAAYhH,IAClC,kBAAC,IAAD,CAAO+G,KAAK,SAASC,UAAY7E,IACjC,kBAAC,IAAD,CAAO4E,KAAK,SAASC,UAAYzE,IACjC,kBAAC,IAAD,CAAOwE,KAAK,mBAAmBC,UAAYtE,IAC3C,kBAAC,IAAD,CAAOqE,KAAK,mBAAmBC,UAAYpE,IAC3C,kBAAC,IAAD,CAAOmE,KAAK,cAAcC,UAAWnE,IACrC,kBAAC,IAAD,CAAOkE,KAAK,cAAcC,UAAWlE,IACrC,kBAAC,IAAD,CAAOiE,KAAK,eAAeC,UAAWjE,IACtC,kBAAC,IAAD,CAAOgE,KAAK,eAAeC,UAAW/D,IACtC,kBAAC,IAAD,CAAO8D,KAAK,cAAcC,UAAW9D,IACrC,kBAAC,IAAD,CAAO6D,KAAK,eAAeC,UAAW7D,IACtC,kBAAC,IAAD,CAAO4D,KAAK,OAAOC,UAAW1D,IAC9B,kBAAC,IAAD,CAAOyD,KAAK,cAAcC,UAAWxD,IACrC,kBAAC,IAAD,CAAOuD,KAAK,cAAcC,UAAWvD,IACrC,kBAAC,IAAD,CAAOsD,KAAK,SAASC,UAAWtD,IAChC,kBAAC,IAAD,CAAOqD,KAAK,WAAWC,UAAWrD,KAClC,kBAAC,IAAD,CAAOoD,KAAK,kBAAkBC,UAAWlD,KACzC,kBAAC,IAAD,CAAOiD,KAAK,oBAAoBC,UAAWjD,KAC3C,kBAAC,IAAD,CAAOgD,KAAK,qBAAqBC,UAAWC,KAC5C,kBAAC,IAAD,CAAOF,KAAK,oBAAoBC,UAAWhD,KAC3C,kBAAC,IAAD,CAAO+C,KAAK,qBAAqBC,UAAW/C,KAC5C,kBAAC,IAAD,CAAO8C,KAAK,uBAAuBC,UAAW9C,KAC9C,kBAAC,IAAD,CAAO6C,KAAK,kBAAkBC,UAAW7C,KACzC,kBAAC,IAAD,CAAO4C,KAAK,kBAAkBC,UAAW5C,KACzC,kBAAC,IAAD,CAAO2C,KAAK,iBAAiBC,UAAW1C,KACxC,kBAAC,IAAD,CAAOyC,KAAK,iBAAiBC,UAAWzC,KACxC,kBAAC,IAAD,CAAOwC,KAAK,iBAAiBC,UAAWvC,KACxC,kBAAC,IAAD,CAAOsC,KAAK,QAAQC,UAAWrC,KAC/B,kBAAC,IAAD,CAAOoC,KAAK,aAAaC,UAAWpC,KACpC,kBAAC,IAAD,CAAOmC,KAAK,mBAAmBC,UAAWnC,KAC1C,kBAAC,IAAD,CAAOkC,KAAK,kBAAkBC,UAAWlC,KACzC,kBAAC,IAAD,CAAOiC,KAAK,eAAeC,UAAWjC,KACtC,kBAAC,IAAD,CAAOgC,KAAK,QAAQC,UAAW9B,KAC/B,kBAAC,IAAD,CAAO6B,KAAK,mBAAmBC,UAAW7B,KAC1C,kBAAC,IAAD,CAAO4B,KAAK,QAAQC,UAAWzB,KAC/B,kBAAC,IAAD,CAAOwB,KAAK,YAAYC,UAAWrB,KACvC,kBAAC,EAAD,SCrFYuB,QACW,cAA7BZ,OAAOa,SAASC,UAEe,UAA7Bd,OAAOa,SAASC,UAEhBd,OAAOa,SAASC,SAASC,MACvB,2DCVNC,IAASC,OACL,kBAAC,IAAD,KACI,kBAAC,GAAD,OAEFC,SAASC,eAAe,SDuHxB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLpG,QAAQoG,MAAMA,EAAMC,a","file":"static/js/main.f89bac4c.chunk.js","sourcesContent":["import React, { Component } from 'react'\r\n\r\nexport class Footer extends Component {\r\n    render() {\r\n        return (\r\n            <footer className=\"footer widget-footer clearfix\">\r\n            {this.props.children}\r\n                <div className=\"first-footer ttm-bgcolor-skincolor ttm-bg ttm-bgimage-yes bg-img1\">\r\n                <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row align-items-md-center\">\r\n                    <div className=\"col-lg-4 col-md-4 col-sm-12 order-md-2\">\r\n                        <div className=\"footer-logo text-sm-center\">\r\n                        <img data-src=\"images/logo.png\" className=\"img-fluid\" alt=\"footer-logo\" src=\"images/logo.png\" />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-4 col-md-4 col-sm-6 order-md-1 res-767-mt-20\">\r\n                        <div className=\"text-left\">\r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box left-icon icon-align-top\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                            <div className=\"ttm-icon ttm-textcolor-white ttm-icon_element-size-md\">\r\n                                <i className=\"ti ti-location-pin\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */} \r\n                            <div className=\"featured-desc\">\r\n                                <p>NiyaInfo Pvt. Ltd., Floor-7, Express Trade Tower(ETT) Sector-132, Noida(U.P) India</p>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-4 col-md-4 col-sm-6 order-md-3 res-767-mt-20\">\r\n                        <div className=\"text-sm-right\">\r\n                        <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-white\"><i className=\"far fa-envelope\" /> info@niyainfo.com</a>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div className=\"second-footer ttm-textcolor-white bg-img2\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-xs-12 col-sm-12 col-md-6 col-lg-4 widget-area\">\r\n                        <div className=\"widget widget_text  clearfix\">\r\n                        <h3 className=\"widget-title\">About Our Company</h3>\r\n                        <div className=\"textwidget widget-text\">\r\n                            We are the best world Information Technology Company. Providing the highest quality in software &amp; infra solutions.\r\n                        </div>\r\n                        <div className=\"quicklink-box\">\r\n                            {/*  featured-icon-box */} \r\n                            <div className=\"featured-icon-box left-icon\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                                <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-md rounded-circle\">\r\n                                <span className=\"flaticon flaticon-clock\" />{/*  ttm-icon */} \r\n                                </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                                <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Talk To Our Support</p>\r\n                                </div>\r\n                                <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>+91 9599655580</h5>\r\n                                </div>\r\n                            </div>\r\n                            </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-xs-12 col-sm-12 col-md-6 col-lg-4 widget-area\">\r\n                        <div className=\"widget link-widget clearfix\">\r\n                        <h3 className=\"widget-title\">Quick Links</h3>\r\n                        <ul id=\"menu-footer-services\">\r\n                            <li><a >Customer Services</a></li>\r\n                            <li><a >About Company</a></li>\r\n                            <li><a >Our Case Studies</a></li>\r\n                            <li><a >Meet Our Experts</a></li>\r\n                            <li><a >Our Business Growth</a></li>\r\n                        </ul>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-xs-12 col-sm-12 col-md-6 col-lg-4 widget-area res-767-mb-40\">\r\n                        <div className=\"widget flicker_widget clearfix\">\r\n                        <h3 className=\"widget-title\">News Letter</h3>\r\n                        <div className=\"textwidget widget-text\">\r\n                            Sign up today for hints, tips and the latest product news\r\n                            <form id=\"subscribe-form\" className=\"newsletter-form\" method=\"post\" action=\"#\" data-mailchimp=\"true\">\r\n                            <div className=\"mailchimp-inputbox clearfix\" id=\"subscribe-content\">\r\n                                <i className=\"fa fa-envelope\" />\r\n                                <input type=\"email\" name=\"email\" placeholder=\"Email Address..\" required />\r\n                                <input type=\"submit\" value=\"\" />\r\n                            </div>\r\n                            <div id=\"subscribe-msg\" />\r\n                            </form>\r\n                            <h5>Follow Us On</h5>\r\n                            <div className=\"social-icons circle social-hover\">\r\n                            <ul className=\"list-inline\">\r\n                                <li className=\"social-facebook\"><a className=\"tooltip-top rounded-circle\" target=\"_blank\" data-tooltip=\"Facebook\"><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                <li className=\"social-twitter\"><a className=\"tooltip-top rounded-circle\" target=\"_blank\" data-tooltip=\"Twitter\"><i className=\"fab fa-twitter\" /></a></li>\r\n                                <li className=\"social-flickr\"><a className=\" tooltip-top rounded-circle\" target=\"_blank\" data-tooltip=\"flickr\"><i className=\"fab fa-flickr\" /></a></li>\r\n                                <li className=\"social-linkedin\"><a className=\" tooltip-top rounded-circle\" target=\"_blank\" data-tooltip=\"aedIn\"><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            </ul>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                <div className=\"bottom-footer-text ttm-bgcolor-darkgrey ttm-textcolor-white\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row copyright align-items-center res-767-text-center\">\r\n                    <div className=\"col-md-6\">\r\n                        <div>\r\n                        <span>Copyright © 2022&nbsp;<a to=\"/\">NiyaInfo</a><a to=\"www.niyainfo.com\" target=\"_blank\"></a></span>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-6\">\r\n                        <div className=\"text-md-right res-767-mt-10\">\r\n                        <div className=\"d-lg-inline-flex\">\r\n                            <ul id=\"menu-footer-menu\" className=\"footer-nav-menu\">\r\n                            <li><a>About Us</a></li>\r\n                            <li><a>Services</a></li>\r\n                            <li><a>Privacy</a></li>\r\n                            </ul>\r\n                            <div className=\"float-md-right ml-20 res-767-ml-0\">\r\n                           \r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n            </footer>\r\n        )\r\n    }\r\n}","import React, { Component } from 'react';\r\nimport {createBrowserHistory} from 'history';\r\nimport {BrowserRouter as Router, Route} from 'react-router-dom';\r\n\r\nexport class Menu extends Component {\r\n    render() {\r\n        return (\r\n            <nav id=\"menu\" role=\"navigation\" className=\"menu\">\r\n                <ul>\r\n                    <li className=\"menu-hasdropdown\"><a  href={process.env.PUBLIC_URL + '/'}>Home</a>                  \r\n                    </li>\r\n                    <li className=\"menu-hasdropdown\"><a>services</a>\r\n                        <ul className=\"menu-dropdown\">\r\n                            <li><a href={process.env.PUBLIC_URL + '/it_consultancy'}>IT Consultancy</a></li>\r\n                            <li><a href={process.env.PUBLIC_URL + '/digital_services'}>Digital Services</a></li>\r\n                            <li><a href={process.env.PUBLIC_URL + '/advisory_services'}>Advisory Services</a></li>\r\n                            <li><a href={process.env.PUBLIC_URL + '/data_structuring'}>Data Structuring</a></li>\r\n                            <li><a href={process.env.PUBLIC_URL + '/experience_design'}>Experience Design</a></li>\r\n                            <li><a href={process.env.PUBLIC_URL + '/content_engineering'}>Content Engineering</a></li>\r\n                        </ul>\r\n                    </li> \r\n                    <li className=\"menu-hasdropdown\"><a  href={process.env.PUBLIC_URL + '/aboutus_01'}>Careers</a>\r\n                    </li>                   \r\n                    <li className=\"menu-hasdropdown\"><a  href={process.env.PUBLIC_URL + '/aboutus_01'}>About Us</a>\r\n                    </li>\r\n                    <li className=\"menu-hasdropdown\"><a href={process.env.PUBLIC_URL + '/Contact_01'}>Contact Us</a>\r\n                    </li>\r\n                     </ul>\r\n            </nav>\r\n    \r\n            )\r\n    }\r\n}","import React, { Component } from 'react';\r\nimport { MDBNavbar, MDBNavbarNav, MDBNavItem, MDBNavLink, MDBCollapse, MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem,\r\nMDBHamburgerToggler } from 'mdbreact';\r\nimport { BrowserRouter as Router } from 'react-router-dom';\r\n\r\nclass Mobilemenu extends Component {\r\nstate = {\r\n  collapse1: false,\r\n  collapseID: ''\r\n}\r\n\r\ntoggleCollapse = collapseID => () => {\r\n  this.setState(prevState => ({ collapseID: (prevState.collapseID !== collapseID ? collapseID : '') }));\r\n}\r\n\r\ntoggleSingleCollapse = collapseId => {\r\n  this.setState({\r\n    ...this.state,\r\n    [collapseId]: !this.state[collapseId]\r\n  });\r\n}\r\n\r\nrender() {\r\n  return (\r\n    <Router>\r\n        <MDBNavbar>\r\n            <MDBHamburgerToggler id=\"hamburger1\" onClick={()=> this.toggleSingleCollapse('collapse1')} />\r\n              <MDBCollapse isOpen={this.state.collapse1} navbar>\r\n                <MDBNavbarNav left>\r\n                  <MDBNavItem active>\r\n                    <MDBDropdown>\r\n                        <MDBDropdownToggle nav caret>\r\n                            <span>Home</span>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/'}>Homepage 1</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Home2'}>Homepage 2</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Home3'}>Homepage 3</MDBDropdownItem>\r\n                            <MDBDropdown>\r\n                                <MDBDropdownToggle nav caret>\r\n                                    <span>Header Styles</span>\r\n                                </MDBDropdownToggle>\r\n                                <MDBDropdownMenu>\r\n                                    <MDBDropdownItem href={process.env.PUBLIC_URL + '/'}>Header Style 01</MDBDropdownItem>\r\n                                    <MDBDropdownItem target=\"_blank\" href={process.env.PUBLIC_URL + '/Header_style_02'}>Header Style 02</MDBDropdownItem>\r\n                                    <MDBDropdownItem target=\"_blank\" href={process.env.PUBLIC_URL + '/Header_style_03'}>Header Style 03</MDBDropdownItem>\r\n                                </MDBDropdownMenu>\r\n                            </MDBDropdown>\r\n                            </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                  </MDBNavItem>\r\n                  <MDBNavItem>\r\n                    <MDBDropdown>\r\n                        <MDBDropdownToggle nav caret>\r\n                            <span>pages</span>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Aboutus_01'}>About Us 1</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Aboutus_02'}>About Us 2</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Services_01'}>Services 1</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Services_02'}>Services 2</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Our_expert'}>Our Expert</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Faq'}>FAQs</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Contact_01'}>Contact Us 1</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Contact_02'}>Contact Us 2</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Error'}>Error Page</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Element'}>Elements</MDBDropdownItem>\r\n                        </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                  </MDBNavItem>\r\n                  <MDBNavItem>\r\n                    <MDBDropdown>\r\n                        <MDBDropdownToggle nav caret>\r\n                            <span>services</span>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/It_consultancy'}>IT Consultancy</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Digital_services'}>Digital Services</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Advisory_services'}>Advisory Services</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Data_structuring'}>Data Structuring</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Experience_design'}>Experience Design</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Content_engineering'}>Content Engineering</MDBDropdownItem>\r\n                        </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                  </MDBNavItem>\r\n                  <MDBNavItem>\r\n                    <MDBDropdown>\r\n                        <MDBDropdownToggle nav caret>\r\n                            <span>Project</span>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Project_style1'}>Project Style 1</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Project_style2'}>Project Style 2</MDBDropdownItem>\r\n                            <MDBDropdown>\r\n                                <MDBDropdownToggle nav caret>\r\n                                    <span>Project Single</span>\r\n                                </MDBDropdownToggle>\r\n                                <MDBDropdownMenu>\r\n                                    <MDBDropdownItem href={process.env.PUBLIC_URL + '/Single_style1'}>Single Style 01</MDBDropdownItem>\r\n                                    <MDBDropdownItem href={process.env.PUBLIC_URL + '/Single_style2'}>Single Style 02</MDBDropdownItem>\r\n                                    <MDBDropdownItem href={process.env.PUBLIC_URL + '/Single_style3'}>Single Style 03</MDBDropdownItem>\r\n                                </MDBDropdownMenu>\r\n                            </MDBDropdown>\r\n                            </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                  </MDBNavItem>\r\n                  <MDBNavItem>\r\n                    <MDBDropdown>\r\n                        <MDBDropdownToggle nav caret>\r\n                            <span>Blog</span>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Blog'}>Blog Classic</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Blog_grid'}>Blog Grid View</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Blog_top_image'}>Blog Top Image</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Blog_left_image'}>Blog Left Image</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Single_blog'}>Blog Single View</MDBDropdownItem>\r\n                        </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                  </MDBNavItem>\r\n                  <MDBNavItem>\r\n                    <MDBDropdown>\r\n                        <MDBDropdownToggle nav caret>\r\n                            <span>Shop</span>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Shop'}>Default Shop</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Product_details'}>Single Product Details</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Cart'}>Cart</MDBDropdownItem>\r\n                            <MDBDropdownItem href={process.env.PUBLIC_URL + '/Checkout'}>Checkout</MDBDropdownItem>\r\n                        </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                  </MDBNavItem>\r\n                </MDBNavbarNav>\r\n              </MDBCollapse>\r\n          </MDBNavbar>\r\n    </Router>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Mobilemenu;","import React, { Component } from 'react'\r\nimport { Menu } from './menu';\r\nimport Mobilemenu from './Mobile_menu';\r\n\r\nexport class Header extends Component {\r\n    state = {\r\n        show: false,\r\n      }    \r\n    toggle = () => this.setState((currentState) => ({show: !currentState.show}));\r\n    render() {        \r\n        return (\r\n                <header id=\"masthead\" className=\"header ttm-header-style-01\">\r\n                {/* ttm-topbar-wrapper */}\r\n                <div className=\"ttm-topbar-wrapper ttm-bgcolor-darkgrey ttm-textcolor-white clearfix\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-5\">\r\n                            <ul className=\"top-contact text-left\">\r\n                                <li><i className=\"fas fa-map-marker-alt\" />&nbsp;&nbsp;NiyaInfo Sector-132 Noida</li>\r\n                                <li><i className=\"far fa-envelope\" />&nbsp;&nbsp;< a to=\"mailto:info@niyainfo.com\">info@niyainfo.com</ a></li>\r\n                            </ul>\r\n                        </div>\r\n                        <div className=\"col-lg-7\">\r\n                            <div className=\"topbar-right text-right d-flex justify-content-end\">\r\n                                <ul className=\"top-contact\">\r\n                                    <li></li>\r\n                                </ul>\r\n                            <div className=\"ttm-social-links-wrapper list-inline\">\r\n                                <ul className=\"social-icons\">\r\n                                    <li><a className=\" tooltip-bottom\" data-tooltip=\"Facebook\"><i className=\"fab fa-facebook-f\" /></ a>\r\n                                    </li>\r\n                                    <li><a className=\" tooltip-bottom\" data-tooltip=\"Twitter\"><i className=\"fab fa-twitter\" /></ a>\r\n                                    </li>\r\n                                    <li><a className=\" tooltip-bottom\" data-tooltip=\"Flickr\"><i className=\"fab fa-flickr\" /></ a>\r\n                                    </li>\r\n                                    <li><a className=\" tooltip-bottom\" data-tooltip=\" aedin\"><i className=\"fab fa-linkedin-in\" /></ a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                            <div className=\"header-btn\">\r\n                                < a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor\" to=\"#\">Contact Us</ a>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* ttm-topbar-wrapper end */}\r\n                {/* ttm-header-wrap */}\r\n                <div className=\"ttm-header-wrap\">\r\n                <div id=\"navbar\" className=\"ttm-stickable-header clearfix\">\r\n                    <div className=\"site-header-menu\">\r\n                        <div className=\"container-xl\">\r\n                            {/* site-branding */}\r\n                            <div className=\"site-branding\">\r\n                            <a className=\"home-link\" href={process.env.PUBLIC_URL + '/'} title=\"NiyaInfo\" rel=\"home\">\r\n                                <img id=\"logo-img\" className=\"img-fluid\" alt=\"logo\" src=\"images/logo.png\" />\r\n                                <span> NiyaInfo</span>\r\n                                \r\n                            </a>\r\n                            </div>\r\n                            {/* site-branding end*/}\r\n                            {/*site-navigation */}\r\n                            <div className=\"site-navigation\">\r\n                                <div className=\"ttm-right-header\">\r\n                                    <ul className=\"ttm-header-icons\">\r\n                                        <li className=\"ttm-header-search-link ttm-bgcolor-skincolor ttm-textcolor-white\">\r\n                                        <a onClick={this.toggle}> {this.state.show ? <i className=\"ti-close\" /> : <i className=\"ti-search\" />}</a>\r\n                                        {this.state.show && <div className=\"ttm-search-overlay\">\r\n                                            <form className=\"ttm-site-searchform\">\r\n                                                <div className=\"w-search-form-h\">\r\n                                                    <div className=\"w-search-form-row\">\r\n                                                        <div className=\"w-search-input\">\r\n                                                            <input type=\"search\" className=\"field searchform-s\" name=\"s\" placeholder=\"Type Word Then Enter...\" />\r\n                                                            <button type=\"submit\">\r\n                                                                <i className=\"ti ti-search\" />\r\n                                                            </button>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </form>\r\n                                        </div>}\r\n                                        </li>\r\n                                        \r\n                                    </ul>\r\n                                </div>\r\n                                <Menu />\r\n                                <div className=\"mobilemenu\"><Mobilemenu/></div>\r\n                            </div>\r\n                            {/*site-navigation end*/}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n                {/* ttm-header-wrap end*/}\r\n            </header>               \r\n        )\r\n    }\r\n}\r\n\r\nexport default Header;","import React, { Component } from \"react\";\r\nimport { MDBAnimation, MDBCarousel, MDBCarouselCaption, MDBCarouselInner, MDBCarouselItem, MDBView, MDBMask, MDBContainer, MDBRow } from\r\n\"mdbreact\";\r\n\r\nexport class CarouselPage extends Component {\r\n    render() {\r\n        return (\r\n            <MDBContainer fluid>\r\n            <MDBRow>\r\n            <MDBCarousel\r\n            activeItem={1}\r\n            length={2}\r\n            showControls={true}\r\n            showIndicators={false}\r\n            id=\"Home_banner\"\r\n            >\r\n            <MDBCarouselInner>\r\n                <MDBCarouselItem itemId=\"1\">\r\n                <MDBView>\r\n                    <img className=\"d-block w-100\" src=\"images/slider-mainbg-001.jpg\" alt=\"First slide\" />\r\n                </MDBView>\r\n                <MDBCarouselCaption>\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"carousel-caption-inner banner1\">\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"2s\" >\r\n                                <h2 className=\"ttm-textcolor-darkgrey flipInY\">Best <strong className=\"ttm-textcolor-skincolor\">Partner</strong> to Grow Your Bussiness</h2>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"2.5s\" >\r\n                            <p className=\"text\">We are equipped with an updated technical knowledge to serve our customers<br /> properly. Our method of application maintains the industry.</p>\r\n                            </MDBAnimation>\r\n                            {/*<MDBAnimation className=\"slideInUp\" count={1} delay=\"3s\" >\r\n                            <p>\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-textcolor-white\">Discuss Your Project </button>&nbsp; &nbsp;\r\n                                <button className=\"ttm-btn btn-inline ttm-btn-size-md ttm-textcolor-darkgrey ml-3\"><i className=\"ti-arrow-circle-right\" />get a Quote</button>\r\n                            </p>                            \r\n        </MDBAnimation>*/}\r\n                        </div>\r\n                    </div>\r\n                </MDBCarouselCaption>\r\n                </MDBCarouselItem>\r\n                <MDBCarouselItem itemId=\"2\">\r\n                <MDBView>\r\n                    <img className=\"d-block w-100\" src=\"images/slider-mainbg-002.jpg\" alt=\"Second slide\" />\r\n                </MDBView>\r\n                <MDBCarouselCaption>\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"carousel-caption-inner banner2\">\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"5s\" >\r\n                                <h2 className=\"ttm-textcolor-darkgrey\">Real-Time Monitoring Your <strong className=\"ttm-textcolor-skincolor\">Infrstracture</strong></h2>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"5.5s\" >\r\n                                <p className=\"text\">We are equipped with an updated technical knowledge to serve our customers<br /> properly. Our method of application maintains the industry.</p>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"6s\" >\r\n                                <p>\r\n                                    <button className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-textcolor-white mr-3\">read more</button>\r\n                                    <button className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-darkgrey ttm-textcolor-white\">get NiyaInfo</button>\r\n                                </p>\r\n                          </MDBAnimation>\r\n                        </div>\r\n                      </div>\r\n                </MDBCarouselCaption>\r\n                </MDBCarouselItem>\r\n            </MDBCarouselInner>\r\n            </MDBCarousel>\r\n            </MDBRow>\r\n            </MDBContainer>\r\n        );\r\n    }\r\n}\r\n\r\nexport default CarouselPage;","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport { MDBProgress } from 'mdbreact';\r\nimport { Header } from './layout/Header';\r\nimport { CarouselPage } from './banner/Home1_banner';\r\nimport Lightbox from 'react-image-lightbox';\r\nimport 'react-image-lightbox/style.css';\r\n\r\n\r\nconst images = [\r\n  'https://via.placeholder.com/600X750/444444.jpg',\r\n  'https://via.placeholder.com/600X750/444444.jpg',\r\n  'https://via.placeholder.com/600X750/444444.jpg',\r\n  'https://via.placeholder.com/600X750/444444.jpg',\r\n  'https://via.placeholder.com/600X750/444444.jpg'\r\n];\r\n\r\nexport class Home extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n \r\n    this.state = {\r\n      photoIndex: 0,\r\n      isOpen: false,\r\n    };\r\n  }\r\n    render() {\r\n      const { photoIndex, isOpen } = this.state;\r\n        var slick_slider = {\r\n          dots: false,\r\n          arrow: false,\r\n          autoplay: true,\r\n          infinite: true,\r\n          speed: 500,\r\n          slidesToShow: 4,\r\n          slidesToScroll: 1,\r\n\r\n          responsive: [{\r\n\r\n            breakpoint: 1199,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 1024,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 680,\r\n            settings: {\r\n                slidesToShow: 2,\r\n                slidesToScroll: 2\r\n            }\r\n        },\r\n        {\r\n            breakpoint: 575,\r\n            settings: {\r\n                slidesToShow: 1,\r\n                slidesToScroll: 1\r\n            }\r\n        }]\r\n        };\r\n        \r\n        return (       \r\n          <div className=\"site-main\">   \r\n            <Header/>            \r\n            {/* home banner */}\r\n            <CarouselPage/>{/* home banner end*/}            \r\n            {/* service-section */}     \r\n            <section className=\"ttm-row service-section position-relative z-1 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters featured-icon-box-style1-row ttm-bgcolor-darkgrey\">\r\n                  <div className=\"col-md-4\">\r\n                    <div className=\"featured-icon-box left-icon style1 ttm-bgcolor-skincolor ttm-textcolor-white h-100\">\r\n                      <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-bgcolor-darkgrey ttm-icon_element-size-md\">\r\n                          <i className=\"flaticon flaticon-system\" />{/*  ttm-icon */} \r\n                        </div>\r\n                      </div>\r\n                      <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                          <h5>Trusted Services</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                          <p>We Are Trusted Our Customers</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-md-4\">\r\n                    {/*  featured-icon-box */} \r\n                    <div className=\"featured-icon-box left-icon style1 ttm-bgcolor-darkgrey ttm-textcolor-white\">\r\n                      <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-md\">\r\n                          <i className=\"flaticon flaticon-clock\" />{/*  ttm-icon */} \r\n                        </div>\r\n                      </div>\r\n                        <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                          <h5>Operational Support</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                          <p>Day to Day Support</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/*  featured-icon-box END */}\r\n                  </div>\r\n                  <div className=\"col-md-4\">\r\n                    {/*  featured-icon-box */} \r\n                    <div className=\"featured-icon-box left-icon style1 ttm-bgcolor-skincolor ttm-textcolor-white\">\r\n                      <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-bgcolor-darkgrey ttm-icon_element-size-md\">\r\n                          <i className=\"flaticon flaticon-developer\" />{/*  ttm-icon */} \r\n                        </div>\r\n                      </div>\r\n                      <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                          <h5>Expert &amp; Professional</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                          <p>We Are Trusted Our Customers</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/*  featured-icon-box END */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* service-section end */}\r\n            {/* aboutus-section */}\r\n            <section className=\"ttm-row aboutus-section clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-6\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title with-desc clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>About us</h5>\r\n                        <h2 className=\"title\">We are here for IT Solution with versatile <span>experience</span></h2>\r\n                      </div>\r\n                      <div className=\"title-desc\">\r\n                        <p>Web designing in a powerful way of just not an only professions, however, in a passion for our Company. We have to a tendency to believe the idea that smart looking of any website is the first impression on visitors. And the smart design of any website is the starting point.</p>\r\n                        <p>We have a special team for website style who has been involved in designing professional websites of all categories.</p>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                    {/* row */}\r\n                    <div className=\"row no-gutters mt-4\">\r\n                      <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                        <ul className=\"ttm-list ttm-list-style-icon\">\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Web Application </span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Mobility</span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Cloud Services</span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">DevOps And IAC</span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">BlockChain </span></li>\r\n                          \r\n                        </ul>\r\n                      </div>\r\n                      <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                        <ul className=\"ttm-list ttm-list-style-icon\">\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Enterprise Integration</span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Serverless Application & IAC</span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Data Science </span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">IOT </span></li>\r\n                          <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Artificial Intelligence Web App</span></li>\r\n                        </ul>\r\n                      </div>\r\n                    </div>{/* row END*/}\r\n                    {/* separator */}\r\n                    <div className=\"separator\">\r\n                      <div className=\"sep-line mt-4 mb-4\" />\r\n                    </div>\r\n                    {/* separator */}\r\n                    <div className=\"fs-16 ttm-textcolor-darkgrey\">\r\n                      <span><a className=\"fw-500 ttm-textcolor-darkgrey\"><u></u></a></span>\r\n                      <strong className=\"fs-18\"></strong><strong className=\"fs-18\"></strong>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-6 res-991-mt-40 res-991-text-center\">\r\n                    <div className=\"position-relative res-991-mt-30\">\r\n                      {/* ttm_single_image-wrapper */}\r\n                      <div className=\"ttm_single_image-wrapper\">\r\n                        <img className=\"img-fluid\" src=\"images/single-img-one.png\" title=\"single-img-one\" alt=\"single-img-one\" />\r\n                      </div>{/* ttm_single_image-wrapper end */}\r\n                      {/*featured-icon-box*/}\r\n                      <div className=\"about-overlay-01\">\r\n                        <p className=\"mb-0\">NiyaInfo</p>\r\n                      </div>\r\n                      {/* featured-icon-box end*/}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* aboutus-section end */}\r\n            {/* history-section */}\r\n            <section className=\"ttm-row history-section bg-img3 ttm-bgcolor-grey ttm-bg ttm-bgimage-yes clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-8 offset-lg-2\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title with-desc text-center clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>Our Services</h5>\r\n                        <h2 className=\"title\">We run all kinds of services in form of <span>Information &amp; Technologies</span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n                <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"ttm-history-box-wrapper\">{/* ttm-history-box-wrapper  */} \r\n                      <div className=\"ttm-history-box-icon-wrapper\">{/* ttm-history-box-icon-wrapper  */} \r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box\">\r\n                          <div className=\"featured-icon\">{/*  featured-icon */}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md\">\r\n                              <i className=\"flaticon flaticon-business-and-finance\" />{/*  ttm-icon */} \r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-history-box-border\" />{/* ttm-history-box-border  */} \r\n                      <div className=\"ttm-history-box-details ttm-bgcolor-white\">\r\n                        <div className=\"ttm-historybox-title\"><h5>IT Consultancy</h5></div>{/* historybox-title  */} \r\n                        <div className=\"ttm-historybox-description\">{/* description  */} \r\n                          Expertise in IT consultancy for the IT companies, for their different working areas Web-app related.\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"ttm-history-box-wrapper\">{/* ttm-history-box-wrapper  */} \r\n                      <div className=\"ttm-history-box-icon-wrapper\">{/* ttm-history-box-icon-wrapper  */} \r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box\">\r\n                          <div className=\"featured-icon\">{/*  featured-icon */}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md\">\r\n                              <i className=\"flaticon flaticon-computer\" />{/*  ttm-icon */} \r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-history-box-border\" />{/* ttm-history-box-border  */} \r\n                      <div className=\"ttm-history-box-details ttm-bgcolor-white\">\r\n                        <div className=\"ttm-historybox-title\"><h5>IT Management</h5></div>{/* historybox-title  */} \r\n                        <div className=\"ttm-historybox-description\">{/* description  */} \r\n                          We provide all kind of IT management services of in the according to on their organization prioritie.\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" >Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"ttm-history-box-wrapper\">{/* ttm-history-box-wrapper  */} \r\n                      <div className=\"ttm-history-box-icon-wrapper\">{/* ttm-history-box-icon-wrapper  */} \r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box\">\r\n                          <div className=\"featured-icon\">{/*  featured-icon */}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md\">\r\n                              <i className=\"flaticon flaticon-data\" />{/*  ttm-icon */} \r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-history-box-border\" />{/* ttm-history-box-border  */} \r\n                      <div className=\"ttm-history-box-details ttm-bgcolor-white\">\r\n                        <div className=\"ttm-historybox-title\"><h5>Product Design</h5></div>{/* historybox-title  */} \r\n                        <div className=\"ttm-historybox-description\">{/* description  */} \r\n                          Our firm is expert to create an efficient for user interface that makes design user interaction lively.\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" >Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"ttm-history-box-wrapper\">{/* ttm-history-box-wrapper  */} \r\n                      <div className=\"ttm-history-box-icon-wrapper\">{/* ttm-history-box-icon-wrapper  */} \r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box\">\r\n                          <div className=\"featured-icon\">{/*  featured-icon */}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md\">\r\n                              <i className=\"flaticon flaticon-global-1\" />{/*  ttm-icon */} \r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-history-box-border\" />{/* ttm-history-box-border  */} \r\n                      <div className=\"ttm-history-box-details ttm-bgcolor-white\">\r\n                        <div className=\"ttm-historybox-title\"><h5>Cloud Services</h5></div>{/* historybox-title  */} \r\n                        <div className=\"ttm-historybox-description\">{/* description  */} \r\n                          We develop, migrate and work on web applications to ensure that they run on capably on clouds.\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" >Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"ttm-history-box-wrapper\">{/* ttm-history-box-wrapper  */} \r\n                      <div className=\"ttm-history-box-icon-wrapper\">{/* ttm-history-box-icon-wrapper  */} \r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box\">\r\n                          <div className=\"featured-icon\">{/*  featured-icon */}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md\">\r\n                              <i className=\"flaticon flaticon-business-and-finance\" />{/*  ttm-icon */} \r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-history-box-border\" />{/* ttm-history-box-border  */} \r\n                      <div className=\"ttm-history-box-details ttm-bgcolor-white\">\r\n                        <div className=\"ttm-historybox-title\"><h5>IT Consultancy</h5></div>{/* historybox-title  */} \r\n                        <div className=\"ttm-historybox-description\">{/* description  */} \r\n                          Expertise in IT consultancy for the IT companies, for their different working areas Web-app related.\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" >Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n                \r\n                <div className=\"row\">\r\n                  <div className=\"col-md-12 text-center mt-5 res-991-mt-30\">\r\n                    <p className=\"mb-0\">Don’t hesitate, contact us for better help and services. <strong><u><a  className=\"ttm-textcolor-darkgrey\"> View more Services</a></u></strong></p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* history-section end*/}\r\n            {/* zero-padding-section */}\r\n            <section className=\"ttm-row zero-padding-section mt_80 res-991-mt-0 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters\">\r\n                  <div className=\"col-lg-6\">\r\n                    {/* col-bg-img-one */}\r\n                    <div className=\"col-bg-img-one ttm-bg ttm-col-bgimage-yes ttm-left-span res-991-h-auto\">\r\n                      <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                        <div className=\"ttm-bg-layer-inner\" />\r\n                      </div>\r\n                    </div>\r\n                    {/* Responsive View image */}\r\n                    <img src=\"images/col-bgimage-1.jpg\" className=\"ttm-equal-height-image img-fluid\" alt=\"col-bgimage-1\" />\r\n                  </div>\r\n                  <div className=\"col-lg-6 z-9\">\r\n                    <div className=\"ttm-bgcolor-skincolor ttm-textcolor-white position-relative ttm-right-span\">\r\n                      <div className=\"spacing-1\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title with-desc clearfix\">\r\n                          <div className=\"title-header\">\r\n                            <h5>Why NiyaInfo</h5>\r\n                            <h2 className=\"title\">We deal with the aspects of professional <span>IT Services</span></h2>\r\n                          </div>\r\n                          <div className=\"title-desc\">\r\n                            <p>Our IT services converge business and technology experts to help to manage business processes of all categories.</p>\r\n                          </div>\r\n                        </div>{/* section title end */}\r\n                        <div className=\"row mt-40\">\r\n                          <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                              <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-md\">\r\n                                  <i className=\"flaticon flaticon-process\" />\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                  <h5>Product Designs</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                  <p>Our firm is expert to create an efficient user interface that makes user interaction is lively.</p>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"separator\">\r\n                          <div className=\"sep-line mt-4 mb-4\" />\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"row\">\r\n                          <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                              <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-md\">\r\n                                  <i className=\"flaticon flaticon-system\" />\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                  <h5>Big Data &amp; Analytics</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                  <p>Statistical analysis to help an organization to gain insights from large information web sets.</p>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"separator\">\r\n                          <div className=\"sep-line mt-4 mb-4\" />\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"row\">\r\n                          <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                              <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-md\">\r\n                                  <i className=\"flaticon flaticon-data\" />\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                  <h5>Maintain App Data</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                  <p>We Create the optimal platform to develop and run digital applications for our clients app.</p>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* zero-padding-section end */}\r\n            {/* team-section */}\r\n            <section className=\"ttm-row team-section res-991-pt-0 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row align-items-center mb-5\">\r\n                  <div className=\"col-lg-5 res-991-text-center\">\r\n                    <div className=\"section-title style2 mb-0 clearfix\">\r\n                      <div className=\"title-header mb-0\">\r\n                        <h5>About us</h5>\r\n                        <h2 className=\"title\">Meet our <span>Leadership</span></h2>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-5 res-991-text-center\">\r\n                    <div className=\"title-desc\">The positive distinction within the World Inspiring of Success and Connections of People and Organizations.</div>\r\n                  </div>\r\n                  <div className=\"col-lg-2 text-right res-991-text-center res-991-mt-20\">\r\n                    <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-darkgrey\"> Read More </a>\r\n                  </div>\r\n                </div>\r\n                <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Vikas</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Ashutosh</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Ritika Sharma</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Vikas</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}></a>Roshan</h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Ashutosh</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}></a>Vikas</h5>\r\n                        </div>\r\n                        <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}></a>Ritika</h5>\r\n                        </div>\r\n                        <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}></a>Roshan</h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Ashutosh</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n              </div>\r\n            </section>\r\n            {/* team-section end*/}\r\n            {/* first-row-title-section */}\r\n            <section className=\"ttm-row first-row-title-section ttm-bgcolor-darkgrey ttm-textcolor-white ttm-bg ttm-bgimage-yes bg-img4 clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">{/* row */}\r\n                  <div className=\"col-lg-8 offset-lg-2\">\r\n                    <div className=\"text-center\">\r\n                      {/*--  <div className=\"ttm-play-icon-btn mb-5\">\r\n                        <div className=\"ttm-play-icon-animation\">\r\n                         <a id=\"playbutton\">\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-textcolor-skincolor ttm-icon_element-size-sm rounded-circle\">\r\n                              <i className=\"fas fa-play\" />\r\n                            </div>                            \r\n                          </a>\r\n                           <div id=\"videobox\">\r\n                            <i id=\"close-btn\" className=\"fa fa-times\"></i>\r\n                            <div id=\"video-wrapper\">\r\n                            <iframe width=\"500\" height=\"500\" src=\"https://www.youtube.com/embed/7e90gBu4pas\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"></iframe                       \r\n                            </div>\r\n                          </div>           \r\n                        </div>\r\n                      </div>*/}  \r\n                      {/* section-title */}\r\n                      <div className=\"section-title with-desc text-center clearfix\">\r\n                        <div className=\"title-header\">\r\n                          <h2 className=\"title\">We Provide Outsourced IT Services For Small &amp; <span className=\"ttm-textcolor-white\">Mid-Sized Business</span></h2>\r\n                        </div>\r\n                        <div className=\"title-desc\">Appropriate for your specific business, making it easy for<br /> you to have quality IT services. What We Do</div>\r\n                      </div>{/* section-title end */}\r\n                      <div className=\"mt-5\">\r\n                        <a  className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-white\">More Services</a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* first-row-title-section end*/}\r\n            {/* testimonial-section */}\r\n            <section className=\"ttm-row zero-padding-section clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters mt_100 res-991-mt-0\">\r\n                  <div className=\"col-md-6\">\r\n                    <div className=\"ttm-bgcolor-darkgrey ttm-textcolor-white z-11 position-relative h-100\">\r\n                      <div className=\"layer-content\">{/* layer-content */}\r\n                        <div className=\"spacing-2\">{/* spacing-2 */}\r\n                          {/* section title */}\r\n                          <div className=\"section-title ttm with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                              <h5>What We Do</h5>\r\n                              <h2 className=\"title\">We help you to grow your business <span className=\"ttm-textcolor-white\">Exponentially</span></h2>\r\n                            </div>\r\n                          </div>{/* section title end */}\r\n                          {/* progress-bar */}\r\n                          <div className=\"ttm-progress-bar\">\r\n                            <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                            <label className=\"float-right\">90%</label>\r\n                            <MDBProgress className=\"w-100\" material value={90}></MDBProgress>\r\n                          </div>\r\n                          {/* progress-bar END */}\r\n                          {/* progress-bar */}\r\n                          <div className=\"ttm-progress-bar\">\r\n                            <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                            <label className=\"float-right\">80%</label>\r\n                            <MDBProgress className=\"w-100\" material value={80}></MDBProgress>\r\n                          </div>\r\n                          {/* progress-bar END */}\r\n                        </div>{/* spacing-2 END */}\r\n                      </div>{/* layer-content END */}\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-md-6\">\r\n                    <div className=\"col-bg-img-two ttm-col-bgimage-yes ttm-bg ttm-col-bgcolor-yes ttm-bgcolor-skincolor ttm-textcolor-white\">\r\n                      <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                        <div className=\"ttm-bg-layer-inner\" />\r\n                      </div>\r\n                      <div className=\"layer-content\">\r\n                        <div className=\"testimonial-slide style1\">\r\n                          <Slider className=\"row slick_slider\" arrows={false} dots={true}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Maya</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center\" src=\"https://via.placeholder.com/150X150/444444.jpg\" alt=\"testimonial-img\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Maya</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />&nbsp;\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Maya</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </Slider>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* testimonial-section end */}\r\n            {/* process-section */}\r\n            <section className=\"ttm-row process-section clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-md-12\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title text-center with-desc clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>how it work</h5>\r\n                        <h2 className=\"title\">Check Out Our Work <span>Process</span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n                {/* row */}\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"ttm-processbox-wrapper\">\r\n                      <div className=\"ttm-processbox text-center\">\r\n                        <div className=\"ttm-box-image\">\r\n                          <img className=\"img-fluid\" alt=\"step-one\" title=\"step-one\" src=\"images/step-one.jpg\" />\r\n                          <div className=\"process-num\">\r\n                            <span className=\"number\">01</span>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"featured-content\">\r\n                          <div className=\"featured-title\"><h5>Connect with Us</h5></div>\r\n                          <div className=\"ttm-box-description\">Aute irure dolor reprehenderit velit esse cillum dolore fugiat</div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-processbox text-center\">\r\n                        <div className=\"ttm-box-image\">\r\n                          <img className=\"img-fluid\" alt=\"step-two\" title=\"step-two\" src=\"images/step-two.jpg\" />\r\n                          <div className=\"process-num\">\r\n                            <span className=\"number\">02</span>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"featured-content\">\r\n                          <div className=\"featured-title\"><h5>Request a Meeting</h5></div>\r\n                          <div className=\"ttm-box-description\">Aute irure dolor reprehenderit velit esse cillum dolore fugiat</div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-processbox text-center\">\r\n                        <div className=\"ttm-box-image\">\r\n                          <img className=\"img-fluid\" alt=\"step-three\" title=\"step-three\" src=\"images/step-three.jpg\" />\r\n                          <div className=\"process-num\">\r\n                            <span className=\"number\">03</span>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"featured-content\">\r\n                          <div className=\"featured-title\"><h5>Requirement Analysis</h5></div>\r\n                          <div className=\"ttm-box-description\">Aute irure dolor reprehenderit velit esse cillum dolore fugiat</div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-processbox text-center res-991-mb-0\">\r\n                        <div className=\"ttm-box-image\">\r\n                          <img className=\"img-fluid\" alt=\"step-four\" title=\"step-four\" src=\"images/step-four.jpg\" />\r\n                          <div className=\"process-num\">\r\n                            <span className=\"number\">04</span>\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"featured-content\">\r\n                          <div className=\"featured-title\"><h5>Let’s Make it Happen</h5></div>\r\n                          <div className=\"ttm-box-description\">Aute irure dolor reprehenderit velit esse cillum dolore fugiat</div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>{/* row end */}\r\n              </div>\r\n            </section>\r\n            {/* portfolio-section */}\r\n            <section className=\"ttm-row bottomzero-padding-section  ttm-bg ttm-bgimage-yes bg-img5 ttm-bgcolor-skincolor clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n              <div className=\"container-xl pb-5 res-991-pb-0\">\r\n                <div className=\"row align-items-center ttm-textcolor-white\">\r\n                  <div className=\"col-lg-5 res-991-text-center\">\r\n                    <div className=\"section-title style3 mb-0 clearfix\">\r\n                      <div className=\"title-header mb-0\">\r\n                        <h5>We Make Connections</h5>\r\n                        <h2 className=\"title\">Explore recent <span className=\"ttm-textcolor-white\">Projects</span></h2>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-5 res-991-text-center\">\r\n                    <div className=\"title-desc\">A project is a temporary endeavor with a defined beginning and end, scope, and assigned resources.</div>\r\n                  </div>\r\n                  <div className=\"col-lg-2 text-right res-991-text-center res-991-mt-20\">\r\n                    <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-white\"> Read More </a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            <section className=\"ttm-row mt-10 zero-padding-section clearfix\">\r\n              <div className=\"container-fluid p-0\">\r\n                {isOpen && (\r\n                  <Lightbox\r\n                    mainSrc={images[photoIndex]}\r\n                    nextSrc={images[(photoIndex + 1) % images.length]}\r\n                    prevSrc={images[(photoIndex + images.length - 1) % images.length]}\r\n                    onCloseRequest={() => this.setState({ isOpen: false })}\r\n                    onMovePrevRequest={() =>\r\n                      this.setState({\r\n                        photoIndex: (photoIndex + images.length - 1) % images.length,\r\n                      })\r\n                    }\r\n                    onMoveNextRequest={() =>\r\n                      this.setState({\r\n                        photoIndex: (photoIndex + 1) % images.length,\r\n                      })\r\n                    }\r\n                  />\r\n                )}\r\n                <Slider className=\"row slick_slider ttm-boxes-spacing-10px\" {...slick_slider} slidesToShow={5}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      {/* ttm-box-view-overlay */}\r\n                      <div className=\"ttm-box-view-overlay\">\r\n                        <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                          <a onClick={() => this.setState({ isOpen: true })} className=\"ttm_image\"><i className=\"ti ti-search\" /></a>\r\n                          <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                        </div>\r\n                      </div>{/* ttm-box-view-overlay end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Business Seminarsetwst</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    {/* featured-imagebox-portfolio */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      {/* ttm-box-view-overlay */}\r\n                      <div className=\"ttm-box-view-overlay\">\r\n                        <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                          <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                          <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                        </div>\r\n                      </div>{/* ttm-box-view-overlay end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-thumbnail */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    {/* featured-imagebox-portfolio */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      {/* ttm-box-view-overlay */}\r\n                      <div className=\"ttm-box-view-overlay\">\r\n                        <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                          <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                          <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                        </div>\r\n                      </div>{/* ttm-box-view-overlay end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-thumbnail */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    {/* featured-imagebox-portfolio */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      {/* ttm-box-view-overlay */}\r\n                      <div className=\"ttm-box-view-overlay\">\r\n                        <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                          <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                          <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                        </div>\r\n                      </div>{/* ttm-box-view-overlay end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-thumbnail */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    {/* featured-imagebox-portfolio */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      {/* ttm-box-view-overlay */}\r\n                      <div className=\"ttm-box-view-overlay\">\r\n                        <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                          <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                          <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                        </div>\r\n                      </div>{/* ttm-box-view-overlay end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-thumbnail */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    {/* featured-imagebox-portfolio */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      {/* ttm-box-view-overlay */}\r\n                      <div className=\"ttm-box-view-overlay\">\r\n                        <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                          <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                          <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                        </div>\r\n                      </div>{/* ttm-box-view-overlay end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Devlopment</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-thumbnail */}\r\n                  </div>\r\n                </Slider>\r\n              </div>\r\n            </section>\r\n            {/* process-section end */}\r\n            {/* blog-section */}\r\n          </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Home;\r\n","import React, { Component } from \"react\";\r\nimport { MDBAnimation, MDBCarousel, MDBCarouselCaption, MDBCarouselInner, MDBCarouselItem, MDBView, MDBMask, MDBContainer, MDBRow } from\r\n\"mdbreact\";\r\n\r\nexport class CarouselPage2 extends Component {\r\n    render() {\r\n        return (\r\n            <MDBContainer fluid>\r\n            <MDBRow>\r\n            <MDBCarousel\r\n            activeItem={1}\r\n            length={2}\r\n            showControls={true}\r\n            showIndicators={false}\r\n            id=\"Home_banner2\"\r\n            >\r\n            <MDBCarouselInner>\r\n                <MDBCarouselItem itemId=\"1\">\r\n                <MDBView>\r\n                    <img className=\"d-block w-100\" src=\"https://via.placeholder.com/1920X850/888888.jpg\" alt=\"First slide\" />\r\n                </MDBView>\r\n                <MDBCarouselCaption>\r\n                    <div className=\"container-xl d-flex\">\r\n                        <div className=\"carousel-caption-inner\">\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"2s\" >\r\n                            <h5 className=\"ttm-textcolor-skincolor\">Delight your Customers&nbsp;&nbsp;&nbsp;</h5>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"2.5s\" >\r\n                            <h2 className=\"ttm-textcolor-darkgrey\">Don't Listen to What They Say. <strong className=\"ttm-textcolor-skincolor\">Go See</strong></h2>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"3s\" >\r\n                            <p className=\"text\">We are equipped with an updated technical knowledge to serve our customers properly. Our method of application maintains the industry.</p>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"3.5s\" >\r\n                            <p>\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-textcolor-white mr-3\">view more details</button>\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-darkgrey\">contact us</button>\r\n                            </p>  \r\n                            </MDBAnimation>                          \r\n                        </div>\r\n                        <div className=\"d-inline-block effect position-relative\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/578X564/444444.png\" alt=\"First slide\" />\r\n                            <span></span>\r\n                            <span></span>\r\n                            <span>\r\n                            <i className=\"far fa-paper-plane\" />\r\n                                100% Client Satisfaction\r\n                            </span>\r\n                            <span></span>\r\n                        </div>\r\n                    </div>\r\n                </MDBCarouselCaption>\r\n                </MDBCarouselItem>\r\n                <MDBCarouselItem itemId=\"2\">\r\n                <MDBView>\r\n                    <img className=\"d-block w-100\" src=\"https://via.placeholder.com/1920X850/888888.jpg\" alt=\"Second slide\" />\r\n                </MDBView>\r\n                <MDBCarouselCaption>\r\n                    <div className=\"container-xl d-flex\">\r\n                        <div className=\"carousel-caption-inner\">\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"5s\" >\r\n                            <h5 className=\"ttm-textcolor-skincolor\">Trust and Client Focus&nbsp;&nbsp;&nbsp;</h5>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"5.5s\" >\r\n                            <h2 className=\"ttm-textcolor-darkgrey\">Best <strong className=\"ttm-textcolor-skincolor\">Digital Agency</strong> And Bussiness</h2>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"6s\" >\r\n                            <p className=\"text\">We are equipped with an updated technical knowledge to serve our customers properly. Our method of application maintains the industry.</p>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"6.5s\" >\r\n                            <p>\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-textcolor-white mr-3\">read more</button>\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-darkgrey\">get altech</button>\r\n                            </p>\r\n                            </MDBAnimation>\r\n                        </div>\r\n                        <div className=\"d-inline-block effect position-relative\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/578X564/444444.png\" alt=\"First slide\" />\r\n                        </div>\r\n                      </div>\r\n                </MDBCarouselCaption>\r\n                </MDBCarouselItem>\r\n            </MDBCarouselInner>\r\n            </MDBCarousel>\r\n            </MDBRow>\r\n            </MDBContainer>\r\n        );\r\n    }\r\n}\r\n\r\nexport default CarouselPage2;","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport CountUp from 'react-countup';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport FadeIn from 'react-fade-in';\r\nimport CarouselPage2 from './banner/Home2_banner';\r\n\r\nexport class Home2_mainpage extends Component {\r\n     render() { \r\n        var slick_slider = {\r\n          dots: false,\r\n          arrow: false,\r\n          autoplay: true,\r\n          infinite: true,\r\n          speed: 500,\r\n          slidesToShow: 4,\r\n          slidesToScroll: 1,\r\n\r\n          responsive: [{\r\n\r\n            breakpoint: 1199,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 1024,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 680,\r\n            settings: {\r\n                slidesToShow: 2,\r\n                slidesToScroll: 2\r\n            }\r\n        },\r\n        {\r\n            breakpoint: 480,\r\n            settings: {\r\n                slidesToShow: 1,\r\n                slidesToScroll: 1\r\n            }\r\n        }]\r\n        };\r\n        return (\r\n          <div className=\"site-main\"> \r\n            <section className=\"ttm-row aboutus-section-style2 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters align-items-center\">{/* row */}\r\n                  <div className=\"col-lg-6 res-991-text-center res-991-mb-40\">\r\n                    {/* ttm_single_image-wrapper */}\r\n                    <div className=\"ttm_single_image-wrapper\">\r\n                      <img className=\"img-fluid\" src=\"https://via.placeholder.com/568X675/444444.png\" title=\"single-img-two\" alt=\"single-img-two\" />\r\n                    </div>{/* ttm_single_image-wrapper end */}\r\n                  </div>\r\n                  <div className=\"col-lg-6\">\r\n                    <div className=\"spacing-4 ttm-bgcolor-grey\">\r\n                      {/* section title */}\r\n                      <div className=\"section-title with-desc clearfix\">\r\n                        <div className=\"title-header\">\r\n                          <h5>About Altech</h5>\r\n                          <h2 className=\"title\">We deal with the aspects of professional <span>IT Services</span></h2>\r\n                        </div>\r\n                        <div className=\"title-desc\">\r\n                          <p>We listen. We advise. We design, together. Happy customers and ongoing relationships are what we strive for. Success is measured by results, the most important being how our clients feel about their experience with us.</p>\r\n                        </div>\r\n                      </div>{/* section title end */}\r\n                      {/* row */}\r\n                      <div className=\"row no-gutters mt-20\">\r\n                        <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                          {/*  featured-icon-box */} \r\n                          <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                              <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"ti ti-medall\" />{/*  ttm-icon */} \r\n                              </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                              <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>Award Ceremony</h5>\r\n                              </div>\r\n                              <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Quickly productivate just in time strategic theme.</p>\r\n                              </div>\r\n                            </div>\r\n                          </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                          {/*  featured-icon-box */} \r\n                          <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                              <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"ti ti-bookmark-alt\" />{/*  ttm-icon */} \r\n                              </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                              <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>Certified Company</h5>\r\n                              </div>\r\n                              <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Quickly productivate just in time strategic theme.</p>\r\n                              </div>\r\n                            </div>\r\n                          </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                      </div>{/* row END*/}\r\n                      {/* separator */}\r\n                      <div className=\"separator\">\r\n                        <div className=\"sep-line mt-4 mb-4\" />\r\n                      </div>\r\n                      {/* separator */}\r\n                      <div className=\"row align-items-center\">\r\n                        <div className=\"col-md-3 col-lg-4 col-5\">\r\n                          <div className=\"text-left pt-15\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/145X60/444444.png\" alt=\"about-sign\" />\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"col-md-9 col-lg-8 col-7\">\r\n                          {/*  featured-icon-box */} \r\n                          <div className=\"featured-icon-box without-icon text-left pt-15\">\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                              <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>Jhon Martin</h5>\r\n                              </div>\r\n                              <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Chairman &amp; Founder Altech</p>\r\n                              </div>\r\n                            </div>\r\n                          </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                {/* row end */}\r\n                {/* row */}\r\n                <div className=\"row\">\r\n                </div>{/* row end*/}\r\n              </div>\r\n            </section>\r\n            <section className=\"ttm-row bottomzero-padding-section bg-img6 position-relative z-1 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters\">\r\n                  <div className=\"col-lg-10 mb_80 res-991-mb-0\">\r\n                    <div className=\"ttm-bgcolor-skincolor ttm-textcolor-white\">\r\n                      <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                          <div className=\"ttm-bg-layer-inner\"></div>\r\n                      </div>\r\n                      <div className=\"layer-content\">\r\n                        <div className=\"spacing-5\">\r\n                          {/* section title */}\r\n                          <div className=\"section-title mb-4 clearfix\">\r\n                            <div className=\"title-header\">\r\n                              <h5>About Altech</h5>\r\n                              <h2 className=\"title\">Trusted by 5,000+ <span>Happy Customers</span></h2>\r\n                            </div>\r\n                            <div className=\"title-desc\">\r\n                              <p>We listen. We advise. We design, together. Happy customers and ongoing relationships are what we strive for. Success is measured by results, the most important being how our clients feel about their experience with us. These reviews we’re onto something.</p>\r\n                            </div>\r\n                          </div>{/* section title end */}\r\n                          <div className=\"row pt-3\">\r\n                            <div className=\"col-md-4\">\r\n                              {/*  featured-icon-box */} \r\n                              <div className=\"featured-icon-box style4 left-icon\">\r\n                                <div className=\"featured-icon\">{/*  featured-icon */} \r\n                                  <div className=\"ttm-icon ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-24h\" />{/*  ttm-icon */} \r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">{/*  featured-content */}\r\n                                  <div className=\"featured-title\">{/*  featured-title */}\r\n                                    <h5 className=\"fw-500\">100% Satisfaction</h5>\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/*  featured-icon-box END */}\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                              {/*  featured-icon-box */} \r\n                              <div className=\"featured-icon-box style4 left-icon\">\r\n                                <div className=\"featured-icon\">{/*  featured-icon */} \r\n                                  <div className=\"ttm-icon ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-data\" />{/*  ttm-icon */} \r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">{/*  featured-content */}\r\n                                  <div className=\"featured-title\">{/*  featured-title */}\r\n                                    <h5 className=\"fw-500\">World Class Architect</h5>\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/*  featured-icon-box END */}\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                              {/*  featured-icon-box */} \r\n                              <div className=\"featured-icon-box style4 left-icon\">\r\n                                <div className=\"featured-icon\">{/*  featured-icon */} \r\n                                  <div className=\"ttm-icon ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-code\" />{/*  ttm-icon */} \r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">{/*  featured-content */}\r\n                                  <div className=\"featured-title\">{/*  featured-title */}\r\n                                    <h5 className=\"fw-500\">World Class Design</h5>\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/*  featured-icon-box END */}\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"row ttm-fid-row-wrapper\">\r\n                            <div className=\"col-md-4 col-sm-4\">\r\n                              {/*ttm-fid*/}\r\n                              <div className=\"ttm-fid inside ttm-fid-view-lefticon style1\">\r\n                                <div className=\"ttm-fid-left\">{/*ttm-fid-left*/}\r\n                                  <div className=\"ttm-fid-icon-wrapper\">\r\n                                    <i className=\"flaticon flaticon-developer\" />\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents text-left\">{/*ttm-fid-contents*/}\r\n                                  <h4 className=\"ttm-fid-inner\">\r\n                                    <CountUp start={0} end={478} duration={30} />\r\n                                  </h4>\r\n                                  <h3 className=\"ttm-fid-title\">Happy Customers</h3>{/*ttm-fid-title*/}\r\n                                </div>\r\n                              </div>{/* ttm-fid end*/}\r\n                            </div>\r\n                            <div className=\"col-md-4 col-sm-4\">\r\n                              {/*ttm-fid*/}\r\n                              <div className=\"ttm-fid inside ttm-fid-view-lefticon style1\">\r\n                                <div className=\"ttm-fid-left\">\r\n                                  <div className=\"ttm-fid-icon-wrapper\">\r\n                                    <i className=\"flaticon flaticon-interaction\" />\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents text-left\">\r\n                                  <h4 className=\"ttm-fid-inner\">\r\n                                  <CountUp start={0} end={642} duration={30} />\r\n                                  </h4>\r\n                                  <h3 className=\"ttm-fid-title\">Projects Completed</h3>\r\n                                </div>\r\n                              </div>{/* ttm-fid end*/}\r\n                            </div>\r\n                            <div className=\"col-md-4 col-sm-4\">\r\n                              {/*ttm-fid*/}\r\n                              <div className=\"ttm-fid inside ttm-fid-view-lefticon style1\">\r\n                                <div className=\"ttm-fid-left\">\r\n                                  <div className=\"ttm-fid-icon-wrapper\">\r\n                                    <i className=\"flaticon flaticon-global-1\" />\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents text-left\">\r\n                                  <h4 className=\"ttm-fid-inner\">\r\n                                  <CountUp start={0} end={578} duration={30} />\r\n                                  </h4>\r\n                                  <h3 className=\"ttm-fid-title\">Cloud Designs</h3>\r\n                                </div>\r\n                              </div>{/* ttm-fid end*/}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>    \r\n            {/* service section   */}\r\n            <section className=\"ttm-row services-section ttm-bgcolor-darkgrey ttm-textcolor-white ttm-bg ttm-bgimage-yes bg-img7 clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\"></div>\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">{/* row */}\r\n                  <div className=\"col-lg-6 offset-lg-3\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title with-desc text-center clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>Our Services</h5>\r\n                        <h2 className=\"title\">We run all kinds of IT services with 20 years of <span className=\"ttm-textcolor-white\">experience</span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n                {/* row end */}\r\n                {/* row */}\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-4 col-md-4\">\r\n                    {/* featured-icon-box */}\r\n                    <div className=\"featured-icon-box style5 text-left res-767-mb-20\">\r\n                      <div className=\"featured-icon\">{/* featured-icon*/}\r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\"> \r\n                          <i className=\"flaticon flaticon-intelligent\" />\r\n                        </div>\r\n                      </div>{/* featured-icon */}\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"featured-title\">\r\n                          <h5>Experience Design</h5>{/* featured-title */}\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>UX team create web solutions that are both intuitively tailored to match our clients’ specific tasks.</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm btn-inline mt-3\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>{/* featured-content END*/}\r\n                    </div>{/* featured-icon-box */}\r\n                  </div>\r\n                  <div className=\"col-lg-4 col-md-4\">\r\n                    {/* featured-icon-box */}\r\n                    <div className=\"featured-icon-box style5 text-left res-767-mb-20\">\r\n                      <div className=\"featured-icon\">{/* featured-icon*/}\r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\"> \r\n                          <i className=\"flaticon flaticon-analytics\" />\r\n                        </div>\r\n                      </div>{/* featured-icon */}\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"featured-title\">\r\n                          <h5>Digital Services</h5>{/* featured-title */}\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Digital solutions have transformed the world’s customer expectations and the profitable growths.</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm btn-inline mt-3\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>{/* featured-content END*/}\r\n                    </div>{/* featured-icon-box */}\r\n                  </div>\r\n                  <div className=\"col-lg-4 col-md-4\">\r\n                    {/* featured-icon-box */}\r\n                    <div className=\"featured-icon-box style5 text-left\">\r\n                      <div className=\"featured-icon\">{/* featured-icon*/}\r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\"> \r\n                          <i className=\"flaticon flaticon-analysis\" />\r\n                        </div>\r\n                      </div>{/* featured-icon */}\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"featured-title\">\r\n                          <h5>Content Engineering</h5>{/* featured-title */}\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>We are here in the fields of organizing bridging the gaps between strategy and the development.</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm btn-inline mt-3\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>{/* featured-content END*/}\r\n                    </div>{/* featured-icon-box */}\r\n                  </div>\r\n                </div>{/* row end*/}\r\n              </div>\r\n            </section>\r\n            {/* service section end  */}\r\n            <section className=\"ttm-row zero-padding-section mt_95 res-991-mt-0 res-991-pb-0 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters\">\r\n                  <div className=\"col-lg-3\">\r\n                    {/* col-bg-img-three */}\r\n                    <div className=\"col-bg-img-three ttm-bg ttm-col-bgimage-yes res-991-h-auto\">\r\n                      <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                        <div className=\"ttm-bg-layer-inner\" />\r\n                      </div>\r\n                    </div>\r\n                    {/* Responsive View image */}\r\n                    <img src=\"https://via.placeholder.com/1200X628/444444.jpg\" className=\"img-fluid ttm-equal-height-image\" alt=\"col-bgimage-3\" />\r\n                  </div>\r\n                  <div className=\"col-lg-9\">\r\n                    <div className=\"ttm-bgcolor-skincolor ttm-bg ttm-col-bgcolor-yes ttm-right-span\">\r\n                      <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                        <div className=\"ttm-bg-layer-inner\" />\r\n                      </div>\r\n                      <div className=\"layer-content position-relative\">\r\n                        <div className=\"spacing-6 ttm-textcolor-white\">\r\n                          <h3 className=\"mb-2\">We Take Care of Your Technology Focus on Your Business</h3>\r\n                          <p className=\"mb-0\">Since 2007 we have been a visionary and a reliable software engineering partner for world-class brands. We are a boutique digital transformation consultancy and software development.</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* tab section */}\r\n            <section className=\"ttm-row tab-section clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-md-12\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title text-center with-desc clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>What We Offer For You</h5>\r\n                        <h2 className=\"title\">Here are some <span>Milestones </span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n                {/* row end */}\r\n                {/* row */}\r\n                <div className=\"row\">\r\n                  <div className=\"col-lg-12\">\r\n                    <div className=\"ttm-tabs text-center ttm-tab-style-classic style1\">\r\n                    <Tabs defaultIndex={2} onSelect={index => console.log(index)}>{/* tabs */}\r\n                      <TabList className=\"tabs\">\r\n                        <Tab className=\"tab\" title=\"Hi-Tech\"><span><i className=\"flaticon flaticon-report\" /> Hi-Tech</span></Tab>\r\n                        <Tab className=\"tab\" title=\"Media\"><span><i className=\"flaticon flaticon-computer\" /> Media</span></Tab>\r\n                        <Tab className=\"tab\" title=\"Industrial\"><span><i className=\"flaticon flaticon-system\" /> Industrial</span></Tab>\r\n                        <Tab className=\"tab\" title=\"Banking\"><span><i className=\"flaticon flaticon-interaction\" /> Banking</span></Tab>\r\n                        <Tab className=\"tab\" title=\"Medical\"><span><i className=\"flaticon flaticon-analysis\" /> Medical</span></Tab>\r\n                      </TabList>\r\n                      <div className=\"box-shadow content-tab\">\r\n                        <FadeIn>\r\n                        <TabPanel>\r\n                            <div className=\"content-inner\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"text-left\">\r\n                                    <h3 className=\"title fs-30\">Reason to Reject following Drawbacks</h3>\r\n                                    <p>High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s.</p>\r\n                                    <p>Sometimes you get into it for the wrong reasons, &amp; eventually it hits you on the face. These reasons can be drawbak but an eye opener too. These reasons can be drawbak but an eye opener too.</p>\r\n                                    <ul className=\"ttm-list ttm-list-textsize-medium ttm-list-style-icon pt-15\">\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Complete software platform development </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                    </ul>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"grey-border res-991-mt-30 text-left\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper with-border15\">\r\n                                      <img className=\"img-fluid grey-boder\" src=\"https://via.placeholder.com/495X432/444444.jpg\" title=\"single-img-three\" alt=\"single-img-three\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/* row end */}\r\n                            </div>{/* content-inner */}{/* row end*/}\r\n                        </TabPanel>\r\n                        <TabPanel>\r\n                            <div className=\"content-inner\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"grey-border text-left\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper with-border15\">\r\n                                      <img className=\"img-fluid grey-boder\" src=\"https://via.placeholder.com/495X432/444444.jpg\" title=\"single-img-three\" alt=\"single-img-three\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"text-left res-991-mt-30\">\r\n                                    <h3 className=\"title fs-30\">Reason to Reject following Drawbacks</h3>\r\n                                    <p>High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s.</p>\r\n                                    <p>Sometimes you get into it for the wrong reasons, &amp; eventually it hits you on the face. These reasons can be drawbak but an eye opener too. These reasons can be drawbak but an eye opener too.</p>\r\n                                    <ul className=\"ttm-list ttm-list-textsize-medium ttm-list-style-icon pt-15\">\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Complete software platform development </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                    </ul>\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/* row end */}\r\n                            </div>{/* content-inner */}{/* row end*/}\r\n                        </TabPanel>\r\n                        <TabPanel>\r\n                            <div className=\"content-inner active\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"text-left\">\r\n                                    <h3 className=\"title fs-30\">Reason to Reject following Drawbacks</h3>\r\n                                    <p>High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s.</p>\r\n                                    <p>Sometimes you get into it for the wrong reasons, &amp; eventually it hits you on the face. These reasons can be drawbak but an eye opener too. These reasons can be drawbak but an eye opener too.</p>\r\n                                    <ul className=\"ttm-list ttm-list-textsize-medium ttm-list-style-icon pt-15\">\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Complete software platform development </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                    </ul>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"grey-border res-991-mt-30 text-left\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper with-border15\">\r\n                                      <img className=\"img-fluid grey-boder\" src=\"https://via.placeholder.com/495X432/444444.jpg\" title=\"single-img-three\" alt=\"single-img-three\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/* row end */}\r\n                            </div>{/* content-inner */}{/* row end*/}\r\n                        </TabPanel>\r\n                        <TabPanel>\r\n                            <div className=\"content-inner\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"grey-border text-left\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper with-border15\">\r\n                                      <img className=\"img-fluid grey-boder\" src=\"https://via.placeholder.com/495X432/444444.jpg\" title=\"single-img-three\" alt=\"single-img-three\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"text-left res-991-mt-30\">\r\n                                    <h3 className=\"title fs-30\">Reason to Reject following Drawbacks</h3>\r\n                                    <p>High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s.</p>\r\n                                    <p>Sometimes you get into it for the wrong reasons, &amp; eventually it hits you on the face. These reasons can be drawbak but an eye opener too. These reasons can be drawbak but an eye opener too.</p>\r\n                                    <ul className=\"ttm-list ttm-list-textsize-medium ttm-list-style-icon pt-15\">\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Complete software platform development </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                    </ul>\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/* row end */}\r\n                            </div>{/* content-inner */}{/* row end*/}\r\n                        </TabPanel>\r\n                        <TabPanel>\r\n                            <div className=\"content-inner\">\r\n                              <div className=\"row\">\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"text-left\">\r\n                                    <h3 className=\"title fs-30\">Reason to Reject following Drawbacks</h3>\r\n                                    <p>High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s.</p>\r\n                                    <p>Sometimes you get into it for the wrong reasons, &amp; eventually it hits you on the face. These reasons can be drawbak but an eye opener too. These reasons can be drawbak but an eye opener too.</p>\r\n                                    <ul className=\"ttm-list ttm-list-textsize-medium ttm-list-style-icon pt-15\">\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Complete software platform development </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics</span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Device and field testing for electronics </span>\r\n                                      </li>\r\n                                      <li>\r\n                                        <i className=\"fa fa-arrow-circle-right ttm-textcolor-skincolor\" />\r\n                                        <span className=\"ttm-list-li-content\">Practice maturity in hardware, firmware and middleware</span>\r\n                                      </li>\r\n                                    </ul>\r\n                                  </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                  <div className=\"grey-border res-991-mt-30 text-left\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper with-border15\">\r\n                                      <img className=\"img-fluid grey-boder\" src=\"https://via.placeholder.com/495X432/444444.jpg\" title=\"single-img-three\" alt=\"single-img-three\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                  </div>\r\n                                </div>\r\n                              </div>{/* row end */}\r\n                            </div>{/* content-inner */}{/* row end*/}\r\n                        </TabPanel>\r\n                        </FadeIn>\r\n                      </div>\r\n                    </Tabs>  {/* tabs end*/}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* tab section end */}\r\n            {/* testimonial section */}\r\n            <section className=\"ttm-row bottomzero-padding-section ttm-bgcolor-grey ttm-bg ttm-bgimage-yes bg-img8 clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">{/* row */}\r\n                  <div className=\"col-lg-6\">\r\n                    <div className=\"position-relative z-1\">{/* spacing-2 */}\r\n                      {/* section title */}\r\n                      <div className=\"section-title with-desc clearfix\">\r\n                        <div className=\"title-header\">\r\n                          <h5>About us</h5>\r\n                          <h2 className=\"title\">We deal with the aspects of professional <span>IT Services</span></h2>\r\n                        </div>\r\n                      </div>{/* section title end */}\r\n                      <div className=\"testimonial-slide style1 box-sahdow ttm-bgcolor-white col-bg-img-four\">\r\n                          <Slider className=\"row slick_slider\" arrows={false} dots={true}>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Victor Williamson</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center lazyloaded\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Victor Williamson</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"col-lg-12\">\r\n                              <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center lazyloaded\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Victor Williamson</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </Slider>\r\n                      \r\n                      </div>\r\n                      {/* separator */}\r\n                      <div className=\"separator\">\r\n                        <div className=\"sep-line\" />\r\n                      </div>\r\n                      {/* separator END*/}\r\n                      <div className=\"card border-0\">\r\n                        <div className=\"card-body\">\r\n                          {/* featured-icon-box */}\r\n                          <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                            <div className=\"featured-icon\">{/* featured-icon */}\r\n                              <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"flaticon flaticon-call\" />\r\n                              </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">\r\n                              <div className=\"featured-desc\">{/* featured desc */}\r\n                                <p>Need a service &amp; ready to book? Call us</p>\r\n                              </div>\r\n                              <div className=\"featured-title\">{/* featured title */}\r\n                                <h5>Toll Free Number: <strong className=\"ttm-textcolor-skincolor\">1800 1245 7890</strong></h5>\r\n                              </div>\r\n                            </div>\r\n                          </div>{/* featured-icon-box END*/}\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* spacing-2 END */}\r\n                  </div>\r\n                  <div className=\"col-lg-6\">\r\n                    <div className=\"position-relative res-991-mt-30\">\r\n                      {/* ttm_single_image-wrapper */}\r\n                      <div className=\"ttm_single_image-wrapper text-right\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/434X668/444444.jpg\" title=\"single-img-four\" alt=\"single-img-four\" />\r\n                      </div>{/* ttm_single_image-wrapper end */}\r\n                      <div className=\"ttm-highlight-fid-style-1\">\r\n                        {/*ttm-fid*/}\r\n                        <div className=\"ttm-fid inside without-icon\">\r\n                          <div className=\"ttm-fid-contents text-left\">\r\n                            <h4 className=\"ttm-fid-inner ttm-textcolor-skincolor\">\r\n                            <CountUp start={0} end={25} duration={30} />\r\n                            </h4>\r\n                            <h3 className=\"ttm-fid-title\">Years of Experience IT Bussiness </h3>\r\n                          </div>\r\n                        </div>{/* ttm-fid end*/}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>{/* row end */}\r\n              </div>\r\n            </section>\r\n            {/* testimonial section end */}\r\n            {/* first-row-title-section */}\r\n            <section className=\"ttm-row second-row-title-section mt_90 ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes bg-img9 clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">{/* row */}\r\n                  <div className=\"col-lg-8 offset-lg-2\">\r\n                    <div className=\"text-center\">\r\n                      <div className=\"ttm-play-icon-btn mb-5\">\r\n                        <div className=\"ttm-play-icon-animation\">\r\n                          <a id=\"playbutton\">\r\n                            <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-sm rounded-circle\">\r\n                              <i className=\"fa fa-play\" />\r\n                            </div>\r\n                          </a>\r\n                          <div id=\"videobox\">\r\n                            <i id=\"close-btn\" className=\"fa fa-times\"></i>\r\n                            <div id=\"video-wrapper\">\r\n                              <iframe width=\"500\" height=\"500\" src=\"https://www.youtube.com/embed/7e90gBu4pas\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"></iframe>                              \r\n                            </div>\r\n                          </div> \r\n                        </div>\r\n                      </div>\r\n                      {/* section-title */}\r\n                      <div className=\"section-title with-desc text-center clearfix\">\r\n                        <div className=\"title-header\">\r\n                          <h2 className=\"title\">We Provide Outsourced IT Services For Small &amp; <span className=\"ttm-textcolor-white\">Mid-Sized Business</span></h2>\r\n                        </div>\r\n                        <div className=\"title-desc\">Appropriate for your specific business, making it easy for<br /> you to have quality IT services. What We Do</div>\r\n                      </div>{/* section-title end */}\r\n                      <div className=\"mt-5\">\r\n                        <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-white\">More Services</a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* first-row-title-section end*/}\r\n            {/* portfolio-section */}\r\n            <section className=\"ttm-row bottomzero-padding-section position-relative clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-md-12\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title text-center with-desc clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>Look At Portfolio</h5>\r\n                        <h2 className=\"title\">Check out our <span>Portfolio</span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n                {/* row */}\r\n                <div className=\"row multi-columns-row ttm-boxes-spacing-10px ttm-bgcolor-white\">\r\n                  <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                    {/* featured-imagebox */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"category\">\r\n                          <p>Business , Campaign</p>\r\n                        </div>\r\n                        <div className=\"featured-title\">\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Innovative Technology</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-imagebox */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                    {/* featured-imagebox */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"category\">\r\n                          <p>Campaign , Technology</p>\r\n                        </div>\r\n                        <div className=\"featured-title\">\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>IT Management</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-imagebox */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                    {/* featured-imagebox */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"category\">\r\n                          <p>Corporate , Workshop</p>\r\n                        </div>\r\n                        <div className=\"featured-title\">\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Cyber Security Analysis</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-imagebox */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                    {/* featured-imagebox */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"category\">\r\n                          <p>Innovation , Technology</p>\r\n                        </div>\r\n                        <div className=\"featured-title\">\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Web Development</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-imagebox */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                    {/* featured-imagebox */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"category\">\r\n                          <p>Corporate</p>\r\n                        </div>\r\n                        <div className=\"featured-title\">\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Neural Networking</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-imagebox */}\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                    {/* featured-imagebox */}\r\n                    <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                      {/* featured-thumbnail */}\r\n                      <div className=\"featured-thumbnail\">\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                      </div>{/* featured-thumbnail end*/}\r\n                      <div className=\"featured-content\">\r\n                        <div className=\"category\">\r\n                          <p>Technology , Workshop</p>\r\n                        </div>\r\n                        <div className=\"featured-title\">\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Data Management</a></h5>\r\n                        </div>\r\n                      </div>\r\n                    </div>{/* featured-imagebox */}\r\n                  </div> \r\n                </div>{/* row end */}\r\n              </div>\r\n            </section>\r\n            {/* portfolio-section end */}\r\n            {/* our-partner-section */}\r\n            <section className=\"ttm-row our-partner-section ttm-bgcolor-skincolor mt_90 res-991-mt-0 res-991-p-0 clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-12 text-center\">\r\n                    <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={5}>\r\n                      <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                            <div className=\"client\">\r\n                                <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-01\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                            <div className=\"client\">\r\n                                <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-02\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                            <div className=\"client\">\r\n                                <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-03\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                            <div className=\"client\">\r\n                                <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-04\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                            <div className=\"client\">\r\n                                <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-05\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                      </div>\r\n                    </Slider>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* our-partner-section end */}\r\n            {/* blog-section */}\r\n            <section className=\"ttm-row blog-section clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-md-12\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title text-center with-desc clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>Our Blog</h5>\r\n                        <h2 className=\"title\">Check Out Our <span>Latest News</span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n                <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href=\"single_blog\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a href={process.env.PUBLIC_URL + '/Single_blog'} className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n              </div>\r\n            </section>\r\n            {/* blog-section end */}\r\n          </div>\r\n        \r\n        )\r\n    }\r\n}\r\n\r\nexport default Home2_mainpage;","import React, { Component } from 'react';\r\nimport { Header } from './layout/Header';\r\nimport Home2_mainpage from './Home2_mainpage';\r\nimport CarouselPage2 from './banner/Home2_banner';\r\n\r\n\r\nexport class Home2 extends Component {\r\n     render() {\r\n        \r\n        return (\r\n          <div>\r\n            <Header /> \r\n            <CarouselPage2 />\r\n            <Home2_mainpage />\r\n          </div>\r\n          \r\n        )\r\n    }\r\n}\r\n\r\nexport default Home2;","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport CountUp from 'react-countup';\r\n\r\n\r\nexport class Home3_mainpage extends Component {\r\n    render() {\r\n        var slick_slider = {\r\n          dots: false,\r\n          arrow: false,\r\n          autoplay: true,\r\n          infinite: true,\r\n          speed: 500,\r\n          slidesToShow: 4,\r\n          slidesToScroll: 1,\r\n\r\n          responsive: [{\r\n\r\n            breakpoint: 1199,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 1024,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 680,\r\n            settings: {\r\n                slidesToShow: 2,\r\n                slidesToScroll: 2\r\n            }\r\n        },\r\n        {\r\n            breakpoint: 480,\r\n            settings: {\r\n                slidesToShow: 1,\r\n                slidesToScroll: 1\r\n            }\r\n        }]\r\n        };\r\n        return (       \r\n          <div className=\"site-main\">            \r\n            {/* service-section */}\r\n            <section className=\"ttm-row service-section-style2 res-991-pb-0 ttm-bgcolor-grey clearfix\">\r\n                <div className=\"container-xl\">\r\n                <div className=\"row\">{/* row */}\r\n                    <div className=\"col-lg-12\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title with-desc text-center clearfix\">\r\n                        <div className=\"title-header\">\r\n                        <h5>We Make Connections</h5>\r\n                        <h2 className=\"title\">We provide best <span>Services</span></h2>\r\n                        </div>\r\n                    </div>{/* section title end */}\r\n                    </div>\r\n                </div>\r\n                <div className=\"row no-gutters\">{/* row */}\r\n                    <div className=\"col-md-6 col-lg-3\">\r\n                    {/*  featured-icon-box */} \r\n                    <div className=\"featured-icon-box style6\">\r\n                        <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                            <h5>Experience Design</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                            <p>Our firm is an expert to creates an efficient user interface that make user interaction.</p>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\">\r\n                            <i className=\"flaticon flaticon-system\" />{/*  ttm-icon */} \r\n                        </div>\r\n                        </div>\r\n                        <a className=\"ttm-btn btn-inline style2\">Read More </a>\r\n                    </div>{/*  featured-icon-box END */}\r\n                    </div>\r\n                    <div className=\"col-md-6 col-lg-3\">\r\n                    {/*  featured-icon-box */} \r\n                    <div className=\"featured-icon-box style6\">\r\n                        <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                            <h5>IT Consultancy</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                            <p>We provide an IT management services is for according to an organization’s needs.</p>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\">\r\n                            <i className=\"flaticon flaticon-computer\" />{/*  ttm-icon */} \r\n                        </div>\r\n                        </div>\r\n                        <a className=\"ttm-btn btn-inline style2\">Read More </a>\r\n                    </div>{/*  featured-icon-box END */}\r\n                    </div>\r\n                    <div className=\"col-md-6 col-lg-3\">\r\n                    {/*  featured-icon-box */} \r\n                    <div className=\"featured-icon-box style6\">\r\n                        <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                            <h5>Cyber Security</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                            <p>Expertise in a IT consultancy for the many companies, for their different working areas.</p>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\">\r\n                            <i className=\"flaticon flaticon-chart\" />{/*  ttm-icon */} \r\n                        </div>\r\n                        </div>\r\n                        <a className=\"ttm-btn btn-inline style2\" >Read More </a>\r\n                    </div>{/*  featured-icon-box END */}\r\n                    </div>\r\n                    <div className=\"col-md-6 col-lg-3\">\r\n                    {/*  featured-icon-box */} \r\n                    <div className=\"featured-icon-box style6\">\r\n                        <div className=\"featured-content\">{/*  featured-content */}\r\n                        <div className=\"featured-title\">{/*  featured-title */}\r\n                            <h5>Digital Services</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/*  featured-desc */}\r\n                            <p>We develop, migrate &amp; work on applications to ensure that run capably on cloud.</p>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"featured-icon\">{/*  featured-icon */} \r\n                        <div className=\"ttm-icon ttm-icon_element-size-lg\">\r\n                            <i className=\"flaticon flaticon-data\" />{/*  ttm-icon */} \r\n                        </div>\r\n                        </div>\r\n                        <a className=\"ttm-btn btn-inline style2\">Read More </a>\r\n                    </div>{/*  featured-icon-box END */}\r\n                    </div>\r\n                </div>\r\n                {/* row end */}\r\n                </div>\r\n            </section>\r\n            {/* service-section end*/}\r\n            {/* progress-bar-section */}\r\n            <section className=\"ttm-row zero-padding-section ttm-bgcolor-grey clearfix\">\r\n                <div className=\"container-xl\">\r\n                <div className=\"row no-gutters\">\r\n                    <div className=\"col-md-12\">\r\n                    <div className=\"ttm-bgcolor-white ttm-bg ttm-col-bgcolor-yes ttm-left-span spacing-7 position-relative z-1\">\r\n                        <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                        <div className=\"ttm-bg-layer-inner\" />\r\n                        </div>\r\n                        <div className=\"layer-content\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-6\">\r\n                            {/* ttm_single_image-wrapper */}\r\n                            <div className=\"ttm_single_image-wrapper\">\r\n                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/547X582/444444.jpg\" title=\"single-img-five\" alt=\"single-img-five\" />\r\n                            </div>{/* ttm_single_image-wrapper end */}\r\n                            <div className=\"about-overlay-02\">\r\n                                <h3>15 Years of</h3>\r\n                                <p>IT Business Experience</p>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-lg-6\">\r\n                            <div className=\"res-991-mt-30\">\r\n                                {/* section title */}\r\n                                <div className=\"section-title with-desc clearfix\">\r\n                                <div className=\"title-header\">\r\n                                    <h5>About Altech</h5>\r\n                                    <h2 className=\"title\">We deal with the aspects of professional <span>IT Services</span></h2>\r\n                                </div>\r\n                                <div className=\"title-desc\">\r\n                                    <p>We listen. We advise. We design, together. Happy customers and ongoing relationships are what we strive for. Success is measured by results, the most important being how our clients feel about their experience with us.</p>\r\n                                </div>\r\n                                </div>{/* section title end */}\r\n                                <div className=\"mt-4\">\r\n                                    {/* progress-bar */}\r\n                                    <div className=\"ttm-progress-bar\" data-percent=\"90%\">\r\n                                    <div className=\"progress-bar-title\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                    <div className=\"progress-bar-inner\">\r\n                                        <div className=\"progress-bar ttm-bgcolor-skincolor\" />\r\n                                    </div>\r\n                                    <div className=\"progress-bar-percent\" data-percentage={90}>90%</div>{/* progress-bar-percent */}\r\n                                    </div>\r\n                                    {/* progress-bar END */}\r\n                                    {/* progress-bar */}\r\n                                    <div className=\"ttm-progress-bar\" data-percent=\"80%\">\r\n                                    <div className=\"progress-bar-title\">App Development</div>{/* progress-bar-TITLE */}\r\n                                    <div className=\"progress-bar-inner\">\r\n                                        <div className=\"progress-bar ttm-bgcolor-skincolor\" />\r\n                                    </div>\r\n                                    <div className=\"progress-bar-percent\" data-percentage={80}>80%</div>{/* progress-bar-PERCENT */}\r\n                                    </div>\r\n                                    {/* progress-bar END */}\r\n                                    {/* progress-bar */}\r\n                                    <div className=\"ttm-progress-bar\" data-percent=\"90%\">\r\n                                    <div className=\"progress-bar-title\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                    <div className=\"progress-bar-inner\">\r\n                                        <div className=\"progress-bar ttm-bgcolor-skincolor\" />\r\n                                    </div>\r\n                                    <div className=\"progress-bar-percent\" data-percentage={90}>90%</div>{/* progress-bar-percent */}\r\n                                    </div>\r\n                                    {/* progress-bar END */}\r\n                                    {/* progress-bar */}\r\n                                    <div className=\"ttm-progress-bar\" data-percent=\"80%\">\r\n                                    <div className=\"progress-bar-title\">App Development</div>{/* progress-bar-TITLE */}\r\n                                    <div className=\"progress-bar-inner\">\r\n                                        <div className=\"progress-bar ttm-bgcolor-skincolor\" />\r\n                                    </div>\r\n                                    <div className=\"progress-bar-percent\" data-percentage={80}>80%</div>{/* progress-bar-PERCENT */}\r\n                                    </div>\r\n                                    {/* progress-bar END */}\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </div>\r\n            </section>\r\n            {/* progress-bar-section end */}\r\n            {/* fid-section */}\r\n            <section className=\"ttm-row fid-section ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes bg-img10 mt_225 res-991-mt-0 clearfix\">\r\n                <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n                <div className=\"container-xl\">\r\n                  {/* row */}\r\n                  <div className=\"row\">\r\n                      <div className=\"col-md-3 col-6\">\r\n                      {/*  ttm-icon */}\r\n                      <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                          <div className=\"ttm-fid-icon-wrapper\">\r\n                          <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                              <i className=\"flaticon flaticon-online-library\" />{/*  ttm-icon */} \r\n                          </div>\r\n                          </div>\r\n                          <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                          <h4>\r\n                              <CountUp start={0} end={458} duration={30} />\r\n                          </h4>\r\n                          <h3 className=\"ttm-fid-title\">Completed Projects</h3>{/*  ttm-fid-title */}\r\n                          </div>{/* ttm-fid-contents end */}\r\n                      </div>\r\n                      </div>\r\n                      <div className=\"col-md-3 col-6\">\r\n                      {/*  ttm-icon */}\r\n                      <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                          <div className=\"ttm-fid-icon-wrapper\">\r\n                          <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                              <i className=\"flaticon flaticon-developer\" />{/*  ttm-icon */} \r\n                          </div>\r\n                          </div>\r\n                          <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                          <h4>\r\n                              <CountUp start={0} end={954} duration={30} />\r\n                          </h4>\r\n                          <h3 className=\"ttm-fid-title\">Happy Clients</h3>{/*  ttm-fid-title */}\r\n                          </div>{/* ttm-fid-contents end */}\r\n                      </div>\r\n                      </div>\r\n                      <div className=\"col-md-3 col-6\">\r\n                      {/*  ttm-icon */}\r\n                      <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                          <div className=\"ttm-fid-icon-wrapper\">\r\n                          <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                              <i className=\"flaticon flaticon-24h\" />{/*  ttm-icon */} \r\n                          </div>\r\n                          </div>\r\n                          <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                          <h4>\r\n                              <CountUp start={0} end={897} duration={30} />\r\n                          </h4>\r\n                          <h3 className=\"ttm-fid-title\">Services Provider</h3>{/*  ttm-fid-title */}\r\n                          </div>{/* ttm-fid-contents end */}\r\n                      </div>\r\n                      </div>\r\n                      <div className=\"col-md-3 col-6\">\r\n                      {/*  ttm-icon */}\r\n                      <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                          <div className=\"ttm-fid-icon-wrapper\">\r\n                          <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                              <i className=\"flaticon flaticon-report\" />{/*  ttm-icon */} \r\n                          </div>\r\n                          </div>\r\n                          <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                          <h4>\r\n                              <CountUp start={0} end={785} duration={30} />\r\n                          </h4>\r\n                          <h3 className=\"ttm-fid-title\">Cloud Designs</h3>{/*  ttm-fid-title */}\r\n                          </div>{/* ttm-fid-contents end */}\r\n                      </div>\r\n                      </div>\r\n                  </div>\r\n                  {/* row end*/}\r\n                </div>\r\n            </section>\r\n            {/* fid-section end */}\r\n            {/* team-section */}\r\n            <section className=\"ttm-row team-member-section clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row align-items-center mb-5\">\r\n                  <div className=\"col-lg-5 res-991-text-center\">\r\n                    <div className=\"section-title style2 mb-0 clearfix\">\r\n                      <div className=\"title-header mb-0\">\r\n                        <h5>About us</h5>\r\n                        <h2 className=\"title\">Meet our <span>Leadership</span></h2>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-5 res-991-text-center\">\r\n                    <div className=\"title-desc\">The positive distinction within the World Inspiring of Success and Connections of People and Organizations.</div>\r\n                  </div>\r\n                  <div className=\"col-lg-2 pl-0 text-right res-991-mt-20 res-991-text-center\">\r\n                    <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-darkgrey\"> Read More </a>\r\n                  </div>\r\n                </div>\r\n                <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3} autoplay={false}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-as-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-aedin\"><a><i className=\"fab fa-aedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jennifer Garcia</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-as-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-aedin\"><a><i className=\"fab fa-aedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Robert Liam</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-as-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-aedin\"><a><i className=\"fab fa-aedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jessica Ethan</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-as-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-aedin\"><a><i className=\"fab fa-aedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Amanda Brown</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-as-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-aedin\"><a><i className=\"fab fa-aedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Amanda Brown</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n              </div>\r\n            </section>\r\n            {/* team-section end*/}\r\n            {/* testimonial-section */}\r\n            <section className=\"ttm-row only-testimonial-section bg-img11 pb-0 res-991-pb-0 clearfix\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-lg-12\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title with-desc text-center clearfix\">\r\n                            <div className=\"title-header\">\r\n                                <h5>Recent Projects</h5>\r\n                                <h2 className=\"title\">Check out our work <span>Process</span></h2>\r\n                            </div>\r\n                        </div>{/* section title end */}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-8 offset-md-2\">\r\n                        <Slider className=\"testimonial-slide style1 pt-0 slick_slider res-991-pb-0\" arrows={false} dots={false}>\r\n                            <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Victor Williamson</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            \r\n                            <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center lazyloaded\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Victor Williamson</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            \r\n                            <div className=\"testimonials text-center\"> \r\n                                <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                  <div className=\"testimonial-avatar\">\r\n                                    <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                      <img className=\"img-center lazyloaded\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                  <div className=\"ttm-ratting-star\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                  </div>\r\n                                  <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                    <h6>Victor Williamson</h6>\r\n                                    <label>Web Devloper</label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            \r\n                          </Slider>                      \r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n            {/* testimonial-section end */}\r\n            {/* about-us-section */}\r\n            <section className=\"ttm-row zero-padding-section ttm-bgcolor-grey clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row no-gutters\">\r\n                  <div className=\"col-md-12\">\r\n                    <div className=\"ttm-bgcolor-white ttm-bg ttm-col-bgcolor-yes ttm-right-span spacing-8 position-relative z-1\">\r\n                      <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                        <div className=\"ttm-bg-layer-inner\" />\r\n                      </div>\r\n                      <div className=\"layer-content\">\r\n                        <div className=\"row\">\r\n                          <div className=\"col-lg-6\">\r\n                            <div>\r\n                              {/* section title */}\r\n                              <div className=\"section-title with-desc clearfix\">\r\n                                <div className=\"title-header\">\r\n                                  <h5>Why Altech</h5>\r\n                                  <h2 className=\"title\">We deal with the aspects of professional <span>IT Services</span></h2>\r\n                                </div>\r\n                                <div className=\"title-desc\">\r\n                                  <p>Web designing in a powerful way of just not a profession, however, in a passion for our Company. We have a tendency to believe the idea that smart looking of any website is the first impression on visitors. And the smart design.</p>\r\n                                  <p>We have a special team for website style who has been involved in designing professional websites.</p>\r\n                                </div>\r\n                              </div>{/* section title end */}\r\n                              {/* row */}\r\n                              <div className=\"row no-gutters mt-35\">\r\n                                <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                                  <ul className=\"ttm-list ttm-list-style-icon\">\r\n                                    <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Web And Mobile Application </span></li>\r\n                                    <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">New Domain Registration</span></li>\r\n                                    <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Data Text Synchronization</span></li>\r\n                                  </ul>\r\n                                </div>\r\n                                <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                                  <ul className=\"ttm-list ttm-list-style-icon\">\r\n                                    <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Improving Our Website Design</span></li>\r\n                                    <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Web &amp; Email Hosting Services </span></li>\r\n                                    <li><i className=\"far fa-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Artificial Intelligence Web App</span></li>\r\n                                  </ul>\r\n                                </div>\r\n                              </div>\r\n                              {/* row END */}\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"col-lg-6 res-991-text-center\">\r\n                            <div className=\"res-991-mt-30\">\r\n                              {/* ttm_single_image-wrapper */}\r\n                              <div className=\"ttm_single_image-wrapper\">\r\n                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/538X512/444444.png\" title=\"single-img-six\" alt=\"single-img-six\" />\r\n                              </div>{/* ttm_single_image-wrapper end */}\r\n                              <div className=\"about-overlay-03\">\r\n                                <h3>25 Years Experience</h3>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* about-us-section end*/}\r\n            {/* first-row-title-section */}\r\n            <section className=\"ttm-row third-row-title-section ttm-bgcolor-skincolor ttm-bg ttm-bgimage-yes bg-img12 mt_230 res-991-mt-0 clearfix\">\r\n              <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">{/* row */}\r\n                  <div className=\"col-lg-6 col-xl-7\">\r\n                    <div className=\"text-center\">\r\n                      <img src=\"images/map-png.png\" alt=\"map-png\" />\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-6 col-xl-5\">\r\n                    <div className=\"text-center\">\r\n                      <div className=\"mb-4\">\r\n                        <img src=\"https://via.placeholder.com/112X118/444444.png\" alt=\"icon-image\" />\r\n                      </div>\r\n                      <div className=\"separator\">\r\n                        <div className=\"sep-line mt-2 mb-4 desc-line\" />\r\n                      </div>\r\n                      <div>\r\n                        <p className=\"fs-20\">Call Us Now!</p>\r\n                      </div>\r\n                      {/* section-title */}\r\n                      <div className=\"row-title clearfix\">\r\n                          <h2 className=\"title\">+12 3456 78901</h2>\r\n                          <h2 className=\"title fs-38 mb-3\">For Expert Consultation</h2>\r\n                      </div>{/* section-title end */}\r\n                      <div>\r\n                        <p className=\"fs-20 mb-0\">Or Send Message</p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* first-row-title-section end*/}\r\n            {/* price text section */}\r\n            <section className=\"ttm-row price-text-section res-991-pb-0 ttm-bgcolor-grey clearfix\">\r\n              <div className=\"container-xl\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-md-12\">\r\n                    {/* section title */}\r\n                    <div className=\"section-title text-center with-desc clearfix\">\r\n                      <div className=\"title-header\">\r\n                        <h5>Our Pricing Plans</h5>\r\n                        <h2 className=\"title\">A monthly project fee <span>Price Plans</span></h2>\r\n                      </div>\r\n                    </div>{/* section title end */}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </section>\r\n            {/* price text section end*/}\r\n            {/* price section*/}\r\n            <section className=\"ttm-row topzero-padding-section res-991-pt-0 clearfix\">\r\n              <div className=\"container-xl\">\r\n                {/* row */}\r\n                <div className=\"row no-gutters mt_100 res-991-mt-0\">\r\n                  <div className=\"col-md-4\">\r\n                    {/*ttm-pricing-plan*/}\r\n                    <div className=\"ttm-pricing-plan box-shadow text-left clearfix\">\r\n                      <div className=\"ttm-ptablebox-title\"><h3>Professional</h3></div>{/*title*/}\r\n                      <div className=\"ttm-ptablebox-desc\">Designed for businesses with standard health requirements</div>\r\n                      <div className=\"ttm-ptablebox-content\">\r\n                        <div className=\"ttm-ptablebox-price-w\">\r\n                          <div className=\"ttm-ptablebox-cur-symbol-before\">$</div>\r\n                          <div className=\"ttm-ptablebox-price\">70.00</div>{/*price*/}\r\n                          <div className=\"ttm-ptablebox-frequency\">per month</div>\r\n                        </div>\r\n                        <div className=\"ttm-ptablebox-features\">{/*features*/}\r\n                          <ul className=\"ttm-feature-lines\">\r\n                            <li>24/7 Support</li>\r\n                            <li>Advanced Options</li>\r\n                            <li>16 GB Storage</li>\r\n                            <li>Unlimited Support</li>\r\n                          </ul>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"price_btn\">\r\n                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-grey mb-3 w-100\">Get Started</a>\r\n                      </div>\r\n                    </div>{/*ttm-pricing-plan*/}\r\n                  </div>\r\n                  <div className=\"col-md-4\">\r\n                    {/*ttm-pricing-plan*/}\r\n                    <div className=\"ttm-pricing-plan ttm-pricing-plan-col box-shadow text-left clearfix\">\r\n                      <div className=\"ttm-featured-title\"><i className=\"fa fa-star\" />MOST POPULAR</div>\r\n                      <div className=\"ttm-ptablebox-title\"><h3>Standard</h3></div>{/*title*/}\r\n                      <div className=\"ttm-ptablebox-desc\">Designed for businesses with standard health requirements</div>\r\n                      <div className=\"ttm-ptablebox-content\">\r\n                        <div className=\"ttm-ptablebox-price-w\">\r\n                          <div className=\"ttm-ptablebox-cur-symbol-before\">$</div>\r\n                          <div className=\"ttm-ptablebox-price\">90.00</div>{/*price*/}\r\n                          <div className=\"ttm-ptablebox-frequency\">per month</div>\r\n                        </div>\r\n                        <div className=\"ttm-ptablebox-features\">{/*features*/}\r\n                          <ul className=\"ttm-feature-lines\">\r\n                            <li>24/7 Support</li>\r\n                            <li>Advanced Options</li>\r\n                            <li>16 GB Storage</li>\r\n                            <li>Unlimited Support</li>\r\n                          </ul>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"price_btn\">\r\n                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor w-100\">Get Started</a>\r\n                      </div>\r\n                    </div>{/*ttm-pricing-plan*/}\r\n                  </div>\r\n                  <div className=\"col-md-4\">\r\n                    {/*ttm-pricing-plan*/}\r\n                    <div className=\"ttm-pricing-plan box-shadow text-left clearfix\">\r\n                      <div className=\"ttm-ptablebox-title\"><h3>Basic</h3></div>{/*title*/}\r\n                      <div className=\"ttm-ptablebox-desc\">Designed for businesses with standard health requirements</div>\r\n                      <div className=\"ttm-ptablebox-content\">\r\n                        <div className=\"ttm-ptablebox-price-w\">\r\n                          <div className=\"ttm-ptablebox-cur-symbol-before\">$</div>\r\n                          <div className=\"ttm-ptablebox-price\">60.00</div>{/*price*/}\r\n                          <div className=\"ttm-ptablebox-frequency\">per month</div>\r\n                        </div>\r\n                        <div className=\"ttm-ptablebox-features\">{/*features*/}\r\n                          <ul className=\"ttm-feature-lines\">\r\n                            <li>24/7 Support</li>\r\n                            <li>Advanced Options</li>\r\n                            <li>16 GB Storage</li>\r\n                            <li>Unlimited Support</li>\r\n                          </ul>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"price_btn\">\r\n                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-grey mb-3 w-100\" >Get Started</a>\r\n                      </div>\r\n                    </div>{/*ttm-pricing-plan*/}\r\n                  </div>\r\n                </div>{/* row end */}\r\n              </div>\r\n            </section>\r\n            {/* price section end*/}\r\n          </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Home3_mainpage;\r\n","import React, { Component } from 'react';\r\nimport { Header } from './layout/Header';\r\nimport Home3_mainpage from './Home3_mainpage';\r\nimport { CarouselPage } from './banner/Home1_banner';\r\n\r\nexport class Home3 extends Component {\r\n    render() {        \r\n        return (       \r\n          <div>\r\n            <Header />\r\n            <CarouselPage />\r\n            <Home3_mainpage />\r\n          </div>\r\n          )\r\n    }\r\n}\r\n\r\n\r\nexport default Home3;\r\n","import React, { Component } from 'react'\r\nimport {a} from 'react-router-dom';\r\nimport { Menu } from './menu';\r\nimport Mobilemenu from './Mobile_menu';\r\n\r\nexport class Header2 extends Component {\r\n    state = {\r\n        show: false,\r\n      }    \r\n    toggle = () => this.setState((currentState) => ({show: !currentState.show}));\r\n    render() {\r\n        return (\r\n            <header id=\"masthead\" className=\"header ttm-header-style-02\">\r\n                {/* ttm-topbar-wrapper */}\r\n                <div className=\"ttm-topbar-wrapper ttm-bgcolor-darkgrey ttm-textcolor-white clearfix\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-5\">\r\n                            <ul className=\"top-contact text-left\">\r\n                                <li><i className=\"fas fa-map-marker-alt\" />&nbsp;&nbsp;24 Tech Roqad st Ny 10023</li>\r\n                                <li><i className=\"far fa-envelope\" />&nbsp;&nbsp;<a to=\"mailto:info@example.com.com\">info@example.com</a></li>\r\n                            </ul>\r\n                        </div>\r\n                        <div className=\"col-lg-7\">\r\n                            <div className=\"topbar-right text-right d-flex justify-content-end\">\r\n                                <ul className=\"top-contact\">\r\n                                    <li><i className=\"far fa-clock\" />&nbsp;&nbsp;Office Hour: 08:00am - 6:00pm</li>\r\n                                </ul>\r\n                            <div className=\"ttm-social-links-wrapper list-inline\">\r\n                                <ul className=\"social-icons\">\r\n                                    <li><a  className=\" tooltip-bottom\" data-tooltip=\"Facebook\"><i className=\"fab fa-facebook-f\" /></a>\r\n                                    </li>\r\n                                    <li><a  className=\" tooltip-bottom\" data-tooltip=\"Twitter\"><i className=\"fab fa-twitter\" /></a>\r\n                                    </li>\r\n                                    <li><a  className=\" tooltip-bottom\" data-tooltip=\"Flickr\"><i className=\"fab fa-flickr\" /></a>\r\n                                    </li>\r\n                                    <li><a  className=\" tooltip-bottom\" data-tooltip=\"aedin\"><i className=\"fab fa-linkedin-in\" /></a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                            <div className=\"header-btn\">\r\n                                <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor\" >Get A Quote</a>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* ttm-topbar-wrapper end */}\r\n                {/* ttm-header-wrap */}\r\n                <div className=\"ttm-header-wrap\">\r\n                    <div className=\"ttm-bgcolor-white\">\r\n                        <div className=\"container-xl\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12\">\r\n                                    <div className=\"d-flex flex-rowalign-items-center\">\r\n                                        {/* site-branding */}\r\n                                        <div className=\"site-branding mr-auto\">\r\n                                        <a className=\"home-link\" href={process.env.PUBLIC_URL + '/'} title=\"Altech\" rel=\"home\">\r\n                                            <img id=\"logo-img\" className=\"img-center\" src=\"images/logo.png\"alt=\"logo\" />\r\n                                        </a>\r\n                                        </div>{/* site-branding end */}\r\n                                        {/* widget-info */}\r\n                                        <div className=\"widget_info d-flex flex-row align-items-center justify-content-end\">\r\n                                        <div className=\"widget_icon\"><i className=\"flaticon-call\" /></div>\r\n                                        <div className=\"widget_content\">\r\n                                            <h5 className=\"widget_title\">Working Hours</h5>\r\n                                            <p className=\"widget_desc\">Mon-Sat:10:00 AM To 6:00 PM</p>\r\n                                        </div>\r\n                                        </div>{/* widget-info end */}\r\n                                        {/* widget-info */}\r\n                                        <div className=\"widget_info d-flex flex-row align-items-center justify-content-end\">\r\n                                        <div className=\"widget_icon\"><i className=\"flaticon-clock\" /></div>\r\n                                        <div className=\"widget_content\">\r\n                                            <h5 className=\"widget_title\">24 Us Support</h5>\r\n                                            <p className=\"widget_desc\"><a href=\"mailto:info@example.com\">info@example.com</a></p>\r\n                                        </div>\r\n                                        </div>{/* widget-info end */}\r\n                                        {/* widget-info */}\r\n                                        <div className=\"widget_info d-flex flex-row align-items-center justify-content-end\">\r\n                                        <div className=\"widget_icon\"><i className=\"flaticon-global-1\" /></div>\r\n                                        <div className=\"widget_content\">\r\n                                            <h5 className=\"widget_title\">Our Location</h5>\r\n                                            <p className=\"widget_desc\">24 Tech Roqad st Ny 10023</p>\r\n                                        </div>\r\n                                        </div>{/* widget-info end */}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div id=\"navbar\" className=\"ttm-stickable-header clearfix\">\r\n                        <div className=\"ttm-bgcolor-grey\">\r\n                        <div className=\"container-xl\">\r\n                            <div className=\"row site-header-menu\">\r\n                                {/*site-navigation */}\r\n                                <div className=\"col-12 site-navigation\">\r\n                                    <div className=\"ttm-right-header\">                                        \r\n                                        <ul className=\"ttm-header-icons position-relative\">\r\n                                        <li className=\"ttm-header-search-link ttm-bgcolor-skincolor ttm-textcolor-white\">\r\n                                            <a onClick={this.toggle}> {this.state.show ? <i className=\"ti-close\" /> : <i className=\"ti-search\" />}</a>\r\n                                            {this.state.show && <div className=\"ttm-search-overlay\">\r\n                                                <form className=\"ttm-site-searchform\">\r\n                                                    <div className=\"w-search-form-h\">\r\n                                                        <div className=\"w-search-form-row\">\r\n                                                            <div className=\"w-search-input\">\r\n                                                                <input type=\"search\" className=\"field searchform-s\" name=\"s\" placeholder=\"Type Word Then Enter...\" />\r\n                                                                <button type=\"submit\">\r\n                                                                    <i className=\"ti ti-search\" />\r\n                                                                </button>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </form>\r\n                                            </div>}\r\n                                            </li>\r\n                                            <li className=\"ttm-header-cart-link ttm-bgcolor-darkgrey ttm-textcolor-white\"><a><i className=\"ti-shopping-cart\" /><span>0</span></a></li>\r\n                                        </ul>\r\n                                        <div className=\"ttm-custombutton ttm-bgcolor-skincolor\">\r\n                                           <span className=\"ttm-textcolor-white\"> Emergency Help Line : +123 456 7890 123-78</span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <Menu />\r\n                                    <div className=\"mobilemenu\"><Mobilemenu/></div>\r\n                                </div>\r\n                                {/*site-navigation end*/}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                {/* ttm-header-wrap end*/}\r\n            </header>\r\n        \r\n        )\r\n    }\r\n}\r\n\r\nexport default Header2;","import React, { Component } from \"react\";\r\nimport { MDBAnimation, MDBCarousel, MDBCarouselCaption, MDBCarouselInner, MDBCarouselItem, MDBView, MDBMask, MDBContainer, MDBRow } from\r\n\"mdbreact\";\r\n\r\nexport class CarouselPage3 extends Component {\r\n    render() {\r\n        return (\r\n            <MDBContainer fluid>\r\n            <MDBRow>\r\n            <MDBCarousel\r\n            activeItem={1}\r\n            length={2}\r\n            showControls={true}\r\n            showIndicators={false}\r\n            id=\"Home_banner\"\r\n            >\r\n            <MDBCarouselInner>\r\n                <MDBCarouselItem itemId=\"1\">\r\n                <MDBView>\r\n                    <img className=\"d-block w-100\" src=\"https://via.placeholder.com/1920X850/888888.jpg\" alt=\"First slide\" />\r\n                </MDBView>\r\n                <MDBCarouselCaption>\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"carousel-caption-inner banner3\">\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"2s\" >\r\n                                <h2>Give your Customer Experience a Human Touch</h2>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"2.5s\" >\r\n                                <p className=\"text\">We are equipped with an updated technical knowledge to serve our customers properly. Our method of application maintains the industry.</p>\r\n                                <span></span>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"3s\" >\r\n                                <p>\r\n                                    <button className=\"mt-5 res-767-mt-0 ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-white ttm-textcolor-white\">view our projects</button>\r\n                                </p>                           \r\n                            </MDBAnimation>\r\n                        </div>\r\n                    </div>\r\n                </MDBCarouselCaption>\r\n                </MDBCarouselItem>\r\n                <MDBCarouselItem itemId=\"2\">\r\n                <MDBView>\r\n                    <img className=\"d-block w-100\" src=\"https://via.placeholder.com/1920X850/888888.jpg\" alt=\"Second slide\" />\r\n                </MDBView>\r\n                <MDBCarouselCaption>\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"carousel-caption-inner banner4\">\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"5s\" >\r\n                            <h2>Say Goodbye to Bring Repetitive Legal Work </h2>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"5.5s\" >\r\n                            <p className=\"text\">We are equipped with an updated technical knowledge to serve our customers  properly. Our method of application maintains the industry.</p>\r\n                            </MDBAnimation>\r\n                            <MDBAnimation className=\"slideInUp\" count={1} delay=\"6s\" >\r\n                            <p className=\"mt-4\">\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor mr-3\">read more</button>\r\n                                <button className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-white\">get altech</button>\r\n                            </p>\r\n                            </MDBAnimation>\r\n                        </div>\r\n                      </div>\r\n                </MDBCarouselCaption>\r\n                </MDBCarouselItem>\r\n            </MDBCarouselInner>\r\n            </MDBCarousel>\r\n            </MDBRow>\r\n            </MDBContainer>\r\n        );\r\n    }\r\n}\r\n\r\nexport default CarouselPage3;","import React, { Component } from 'react';\r\nimport Header2 from './layout/Header2';\r\nimport Home2_mainpage from './Home2_mainpage';\r\nimport CarouselPage3 from './banner/Home3_banner';\r\n\r\nexport class Home2_Header2 extends Component {\r\n  render() {\r\n    return(\r\n      <div>\r\n          <Header2/>\r\n          <CarouselPage3 />\r\n          <Home2_mainpage />\r\n      </div>\r\n      \r\n    )\r\n  }\r\n} \r\n\r\nexport default Home2_Header2;","import React, { Component } from 'react';\r\nimport { Menu } from './menu';\r\nimport Mobilemenu from './Mobile_menu';\r\n\r\nexport class Header3 extends Component {\r\n    state = {\r\n        show: false,\r\n      }    \r\n    toggle = () => this.setState((currentState) => ({show: !currentState.show}));\r\n    render() {\r\n        return (\r\n            <header id=\"masthead\" className=\"header ttm-header-style-03\">\r\n                {/* ttm-topbar-wrapper */}\r\n                <div className=\"ttm-header-wrap\">\r\n                    <div className=\"site-header-menu\">\r\n                        <div id=\"navbar\" className=\"ttm-stickable-header clearfix\">\r\n                            <div className=\"container-xl\">\r\n                                <div className=\"d-xl-flex flex-xl-row align-items-xl-center justify-content-xl-between\">\r\n                                    <div className=\"site-branding\">\r\n                                        <a className=\"home-link\" href={process.env.PUBLIC_URL + '/'} title=\"Altech\" rel=\"home\">\r\n                                            <img id=\"logo-img\" className=\"img-fluid\" alt=\"logo\" src=\"images/logo.png\" />\r\n                                        </a>\r\n                                    </div>\r\n                                    <div className=\"site-navigation\">\r\n                                        <div className=\"ttm-topbar-wrapper clearfix\">\r\n                                            <div className=\"container-xl\">\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-lg-12 text-right\">\r\n                                                        <ul className=\"top-contact\">\r\n                                                            <li><i className=\"fas fa-map-marker-alt\" />&nbsp;&nbsp;24 Tech Roqad st Ny 10023</li>\r\n                                                            <li><i className=\"far fa-envelope\" />&nbsp;&nbsp;<a to=\"mailto:info@example.com.com\">info@example.com</a></li>\r\n                                                            <li><i className=\"far fa-clock\" />&nbsp;&nbsp;Office Hour: 08:00am - 6:00pm</li>\r\n                                                        </ul>\r\n                                                        <div className=\"ttm-social-links-wrapper list-inline\">\r\n                                                            <ul className=\"social-icons\">\r\n                                                                <li><a className=\" tooltip-bottom\" data-tooltip=\"Facebook\"><i className=\"fab fa-facebook-f\" /></a>\r\n                                                                </li>\r\n                                                                <li><a className=\" tooltip-bottom\" data-tooltip=\"Twitter\"><i className=\"fab fa-twitter\" /></a>\r\n                                                                </li>\r\n                                                                <li><a className=\" tooltip-bottom\" data-tooltip=\"Flickr\"><i className=\"fab fa-flickr\" /></a>\r\n                                                                </li>\r\n                                                                <li><a className=\" tooltip-bottom\" data-tooltip=\"aedin\"><i className=\"fab fa-linkedin-in\" /></a>\r\n                                                                </li>\r\n                                                            </ul>\r\n                                                        </div>                                                        \r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"container-xl\">\r\n                                            <div className=\"row align-items-center ml-auto\">\r\n                                                <div className=\"ml-auto\">\r\n                                                    <Menu /> \r\n                                                    <div className=\"mobilemenu\"><Mobilemenu/></div>\r\n                                                </div>\r\n                                                <div className=\"ttm-right-header ml-auto pl-0\">                                        \r\n                                                    <ul className=\"ttm-header-icons\">\r\n                                                    <li className=\"ml-4 ttm-header-search-link ttm-bgcolor-skincolor ttm-textcolor-white\">\r\n                                                        <a onClick={this.toggle}> {this.state.show ? <i className=\"ti-close\" /> : <i className=\"ti-search\" />}</a>\r\n                                                        {this.state.show && <div className=\"ttm-search-overlay\">\r\n                                                            <form className=\"ttm-site-searchform\">\r\n                                                                <div className=\"w-search-form-h\">\r\n                                                                    <div className=\"w-search-form-row\">\r\n                                                                        <div className=\"w-search-input\">\r\n                                                                            <input type=\"search\" className=\"field searchform-s\" name=\"s\" placeholder=\"Type Word Then Enter...\" />\r\n                                                                            <button type=\"submit\">\r\n                                                                                <i className=\"ti ti-search\" />\r\n                                                                            </button>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </form>\r\n                                                        </div>}\r\n                                                        </li>\r\n                                                        <li className=\"ttm-header-cart-link ttm-bgcolor-darkgrey ttm-textcolor-white\"><a><i className=\"ti-shopping-cart\" /><span>0</span></a></li>\r\n                                                    </ul>                                            \r\n                                                </div>  \r\n                                                <div className=\"ml-auto right-btn\"><button className=\"ml-4 ttm-btn ttm-btn-size-xs ttm-bgcolor-skincolor\">get a quote</button></div>\r\n                                            </div>    \r\n                                        </div>                    \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </header>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Header3;","import React, { Component } from 'react';\r\nimport Header3 from './layout/Header3';\r\nimport Home3_mainpage from './Home3_mainpage';\r\nimport CarouselPage2 from './banner/Home2_banner';\r\n\r\nexport class Home3_Header3 extends Component {\r\n  render() {\r\n    return(\r\n      <div>\r\n          <Header3/>\r\n          <CarouselPage2 />\r\n          <Home3_mainpage />\r\n      </div>\r\n      \r\n    )\r\n  }\r\n} \r\n\r\nexport default Home3_Header3;","import React, { Component } from 'react';\r\nimport { MDBProgress } from 'mdbreact';\r\nimport Slider from 'react-slick';\r\nimport CountUp from 'react-countup';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Aboutus_01 extends Component {\r\n    render() {\r\n        var slick_slider = {\r\n          dots: false,\r\n          arrow: false,\r\n          autoplay: true,\r\n          infinite: true,\r\n          speed: 500,\r\n          slidesToShow: 4,\r\n          slidesToScroll: 1,\r\n\r\n          responsive: [{\r\n\r\n            breakpoint: 1199,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 1024,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 767,\r\n            settings: {\r\n                slidesToShow: 2,\r\n                slidesToScroll: 2\r\n            }\r\n        },\r\n        {\r\n            breakpoint: 480,\r\n            settings: {\r\n                slidesToShow: 1,\r\n                slidesToScroll: 1\r\n            }\r\n        }]\r\n        };\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">About Us</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'} ><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>About Us 01</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                {/* aboutus-section */}\r\n                <section className=\"ttm-row aboutus-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-lg-6\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                            <h5>About us</h5>\r\n                            <h2 className=\"title\">We are here to IT Solution with 20 years of <span>experience</span></h2>\r\n                            </div>\r\n                            <div className=\"title-desc\">\r\n                            <p>Web designing in a powerful way of just not an only professions, however, in a passion for our Company. We have to a tendency to believe the idea that smart looking of any website is the first impression on visitors. And the smart design of any website is the starting point.</p>\r\n                            <p>We have a special team for website style who has been involved in designing professional websites of all categories.</p>\r\n                            </div>\r\n                        </div>{/* section title end */}\r\n                        {/* row */}\r\n                        <div className=\"row no-gutters mt-4 mb-4\">\r\n                            <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                            <ul className=\"ttm-list ttm-list-style-icon\">\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">24/7 Hours Support Flexible Price </span></li>\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Web And Mobile Application </span></li>\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">New Domain Registration</span></li>\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Data Text Synchronization</span></li>\r\n                            </ul>\r\n                            </div>\r\n                            <div className=\"col-md-6 col-lg-6 col-sm-6\">\r\n                            <ul className=\"ttm-list ttm-list-style-icon\">\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Quick To Respond Flexible Price </span></li>\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Improving Our Website Design</span></li>\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Web &amp; Email Hosting Services </span></li>\r\n                                <li><i className=\"ti-check-box ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Artificial Intelligence Web App</span></li>\r\n                            </ul>\r\n                            </div>\r\n                        </div>{/* row END*/}\r\n                        <p className=\"mb-2\">High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s for web applications.</p>\r\n                        <a className=\"ttm-btn ttm-bgcolor-skincolor ttm-btn-size-md mt-4\">More About Us</a>\r\n                        </div>\r\n                        <div className=\"col-lg-6\">\r\n                        <div className=\"position-relative res-991-mt-30\">\r\n                            {/* ttm_single_image-wrapper */}\r\n                            <div className=\"ttm_single_image-wrapper text-sm-center\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/533X708/444444.png\" title=\"single-img-seven\" alt=\"single-img-seven\" />\r\n                            </div>{/* ttm_single_image-wrapper end */}\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    </div>\r\n                </section>\r\n                {/* aboutus-section end*/}\r\n                {/* progress-bar-section */}\r\n                <section className=\"ttm-row zero-padding-section res-991-p-0 ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row no-gutters\">\r\n                        <div className=\"col-md-12\">\r\n                        <div className=\"ttm-bgcolor-grey ttm-bg ttm-col-bgcolor-yes ttm-left-span spacing-7 position-relative z-1\">\r\n                            <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                            <div className=\"ttm-bg-layer-inner\" />\r\n                            </div>\r\n                            <div className=\"layer-content\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-lg-6\">\r\n                                {/* ttm_single_image-wrapper */}\r\n                                <div className=\"ttm_single_image-wrapper\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/547X581/444444.jpg\" title=\"single-img-eight\" alt=\"single-img-eight\" />\r\n                                </div>{/* ttm_single_image-wrapper end */}\r\n                                <div className=\"about-overlay-02\">\r\n                                    <h3>15 Years of</h3>\r\n                                    <p>IT Business Experience</p>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                <div className=\"res-991-mt-30\">\r\n                                    {/* section title */}\r\n                                    <div className=\"section-title with-desc clearfix\">\r\n                                    <div className=\"title-header\">\r\n                                        <h5>About Altech</h5>\r\n                                        <h2 className=\"title\">We deal with the aspects of professional <span>IT Services</span></h2>\r\n                                    </div>\r\n                                    <div className=\"title-desc\">\r\n                                        <p>We listen. We advise. We design, together. Happy customers and ongoing relationships are what we strive for. Success is measured by results, the most important being how our clients feel about their experience with us.</p>\r\n                                    </div>\r\n                                    </div>{/* section title end */}\r\n                                    <div className=\"mt-4\">\r\n                                        {/* progress-bar */}\r\n                                        <div className=\"ttm-progress-bar\">\r\n                                            <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                            <label className=\"float-right\">90%</label>\r\n                                            <MDBProgress className=\"w-100\" material value={90}></MDBProgress>\r\n                                        </div>\r\n                                        {/* progress-bar END */}\r\n                                        {/* progress-bar */}\r\n                                        <div className=\"ttm-progress-bar\">\r\n                                            <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                            <label className=\"float-right\">80%</label>\r\n                                            <MDBProgress className=\"w-100\" material value={80}></MDBProgress>\r\n                                        </div>\r\n                                        {/* progress-bar END */}\r\n                                        {/* progress-bar */}\r\n                                        <div className=\"ttm-progress-bar\">\r\n                                            <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                            <label className=\"float-right\">90%</label>\r\n                                            <MDBProgress className=\"w-100\" material value={90}></MDBProgress>\r\n                                        </div>\r\n                                        {/* progress-bar END */}\r\n                                        {/* progress-bar */}\r\n                                        <div className=\"ttm-progress-bar\">\r\n                                            <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                            <label className=\"float-right\">80%</label>\r\n                                            <MDBProgress className=\"w-100\" material value={80}></MDBProgress>\r\n                                        </div>\r\n                                        {/* progress-bar END */}\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </section>\r\n                {/* progress-bar-section end */}\r\n                {/* fid-section */}\r\n                <section className=\"ttm-row fid-section ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes bg-img10 mt_225 res-991-mt-0 clearfix\">\r\n                    <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\" />\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-3 col-6\">\r\n                        {/*  ttm-icon */}\r\n                        <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                            <div className=\"ttm-fid-icon-wrapper\">\r\n                            <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"flaticon flaticon-online-library\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                            <h4>\r\n                                <CountUp start={0} end={458} duration={30} />\r\n                            </h4>\r\n                            <h3 className=\"ttm-fid-title\">Completed Projects</h3>{/*  ttm-fid-title */}\r\n                            </div>{/* ttm-fid-contents end */}\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-md-3 col-6\">\r\n                        {/*  ttm-icon */}\r\n                        <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                            <div className=\"ttm-fid-icon-wrapper\">\r\n                            <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"flaticon flaticon-developer\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                            <h4>\r\n                                <CountUp start={0} end={954} duration={30} />\r\n                            </h4>\r\n                            <h3 className=\"ttm-fid-title\">Happy Clients</h3>{/*  ttm-fid-title */}\r\n                            </div>{/* ttm-fid-contents end */}\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-md-3 col-6\">\r\n                        {/*  ttm-icon */}\r\n                        <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                            <div className=\"ttm-fid-icon-wrapper\">\r\n                            <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"flaticon flaticon-24h\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                            <h4>\r\n                                <CountUp start={0} end={897} duration={30} />\r\n                            </h4>\r\n                            <h3 className=\"ttm-fid-title\">Services Provider</h3>{/*  ttm-fid-title */}\r\n                            </div>{/* ttm-fid-contents end */}\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-md-3 col-6\">\r\n                        {/*  ttm-icon */}\r\n                        <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                            <div className=\"ttm-fid-icon-wrapper\">\r\n                            <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                <i className=\"flaticon flaticon-report\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                            <h4>\r\n                                <CountUp start={0} end={785} duration={30} />\r\n                            </h4>\r\n                            <h3 className=\"ttm-fid-title\">Cloud Designs</h3>{/*  ttm-fid-title */}\r\n                            </div>{/* ttm-fid-contents end */}\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end*/}\r\n                    </div>\r\n                </section>\r\n                {/* fid-section end */}\r\n                {/* testimonial-section */}\r\n                <section className=\"ttm-row only-testimonial-section bg-img11 clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">{/* row */}\r\n                            <div className=\"col-lg-12\">\r\n                            {/* section title */}\r\n                            <div className=\"section-title with-desc text-center clearfix\">\r\n                                <div className=\"title-header\">\r\n                                    <h5>Recent Projects</h5>\r\n                                    <h2 className=\"title\">Check out our work <span>Process</span></h2>\r\n                                </div>\r\n                            </div>{/* section title end */}\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-8 offset-md-2\">\r\n                            <Slider className=\"testimonial-slide style1 slick_slider pb-0\" arrows={false} dots={false}>\r\n                                <div className=\"testimonials text-center\"> \r\n                                    <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                    <div className=\"testimonial-avatar\">\r\n                                        <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                        <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                        </div>\r\n                                    </div>\r\n                                    <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                    <div className=\"ttm-ratting-star\">\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                    <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                        <h6>Victor Williamson</h6>\r\n                                        <label className=\"mb-0\">Web Devloper</label>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div className=\"testimonials text-center\"> \r\n                                    <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                    <div className=\"testimonial-avatar\">\r\n                                        <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                        <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                        </div>\r\n                                    </div>\r\n                                    <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                    <div className=\"ttm-ratting-star\">\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                    <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                        <h6>Victor Williamson</h6>\r\n                                        <label className=\"mb-0\">Web Devloper</label>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div className=\"testimonials text-center\"> \r\n                                    <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                    <div className=\"testimonial-avatar\">\r\n                                        <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                        <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                        </div>\r\n                                    </div>\r\n                                    <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                    <div className=\"ttm-ratting-star\">\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                    <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                        <h6>Victor Williamson</h6>\r\n                                        <label className=\"mb-0\">Web Devloper</label>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                            </Slider>                      \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                {/* testimonial-section end */}\r\n                {/* our-partner-section */}\r\n                <section className=\"ttm-row our-client-section res-991-p-0 ttm-bgcolor-skincolor clearfix\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-12 text-center\">\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={5}>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-01\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-02\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-03\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-04\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-05\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </Slider>\r\n                    \r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </section>\r\n                {/* our-partner-section end */}\r\n                {/* blog-section */}\r\n                <section className=\"ttm-row blog-section clearfix\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-md-12\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title text-center with-desc clearfix\">\r\n                        <div className=\"title-header\">\r\n                            <h5>Our Blog</h5>\r\n                            <h2 className=\"title\">Check Out Our <span>Latest News</span></h2>\r\n                        </div>\r\n                        </div>{/* section title end */}\r\n                    </div>\r\n                    </div>\r\n                    <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog style2\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog style2\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog style2\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog style2\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n              </div>\r\n                </section>\r\n                {/* blog-section end */}\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Aboutus_01;","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport CountUp from 'react-countup';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Aboutus_02 extends Component {\r\n    render() {\r\n        var slick_slider = {\r\n          dots: false,\r\n          arrow: false,\r\n          autoplay: true,\r\n          infinite: true,\r\n          speed: 500,\r\n          slidesToShow: 4,\r\n          slidesToScroll: 1,\r\n\r\n          responsive: [{\r\n\r\n            breakpoint: 1199,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 1024,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 767,\r\n            settings: {\r\n                slidesToShow: 2,\r\n                slidesToScroll: 2\r\n            }\r\n        },\r\n        {\r\n            breakpoint: 480,\r\n            settings: {\r\n                slidesToShow: 1,\r\n                slidesToScroll: 1\r\n            }\r\n        }]\r\n        };\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">About Us</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>About Us 02</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                {/* aboutus-section */}\r\n                <section className=\"ttm-row aboutus-section-style3 clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-lg-6\">\r\n                        <div className=\"position-relative\">\r\n                            {/* ttm_single_image-wrapper */}\r\n                            <div className=\"ttm_single_image-wrapper text-sm-center mr-35 res-991-m-0\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/500X521/444444.jpg\" title=\"single-img-nine\" alt=\"single-img-nine\" />\r\n                            </div>{/* ttm_single_image-wrapper end */}\r\n                            <div className=\"ttm-highlight-fid-style-2\">\r\n                            {/*ttm-fid*/}\r\n                            <div className=\"ttm-fid inside without-icon\">\r\n                                <div className=\"ttm-fid-contents\">\r\n                                <h4 className=\"ttm-fid-inner\">\r\n                                <CountUp start={0} end={135} duration={30} />+\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Successully Projects </h3>\r\n                                </div>\r\n                            </div>{/* ttm-fid end*/}\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6\">\r\n                        <div className=\"res-991-mt-30\">\r\n                            {/* section title */}\r\n                            <div className=\"section-title with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                                <h5>About us</h5>\r\n                                <h2 className=\"title\">Product development for<br /> better <span>Business</span></h2>\r\n                            </div>\r\n                            <div className=\"title-desc\">\r\n                                <p>High-tech industries play an important role in the modern economy, and often experience significantly higher pay than other industries. And Digital solutions have transformed the world’s web applications.</p>\r\n                            </div>\r\n                            </div>{/* section title end */}\r\n                            {/* row */}\r\n                            <div className=\"row mt-15\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                    <i className=\"flaticon flaticon-tourism\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>DevOps Development</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>Our firm is expert to create an efficient user interface that makes user interaction is lively and run digital applications.</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-3\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                    <i className=\"flaticon flaticon-process\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Automated Software</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>Statistical analysis to help an organization to gain insights from large information for web optimal platform to develop.</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    </div>\r\n                </section>\r\n                 {/* aboutus-section end */}\r\n                {/* zero-padding-section */}\r\n                <section className=\"ttm-row zero-padding-section res-991-p-0 mt_80 res-991-mt-0 clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row no-gutters\">\r\n                    <div className=\"col-lg-6\">\r\n                        {/* col-bg-img-one */}\r\n                        <div className=\"col-bg-img-one ttm-bg ttm-col-bgimage-yes ttm-left-span res-991-h-auto\">\r\n                        <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                            <div className=\"ttm-bg-layer-inner\" />\r\n                        </div>\r\n                        </div>\r\n                        {/* Responsive View image */}\r\n                        <img src=\"https://via.placeholder.com/1533X720/888888.jpg\" className=\"img-fluid ttm-equal-height-image\" alt=\"col-bgimage-1\" />\r\n                    </div>\r\n                    <div className=\"col-lg-6 z-9\">\r\n                        <div className=\"ttm-bgcolor-skincolor ttm-textcolor-white position-relative ttm-right-span\">\r\n                        <div className=\"spacing-1\">\r\n                            {/* section title */}\r\n                            <div className=\"section-title with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                                <h5>Why Altech</h5>\r\n                                <h2 className=\"title\">We deal with the aspects of professional <span className=\"ttm-textcolor-white\">IT Services</span></h2>\r\n                            </div>\r\n                            <div className=\"title-desc\">\r\n                                <p>Our IT services converge business and technology experts to help to manage business processes of all categories.</p>\r\n                            </div>\r\n                            </div>{/* section title end */}\r\n                            <div className=\"row mt-40\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-process\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Product Designs</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>Our firm is expert to create an efficient user interface that makes user interaction is lively.</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-system\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Big Data &amp; Analytics</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>Statistical analysis to help an organization to gain insights from large information web sets.</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-white ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-data\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Maintain App Data</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>We Create the optimal platform to develop and run digital applications for our clients app.</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </section>\r\n                {/* zero-padding-section end */}\r\n                {/* team-section */}\r\n                <section className=\"ttm-row team-section clearfix\">\r\n                <div className=\"container-xl\">\r\n                    <div className=\"row align-items-center mb-5\">\r\n                    <div className=\"col-lg-5 res-991-text-center\">\r\n                        <div className=\"section-title style2 mb-0 clearfix\">\r\n                        <div className=\"title-header mb-0\">\r\n                            <h5>About us</h5>\r\n                            <h2 className=\"title\">Meet our <span>Leadership</span></h2>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-5 res-991-text-center\">\r\n                        <div className=\"title-desc\">The positive distinction within the World Inspiring of Success and Connections of People and Organizations.</div>\r\n                    </div>\r\n                    <div className=\"col-lg-2 pl-0 text-right res-991-text-center res-991-mt-20\">\r\n                        <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-bgcolor-darkgrey\"> Read More </a>\r\n                    </div>\r\n                    </div>\r\n                    <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Robert Liamss</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jessica Ethan</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Amanda Brown</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jennifer Garcia</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Robert Liam</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jessica Ethan</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Amanda Brown</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jennifer Garcia</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Robert Liam</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Web Designer</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                        <div className=\"ttm-social-links-wrapper\">\r\n                          <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                            <li className=\"social-facebook\"><a ><i className=\"fab fa-facebook-f\" /></a></li>\r\n                            <li className=\"social-twitter\"><a ><i className=\"fab fa-twitter\" /></a></li>\r\n                            <li className=\"social-linkedin\"><a ><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                            <li className=\"social-googleplus\"><a ><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                          </ul>\r\n                        </div>\r\n                      </div> \r\n                      <div className=\"featured-content box-shadow\">\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jessica Ethan</a></h5>\r\n                        </div>\r\n                        <p className=\"category\">Project Manager</p>{/* category */}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n                </div>\r\n                </section>\r\n                {/* team-section end*/}\r\n                {/* our-partner-section */}\r\n                <section className=\"ttm-row our-client-section res-991-p-0 ttm-bgcolor-skincolor clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-12 text-center\">\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={5}>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-01\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-02\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-03\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-04\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-05\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </Slider>\r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </section>\r\n                {/* our-partner-section end */}\r\n                {/* blog-section */}\r\n                <section className=\"ttm-row blog-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-md-12\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title text-center with-desc clearfix\">\r\n                        <div className=\"title-header\">\r\n                            <h5>Our Blog</h5>\r\n                            <h2 className=\"title\">Check Out Our <span>Latest News</span></h2>\r\n                        </div>\r\n                        </div>{/* section title end */}\r\n                    </div>\r\n                    </div>\r\n                    <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"ttm-box-col-wrapper\">\r\n                    <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                      <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                          <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                        </div>\r\n                        <div className=\"ttm-box-view-overlay\" />\r\n                      </div>\r\n                      <div className=\"featured-content\">{/* featured-content */}\r\n                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                          <span className=\"ttm-entry-date\">\r\n                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"featured-title\">{/* featured-title */}\r\n                          <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                        </div>\r\n                        <div className=\"post-meta\">{/* post-meta */}\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                          <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                        </div>\r\n                        <div className=\"featured-desc\">{/* featured-description */}\r\n                          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                        </div>\r\n                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </Slider>\r\n                </div>\r\n                </section>\r\n                {/* blog-section end */}\r\n            \r\n            </div>\r\n            )\r\n        }\r\n    }\r\n    \r\n    \r\n    export default Aboutus_02;","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Services_01 extends Component {\r\n    render() {\r\n        var slick_slider = {\r\n          dots: false,\r\n          arrow: false,\r\n          autoplay: true,\r\n          infinite: true,\r\n          speed: 500,\r\n          slidesToShow: 4,\r\n          slidesToScroll: 1,\r\n\r\n          responsive: [{\r\n\r\n            breakpoint: 1199,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 1024,\r\n            settings: {\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n            }\r\n        },\r\n        {\r\n      \r\n            breakpoint: 767,\r\n            settings: {\r\n                slidesToShow: 2,\r\n                slidesToScroll: 2\r\n            }\r\n        },\r\n        {\r\n            breakpoint: 480,\r\n            settings: {\r\n                slidesToShow: 1,\r\n                slidesToScroll: 1\r\n            }\r\n        }]\r\n        };\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Our Services</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Services 01</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                {/* about-services-section */}\r\n                <section className=\"ttm-row about-services-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row align-items-center\">{/* row */}\r\n                        <div className=\"col-lg-6\">\r\n                        <div className=\"position-relative\">\r\n                            {/* ttm_single_image-wrapper */}\r\n                            <div className=\"ttm_single_image-wrapper text-sm-center\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/550X604/444444.png\" title=\"single-img-ten\" alt=\"single-img-ten\" />\r\n                            </div>{/* ttm_single_image-wrapper end */}\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6\">\r\n                        <div className=\"res-991-mt-30\">\r\n                            {/* section title */}\r\n                            <div className=\"section-title with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                                <h5>Our Services</h5>\r\n                                <h2 className=\"title\">Would you like to take over<br /> our <span>web services</span></h2>\r\n                            </div>\r\n                            <div className=\"title-desc\">\r\n                                <p>We have a special team for website style who has been involved in designing professional websites of all the web app categories.</p>\r\n                            </div>\r\n                            </div>{/* section title end */}\r\n                            {/* row */}\r\n                            <div className=\"row mt-25\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box iconalign-before-heading\">\r\n                                <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-icon ttm-bgcolor-grey style1\">\r\n                                    <i className=\"ti ti-info ttm-num\" />\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5>Exclusive Service</h5>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured-desc */}\r\n                                    <p>Lorem Ipsum is simply dummy textover of the printing and typesetting industryin. printing and typesetting industry.</p>\r\n                                </div>\r\n                                </div>{/* featured-icon-box */}\r\n                            </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-3\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box iconalign-before-heading\">\r\n                                <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-icon ttm-bgcolor-grey style1\">\r\n                                    <i className=\"ti ti-info ttm-num\" />\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5>Experts Team</h5>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured-desc */}\r\n                                    <p>Lorem Ipsum is simply dummy textover of the printing and typesetting industryin. printing and typesetting industry.</p>\r\n                                </div>\r\n                                </div>{/* featured-icon-box */}\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    </div>\r\n                </section>\r\n                {/* about-services-section end */}\r\n                {/* services-slide-section */}\r\n                <section className=\"ttm-row services-slide-section ttm-bgcolor-grey ttm-bg ttm-bgimage-yes bg-img14 clearfix\">\r\n                    <div className=\"ttm-row-wrapper-bg-layer ttm-bg-layer\"></div>\r\n                    <div className=\"container-xl\">                        \r\n                        <div className=\"row align-items-center\">{/* row */}\r\n                            <div className=\"col-lg-9 col-xl-9 col-md-9\">\r\n                            {/* section-title */}\r\n                            <div className=\"section-title style2 clearfix\">\r\n                                <div className=\"title-header\">\r\n                                <h5>Fast Growing Information &amp; technologies Estates.</h5>\r\n                                <h2 className=\"title\">Providing High-Performance Services For Multiple <span>Information &amp; Technologies!</span></h2>\r\n                                </div>\r\n                            </div>{/* section-title end */}\r\n                            </div>\r\n                            <div className=\"col-lg-3 col-xl-3 col-md-3\">\r\n                            <div className=\"text-md-right\">\r\n                                <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-btn-color-darkgrey mb-5\" > Read More </a>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        <Slider className=\"position-relative z-1 row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-services */}\r\n                                <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div> \r\n                                    <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/It_consultancy'}>IT Consultancy</a></h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-title */}\r\n                                        <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/It_consultancy'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>\r\n                                {/* featured-imagebox-services */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-services */}\r\n                                <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div> \r\n                                    <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Digital_services'}>Digital Services</a></h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-title */}\r\n                                        <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Digital_services'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>\r\n                                {/* featured-imagebox-services */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-services */}\r\n                                <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div> \r\n                                    <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Advisory_services'}>Advisory Services</a></h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-title */}\r\n                                        <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Advisory_services'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* featured-imagebox-services */}\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Data_structuring'}>Data Structuring</a></h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured-title */}\r\n                                    <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                </div>\r\n                                <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Data_structuring'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                </div>\r\n                            </div>\r\n                            {/* featured-imagebox-services */}\r\n                        </div>                             \r\n                        </Slider>\r\n                    </div>\r\n                </section>\r\n                {/* services-slide-section end */}\r\n                {/* portfolio-section */}\r\n                <section className=\"ttm-row zero-padding-section mt_230  res-991-mt-0 position-relative clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title text-center with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                            <h5>Look At Portfolio</h5>\r\n                            <h2 className=\"title\">Check out our <span>Portfolio</span></h2>\r\n                            </div>\r\n                        </div>{/* section title end */}\r\n                        </div>\r\n                    </div>\r\n                    {/* row */}\r\n                    <div className=\"row multi-columns-row ttm-boxes-spacing-10px ttm-bgcolor-white\">\r\n                        <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                        {/* featured-imagebox */}\r\n                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                            {/* featured-thumbnail */}\r\n                            <div className=\"featured-thumbnail\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div>{/* featured-thumbnail end*/}\r\n                            <div className=\"featured-content\">\r\n                            <div className=\"category\">\r\n                                <p>Business , Campaign</p>\r\n                            </div>\r\n                            <div className=\"featured-title\">\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/* featured-imagebox */}\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                        {/* featured-imagebox */}\r\n                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                            {/* featured-thumbnail */}\r\n                            <div className=\"featured-thumbnail\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div>{/* featured-thumbnail end*/}\r\n                            <div className=\"featured-content\">\r\n                            <div className=\"category\">\r\n                                <p>Campaign , Technology</p>\r\n                            </div>\r\n                            <div className=\"featured-title\">\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/* featured-imagebox */}\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                        {/* featured-imagebox */}\r\n                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                            {/* featured-thumbnail */}\r\n                            <div className=\"featured-thumbnail\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div>{/* featured-thumbnail end*/}\r\n                            <div className=\"featured-content\">\r\n                            <div className=\"category\">\r\n                                <p>Corporate , Workshop</p>\r\n                            </div>\r\n                            <div className=\"featured-title\">\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/* featured-imagebox */}\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                        {/* featured-imagebox */}\r\n                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                            {/* featured-thumbnail */}\r\n                            <div className=\"featured-thumbnail\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div>{/* featured-thumbnail end*/}\r\n                            <div className=\"featured-content\">\r\n                            <div className=\"category\">\r\n                                <p>Innovation , Technology</p>\r\n                            </div>\r\n                            <div className=\"featured-title\">\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/* featured-imagebox */}\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                        {/* featured-imagebox */}\r\n                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                            {/* featured-thumbnail */}\r\n                            <div className=\"featured-thumbnail\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div>{/* featured-thumbnail end*/}\r\n                            <div className=\"featured-content\">\r\n                            <div className=\"category\">\r\n                                <p>Corporate</p>\r\n                            </div>\r\n                            <div className=\"featured-title\">\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/* featured-imagebox */}\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper col-lg-4 col-md-6 col-sm-6\">\r\n                        {/* featured-imagebox */}\r\n                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                            {/* featured-thumbnail */}\r\n                            <div className=\"featured-thumbnail\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div>{/* featured-thumbnail end*/}\r\n                            <div className=\"featured-content\">\r\n                            <div className=\"category\">\r\n                                <p>Technology , Workshop</p>\r\n                            </div>\r\n                            <div className=\"featured-title\">\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/* featured-imagebox */}\r\n                        </div> \r\n                    </div>{/* row end */}\r\n                    </div>\r\n                </section>\r\n                {/* portfolio-section end */}\r\n                {/* our-partner-section */}\r\n                <section className=\"ttm-row our-partner-section ttm-bgcolor-skincolor mt_90 res-991-mt-0 res-991-p-0 clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-12 text-center\">\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={5} arrows={false}>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-01\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-02\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-03\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-04\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-05\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-02\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"ttm-box-col-wrapper\">\r\n                            <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                <div className=\"client\">\r\n                                    <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-03\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </Slider>\r\n                    \r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                </section>\r\n                {/* our-partner-section end */}\r\n                {/* blog-section */}\r\n                <section className=\"ttm-row blog-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                    <div className=\"col-md-12\">\r\n                        {/* section title */}\r\n                        <div className=\"section-title text-center with-desc clearfix\">\r\n                        <div className=\"title-header\">\r\n                            <h5>Our Blog</h5>\r\n                            <h2 className=\"title\">Check Out Our <span>Latest News</span></h2>\r\n                        </div>\r\n                        </div>{/* section title end */}\r\n                    </div>\r\n                    </div>\r\n                    <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                    <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                        <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                            <div className=\"ttm-blog-overlay-iconbox\">\r\n                                <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                            </div>\r\n                            <div className=\"ttm-box-view-overlay\" />\r\n                        </div>\r\n                        <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                            <span className=\"ttm-entry-date\">\r\n                                <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                            </span>\r\n                            </div>\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                            <h5><a herf={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                            </div>\r\n                            <div className=\"post-meta\">{/* post-meta */}\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                        <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                            <div className=\"ttm-blog-overlay-iconbox\">\r\n                                <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                            </div>\r\n                            <div className=\"ttm-box-view-overlay\" />\r\n                        </div>\r\n                        <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                            <span className=\"ttm-entry-date\">\r\n                                <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                            </span>\r\n                            </div>\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                            <h5><a herf={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                            </div>\r\n                            <div className=\"post-meta\">{/* post-meta */}\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                        <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                            <div className=\"ttm-blog-overlay-iconbox\">\r\n                                <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                            </div>\r\n                            <div className=\"ttm-box-view-overlay\" />\r\n                        </div>\r\n                        <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                            <span className=\"ttm-entry-date\">\r\n                                <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                            </span>\r\n                            </div>\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                            <h5><a herf={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                            </div>\r\n                            <div className=\"post-meta\">{/* post-meta */}\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ttm-box-col-wrapper\">\r\n                        <div className=\"featured-imagebox featured-imagebox-blog\">\r\n                        <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/654X490/444444.jpg\" />\r\n                            <div className=\"ttm-blog-overlay-iconbox\">\r\n                                <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                            </div>\r\n                            <div className=\"ttm-box-view-overlay\" />\r\n                        </div>\r\n                        <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                            <span className=\"ttm-entry-date\">\r\n                                <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                            </span>\r\n                            </div>\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                            <h5><a herf={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                            </div>\r\n                            <div className=\"post-meta\">{/* post-meta */}\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </Slider>\r\n                </div>\r\n                </section>\r\n                {/* blog-section end */}\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Services_01;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Services_02 extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Our Services</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Services 02</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <section className=\"ttm-row grid-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">{/* row */}\r\n                            <div className=\"col-lg-8 offset-lg-2\">\r\n                            {/* section-title */}\r\n                            <div className=\"section-title with-desc text-center clearfix\">\r\n                                <div className=\"title-header\">\r\n                                <h5>Fast Growing Services</h5>\r\n                                <h2 className=\"title\">Providing High-Performance Services For Multiple <span>Information &amp; Technologies!</span></h2>\r\n                                </div>\r\n                            </div>{/* section-title end */}\r\n                            </div>\r\n                        </div>\r\n                        {/* row end */}\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                        <div className=\"col-md-6 col-lg-4\">\r\n                        {/* featured-imagebox-services */}\r\n                        <div className=\"featured-imagebox featured-imagebox-services style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/It_consultancy'}>IT Consultancy</a></h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-title */}\r\n                                <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/It_consultancy'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4\">\r\n                        {/* featured-imagebox-services */}\r\n                        {/* featured-imagebox-services */}\r\n                        <div className=\"featured-imagebox featured-imagebox-services style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Digital_services'}>Digital Services</a></h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-title */}\r\n                                <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Digital_services'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                            </div>\r\n                        </div>\r\n                        {/* featured-imagebox-services */}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4\">\r\n                        {/* featured-imagebox-services */}\r\n                        <div className=\"featured-imagebox featured-imagebox-services style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Advisory_services'}>Advisory Services</a></h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-title */}\r\n                                <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Advisory_services'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                            </div>\r\n                        </div>\r\n                        {/* featured-imagebox-services */}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4\">\r\n                        {/* featured-imagebox-services */}\r\n                        <div className=\"featured-imagebox featured-imagebox-services style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Data_structuring'}>Data Structuring</a></h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-title */}\r\n                                <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Data_structuring'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                            </div>\r\n                        </div>\r\n                        {/* featured-imagebox-services */}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4\">\r\n                        {/* featured-imagebox-services */}\r\n                        <div className=\"featured-imagebox featured-imagebox-services style1 mb-30\">\r\n                            <div className=\"featured-thumbnail box-shadow\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Experience_design'}>Experience Design</a></h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-title */}\r\n                                <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Experience_design'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                            </div>\r\n                        </div>\r\n                        {/* featured-imagebox-services */}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4\">\r\n                        {/* featured-imagebox-services */}\r\n                        <div className=\"featured-imagebox featured-imagebox-services style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Content_engineering'}>Content Engineering</a></h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-title */}\r\n                                <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                            </div>\r\n                            <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Content_engineering'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                            </div>\r\n                        </div>\r\n                        {/* featured-imagebox-services */}\r\n                        </div>\r\n                    </div>\r\n                    {/* row end*/}\r\n                    </div>\r\n                </section>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Services_02;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Our_expert extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Our Expert</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Our Expert</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <section className=\"ttm-row grid-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-6 col-lg-4 col-sm-6\">\r\n                        {/* featured-imagebox-team */}\r\n                        <div className=\"featured-imagebox featured-imagebox-team style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"image\" />\r\n                            <div className=\"ttm-social-links-wrapper\">\r\n                                <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                    <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                    <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                    <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                    <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                </ul>\r\n                            </div>\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jennifer Garcia</a></h5>\r\n                            </div>\r\n                            <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                            </div>\r\n                        </div>{/* featured-imagebox-team end*/}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4 col-sm-6\">\r\n                        {/* featured-imagebox-team */}\r\n                        <div className=\"featured-imagebox featured-imagebox-team style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"image\" />\r\n                            <div className=\"ttm-social-links-wrapper\">\r\n                                <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                    <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                    <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                    <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                    <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                </ul>\r\n                            </div>\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Robert Liam</a></h5>\r\n                            </div>\r\n                            <p className=\"category\">Web Designer</p>{/* category */}\r\n                            </div>\r\n                        </div>{/* featured-imagebox-team end*/}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4 col-sm-6\">\r\n                        {/* featured-imagebox-team */}\r\n                        <div className=\"featured-imagebox featured-imagebox-team style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"image\" />\r\n                            <div className=\"ttm-social-links-wrapper\">\r\n                                <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                    <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                    <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                    <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                    <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                </ul>\r\n                            </div>\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Jessica Ethan</a></h5>\r\n                            </div>\r\n                            <p className=\"category\">Project Manager</p>{/* category */}\r\n                            </div>\r\n                        </div>{/* featured-imagebox-team end*/}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4 col-sm-6\">\r\n                        {/* featured-imagebox-team */}\r\n                        <div className=\"featured-imagebox featured-imagebox-team style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"image\" />\r\n                            <div className=\"ttm-social-links-wrapper\">\r\n                                <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                    <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                    <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                    <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                    <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                </ul>\r\n                            </div>\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Amanda Brown</a></h5>\r\n                            </div>\r\n                            <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                            </div>\r\n                        </div>{/* featured-imagebox-team end*/}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4 col-sm-6\">\r\n                        {/* featured-imagebox-team */}\r\n                        <div className=\"featured-imagebox featured-imagebox-team style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"image\" />\r\n                            <div className=\"ttm-social-links-wrapper\">\r\n                                <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                    <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                    <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                    <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                    <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                </ul>\r\n                            </div>\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>Enna Mason</a></h5>\r\n                            </div>\r\n                            <p className=\"category\">Product Analyst</p>{/* category */}\r\n                            </div>\r\n                        </div>{/* featured-imagebox-team end*/}\r\n                        </div>\r\n                        <div className=\"col-md-6 col-lg-4 col-sm-6\">\r\n                        {/* featured-imagebox-team */}\r\n                        <div className=\"featured-imagebox featured-imagebox-team style1 mb-30\">\r\n                            <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"image\" />\r\n                            <div className=\"ttm-social-links-wrapper\">\r\n                                <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                    <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                    <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                    <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                    <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                </ul>\r\n                            </div>\r\n                            </div> \r\n                            <div className=\"featured-content box-shadow\">\r\n                            <div className=\"featured-title\">{/* featured-title */}\r\n                                <h5><a href={process.env.PUBLIC_URL + '/Team_detail'}>John Bruce</a></h5>\r\n                            </div>\r\n                            <p className=\"category\">IT Associative</p>{/* category */}\r\n                            </div>\r\n                        </div>{/* featured-imagebox-team end*/}\r\n                        </div>\r\n                    </div>\r\n                    {/* row end*/}\r\n                    </div>\r\n                </section>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Our_expert;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\nimport { MDBProgress } from 'mdbreact';\r\n\r\nexport class Team_detail extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Team Details</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href=\"/\"><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Our Expert</span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Team Details</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <section className=\"ttm-row team-details-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-lg-4\">\r\n                        <div className=\"ttm-featured-wrapper\"> \r\n                            <div className=\"featured-thumbnail text-center\">\r\n                            <img className=\"img-fluid\" src=\"images/team-member/team-img01.jpg\" alt=\"image\" />\r\n                            </div> \r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-lg-8\">\r\n                        <div className=\"ttm-team-member-content shadow-box res-991-mt-30\">\r\n                            <div className=\"ttm-team-member-single-list\">\r\n                            <h2 className=\"ttm-team-member-single-title\">Michal Holway</h2>\r\n                            <span className=\"ttm-team-member-single-position\">Web Designer</span>\r\n                            <p>Simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>\r\n                            <p>Simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.               </p>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                                <div className=\"sep-line mt-4 mb-4\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"ttm-team-data\">\r\n                                <div className=\"ttm-team-details-wrapper\">\r\n                                <ul className=\"ttm-team-details-list clearfix\">\r\n                                    <li>\r\n                                    <div className=\"ttm-team-list-title\"><i className=\"fa fa-phone\" /> Phone :</div>\r\n                                    <div className=\"ttm-team-list-value\"><a href=\"tel:+1800200145\">+1800200145</a></div>\r\n                                    </li>\r\n                                    <li>\r\n                                    <div className=\"ttm-team-list-title\"><i className=\"ti ti-email\" /> Email :</div>\r\n                                    <div className=\"ttm-team-list-value\"><a href=\"mailto:info@example.com\">info@example.com</a></div>\r\n                                    </li>\r\n                                    <li>\r\n                                    <div className=\"ttm-team-list-title\"><i className=\"ti ti-world\" /> Website :</div>\r\n                                    <div className=\"ttm-team-list-value\"><a target=\"_blank\" href=\"https://www.themetechmount.com/\">https://www.themetechmount.com/</a></div>\r\n                                    </li>\r\n                                    <li>\r\n                                    <div className=\"ttm-team-list-title\"><i className=\"ti ti-time\" /> Experience :</div>\r\n                                    <div className=\"ttm-team-list-value\">6 Years</div>\r\n                                    </li>\r\n                                    <li>\r\n                                    <div className=\"ttm-team-list-title\"><i className=\"ti ti-calendar\" /> Since :</div>\r\n                                    <div className=\"ttm-team-list-value\">2012</div>\r\n                                    </li>\r\n                                    <li>\r\n                                    <div className=\"ttm-team-list-title\"><i className=\"ti ti-location-pin\" /> Address Info :</div>\r\n                                    <div className=\"ttm-team-list-value\">Los Angeles, USA, Los Angeles, USA</div>\r\n                                    </li>\r\n                                </ul>\r\n                                </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                                <div className=\"sep-line mt-3 mb-4\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-md-6\">\r\n                            {/* progress-bar */}\r\n                            <div className=\"ttm-progress-bar\">\r\n                                <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                <label className=\"float-right\">77%</label>\r\n                                <MDBProgress className=\"w-100 ttm-bgcolor-darkgrey\" material value={77}></MDBProgress>\r\n                            </div>\r\n                            {/* progress-bar END */}\r\n                            {/* progress-bar */}\r\n                            <div className=\"ttm-progress-bar\">\r\n                                <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                <label className=\"float-right\">69%</label>\r\n                                <MDBProgress className=\"w-100 ttm-bgcolor-darkgrey\" material value={69}></MDBProgress>\r\n                            </div>\r\n                            {/* progress-bar END */}\r\n                        </div>\r\n                        <div className=\"col-md-6 res-767-mt-30\">\r\n                            {/* progress-bar */}\r\n                            <div className=\"ttm-progress-bar\">\r\n                                <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                <label className=\"float-right\">77%</label>\r\n                                <MDBProgress className=\"w-100 ttm-bgcolor-darkgrey\" material value={77}></MDBProgress>\r\n                            </div>\r\n                            {/* progress-bar END */}\r\n                            {/* progress-bar */}\r\n                            <div className=\"ttm-progress-bar\">\r\n                                <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                <label className=\"float-right\">69%</label>\r\n                                <MDBProgress className=\"w-100 ttm-bgcolor-darkgrey\" material value={69}></MDBProgress>\r\n                            </div>\r\n                            {/* progress-bar END */}\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    <div className=\"row mt-5\">\r\n                        <div className=\"col-12\">\r\n                        <h4>Career Guidelines</h4>\r\n                        <p className=\"mb-5\">Prior to joining Integrio, he spent 20+ years at Inmosys, where he held a wide range of global leadership roles, from services to products, and across operations and sales. Most recently, he was SVP &amp; Global Head of the Manufacturing business, as well as a board member of their software subsidiary. He is also an avid cook and history buff. You can find him dining late at night with the chefs of the hotels where he stays during his travels, or reading in his home library.</p>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-12\">\r\n                        <h4>Contact Me</h4>\r\n                        </div>\r\n                        <div className=\"col-12\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-4\">\r\n                            <div className=\"member-info-box border mb-30\">\r\n                                <div className=\"timing-box\">\r\n                                <i className=\"ti ti-time\" />\r\n                                <h5>Working Time</h5>\r\n                                </div>\r\n                                <ul className=\"timing-list\">\r\n                                <li>\r\n                                    <span className=\"day\">Monday - Friday :</span>\r\n                                    <span className=\"time\">8.00 - 10.00</span>\r\n                                </li>\r\n                                <li>\r\n                                    <span className=\"day\">Saturday :</span>\r\n                                    <span className=\"time\">8.00 - 10.00</span>\r\n                                </li>\r\n                                <li>\r\n                                    <span className=\"day\">Sunday :</span>\r\n                                    <span className=\"time\">8.00 - 10.00</span>\r\n                                </li>\r\n                                </ul>\r\n                            </div>\r\n                            <div className=\"member-info-box border\">\r\n                                <div className=\"timing-box\">\r\n                                <i className=\"flaticon flaticon-developer\" />\r\n                                <h5>General Information</h5>\r\n                                </div>\r\n                                <ul className=\"info-list\">\r\n                                <li>\r\n                                    <i className=\"ti ti-location-pin\" />\r\n                                    <span>Los Angeles, USA, Los Angeles, USA</span>\r\n                                </li>\r\n                                <li>\r\n                                    <i className=\"ti ti-mobile\" />\r\n                                    <span>(+01) 123 456 7890</span>\r\n                                </li>\r\n                                <li>\r\n                                    <i className=\"ti ti-comment\" />\r\n                                    <span>info@example.com</span>\r\n                                </li>\r\n                                </ul>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-lg-8\">\r\n                            <div className=\"member-contact-form border res-991-mt-30\">\r\n                                <form id=\"ttm-quote-form\" className=\"row ttm-quote-form clearfix\" method=\"post\" action=\"#\">\r\n                                <div className=\"col-sm-6 col-md-6\">\r\n                                    <div className=\"form-group\">\r\n                                    <input name=\"name\" type=\"text\" className=\"form-control ttm-bgcolor-grey\" placeholder=\"Full Name*\" required=\"required\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-sm-6 col-md-6\">\r\n                                    <div className=\"form-group\">\r\n                                    <input name=\"phone\" type=\"text\" placeholder=\"Phone Number*\" required=\"required\" className=\"form-control  ttm-bgcolor-grey\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-sm-6 col-md-6\">\r\n                                    <div className=\"form-group\">\r\n                                    <input name=\"address\" type=\"text\" placeholder=\"Email Address*\" required=\"required\" className=\"form-control  ttm-bgcolor-grey\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-sm-6 col-md-6\">\r\n                                    <div className=\"form-group\">\r\n                                    <input name=\"subject\" type=\"text\" placeholder=\"Subject\" required=\"required\" className=\"form-control  ttm-bgcolor-grey\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-sm-12 col-md-12\">\r\n                                    <div className=\"form-group\">\r\n                                    <textarea name=\"Massage\" rows={6} placeholder=\"Write A Massage...\" required=\"required\" className=\"form-control  ttm-bgcolor-grey\" defaultValue={\"\"} />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-md-12\">\r\n                                    <div className=\"text-left\">\r\n                                    <button type=\"submit\" id=\"submit\" className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor\" value>\r\n                                        Book An Appointment\r\n                                    </button>\r\n                                    </div>\r\n                                </div>\r\n                                </form>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </section>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Team_detail;","import React, { Component } from 'react';\r\nimport { fadeIn } from 'react-animations'\r\nimport { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel } from 'react-accessible-accordion';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Faq extends Component {\r\n    render() {\r\n\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">FAQ's</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>faq</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <section className=\"ttm-row faqs-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-lg-8 offset-lg-2\">\r\n                        {/* section-title */}\r\n                        <div className=\"section-title with-desc text-center clearfix\">\r\n                            <div className=\"title-header\">\r\n                            <h5>Faq's</h5>\r\n                            <h2 className=\"title\">Do you have any questions?</h2>\r\n                            </div>\r\n                        </div>{/* section-title end */}\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-6\">\r\n                        {/* ttm_single_image-wrapper */}\r\n                        <div className=\"ttm_single_image-wrapper\">\r\n                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" title=\"single-img-eleven\" alt=\"single-img-eleven\" />\r\n                        </div>{/* ttm_single_image-wrapper end */}\r\n                        <div className=\"ttm-play-icon-btn ttm-play-icon-btn-center\">\r\n                            <div className=\"ttm-play-icon-animation\"> \r\n                                <a id=\"playbutton\">\r\n                                    <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-sm rounded-circle\">\r\n                                        <i className=\"ti ti-control-play\" />\r\n                                    </div>\r\n                                </a>\r\n                                <div id=\"videobox\">\r\n                                    <i id=\"close-btn\" className=\"fa fa-times\"></i>\r\n                                    <div id=\"video-wrapper\">\r\n                                        <iframe width=\"500\" height=\"500\" src=\"https://www.youtube.com/embed/7e90gBu4pas\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"></iframe>                                    \r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6 res-991-mt-30\">\r\n                            {/* accordian */}\r\n                            <Accordion preExpanded={['foo']}>\r\n                                <AccordionItem>\r\n                                    <AccordionItemHeading>\r\n                                        <AccordionItemButton>\r\n                                            What does having Managed your services provider?\r\n                                        </AccordionItemButton>\r\n                                    </AccordionItemHeading>\r\n                                    <AccordionItemPanel>\r\n                                        <p>\r\n                                            Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                        </p>\r\n                                    </AccordionItemPanel>\r\n                                </AccordionItem>\r\n                                <AccordionItem>\r\n                                    <AccordionItemHeading>\r\n                                        <AccordionItemButton>\r\n                                            What you about say your Business palnning?\r\n                                        </AccordionItemButton>\r\n                                    </AccordionItemHeading>\r\n                                    <AccordionItemPanel>\r\n                                        <p>\r\n                                            Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                        </p>\r\n                                    </AccordionItemPanel>\r\n                                </AccordionItem>\r\n                                <AccordionItem>\r\n                                    <AccordionItemHeading>\r\n                                        <AccordionItemButton>\r\n                                            What types of systems do you support?\r\n                                        </AccordionItemButton>\r\n                                    </AccordionItemHeading>\r\n                                    <AccordionItemPanel>\r\n                                        <p>\r\n                                            Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                        </p>\r\n                                    </AccordionItemPanel>\r\n                                </AccordionItem>\r\n                                <AccordionItem>\r\n                                    <AccordionItemHeading>\r\n                                        <AccordionItemButton>\r\n                                            What types of systems do you support?\r\n                                        </AccordionItemButton>\r\n                                    </AccordionItemHeading>\r\n                                    <AccordionItemPanel>\r\n                                        <p>\r\n                                            Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                        </p>\r\n                                    </AccordionItemPanel>\r\n                                </AccordionItem>\r\n                            </Accordion>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end*/}\r\n                    {/* row */}\r\n                    <div className=\"row mt-70 res-991-mt-30\">\r\n                        <div className=\"col-lg-4 res-991-mb-20\">\r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box left-icon style7 icon-align-top\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                            <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                <i className=\"flaticon flaticon-system\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                            <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>Make It Simple</h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Lorem Ipsum is simply dummy text  ever since of the printing and typesetting industry.</p>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                        <div className=\"col-lg-4 res-991-mb-20\">\r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box left-icon style7 icon-align-top\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                            <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                <i className=\"flaticon flaticon-data\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                            <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>Unique Strategy</h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Lorem Ipsum is simply dummy text  ever since of the printing and typesetting industry.</p>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                        <div className=\"col-lg-4\">\r\n                        {/*  featured-icon-box */} \r\n                        <div className=\"featured-icon-box left-icon style7 icon-align-top\">\r\n                            <div className=\"featured-icon\">{/*  featured-icon */} \r\n                            <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                <i className=\"flaticon flaticon-analytics\" />{/*  ttm-icon */} \r\n                            </div>\r\n                            </div>\r\n                            <div className=\"featured-content\">{/*  featured-content */}\r\n                            <div className=\"featured-title\">{/*  featured-title */}\r\n                                <h5>Unique Planning</h5>\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/*  featured-desc */}\r\n                                <p>Lorem Ipsum is simply dummy text  ever since of the printing and typesetting industry.</p>\r\n                            </div>\r\n                            </div>\r\n                        </div>{/*  featured-icon-box END */}\r\n                        </div>\r\n                    </div>{/* row end*/}\r\n                    </div>\r\n                </section>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Faq;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Contact_01 extends Component {\r\n    render() {\r\n        \r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Contact Us</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Contact 01</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <section className=\"ttm-row zero-padding-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row no-gutters\">{/* row */}\r\n                        <div className=\"col-lg-5\">\r\n                        <div className=\"spacing-9\">\r\n                            {/* section title */}\r\n                            <div className=\"section-title with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                                <h5>Come Visit Us At</h5>\r\n                                <h2 className=\"title\">Our Address</h2>\r\n                            </div>\r\n                            </div>{/* section title end */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"ti-location-pin\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Office Address</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>229 Young Street Irwin, PA 15642</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"fa fa-phone\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Our Phone Number</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>+12-323-778-4054</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"ti ti-email\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Our Email</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>info@example.com</p>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-lg-7\">\r\n                        <div className=\"spacing-10 ttm-bgcolor-grey ttm-bg ttm-col-bgcolor-yes ttm-right-span\">\r\n                            <div className=\"ttm-col-wrapper-bg-layer ttm-bg-layer\">\r\n                            <div className=\"ttm-bg-layer-inner\" />\r\n                            </div>\r\n                            {/* section title */}\r\n                            <div className=\"section-title with-desc clearfix\">\r\n                            <div className=\"title-header\">\r\n                                <h5>Send Message</h5>\r\n                                <h2 className=\"title\">Drop Us A Line</h2>\r\n                            </div>\r\n                            </div>{/* section title end */}\r\n                            <form id=\"ttm-quote-form\" className=\"row ttm-quote-form clearfix\" method=\"post\" action=\"#\">\r\n                            <div className=\"col-sm-6 col-md-6\">\r\n                                <div className=\"form-group\">\r\n                                <input name=\"name\" type=\"text\" className=\"form-control bg-white\" placeholder=\"Full Name*\" required=\"required\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6 col-md-6\">\r\n                                <div className=\"form-group\">\r\n                                <input name=\"phone\" type=\"text\" placeholder=\"Phone Number*\" required=\"required\" className=\"form-control bg-white\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6 col-md-6\">\r\n                                <div className=\"form-group\">\r\n                                <input name=\"address\" type=\"text\" placeholder=\"Email Address*\" required=\"required\" className=\"form-control bg-white\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6 col-md-6\">\r\n                                <div className=\"form-group\">\r\n                                <input name=\"subject\" type=\"text\" placeholder=\"Subject\" required=\"required\" className=\"form-control bg-white\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-12 col-md-12\">\r\n                                <div className=\"form-group\">\r\n                                <textarea name=\"Massage\" rows={5} placeholder=\"Write A Massage...\" required=\"required\" className=\"form-control bg-white\" defaultValue={\"\"} />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-md-12\">\r\n                                <div className=\"text-left\">\r\n                                <button type=\"submit\" id=\"submit\" className=\"mt-3 ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor\" value>\r\n                                    Submit Quote\r\n                                </button>\r\n                                </div>\r\n                            </div>\r\n                            </form>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    </div>\r\n                </section>\r\n                <section className=\"ttm-row map-section res-991-p-0 clearfix\">\r\n                    <div className=\"map-wrapper\">\r\n                        <iframe height=\"100%\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12609.73108660754!2d-122.47279800000001!3d37.803331!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808586e6302615a1%3A0x86bd130251757c00!2sStorey%20Ave%2C%20San%20Francisco%2C%20CA%2094129!5e0!3m2!1sen!2sus!4v1591859311334!5m2!1sen!2sus\" />\r\n                    </div>\r\n                </section>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Contact_01;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nconst AnyReactComponent = ({ text }) => <div>{text}</div>;\r\n\r\nexport class Contact_02 extends Component {\r\n    render() {\r\n\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Contact Us</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Contact 02</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <section className=\"ttm-row contact-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">{/* row */}\r\n                        <div className=\"col-lg-8 offset-lg-2\">\r\n                        {/* section-title */}\r\n                        <div className=\"section-title with-desc text-center clearfix\">\r\n                            <div className=\"title-header\">\r\n                            <h5>Contact Us</h5>\r\n                            <h2 className=\"title\">Drop us a line</h2>\r\n                            </div>\r\n                        </div>{/* section-title end */}\r\n                        </div>\r\n                    </div>\r\n                    {/* row end */}\r\n                    {/* row */}\r\n                    <form id=\"ttm-quote-form\" className=\"row ttm-quote-form clearfix\" method=\"post\" action=\"#\">\r\n                        <div className=\"col-sm-6 col-md-4\">\r\n                        <div className=\"form-group\">\r\n                            <input name=\"name\" type=\"text\" className=\"form-control bg-white border\" placeholder=\"Full Name*\" required=\"required\" />\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-sm-6 col-md-4\">\r\n                        <div className=\"form-group\">\r\n                            <input name=\"phone\" type=\"text\" placeholder=\"Phone Number*\" required=\"required\" className=\"form-control bg-white border\" />\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-sm-12 col-md-4\">\r\n                        <div className=\"form-group\">\r\n                            <input name=\"address\" type=\"text\" placeholder=\"Email Address*\" required=\"required\" className=\"form-control bg-white border\" />\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-sm-12 col-md-12\">\r\n                        <div className=\"form-group\">\r\n                            <textarea name=\"Massage\" rows={5} placeholder=\"Write A Massage...\" required=\"required\" className=\"form-control bg-white border\" defaultValue={\"\"} />\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-md-12\">\r\n                        <div className=\"text-center\">\r\n                            <button type=\"submit\" id=\"submit\" className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor mt-5 res-991-mt-20\" value>\r\n                            Submit Massage\r\n                            </button>\r\n                        </div>\r\n                        </div>\r\n                    </form>\r\n                    {/* row end*/}\r\n                    </div>\r\n                </section>\r\n                {/* contact-box-section */}\r\n                <div className=\"ttm-row contact-box-section ttm-bgcolor-grey clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-4 res-991-mb-60 res-991-mt-30\">\r\n                        {/* featured-icon-box */}\r\n                        <div className=\"featured-icon-box style8 text-center box-shadow\">\r\n                            <div className=\"featured-icon\">{/* featured-icon*/}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md rounded-circle\"> \r\n                                <i className=\"far fa-envelope\" />\r\n                            </div>\r\n                            </div>{/* featured-icon */}\r\n                            <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"featured-title\">\r\n                                <h5>Email</h5>{/* featured-title */}\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                                <p>\r\n                                <a href=\"mailto:info@example.com\">info@example.com</a><br />\r\n                                <a href=\"mailto:emailexample@demo.com\">emailexample@demo.com</a>\r\n                                </p>\r\n                            </div>\r\n                            </div>{/* featured-content END*/}\r\n                        </div>{/* featured-icon-box */}\r\n                        </div>\r\n                        <div className=\"col-lg-4 res-991-mb-60\">\r\n                        {/* featured-icon-box */}\r\n                        <div className=\"featured-icon-box style8 text-center box-shadow\">\r\n                            <div className=\"featured-icon\">{/* featured-icon*/}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md rounded-circle\"> \r\n                                <i className=\"fa fa-phone\" />\r\n                            </div>\r\n                            </div>{/* featured-icon */}\r\n                            <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"featured-title\">\r\n                                <h5>Phone</h5>{/* featured-title */}\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                                <p>\r\n                                +01-4488-64585458<br />\r\n                                11415(12456)2424\r\n                                </p>\r\n                            </div>\r\n                            </div>{/* featured-content END*/}\r\n                        </div>{/* featured-icon-box */}\r\n                        </div>\r\n                        <div className=\"col-lg-4\">\r\n                        {/* featured-icon-box */}\r\n                        <div className=\"featured-icon-box style8 text-center box-shadow\">\r\n                            <div className=\"featured-icon\">{/* featured-icon*/}\r\n                            <div className=\"ttm-icon ttm-bgcolor-white ttm-icon_element-size-md rounded-circle\"> \r\n                                <i className=\"ti ti-target\" />\r\n                            </div>\r\n                            </div>{/* featured-icon */}\r\n                            <div className=\"featured-content\">{/* featured-content */}\r\n                            <div className=\"featured-title\">\r\n                                <h5>Address</h5>{/* featured-title */}\r\n                            </div>\r\n                            <div className=\"featured-desc\">{/* featured-description */}\r\n                                <p>\r\n                                229 Young Street Irwin, PA 15642<br />\r\n                                New York\r\n                                </p>\r\n                            </div>\r\n                            </div>{/* featured-content END*/}\r\n                        </div>{/* featured-icon-box */}\r\n                        </div>  \r\n                    </div>\r\n                    </div>\r\n                </div>\r\n                {/* contact-box-section end */}\r\n                {/* map-section */}\r\n                <section className=\"ttm-row map-section clearfix\">\r\n                    <div className=\"map-wrapper\">\r\n                    <iframe height=\"100%\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12609.73108660754!2d-122.47279800000001!3d37.803331!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808586e6302615a1%3A0x86bd130251757c00!2sStorey%20Ave%2C%20San%20Francisco%2C%20CA%2094129!5e0!3m2!1sen!2sus!4v1591859311334!5m2!1sen!2sus\" />\r\n                    </div>\r\n                </section>\r\n                {/* map-section end */}\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Contact_02;\r\n","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Error extends Component {\r\n    render() {\r\n\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* error 404 */}\r\n                <section className=\"error-404 ttm-textcolor-grey\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\">\r\n                        <div className=\"ttm-big-icon ttm-textcolor-skincolor\">\r\n                            <i className=\"far fa-thumbs-down\" />\r\n                        </div>\r\n                        <header className=\"page-header\"><h1 className=\"page-title\">404 ERROR</h1></header>\r\n                        <div className=\"page-content\"> <p>This page may have been moved or deleted. Be sure to check your spelling.</p></div>\r\n                            <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor mb-15\" href={process.env.PUBLIC_URL + '/'}>Back To Home</a>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </section>\r\n                {/* error 404 end*/}\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Error;","import React, { Component } from 'react';\r\nimport { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel } from 'react-accessible-accordion';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport { MDBProgress } from 'mdbreact';\r\nimport Lightbox from 'react-image-lightbox';\r\nimport 'react-image-lightbox/style.css';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport CountUp from 'react-countup';\r\nimport Slider from 'react-slick';\r\nimport Header from '../layout/Header';\r\n\r\n\r\nconst images = [\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg'\r\n];\r\n\r\nexport class Element extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n     \r\n        this.state = {\r\n          photoIndex: 0,\r\n          isOpen: false,\r\n        };\r\n    }\r\n    render() {\r\n        const { photoIndex, isOpen } = this.state;\r\n        var slick_slider = {\r\n            dots: false,\r\n            arrow: false,\r\n            autoplay: true,\r\n            infinite: true,\r\n            speed: 500,\r\n            slidesToShow: 4,\r\n            slidesToScroll: 1,\r\n  \r\n            responsive: [{\r\n  \r\n              breakpoint: 1199,\r\n              settings: {\r\n              slidesToShow: 3,\r\n              slidesToScroll: 3\r\n              }\r\n          },\r\n          {\r\n        \r\n              breakpoint: 1024,\r\n              settings: {\r\n              slidesToShow: 3,\r\n              slidesToScroll: 3\r\n              }\r\n          },\r\n          {\r\n        \r\n              breakpoint: 680,\r\n              settings: {\r\n                  slidesToShow: 2,\r\n                  slidesToScroll: 2\r\n              }\r\n          },\r\n          {\r\n              breakpoint: 480,\r\n              settings: {\r\n                  slidesToShow: 1,\r\n                  slidesToScroll: 1\r\n              }\r\n          }]\r\n        };\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Element</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Element</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                {/* element row */}\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-6 col-md-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                    <h2 className=\"title\">Tabs</h2>\r\n                                </div>\r\n                                <div className=\"ttm-tabs ttm-tab-style-vertical\">\r\n                                        <Tabs className=\"row\">\r\n                                            <div className=\"col-lg-4 col-md-4\">\r\n                                                <TabList>\r\n                                                    <Tab><span>Section 1</span></Tab>\r\n                                                    <Tab><span>Section 2</span></Tab>\r\n                                                    <Tab><span>Section 3</span></Tab>\r\n                                                    <Tab><span>Section 4</span></Tab>\r\n                                                </TabList> \r\n                                            </div>\r\n                                            <div className=\"content-tab col-lg-8 col-md-8\">                                \r\n                                                <TabPanel>\r\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>\r\n                                                </TabPanel>\r\n                                                <TabPanel>\r\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>\r\n                                                </TabPanel>\r\n                                                <TabPanel>\r\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>\r\n                                                </TabPanel>\r\n                                                <TabPanel>\r\n                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Ut enim ad minim veniam, quis nostrud.</p>\r\n                                                </TabPanel>\r\n                                            </div>       \r\n                                        </Tabs>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-md-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                    <h2 className=\"title\">Tabs</h2>\r\n                                </div>\r\n                                <div className=\"ttm-tabs ttm-tab-style-horizontal\">\r\n                                    <Tabs>\r\n                                        <TabList>\r\n                                            <Tab><span><i className=\"fa fa-cog\"></i> REPAIRING</span></Tab>\r\n                                            <Tab><span><i className=\"fa fa-binoculars\"></i> MODELING</span></Tab>\r\n                                            <Tab><span><i className=\"fa fa-tasks\"></i> BRANDING</span></Tab>\r\n                                        </TabList>      \r\n                                        <div className=\"content-tab\">                        \r\n                                            <TabPanel>\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-lg-4\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                                    </div>\r\n                                                    <div className=\"col-lg-8\">\r\n                                                    <p className=\"pt-15\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip adipiscing elit, sed do eiusmod tempor incididunt.</p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-lg-4\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                                    </div>\r\n                                                    <div className=\"col-lg-8\">\r\n                                                    <p className=\"pt-15\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip adipiscing elit, sed do eiusmod tempor incididunt.</p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-lg-4\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                                    </div>\r\n                                                    <div className=\"col-lg-8\">\r\n                                                    <p className=\"pt-15\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip adipiscing elit, sed do eiusmod tempor incididunt.</p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                        </div>\r\n                                    </Tabs>\r\n                                </div>\r\n                            </div>\r\n                        \r\n                        </div>\r\n                    </div>\r\n\r\n                </section>\r\n                {/* element row end*/}\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                    <h2 className=\"title\">Buttons</h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 col-md-6 col-sm-6\">\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-darkgrey\">BUTTON TEXT <i className=\"ti ti-arrow-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm rounded ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-darkgrey\">BUTTON TEXT <i className=\"ti ti-arrow-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-md rounded-circle ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-darkgrey\">BUTTON TEXT <i className=\"ti ti-arrow-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-darkgrey\">BUTTON TEXT <i className=\"ti ti-arrow-right\" /></a>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 col-md-6 col-sm-6\">\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-skincolor\">BUTTON TEXT <i className=\"ti ti-hand-point-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm rounded ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-skincolor\">BUTTON TEXT <i className=\"ti ti-hand-point-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-md rounded-circle ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-skincolor\">BUTTON TEXT <i className=\"ti ti-hand-point-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-border ttm-icon-btn-right ttm-bgcolor-skincolor\">BUTTON TEXT <i className=\"ti ti-hand-point-right\" /></a>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 col-md-6 col-sm-6\">\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-icon-btn-right ttm-bgcolor-darkgrey\" >BUTTON TEXT <i className=\"ti ti-angle-double-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm rounded ttm-icon-btn-right ttm-bgcolor-darkgrey\" >BUTTON TEXT <i className=\"ti ti-angle-double-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-md rounded-circle ttm-icon-btn-right ttm-bgcolor-darkgrey\" >BUTTON TEXT <i className=\"ti ti-angle-double-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-icon-btn-right ttm-bgcolor-darkgrey\" >BUTTON TEXT <i className=\"ti ti-angle-double-right\" /></a>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 col-md-6 col-sm-6\">\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-xs ttm-btn-shape-square ttm-icon-btn-right ttm-bgcolor-skincolor\" >BUTTON TEXT <i className=\"ti ti-arrow-circle-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm rounded ttm-icon-btn-right ttm-bgcolor-skincolor\" >BUTTON TEXT <i className=\"ti ti-arrow-circle-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pr-20 pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-md rounded-circle ttm-icon-btn-right ttm-bgcolor-skincolor\" >BUTTON TEXT <i className=\"ti ti-arrow-circle-right\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-btn-box pb-20\">\r\n                                    <a className=\"ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-icon-btn-right ttm-bgcolor-skincolor\" >BUTTON TEXT <i className=\"ti ti-arrow-circle-right\" /></a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                    <h2 className=\"title\">Accordion &amp; Progress Bar</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-6\">\r\n                                {/* accordian */}\r\n                                <Accordion>\r\n                                    <AccordionItem>\r\n                                        <AccordionItemHeading>\r\n                                            <AccordionItemButton>\r\n                                                What does having Managed your services provider?\r\n                                            </AccordionItemButton>\r\n                                        </AccordionItemHeading>\r\n                                        <AccordionItemPanel>\r\n                                            <p>\r\n                                                Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                            </p>\r\n                                        </AccordionItemPanel>\r\n                                    </AccordionItem>\r\n                                    <AccordionItem>\r\n                                        <AccordionItemHeading>\r\n                                            <AccordionItemButton>\r\n                                                What you about say your Business palnning?\r\n                                            </AccordionItemButton>\r\n                                        </AccordionItemHeading>\r\n                                        <AccordionItemPanel>\r\n                                            <p>\r\n                                                Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                            </p>\r\n                                        </AccordionItemPanel>\r\n                                    </AccordionItem>\r\n                                </Accordion>\r\n                                <Accordion className=\"accordion style2\">\r\n                                    <AccordionItem>\r\n                                        <AccordionItemHeading>\r\n                                            <AccordionItemButton>\r\n                                                When do I need an Interior Designer?\r\n                                            </AccordionItemButton>\r\n                                        </AccordionItemHeading>\r\n                                        <AccordionItemPanel>\r\n                                            <p className=\"mb-0\">\r\n                                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\r\n                                            </p>\r\n                                        </AccordionItemPanel>\r\n                                    </AccordionItem>\r\n                                    <AccordionItem>\r\n                                        <AccordionItemHeading>\r\n                                            <AccordionItemButton>\r\n                                                What types of systems do you support?\r\n                                            </AccordionItemButton>\r\n                                        </AccordionItemHeading>\r\n                                        <AccordionItemPanel>\r\n                                            <p className=\"mb-0\">\r\n                                                Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                            </p>\r\n                                        </AccordionItemPanel>\r\n                                    </AccordionItem>\r\n                                </Accordion>\r\n                            </div>\r\n                            <div className=\"col-md-6\">\r\n                                {/* progress-bar */}\r\n                                <div className=\"ttm-progress-bar\">\r\n                                    <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                    <label className=\"float-right\">88%</label>\r\n                                    <MDBProgress className=\"w-100 progress-bar-color-bar_blue\" material value={88}></MDBProgress>\r\n                                </div>\r\n                                {/* progress-bar END */}\r\n                                {/* progress-bar */}\r\n                                <div className=\"ttm-progress-bar\">\r\n                                    <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                    <label className=\"float-right\">79%</label>\r\n                                    <MDBProgress className=\"w-100 progress-bar-color-bar_green\" material value={79}></MDBProgress>\r\n                                </div>\r\n                                {/* progress-bar END */}\r\n                                {/* progress-bar */}\r\n                                <div className=\"ttm-progress-bar\">\r\n                                    <div className=\"progress-bar-title float-left\">UI/UX Design</div>{/* progress-bar-title */}\r\n                                    <label className=\"float-right\">88%</label>\r\n                                    <MDBProgress className=\"w-100 progress-bar-color-bar_pink\" material value={88}></MDBProgress>\r\n                                </div>\r\n                                {/* progress-bar END */}\r\n                                {/* progress-bar */}\r\n                                <div className=\"ttm-progress-bar\">\r\n                                    <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                    <label className=\"float-right\">79%</label>\r\n                                    <MDBProgress className=\"w-100 progress-bar-color-bar_turquoise\" material value={79}></MDBProgress>\r\n                                </div>\r\n                                {/* progress-bar END */}\r\n                                {/* progress-bar */}\r\n                                <div className=\"ttm-progress-bar\">\r\n                                    <div className=\"progress-bar-title float-left\">App Development</div>{/* progress-bar-title */}\r\n                                    <label className=\"float-right\">88%</label>\r\n                                    <MDBProgress className=\"w-100 progress-bar-color-bar_yellow\" material value={88}></MDBProgress>\r\n                                </div>\r\n                                {/* progress-bar END */}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                            <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Facts In Digits</h2>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ttm-row  ttm-bgcolor-darkgrey ttm-bg clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-3 col-sm-6\">\r\n                            {/*  ttm-icon */}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                                <div className=\"ttm-fid-icon-wrapper\">\r\n                                <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                    <i className=\"flaticon flaticon-online-library\" />{/*  ttm-icon */} \r\n                                </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                                <h4>\r\n                                    <CountUp start={0} end={458} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Completed Projects</h3>{/*  ttm-fid-title */}\r\n                                </div>{/* ttm-fid-contents end */}\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-md-3 col-sm-6\">\r\n                            {/*  ttm-icon */}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                                <div className=\"ttm-fid-icon-wrapper\">\r\n                                <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                    <i className=\"flaticon flaticon-developer\" />{/*  ttm-icon */} \r\n                                </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                                <h4>\r\n                                    <CountUp start={0} end={954} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Happy Clients</h3>{/*  ttm-fid-title */}\r\n                                </div>{/* ttm-fid-contents end */}\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-md-3 col-sm-6\">\r\n                            {/*  ttm-icon */}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                                <div className=\"ttm-fid-icon-wrapper\">\r\n                                <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                    <i className=\"flaticon flaticon-24h\" />{/*  ttm-icon */} \r\n                                </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                                <h4>\r\n                                    <CountUp start={0} end={897} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Services Provider</h3>{/*  ttm-fid-title */}\r\n                                </div>{/* ttm-fid-contents end */}\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-md-3 col-sm-6\">\r\n                            {/*  ttm-icon */}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-topicon\">\r\n                                <div className=\"ttm-fid-icon-wrapper\">\r\n                                <div className=\"ttm-icon ttm-bgcolor-skincolor ttm-icon_element-size-lg\">\r\n                                    <i className=\"flaticon flaticon-report\" />{/*  ttm-icon */} \r\n                                </div>\r\n                                </div>\r\n                                <div className=\"ttm-fid-contents\">{/*  ttm-fid-contents */}\r\n                                <h4>\r\n                                    <CountUp start={0} end={785} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Cloud Designs</h3>{/*  ttm-fid-title */}\r\n                                </div>{/* ttm-fid-contents end */}\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        {/* row end*/}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"container-xl mt-5\">\r\n                        <div className=\"row ttm-fid-row-wrapper\">\r\n                        <div className=\"col-md-3 col-sm-6\">\r\n                            {/*ttm-fid*/}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-lefticon\">\r\n                            <div className=\"ttm-fid-left\">\r\n                                <div className=\"ttm-fid-icon-wrapper ttm-textcolor-skincolor\">\r\n                                <i className=\"flaticon flaticon-developer\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents text-left\">\r\n                                <h4 className=\"ttm-fid-inner\">\r\n                                    <CountUp start={0} end={458} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Happy Customers</h3>\r\n                            </div>\r\n                            </div>{/* ttm-fid end*/}\r\n                        </div>\r\n                        <div className=\"col-md-3 col-sm-6\">\r\n                            {/*ttm-fid*/}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-lefticon\">\r\n                            <div className=\"ttm-fid-left\">\r\n                                <div className=\"ttm-fid-icon-wrapper ttm-textcolor-skincolor\">\r\n                                <i className=\"flaticon flaticon-interaction\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents text-left\">\r\n                                <h4 className=\"ttm-fid-inner\">\r\n                                    <CountUp start={0} end={642} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Projects Completed</h3>\r\n                            </div>\r\n                            </div>{/* ttm-fid end*/}\r\n                        </div>\r\n                        <div className=\"col-md-3 col-sm-6\">\r\n                            {/*ttm-fid*/}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-lefticon\">\r\n                            <div className=\"ttm-fid-left\">\r\n                                <div className=\"ttm-fid-icon-wrapper ttm-textcolor-skincolor\">\r\n                                <i className=\"flaticon flaticon-global-1\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents text-left\">\r\n                                <h4 className=\"ttm-fid-inner\">\r\n                                    <CountUp start={0} end={578} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Cloud Designs</h3>\r\n                            </div>\r\n                            </div>{/* ttm-fid end*/}\r\n                        </div>\r\n                        <div className=\"col-md-3 col-sm-6\">\r\n                            {/*ttm-fid*/}\r\n                            <div className=\"ttm-fid inside ttm-fid-view-lefticon\">\r\n                            <div className=\"ttm-fid-left\">\r\n                                <div className=\"ttm-fid-icon-wrapper ttm-textcolor-skincolor\">\r\n                                <i className=\"flaticon flaticon-developer\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-fid-contents text-left\">\r\n                                <h4 className=\"ttm-fid-inner\">\r\n                                    <CountUp start={0} end={344} duration={30} />\r\n                                </h4>\r\n                                <h3 className=\"ttm-fid-title\">Happy Customers</h3>\r\n                            </div>\r\n                            </div>{/* ttm-fid end*/}\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-12\">\r\n                        <div className=\"section-title clearfix\">\r\n                            <h2 className=\"title\">Icons &amp; Icon Box</h2>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-6\">\r\n                        <div className=\"row icon-box-wrapper\">\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-background-aqua ttm-icon_element-size-xs rounded-circle\">\r\n                                <i className=\"far fa-hand-paper\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-background-aqua ttm-icon_element-size-xs rounded-circle\">\r\n                                <i className=\"fa fa-star\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-background-aqua ttm-icon_element-size-xs rounded-circle\">\r\n                                <i className=\"fa fa-user\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-background-aqua ttm-icon_element-size-xs rounded-circle\">\r\n                                <i className=\"fa fa-cloud\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-color-white ttm-icon_element-background-aqua ttm-icon_element-size-xs rounded-circle\">\r\n                                <i className=\"fa fa-flask\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                            <div className=\"row icon-box-wrapper\">\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-mulled_wine ttm-icon_element-size-md rounded\">\r\n                                <i className=\"fas fa-tachometer-alt\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-blue ttm-icon_element-size-md rounded\">\r\n                                <i className=\"fa fa-cubes\" /> \r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-yellow ttm-icon_element-size-md rounded\">\r\n                                <i className=\"far fa-hand-paper\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-orange ttm-icon_element-size-md rounded\">\r\n                                <i className=\"fa fa-star\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-red ttm-icon_element-size-md rounded\">\r\n                                <i className=\"fa fa-user\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                            <div className=\"row icon-box-wrapper\">\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-color-grey ttm-icon_element-color-aqua ttm-icon_element-size-md ttm-icon_element-style-square\">\r\n                                    <i className=\"fa fa-cogs\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-color-grey ttm-icon_element-color-aqua ttm-icon_element-size-md ttm-icon_element-style-square\">\r\n                                    <i className=\"fa fa-user\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-color-grey ttm-icon_element-color-aqua ttm-icon_element-size-md ttm-icon_element-style-square\">\r\n                                    <i className=\"fa fa-cubes\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-color-grey ttm-icon_element-color-aqua ttm-icon_element-size-md ttm-icon_element-style-square\">\r\n                                    <i className=\"fa fa-cloud\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-color-grey ttm-icon_element-color-aqua ttm-icon_element-size-md ttm-icon_element-style-square\">\r\n                                    <i className=\"fa fa-flask\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row icon-box-wrapper\">\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-yellow ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"far fa-hand-paper\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-orange ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-red ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"fa fa-user\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-dark_pink ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"fa fa-cloud\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-sm-2\">\r\n                                <div className=\"icon-box\">\r\n                                    <div className=\"ttm-icon ttm-icon_element-fill ttm-icon_element-background-mulled_wine ttm-icon_element-size-md rounded-circle\">\r\n                                    <i className=\"fa fa-flask\" />\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row icon-box-wrapper\">\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-mulled_wine ttm-icon_element-size-md rounded-circle\">\r\n                                <i className=\"fas fa-video\"></i>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-blue ttm-icon_element-size-md rounded-circle\">\r\n                                <i className=\"fa fa-camera\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-yellow ttm-icon_element-size-md rounded-circle\">\r\n                                <i className=\"far fa-hand-paper\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-orange ttm-icon_element-size-md rounded-circle\">\r\n                                <i className=\"fa fa-star\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-sm-2\">\r\n                            <div className=\"icon-box\">\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-icon_element-color-red ttm-icon_element-size-md rounded-circle\">\r\n                                <i className=\"fa fa-user\" />\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div className=\"col-md-6\">\r\n                        <div className=\"row mt-40\">\r\n                            <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-process\" />\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Product Designs</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>Our firm is expert to create an efficient user interface that makes user interaction is lively.</p>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-system\" />\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Big Data &amp; Analytics</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>Statistical analysis to help an organization to gain insights from large information web sets.</p>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-data\" />\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Maintain App Data</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>We Create the optimal platform to develop and run digital applications for our clients app.</p>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"separator\">\r\n                            <div className=\"sep-line mt-4 mb-4\" />\r\n                        </div>\r\n                        {/* separator */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                            {/* featured-icon-box */}\r\n                            <div className=\"featured-icon-box style2 left-icon icon-align-top\">\r\n                                <div className=\"featured-icon\">{/* featured-icon */}\r\n                                <div className=\"ttm-icon ttm-icon_element-border ttm-textcolor-skincolor ttm-icon_element-size-md\">\r\n                                    <i className=\"flaticon flaticon-data\" />\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"featured-content\">\r\n                                <div className=\"featured-title\">{/* featured title */}\r\n                                    <h5>Maintain App Data</h5>\r\n                                </div>\r\n                                <div className=\"featured-desc\">{/* featured desc */}\r\n                                    <p>We Create the optimal platform to develop and run digital applications for our clients app.</p>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Clients Logo</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ttm-row res-991-p-0 ttm-bgcolor-darkgrey ttm-bg clearfix\">\r\n                        <div className=\"container-xl\">\r\n                            <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={5}>\r\n                                <div className=\"ttm-box-col-wrapper\">\r\n                                    <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                        <div className=\"client\">\r\n                                            <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-01\">\r\n                                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"ttm-box-col-wrapper\">\r\n                                    <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                        <div className=\"client\">\r\n                                            <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-02\">\r\n                                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"ttm-box-col-wrapper\">\r\n                                    <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                        <div className=\"client\">\r\n                                            <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-03\">\r\n                                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"ttm-box-col-wrapper\">\r\n                                    <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                        <div className=\"client\">\r\n                                            <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-04\">\r\n                                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"ttm-box-col-wrapper\">\r\n                                    <div className=\"client-box ttm-box-view-boxed-logo\">\r\n                                        <div className=\"client\">\r\n                                            <div className=\"ttm-client-logo-tooltip\" data-tooltip=\"client-05\">\r\n                                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/94X47/444444.png\" alt=\"image\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </Slider>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Portfolio</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        {isOpen && (\r\n                        <Lightbox\r\n                            mainSrc={images[photoIndex]}\r\n                            nextSrc={images[(photoIndex + 1) % images.length]}\r\n                            prevSrc={images[(photoIndex + images.length - 1) % images.length]}\r\n                            onCloseRequest={() => this.setState({ isOpen: false })}\r\n                            onMovePrevRequest={() =>\r\n                            this.setState({\r\n                                photoIndex: (photoIndex + images.length - 1) % images.length,\r\n                            })\r\n                            }\r\n                            onMoveNextRequest={() =>\r\n                            this.setState({\r\n                                photoIndex: (photoIndex + 1) % images.length,\r\n                            })\r\n                            }\r\n                        />\r\n                        )}\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-10px\" {...slick_slider} slidesToShow={4}>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                {/* featured-thumbnail */}\r\n                                <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                                </div>{/* featured-thumbnail end*/}\r\n                                {/* ttm-box-view-overlay */}\r\n                                <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                    <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                </div>{/* ttm-box-view-overlay end*/}\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Business Seminar</a></h5>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                {/* featured-thumbnail */}\r\n                                <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                                </div>{/* featured-thumbnail end*/}\r\n                                {/* ttm-box-view-overlay */}\r\n                                <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                    <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                </div>{/* ttm-box-view-overlay end*/}\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                    </div>\r\n                                </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                {/* featured-thumbnail */}\r\n                                <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                                </div>{/* featured-thumbnail end*/}\r\n                                {/* ttm-box-view-overlay */}\r\n                                <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                    <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                </div>{/* ttm-box-view-overlay end*/}\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                    </div>\r\n                                </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                {/* featured-thumbnail */}\r\n                                <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                                </div>{/* featured-thumbnail end*/}\r\n                                {/* ttm-box-view-overlay */}\r\n                                <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                    <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                </div>{/* ttm-box-view-overlay end*/}\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                    </div>\r\n                                </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                {/* featured-thumbnail */}\r\n                                <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                                </div>{/* featured-thumbnail end*/}\r\n                                {/* ttm-box-view-overlay */}\r\n                                <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                    <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                </div>{/* ttm-box-view-overlay end*/}\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                    </div>\r\n                                </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                {/* featured-thumbnail */}\r\n                                <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/600X750/444444.jpg\" />\r\n                                </div>{/* featured-thumbnail end*/}\r\n                                {/* ttm-box-view-overlay */}\r\n                                <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                    <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                </div>{/* ttm-box-view-overlay end*/}\r\n                                <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Devlopment</a></h5>\r\n                                    </div>\r\n                                </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                        </Slider>\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-10px mt-5\" {...slick_slider} slidesToShow={3}>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                        <div className=\"category\">\r\n                                        <p>Business , Campaign</p>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                        <div className=\"category\">\r\n                                        <p>Campaign , Technology</p>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                        <div className=\"category\">\r\n                                        <p>Corporate , Workshop</p>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                        <div className=\"category\">\r\n                                        <p>Innovation , Technology</p>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                        <div className=\"category\">\r\n                                        <p>Corporate</p>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                        <div className=\"category\">\r\n                                        <p>Technology , Workshop</p>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div> \r\n                        </Slider>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Team members</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-30px\" {...slick_slider} slidesToShow={3}>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Robert Liam</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Web Designer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jessica Ethan</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Project Manager</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Amanda Brown</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jennifer Garcia</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Robert Liam</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Web Designer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jessica Ethan</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Project Manager</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Amanda Brown</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jennifer Garcia</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Robert Liam</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Web Designer</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style1\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                    <div className=\"ttm-social-links-wrapper\">\r\n                                    <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                        <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                    </ul>\r\n                                    </div>\r\n                                </div> \r\n                                <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jessica Ethan</a></h5>\r\n                                    </div>\r\n                                    <p className=\"category\">Project Manager</p>{/* category */}\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                        </Slider>\r\n                        <Slider className=\"row slick_slider ttm-boxes-spacing-30px mt-5\" {...slick_slider} slidesToShow={3}>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                            <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                                <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                                <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                                <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                                <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Robert Liam</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Web Designer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X520/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jessica Ethan</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Project Manager</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Amanda Brown</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jennifer Garcia</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Robert Liam</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Web Designer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jessica Ethan</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Project Manager</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Amanda Brown</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Consultant Officer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jennifer Garcia</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">IT Service Officer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Robert Liam</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Web Designer</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper\">\r\n                                <div className=\"featured-imagebox featured-imagebox-team style2\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" alt=\"\" src=\"https://via.placeholder.com/480X520/444444.jpg\" />\r\n                                        <div className=\"ttm-social-links-wrapper\">\r\n                                        <ul className=\"social-icons list-inline\">{/* social-icons */}\r\n                                            <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" /></a></li>\r\n                                            <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" /></a></li>\r\n                                            <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" /></a></li>\r\n                                            <li className=\"social-googleplus\"><a><i className=\"fab fa-google-plus-g\" /></a></li>\r\n                                        </ul>\r\n                                        </div>\r\n                                    </div> \r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                        <div className=\"featured-content\">\r\n                                            <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Team_details'}>Jessica Ethan</a></h5>\r\n                                            </div>\r\n                                            <p className=\"category\">Project Manager</p>{/* category */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </Slider>                    \r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Team members</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"ttm-row ttm-bgcolor-darkgrey ttm-bg clearfix\">\r\n                        <div className=\"container-xl\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-md-8 offset-md-2\">\r\n                                    <Slider className=\"slick_slider\" arrows={false}>\r\n                                        <div className=\"testimonials text-center\"> \r\n                                            <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                            <div className=\"testimonial-avatar\">\r\n                                                <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                                <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                                </div>\r\n                                            </div>\r\n                                            <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                            <div className=\"ttm-ratting-star\">\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                                <h6>Victor Williamson</h6>\r\n                                                <label>Web Devloper</label>\r\n                                            </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"testimonials text-center\"> \r\n                                            <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                            <div className=\"testimonial-avatar\">\r\n                                                <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                                <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                                </div>\r\n                                            </div>\r\n                                            <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                            <div className=\"ttm-ratting-star\">\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                                <h6>Victor Williamson</h6>\r\n                                                <label>Web Devloper</label>\r\n                                            </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"testimonials text-center\"> \r\n                                            <div className=\"testimonial-content\">{/* testimonials-content */}\r\n                                            <div className=\"testimonial-avatar\">\r\n                                                <div className=\"testimonial-img\">{/* testimonials-img */}\r\n                                                <img className=\"img-center\" alt=\"testimonial-img\" src=\"https://via.placeholder.com/150X150/444444.jpg\" />\r\n                                                </div>\r\n                                            </div>\r\n                                            <blockquote>Our team discussed every single detail to make sure Creatives Planet is the most versatile and unique theme created so far. No coding skills.</blockquote>\r\n                                            <div className=\"ttm-ratting-star\">\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <div className=\"testimonial-caption\">{/* testimonials-caption */}\r\n                                                <h6>Victor Williamson</h6>\r\n                                                <label>Web Devloper</label>\r\n                                            </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </Slider>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Services</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row res-991-text-center\">\r\n                            <div className=\"col-md-6 col-lg-4 res-991-mb-20\">\r\n                                {/* featured-imagebox-services */}\r\n                                <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div> \r\n                                    <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/It_consultancy'}>IT Consultancy</a></h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-title */}\r\n                                        <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/It_consultancy'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>\r\n                                {/* featured-imagebox-services */}\r\n                            </div>\r\n                            <div className=\"col-md-6 col-lg-4 res-991-mb-20\">\r\n                                {/* featured-imagebox-services */}\r\n                                <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div> \r\n                                    <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Digital_services'}>Digital Services</a></h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-title */}\r\n                                        <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Digital_services'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>\r\n                                {/* featured-imagebox-services */}\r\n                            </div>\r\n                            <div className=\"col-md-6 col-lg-4\">\r\n                                {/* featured-imagebox-services */}\r\n                                <div className=\"featured-imagebox featured-imagebox-services style1\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div> \r\n                                    <div className=\"featured-content box-shadow\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Advisory_services'}>Advisory Services</a></h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-title */}\r\n                                        <p>Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right mt-2\" href={process.env.PUBLIC_URL + '/Advisory_services'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>                            \r\n                        </div>\r\n                    </div>\r\n                </section>\r\n                <section className=\"element-row element-style clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                                <div className=\"section-title clearfix\">\r\n                                <h2 className=\"title\">Blog</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-6 col-lg-4\">\r\n                            {/* featured-imagebox-blog */}\r\n                            <div className=\"featured-imagebox featured-imagebox-blog style2 mb-20\">\r\n                                <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                <div className=\"ttm-blog-overlay-iconbox\">\r\n                                    <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                </div>\r\n                                <div className=\"ttm-box-view-overlay\" />\r\n                                </div>\r\n                                <div className=\"featured-content\">{/* featured-content */}\r\n                                <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                    <span className=\"ttm-entry-date\">\r\n                                    <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                                    </span>\r\n                                </div>\r\n                                <div className=\"featured-title\">{/* featured-title */}\r\n                                    <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                                </div>\r\n                                <div className=\"post-meta\">{/* post-meta */}\r\n                                    <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                                    <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                </div>\r\n                                </div>\r\n                            </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-md-6 col-lg-4\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-20\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-blog-overlay-iconbox\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                    </div>\r\n                                    <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                        <span className=\"ttm-entry-date\">\r\n                                        <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                                        </span>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                                    </div>\r\n                                    <div className=\"post-meta\">{/* post-meta */}\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-md-6 col-lg-4\">\r\n                            {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-20\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-blog-overlay-iconbox\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                    </div>\r\n                                    <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                        <span className=\"ttm-entry-date\">\r\n                                        <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                                        </span>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                                    </div>\r\n                                    <div className=\"post-meta\">{/* post-meta */}\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mt-5 mb-5\">\r\n                            <div className=\"col-md-6 col-lg-4\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-20\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-blog-overlay-iconbox\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                    </div>\r\n                                    <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                        <span className=\"ttm-entry-date\">\r\n                                        <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                                        </span>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                                    </div>\r\n                                    <div className=\"post-meta\">{/* post-meta */}\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-description */}\r\n                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                                </div>\r\n                                <div className=\"col-md-6 col-lg-4\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-20\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-blog-overlay-iconbox\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                    </div>\r\n                                    <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                        <span className=\"ttm-entry-date\">\r\n                                        <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                                        </span>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                                    </div>\r\n                                    <div className=\"post-meta\">{/* post-meta */}\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-description */}\r\n                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                                </div>\r\n                                <div className=\"col-md-6 col-lg-4\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-20\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                    <div className=\"ttm-blog-overlay-iconbox\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                    </div>\r\n                                    <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                    <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                        <span className=\"ttm-entry-date\">\r\n                                        <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                                        </span>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                                    </div>\r\n                                    <div className=\"post-meta\">{/* post-meta */}\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                                        <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured-description */}\r\n                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                    </div>\r\n                                    <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\" href={process.env.PUBLIC_URL + '/Single_blog'}>Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                                </div>\r\n                            </div>\r\n                    </div>\r\n                </section>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Element;","import React, { Component } from 'react';\r\n\r\n\r\nexport class Sidebar extends Component {\r\n    render() {     \r\n        return (            \r\n            <div>\r\n                <div className=\"widget widget-nav-menu\">\r\n                    <ul className=\"widget-menu\">\r\n                        <li><a activeClassName=\"active\" href={process.env.PUBLIC_URL + '/it_consultancy'}>IT Consultancy</a></li>\r\n                        <li><a href={process.env.PUBLIC_URL + '/digital_services'}>Digital Services</a></li>\r\n                        <li><a href={process.env.PUBLIC_URL + '/advisory_services'}>Advisory Services</a></li>\r\n                        <li><a href={process.env.PUBLIC_URL + '/data_structuring'}>Data Structuring</a></li>\r\n                        <li><a href={process.env.PUBLIC_URL + '/experience_design'}>Experience Design</a></li>\r\n                        <li><a href={process.env.PUBLIC_URL + '/content_engineering'}>Content Engineering</a></li>\r\n                    </ul>\r\n                </div>\r\n                <div className=\"widget widget-text\">\r\n                    <h3 className=\"widget-title\">About Us</h3>\r\n                    <div className=\"ttm-author-widget\">\r\n                    <div className=\"author-widget_img\">\r\n                        <img className=\"author-img img-fluid\" src=\"https://via.placeholder.com/294X190/444444.jpg\" alt=\"author image\" />\r\n                    </div>\r\n                    <h4 className=\"author-name\">Altech-author</h4>\r\n                    <p className=\"author-widget_text\">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece orem Ipsum is not simply random text. It has roots in a piece of loream classical.</p>\r\n                    </div>\r\n                </div>\r\n                <div className=\"widget widget-download\">\r\n                    <h3 className=\"widget-title\">Brouchers</h3>\r\n                    <ul className=\"download\">\r\n                    <li>\r\n                        <i className=\"far fa-file-pdf\" />\r\n                        <a title=\"Download\">Download.pdf</a>\r\n                    </li>\r\n                    <li>\r\n                        <i className=\"far fa-file-word\" />\r\n                        <a title=\"Download\">Our ISO Certificate</a>\r\n                    </li>\r\n                    <li>\r\n                        <i className=\"far fa-file\" />\r\n                        <a title=\"Download\">Download.txt</a>\r\n                    </li>\r\n                    </ul>\r\n                </div>\r\n                <div className=\"widget widget_media_image\">\r\n                    <div className=\"banner-img-box ttm-textcolor-white text-left\">\r\n                    <div className=\"featured-content featured-content-banner\">\r\n                        <i className=\"flaticon flaticon-call\" />\r\n                        <div className=\"featured-title ttm-box-title\">\r\n                        <h5>How Can We Help?</h5>\r\n                        </div>\r\n                        <div className=\"featured-desc\">\r\n                        <p>If you need any help, please<br /> feel free to contact us.</p>\r\n                        </div>\r\n                        <ul>\r\n                        <li><i className=\"fa fa-phone\" />+1234567890</li>\r\n                        <li><i className=\"far fa-envelope\" /><a href=\"mailto:info@example.com\">info@example.com</a></li>\r\n                        </ul>\r\n                    </div>\r\n                    </div>\r\n                </div>                        \r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Sidebar;","import React, { Component } from 'react';\r\nimport { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel } from 'react-accessible-accordion';\r\nimport CountUp from 'react-countup';\r\nimport Sidebar from './Sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class It_consultancy extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">IT Consultancy</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>IT-Consultancy</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"sidebar ttm-sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-9 content-area order-lg-2\">\r\n                                {/* ttm-service-single-content-are */}\r\n                                {/* ttm-service-single-content-are */}\r\n                                <div className=\"ttm-service-single-content-area\">\r\n                                    <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-twelve\" />\r\n                                    </div>\r\n                                    <div className=\"ttm-service-description\">\r\n                                    <h3>Desktop Computing</h3>\r\n                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\r\n                                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillur incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcm dolore eu fugiat nulla pariatur.</p>\r\n                                    <div className=\"row no-gutters box-shadow mb-35\">\r\n                                        <div className=\"col-md-4 col-sm-4\">\r\n                                        {/*ttm-fid*/}\r\n                                        <div className=\"ttm-fid inside ttm-fid-view-lefticon style2\">\r\n                                            <div className=\"ttm-fid-left\">\r\n                                            <div className=\"ttm-fid-icon-wrapper\">\r\n                                                <i className=\"flaticon flaticon-global-1 ttm-textcolor-skincolor\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-fid-contents text-left\">\r\n                                            <h4 className=\"ttm-fid-inner\">\r\n                                                <CountUp start={0} end={15} duration={30} /> +\r\n                                            </h4>\r\n                                            <h3 className=\"ttm-fid-title\">Years Experience</h3>\r\n                                            </div>\r\n                                        </div>{/* ttm-fid end*/}\r\n                                        </div>\r\n                                        <div className=\"col-md-4 col-sm-4\">\r\n                                        {/*ttm-fid*/}\r\n                                        <div className=\"ttm-fid inside ttm-fid-view-lefticon style2\">\r\n                                            <div className=\"ttm-fid-left\">\r\n                                            <div className=\"ttm-fid-icon-wrapper\">\r\n                                                <i className=\"flaticon flaticon-padlock ttm-textcolor-skincolor\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-fid-contents text-left\">\r\n                                            <h4 className=\"ttm-fid-inner\">\r\n                                                <CountUp start={0} end={1490} duration={30} /> +\r\n                                            </h4>\r\n                                            <h3 className=\"ttm-fid-title\">Happy Clients</h3>\r\n                                            </div>\r\n                                        </div>{/* ttm-fid end*/}\r\n                                        </div>\r\n                                        <div className=\"col-md-4 col-sm-4\">\r\n                                        {/*ttm-fid*/}\r\n                                        <div className=\"ttm-fid inside ttm-fid-view-lefticon style2\">\r\n                                            <div className=\"ttm-fid-left\">\r\n                                            <div className=\"ttm-fid-icon-wrapper\">\r\n                                                <i className=\"flaticon flaticon-developer ttm-textcolor-skincolor\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-fid-contents text-left\">\r\n                                            <h4 className=\"ttm-fid-inner\">\r\n                                                <CountUp start={0} end={815} duration={30} /> +\r\n                                            </h4>\r\n                                            <h3 className=\"ttm-fid-title\">New Customers</h3>\r\n                                            </div>\r\n                                        </div>{/* ttm-fid end*/}\r\n                                        </div>\r\n                                    </div>\r\n                                    <p className=\"mb-35\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged</p>\r\n                                    <h3>Why Choose Us?</h3>\r\n                                    <div className=\"row mt-35\">\r\n                                        <div className=\"col-lg-12\">\r\n                                            <div className=\"row m-0 box-shadow spacing-11\">\r\n                                                <div className=\"col-md-6 col-lg-12 col-xl-6\">\r\n                                                    <div className=\"ttm_single_image-wrapper\">\r\n                                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/385X353/444444.jpg\" alt=\"single-img-thirteen\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"col-md-6 col-lg-12 col-xl-6\">\r\n                                                    <p className=\"mb-30 res-1199-mt-20\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s standard dummy text ever since the 1500s.</p>\r\n                                                    <ul className=\"ttm-list ttm-list-style-icon\">\r\n                                                        <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Which material types can you work with? </span></li>\r\n                                                        <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Can I have multiple in a single feature?</span></li>\r\n                                                        <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Is Smart Lock required for instant apps?</span></li>\r\n                                                        <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Which material types can you work with? </span></li>\r\n                                                        <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Is Smart Lock required for instant apps?</span></li>\r\n                                                    </ul>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <h3 className=\"mt-35\">Analyzing IT services</h3>\r\n                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p>\r\n                                        {/* acadion */}\r\n                                        <Accordion className=\"accordion style2\">\r\n                                            <AccordionItem>\r\n                                                <AccordionItemHeading>\r\n                                                    <AccordionItemButton>\r\n                                                        When do I need an Interior Designer?\r\n                                                    </AccordionItemButton>\r\n                                                </AccordionItemHeading>\r\n                                                <AccordionItemPanel>\r\n                                                    <p className=\"mb-0\">\r\n                                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\r\n                                                    </p>\r\n                                                </AccordionItemPanel>\r\n                                            </AccordionItem>\r\n                                            <AccordionItem>\r\n                                                <AccordionItemHeading>\r\n                                                    <AccordionItemButton>\r\n                                                        Why do you have a design fee and purchasing fee on the product?\r\n                                                    </AccordionItemButton>\r\n                                                </AccordionItemHeading>\r\n                                                <AccordionItemPanel>\r\n                                                    <p className=\"mb-0\">\r\n                                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\r\n                                                    </p>\r\n                                                </AccordionItemPanel>\r\n                                            </AccordionItem>\r\n                                            <AccordionItem>\r\n                                                <AccordionItemHeading>\r\n                                                    <AccordionItemButton>\r\n                                                        What types of systems do you support?\r\n                                                    </AccordionItemButton>\r\n                                                </AccordionItemHeading>\r\n                                                <AccordionItemPanel>\r\n                                                    <p className=\"mb-0\">\r\n                                                        Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                                    </p>\r\n                                                </AccordionItemPanel>\r\n                                            </AccordionItem>\r\n                                        </Accordion>\r\n                                    </div>\r\n                                </div>\r\n                                {/* ttm-service-single-content-are end */}\r\n                            </div>\r\n                            <div className=\"col-lg-3 widget-area\">\r\n                                <Sidebar/>\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default It_consultancy;","import React, { Component } from 'react';\r\nimport Sidebar from './Sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Digital_services extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Digital Services</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Digital-Services</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"sidebar ttm-sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-9 content-area order-lg-2\">\r\n                        {/* ttm-service-single-content-are */}\r\n                        {/* ttm-service-single-content-are */}\r\n                            <div className=\"ttm-service-single-content-area\">\r\n                                {/* section title */}\r\n                                <div className=\"section-title with-desc text-left clearfix\">\r\n                                    <div className=\"title-header\">\r\n                                        <h5>We Build everything</h5>\r\n                                        <h2 className=\"title\">Advisory Services</h2>\r\n                                    </div>\r\n                                </div>{/* section title end */}\r\n                                <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-twelve\" />\r\n                                </div>\r\n                                <div className=\"ttm-service-description\">\r\n                                    <h3>App Installation &amp; Cloud Services</h3>\r\n                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,<b>eaque ipsa quae ab illo inventore</b>veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>\r\n                                    <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>\r\n                                    <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-fourteen\" />\r\n                                    </div>\r\n                                    <h3>Digital Data Transformation</h3>\r\n                                    <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.</p>\r\n                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                    {/* separator */}\r\n                                    <div className=\"separator\">\r\n                                        <div className=\"sep-line mt-35 mb-35 res-991-mtb-20\" />\r\n                                    </div>\r\n                                    {/* separator */}\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-md-6\">\r\n                                        <h3>Digital Planning</h3>\r\n                                        <p>Sed ut perspiciatis unde omnis iste natus error sit, totam rem aperiam,<b>eaque ipsa quae ab illo inventore</b>veritatis etqo quasi architecto beatae vitae dicta sunt explicabo &amp; Nemo enimjq Letraset sheets containing Lorem Ipsum.</p>\r\n                                        <p>Omnis iste natus error sit voluptatem accusantium doloremque laudantium, but the majority suffered. sheets lorem ipsum.</p>\r\n                                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor\">View more</a>\r\n                                        </div>\r\n                                        <div className=\"col-md-6\">\r\n                                        <div className=\"ttm_single_image-wrapper res-767-mt-20\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/535X425/444444.jpg\" alt=\"single-img-fifteen\" />\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        {/* ttm-service-single-content-are end */}\r\n                        </div>\r\n                        <div className=\"col-lg-3 widget-area\">\r\n                            <Sidebar/>\r\n                        </div>\r\n                    </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Digital_services;","import React, { Component } from 'react';\r\nimport Sidebar from './Sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Digital_services extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Advisory Services</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Advisory-Services</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"sidebar ttm-sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-9 content-area order-lg-2\">\r\n                            {/* ttm-service-single-content-are */}\r\n                            {/* ttm-service-single-content-are */}\r\n                            <div className=\"ttm-service-single-content-area\">\r\n                                {/* section title */}\r\n                                <div className=\"section-title with-desc text-left clearfix\">\r\n                                <div className=\"title-header\">\r\n                                    <h5>We Build everything</h5>\r\n                                    <h2 className=\"title\">Advisory Services</h2>\r\n                                </div>\r\n                                </div>{/* section title end */}\r\n                                <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-twelve\" />\r\n                                </div>\r\n                                <div className=\"ttm-service-description\">\r\n                                <h4>About Advisory Services</h4>\r\n                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>\r\n                                <p>There re many variaions of passags of Lorem Ipsum available, but majority have suffeed alteration in some , by injectd humour, or randomised ws which ly believable.There re many variaions of passags of Lorem Ipsum available, but majority have suffeed alteration in some</p>\r\n                                {/* separator */}\r\n                                <div className=\"separator\">\r\n                                    <div className=\"sep-line mt-35 mb-35 res-991-mtb-20\" />\r\n                                </div>\r\n                                {/* separator */}\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-md-8\">\r\n                                    <h4>Fully Trained Employees</h4>\r\n                                    <p className=\"mb-35 res-991-mb-20\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accuswqo doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo et inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur ab ilo loream inventore veritatis et quasi architecto beatae vitae dicta sunt sed ut the perspiciatis unde omnis iste natus error sit voluptatem totam ipsum.</p>\r\n                                    <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-bgcolor-darkgrey\">Read more</a>\r\n                                    </div>\r\n                                    <div className=\"col-md-4\">\r\n                                    <div className=\"ttm_single_image-wrapper res-767-mt-20\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X550/444444.jpg\" alt=\"single-img-sixteen\" />\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* separator */}\r\n                                <div className=\"separator\">\r\n                                    <div className=\"sep-line mt-35 mb-35 res-991-mtb-20\" />\r\n                                </div>\r\n                                {/* separator */}\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-md-4\">\r\n                                    <div className=\"ttm_single_image-wrapper mb-35 res-991-mb-20\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/480X550/444444.jpg\" alt=\"single-img-seventeen\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-md-8\">\r\n                                        <h4>Quality Maintain Every Time</h4>\r\n                                    <p className=\"mb-35 res-991-mb-20\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accuswqo doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo et inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur ab ilo loream inventore veritatis et quasi architecto beatae vitae dicta sunt sed ut the perspiciatis unde omnis iste natus error sit voluptatem totam ipsum.</p>\r\n                                    <a className=\"ttm-btn ttm-btn-size-md ttm-btn-style-border ttm-bgcolor-darkgrey\">Read more</a>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* ttm-service-single-content-are end */}\r\n                        </div>\r\n                        <div className=\"col-lg-3 widget-area\">\r\n                            <Sidebar/>\r\n                        </div>\r\n                    </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Digital_services;","import React, { Component } from 'react';\r\nimport Sidebar from './Sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Data_structuring extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Data Structuring</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Data-Structuring</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"sidebar ttm-sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-9 content-area order-lg-2\">\r\n                            {/* ttm-service-single-content-are */}\r\n                            {/* ttm-service-single-content-are */}\r\n                            <div className=\"ttm-service-single-content-area\">\r\n                                <div className=\"ttm-service-description\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-md-6\">\r\n                                        <div className=\"ttm_single_image-wrapper\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-eighteen\" />\r\n                                        </div>\r\n                                        </div>\r\n                                        <div className=\"col-md-6\">\r\n                                        <h3 className=\"res-767-mt-20\">Exterior Structuring</h3>\r\n                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, scrambled it to make a type specimen book.</p>\r\n                                        <p className=\"mb-0\">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the.</p>\r\n                                        </div>\r\n                                    </div>\r\n                                    {/* separator */}\r\n                                    <div className=\"separator\">\r\n                                        <div className=\"sep-line mt-35 mb-35 res-991-mtb-20\" />\r\n                                    </div>\r\n                                    {/* separator */}\r\n                                    <div className=\"row mb-35\">\r\n                                        <div className=\"col-md-6\">\r\n                                        <h4>Commercial Data Planning</h4>\r\n                                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,&amp;<b>eaque ipsa quae ab illo inventore</b>veritatis et quasi architecto.</p>\r\n                                        <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur Sed ut perspiciatis unde omnis iste natus error sit.</p>\r\n                                        </div>\r\n                                        <div className=\"col-md-6\">\r\n                                        <div className=\"ttm_single_image-wrapper res-767-mt-20\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-nineteen\" />\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <h3>Data Services</h3>\r\n                                    <div className=\"ttm_single_image-wrapper mb-35 res-991-mb-20\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-fourteen\" />\r\n                                    </div>\r\n                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                    <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.</p>\r\n                                    {/* separator */}\r\n                                    <div className=\"separator\">\r\n                                        <div className=\"sep-line mt-35 mb-35 res-991-mtb-20\" />\r\n                                    </div>\r\n                                    {/* separator */}\r\n                                    <div className=\"row mb-35\">\r\n                                        <div className=\"col-md-6\">\r\n                                        <h4>Commercial Data Planning</h4>\r\n                                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,&amp;<b>eaque ipsa quae ab illo inventore</b>veritatis et quasi architecto.</p>\r\n                                        <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur Sed ut perspiciatis unde omnis iste natus error sit.</p>\r\n                                        </div>\r\n                                        <div className=\"col-md-6\">\r\n                                        <div className=\"ttm_single_image-wrapper res-767-mt-20\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-nineteen\" />\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* ttm-service-single-content-are end */}\r\n                        </div>\r\n                        <div className=\"col-lg-3 widget-area\">\r\n                            <Sidebar/>\r\n                        </div>\r\n                    </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Data_structuring;","import React, { Component } from 'react';\r\nimport { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel } from 'react-accessible-accordion';\r\nimport CountUp from 'react-countup';\r\nimport Sidebar from './Sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Experience_design extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Experience Design</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Experience Design</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"sidebar ttm-sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-9 content-area order-lg-2\">\r\n                            {/* ttm-service-single-content-are */}\r\n                            {/* ttm-service-single-content-are */}\r\n                            <div className=\"ttm-service-single-content-area\">\r\n                                <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-twelve\" />\r\n                                </div>\r\n                                <div className=\"ttm-service-description\">\r\n                                    <h3>Desktop Computing</h3>\r\n                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\r\n                                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillur incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcm dolore eu fugiat nulla pariatur.</p>\r\n                                    <div className=\"row no-gutters box-shadow mb-35\">\r\n                                        <div className=\"col-md-4 col-sm-4\">\r\n                                        {/*ttm-fid*/}\r\n                                        <div className=\"ttm-fid inside ttm-fid-view-lefticon style2\">\r\n                                            <div className=\"ttm-fid-left\">\r\n                                            <div className=\"ttm-fid-icon-wrapper\">\r\n                                                <i className=\"flaticon flaticon-global-1 ttm-textcolor-skincolor\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-fid-contents text-left\">\r\n                                            <h4 className=\"ttm-fid-inner\">\r\n                                                <CountUp start={0} end={15} duration={30} /> +\r\n                                            </h4>\r\n                                            <h3 className=\"ttm-fid-title\">Years Experience</h3>\r\n                                            </div>\r\n                                        </div>{/* ttm-fid end*/}\r\n                                        </div>\r\n                                        <div className=\"col-md-4 col-sm-4\">\r\n                                        {/*ttm-fid*/}\r\n                                        <div className=\"ttm-fid inside ttm-fid-view-lefticon style2\">\r\n                                            <div className=\"ttm-fid-left\">\r\n                                            <div className=\"ttm-fid-icon-wrapper\">\r\n                                                <i className=\"flaticon flaticon-padlock ttm-textcolor-skincolor\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-fid-contents text-left\">\r\n                                            <h4 className=\"ttm-fid-inner\">\r\n                                                <CountUp start={0} end={1490} duration={30} /> +\r\n                                            </h4>\r\n                                            <h3 className=\"ttm-fid-title\">Happy Clients</h3>\r\n                                            </div>\r\n                                        </div>{/* ttm-fid end*/}\r\n                                        </div>\r\n                                        <div className=\"col-md-4 col-sm-4\">\r\n                                        {/*ttm-fid*/}\r\n                                        <div className=\"ttm-fid inside ttm-fid-view-lefticon style2\">\r\n                                            <div className=\"ttm-fid-left\">\r\n                                            <div className=\"ttm-fid-icon-wrapper\">\r\n                                                <i className=\"flaticon flaticon-developer ttm-textcolor-skincolor\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-fid-contents text-left\">\r\n                                            <h4 className=\"ttm-fid-inner\">\r\n                                                <CountUp start={0} end={815} duration={30} /> +\r\n                                            </h4>\r\n                                            <h3 className=\"ttm-fid-title\">New Customers</h3>\r\n                                            </div>\r\n                                        </div>{/* ttm-fid end*/}\r\n                                        </div>\r\n                                    </div>\r\n                                    <p className=\"mb-35\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged</p>\r\n                                    <h3>Why Choose Us?</h3>\r\n                                    <div className=\"row mt-35\">\r\n                                        <div className=\"col-lg-12\">\r\n                                        <div className=\"row m-0 box-shadow spacing-11\">\r\n                                            <div className=\"col-md-6 col-lg-12 col-xl-6\">\r\n                                            <div className=\"ttm_single_image-wrapper\">\r\n                                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/385X353/444444.jpg\" alt=\"single-img-thirteen\" />\r\n                                            </div>\r\n                                            </div>\r\n                                            <div className=\"col-md-6 col-lg-12 col-xl-6\">\r\n                                            <p className=\"mb-30 res-1199-mt-20\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s standard dummy text ever since the 1500s.</p>\r\n                                            <ul className=\"ttm-list ttm-list-style-icon\">\r\n                                                <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Which material types can you work with? </span></li>\r\n                                                <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Can I have multiple in a single feature?</span></li>\r\n                                                <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Is Smart Lock required for instant apps?</span></li>\r\n                                                <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Which material types can you work with? </span></li>\r\n                                                <li><i className=\"fa fa-check-circle ttm-textcolor-skincolor\" /><span className=\"ttm-list-li-content\">Is Smart Lock required for instant apps?</span></li>\r\n                                            </ul>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <h3 className=\"mt-35\">Analyzing IT services</h3>\r\n                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,</p>\r\n                                        {/* acadion */}\r\n                                        <Accordion className=\"accordion style2\">\r\n                                            <AccordionItem>\r\n                                                <AccordionItemHeading>\r\n                                                    <AccordionItemButton>\r\n                                                        When do I need an Interior Designer?\r\n                                                    </AccordionItemButton>\r\n                                                </AccordionItemHeading>\r\n                                                <AccordionItemPanel>\r\n                                                    <p className=\"mb-0\">\r\n                                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\r\n                                                    </p>\r\n                                                </AccordionItemPanel>\r\n                                            </AccordionItem>\r\n                                            <AccordionItem>\r\n                                                <AccordionItemHeading>\r\n                                                    <AccordionItemButton>\r\n                                                        Why do you have a design fee and purchasing fee on the product?\r\n                                                    </AccordionItemButton>\r\n                                                </AccordionItemHeading>\r\n                                                <AccordionItemPanel>\r\n                                                    <p className=\"mb-0\">\r\n                                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries\r\n                                                    </p>\r\n                                                </AccordionItemPanel>\r\n                                            </AccordionItem>\r\n                                            <AccordionItem>\r\n                                                <AccordionItemHeading>\r\n                                                    <AccordionItemButton>\r\n                                                        What types of systems do you support?\r\n                                                    </AccordionItemButton>\r\n                                                </AccordionItemHeading>\r\n                                                <AccordionItemPanel>\r\n                                                    <p className=\"mb-0\">\r\n                                                        Praesentium voluptatum deleniti atque corrupti quos as excepturi sint occaecati cupiditate non provident, similique sunt in\r\n                                                    </p>\r\n                                                </AccordionItemPanel>\r\n                                            </AccordionItem>\r\n                                        </Accordion>\r\n                                </div>\r\n                            </div>\r\n                            {/* ttm-service-single-content-are end */}\r\n                        </div>\r\n                        <div className=\"col-lg-3 widget-area\">\r\n                            <Sidebar/>\r\n                        </div>\r\n                    </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Experience_design;","import React, { Component } from 'react';\r\nimport Sidebar from './Sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Content_engineering extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Content Engineering</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Content-Engineering</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"sidebar ttm-sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                    {/* row */}\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-9 content-area order-lg-2\">\r\n                            {/* ttm-service-single-content-are */}\r\n                            {/* ttm-service-single-content-are */}\r\n                            <div className=\"ttm-service-single-content-area\">\r\n                                {/* section title */}\r\n                                <div className=\"section-title with-desc text-left clearfix\">\r\n                                    <div className=\"title-header\">\r\n                                        <h5>We Build everything</h5>\r\n                                        <h2 className=\"title\">Advisory Services</h2>\r\n                                    </div>\r\n                                </div>{/* section title end */}\r\n                                <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-twelve\" />\r\n                                </div>\r\n                                <div className=\"ttm-service-description\">\r\n                                    <h3>App Installation &amp; Cloud Services</h3>\r\n                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,<b>eaque ipsa quae ab illo inventore</b>veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>\r\n                                    <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>\r\n                                    <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"single-img-fourteen\" />\r\n                                    </div>\r\n                                    <h3>Digital Data Transformation</h3>\r\n                                    <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.</p>\r\n                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                    {/* separator */}\r\n                                    <div className=\"separator\">\r\n                                        <div className=\"sep-line mt-35 mb-35 res-991-mtb-20\" />\r\n                                    </div>\r\n                                    {/* separator */}\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-md-6\">\r\n                                        <h3>Digital Planning</h3>\r\n                                        <p>Sed ut perspiciatis unde omnis iste natus error sit, totam rem aperiam,<b>eaque ipsa quae ab illo inventore</b>veritatis etqo quasi architecto beatae vitae dicta sunt explicabo &amp; Nemo enimjq Letraset sheets containing Lorem Ipsum.</p>\r\n                                        <p>Omnis iste natus error sit voluptatem accusantium doloremque laudantium, but the majority suffered. sheets lorem ipsum.</p>\r\n                                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor\">View more</a>\r\n                                        </div>\r\n                                        <div className=\"col-md-6\">\r\n                                        <div className=\"ttm_single_image-wrapper res-767-mt-20\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/535X425/444444.jpg\" alt=\"single-img-fifteen\" />\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            {/* ttm-service-single-content-are end */}\r\n                        </div>\r\n                        <div className=\"col-lg-3 widget-area\">\r\n                            <Sidebar/>\r\n                        </div>\r\n                    </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Content_engineering;","import React, { Component } from 'react';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Project_style1 extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Gallery Style 1</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" to={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Project-Style-01</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                <div className=\"ttm-row tab-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                <div className=\"ttm-tabs text-center ttm-tab-style-classic style2\">\r\n                                    <Tabs>\r\n                                        <TabList className=\"text-uppercase mb-4\">\r\n                                            <Tab><span>all</span></Tab>\r\n                                            <Tab><span>Business </span></Tab>\r\n                                            <Tab><span>Campaign</span></Tab>\r\n                                            <Tab><span>Technology</span></Tab>\r\n                                            <Tab><span>Corporate</span></Tab>\r\n                                            <Tab><span>Workshop</span></Tab>\r\n                                            <Tab><span>Innovation</span></Tab>\r\n                                        </TabList>      \r\n                                        <div className=\"content-tab\">                        \r\n                                            <TabPanel>\r\n                                                <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Business , Campaign</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Campaign , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                        </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div> \r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Business , Campaign</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Campaign , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>                                                \r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>                                                \r\n                                                </div>\r\n                                            </TabPanel>                                            \r\n                                            <TabPanel>\r\n                                                <div  className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                        </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div> \r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Business , Campaign</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Campaign , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                        </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div> \r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                            <TabPanel>\r\n                                                <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Business , Campaign</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Campaign , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                        </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div> \r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Innovation , Technology</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Development</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Corporate</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                    <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-6\">\r\n                                                        {/* featured-imagebox */}\r\n                                                        <div className=\"featured-imagebox featured-imagebox-portfolio style2\">\r\n                                                            {/* featured-thumbnail */}\r\n                                                            <div className=\"featured-thumbnail\">\r\n                                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                                            </div>{/* featured-thumbnail end*/}\r\n                                                            <div className=\"featured-content\">\r\n                                                            <div className=\"category\">\r\n                                                                <p>Technology , Workshop</p>\r\n                                                            </div>\r\n                                                            <div className=\"featured-title\">\r\n                                                                <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                                            </div>\r\n                                                            </div>\r\n                                                        </div>{/* featured-imagebox */}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </TabPanel>\r\n                                        </div>\r\n                                    </Tabs>                     \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Project_style1;","import React, { Component } from 'react';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Header from '../layout/Header';\r\nimport Lightbox from 'react-image-lightbox';\r\nimport 'react-image-lightbox/style.css';\r\n\r\nconst images = [\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg',\r\n    'https://via.placeholder.com/600X750/444444.jpg'\r\n  ];\r\n\r\nexport class Project_style2 extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n     \r\n        this.state = {\r\n          photoIndex: 0,\r\n          isOpen: false,\r\n        };\r\n      }\r\n    render() {\r\n        const { photoIndex, isOpen } = this.state;\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Gallery Style 2</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Project-Style-02</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                {/* page-title end*/}\r\n                {isOpen && (\r\n                  <Lightbox\r\n                    mainSrc={images[photoIndex]}\r\n                    nextSrc={images[(photoIndex + 1) % images.length]}\r\n                    prevSrc={images[(photoIndex + images.length - 1) % images.length]}\r\n                    onCloseRequest={() => this.setState({ isOpen: false })}\r\n                    onMovePrevRequest={() =>\r\n                      this.setState({\r\n                        photoIndex: (photoIndex + images.length - 1) % images.length,\r\n                      })\r\n                    }\r\n                    onMoveNextRequest={() =>\r\n                      this.setState({\r\n                        photoIndex: (photoIndex + 1) % images.length,\r\n                      })\r\n                    }\r\n                  />\r\n                )}\r\n                <div className=\"ttm-row tab-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row multi-columns-row ttm-boxes-spacing-5px\">\r\n                            <div className=\"col-lg-4 col-md-6 ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    {/* ttm-box-view-overlay */}\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                        <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                    </div>{/* ttm-box-view-overlay end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Business Seminar</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6 ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    {/* ttm-box-view-overlay */}\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                        <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                    </div>{/* ttm-box-view-overlay end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6 ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    {/* ttm-box-view-overlay */}\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                        <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                    </div>{/* ttm-box-view-overlay end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6 ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    {/* ttm-box-view-overlay */}\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                        <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                    </div>{/* ttm-box-view-overlay end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Neural Networking</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6 ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    {/* ttm-box-view-overlay */}\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                        <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                    </div>{/* ttm-box-view-overlay end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Data Management</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6 ttm-box-col-wrapper\">\r\n                                {/* featured-imagebox-portfolio */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style1\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/600X750/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    {/* ttm-box-view-overlay */}\r\n                                    <div className=\"ttm-box-view-overlay\">\r\n                                    <div className=\"featured-iconbox ttm-media-link\">{/* ttm-media-link */}\r\n                                        <a onClick={() => this.setState({ isOpen: true })}><i className=\"ti ti-search\" /></a>\r\n                                        <a href={process.env.PUBLIC_URL + '/Single_style1'} className=\"ttm_link\"><i className=\"ti ti-link\" /></a>\r\n                                    </div>\r\n                                    </div>{/* ttm-box-view-overlay end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured-title */}\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Web Devlopment</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-thumbnail */}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Project_style2;","import React, { Component } from 'react';\r\n\r\nexport class Detailbox extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"ttm-pf-single-detail-box mb-35\">\r\n                <div className=\"ttm-pf-single-title\">\r\n                <h5>Project Info</h5>\r\n                </div>\r\n                <p>Etiam volutpat ultricies est id volutpat. Maecenas finibus risus purus, id lobortis urna rutrum id. Sed pellent esquevert pharetra consequat.</p>\r\n                <ul className=\"ttm-pf-detailbox-list\">\r\n                <li><i className=\"fa fa-user\" /><span> Client : </span>John Amanda</li>\r\n                <li><i className=\"far fa-bookmark\" /><span> Category :</span>Business, Campaign</li>\r\n                <li><i className=\"fa fa-calendar\" /><span> Date :</span>6 June 19</li>\r\n                <li><i className=\"ti ti-world\" /><span> Website : </span>IT-Tech.com</li>\r\n                <li><i className=\"fa fa-map-marker\" /><span>Location : </span>New York</li>\r\n                </ul>\r\n            </div>\r\n            )\r\n    }\r\n}\r\n\r\n\r\nexport default Detailbox;","import React, { Component } from 'react';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Header from '../layout/Header';\r\nimport Detailbox from './Detail_box';\r\n\r\nexport class Single_style1 extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                                <div className=\"title-box text-center\">\r\n                                    <div className=\"page-title-heading\">\r\n                                    <h1 className=\"title\">Single Style 1</h1>\r\n                                    </div>{/* /.page-title-captions */}\r\n                                    <div className=\"breadcrumb-wrapper\">\r\n                                    <span>\r\n                                        <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                    </span>\r\n                                    <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                    <span>Single-Style-01</span>\r\n                                    </div>  \r\n                                </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <section className=\"ttm-row project-single-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-6 col-xl-8\">\r\n                            {/* ttm_single_image-wrapper */}\r\n                            <div className=\"ttm_single_image-wrapper mb-35\">\r\n                                <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" title=\"single-img-twenty\" alt=\"single-img-twenty\" />\r\n                            </div>{/* ttm_single_image-wrapper end */}\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-xl-4\">\r\n                                <Detailbox />\r\n                            </div>\r\n                        </div>\r\n                        {/* row end*/}\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                                <h4>Innovative Interfaces</h4>\r\n                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. remaining essentially unchanged.</p>\r\n                                <h4>You May Also Know How it Uses In IT Field?</h4>\r\n                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>\r\n                                <p className=\"mb-35 res-991-mb-20\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                    <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                        <i className=\"flaticon flaticon-algorithm\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                        <h5>Expert Team</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit their labore.</p>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                    <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                        <i className=\"flaticon flaticon-padlock\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                        <h5>Free Consultation</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit their labore.</p>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                    <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                        <i className=\"flaticon flaticon-process-1\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                        <h5>Lowest Cost</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit their labore.</p>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-12\">\r\n                                <h4 className=\"mt-35\">Project Result &amp; Benefits of Project</h4>\r\n                                <p className=\"mb-0\">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now.</p>\r\n                            </div>\r\n                            <div className=\"col-12\">\r\n                                {/* ttm_single_image-wrapper */}\r\n                                <div className=\"ttm_single_image-wrapper mt-35\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/1171X548/444444.jpg\" title=\"single-img-twentyone\" alt=\"single-img-twentyone\" />\r\n                                </div>{/* ttm_single_image-wrapper end */}\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"col-12\">\r\n                                <div className=\"separator\">\r\n                                    <div className=\"sep-line mt-35 mb-35\" />\r\n                                </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"col-12\">\r\n                                <div className=\"ttm-nextprev-bottom-nav mb-4\">\r\n                                    <nav className=\"navigation post-navigation\">\r\n                                    <div className=\"nav-links\">\r\n                                        <div className=\"nav-links\">\r\n                                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-icon-btn-left\"><i className=\"fa fa-angle-double-left\" />Previous</a> \r\n                                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-icon-btn-right float-right\">Next<i className=\"fa fa-angle-double-right\" /></a> \r\n                                        </div>\r\n                                    </div>\r\n                                    </nav>\r\n                                </div>\r\n                            </div>\r\n                        </div>{/* row end*/}\r\n                        {/* row */}\r\n                        <div className=\"row ttm-pf-single-related-wrapper \">\r\n                            <div className=\"col-12\">\r\n                                <h4 className=\"mb-30\">Related Projects</h4>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Business , Campaign</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Campaign , Technology</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Corporate , Workshop</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                        </div>{/* row end*/}\r\n                    </div>\r\n                </section>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Single_style1;","import React, { Component } from 'react';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Header from '../layout/Header';\r\nimport Detailbox from './Detail_box';\r\n\r\nexport class Single_style2 extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12\"> \r\n                        <div className=\"title-box text-center\">\r\n                            <div className=\"page-title-heading\">\r\n                            <h1 className=\"title\">Single Style 2</h1>\r\n                            </div>{/* /.page-title-captions */}\r\n                            <div className=\"breadcrumb-wrapper\">\r\n                            <span>\r\n                                <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                            </span>\r\n                            <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                            <span>Single-Style-02</span>\r\n                            </div>  \r\n                        </div>\r\n                        </div>{/* /.col-md-12 */}  \r\n                    </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <section className=\"ttm-row project-single-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12\">\r\n                            <div className=\"mb-35\">\r\n                                <iframe width={560} height={400} src=\"https://www.youtube.com/embed/7e90gBu4pas?feature=oembed\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen />\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-8 col-xl-8\">\r\n                            <h4>IT Management</h4>\r\n                            <p>hether you are building an enterprise web portal or a state-of-the-art website, you always need the right modern tools. Well-built and maintained PHP frameworks provide those tools maintained PHP frameworks provide those tools in abundance, allowing developers to save time, re-use code, and streamline the back end. As software development tools continuously change to follow the latest. Despite the competition from startups and the ever-present economic challenges, the banking industry is gradually adopting what the latest technologies have to offer.</p>\r\n                            <p>From cloud technology to cyber risk management to machine learning in investment banking, join us as we explore the banking industry trends for 2019 and beyond.</p>\r\n                            <div className=\"row\">\r\n                                <div className=\"col-md-6\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper mt-35\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" title=\"single-img-twenty\" alt=\"single-img-fourteen\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                </div>\r\n                                <div className=\"col-md-6\">\r\n                                    {/* ttm_single_image-wrapper */}\r\n                                    <div className=\"ttm_single_image-wrapper mt-35\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" title=\"single-img-twenty\" alt=\"single-img-twenty\" />\r\n                                    </div>{/* ttm_single_image-wrapper end */}\r\n                                </div>\r\n                                <div className=\"col-12 mt-35\">\r\n                                    <p>One of the new trends in the banking industry, ensuring fail-safe security will also be a core question of the regardless of the type of a cloud solution and its scale. Cloud is one of the current banking industry trends as well. It is expected that the technology will serve as a foundation for the core modernization of banking organizations. ever-present economic challenges, the banking industry is gradually.</p>\r\n                                    <p>hether you are building an enterprise web portal or a state-of-the-art website, you always need the right modern tools. Well-built and maintained PHP frameworks provide those tools maintained PHP frameworks provide those tools in abundance, hether you are building an enterprise web portal or a state-of-the-art website, you always need the right modern tools. Well-built and maintained PHP frameworks provide those tools maintained PHP frameworks provide those tools in abundance.</p>\r\n                                </div>\r\n                                {/* separator */}\r\n                                <div className=\"col-12\">\r\n                                    <div className=\"separator\">\r\n                                        <div className=\"sep-line mt-4 mb-35\" />\r\n                                    </div>\r\n                                </div>\r\n                                {/* separator */}\r\n                                <div className=\"col-12\">\r\n                                    <div className=\"ttm-nextprev-bottom-nav mb-4\">\r\n                                        <nav className=\"navigation post-navigation\">\r\n                                        <div className=\"nav-links\">\r\n                                            <div className=\"nav-links\">\r\n                                            <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-icon-btn-left\"><i className=\"fa fa-angle-double-left\" />Previous</a> \r\n                                            <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-icon-btn-right float-md-right\">Next<i className=\"fa fa-angle-double-right\" /></a> \r\n                                            </div>\r\n                                        </div>\r\n                                        </nav>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-xl-4\">\r\n                                <Detailbox />\r\n                            </div>\r\n                        </div>\r\n                        {/* row end*/}\r\n                        {/* row */}\r\n                        <div className=\"row ttm-pf-single-related-wrapper \">\r\n                            <div className=\"col-12\">\r\n                                <h4 className=\"mb-30\">Related Projects</h4>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Business , Campaign</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Campaign , Technology</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Corporate , Workshop</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                        </div>{/* row end*/}\r\n                    </div>\r\n                </section>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Single_style2;","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Single_style3 extends Component {\r\n    render() {\r\n        var slick_slider = {\r\n            dots: false,\r\n            arrow: false,\r\n            autoplay: true,\r\n            infinite: true,\r\n            speed: 500,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n  \r\n            responsive: [{\r\n  \r\n              breakpoint: 1199,\r\n              settings: {\r\n              slidesToShow: 1,\r\n              slidesToScroll: 1\r\n              }\r\n          }]\r\n          };\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Single Style 3</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/Single_style1'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Single-Style-03</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <section className=\"ttm-row project-single-section clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12 col-xl-8\">\r\n                                <Slider className=\"slick_slider project-single\" {...slick_slider} arrows={false} dots={true}>\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"image\" className=\"img-fluid\" />\r\n                                    </div>\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"image\" className=\"img-fluid\" />\r\n                                    </div>\r\n                                    <div className=\"featured-thumbnail\">\r\n                                        <img src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"image\" className=\"img-fluid\" />\r\n                                    </div>\r\n                                </Slider>\r\n                            </div>\r\n                            <div className=\"col-lg-12 col-sm-12 col-xl-4\">\r\n                                {/* row */}\r\n                                <div className=\"row res-1199-mt-20\">\r\n                                    <div className=\"col-xl-12 col-lg-6 col-md-6 col-sm-6\">\r\n                                        {/* ttm_single_image-wrapper */}\r\n                                        <div className=\"ttm_single_image-wrapper mb-20\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" title=\"single-img-twentytwo\" alt=\"single-img-twentytwo\" />\r\n                                        </div>{/* ttm_single_image-wrapper end */}\r\n                                    </div>\r\n                                    <div className=\"col-xl-12 col-lg-6 col-md-6 col-sm-6 mb-20\">\r\n                                        {/* ttm_single_image-wrapper */}\r\n                                        <div className=\"ttm_single_image-wrapper\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" title=\"single-img-twentythree\" alt=\"single-img-twentythree\" />\r\n                                        </div>{/* ttm_single_image-wrapper end */}\r\n                                    </div>\r\n                                </div>{/* row end*/}\r\n                            </div>\r\n                        </div>\r\n                        {/* row end*/}\r\n                        {/* row */}\r\n                        <div className=\"row mt-4\">\r\n                            <div className=\"col-12\">\r\n                                <h4>Innovative Interfaces</h4>\r\n                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. remaining essentially unchanged.</p>\r\n                                <h4>You May Also Know How it Uses In IT Field?</h4>\r\n                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>\r\n                                <p className=\"mb-35 res-991-mb-20\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                    <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                        <i className=\"flaticon flaticon-algorithm\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                        <h5>Expert Team</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit their labore.</p>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                    <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                        <i className=\"flaticon flaticon-padlock\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                        <h5>Free Consultation</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit their labore.</p>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-md-4\">\r\n                                {/* featured-icon-box */}\r\n                                <div className=\"featured-icon-box style3 left-icon icon-align-top\">\r\n                                    <div className=\"featured-icon\">{/* featured-icon */}\r\n                                    <div className=\"ttm-icon ttm-textcolor-skincolor ttm-icon_element-size-lg\">\r\n                                        <i className=\"flaticon flaticon-process-1\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"featured-title\">{/* featured title */}\r\n                                        <h5>Lowest Cost</h5>\r\n                                    </div>\r\n                                    <div className=\"featured-desc\">{/* featured desc */}\r\n                                        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit their labore.</p>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-12\">\r\n                                <h4 className=\"mt-35\">Project Result &amp; Benefits of Project</h4>\r\n                                <p className=\"mb-0\">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now.</p>\r\n                            </div>\r\n                            <div className=\"col-12\">\r\n                                {/* ttm_single_image-wrapper */}\r\n                                <div className=\"ttm_single_image-wrapper mt-35\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/1171X548/444444.jpg\" title=\"single-img-twentyone\" alt=\"single-img-twentyone\" />\r\n                                </div>{/* ttm_single_image-wrapper end */}\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"col-12\">\r\n                                <div className=\"separator\">\r\n                                    <div className=\"sep-line mt-35 mb-35\" />\r\n                                </div>\r\n                            </div>\r\n                            {/* separator */}\r\n                            <div className=\"col-12\">\r\n                                <div className=\"ttm-nextprev-bottom-nav mb-4\">\r\n                                    <nav className=\"navigation post-navigation\">\r\n                                    <div className=\"nav-links\">\r\n                                        <div className=\"nav-links\">\r\n                                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-icon-btn-left\"><i className=\"fa fa-angle-double-left\" />Previous</a> \r\n                                        <a className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-skincolor ttm-icon-btn-right float-right\">Next<i className=\"fa fa-angle-double-right\" /></a> \r\n                                        </div>\r\n                                    </div>\r\n                                    </nav>\r\n                                </div>\r\n                            </div>\r\n                        </div>{/* row end*/}\r\n                        {/* row */}\r\n                        <div className=\"row ttm-pf-single-related-wrapper \">\r\n                            <div className=\"col-12\">\r\n                                <h4 className=\"mb-30\">Related Projects</h4>\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Business , Campaign</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Innovative Technology</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Campaign , Technology</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>IT Management</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                            <div className=\"ttm-box-col-wrapper col-lg-4 col-md-4 col-sm-12\">\r\n                                {/* featured-imagebox */}\r\n                                <div className=\"featured-imagebox featured-imagebox-portfolio style2 mb-20\">\r\n                                    {/* featured-thumbnail */}\r\n                                    <div className=\"featured-thumbnail\">\r\n                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"image\" />\r\n                                    </div>{/* featured-thumbnail end*/}\r\n                                    <div className=\"featured-content\">\r\n                                    <div className=\"category\">\r\n                                        <p>Corporate , Workshop</p>\r\n                                    </div>\r\n                                    <div className=\"featured-title\">\r\n                                        <h5><a href={process.env.PUBLIC_URL + '/Single_style1'}>Cyber Security Analysis</a></h5>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox */}\r\n                            </div>\r\n                        </div>{/* row end*/}\r\n                    </div>\r\n                </section>            \r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Single_style3;","import React, { Component } from 'react';\r\n\r\nexport class Blogsidebar extends Component {\r\n  constructor(props){\r\n    super();\r\n}\r\nrender() {\r\n    return (\r\n        <div>\r\n            <aside className=\"widget widget-search\">\r\n                <form role=\"search\" method=\"get\" className=\"search-form  box-shadow\" action=\"#\">\r\n                    <div className=\"form-group\">\r\n                    <input name=\"search\" type=\"text\" className=\"form-control bg-white\" placeholder=\"Search....\" />\r\n                    <i className=\"ti-search\" />\r\n                    </div>\r\n                </form>\r\n            </aside>\r\n            <aside className=\"widget widget-categories\">\r\n                <h3 className=\"widget-title\">Categories</h3>\r\n                <ul>\r\n                    <li><a>Consulting</a></li>\r\n                    <li><a>Cyber Data</a></li>\r\n                    <li><a>Design</a></li>\r\n                    <li><a>Digital</a></li>\r\n                    <li><a>Marketing</a></li>\r\n                    <li><a>Security</a></li>\r\n                    <li><a>Security</a></li>\r\n                    <li><a>UI/UX Design</a></li>\r\n                </ul>\r\n            </aside>\r\n            <aside className=\"widget post-widget\">\r\n                <h3 className=\"widget-title\">Latest News</h3>\r\n                <ul className=\"widget-post ttm-recent-post-list\">\r\n                    <li>\r\n                    <a href={process.env.PUBLIC_URL + '/Single_blog'}><img src=\"https://via.placeholder.com/150X150/444444.jpg\" alt=\"post-img\" /></a>\r\n                    <a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a>\r\n                    <span className=\"post-date\"><i className=\"fa fa-calendar\" />May 01, 2019</span>\r\n                    </li>\r\n                    <li>\r\n                    <a href={process.env.PUBLIC_URL + '/Single_blog'}><img src=\"https://via.placeholder.com/150X150/444444.jpg\" alt=\"post-img\" /></a>\r\n                    <a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a>\r\n                    <span className=\"post-date\"><i className=\"fa fa-calendar\" />May 03, 2019</span>\r\n                    </li>\r\n                    <li>\r\n                    <a href={process.env.PUBLIC_URL + '/Single_blog'}><img src=\"https://via.placeholder.com/150X150/444444.jpg\" alt=\"post-img\" /></a>\r\n                    <a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a>\r\n                    <span className=\"post-date\"><i className=\"fa fa-calendar\" />May 05, 2019</span>\r\n                    </li>\r\n                </ul>\r\n            </aside>\r\n            <aside className=\"widget widget widget_media_gallery\">\r\n                <h3 className=\"widget-title\">Gallery</h3>\r\n                <div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                    <div className=\"gallery-item\">\r\n                    <img src=\"https://via.placeholder.com/150X150/444444.jpg\" className=\"img-fluid\" alt=\"blog-img\" />\r\n                    </div>\r\n                </div>\r\n            </aside>\r\n            <aside className=\"widget tagcloud-widget\">\r\n                <h3 className=\"widget-title\">Tags</h3>\r\n                <div className=\"tagcloud\">\r\n                    <a className=\"tag-cloud-link\">Business</a>\r\n                    <a className=\"tag-cloud-link\">Consult</a>\r\n                    <a className=\"tag-cloud-link\">Cyber</a>\r\n                    <a className=\"tag-cloud-link\">Data</a>\r\n                    <a className=\"tag-cloud-link\">Design</a>\r\n                    <a className=\"tag-cloud-link\">IT-Services</a>\r\n                    <a className=\"tag-cloud-link\">IT-Solution</a>\r\n                    <a className=\"tag-cloud-link\">Marketing</a>\r\n                    <a className=\"tag-cloud-link\">Object</a>\r\n                    <a className=\"tag-cloud-link\">Solution</a>\r\n                </div>\r\n            </aside>\r\n            <aside className=\"widget widget-categories\">\r\n                <h3 className=\"widget-title\">Archives</h3>\r\n                <ul>\r\n                    <li><a>October 2019</a></li>\r\n                    <li><a>August 2019</a></li>\r\n                    <li><a>July 2019</a></li>\r\n                    <li><a>June 2019</a></li>\r\n                </ul>\r\n            </aside>\r\n        </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Blogsidebar;","import React, { Component } from 'react';\r\nimport Blogsidebar from './Blog_sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Blog extends Component {\r\n  constructor(props){\r\n    super();\r\n}\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Blog</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Blog</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <div className=\"sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-9 content-area\">\r\n                                {/* ttm-service-single-content-are */}\r\n                                <article className=\"post ttm-blog-classic clearfix\">\r\n                                    {/* post-featured-wrapper */}\r\n                                    <div className=\"ttm-post-featured-wrapper ttm-featured-wrapper\">\r\n                                        <div className=\"ttm-post-featured\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"post-01\" />\r\n                                        </div>\r\n                                    </div>{/* post-featured-wrapper end */}\r\n                                    {/* ttm-blog-classic-content */}\r\n                                    <div className=\"ttm-blog-classic-content\">\r\n                                        <div className=\"ttm-post-entry-header\">\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line byline\"><i className=\"fa fa-user\" />By Admin</span>\r\n                                            <span className=\"ttm-meta-line entry-date\"><i className=\"fa fa-calendar\" /><time className=\"entry-date published\" dateTime=\"2018-07-28T00:39:29+00:00\">July 28, 2018</time></span>\r\n                                            <span className=\"ttm-meta-line tags-links\"><i className=\"far fa-comment\" />03</span>\r\n                                        </div>\r\n                                        </div>\r\n                                        <div className=\"entry-content\">\r\n                                        <header className=\"entry-header\">\r\n                                            <h2 className=\"entry-title\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h2>\r\n                                        </header>\r\n                                        <div className=\"ttm-box-desc-text\">\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"separator\">\r\n                                            <div className=\"sep-line mt-25 mb-25\" />\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"ttm-blogbox-desc-footer\">\r\n                                            <div className=\"ttm-blogbox-footer-readmore d-inline-block\">\r\n                                            <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                            </div>\r\n                                            <div className=\"ttm-commentbox d-inline-block float-right\">\r\n                                            <span><i className=\"fa fa-comments\" />2</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>{/* ttm-blog-classic-content end */}\r\n                                </article>\r\n                                {/* ttm-service-single-content-are end */}\r\n                                {/* ttm-service-single-content-are */}\r\n                                <article className=\"post ttm-blog-classic clearfix\">\r\n                                    {/* post-featured-wrapper */}\r\n                                    <div className=\"ttm-post-featured-wrapper ttm-featured-wrapper\">\r\n                                        <div className=\"ttm-post-featured\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"post-02\" />\r\n                                        </div>\r\n                                    </div>{/* post-featured-wrapper end */}\r\n                                    {/* ttm-blog-classic-content */}\r\n                                    <div className=\"ttm-blog-classic-content\">\r\n                                        <div className=\"ttm-post-entry-header\">\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line byline\"><i className=\"fa fa-user\" />By Admin</span>\r\n                                            <span className=\"ttm-meta-line entry-date\"><i className=\"fa fa-calendar\" /><time className=\"entry-date published\" dateTime=\"2018-07-28T00:39:29+00:00\">July 28, 2018</time></span>\r\n                                            <span className=\"ttm-meta-line tags-links\"><i className=\"far fa-comment\" />03</span>\r\n                                        </div>\r\n                                        </div>\r\n                                        <div className=\"entry-content\">\r\n                                        <header className=\"entry-header\">\r\n                                            <h2 className=\"entry-title\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h2>\r\n                                        </header>\r\n                                        <div className=\"ttm-box-desc-text\">\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"separator\">\r\n                                            <div className=\"sep-line mt-25 mb-25\" />\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"ttm-blogbox-desc-footer\">\r\n                                            <div className=\"ttm-blogbox-footer-readmore d-inline-block\">\r\n                                            <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                            </div>\r\n                                            <div className=\"ttm-commentbox d-inline-block float-right\">\r\n                                            <span><i className=\"fa fa-comments\" />2</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>{/* ttm-blog-classic-content end */}\r\n                                </article>\r\n                                {/* ttm-service-single-content-are end */}\r\n                                {/* ttm-service-single-content-are */}\r\n                                <article className=\"post ttm-blog-classic clearfix\">\r\n                                    {/* post-featured-wrapper */}\r\n                                    <div className=\"ttm-post-featured-wrapper ttm-featured-wrapper\">\r\n                                        <div className=\"ttm-post-featured\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"post-03\" />\r\n                                        </div>\r\n                                    </div>{/* post-featured-wrapper end */}\r\n                                    {/* ttm-blog-classic-content */}\r\n                                    <div className=\"ttm-blog-classic-content\">\r\n                                        <div className=\"ttm-post-entry-header\">\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line byline\"><i className=\"fa fa-user\" />By Admin</span>\r\n                                            <span className=\"ttm-meta-line entry-date\"><i className=\"fa fa-calendar\" /><time className=\"entry-date published\" dateTime=\"2018-07-28T00:39:29+00:00\">July 28, 2018</time></span>\r\n                                            <span className=\"ttm-meta-line tags-links\"><i className=\"far fa-comment\" />03</span>\r\n                                        </div>\r\n                                        </div>\r\n                                        <div className=\"entry-content\">\r\n                                        <header className=\"entry-header\">\r\n                                            <h2 className=\"entry-title\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h2>\r\n                                        </header>\r\n                                        <div className=\"ttm-box-desc-text\">\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"separator\">\r\n                                            <div className=\"sep-line mt-25 mb-25\" />\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"ttm-blogbox-desc-footer\">\r\n                                            <div className=\"ttm-blogbox-footer-readmore d-inline-block\">\r\n                                            <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                            </div>\r\n                                            <div className=\"ttm-commentbox d-inline-block float-right\">\r\n                                            <span><i className=\"fa fa-comments\" />2</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>{/* ttm-blog-classic-content end */}\r\n                                </article>\r\n                                {/* ttm-service-single-content-are end */}\r\n                                {/* ttm-service-single-content-are */}\r\n                                <article className=\"post ttm-blog-classic clearfix\">\r\n                                    {/* post-featured-wrapper */}\r\n                                    <div className=\"ttm-post-featured-wrapper ttm-featured-wrapper\">\r\n                                        <div className=\"ttm-post-featured\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"post-04\" />\r\n                                        </div>\r\n                                    </div>{/* post-featured-wrapper end */}\r\n                                    {/* ttm-blog-classic-content */}\r\n                                    <div className=\"ttm-blog-classic-content\">\r\n                                        <div className=\"ttm-post-entry-header\">\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line byline\"><i className=\"fa fa-user\" />By Admin</span>\r\n                                            <span className=\"ttm-meta-line entry-date\"><i className=\"fa fa-calendar\" /><time className=\"entry-date published\" dateTime=\"2018-07-28T00:39:29+00:00\">July 28, 2018</time></span>\r\n                                            <span className=\"ttm-meta-line tags-links\"><i className=\"far fa-comment\" />03</span>\r\n                                        </div>\r\n                                        </div>\r\n                                        <div className=\"entry-content\">\r\n                                        <header className=\"entry-header\">\r\n                                            <h2 className=\"entry-title\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h2>\r\n                                        </header>\r\n                                        <div className=\"ttm-box-desc-text\">\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"separator\">\r\n                                            <div className=\"sep-line mt-25 mb-25\" />\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"ttm-blogbox-desc-footer\">\r\n                                            <div className=\"ttm-blogbox-footer-readmore d-inline-block\">\r\n                                            <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                            </div>\r\n                                            <div className=\"ttm-commentbox d-inline-block float-right\">\r\n                                            <span><i className=\"fa fa-comments\" />2</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>{/* ttm-blog-classic-content end */}\r\n                                </article>\r\n                                {/* ttm-service-single-content-are end */}\r\n                                {/* ttm-service-single-content-are */}\r\n                                <article className=\"post ttm-blog-classic clearfix\">\r\n                                    {/* post-featured-wrapper */}\r\n                                    <div className=\"ttm-post-featured-wrapper ttm-featured-wrapper\">\r\n                                        <div className=\"ttm-post-featured\">\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"post-05\" />\r\n                                        </div>\r\n                                    </div>{/* post-featured-wrapper end */}\r\n                                    {/* ttm-blog-classic-content */}\r\n                                    <div className=\"ttm-blog-classic-content\">\r\n                                        <div className=\"ttm-post-entry-header\">\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line byline\"><i className=\"fa fa-user\" />By Admin</span>\r\n                                            <span className=\"ttm-meta-line entry-date\"><i className=\"fa fa-calendar\" /><time className=\"entry-date published\" dateTime=\"2018-07-28T00:39:29+00:00\">July 28, 2018</time></span>\r\n                                            <span className=\"ttm-meta-line tags-links\"><i className=\"far fa-comment\" />03</span>\r\n                                        </div>\r\n                                        </div>\r\n                                        <div className=\"entry-content\">\r\n                                        <header className=\"entry-header\">\r\n                                            <h2 className=\"entry-title\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>Where And How To Watch Live Stream Today</a></h2>\r\n                                        </header>\r\n                                        <div className=\"ttm-box-desc-text\">\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"separator\">\r\n                                            <div className=\"sep-line mt-25 mb-25\" />\r\n                                        </div>\r\n                                        {/* separator */}\r\n                                        <div className=\"ttm-blogbox-desc-footer\">\r\n                                            <div className=\"ttm-blogbox-footer-readmore d-inline-block\">\r\n                                            <a className=\"ttm-btn ttm-btn-size-sm ttm-textcolor-skincolor btn-inline ttm-icon-btn-right\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                            </div>\r\n                                            <div className=\"ttm-commentbox d-inline-block float-right\">\r\n                                            <span><i className=\"fa fa-comments\" />2</span>\r\n                                            </div>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>{/* ttm-blog-classic-content end */}\r\n                                </article>\r\n                                {/* ttm-service-single-content-are end */}\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-md-12 text-center\">\r\n                                        <div className=\"ttm-pagination\">\r\n                                        <span className=\"page-numbers current\">1</span>\r\n                                        <a className=\"page-numbers\">2</a>\r\n                                        <a className=\"next page-numbers\"><i className=\"ti ti-arrow-right\" /></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 widget-area\">\r\n                                <Blogsidebar />\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Blog;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Blog_grid extends Component {\r\n    constructor(props){\r\n      super();\r\n    }\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Blog grid</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Blog-grid</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <section className=\"ttm-row grid-section ttm-bgcolor-grey clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog style2 mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                            <div className=\"ttm-pagination\">\r\n                                <span className=\"page-numbers current\">1</span>\r\n                                <a className=\"page-numbers\">2</a>\r\n                                <a className=\"next page-numbers\"><i className=\"ti ti-arrow-right\" /></a>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </section>\r\n            </div>            \r\n        )\r\n    }\r\n}\r\n\r\nexport default Blog_grid;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Blog_left_image extends Component {\r\n    constructor(props){\r\n      super();\r\n    }\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Blog Left Image</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Blog-Left-Image</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <section className=\"ttm-row grid-section ttm-bgcolor-grey clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-6 col-sm-12 col-md-6 col-xs-12\">\r\n                                {/* featured-imagebox-post */}\r\n                                <div className=\"row no-gutters featured-imagebox featured-imagebox-post ttm-box-view-left-image box-shadow\">\r\n                                    <div className=\"col-lg-5 col-md-12 col-sm-6 ttm-featured-img-left\">\r\n                                        <div className=\"featured-thumbnail\"> \r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/450X600/444444.jpg\" alt=\"blog\" /> \r\n                                        </div> \r\n                                    </div>\r\n                                    <div className=\"col-lg-7 col-md-12 col-sm-6 featured-content\">\r\n                                        <span className=\"category\">\r\n                                            <a>Business</a>\r\n                                            <a>Consulting</a>\r\n                                        </span>\r\n                                        <div className=\"post-title featured-title\">\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Successful Growth In Business 2018</a></h5>\r\n                                        </div>\r\n                                        <div className=\"featured-desc ttm-box-desc\">\r\n                                            <p>Mauris id enim id purus ornare tincidunt. Aenean vel consequat risus.Proin viverra nisi at nisl impe...</p>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>January 16, 2019</a></span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-post end*/}\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-sm-12 col-md-6 col-xs-12\">\r\n                                {/* featured-imagebox-post */}\r\n                                <div className=\"row no-gutters featured-imagebox featured-imagebox-post ttm-box-view-left-image box-shadow\">\r\n                                    <div className=\"col-lg-5 col-md-12 col-sm-6 ttm-featured-img-left\">\r\n                                        <div className=\"featured-thumbnail\"> \r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/450X600/444444.jpg\" alt=\"blog\" /> \r\n                                        </div> \r\n                                    </div>\r\n                                    <div className=\"col-lg-7 col-md-12 col-sm-6 featured-content\">\r\n                                        <span className=\"category\">\r\n                                            <a>Security</a>\r\n                                            <a>UI/UX Design</a>\r\n                                        </span>\r\n                                        <div className=\"post-title featured-title\">\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                                        </div>\r\n                                        <div className=\"featured-desc ttm-box-desc\">\r\n                                            <p>Mauris id enim id purus ornare tincidunt. Aenean vel consequat risus.Proin viverra nisi at nisl impe...</p>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>January 12, 2019</a></span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-post end*/}\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-sm-12 col-md-6 col-xs-12\">\r\n                                {/* featured-imagebox-post */}\r\n                                <div className=\"row no-gutters featured-imagebox featured-imagebox-post ttm-box-view-left-image box-shadow\">\r\n                                    <div className=\"col-lg-5 col-md-12 col-sm-6 ttm-featured-img-left\">\r\n                                        <div className=\"featured-thumbnail\"> \r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/450X600/444444.jpg\" alt=\"blog\" /> \r\n                                        </div> \r\n                                    </div>\r\n                                    <div className=\"col-lg-7 col-md-12 col-sm-6 featured-content\">\r\n                                        <span className=\"category\">\r\n                                            <a>Digital</a>\r\n                                            <a>Marketing</a>\r\n                                        </span>\r\n                                        <div className=\"post-title featured-title\">\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                                        </div>\r\n                                        <div className=\"featured-desc ttm-box-desc\">\r\n                                            <p>Mauris id enim id purus ornare tincidunt. Aenean vel consequat risus.Proin viverra nisi at nisl impe...</p>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>March 10, 2019</a></span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-post end*/}\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-sm-12 col-md-6 col-xs-12\">\r\n                                {/* featured-imagebox-post */}\r\n                                <div className=\"row no-gutters featured-imagebox featured-imagebox-post ttm-box-view-left-image box-shadow\">\r\n                                    <div className=\"col-lg-5 col-md-12 col-sm-6 ttm-featured-img-left\">\r\n                                        <div className=\"featured-thumbnail\"> \r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/450X600/444444.jpg\" alt=\"blog\" /> \r\n                                        </div> \r\n                                    </div>\r\n                                    <div className=\"col-lg-7 col-md-12 col-sm-6 featured-content\">\r\n                                        <span className=\"category\">\r\n                                            <a>Cyber Data</a>\r\n                                            <a>Digital</a>\r\n                                        </span>\r\n                                        <div className=\"post-title featured-title\">\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                                        </div>\r\n                                        <div className=\"featured-desc ttm-box-desc\">\r\n                                            <p>Mauris id enim id purus ornare tincidunt. Aenean vel consequat risus.Proin viverra nisi at nisl impe...</p>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>May 22, 2019</a></span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-post end*/}\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-sm-12 col-md-6 col-xs-12\">\r\n                                {/* featured-imagebox-post */}\r\n                                <div className=\"row no-gutters featured-imagebox featured-imagebox-post ttm-box-view-left-image box-shadow\">\r\n                                    <div className=\"col-lg-5 col-md-12 col-sm-6 ttm-featured-img-left\">\r\n                                        <div className=\"featured-thumbnail\"> \r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/450X600/444444.jpg\" alt=\"blog\" /> \r\n                                        </div> \r\n                                    </div>\r\n                                    <div className=\"col-lg-7 col-md-12 col-sm-6 featured-content\">\r\n                                        <span className=\"category\">\r\n                                            <a>Cyber Data</a>\r\n                                            <a>Design</a>\r\n                                        </span>\r\n                                        <div className=\"post-title featured-title\">\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Where And How To Watch Live Stream Today</a></h5>\r\n                                        </div>\r\n                                        <div className=\"featured-desc ttm-box-desc\">\r\n                                            <p>Mauris id enim id purus ornare tincidunt. Aenean vel consequat risus.Proin viverra nisi at nisl impe...</p>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>April 20, 2019</a></span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-post end*/}\r\n                            </div>\r\n                            <div className=\"col-lg-6 col-sm-12 col-md-6 col-xs-12\">\r\n                                {/* featured-imagebox-post */}\r\n                                <div className=\"row no-gutters featured-imagebox featured-imagebox-post ttm-box-view-left-image box-shadow\">\r\n                                    <div className=\"col-lg-5 col-md-12 col-sm-6 ttm-featured-img-left\">\r\n                                        <div className=\"featured-thumbnail\"> \r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/450X600/444444.jpg\" alt=\"blog\" /> \r\n                                        </div> \r\n                                    </div>\r\n                                    <div className=\"col-lg-7 col-md-12 col-sm-6 featured-content\">\r\n                                        <span className=\"category\">\r\n                                            <a>Business</a>\r\n                                            <a>Consulting</a>\r\n                                        </span>\r\n                                        <div className=\"post-title featured-title\">\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>5 Easy Ways to Improve Your Web Security</a></h5>\r\n                                        </div>\r\n                                        <div className=\"featured-desc ttm-box-desc\">\r\n                                            <p>Mauris id enim id purus ornare tincidunt. Aenean vel consequat risus.Proin viverra nisi at nisl impe...</p>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">\r\n                                            <span className=\"ttm-meta-line\"><a href={process.env.PUBLIC_URL + '/Single_blog'}>May 14, 2019</a></span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-post end*/}\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                            <div className=\"ttm-pagination\">\r\n                                <span className=\"page-numbers current\">1</span>\r\n                                <a className=\"page-numbers\">2</a>\r\n                                <a className=\"next page-numbers\"><i className=\"ti ti-arrow-right\" /></a>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </section>\r\n            </div>            \r\n        )\r\n    }\r\n}\r\n\r\nexport default Blog_left_image;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Blog_top_image extends Component {\r\n    constructor(props){\r\n      super();\r\n    }\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Blog Top Image</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Blog-Top-Image</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <section className=\"ttm-row grid-section ttm-bgcolor-grey clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                        <div className=\"featured-desc\">{/* featured-description */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                        </div>\r\n                                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">12<span className=\"entry-month entry-year\">Dec</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Define World Best IT Solution Technology</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />3,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                        <div className=\"featured-desc\">{/* featured-description */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                        </div>\r\n                                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">22<span className=\"entry-month entry-year\">May</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>10 PHP Frameworks You Need To Use Anywhere</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />1,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                        <div className=\"featured-desc\">{/* featured-description */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                        </div>\r\n                                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                        <div className=\"featured-desc\">{/* featured-description */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                        </div>\r\n                                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">17<span className=\"entry-month entry-year\">Apr</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>You Must Try 20 Secret Of Digital Transform</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />2,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                        <div className=\"featured-desc\">{/* featured-description */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                        </div>\r\n                                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                            <div className=\"col-lg-4 col-md-6\">\r\n                                {/* featured-imagebox-blog */}\r\n                                <div className=\"featured-imagebox featured-imagebox-blog mb-30\">\r\n                                    <div className=\"featured-thumbnail\">{/* featured-thumbnail */}\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/654X490/444444.jpg\" alt=\"\" />\r\n                                        <div className=\"ttm-blog-overlay-iconbox\">\r\n                                            <a href={process.env.PUBLIC_URL + '/Single_blog'}><i className=\"ti ti-plus\" /></a>\r\n                                        </div>\r\n                                        <div className=\"ttm-box-view-overlay\" />\r\n                                    </div>\r\n                                    <div className=\"featured-content\">{/* featured-content */}\r\n                                        <div className=\"ttm-box-post-date\">{/* ttm-box-post-date */}\r\n                                            <span className=\"ttm-entry-date\">\r\n                                            <time className=\"entry-date\" dateTime=\"2019-01-16T07:07:55+00:00\">04<span className=\"entry-month entry-year\">Aug</span></time>\r\n                                            </span>\r\n                                        </div>\r\n                                        <div className=\"featured-title\">{/* featured-title */}\r\n                                            <h5><a href={process.env.PUBLIC_URL + '/Single_blog'}>Digital Conference Of IT Tech Events in 2019</a></h5>\r\n                                        </div>\r\n                                        <div className=\"post-meta\">{/* post-meta */}\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-comments\" />4,comments</span>\r\n                                            <span className=\"ttm-meta-line\"><i className=\"fa fa-user\" />Admin</span>\r\n                                        </div>\r\n                                        <div className=\"featured-desc\">{/* featured-description */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...</p>\r\n                                        </div>\r\n                                        <a className=\"ttm-btn ttm-btn-size-sm ttm-btn-color-skincolor btn-inline ttm-icon-btn-right mt-20\">Read More <i className=\"ti ti-angle-double-right\" /></a>\r\n                                    </div>\r\n                                </div>{/* featured-imagebox-blog end */}\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                            <div className=\"ttm-pagination\">\r\n                                <span className=\"page-numbers current\">1</span>\r\n                                <a className=\"page-numbers\">2</a>\r\n                                <a className=\"next page-numbers\"><i className=\"ti ti-arrow-right\" /></a>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                    </section>\r\n            </div>            \r\n        )\r\n    }\r\n}\r\n\r\nexport default Blog_top_image;","import React, { Component } from 'react';\r\nimport Blogsidebar from './Blog_sidebar';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Single_blog extends Component {\r\n    constructor(props){\r\n      super();\r\n    }\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header />\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                                <div className=\"title-box text-center\">\r\n                                    <div className=\"page-title-heading\">\r\n                                        <h1 className=\"title\">Blog Single View</h1>\r\n                                    </div>{/* /.page-title-captions */}\r\n                                    <div className=\"breadcrumb-wrapper\">\r\n                                        <span>\r\n                                            <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                        </span>\r\n                                        <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                        <span>Single Blog</span>\r\n                                    </div>  \r\n                                </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <div className=\"sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-9 content-area\">\r\n                                {/* ttm-service-single-content-are */}\r\n                                <article className=\"post ttm-blog-single clearfix\">\r\n                                    {/* post-featured-wrapper */}\r\n                                    <div className=\"ttm-post-featured-wrapper\">\r\n                                        <div className=\"ttm-post-featured\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/1200X800/444444.jpg\" alt=\"post-01\" />\r\n                                        </div>\r\n                                    </div>{/* post-featured-wrapper end */}\r\n                                    {/* ttm-blog-classic-content */}\r\n                                    <div className=\"ttm-blog-single-content\">\r\n                                        <div className=\"entry-content\">\r\n                                            <div className=\"ttm-post-entry-header\">\r\n                                                <div className=\"post-meta\">\r\n                                                    <span className=\"ttm-meta-line byline\"><i className=\"fa fa-user\" />By Admin</span>\r\n                                                    <span className=\"ttm-meta-line entry-date\"><i className=\"fa fa-calendar\" /><time className=\"entry-date published\" dateTime=\"2018-07-28T00:39:29+00:00\">July 28, 2018</time></span>\r\n                                                    <span className=\"ttm-meta-line tags-links\"><i className=\"far fa-comment\" />03</span>\r\n                                                </div>\r\n                                            </div>\r\n                                            {/* separator */}\r\n                                            <div className=\"separator\">\r\n                                                <div className=\"sep-line mt-3 mb-4\" />\r\n                                            </div>\r\n                                            {/* separator */}\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.it to make a type specimen book. It has survived not only five centuries.</p>\r\n                                            <p className=\"mb-30\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s,It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged</p>\r\n                                            <h4>Innovative solutions to move your business forward</h4>\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged</p>\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-md-6\">\r\n                                                    <div className=\"mb-20\">\r\n                                                    <img src=\"https://via.placeholder.com/480X550/444444.jpg\" className=\"img-fluid\" alt=\"blog\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"col-md-6\">\r\n                                                    <div className=\"mb-20\">\r\n                                                    <img src=\"https://via.placeholder.com/480X550/444444.jpg\" className=\"img-fluid\" alt=\"blog\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                            <blockquote>\r\n                                                <p className=\"mb-20\">Donec ornare, est sed tincidunt placerat, sem mi suscipit mi, at varius enim Mauris ienim id purus ort. Aene auat riss. Proin viverra. enim maurisupn est sed tincidunt placerat, ienim id purus ort</p>\r\n                                            </blockquote>\r\n                                            <p className=\"mb-30\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                            <h4>Make Yourself Accountable</h4>\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived of a not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>\r\n                                            <div className=\"ttm-post-featured mb-4\">\r\n                                            <img className=\"img-fluid\" src=\"https://via.placeholder.com/1024X683/444444.jpg\" alt=\"post-06\" />\r\n                                            </div>\r\n                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of a type and scrambled and it to make a types specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged It has survived to not only five type centuries, but also the leap into electronic typesetting, remaining centu essentially unchanged</p>\r\n                                            {/* separator */}\r\n                                            <div className=\"separator\">\r\n                                                <div className=\"sep-line mt-4 mb-4\" />\r\n                                            </div>\r\n                                            {/* separator */}\r\n                                            <div className=\"clearfix\">\r\n                                                <div className=\"ttm-tag-list float-md-left\">\r\n                                                    <span>\r\n                                                        <a>Business</a>\r\n                                                        <a>Data</a>\r\n                                                        <a>Solution</a>\r\n                                                        <a>Marketing</a>\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className=\"social-icons square float-md-right\">\r\n                                                    <ul className=\"list-inline mb-0 d-inline-block\">\r\n                                                        <li className=\"social-facebook\"><a><i className=\"fab fa-facebook-f\" aria-hidden=\"true\" /></a></li>\r\n                                                        <li className=\"social-twitter\"><a><i className=\"fab fa-twitter\" aria-hidden=\"true\" /></a></li>\r\n                                                        <li className=\"social-linkedin\"><a><i className=\"fab fa-linkedin-in\" aria-hidden=\"true\" /></a></li>\r\n                                                    </ul>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div className=\"ttm-blog-classic-box-comment\">\r\n                                                <div id=\"comments\" className=\"comments-area\">\r\n                                                    <h2 className=\"comments-title\">2 Replies to “Use Minimal Amount On All Foods”</h2>\r\n                                                    <ol className=\"comment-list\">\r\n                                                    <li>\r\n                                                        <div className=\"comment-body\">\r\n                                                        <div className=\"comment-author vcard\">\r\n                                                            <img src=\"https://via.placeholder.com/100X100/444444.jpg\" className=\"avatar\" alt=\"comment-img\" />\r\n                                                        </div>\r\n                                                        <div className=\"comment-box\">\r\n                                                            <div className=\"comment-meta commentmetadata\">\r\n                                                            <h5 className=\"ttm-comment-owner\">Alex</h5>\r\n                                                            <a>February 14, 2019 at 8:41 am</a>\r\n                                                            </div>\r\n                                                            <div className=\"author-content-wrap\">\r\n                                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium eius, sunt porro corporis maiores ea, voluptatibus omnis maxime</p>\r\n                                                            </div>\r\n                                                            <div className=\"reply\">\r\n                                                            <a rel=\"nofollow\" className=\"comment-reply-link\">Reply</a>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        </div>\r\n                                                    </li>\r\n                                                    <li className=\"children comment\">\r\n                                                        <div className=\"comment-body\">\r\n                                                        <div className=\"comment-author vcard\">\r\n                                                            <img src=\"https://via.placeholder.com/100X100/444444.jpg\" className=\"avatar\" alt=\"comment-img\" />\r\n                                                        </div>\r\n                                                        <div className=\"comment-box\">\r\n                                                            <div className=\"comment-meta\">\r\n                                                            <h5 className=\"ttm-comment-owner\">Cherieh</h5>\r\n                                                            <a>February 14, 2019 at 8:42 am</a>\r\n                                                            </div>\r\n                                                            <div className=\"author-content-wrap\">\r\n                                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium eius, sunt porro corporis maiores ea, voluptatibus omnis maxime</p>\r\n                                                            </div>\r\n                                                            <div className=\"reply\">\r\n                                                            <a rel=\"nofollow\" className=\"comment-reply-link\">Reply</a>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        </div>\r\n                                                    </li>\r\n                                                    </ol>\r\n                                                    <div className=\"comment-respond\">\r\n                                                    <h3 className=\"comment-reply-title\">Leave a Reply</h3>\r\n                                                    <p className=\"comment-notes\">Your email address will not be published. </p>\r\n                                                    <form id=\"ttm-comment-form\" className=\"row comment-form clearfix\" method=\"post\" action=\"#\">\r\n                                                        <div className=\"col-sm-12 col-md-12\">\r\n                                                            <div className=\"form-group\">\r\n                                                                <textarea name=\"Massage\" rows={5} placeholder=\"Comments\" required=\"required\" className=\"form-control with-grey-bg\" defaultValue={\"\"} />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div className=\"col-sm-12 col-md-4\">\r\n                                                            <div className=\"form-group\">\r\n                                                                <input name=\"name\" type=\"text\" className=\"form-control with-grey-bg\" placeholder=\"Name (required)\" required=\"required\" />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div className=\"col-sm-12 col-md-4\">\r\n                                                            <div className=\"form-group\">\r\n                                                                <input name=\"email\" type=\"text\" placeholder=\"Email (required)\" required=\"required\" className=\"form-control with-grey-bg\" />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div className=\"col-sm-12 col-md-4\">\r\n                                                            <div className=\"form-group\">\r\n                                                                <input name=\"website\" type=\"text\" placeholder=\"Website\" required=\"required\" className=\"form-control with-grey-bg\" />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div className=\"col-md-12 mb-2\">\r\n                                                            <input id=\"comment-cookies-consent\" name=\"comment-cookies-consent\" type=\"checkbox\" defaultValue=\"yes\" />&nbsp; &nbsp;\r\n                                                            <label htmlFor=\"comment-cookies-consent\">Save my name, email, and website in this browser for the next time I comment.</label>\r\n                                                        </div>\r\n                                                        <div className=\"col-md-12\">\r\n                                                            <div className=\"form-group text-left mt-4\">\r\n                                                                <button type=\"submit\" id=\"submit\" className=\"ttm-btn ttm-btn-size-md ttm-bgcolor-darkgrey\" value>\r\n                                                                Post Comment\r\n                                                                </button>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </form>\r\n                                                </div>\r\n                                            </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>{/* ttm-blog-classic-content end */}\r\n                                </article>\r\n                                {/* ttm-service-single-content-are end */}\r\n                            </div>\r\n                            <div className=\"col-lg-3 widget-area\">\r\n                                <Blogsidebar />\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>            \r\n        )\r\n    }\r\n}\r\n\r\nexport default Single_blog;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Shop extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Product</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Shop</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <div className=\"sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-9 content-area\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-md-12\">\r\n                                        <p className=\"products-result-count\">Showing 1–9 of 14 results</p>\r\n                                        <form className=\"products-ordering float-sm-right\" method=\"get\">\r\n                                            <div className=\"form-group mb-30\">\r\n                                                <select name=\"orderby\" className=\"form-control border\">\r\n                                                    <option value=\"menu_order\">Default sorting</option>\r\n                                                    <option value=\"popularity\">Sort by popularity</option>\r\n                                                    <option value=\"rating\">Sort by average rating</option>\r\n                                                    <option value=\"date\">Sort by newness</option>\r\n                                                    <option value=\"price\">Sort by price: low to high</option>\r\n                                                    <option value=\"price-desc\">Sort by price: high to low</option>\r\n                                                </select>\r\n                                            </div>\r\n                                        </form>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                            <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Album</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>16.00\r\n                                            </span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                            <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <span className=\"onsale\">Sale!</span>\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Beanie with Logo</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">\r\n                                                <del><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>20.00\r\n                                                    </span>\r\n                                                </del>\r\n                                                <ins><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>18.00\r\n                                                    </span>\r\n                                                </ins>\r\n                                                </span>\r\n                                            </span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                            <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Belt</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>16.00\r\n                                            </span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                            <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                                <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                                <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                    <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                                </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                                <div className=\"product-title\">{/* product-title */}\r\n                                                    <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Cap</a></h2>\r\n                                                </div>\r\n                                                <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                    <i className=\"fa fa-star\" />\r\n                                                    <i className=\"fa fa-star\" />\r\n                                                    <i className=\"fa fa-star\" />\r\n                                                    <i className=\"fa fa-star\" />\r\n                                                    <i className=\"fa fa-star\" />\r\n                                                </div>\r\n                                                <span className=\"product-price\">{/* product-Price */}\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>16.00\r\n                                                </span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                            <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <span className=\"onsale\">Sale!</span>\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Hoodie with Zipper</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">\r\n                                                <del><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>40.00\r\n                                                    </span>\r\n                                                </del>\r\n                                                <ins><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>35.00\r\n                                                    </span>\r\n                                                </ins>\r\n                                                </span>\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                    <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Logo Collection</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>16.00\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                    <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Long Sleeve Tee</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>32.00\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                    <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Polo</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>40.00\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                    <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <span className=\"onsale\">Sale!</span>\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                                <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                            </div>{/* product-thumbnail end */}\r\n                                            <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                                <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Single</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                                <span className=\"product-Price-currencySymbol\">\r\n                                                <del><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>50.00\r\n                                                    </span>\r\n                                                </del>\r\n                                                <ins><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>40.00\r\n                                                    </span>\r\n                                                </ins>\r\n                                                </span>\r\n                                            </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-md-12 text-center\">\r\n                                        <div className=\"ttm-pagination\">\r\n                                            <span className=\"page-numbers current\">1</span>\r\n                                            <a className=\"page-numbers\"  >2</a>\r\n                                            <a className=\"next page-numbers\"  ><i className=\"ti ti-arrow-right\" /></a>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 widget-area\">\r\n                                <aside className=\"widget widget-search\">\r\n                                    <form role=\"search\" method=\"get\" className=\"search-form  box-shadow\" action=\"#\">\r\n                                    <div className=\"form-group\">\r\n                                        <input name=\"search\" type=\"text\" className=\"form-control bg-white\" placeholder=\"Search....\" />\r\n                                        <i className=\"ti-search\" />\r\n                                    </div>\r\n                                    </form>\r\n                                </aside>\r\n                                <aside className=\"widget widget-categories\">\r\n                                    <h3 className=\"widget-title\">Categories</h3>\r\n                                    <ul>\r\n                                    <li><a  >Consulting</a></li>\r\n                                    <li><a  >Cyber Data</a></li>\r\n                                    <li><a  >Design</a></li>\r\n                                    <li><a  >Digital</a></li>\r\n                                    <li><a  >Marketing</a></li>\r\n                                    <li><a  >Security</a></li>\r\n                                    <li><a  >Security</a></li>\r\n                                    <li><a  >UI/UX Design</a></li>\r\n                                    </ul>\r\n                                </aside>\r\n                                <aside className=\"widget widget-top-rated-products\">\r\n                                    <h3 className=\"widget-title\">Popular Dishes</h3>\r\n                                    <ul>\r\n                                    <li className=\"clearfix\">\r\n                                        <a  ><img src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                        <span className=\"product-title\">Album</span>\r\n                                        </a>\r\n                                        <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        </div>\r\n                                        <span className=\"product-Price-amount amount\"><span className=\"product-Price-currencySymbol\">$</span>33.00</span>\r\n                                    </li>\r\n                                    <li className=\"clearfix\">\r\n                                        <a  ><img src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                        <span className=\"product-title\">Beanie with Logo</span>\r\n                                        </a>\r\n                                        <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        </div>\r\n                                        <span className=\"product-Price-amount amount\">\r\n                                        <span className=\"product-Price-currencySymbol\">\r\n                                            <del><span className=\"product-Price-amount\">\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>50.00\r\n                                            </span>\r\n                                            </del>\r\n                                            <ins><span className=\"product-Price-amount\">\r\n                                                <span className=\"product-Price-currencySymbol\">$</span>40.00\r\n                                            </span>\r\n                                            </ins>\r\n                                        </span>\r\n                                        </span>\r\n                                    </li>\r\n                                    <li className=\"clearfix\">\r\n                                        <a  ><img src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                        <span className=\"product-title\">Polo</span>\r\n                                        </a>\r\n                                        <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        <i className=\"fa fa-star\" />\r\n                                        </div>\r\n                                        <span className=\"product-Price-amount amount\"><span className=\"product-Price-currencySymbol\">$</span>33.00</span>\r\n                                    </li>\r\n                                    </ul>\r\n                                </aside>\r\n                                <aside className=\"widget tagcloud-widget\">\r\n                                    <h3 className=\"widget-title\">Tags</h3>\r\n                                    <div className=\"tagcloud\">\r\n                                    <a   className=\"tag-cloud-link\">Accessories</a>\r\n                                    <a   className=\"tag-cloud-link\">Decor</a>\r\n                                    <a   className=\"tag-cloud-link\">Hoodies</a>\r\n                                    <a   className=\"tag-cloud-link\">Music</a>\r\n                                    <a   className=\"tag-cloud-link\">Tshirts</a>\r\n                                    </div>\r\n                                </aside>\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Shop;","import React, { Component } from 'react';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Product_details extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                                <div className=\"title-box text-center\">\r\n                                    <div className=\"page-title-heading\">\r\n                                        <h1 className=\"title\">Product Details</h1>\r\n                                    </div>{/* /.page-title-captions */}\r\n                                    <div className=\"breadcrumb-wrapper\">\r\n                                        <span>\r\n                                            <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                        </span>\r\n                                        <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                        <span>Product Details</span>\r\n                                    </div>  \r\n                                </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <div className=\"sidebar ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-9 content-area\">\r\n                                <div className=\"ttm-single-product-details product\">\r\n                                    <div className=\"ttm-single-product-info clearfix\">\r\n                                        <div className=\"product-gallery images\">\r\n                                            <figure className=\"ttm-product-gallery__wrapper\">\r\n                                                <div className=\"product-gallery__image\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"product-img\" />\r\n                                                </div>\r\n                                                <div className=\"product-gallery__image\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"product-img\" />\r\n                                                </div>\r\n                                                <div className=\"product-gallery__image\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"product-img\" />\r\n                                                </div>\r\n                                                <div className=\"product-gallery__image\">\r\n                                                    <img className=\"img-fluid\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"product-img\" />\r\n                                                </div>\r\n                                            </figure>\r\n                                        </div>\r\n                                        <div className=\"summary entry-summary\">\r\n                                            <h3 className=\"singel_product_title\">Beanie with Logo</h3>\r\n                                            <div className=\"product-rating clearfix\">\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                                <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <a href=\"#reviews\" className=\"review-link\" rel=\"nofollow\">(<span className=\"count\">1</span> customer review)</a>\r\n                                            </div>\r\n                                            <p className=\"price\">\r\n                                            <span className=\"Price-amount amount\">\r\n                                                <span className=\"Price-currencySymbol\">$</span>20.00\r\n                                            </span>\r\n                                            </p>\r\n                                            <div className=\"product-details__short-description\">\r\n                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>\r\n                                            </div>\r\n                                            <form className=\"cart\">\r\n                                            <div className=\"quantity\"><label className=\"screen-reader-text\">Quantity</label>\r\n                                                <input type=\"number\" id=\"quantity\" className=\"form-control qty text border\" step={1} min={1} max={50} name=\"quantity\" defaultValue={1} title=\"Qty\" />\r\n                                            </div>\r\n                                            <button className=\"cart_button ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-bgcolor-darkgrey\" title=\"Submit now\">Add to cart</button>\r\n                                            </form>\r\n                                            <div className=\"product_meta\">\r\n                                            <div className=\"sku_wrapper\">\r\n                                                <span>SKU: </span>\r\n                                                <a rel=\"tag\">Woo-beanie-logo</a>\r\n                                            </div>\r\n                                            <div className=\"posted_in\">\r\n                                                <span>Category: </span>\r\n                                                <a rel=\"tag\">Accessories</a>\r\n                                            </div>\r\n                                            <div className=\"tagged_as\">\r\n                                                <span>Tag: </span>\r\n                                                <span className=\"sku\">Decor</span>\r\n                                            </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"ttm-tabs tabs-for-single-products\">\r\n                                        <Tabs>\r\n                                            <TabList>\r\n                                                <Tab><span>Description</span></Tab>\r\n                                                <Tab><span>Additional information</span></Tab>\r\n                                                <Tab><span>Reviews (1)</span></Tab>\r\n                                            </TabList>   \r\n                                            <div className=\"content-tab\">                        \r\n                                                <TabPanel>\r\n                                                    {/* content-inner */}\r\n                                                    <div className=\"content-inner\">\r\n                                                        <h2>Description</h2>\r\n                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\r\n                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r\n                                                    </div>{/* content-inner end*/}\r\n                                                </TabPanel>\r\n                                                <TabPanel>\r\n                                                    {/* content-inner */}\r\n                                                    <div className=\"content-inner\">\r\n                                                        <h2>Additional information</h2>\r\n                                                        <table className=\"shop_attributes\">\r\n                                                            <tbody><tr><th>color</th><td><p>Blue</p></td></tr></tbody>\r\n                                                        </table>\r\n                                                    </div>{/* content-inner end*/}\r\n                                                </TabPanel>\r\n                                                <TabPanel>\r\n                                                    <div className=\"content-inner\">\r\n                                                        <div id=\"reviews\" className=\"woocommerce-Reviews\">\r\n                                                            <div id=\"comments\">\r\n                                                                <h2 className=\"woocommerce-Reviews-title\">1 review for <span>Beanie with Logo</span></h2>\r\n                                                                <ol className=\"commentlist\">\r\n                                                                    <li className=\"review\">\r\n                                                                        <div className=\"comment_container\">\r\n                                                                            <img className=\"avatar\" src=\"https://via.placeholder.com/100X100/444444.jpg\" alt=\"comment-img\" />\r\n                                                                            <div className=\"comment-text\">\r\n                                                                                <div className=\"ttm-ratting-star float-right\">{/* ratting-star */}\r\n                                                                                    <i className=\"fa fa-star\" />\r\n                                                                                    <i className=\"fa fa-star\" />\r\n                                                                                    <i className=\"fa fa-star\" />\r\n                                                                                    <i className=\"fa fa-star\" />\r\n                                                                                    <i className=\"fa fa-star\" />\r\n                                                                                </div>\r\n                                                                                <p className=\"meta\">\r\n                                                                                    <strong className=\"review__author\">Cherie </strong><span className=\"review__dash\">–</span>\r\n                                                                                    <time className=\"woocommerce-review__published-date\" dateTime=\"2018-11-01T04:58:58+00:00\">November 1, 2018</time>\r\n                                                                                </p>\r\n                                                                                <div className=\"description\">\r\n                                                                                    <p>Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante<br />Very good product and amazing quality.</p>\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </li>\r\n                                                                </ol>\r\n                                                            </div>\r\n                                                            <div id=\"review_form_wrapper\">\r\n                                                                <div className=\"comment-respond\">\r\n                                                                    <span className=\"comment-reply-title\">Add a review\r\n                                                                        <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\"  >Cancel reply</a></small>\r\n                                                                    </span>\r\n                                                                    <form action=\"#\" method=\"post\" id=\"commentform\" className=\"comment-form\">\r\n                                                                        <p className=\"comment-notes\">\r\n                                                                            <span id=\"email-notes\">Your email address will not be published.</span> Required fields are marked <span className=\"required\">*</span>\r\n                                                                        </p>\r\n                                                                        <div className=\"comment-form-rating\">\r\n                                                                            <label>Your rating</label>\r\n                                                                            <ul className=\"stars\">\r\n                                                                            <li className=\"fa fa-star-o\" />\r\n                                                                            <li className=\"fa fa-star-o\" />\r\n                                                                            <li className=\"fa fa-star-o\" />\r\n                                                                            <li className=\"fa fa-star-o\" />\r\n                                                                            <li className=\"fa fa-star-o\" />\r\n                                                                            </ul>\r\n                                                                        </div>\r\n                                                                        <div className=\"row\">\r\n                                                                            <div className=\"col-sm-12\">\r\n                                                                                <div className=\"form-group\">\r\n                                                                                    <label>Your review*</label>\r\n                                                                                    <textarea name=\"Massage\" rows={3} required=\"required\" className=\"form-control border-bottom\" defaultValue={\"\"} />\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-sm-12\">\r\n                                                                                <div className=\"form-group\">\r\n                                                                                    <label>Name*</label>\r\n                                                                                    <input name=\"name\" type=\"text\" className=\"form-control border-bottom\" required=\"required\" />\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-sm-12\">\r\n                                                                                <div className=\"form-group\">\r\n                                                                                    <label>Email*</label>\r\n                                                                                    <input name=\"email\" type=\"text\" required=\"required\" className=\"form-control border-bottom\" />\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-md-12\">\r\n                                                                                <input id=\"comment-cookies-consent\" name=\"comment-cookies-consent\" type=\"checkbox\" defaultValue=\"yes\" />\r\n                                                                                <label htmlFor=\"comment-cookies-consent\">Save my name, email, and website in this browser for the next time I comment.</label>\r\n                                                                            </div>\r\n                                                                            <div className=\"col-md-12\">\r\n                                                                                <div className=\"form-group text-left mt-30\">\r\n                                                                                    <button type=\"submit\" id=\"submit\" className=\"ttm-btn ttm-btn-size-md ttm-btn-bgcolor-darkgrey\" value>\r\n                                                                                    Submit\r\n                                                                                    </button>\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </form>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>                                        \r\n                                                </TabPanel>\r\n                                            </div>\r\n                                        </Tabs>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"related products\">\r\n                                    <h3>Related products</h3>\r\n                                    <div className=\"row\">\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                            <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                        </div>{/* product-thumbnail end */}\r\n                                        <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                            <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Album</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                            <span className=\"product-Price-currencySymbol\">$</span>16.00\r\n                                            </span>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <span className=\"onsale\">Sale!</span>\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                            <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                        </div>{/* product-thumbnail end */}\r\n                                        <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                            <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Beanie with Logo</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                            <span className=\"product-Price-currencySymbol\">\r\n                                                <del><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>20.00\r\n                                                </span>\r\n                                                </del>\r\n                                                <ins><span className=\"product-Price-amount\">\r\n                                                    <span className=\"product-Price-currencySymbol\">$</span>18.00\r\n                                                </span>\r\n                                                </ins>\r\n                                            </span>\r\n                                            </span>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-lg-4 col-md-6 col-sm-6\">\r\n                                        <div className=\"product\">{/* product */}\r\n                                        <div className=\"product-thumbnail\">{/* product-thumbnail */}\r\n                                            <img className=\"img-fluid w-100\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                            <div className=\"ttm-shop-icon\">{/* ttm-shop-icon */}\r\n                                            <div className=\"product-btn add-to-cart-btn\"><a  >ADD TO CART</a></div>\r\n                                            </div>\r\n                                        </div>{/* product-thumbnail end */}\r\n                                        <div className=\"product-content text-left\">{/* product-content */}\r\n                                            <div className=\"product-title\">{/* product-title */}\r\n                                            <h2><a href={process.env.PUBLIC_URL + '/Product_details'}>Belt</a></h2>\r\n                                            </div>\r\n                                            <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            <i className=\"fa fa-star\" />\r\n                                            </div>\r\n                                            <span className=\"product-price\">{/* product-Price */}\r\n                                            <span className=\"product-Price-currencySymbol\">$</span>16.00\r\n                                            </span>\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-lg-3 widget-area\">\r\n                            <aside className=\"widget widget-search\">\r\n                                <form role=\"search\" method=\"get\" className=\"search-form  box-shadow\" action=\"#\">\r\n                                <div className=\"form-group\">\r\n                                    <input name=\"search\" type=\"text\" className=\"form-control bg-white\" placeholder=\"Search....\" />\r\n                                    <i className=\"ti-search\" />\r\n                                </div>\r\n                                </form>\r\n                            </aside>\r\n                            <aside className=\"widget widget-categories\">\r\n                                <h3 className=\"widget-title\">Categories</h3>\r\n                                <ul>\r\n                                <li><a  >Consulting</a></li>\r\n                                <li><a  >Cyber Data</a></li>\r\n                                <li><a  >Design</a></li>\r\n                                <li><a  >Digital</a></li>\r\n                                <li><a  >Marketing</a></li>\r\n                                <li><a  >Security</a></li>\r\n                                <li><a  >Security</a></li>\r\n                                <li><a  >UI/UX Design</a></li>\r\n                                </ul>\r\n                            </aside>\r\n                            <aside className=\"widget widget-top-rated-products\">\r\n                                <h3 className=\"widget-title\">Popular Dishes</h3>\r\n                                <ul>\r\n                                <li className=\"clearfix\">\r\n                                    <a  ><img src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                    <span className=\"product-title\">Album</span>\r\n                                    </a>\r\n                                    <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                    <span className=\"product-Price-amount amount\"><span className=\"product-Price-currencySymbol\">$</span>33.00</span>\r\n                                </li>\r\n                                <li className=\"clearfix\">\r\n                                    <a  ><img src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                    <span className=\"product-title\">Beanie with Logo</span>\r\n                                    </a>\r\n                                    <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                    <span className=\"product-Price-amount amount\">\r\n                                    <span className=\"product-Price-currencySymbol\">\r\n                                        <del><span className=\"product-Price-amount\">\r\n                                            <span className=\"product-Price-currencySymbol\">$</span>50.00\r\n                                        </span>\r\n                                        </del>\r\n                                        <ins><span className=\"product-Price-amount\">\r\n                                            <span className=\"product-Price-currencySymbol\">$</span>40.00\r\n                                        </span>\r\n                                        </ins>\r\n                                    </span>\r\n                                    </span>\r\n                                </li>\r\n                                <li className=\"clearfix\">\r\n                                    <a  ><img src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"\" />\r\n                                    <span className=\"product-title\">Polo</span>\r\n                                    </a>\r\n                                    <div className=\"ttm-ratting-star\">{/* ratting-star */}\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    <i className=\"fa fa-star\" />\r\n                                    </div>\r\n                                    <span className=\"product-Price-amount amount\"><span className=\"product-Price-currencySymbol\">$</span>33.00</span>\r\n                                </li>\r\n                                </ul>\r\n                            </aside>\r\n                            <aside className=\"widget tagcloud-widget\">\r\n                                <h3 className=\"widget-title\">Tags</h3>\r\n                                <div className=\"tagcloud\">\r\n                                <a className=\"tag-cloud-link\">Accessories</a>\r\n                                <a className=\"tag-cloud-link\">Decor</a>\r\n                                <a className=\"tag-cloud-link\">Hoodies</a>\r\n                                <a className=\"tag-cloud-link\">Music</a>\r\n                                <a className=\"tag-cloud-link\">Tshirts</a>\r\n                                </div>\r\n                            </aside>\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Product_details;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Cart extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Cart</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Cart</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <div className=\"ttm-row only-one-section ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                            {/* ttm-cart-form */}\r\n                            <form className=\"ttm-cart-form\">\r\n                                <table className=\"shop_table shop_table_responsive\">\r\n                                <thead>\r\n                                    <tr>\r\n                                    <th className=\"product-remove\">&nbsp;</th>\r\n                                    <th className=\"product-thumbnail\">&nbsp;</th>\r\n                                    <th className=\"product-name\">Product</th>\r\n                                    <th className=\"product-mainprice\">Price</th>\r\n                                    <th className=\"product-quantity\">Quantity</th>\r\n                                    <th className=\"product-subtotal\">Total</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr className=\"cart_item\">\r\n                                    <td className=\"product-remove\">\r\n                                        <a className=\"remove\">×</a>\r\n                                    </td>\r\n                                    <td className=\"product-thumbnail\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Product_details'}>\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"product-img\" />\r\n                                        </a>\r\n                                    </td>\r\n                                    <td className=\"product-name\" data-title=\"Product\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Product_details'}>Hoodie with Zipper</a>\r\n                                    </td>\r\n                                    <td className=\"product-mainprice\" data-title=\"Price\">\r\n                                        <span className=\"Price-amount\">\r\n                                        <span className=\"Price-currencySymbol\">$</span>40.00\r\n                                        </span>\r\n                                    </td>\r\n                                    <td className=\"product-quantity\" data-title=\"Quantity\">\r\n                                        <div className=\"quantity\">\r\n                                        <input type=\"number\" className=\"form-control\" defaultValue={1} min={0} title=\"Qty\" />\r\n                                        </div>\r\n                                    </td>\r\n                                    <td className=\"product-subtotal\" data-title=\"Total\">\r\n                                        <span className=\"Price-amount\">\r\n                                        <span className=\"Price-currencySymbol\">$</span>40.00\r\n                                        </span>\r\n                                    </td>\r\n                                    </tr>\r\n                                    <tr className=\"cart_item\">\r\n                                    <td className=\"product-remove\">\r\n                                        <a className=\"remove\">×</a>\r\n                                    </td>\r\n                                    <td className=\"product-thumbnail\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Product_details'}>\r\n                                        <img className=\"img-fluid\" src=\"https://via.placeholder.com/300X300/444444.jpg\" alt=\"product-img\" />\r\n                                        </a>\r\n                                    </td>\r\n                                    <td className=\"product-name\" data-title=\"Product\">\r\n                                        <a href={process.env.PUBLIC_URL + '/Product_details'}>Cap</a>\r\n                                    </td>\r\n                                    <td className=\"product-price\">\r\n                                        <span className=\"Price-amount\" data-title=\"Price\">\r\n                                        <span className=\"Price-currencySymbol\">$</span>18.00\r\n                                        </span>\r\n                                    </td>\r\n                                    <td className=\"product-quantity\" data-title=\"Quantity\">\r\n                                        <div className=\"quantity\">\r\n                                        <input type=\"number\" className=\"form-control\" defaultValue={1} min={0} title=\"Qty\" />\r\n                                        </div>\r\n                                    </td>\r\n                                    <td className=\"product-subtotal\" data-title=\"Total\">\r\n                                        <span className=\"Price-amount\">\r\n                                        <span className=\"Price-currencySymbol\">$</span>18.00\r\n                                        </span>\r\n                                    </td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                    <td colSpan={6} className=\"actions\">\r\n                                        <div className=\"coupon\">\r\n                                        <input type=\"text\" name=\"coupon_code\" className=\"form-control border\" defaultValue placeholder=\"Coupon code\" />\r\n                                        <button type=\"submit\" className=\"button ttm-btn ttm-bgcolor-darkgrey\" name=\"apply_coupon\" value=\"Apply coupon\">Apply coupon</button>\r\n                                        </div>\r\n                                        <button type=\"submit\" className=\"cart_button button ttm-btn ttm-bgcolor-darkgrey\" name=\"update_cart\" value=\"Update cart\" disabled=\"disabled\">Update cart</button>\r\n                                    </td>\r\n                                    </tr>\r\n                                </tbody>\r\n                                </table>\r\n                            </form>{/* ttm-cart-form end */}\r\n                            {/* cart-collaterals */}\r\n                            <div className=\"cart-collaterals\">\r\n                                <div className=\"cart_totals \">\r\n                                <h2>Cart totals</h2>\r\n                                <table className=\"shop_table shop_table_responsive\">\r\n                                    <tbody>\r\n                                    <tr className=\"cart-subtotal\">\r\n                                        <th>Subtotal</th>\r\n                                        <td data-title=\"Subtotal\">\r\n                                        <span className=\"Price-amount\">\r\n                                            <span className=\"Price-currencySymbol\">$</span>128.00\r\n                                        </span>\r\n                                        </td>\r\n                                    </tr>\r\n                                    <tr className=\"order-total\">\r\n                                        <th>Total</th>\r\n                                        <td data-title=\"Total\">\r\n                                        <strong><span className=\"Price-amount\">\r\n                                            <span className=\"Price-currencySymbol\">$</span>128.00</span>\r\n                                        </strong>\r\n                                        </td>\r\n                                    </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                                <div className=\"proceed-to-checkout\">\r\n                                    <a href={process.env.PUBLIC_URL + '/Checkout'} className=\"button ttm-btn ttm-bgcolor-darkgrey checkout-button\">Proceed to checkout</a>\r\n                                </div>\r\n                                </div>\r\n                            </div>{/* cart-collaterals end*/}\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                        </div>\r\n                    </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Cart;","import React, { Component } from 'react';\r\nimport Header from '../layout/Header';\r\n\r\nexport class Checkout extends Component {\r\n    render() {\r\n        return (\r\n            <div className=\"site-main\">\r\n                <Header/>\r\n                {/* page-title */}\r\n                <div className=\"ttm-page-title-row\">\r\n                    <div className=\"container-xl\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\"> \r\n                            <div className=\"title-box text-center\">\r\n                                <div className=\"page-title-heading\">\r\n                                <h1 className=\"title\">Checkout</h1>\r\n                                </div>{/* /.page-title-captions */}\r\n                                <div className=\"breadcrumb-wrapper\">\r\n                                <span>\r\n                                    <a title=\"Homepage\" href={process.env.PUBLIC_URL + '/'}><i className=\"ti ti-home\" />&nbsp;&nbsp;Home</a>\r\n                                </span>\r\n                                <span className=\"ttm-bread-sep\">&nbsp; : : &nbsp;</span>\r\n                                <span>Checkout</span>\r\n                                </div>  \r\n                            </div>\r\n                            </div>{/* /.col-md-12 */}  \r\n                        </div>{/* /.row */}  \r\n                    </div>{/* /.container */}                      \r\n                </div>\r\n                <div className=\"ttm-row only-one-section ttm-bgcolor-white clearfix\">\r\n                    <div className=\"container-xl\">\r\n                        {/* row */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-lg-12\">\r\n                            <div className=\"coupon_toggle\">\r\n                                <div className=\"coupon_code\">\r\n                                Have a coupon? <a href={process.env.PUBLIC_URL + '/Checkout'}>Click here to enter your code</a>\r\n                                </div>\r\n                            </div>\r\n                            <form name=\"checkout\" className=\"checkout row\">\r\n                                <div className=\"col-lg-6\">\r\n                                <h3>Billing details</h3>\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-sm-6\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>First Name<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"fname\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-6\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Last Name<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"lname\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Company name (optional)<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"cname\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Country <abbr>*</abbr></label>\r\n                                        <select name=\"billing_country\" tabIndex={-1} aria-hidden=\"true\" className=\"form-control border\">\r\n                                        <option value>Select a country…</option>\r\n                                        <option value=\"AX\">Åland Islands</option>\r\n                                        <option value=\"AF\">Afghanistan</option>\r\n                                        <option value=\"AL\">Albania</option>\r\n                                        <option value=\"DZ\">Algeria</option>\r\n                                        <option value=\"AS\">American Samoa</option>\r\n                                        <option value=\"AD\">Andorra</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Street address<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"address\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Town / City<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"city\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>State<abbr>*</abbr></label>\r\n                                        <select name=\"billing_state\" id=\"billing_state\" className=\"form-control border\">\r\n                                        <option value>Select a state…</option>\r\n                                        <option value=\"AP\">Andhra Pradesh</option>\r\n                                        <option value=\"AR\">Arunachal Pradesh</option>\r\n                                        <option value=\"AS\">Assam</option>\r\n                                        <option value=\"BR\">Bihar</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>ZIP<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"zip\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Phone (optional)<abbr>*</abbr></label>\r\n                                        <input type=\"text\" name=\"phone\" className=\"form-control border\" />\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-lg-6\">\r\n                                <h3>Additional information</h3>\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-sm-12\">\r\n                                    <div className=\"form-group\">\r\n                                        <label>Order notes <abbr>*</abbr></label>\r\n                                        <textarea name=\"order\" className=\"form-control border\" rows={4} defaultValue={\"\"} />\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                                <div className=\"col-lg-12\">\r\n                                <h3 id=\"order_review_heading\">Your order</h3>\r\n                                <div id=\"order_review\" className=\"checkout-review-order\">\r\n                                    <table className=\"shop_table checkout-review-order-table\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                        <th className=\"product-name\">Product</th>\r\n                                        <th className=\"product-total\">Total</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        <tr className=\"cart_item\">\r\n                                        <td className=\"product-name\">Hoodie with Zipper&nbsp;\r\n                                            <strong className=\"product-quantity\">× 1</strong>\r\n                                        </td>\r\n                                        <td className=\"product-total\">\r\n                                            <span className=\"Price-amount amount\">\r\n                                            <span className=\"Price-currencySymbol\">$</span>40.00\r\n                                            </span>\r\n                                        </td>\r\n                                        </tr>\r\n                                        <tr className=\"cart_item\">\r\n                                        <td className=\"product-name\">Cap&nbsp;\r\n                                            <strong className=\"product-quantity\">× 1</strong>\r\n                                        </td>\r\n                                        <td className=\"product-total\">\r\n                                            <span className=\"Price-amount\">\r\n                                            <span className=\"Price-currencySymbol\">$</span>18.00\r\n                                            </span>\r\n                                        </td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                    <tfoot>\r\n                                        <tr className=\"cart-subtotal\">\r\n                                        <th>Subtotal</th>\r\n                                        <td>\r\n                                            <span className=\"Price-amount amount\">\r\n                                            <span className=\"Price-currencySymbol\">$</span>1610.00\r\n                                            </span>\r\n                                        </td>\r\n                                        </tr>\r\n                                        <tr className=\"order-total\">\r\n                                        <th>Total</th>\r\n                                        <td><strong><span className=\"woocommerce-Price-amount amount\"><span className=\"woocommerce-Price-currencySymbol\">$</span>1610.00</span></strong> </td>\r\n                                        </tr>\r\n                                    </tfoot>\r\n                                    </table>\r\n                                    <div id=\"payment\" className=\"checkout-payment\">\r\n                                    <ul className=\"payment_methods\">\r\n                                        <li className=\"payment_method_ppec_paypal\">\r\n                                        <div className=\"payment_box\">\r\n                                            <p className=\"mb-0\">Sorry, it seems that there are no available payment methods for your state. Please contact us if you require assistance or wish to make alternate arrangements.</p>\r\n                                        </div>\r\n                                        </li>\r\n                                    </ul>\r\n                                    <div className=\"checkout-form place-order clearfix\">\r\n                                        <p className=\"payment_policy\">Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our <a className=\"ttm-textcolor-skincolor\">Privecy policy</a> </p>\r\n                                        <button type=\"submit\" className=\"button ttm-btn ttm-btn-size-sm ttm-bgcolor-darkgrey float-right\" name=\"checkout_place_order\" id=\"place_order\" value=\"Place order\" data-value=\"Place order\">Place order</button>\r\n                                    </div>\r\n                                    </div>\r\n                                </div>\r\n                                </div>\r\n                            </form>\r\n                            </div>\r\n                        </div>{/* row end */}\r\n                        </div>\r\n                    </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default Checkout;","import React, { useEffect, useState } from \"react\";\r\nimport { useWindowScroll } from \"react-use\";\r\n\r\nconst ScrollToTop = () => {\r\n  const { y: pageYOffset } = useWindowScroll();\r\n  const [visble, setVisibility] = useState(false);\r\n\r\n  useEffect(() => {\r\n      if (pageYOffset > 200) {\r\n          setVisibility(true);\r\n      } else {\r\n          setVisibility(false);\r\n      }\r\n  }, [pageYOffset]);\r\n\r\n  const ScrollToTop = () => window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n\r\n  if(!visble) {\r\n      return false;\r\n  }\r\n\r\n  return (\r\n      <div className=\"Scrolltop bounce\" onClick={ScrollToTop} >\r\n        <i className=\"fa fa-angle-up\" />\r\n      </div>\r\n  );\r\n};\r\n\r\nexport default ScrollToTop;","import React, { Component } from 'react';\nimport {createBrowserHistory} from 'history';\nimport {BrowserRouter as Router, Route} from 'react-router-dom';\nimport { Link } from 'react-router-dom';\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\n// Layout\nimport { Footer } from './components/layout/Footer';\n// pages\nimport Home from './components/Home';\nimport Home2 from './components/Home2';\nimport Home3 from './components/Home3';\nimport Home2_Header2 from './components/Header_style_02';\nimport Home3_Header3 from './components/Header_style_03';\nimport Aboutus_01 from './components/pages/Aboutus_01';\nimport Aboutus_02 from './components/pages/Aboutus_02';\nimport Services_01 from './components/pages/Services_01';\nimport Services_02 from './components/pages/Services_02';\nimport Our_expert from './components/pages/Our_expert';\nimport Team_detail from './components/pages/Team_detail';\nimport Faq from './components/pages/Faq';\nimport Contact_01 from './components/pages/Contact_01';\nimport Contact_02 from './components/pages/Contact_02';\nimport Error from './components/pages/Error';\nimport Element from './components/pages/Element';\nimport It_consultancy from './components/services/It_consultancy';\nimport Digital_services from './components/services/Digital_services';\nimport Advisory_services from './components/services/Advisory_services';\nimport Data_structuring from './components/services/Data_structuring';\nimport Experience_design from './components/services/Experience_design';\nimport Content_engineering from './components/services/Content_engineering';\nimport Project_style1 from './components/project/Project_style1';\nimport Project_style2 from './components/project/Project_style2';\nimport Single_style1 from './components/project/Single_style1';\nimport Single_style2 from './components/project/Single_style2';\nimport Single_style3 from './components/project/Single_style3';\nimport Blog from './components/blog/Blog';\nimport Blog_grid from './components/blog/Blog_grid';\nimport Blog_left_image from './components/blog/Blog_left_image';\nimport Blog_top_image from './components/blog/Blog_top_image';\nimport Single_blog from './components/blog/Single_blog';\nimport Shop from './components/shop/Shop';\nimport Product_details from './components/shop/Product_details';\nimport Cart from './components/shop/Cart';\nimport Checkout from './components/shop/Checkout';\nimport ScrollToTop from './components/layout/Gotop';\n\nconst appHistory = {\n  basename: process.env.PUBLIC_URL\n};\nconst history = createBrowserHistory(appHistory);\nfunction App() {\n \n  return (\n    <div className=\"page\">\n      <Router basename={process.env.PUBLIC_URL} history={history}>  \n        <div id=\"preloader\">\n          <div id=\"status\">&nbsp;</div>\n        </div>   \n        <ScrollToTop />\n            <Route exact path='/' component={ Home } /> \n            <Route path='/home2' component={ Home2 } /> \n            <Route path='/home3' component={ Home3 } />\n            <Route path='/header_style_02' component={ Home2_Header2 } />\n            <Route path='/header_style_03' component={ Home3_Header3 } />\n            <Route path=\"/aboutus_01\" component={Aboutus_01} />\n            <Route path=\"/aboutus_02\" component={Aboutus_02} />\n            <Route path=\"/services_01\" component={Services_01} />\n            <Route path=\"/services_02\" component={Services_02} />\n            <Route path=\"/our_expert\" component={Our_expert} />\n            <Route path=\"/team_detail\" component={Team_detail} />\n            <Route path=\"/faq\" component={Faq} />\n            <Route path=\"/contact_01\" component={Contact_01} />\n            <Route path=\"/contact_02\" component={Contact_02} />\n            <Route path=\"/error\" component={Error} />\n            <Route path=\"/element\" component={Element} />\n            <Route path=\"/it_consultancy\" component={It_consultancy} />\n            <Route path=\"/digital_services\" component={Digital_services} />\n            <Route path=\"/advisory_services\" component={Advisory_services} />\n            <Route path=\"/data_structuring\" component={Data_structuring} />\n            <Route path=\"/experience_design\" component={Experience_design} />\n            <Route path=\"/content_engineering\" component={Content_engineering} />\n            <Route path=\"/project_style1\" component={Project_style1} />\n            <Route path=\"/project_style2\" component={Project_style2} />\n            <Route path=\"/single_style1\" component={Single_style1} />\n            <Route path=\"/single_style2\" component={Single_style2} />\n            <Route path=\"/single_style3\" component={Single_style3} />\n            <Route path=\"/blog\" component={Blog} />\n            <Route path=\"/blog_grid\" component={Blog_grid} />\n            <Route path=\"/blog_left_image\" component={Blog_left_image} />\n            <Route path=\"/blog_top_image\" component={Blog_top_image} />\n            <Route path=\"/single_blog\" component={Single_blog} />\n            <Route path=\"/shop\" component={Shop} />\n            <Route path=\"/product_details\" component={Product_details} />\n            <Route path=\"/cart\" component={Cart} />\n            <Route path=\"/checkout\" component={Checkout} />\n        <Footer />\n    </Router>  \n    </div> \n  );\n }\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nimport { BrowserRouter } from 'react-router-dom';\n\nReactDOM.render(\n    <BrowserRouter>\n        <App />\n    </BrowserRouter>\n    , document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}