{"version":3,"sources":["screens/BookaRoom/style.module.css","screens/CorporateSocialResponsibility/style.module.css","components/Sections/Hero/style.module.css","components/Sections/Footer/style.module.css","screens/InfoCard/style.module.css","screens/OurTrainers/style.module.css","screens/Teams/style.module.css","screens/WhatWeDo/style.module.css","screens/AboutTheCompany/style.module.css","screens/Faq/style.module.css","screens/SingleCourseScreen/style.module.css","screens/CorporateTrainings/CorporateTrainings.module.css","screens/CorporateTrainingSingle/style.module.css","components/Sections/Barchart/style.module.css","screens/FindTechTalent/style.module.css","screens/Blog/Blog.module.css","screens/ServicesDetails/style.module.css","assets/svg/CloseIcon.jsx","components/Nav/Sidebar.jsx","assets/logo.png","components/Elements/Backdrop.jsx","assets/logosvg.svg","assets/svg/BurgerIcon.jsx","components/Nav/TopNavbar.jsx","assets/gifs/headervideo.gif","assets/WhatWeDo/header.png","components/Sections/Header.jsx","assets/offerbg.png","utils/services.js","assets/WhatWeDo/wave6.png","assets/WhatWeDo/wave7.png","components/Sections/Blog.jsx","assets/hero/hero1.png","assets/hero/hero2.png","assets/hero/hero1.svg","assets/hero/hero2.svg","assets/hero/hero3.svg","assets/hero/hero4.svg","assets/hero/arrow/arrow_down.svg","assets/hero/arrow/arrow_up.svg","assets/WhatWeDo/hero.png","components/Sections/Hero/Hero.jsx","assets/wmap.png","assets/FeduManLogo.png","assets/GetitonIcon.png","assets/apple_playstore.jpg","components/Sections/Footer/Footer.jsx","assets/footerlogo.png","assets/gifbanner.gif","screens/Sponsers/Sponsers.jsx","assets/WhatWeDo/wave2.png","assets/WhatWeDo/WeD2.png","assets/WhatWeDo/thick.svg","assets/WhatWeDo/WeD3.png","assets/WhatWeDo/thick1.svg","assets/join/left2.png","assets/join/left4.png","assets/join/left5.png","assets/join/right2.png","assets/join/right4.png","assets/join/right5.png","assets/join/right6.png","assets/join/right7.png","assets/join/right9.png","assets/WhatWeDo/frame.png","assets/WhatWeDo/wave3.png","assets/WhatWeDo/frame2.png","assets/WhatWeDo/frame7.png","assets/join/left6.png","assets/WhatWeDo/wave1.png","assets/join/left8.png","screens/InfoCard/InfoCard.jsx","constant.js","assets/Vector1.png","assets/Vector5.png","assets/Vector4.png","assets/Vector2.png","assets/cVector1.png","assets/cVector2.png","assets/cVector3.png","assets/cVector4.png","assets/WhatWeDo/wave.png","assets/WhatWeDo/WeD1.png","assets/WhatWeDo/WeD9.png","assets/WhatWeDo/bell.svg","screens/OurTrainers/OurTrainer.jsx","assets/join/left1.png","assets/join/left3.png","assets/join/left7.png","assets/join/right1.png","assets/join/right3.png","assets/join/right8.png","screens/Landing.jsx","utils/Toaster/toaster.js","screens/AsheriTechComponents/AdmissionEnquiery/AdmissionEnquiery.js","components/Tabs/Tabs.js","screens/AsheriTechComponents/GetInTouch/GetInTouch.js","screens/AsheriTechComponents/RegistrationForm/RegisterYourself.js","screens/AsheriTechComponents/RegistrationForm/MakePayment.js","screens/AsheriTechComponents/RegistrationForm/RegistrationForm.js","assets/team/teams_banner1.png","assets/team/Sohail_Zindani.png","assets/team/adnan_ahmed.png","assets/team/Syed_Talha_Asad.png","assets/team/Unsar_Hameed.png","assets/team/Arsalan_Ahmed.png","assets/team/Azmeena_Furniturewala.png","assets/team/Farrukh_Hussain_Lodhi.png","assets/team/Ghulam_Muhammad_Soomro.png","assets/team/Kanwal_Rizvi.png","assets/team/Mufarrah_Malik.png","assets/team/Talha_Shabbir.png","assets/team/Samra_Mazhar.png","assets/team/Noman_Ali.png","assets/team/Humra_Tahir.png","assets/team/M_Khurram_Muqueem.png","assets/team/maryam.png","assets/team/Jamshed_Zaman.png","assets/team/Muhammad_Ibrahim.png","assets/team/Haris_Bin_Rafat.png","assets/team/green_Omar_Siddique.png","assets/team/Hunain_Shah.png","assets/aboutTheCompany/aboutSection1banner.png","screens/Teams/Teams.jsx","assets/serviceBanner.gif","assets/BookaScreen/BookaScreenHeroContainer.png","assets/BookaScreen/Wave3.png","assets/BookaScreen/Wave2.png","assets/BookaScreen/al-razi.jpg","assets/BookaScreen/al-farabi.jpg","assets/BookaScreen/al-khawarizmi.jpg","assets/BookaScreen/al-kindi.jpg","assets/BookaScreen/Glowimg1.png","assets/video/video1.mp4","assets/video/video2.mp4","assets/video/video3.mp4","assets/video/video4.mp4","assets/video/video5.mp4","assets/video/video6.mp4","assets/WhatWeDo/WeD6.png","assets/WhatWeDo/servicegradient.png","assets/WhatWeDo/randomline.png","assets/serviceWave.png","assets/BookaScreen/staffoutsourcing.svg","assets/serviceWave2.png","assets/BookaScreen/recrumentsearch.svg","assets/BookaScreen/payrollprocessing.svg","assets/BookaScreen/cplacement.svg","assets/BookaScreen/employeevetting.svg","assets/BookaScreen/network_opportunities.svg","assets/BookaScreen/profile1.png","assets/BookaScreen/profile.png","assets/BookaScreen/profile2.png","assets/BookaScreen/profile3.png","assets/BookaScreen/profile4.png","assets/BookaScreen/profile5.png","assets/BookaScreen/profile6.png","assets/BookaScreen/profile7.png","assets/BookaScreen/profile8.png","assets/BookaScreen/Imgpsh.jpg","screens/BookaRoom/BookaRoom.jsx","assets/WhatWeDo/frame4.png","assets/WhatWeDo/Elements/img5.png","assets/WhatWeDo/greenpattern.png","assets/WhatWeDo/WeD4.png","assets/WhatWeDo/Elements/img1.png","assets/WhatWeDo/Elements/img2.png","assets/WhatWeDo/Elements/img3.png","assets/WhatWeDo/Elements/img4.png","assets/WhatWeDo/Elements/img6.png","assets/WhatWeDo/Elements/img7.png","assets/WhatWeDo/Elements/img8.png","assets/WhatWeDo/svg/insta.svg","assets/WhatWeDo/svg/x.svg","assets/aboutWave.png","assets/about.png","assets/WhatWeDo/svg/facebook.svg","assets/Rectangle.png","assets/Rectangle2.jpg","assets/Rectangle1.jpg","assets/Vision.png","assets/Rectangle4.png","assets/WhatWeDo/bg_Dot.png","assets/WhatWeDo/rabab.png","screens/WhatWeDo/WhatWeDo.jsx","assets/Ellipse_integrity.png","assets/Ellipse_inovation.png","assets/Ellipse_Trust.png","assets/Ellipse_service.png","assets/Ellipse_client.png","assets/aboutTheCompany/section_banner.png","assets/aboutTheCompany/azharAli.png","assets/aboutAnimation1.png","assets/aboutAnimation2.png","assets/aboutAnimation3.png","assets/aboutTheCompany/azharAliabout.png","assets/aboutTheCompany/shohailZindaniAbout.png","assets/aboutTheCompany/shohailZindani.png","assets/aboutTheCompany/haiderWaheedAbout.png","assets/aboutTheCompany/haiderWaheed.png","assets/aboutTheCompany/rahimIqbal.png","assets/aboutTheCompany/rahimIqbalAbout.png","assets/aboutTheCompany/EhsanSaya.png","assets/aboutTheCompany/EhsanSayaAbout.png","assets/aboutTheCompany/ibrahiShamsi1.png","assets/aboutTheCompany/ibrahiShamsiAbout.png","assets/vector1.gif","assets/vector2.gif","assets/vector3.gif","assets/vector4.gif","screens/AboutTheCompany/AboutTheCompany.jsx","assets/aboutTheCompany/companyLogo6.png","assets/aboutTheCompany/companyLogo2.png","assets/aboutTheCompany/companyLogo1.png","assets/aboutTheCompany/companyLogo3.png","assets/aboutTheCompany/companyLogo4.png","assets/aboutTheCompany/companyLogo5.png","assets/aboutTheCompany/companyLogo7.png","components/Sections/CommingSoonPage/CommingSoon.jsx","assets/single-course-screen/shopify universe 1 1.png","assets/single-course-screen/singleCourseHeroImage.png","assets/testimonials_img/image2.jpg","assets/testimonials_img/image4.jpg","components/Elements/TestimonialSlider.jsx","assets/testimonials_img/image3.jpg","assets/testimonials_img/image6.png","assets/testimonials_img/image5.jpg","assets/testimonials_img/image1.jpg","assets/profile2.png","assets/ladder.png","assets/ladder_left.png","assets/ladder_right.png","assets/shopify_coins.png","assets/course_bg.png","assets/usmanProf.png","assets/prof1.png","assets/prof2.png","screens/SingleCourseScreen/SingleCourse.jsx","assets/compass1.png","assets/compass2.png","assets/compass3.png","assets/CorporateTraining/CP_Header.png","assets/CorporateTraining/frame.png","assets/CorporateTraining/karachi.png","assets/CorporateTraining/global.png","assets/CorporateTraining/islamabad.png","assets/CorporateTraining/lahore.png","screens/CorporateTrainings/CorporateTrainings.jsx","assets/CorporateTrainingSingle/ligh_bulb.png","assets/CorporateTrainingSingle/Rectangle1.png","assets/CorporateTrainingSingle/Rectangle2.png","assets/CorporateTrainingSingle/Rectangle3.png","assets/CorporateTrainingSingle/image 28.png","assets/CorporateTrainingSingle/image 29.png","assets/CorporateTrainingSingle/image 30.png","screens/CorporateTrainingSingle/CorporateTrainingSingle.jsx","assets/AshrieTechBanner.png","assets/CorporateSocialResponsibilty/AnraizUncle.png","assets/CorporateSocialResponsibilty/wave3.png","assets/CorporateSocialResponsibilty/CardImage2.png","assets/CorporateSocialResponsibilty/CardImage4.png","assets/CorporateSocialResponsibilty/Wave.png","assets/CorporateSocialResponsibilty/Wave2.png","assets/CorporateSocialResponsibilty/banner1.png","assets/CorporateSocialResponsibilty/chandImage.png","assets/CorporateSocialResponsibilty/banner.png","assets/CorporateSocialResponsibilty/banner2.png","components/Sections/Barchart/Barchart.jsx","assets/CorporateSocialResponsibilty/compass1.png","assets/CorporateSocialResponsibilty/compass5.png","assets/CorporateSocialResponsibilty/compass6.png","assets/CorporateSocialResponsibilty/compass7.png","assets/CorporateSocialResponsibilty/arrow.png","assets/CorporateSocialResponsibilty/barChartbackground.png","assets/CorporateSocialResponsibilty/down_arrow.png","screens/CorporateSocialResponsibility/CorporateSocialResponsibility.jsx","assets/CorporateSocialResponsibilty/compass2.png","assets/CorporateSocialResponsibilty/compass3.png","assets/CorporateSocialResponsibilty/compass4.png","components/Sections/CommingSoonPage/NewCommingSoon.jsx","assets/chart.png","components/Sections/CommingSoonPage/Chart.jsx","assets/findTechTalent/wave.png","assets/findTechTalent/cardimage1.png","assets/findTechTalent/cardimage2.png","assets/findTechTalent/cardimage3.png","assets/findTechTalent/cardimage4.png","assets/findTechTalent/cardimage5.png","assets/findTechTalent/cardimage6.png","assets/findTechTalent/cardimage7.png","assets/findTechTalent/cardimage8.png","screens/FindTechTalent/FindTechTalent.jsx","assets/blog/frame.png","assets/blog/bg1.png","assets/blog/blogTest.png","screens/Blog/Blog.jsx","assets/jobs/CP_Header.png","assets/jobs/apple.png","assets/jobs/e2.png","assets/jobs/e3.png","assets/jobs/google.png","assets/jobs/intel.png","assets/jobs/frame.png","screens/Jobs/jobs.jsx","assets/WhatWeDo/Candidate.png","assets/WhatWeDo/Business.png","screens/Contactus/contact.jsx","assets/WhatWeDo/Wave2.f4c4efb8.png","assets/Service_pic1.png","assets/Service_pic2.png","assets/Service_pic3.png","assets/Service_pic4.png","assets/Service_pic5.png","screens/ServicesDetails/ServicesDetails.jsx","assets/jobs/JobListing.png","screens/Jobs/JobListing/JobListing.jsx","Route.js","App.js","reportWebVitals.js","index.js"],"names":["module","exports","SvgComponent","props","_jsx","xmlns","width","height","children","_jsxs","fill","d","Sidebar","_ref","sidebarOpen","toggleSidebar","Wrapper","SidebarHeader","className","src","alt","style","CloseBtn","onClick","CloseIcon","UlStyle","Link","to","styled","nav","div","button","ul","Backdrop","viewBox","stroke","strokeLinecap","strokeWidth","TopNavbar","useNavigate","y","setY","useState","window","scrollY","hoveredIndex","setHoveredIndex","dropdownOpen","setDropdownOpen","useEffect","addEventListener","removeEventListener","Tooltip","classes","popper","tooltipClasses","tooltip","backgroundColor","color","border","arrow","top","_Fragment","marginTop","smooth","Logosvg","srcSet","BurderWrapper","BurgerIcon","UlWrapper","text","slice","map","link","index","NavLink","spy","Header","navigate","backgroundImage","header","backgroundSize","backgroundRepeat","marginBottom","fontFamily","alignSelf","paddingLeft","fontSize","fontWeight","position","left","zIndex","borderRadius","marginLeft","maxWidth","boxShadow","homeBannerGif","URL","getMethod","async","axios","get","method","headers","JSON","parse","localStorage","getItem","data","error","console","PostMethod","post","codeError","log","formatDate","date","today","Date","month","String","getMonth","padStart","getDate","getFullYear","PhoneMasking","value","digits","replace","formattedValue","length","cnicMasking","getvalue","Stepper","ImagesData","setImagesData","Categories","setCategories","visibleStep","setVisibleStep","togglebtn","settogglebtn","steps","Toglebutton","loadCourses","vtype","then","IsSuccess","Data","catch","hash","useLocation","element","document","querySelector","scrollIntoView","behavior","loadCategory","_data$Data$","Id","timer","setInterval","prev","clearInterval","wave7","backgroundPosition","id","display","justifyContent","alignItems","padding","lineHeight","StepperWrapper","StepperContainer","step","Step","visible","StepNumber","StepLine","StepLabelsContainer","StepLabel","paddingTop","paddingBottom","paddingRight","outline","background","_ref2","Hero","custom_container","bg_purple","slide_in","title","Subtitle","custom_row","description","card_read","arrow_img","div_description","Read_more","custom_card","customn_padding","custom_svg","custom_svgcard","card_title","card_desc","collapsed","expanded","read_expand","read_collapsed","custom_title_padding","hoveredReadMore","setHoveredReadMore","innerHeight","setInnerHeight","setHight","activeCards","setActiveCards","hoveredCard","setHoveredCard","handleResize","cardData","cardImage1","svgpicture","svg1","longText","svg4","svg2","cardImage2","svg3","hero","boxSizing","card","onMouseEnter","onMouseLeave","filter","maxHeight","overflow","transition","textAlign","dangerouslySetInnerHTML","__html","updated","handleExpandClick","textUnderlineOffset","textDecoration","arrow_up","transform","arrow_down","Footer","footer_container","containerOne","containerOnePiece","containerTwo","name","url","href","wmap","type","placeholder","required","margin","gap","Sponsers","gifbanner","InfoCard","_props$data","_props$data2","_props$data3","_props$data8","_props$data9","Info_container","vector","gradientCircle","item","dynamic_padding","cardrow","info_des","info_count","container_padding","counter","setCounter","windowWidth","setWindowWidth","innerWidth","ScrollTrigger","onEnter","onExit","_props$data4","_props$data5","_props$data6","_props$data7","image","heading","discription","updatedDescription","parseInt","order","count","Countup","start","end","gradient","_props$data10","infoCardData","courseInfoCardData","departmentsFaq","OurTrainer","TrainerContainer","fontpaddingleft","custom_frame2","row_left","row_right","title2","wed9x","block_height3","btn_alignment2","list","svg_icon","block_height","block_height1","custom_row2","svg_icon1","block_height2","wed2","btn_alignment","list2","Join_Best","Join_descrip","col_middle","col_left","col_right","leftimg1","leftimg2","leftimg3","leftimg4","leftimg5","rightimg1","rightimg2","rightimg3","rightimg4","rightimg5","animate","setAnimate","sectionRef","useRef","activeSection","setActiveSection","interval","observer","IntersectionObserver","entry","isIntersecting","threshold","current","observe","disconnect","frame2","frame7","WeD9","Thick","wave2","WeD2","Thick1","ref","left2","left4","left5","left6","left8","open","right2","right4","right5","right6","right7","right9","Landing","frame","toastSuccess","message","toast","success","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","toastError","succesMessage","errorMessage","INITIAL_STATE","fname","lname","father","email","cnicno","city","courseCategory","courses","stdStatus","whatsappno","gender","cellno","lasteducation","dob","ownlaptop","zakat","jobStatus","getFreeDemo","AdmissionEnquiry","formData","setFormData","errors","setErrors","Cities","setCities","setCourseCategory","setCourses","setStdStatus","genderData","setGenderData","jobStatusData","setJobStatusData","EntityId","setEntityId","getCity","getGender","getStudentStatus","getjobStatus","handleFormData","event","target","prevField","checked","prevData","getCourses","coursecat","row","find","x","Number","entityid","batchid","cityid","getCourseCategory","RequiredFields","validationErrors","Object","keys","sentWelcomeEmail","body","sendfrom","sendto","subject","borderStyle","borderWidth","borderImage","borderImageSlice","TextField","label","size","onChange","InputProps","Margin","onBlur","trim","test","inputProps","maxLength","FormControl","variant","InputLabel","htmlFor","Select","native","Val","citystxt","disabled","category","stxt","ltxt","FormControlLabel","control","Checkbox","sx","clickSubmit","bb","toISOString","TabsComponent","setValue","React","Paper","square","Tabs","centered","handleChange","newValue","TabIndicatorProps","Tab","textTransform","TabContent2","TabContent3","GetInTouch","regNo","regDate","admReg","course","courseid","RegisterYourself","loadData","getIdFromUrl","obj","childname","coursestxt","genderid","lastedu","parts","location","substring","split","format","paymentNo","paymentType","MakePayment","globalObj","setGlobalObj","paymentData","setPaymentData","payemtMode","FeeAmountApi","feegrpid","FeeGroupChallanApi","clickGenerateBtn","feetype","amount","RegistrationForm","preventDefault","indicatorColor","textColor","team_container","banner_container","team_description","card_Team","card_Team_bg","overlay_text","banner_overlay","Teams","teamMembers","Sohail_Zindani","linkedInProfile","M_Khurram_Muqueem","adnan_ahmed","Talha_Shabbir","Mufarrah_Malik","Azmeena_Furniturewala","Ghulam_Muhammad_Soomro","Kanwal_Rizvi","Maryam","Samra_Mazhar","Unsar_Hameed","Arsalan_Ahmed","Farrukh_Hussain_Lodhi","Humra_Tahir","green_Omar_Siddique","Haris_Bin_Rafat","Muhammad_Ibrahim","Jamshed_Zaman","Noman_Ali","Syed_Talha_Asad","Hunain_Shah","teams_banner","member","rel","services","imgSrc","cplacement","recrumentsearch","staffoutsourcing","payrollprocessing","network_opportunities","employeevetting","sliderData","profile5","rating","linkedinUrl","profile1","profile6","profile2","profile7","profile3","profile8","profile4","Services","setdata","card1Data","setcard1Data","card2Data","setcard2Data","card3Data","setcard3Data","card4Data","setcard4Data","handleRoute","scrollTo","modallg","gradientCircleLeft","gradientCircleLeftTop","gradientCircleLeftTwo","servicegradient","serviceBanner","Fade","WeD6","right","serviceWave","flexWrap","service","cursor","randomline","Card","Rating","Array","_","i","PostCard","subtitle","authorName","authorImage","facebook","insta","img","Rectangle","Rectangle2","candidateSteps","icon","Aboutus","tabsData","settabsData","hover_text","image_container","posts","img5","img6","img7","img8","about","bg_Dot","bottom","Imgpsh","aboutWave","StepWrapper","Vision","Rectangle4","visibility","frame4","borderTop","_ref3","images","thumbnail","azharAli","full","azharAliabout","shohailZindani","shohailZindaniAbout","haiderWaheed","haiderWaheedAbout","rahimIqbal","rahimIqbalAbout","EhsanSaya","EhsanSayaAbout","ibrahiShamsi","ibrahiShamsiAbout","logos","logo","AboutTheCompany","box1","box2","circle","logo_img","parent_box","zain","transition_image","section_2","card_discription","view_all","section1_banner_container","card_hover","card_container","active_card","blur_container","hoverImage","setHoverImage","active","setActive","forEach","Image","section1banner","section_banner","srcset","handleMouseLeave","objectFit","handleMouseEnter","vector1","vector2","vector3","vector4","CommingSoon","time","setTime","days","hours","minutes","seconds","styles","container","flexDirection","overlay","opacity","p","timeContent","columnGap","number","emailContent","inputBox","input","whiteSpace","buttonHover","svg","TestimonialSlider","SliderWrapper","Slider","infinite","speed","slidesToShow","slidesToScroll","arrows","autoplay","autoplaySpeed","responsive","breakpoint","settings","SingleCourse","sap_btn","ready_to_upskill_btn","HerobackImg","shtyle","prof1","prof2","heroImage","course_bg","class","shopify_coins","usmanProf","Career","custom_img","banner_paragraph","banner_heading","generic_heading_left","generic_heading_center","training_container","training_container_img","future_training_btn","training_container_white","card_style","p_color","gradientCircleRow","bgF7FDE8","gradientCircleLeftcontainer","rectangle_box","cDateTime","rectangle_boxOne","cardsData","karachi","islamabad","Lahore","global","cp_header","PaddingRight","e","currentTarget","CorporateTrainingSingle","rectangle1","rectangle2","rectangle3","cardsCourseData","image28","image29","image30","course_you_bg","generic_heading_left_white","course_house_bg","generic_heading_left_One","ligh_bulb","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Legend","ChartDataLabels","Barchart","bar_container","chartRef","reset","update","options","animation","duration","plugins","legend","align","labels","boxWidth","boxHeight","generateLabels","chart","labelsOriginal","defaults","call","this","font","weight","datalabels","anchor","formatter","offset","rotation","scales","beginAtZero","grid","ticks","borderColor","barPercentage","categoryPercentage","borderDash","elements","bar","barThickness","maxBarThickness","Bar","CorporateSocialResponsibility","gradientCircleleft","gradientCircle1","mobile_arrow","gradientCircleFooter","chartgradientCircle","box","BookRoom_heading","overlayHeight","setOverlayHeight","imgRef","overlayRef","updateOverlayHeight","clientHeight","banner2","banner1","compass5","compass6","compass7","down_arrow","barChartbackground","datasets","wave3","AnraizUncle","NewComingSoon","Chart","FindTechTalent","cardimage1","cardimage7","cardimage2","cardimage8","cardimage3","cardimage4","cardimage5","cardimage6","wave","WrapperForP","marginRight","Blog","blogTest","onMouseOver","onMouseOut","Jobs","jobData","salary","company","google","applicants","applicantImages","e1","e2","e3","apple","intel","job","idx","ContactUsForm","formType","setFormType","toggleForm","Candidate","Business","ServicesDetails","greenpattern","Service_pic1","Service_pic2","Service_pic3","Service_pic4","Service_pic5","JobListing","setOpen","selectedFile","setSelectedFile","fileName","setFileName","setMessage","fullName","contactNumber","handleInputChange","Job_Listing","ButtonInput","placement","onClose","Button","copyUrl","navigator","clipboard","writeText","setTimeout","err","startIcon","ContentCopyIcon","Box","file","files","accept","router","createHashRouter","path","App","loginApi","user","username","password","userclientid","put","response","_response$data","_response$data$Data","_response$data$Data$S","Session","token","_response$data2","_response$data2$Data","_response$data2$Data$","setItem","stringify","RouterProvider","ToastContainer","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","TagManager","initialize","gtmId","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.877016f8.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom_container\":\"style_custom_container__23mYT\",\"banner_container\":\"style_banner_container__e5lGY\",\"web6_div\":\"style_web6_div__2tlPb\",\"custom_row1\":\"style_custom_row1__3Cl7G\",\"title_padding\":\"style_title_padding__3p2eS\",\"title1\":\"style_title1__1p6s1\",\"desc1\":\"style_desc1__2KIr1\",\"svg_row\":\"style_svg_row__u7jqJ\",\"svg_row1\":\"style_svg_row1__1RX4d\",\"svg_img\":\"style_svg_img__bdU1r\",\"svg_desc\":\"style_svg_desc__38xB0\",\"svg_desc1\":\"style_svg_desc1__1lb5y\",\"card_container\":\"style_card_container__10o7V\",\"custom_card\":\"style_custom_card__32hgw\",\"card_padding1\":\"style_card_padding1__1BWgS\",\"card_padding2\":\"style_card_padding2__2-NQO\",\"card_padding3\":\"style_card_padding3__3zBjC\",\"card_padding4\":\"style_card_padding4__29r-S\",\"card_padding5\":\"style_card_padding5__1kjTF\",\"card_padding6\":\"style_card_padding6__20DYT\",\"custom_title\":\"style_custom_title__rx-fF\",\"custom_row2\":\"style_custom_row2__nQRSB\",\"cardname2\":\"style_cardname2__22QKI\",\"cardtitle2\":\"style_cardtitle2__QzBWa\",\"cardimg2\":\"style_cardimg2__2b60w\",\"col_left\":\"style_col_left__1X1bK\",\"col_right\":\"style_col_right__3OYDx\",\"card_body_padding\":\"style_card_body_padding__gVTLy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"box\":\"style_box__2HjFk\",\"generic_heading_left\":\"style_generic_heading_left__1Te0B\",\"gradientCircleleft\":\"style_gradientCircleleft__N9iZ6\",\"gradientCircle\":\"style_gradientCircle__3-nRN\",\"gradientCircle1\":\"style_gradientCircle1__EdQaG\",\"BookRoom_heading\":\"style_BookRoom_heading__3H6Cy\",\"arrow_img\":\"style_arrow_img__2rBlA\",\"gradientCircleFooter\":\"style_gradientCircleFooter__2wt6z\",\"chartgradientCircle\":\"style_chartgradientCircle__MKsRg\",\"mobile_arrow\":\"style_mobile_arrow__Itavy\",\"zain\":\"style_zain__3M5Cf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"custom_container\":\"style_custom_container__3XDMg\",\"card\":\"style_card__2H2bL\",\"custom_card_margin\":\"style_custom_card_margin__2ei7D\",\"bg_purple\":\"style_bg_purple__2Oij0\",\"slide_in\":\"style_slide_in__2fgQP\",\"slideIn\":\"style_slideIn__3MTDn\",\"title\":\"style_title__3PtIY\",\"Subtitle\":\"style_Subtitle__1lJ58\",\"description\":\"style_description__2--aY\",\"card-text\":\"style_card-text__1VNAf\",\"show\":\"style_show__1jnlO\",\"custom_card\":\"style_custom_card__3e09m\",\"collapsed\":\"style_collapsed__3ICTO\",\"expanded\":\"style_expanded__3BY4c\",\"Read_more\":\"style_Read_more__2cNza\",\"read_expand\":\"style_read_expand__39ccC\",\"read_collapsed\":\"style_read_collapsed__2pAJ4\",\"customn_padding\":\"style_customn_padding__3xmYF\",\"div_description\":\"style_div_description__3VaPy\",\"custom_svgcard\":\"style_custom_svgcard__OZuiJ\",\"custom_svg\":\"style_custom_svg__CUwnS\",\"card_title\":\"style_card_title__2phwu\",\"card_desc\":\"style_card_desc__2pZfB\",\"arrow_img\":\"style_arrow_img__guv_V\",\"card_read\":\"style_card_read__3JIBM\",\"custom_row\":\"style_custom_row__2Zph9\",\"custom_title_padding\":\"style_custom_title_padding__3CORM\",\"custom_btn_outline_dark\":\"style_custom_btn_outline_dark__1RteZ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer_container\":\"style_footer_container__3nqSB\",\"containerOne\":\"style_containerOne__3Mg_j\",\"containerOnePiece\":\"style_containerOnePiece__2C2Y6\",\"containerTwo\":\"style_containerTwo__3vQzr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Info_container\":\"style_Info_container__2tphT\",\"gradientCircle\":\"style_gradientCircle__3JdiW\",\"info_des\":\"style_info_des__3R8ep\",\"info_count\":\"style_info_count__2WJhm\",\"dynamic_padding\":\"style_dynamic_padding__1P3DS\",\"cardrow\":\"style_cardrow__ny7qd\",\"container_padding\":\"style_container_padding__1TNSf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"TrainerContainer\":\"style_TrainerContainer__NRsVk\",\"carousel\":\"style_carousel__2mupZ\",\"carouselInner\":\"style_carouselInner__1HLDY\",\"carousel_item\":\"style_carousel_item__1fJ0v\",\"active\":\"style_active__2Ifpp\",\"carousel_control_prev\":\"style_carousel_control_prev__11kg6\",\"carousel_control_next\":\"style_carousel_control_next__2Lx-f\",\"carousel-control-prev-icon\":\"style_carousel-control-prev-icon__BRUF4\",\"carousel-control-next-icon\":\"style_carousel-control-next-icon__1xvh-\",\"carousel-control-prev\":\"style_carousel-control-prev__3emFN\",\"carousel-control-next\":\"style_carousel-control-next__1yRo7\",\"title\":\"style_title__2VWTn\",\"title2\":\"style_title2__BXjJs\",\"list\":\"style_list__2qhI2\",\"list2\":\"style_list2__2-FQ4\",\"svg_icon\":\"style_svg_icon__22n5x\",\"svg_icon1\":\"style_svg_icon1__11xAz\",\"block_height\":\"style_block_height__2ibxe\",\"block_height1\":\"style_block_height1__3ZVS2\",\"custom_row\":\"style_custom_row__opzRW\",\"block_height2\":\"style_block_height2__3AauF\",\"block_height3\":\"style_block_height3__2_dWP\",\"wed2\":\"style_wed2__3j9Ty\",\"btn_alignment\":\"style_btn_alignment__35aFO\",\"Join_Best\":\"style_Join_Best__2STRO\",\"Join_descrip\":\"style_Join_descrip__3rebq\",\"wed9x\":\"style_wed9x__1XiZ6\",\"leftimg1\":\"style_leftimg1__20j60\",\"leftimg2\":\"style_leftimg2__1BrrP\",\"leftimg3\":\"style_leftimg3__2Rnrs\",\"leftimg4\":\"style_leftimg4__3OrzD\",\"leftimg5\":\"style_leftimg5__2lWrK\",\"rightimg1\":\"style_rightimg1__3eOAD\",\"rightimg2\":\"style_rightimg2__2kJRT\",\"rightimg3\":\"style_rightimg3__1wVQ3\",\"rightimg4\":\"style_rightimg4__1arFx\",\"rightimg5\":\"style_rightimg5__4jTbq\",\"col_left\":\"style_col_left__2CD3A\",\"col_middle\":\"style_col_middle__2foXN\",\"col_right\":\"style_col_right__29lf0\",\"row_left\":\"style_row_left__oiacE\",\"row_right\":\"style_row_right__1jWCv\",\"custom_frame2\":\"style_custom_frame2__vai78\",\"btn_alignment2\":\"style_btn_alignment2__348IY\",\"custom_row2\":\"style_custom_row2__t3yqK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"banner_container\":\"style_banner_container__q4Gcu\",\"banner_overlay\":\"style_banner_overlay__1-CAf\",\"overlay_text\":\"style_overlay_text__idEEn\",\"gradientCircle\":\"style_gradientCircle__1SEce\",\"team_description\":\"style_team_description__JHQnA\",\"card_Team\":\"style_card_Team__1qY2T\",\"card_Team_bg\":\"style_card_Team_bg__3Gk84\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"image_container\":\"style_image_container__WZFbb\",\"hover_text\":\"style_hover_text__3ZWkJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"box1\":\"style_box1__2A1G4\",\"box2\":\"style_box2__30tT6\",\"section1_banner_container\":\"style_section1_banner_container__2pTcy\",\"parent_box\":\"style_parent_box__1Lpt0\",\"zain\":\"style_zain__3RRwr\",\"blur_container\":\"style_blur_container__3cc6b\",\"banner_container\":\"style_banner_container__qDP7w\",\"view_all\":\"style_view_all__35qiC\",\"ripple-animation\":\"style_ripple-animation__2vtw_\",\"circle\":\"style_circle__20YS3\",\"logo_img\":\"style_logo_img__2bI2v\",\"active_card\":\"style_active_card__s8VXw\",\"card_container\":\"style_card_container__3nsVQ\",\"section_2\":\"style_section_2__1U_V6\",\"card_title\":\"style_card_title__zq4Cx\",\"card_discription\":\"style_card_discription__3ddoD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"faq_container\":\"style_faq_container__1Qgqd\",\"expand\":\"style_expand__2FFxM\",\"beat\":\"style_beat__3KQIY\",\"puzzle\":\"style_puzzle__3Bvso\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"testimonial\":\"style_testimonial__3fqQx\",\"user-icon\":\"style_user-icon__MKLDL\",\"user-name\":\"style_user-name__Z5sJa\",\"testimonial-text\":\"style_testimonial-text__2ezpP\",\"ready_to_upskill_btn\":\"style_ready_to_upskill_btn__1M6dG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"generic_heading_left\":\"CorporateTrainings_generic_heading_left__1xGOh\",\"generic_heading_center\":\"CorporateTrainings_generic_heading_center__10xud\",\"banner_heading\":\"CorporateTrainings_banner_heading__3ly8Q\",\"banner_paragraph\":\"CorporateTrainings_banner_paragraph__JBjLY\",\"zain\":\"CorporateTrainings_zain__2BN51\",\"parent_box\":\"CorporateTrainings_parent_box__3Oplv\",\"view_all\":\"CorporateTrainings_view_all__bH3UA\",\"section1_banner_container\":\"CorporateTrainings_section1_banner_container__2HKDA\",\"bg_purple\":\"CorporateTrainings_bg_purple__1-Iri\",\"training_container\":\"CorporateTrainings_training_container__1fXpg\",\"training_container_img\":\"CorporateTrainings_training_container_img__3xFoj\",\"future_training_btn\":\"CorporateTrainings_future_training_btn__2ocfw\",\"training_container_white\":\"CorporateTrainings_training_container_white__1doYG\",\"card_style\":\"CorporateTrainings_card_style__1O5jj\",\"p_color\":\"CorporateTrainings_p_color__3sPQn\",\"gradientCircle\":\"CorporateTrainings_gradientCircle__2U8u-\",\"gradientCircleRow\":\"CorporateTrainings_gradientCircleRow__1hNJd\",\"bgF7FDE8\":\"CorporateTrainings_bgF7FDE8__3IRlc\",\"card\":\"CorporateTrainings_card__3LKXG\",\"gradientCircleLeft\":\"CorporateTrainings_gradientCircleLeft__HTJVX\",\"gradientCircleLeftcontainer\":\"CorporateTrainings_gradientCircleLeftcontainer__2HWTX\",\"rectangle_box\":\"CorporateTrainings_rectangle_box__1g6_O\",\"rectangle_boxOne\":\"CorporateTrainings_rectangle_boxOne__2Sd1-\",\"cDateTime\":\"CorporateTrainings_cDateTime__kBh_3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"p_color\":\"style_p_color__3q2ti\",\"generic_heading_left\":\"style_generic_heading_left__340M6\",\"course_house_bg\":\"style_course_house_bg__16f8Q\",\"generic_heading_left_white\":\"style_generic_heading_left_white__1dw9C\",\"generic_heading_left_One\":\"style_generic_heading_left_One__29OyK\",\"course_you_bg\":\"style_course_you_bg__2ivlg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"bar_container\":\"style_bar_container__1QyfU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"gradientCircle\":\"style_gradientCircle__nYqfT\",\"gradientCircleLeft\":\"style_gradientCircleLeft__2Pdni\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"generic_heading_left\":\"Blog_generic_heading_left__1EgLX\",\"generic_heading_center\":\"Blog_generic_heading_center__3xeID\",\"banner_heading\":\"Blog_banner_heading__Bj8sw\",\"banner_paragraph\":\"Blog_banner_paragraph__3sZxU\",\"zain\":\"Blog_zain__28lbk\",\"parent_box\":\"Blog_parent_box__2CkO5\",\"view_all\":\"Blog_view_all__3JaJ7\",\"section1_banner_container\":\"Blog_section1_banner_container__2PVg_\",\"bg_purple\":\"Blog_bg_purple__RYBdf\",\"training_container\":\"Blog_training_container__2Immk\",\"training_container_img\":\"Blog_training_container_img__cZ64F\",\"future_training_btn\":\"Blog_future_training_btn__1NOKD\",\"training_container_white\":\"Blog_training_container_white__X_aIl\",\"card_style\":\"Blog_card_style__18PSQ\",\"p_color\":\"Blog_p_color__3KyWp\",\"gradientCircle\":\"Blog_gradientCircle__EPxZs\",\"gradientCircleRow\":\"Blog_gradientCircleRow__2vRku\",\"bgF7FDE8\":\"Blog_bgF7FDE8__1KE8C\",\"card\":\"Blog_card__3gE8o\",\"gradientCircleLeft\":\"Blog_gradientCircleLeft__1XNIS\",\"gradientCircleLeftcontainer\":\"Blog_gradientCircleLeftcontainer__2zRvc\",\"rectangle_box\":\"Blog_rectangle_box__3FSUm\",\"rectangle_boxOne\":\"Blog_rectangle_boxOne__3z6qN\",\"cDateTime\":\"Blog_cDateTime__2SbhT\",\"img-fluid\":\"Blog_img-fluid__2dPpb\",\"container_fluid\":\"Blog_container_fluid__10KHy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"image_container\":\"style_image_container__3dueT\",\"hover_text\":\"style_hover_text__2x6sU\",\"container_class\":\"style_container_class__YQ8dI\"};","import * as React from \"react\";\r\n\r\nfunction SvgComponent(props) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={23.335} height={23.335} {...props}>\r\n      <g data-name=\"Group 99\" fill=\"black\">\r\n        <path data-name=\"Rectangle 58\" d=\"M21.213 0l2.121 2.121L2.121 23.335 0 21.213z\" />\r\n        <path data-name=\"Rectangle 59\" d=\"M23.334 21.213l-2.121 2.121L-.001 2.121 2.121 0z\" />\r\n      </g>\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport default SvgComponent;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\n// Assets\r\nimport CloseIcon from \"../../assets/svg/CloseIcon\";\r\nimport LogoIcon from \"../../assets/logo.png\";\r\n\r\nexport default function Sidebar({ sidebarOpen, toggleSidebar }) {\r\n  return (\r\n    <Wrapper sidebarOpen={sidebarOpen}>\r\n      <SidebarHeader className=\"flexSpaceCenter\">\r\n        <div className=\"flexNullCenter\">\r\n          <img src={LogoIcon} alt=\"\" style={{ height: 35, width: \"auto\" }} />\r\n        </div>\r\n        <CloseBtn  onClick={() => toggleSidebar(!sidebarOpen)} className=\"animate pointer blackColor\" >\r\n        <CloseIcon fill={\"black\"} />\r\n        </CloseBtn>\r\n      </SidebarHeader>\r\n      <div className=\"row\">\r\n        <div className=\"col\">\r\n          <UlStyle className=\"flexNullCenter flexColumn\">\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/\" className=\"blackColor\">\r\n                Home\r\n              </Link>\r\n            </li>\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/Aboutus\" className=\"blackColor\">\r\n                About us\r\n              </Link>\r\n            </li>\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/teams\" className=\"blackColor\">\r\n                Services\r\n              </Link>\r\n            </li>\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/BookaRoom\" className=\"blackColor\">\r\n                Career\r\n              </Link>\r\n            </li>\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/WhatWeDo\" className=\"blackColor\">\r\n                Blog\r\n              </Link>\r\n            </li>\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/CommingSoonPage\" className=\"blackColor\">\r\n                Contact us\r\n              </Link>\r\n            </li>\r\n            <li className=\"semiBold font20 pointer\">\r\n              <Link to=\"/Services/whatWeDo\" className=\"blackColor\">\r\n                 Services Detail\r\n              </Link>\r\n            </li>\r\n            {/* <li className=\"semiBold font15 pointer\">\r\n              <Link to=\"/CommingSoonPage\" className=\"blackColor\">\r\n                Digital Academy\r\n              </Link>\r\n            </li> */}\r\n          </UlStyle>\r\n        </div>\r\n      </div>\r\n      </Wrapper>\r\n  );\r\n}\r\n\r\nconst Wrapper = styled.nav`\r\n  width: ${(props) => (props.sidebarOpen ? \"430px\" : \"400px\")};\r\n  background-color: #D5D0EF;\r\n  // height: 100vh;\r\n  position: fixed;\r\n  top: 0;\r\n  padding: 0 20px;\r\n  overflow-y: scroll;\r\n  right: ${(props) => (props.sidebarOpen ? \"0px\" : \"-400px\")};\r\n  z-index: 9999;\r\n  @media (max-width: 400px) {\r\n    width: 100%;\r\n  }\r\n`;\r\nconst SidebarHeader = styled.div`\r\n  padding: 20px 0;\r\n`;\r\nconst CloseBtn = styled.button`\r\n  border: 0px;\r\n  outline: none;\r\n  background-color: transparent;\r\n  padding: 10px;\r\n`;\r\nconst UlStyle = styled.ul`\r\n  padding: 40px;\r\n  li {\r\n    margin: 20px 0;\r\n  }\r\n`;\r\n","export default \"data:image/png;base64,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\"","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\nexport default function Backdrop({ toggleSidebar }) {\r\n  return <Wrapper className=\"darkBg\" onClick={() => toggleSidebar(false)}></Wrapper>;\r\n}\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 99;\r\n  opacity: 0.8;\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/logosvg.2cfa8a7b.svg\";","import * as React from \"react\";\r\n\r\nfunction SvgComponent(props) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={28} height={22} viewBox=\"0 0 28 22\" {...props}>\r\n      <path data-name=\"Line 5\" fill=\"none\" stroke=\"#0b093b\" strokeLinecap=\"round\" strokeWidth={2} d=\"M1 1h26\" />\r\n      <path data-name=\"Line 6\" fill=\"none\" stroke=\"#0b093b\" strokeLinecap=\"round\" strokeWidth={2} d=\"M1 11h26\" />\r\n      <path data-name=\"Line 7\" fill=\"none\" stroke=\"#0b093b\" strokeLinecap=\"round\" strokeWidth={2} d=\"M1 21h26\" />\r\n    </svg>\r\n  );\r\n}\r\n\r\nexport default SvgComponent;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport Sidebar from \"../Nav/Sidebar\";\r\nimport Backdrop from \"../Elements/Backdrop\";\r\nimport Logo from \"../../assets/logo.png\";\r\nimport Logosvg from \"../../assets/logosvg.svg\";\r\nimport BurgerIcon from \"../../assets/svg/BurgerIcon\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport QRTopNav from '../../assets/QRTopNav.png'\r\nimport Androi_QR from '../../assets/Android.png'\r\nimport IOS_QR from '../../assets/IOS.png'\r\nimport { Tooltip, tooltipClasses, TooltipProps } from \"@mui/material\";\r\nimport { blue } from \"@mui/material/colors\";\r\n\r\nexport default function TopNavbar() {\r\n  const navigate = useNavigate();\r\n  const [y, setY] = useState(window.scrollY);\r\n  const [sidebarOpen, toggleSidebar] = useState(false);\r\n  const [hoveredIndex, setHoveredIndex] = useState(null); // State for hover\r\n  const [dropdownOpen, setDropdownOpen] = useState(false); // State for dropdown\r\n\r\n  useEffect(() => {\r\n    window.addEventListener(\"scroll\", () => setY(window.scrollY));\r\n    return () => {\r\n      window.removeEventListener(\"scroll\", () => setY(window.scrollY));\r\n    };\r\n  }, [y]);\r\n\r\n  const handleMouseEnter = (index) => {\r\n    setHoveredIndex(index);\r\n  };\r\n\r\n  const handleMouseLeave = () => {\r\n    setHoveredIndex(null);\r\n  };\r\n\r\n  const toggleDropdown = () => {\r\n    setDropdownOpen(!dropdownOpen);\r\n  };\r\n\r\n  const LightTooltip = styled(({ className, ...props }) => (\r\n    <Tooltip {...props} classes={{ popper: className }} />\r\n  ))(() => ({\r\n    [`& .${tooltipClasses.tooltip}`]: {\r\n      backgroundColor: 'rgb(236, 246, 244)',\r\n      color: '#008f71',\r\n      border: '1px solid #008f71',\r\n    },\r\n    [`& .${tooltipClasses.arrow}`]: {\r\n      color: 'rgb(236, 246, 244)',\r\n    color: '#008f71',\r\n      top: '25px'\r\n    },\r\n  }));\r\n\r\n  const links = [\r\n    { to: \"/Aboutus\", text: \"About us\" },\r\n    { to: \"/Services\", text: \"Services\" },\r\n    { to: \"/Career\", text: \"Career\" },\r\n    { to: \"/blog\", text: \"Blog\"},\r\n    { to: \"/Contact\", text: \"Contact us\"},\r\n  ];\r\n \r\n \r\n\r\n  return (\r\n    <>\r\n      <Sidebar sidebarOpen={sidebarOpen} toggleSidebar={toggleSidebar} />\r\n      {sidebarOpen && <Backdrop toggleSidebar={toggleSidebar} />}\r\n      <div className=\"d-flex justify-content-center justify-content-md-between align-items-center pt-3 px-md-5 px-2 nav-padding\"\r\n        style={{ backgroundColor: '#d5d0ef' }}>\r\n        <div className=\"row\" style={{ backgroundColor: '#d5d0ef' }}>\r\n          <div className=\"col-10 p-0 pl-3\" style={{marginTop :\"7px\"}}>\r\n            <Link className=\"pointer pl-5 custom_logo\" to={\"/\"} smooth={true} >\r\n              <img src={Logosvg} className=\"img_logo\" alt=\"\" srcSet=\"\"\r\n              //  style={{ width: '100%', height: 'auto' }}\r\n                />\r\n            </Link>\r\n          </div>\r\n          {/* <div className=\"col-1 p-0\"></div> */}\r\n          <div className=\"col-2 d-flex justify-content-spaceBetween p-0 align-items-center\">\r\n            <BurderWrapper className=\"pointer p-0\" onClick={() => toggleSidebar(!sidebarOpen)}>\r\n              <BurgerIcon className=\"p-0 \" />\r\n            </BurderWrapper>\r\n          </div>\r\n        </div>\r\n        <div className=\"d-flex\"  style={{ backgroundColor: '#d5d0ef'  }}>\r\n          <UlWrapper className=\"flexNullCenter header_menu \" >\r\n            {links.slice().map((link, index) => (\r\n              <li key={index} className=\" pointer animated_link\">\r\n                <NavLink\r\n                  to={link.to}\r\n                  spy={true}\r\n                  smooth={true}\r\n                  className={\"\"}\r\n        \r\n                >\r\n                  <span\r\n                 \r\n                    className=\"animated_link align-items-center\"\r\n\r\n                  >\r\n                    {link.text}\r\n                  </span>\r\n                </NavLink>\r\n              </li>\r\n            ))}\r\n          </UlWrapper>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\n// Add your styled-components here\r\nconst BurderWrapper = styled.button`\r\n  outline: none;\r\n  border: 0px;\r\n  background-color: transparent;\r\n  height: 100%;\r\n  padding: 0 15px;\r\n  display: none;\r\n  @media (max-width: 760px) {\r\n    display: block;\r\n  }\r\n`;\r\n\r\nconst UlWrapper = styled.ul`\r\n  display: flex;\r\n  @media (max-width: 760px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst UlWrapperRight = styled.ul`\r\n  @media (max-width: 760px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\n\r\n\r\n\r\n\r\n\r\n","export default __webpack_public_path__ + \"static/media/headervideo.7d92955d.gif\";","export default __webpack_public_path__ + \"static/media/header.a508126f.png\";","\r\nimport React from \"react\";\r\nimport homeBannerGif from '../../assets/gifs/headervideo.gif'; // Update this with your actual GIF path\r\nimport vector from '../../assets/Vector.png';\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport header from '../../assets/WhatWeDo/header.png'\r\nimport styled from \"styled-components\";\r\nimport \"../Sections/Header.css\";\r\n\r\n\r\nexport default function Header() {\r\n  const navigate = useNavigate();\r\n\r\n  return (\r\n    <>\r\n      {/* <div className=\"\" style={{ backgroundColor: '#d5d0ef' }}> */}\r\n      <div className=\"bg-cover bg_purple custom-padding  px-5 py-4 px-2 pb-5 4 m-0 p-0 bg-center d-flex align-items-start justify-content-start  \"\r\n      >\r\n        <div className=\"row align-items-start justify-content-between  mt-sm-4 m-0 p-0  row-padding\"\r\n          style={{\r\n            // backgroundColor: '#5A8C75',\r\n            backgroundImage: `url(${header})`,\r\n            backgroundSize: 'cover',\r\n            // backgroundPosition: 'center center',  // This ensures the image starts from the top\r\n            backgroundRepeat: 'no-repeat',\r\n\r\n          }}\r\n        >\r\n\r\n          {/* Left side text content */}\r\n          <div className=\"col-12 col-md-6 mb-4 my-sm-3 pl-sm-5  pr-2 p-0  padding-col\">\r\n\r\n              <div className=\"d-sm-block d-none custom-height\" ></div>\r\n              <div className=\"d-sm-block d-none  \" ></div>\r\n\r\n              <h3 className=\"pb-2 font-weight-500 ml-1  pl-sm-2 pl-lg-2 custom-title \" >\r\n              Empowering Businesses, <br />Through Driven People\r\n              </h3>\r\n\r\n              <div className=\"d-sm-block d-none custom-height1\" ></div>\r\n              <div className=\"d-sm-block \" style={{ height: 10 }}></div>\r\n\r\n              <p className=\" mr-sm-5  ml-1 pl-sm-2 pl-lg-2 custom-parag\" style={{}}>\r\n              At Talent Expertz HR Solutions, we find driven talent and connect them to the opportunities with a people-first approach, aiming to create an impact and make a difference.\r\n              </p>\r\n\r\n              <div className=\"d-sm-block d-none custom-height2\" ></div>\r\n              <div className=\"d-sm-block  \" style={{ height: 10 }}></div>\r\n\r\n              <div className=\"d-flex flex-column ml-1 btn-left flex-md-row align-items-start align-items-lg-start justify-content-between mt-2\"\r\n             >\r\n                {/* FOR JOB SEEKERS Section */}\r\n                <div className=\"col-md-4 mb-2 mt-4  custom-left mb-lg-2 mb-md-0 p-0 mr-sm-2 pl-sm-2 pl-lg-2  align-items-start align-items-lg-start\">\r\n                  <h2 className=\"pb-2 custom-subtitle\" style={{ marginBottom :\"1.7rem\" }}>\r\n                    FOR JOB SEEKERS\r\n                  </h2>\r\n                  <button\r\n                    className=\"btn  btn-job-seeker mb-3 \" style={{ fontFamily: 'Inter, sans-serif' }}\r\n                    onClick={() => navigate('/Career')}\r\n                  >\r\n                    Find your next jobs\r\n                  </button>\r\n                </div>\r\n\r\n                {/* Vertical Line */}\r\n                <div className=\"col-md-1 d-flex justify-content-start mr-1 mt-2 mb-2 custom-hr p-0\">\r\n                  <div\r\n                    className=\"custom-border-right d-none d-md-block\"\r\n                    style={{\r\n                      width: '2px',\r\n                      backgroundColor: '#160A54',\r\n                      alignSelf: 'center', // Centers the line vertically within the column\r\n                      height: '157px', // Adjust height as needed\r\n                    }}\r\n                  ></div>\r\n\r\n                </div>\r\n\r\n                {/* FOR BUSINESS Section */}\r\n                <div className=\"col-md-7  mb-2 mt-4 custom-left mb-lg-2 mb-2 mb-md-0 p-0 ml-sm-2 \"\r\n                >\r\n                  <h2 className=\" pb-2  custom-subtitle\" style={{ paddingLeft:\"6px\",marginBottom :\"1.7rem\",fontFamily: 'Barlow, sans-serif', fontSize: '28px', color: '#160A54', fontWeight: '500' }}>\r\n                    FOR BUSINESS \r\n                  </h2>\r\n                  <div className=\"d-flex flex-row flex-wrap\" style={{paddingLeft:\"6px\",}}>\r\n                    <button\r\n                      className=\"btn btn-custom  mb-2\"\r\n                      style={{ fontFamily: 'Open Sans, sans-serif', }}\r\n                      onClick={() => navigate('/Contact')}\r\n                    >\r\n                      Preview candidates\r\n                    </button>\r\n\r\n                    <button\r\n                      className=\"btn btn-custom mb-2  \"\r\n                      style={{ fontFamily: 'Open Sans, sans-serif', }}\r\n                      onClick={() => navigate('/Contact')}\r\n                    >\r\n                      Hire now\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n          </div>\r\n\r\n\r\n          {/* Right side GIF with responsive background and rounded corners */}\r\n          <div className=\"col-12 col-md-6 p-0 mt-1 position-relative order-1  order-md-2 custom-order-sm-first order-sm-first mb-4 mb-md-0 d-block \">\r\n            {/* Background vector image positioned at the top left, outside the wrapping div */}\r\n            <div \r\n            className=\"vector-size\"\r\n              style={{\r\n                position: 'absolute',\r\n                // top: '-19px', \r\n                // left: '-13px', \r\n                top: '-27px', \r\n                left: '-21px', \r\n                backgroundImage: `url(${vector})`,\r\n                backgroundSize: 'contain', // Adjust as needed\r\n                backgroundRepeat: 'no-repeat', // Prevent repeating the image\r\n                // width: '140px',\r\n                // height: '140px',\r\n                width: '191px',\r\n                height: '220px',\r\n                zIndex: 3,\r\n              }}\r\n            ></div>\r\n\r\n            {/* Wrapping div for stacking */}\r\n            <div className=\"position-relative ml-2\"\r\n              style={{ position: 'relative', width: '100%', height: '100%' }}>\r\n              {/* Background color div with shadow effect */}\r\n              <div\r\n              className=\"bgset\"\r\n                style={{\r\n                  position: 'absolute',\r\n                  // borderRadius: '78px',\r\n                  borderRadius: '105px',\r\n                  marginTop: '12.2px',\r\n                  marginLeft: '9px',\r\n                  backgroundColor: '#837bad',\r\n                  // width: '87%',\r\n                  height: '100%',\r\n                  // width: '93.9%',\r\n                  // maxWidth: \"93.9%\",\r\n                  width: '92.5%',\r\n                  maxWidth: \"100%\",\r\n                  zIndex: 1,\r\n                  boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.2)', // Adds a subtle shadow\r\n\r\n                }}\r\n              ></div>\r\n\r\n              {/* GIF positioned on top of the background */}\r\n              <div className=\"position-relative\" style={{ zIndex: 2 }}>\r\n\r\n                <img\r\n                  src={homeBannerGif}\r\n                  alt=\"Header GIF\"\r\n                  className=\"img-fluid\"\r\n                  style={{\r\n                    // borderRadius: '78px',\r\n                    borderRadius: '105px',\r\n                    // width: '100%',\r\n                    // maxWidth: \"93.5%\",\r\n                    marginTop: '0px',\r\n                    // height: '99%', // Set to fill the container\r\n                    // maxHeight: '98%', // Ensure it won't exceed this height\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n\r\n\r\n     \r\n    </>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/offerbg.15e654a7.png\";","import axios from \"axios\";\r\n\r\nexport const ClientId = 164;\r\n/* Login Credentials */\r\nexport const UserName = \"atadmin\";\r\nexport const Password = \"atadmin123\";\r\n\r\nexport const LoginURL = 'https://uta.edu-man.com/ut/api/utuser/v2/loginV3';\r\n\r\nconst URL = 'https://sma.edu-man.com/sm/api/';         // For Live Connection\r\n// const URL = 'http://172.23.0.246:4324/smdev/api/'; // For BE Local Connection\r\n\r\nexport const getMethod = async (method) => {\r\n  try {\r\n    const response = await axios.get(URL + method, {\r\n      headers: {\r\n        'Authorization': `Bearer ${JSON.parse(localStorage.getItem(\"Token\"))}`\r\n      }\r\n    });\r\n    return response.data;\r\n  } catch (error) {\r\n    console.error('Error fetching service:', error);\r\n    throw error;\r\n  }\r\n};\r\n\r\nexport const PostMethod = async (method, data) => {\r\n  try {\r\n    const response = await axios.post(\r\n      URL + method,\r\n      data,\r\n      {\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n          'Authorization': `Bearer ${JSON.parse(localStorage.getItem(\"Token\"))}`\r\n        },\r\n      });\r\n    return response.data;\r\n  } catch (error) {\r\n    console.error('Error posting data:', error);\r\n    throw error;\r\n  }\r\n};\r\n\r\nexport const codeError = (error) => {\r\n  console.log(\"ERROR\", error)\r\n}\r\n\r\nexport function formatDate(date) {\r\n  const today = new Date(date);\r\n  const month = String(today.getMonth() + 1).padStart(2, '0');\r\n  const day = String(today.getDate()).padStart(2, '0');\r\n  const year = today.getFullYear();\r\n  return `${day}/${month}/${year}`;\r\n}\r\n\r\nexport const PhoneMasking = (value) => {\r\n  if (!value) {\r\n    return\r\n  }\r\n  const digits = value.replace(/\\D/g, '');\r\n  let formattedValue = '';\r\n  if (digits.length > 0) {\r\n    formattedValue = digits.slice(0, 4);\r\n  }\r\n  if (digits.length > 4) {\r\n    formattedValue += '-' + digits.slice(4, 11);\r\n  }\r\n  return formattedValue;\r\n}\r\n\r\nexport const cnicMasking = (value) => {\r\n  if (!value) {\r\n    return;\r\n  }\r\n  const getvalue = value.replace(/\\D/g, ''); // Remove all non-digit characters\r\n  let formattedValue = getvalue;\r\n  if (getvalue.length > 5 && getvalue.length <= 12) {\r\n    formattedValue = `${getvalue.slice(0, 5)}-${getvalue.slice(5, 12)}`;\r\n  } else if (getvalue.length > 12) {\r\n    formattedValue = `${getvalue.slice(0, 5)}-${getvalue.slice(5, 12)}-${getvalue.slice(12, 13)}`;\r\n  } else {\r\n    formattedValue = getvalue.slice(0, 5);\r\n  }\r\n  return formattedValue;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","export default __webpack_public_path__ + \"static/media/wave6.b1ad6e22.png\";","export default __webpack_public_path__ + \"static/media/wave7.a86a50ae.png\";","\r\n\r\n// import React, { useState, useEffect } from \"react\";\r\n// import styled from \"styled-components\";\r\n// import offerbg from '../../assets/offerbg.png';\r\n// import { getMethod, codeError, ClientId } from \"../../utils/services\";\r\n// import { useLocation } from \"react-router-dom\";\r\n// import wave6 from '../../assets/WhatWeDo/wave6.png';\r\n// import wave7 from '../../assets/WhatWeDo/wave7.png';\r\n\r\n// // import styled from \"./style.module.css\";\r\n// export default function Stepper() {\r\n//   // const { } = style;\r\n//   const [ImagesData, setImagesData] = useState([]);\r\n//   const [Categories, setCategories] = useState([]);\r\n//   const [visibleStep, setVisibleStep] = useState(0); // Track the currently visible step\r\n//   const [togglebtn, settogglebtn] = useState(1)\r\n\r\n//   // Step labels\r\n//   const steps = [\r\n//     { label: 'Client & Team Discussion' },\r\n//     { label: 'Talent Sourcing & Screening' },\r\n//     { label: 'Candidate Shortlisting' },\r\n//     { label: 'Client Review Shortlisted candidates' },\r\n//     { label: 'Client Interviews Candidates' },\r\n//     { label: 'Client Feedback' },\r\n//     { label: 'Hired' },\r\n//   ];\r\n\r\n//   const Toglebutton = (index) => {\r\n//     settogglebtn(index)\r\n//   }\r\n//   const loadCategory = () => {\r\n//     try {\r\n//       getMethod(`SMCourse/V2/Coursecategory/`)\r\n//         .then((data) => {\r\n//           if (data?.IsSuccess) {\r\n//             setCategories(data.Data);\r\n//             loadCourses(data.Data[0]?.Id);\r\n//           }\r\n//         })\r\n//         .catch(error => {\r\n//           codeError(error);\r\n//         });\r\n//     } catch (error) {\r\n//       console.log(error);\r\n//     }\r\n//   };\r\n\r\n//   const loadCourses = (vtype) => {\r\n//     try {\r\n//       getMethod(`SMCourse/V2/ClientCourseWithoutToken/${ClientId}/${vtype}`)\r\n//         .then((data) => {\r\n//           if (data?.IsSuccess) {\r\n//             setImagesData(data.Data);\r\n//           }\r\n//         })\r\n//         .catch(error => {\r\n//           codeError(error);\r\n//         });\r\n//     } catch (error) {\r\n//       console.log(error);\r\n//     }\r\n//   };\r\n\r\n//   const { hash } = useLocation();\r\n//   useEffect(() => {\r\n//     if (hash) {\r\n//       const element = document.querySelector(hash);\r\n//       if (element) {\r\n//         element.scrollIntoView({ behavior: 'smooth' });\r\n//       }\r\n//     }\r\n//   }, [hash]);\r\n\r\n//   useEffect(() => {\r\n//     loadCategory();\r\n\r\n//     // Set a timer to reveal each step one by one\r\n//     const timer = setInterval(() => {\r\n//       setVisibleStep((prev) => {\r\n//         if (prev < 6) return prev + 1; // Increment the step, max 6 for 7 steps\r\n//         clearInterval(timer); // Clear timer when max is reached\r\n//         return prev;\r\n//       });\r\n//     }, 1000); // Change delay here for timing between steps\r\n\r\n//     return () => clearInterval(timer); // Cleanup on unmount\r\n//   }, []);\r\n\r\n//   return (\r\n//     <div className=\"container-fluid  p-0 m-0\"\r\n//     style={{\r\n//       backgroundImage: `url(${wave7})`,\r\n//       backgroundSize: 'cover',\r\n//       backgroundPosition : \"top left\",\r\n//       backgroundRepeat: 'no-repeat',\r\n\r\n//       position: 'relative'\r\n//       // position: 'relative'\r\n//     }}\r\n//       id=\"coursesWeOffer\"\r\n//     >\r\n\r\n\r\n//       <div className=\" d-md-block d-none\" style={{ height: 98,  }}></div>\r\n//       <div className=\"w-100  d-md-block d-none\">\r\n//       {/* <div className=\" d-sm-block d-none\" style={{ height: 160,  }}></div> */}\r\n\r\n//         <h1 className=\"text-center  \">\r\n//           <span style={{ color: '#160A54', fontSize : '3.2rem', fontWeight : \"bold\",lineHeight:\"1.4\",  fontFamily: \"Barlow, sans-serif\"}}>Learn More About\r\n//             <br /> Our <span style={{ color: '#04642D' }}>Working Process</span></span>\r\n//         </h1>\r\n//       </div>\r\n//       <div className=\" d-sm-block d-none\" style={{ height: 88,}}></div>\r\n\r\n//       <StepperWrapper>\r\n//         <StepperContainer>\r\n//           {steps.map((step, index) => (\r\n//             <Step key={index} visible={index <= visibleStep}>\r\n//               <StepNumber style={{ fontFamily: \"Open Sans, sans-serif\",    }}>{index + 1}</StepNumber>\r\n//               {index < 6 && <StepLine />} {/* Draw line only if not the last step */}\r\n//             </Step>\r\n//           ))}\r\n//         </StepperContainer>\r\n\r\n//         <StepLabelsContainer>\r\n//           {steps.map((step, index) => (\r\n//             <StepLabel key={index} visible={index <= visibleStep} style={{ fontFamily: \"Open Sans, sans-serif\" ,}}>\r\n//               {step.label}\r\n//             </StepLabel>\r\n//           ))}\r\n//         </StepLabelsContainer>\r\n//       </StepperWrapper>\r\n//       <div className=\" d-sm-block d-none\" style={{ height: 160, width: 20 }}></div>\r\n//       <div className=\"row mt-sm-0 mt-5 justify-content-center pb-5\" >\r\n//         <div className=\" d-flex\" style={{ border: \"3px solid rgba(22, 10, 84, 1)\", padding: \"10px 20px\", borderRadius: 50 }}>\r\n//           <div className=\"\">\r\n//             <button className={`${togglebtn == 1 ? 'togglebtn font20' : 'font20'}`} style={{ border: \"none\", outline: 'none', borderRadius: 25, padding: '10px 20px', background: \"transparent\" ,fontFamily: \"Open Sans, sans-serif\" }} onClick={() => Toglebutton(1)}>For Client</button>\r\n//           </div>\r\n//           <div className=\"\" >\r\n//             <button className={`${togglebtn == 2 ? 'togglebtn font20' : 'font20'}`} style={{   border: \"none\", outline: 'none', borderRadius: 25, padding: '10px 20px', background: \"transparent\", fontFamily: \"Open Sans, sans-serif\" }} onClick={() => Toglebutton(2)}>For Candidate</button>\r\n//           </div>\r\n//         </div>\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// }\r\n// const StepperWrapper = styled.div`\r\n//   width: 100%; /* Full width for consistent alignment */\r\n//   display: flex;\r\n//   flex-direction: column; /* Ensure labels are below the stepper */\r\n//   align-items: center; /* Center align steps and labels */\r\n//   margin-top: 30px; /* Space above the stepper */\r\n\r\n//   @media (max-width: 768px) {\r\n//     /* When the screen width is less than 768px */\r\n//     align-items: flex-start; /* Align items to the start */\r\n//   }\r\n\r\n\r\n\r\n// `;\r\n\r\n// const StepLabelsContainer = styled.div`\r\n//   display: flex;\r\n//   justify-content: center; /* Center labels */\r\n//   margin-top: 0; /* Remove extra space */\r\n\r\n//   @media (max-width: 768px) {\r\n//     flex-direction: column; /* Stack labels vertically */\r\n//     align-items: center; /* Center align labels */\r\n//     margin-top: 10px; /* Add some margin */\r\n//   }\r\n// `;\r\n\r\n// const StepperContainer = styled.div`\r\n//   color: #D5D0EF;\r\n//   display: flex;\r\n//   justify-content: center;\r\n//   align-items: center; /* Center vertically */\r\n\r\n//   @media (max-width: 768px) {\r\n//     flex-direction: column; /* Change to vertical layout */\r\n//     align-items: flex-start; /* Align steps to the start */\r\n//     margin-top: 20px; /* Add some spacing */\r\n//   }\r\n\r\n//   @media (max-width: 1280px) {\r\n//     width: 58px; \r\n//     height: 80px;\r\n//   }\r\n// `;\r\n\r\n// const Step = styled.div`\r\n//   display: flex;\r\n//   flex-direction: column;\r\n//   color: #160A54;\r\n//   align-items: center;\r\n\r\n//   position: relative;\r\n//   margin-top :0px;\r\n//   margin-bottom :0px;\r\n//   margin-left: 63px ;\r\n//   margin-right :40px;\r\n//   // margin: 0 49px; /* Space between circles */\r\n//   padding: 20px 0; /* Adjust padding to give enough space */\r\n//   opacity: ${({ visible }) => (visible ? 1 : 0)}; /* Control visibility */\r\n//   transition: opacity 0.5s ease-in-out; /* Animate opacity */\r\n\r\n//   @media (max-width: 768px) {\r\n//     margin: 10px 0; /* Space between steps in vertical layout */\r\n//   }\r\n//   @media (max-width: 1280px) {\r\n//     width: 58px; \r\n//     height: 80px;\r\n\r\n//   }\r\n\r\n// `;\r\n\r\n// const StepNumber = styled.div`\r\n//   width: 79px;\r\n//   color: #160A54;\r\n//   height: 80px;\r\n//   background-color: #D5D0EF; /* Fixed the syntax here */\r\n\r\n//   border: 2px solid #160A54; /* Border color */\r\n//   border-radius: 50%;\r\n//   display: flex;\r\n//   align-items: center;\r\n//   justify-content: center;\r\n//   font-size: 32px;\r\n//     @media (max-width: 1280px) {\r\n//     width: 58px; \r\n//   height: 80px;\r\n//   }\r\n// `;\r\n\r\n// const StepLine = styled.div`\r\n//   width: 110px; /* Adjust width as needed */\r\n//   height: 3px; /* Line thickness */\r\n//   background-color: #160A54; /* Line color */\r\n//   position: absolute;\r\n//   top: 50%; /* Aligns the line to the middle of the step */\r\n//   left: 100%; /* Aligns the line to the right of the circle */\r\n//   margin-left: -3px; /* Adjust this to bring the line closer to the circle */\r\n//   transform: translateY(-50%); /* Center the line vertically */\r\n\r\n//   @media (max-width: 768px) {\r\n//     display: none; /* Hide lines in vertical layout */\r\n//   }\r\n//   @media (max-width: 1280px) {\r\n//     width: 80px; \r\n\r\n//   }\r\n// `;\r\n\r\n// const StepLabel = styled.div`\r\n//   width: 155px;\r\n//   margin-left: 28px;\r\n//   // margin: 0 22px; \r\n//   text-align: center; /* Center the label */\r\n//   font-size: 16px; /* Adjust font size as needed */\r\n//   color: #160A54; /* Label color */\r\n//   opacity: ${({ visible }) => (visible ? 1 : 0)}; /* Control visibility */\r\n//   transition: opacity 0.5s ease-in-out; /* Animate opacity */\r\n\r\n//   @media (max-width: 768px) {\r\n//     margin: 5px 0; /* Adjust margin for vertical layout */\r\n//   }\r\n//       @media (max-width: 1280px) {\r\n//     width: 140px;\r\n//     // margin-left: 24px;\r\n//   }\r\n// `;\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\n// import style from \"./../../../src/style/index.css\";  \r\nimport offerbg from '../../assets/offerbg.png';\r\nimport { getMethod, codeError, ClientId } from \"../../utils/services\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport wave6 from '../../assets/WhatWeDo/wave6.png';\r\nimport wave7 from '../../assets/WhatWeDo/wave7.png';\r\n\r\nexport default function Stepper() {\r\n  const [ImagesData, setImagesData] = useState([]);\r\n  const [Categories, setCategories] = useState([]);\r\n  const [visibleStep, setVisibleStep] = useState(0);\r\n  const [togglebtn, settogglebtn] = useState(1);\r\n\r\n  // Define two sets of step labels for each mode\r\n  const candidateSteps = [\r\n    'Client & Team Discussion',\r\n    'Talent Sourcing & Screening',\r\n    'Candidate Shortlisting',\r\n    'Client Review Shortlisted candidates',\r\n    'Client Interviews Candidates',\r\n    'Client Feedback',\r\n    'Hired',\r\n  ];\r\n\r\n  const clientSteps = [\r\n    'Candidate Approaches TE',\r\n    'Candidate Application Review',\r\n    'Preliminary Interview',\r\n    'Skills Assessment & Testing',\r\n    'Client Interview Preparation',\r\n    'Client’s Interview & Review',\r\n    'Hired',\r\n  ];\r\n\r\n  // Choose steps based on togglebtn value\r\n  const steps = togglebtn === 1 ? clientSteps : candidateSteps;\r\n\r\n  // const {stepper_button,stepper_button_client,font30x}=style\r\n\r\n\r\n  const Toglebutton = (index) => {\r\n    settogglebtn(index);\r\n    setVisibleStep(0); // Reset the visible step to start from the beginning\r\n  };\r\n\r\n  const loadCategory = () => {\r\n    try {\r\n      getMethod(`SMCourse/V2/Coursecategory/`)\r\n        .then((data) => {\r\n          if (data?.IsSuccess) {\r\n            setCategories(data.Data);\r\n            loadCourses(data.Data[0]?.Id);\r\n          }\r\n        })\r\n        .catch(error => codeError(error));\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n  };\r\n\r\n  const loadCourses = (vtype) => {\r\n    try {\r\n      getMethod(`SMCourse/V2/ClientCourseWithoutToken/${ClientId}/${vtype}`)\r\n        .then((data) => {\r\n          if (data?.IsSuccess) {\r\n            setImagesData(data.Data);\r\n          }\r\n        })\r\n        .catch(error => codeError(error));\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n  };\r\n\r\n  const { hash } = useLocation();\r\n  useEffect(() => {\r\n    if (hash) {\r\n      const element = document.querySelector(hash);\r\n      if (element) {\r\n        element.scrollIntoView({ behavior: 'smooth' });\r\n      }\r\n    }\r\n  }, [hash]);\r\n\r\n  useEffect(() => {\r\n    loadCategory();\r\n    const timer = setInterval(() => {\r\n      setVisibleStep((prev) => {\r\n        if (prev < steps.length - 1) return prev + 1;\r\n        clearInterval(timer);\r\n        return prev;\r\n      });\r\n    }, 1000);\r\n    return () => clearInterval(timer);\r\n  }, [togglebtn]); // Rerun interval when togglebtn changes\r\n\r\n  return (\r\n    <div\r\n      className=\"container-fluid p-0 m-0\"\r\n      style={{\r\n        backgroundImage: `url(${wave7})`,\r\n        backgroundSize: 'cover',\r\n        backgroundPosition: \"center top \",\r\n        backgroundRepeat: 'no-repeat',\r\n        position: 'relative'\r\n      }}\r\n      id=\"coursesWeOffer\"\r\n    >\r\n      <div className=\" d-md-block d-none\" style={{ height: 50 }}></div>\r\n      <div className=\"w-100 d-md-block d-none\" style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '200px', width: '643px' }}>\r\n        <h1\r\n          className=\"text-center\"\r\n          style={{\r\n            padding: \"0 10px\", // Adds slight padding for small screens\r\n            color: \"#160A54\",\r\n            fontWeight: \"bold\",\r\n            lineHeight: \"1.4\",\r\n            fontFamily: \"Barlow, sans-serif\",\r\n          }}\r\n        >\r\n          <span\r\n            style={{\r\n              fontSize: \"3vw\", // Adjusts based on screen width\r\n            }}\r\n          >\r\n            Learn More About\r\n            <br /> Our&nbsp;\r\n            <span\r\n              style={{\r\n                fontSize: \"4vw\", // Adjusts dynamically for bigger impact\r\n                color: \"#04642D\",\r\n              }}\r\n            >\r\n              Working Process\r\n            </span>\r\n          </span>\r\n        </h1>\r\n      </div>\r\n\r\n      {/* <div className=\"d-sm-block d-none\" style={{ height: 75 }}></div> */}\r\n\r\n      <div className=\"d-sm-block d-none\"></div>\r\n      <StepperWrapper>\r\n        <StepperContainer>\r\n          {steps.map((step, index) => (\r\n            <Step key={index} visible={index <= visibleStep}>\r\n              <StepNumber>{index + 1}</StepNumber>\r\n              {index < steps.length - 1 && <StepLine />}\r\n            </Step>\r\n          ))}\r\n        </StepperContainer>\r\n\r\n        <StepLabelsContainer>\r\n          {steps.map((step, index) => (\r\n            <StepLabel key={index} visible={index <= visibleStep}>\r\n              {step}\r\n            </StepLabel>\r\n          ))}\r\n        </StepLabelsContainer>\r\n      </StepperWrapper>\r\n      <div className=\" d-sm-block d-none\" style={{ height: 50 }}></div>\r\n      {/* <div className=\"row mt-sm-0 mt-5 justify-content-center \">\r\n        <div className=\"d-flex\" style={{\r\n          border: \"3px solid rgba(22, 10, 84, 1)\", backgroundColor: \"rgba(22, 10, 84, 0.1)\", // Lighter background\r\n          padding: \"10px 20px\", borderRadius: 50\r\n        }}>\r\n          <button\r\n            className={`${togglebtn === 1 ? 'togglebtn font21' : 'font21'}`}\r\n            style={{ fontFamily: \"Barlow,sans-serif\", border: \"none\", outline: 'none', borderRadius: 25, padding: '10px 20px', background: \"transparent\" }}\r\n            onClick={() => Toglebutton(1)}\r\n          >\r\n            For Client\r\n          </button>\r\n          <button\r\n            className={`${togglebtn === 2 ? 'togglebtn font21' : 'font21'}`}\r\n            style={{ fontFamily: \"Barlow,sans-serif\", border: \"none\", outline: 'none', borderRadius: 25, padding: '10px 20px', background: \"transparent\" }}\r\n            onClick={() => Toglebutton(2)}\r\n          >\r\n            For Candidate\r\n          </button>\r\n        </div>\r\n      </div> */}\r\n      <div className=\"row mt-sm-0 mt-5 justify-content-center \">\r\n        <div className={`d-flex `} style={{\r\n          border: \"3px solid rgba(22, 10, 84, 1)\", backgroundColor: \"rgba(22, 10, 84, 0.1)\", // Lighter background\r\n          // padding: \"18px 10px\", \r\n          paddingTop: \"15px\",\r\n          paddingLeft: \"30px\",\r\n          paddingBottom: \"17px\",\r\n          paddingRight: '14px',\r\n          borderRadius: 177\r\n        }}>\r\n          <button\r\n            className={` ${togglebtn === 1 ? 'togglebtn font30x' : 'font30x'}`}\r\n            style={{\r\n              fontFamily: \"Open Sans,sans-serif\",\r\n              border: \"none\", outline: 'none', borderRadius: 177,\r\n              // padding: '10px 30px',\r\n              paddingTop: \"8px\",\r\n              paddingLeft: \"21px\",\r\n              paddingBottom: \"8px\",\r\n              paddingRight: '20px',\r\n              background: \"transparent\"\r\n            }}\r\n            onClick={() => Toglebutton(1)}\r\n          >\r\n            For Client\r\n          </button>\r\n          <button\r\n            className={` ${togglebtn === 2 ? 'togglebtn font30x' : 'font30x'}`}\r\n            style={{\r\n              fontFamily: \"Barlow,sans-serif\",\r\n              border: \"none\", outline: 'none', borderRadius: 177,\r\n              //  padding: '10px 25px',\r\n              paddingTop: \"12px\",\r\n              paddingLeft: \"18px\",\r\n              paddingBottom: \"12px\",\r\n              paddingRight: '13px',\r\n              background: \"transparent\"\r\n            }}\r\n            onClick={() => Toglebutton(2)}\r\n          >\r\n            For Candidate\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div className=\" d-sm-block d-none\" style={{ height: 20, }}></div>\r\n\r\n    </div>\r\n  );\r\n}\r\nconst StepperWrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-top: 30px;\r\n\r\n  @media (max-width: 1920px) {\r\n    margin-top: 40px;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    align-items: flex-start;\r\n    padding: 0 10px;\r\n  }\r\n`;\r\n\r\nconst StepLabelsContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-wrap: wrap; /* Allow wrapping for smaller resolutions */\r\n  margin-top: 10px;\r\n\r\n  @media (max-width: 1920px) {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    flex-direction: row;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-top: 10px;\r\n  }\r\n`;\r\n\r\nconst StepperContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  @media (max-width: 1920px) {\r\n    flex-direction: row;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    flex-direction: row;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-top: 20px;\r\n  }\r\n`;\r\n\r\nconst Step = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  position: relative;\r\n  margin: 0 2rem;\r\n  padding: 1rem 0;\r\n  opacity: ${({ visible }) => (visible ? 1 : 0)};\r\n  transition: opacity 0.5s ease-in-out;\r\n\r\n  @media (max-width: 1920px) {\r\n    margin: 0 2.5rem;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    margin: 0 1.5rem;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    margin: 1rem 0;\r\n  }\r\n`;\r\n\r\nconst StepNumber = styled.div`\r\n  width: 4rem;\r\n  height: 4rem;\r\n  background-color: #d5d0ef;\r\n  border: 3px solid #160a54;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.5rem;\r\n  font-weight: bold;\r\n  color: #160a54;\r\n\r\n @media (min-width: 1600px) and (max-width: 1920px) {\r\n    width: 9rem;\r\n    height: 8.5rem;\r\n    font-size: 2rem;\r\n  }\r\n@media (min-width: 1300px) and (max-width: 1440px) {\r\n    width: 5rem;\r\n    height: 5rem;\r\n    font-size: 1.5rem;\r\n  }\r\n  @media (max-width: 1280px) {\r\n    width: 6rem;\r\n    height: 6rem;\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    width: 3rem;\r\n    height: 3rem;\r\n    font-size: 1rem;\r\n  }\r\n`;\r\n\r\nconst StepLine = styled.div`\r\n  width: 110px;\r\n  height: 3px;\r\n  background-color: #160a54;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 100%;\r\n  transform: translateY(-50%);\r\n  margin-left: -3px;\r\n\r\n @media (min-width: 1600px) and (max-width: 1920px) {\r\n    width: 150px;\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    width: 100px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst StepLabel = styled.div`\r\n  width: 155px;\r\n  height: auto;\r\n  margin: 10px 0;\r\n  text-align: center;\r\n  font-size: 14px !important;\r\n  color: #160a54;\r\n  opacity: ${({ visible }) => (visible ? 1 : 0)};\r\n  transition: opacity 0.5s ease-in-out;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-weight: 600;\r\n\r\n  @media (min-width: 1600px) and (max-width: 1920px) {\r\n  font-size: 1.1rem !important;\r\n  width: 220px;\r\n}\r\n  \r\n  @media (min-width: 1300px) and (max-width: 1440px) {\r\n  font-size: .801rem !important;\r\n  width: 160px !important;\r\n}\r\n\r\n\r\n  @media (max-width: 1280px) {\r\n    font-size: 18px;\r\n    width: 150px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    font-size: 14px;\r\n    width: auto;\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/hero1.0743ceef.png\";","export default __webpack_public_path__ + \"static/media/hero2.1cb36d4c.png\";","export default __webpack_public_path__ + \"static/media/hero1.17f6c44f.svg\";","export default __webpack_public_path__ + \"static/media/hero2.00778998.svg\";","export default __webpack_public_path__ + \"static/media/hero3.cb80f097.svg\";","export default __webpack_public_path__ + \"static/media/hero4.55dbff01.svg\";","export default __webpack_public_path__ + \"static/media/arrow_down.855267f1.svg\";","export default __webpack_public_path__ + \"static/media/arrow_up.7b5df8fd.svg\";","export default __webpack_public_path__ + \"static/media/hero.9114722b.png\";","// import React, { useState } from \"react\";\r\n// import { useNavigate } from \"react-router-dom\";\r\n// import cardImage1 from \"../../../assets/hero/hero1.png\";\r\n// import cardImage2 from \"../../../assets/hero/hero2.png\";\r\n// import svg1 from \"../../../assets/hero/hero1.svg\";\r\n// import svg2 from \"../../../assets/hero/hero2.svg\";\r\n// import svg3 from \"../../../assets/hero/hero3.svg\";\r\n// import svg4 from \"../../../assets/hero/hero4.svg\";\r\n// import arrow_down from \"../../../assets/hero/arrow/arrow_down.svg\";\r\n// import arrow_up from \"../../../assets/hero/arrow/arrow_up.svg\";\r\n// import hero from \"../../../assets/WhatWeDo/hero.png\";\r\n// import \"./style.module.css\";\r\n\r\n// const Hero = () => {\r\n//   const [activeCards, setActiveCards] = useState([false, false, false, false]);\r\n//   const [hoveredCard, setHoveredCard] = useState(null);\r\n//   const [hoveredReadMore, setHoveredReadMore] = useState(null);\r\n\r\n//   const cardData = [\r\n//     {\r\n//       src: cardImage1,\r\n//       svgpicture: svg1,\r\n//       title: \"Suite Placement Services\",\r\n//       longText:\r\n//         \"We connect you with top-tier<br/> executives who drive strategic<br/> growth.Our focus is on finding<br/> leadership that\",\r\n//     },\r\n//     {\r\n//       src: cardImage1,\r\n//       svgpicture: svg2,\r\n//       title: \"Learning & Development\",\r\n//       longText:\r\n//         \"We offer tailored training programs<br/> to enhance employee skills and foster professional growth. Empower your<br/> teams to achieve their full potential\",\r\n//     },\r\n//     {\r\n//       src: cardImage2,\r\n//       svgpicture: svg3,\r\n//       title: \"Recruitment Search\",\r\n//       longText:\r\n//         \"Our recruitment experts find the<br/> right talent to meet your business<br/> needs. We ensure a seamless<br/> process from sourcing\",\r\n//     },\r\n//     {\r\n//       src: cardImage1,\r\n//       svgpicture: svg4,\r\n//       title: \"Staff Outsourcing\",\r\n//       longText:\r\n//         \"We provide flexible staffing solutions<br/> to manage your workforce efficiently. From temporary to permanent, we<br/> ensure the right fit for your organization\",\r\n//     },\r\n//   ];\r\n\r\n//   const handleExpandClick = (index) => {\r\n//     setActiveCards((prev) => {\r\n//       const updated = [...prev];\r\n//       updated[index] = !updated[index];\r\n//       return updated;\r\n//     });\r\n//   };\r\n\r\n//   return (\r\n//     <div\r\n//       className=\"hero-container mx-sm-3 pl-4 pr-4 pb-5\"\r\n//       style={{ backgroundImage: `url(${hero})` }}\r\n//     >\r\n//       <div className=\"row\" style={{ paddingLeft: \"10px\" }}>\r\n//         <div className=\"col-12 pl-sm-5 col-md-6 d-flex mt-3 pt-4 text-start align-items-center\">\r\n//           <div className=\"row pl-sm-4\">\r\n//             <h1 className=\"hero-title\">Our Services</h1>\r\n//             <h1 className=\"hero-subtitle\">\r\n//               Complete Workforce Solutions: Hire, Vet, and Grow\r\n//             </h1>\r\n//           </div>\r\n//         </div>\r\n//         <div className=\"col-12 col-md-6 py-sm-3 mt-sm-5 pl-sm-4 d-flex justify-content-center align-items-start\">\r\n//           <p className=\"hero-description\">\r\n//             Our dedication is to cultivate strategic human acumen,<br />\r\n//             nurturing professional competence to unlock individual potential.\r\n//           </p>\r\n//         </div>\r\n//       </div>\r\n\r\n//       <div className=\"row pt-sm-4 d-flex justify-content-center pt-lg-5 mt-lg-2\">\r\n//         {cardData.map((card, index) => (\r\n//           <div\r\n//             key={index}\r\n//             className=\"col-lg-3 col-md-4 col-sm-6 col-12 mt-5 pt-sm-1 d-flex justify-content-center\"\r\n//             onMouseEnter={() => setHoveredCard(index)}\r\n//             onMouseLeave={() => setHoveredCard(null)}\r\n//           >\r\n//             <div\r\n//               className={`hero-card ${\r\n//                 activeCards[index] ? \"expanded\" : \"\"\r\n//               }`}\r\n//             >\r\n//               <img\r\n//                 className=\"hero-card-img\"\r\n//                 src={card.src}\r\n//                 alt={card.title}\r\n//               />\r\n//               <div\r\n//                 className={`hero-card-svg-container ${\r\n//                   hoveredCard === index || activeCards[index] ? \"active\" : \"\"\r\n//                 }`}\r\n//               >\r\n//                 <img\r\n//                   src={card.svgpicture}\r\n//                   alt=\"Services Icon\"\r\n//                   className={`hero-card-svg ${\r\n//                     hoveredCard === index || activeCards[index] ? \"active\" : \"\"\r\n//                   }`}\r\n//                 />\r\n//               </div>\r\n\r\n//               <div className=\"hero-card-body\">\r\n//                 <h5 className=\"hero-card-title\">{card.title}</h5>\r\n\r\n//                 <div\r\n//                   className={`hero-card-desc ${\r\n//                     activeCards[index] ? \"expanded\" : \"\"\r\n//                   }`}\r\n//                 >\r\n//                   <div\r\n//                     dangerouslySetInnerHTML={{ __html: card.longText }}\r\n//                   />\r\n//                 </div>\r\n\r\n//                 <div\r\n//                   className=\"hero-card-read-more\"\r\n//                   onClick={() => handleExpandClick(index)}\r\n//                   onMouseEnter={() =>\r\n//                     !activeCards[index] && setHoveredReadMore(index)\r\n//                   }\r\n//                   onMouseLeave={() => setHoveredReadMore(null)}\r\n//                 >\r\n//                   <p\r\n//                     className={`hero-card-read-more-text ${\r\n//                       activeCards[index] || hoveredReadMore === index\r\n//                         ? \"active\"\r\n//                         : \"\"\r\n//                     }`}\r\n//                   >\r\n//                     {activeCards[index] ? \"READ LESS \" : \"READ MORE \"}\r\n//                     <span>\r\n//                       {activeCards[index] ? (\r\n//                         <img\r\n//                           className=\"hero-card-arrow up\"\r\n//                           src={arrow_up}\r\n//                           alt=\"Arrow Up\"\r\n//                         />\r\n//                       ) : (\r\n//                         <img\r\n//                           className=\"hero-card-arrow down\"\r\n//                           src={arrow_down}\r\n//                           alt=\"Arrow Down\"\r\n//                         />\r\n//                       )}\r\n//                     </span>\r\n//                   </p>\r\n//                 </div>\r\n//               </div>\r\n//             </div>\r\n//           </div>\r\n//         ))}\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default Hero;\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport cardImage1 from \"../../../assets/hero/hero1.png\";\r\nimport cardImage2 from \"../../../assets/hero/hero2.png\";\r\nimport svg1 from \"../../../assets/hero/hero1.svg\";\r\nimport svg2 from \"../../../assets/hero/hero2.svg\";\r\nimport svg3 from \"../../../assets/hero/hero3.svg\";\r\nimport svg4 from \"../../../assets/hero/hero4.svg\";\r\nimport arrow_down from \"../../../assets/hero/arrow/arrow_down.svg\";\r\nimport arrow_up from \"../../../assets/hero/arrow/arrow_up.svg\";\r\nimport hero from '../../../assets/WhatWeDo/hero.png';\r\nimport style from \"./style.module.css\";\r\nimport { Subtitles } from \"@mui/icons-material\";\r\n\r\nconst Hero = () => {\r\n  const { custom_container, bg_purple, slide_in, title, Subtitle,custom_row, description, card_read, arrow_img,div_description, Read_more, custom_card, customn_padding, custom_svg, custom_svgcard, card_title, card_desc, collapsed, expanded ,read_expand,read_collapsed,custom_title_padding} = style;\r\n  const [hoveredReadMore, setHoveredReadMore] = useState(null);\r\n  const [innerHeight, setInnerHeight] = useState(window.innerHeight);\r\n  const [height, setHight] = useState('');\r\n\r\n  const navigate = useNavigate();\r\n  const [activeCards, setActiveCards] = useState([false, false, false, false]); // Track each card's expanded state\r\n  const [hoveredCard, setHoveredCard] = useState(null); // Track the hovered card for background change\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      setInnerHeight(window.innerHeight);\r\n    };\r\n    setHight(innerHeight - 301);\r\n    // Add the resize event listener\r\n    window.addEventListener(\"resize\", handleResize);\r\n    console.log(innerHeight)\r\n\r\n    // Cleanup the listener on component unmount\r\n    return () => {\r\n      window.removeEventListener(\"resize\", handleResize);\r\n\r\n    };\r\n  }, [window.innerHeight]);\r\n  const cardData = [ \r\n    { src: cardImage1, svgpicture: svg1, title: \"Recruitment\", longText: \"Connect with the best talent to lead <br/> your team quickly and seamlessly Our <br/> tailored recruitment process ensures <br/> the right match between candidates and roles\" },\r\n    { src: cardImage1, svgpicture: svg4, title: \"C-Level Placement\", longText: \" We offer top-tier hiring services for<br/> leadership and decision-making roles,<br/> helping organizations build strong, inclusive, and visionary teams\" },\r\n    { src: cardImage1, svgpicture: svg2, title: \"Learning & Development\", longText: \"Customized training programs for employee development to unlock <br/> potential at every  level of<br/> your organization.\" },\r\n    { src: cardImage2, svgpicture: svg3, title: \"HR Compliance & Payroll Processing\", longText: \" Simplify your business operations with <br/> our efficient HR compliance. We handle <br/> the focus on  growing your business.\" },\r\n    // { src: cardImage1, svgpicture: svg4, title: \"Business Consulting\", longText: \"We focus on optimizing operations,<br/> enhancing unit economics, and helping you create a sustainable and<br/> profitable business model\" },\r\n  ];\r\n\r\n  const handleExpandClick = (index) => {\r\n    setActiveCards(prev => {\r\n      const updated = [...prev];  \r\n      updated[index] = !updated[index]; // Toggle the specific card\r\n      return updated;\r\n    });\r\n  };\r\n  // const handleExpandClick = (index) => {\r\n  //   setActiveCards((prev) =>\r\n  //     prev.map((isActive, i) => (i === index ? !isActive : false)) // Toggle the clicked card, collapse others\r\n  //   );\r\n  // };\r\n\r\n  return (\r\n    <div className={`mx-sm-3 pl-4  pr-4 ${bg_purple} ${custom_container} pb-5`}\r\n      style={{\r\n        backgroundImage: `url(${hero})`,\r\n        backgroundSize: 'cover',\r\n        backgroundPosition: 'top center',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundColor: \"#F8F8F4\",\r\n        borderRadius: \"0 0 30px 30px\",\r\n        position: \"relative\",\r\n        zIndex: 1,\r\n        boxSizing: 'border-box'\r\n      }}\r\n    >\r\n      <div className=\"row \" style={{ paddingLeft: \"10px\" }}>\r\n        <div className={`col-12 pl-sm-5 col-md-6 d-flex mt-3 pt-4 text-start  text-md-left align-items-center ${custom_title_padding} `}>\r\n          <div className={`row pl-sm-4  ${custom_row}`}>\r\n            <h1 className={`orange-color  ml-sm-2 ml-lg-4 pl-lg-3 ${slide_in} ${title}`} style={{\r\n\r\n            }}>\r\n              Our Services\r\n            </h1>\r\n            <h1 className={`my-2 my-lg-0 pt-lg-0   ml-sm-2 ml-lg-4 pl-lg-3 ${slide_in} pt-sm-3 text-start text-lg-start ${Subtitle}`}>\r\n              Transform Your Dreams: <span className=\"hover_green\" >Connect</span>, <span className=\"hover_green\">Empower</span> and <span className=\"hover_green\">Thrive</span>\r\n            </h1>\r\n          </div>\r\n        </div>\r\n        <div className={`col-12 col-md-6 py-sm-3 p-0 mt-sm-5 pl-sm-4 d-flex justify-content-center align-items-start ${div_description}`}>\r\n          <p className={`text-sm-center ${slide_in} ${description} `} style={{\r\n\r\n          }}>\r\n             Our goal is to empower both businesses and employees to reach their full potential. As a women-led initiative, we are passionate about diversity and innovation and we aim to collaborate with a wide range of organizations- from government & semi-government entities to SME’s, high growth startups, and consultancies. We are here to help you drive success, foster lasting connections, and lead the way in the future of work.\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"row pt-sm-4 d-flex justify-content-center pt-lg-5 mt-lg-2\">\r\n        {cardData.map((card, index) => (\r\n          <div key={index}\r\n            className={`col-lg-3  col-md-3 col-sm-6 col-12 mt-5 pt-sm-1 pt-lg-2 \r\n            d-flex justify-content-center ${customn_padding}`}\r\n            onMouseEnter={() => setHoveredCard(index)}\r\n            onMouseLeave={() => setHoveredCard(null)}\r\n          >\r\n            {/* <div\r\n             className={`hero-card ${\r\n                activeCards[index] ? \"expanded\" : \"\"\r\n              }`}\r\n           > */}\r\n            <div\r\n              className={`card ${custom_card} ${activeCards[index] ? expanded : collapsed\r\n                }`}\r\n            \r\n            >\r\n              {/* <div className={`card custom_card `}\r\n              style={{\r\n                width: \"400px\",\r\n                overflow: \"hidden\",\r\n                backgroundColor: \"#F8F8F4\",\r\n                position: \"relative\",\r\n                height: activeCards[index] ? `set_Height` : \"395px\",\r\n                transition: \"height 0.3s ease\",\r\n              }}\r\n            > */}\r\n              <img className=\"card-img-top\" src={card.src} alt={card.title} style={{ width: \"100%\" }} />\r\n              <div className={`${custom_svgcard}`}\r\n                style={{\r\n                  position: \"absolute\",\r\n                  backgroundColor: hoveredCard === index || activeCards[index] ? \"#7A490C\" : \"#FFFFFF\",\r\n                  display: \"flex\",\r\n                  justifyContent: \"center\",\r\n                  alignItems: \"center\",\r\n                  boxShadow: \"0px 4px 4px rgba(0, 0, 0, 0.25)\",\r\n                  border: hoveredCard === index || activeCards[index] ? \"2px solid #7A490C\" : \"none\",\r\n                }}>\r\n                <img src={card.svgpicture} alt=\"Services Icon\"\r\n                  className={`${custom_svg}`}\r\n                  style={{\r\n                    filter: hoveredCard === index || activeCards[index] ? \"brightness(0) invert(1)\" : \"none\",\r\n                  }} />\r\n              </div>\r\n\r\n              <div className=\"card-body p-0   pt-lg-0 pt-3\" style={{ backgroundColor: \"#efddc7\" }}>\r\n                <h5 className={`card-title mt-5 pt-2  text-center ${card_title}`} style={{\r\n                  fontFamily: \"Montreal Medium,inherit\",\r\n                  // fontStyle:\"normal\"\r\n                }}>{card.title}</h5>\r\n\r\n                <div className={`card-text ml-1 pl-sm-4 pr-sm-4 pl-lg-2 pr-lg-1 mr-1 p-0 ${card_desc} ${activeCards[index] ? \"expanded\" : \"\"}`} style={{\r\n                  maxHeight: activeCards[index] ? \"112px\" : \"0\",\r\n\r\n                  overflow: \"hidden\",\r\n                  transition: \"max-height 0.3s ease\",\r\n\r\n                  textAlign: \"center\",\r\n\r\n                }}>\r\n                  {/* {card.longText} */}\r\n                  <div dangerouslySetInnerHTML={{ __html: card.longText }} />\r\n\r\n                </div>\r\n\r\n                <div className={`${card_read}`}\r\n                  style={{\r\n                    // position: \"absolute\",\r\n                    // bottom: \"0px\",\r\n                    // left: \"0\",\r\n                    // right: \"24px\",\r\n                    // cursor: \"pointer\",\r\n                    // display: \"flex\",\r\n                    // alignItems: \"end\",\r\n                    // justifyContent: \"end\",\r\n                  }}\r\n                  onClick={() => handleExpandClick(index)}\r\n                  onMouseEnter={() => !activeCards[index] && setHoveredReadMore(index)}\r\n                  onMouseLeave={() => setHoveredReadMore(null)}\r\n                >\r\n                  <p className={`${Read_more} ${activeCards[index] ? read_expand : read_collapsed}`} style={{\r\n                  \r\n                    color: activeCards[index] ? \"#7A490C\" : (hoveredReadMore === index ? \"#04642d\" : \"#7A490C\"),\r\n                    textUnderlineOffset: \"5px\",\r\n                    textDecoration: activeCards[index] || hoveredReadMore === index ? \"none\" : \"underline\",\r\n                  }}>\r\n\r\n                    {activeCards[index] ? \"READ LESS \" : \"READ MORE \"}{\" \"}\r\n                    <span style={{\r\n                      display: \"inline-block\",\r\n                      fontSize: \"1rem\",\r\n                      fontWeight: \"bold\",\r\n                      color: activeCards[index] ? \"#7A490C\" : (hoveredReadMore === index ? \"black\" : \"#7A490C\"),\r\n                      fontFamily: \"Montreal Medium, inherit\",\r\n                      transition: \"transform 0.3s ease\",\r\n                      textDecoration: activeCards[index] || hoveredReadMore === index ? \"none\" : \"underline\",\r\n                    }}>\r\n                      {activeCards[index] ? (\r\n                        <img\r\n                          className={`${arrow_img}`}\r\n                          src={arrow_up}\r\n                          alt=\"Arrow Up\"\r\n                          style={{\r\n                            width: \"11px\",\r\n                            transform: \"rotate(-5deg)\", // rotation for the up arrow\r\n                            transition: \"transform 0.3s ease\",\r\n                          }}\r\n                        />\r\n                      ) : (\r\n                        <img\r\n                          className={`${arrow_img}`}\r\n                          src={arrow_down}\r\n                          alt=\"Arrow Down\"\r\n                          style={{\r\n                            width: \"11px\",\r\n                            transform: \"rotate(5deg)\", // rotation for the down arrow\r\n                            transition: \"transform 0.3s ease\",\r\n                          }}\r\n                        />\r\n                      )}\r\n                    </span>\r\n                  </p>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Hero;\r\n","export default __webpack_public_path__ + \"static/media/wmap.67a55f9c.png\";","export default __webpack_public_path__ + \"static/media/FeduManLogo.7655476a.png\";","export default __webpack_public_path__ + \"static/media/GetitonIcon.404c96ab.png\";","export default __webpack_public_path__ + \"static/media/apple_playstore.a8da37c2.jpg\";","import React from 'react';\r\nimport style from \"./style.module.css\";\r\nimport footerlogo from \"../../../assets/footerlogo.png\";\r\nimport Minar from \"../../../assets/minar.png\";\r\nimport Map from \"../../../assets/map.png\";\r\nimport PhoneIcon from \"../../../assets/PhoneIcon.png\";\r\nimport pakistanIcon from \"../../../assets/pakistanIcon.png\";\r\nimport mosqueIcon from \"../../../assets/mosqueIcon.png\";\r\nimport wmap from \"../../../assets/wmap.png\";\r\nimport FedumanLogo from \"../../../assets/FeduManLogo.png\";\r\nimport GetitonIcon from '../../../assets/GetitonIcon.png';\r\nimport apple_playstore from \"../../../assets/apple_playstore.jpg\"\r\n\r\nconst Footer = () => {\r\n    const { footer_container, containerOne, containerOnePiece, containerTwo } = style;\r\n    const socialLinks = [{\r\n        platform: \"Facebook\",\r\n        link: \"https://www.facebook.com/share/DuezdWqvykpw5pyM/?mibextid=LQQJ4d\"\r\n    }\r\n        , {\r\n        platform: \"Youtube\",\r\n        link: \"https://youtu.be/pouatBcg9FA?si=5avikfgrnWtSHWyd\"\r\n    },\r\n    {\r\n        platform: \"Instagram\",\r\n        link: \"https://www.instagram.com/ashrei.tech?igsh=MXJueWVmbXh5M2l1YQ==\"\r\n    }\r\n        , {\r\n        platform: \"LinkedIn\",\r\n        link: \"https://www.linkedin.com/company/ashrei-tech/\"\r\n    },]\r\n\r\n    const linkOne = [\r\n        { name: \"Customer Support\", url: \"https://talentexpertz.com/#/Contact\" },\r\n        { name: \"Contact Us\", url: \"https://talentexpertz.com/#/Contact\" },\r\n        // { name: \"Terms & Conditions\", url: \"\" },\r\n        // { name: \"Privacy Policy\", url: \"\" }\r\n    ];\r\n    const linkTwo = [\r\n        { name: \"About Us\", url: \"https://talentexpertz.com/#/Aboutus\" },\r\n        { name: \"Services\", url: \"https://talentexpertz.com/#/Services\" },\r\n        { name: \"Career\", url: \"https://talentexpertz.com/#/Career\" },\r\n        { name: \"Blog\", url: \"https://talentexpertz.com/#/blog\" }\r\n    ];\r\n\r\n    return (\r\n        <div\r\n  className={`${footer_container} container-fluid px-3 px-md-3 px-lg-5 pt-0 pb-2`}\r\n  style={{ backgroundColor: \"#F8F8F4\" }}\r\n>\r\n  <div className=\"row px-0 py-0 pt-4\">\r\n    {/* Footer Logo */}\r\n    <div className=\"col-12 col-md-3 text-center text-md-left mb-4\">\r\n      <div className=\"mt-sm-3 p-0 pb-sm-4\">\r\n        <img src={footerlogo} alt=\"Talent Expert\" className=\"img-fluid\" />\r\n      </div>\r\n    </div>\r\n\r\n    {/* Links and Branches */}\r\n    <div className=\"col-12 col-md-9\">\r\n      <div className=\"row\">\r\n        {/* Help Links */}\r\n        <div className=\"col-12 col-md-3 mb-4\">\r\n          <ul>\r\n            <li className=\"mb-4 font20\" style={{ color: \"black\" }}>\r\n              Help\r\n            </li>\r\n            {linkOne.map((link, index) => (\r\n              <li key={index} className=\"pb-3\">\r\n                <a href={link.url} style={{ color: \"#160A54\" }}>\r\n                  {link.name}\r\n                </a>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n\r\n        {/* Resources Links */}\r\n        <div className=\"col-12 col-md-3 mb-4\">\r\n          <ul>\r\n            <li className=\"mb-4 font20\" style={{ color: \"black\" }}>\r\n              Resources\r\n            </li>\r\n            {linkTwo.map((link, index) => (\r\n              <li key={index} className=\"pb-3\">\r\n                <a href={link.url} style={{ color: \"#160A54\" }}>\r\n                  {link.name}\r\n                </a>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n\r\n        {/* Branches Section */}\r\n        <div\r\n          className=\"col-12 col-md-6 px-sm-5 px-md-0 mb-4\"\r\n          style={{\r\n            backgroundImage: `url(${wmap})`,\r\n            backgroundRepeat: \"no-repeat\",\r\n            backgroundSize: \"cover\",\r\n            backgroundPosition: \"top center\",\r\n          }}\r\n        >\r\n          <div className=\"row\">\r\n            <div className=\"col-12 mb-4 font20\" style={{ color: \"black\" }}>\r\n              <p>Our Branches</p>\r\n            </div>\r\n          </div>\r\n          <div className=\"row px-3\" style={{ color: \"#160A54\" }}>\r\n            {/* Branch 1 */}\r\n            <div className=\"col-12 col-md-6 mb-4\">\r\n              <div className=\"row align-items-baseline\">\r\n                <div className=\"col-10 font20\" style={{ color: \"#160A54\" }}>\r\n                  <p>1st Branch</p>\r\n                </div>\r\n              </div>\r\n              <div className=\"row my-3 align-items-baseline\">\r\n                <div className=\"col-12 font15\">\r\n                  <div style={{ color: \"#160A54\" }}>\r\n                    House No A-201 SMCHS Block A Karachi\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div className=\"col-12 font15\">\r\n                  <div style={{ color: \"#160A54\" }}>00971545341272</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Branch 2 */}\r\n            <div className=\"col-12 col-md-6 mb-4\">\r\n              <div className=\"row align-items-baseline\">\r\n                <div className=\"col-10 font20\">\r\n                  <p>2nd Branch</p>\r\n                </div>\r\n              </div>\r\n              <div className=\"row my-3 align-items-baseline\">\r\n                <div className=\"col-12 font15\">\r\n                  <div>\r\n                    NASTP Building, Main Shahrah-e-Faisal Rd, Karachi\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div className=\"col-12 font15\">\r\n                  <div>03334168870</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Newsletter Signup */}\r\n      <div className=\"row px-3 mt-5 mb-4\" style={{ color: \"#160A54\" }}>\r\n        <div className=\"col-12 col-md-3 text-center text-md-left p-0 pt-2 mb-3\">\r\n          <h5 style={{ color: \"#160A54\" }}>Newsletter Sign Up</h5>\r\n        </div>\r\n        <div className=\"col-12 col-md-7\">\r\n          <div\r\n            className=\"input-group mx-auto\"\r\n            style={{\r\n              maxWidth: \"100%\",\r\n              padding: 4,\r\n              border: \"1px solid #160A54\",\r\n              borderRadius: \"50px\",\r\n              overflow: \"hidden\",\r\n            }}\r\n          >\r\n            <input\r\n              type=\"email\"\r\n              className=\"form-control\"\r\n              placeholder=\"Enter your email here...\"\r\n              aria-label=\"Email\"\r\n              required\r\n              style={{\r\n                border: \"none\",\r\n                color: \"#160A54\",\r\n                fontSize: \"15px\",\r\n              }}\r\n            />\r\n            <button\r\n              className=\"btn\"\r\n              type=\"button\"\r\n              style={{\r\n                fontSize: \"11px\",\r\n                backgroundColor: \"#160A54\",\r\n                margin: \"5px\",\r\n                padding: \"4px 20px\",\r\n                color: \"white\",\r\n                borderRadius: \"50px\",\r\n              }}\r\n            >\r\n              Submit\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  {/* Footer Bottom */}\r\n  <hr className=\"px-5\" />\r\n  <div className=\"row justify-content-end\">\r\n    <div className=\"pr-4\">\r\n      <div className=\"row\" style={{ gap: 10 }}>\r\n        <div\r\n          className=\"\"\r\n          style={{\r\n            height: 28,\r\n            width: 28,\r\n            background: \"#160A54\",\r\n            borderRadius: \"50%\",\r\n          }}\r\n        ></div>\r\n        <div\r\n          className=\"\"\r\n          style={{\r\n            height: 28,\r\n            width: 28,\r\n            background: \"#160A54\",\r\n            borderRadius: \"50%\",\r\n          }}\r\n        ></div>\r\n        <div\r\n          className=\"\"\r\n          style={{\r\n            height: 28,\r\n            width: 28,\r\n            background: \"#160A54\",\r\n            borderRadius: \"50%\",\r\n          }}\r\n        ></div>\r\n        <div\r\n          className=\"\"\r\n          style={{\r\n            height: 28,\r\n            width: 28,\r\n            background: \"#160A54\",\r\n            borderRadius: \"50%\",\r\n          }}\r\n        ></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n    );\r\n}\r\n\r\nexport default Footer;\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/gifbanner.7fe66d67.gif\";","import React from \"react\";\r\n\r\n// Replace with the actual paths for these assets\r\nimport gifbanner from \"../../assets/gifbanner.gif\"; // Adjust path if needed\r\n\r\nexport default function Sponsers() {\r\n  return (\r\n    <div className=\"container-sm-fluid  p-0 m-0\"  style={{backgroundColor :\"#F8F8F4\",       }}>\r\n      {/* Full-width and height GIF banner that is responsive */}\r\n      <img\r\n        src={gifbanner}\r\n        // style={{ minHeight: \"430px\", }}\r\n        alt=\"Header GIF\"\r\n        className=\"w-100 \" // Full width and height\r\n      />\r\n    </div>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/wave2.da95914f.png\";","export default __webpack_public_path__ + \"static/media/WeD2.2107a6c0.png\";","export default __webpack_public_path__ + \"static/media/thick.c3f50994.svg\";","export default __webpack_public_path__ + \"static/media/WeD3.8138b7f0.png\";","export default __webpack_public_path__ + \"static/media/thick1.55374b3a.svg\";","export default __webpack_public_path__ + \"static/media/left2.dafb5bba.png\";","export default __webpack_public_path__ + \"static/media/left4.2dbd84af.png\";","export default __webpack_public_path__ + \"static/media/left5.669d4da3.png\";","export default __webpack_public_path__ + \"static/media/right2.a782669e.png\";","export default __webpack_public_path__ + \"static/media/right4.649d053b.png\";","export default __webpack_public_path__ + \"static/media/right5.99f29de1.png\";","export default __webpack_public_path__ + \"static/media/right6.9331d402.png\";","export default __webpack_public_path__ + \"static/media/right7.8bacf066.png\";","export default __webpack_public_path__ + \"static/media/right9.02d187cb.png\";","export default __webpack_public_path__ + \"static/media/frame.fb0bdad0.png\";","export default __webpack_public_path__ + \"static/media/wave3.d75e926c.png\";","export default __webpack_public_path__ + \"static/media/frame2.1e21ba32.png\";","export default __webpack_public_path__ + \"static/media/frame7.542de00b.png\";","export default __webpack_public_path__ + \"static/media/left6.d211a355.png\";","export default __webpack_public_path__ + \"static/media/wave1.13ca7c9b.png\";","export default __webpack_public_path__ + \"static/media/left8.63aabf9b.png\";","import React, { useEffect, useState } from 'react';\r\nimport style from \"./style.module.css\";\r\nimport Countup from \"react-countup\";\r\nimport ScrollTrigger from 'react-scroll-trigger';\r\n\r\nconst InfoCard = (props) => {\r\n    const { Info_container, vector, gradientCircle, item, dynamic_padding ,cardrow,info_des,info_count,container_padding} = style;\r\n    const [counter, setCounter] = useState(false);\r\n    const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n\r\n    useEffect(() => {\r\n        const handleResize = () => {\r\n            setWindowWidth(window.innerWidth);\r\n        };\r\n        window.addEventListener(\"resize\", handleResize);\r\n\r\n        return () => {\r\n            window.removeEventListener(\"resize\", handleResize);\r\n        };\r\n    }, []);\r\n    return (\r\n        <ScrollTrigger onEnter={() => setCounter(true)} onExit={() => setCounter(false)}>\r\n            {\r\n                windowWidth < 580 ? <div className={`${props?.data?.length <= 4 ? \" mt-0 mb-5\" : `${Info_container} mt-5 `} p-1  p-sm-0  mx-4 ${Info_container}`}>\r\n                    <div className={`   ${props?.data?.length <= 4 ? 'px-sm-5 justify-content-between pt-sm-3 ' : 'd-flex flex-wrap justify-content-center pt-sm-4 '} align-items-center `}>\r\n                        {props?.data?.map(({ image, heading, discription }, index) => {\r\n                            const updatedDescription = parseInt(discription.replace(/[K+]/g, ''), 10);\r\n                            return (\r\n                                <>\r\n                                    <div\r\n                                        key={index}\r\n                                        className={`${item} ${props?.data?.length <= 4 ? 'py-4' : 'col-6 col-md-3 col-lg-2 flex-column justify-content-center text-center'} d-flex flex-column flex-lg-row align-items-center mb-sm-3 text-lg-left ${container_padding}`}\r\n                                        style={{ order: props?.data?.length <= 4 ? '1' : index % 2 === 0 ? '2' : '1' }}\r\n                                    >\r\n                                        <div className='ml-n3 text-center' style={{ color: \"#3D336E\", }}>\r\n                                            <h5 className={`   ${props?.data?.length <= 4 ? 'my-1' : ''}`}>{heading}</h5>\r\n                                            {!props.count && <h6 style={{ fontWeight: 'bold' }} className='pt-2'>{discription}</h6>}\r\n                                            {props.count && counter &&\r\n                                                <h6 style={{ fontWeight: 'bold' }} >\r\n                                                    <Countup start={0} end={updatedDescription} />+\r\n                                                </h6>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n                                    {props?.data?.length <= 4 && <hr style={{ background: \"#008F71\" }} />}\r\n\r\n                                </>\r\n                            );\r\n                        })}\r\n                    </div>\r\n                    {props?.gradient !== false && <div className={`${gradientCircle} d-none d-lg-block  `}></div>}\r\n                </div> : <div className={`${Info_container} pt-sm-1  pl-sm-1 pl-sm-2 mt-5 mx-0 mx-lg-5 `}>\r\n                    <div className={`d-flex  ${props?.data?.length <= 4 ? `${dynamic_padding} px-5 justify-content-between` : 'flex-wrap justify-content-center'} align-items-center pt-4`}>\r\n                        {props?.data?.map(({ image, heading, discription }, index) => {\r\n                           const updatedDescription = parseInt(discription.replace(/[,+KM+]/g, '').replace(/,/g, ''), 10);\r\n                            return (\r\n                                <div key={index} className={`${item} ${props?.data?.length <= 4 ? '' : 'col-6 col-md-4 col-lg-2'} d-flex flex-column flex-lg-row align-items-center justify-content-center mb-3 text-center text-lg-left`}>\r\n                                    <div className={`ml-n3 ${cardrow}`}>\r\n                                        {!props.count && <h5 className={`text-center ${info_des} `} style={{}}>{discription}</h5>}\r\n                                        {props.count && counter &&\r\n                                            <h1 className={`text-center ${info_des}`}style={{  }}>\r\n                                                <Countup start={0} end={updatedDescription} />+\r\n                                            </h1>\r\n                                        }\r\n                                        <h6 className={`pt-3 pt-lg-0 text-sm-center ${info_count} `} style={{ }}>{heading}</h6>\r\n                                    </div>\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </div>\r\n\r\n                    {props?.gradient !== false && <div className={`${gradientCircle} d-none d-lg-block`}></div>}\r\n                </div>\r\n            }\r\n\r\n        </ScrollTrigger>\r\n    );\r\n};\r\n\r\nexport default InfoCard;\r\n","\r\nimport vector1 from './assets/Vector1.png';\r\nimport vector2 from './assets/Vector2.png';\r\nimport vector3 from './assets/Vector3.png';\r\nimport vector4 from './assets/Vector4.png';\r\nimport vector5 from './assets/Vector5.png';\r\nimport cvector1 from './assets/cVector1.png';\r\nimport cvector2 from './assets/cVector2.png';\r\nimport cvector3 from './assets/cVector3.png';\r\nimport cvector4 from './assets/cVector4.png';\r\n\r\nexport const infoCardData = [\r\n  {\r\n    image: vector1,\r\n    heading: 'Candidates Evaluated',\r\n    discription: '5,000+'\r\n  },\r\n  {\r\n    image: vector5,\r\n    heading: 'Happy Clients',\r\n    discription: '100+'\r\n  },\r\n  {\r\n    image: vector4,\r\n    heading: 'Successful Placements',\r\n    discription: '400+'\r\n  },\r\n  {\r\n    image: vector2,\r\n    heading: 'Training Programs Delivered',\r\n    discription: '50+'\r\n  },\r\n\r\n]\r\n\r\nexport const courseInfoCardData = [\r\n  {\r\n    image: cvector1,\r\n    heading: 'Skill Level',\r\n    discription: 'Intermediate'\r\n  },\r\n  {\r\n    image: cvector2,\r\n    heading: 'Time to Complete',\r\n    discription: '< 1 Hour'\r\n  },\r\n  {\r\n    image: cvector3,\r\n    heading: 'Certificate Of Completion',\r\n    discription: 'Included With Paid Courses'\r\n  },\r\n  {\r\n    image: cvector4,\r\n    heading: 'Prerequiesites',\r\n    discription: 'None'\r\n  },\r\n]\r\n\r\nconst departmentsFaq = [\r\n  {\r\n    question: 'What courses does AshreiTech Academy offer?',\r\n    answer: 'AshreiTech Academy offers training in a range of high-tech skills, including:\\n' +\r\n      'SAP: Covering SuccessFactors Employee Central, FICO, Customer Experience, and Ariba Strategic Sourcing.\\n' +\r\n      'Salesforce: Focusing on both Administrator and Associate levels.\\n' +\r\n      'Cybersecurity: Specializing in Security Operations Center (SOC) and Vulnerability Assessment and Penetration Testing (VAPT).\\n' +\r\n      'Our programs are designed to equip you with the knowledge and hands-on experience needed to excel in these advanced technological fields.\\n'\r\n  },\r\n  {\r\n    question: 'What is the duration of the training programs?',\r\n    answer: 'The training programs last for 3 months.'\r\n  },\r\n  {\r\n    question: 'What are the class timings and schedule?',\r\n    answer: 'Classes are held in the evenings and can be either 3 days a week or 2 days a week, each session lasting 2 hours. The specific days depend on the schedule of each training program.'\r\n  },\r\n  {\r\n    question: 'Who are the experts at AshreiTech Academy?',\r\n    answer: ' Our training experts are professionals from various organizations who are experienced in their respective fields.'\r\n  },\r\n  {\r\n    question: ' Does AshreiTech Academy provide job placement assistance?',\r\n    answer: 'Yes, after completing 3 months of training, we connect our trained graduates with employers and organizations to help them secure jobs.'\r\n  },\r\n  {\r\n    question: ' Where is AshreiTech Academy located?',\r\n    answer: ' We are located in Karachi and Lahore.\\n ' +\r\n      'Karachi: 2nd Floor, National Aerospace Science and Technology Park, Faisal Base, Main Shahrah e Faisal Road, Karachi.\\n' +\r\n      'Lahore: 69, Abid Majeed Road (Old airport Building), NASTP Delta, Lahore Cantonment.\\n'\r\n  },\r\n  {\r\n    question: 'Are the SAP and Salesforce trainings conducted on instances?',\r\n    answer: ' Yes, for SAP and Salesforce, we work on instances to provide hands-on experience.'\r\n  },\r\n  {\r\n    question: 'What are the prerequisites for enrolling in a course?',\r\n    answer: 'Prerequisites vary depending on the course. Generally, a basic understanding of the relevant field is beneficial. For specific requirements, please refer to the course details on our website or contact us directly.'\r\n  },\r\n  {\r\n    question: 'How can I enrol in a course at AshreiTech Academy?',\r\n    answer: ' You can enrol by visiting our website and filling out the enrolment form, or you can visit our academy in person for assistance.'\r\n  },\r\n  {\r\n    question: 'What is the fee structure for the courses?',\r\n    answer: ' The fee structure varies for each course. Please visit our website or contact our admissions office for detailed information on course fees.'\r\n  },\r\n  {\r\n    question: 'What if I miss a class?',\r\n    answer: 'If you miss a class, our trainers will help you catch up. You can also reach out to the admin for any specific queries.'\r\n  },\r\n  {\r\n    question: 'Do I receive a certification upon completion of the course?',\r\n    answer: ' Yes, upon successful completion of the course and assessments, you will receive a certification from AshreiTech Academy.'\r\n  },\r\n\r\n\r\n\r\n]\r\n\r\n\r\nexport default departmentsFaq","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABECAYAAADX0fiMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK2SURBVHgB7ZztkdMwEIZf6VJASggdhAowFRAqOKgAe4DfxH+Bw6YCjgqACi50ECpAdOAGiFgpB+Qua1vOJLGc7DOTScaSPfaT1VrafCjswtt0igtM/esVDF6Xi9Z9inRMfWeICXfuIyyRldXmZoUuvE9nuFBv6NX0XouhQ10j+5A37l+kN9QvQXSokgzlf+WESylSkqHmLb2WgH183/zGMRI6xg3ixNyeu9FB3a/SZwFCHBRB+lNta+aHWYU4mdA1+nMPk6L9kAnEztYRUYdaIF4SFwDtUlwe8RY7cVnbYle/EDNaXbZLUVtJNYCGZGpd3oma6ai1i+ocJc1oLHxC6x1VAOwbPm6X4t5Z1TAceExtC2X3xvZjUaRV3c23ffjoHcLd4gcGTLsUfxu1C4RTQdkSAybslgw8R/D8wua3Q2SwhEnxF+mTo2noRdJsRn0HHSWO0EhxYtwU/iE9XNRs5hkDaz/6thMQ4ui2IDwlGhan4ZFyRogUhu3J2ztazI30E6ovjBErv/ENr8qvOBD/pRRUTVtPfRM3+4o63SjrFpUHlrIW4oo/8UbHEdEkZEJCvkCE/ENT8TYB9rwSHjiaiiovINzB3ZJ3KCKdNu31lL1gnwJ7rLjpwxa/jySFLmJAK2eZ0TKIFAaRwiBSGEQKg0hhECkMIoVBpDCIFAaRwiBSGEQKg0hhcKUDw2yf4IwZISsebG0tMoszRoYPg0hhOFY5sp4i+4l+qP2cq38p8SX1pQyfLeyya6QYrOxntkWrR/Afzg+evLuUl+WcbblK5yQmwaBROU1RTAw5JQaq9bc6C/+dvRikGPSHIRnf6bnc/I1S/1K4GXXPyN2HQaQwiBQGkcIgUhhECoNIYRApDCKFQaQwiBQGkcIgUhhECoNIYaipp9hrfrs2qMP/0r1uv2j/M4XlD8P5oDPnMRebAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABHCAYAAABRRYoiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUzSURBVHgB7Zw/lts2EMY/YJk6mxOYPkGULp3lLqnsnCCbE6xov5f3UlmuUjhZySeIVKaKtksqs3Rn+QbMDZTeITIAqBVFgksKBEApq9973D9YESQ/ATODwWgZfDKbXCLHc3A8AdiIWmI6Lou/buhYU3uGf/NbXCBFMt/gCGDwwWwSA/waEFfYidDldhZA/prEyTAg7kWZvXhFYkxwkBhV2BTJzWsMhDtR1Ohgf9BPI7ghI3GfDjFq3IiiBXkHbTOakPYiowct2Q1lZ+4bUdkQwvQXpVUQsaAvS3qwtOH8MQSuwNj35vPDC+NAlOQDzFMmpYf5ofPDKHHxG93S2NhXMnuKQPQT5Sa5ph7mhm7Jg9xMYcNsMqXzX9Xac5Hg5XyOANiL0jhtegiy63tqEIZskXgcIpbhsCXHGHU7kvYWRJLMpyRAWmmlQJBPEAB7UbhhiEsb4o56X1xcIwB2oswm25C9BHkZlx5C9SVWldbL4tpesRNFT50qS7jnLbpd2yl2ojCDC26KQ/pBC0bsG1aOL+EZW1EeVVrW8IH2NBVvw2J4xt7Q7uPRTYoMgXElyv8KS1F4dWTE8AbbXzAK8Q88YyeKyP+utMQqy+aHilGnTJ1nLEUxGlb38cMvk+e1NlaLdJ1jJwrHqt5oinB7csGfGVr9eLoSdqIoV1l7x8YqN+IKteBUOd4yaYi8Sh/vY8ihshmcoVbgFUSQvK29KCqCrY2WESWu+wuj+4grrWtPUXONvnFKUm+iTH4fYdS5wpAiEN8hEC5ytJOGaZMdlFt9Q/YoUv0YvJiDxNUBuMrmT5u9D1vRDuDSuAMoY5tPJEKkzh03nB9UEHVFuOJeYe4or3pjtEbC4QVRV4VL9FSSwvSNbjfK0yRhEtVVLuCSv96/xzdf/04R7xe0j2Mb4aYkyLckyJ8YCD8b7BIZfAlMSZwnaF8wbmiht6S7WYVyu/fhT5Qy25xuTkaVFVNLkBBceigVf3gP3Q8hjChbfla7gDt+Grbkogl3osgH/kyNhFjnUTmNCLHdQG8zvMXmuzKwGY2ojzSS5PcMP4YfRfaiqGCLk70QY+iAy1c+ZVNsmS4QiKjzK+9KteRyXgkhRwICIMWOEZB2UXT4LWOPEU2LUEJ0R07bC7ovh9PMLIpKLaqaNdsyrW2Bjr7RHDp9qb3NjrwYAVxtmRS2p7WQp3SfpcXj7MWcot8EDti3KXZiZEUK4SN0GL/uXRmg872j4pBxzi31uai8hv7GPuyfKL5y4d6j0kVindgRcYfzUnrdLX1fecmEaVHT4jCH+p/oTauPcyfGXner3pnWmrW0EGJxLPWuvii05rOGESLjBrnJvTq2qNMnUUOCWEJiiKnzUXFnt/IY/WifKjfJnLZEPkdneEb39TYiDzuph3A+8xhqVF4FWWEwPDtsQ16GG2zMi1VsmcxvYsc4Ko+JsUxc7+c9BG7xwKk7NSFCexZDDUonOiw0ZRlH6zSt9dN97eOLnLzbS1kNeSB6+fHu3tck8/aC5F8pt1wpajzd+pSosmTQZHDA6Yqiqye326gynkpcRdfDT58+qCJkTOGYc3mXgbMoBs6iGDiLYuB0DO0biyqpiLySxer+NETZfbboUFI6Dv5E2Xn6GDilOCXDwTCrddxpiKIj1ccIhJw+60pLhgcOLz7ilhW/L2tbCQ+QqHBZwYbmKXD2PgbOohgY3vtw/sgqWnV5/UrRwBG4ZMruR+wKg1GvojhPHwNDiHLs+9DZAKKE+XiKPWwZtjpyi/5fKTGOD1Vb8x/FbJ2k5sMLVgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABECAYAAADX0fiMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVeSURBVHgB7ZtPcts2FMY/oN7XN6h6gqq77KJsOt3VOYGVE5hspzPdVV53KsonqHSCuMt2Ey29i3qCIjdg9h4iD4AsSyRAgiApUom+GVkW/wDkTw8P7z1CwFCURJcYiBj61B/RBBf8J0BO6ZOCIuiS1njMVvh1sUZPOj6UIgiXRF+AjgPFH4RL4piAuoPSHIRLomtA7ULpDoRLogtAzaEcH4RLoi1AYVCGA8Il0QSQP5Thg3BJ1AVUDuV0QbgkfAAVoXx+IFwSLkAGypcDwiWhASG7RbwQDH9GU3D2F84yymTMCcjvOOtZxIPT2whn7euS46yc5PICZz0pJSB39L64cB/wRcxCCsQ9va/otaGZR903HFDka/OGKRh7ic/L71hB7Ms9fGId0Kz1/wnFMacNqBLEvvx8ymkCqgViX/UdbR4QdOA3wnAkCMYb1ASxr6ZTssDwrEVNEMFAlBpC4a5o+A5SKrMV6EYptf/UR16XyHiEBgqPU5JotE0g8xKIk2jvuLZ8UKohMNxvh/DTs6Jiu1ze0L5FqLWEQ8kwsduZvD342MxJF0Ectp1Sm+Q/2LvcHrIW6ocCMQQoHArHtWUrWcli6TzHD1A5CFubSSxQsBZGpZBjQtFmyyaF7ZkOk/2UB2Qsb+0FotjvypLtT/R1BgyhMCiPGFvP5NubrKt9QCHiWNJfm9Of0OseNRU2+3DdWV4p3dwGfYiqZTD52qGyMMceBoVZO+sHyE6qnJgTx3cIUCAU/nVxoxToUzL7iJYUGLxlJ1JWYCME6Fx5sygMisQHDE0tDulQS7HM/WyMXiVHxU0syM+EWoptphn3tm7N9Fv8UpgMmhFD4xRXZ/1Yy6Oz3yNCMUGaZQjxG/ShC+7Kw44IRUnKvy0bJ0cfQs4ShlwjUOFQmM438rosKTx1JGd/K4S2CHt1rDqzNEmcxTxlRN/ecXxLaaErfIkXLxSFVCnReyy6SgXsbefDyJQv3tl3Fu6plrgpCslvTQVcvjooJVbJnLu27BlR0x0v7+CupwjlhS4PNV8daR5zOL4xtqQ8KW5SWbf0p/xW4hg20F+wKSUEq3nuo8eujO071YWz92bstyDdjvoCXEDYbVMguhW0pXm8pNauHXtTKhne4pdFUM10ax032om7H/yvaOhP0YLag/Ls+MpmHqHhmFqsgFeblTCUNsYftjNM212GbmYccoDsyuPoja6WZdkHyqUEvVKCNYK6ec6/0YGgV9qgnxe/adNvdfODhSSaUdPHCOLuas2WnuruVxxJNKXmaZboZPFPqtfQNAjQytQ+lGc/MEW3D9/F1nkv0bLahWLW5HZlHS61DqcdKDrX0TAm6E9iOwMJNFRzKPP4hlrxjT/UDLGhssN/dM4aJhlND27EBHrK0kb0MGtMM9LLbanT0/rYDPG8Ue4TDqUy3N4p3a57V8lj+GKaJLqiafuKHshfVx/cLL0Ig2LC7bcojyN261Jbzn1G9HdK/Ss4o5IjRehwqg9ll3+UXhDBkLNWYdiuQ2JWYTkiBEw9KNVAhC5BdBQ/wH5Nk4rFiKIuGH8oJrd5X9L5ehtQdWcdLpkhlZSkF7VyoxqlA+VUnUBUuP2qFyBKygrixeuSitt4e/1e+srrqCRSeYwjx1A1jOQ3DEH/PKzx4wtmXWWlwPzw4iP+fXioaqZ6+Bg/8r/jdAIyn2FomkcLcsCOZ1Dy+6oatMfw0VOvrfH7QQJR+nkRuZ/7sMph5ONTbLGIoFeMYUv9EkVYtk9QIR8oFuepZxmBIUs7fb1GPy9RdaoHlHxRWheHNzgFmaL6/oyU7n7LVCK/OMXEAeolBm8hNj0nmcInbPgE5tdPA0+Wg0EAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAYAAAAcjSspAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEDSURBVHgB7du7rcJAFAbhfy3ntwXfymjB0AA0AKYEWqACXAqVYB4pEyySAwvmCzY60Wg3WemU/IJ9v0tTtrXjTfTGKMAowCjAKMAowCjAKMAowCjAKMAowCjAKMAowCjAKMAowCjAKMAowCigzVId+lNKWVVOX7Me/jMTbwowCjAKMAowCjAKMAowCjAKMAowCjAKMAowCjAKMAowCjAKmPc7cugvSemqZqecsxn6LNDMf7Slexxd3ej0l4Xy+QCjAKMAowCjAKMAowCjAKMAowCjAKMAo4D2tchcq8mY9XHMl2s/2ezObXqeY76czwcYBRgFGAUYBRgFGAUYBRgFGAXcAfRlFCK3blTuAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA9CAYAAAAQyx+GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUNSURBVHgB7ZvLdds4FIZ/wPJeHYSuIE4FUSqIU4E1FYiwV7OKsppFjk35nNlHqWCcCqKpIJoKhiVwn2NiLgDSksgLiQ9pIsr8fCjTIEXTV5f38QMW4PgjDHCq/D6Lq5wmnvc+hyMMxEfaG+G0SejPfgTST1B+IznD3Ktr2pvjZRED+p3POBIRPTYCM7w8AvKLL76DEimu6PsQL5MROcaIOzAgb7lkxmOcJkMUnSA1nlNmABb9Gz17C5wad+EU0iaYnUj0sPSG8dAbxsMAp4Sp2M8ouAraNBVy55RE1CxBA7ptmCgcUlYZU0B9Tz+Z7FouOyIVU72yRJp+Qw26aZgoJCOICKYO2R0MAsqyARnvCjXolmGMh0BSutUhDkx3DGNaF4i/yCiX+B/ohmGcUb4DfJW6RkyGi1c/Cj7urCPlW3qdF4eP3zC7jbIgY5jAOmczkIlHGiGEeMtfQ48R3SRQ92p9tAMeY2NKwBxIstblcevb1WxJr2NrYGegSfkkilkPaolJ9DUfaWaYVVYI0JyYbujT1p7sLhzbT5R/77ttQlMJd25I9x5n975JStJLFH7Lva5+5bty7RGcYZpuIxtMbabxwDd8cW2jrKNmM+tpZagmks/Zrr5hnrA7oFVnmOlBZay3sDGhuVFy1GwOrR9K41JP8g+qvmHO9qzVSCw949flQT1vbZQcgSlsnNrAVdJoYhgbzCg2tMcET5UFx03c4zpi3rOP3+swsSTlvMa2Fw2Dr5pN6XXq/oDGJN4GzzyuZ6XRxd68JUdarbsYx2wB2S5d7/tGczi5NdW1msBKmA/GNpkbsWyIP29fHaceI5ig64tFbdH679LYz6eLXqjiIIG8NwyHRNIsxtyrSZbu2tQzsc0KtzNusq8clNNWVbYfgVfMaNKs8nUzl22LPCMeRa69KKCZWkmIA8kN7HWXTSvf/ZEy1+MCrcB77JvPdhay+AFbnbhJ5bvAPpHM9VxjWXycAt90amMGkquuF0CzytdUrB9or236jDPZIGaPav21PFhtFrEStjhlO3f7e5tWvkYDecQhEfb6Re2EJuFvPpKo1K41sI2iVQiKxLkMcrzp2t6gc+tN9JREpWu0Qnq0pFUPeOx1jNFNuNQ9t55TF/P4ROq75xFaWDki47gNY+OPr5Mnz4nUjyyzbMc8Oqb2gvgBfildXBSvjl/zNYqbiwmch1xiQLEiIr02pWCdUkIwU7NPtJmp2jM6LuVr6yHCW3e5ZFJIAt2YPjEyR6TyaVgOMgAVarn/n68f0thKSh55W9aEOtQr6QSHgb1u30R66Lph6hSZSZ3zu70M5Fxekahk1iqb2cYRBdjXhTNi2v6BMYipi9wavEq9XvcXDrlsYra9VuJ9jPHg8Rijk6hDZYGmHEiP4RlYUUjgl97EMSLpa46eEjLrRxR6NnDBd7UCIEaPZRV8Xcs9z8TptkL3AbBrWrbHPjdlTM2mCKDlI27uHtCQclbiJtmPgShMwGSJ7Fh5NadISe1TYdYkzlGT7hd4Vmcxc1ya83IzRfOFDDSx0kKKynTbMD/TBTvPXcYsjfuXImqMinS98g1Qj6DqiafYEhhFrnXfdGKGMfqwvqAE8sF+bzH3dSr/lrMoTd65/TeUscaZXhygBt3xGG11lSKxW8UZ+VdymvpMRRfZbEO5MfYE5O4Yxi47eZ6AyxY2RheV/6nVrhvUb9amfvPFkdXef/RsWzBd5xo7rvMf7CatN/jkCLYAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAAzCAYAAADB9sX1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALiSURBVHgB7ZpLdtMwFIZ/GS8g7EDdQYbtCGcEhwlkB+kKsDtj1HTEgEMVVgA7gCGM8DAzwg68hCyAU3F1nacjp3ZDVbe53zmpa8lq7T/SfckKDpP28Bd9HDsxZsgmc0WCkBjqFzX1IBSAHUYkyBeIIEu004NEkWVToU+i2BzCJrmbKecizIqctDiHIAiCIAhCR1Gr3z6kGsfO+0nhDi5L1nT4BsmBHAVFtINIBNlCS5bsJ5EseZeZmykZeC0JWFTe1t6Hy5JHXYGbU312BkEQBEF4EBSOkU/pCFH0Bs4N4+aKXHGx2X18opj0kh57vNFCwtgTt4e8bIgXWbLbOg0VvOW8t1L5doJQ7puPK6093GBEx8mygcL8iJRDgnDRbLL4EsKyLpHsEmG+fQo7QngSfv0jKCyI9nQU4Nm7JsLDJIPF5hq+d9iO1JVI7KC6lN1MyRAce4VQXGfvPHZkeR+Zz7aV3ofXWzBD+z3YLCntyG/4n+szMpP6hj1dl8w2iwXRnl5avuakbmiMLrMdLszaufLI0PXa01GwHdk3Ep2G38VLUE7/hM9Ng60YNqx1XvV2YbsrSvnwutKq2bXuc+cf06TesCoX0ue4hS7PlPniU6VfLg0PTsi4LjC0ZOCvx2hAd0VhD1XnumlpmIvL3XZebtozoEBZoG/EM3SZn9MpXp4+h1Knnt4Er88K/Jj+4TNz4WbPK891TtyzNrnW43DJJqUZoBJPz5w9iVUv6Ekm/sEcoE3Qgrg0WhFFfTZBEFRBNYysZQA3pI8v5uix4VV1QaczrKaVII64zJJtimBY+ihNPwaNhzgBTTqoiU51zahZU8NaJQoryIr2WTLbBDtseHWba3dw3idctrrJXfIfjjGaJLCHFbGioBnrCnX3/8lGc989NwvQ9rHMkvtUknuLEERU0DnwphmTUtFIVe7ZfqW/ffBr5GVCWG4sP7bNZffwGuviUY4WAdrTxqTJ4o2J/8Y/RingFlHmKQ8AAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/wave.4de45846.png\";","export default __webpack_public_path__ + \"static/media/WeD1.56dc4166.png\";","export default __webpack_public_path__ + \"static/media/WeD9.a8d18917.png\";","export default __webpack_public_path__ + \"static/media/bell.43b75b03.svg\";","import React, { useState, useEffect, useRef } from 'react';\r\n// import style from './style.module.css';\r\nimport styled from \"styled-components\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport wave2 from '../../assets/WhatWeDo/wave2.png'\r\nimport WeD2 from '../../assets/WhatWeDo/WeD2.png'\r\nimport WeD3 from '../../assets/WhatWeDo/WeD3.png'\r\nimport Thick from '../../assets/WhatWeDo/thick.svg'\r\nimport Thick1 from '../../assets/WhatWeDo/thick1.svg'\r\n\r\nimport thickpng from '../../assets/WhatWeDo/thick.png'\r\n\r\nimport left1 from '../../assets/join/left1.png';\r\nimport left2 from '../../assets/join/left2.png';\r\nimport left3 from '../../assets/join/left3.png';\r\nimport left4 from '../../assets/join/left4.png';\r\nimport left5 from '../../assets/join/left5.png';\r\nimport right1 from '../../assets/join/right1.png';\r\nimport right2 from '../../assets/join/right2.png';\r\nimport right3 from '../../assets/join/right3.png';\r\nimport right4 from '../../assets/join/right4.png';\r\nimport right5 from '../../assets/join/right5.png';\r\nimport right6 from '../../assets/join/right6.png';\r\nimport right7 from '../../assets/join/right7.png';\r\nimport right8 from '../../assets/join/right8.png';\r\nimport right9 from '../../assets/join/right9.png';\r\nimport wave3 from '../../assets/WhatWeDo/wave3.png'\r\nimport frame from '../../assets/WhatWeDo/frame.png'\r\nimport frame2 from '../../assets/WhatWeDo/frame2.png'\r\nimport frame7 from '../../assets/WhatWeDo/frame7.png'\r\nimport wave1 from '../../assets/WhatWeDo/wave1.png'\r\nimport left6 from '../../assets/join/left6.png'\r\nimport left7 from '../../assets/join/left7.png'\r\nimport left8 from '../../assets/join/left8.png'\r\n\r\n\r\nimport InfoCard from \"../../screens/InfoCard/InfoCard\";\r\nimport { courseInfoCardData, infoCardData } from \"../../constant\";\r\n\r\nimport wave from '../../assets/WhatWeDo/wave.png'\r\nimport WeD1 from '../../assets/WhatWeDo/WeD1.png'\r\nimport WeD9 from '../../assets/WhatWeDo/WeD9.png'\r\n\r\nimport bell from '../../assets/WhatWeDo/bell.svg'\r\nimport style from './style.module.css'\r\nimport { FamilyRestroom } from '@mui/icons-material';\r\n\r\nexport default function OurTrainer() {\r\n  const navigate = useNavigate();\r\n\r\n  const settings = {\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 3,\r\n    slidesToScroll: 1,\r\n    arrows: true,\r\n    autoplay: true,\r\n    autoplaySpeed: 3000,\r\n    responsive: [\r\n      {\r\n        breakpoint: 1600,\r\n        settings: {\r\n          slidesToShow: 2,\r\n          slidesToScroll: 1,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 1200,\r\n        settings: {\r\n          slidesToShow: 1,\r\n          slidesToScroll: 1,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 800,\r\n        settings: {\r\n          slidesToShow: 1,\r\n          slidesToScroll: 1,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  const { TrainerContainer, fontpaddingleft, custom_frame2, row_left, row_right, title, title2, wed9x, block_height3, btn_alignment2, list, svg_icon, block_height, block_height1, custom_row, custom_row2, svg_icon1, block_height2, wed2, btn_alignment, list2, Join_Best, Join_descrip, col_middle, col_left, col_right, leftimg1, leftimg2, leftimg3, leftimg4, leftimg5, rightimg1, rightimg2, rightimg3, rightimg4, rightimg5 } = style;\r\n  const [animate, setAnimate] = useState(false);\r\n  const sectionRef = useRef(null); // Ref for the section to observe\r\n  const [activeSection, setActiveSection] = useState(1);\r\n\r\n\r\n  // useEffect(() => {\r\n  //   const observer = new IntersectionObserver(\r\n  //     ([entry]) => {\r\n  //       if (entry.isIntersecting) {\r\n  //         setAnimate(true); // Trigger animation when section is visible\r\n  //       } else {\r\n  //         setAnimate(false); // Reset animation when section is out of view\r\n  //       }\r\n  //     },\r\n  //     {\r\n  //       threshold: 0.5, // Trigger when 50% of the section is visible\r\n  //     }\r\n  //   );\r\n\r\n  //   if (sectionRef.current) {\r\n  //     observer.observe(sectionRef.current);\r\n  //   }\r\n\r\n  //   return () => {\r\n  //     if (sectionRef.current) {\r\n  //       observer.disconnect();\r\n  //     }\r\n  //   };\r\n  // }, []);\r\n  useEffect(() => {\r\n    let interval; \r\n\r\n    const observer = new IntersectionObserver(\r\n      ([entry]) => {\r\n        if (entry.isIntersecting) {\r\n          setAnimate(true); \r\n\r\n          \r\n          interval = setInterval(() => {\r\n            setActiveSection((prev) => (prev === 1 ? 2 : 1));\r\n          }, 3000); \r\n        } else {\r\n          setAnimate(false); \r\n\r\n          \r\n          clearInterval(interval);\r\n          setActiveSection(1);\r\n        }\r\n      },\r\n      {\r\n        threshold: 0.5, \r\n      }\r\n    );\r\n\r\n    if (sectionRef.current) {\r\n      observer.observe(sectionRef.current);\r\n    }\r\n\r\n    return () => {\r\n      if (sectionRef.current) {\r\n        observer.disconnect();\r\n      }\r\n      clearInterval(interval); \r\n    };\r\n  }, []);\r\n\r\n\r\n  return (\r\n    <div\r\n      className=\"container-sm-fluid  pb-4  m-sm-0 bg-sm-none \"\r\n    >\r\n      <div className={`container-sm-fluid ${custom_frame2} `}\r\n        style={{\r\n          // backgroundColor: '#5A8C75',\r\n          backgroundImage: `url(${frame2})`,\r\n          // backgroundSize: 'cover',\r\n          // backgroundPosition: \"top center\",\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: \"bottom\",\r\n          backgroundRepeat: 'no-repeat',\r\n\r\n        }}>\r\n        <InfoCard data={infoCardData} count={true} gradient={false} />\r\n\r\n      </div>\r\n\r\n\r\n      {/* First Row */}\r\n      <div className=\"container-fluid mt-sm-5 mt-lg-0 pl-4  p-sm-0  \"\r\n        style={{\r\n          // backgroundColor: '#5A8C75',\r\n          backgroundImage: `url(${frame7})`,\r\n          backgroundSize: 'contain',\r\n          backgroundPosition: \"center top\",\r\n          // backgroundSize: 'cover',\r\n          // backgroundPosition: \"top right\",\r\n          backgroundRepeat: 'no-repeat',\r\n          padding: 0,\r\n        }}\r\n      >\r\n        <div className=\"row align-items-center pb-sm-5 pr-sm-5 \">\r\n          <div className=\"col-lg-6 p-0 pl-sm-4 col-md-6 col-sm-12 pr-4\">\r\n            <img src={WeD9} alt=\"Wed9\" className={`img-container w-100 pr-sm-3 pr-lg-5 pl-lg-1 ${wed9x}`} />\r\n          </div>\r\n          {/* <div className=\"col-1\"></div> */}\r\n          <div className=\"pl-sm-5 col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-sm-center text-lg-left  \">\r\n            <h1 className={`pl-sm-2 mt-2 ${title}`}>\r\n              <span style={{ color: '#160A54', fontFamily: \"Barlow,sans-serif\" }}>Find your   </span>\r\n              <span style={{ color: '#04642D', fontFamily: \"Barlow,sans-serif\" }}> Next Impact-Driven Talent Force </span>\r\n            </h1>\r\n            <div className={`d-sm-block d-none ${block_height}`}></div>\r\n\r\n            <div className=\"row mt-3 font21 align-items-center justify-content-start pl-sm-2 pl-lg-0 m-lg-0\">\r\n              <div className={`col-1 p-lg-0 ${custom_row}`}>\r\n                <img src={Thick} alt={Thick} className={`${svg_icon} `} />\r\n              </div>\r\n              <div className=\"col-11\"><p className={`font19x pl-4 fontpaddingleft ${list}`}> Get access to pre-vetted candidates who match your business's specific needs.</p></div>\r\n            </div>\r\n            <div className=\"row mt-3 font20 align-items-center justify-content-start pl-sm-2 pl-lg-0 m-lg-0\">\r\n              <div className={`col-1 p-lg-0 ${custom_row}`}>\r\n                <img src={Thick} alt={Thick} className={`${svg_icon} `} />\r\n              </div>\r\n              <div className=\"col-11\">\r\n                <p className={`font19x pl-4 fontpaddingleft ${list}`}> From sourcing to shortlisting, we handle every step so you can focus on growth.</p></div>\r\n            </div>\r\n            <div className=\"row mt-3 font20 align-items-center justify-content-start pl-sm-2 pl-lg-0 m-lg-0\">\r\n              <div className={`col-1 p-lg-0 ${custom_row}`}>\r\n                <img src={Thick} alt=\"Thick Icon\" className={`${svg_icon}`} />\r\n              </div>\r\n              <div className=\"col-11\">\r\n                <p className={`font19x pl-4 fontpaddingleft ${list}`}>\r\n                  Our timely services and ethical recruitment ensures the right fit for both your company and the candidate.\r\n                </p>\r\n              </div>\r\n            </div>\r\n\r\n            <div className={`d-sm-block d-none ${block_height1}`}></div>\r\n            <div className={`row pb-sm-5 pl-3 mt-3 ml-sm-2 mt-sm-2 pt-sm-5 align-items-center mt-lg-0 ${btn_alignment2}`}>\r\n              <button className=\"Preview_candidates_btn  mr-4 mt-sm-1 \" onClick={() => navigate('/#coursesWeOffer')} >Preview candidates</button>\r\n              <button className=\"hire_now_btn  mt-sm-1   \" onClick={() => navigate('/#coursesWeOffer')} >Hire now</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      {/* Second Row */}\r\n      <div className=\"container-fluid mt-sm-5 pl-4  p-sm-0 mb-lg-5\"\r\n        style={{\r\n          // backgroundColor: '#5A8C75',\r\n          backgroundImage: `url(${wave2})`,\r\n          backgroundSize: 'contain',\r\n          backgroundPosition: \"center top\",\r\n          // backgroundSize: 'cover',\r\n          // backgroundPosition: \"center\",\r\n          backgroundRepeat: 'no-repeat',\r\n          padding: 0,\r\n        }}>\r\n        <div className=\"row align-items-center pb-5\">\r\n          <div className=\"col-lg-6  p-0 pl-sm-4  col-md-6 col-sm-12 pr-4\">\r\n            <img src={WeD2} alt=\"Wed2\" className={`img-container w-100 pr-sm-3 ${wed2} pl-lg-1`} />\r\n          </div>\r\n          <div className=\"pl-sm-4 col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-sm-center text-lg-left  \">\r\n\r\n            <div className={`d-sm-block d-none ${block_height3}`}></div>\r\n\r\n\r\n            {/* <h1 className={`pl-sm-2 mt-2 ${title}`}>\r\n              <span style={{ color: '#160A54', fontFamily: \"Barlow,sans-serif\" }}>Find your   </span>\r\n              <span style={{ color: '#04642D', fontFamily: \"Barlow,sans-serif\" }}> Next Impact-Driven Talent Force </span>\r\n            </h1> */}\r\n            <h1 className={`pl-sm-2  pb-sm-5 mt-5 pb-lg-0 pr-lg-5 mr-lg-5 ${title2}`}>\r\n              <span style={{ color: '#160A54', fontFamily: \"Barlow,sans-serif\" }}> We help you to match  </span>\r\n              <span style={{ color: '#04642D', fontFamily: \"Barlow,sans-serif\" }}> Smart job matches tailored to your\r\n                expertise and goals</span>\r\n            </h1>\r\n            <div className={`d-sm-block d-none ${block_height2}`}></div>\r\n\r\n            <div className=\"row mt-3 font20 align-items-center justify-content-start pl-sm-2 pl-lg-0 m-lg-0 pr-lg-5  pb-lg-2\">\r\n              <div className={`col-1 p-lg-0 ${custom_row2}`}>\r\n                <img src={Thick1} alt={Thick} className={`${svg_icon1} `} />\r\n              </div>\r\n              <div className=\"col-11\">\r\n                <p className={`font19x pl-4 fontpaddingleft ${list2} mr-lg-5 pr-lg-5`}>We offer support in building a career path that matches your goals.</p></div>\r\n            </div>\r\n\r\n            <div className=\"row mt-3 font20 align-items-center justify-content-start pl-sm-2 pl-lg-0 m-lg-0 pr-lg-5 pb-lg-2\">\r\n              <div className={`col-1 p-lg-0 ${custom_row2}`}>\r\n                <img src={Thick1} alt={Thick} className={`${svg_icon1} `} />\r\n              </div>\r\n              <div className=\"col-11\">\r\n                <p className={`font19x pl-4 fontpaddingleft ${list2}  mr-lg-5 pr-lg-5`}>We connect you with roles that align with your qualifications and interests.</p></div>\r\n            </div>\r\n\r\n            <div className=\"row mt-3 font20 align-items-center justify-content-start pl-sm-2 pl-lg-0 m-lg-0 pr-lg-5\">\r\n              <div className={`col-1 p-lg-0 ${custom_row2}`}>\r\n                <img src={Thick1} alt={Thick} className={`${svg_icon1} `} />\r\n              </div>\r\n              <div className=\"col-11\">\r\n                <p className={`font19x pl-4 fontpaddingleft ${list2}  mr-lg-5 pr-lg-4`}>Receive personalized tips and support to help you stand out and land the job</p>\r\n              </div>\r\n            </div>\r\n\r\n            <div className={`row pb-sm-5 pl-3 mt-3 ml-sm-2 mt-sm-2 pt-sm-5 align-items-center ${btn_alignment}`}>\r\n              <button className=\"get_job_btn  mr-4 mt-sm-1\" style={{ fontFamily: \"Inter,serif \" }} onClick={() => navigate('/#coursesWeOffer')} >Get job matches</button>\r\n              <button className=\"learn_more_btn   mt-sm-1   \" style={{ fontFamily: \"Inter,serif \" }} onClick={() => navigate('/#coursesWeOffer')} >Learn more</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      {/* Third Row */}\r\n      <div className='container-fluid d-md-block d-none p-0 m-0 mb-5 mt-5' ref={sectionRef}>\r\n        <div className=\"row align-items-center p-sm-4 pr-0 p-lg-0 pb-5\">\r\n\r\n          <div className={`${col_left}`} >\r\n            {activeSection === 1 && \r\n            <div className={`d-flex flex-column align-items-end pr-2 p-lg-0 ${row_left} ${row_left}`}>\r\n              <div className={`col-12 text-right pl-0  ${animate ? 'animated-left' : ''}`} style={{ paddingRight: \"2.9rem \" }}>\r\n                <img src={left1} alt=\"Left 1\" className={`${leftimg1}`} />\r\n              </div>\r\n              <div className={`col-12 text-left ${animate ? 'animated-right' : ''}`} style={{ paddingLeft: \"1.5rem \" }}>\r\n                <img src={left2} alt=\"Left 2\" className={`${leftimg2}`} />\r\n              </div>\r\n              <div className={`col-12 text-right pl-0  ${animate ? 'animated-left' : ''}`} style={{ paddingRight: \"6px\", marginBottom: \"75px \" }}>\r\n                <img src={left3} alt=\"Left 3\" className={`${leftimg3}`} />\r\n              </div>\r\n              <div className={`col-12 text-left p-0 ${animate ? 'animated-right' : ''}`}>\r\n                <img src={left4} alt=\"Left 4\" className={`${leftimg4}`} />\r\n              </div>\r\n              <div className={`col-12 text-right  pl-0 ${animate ? 'animated-left' : ''}`} style={{ paddingRight: \"2.5rem \" }}>\r\n                <img src={left5} alt=\"Left 5\" className={`${leftimg5}`} />\r\n              </div>\r\n            </div> }\r\n            {activeSection === 2 && \r\n            <div className={`d-flex flex-column align-items-end pr-2 p-lg-0 ${row_left} `}>\r\n              <div className={`col-12 text-right pl-0  ${animate ? 'animated-left' : ''}`} style={{ paddingRight: \"2.9rem \" }}>\r\n                <img src={left6} alt=\"Left 1\" className={`${leftimg1}`} style={{ width: \"100px\", height: \"auto\" }}/>\r\n              </div>\r\n              <div className={`col-12 text-left ${animate ? 'animated-right' : ''}`} style={{ paddingLeft: \"1.5rem \" }}>\r\n                <img src={left7} alt=\"Left 2\" className={`${leftimg2}`} style={{ width: \"100px\", height: \"auto\" }}/>\r\n              </div>\r\n              <div className={`col-12 text-right pl-0  ${animate ? 'animated-left' : ''}`} style={{ paddingRight: \"2.9rem \" }}>\r\n                <img src={left8} alt=\"Left 1\" className={`${leftimg1}`} style={{ width: \"100px\", height: \"auto\" }}/>\r\n              </div>\r\n            </div>}\r\n          </div>\r\n\r\n\r\n          <div className={`text-center p-0 m-0 ${col_middle}`} >\r\n            <h1 className={`mb-1 text-center ${Join_Best}`}>\r\n              <span style={{ color: '#160A54' }}>JOIN THE BEST</span>\r\n            </h1>\r\n\r\n            <div className=\"mx-auto d-flex align-items-center justify-content-center\">\r\n              <span className={`mb-5 text-center ${Join_descrip}`}>\r\n                Powering 5,000+ of the best customer experiences\r\n              </span>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <button\r\n                className=\"free_trail_btn mr-5\"\r\n                style={{\r\n                  backgroundColor: \"#04642D\",\r\n                  padding: '17px 32px',\r\n                  fontSize: '1.1rem',\r\n                  fontFamily: \"Inter, serif\",\r\n                }}\r\n                onClick={() => window.open('https://calendly.com/talentexpertz-hrsp/30min?month=2025-03', '_blank')}\r\n              >\r\n\r\n                Free Trial\r\n              </button>\r\n              <button\r\n                className=\"get_free_demo\"\r\n                style={{ fontFamily: \"Inter, serif\" }}\r\n                onClick={() => window.open('https://calendly.com/talentexpertz-hrsp/30min?month=2025-03', '_blank')}\r\n              >\r\n                Get Free Demo\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          <div className={`${col_right}`}>\r\n  \r\n  {activeSection === 1 && \r\n  <div className={`d-flex flex-column align-items-start pl-4 p-lg-0 ${row_right} ${animate && activeSection === 1 ? 'show-section' : 'hide-section'}`}>\r\n    <div className={`col-12 text-left mb-4 ${animate ? 'animated-right' : ''}`}>\r\n      <img src={right1} alt=\"Right 1\" className={`${rightimg1}`} />\r\n    </div>\r\n    <div className={`col-12 text-right pr-5 mb-4 ${animate ? 'animated-left' : ''}`}>\r\n      <img src={right2} alt=\"Right 2\" className={`${rightimg2}`} />\r\n    </div>\r\n    <div className={`col-12 text-left mb-5 ${animate ? 'animated-right' : ''}`}>\r\n      <img src={right3} alt=\"Right 3\" className={`${rightimg3}`} />\r\n    </div>\r\n    <div className={`col-12 text-right p-0 mb-5 ${animate ? 'animated-left' : ''}`}>\r\n      <img src={right4} alt=\"Right 4\" className={`${rightimg4}`} />\r\n    </div>\r\n    <div className={`col-12 text-left ${animate ? 'animated-right' : ''}`}>\r\n      <img src={right5} alt=\"Right 5\" className={`${rightimg5}`} />\r\n    </div>\r\n  </div>}\r\n\r\n  {activeSection === 2 && \r\n  <div className={`d-flex flex-column align-items-start pl-4 p-lg-0 ${row_right} ${animate && activeSection === 2 ? 'show-section' : 'hide-section'}`}>\r\n    <div className={`col-12 text-left mb-4 ${animate ? 'animated-right' : ''}`}>\r\n      <img src={right6} alt=\"Right 1\" className={`${rightimg1}`} style={{ width: \"100px\", height: \"auto\" }} />\r\n    </div>\r\n    <div className={`col-12 text-right pr-5 mb-4 ${animate ? 'animated-left' : ''}`}>\r\n      <img src={right7} alt=\"Right 2\" className={`${rightimg2}`}  style={{ width: \"100px\", height: \"auto\" }}/>\r\n    </div>\r\n    <div className={`col-12 text-right p-0 mb-5 ${animate ? 'animated-left' : ''}`}>\r\n      <img src={right8} alt=\"Right 4\" className={`${rightimg4}`}  style={{ width: \"100px\", height: \"auto\" }}/>\r\n    </div>\r\n    <div className={`col-12 text-left ${animate ? 'animated-right' : ''}`}>\r\n      <img src={right9} alt=\"Right 5\" className={`${rightimg5}`}  style={{ width: \"100px\", height: \"auto\" }}/>\r\n    </div>\r\n  </div>}\r\n\r\n</div>\r\n\r\n        </div>\r\n      </div>\r\n\r\n\r\n\r\n      {/* <div className='container-fluid d-md-block d-none p-0 m-0'>\r\n        <div className=\"row align-items-center p-sm-4  pr-0  \">\r\n          <div className=\"col-lg-4 col-md-4 col-sm-12  pr-sm-5 pl-sm-5 \">\r\n            <div className=\"d-flex flex-column align-items-end pr-2\">\r\n              <div className={`col-12 text-right pl-0    pr-4 ${animate ? 'animated-left' : ''}`}>\r\n                <img src={left1} alt=\"Left 1\" style={{ width: \"43%\" }} />\r\n              </div>\r\n              <div className={`col-12 text-left pl-sm-2 p-0 ${animate ? 'animated-right' : ''}`}>\r\n                <img src={left2} alt=\"Left 2\" style={{ width: \"35%\", }} />\r\n              </div>\r\n              <div className={`col-12 text-right pr-0 pl-0 mb-5 ${animate ? 'animated-left' : ''}`}>\r\n                <img src={left3} alt=\"Left 3\" style={{ width: \"58%\" }} />\r\n              </div>\r\n\r\n              <div className={`col-12 text-left p-0 ${animate ? 'animated-right' : ''}`}>\r\n                <img src={left4} alt=\"Left 4\" style={{ width: \"45%\" }} />\r\n              </div>\r\n              <div className={`col-12 text-right  pr-sm-3 pl-0 ${animate ? 'animated-left' : ''}`}>\r\n                <img src={left5} alt=\"Left 5\" style={{ width: \"38%\" }} />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"col-lg-4 col-md-4 col-sm-12 text-center p-0 m-0\">\r\n            <h1 className={`mb-1 text-center ${Join_Best}`}>\r\n              <span style={{ color: '#160A54' }}>JOIN THE BEST</span>\r\n            </h1>\r\n\r\n            <div className=\"mx-auto d-flex align-items-center justify-content-center\" style={{\r\n\r\n            }} >\r\n              <span className={`mb-5 text-center ${Join_descrip}`} >\r\n\r\n                Powering 100,000+ of the best customer experiences\r\n\r\n              </span>\r\n            </div>\r\n            <div className=\"text-center \">\r\n              <button\r\n                className=\"free_trail_btn mr-4\"\r\n                style={{ backgroundColor: \"#04642D\", padding: '17px 32px', fontSize: '1.1rem', fontFamily: \"Barlow, sans-serif\" }}\r\n                onClick={() => navigate('/#coursesWeOffer')}\r\n              >\r\n                Free Trial\r\n              </button>\r\n              <button\r\n                className=\"get_free_demo\"\r\n                onClick={() => navigate('/#coursesWeOffer')}\r\n              >\r\n                Get Free Demo\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"col-lg-4 col-md-4 col-sm-12  pr-sm-4 pl-sm-5\">\r\n            <div className=\"d-flex flex-column align-items-start pl-4 \">\r\n              <div className={`col-12 text-left mb-4 ${animate ? 'animated-right' : ''}`}>\r\n                <img src={right1} alt=\"Right 1\" style={{ width: \"42%\", }} />\r\n              </div>\r\n              <div className={`col-12 text-right pr-5 mb-4   ${animate ? 'animated-left' : ''}`}>\r\n                <img src={right2} alt=\"Right 2\" style={{ width: \"22%\" }} />\r\n              </div>\r\n              <div className={`col-12 text-left mb-5   ${animate ? 'animated-right' : ''}`}>\r\n                <img src={right3} alt=\"Right 3\" style={{ width: \"38%\" }} />\r\n              </div>\r\n              <div className={`col-12 text-right p-0 mb-5 ${animate ? 'animated-left' : ''}`}>\r\n                <img src={right4} alt=\"Right 4\" style={{ width: \"50%\", }} />\r\n              </div>\r\n              <div className={`col-12 text-left ${animate ? 'animated-right' : ''}`}>\r\n                <img src={right5} alt=\"Right 5\" style={{ width: \"42%\", }} />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div> */}\r\n\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nconst SliderWrapper = styled.div`\r\n  .slick-slide {\r\n    padding: 0 10px; /* Space between slides */\r\n    background-color: transparent;\r\n    \r\n  }\r\n  .card-style1 {\r\n    height:400px;\r\n    width: 18rem;\r\n    border-radius: 16px;\r\n    border: 1px solid #FDD8A3;\r\n    background-color: white;\r\n  }\r\n  .card-style2 {\r\n    width: 18rem;\r\n    height:400px;\r\n    border-radius: 16px;\r\n    border: 1px solid #8FCEC1;\r\n    background-color: white;\r\n  }\r\n  .card-style3 {\r\n    width: 18rem;\r\n    height:400px;\r\n    border-radius: 16px;\r\n    border: 1px solid #c3b25a;\r\n    background-color: white;\r\n  }\r\n  .card-style4 {\r\n    width: 18rem;\r\n    height:400px;\r\n    border-radius: 16px;\r\n    border: 1px solid #60bd92;\r\n    background-color: white;\r\n  }\r\n  .card-style5 {\r\n    width: 18rem;\r\n    height:400px;\r\n    border-radius: 16px;\r\n    border: 1px solid #ac6558;\r\n    background-color: white;\r\n  }\r\n  .card-style6 {\r\n    width: 18rem;\r\n    height:400px;\r\n    border-radius: 16px;\r\n    border: 1px solid #81b5ad;\r\n    background-color: white;\r\n  }\r\n  .slick-prev, .slick-next {\r\n    /* background-color: white; */\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  .slick-prev:before, .slick-next:before {\r\n    font-size: 20px;\r\n    color: rgb(90, 140, 117);\r\n  }\r\n`;\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABHCAYAAADm+HIFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABPySURBVHgB7V0JfFTVuf/OvXfunX2SzCQhJKwJSwARHluLyFJKiyvVJ75apfXhgsjj+bM89QGCuFGpWt8r1KpoXX7FDbUugLVSwRUVwYoCQliTkD2ZzGRm7tz19Jw7SZwVs/KbKfnrMHfueu75zrd/5wQ9MyfvJ1eUuF5RdTBjwCzEAwOCNAHLAgqx8F6/DUdmw1kO9qUL+5eFNWwi2xz5oIRPGv2HMUC2kx+iYeWZDyvCPjiLwQRlHCIUYiBDwOgYav2qFc5yMIgxOK0PGYaM4bQ+xCIjCSfofQMuIztA0pJYv2cZmHQy9zsKlsu8Nvc0+nRchiIjCceoRE6c5aCEyzixI7N9Oi4jOY7NQL3c08hIwqmsqc8dAIQyz6rEuI/jIAP1PINQn3ECGQi9j+P6/LhMBZOB3kAfoI/jMhZ9hMtQZDrhzlo5n17Zb5ZEsvwNxGykTgo2Ck3aQQtOXO74K/B9P8yZWmjnZpOLgzq5jnilWG8teiLZfcRgYDQdRwYog3RyXEcakjhWC2cJXMu7JwPHHYp68pODofqdxLePujd9eHfdjrYXwAtHeBxj82HWhcW2eSaGm1jk5gtVFdvaT2RACitQX98ilx1skt9+5UDja88dFk9BhLkwxLUFeW8appBOSQsC4qZaEFa9DtyYWYR4Wgw/MQwHgSuzwDW4Pyzadmryxv3+3XT/Fz8f+MS5eZYbVK3zfUzcCrBYOaDOBcMzIIp6bbVP2vV+RXD9wr/Vvtd6Gh0EGnQO7Z39zmWFv5o22H6f1coWKS0ahGTdOIRP01yeRWB1msAvayc+P9pyw5w3qrbHtyPN6k3I26hkHGkKaaIac0RjCR8xRmfEiMewCuGwooOqd4055BYl+vH5ORwz7xelWT/7zwkeqPT5Nwx4tGIppBj1KUD7VP3syoG/mjzc8WSoWeakoIblUMdpL5NBKHtlStxBUwc63tXvH13OrNw/KPqc9IucpBiKBrV0PUGnEXKaoKcQuTsSwxo0N0m6TTEvwXeNwV9dPXAWRDrq+7ISBtGUVaWHx+Sbn/HWhZGsYCq+u6SL6XWyrAEK4Nz4Y2nmx2FD2HfuEpS0M1UMqsPGgcOe+LGT/RzpFSqSTiOyGKIgUVNNWB1eYN3uXTp8PUREVSriGaIMrx0dbq6Vh8pEJJIwcMK59HkmhohCgYlpk9nMRNqT7M440Yjk0orjDLqxCeIQ4DTDK8UBt43lVn1Ydx4Z8QgjpJPO0jUSKiNhTk7GyH5Zsa1fSNJKJw60TXc7+fGKpAnBgKq32kTtdyU9xoVbVJ0zof/yLRvFuR4+sBgSDReDaPqqMQ0Nx0WOY+IIRlQapXi2m0fBkFa2q6LltRNebdehRrWGZzRJMrGmCQLqZ8/mx08pMM/OcwvjiYXlCPpVUHSyhRJDfJxhvqUNSGNSZCswHapYT3ZJUsgM0u7f3fQpGDZqIh7Z2xTze+00z/AFY7M3FtpN05uaJZVFKFr/M6qCdQuv3bTzsv6vzfyLYSxEQyu/ueSpQH2YqMjY9hOCqU4Hx4mitn3FS9VXrDvmPV0F9lvkcw/duL7EUrRoomfxxMH2pWDlHPEnpp0flzrLhJPqPww46TswncxWrfiooWzAo2Uz1n1YOcztMXMqxmr8LQMBTZsxJuetSGPauZJZXuhwD8gRFqpxQ4TwiZqTZeIO1IQucT1aNocQrQU6iCePiJWTXqxYiR446Hxnd8MFEEerzHHAU3AWSfD0VBmD8YTlu/zHF72zn/fkCNSOjTEFiQpiJb8ibJzu/hF81yL9xgvy/9hcH9bjjRCBQ1xdg3r1uE3lWyBCaB06DzT3zeq/xl+bhoQ7DackIZ7e8++gPbEHtK1f+2ZbBTZhUISJxTltiPOW6H2D881XUBkPsU3Fgo2r6vdU2fPQPWc+6XWZFPLCkCx/inBvvAO+eOupHbyVCyccIJ9hBeZZbb8fnpZ1riyqCOK4jeq6f5S3PB51WY8ig0Ql9eHOmB1lPKjRpx5KelDDFmgVDT8stMxSxETnmpr3244Gd0AvIeN1XG/CkqU2JHsuR4KN80eB4fhLClec9GJynUNgg9BLyKzswBkmXriZy01QucSMVWRd3HwAZPrTaUIhLYm1S2dhyiozEHoJGVPlhbtkkHUPHhc3Ktn+Kq/4Rtv2J1XhXQKfaNi2iDpcM85xPfQSMqbKC0VZJh2p8moNHnV1UDJPzSmYKElaQhDeYmfR2+XihrbflSGFGjGJzycN6O8SLqLpHADo8crrf9maE6KH0Pz50BVQKugLx2dvCQRjc0W6jjXByrUsfrfuY2jtuHV7vD6dVev0xLAOamwMa4/Pyz0Bp49xdgkZo+MwdLIkD3dJktDOVeVbR+5ubpby2CgTnzxfd2Tz7Aef1s2A79I8FGjbl8GbbQKX0Jcsw7C+ZsWJ7x4r/+YH/QZEPaPbIBmuzKhRRKhXhYNx54emZhXpK0d7A6I6IfphlGgWC8d4Q/q9M7bXfwlxUYxLt1W+Kji5OkXTE/wCQnyuviLI3DEr53jV9cV/jLq2W0yThhyHO7U7JUiPbd78/Znru0pynH+5tOBq/60jTtw6reBEY71kR1EZAtLLqt3JMz4ZP5C/4dBqSOwz2jLut5trS3IH2FgNEmKcYGIR62uSdUL7RfjOUfqpxSWbrh1ly2s93LY0SafAwb+okvM3yEzNouKPiKluJ6+oEGMhTLIjJE+OOUIMC0/SJrkeoZD0uiVEsuAK0Wd+pJE8XaQqgGQjMEPyZjn5Zu6Lr5pnTXq9cidEiJbMvFXvONQQPHePedhPz80ua6gJaQmpnYh0g+Y6GZsBX/X0vEG/+P1cfHDrIe9tV22t2dp6TodDY+m3VAaGpPm4zoJSSEDoPIj2dlD7P4amafbK0cei9BloFoGTjrbIb83e8s2CPXsMzv2+ILE+983KY2srmvOWXzq0qrk2pJOzE0Jh9DfxwUiGXaZtHDmv2LkFr8yBaq+6/Xdf1N740Oe+49ABAqbZHHBaoqX1THtQ19+LJ9zSEBY3rN3TtJgQjRaldLTeRF/xZaAJ3b3PFGLRNlsWjwjHpyQ2YWgkSTo018uYV/TZD8zsf8y/rPSb/5+ZP7rtlJTXQjrBGGd66mNnCDTrbEPCbX++uLDJ++uRe387Jbek9VBHJBTlTq7wD2WX/On9yuHmbOGw1c6R9LghS1IV1CCWsGGLTwHJL49aPDH768D/jtp/f6k1v/WMBDqlmXGCUhOuo2O+FbTmxJXNg9NpAqcr8u2i263fLrLPamFozizZbamPj4hBAVpAOXfZLM/humWlL0Kk7rIj5rxhoNz0mf+ofd2B0hf2No9RBLQ7y8Mjo8zlNFUHNKsQbFFBbJRGrrh8SFXNDcX3QkRExxRFcd0RKekMl82k3fLKAbuF9fBWtgGHNA8SNR1ZdYxCLoUPBFjHhAJrUYGDmTFtsPWKPJdprOhXQJR1nUHfVSyxZNvvVXQe0JV49ejz0T37C6HjtZbGKLx2R80B2FEzZf5QcK2ZMuCO0kGOpbKs20MBFbeq3cSaEgYx3gZJt/PMnfLqc+bw93z9A2itIgNIR+Okp8ABXn8EJIAGKbKjIf6M+qfLfMfI9wfkQ0c1ev2C/lfOG5+9MeSXHbKK6doObf3DUCaprxbz8eoxQXTPNzaI6sQOwOCwzcfAv/lYxQqyuWLj7Lyxc4faf1OUZ7mwpUkyxDMTV+JG63QVIjrkGnGyfOeYPfx93xD/MjJo0kzHoUgxbA8A486vKPGzt6s2o7X7nfUt+HqXy5RQd2IikRBvjSiEbhu5DyJE66y0aheRN/y97usBG49dhO7fzzSK+t05HgujJda5GDDqK5uk8dWLh/0eWjk97QiHtDbLu/t3g86BdioVbczgZ4/86dPy5lJ3lkBViRrbRGJHKPic1y4svBi6h/aQ2ZBnjq25+/5v2ByXcNxkQm3VfDFQCFVznaalG6ZmDQIaTYN0AvW5VCl1l3eGFBh3muNaYRT3T32h+tCxxsC1PMsmqJMgUZaXjHNtAugRn9PQg2toSemDB4ZLKqy22Dg2fsAQMD6vpC2YnP93aBWV6VaDDtADKcKeeKmSp8qfFVxsY7wVyND/ZexcM9E9GXoOlMsY92Nl9wZDeCmJWScMGGI0sTaBLV4y2eFm0i4d14Gofkcm75MXR/O7xw0GN+38h3eliU8cScEWGV812rkKenbgG6La89jhDZwTHcdJIjUhYvmOd1ivYQClEemoD8dbkhMvOlzVERC2qJ/ZbTGG366V37eYk64xjgZ6hAnQ86DEQi9/6b3JYkpUZRrRdZcOcSxKLx1HwgvImtXVXFosSM+2tHTfynHoyJ8qQklMdSf0DvAbJ/EnZnsSX5/YbwILpeml43QVkNOdJHpCxIIcjkx27AQcju6/WxirfMqDGIehl7D5QL2YzLqkMOQppNEqPVglhMvpT2sEYg/QSFiwmdAz0lT9DAbGWZ7zpIpQmUzghV7CBCMGnTy8JrC0Chjj9CAc0f9Mdj9ADnfiMYYFfOpbIiME4+eZXCH2kqG2eWKS2aRkuOPjddIX0DtA48e6ivQUk5OO+JUd6SMqZRHYqZclchsBYlnQ9r0HyOYyfqsYnwndbIz2KSXWZcasuTiYLSzaVSc+Bb2EXw53/VwMJAZS6OTH/eWhl9LDqqRLIVRXAv/vy4kuE5McZkH9/E3S6sjfidB6fxV0ytFaxQ3F60KNqiV+Fg6t6BIcHFz3Tt126PmEE/Xf8Pkj7fdKWmKqxObk4Q8npM0MToeJjWILcD++CpC7f6LzTdquN1aCXnkU2oRDL0fGKadhacGgyz3Z/O2Snth5Zo5lvjjSsqbt/JWTctoquLpLRCNw3bSk5O2meplh4kKSigZ6AEl7Pyr3eZnUCbAzABIMx0Ef0fJZYP7184DFxHl/iHCZ/PojwOT2h15GW9GOVnfz8Cf1fOurok9R4/98jarrmjVHECe9WH43RI6p911edLJycfHOh87PKYWuoS08p0q3jfyU+PtzmTh2opVmufkCs+r1KhojpT3XO1YlbmoAXFtJXH1CGEUyTH3DuqXfxLTH3jrAFSfA9OOFYN14MEI0Js6I0iPnq2+QoLhggd7EwhHWgoP/MeBBvGqMwmv6wnCLQqcHxTA3rfjyuM3s+g9PDYcIZxqDXmmS/RYNTb9lcv5+vHy0t2zBkA1rp+SM6uizZ84EpuziguvwmnO0gE+ZpMg4dnUeQjVeYJmmOvGe/zsYqqZ76OIDPctxxqISHDhe9oJ6dC9oBz8kYu6wsWIQ1oi5z5kMk58ZMx24cT8hestMiBZIJBrNy1gcID5ERGhuvxinvENJMJKjnBnyDB0wQnHKGuZCoMB1hXaTLPAmn6qNCKs4Z26JtSCLR5OzXObRLMZWv1/FzXXhtsBx7FxuklHPItmCmobgrP/e2XQKoo06bCykgAIBhW67cq3skmXT8pYsn5mve0XtcHlD+IMPqsRd2RI6/Fx1MPTLEU5Hk6gO/VGRZbzbwZ9fkM2P8wdUxlsV0hiUOPGfJVl6kWU+zt147C5ozcdxxBvQe3beBw0GGX8xjMSERoNp8NgIUVDc8k4k70b9Nsp9wMTZGnTACVZQ3t8E2sdvAupXGEM4pgMGVb1PVlbPyD3U3v20Pk9UaUY0ciuyPyxHHMJAc3u1V2KNIzYKJbGnn4X7/FDtuCkv1e1L8jgUtWWIMJLdhlDEFxs5xCmMHOk230hr/64RPCAHI+vvSwo2vLG2arP45TWoeDRxDMMI7Ge5j3w7DaIz4OTkzi539L3AbS9CRB0+XbQj2Xgh4pQxO0DZ8RyEH74OmIHFnY6YUBAWMPn835+UTeXFGkYbGU+ubBMKSfoHi7Z+PeeJPe3lCjFXmVy8gP2qZujDJGUIdOkpkQwSOjFL7MgKQ9gwPPQsN8/WBeDBgkcO3g6RmpP2F0pV4NktoK5EYyiXmXjCaTYQH74apPWLCdGGJiVab0ZO6I2tNg6y3YLqC6ovrHunIs/xyKGZhGi0nyILccWCvebZfdkhHn2UlScgQxp01VKPTJDAdqcJWZym4098VldUsN4gGqVTzCjkqCTo0XohWn7grUZG3JGIO1DpmlR60jAWFdeI5AyBpJ6wFAL5r4+D8uTtgLKyAeUXJnXGjUZHbfMMY6a3UE+TOKdLZ3BJJpTRqfmciSXpZNIDHFIlXa05WKW8t+erxieu/9T7cXRLIXVxkLbpCAQ2bSibWVQElu3TBywfNsC+mNzSEw5oNJoPsqannIZI4//0j/hZbCwwJlY8fCq45a2yhtv/573mk/BdyCuhI4jURT1T5BENhwcC813ATrkYuEkXAVP8b4BceZGUDdVnxEjB4QCxOk+C9u0noBHnWj/wGbkuixCsKOKhpJBhdG8O/m5mzO46cZsprJpKBlkxMd759helFRy6sUqR5pdk9asaRRFMECb9F2QwahYYaKqR9Pova6RjoMlH7fsCDWtiO6itmrhDhbD0n8pKkEY+X0HnF6y+rNied02pcF4eb/7pqALrOA1Qf7eTdZJXI9YZEisapEarCTWU+/Tyiqbgji3V8tbHvmo8FfVsipRyFQWXDKuT1cRFvroPZJjyRnA4HIrUktAqAEM4U+OE/Kai0eogHq0dIgVOp+8jSkubm4dNfzs1YeEe317oJVGfCUAvz8lbMKXQvpSIjdbckmHZUMFifBvVUiQYTZxChmSVmdbCAkSXxaKr+tDYMDYWiDOuQe0K2jje6rwaYxcbl7WOY3pU1yMrZ+m0RIhsaSQCSWsp9KCkaxo5zjCIhCXJPgQKzQbzHKNW1UtPj3u14ndwluOfFAFhrYmlz/sAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAABBCAYAAABrRc5sAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACElSURBVHgB7V0HnFXVmT/nllenMQxNqogmiiW2XYIaxd3EiIKRZkABMQiRKEpn1d2MGghNURAVBJGSGNHsqonGuAq2WCkiVXoZmAGmvXnl9nP2+859b3gz82aYgRnM/n73j2fee/ee+91TvvOdr90rIR48ePDgwYMHDx48ePDgwYMHDx48ePDgwYMHDx48ePDgwYMHDx48ePDgwYMHDx48ePDgwYMHDx48ePDwzwJKziJmv/lp9o6j7MmERS/j4ohEOJGJwh1ic84vCEf+NuDydjOvuuoqi3jw0AJQyFnC4vXr1a++jM49rvnvZUQluNY4FJmY8FUieTS+qU1B6JmWZPbCwkKJXHFrIHHiiGxKTHaP5mWoiccq4e8BvXDUKL0xtGcv+zS7WLJk9+pK+EdI77CVGDJkiHmqa3Fsdmw5HE5vy/y7b4hQSjlpAmYvezNbk3LkY5oiBJk/aDfh+krSPXpYGz9+vAGyh054+Y3czGNzauSZUbNwbP8Efv/t6ndyIlZQIqeBC1tHzbH9XTrNhbPC8IWcS5uXfDD+iB4eQ6hCZM7EcQbs7kATcmhsf6fcwNAJt19bSVoAOIHTln7w7wc15ZdVe+M/YqQVMBfxw4KDpUapaA3yFqew50jwRYPVqPK41PYzuHYEMJ7dEP3Clz6+6NuqxJ/jPCsoUYce5m2BJCdvVybWP7XmsxETh/TWGrp+11clo45oOQ87kkK4BC1yLDJ98fsPwqk3SRNwzMyaeUhT+jEp2SdDrVsJl0JyGcCdOE394AWkggbmwrdFr334YbgskrM8zpTLKcUrKMwT/nUXIMeBSoNUTRi+w4BFSGh74VtvDQpX+rO+LZPfizE1z93NgZqghESAFKUZGif+inYZFc4q+PmfpBnR4gwP/Zd+89y79x5OhGYC38EIO6LLkugSI37ZPHSOLzF2zq9u+Y60AFCq/2bhu/cWGdlzTKbkMOBnibuzzpC9CUurTV1mEBOhED8NHGjMPQ7FrSFlRuCHjqQCbZkw5BL4BDWtdUkk3g2q7Gjo+gqe1S7qhLo62BRgBAWoJCSaRZqIUkvtHLOUri7f0CRT1azDqSyO87R+Y5clZGeitMLffrUD1a3iDhqTu/IUU4prUBww6J9M6mw+yTWA9Tm1K3MKCviBYidQZTndNS5ni6WFS4er4obI/rz67mkk3ErEBsGYTYKnt8U0gBZn+Pvn/+9thxLq7xKS4pO5Df1BecCJxSUSpFrsnIAx/Zq28bXPkJZBccF11x6PsNlxIucAC8I0U8HohJowrhIwJbYnxRWMJIWYmAZTtk5p46A6svbdyrtwp8LFbMNypjjpxCIJRrLLq9gQqPZYQzRs3ZGZaRKG0h1ubMM4WabdZDWAWRa1LaW6D5nAod8KroPkwiRiPHBxMDjHxIVRRaaOTSXH4ULtFDJdwu82cdketE6mElf2k5OLRwgL+IUbYpGPoC7owFfG4A7cZXAh5pKLSDSzxmZBk//hHgJzRR1GmhktyvBjn377J7sr+VKD+fIl6D5KdmQMHzeJJDnmOdnWlMXj+72ymLQcSqu0wWWmmitxTahQsOOQADUMRXaKKFMYgx2oJle7mzgHQzqoasdPRX/zx8f7VGjKebaMWgtKMVSNZMH8OJmlNhsB93yCJrWMTHAcYFQT1QZZTDYyn22zJjsUQjxyOGRrexzmwxUNHcPeEqG0CVnPGfURyYlzf3uD8GwqGFgWjOhjCaIoWlL1KiOWpUMbbMHeCJnIdpjGD1iyjPwNMl5z28dSYyZ2R9ARmaNKejG0BjTDCuIYfmIxIhRFZHRVsqvCXC9xmIpiQULKJ2GLOxFYeJLEmF/Vj5FmRosx/KSlb3fdfMD4k+bwfJQhNncNVUJ1kA+cdQ/Ff79k0oDFL04mLQaYbvnmR968EKYAWwD8Z0ELbN4m237kvhFXPFep63WY8HzSQ3zuJntIF8PgDenvaBvc8V9vj4pyi8gmFxIL1RoCPZSEiuqQcs66PfD0X26Ag2vro+NYNkhm+OQ4+UwwvWkYTWb48T+/faLf725Xov09evBDe/bQ9L699umH5368t/J/bTuc7SqVVGjofsXc0TU/tEZULG8NO0wpNS1XvcDil6qiv777tou79CCCJtJO0cXfqXEjcN9Ijx7sKkqt38x7m1pAxGYpFZaToBzb+sDtffp2uLKVlt62dKRo9ehB7KUPk2ZFizD8xEVvdN65K/LXKM/pgMNJGdpwprvMYb23C5gLr7u5+4ymeiGaim3biKyb3I8qAhV6NSc+ohngoHmjd+fO2hmSJxNmvdG1TOc/JSxAHFwXILA4jQAPKaDqgsogMeyyVFSSGE4aYPiEpQFjBEECctd3xU9vJ7/4YtqgR+i3q1fnbPhOer7czusko1oidhMLVEv7YDjERs4Z37cI68XVCDC7TR0H+REXoYPqDul7PjVIE6CDTsNMoMOp2F2RjgGd7JbbSj+f0lN6r1oCp+UuaghzV64M79wXW1ymBy5GHicGDBaIL7eYpJWs/0V1YjPGniVfO7cs0G3tZHGgoAohNUv84WhUvzFmyPmygXSBMJS2UmxpDosVc7gXB6kPM0yqLLnPwy++2a5eQqCqYju5CbuQ6Yh2OnrzDs+6dVzZtJnML9VC13MkjfeAT9XWEm19WuExtmVTjQtSY2a642fDoJEmAiUKjAPF67lpuH1jpEWF3KnQrBJ+6tRl2Z9+w5ZXJHw/dyh6GxIgtSQhHfBXDol8dmGb1qOfnPzLUnIWoOsbQKW2HW67xhnCYnZA1/QB98xe9nwXrY1T+5quXbNZOHzCAv+50xDtdevWKTP/fHg4uBCpKUFVMBZlORovyDKfK42QSKVtTMH9hEGcIc7sjju+0/vCZcsz0UKmIMDsklCDkx4Up8HbNwkLFrzjn/vX5Y9WJsKw01gUYx82/FWoyTrm0ImvzBz6cp022dgn5E3ZNUQdk/5qwtL8+u7h85s8YOj6/PkTq3fOLB5VQMaJhSJ8YkBOcUz/8rV/zwdaRn10SvcWVL322pDmG4A0NBvDFxZy6csTS545bgQGMBhKClumIyxyLlSJLLX86Hmd2w59cnL/s8LsCAxi/ew3yw9ELX69y0a4rcrkcDmZoUTUe3aRMoOiqzTpEAZ1gtMj5ei7Kb/loWVf5mexFSufGL0zk+q15qsT54F0/xeLoXfF1dZkn7Vj+HX3bFv0/uo3eDQ+weLoMgFTlKlKBeUDFrzzzh/H9+1bZ6K5w7iD0jQ5Xuiyc2yn2aLgaw8fH1AWIRMNylQJZwVsBYUYPD8n8eIP/EUv1q6fiEVBpTEk21KFtwRRxdXs7yy+OaVuOWn+TuHniimkXY78NHx9MnXcdBRV1xOqI7mmABqtmqRc9uHG0q8l5ufCLHf9lWJ8JRCMNC7z9l20ifDzddICaBaGR2ZfX75i2lEtOBL2LOiCJmKoCHTPBZldeW4bddCS6f0PkbMMn8LW8oQ+zKQBVWGOYKoEhQiPTX9Qx0mNfA+6twQehopK84biiH7/oGnL7gLj9M3aTL/vUNUozVJDDgUrEZiew14dCtC3+vSh9rRZa7YdP27uMCz7EvRLM9AhYrpzw5avKi6ES7+p3UbLAKPVSYZkYNLROWibrFkYfvCkZdceKtWf1kh2CJYzETsv10lO2Hi7e3ZoKsQpMhgMeaDGHIRNxqnWP9BpaTpyJ1qtBZ+8DAUJRjRCmtEqnYqWQDsAHRaOa7TCvcHV6YtQ0lFOhrF42hzgjkhhrLJMGiIthGbR4TeXPz/8UAV7zDCYZIIPSodigF8ZiwXF77deWDFzxBfke8BVF7V5vUDS1zHNIXHHJDoU08KCvm7wLBvpBfzocM6wEnBeB/NWCR8oIYsGjv9Dx3Saa9askctizjATtnzTRDrAGCyRyFLNN/D8rGmDq/zM/KsDdgvSNWFfjyfkrF1FiX6Z2oj+c/BmiLEy4ROkKzVt+4wZflzhmvaHThh/qrR8bQ2wERw7AQsJmI9a27vlSfcvfOyuqkzX6YkYtWxQ1aBvqYJts3DcsI0GfAfbpLpAm21Th37oNfhJkW3YKUxa3S/4xPs7MM4WFDOdBo496Pm2aKfRbLtbbZyxhB80acnN24/w+aAbq45Y6bjywfmXFIgqt5hssk/q88gMHjw4PxKJYKgfAxSio6FQCPdRJxwOk3gcQkbo+001WFE4lmg0SrKzswl+qqoqzmdlZemrVq2Kp9PHnI6ps5cNYjsrHjsRl4aYkr8VKBABPMdrxVlxthiHoAtJGbUMje5z4v6y3vBjTarenz878rMqLasz+uodySASBGGCvvjenpf+aPdr2Hvo6233LVnrxJwpNghUSlxJWWXZg6dNW7Ng9uwhkfQ2mhCdsaAiE/57JvzwjnVmcz70wRfbfbmr5I8Vdm5HmaPaZYsdJEy10u6t5dHLZvz6YH3XGloxMLxN0Q7n1WPjsIBCdlHiThIVQTqXvzFMJMMW56dmSY1+CYFnUfQRoObCoG+KzCMQdi0CFqewpMFtT5MD76o8kuspbVT+0ungjBh+wKRFV287GH/FsAO52HkuIpmkOjrnRugcljCMjJIEtlNl3759Xauqqu5LJBK3waF8DJXAQBnANBYsBKzGEZIkiU8i1gUTTAXXkeSNRKWKiorNY8aMGbhkyZIaCUdzpv0qCqcnTZy/7Hf79tvtS0vj+ZaIN9VyscNPOaD2L074JlGu4AYMmq5DErqvW3q1g6V8vIXRFJLSZw0S9LOPPv/gi0797/o9McAZrvjMqEz1/ZrFz8dAFOq+Mdu+aHOw7HK45MN0euDFoAyEmi0l3ZLoh7f4ae++wyevDO8tKp91wgz2Aa2ZoE3tgIYZhP2mbYEx7rV5kz4/FQ0H/Ie2fVIcBBQzsfkPD/QkyfFOCTCMRaT/TofOYNGArsaxAcJly0mI2dsWzO//7z/u1Klepm5Jd/VpM/xd4xb1+HaP+VacBXIVETZ2qlNRRKjajRuDO8uS5ICUUScDhkeO2wSf43bv3r2wvLx8Mkj0AcDQIo8ktWzw02HuzlGdgcFrjgn62eG6MDD9OQSjH7WQHMTyZKkX1wybexkDYw3TIIiIQkLPLJabOv/Ab1d3+vuGkn/jwrfvthLTJY5F1DHHiTQS0xVQTtESA2RYMEhFJUcY7hCplysrzbtJbYYHxhL6MkvmvwgvzelJ+MLCNb53dx6YfjyhDkObBSO+FrRPtWzWJY8/8u7iia/TJZMaJoJyBL1EaVoV7GZCltVmxoaYU7LBGkGXpCyL/qNE4ZLJ2+idWEvHYOrDaTH80NFPt9t6OPZWzAy1V2H3sajqbnHVcFlVTDUIZ0dhV8LX9+qjl2T8LVBGgoT+/cGDB181DOPSxg6JWBRg4ufk5KwG/XovpaevDlCmQ0AWDW7XgEI5a9tm9Tht2FE0zLTDKuUnDTqcO+imz6aqz9268SCGPC30+4icHZRuqEKVR4yhU+asmT536pDq7R9D+Mzi1XlG4p9zes8qrNu1547SSvKwRQMSGqeYii3DDtQu217c9dobFzSW0bhuYxuIO5boYjkNmwLjMJbjJtTgQKKkV5o9PaZJaPK2OW7cmqxdJcZL5Rq9UAfd0ASfHAdDkIFESBXu2KI4GNmAPsbj5r2DxzzdpTH0QR3Z2blz5+Ggl1eArg76+ykK1lFkAvr+y3379n2o9oTiltvYMmZMYSge5xdgeq4NfbJgV2E2GlFOVPS9cE1WZZSNcMArY0MEizlU+NltcPUbzATXtQ4WSwJ82BqqKRwDSBzGA7yOQMcUUtywFN/HX+0Yld5Ghq4+EKDMQUnPRdBHApsINbnGlBSdn42a1ftIOXvBYAEJ9BGCnh8Gbc2StI97dsx9YvGYK51T0Kpmakekbrlz6OBcim2bSI1sUzUdnuQJ9NYAORhLJoGmKjeGDnr/SDOjSRIeO/Kv/WauLNP9N2O2nSr8aG7ojKfxGScn01JR2lWx0Lk7i7RVvxg55543Vkzde6r7LF269Ntf/OIXf9PiiWGnqov38QcCH11wwQXjx44dWyc8efXPp46LWcHBXKhd1E3HY8mVLrlHkxoYJ6qSBcxyCXqEZe6G00GXJwHJEdJ45659VyRs+UI85obbHeLnltalfWi8KicTvZ00/VaitCKWuKK4itzPk6oNjlM0Jg0qLFw3v7Cwj6vHJtU1NyUfmF6SSdHxxKSeNz1+B7ZUcpssvPTV2YWYogtHA7JWtn///qHnnnuuXl4Rn2JbrUMoSauNTbjEsJWOn24vebXnTTPRShSZviK4xavTE4WyCLRegkteFk2SHDffLElHc3iwZ9/H1zKGKcKc1kk7rp4O0NMlY/+YwsX3HStOZZ4m1TSxlqWedz/6+HvgGBANqbttuMnKoIiRfJ/zPvx4nDQjmsTwg+6deQlI9v4OPjVBam5NNKVsC/DqEaDJ/OaIJf/ku6PWF70HzFjRo2v+/JXz7zvS0L1APfnA1I0GGR63W8WnftGpU6eB8+bNi2eqo0nZP0woweuZGNxUxDV9mE/2g6IPHhgEJhtoK8II9xFdy8lV8UEQ+i+3zbjLlnySYgvWEzGGXJ+zdu3qB5fW18ZfPvT8urJt5WMtHlSFqgIMbdnBiz458PXVcPoTd7h4yhoQui4mBsesrO5gxnbn1QNJUiPrsqHw5qj4bX9xcTdxltGQP5mhW3MMmHIe+LDOk5DNG9AobO774ORY8Bp7JcyjHGfZP0n64Eh9ygH2hEnyyYisyD1z7TmEydUcw866BjlIxh20Dse7DI/9DjmxXaSZ0aQt49Y7h+0Kq+zrINWKAtQ64hbzKHweVWW7WJWgUMv9TBZFtkpUyShRiVVqUpmeqCIjN20/9vn1A//zvyZM+F3H+u4VCASOoUqjqpkLqjJQZxeoP8MWLVpUVm+jGT5BJAlmdr0lbs65lCrI5NwtbnXYviU0Ox3ik+yq9jnOb7NiXb4bcN8LbeK6cgvFBUFxw2cg5zkLh/lLDY3Zn56+70BeSHovJSAkuD84ZAIVkdgdqTqwEYjlKJgJzguDmVrurllrfaaeCeLJ7FPXz1Tk0iFEBJZSHjI3oO+QlABqOJSF9U/m00mC/kk6mNbtiOQ2R6QU1we3uSk3sklo6v4pdwb0TTxswnkNb16qiLi3GAm0e8j3mw8/qs+5+ju7d98Q22uENSVOnXJDMnSZGopGMZ01nKxnmjJ1P08GEIqPlAaOREpVFVwpkiVLxC+TSkOrd8FZltVFgUB4bW9MdcNlNdK2bdthzz777H7SAPL8+iFQIY+AwArCRClckmV3FNPpJuOHIhroOH5uWGFVKsrJ1hfe2LPPClA9nP4jC3uBTuwP8WAZkw00BnlAsY+r2dI/yCkQlLVXfdTsBUwKqhLlEOKnTsLuNWbSvIIlT04uDUAo2C/JZdxJTgdLmv21GZSf/IKRbGTAEDVLO3Rwn10NSHZlgBhlUlLJTNVFE0XQqzWUrm2Pp4TsJz5qx9wTceaX4qU2UcqqNxha9/rU2KUaRsVCxJFBOh1As9rM/UQvU5CNubvVu7dMU4Br0EShhLurq+z45WhGd/aZoMlemr7nn4+5IE1KE20qcHBGjBjRBwJOmU6CHipp7dqfM2ThwoUbTkXr0zefePKlt/7xwltv/C3PJwcUzWZ+7sj1aKAQKJMkM5Ctaq8snFqCD218/JqrQnYM6Z+wjlmXuT67IMGcdzXkt/7nhSmnfEikg5z3el6HsrU1H3aAJkSzRaDhooLAwtxsYymz4032hGQHVKNbt25iPs5tE3ioU25cidkYtQomazQuC1pSVO4P+Kq24o/Iwarz2/rugHhvjYdimd24aFgwN2wuKeyfeOCBBfv83ZzLYo3u18k2S0oOLyBto1+S5kWLhXDPBBMmTOhXUlKyBtwXgdQxN9oBjj1JirdqlXvfokUvrCIePDQR/3QM//DDD1969OjRt8A33TW17/GUQQwqa15e3iMg2ed+X4ELD/+/cdbeS9MYPProoz8oKS75I0j2rir42FP6u/tQNOHBUHDWJZdcMv90mB3VpOlTpvStjEa7ZmdnbwevzocN1JUmT558k6ZpXfA6KlRQkd5wtE2bNu9kyjCcOXPmRUeOHLkWTZRU+0AlM8D3/vpzzz0Xq10faHQpLS3FB7zzkvfkmDMEhvou6OProzK8D2f69OmtEonErWDfCHMJ2iPaEQqFdsydO/eTWvR/UlZW9oPrrrtuzZAhNXN30up0Ky4u7uvz+Sy/3/8mjEkd9Wz16tU5n3322R1J37roGxZM9YC2Hp4/f/67mdoI/Q5CodjGlGoKsZKNs2bN2lCrDRKMc69oNHpJyn+fvIY988wzLzX0LPDp4J+G4RcvXpz77aZNrwJr9UTvTG0EgoG3C9q0eQx87TY5DcyYMaPT8ROlK23mtILdYwsM7uX1DeaDDz7Yr7Ky8lUYeAfqxJIM70C7vr7++utxgmtcB5PcfdeuXR8AsxfARFVwd5UgQ1R17Njxr1ClBsNjtuX7778/GyZ6CNRHWyGaXFgFwCS5mzZtwhjlmvRrcL2NG/vr52Px+BCgGwXW05IMggsF89BrMDwspkGRSGQM9OMj+JmR4YuPFI/R9MR0LZHgWdnZaLfXeZ5+z549PYCBHwfPigTBozwwgX0Q6MP0DBPagWNRg+Hj8Xh+VVXVYzAWneF8abpwgoWKufI1GB7aeEV5Wdn/gHc/l8hUtDM53mh8LCfNjH8Khl++fHngm2++eQnCgJdh1LS2phXwB9d2ObfLyIkTJ54WsyMO7T90k6EbrcDrZwLD95wyZcoNpJ7nTGOx2E9N01SzsrJGBYPB90ECVk9anz596rQBJOnlhmG0Awm2EupPSa8PEqzOAy9ffvllK13Xr4AFVZyfn38jMEYxHi8vLx8CxxfDvTHBrAbDz3vssYJItOpGiUpGx86dfgSLJZo6B96qOk4EoKFAP2VgwIw+RHDlZn3x+RcDIQrKcOFEq6L9oK2roNR+09c30J9LMDO1qqJyWULTbvEH/MOAKTcks1rrwHZTm+327dtfCu2oHgugUectYvGqql6mYRbkZufMUYP+p/AYjh+MQzJa1bz43hl+2rRpudu3bp3jWPbtqlLzTVkov1RV/UeXLl0GgiF72m8lQ+k4YvjwMRDmOJ6bk7e4oqz8P0qOHB0Hx9dlUo9AEkkWvuPFtNtaiuWzLDeACxN4IhN9mBysj59tYLICwGRioqDt0Uz1gQnA+ekoIAUTsFDKnnrqKVFvzJgxZY5tO5Zh1ZmXCnENQ/+p+cQTTxw4lVqHzA73kWFhZLTTNn698VZD17vl5eW+ENfi3Qwj8dMTJ47+EE+l10uqb2LRjhox0rHdfsZXrVqV8ck16A+BDmA+IaoqBfBbjAXETE5kWEwkrut+yzapaethYkk+PIbiHcYu0RJ2WrPnKjQFKFl8iu9BmMi7oYMUVZn0Asyzo0OHDqPOhNkR48aNuxik9lWO5WwCleQ5ztgR3TCuHj9+fPdM9eHenwEzWlVVkadgcWwrLy3bWlFesWXHjh3v3n///efUrg8Tg9mZxXCPvsePH98GEn8rSOst4GlaP3r06Btr14d6QgpimjPm86cA12VZpqXa+JKaWrDEQyImtRv5YAjWE++V4XXzUTAtOx6PDQCaql8NrpZl6e/4PRJJDGyIJubEIE0sDd4b6lm2pe7bs3drUVHRDixg34zOVBd20W/w7XzlFRUPwJjhuG3FMQTbYt299957NWlmfK8SHgyYsaapPSzJ1FedW5xMAIBI6rGCtm0GgPG4m5whQI8dAYKThnLCu9avX58LOu9u2Jr7lBw9eiucrvPSs169er36+eeflydisYsZ45IQC5z3Bl32FtjG8Zol6fWvueaarR999NHtQLc3MEOAuELqApBu+BKmCSSD6oQMjAC15mTCFiZZATM5nGdkajxPG5kKKmiB0Yi7Ve1zhw8f/qFu6NfAvWN5OXlRYOF9oNJUQv/uWrBgweP4QtVMNG2HSUiT19M+F4a4N3M4a9u+3Z0ck+rBaAVVb0um2iDQPjKMeH8tblwNupUPhQCM4wWwOwwHOpha8jVpRnxvDD9rxqybQYLOoxL1K5JcI88F/mm5+XljgNl3kjMESLP8jRs2DMStuKK8fHRlefmdsK7QyyErqnrLunXrFtXWy5NJaO8ki8DQoUMfggm4BRioVe17JOt/lSwCgwcPvhGYfziUjOkTOLFih/P5qo8BbVlknNbz1jGQnOKFeKQRAIbJdkTqZV1EK6PXgrrTAQOjGzev/8h97SMPM2Llbdy48cekVr5+CiYEnizHJj5Wf5JCIuFQBiFpC0yDF198cc2p1JJkavgnJM3oBq/SQBw7+JpNmhlnneFxkkFnvSFWFX1ZkZUwUU7aVG5omlRmhUNTpkyd+hfQ78mZYsvmzUN0Te8MbrcP8wta/07BV5WCVC0+dvS5eCz24yVLlvSCap+mXzN8+PBhIO2uTz8GW+1NwED4GvvDte9xxx13XAETNDatjxJI9wuAgRXQXeu8JBbOW3C+FM5fAT/n3HbbbcJodUy7j41vIWN2HVsBDOIY4yyiJ/TWAwcOfLZ///6YPwTal9IBjMH3VqxY8UoafdqvX78s3EVq6/AgRMLbt28fDoxrt27dekLQ5/uOAVOC3XE9eEweqaiowH58SDIAnwU2QK2S6rELEKjDm5bYXeTBgwYtHzJoUCpfjUMf3oF2/jm9/j333HMt3Hd42iEKbbkS6GDfikgz46wzPDD7pTAJzwDTtYVS4xy4vFgwFJrXtWvXlc1hsODEDxgwoDWoR38HT89SGOzqbMBBgwbNcWLO7cCo7WtfB4OdA7p1D5DC/tT2DdvsIWDeV2Dh/KV2fdDJw8Bc3WCSq9/4iy5PkN5/aNWq1cza9cErFYH7z4WJxkcbL4a6PVP3UVXff4PnZlnta0ASxu68884HgCHHwXU/whiFyBZVFBPuk2kev4HxlaFOjSxScFeiDVIBqtkSaO+K5StXCpfp1KlTd2zbtq0nHNNwUWTKPoV7occGaVaQeoCeGC2urYOduyAeS7QlqcdeibAr6khs4IUs6M950J9UXgEKpAS0bzk4CZ4lzYyzHmldtmzZQNCpe3HHfeiiOncc4hkhv3//v/buvbi5/6cI6fdpzPHkOQUYoHpF9uzZE33y9b4cCH3rF110UfV2hW61K6+80m5o4W7dutUH9RQwVsU8wELjoFLomV+dcbLN0K5qd9aJEydYJldpQ/2r7zlU3sDzqY05X7tebTRAV4Y+1Rg77/8C48GDBw8ePHjw4MGDBw8ePHjw4MGDBw8ePHjw4MGDBw8ePHjw4MFDy+L/ANkE8VPRpylaAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React from \"react\";\r\nimport TopNavbar from \"../components/Nav/TopNavbar\";\r\nimport Header from \"../components/Sections/Header\";\r\nimport Stepper from \"../components/Sections/Blog\";\r\nimport Hero from \"../components/Sections/Hero/Hero\";\r\nimport Footer from \"../components/Sections/Footer/Footer\";\r\nimport Sponsers from \"./Sponsers/Sponsers\";\r\nimport OurTrainer from \"./OurTrainers/OurTrainer\";\r\nimport frame from '../assets/WhatWeDo/frame.png'\r\n\r\n\r\n\r\nexport default function Landing() {\r\n  return (\r\n    <> \r\n      <TopNavbar />\r\n      <Header />\r\n      <div className=\" bg_purple m-0 p-0 pt-sm-4\"\r\n        style={{\r\n          backgroundImage: `url(${frame})`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'center', \r\n          backgroundRepeat: 'no-repeat',\r\n        }}\r\n      >\r\n       <Hero />\r\n       <Stepper />\r\n       <OurTrainer />\r\n      </div>\r\n      <Sponsers />\r\n      <Footer />\r\n\r\n    </>\r\n  );\r\n}\r\n\r\n\r\n","import { toast } from \"react-toastify\";\r\nimport \"./toaster.css\"\r\n\r\n\r\nexport const toastSuccess = (message) =>\r\n  toast.success(message, {\r\n    position: \"top-right\",\r\n    autoClose: 2500,\r\n    hideProgressBar: true,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    style: { background: '#228B22' },\r\n    progress: undefined\r\n\r\n  });\r\n\r\n\r\nexport const toastInfo = (message) =>\r\n  toast.info(message, {\r\n    position: \"top-right\",\r\n    autoClose: 2500,\r\n    hideProgressBar: true,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n    style: { background: '#1F6992' },\r\n  });\r\n\r\n\r\nexport const toastError = (message) =>\r\n  toast.error(message, {\r\n    position: \"top-right\",\r\n    autoClose: 2500,\r\n    hideProgressBar: true,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n  });\r\n\r\nexport const toastErrorCustomTime = (message, time) =>\r\n  toast.error(message, {\r\n    position: \"top-right\",\r\n    autoClose: 2500,\r\n    hideProgressBar: true,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n  });\r\n\r\nexport const toastWarn = (message) =>\r\n  toast.warn(message, {\r\n    position: \"top-right\",\r\n    autoClose: 2500,\r\n    hideProgressBar: true,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n    style: { background: '#F5A623', },\r\n  });\r\n\r\nconst codeErrorWarn = (message) =>\r\n  toast.error(message, {\r\n    position: \"bottom-right\",\r\n    autoClose: 2500,\r\n    hideProgressBar: true,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n  });\r\n\r\n/**\r\n * Succes Message \r\n */\r\nexport const succesMessage = \"Record Saved Successfully\";\r\nexport const errorMessage = \"Something Went Wrong\";","import React, { useEffect, useState } from 'react';\r\nimport \"./AdmissionEnquiery.css\";\r\nimport { Checkbox, FormControl, FormControlLabel, InputLabel, Select, TextField } from '@mui/material/node';\r\nimport { ClientId, PhoneMasking, PostMethod, cnicMasking, codeError, formatDate, getMethod } from '../../../utils/services';\r\nimport { errorMessage, succesMessage, toastError, toastSuccess } from '../../../utils/Toaster/toaster';\r\n\r\nconst INITIAL_STATE = {\r\n    fname: \"\",\r\n    lname: \"\",\r\n    father: \"\",\r\n    email: \"\",\r\n    cnicno: \"\",\r\n    city: \"\",\r\n    courseCategory: \"\",\r\n    courses: \"\",\r\n    stdStatus: \"\",\r\n    whatsappno: \"\",\r\n    gender: \"\",\r\n    cellno: \"\",\r\n    lasteducation: \"\",\r\n    dob: formatDate(new Date()),\r\n    ownlaptop: false,\r\n    zakat: false,\r\n    jobStatus: \"\",\r\n    getFreeDemo:false,\r\n}\r\nexport const AdmissionEnquiry = (props) => {\r\n    const [formData, setFormData] = useState({ ...INITIAL_STATE })\r\n    const [errors, setErrors] = useState({});\r\n    const [Cities, setCities] = useState([]);\r\n    const [courseCategory, setCourseCategory] = useState([]);\r\n    const [courses, setCourses] = useState([]);\r\n    const [stdStatus, setStdStatus] = useState([]);\r\n    const [genderData, setGenderData] = useState([]);\r\n    const [jobStatusData, setJobStatusData] = useState([]);\r\n    const [EntityId, setEntityId] = useState(0)\r\n\r\n    useEffect(() => {\r\n        getCity();\r\n        getGender();\r\n        getStudentStatus();\r\n        getjobStatus();\r\n    }, [])\r\n    const getCity = () => {\r\n        try {\r\n            getMethod(\"city\")\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setCities(data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    };\r\n\r\n    const getCourseCategory = (cityid) => {\r\n        try {\r\n            getMethod(`SMCourse/V2/CourseAgainstCityid/${cityid}`)\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setCourseCategory(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const getCourses = (city, coursecat) => {\r\n        try {\r\n            getMethod(`FOAdmEnquiry/V2/CourseExtend/${ClientId}/${city}/${coursecat}`)\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setCourses(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const getStudentStatus = () => {\r\n        try {\r\n            getMethod(\"lov/v2/list/STUS\")\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setStdStatus(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const getGender = () => {\r\n        try {\r\n            getMethod(\"lov/v2/list/GTYPE\")\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setGenderData(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const getjobStatus = () => {\r\n        try {\r\n            getMethod(\"lov/v2/list/JOBS\")\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setJobStatusData(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const handleFormData = (event) => {\r\n        debugger;\r\n        if (!event) {\r\n            return\r\n        }\r\n        const { name, value, type } = event?.target;\r\n        setErrors({})\r\n        if (type === \"checkbox\") {\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: event.target.checked,\r\n            }));\r\n        }\r\n        else if (name === \"cellno\" || name === \"whatsappno\") {\r\n            setFormData((prevData) => ({\r\n                ...prevData,\r\n                [name]: PhoneMasking(value),\r\n            }));\r\n        }\r\n        else if (name === \"courseCategory\") {\r\n            getCourses(formData.city, value)\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: value,\r\n            }));\r\n        }\r\n        else if (name === \"cnicno\") {\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: cnicMasking(value),\r\n            }));\r\n        }\r\n        else {\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: value,\r\n            }));\r\n        }\r\n        if (name === \"courses\") {\r\n            let row = courses.find(x => x.id === Number(value))\r\n            setEntityId({entityid: row.entityid, batchid:row.batchid})\r\n        }\r\n        else if (name === \"city\") {\r\n            getCourseCategory(value)\r\n        }\r\n    }\r\n\r\n    const emailValidation = (event) => {\r\n        if (!event) {\r\n            return;\r\n        }\r\n        const { value, name } = event.target;\r\n        if (value?.trim() === \"\") {\r\n            return;\r\n        }\r\n        if (isValidEmail(value)) {\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: value,\r\n            }));\r\n        }\r\n        else {\r\n            // Toaster(\"Please Insert Valid Email\", \"error\");\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: \"\",\r\n            }));\r\n        }\r\n\r\n    }\r\n\r\n\r\n    const clickSubmit = () => {\r\n        let isValid = RequiredFields();\r\n        if (!isValid) {\r\n            return false;\r\n        }\r\n        let bb = {\r\n            \"Data\": {\r\n                \"FOAdmEnquirydtls\": [\r\n                    {\r\n                        \"lineindex\": 1,\r\n                        //   \"courseid\": formData.courses,\r\n                        \"courseid\": +formData.courses,\r\n                        \"genderid\": formData.gender,\r\n                        \"childname\": formData.fname +\" \"+ formData.lname,\r\n                        \"studentstatus\": formData.stdStatus,\r\n                        \"ownlaptop\": formData.ownlaptop,\r\n                        \"getdemo\": formData.getFreeDemo,\r\n                        \"whatsappno\": formData.whatsappno,\r\n                        \"email\": formData.email,\r\n                        \"cellno\": formData.cellno,\r\n                        \"lasteducation\": formData.lasteducation,\r\n                        \"dob\": formData?.dob,\r\n                        \"ezakat\": formData?.zakat ? 1 : 0,\r\n                        \"cnicno\": formData?.cnicno,\r\n                        \"enquirystatusid\": 1172\r\n                    }\r\n                ],\r\n                //   \"noofchild\": 1,\r\n                \"enquiryno\": null,\r\n                \"enquirydate\": new Date().toISOString(),\r\n                \"relationtypeid\": 11,\r\n                \"name\": formData.father,\r\n                \"address\": \"..\",\r\n                \"phone\": null,\r\n                \"cellno\": formData.cellno,\r\n                \"email\": null,\r\n                \"entityid\": EntityId?.entityid,\r\n                \"sourcetypeid\": 3651,\r\n                \"description\": null,\r\n                \"assignto\": 64046,\r\n                \"followupdate\": null,\r\n                \"nextfollowup\": null,\r\n                \"note\": null,\r\n                \"resptypeid\": null,\r\n                \"statusid\": null,\r\n                \"followup\": null,\r\n                \"id\": null,\r\n                \"batchid\": EntityId?.batchid,\r\n                \"testdate\": null,\r\n                \"picktime\": null,\r\n                \"droptime\": null,\r\n                \"imageid\": null,\r\n                \"jobstatus\": formData?.jobStatus,\r\n            },\r\n            \"DataAddon\": {},\r\n            \"ReturnObject\": true\r\n        }\r\n        PostMethod(\"FOAdmEnquiry/v2/\", bb)\r\n            .then((data) => {\r\n                if (data) {\r\n                    toastSuccess(succesMessage);\r\n                    sentWelcomeEmail();\r\n                }\r\n            })\r\n            .catch(error => {\r\n                toastError(errorMessage);\r\n                codeError(error);\r\n            });\r\n\r\n    }\r\n\r\n    function isValidEmail(email) {\r\n        // Define the regular expression for a valid email address\r\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.com$/;\r\n\r\n        // Test the email against the regex\r\n        return emailRegex.test(email);\r\n    }\r\n\r\n    const RequiredFields = () => {\r\n        try {\r\n            let validationErrors = {}\r\n            if (!formData.fname) {\r\n                validationErrors.fname = 'First Name is required';\r\n            }\r\n            if (!formData.lname) {\r\n                validationErrors.lname = 'Last Name is required';\r\n            }\r\n            if (!formData.father) {\r\n                validationErrors.father = 'Guardian is required';\r\n            }\r\n            if (!formData.email) {\r\n                validationErrors.email = 'Email is required';\r\n            }\r\n            if (!formData.cnicno) {\r\n                validationErrors.cnicno = 'CNIC is required';\r\n            }\r\n            if (!formData.city) {\r\n                validationErrors.city = 'City is required';\r\n            }\r\n            if (!formData.courseCategory) {\r\n                validationErrors.courseCategory = 'Course Category is required';\r\n            }\r\n            if (!formData.courses) {\r\n                validationErrors.courses = 'Courses is required';\r\n            }\r\n            if (!formData.stdStatus) {\r\n                validationErrors.stdStatus = 'Education Status is required';\r\n            }\r\n            if (!formData.whatsappno) {\r\n                validationErrors.whatsappno = 'WhatsApp No is required';\r\n            }\r\n            if (!formData.gender) {\r\n                validationErrors.gender = 'Gender is required';\r\n            }\r\n            if (!formData.cellno) {\r\n                validationErrors.cellno = 'Cell No is required';\r\n            }\r\n            if (!formData.jobStatus) {\r\n                validationErrors.jobStatus = 'Job Status is required';\r\n            }\r\n\r\n            if (!formData.dob) {\r\n                validationErrors.dob = 'Date of birth is required';\r\n            }\r\n            setErrors(validationErrors);\r\n            if (Object.keys(validationErrors).length !== 0) {\r\n                return false;\r\n            }\r\n            else {\r\n                return true;\r\n            }\r\n        } catch (error) {\r\n            codeError(error);\r\n        }\r\n    }\r\n\r\n    const sentWelcomeEmail = () => {\r\n        try {\r\n            let body = {\r\n                \"Data\": {\r\n                    sendfrom: \"academics@ashreitech.edu.pk\",\r\n                    sendto: formData.email,\r\n                    subject: \"Enquiry Form\",\r\n                    body: \"Welcome\",\r\n                }\r\n            }\r\n            PostMethod(\"FOAdmEnquiry/V2/SendEmailAsync\", body)\r\n                .then((data) => {\r\n                    // if (data) {\r\n                    setFormData({ ...INITIAL_STATE });\r\n                    // }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            codeError(error);\r\n        }\r\n    }\r\n\r\n\r\n\r\n    return (\r\n        <>\r\n            <div className=\"background\">\r\n                <div className=\"form-container\" style={{\r\n                    borderStyle: 'solid',\r\n                    borderWidth: '6px',\r\n                    borderImage: 'linear-gradient(to bottom, #D0B62B, #E3AE2E, #008F71, #7C2916, #D0B62C, #053750)',\r\n                    borderImageSlice: 1,\r\n                    borderRadius: '10px',\r\n                }}>\r\n                    <form>\r\n                        <h2 className=\"text-center mb-3\">Enquiry Form</h2>\r\n                        <div className='row'>\r\n                            <div className='col-12 col-lg-6'>\r\n                                <TextField\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"First Name\"\r\n                                    size=\"small\"\r\n                                    name=\"fname\"\r\n                                    onChange={handleFormData}\r\n                                    value={formData?.fname || \"\"}\r\n                                    error={!!errors.fname}\r\n                                    // helperText={errors.fname || ''}\r\n                                    InputProps={{\r\n                                        style: { Margin: \"0px\" }\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                            <div className='col-12 col-lg-6'>\r\n                                <TextField\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Last Name\"\r\n                                    size=\"small\"\r\n                                    name=\"lname\"\r\n                                    value={formData?.lname || \"\"}\r\n                                    error={!!errors.lname}\r\n                                    // helperText={errors.lname || ''}\r\n                                    onChange={handleFormData}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-lg-3 mt-0'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Father’s/Guardian Name\"\r\n                                    size=\"small\"\r\n                                    name=\"father\"\r\n                                    value={formData?.father || \"\"}\r\n                                    error={!!errors.father}\r\n                                    onChange={handleFormData}\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Email\"\r\n                                    size=\"small\"\r\n                                    name=\"email\"\r\n                                    value={formData?.email || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    onBlur={emailValidation}\r\n                                    error={!!errors.email}\r\n                                // helperText={errors.email || ''}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row  mt-lg-3 mt-0'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"CNIC\"\r\n                                    size=\"small\"\r\n                                    name=\"cnicno\"\r\n                                    value={formData?.cnicno || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    error={!!errors.cnicno}\r\n                                    inputProps={{ maxLength: 15 }}\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Preferred City</InputLabel>\r\n                                    <Select\r\n                                        name=\"city\"\r\n                                        error={!!errors.city}\r\n                                        style={{ width: \"100%\" }}\r\n                                        className=\"w-100 form_textField\"\r\n                                        onChange={handleFormData}\r\n                                        value={formData?.city || \"\"}\r\n                                        native\r\n                                        label=\"Preferred City\"\r\n                                        inputProps={{\r\n                                            name: 'city',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={\"\"}></option>\r\n                                        {\r\n                                            Cities && Cities?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.citystxt}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                        </div>\r\n                        <div className='row mt-lg-3 mt-0'>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100 form_textField'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Course Category</InputLabel>\r\n                                    <Select\r\n                                        disabled={formData?.city === \"\"}\r\n                                        name=\"courseCategory\"\r\n                                        error={!!errors.courseCategory}\r\n                                        onChange={handleFormData}\r\n                                        value={formData?.courseCategory || \"\"}\r\n                                        native\r\n                                        label=\"Course Category\"\r\n                                        inputProps={{\r\n                                            name: 'courseCategory',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={\"\"}></option>\r\n                                        {\r\n                                            courseCategory && courseCategory?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.category}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100 form_textField'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Courses</InputLabel>\r\n                                    <Select\r\n                                        disabled={formData?.city === \"\" || formData.courseCategory === \"\"}\r\n                                        name=\"courses\"\r\n                                        error={!!errors.courses}\r\n                                        onChange={handleFormData}\r\n                                        value={formData?.courses || \"\"}\r\n                                        native\r\n                                        label=\"Courses\"\r\n                                        inputProps={{\r\n                                            name: 'courses',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={0}></option>\r\n                                        {\r\n                                            courses && courses?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.id}>{Val.name}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                        </div>\r\n                        <div className='row  mt-lg-3 mt-0'>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100 form_textField'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Education Status</InputLabel>\r\n                                    <Select\r\n                                        name=\"stdStatus\"\r\n                                        error={!!errors.stdStatus}\r\n                                        onChange={handleFormData}\r\n                                        value={formData?.stdStatus || \"\"}\r\n                                        native\r\n                                        label=\"Student Status\"\r\n                                        inputProps={{\r\n                                            name: 'stdStatus',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={0}></option>\r\n                                        {\r\n                                            stdStatus && stdStatus.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.stxt}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                            <FormControl variant=\"outlined\" size=\"small\" className='w-100 form_textField'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Job Status</InputLabel>\r\n                                    <Select\r\n                                        name=\"jobStatus\"\r\n                                        error={!!errors.jobStatus}\r\n                                        onChange={handleFormData}\r\n                                        value={formData?.jobStatus || \"\"}\r\n                                        native\r\n                                        label=\"Job Status\"\r\n                                        inputProps={{\r\n                                            name: 'jobStatus',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={0}></option>\r\n                                        {\r\n                                            jobStatusData && jobStatusData?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.ltxt}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                        </div>\r\n                        <div className='row   mt-lg-3 mt-0'>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100 form_textField'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Gender</InputLabel>\r\n                                    <Select\r\n                                        name=\"gender\"\r\n                                        error={!!errors.gender}\r\n                                        onChange={handleFormData}\r\n                                        value={formData?.gender || \"\"}\r\n                                        native\r\n                                        label=\"Gender\"\r\n                                        inputProps={{\r\n                                            name: 'gender',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={0}></option>\r\n                                        {\r\n                                            genderData && genderData?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.stxt}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    name=\"cellno\"\r\n                                    error={!!errors.cellno}\r\n                                    onChange={handleFormData}\r\n                                    value={formData?.cellno || \"\"}\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Mobile Number\"\r\n                                    size=\"small\"\r\n                                    inputProps={{ maxLength: 12 }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        <div className='row   mt-lg-3 mt-0'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    name=\"whatsappno\"\r\n                                    error={!!errors.whatsappno}\r\n                                    onChange={handleFormData}\r\n                                    value={formData?.whatsappno || \"\"}\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"WhatsApp Number\"\r\n                                    size=\"small\"\r\n                                    inputProps={{ maxLength: 12 }}\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    name=\"dob\"\r\n                                    onChange={handleFormData}\r\n                                    value={formData?.dob || \"\"}\r\n                                    className=\"w-100 form_textField\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Date Of Birth\"\r\n                                    size=\"small\"\r\n                                    error={!!errors.dob}\r\n                                    type=\"date\"\r\n                                // helperText={errors.dob || ''}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                        <div className='row '>\r\n                            <div className='col-lg-6'>\r\n                                <FormControlLabel\r\n                                    control={\r\n                                        <Checkbox\r\n                                            name=\"zakat\"\r\n                                            checked={formData?.zakat}\r\n                                            onClick={handleFormData}\r\n                                            // color=\"success\"\r\n                                            style={{ color: \"#008F71\" }}\r\n\r\n                                        />\r\n                                    }\r\n                                    label=\"Financial Aid/ Zakat\"\r\n                                    sx={{ '& .MuiFormControlLabel-label': { fontSize: 12 } }}\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <FormControlLabel\r\n                                    control={\r\n                                        <Checkbox\r\n                                            name=\"ownlaptop\"\r\n                                            checked={formData?.ownlaptop}\r\n                                            onClick={handleFormData}\r\n                                            // color=\"success\"\r\n                                            style={{ color: \"#008F71\" }}\r\n                                        />\r\n                                    }\r\n                                    label=\"Do you have your own laptop?\"\r\n                                    sx={{ '& .MuiFormControlLabel-label': { fontSize: 12, } }}\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-12 mt-n3'>\r\n                                <FormControlLabel\r\n                                    control={\r\n                                        <Checkbox\r\n                                            name=\"getFreeDemo\"\r\n                                            checked={formData?.getFreeDemo}\r\n                                            onClick={handleFormData}\r\n                                            // color=\"success\"\r\n                                            style={{ color: \"#008F71\" }}\r\n                                        />\r\n                                    }\r\n                                    label=\"Get a Free Demo ( Get a free 3 days demo )\"\r\n                                    sx={{ '& .MuiFormControlLabel-label': { fontSize: 12, } }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row'>\r\n                            <div className='col-lg-12 d-flex justify-content-center'>\r\n                                <button type=\"button\" className=\"actionBtn\" onClick={clickSubmit}>Submit</button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n            {/* <ToastContainer /> */}\r\n        </>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport Paper from '@mui/material/Paper';\r\nimport Tabs from '@mui/material/Tabs';\r\nimport Tab from '@mui/material/Tab';\r\nimport { AdmissionEnquiry } from '../../screens/AsheriTechComponents/AdmissionEnquiery/AdmissionEnquiery';\r\nimport \"../../screens/AsheriTechComponents/AdmissionEnquiery/AdmissionEnquiery.css\";\r\nexport default function TabsComponent() {\r\n    const [value, setValue] = React.useState(0);\r\n\r\n    const handleChange = (event, newValue) => {\r\n        setValue(newValue);\r\n    };\r\n\r\n    return (\r\n        <Paper square>\r\n            <Tabs\r\n                value={value}\r\n                // indicatorColor=\"secondry\"\r\n                // textColor=\"Primary\"\r\n                centered\r\n                onChange={handleChange}\r\n                className='tab'\r\n                TabIndicatorProps={{\r\n                    style: {\r\n                      backgroundColor: \"#008F71\"\r\n                    }\r\n                  }}\r\n                \r\n            >\r\n                <Tab label=\"Student\" sx={{ margin: '0 20px', textTransform: \"capitalize\" }} className='no-outline' />\r\n                <Tab disabled label=\"Trainer\" sx={{ margin: '0 20px', textTransform: \"capitalize\" }} className='no-outline d-none' />\r\n                <Tab  disabled label=\"Sponsor\" sx={{ margin: '0 20px', textTransform: \"capitalize\" }} className='no-outline d-none' />\r\n            </Tabs>\r\n            {value === 0 && <AdmissionEnquiry />}\r\n            {value === 1 && <TabContent2 />}\r\n            {value === 2 && <TabContent3 />}\r\n        </Paper>\r\n    );\r\n}\r\n\r\nconst TabContent1 = () => {\r\n    return <div>Content for Tab 1</div>;\r\n};\r\n\r\nconst TabContent2 = () => {\r\n    return <div>Content for Tab 2</div>;\r\n};\r\n\r\nconst TabContent3 = () => {\r\n    return <div>Content for Tab 3</div>;\r\n};","import React from 'react'\r\nimport TabsComponent from '../../../components/Tabs/Tabs'\r\n\r\nexport const GetInTouch = (props) => {\r\n    return (\r\n        <>\r\n        <div className='d-flex justify-content-center'>\r\n            <h1 style={{fontSize:\"60px\",color:'#d3b52b'}} className='WhoAreYou'>You are a...</h1>\r\n        </div>\r\n            <div>\r\n                <TabsComponent />\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Checkbox, FormControl, FormControlLabel, InputLabel, Select, TextField } from '@mui/material/node'\r\n// import \"./RegisterYourself.css\"\r\nimport { PostMethod, codeError, formatDate, getMethod } from '../../../utils/services'\r\nimport \"../AdmissionEnquiery/AdmissionEnquiery.css\";\r\nimport { errorMessage, succesMessage, toastError, toastSuccess } from '../../../utils/Toaster/toaster';\r\n\r\nconst dowpdownData = [\r\n    { Id: 1, stxt: \"value1\" },\r\n    { Id: 2, stxt: \"value2\" },\r\n    { Id: 3, stxt: \"value3\" }\r\n]\r\n\r\nconst INITIAL_STATE = {\r\n    regNo: \"\",\r\n    regDate: formatDate(new Date()),\r\n    admReg: \"\",\r\n    course: \"\",\r\n    name: \"\",\r\n    dob: \"\",\r\n    gender: \"\",\r\n    fname: \"\",\r\n    cellno: \"\",\r\n    whatsappno: \"\",\r\n    email: \"\",\r\n    lasteducation: \"\",\r\n    zakat: \"\",\r\n    ownlaptop: \"\",\r\n    batchid: \"\",\r\n    courseid:\"\"\r\n}\r\n\r\nexport const RegisterYourself = (props) => {\r\n    const [formData, setFormData] = useState({ ...INITIAL_STATE });\r\n    const [genderData, setGenderData] = useState([]);\r\n    useEffect(() => {\r\n        loadData();\r\n        getGender();\r\n    }, [])\r\n    const handleFormData = (event) => {\r\n        if (!event) {\r\n            return\r\n        }\r\n        const { name, value, } = event?.target;\r\n        setFormData((prevField) => ({\r\n            ...prevField,\r\n            [name]: value,\r\n        }));\r\n    }\r\n    /* load Initial Data from Api */\r\n    const loadData = () => {\r\n        try {\r\n            let Id = getIdFromUrl()\r\n            getMethod(`FOAdmEnquiry/V2/EnquiryChildren/9119/${Id}`)\r\n                .then((data) => {\r\n                    if (data?.IsSuccess) {\r\n                        let obj = data.Data[0];\r\n                        setFormData((prevField) => ({\r\n                            ...prevField,\r\n                            \"name\": obj.childname,\r\n                            \"course\": obj.coursestxt,\r\n                            \"gender\": obj.genderid,\r\n                            \"fname\": obj.fname,\r\n                            \"cellno\": obj.cellno,\r\n                            \"whatsappno\": obj.whatsappno,\r\n                            \"email\": obj.email,\r\n                            \"lasteducation\": obj.lastedu,\r\n                            \"ownlaptop\": obj.ownlaptop,\r\n                            \"courseid\": obj.courseid,\r\n                            \"batchid\": obj.batchid,\r\n                            \"dob\": formatDate(obj.dob),\r\n                        }));\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    };\r\n    const getGender = () => {\r\n        try {\r\n            getMethod(\"lov/v2/list/GTYPE\")\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setGenderData(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n    const getIdFromUrl = () => {\r\n        // Get the hash part of the URL\r\n        const hash = window.location.hash;\r\n\r\n        // Remove the leading # and the / at the start\r\n        const hashPath = hash.substring(2); // This removes \"#/\"\r\n\r\n        // Split the remaining part by '?' to get the path and ID\r\n        const parts = hashPath.split('?');\r\n\r\n        // Extract the ID which is the second part\r\n        const id = parts[1] ? parts[1].split('/')[0] : null;\r\n\r\n        return id;\r\n    };\r\n    const clickNextBtn = (event) => {\r\n      try {\r\n        let bb = {\r\n            \"Data\": {\r\n              \"appno\": null,\r\n              \"appdate\": \"Tue Jul 09 2024\",\r\n              \"courseid\": formData?.courseid,\r\n              \"batchid\": formData?.batchid,\r\n              \"studentname\": formData?.name,\r\n              \"fathername\": formData?.fname,\r\n              \"mothername\": null,\r\n              \"countryid\": 166,\r\n              \"stateid\": 0,\r\n              \"cityid\": 202354,\r\n              \"dateofbirth\": formData?.dob,\r\n              \"genderid\": formData?.gender,\r\n              \"bldgroupid\": null,\r\n              \"religionid\": null,\r\n              \"nationality\": 166,\r\n              \"occupation\": null,\r\n              \"address\": \"Bufferzone, Karachi.\",\r\n              \"phoneno\": null,\r\n              \"mobileno\": \"0323-5945321\",\r\n              \"fathermobile\": \"0323-5945321\",\r\n              \"fathercnic\": null,\r\n              \"mothermobile\": null,\r\n              \"email\": null,\r\n              \"prevschool\": null,\r\n              \"prevcourseid\": null,\r\n              \"year\": null,\r\n              \"marks\": null,\r\n              \"grade\": null,\r\n              \"leavingdate\": null,\r\n              \"leavingreason\": null,\r\n              \"fatherqualification\": null,\r\n              \"motherqualification\": null,\r\n              \"motheremail\": null,\r\n              \"fatherincome\": null,\r\n              \"mothercnic\": null,\r\n              \"imageid\": \"\",\r\n              \"entityid\": 3256,\r\n              \"statusid\": 80,\r\n              \"enquiryid\": 63029,\r\n              \"enquirydtlid\": 59858,\r\n              \"fathqualificationid\": null,\r\n              \"fathoccupationid\": null,\r\n              \"fathwhatsappno\": null,\r\n              \"mothqualificaionid\": null,\r\n              \"mothoccupationid\": null,\r\n              \"mothwhatsappno\": null,\r\n              \"prospectusno\": null\r\n            },\r\n            \"DataAddon\": {},\r\n            \"ReturnObject\": true\r\n          }\r\n        // https://sm.edu-man.com/sm/api/AdmApplication/v2/\r\n        PostMethod(\"AdmApplication/v2/\", bb)\r\n        .then((data) => {\r\n            if (data?.IsSuccess) {\r\n                toastSuccess(succesMessage);\r\n                props?.handleChange(event, 1)\r\n            }\r\n        })\r\n        .catch(error => {\r\n            toastError(errorMessage);\r\n            codeError(error);\r\n        });\r\n      } catch (error) {\r\n        codeError(error);\r\n      }\r\n    }\r\n    \r\n    return (\r\n        <>\r\n        <div className=\"background\">\r\n                <div className=\"form-container\" style={{\r\n                    borderStyle: 'solid',\r\n                    borderWidth: '6px',\r\n                    borderImage: 'linear-gradient(to bottom, #D0B62B, #E3AE2E, #008F71, #7C2916, #D0B62C, #053750)',\r\n                    borderImageSlice: 1,\r\n                    borderRadius: '10px',\r\n                }}>\r\n                    <form>\r\n                    <div className='row'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    name=\"regDate\"\r\n                                    value={formData?.regDate || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Registration Date\"\r\n                                    size=\"small\"\r\n                                    format=\"DD/MM/YYYY\"\r\n                                    disabled\r\n                                    InputProps={{\r\n                                        style: { Margin: \"0px\" }\r\n                                    }}\r\n                                />\r\n\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"name\"\r\n                                    value={formData?.name || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Name*\"\r\n                                    size=\"small\"\r\n                                    InputProps={{\r\n                                        style: { Margin: \"0px\" }\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-3'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"fname\"\r\n                                    value={formData?.fname || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Father’s/Guardian Name\"\r\n                                    size=\"small\"\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"course\"\r\n                                    value={formData?.course || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Course\"\r\n                                    size=\"small\"\r\n                                    InputProps={{\r\n                                        style: { Margin: \"0px\" }\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-3'>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Gender*</InputLabel>\r\n                                    <Select\r\n                                        disabled\r\n                                        name=\"gender\"\r\n                                        value={formData?.gender || \"\"}\r\n                                        onChange={handleFormData}\r\n                                        native\r\n                                        label=\"Gender*\"\r\n                                        inputProps={{\r\n                                            name: 'gender',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={0}></option>\r\n                                        {\r\n                                            genderData && genderData?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.stxt}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"dob\"\r\n                                    value={formData?.dob || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Date Of Birth*\"\r\n                                    size=\"small\"\r\n                                    // type=\"date\"\r\n                                    format=\"DD/MM/YYYY\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-3'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"cellno\"\r\n                                    value={formData?.cellno || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Cell No\"\r\n                                    size=\"small\"\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"whatsappno\"\r\n                                    value={formData?.whatsappno || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"WhatsApp Number\"\r\n                                    size=\"small\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-3'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"email\"\r\n                                    value={formData?.email || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Email\"\r\n                                    size=\"small\"\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"lasteducation\"\r\n                                    value={formData?.lasteducation || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Last Education\"\r\n                                    size=\"small\"\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-3'>\r\n                            <div className='col-lg-6'>\r\n                                <FormControlLabel\r\n                                    control={\r\n                                        <Checkbox\r\n                                            disabled\r\n                                            name=\"zakat\"\r\n                                            checked={formData?.zakat}\r\n                                            onClick={handleFormData}\r\n                                        />\r\n                                    }\r\n                                    label=\"Financial Aid/ Zakat\"\r\n                                    sx={{ '& .MuiFormControlLabel-label': { fontSize: 12 } }}\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <FormControlLabel\r\n                                    control={\r\n                                        <Checkbox\r\n                                            disabled\r\n                                            name=\"ownlaptop\"\r\n                                            checked={formData?.ownlaptop}\r\n                                            onClick={handleFormData}\r\n                                        />\r\n                                    }\r\n                                    label=\"Do you have your own laptop?\"\r\n                                    sx={{ '& .MuiFormControlLabel-label': { fontSize: 12 } }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-5'>\r\n                            <div className='col-lg-12 d-flex justify-content-end'>\r\n                                {/* <button type='submit' className='buttonClass' onClick={(event) => props?.handleChange(event, 1)}> Next &#8250;</button> */}\r\n                                <button type='submit' className='buttonClass' onClick={clickNextBtn}> Next &#8250;</button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport \"../AdmissionEnquiery/AdmissionEnquiery.css\";\r\nimport \"./RegisterYourself.css\"\r\nimport { FormControl, InputLabel, Select, TextField } from '@mui/material/node';\r\nimport { PostMethod, codeError, getMethod } from '../../../utils/services';\r\nimport { errorMessage, succesMessage, toastError, toastSuccess } from '../../../utils/Toaster/toaster';\r\nconst INITIAL_STATE = {\r\n    paymentNo: \"\",\r\n    paymentType: \"\",\r\n}\r\nexport const MakePayment = (props) => {\r\n    const [formData, setFormData] = useState({ ...INITIAL_STATE });\r\n    const [globalObj, setGlobalObj] = useState(null);\r\n    const [paymentData, setPaymentData] = useState([]);\r\n    useEffect(() => {\r\n        payemtMode();\r\n    }, [])\r\n    const payemtMode = () => {\r\n        try {\r\n            getMethod(\"lov/v2/list/FOCCU\")\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setPaymentData(data?.Data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n    const FeeGroupChallanApi = (Id) => {\r\n        try {\r\n            getMethod(`SMFeegrphdr/V2/FeeGroupsforChallanAT/9119/60/${Id}`)\r\n                .then((data) => {\r\n                    if (data) {\r\n                        FeeAmountApi(data.Data[0].Id);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const FeeAmountApi = (feegrpid) => {\r\n        try {\r\n            getMethod(`SMFeeprofhdr/V2/feeamountAT/9119/${feegrpid}`)\r\n                .then((data) => {\r\n                    if (data) {\r\n                        setGlobalObj(data.Data[0])\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    codeError(error);\r\n                });\r\n        } catch (error) {\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    const handleFormData = (event) => {\r\n        if (!event) {\r\n            return\r\n        }\r\n        const { name, value, } = event?.target;\r\n        if(name === \"paymentType\") {\r\n            FeeGroupChallanApi(value);\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: value,\r\n            }));\r\n        }\r\n        else{\r\n            setFormData((prevField) => ({\r\n                ...prevField,\r\n                [name]: value,\r\n            }));\r\n        }\r\n        \r\n    }\r\n\r\n    const clickGenerateBtn = () => {\r\n      try {\r\n        let bb = {\r\n            \"Data\": {\r\n              \"SMFeechallandtls\": [\r\n                {\r\n                  \"feeid\": globalObj?.feetype,\r\n                  \"amount\": globalObj?.amount,\r\n                  \"netamount\": globalObj?.amount,\r\n                  \"acadyrdtlid\": 18946,\r\n                  \"month\": \"July\",\r\n                  \"SMFeechallansubdtls\": [],\r\n                  \"lineindex\": 1\r\n                },               \r\n              ],\r\n              \"SMFeechallandiscounts\": [],\r\n              \"challanno\": null,\r\n              \"batchno\": \"0\",\r\n              \"challandate\": new Date(),\r\n              \"challanvalidity\": new Date(),\r\n              \"duedate\": new Date(),\r\n              \"entityid\": \"3256\",\r\n              \"studentid\": 220633,\r\n              \"ltxt\": null,\r\n              \"amount\": null,\r\n              \"feestatusid\": null,\r\n              \"appid\": null,\r\n              \"feeforid\": 93,\r\n              \"acdyearid\": 13601,\r\n              \"perioddtlid\": 28038,\r\n              \"feegrpid\": 14016,\r\n              \"feenatureid\": 60,\r\n              \"discountid\": null,\r\n              \"studentno\": \"ALBS000131\",\r\n              \"grno\": \"ALBS000131\",\r\n              \"revchln\": null,\r\n              \"revdate\": null,\r\n              \"revremarks\": null,\r\n              \"transno\": null,\r\n              \"beneficiaryno\": null,\r\n              \"noofinst\": null,\r\n              \"instamount\": null,\r\n              \"ficoaid\": null,\r\n              \"jvpost\": null,\r\n              \"courseid\": null,\r\n              \"sectionid\": null\r\n            },\r\n            \"DataAddon\": {},\r\n            \"ReturnObject\": true\r\n          }\r\n        PostMethod(\"Feechallanhdr/v2/\", bb)\r\n        .then((data) => {\r\n            if (data) {\r\n                toastSuccess(succesMessage);;\r\n            }\r\n        })\r\n        .catch(error => {\r\n            toastError(errorMessage);\r\n            codeError(error);\r\n        });\r\n\r\n      } catch (error) {\r\n        codeError(error);\r\n      }\r\n    }\r\n    \r\n\r\n\r\n    return (\r\n        <>\r\n            <div className=\"background\">\r\n                <div className=\"form-container\" style={{\r\n                    borderStyle: 'solid',\r\n                    borderWidth: '6px',\r\n                    borderImage: 'linear-gradient(to bottom, #D0B62B, #E3AE2E, #008F71, #7C2916, #D0B62C, #053750)',\r\n                    borderImageSlice: 1,\r\n                    borderRadius: '10px',\r\n                }}>\r\n                    <form>\r\n                        <div className='row'>\r\n                            <div className='col-lg-6'>\r\n                                <TextField\r\n                                    disabled\r\n                                    name=\"paymentNo\"\r\n                                    value={formData?.paymentNo || \"\"}\r\n                                    onChange={handleFormData}\r\n                                    className=\"w-100\"\r\n                                    id=\"outlined-controlled\"\r\n                                    label=\"Payment No\"\r\n                                    size=\"small\"\r\n                                />\r\n                            </div>\r\n                            <div className='col-lg-6'>\r\n                                <FormControl variant=\"outlined\" size=\"small\" className='w-100'>\r\n                                    <InputLabel htmlFor=\"outlined-age-native-simple\">Payment Type</InputLabel>\r\n                                    <Select\r\n                                        name=\"paymentType\"\r\n                                        value={formData?.paymentType || \"\"}\r\n                                        onChange={handleFormData}\r\n                                        native\r\n                                        label=\"Payment Type\"\r\n                                        inputProps={{\r\n                                            name: 'paymentType',\r\n                                            id: 'outlined-age-native-simple',\r\n                                        }}\r\n                                    >\r\n                                        <option value={0}></option>\r\n                                        {\r\n                                            paymentData && paymentData?.map((Val, index) => {\r\n                                                return (<option key={index} value={Val.Id}>{Val.stxt}</option>)\r\n                                            })\r\n                                        }\r\n\r\n                                    </Select>\r\n                                </FormControl>\r\n                            </div>\r\n                        </div>\r\n                        <div className='row mt-3'>\r\n                            <div className='col-lg-12 d-flex justify-content-end'>\r\n                                <button type=\"button\" className=\"generateBtn\" onClick={clickGenerateBtn}>Generate</button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='row mt-5'>\r\n                            <div className='col-lg-12 d-flex justify-content-end'>\r\n                                <button className='buttonClass mr-2' onClick={(event) => props?.handleChange(event, 0)}> &#8249; Previous</button>\r\n                                <button type='submit' className='buttonClass' onClick={(event) => props?.handleChange(event, 2)}> Next &#8250;</button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport Paper from '@mui/material/Paper';\r\nimport Tabs from '@mui/material/Tabs';\r\nimport Tab from '@mui/material/Tab';\r\nimport { RegisterYourself } from './RegisterYourself';\r\nimport \"./RegisterYourself.css\"\r\nimport { MakePayment } from './MakePayment';\r\n\r\nexport const RegistrationForm = (props) => {\r\n    const [value, setValue] = React.useState(0);\r\n\r\n    const handleChange = (event, newValue) => {\r\n        event.preventDefault()\r\n        setValue(newValue);\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <Paper square>\r\n                <Tabs\r\n                    value={value}\r\n                    indicatorColor=\"primary\"\r\n                    textColor=\"primary\"\r\n                    centered\r\n                    onChange={handleChange}\r\n                >\r\n                    <Tab label=\"Register Yourself\" sx={{ margin: '0 20px', textTransform: \"capitalize\" }} className='no-outline' />\r\n                    <Tab label=\"Make Payment\" sx={{ margin: '0 20px', textTransform: \"capitalize\" }} className='no-outline' />\r\n                    <Tab label=\"Proceed\" sx={{ margin: '0 20px', textTransform: \"capitalize\" }} className='no-outline' />\r\n                </Tabs>\r\n                {value === 0 && <RegisterYourself handleChange={handleChange}/>}\r\n                {value === 1 && <MakePayment handleChange={handleChange}/>}\r\n                {value === 2 && <TabContent3 />}\r\n            </Paper>\r\n        </>\r\n    )\r\n}\r\nconst TabContent2 = () => {\r\n    return <div>Content for Tab 2</div>;\r\n};\r\n\r\nconst TabContent3 = () => {\r\n    return <div>Content for Tab 3</div>;\r\n};","export default __webpack_public_path__ + \"static/media/teams_banner1.7380b555.png\";","export default __webpack_public_path__ + \"static/media/Sohail_Zindani.afdcde27.png\";","export default __webpack_public_path__ + \"static/media/adnan_ahmed.1a7d7c52.png\";","export default __webpack_public_path__ + \"static/media/Syed_Talha_Asad.4d9366af.png\";","export default __webpack_public_path__ + \"static/media/Unsar_Hameed.4b74a7a6.png\";","export default __webpack_public_path__ + \"static/media/Arsalan_Ahmed.4ac3f610.png\";","export default __webpack_public_path__ + \"static/media/Azmeena_Furniturewala.9dbce390.png\";","export default __webpack_public_path__ + \"static/media/Farrukh_Hussain_Lodhi.681cb5f5.png\";","export default __webpack_public_path__ + \"static/media/Ghulam_Muhammad_Soomro.1854a371.png\";","export default __webpack_public_path__ + \"static/media/Kanwal_Rizvi.821e37d3.png\";","export default __webpack_public_path__ + \"static/media/Mufarrah_Malik.c515a697.png\";","export default __webpack_public_path__ + \"static/media/Talha_Shabbir.f191cd58.png\";","export default __webpack_public_path__ + \"static/media/Samra_Mazhar.d75415bb.png\";","export default __webpack_public_path__ + \"static/media/Noman_Ali.7f1f23a4.png\";","export default __webpack_public_path__ + \"static/media/Humra_Tahir.ef8fbfaf.png\";","export default __webpack_public_path__ + \"static/media/M_Khurram_Muqueem.32047974.png\";","export default __webpack_public_path__ + \"static/media/maryam.e07744dc.png\";","export default __webpack_public_path__ + \"static/media/Jamshed_Zaman.b80b7611.png\";","export default __webpack_public_path__ + \"static/media/Muhammad_Ibrahim.c03d6b56.png\";","export default __webpack_public_path__ + \"static/media/Haris_Bin_Rafat.11d9af7e.png\";","export default __webpack_public_path__ + \"static/media/green_Omar_Siddique.46625519.png\";","export default __webpack_public_path__ + \"static/media/Hunain_Shah.60717b7c.png\";","export default __webpack_public_path__ + \"static/media/aboutSection1banner.4fe02ef5.png\";","import React, { useState } from \"react\";\r\nimport style from \"./style.module.css\";\r\nimport TopNavbar from \"../../components/Nav/TopNavbar\";\r\n// import teams_banner from \"../../assets/teams_banner1.png\";\r\nimport teams_banner from \"../../assets/team/teams_banner1.png\"\r\nimport Sohail_Zindani from '../../assets/team/Sohail_Zindani.png'\r\nimport adnan_ahmed from '../../assets/team/adnan_ahmed.png'\r\nimport Syed_Talha_Asad from '../../assets/team/Syed_Talha_Asad.png'\r\nimport Unsar_Hameed from '../../assets/team/Unsar_Hameed.png'\r\nimport Arsalan_Ahmed from '../../assets/team/Arsalan_Ahmed.png'\r\nimport Azmeena_Furniturewala from '../../assets/team/Azmeena_Furniturewala.png'\r\nimport Farrukh_Hussain_Lodhi from '../../assets/team/Farrukh_Hussain_Lodhi.png'\r\nimport Ghulam_Muhammad_Soomro from '../../assets/team/Ghulam_Muhammad_Soomro.png'\r\nimport Kanwal_Rizvi from '../../assets/team/Kanwal_Rizvi.png'\r\nimport Mufarrah_Malik from '../../assets/team/Mufarrah_Malik.png'\r\nimport Talha_Shabbir from '../../assets/team/Talha_Shabbir.png'\r\nimport Samra_Mazhar from '../../assets/team/Samra_Mazhar.png'\r\nimport Noman_Ali from '../../assets/team/Noman_Ali.png'\r\nimport Humra_Tahir from '../../assets/team/Humra_Tahir.png'\r\nimport M_Khurram_Muqueem from '../../assets/team/M_Khurram_Muqueem.png'\r\nimport Maryam from '../../assets/team/maryam.png'\r\nimport Jamshed_Zaman from '../../assets/team/Jamshed_Zaman.png'\r\nimport Muhammad_Ibrahim from '../../assets/team/Muhammad_Ibrahim.png'\r\nimport Haris_Bin_Rafat from '../../assets/team/Haris_Bin_Rafat.png'\r\nimport green_Omar_Siddique from '../../assets/team/green_Omar_Siddique.png'\r\nimport Hunain_Shah from '../../assets/team/Hunain_Shah.png'\r\nimport Footer from \"../../components/Sections/Footer/Footer\";\r\nimport section1banner from '../../assets/aboutTheCompany/aboutSection1banner.png';\r\n\r\nconst { team_container, banner_container, gradientCircle, team_description, card_Team, card_Team_bg, overlay_text, banner_overlay } = style;\r\n\r\nconst Teams = () => {\r\n\r\n    const teamMembers = [\r\n        {\r\n            name: \"Sohail Zindani\",\r\n            title: \"Director and CEO\",\r\n            image: Sohail_Zindani,\r\n            description: \"A Researcher, Leadership & Innovation Consultant, and high-performance coach, he has worked with literally all major companies across Pakistan and in nearby regions.He is the Founder of Learning Minds, Curator of Insights Business Forum, and serves on the advisory boards of various development sector organizations.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/sohailzindani/'\r\n        },\r\n     \r\n        {\r\n            name: \"M.Khurram Muqueem Khan\",\r\n            title: \"Financial Controller\",\r\n            image: M_Khurram_Muqueem,\r\n            description: \"Thriving as a results-driven finance professional, he is a trusted team player and valuable partner to business and service functions. He cultivates key organizational competencies by championing simplicity, collaboration, trust, innovation, and customer-centricity, all with unwavering integrity.\",\r\n            linkedInProfile: ''\r\n        },\r\n        {\r\n            name: \"Adnan Ahmed\",\r\n            title: \"Head of Operations and IT\",\r\n            image: adnan_ahmed,\r\n            description: \"Academy, is pivotal for keeping things running smoothly and maintaining a friendly atmosphere. The team often seeks him out for his problem-solving skills and practical advice, which helps keep the workplace dynamic and harmonious. His commitment ensures that everything at the academy works well, making him a crucial member of the team.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/adnan-ahmed-92b80235/'\r\n        },\r\n        {\r\n            name: \"Talha Shabbir\",\r\n            title: \"Head, Academics & Programs\",\r\n            image: Talha_Shabbir,\r\n            description: \"Talha heads Corporate Trainings & Events at AshreiTech, where his 10+ years of expertise in event management, business development, and strategy shine. Thriving under pressure, he crafts standout marketing strategies and leverages digital platforms with finesse. A growth enthusiast, Talha loves traveling, playing cricket, and tackling new challenges, making him an invaluable asset to any team.\",\r\n            linkedInProfile: ''\r\n        },\r\n        {\r\n            name: \"Mufarrah Malik\",\r\n            title: \"Head of Partnerships and Outreach\",\r\n            image: Mufarrah_Malik,\r\n            description: \"A dynamic and results-oriented professional with a proven track record in corporate liaison, events and stakeholder management. Experienced in cultivating impactful partnerships, executing events, and facilitating personal and professional development workshops. Skilled in communication and process optimization.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/mufarrah/'\r\n        },\r\n        {\r\n            name: \"Azmeena Furniturewalla\",\r\n            title: \"Head of Marketing and Communications\",\r\n            image: Azmeena_Furniturewala,\r\n            description: \"A MarCom professional with over 9 years of experience, in simple words, \\\"Work inspires her.\\\" Embarking on a journey from science to advertising, her evolution into a strategic and adaptive marketer has been nothing short of thrilling.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/azmeena-k/'\r\n        },\r\n        {\r\n            name: \"Ghulam Muhammad Soomro\",\r\n            title: \"Community Manager- KHI\",\r\n            image: Ghulam_Muhammad_Soomro,\r\n            description: \"At AshreiTech Academy, G.M is the driving force behind a vibrant tech community. Leveraging his entrepreneurial experience, he nurtures the next generation of tech talent by guiding students and career shifters in acquiring essential skills. Passionate about innovation and growth, he fosters a thriving tech community.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/gm95soomro/'\r\n        },\r\n        {\r\n            name: \"Kanwal Abidi\",\r\n            title: \"HR Lead\",\r\n            image: Kanwal_Rizvi,\r\n            description: \"Kanwal is a dynamic HR professional specializing in talent acquisition, employee engagement, and organizational development. She crafts innovative HR strategies that drive performance and create an inclusive workplace. With a keen eye on strategic planning and HR analytics, she’s committed to boosting efficiency and employee satisfaction.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/kanwal-abidi-a66b262ab/'\r\n        },\r\n        {\r\n            name: \"Maryiam Pervaiz\",\r\n            title: \"Manager Communications and PR- LHR\",\r\n            image: Maryam,\r\n            description: \"Maryam is a seasoned professional with over 15 years of extensive experience in journalism, media, marketing, and public relations. Her diverse skill set and strategic insight have been instrumental in building sustainable and trustworthy relationships with our clients and the corporate world. Maryam's multifaceted expertise makes her an invaluable asset to our organization, consistently driving our marketing initiatives to new heights. Her ability to blend creativity with strategic thinking ensures that our brand remains at the forefront of industry trends and client expectations. At our company, Maryam continues to lead with excellence, fostering a culture of innovation and reliability.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/maryiam-pervaiz-40595121/'\r\n        },\r\n        {\r\n            name: \"Samra Mazhar\",\r\n            title: \"Placements and Events Lead\",\r\n            image: Samra_Mazhar,\r\n            description: \"Samra, the Placements and Events Lead at AshreiTech Academy, is a dynamic and approachable professional known for her enthusiasm and dedication. A true people's person, she brings a warm and engaging presence to every interaction. Passionate about her role, Samra ensures all her responsibilities are met with utmost seriousness and a smile.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/samra-m-1782b5201/'\r\n        },\r\n        {\r\n            name: \"Unsar Hameed\",\r\n            title: \"IT Manager\",\r\n            image: Unsar_Hameed,\r\n            description: \"As a seasoned IT Manager, Unsar leads technology strategy and innovation, driving business transformation and growth with effective IT solutions and agile leadership. With expertise in IT service management and digital transformation, he creates impactful solutions that enhance collaboration and efficiency.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/unsar-hameed-379896106/'\r\n        },\r\n        {\r\n            name: \"Arsalan Ahmed\",\r\n            title: \"Accounts Officer\",\r\n            image: Arsalan_Ahmed,\r\n            description: \"As the finance officer, Arsalan supports the financial operations of this organization by processing transactions and maintaining financial records. He also excels in analyzing financial data, offering valuable insights and support to senior finance professionals.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/arsalan-ahmed-708974106/'\r\n        },\r\n        {\r\n            name: \"Farrukh Hussain Lodhi\",\r\n            title: \"Assistant Manager Accounts/Tax\",\r\n            image: Farrukh_Hussain_Lodhi,\r\n            description: \"\",\r\n            linkedInProfile: ''\r\n        },\r\n        {\r\n            name: \"Humra Tahir\",\r\n            title: \"Executive- Marcom\",\r\n            image: Humra_Tahir,\r\n            description: \"Humra is a final-year Mass Communication's student and MarCom Executive at AshreiTech Academy. With a knack for creativity, she crafts marketing content that truly engages and stands out. Humra blends her academic knowledge with hands-on experience, bringing fresh, compelling ideas to the table.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/humra-tahir/'\r\n        },\r\n        {\r\n            name: \"Omar Siddique\",\r\n            title: \"Creative Designer\",\r\n            image: green_Omar_Siddique,\r\n            description: \"As a Creative Designer, Omar envisions design as more than just aesthetics; he sees it as a vibrant tapestry that weaves together meaningful connections, delivers impactful messages, and beautifully reflects the company's core aims in every visual element. For Omar, every design is a story waiting to be told, a bridge between creativity and purpose.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/omar-siddiqui-3b9a99204/'\r\n        },\r\n        {\r\n            name: \"Haris Bin Rafat\",\r\n            title: \"Photographer & Videographer\",\r\n            image: Haris_Bin_Rafat,\r\n            description: \"As a passionate photographer and videographer, Haris is constantly on the lookout for captivating stories to capture and share. Whether framing the serene beauty of a landscape or filming the dynamic energy of a live event, Haris is dedicated to creating content that not only engages but resonates deeply with his audience. For him, every shot is a new adventure, a unique story waiting to be told.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/haris-bin-rafat-657474ab/'\r\n        },\r\n        {\r\n            name: \"Raja Muhammad Ibrahim\",\r\n            title: \"Student Coordinator\",\r\n            image: Muhammad_Ibrahim,\r\n            description: \"At AshreiTech Academy, Muhammad Ibrahim is the Student Coordinator, dedicated to resolving student issues and offering counseling sessions. He mentors the next generation of tech talent, guiding students and career shifters in acquiring essential skills. Passionate about innovation and growth, he is committed to equipping students with the tools they need to succeed.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/muhammad-ibrahim-505b13235/'\r\n        },\r\n        {\r\n            name: \"Jamshed Zaman\",\r\n            title: \"Community Manager- LHR\",\r\n            image: Jamshed_Zaman,\r\n            description: \"With a diverse background spanning professional development, education, journalism, and public relations, Jamshed bring a rich tapestry of experiences and skills. In more than 4 years of professional experience in Educational Development at various renowned institutions including University of Central Punjab and Forman Christian College, Jamshed has been deeply involved in educational administration curriculum design, facilitating workshops, fostering industry connections for student opportunities.\",\r\n            linkedInProfile: 'https://www.linkedin.com/in/jamshedzaman252/'\r\n        },\r\n        {\r\n            name: \"Noman Ali\",\r\n            title: \"Admin & Operations Lead\",\r\n            image: Noman_Ali,\r\n            description: \"An experienced Admin and Operations professional who oversees day-to-day operations to ensure efficiency and productivity across all departments. With a focus on optimizing organizational performance, He expertly coordinates administrative tasks, streamlines processes, and implements effective strategies.\",\r\n            linkedInProfile: ''\r\n        },\r\n        {\r\n            name: \"Syed Talha Asad\",\r\n            title: \"IT Administrator\",\r\n            image: Syed_Talha_Asad,\r\n            description: \"As a seasoned IT Administrator, Syed Talha orchestrates seamless network operations and fortifies security solutions, propelling business growth with cutting-edge technology infrastructure. With a mastery in system administration and network architecture, he crafts high-availability solutions that minimize downtime and amplify productivity.\",\r\n            linkedInProfile: ''\r\n        },\r\n        {\r\n            name: \"Hunain Amin\",\r\n            title: \"IT Support Officer\",\r\n            image: Hunain_Shah,\r\n            description: \"As an IT Support Officer, Hunain Amin excels in delivering technical assistance and support to users within the organization. With a robust background in troubleshooting hardware and software issues, he swiftly resolves IT-related challenges with precision. Driven by a commitment to exceptional customer service and technical proficiency, Hunain strives to elevate the overall IT experience for every user.\",\r\n            linkedInProfile: 'http://linkedin.com/in/hunain-mianoor-69308b322'\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div className={`${team_container} container-fluid`}>\r\n                <div className={`${banner_container}`}>\r\n                    <img src={teams_banner} alt=\"Team Banner\" />\r\n                    <div  className={`${banner_overlay}`}>\r\n                        <h1 className={`${overlay_text}`}>Our Team</h1>\r\n                    </div>\r\n                </div>\r\n                <div className=\"mt-5 pt-5 d-flex justify-content-center align-items-center\">\r\n                    <h1 className=\"text-center text-md-left\">With over years of experience combined.</h1>\r\n                </div>\r\n                <div className=\"row my-5\" style={{ position: 'relative' }}>\r\n                    <div className={gradientCircle}></div>\r\n                    {teamMembers.map((member, index) => (\r\n                        <div className=\"col-md-6 col-lg-3 col-sm-12 d-flex flex-column\" key={index}>\r\n                            <div className={`${card_Team} my-4`} style={{\r\n                                backgroundImage: `url(${member.image})`,\r\n                            }}>\r\n                                <div className={`${card_Team_bg}`}>\r\n                                    <p className={`${team_description} text-white`} style={{ fontSize: '14px' }}>{member.description}</p>\r\n                                    <a href={member.linkedInProfile} target=\"_blank\" rel=\"noopener noreferrer\">\r\n                                        <i className=\"fab fa-linkedin pt-2\" style={{ color: \"white\" }}></i>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"d-flex justify-content-center flex-column align-items-center\">\r\n                                <h5>{member.name}</h5>\r\n                                <h6 className=\"text-center\" style={{fontSize:\"15px\",  fontWeight:\"500\"}}>{member.title}</h6>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n            <Footer />\r\n        </>\r\n    );\r\n};\r\n\r\nexport default Teams;\r\n","export default __webpack_public_path__ + \"static/media/serviceBanner.f9d957d5.gif\";","export default __webpack_public_path__ + \"static/media/BookaScreenHeroContainer.7c839e36.png\";","export default __webpack_public_path__ + \"static/media/Wave3.4f6343f9.png\";","export default __webpack_public_path__ + \"static/media/Wave2.f4c4efb8.png\";","export default __webpack_public_path__ + \"static/media/al-razi.945f314c.jpg\";","export default __webpack_public_path__ + \"static/media/al-farabi.212c3c51.jpg\";","export default __webpack_public_path__ + \"static/media/al-khawarizmi.d02bbbb1.jpg\";","export default __webpack_public_path__ + \"static/media/al-kindi.94216142.jpg\";","export default __webpack_public_path__ + \"static/media/Glowimg1.44ed4b43.png\";","export default __webpack_public_path__ + \"static/media/video1.ccefd688.mp4\";","export default __webpack_public_path__ + \"static/media/video2.0fd3d3e9.mp4\";","export default __webpack_public_path__ + \"static/media/video3.1ab63b2c.mp4\";","export default __webpack_public_path__ + \"static/media/video4.02d418ff.mp4\";","export default __webpack_public_path__ + \"static/media/video5.8cc65687.mp4\";","export default __webpack_public_path__ + \"static/media/video6.999def4c.mp4\";","export default __webpack_public_path__ + \"static/media/WeD6.bbf9f535.png\";","export default __webpack_public_path__ + \"static/media/servicegradient.cc27f6c5.png\";","export default __webpack_public_path__ + \"static/media/randomline.e3064b74.png\";","export default __webpack_public_path__ + \"static/media/serviceWave.614e6e95.png\";","export default __webpack_public_path__ + \"static/media/staffoutsourcing.71850511.svg\";","export default __webpack_public_path__ + \"static/media/serviceWave2.9bf15374.png\";","export default __webpack_public_path__ + \"static/media/recrumentsearch.47123742.svg\";","export default __webpack_public_path__ + \"static/media/payrollprocessing.5a07b108.svg\";","export default __webpack_public_path__ + \"static/media/cplacement.581c9f8e.svg\";","export default __webpack_public_path__ + \"static/media/employeevetting.5a16a0d0.svg\";","export default __webpack_public_path__ + \"static/media/network_opportunities.cd735b9d.svg\";","export default __webpack_public_path__ + \"static/media/profile1.50d9ef6f.png\";","export default __webpack_public_path__ + \"static/media/profile.fc81fc30.png\";","export default __webpack_public_path__ + \"static/media/profile2.fc3ace4f.png\";","export default __webpack_public_path__ + \"static/media/profile3.fbffed29.png\";","export default __webpack_public_path__ + \"static/media/profile4.563e6955.png\";","export default __webpack_public_path__ + \"static/media/profile5.fc81fc30.png\";","export default __webpack_public_path__ + \"static/media/profile6.98666144.png\";","export default __webpack_public_path__ + \"static/media/profile7.3b667596.png\";","export default __webpack_public_path__ + \"static/media/profile8.76ea75bd.png\";","export default __webpack_public_path__ + \"static/media/Imgpsh.38ec811d.jpg\";","import React, { useEffect, useState } from 'react';\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\nimport serviceBanner from '../../assets/serviceBanner.gif';\r\nimport BookaScreenHeroContainer from '../../assets/BookaScreen/BookaScreenHeroContainer.png';\r\nimport wave3 from '../../assets/BookaScreen/Wave3.png';\r\nimport wave2 from '../../assets/BookaScreen/Wave2.png';\r\nimport alrazi from '../../assets/BookaScreen/al-razi.jpg';\r\nimport alFarabi from '../../assets/BookaScreen/al-farabi.jpg';\r\nimport alkhawarzmi from '../../assets/BookaScreen/al-khawarizmi.jpg';\r\nimport alkindi from '../../assets/BookaScreen/al-kindi.jpg';\r\nimport Plantation_u from '../../assets/BookaScreen/Plantation_u.png';\r\n\r\nimport wifi from '../../assets/BookaScreen/wifi.png'\r\nimport tech from '../../assets/BookaScreen/high tech learning.png'\r\nimport pray from '../../assets/BookaScreen/prayer area.png'\r\nimport glowimg1 from '../../assets/BookaScreen/Glowimg1.png'\r\nimport Slider from \"react-slick\";\r\nimport styled from \"styled-components\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport './style.module.css'\r\nimport style from \"./style.module.css\";\r\nimport videoOne from '../../assets/video/video1.mp4'\r\nimport videoTwo from '../../assets/video/video2.mp4'\r\nimport videoThree from '../../assets/video/video3.mp4'\r\nimport { BookaRoomForm } from './BookaRoomForm';\r\nimport videoFour from '../../assets/video/video4.mp4'\r\nimport videoFive from '../../assets/video/video5.mp4'\r\nimport videoSix from '../../assets/video/video6.mp4'\r\nimport WeD6 from '../../assets/WhatWeDo/WeD6.png'\r\nimport servicegradient from '../../assets/WhatWeDo/servicegradient.png'\r\nimport randomline from '../../assets/WhatWeDo/randomline.png'\r\nimport serviceWave from '../../assets/serviceWave.png'\r\nimport serviceWave2 from '../../assets/serviceWave2.png'\r\nimport nounrecruitment from '../../assets/BookaScreen/noun-recruitment.png';\r\nimport Learning from '../../assets/BookaScreen/Learning.png';\r\nimport Employee from '../../assets/BookaScreen/Employee.png';\r\nimport Trowel from '../../assets/BookaScreen/Trowel.png';\r\nimport Consultant from '../../assets/BookaScreen/Consultant.png';\r\nimport staffoutsourcing from '../../assets/BookaScreen/staffoutsourcing.svg';\r\nimport recrumentsearch from '../../assets/BookaScreen/recrumentsearch.svg';\r\nimport payrollprocessing from '../../assets/BookaScreen/payrollprocessing.svg';\r\nimport cplacement from '../../assets/BookaScreen/cplacement.svg';\r\nimport employeevetting from '../../assets/BookaScreen/employeevetting.svg';\r\nimport network_opportunities from '../../assets/BookaScreen/network_opportunities.svg';\r\nimport profile from '../../assets/BookaScreen/profile.png';\r\nimport profile1 from '../../assets/BookaScreen/profile1.png';\r\nimport profile2 from '../../assets/BookaScreen/profile2.png';\r\nimport profile3 from '../../assets/BookaScreen/profile3.png';\r\nimport profile4 from '../../assets/BookaScreen/profile4.png';\r\nimport profile5 from '../../assets/BookaScreen/profile5.png';\r\nimport profile6 from '../../assets/BookaScreen/profile6.png';\r\nimport profile7 from '../../assets/BookaScreen/profile7.png';\r\nimport profile8 from '../../assets/BookaScreen/profile8.png';\r\nimport Imgpsh from '../../assets/BookaScreen/Imgpsh.jpg';\r\nimport { Fade } from 'react-reveal';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\n\r\nconst services = [\r\n    {\r\n        imgSrc:cplacement,\r\n        title: \"C-suit Placement Services\",\r\n        description:\r\n            \"We connect you with the right talent through a streamlined recruitment process, prioritizing fit, skill, and potential for long-term success.\",\r\n    },\r\n    {\r\n        imgSrc: recrumentsearch,\r\n        title: \"Recruitment Search\",\r\n        description:\r\n            \"Boost your team’s potential with customized training and coaching, from executive leadership development to essential skills for employees at all levels.\",\r\n    },\r\n    {\r\n        imgSrc: staffoutsourcing,\r\n        title: \"Staff outsourcing\",\r\n        description:\r\n            \"Stay compliant with local and international regulations, reducing risk and ensuring your business operates smoothly, legally, and ethically.\",\r\n    },\r\n    {\r\n        imgSrc: payrollprocessing,\r\n        title: \"Payroll Processing\",\r\n        description:\r\n            \"Simplify payroll with accurate, efficient processing that ensures timely, precise payments, so you can focus on growing your business.\",\r\n    },\r\n    {\r\n        imgSrc: network_opportunities ,\r\n        title: \"Network Opportunities\",\r\n        description:\r\n            \"At Talent Expertz HR solutions we believe in the power of networking and knowledge sharing to drive industry innovation and growth.\",\r\n    },\r\n    {\r\n        imgSrc: employeevetting ,\r\n        title: \"Employee Engagement\",\r\n        description:\r\n            \"Create a workplace where employees feel valued and motivated, fostering an inclusive culture that boosts retention and productivity.\",\r\n    },\r\n];\r\n\r\nconst sliderData = [\r\n    {\r\n        id: 1,\r\n        imgSrc: profile5,\r\n        name: \"Adeel Ahmed\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"08:21 PM - Jan 4, 2024\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/adeel-ahmed-1842b6315?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    },\r\n    {\r\n        id: 2,\r\n        imgSrc: profile1,\r\n        name: \"Mahnoor Khan\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"01:10 PM - March 23, 2024\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/mahnoor-khan-8143722a2/\"\r\n    },\r\n    {\r\n        id: 3,\r\n        imgSrc: profile6,\r\n        name: \"Muhammad Ibrahim\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? \",\r\n        date: \"05:50 PM - Jan 15, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/muhammad-ibrahim-505b13235/\"\r\n    },\r\n    {\r\n\r\n        id: 4,\r\n\r\n        imgSrc: profile2,\r\n        name: \"Tehreem Fatima\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"03:30 PM - Dec 4, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    }\r\n\r\n    ,\r\n    {\r\n        id: 5,\r\n\r\n        imgSrc: profile7,\r\n        name: \"Tehreem Fatima\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"03:30 PM - Dec 4, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    },\r\n    {\r\n        id: 6,\r\n\r\n        imgSrc: profile3,\r\n        name: \"sana\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"03:30 PM - Dec 4, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    },\r\n    {\r\n        id: 7,\r\n\r\n        imgSrc: profile8,\r\n        name: \"osama\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"03:30 PM - Dec 4, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    },\r\n    {\r\n        id: 8,\r\n\r\n        imgSrc: profile4,\r\n        name: \"Fatima\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"03:30 PM - Dec 4, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    }\r\n];\r\n\r\nconst slider2Data = [\r\n    // {\r\n    //   imgSrc: Zikria,\r\n    //   name: \"Muhammad Zikria\",\r\n    //   title: \"Student\",\r\n    //   text: \"Enrolling in AshreiTech Academy has been one of the most rewarding decisions I've ever made. Even though I'm not paying for my education here, I've been given the same level of attention and support as if I had invested a substantial amount for my training.\",\r\n    //   date: \"08:21 PM - Jan 4, 2023\",\r\n    //   rating: 4,\r\n    //   linkedinUrl: \"https://www.linkedin.com/in/syed-muhammad-zikria-zikria-781bb8132/\"\r\n    // },\r\n    // {\r\n    //   imgSrc: Bilal,\r\n    //   name: \"Bilal Asif Mangi\",\r\n    //   title: \"Student\",\r\n    //   text: \"The faculty at AshreiTech Academy is professional and encouraging. I highly recommend visiting the academy and enrolling in their courses.\",\r\n    //   date: \"08:21 PM - Jan 4, 2023\",\r\n    //   rating: 4,\r\n    //   linkedinUrl: \"https://www.linkedin.com/in/bilal-asif-mangi-40b183223/\"\r\n    // },\r\n    {\r\n        imgSrc: profile,\r\n        name: \"zain\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"08:21 PM - Jan 4, 2024\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/adeel-ahmed-1842b6315?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    },\r\n    {\r\n        imgSrc: profile,\r\n        name: \"zain\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"01:10 PM - March 23, 2024\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/mahnoor-khan-8143722a2/\"\r\n    },\r\n    {\r\n        imgSrc: profile,\r\n        name: \"zain\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? I now feel well-prepared for my career in procurement, thanks to AshreiTech Academy.\",\r\n        date: \"05:50 PM - Jan 15, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/muhammad-ibrahim-505b13235/\"\r\n    },\r\n    {\r\n        imgSrc: profile,\r\n        name: \"zain\",\r\n        title: \"Student\",\r\n        text: \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse? Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste ducimus vitae commodi libero nam sed esse?\",\r\n        date: \"03:30 PM - Dec 4, 2023\",\r\n        rating: 4,\r\n        linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n    }\r\n];\r\n\r\nexport default function Services() {\r\n    const navigate = useNavigate();\r\n    const [data, setdata] = useState(sliderData)\r\n    const [card1Data, setcard1Data] = useState(sliderData[0])\r\n    const [card2Data, setcard2Data] = useState(sliderData[2])\r\n    const [card3Data, setcard3Data] = useState(sliderData[4])\r\n    const [card4Data, setcard4Data] = useState(sliderData[5])\r\n\r\n\r\n    useEffect(() => {\r\n        const interval = setInterval(() => {\r\n            setcard1Data((prevData) => prevData.id === card1Data.id ? sliderData[1] : sliderData[0])\r\n            setcard2Data((prevData) => prevData.id === card2Data.id ? sliderData[3] : sliderData[2])\r\n            setcard3Data((prevData) => prevData.id === card3Data.id ? sliderData[6] : sliderData[4])\r\n            setcard4Data((prevData) => prevData.id === card4Data.id ? sliderData[7] : sliderData[5])\r\n        }, 2700\r\n\r\n\r\n        );\r\n        return () => clearInterval(interval);\r\n    }, []);\r\n\r\n\r\n    const handleRoute = () => {\r\n        window.scrollTo(0, 0);\r\n        navigate('/Services/whatWeDo')\r\n    }\r\n\r\n\r\n\r\n\r\n    const cardData = [\r\n        {\r\n            src: alrazi,\r\n            alt: \"Al-Razi\",\r\n            title: \"Al-Razi\",\r\n            capacity: \"Capacity: 15 to 25 Person\"\r\n        },\r\n        {\r\n            src: alFarabi,\r\n            alt: \"Al-Farabi\",\r\n            title: \"Al-Farabi\",\r\n            capacity: \"Capacity: 15 to 25 Person\"\r\n        },\r\n        {\r\n            src: alkhawarzmi,\r\n            alt: \"Al-Khwarizmi\",\r\n            title: \"Al-Khwarizmi\",\r\n            capacity: \"Capacity: 15 to 25 Person\"\r\n        },\r\n        {\r\n            src: alkindi,\r\n            alt: \"Al-Kindi\",\r\n            title: \"Al-Kindi\",\r\n            capacity: \"Capacity: 15 to 25 Person\"\r\n        }\r\n    ];\r\n    // const settings = {\r\n    //     infinite: true,\r\n    //     speed: 500,\r\n    //     slidesToShow: 3,\r\n    //     slidesToScroll: 1,\r\n    //     arrows: false,\r\n    //     autoplay: true,\r\n    //     autoplaySpeed: 3000,\r\n    //     responsive: [\r\n    //         {\r\n    //             breakpoint: 1200,\r\n    //             settings: {\r\n    //                 slidesToShow: 2,\r\n    //                 slidesToScroll: 1,\r\n    //             },\r\n    //         },\r\n    //         {\r\n    //             breakpoint: 768,\r\n    //             settings: {\r\n    //                 slidesToShow: 1,\r\n    //                 slidesToScroll: 1,\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    // };\r\n    const settings = {\r\n        infinite: true,\r\n        speed: 500,\r\n        slidesToShow: 3,\r\n        slidesToScroll: 1,\r\n        arrows: false,\r\n        autoplay: true,\r\n        autoplaySpeed: 3000,\r\n        responsive: [\r\n            {\r\n                breakpoint: 1200,\r\n                settings: {\r\n                    slidesToShow: 2,\r\n                    slidesToScroll: 1,\r\n                },\r\n            },\r\n            {\r\n                breakpoint: 800,\r\n                settings: {\r\n                    slidesToShow: 2,\r\n                    slidesToScroll: 1,\r\n                },\r\n            },\r\n            {\r\n                breakpoint: 600,\r\n                settings: {\r\n                    slidesToShow: 2,\r\n                    slidesToScroll: 1,\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    };\r\n    const { modallg, gradientCircle, gradientCircleLeft, gradientCircleLeftTop, gradientCircleLeftTwo } = style;\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n\r\n            <div\r\n                className=\"container-fluid py-4\"\r\n                style={{\r\n                    backgroundImage: `url(${servicegradient})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    height: 'auto',\r\n                    width: '100%',\r\n                    backgroundPosition: 'top',\r\n                    backgroundColor: '#D5D0EF'\r\n                }}\r\n            >\r\n                <div className=\"row mt-5\">\r\n                    <div\r\n                        className=\"py-5 container-fluid mb-md-4\"\r\n                        style={{\r\n                            position: 'relative',\r\n                            backgroundImage: `url(${serviceBanner})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            height: 'auto',\r\n                            width: '84.6%',\r\n                            borderRadius: '50px',\r\n                        }}\r\n                    >\r\n                        {/* <img src={serviceBanner} className='container-fluid ' alt=\"\" srcset=\"\" /> */}\r\n                        <div\r\n                        ></div>\r\n                        <div className=\"invisible d-flex flex-column justify-content-center align-items-center py-5 my-5 text-center\" style={{ position: 'relative' }}>\r\n                            <h2 className=\"font-weight-bold text-white pt-5 mt-5\">The Trusted Venue Partner for all your Corporate\r\n                                Events & Conferences</h2>\r\n                            <h6 className=\"text-white mt-3\">No matter if it’s a 10-person strategy meeting or a\r\n                                1000-person conference, we’ve got your back.</h6>\r\n                            <button className=\"slider_btn\" data-toggle=\"modal\" data-target=\"#bookingModal\">Book Now</button>\r\n                        </div>\r\n                        <div className=\"pb-5 mb-5\"></div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"row justify-content-center mt-md-5\">\r\n                    <div className=\"col-11\">\r\n                        <div className=\"row pb-5 px-4\">\r\n\r\n                            <Fade left>\r\n                                <div\r\n                                    className=\"col-lg-5  p-0 pl-sm-4 col-md-6 col-sm-12 pr-4\">\r\n                                    <img src={WeD6} alt=\"Wed2\" className=\"img-container w-100 pr-sm-3 \" />\r\n                                </div>\r\n                            </Fade>\r\n                            <Fade right>\r\n                                <div className=\"pl-xxl-4 col-lg-7 p-0 col-md-6 col-sm-12 pb-4 pb-lg-0  \">\r\n                                    <h1 className=\"pl-sm-2 \" style={{ fontWeight: 500, fontSize: \"5.4rem\", fontFamily: \"Barlow,sans-serif\", textAlign: 'left' }}>  <span style={{ color: '#160A54', fontFamily: \"Barlow,sans-serif\" }}>What  </span><span style={{ color: '#04642D' }}> We Offer</span></h1>\r\n                                    <div className=\"row mt-3 font20 align-items-center pl-sm-2\">\r\n                                        <div className=\"col-12\">\r\n                                            <p className='mb-5  mt-3 pl-3 font21' style={{ color: '#5b5656', fontWeight: 500 }}> At Talent Expertz, we deliver flexible, customized HR solutions that meet the unique needs of your business and help drive sustainable growth.</p>\r\n\r\n                                        </div>\r\n                                        <div className=\"col-md-6 d-flex mb-4 align-items-center\">\r\n                                            <div className=\"col-1\"><i className=\"fa-regular fa-circle-check mr-4  pl-sm-2\" style={{ fontWeight: 300, fontSize: 40, color: '#160A54' }}></i></div>\r\n                                            <div className=\"col-11\"><p style={{ fontWeight: 400, color: '#3F3F3F', fontFamily: \"Barlow,sans-serif\", }} className=\" font-weight-bold font21 pl-4\"> Tailored Recruitment</p></div>\r\n                                        </div>\r\n                                        <div className=\"col-md-6 d-flex mb-4 align-items-center\">\r\n                                            <div className=\"col-1\"><i className=\"fa-regular fa-circle-check mr-4  pl-sm-2\" style={{ fontWeight: '200 !important', fontSize: 40, color: '#160A54' }}></i></div>\r\n                                            <div className=\"col-11\"><p style={{ fontWeight: 400, color: '#3F3F3F', fontFamily: \"Barlow,sans-serif\", }} className=\" font-weight-bold font21 pl-4 \">Leadership Development</p></div>\r\n                                        </div>\r\n                                        <div className=\"col-md-6 d-flex mb-4 align-items-center\">\r\n                                            <div className=\"col-1\"><i className=\"fa-regular fa-circle-check mr-4  pl-sm-2\" style={{ fontWeight: '200 !important', fontSize: 40, color: '#160A54' }}></i></div>\r\n                                            <div className=\"col-11\">\r\n                                                <p style={{ fontWeight: 400, color: '#3F3F3F', fontFamily: \"Barlow,sans-serif\", }} className=\" font-weight-bold font21 pl-4 \">Skill Enhancement</p>\r\n\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-md-6 d-flex mb-4 align-items-center\">\r\n                                            <div className=\"col-1\"><i className=\"fa-regular fa-circle-check mr-4  pl-sm-2\" style={{ fontWeight: '200 !important', fontSize: 40, color: '#160A54' }}></i></div>\r\n                                            <div className=\"col-11\">\r\n                                                <p style={{ fontWeight: 400, color: '#3F3F3F', fontFamily: \"Barlow,sans-serif\", }} className=\" font-weight-bold font21 pl-4 \">Compliance Assurance</p>\r\n\r\n                                            </div>\r\n                                        </div>    <div className=\"col-md-6 d-flex mb-4 align-items-center\">\r\n                                            <div className=\"col-1\"><i className=\"fa-regular fa-circle-check mr-4  pl-sm-2\" style={{ fontWeight: '200 !important', fontSize: 40, color: '#160A54' }}></i></div>\r\n                                            <div className=\"col-11\">\r\n                                                <p style={{ fontWeight: 400, color: '#3F3F3F', fontFamily: \"Barlow,sans-serif\", }} className=\" font-weight-bold font21 pl-4 \">Strategic Consulting</p>\r\n\r\n                                            </div>\r\n                                        </div>    <div className=\"col-md-6 d-flex mb-4 align-items-center\">\r\n                                            <div className=\"col-1\"><i className=\"fa-regular fa-circle-check mr-4  pl-sm-2\" style={{ fontWeight: '200 !important', fontSize: 40, color: '#160A54' }}></i></div>\r\n                                            <div className=\"col-11\">\r\n                                                <p style={{ fontWeight: 400, color: '#3F3F3F', fontFamily: \"Barlow,sans-serif\", }} className=\" font-weight-bold font21 pl-4 \">Inclusive Culture</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n\r\n\r\n                                </div>\r\n                            </Fade>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div className=\"\">\r\n                <div\r\n                    className=\"container-fluid py-4\"\r\n                    style={{\r\n                        backgroundColor: \"#FFF9F0\",\r\n                        backgroundImage: `url(${serviceWave})`,\r\n                        backgroundSize: \"cover\",\r\n                        backgroundRepeat: \"no-repeat\",\r\n                        position: \"relative\",\r\n                        backgroundPosition: \"center\",\r\n                    }}\r\n                >\r\n                    <div className=\"row d-flex justify-content-center align-items-center pb-sm-4\">\r\n                        <div className=\"col-lg-12 col-md-8 col-sm-12 d-flex flex-column justify-content-center align-items-center text-center text-white\">\r\n                            <h1\r\n                                className=\"pb-4 pb-lg-0\"\r\n                                id=\"our_services\"\r\n                                style={{\r\n                                    fontSize: \"2rem\", // Smaller font for better fit\r\n                                }}\r\n                            >\r\n                                Our&nbsp;\r\n                                <span\r\n                                    id=\"our_services\"\r\n                                    style={{\r\n                                        color: \"#04642D\",\r\n                                        fontFamily: \"Barlow, sans-serif\",\r\n                                        fontSize: \"2rem\", // Matches heading size\r\n                                    }}\r\n                                    className=\"green_underline\"\r\n                                >\r\n                                    Services\r\n                                </span>\r\n                            </h1>\r\n                            <h6\r\n                                className=\"col-lg-8 col-md-12 pt-2 mt-4 px-4\"\r\n                                id=\"our_services_paragraph\"\r\n                                style={{\r\n                                    fontSize: \"0.9rem\", // Slightly smaller font\r\n                                    lineHeight: \"1.5rem\", // Adjust line height for readability\r\n                                }}\r\n                            >\r\n                                Talent Expertz (TE) goes beyond quick fixes, providing meticulously\r\n                                tailored, accessible HR solutions for lasting impact. Our services\r\n                                include\r\n                            </h6>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {/* Computer View */}\r\n                    <div\r\n                        className=\"row justify-content-center align-items-center py-4 d-flex mx-sm-5 p-0 ml-4 ml-sm-0\"\r\n                        style={{ gap: \"50px\", flexWrap: \"wrap\" }}\r\n                    >\r\n                        {services.map((service, index) => (\r\n                            <div\r\n                                key={index}\r\n                                className=\"col-lg-3 mb-sm-0 col-md-3 col-sm-10 d-flex justify-content-start align-items-start p-0\"\r\n                                onClick={handleRoute}\r\n                            >\r\n                                <div\r\n                                    className=\"bg-white d-flex flex-column justify-content-start align-items-start text-start text-black p-3\"\r\n                                    style={{\r\n                                        borderRadius: \"18px\",\r\n                                        boxShadow: \"18px 15px 35px 0 rgba(22, 10, 84, 0.15)\",\r\n                                        cursor: \"pointer\",\r\n                                    }}\r\n                                >\r\n                                    <div className=\"col-md-6 col-lg-5 p-0 pt-3\">\r\n                                        <img\r\n                                            src={service.imgSrc}\r\n                                            alt=\"\"\r\n                                            id=\"services_card_img\"\r\n                                            style={{\r\n                                                width: \"100%\", // Ensure the image is responsive\r\n                                                height: \"auto\",\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n                                    <h5\r\n                                        className=\"mb-2 mt-1\"\r\n                                        id=\"services_card_title\"\r\n                                        style={{\r\n                                            fontSize: \"1rem\", // Slightly smaller heading\r\n                                        }}\r\n                                    >\r\n                                        {service.title}\r\n                                    </h5>\r\n                                    <p\r\n                                        className=\"col-md-11 col-lg-11 line-height-sm p-0\"\r\n                                        id=\"services_card_desc\"\r\n                                        style={{\r\n                                            fontSize: \"0.85rem\", // Slightly smaller paragraph text\r\n                                            lineHeight: \"1.4rem\",\r\n                                        }}\r\n                                    >\r\n                                        {service.description}\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                    <div\r\n                        className=\"col-12 justify-content-center align-items-center py-4 d-none d-md-flex d-lg-flex mx-5 p-0\"\r\n                        style={{ gap: \"50px\" }}\r\n                    ></div>\r\n                </div>\r\n\r\n\r\n                <div className=\"container-fluid py-4 \"\r\n                    style={{\r\n                        backgroundColor: '#D5D0EF',\r\n                        backgroundImage: `url(${randomline})`,\r\n                        backgroundSize: 'cover ',\r\n                        backgroundRepeat: 'no-repeat',\r\n                        backgroundPosition: 'center',\r\n                        position: 'relative',\r\n                        // zIndex:-1,\r\n                        backgroundPosition: ' center'\r\n                    }}\r\n                >\r\n\r\n                    <div className=\"row d-flex justify-content-center align-items-center pb-sm-4 my-sm-5\">\r\n                        <div className=\"col-md-6 d-flex flex-column justify-content-center align-items-center text-center text-white pl-sm-5\">\r\n                            <h1 className=\"pb-4 pb-lg-0 pl\" id=\"our_services1\" >See What They’re Saying About&nbsp;<span id=\"our_services1\" style={{ color: \"#04642D\", fontFamily: \"Barlow,sans-serif\", }} className='green_underline'>Talent Expertz</span></h1>\r\n\r\n                        </div>\r\n                        <h6 className=\"col-lg-7 col-md-12 pt-2 mt-2 pl-5 pr-5 text-center \" id='our_services_paragraph1'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit suscipit egestas. Nunc eget congue ante. Vivamus ut sapien et ex volutpat tincidunt eget at felis.\r\n                        </h6>\r\n\r\n                    </div>\r\n\r\n\r\n                    <div className=\"row justify-content-center\">\r\n                        <div className=\"col-10\">\r\n                            <div className=\" d-flex mt-3 \" style={{ marginTop: \"100px !important\", flexWrap: 'wrap' }}>\r\n                                {/* <SliderWrapper>\r\n        <Slider {...settings}> */}\r\n                                {/* {data.map((card, index) => (\r\n                                <Card className='col-lg-5 mb-4' key={index}>\r\n                                    <div className=\"card-body px-sm-5 px-3 p-0\">\r\n\r\n                                        <div className=\"\" style={{ position: 'absolute', width: 100, height: 100, top: \"22%\", left: \"-10%\" }}>\r\n                                            <img\r\n                                                src={card.imgSrc}\r\n                                                alt={card.name}\r\n                                                className=\"rounded-circle custom-img \"\r\n                                                style={{ width: \"100%\", height: 'auto' }}\r\n                                            />\r\n                                        </div>\r\n                                        <p className=\"card-text mb-3 mt-3 font12 testi_Card_text\">{card.text}</p>\r\n                                        <div className=\"row justify-content-between mt-3\">\r\n                                            <div className=\"col\" >\r\n                                                <h5 className=\"font-weight-bolder\">{card.name}</h5>\r\n                                                <h6 className=\"\">{card.title}</h6>\r\n                                            </div>\r\n                                            <div className=\"col\" style={{ display: 'contents' }}>\r\n                                                <Rating>\r\n                                                    {[...Array(card.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star rating\"></i>\r\n                                                    ))}\r\n                                                    {[...Array(5 - card.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star disable_rating\"></i>\r\n                                                    ))}\r\n                                                </Rating>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </Card>\r\n                            ))} */}\r\n                                {/* </Slider>\r\n      </SliderWrapper> */}\r\n\r\n\r\n                                <Card className='col-lg-5 mb-4'>\r\n                                    <div className=\"card-body px-sm-5 px-3 p-0\" >\r\n\r\n                                        <div className=\"\" style={{ position: 'absolute', width: 100, height: 100, top: \"22%\", left: \"-10%\" }}>\r\n                                            <img\r\n                                                src={card1Data.imgSrc}\r\n                                                className=\"rounded-circle custom-img \"\r\n                                                style={{ width: \"100%\", height: 'auto' }}\r\n                                            />\r\n                                        </div>\r\n                                        <p className=\"card-text mb-3 mt-3 font12 testi_Card_text\">{card1Data.text}</p>\r\n                                        <div className=\"row justify-content-between mt-3\">\r\n                                            <div className=\"col\" >\r\n                                                <div data-aos=\"flip-up\">\r\n                                                    <h5 className=\"font-weight-bolder\">{card1Data.name}</h5>\r\n\r\n                                                </div>\r\n                                                <h6 className=\"text-left\">{card1Data.title}</h6>\r\n                                            </div>\r\n                                            <div className=\"col\" style={{ display: 'contents' }}>\r\n                                                <Rating>\r\n                                                    {[...Array(card1Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star rating\"></i>\r\n                                                    ))}\r\n                                                    {[...Array(5 - card1Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star disable_rating\"></i>\r\n                                                    ))}\r\n                                                </Rating>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </Card>\r\n\r\n\r\n                                <Card className='col-lg-5 mb-4'>\r\n                                    <div className=\"card-body px-sm-5 px-3 p-0\">\r\n\r\n                                        <div className=\"\" style={{ position: 'absolute', width: 100, height: 100, top: \"22%\", left: \"-10%\" }}>\r\n                                            <img\r\n                                                src={card2Data.imgSrc}\r\n                                                className=\"rounded-circle custom-img \"\r\n                                                style={{ width: \"100%\", height: 'auto' }}\r\n                                            />\r\n                                        </div>\r\n                                        <p className=\"card-text mb-3 mt-3 font12 testi_Card_text\">{card2Data.text}</p>\r\n                                        <div className=\"row justify-content-between mt-3\">\r\n                                            <div className=\"col\" >\r\n                                                <div data-aos=\"flip-up\">\r\n                                                    <h5 className=\"font-weight-bolder\">{card2Data.name}</h5>\r\n\r\n                                                </div>\r\n                                                <h6 className=\"text-left\">{card2Data.title}</h6>\r\n                                            </div>\r\n                                            <div className=\"col\" style={{ display: 'contents' }}>\r\n                                                <Rating>\r\n                                                    {[...Array(card2Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star rating\"></i>\r\n                                                    ))}\r\n                                                    {[...Array(5 - card2Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star disable_rating\"></i>\r\n                                                    ))}\r\n                                                </Rating>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </Card>\r\n                                <Card className='col-lg-5 mb-4'>\r\n                                    <div className=\"card-body px-sm-5 px-3 p-0\">\r\n\r\n                                        <div className=\"\" style={{ position: 'absolute', width: 100, height: 100, top: \"22%\", left: \"-10%\" }}>\r\n                                            <img\r\n                                                src={card3Data.imgSrc}\r\n                                                className=\"rounded-circle custom-img \"\r\n                                                style={{ width: \"100%\", height: 'auto' }}\r\n                                            />\r\n                                        </div>\r\n                                        <p className=\"card-text mb-3 mt-3 font12 testi_Card_text\">{card3Data.text}</p>\r\n                                        <div className=\"row justify-content-between mt-3\">\r\n                                            <div className=\"col\" >\r\n                                                <div data-aos=\"flip-up\">\r\n                                                    <h5 className=\"font-weight-bolder\">{card3Data.name}</h5>\r\n\r\n                                                </div>\r\n                                                <h6 className=\"text-left\">{card3Data.title}</h6>\r\n                                            </div>\r\n                                            <div className=\"col \" style={{ display: 'contents' }}>\r\n                                                <Rating>\r\n                                                    {[...Array(card3Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star rating\"></i>\r\n                                                    ))}\r\n                                                    {[...Array(5 - card3Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star disable_rating\"></i>\r\n                                                    ))}\r\n                                                </Rating>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </Card>\r\n                                <Card className='col-lg-5 mb-4'>\r\n                                    <div className=\"card-body px-sm-5 px-3 p-0\">\r\n\r\n                                        <div className=\"\" style={{ position: 'absolute', width: 100, height: 100, top: \"22%\", left: \"-10%\" }}>\r\n                                            <img\r\n                                                src={card4Data.imgSrc}\r\n                                                className=\"rounded-circle custom-img \"\r\n                                                style={{ width: \"100%\", height: 'auto' }}\r\n                                            />\r\n                                        </div>\r\n                                        <p className=\"card-text mb-3 mt-3 font12 testi_Card_text\">{card4Data.text}</p>\r\n                                        <div className=\"row justify-content-between mt-3\">\r\n                                            <div className=\"col\" >\r\n                                                <div data-aos=\"flip-up\">\r\n                                                    <h5 className=\"font-weight-bolder\">{card4Data.name}</h5>\r\n\r\n                                                </div>\r\n                                                <h6 className=\"text-left\">{card4Data.title}</h6>\r\n                                            </div>\r\n                                            <div className=\"col\" style={{ display: 'contents' }}>\r\n                                                <Rating>\r\n                                                    {[...Array(card4Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star rating\"></i>\r\n                                                    ))}\r\n                                                    {[...Array(5 - card4Data.rating)].map((_, i) => (\r\n                                                        <i key={i} className=\"fa-solid fa-star disable_rating\"></i>\r\n                                                    ))}\r\n                                                </Rating>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </Card>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n\r\n\r\nconst SliderWrapper = styled.div`\r\n  .slick-slide {\r\n    position: relative;\r\n    text-align: center;\r\n    border-radius: 25px !important;\r\n  }\r\n\r\n  img {\r\n    width: 100%;\r\n    height: auto;\r\n    /* border-radius: 25px !important; */\r\n  }\r\n\r\n  .info {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    color: white;\r\n    /* padding: 10px; */\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .overlay {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 93%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    transform: translate(-50%, -50%);\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    border-radius: 25px !important;\r\n  }\r\n\r\n  .slick-slide:hover .info {\r\n    opacity: 0;\r\n  }\r\n\r\n  .slick-slide:hover .overlay {\r\n    opacity: 1;\r\n  }\r\n\r\n  \r\n`;\r\nconst Rating = styled.div`\r\n  .rating {\r\n    color: #FFCF59 !important;\r\n    text-align: end !important;\r\n  }\r\n  .disable_rating {\r\n    color: grey !important;\r\n  }\r\n`;\r\n\r\nconst Card = styled.div`\r\n  width: 16rem;\r\n  margin: 0 auto;\r\n  background-color: white;\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n  padding: 10px;\r\n\r\n  a {\r\n    color: inherit; /* Initial color */\r\n    transition: color 0.3s ease; /* Smooth transition on hover */\r\n\r\n    &:hover {\r\n      color: #0077b5; /* LinkedIn blue */\r\n    }\r\n  }\r\n\r\n  .card {\r\n    width: 100%;\r\n    margin: 0 10px;\r\n  }\r\n`;","export default __webpack_public_path__ + \"static/media/frame4.68f283fd.png\";","export default __webpack_public_path__ + \"static/media/img5.3830766a.png\";","export default __webpack_public_path__ + \"static/media/greenpattern.c86c862c.png\";","export default __webpack_public_path__ + \"static/media/WeD4.edaa166c.png\";","export default __webpack_public_path__ + \"static/media/img1.4760c087.png\";","export default __webpack_public_path__ + \"static/media/img2.80e0fff1.png\";","export default __webpack_public_path__ + \"static/media/img3.8ddff633.png\";","export default __webpack_public_path__ + \"static/media/img4.6caf6d79.png\";","export default __webpack_public_path__ + \"static/media/img6.99edab4d.png\";","export default __webpack_public_path__ + \"static/media/img7.2d42c58f.png\";","export default __webpack_public_path__ + \"static/media/img8.aea0561d.png\";","export default __webpack_public_path__ + \"static/media/insta.9eb4a4a0.svg\";","export default __webpack_public_path__ + \"static/media/x.1858fe1b.svg\";","export default __webpack_public_path__ + \"static/media/aboutWave.f87b30b4.png\";","export default __webpack_public_path__ + \"static/media/about.091fce30.png\";","export default __webpack_public_path__ + \"static/media/facebook.5b5e71b7.svg\";","export default __webpack_public_path__ + \"static/media/Rectangle.acfd68ec.png\";","export default __webpack_public_path__ + \"static/media/Rectangle2.c10a0061.jpg\";","export default __webpack_public_path__ + \"static/media/Rectangle1.7dcb34d9.jpg\";","export default __webpack_public_path__ + \"static/media/Vision.9f89000b.png\";","export default __webpack_public_path__ + \"static/media/Rectangle4.6e88d159.png\";","export default __webpack_public_path__ + \"static/media/bg_Dot.a6330ad8.png\";","export default __webpack_public_path__ + \"static/media/rabab.2b544c12.png\";","import React, { useEffect, useState } from 'react'\r\nimport TopNavbar from '../../components/Nav/TopNavbar'\r\nimport Footer from '../../components/Sections/Footer/Footer'\r\nimport wave from '../../assets/WhatWeDo/wave2.png'\r\nimport frame4 from '../../assets/WhatWeDo/frame4.png'\r\nimport greenpattern from '../../assets/WhatWeDo/greenpattern.png'\r\nimport WeD1 from '../../assets/WhatWeDo/WeD1.png'\r\nimport WeD2 from '../../assets/WhatWeDo/WeD2.png'\r\nimport WeD3 from '../../assets/WhatWeDo/WeD3.png'\r\nimport WeD4 from '../../assets/WhatWeDo/WeD4.png'\r\nimport img1 from '../../assets/WhatWeDo/Elements/img1.png'\r\nimport img2 from '../../assets/WhatWeDo/Elements/img2.png'\r\nimport img3 from '../../assets/WhatWeDo/Elements/img3.png'\r\nimport img4 from '../../assets/WhatWeDo/Elements/img4.png'\r\nimport img5 from '../../assets/WhatWeDo/Elements/img5.png'\r\nimport img6 from '../../assets/WhatWeDo/Elements/img6.png'\r\nimport img7 from '../../assets/WhatWeDo/Elements/img7.png'\r\nimport img8 from '../../assets/WhatWeDo/Elements/img8.png'\r\nimport insta from '../../assets/WhatWeDo/svg/insta.svg'\r\nimport x from '../../assets/WhatWeDo/svg/x.svg'\r\nimport aboutWave from '../../assets/aboutWave.png'\r\nimport about from '../../assets/about.png'\r\nimport facebook from '../../assets/WhatWeDo/svg/facebook.svg'\r\nimport Rectangle from '../../assets/Rectangle.png'\r\nimport Rectangle1 from '../../assets/Rectangle1.jpg'\r\nimport Rectangle2 from '../../assets/Rectangle2.jpg'\r\nimport Ellipse1 from '../../assets/Ellipse_integrity.png'\r\nimport Ellipse2 from '../../assets/Ellipse_inovation.png'\r\nimport Ellipse3 from '../../assets/Ellipse_Trust.png'\r\nimport Ellipse4 from '../../assets/Ellipse_service.png'\r\nimport Ellipse5 from '../../assets/Ellipse_client.png'\r\nimport Vision from '../../assets/Vision.png'\r\nimport Rectangle4 from '../../assets/Rectangle4.png'\r\nimport style from \"./style.module.css\";\r\nimport { useNavigate } from 'react-router-dom';\r\nimport serviceBanner from '../../assets/serviceBanner.gif';\r\nimport WeD6 from '../../assets/WhatWeDo/WeD6.png'\r\nimport rabab from '../../assets/WhatWeDo/rabab.png'\r\nimport bg_Dot from '../../assets/WhatWeDo/bg_Dot.png'\r\nimport { Subtitles } from '@mui/icons-material'\r\nimport homeBannerGif from '../../assets/gifs/headervideo.gif'; // Update this with your actual GIF path\r\nimport vector from '../../assets/Vector.png';\r\nimport header from '../../assets/WhatWeDo/header.png'\r\nimport styled from 'styled-components'\r\nimport { Fade } from 'react-reveal'\r\nimport Imgpsh from '../../assets/BookaScreen/Imgpsh.jpg';\r\n\r\n\r\n\r\n\r\nconst PostCard = ({ image, subtitle, authorName, description, authorImage, }) => {\r\n    return (\r\n        <div className=\"col-12 col-md-3 pl-sm-3 pr-sm-0 mb-4 mt-sm-5 \">\r\n            <div style={{\r\n                backgroundColor: 'white',\r\n                // boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',\r\n                overflow: 'hidden',\r\n                border: \"1px solid #EAECF0\",\r\n                transition: 'transform 0.3s ease-in-out',\r\n                width: '80%',\r\n            }}\r\n            >\r\n                <div className=\"w-100\">\r\n\r\n                    <img alt={authorName} src={image} className=\"-fluimgid w-100 m-0 \" />\r\n                </div>\r\n                <div className='pl-2 ml-1'>\r\n                    <div className='my-1 font15 '\r\n                        style={{\r\n                            fontFamily: \"Barlow,sans-serif\",\r\n                            color: '#282828',\r\n                            fontWeight: '600',\r\n                        }}\r\n                    > {authorName}</div>\r\n                    <div className=\" font12\"\r\n                        style={{\r\n                            fontWeight: '400',\r\n                            color: \"#3E3E59\",\r\n                        }}> {subtitle} </div>\r\n                    <div className=\"my-1 font12 mb-4\"\r\n                        style={{\r\n                            fontWeight: '400',\r\n                            color: \"#5F6980\",\r\n                        }}> {description} </div>\r\n                    <div className='my-2'\r\n                    >\r\n                        <img className='mr-2'\r\n                            src={facebook}\r\n                            alt=\"facebook\"\r\n                            height=\"31\"\r\n                            width=\"31\"\r\n                        // style={{\r\n                        //     borderRadius: '50%',\r\n                        //     marginRight: '10px',\r\n                        // }}\r\n                        />\r\n                        <img className='mr-2'\r\n                            src={insta}\r\n                            alt=\"instagram\"\r\n                            height=\"31\"\r\n                            width=\"31\"\r\n                        // style={{\r\n                        //     borderRadius: '50%',\r\n                        //     marginRight: '10px',\r\n                        // }}\r\n                        />\r\n                        <img className=''\r\n                            src={x}\r\n                            alt=\"X\"\r\n                            height=\"31\"\r\n                            width=\"31\"\r\n                        // style={{\r\n                        //     borderRadius: '50%',\r\n                        //     marginRight: '10px',\r\n                        // }}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\nconst Tabs = [\r\n    {\r\n\r\n        title: 'Our values',\r\n        discription: 'Following are the values that guide our actions, decisions, and relationships ensuring that our company is solution oriented and we consistently deliver value to uphold the highest standards amongst all.',\r\n        img: Rectangle\r\n    },\r\n    {\r\n        title: 'Vision Statement',\r\n        discription: 'We aspire to be the leading HR consultancy across Pakistan and the Middle East, recognized for our ethical, human-centered approach. Our vision is to address the talent challenges that sustainable businesses face for growth and support individuals who want to develop their passionate careers, offering inclusive solutions that drive innovation and success across borders',\r\n        img: Rectangle2\r\n    },\r\n    {\r\n        title: 'Mission Statement',\r\n        discription: 'We strive to deliver inclusive hiring solutions and customized training programs that build a diverse workforce, fostering a diverse talent ecosystem to ensure leadership growth, and organizations success through our personalized services.',\r\n        img: Rectangle2\r\n    },\r\n]\r\n\r\n// Define two sets of step labels for each mode\r\nconst candidateSteps = [\r\n    {\r\n        icon:Ellipse1,\r\n        title:'Integrity',\r\n    },\r\n    {\r\n        icon:Ellipse2,\r\n        title:'Transparency',\r\n    },\r\n    {\r\n        icon:Ellipse3,\r\n        title:'Empowerment',\r\n    },\r\n    {\r\n        icon:Ellipse4,\r\n        title:'Inclusivity',\r\n    },\r\n    {\r\n        icon:Ellipse5,\r\n        title:'Client-Centricity',\r\n    },\r\n  \r\n\r\n];\r\n\r\n\r\nexport default function Aboutus() {\r\n    const navigate = useNavigate();\r\n    const [visibleStep, setVisibleStep] = useState(0);\r\n    const [togglebtn, settogglebtn] = useState(1);\r\n    const [tabsData, settabsData] = useState(Tabs[0])\r\n    const handleButtonClick = () => {\r\n        navigate('/CorporateTrainings');\r\n    };\r\n    const Toglebutton = (index) => {             \r\n        settogglebtn(index);\r\n        setVisibleStep(0); // Reset the visible step to start from the beginning\r\n        if (index != null || index !== undefined) {\r\n            if (index === 1) {\r\n                settabsData(Tabs[index - 1])\r\n            }\r\n            else if (index === 2) {\r\n                settabsData(Tabs[index - 1])\r\n            }\r\n            else if (index === 3) {\r\n                settabsData(Tabs[index - 1])\r\n            }\r\n            else {\r\n                settabsData(Tabs[0])\r\n            }\r\n        }\r\n        else {\r\n            settabsData(Tabs[0])\r\n        }\r\n    };\r\n    useEffect(() => {\r\n        const timer = setInterval(() => {\r\n            setVisibleStep((prev) => {\r\n                if (prev < candidateSteps.length - 1) return prev + 1;\r\n                clearInterval(timer);\r\n                return prev;\r\n            });\r\n        }, 1000);\r\n        return () => clearInterval(timer);\r\n    }, [togglebtn]); // Rerun interval when togglebtn changes\r\n    const { hover_text, image_container, } = style\r\n\r\n    const posts = [\r\n        // {\r\n        //     image: img1,\r\n        //     authorName: 'Jocelyn Schleifer',\r\n        //     subtitle: 'Software Engineer',\r\n        //     description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        // },\r\n        // {\r\n        //     image: img2,\r\n        //     authorName: 'Martin Donin',\r\n        //     subtitle: 'Software Engineer',\r\n        //     description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        // }, {\r\n        //     image: img3,\r\n        //     authorName: 'Jordyn Septimus',\r\n        //     subtitle: 'Software Engineer',\r\n        //     description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        // }, {\r\n        //     image: img4,\r\n        //     authorName: 'Leo Arcand',\r\n        //     subtitle: 'Software Engineer',\r\n        //     description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        // }, \r\n        {\r\n            image: img5,\r\n            authorName: 'Marilyn Levin',\r\n            subtitle: 'Software Engineer',\r\n            description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        }, {\r\n            image: img6,\r\n            authorName: 'Lindsey Dokidis',\r\n            subtitle: 'Software Engineer',\r\n            description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        },\r\n        {\r\n            image: img7,\r\n            authorName: 'Hanna Dias',\r\n            subtitle: 'Software Engineer',\r\n            description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        },\r\n        {\r\n            image: img8,\r\n            authorName: 'Ryan Gouse',\r\n            subtitle: 'Software Engineer',\r\n            description: \"There are many variations of passages of Lorem Ipsum available\"\r\n        },\r\n\r\n    ];\r\n\r\n    return (\r\n        <>\r\n\r\n\r\n            <TopNavbar />\r\n                <div\r\n                className=\"container-fluid py-4\"\r\n                style={{\r\n                    backgroundImage: `url(${about})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    height: 'auto',\r\n                    width: '100%',\r\n                    backgroundColor: '#D5D0EF',\r\n                    // height:'90vh'\r\n                }}\r\n            >\r\n                <div className=\"mt-5\"></div>\r\n                <div className=\"row  \">\r\n                    <div\r\n                        className=\"py-5 container-fluid mb-md-4\"\r\n                        style={{\r\n                            position: 'relative',\r\n                            backgroundImage: `url(${serviceBanner})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            height: 'auto',\r\n                            width: '88.6%',\r\n                            borderRadius: '50px',\r\n                        }}\r\n                    >\r\n                        {/* <img src={serviceBanner} className='container-fluid ' alt=\"\" srcset=\"\" /> */}\r\n                        <div\r\n                        ></div>\r\n                        <div className=\"invisible d-flex flex-column justify-content-center align-items-center py-5 my-5 text-center\" style={{ position: 'relative' }}>\r\n                            <h2 className=\"font-weight-bold text-white pt-5 mt-5\">The Trusted Venue Partner for all your Corporate\r\n                                Events & Conferences</h2>\r\n                            <h6 className=\"text-white mt-3\">No matter if it’s a 10-person strategy meeting or a\r\n                                1000-person conference, we’ve got your back.</h6>\r\n                            <button className=\"slider_btn\" data-toggle=\"modal\" data-target=\"#bookingModal\">Book Now</button>\r\n                        </div>\r\n                        <div className=\"pb-5 mb-5\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"container-fluid py-2 px-0\"\r\n                style={{\r\n                    position: 'relative',\r\n                }}\r\n            >\r\n                <div className=\" d-none d-md-block\" style={{\r\n                    backgroundImage: `url(${bg_Dot})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    padding: 0,\r\n                    position: 'absolute',\r\n                    backgroundColor: \"#F3F5F6\",\r\n                    top: 0,\r\n                    left: 0,\r\n                    right: 0,\r\n                    bottom: 0,\r\n                }}></div>\r\n                <div className=\"pl-5 py-5\">\r\n                    <div className=\"row  p-3 p-md-5 d-flex justify-content-between ml-3\" style={{ color: \"#160A54\" }}>\r\n                        <div className=\"px-xl-5  col-md-7 col-sm-12 pb-4 pb-lg-0 text-center text-lg-left\">\r\n                        <Fade left> \r\n                            <h4 className='font30 font-weight-bold'>Meet Our Founder & CEO</h4>\r\n                            <h1 className='font50 font-weight-bold' style={{textAlign:'left',fontSize: \"4.5rem\"}}>RABAB MATANAT</h1>\r\n                            <p className=\"mt-3 font21\"> Talent Expertz HR Solutions, established in November 2023, is a dynamic, women-led intitative HR solutions provider specializing in high-impact talent’s placements and bridge skill gaps by continuous trainings. As an emerging player in the industry, backed by extensive expertise, we are committed to delivering exceptional talent and human development programs who can help advance the business.\r\n                            </p>\r\n                            </Fade>\r\n                        </div>\r\n                        <Fade right>\r\n                        <div className=\"col-md-4 col-sm-12\">\r\n                            <div className={`${image_container}`}>\r\n                                <img src={Imgpsh} alt=\"\" />\r\n                            </div>\r\n                        </div>\r\n                        </Fade>\r\n                       \r\n                       \r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n            <div className=\"container-fluid px-0\"\r\n                style={{\r\n                    position: 'relative',\r\n                    backgroundColor: '#D5D0EF',\r\n                    backgroundImage: `url(${aboutWave})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    backgroundPosition:\" center\"\r\n                }}\r\n            >\r\n                <div className=\" d-none d-md-block\" style={{\r\n\r\n                }}></div>\r\n                <div className={togglebtn === 2 ? `pl-5 pt-5` : \"pl-5 py-5\"}>\r\n                    <div className=\"row d-flex  mt-5 pt-  ml-3\" style={{ color: \"#160A54\",}}>\r\n                        <div className=\"  col-md-5 col-sm-12 pb-4 pb-lg-0 text-center text-lg-left\">\r\n                            <div className=\"row mt-sm-0  \" >\r\n                                <div className={`d-flex w-100 justify-content-between p-3`} style={{\r\n                                    border: \"2px solid rgba(22, 10, 84, 1)\",\r\n                                    borderRadius: 15\r\n                                }}>\r\n                                    <button\r\n                                        className={` ${togglebtn === 1 ? 'togglebtnpurple font20' : 'font20'}`}\r\n                                        style={{\r\n                                            fontFamily: \"Open Sans,sans-serif\",\r\n                                            border: \"none\", outline: 'none', borderRadius: 15,\r\n                                            paddingTop: \"15px\",\r\n                                            paddingLeft: \"27px\",\r\n                                            paddingBottom: \"15px\",\r\n                                            paddingRight: '26px',\r\n                                            background: \"transparent\"\r\n                                        }}\r\n                                        onClick={() => Toglebutton(1)}\r\n                                    >\r\n                                        Our Value\r\n                                    </button>\r\n                                    <button\r\n                                        className={` ${togglebtn === 2 ? 'togglebtnpurple font20' : 'font20'}`}\r\n                                        style={{\r\n                                            fontFamily: \"Barlow,sans-serif\",\r\n                                            border: \"none\", outline: 'none', borderRadius: 15,\r\n                                            paddingTop: \"15px\",\r\n                                            paddingLeft: \"27px\",\r\n                                            paddingBottom: \"15px\",\r\n                                            paddingRight: '26px',\r\n                                            background: \"transparent\"\r\n                                        }}\r\n                                        onClick={() => Toglebutton(2)}\r\n                                    >\r\n                                        Our Vision\r\n                                    </button>\r\n                                    <button\r\n                                        className={` ${togglebtn === 3 ? 'togglebtnpurple font20' : 'font20'}`}\r\n                                        style={{\r\n                                            fontFamily: \"Barlow,sans-serif\",\r\n                                            border: \"none\", outline: 'none', borderRadius: 15,\r\n                                            //  padding: '10px 25px',\r\n                                            paddingTop: \"15px\",\r\n                                            paddingLeft: \"27px\",\r\n                                            paddingBottom: \"15px\",\r\n                                            paddingRight: '26px',\r\n                                            background: \"transparent\"\r\n                                        }}\r\n                                        onClick={() => Toglebutton(3)}\r\n                                    >\r\n                                        Our Mission\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <h1 className='my-5 py-2 ' style={{ fontSize: \"4.5rem\" ,textAlign:'left'}} dangerouslySetInnerHTML={{ __html: tabsData?.title}}></h1> */}\r\n                            <p className=\"mt-3 font20 font-weight-bold\"> {tabsData?.discription}   </p>\r\n                           {\r\n                            togglebtn ===1 ? \r\n                             <StepperWrapper>\r\n                            <StepperContainer>\r\n                                {candidateSteps.map((step, index) => {\r\n                                    return <>\r\n                                        <div className=\"row align-items-center\">\r\n                                            <StepWrapper key={index} visible={index <= visibleStep} className=\"row align-items-center\">\r\n                                                <Step>\r\n                                                    {index < candidateSteps.length - 1 && <StepLine />}\r\n                                                    <img src={step.icon} alt=\"\" />\r\n                                                </Step>\r\n\r\n\r\n                                                <StepLabel key={index} visible={index <= visibleStep} className='ml-3'>\r\n                                                    {step.title}\r\n                                                </StepLabel>\r\n\r\n                                            </StepWrapper>\r\n                                        \r\n                                        </div>\r\n                                    </>\r\n                                })}\r\n                            </StepperContainer>\r\n\r\n                            <StepLabelsContainer>\r\n                            </StepLabelsContainer>\r\n                        </StepperWrapper>\r\n                        : togglebtn === 2 ? <div className='d-flex justify-content-end back-image' > <img src={Vision} alt=\"\" width={550} style={{ \r\n                            maxWidth: \"100%\",  // Makes it responsive\r\n                            height: \"auto\" \r\n                          }}  /> </div>  : togglebtn === 3 ?  <div className='d-flex justify-content-end back-image' > <img src={Rectangle4} alt=\"\"  style={{ \r\n                            maxWidth: \"100%\",  // Makes it responsive\r\n                            height: \"auto\",\r\n                          }}  /> </div>: <StepperWrapper style={{visibility:'hidden'}}>\r\n                        <StepperContainer>\r\n                            {candidateSteps.map((step, index) => {\r\n                                return <>\r\n                                    <div className=\"row align-items-center\">\r\n                                        <StepWrapper key={index} visible={index <= visibleStep} className=\"row align-items-center\">\r\n                                            <Step>\r\n                                                {index < candidateSteps.length - 1 && <StepLine />}\r\n                                                <img src={step.icon} alt=\"\" />\r\n                                            </Step>\r\n\r\n\r\n                                            <StepLabel key={index} visible={index <= visibleStep} className='ml-3'>\r\n                                                {step.title}\r\n                                            </StepLabel>\r\n\r\n                                        </StepWrapper>\r\n\r\n                                    </div>\r\n                                </>\r\n                            })}\r\n                        </StepperContainer>\r\n\r\n                        <StepLabelsContainer>\r\n\r\n                        </StepLabelsContainer>\r\n                    </StepperWrapper>\r\n                     }\r\n                     {/* {togglebtn === 3 && <div className='d-flex justify-content-end back-image' > <img src={Rectangle4} alt=\"\"  style={{ \r\n                            maxWidth: \"100%\",  // Makes it responsive\r\n                            height: \"auto\",\r\n                          }}  /> </div> } */}\r\n                        </div>\r\n                        <div className=\"col-1\"></div>\r\n                        <div className=\"col-12 col-md-5 p-0 mt-1 position-relative order-1  order-md-2 custom-order-sm-first order-sm-first mb-4 mb-md-0 d-block \">\r\n                            <div className=\"position-relative ml-2 d-flex align-items-center justify-content-end\"\r\n                                style={{ position: 'relative', width: '100%', height: '100%' }}>\r\n                                <div className=\"position-relative d-flex justify-content-end\" style={{ zIndex: 2, height: '90%' }}>\r\n                                    <img\r\n                                        src={tabsData?.img}\r\n                                        alt=\"Header GIF\"                    \r\n                                        className=\"img-fluid\"\r\n                                        style={{\r\n                                            borderRadius: '50px',\r\n                                            boxShadow: \"10px 10px  rgb(131, 123, 173)\",\r\n                                            marginTop: '0px',\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"container-fluid pt-4 \"\r\n                style={{\r\n                    backgroundImage: `url(${frame4})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    backgroundColor: '#F8F8F4',\r\n                    position: \"relative\",\r\n                    zIndex: -1,\r\n                }}\r\n            >\r\n\r\n                <div className=\"row d-flex justify-content-center align-items-center  \">\r\n                    <div className=\"col-md-6 d-flex flex-column justify-content-center align-items-center text-center text-white pl-sm-5\">\r\n                        <h5 style={{ fontSize: \"18 px\", fontFamily: \"Barlow,sans-serif\", fontWeight: \"600\", color: \"#160A54\" }}>OUR TEAM</h5>\r\n                        <h1 className=\"pb-4 pb-lg-0 pl\" id=\"our_services1\" >Meet Our&nbsp;<span id=\"our_services1\" style={{ color: \"#04642D\", fontFamily: \"Barlow,sans-serif\", }} >Team at Talent Expertz</span> <h6 className=\"font18 text-center mt-4\" >Let our people provide you The People.\r\n                        </h6> </h1>\r\n                        \r\n                    </div>\r\n        \r\n\r\n                </div>\r\n                <div className=\"container-fluid  p-0 \">\r\n                    <div className=\"row px-sm-5 mx-sm-5  \">\r\n                        {posts.map((post, index) => (\r\n                            <PostCard key={index} {...post} />\r\n                        ))}\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <hr className='p-0 m-0'\r\n                style={{\r\n                    borderTop: '1px solid #160A54',\r\n                    width: '100%',\r\n                }}\r\n            />\r\n\r\n            <Footer />\r\n        </>\r\n    )\r\n}\r\n\r\nconst StepperContainer = styled.div`\r\n\r\n  margin-top: 20px;\r\n\r\n  @media (max-width: 768px) {\r\n    margin-top: 10px; /* Adjust for smaller screens */\r\n  }\r\n`;\r\n\r\nconst Step = styled.div`\r\n  display: flex;\r\n  flex-direction: row; /* Arrange circle and label side by side */\r\n  align-items: center; /* Align them vertically in the center */\r\n  position: relative;\r\n  margin: 20px 0; /* Space between steps */\r\n`;\r\nconst StepNumber = styled.div`\r\n  width: 79px;\r\n  height: 80px;\r\n  background-color: #d5d0ef;\r\n  border: 3px solid #160a54;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 32px;\r\n  color: #160a54;\r\n  margin-right: 20px; /* Add space between circle and label */\r\n`;\r\n\r\nconst StepLine = styled.div`\r\n  width: 3px; /* Thickness for vertical line */\r\n  height: 50px; /* Length of the connecting line */\r\n  background-color: #160a54;\r\n  position: absolute;\r\n  top: 100%; /* Position below the current step */\r\n  left: 50%; /* Center the line */\r\n  transform: translateX(-50%); /* Align with the step */\r\n`;\r\n\r\nconst StepLabel = styled.div`\r\n  font-size: 16px;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-weight: 600;\r\n  color: #160a54;\r\n  opacity: ${({ visible }) => (visible ? 1 : 0)};\r\n  transition: opacity 0.5s ease-in-out;\r\n`;\r\n\r\nconst StepperWrapper = styled.div`\r\n  width: 100%;\r\n  padding-Left:20px;\r\n  flex-direction: column; /* Ensure labels are below the stepper */\r\n  align-items: center;\r\n  margin-top: 30px;\r\n\r\n  @media (max-width: 768px) {\r\n    align-items: flex-start; /* Adjust alignment for smaller screens */\r\n  }\r\n`;\r\n\r\nconst StepLabelsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column; /* Stack labels vertically */\r\n  align-items: center; /* Center align labels */\r\n  margin-top: 10px;\r\n\r\n  @media (max-width: 768px) {\r\n    margin-top: 5px;\r\n  }\r\n`;\r\nconst StepWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  opacity: ${({ visible }) => (visible ? 1 : 0)};\r\n  transition: opacity 0.5s ease-in-out;\r\n\r\n  @media (max-width: 768px) {\r\n    flex-direction: column; /* Stack on smaller screens */\r\n    align-items: flex-start;\r\n  }\r\n`;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAaKSURBVHgB3ZpdbBRVFMfPnZmt2xbokrAVH0rLCyotUKMQAlGXtwKiLbSWB4z1wZIIsZCIRtFQQmIMkBSINQFNLAnEVr6KAi0+yAqxEKpxK2018cFt64O0Psxu7KZlP8ZzbneW2e1uO3Nnqxt/CezX3O39zznnnnPPXQZZwuWsLnOAwwOytopp4AFNcwFjLvoocZGm+TVgfpDABxDrC0djXnWi0w9ZgIENXK5qV94DpQkn2ICTLgMhmF9jWmc4GjluR5SQkEXOWg9jcAD/eSCLoLXawrHwQRFBloSQ++QxRwswrRrmEBFBstkL3fl1TYoktaP0Sphj8O5WykyuLsh7IhAK/+IzM8aUEHdhbQt+eTM+dcK/h4sBqy5QlrtCkcHrs108o2vFg/kGPp1zK8yC70FeZIOqdqqZLsgoJIdE6MwoRso0KsdEEJXxOaUlbYzEY2JOVyZBFmeKmWlC3M66BswPH0GOgnNbO09ZHhiPDN4xvp8khPKEwtjn8dLCNiVL3PDt7aMQCIzDwM9+yBooxiEv65iI/JqIlyQh8/PKWxhjHsgCFSvK4P1DO+D+qAqTE2GoWFUKP979DbKEUwa5DK3Sob+RCHayBq7bDZAFGndthqoXV0PD9sMQVMfh6IdfQkANwaHDDdxKWQGrCyqV9JeK/sQhyQfAJuueLYfG3Zvg1MfXoOfWQNJnHWe80FPqhvodHggGx6Hrq14YGR4DO1C9hw9ees4tYscaNPl9++vgUnczFBUVQEP9ES6CJmyEXo8MjaF1zkHX173caidO7oL1OH4BjhMU4qF8lxDikOU9IAC5ScXKMihfsZQHdNeVXjAKNGJ8TYL67/lh3XMkopCLEQVzC587F8Ji8BIIQK5BLjM8PAr9fX5Ld3bjC2vgzcZWCKbcAOuwV+l/idxKfFMEULVlNVxHV6HJ7Ny92dQYsmTXlbvcBV/HmLKHVvaYc2upxLenNiC3+B4nRHmCXMwM+/a/nFgMrFoyHREZNiggxypBE9vxFqF/UxAbA5tipn+W5Fexcin8MPhJ4rXuouKwSglibBVY5DiuNuQeFOA9NweSJtRvIoN/ceZG0hjdOrT60Y2wCtPY8wpDH7O6dd+0ZQ1/bNrZCjUbm7lFyDrtZ2+YGv9p61X4A1euEswrNCaIyZKC/6330OVuDoJ1mEsRCfSA+jcUuR76tYhbULAbsRcnmksCQcgCM0HWmul1KmQdYlgs24sJoYRWsqQY5gKytggkRLU6KBAMmb6244y5uCkpnboxwYD57zaiYJdQtbr/CGBFS+sDler1r3iwSLyasQDsuTVz8NJKRasfVcn0KAbzSyjCskXoj1JwUq1Exd+l7oNC5fmJk2/wlaqoaB4uHoV8JRNBw56yhH3X78AiVI7oyfCDt9t4oFoRQzeBRNTv2MCrYZwI/657ortISeuTC+WKxVgOW2o0TLkRg5q69VD8qAtOf/YNbMTc0oi11hL0dSpZJifDaceSBU+3vwNPr1mWEEElC30nrWxCMcK0k/ICZZmqMclyGT+VjafE0OQ7znr55CgzP4OP6XIL3fUjJxrhEacD2vFzijVdRE3VAb4aiiDHont5Si/O3/a7aAVMPk4Bm8rWqmZuGSNUX+n5QseuCAr00dC5pVN5hLHTIAjtx431lg6V90ZoY5UqgrAnAgOdxS7TIxeCrchjYIMj6OupLJgl8xPkXnZEEHI0yufOmw/UT3Xn13pFD25oLzIyNJr0XjAlJ1COSL2mO6Xesg5r+zN+hpLoouDicVBUCLlNe5rgJlfS7/j6NNfYbQ1JeBikP08I+WvivLc4v65T5DSK4mF7SteEuI1ZXRfSuGtTogzRoc9OtV4DMR5ag1CMH0laeG+MKR4wnsSaoBv37KluQ1BTQocmnFqqB+2UJAZr8HdSL1mUX7tHYtACOQyuVK+NjV9sM743rRuPLfs7BXlPLsSG3VrIQbCkOo4ipp0WZNzjFhfU/gS5ddBD+EZD559K90HGjRUdc9FAyB188Tml5f9/GGrEXbjtGLZcmuA/YComLsxa1Jo6Z8dD++4CuXwIW0eV2TrNMoHKNHh3NHSh2czFpn/5gKuZb77y+GWNsYXU2YO5RGOdkhapuT9xsdvsEKFe6WJsfMckuVnvhGcLLJO8VCpRlQEWsfUzJxIUxbMVfiwh2tHH/TZtI6gCnymYZ8OWECNcFP/hGTbFsZ/MW7HJ4tR4x0blfYKo5AtDOGs/PPsHqYzDuOmYpGsAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZ3SURBVHgB3VpdTBRXFD53ZqDAWpkmQu2DgC/9QazbNDFqUwNt2thKUlSoTWrimjSQiBFfMGmsAWPbNGKiGKGRphETm1L/ihGrbWPBqmjUpGsF7JsL9EHAh1nibom77PScy+5ml52ZnZndVdovmezs3Htn7jf3/N9hkCbIOVUlWZBVDqK6jKlQDqoqA2MyNUU7qapHBeYBAdwAoTuB6VCfMtXtgTSAQQqQ5So5+7HUgBN04aRLwBaYR2Vqd2A62JoKKVtEFuRUlzMGTXiUQxqBq9UZCAX22CFkiQiJTzbLOgBMrYIMwg4h0WzHgtyaBkkQupC6EzIMfLtOkYlVedkve/2Be24zY0wRKXBUH8CbN+NpDjw5yAxYVZ5UKvuDQz8n62woWmFl7sXTjK9CErgfZwcrFKVb0eugS2QOkYjAkIygN2qOkSA4w3PShKaOhHUio5bJJhbq6UwCkYKcGhf6h68gDVj15hK4fa+dn/dfGYJ0AOe2Yp5U6vUFh27EXo8TLfITjIWaYI5DRWdMc429FkckSxCb7IcaTxQyd8wxiBLhqwHMBf8VYHRBoVLkb5QIXw0TWFRUAJmElftTvBc550TMrgY95Lfr++HQkXow0/fzfS5+XldfCRs3lScdc+jIVrh0owUWFZsjQ0Er+Ts650SyRHGHmYGjIxNwoecmn1QyMtR3e10bTHr90NF+Hn443mfYn0hs3FQBF8/dgtHhCTAL9C187tz8ojn7OpwEJcWFnltQVFzIydDvwJ8eKFu2WPPh42MKHPv2F+j9VTvuI/NMoJUjEkSWyFsDK/EFhlolbsYsWqrIw4gMHUYPn1T8um0kfse6dsJ8Oc8mCYJa8kLO+mKBp6c20PLFCS42qYJIRO5nF0ERKiQQQ07yMFZBCrm78Sg/7786CHZA4xpq28L3K+R6ZQ/MyQpyq3vTnbI+BbglhjKWYg1CE/Pz86Bu21qu0GQISHTsv/FkYDIrzKtWIQO4PdQe5w+8Xh+8vaIxU2QUATKA9yqXJzi1/HwH1OIKZQiyZSKklMlAYqV93QFJ728zBJLwoNRR0xm+EXZYsWjtqAfXxn3cEepBzyyPDo+DEcqWlsAhvP/unZ0JbdeuGFtGVpi74b6eQxzzndQcxOV9ZaNuKEFiRAnV7JVZv6ZZd0J8DOpVxK/MxvOOGtAH80hIQrcyoeWk6rZVwjdtPxnGQ0T0yOEeaNz1YfQaKbnRW+Vj2s6jHr0PHYfPgxWoWFOWsO56malMs8iw/8vEFRkdeYjhhG4NgK8CidbMWIbiWQp373rw/4m4du3nzZhoo/trQlDvMJ6jC+pRSBERv1G7tRKuXR1Ar9+ZYGr3YnBYW7+Wx1Xp9CsqC21hCzFoDAnSfbCBxl010HX8MlfiS9dboOzVkmgbiV4/ihIZBTLFH31cESf/1L5uTRMnQylBKsSEUHCx+Cj4l+KQXnGZDeMJ9Pa7zu7iJAZxohQBb/7k3bg++bKDE3vrHSe8vvxFeCYnK6GdAgoK8QdQ9Mha9f8+aCMQZZ6xf87smfEjjB2zMpSUmBSyP6y8dm1/ZAVpdSiE39viAqtAsTpLv5wIliIPWhlMTpESLC0kC8c/Qx+h5U+IjFexnhaI09N87pwI1VNVFfrMDp5UfLre++8kaeokmlk9FBVbXVnW+SC8hxINe6m0Ighgyu6R8pKCbsdcghSUlDg/fx5vo7dtFMZ4vY+ifSP9CWTRyDAky+1jQUqeQIRQmFvzo9ndqAiZLnywlYfPBoX5dWiSv/+ulxcezIN1jvtPbon+i20Km+I/QCf20gJZLIp2SWQunLvJV8goDiORpBhu1eolPLa6hjXhjvYew9xeg4RHCAUqHsRszSVkVAtyq3cIDA6ARdAKlS1dDCtXl8JSnKB30henvEVo2UbCfoJMdsTH2AE5wAnfmc7Ya5qpYYFjw0EMWxpgDgJDqtYJ3+mEOpxujouZI4nYXNroIbjH/ade02rQTaxom4sGwtyBOzwnTfz/N0Nj8TR1Rk8nZsPUPjtu2l/ME5cMY+nIaSW4TBEKU+HTcf/pZjOdTX/5gBuQ7mell86qjD1HlT3IJFTWLajBdWNTZy6aHWKrMjfjOMVmHL4Z0giK9/DY83DqVB9YREolRiI0jXsrLAQf2N57xHyb0giKwI2UORnSVivlpPiHZ1gUD7FlvBQbT07BSStU7KA6AUwL7gAE0vbh2b8zsLu2d+dj8QAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/section_banner.a17d41a5.png\";","export default __webpack_public_path__ + \"static/media/azharAli.41920adf.png\";","export default __webpack_public_path__ + \"static/media/aboutAnimation1.97641561.png\";","export default __webpack_public_path__ + \"static/media/aboutAnimation2.c2bc06c4.png\";","export default __webpack_public_path__ + \"static/media/aboutAnimation3.5b56d95c.png\";","export default __webpack_public_path__ + \"static/media/azharAliabout.b66ebbf9.png\";","export default __webpack_public_path__ + \"static/media/shohailZindaniAbout.4fb961b7.png\";","export default __webpack_public_path__ + \"static/media/shohailZindani.6a65d4b6.png\";","export default __webpack_public_path__ + \"static/media/haiderWaheedAbout.621e6ed1.png\";","export default __webpack_public_path__ + \"static/media/haiderWaheed.73dee003.png\";","export default __webpack_public_path__ + \"static/media/rahimIqbal.01092b52.png\";","export default __webpack_public_path__ + \"static/media/rahimIqbalAbout.29849b51.png\";","export default __webpack_public_path__ + \"static/media/EhsanSaya.6470dbe4.png\";","export default __webpack_public_path__ + \"static/media/EhsanSayaAbout.5fa349a2.png\";","export default __webpack_public_path__ + \"static/media/ibrahiShamsi1.37804336.png\";","export default __webpack_public_path__ + \"static/media/ibrahiShamsiAbout.7f2e805b.png\";","export default __webpack_public_path__ + \"static/media/vector1.2bb8737f.gif\";","export default __webpack_public_path__ + \"static/media/vector2.0a4bc332.gif\";","export default __webpack_public_path__ + \"static/media/vector3.e2c9be77.gif\";","export default __webpack_public_path__ + \"static/media/vector4.9971f954.gif\";","import React, { useEffect, useState } from 'react';\r\nimport style from \"./style.module.css\";\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\n\r\n// Assets\r\n// import section1banner from '../../assets/aboutSection1banner.png';\r\nimport section1banner from '../../assets/aboutTheCompany/aboutSection1banner.png';\r\nimport section_banner from '../../assets/aboutTheCompany/section_banner.png';\r\nimport animation1 from '../../assets/aboutAnimation1.png';\r\nimport animatio3 from '../../assets/aboutAnimation2.png';\r\nimport animation3 from '../../assets/aboutAnimation3.png';\r\nimport azharAli from '../../assets/aboutTheCompany/azharAli.png';\r\n// import azharAli from '../../assets/aboutTheCompany/azharAli1.png';\r\nimport azharAliabout from '../../assets/aboutTheCompany/azharAliabout.png';\r\nimport shohailZindaniAbout from '../../assets/aboutTheCompany/shohailZindaniAbout.png';\r\nimport shohailZindani from '../../assets/aboutTheCompany/shohailZindani.png';\r\nimport haiderWaheedAbout from '../../assets/aboutTheCompany/haiderWaheedAbout.png';\r\nimport haiderWaheed from '../../assets/aboutTheCompany/haiderWaheed.png';\r\nimport rahimIqbal from '../../assets/aboutTheCompany/rahimIqbal.png';\r\nimport rahimIqbalAbout from '../../assets/aboutTheCompany/rahimIqbalAbout.png';\r\nimport EhsanSaya from '../../assets/aboutTheCompany/EhsanSaya.png';\r\nimport EhsanSayaAbout from '../../assets/aboutTheCompany/EhsanSayaAbout.png';\r\n// import ibrahiShamsi from '../../assets/aboutTheCompany/ibrahiShamsi.png';\r\nimport ibrahiShamsi from '../../assets/aboutTheCompany/ibrahiShamsi1.png';\r\nimport ibrahiShamsiAbout from '../../assets/aboutTheCompany/ibrahiShamsiAbout.png';\r\nimport companyLogo1 from '../../assets/aboutTheCompany/companyLogo1.png';\r\nimport companyLogo2 from '../../assets/aboutTheCompany/companyLogo2.png';\r\nimport companyLogo3 from '../../assets/aboutTheCompany/companyLogo3.png';\r\nimport companyLogo4 from '../../assets/aboutTheCompany/companyLogo4.png';\r\nimport companyLogo5 from '../../assets/aboutTheCompany/companyLogo5.png';\r\nimport companyLogo6 from '../../assets/aboutTheCompany/companyLogo6.png';\r\nimport companyLogo7 from '../../assets/aboutTheCompany/companyLogo7.png';\r\n// import vector1 from '../../assets/aboutcard1.png';\r\n// import vector2 from '../../assets/aboutcard2.png';\r\n// import vector3 from '../../assets/aboutcard3.png';\r\n// import vector4 from '../../assets/aboutcard4.png';\r\nimport vector1 from '../../assets/vector1.gif';\r\nimport vector2 from '../../assets/vector2.gif';\r\nimport vector3 from '../../assets/vector3.gif';\r\nimport vector4 from '../../assets/vector4.gif';\r\n\r\nconst cardColors = ['#ffd393', '#9fffeb', '#eae1b0', '#93c7af'];\r\n\r\nconst images = [\r\n    { thumbnail: azharAli, full: azharAliabout },\r\n    { thumbnail: shohailZindani, full: shohailZindaniAbout },\r\n    { thumbnail: haiderWaheed, full: haiderWaheedAbout },\r\n    { thumbnail: rahimIqbal, full: rahimIqbalAbout },\r\n    { thumbnail: EhsanSaya, full: EhsanSayaAbout },\r\n    { thumbnail: ibrahiShamsi, full: ibrahiShamsiAbout },\r\n];\r\n\r\nconst logos = [\r\n    { logo: companyLogo6, description: 'Innovation is our Method' },\r\n    { logo: companyLogo2, description: 'Learning is our Choice' },\r\n    { logo: companyLogo1, description: 'Generosity is our Way' },\r\n    { logo: companyLogo3, description: 'Global is our Scale' },\r\n    { logo: companyLogo4, description: 'Growth is our Passion' },\r\n    { logo: companyLogo5, description: 'Sustainability at the Core' },\r\n    { logo: companyLogo7, description: 'Simplicity is our Strategy' },\r\n];\r\nconst AboutTheCompany = () => {\r\n    debugger;\r\n    const { box1, box2,circle,logo_img, parent_box,zain, transition_image,section_2,card_discription,card_title, banner_container, view_all, section1_banner_container ,card_hover,card_container,active_card,blur_container} = style\r\n    const [hoveredIndex, setHoveredIndex] = useState(0);\r\n    const [hoverImage , setHoverImage] = useState(null)\r\n    const [active , setActive] = useState(false)\r\n\r\n    const handleMouseEnter = (index) => {\r\n            setHoverImage(index);\r\n            \r\n    };\r\n\r\n    const handleMouseLeave = () => {\r\n        console.log(\"Mouse left\"); \r\n        setHoverImage(null);\r\n    };\r\n    useEffect(() => {\r\n        images.forEach(({ full }) => {\r\n            const img = new Image();\r\n            img.src = full;\r\n        });\r\n    }, []);\r\n    \r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div\r\n                className=\"container-flui py-lg-4\"\r\n\r\n            >\r\n                <div className={`row m-auto  d-sm-flex d-none ${section1_banner_container}`} style={{ width: \"90%\" }}>\r\n                    <div\r\n                        className={`col-12 p-0 containr x-sm-5 ${zain}`}\r\n                        style={{\r\n                            backgroundImage: `url(${section1banner})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            // height: '632px',\r\n                            width: '100%',\r\n                            height:\"auto\",\r\n                            borderRadius: '50px',\r\n                            // display: \"flex\",\r\n                            // justifyContent: \"center\",\r\n                        }}\r\n                    >\r\n                        <div \r\n                        className=\"d-flex flex-column justify-content-center align-items-center py-5 my-5 text-center w-75 m-auto\" style={{position:\"relative\",zIndex:2}}>\r\n                        <h2 className=\"font-weight-bold text-white pt-5 mt-5\">Empowering Tomorrow's Tech Leaders, One Learner at a Time</h2>\r\n                            {/* <h1 className=\" text-white font40\" style={{width:\"80%\"}}>Empowering Tomorrow's Tech Leaders, One Learner at a Time\r\n                            </h1> */}\r\n                            <div className=\"row justify-content-center\" >\r\n                                <div className=\"col-lg-10\">\r\n\r\n                            {/* <h5 className=\"text-white my-4 font20\">In a world where technology never stands still, staying ahead means continuous learning. With unmatched expertise of our experts, we're here to guide you and your organization to tech mastery. Join us on a journey to unlock your full potential and lead the future of innovation.\r\n                            </h5> */}\r\n                            <h6 className=\"text-white mt-4 mb-1\">In a world where technology never stands still, staying ahead means continuous learning. With unmatched expertise of our experts, we're here to guide you and your organization to tech mastery. Join us on a journey to unlock your full potential and lead the future of innovation.</h6>\r\n                                </div>\r\n                            </div>\r\n                            {/* <button className={` rounded-3  px-sm-4  px-2 font25 ${view_all}`} style={{ borderRadius: 5 }}>View All Courses</button> */}\r\n                            <div  className={` mt-4 navbtn p-2 ${view_all}`}>\r\n                            View All Courses\r\n      </div>\r\n                        </div>\r\n                        <div className=\"pb-5 mb-5\"></div>\r\n                    </div>\r\n                    \r\n                  \r\n                </div>\r\n                <div className={`row   d-sm-none d-block m-auto  ${section1_banner_container}`} style={{ width: \"90%\" }}>\r\n                    <div \r\n                        className={`col-12  px-4 py-4 ${zain}`}\r\n                        style={{\r\n                            backgroundImage: `url(${section1banner})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            // height: '157px',\r\n                            // width: '90%',\r\n                            // borderRadius: '50px',\r\n                            display: \"flex\",\r\n                            // justifyContent: \"center\",\r\n                            backgroundPosition:\"center\",\r\n                            borderRadius:10\r\n                        }}\r\n                    >\r\n                        <div className=\"flex-column justify-content-center align-items-center  text-center \" style={{position:\"relative\",zIndex:2}}>\r\n                            <p className=\"font-weight-bold text-white font15 pt-1\" style={{width:\"\"}}>Empowering Tech Enthusiasts to shape the future</p>\r\n                            <h5 className=\"text-white my-1 font12\">At AshreiTech Academy, We are on a mission to equip individuals with the technical and soft skills they need to thrive in the ever-evolving tech industry. Our dynamic programs and collaborative learning environment provide endless opportunities for growth and innovation</h5>\r\n                            <button className={`border-0 rounded-3 bg-white   px-2  ${view_all}`} style={{ borderRadius: 5 }}>View All Courses</button>\r\n                        </div>\r\n                        <div className=\"pb-5 mb-5\"></div>\r\n                    </div>\r\n                </div>\r\n                <div className={`${parent_box}   row`} style={{\r\n                // backgroundImage: `url(${bg})`,\r\n              \r\n            }}\r\n            onMouseEnter={()=>setActive(true)}\r\n            onMouseLeave={()=>setActive(false)}\r\n            >  \r\n            {\r\n                active?  <div className={`d-flex ${blur_container}`}>\r\n                <div className={`col-12 col-sm-6 text-center ${box1}`}>\r\n                    <h1 className='my-2 mb-md-3'>Mission</h1>\r\n                    <h5 className='  text-muted'>AshreiTech Academy stands as a Center of Excellence, with a mission to revolutionize the IT education of Pakistan by equipping graduates with top-notch IT education ensuring they meet the demands of the evolving & competitive global market.\r\n                    </h5>\r\n                </div>\r\n                <div className={`col-12 col-sm-6 text-center ${box2}`}>\r\n                    <h1 className='my-2 mb-md-3'>Vision</h1>\r\n                    <h5 className='  text-muted'>To establish ourselves as the flagbearer of a sustainable and futuristic Tech Academy, driving the creation of global tech employment opportunities and fostering tech entrepreneurship.\r\n                    </h5>\r\n                </div>\r\n                </div> :\r\n                <>\r\n                    <div className={`col-12 col-sm-6 text-center ml- ${box1}`}>\r\n                    <h1 className='mb-2 mt-2'>Mission</h1>\r\n   {/* <p className='mb-md-3 ml-n3 my-2 my-md-0 font25 font-weight-bold mt-3 d-sm-none d-block'>Mission</p> */}\r\n\r\n                </div>\r\n                <div className={`col-12 col-sm-6 text-center ${box2}`}>\r\n                    <h1 className='mb-2 ml-3 mt-2 '> <span className='ml-n3'>{'‎'}</span>Vision</h1>\r\n                </div>\r\n                </>\r\n            }\r\n               \r\n            </div>\r\n            <div className=\"container-fluid pt-md-5 mx-md-5 mt-md-4\">\r\n   <div className=\"\">\r\n   <h1 className='mb-md-3 ml-n3 my-2 my-md-0 d-sm-block d-none text-center'>Our Core Values: The Pillars of Our Success</h1>\r\n   <h5 className='mb-md-5 ml-n3 d-sm-block d-none text-center text-muted'>Guiding Principles that Shape Our Vision and Drive Our Mission</h5>\r\n\r\n   <p className='mb-md-3 ml-n3 my-2 my-md-0 font25 font-weight-bold mt-3 text-center d-sm-none d-block'>Our Core Values: The Pillars of Our Success</p>\r\n   <p className='mb-md-5 ml-n3 mb-2 d-sm-none d-block font-weight-bold  text-center font15 text-muted'>Guiding Principles that Shape Our Vision and Drive Our Mission</p>\r\n   </div>\r\n            <div className=\"row  mx-2 \">\r\n    <div className=\"col-lg-7\">\r\n        <div className=\"row\">\r\n            {logos?.map(({ logo, description }, index) => (\r\n                <div className=\"col-lg-6 mb-lg-3 p-0\" key={index}>\r\n            <div className=\"row align-items-center\">\r\n                <div className=\"col-2 p-0 d-flex justify-content-center align-items-center\">\r\n                    <div className={`${circle} d-flex justify-content-center align-items-center`}>\r\n                        <img src={logo} alt={`Company Logo ${index + 1}`} className={`${logo_img}`} />\r\n                    </div>\r\n                </div>\r\n                <div className=\"col-10\">\r\n                    <h5 className=''>{description}</h5>\r\n                </div>\r\n            </div>\r\n        </div> \r\n            ))}\r\n\r\n        </div>\r\n    </div>\r\n    <div className=\"col-5 p-0 d-none d-sm-block\">\r\n        <img src={section_banner} alt=\"\" className='container-fluid p-0 w-100' srcset=\"\" />\r\n    </div>\r\n   \r\n</div>\r\n            </div>\r\n  \r\n<div className=\" px-2 mt-3 d-block d-sm-none\">\r\n        <img src={section_banner} alt=\"\" className='container-fluid p-0 w-100' srcset=\"\" />\r\n    </div>\r\n                \r\n            </div>\r\n            <div className={`${section_2} d-sm-block d-none`}>\r\n                <div className=\"row justify-content-center\">\r\n                    <h1 className='text-center mt-sm-5  mb-md-3'>How Ashrei Tech Came Into Being</h1>\r\n                    <div className='row justify-content-center text-center pb-4'>\r\n                        <div className=\"col-7 p-0\">\r\n                        <p className='  text-muted font20 lh-0'>Welcome to the first step in your journey towards an inspiring educational experience at our academy. We offer state-of-the-art facilities designed to foster learning, creativity, and collaboration.</p>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"container-fluid\" style={{ overflow: 'hidden' }}>\r\n  <div className=\"row\">\r\n    {hoverImage !== null && (\r\n      <div\r\n        onMouseLeave={handleMouseLeave}\r\n        className=\"col p-0 mr-1\"\r\n        style={{ height: 570, width: '100%' }}\r\n      >\r\n        <img\r\n          src={hoverImage}\r\n          alt=\"\"\r\n          className={`container-fluid p-0`}\r\n          style={{ width: '100%', height: 570, objectFit: 'cover' }}\r\n        />\r\n      </div>\r\n    )}\r\n  </div>\r\n\r\n  <div className=\"row\" style={{ flexWrap: 'nowrap' }}>\r\n    {hoverImage == null &&\r\n      images.map(({ thumbnail, full }, index) => (\r\n        <div\r\n          key={index}\r\n          style={{ width: '16.6666666667%', }}\r\n          className=\"p-0 mr-1\"\r\n          onMouseEnter={() => handleMouseEnter(full)}\r\n        >\r\n          <img\r\n            src={thumbnail}\r\n            style={{ height: '100%', width: '100%', objectFit: 'contain' }}\r\n            alt=\"\"\r\n            className=\"containr-fluid p-0\"\r\n          />\r\n        </div>\r\n      ))}\r\n  </div>\r\n</div>\r\n\r\n\r\n\r\n            </div>\r\n            {/* <div className=\"\" style={{height:600,width:600,background:'red'}}></div> */}\r\n            <div\r\n                className=\"container-fluid py-md-5 \"\r\n                style={{\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    backgroundPosition: 'center',\r\n                    padding: 0,\r\n                }}\r\n            >\r\n                <div className=\"row d-flex justify-content-center align-items-center py-4\">\r\n                    <div className=\"col-lg-12 col-md-8 col-sm-12 d-flex flex-column justify-content-center align-items-center text-center \">\r\n                        <h1 className=\" mb-md-3 pb-lg-0\" id=\"generic_heading_BookRoom\">Achievements</h1>\r\n                        {/* <p className=\"col-sm-8 pt-2 mt-4 font25\">Welcome to the first step in your journey towards an inspiring educational experience at our academy. We offer state-of-the-art facilities designed to foster learning, creativity, and collaboration.</p> */}\r\n                    </div>\r\n                </div>\r\n                \r\n                <div className=\"row px-5 justify-content-end\">\r\n                    <div className=\"col-sm-3 d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                        <img src={vector1} alt=\"\" style={{height:\"auto\",width:\"25%\"}}/>\r\n                        <h3 className=\"my-2 font-weight-bolder\">100 students\r\n                        </h3>\r\n                        <p className=\"line-height-sm  text-muted\">Are Trained, certified and placed\r\n                        </p>\r\n                    </div>\r\n                    <div className=\"col-sm-3 d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                        <img src={vector2} alt=\"\" style={{height:\"auto\",width:\"25%\"}}/>\r\n                        <h3 className=\"my-2 font-weight-bolder\">5 SAP Toppers\r\n                        </h3>\r\n                        <p className=\"line-height-sm  text-muted\">Have Scored The Highest in the SAP Global Certification\r\n                        </p>\r\n                    </div>\r\n                    <div className=\"col-sm-3 d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                        <img src={vector3} alt=\"\" style={{height:\"auto\",width:\"25%\"}}/>\r\n                        <h3 className=\"my-2 font-weight-bolder\">47 students\r\n                        </h3>\r\n                        <p className=\"line-height-sm  text-muted\">Are SAP Global Certification Holders</p>\r\n                    </div>\r\n                    <div className=\"col-sm-3 d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                        <img src={vector4} alt=\"\" style={{height:\"auto\",width:\"25%\"}} />\r\n                        <h3 className=\"my-2 font-weight-bolder\">12 students\r\n                        </h3>\r\n                        <p className=\"line-height-sm  text-muted\">Are Multiple SAP Global Certification Holders\r\n</p>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n           \r\n            <Footer />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default AboutTheCompany","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARNSURBVHgBzVhXiFVHGP52s5reQ5bEkFzSQxKj0SSQQhISCBHLqmAFG7YH8UHQF9s+iCAqooIPug+CDVEUVFBRLOgKFmwPCvZesKwVC7b/c/7xjGfv2Ttzzu7d/eDjv3dm/jlz/jPzlwHC8Z/wnnAgGgGlCEcLYXPh92gEvIBwnFM5Q3gNTQBdhDlkw9vCCuHraGD8KnwsPCB8E+mxRucZ5rR9KqwWbhNWCTuiHkCLHBbWCN+P9TUT/iwcJBypi/lT2+PgCx/XRVq0g3kJlztjY1LD3dslwr7CU3keSF6H8RilMf2SPPO+ImwjrIR5IerfhzFEveAN4VxncVeEC4UzhYuEB52+vcIP4A++0HTVvSn8AvWAOToht0j/hDE8XCd13C7hqwjDCtVdjIzog8iqbQqMzQnP6PjxCEM5zLaibqb9vFsnGeI5/g9Ee/JdhGGZ6g4oNDAp0n0nbC08JpwPP2wRboXxGu0RhpMqPy40kAvuIZwo/Mxpb62SVr4Nf2xX+aXTlhNOQPIZIC6qLOj7y4SzYfzvh8J+2v6WyksIw2WV7sHrKhytv3nAruTRu6uyYKrABQ8VfiOc57TfUfkewlCussZpWwrjf88j/2IJ67MfICVawRyCq4is7YN9qtcBYRilepMKDUw6dAwCPEBMYobDD0yaWsJYstpTp0xlM8911YnuiIJGywJjPxKeQJgbZFRkeJ4sHKe604RjYA7hD0iBKp3oCMyhTMIWHbcB/tbh16vB83nJVUe2RQrQe+zXSRYljKnU/hPCTxCGv1F70cwreoRMwn31ovP/N53oEWqHTpZKd7W/wml/Gf6Wbuss+kboYrn5j+kEbnidjWiPubD5xqFYu82HfS3+lXAHTHgPQntdwFHhS057L0SfbKNwk3AdjL9m29jYPNWoXXE0GFgZvBNrs6VTErvGxtMD/I9sZVYm/AOzMLqbnjBfgjXZHm0PTXZSo8xznI3xF/C8t+gNExWzWHIwTNDhfmfo3gzjmzNdITB7oyWZ3LgvaXPmLggHD/VW5N9iPLCpAocF/fFpnYyp4i8q7QNyCMdqRAd8iM7ZGdFLcNHlyIB+ML44bo2xCMdPiCJaLtZHy9vIWYmM+B0mTHMyVgmhWZnFVJ1jVkJ/X+3fFO8IzYr4uUbob5boK5EO9pLmYEK/LZlei3ekSeNYNTB7m4b02Kvy34T+b1VeQBMB96nNQXrG+lhb2lum3mhCYJ1nDy63FquOBcJb2rYGTQis8bil6gr3fAnf5KlBwTsP69NJVubLhVOES2D8snuXV5QEKgl/Icrw9uv/fLecXyO6cyNHohGQQ5So0w8399AZjmjRFSgyluiDq8LUnhWoZ2H2flHwOaIKvEWY6tMtY+87OqFIGKwP9L1YjKOb6q/yzYez4keVLDLpqkoRRdnHKplYlaD2IXyoekQrFAnrUbfP9eWdYll4LUz+weuDNPkLrU9L73kC46s7RQBLkKsAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATHSURBVHgB7Zl7jFxjGMafom6NKHFPG4u6S6vSuIvFxiXxhxKkiGwalz/8QUMaBB0ka9WlFRKSVrqCuERTVIRSu4RGNOpSKqjsuKy4VSliXdrt8+z7nsw335wzszN7dpom+yS/zMz7Xeb9znnP973vDDCq5mhbbDkdQ04kf5PfsBWonWwi35O/yNHYCvQRmeXvnySPow5tV6VtCjkuxb6MFMkYMhOVIbaOLA4+n0v2i/rsT77191+Qi8lVUZ/3yIdI0Rhkq4ucQ/oC2z5kKbmanEBWkA+C9vHO7oGtl/TDYjeRQuMSd1iv10e+6HveIJehTnWRzhTbQn9/Cvknaj+b/BrZ5PTpqE8F8nRWY7XwSNObZK47MgN21Zuuep1eRMaRC8nr5F5sAdXrtPSQE0rxeBE5I7CdRI6FxXiuasTpND1L2shq8iq5nDwGe0g/hu3HuSkPp6eSC8iBsK1QkrM3krsxAtoGw9fPsPCYGNj+JPtihJSH09/Btqi3yABZS66FHRgDzlTkqDyclm4nB5AbYAfLKnIYOQ0WMrshR+XltFQknwaffyc9GAENx2nlJu+Qt2En4VCkdLQbllOchQbVqNNKJXvISpjTT5G9aozZlSyB3Q2dpDqmG3Y8S10oPUhpFLxfW2T/KZqnN2qf7vZCjfkzc4+sLG9v2L6rfbw/sMumq9pBbvH2L8lrZIH30RZYDMZMQGn706mpXUWhtZ7M8XmuQWW2uM4XvB41pM7PobTaX8hsbzvCnekI+s/ziXfB0KWdZUnwuQC7O0n1MtsdTXx4FBZamXqCfEWm+ed2WP12lzs3N+jb7pPOieY4ijzsc92KygJgno+7LrDd4Y7qBP0DVjgoCib59y5Ghg7xyVoie8HtCwKb+iipf578B0uMpOn+eamPW+tfmoTHjGChG2BJVaJOb7sy+v7JsKIhXvygWn1QLGVuKo2SsmqsO5Jkerr6RVgJ1YvKK78c9lDpDijcbnP7fT4uzAL1uQ2Vkl9HptgHT61+dz7UIv/iRDN9kpsCm5xK4jDWed6mBd0Z2BeifBeSesgD0fhTyb+okuLe45O3w45gxZhud3gb18CKWyVFh7tNR/dqdyKe/FK36yBKdqvj3fYI+THoqxJuozveCttV+qLFpup+lJ7cbpRf+YNQins91SsCR1p8wd0oPReT3abYnuC2Hd3W6Qvc4ItIpHB8P/DhQdSQ9mdVyKoFt09p1xO/0t+rYlaMzgraD0bpMCn663KUX/0O75Pk8qq60/LunWBhp74TUUXPwG7zuIz2F1BeF54PC59DA5v2VFUueiBbo/HTfCFTApv25R6kS3dxWZX2wcMjbcsL9TJKT38ibW8vYmhSXM+PbFfAfnHK0nj3a1JiCBOmPf21iPqkh1cP7R41+im+9YPjfNQnHW6bwvnzyKdVsXwOC4lq0qHxEuq/KBXKqwhQiJxZo8/JsLxm2MrL6a9RCq8sKUPsQw7Ks9xqmkadbpZGnW6WQqc3+mu1fwfGDnGuLA1k2HaoPqzcp/AHyE9gG79+4UwrJtVXR+nNKW0qblXjrUG6tNj/vV+sd2G5y2dIX5TGfhOOja+q0kcdtTsjXfrZdlVGWwssH876b/IV8kODY5Wo1azKR5W3NgMf4iMtW4UHbAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQZSURBVHgBzZlXiBRBEIb/M6J4umZE8M6EioiKPphPRFEwISiimB5E8UFFEMS8+KCYFQQ9QUyIAfXA+KAYMWFAwYTpDJhQOAPmcNZP9bLjMD23ezO7Nz98LNvVO1tT011d3QNkTnHhjfBNOCu0QYS1RygVNkAdLxZKhM6IoHpCnZ3laItBHd6DgKqCcNRJaCA8EvqYts0O+wfhoNBPyBW6mPY7wjtkUXnCFWhEExSbT7cKoVEucfT9LMxEFnVBeCYMEzoISxzOuFVo2q9CnwKjXGTa+iAL6mr+bKKrfR/sDjNj5DnacqAR34IUVQnlVz3zed7VftfnN0xzzxzfeWM3hbpIUUEmXVXz+QfBxcDVFJoKlYX7fh2joLbCA8M94bHQzqtjVBzmKvhSGCGMhPrF1THm7hhWHg6q19BM89Z8vwHN0ZOFVc6OUYnwLSSdpYrN91bujlFx+IelPcfdEBWHU5bfGObNTBHaCx+F3dBxVaGyRZiJ/JSwURgiTBdu4/8KrEJkc3iqUABNMc2FJsJ+YbXQCBUom8OjhOPCAfP9K3R4cGgsRwXK5nBt4ZOrjUUKdxCThNawiwm/yKOdNcM2j/Yj0OEXSEuhDtZxtSd2DieEwdDiJQ+ZEXNxobvRFuHDxrmxrnbuHDiO+wvdETFdMrhVXXgufEGEIkxtF7oJvVztXJUWQcvBrMvP4V3QITDKw7ZTeGj5HZfTxvBYVqFPpz4yqDXQSRbzsPV32WKmP3fBpUhmFTrI3ckxaFqk7Sn0KVWDXZ5DoiyxTuWOYn4Z/ZoJT6Djep0wDZrCvkN3D4mDlBXCDGP7Cy0jayFEh6mT0EnmJ24iWQ6683NvaETfQ1dMp8YZ22LLNcvt8ABz4b4WOyffT2Gtxc5hMtti43L/xGIrt8PcFDK9nbHY86E3NBTpKy78stjo8CZ3Yyr1MMcwswKLoV4e9u/msyXSFwupEh/7Z5RTuebChyx21gmnkb4YRa+6g3U6h1kcAcQ0xEffxcM23timIXUtNr/p4WErMLaBCKBE4bPVYj8KTWuDULYWGIeWWezzoBGOIaDi0PzpdcjBi1+HLt0zfK4xF+ost1y2OcTMcQwhiOUmo1xksddF8kSSuTnfYePpzjljWwO7hps+YxCSFpoLFvj04SPnDOdOhY4zmhwuvNnR8Bcn4k2EqBrQ3TNXP79Tx3zoEswCio7GUfaY5CkPg9EJIaulceQi9FWBn2JIbfIkskYcGRIP7n5DH1/QIj5xcr8aGRZLzBfQ4TEB6asFkhNxJbKkfCRfzPD9BR3P9enP2qSvsANaH79CGjebg/A0SZgDTV+sLy4L16DZgeKJPU8jWXLyYIZzYD20fv6Q4n+E6nBCHaER40sbPvKG0KhyJ8KI8kb2QmuPH+le/B+1MfiU+uw7wQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANaSURBVHgB7ZhtaE5hGMf/Nhk2ZV6j1g4h7/OujHmwaCJ8EMmHfRG+eCmKWPOFfKNIiZDS+CYitbLlNSU+eEvUlrctxBqamM3/6rrXnt3dZ9tz9uw5Z7V//TpP57qfu+vc57qv67oP0KvUqA+ioUlkOZlP0skGRFDZZDM5T6pJM/lOXpHfpC8iIo8cJ2/Q6mQFKSFzoG99qbHlICISx2qgThWTQY4xOcY+DhGSR+6RRrLNYU+DOr2qvUnSkFpVQ2P5BxnvsDcZm9feJKl2WnSG1JHDPvaPZFh7E6Ta6VISI2vIt7j7HjliruL0SERE+6DxutVhu2VsVeQ5uYEIKBfq1CGHrdTYVpOz5vdDhKyYubpyb8vqx2cS2ai7EJIGkyukgYxw2PfCf/VDUR40PoXpDvt+RMjhgeQA1KFrZKhll2x11NhLEAHFyFtST3Y47KPIA/KLrEXImkouQ1fvOtzVbAuphT7URISoKeQitPQ+IkscY/LJbegDSfHI9JlLWlVJdxUOjiEJkvaxnPwjj6HVza6s00gZ+QNtkBZ0MGcxtBKesDgFfeAZCKAh5CC0SZdJZAWWWWMGkEJjkzFPyQp0TnugC2Ar3cwVQycleXYnqSR/oU27vKq8uDFpZkK5/xWtD1SIxJSQ037HmsnkifnDVbIO2h/Iai4kRWQe9FwncfqMnITG5Qd0s/ycXkz6Qc9wcsKQ0DhHhhu7OFYJLcOSj9/5zONBN+tch002r6S+OiTJ6UtkERlLvpC75DR5T16ST+ic5AQyi2x32GRB5I2VIUH5OS0FYhO6rizyk1xw2MTpQP18GCeXRCQ1oN6+2ZXvC/2hpdn+4CPx3YjkSBKBnCU/x98M6rQHzS7ZDpvEu2SYKiRHkj5vIm7DBg0P+YYhDo+xkI2bQdYjOZI8LUmhTUUMutIZ5lrtsEl579a9EvWN6JRrpUdDc6stidEXiIBspz1oU9TkGCunEinb5QhZdnh40FQmpTvTQiphHiKgRGK6Ie73a2gDFYqCbkRpI4sQkoI6LV3bfYSkoE5PQMdHqG5Tj8zTPba4bIR2a6Jcc5UPgM3WWDm1FEDL9Gxzb7djTkmP+cYmjVOWzzjRSuh3vgLjgz2upYMUH2ea3zVy846ZuKeoFr1Kkf4DLqmtaYAIPVUAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOwSURBVHgB7VhJaBVBEH3ukOAaUWNcJlEh6klFjRolx4B68CR40HiIF0UNroiJQREUL+ZgBEWiqODN5SCJKHEDJULcggfRfCRo3FCMSzTBpSo9w9SfP/Onk98/fw4+ePz+UzXVNd3V3dUF/EcPLOId4l/ic/t/5NEA5bDDRkQcBYh32GEBIow6uI4+E+1aRBSTiZ+gnPxFnEX8Yv//TByFCKIM7sjW2c9qxbOdiCBicB2cbT9bKJ7xTjIAEcIquM7d9sgahawUEcJluI6t9shWCFkDIgILrlMxH/kgqIXoDZ0+YyBSR6VoH/OR/ybWiP8bkGGMJX6DGsGvxEkBerzdfUdEtr/1SNzmgnBC6G5HCtDdgjiMcon5UEfyYOJU4lq4CdEC4oMkNpYRb9ntD8TjxNdQM9QOtR7aiH+g6XQRcRFxJHGCzTH27xTisBA7d4lLEQ7e/kpCdLqJL4lv7TZ/DH/UD2I98QkrbYN/kqNLjtF86GEm1Oim0l8Fj/RHYk5AJ++InbYOn2hdcKeSR6GV2ET8CX3wrBVDhVs2VM7CbV6cziyPtukH9qUnvpyvaIGaPh6REcgssojzoPzhgXF8fM/CHYgf/ovIvMMOhkD5I/3b4wgrPQIOdguZhUVshusTh+Yur9JyuPmwcyRn6sYxHfFZYwdxZZDyDKiFJuOnEP2LucRXwgduh+YrFuK/kvfHcvQP1kEdNk7frehFmE4k3kN8nFchvdjt6Y93jHHoJfjorvEYOgDz4LPikKefc1ApbZ+x32PwPFTuYQoXPPYPwhD2eQyvgRmUIWAPNoXDwng1zKBK2Dyi+1Jvbi5yUdyEGchLcDbSAOf85+uTqZsH2+mCm/cYRQ7caXwIs2gRtnN1XtANjyLRboZZNIn2fJ0XdJ0uFu16mMUN0dZyWhdX4U7htBBdvqEfhVpkpxB+DFvC9nUYRLdttD2JDp9sFYgvzDD5ehVW63De4RuQiVoMlggHrgXolEDdxJPd7WK2LT9cEnpzYADlwuBWj4x3lbM+Dl6Bis/TPrKTSAyZLUK+GQYgrzuL7WfDobIybyg8gqpvSJRAlQSkXofHuWIhq4MBOB1yXGfZTt1HYhlhL4KLP5yxbSK+8bzH+TIXefiQ6YSb9KeEPNHBYyRmZMwz0M97LQSHzAvxPw8poBTBC+spEkNBF1waiCWxnVLxvdDHIIfCRpjZmjiu23z6CDsLQlENVRRkY1z5HA+zsOCGDO/TKVVUJbhokoX0gstlQ3UU/wGmXHjK25H5VwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAT1SURBVHgB7VlJjFVFFD0Nv7FFhdY4BVFBUTbKRjHEiHHhFBckGomzOCfGaeFC40RINEp0Y2IMMaY1UReicSTG4JAwNAR2hCnMzRDmZm6aoenPPV23eNX1q1691/x0/oKTnP/+v+/eV7eqblXdd38TgCXCm4VDUV9UlfXG3Ip8dAqPC1udG0eEvcImZQhDcHbojcjdzp6nhPp4UrjTVZ6myr+gsdAO49c9VuCO1n697kNjYbdeu6zAdXpIQNYIsOF5xq9K4GYRjBE+J/xEeLSE3UvC8Qkdhmc7av3KdbqI83T4feE64XcohguFswo8/ybhfc7vmpkf6Ei36PWC4iZ9OxIX01WBe65j/0fsz/hXxOmPhNcJH0ftvls2/v9Dedg2mnxBSMniIeGjwkvQIKgEZLERD52Y/gExWrgH5iAIYZTwcuRjJcwhEkUF9cOlwi0wC3Na4D7XwRqYBZmHn4VT8xTKOB06dt1ZGa2/x0bsjwnb0H/Ls/ZV/c42fkICZZwOxb8bMs2eIyG8gTog5MhAM7N6Z4lRhJzuRRrVgO4pvdbb+Rp/yoRHNfC9x5HZFX8qYs/wmSO8EnHQwR+En+XoBJ32w2MVzOh1OrIVMFnhCkfGnWOzcCHC4KyOE16NeAhS5/qEP/3wsCq0obHwO4xfd1nBQGN6MFHjT6PlziHUbKFuTNseMS2cAbPI3BeDwehgLzI/2P5w4a15Bvcje6lsRE6yjrpDz1G/V3gxyuXWg4G9wr9xDg2Es114g2bPk+8LmBjiKmZCPgXl8DZMFYiLh/nzmyiHV2BOV7a/DYkjnZitjR2COaLtyr0DxfCO6ncLNzr2TxW0f0b1mXuvhilP8PeHMYNbVGErzIss8YHK/kQanKXDyDrJHWiq88wiWIn+nZwAM4Ac9WCi9aAa/OHIGFfM3rYjjQlqv9aTH1D5RQn7FtXb4ckXqfx21ykLOxo8gYbr90dg9u91SGOEXv0O2vT1fOSDIcEs8TJkB8k1wmv1+96QEaeTaSV7xYW0XB/E348hjYnIYng+TGnLXRdFShCvqS5nd6nwoP7+Js/oCpgk3DbEnPktFAPfxnsQPoI55c0FnzNdeELteP3SV4gd1xwVBn4HyhUYObUsznNRMhy6tXHWQsqUkBmeN8BsffvzFNmBF4X/wEwPG1sv/BrZbpLCA8IfkW1VrN/9CieBT+A2mFDoRBYm84RPh5Q5svORTecu4SbHeb73Tc9pjAWY2Y49Fw07fMyRMd3NS8Q+1nbsPs+NocuxZ9jawmffg+bqjWXCu50HMUTegylz8f7rkQZn6f0OmDJwk9OZ55GN3IyIvT0PuCbeFY5U+TCYPbtD739uDZ5AFgqtkYe+gOyk9HUmIRvdcRF77uGcNY78GO8eK1Jden9yxJ423Eo5E3dSsADeHzER/KV6z3ryNpW/nLCfqXozPfmrKv8qYf+kq8fRYw9SRZYpavSpJ7f/Po1N2E9WPb9WN0flExP23FE4Gxt4IvJ/uoOIF1ks1uh1lCdn3DLmNyXsF+t1pCe3h862fPO+HYl+jrAvtry2JIxu1Ku/A7Cz7Hwr8vd0W4Tx82RbjOFM5e3JTBP4Krivog9hMtONYvAL3gyr5kSDebAz3F5Qfxid/hbmLwqubKaAeeUC3v/Xk/0Gs7p7kL3+u6UJmzDxmdWAczyMxiNeJLJlhaHK708DkGtjxYC2qVYAAAAASUVORK5CYII=\"","import React, { useEffect, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport Footer from '../Footer/Footer';\r\nimport TopNavbar from '../../Nav/TopNavbar';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport './commingSoon.css';\r\n\r\n\r\nexport default function CommingSoon() {\r\n  const navigate = useNavigate();\r\n  const [time, setTime] = useState({\r\n    days: 9,\r\n    hours: 2,\r\n    minutes: 2,\r\n    seconds: 11,\r\n  });\r\n\r\n  useEffect(() => {\r\n    const timer = setInterval(() => {\r\n      let { days, hours, minutes, seconds } = time;\r\n\r\n      if (seconds > 0) {\r\n        seconds--;\r\n      } else {\r\n        if (minutes > 0) {\r\n          seconds = 59;\r\n          minutes--;\r\n        } else {\r\n          if (hours > 0) {\r\n            minutes = 59;\r\n            seconds = 59;\r\n            hours--;\r\n          } else {\r\n            if (days > 0) {\r\n              hours = 23;\r\n              minutes = 59;\r\n              seconds = 59;\r\n              days--;\r\n            } else {\r\n              clearInterval(timer);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      setTime({ days, hours, minutes, seconds });\r\n    }, 1000);\r\n\r\n    return () => clearInterval(timer);\r\n  }, [time]);\r\n\r\n  const styles = {\r\n    container: {\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      height: '100vh',\r\n      width: '100%',\r\n      overflow: 'hidden',\r\n      position: 'relative',\r\n      padding: '20px', // added padding for smaller screens\r\n    },\r\n    image: {\r\n      position: 'absolute',\r\n      height: '100%',\r\n      width: '100%',\r\n      objectFit: 'cover',\r\n      zIndex: '-1',\r\n    },\r\n    overlay: {\r\n      position: 'absolute',\r\n      top: 0,\r\n      height: '100%',\r\n      width: '100%',\r\n      background: '#000',\r\n      zIndex: '-1',\r\n      opacity: 0.2,\r\n    },\r\n    header: {\r\n      fontSize: '60px',\r\n      color: '#fff',\r\n      fontWeight: '600',\r\n      textAlign: 'center',\r\n    },\r\n    p: {\r\n      fontSize: '16px',\r\n      fontWeight: '400',\r\n      color: '#fff',\r\n      maxWidth: '550px',\r\n      textAlign: 'center',\r\n    },\r\n    timeContent: {\r\n      display: 'flex',\r\n      columnGap: '30px',\r\n      alignItems: 'center',\r\n      margin: '2rem',\r\n      border: '1px solid white',\r\n      padding: '2rem 2.5rem',\r\n      borderRadius: '0.5rem',\r\n      background: 'rgba(250, 250, 250, 0.2)',\r\n      flexWrap: 'wrap', // added flex wrap for smaller screens\r\n      justifyContent: 'center', // center items for smaller screens\r\n    },\r\n    time: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexDirection: 'column',\r\n    },\r\n    number: {\r\n      fontWeight: '800',\r\n      fontSize: '80px',\r\n      lineHeight: 1,\r\n      color: '#eee',\r\n      '@media (max-width: 768px)': {\r\n        fontSize: '60px', // reduced font size for smaller screens\r\n      },\r\n    },\r\n    text: {\r\n      textTransform: 'capitalize',\r\n      color: '#fff',\r\n      fontWeight: '600',\r\n      fontSize: '12px',\r\n    },\r\n    emailContent: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexDirection: 'column',\r\n      width: '100%',\r\n    },\r\n    inputBox: {\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      height: '40px',\r\n      maxWidth: '360px',\r\n      width: '100%',\r\n      marginTop: '20px',\r\n      columnGap: '20px',\r\n    },\r\n    input: {\r\n      height: '100%',\r\n      outline: 'none',\r\n      border: 'none',\r\n      border: '1px solid #fff',\r\n      borderRadius: '4px',\r\n      backgroundColor: 'rgba(255, 255, 255, 0.2)',\r\n      fontWeight: '400',\r\n      width: '100%',\r\n      padding: '0 15px',\r\n      color: '#fff',\r\n    },\r\n    button: {\r\n      height: '100%',\r\n      cursor: 'pointer',\r\n      backgroundColor: '#eee',\r\n      color: '#0d6a81',\r\n      whiteSpace: 'nowrap',\r\n      padding: '0 20px',\r\n      transition: 'all 0.3s ease',\r\n    },\r\n    buttonHover: {\r\n      backgroundColor: '#fff',\r\n    },\r\n  };\r\n  return (\r\n    <>\r\n      <section style={styles.container}>\r\n        <img\r\n          src=\"https://images.unsplash.com/photo-1625558298116-38f0173a522c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80\"\r\n          alt=\"\"\r\n          style={styles.image}\r\n        />\r\n        <div style={styles.overlay}></div>\r\n        <header style={styles.header}>Page Is Coming Soon</header>\r\n        <p style={styles.p}>\r\n          We are excited to announce that we will be launching soon and can't wait to\r\n          share our new Page with you.\r\n        </p>\r\n        <div style={styles.timeContent}>\r\n          <div style={{ ...styles.time, ...styles.days }}>\r\n            <span style={styles.number}>{time.days < 10 ? `0${time.days}` : time.days}</span>\r\n            <span style={styles.text}>days</span>\r\n          </div>\r\n          <div style={{ ...styles.time, ...styles.hours }}>\r\n            <span style={styles.number}>{time.hours < 10 ? `0${time.hours}` : time.hours}</span>\r\n            <span style={styles.text}>hours</span>\r\n          </div>\r\n          <div style={{ ...styles.time, ...styles.minutes }}>\r\n            <span style={styles.number}>{time.minutes < 10 ? `0${time.minutes}` : time.minutes}</span>\r\n            <span style={styles.text}>minutes</span>\r\n          </div>\r\n          <div style={{ ...styles.time, ...styles.seconds }}>\r\n            <span style={styles.number}>{time.seconds < 10 ? `0${time.seconds}` : time.seconds}</span>\r\n            <span style={styles.text}>seconds</span>\r\n          </div>\r\n        </div>\r\n        <div style={styles.emailContent} className='d-none'>\r\n          <p style={styles.p}>Subscribe now to get the latest updates!</p>\r\n          <div style={styles.inputBox}>\r\n            <input type=\"email\" placeholder=\"Enter your email...\" style={styles.input} />\r\n            <button\r\n              style={{ ...styles.button, ':hover': styles.buttonHover }}\r\n            >\r\n              Notify Me\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n\r\n      {/* <div className=\"container-fluid\">\r\n          <div className=\"row d-flex justify-content-center align-items-center\">\r\n            <div className=\"col-md-12 main-title\">\r\n              <h1 className='my-component-title'>WEBSITE</h1>\r\n              <h2 className='my-component-pera'>UNDER CONSTRUCTION</h2>\r\n            </div>\r\n          </div>\r\n          <div className=\"row d-flex justify-content-center align-items-center\">\r\n            <div className=\"col-sm-10 col-md-6 col-lg-6 svg-img p-5\">\r\n              <SVG viewBox=\"0 0 834 690\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <g id=\"undraw_dev_productivity_umsq 1\" clip-path=\"url(#clip0)\">\r\n              <g id=\"man\">\r\n                <path\r\n                  id=\"Vector\"\r\n                  d=\"M435.922 191.941C476.534 191.941 509.458 159.018 509.458 118.405C509.458 77.7923 476.534 44.869 435.922 44.869C395.309 44.869 362.385 77.7923 362.385 118.405C362.385 159.018 395.309 191.941 435.922 191.941Z\"\r\n                  fill=\"#A0616A\"\r\n                />\r\n                <path\r\n                  id=\"Vector_2\"\r\n                  d=\"M381.036 155.173C381.036 155.173 394.891 259.616 373.576 271.339C352.261 283.062 500.399 284.128 500.399 284.128C500.399 284.128 467.361 193.54 482.281 165.831L381.036 155.173Z\"\r\n                  fill=\"#A0616A\"\r\n                />\r\n                <path\r\n                  id=\"Vector_3\"\r\n                  d=\"M608.57 284.656L596.25 340.756L570.2 459.446L569.42 465.946L560.43 541.196L554.45 591.186L550.44 624.766C526.06 637.296 508.39 645.946 508.39 645.946C508.39 645.946 506.87 638.326 504.42 628.576C487.31 633.706 455.65 642.216 428.82 643.916C438.59 654.806 443.08 665.036 436.99 672.586C418.61 695.346 342.73 647.666 316.19 629.886C315.572 634.143 315.338 638.447 315.49 642.746L295.18 627.126L297.19 591.186L300.58 530.376L304.84 454.116C303.497 450.851 302.371 447.5 301.47 444.086C295.25 421.966 287.7 377.796 281.91 340.756C277.25 310.946 273.75 285.756 273.01 280.396C272.91 279.696 272.86 279.336 272.86 279.336L385.29 229.656C393.28 248.186 430.59 253.756 430.59 253.756C461.5 251.626 485.73 235.326 485.73 235.326L608.57 284.656Z\"\r\n                  fill=\"#D0CDE1\"\r\n                />\r\n                <path\r\n                  id=\"Vector_4\"\r\n                  d=\"M374.746 48.8468L360.997 43.3423C360.997 43.3423 389.746 11.6915 429.744 14.4439L418.494 2.05865C418.494 2.05865 445.993 -8.95021 470.992 19.9482C484.134 35.1394 499.339 52.996 508.817 73.1112H523.542L517.396 86.643L538.906 100.175L516.828 97.7442C518.144 105.154 518.346 112.719 517.428 120.189C516.48 127.661 512.667 134.473 506.793 139.187C506.793 139.187 489.741 103.891 489.741 98.387V112.148C489.741 112.148 475.992 99.7631 475.992 91.5065L468.492 101.139L464.742 86.0019L418.494 101.139L425.994 88.7543L397.245 92.8826L408.495 77.7452C408.495 77.7452 375.997 95.6348 374.746 110.772C373.497 125.909 363.984 140.253 363.984 140.253C363.984 140.253 338.498 69.4885 374.746 48.8468Z\"\r\n                  fill=\"#2F2E41\"\r\n                />\r\n                <g id=\"rightHand\">\r\n                  <path\r\n                    id=\"Vector_5\"\r\n                    d=\"M516.92 624.636C516.92 624.636 512.16 626.266 504.42 628.576C487.31 633.706 455.65 642.216 428.82 643.916C405.72 645.396 386.2 641.836 382.63 626.766C381.1 620.286 383.27 614.956 388 610.576C402.12 597.486 439 592.796 468.25 591.186C476.51 590.736 484.15 590.526 490.51 590.446C501.31 590.306 508.39 590.526 508.39 590.526L508.56 591.186L516.92 624.636Z\"\r\n                    fill=\"#A0616A\"\r\n                  />\r\n                  <path\r\n                    id=\"Vector_6\"\r\n                    d=\"M688.5 542.566C681.01 550.686 662.45 562.916 639.95 576.156C631.58 581.076 622.67 586.146 613.58 591.186C591.89 603.216 569.18 615.136 550.44 624.766C526.06 637.296 508.39 645.946 508.39 645.946C508.39 645.946 506.87 638.326 504.42 628.576C501.14 615.526 496.2 598.656 491.05 591.186C490.87 590.926 490.69 590.686 490.51 590.446C489.01 588.476 487.5 587.326 486.01 587.326L560.43 541.196L592.59 521.256L569.42 465.946L540.36 396.566L557.9 340.756L575.53 284.656H608.57C608.57 284.656 619.51 308.536 633.5 341.836C635.59 346.816 637.75 352.006 639.95 357.366C668.73 427.366 704.61 525.116 688.5 542.566Z\"\r\n                    fill=\"#D0CDE1\"\r\n                  />\r\n                </g>\r\n                <g id=\"leftHand\">\r\n                  <path\r\n                    id=\"Vector_7\"\r\n                    d=\"M436.99 672.586C418.61 695.346 342.73 647.666 316.19 629.886C310.41 626.016 306.97 623.566 306.97 623.566L331.25 591.186L338.94 580.936C338.94 580.936 345.82 584.586 355.99 590.526C356.36 590.746 356.73 590.966 357.11 591.186C365.88 596.336 376.89 603.066 388 610.576C403.33 620.946 418.83 632.776 428.82 643.916C438.59 654.806 443.08 665.036 436.99 672.586Z\"\r\n                    fill=\"#A0616A\"\r\n                  />\r\n                  <path\r\n                    id=\"Vector_8\"\r\n                    d=\"M355.99 590.526C353.276 590.516 350.567 590.736 347.89 591.186C324.9 595.136 318.12 615.946 316.19 629.886C315.572 634.143 315.338 638.447 315.49 642.746L295.18 627.126L287.78 621.436C269.97 615.226 254.1 604.196 240.34 591.186C228.403 579.7 217.695 567.001 208.39 553.296C199.122 539.788 190.86 525.616 183.67 510.896C181.664 506.788 180.586 502.29 180.512 497.719C180.437 493.148 181.369 488.617 183.24 484.446L208.39 428.396L245.15 346.476C245.42 344.526 245.717 342.619 246.04 340.756C253.33 298.956 272.86 280.396 272.86 280.396H287.78L297.76 340.756L310.16 415.746L301.47 444.086L281.39 509.536L300.58 530.376L355.99 590.526Z\"\r\n                    fill=\"#D0CDE1\"\r\n                  />\r\n                </g>\r\n                <path\r\n                  id=\"Vector_9\"\r\n                  d=\"M372.877 415.806L385.631 430.687C390.37 429.783 395.319 428.721 400.416 427.529L396.752 415.806L405.71 426.256C459.707 412.976 526.637 387.155 526.637 387.155C526.637 387.155 454.38 392.453 400.428 380.666C376.558 375.451 351.998 387.284 342.202 409.669C336.509 422.679 337.403 433.952 357.596 433.952C364.419 433.835 371.224 433.195 377.949 432.037L372.877 415.806Z\"\r\n                  fill=\"#6C63FF\"\r\n                />\r\n              </g>\r\n              <g id=\"allOther\">\r\n                <path\r\n                  id=\"Vector_10\"\r\n                  d=\"M663.65 660.386V666.456C663.654 668.122 663.345 669.774 662.74 671.326C662.472 672.018 662.147 672.687 661.77 673.326C660.579 675.327 658.887 676.983 656.863 678.133C654.838 679.283 652.549 679.887 650.22 679.886H203.67C201.342 679.887 199.053 679.283 197.028 678.133C195.003 676.983 193.312 675.327 192.12 673.326C191.743 672.687 191.419 672.018 191.15 671.326C190.546 669.774 190.237 668.122 190.24 666.456V660.386C190.24 658.622 190.587 656.876 191.262 655.246C191.936 653.616 192.926 652.136 194.173 650.889C195.42 649.641 196.901 648.652 198.53 647.977C200.16 647.303 201.907 646.956 203.67 646.956H229.41V644.126C229.41 644.053 229.425 643.98 229.453 643.912C229.481 643.844 229.522 643.782 229.574 643.73C229.626 643.678 229.688 643.637 229.756 643.608C229.824 643.58 229.897 643.566 229.97 643.566H243.4C243.474 643.566 243.547 643.58 243.615 643.608C243.683 643.637 243.745 643.678 243.797 643.73C243.849 643.782 243.89 643.844 243.918 643.912C243.946 643.98 243.96 644.053 243.96 644.126V646.956H252.35V644.126C252.35 644.053 252.365 643.98 252.393 643.912C252.421 643.844 252.462 643.782 252.514 643.73C252.566 643.678 252.628 643.637 252.696 643.608C252.764 643.58 252.837 643.566 252.91 643.566H266.34C266.414 643.566 266.487 643.58 266.555 643.608C266.623 643.637 266.684 643.678 266.736 643.73C266.789 643.782 266.83 643.844 266.858 643.912C266.886 643.98 266.9 644.053 266.9 644.126V646.956H275.3V644.126C275.3 644.053 275.315 643.98 275.343 643.912C275.371 643.844 275.412 643.782 275.464 643.73C275.516 643.678 275.578 643.637 275.646 643.608C275.714 643.58 275.787 643.566 275.86 643.566H289.29C289.364 643.566 289.437 643.58 289.505 643.608C289.573 643.637 289.634 643.678 289.687 643.73C289.739 643.782 289.78 643.844 289.808 643.912C289.836 643.98 289.85 644.053 289.85 644.126V646.956H298.24V644.126C298.24 644.053 298.255 643.98 298.283 643.912C298.311 643.844 298.352 643.782 298.404 643.73C298.456 643.678 298.518 643.637 298.586 643.608C298.654 643.58 298.727 643.566 298.8 643.566H312.23C312.304 643.566 312.377 643.58 312.445 643.608C312.513 643.637 312.574 643.678 312.626 643.73C312.679 643.782 312.72 643.844 312.748 643.912C312.776 643.98 312.79 644.053 312.79 644.126V646.956H321.18V644.126C321.18 644.053 321.195 643.98 321.223 643.912C321.251 643.844 321.292 643.782 321.344 643.73C321.396 643.678 321.458 643.637 321.526 643.608C321.594 643.58 321.667 643.566 321.74 643.566H335.17C335.244 643.566 335.317 643.58 335.385 643.608C335.453 643.637 335.514 643.678 335.566 643.73C335.619 643.782 335.66 643.844 335.688 643.912C335.716 643.98 335.73 644.053 335.73 644.126V646.956H344.13V644.126C344.13 644.053 344.145 643.98 344.173 643.912C344.201 643.844 344.242 643.782 344.294 643.73C344.346 643.678 344.408 643.637 344.476 643.608C344.544 643.58 344.617 643.566 344.69 643.566H358.12C358.194 643.566 358.267 643.58 358.335 643.608C358.403 643.637 358.464 643.678 358.516 643.73C358.569 643.782 358.61 643.844 358.638 643.912C358.666 643.98 358.68 644.053 358.68 644.126V646.956H367.07V644.126C367.07 644.053 367.085 643.98 367.113 643.912C367.141 643.844 367.182 643.782 367.234 643.73C367.286 643.678 367.348 643.637 367.416 643.608C367.484 643.58 367.557 643.566 367.63 643.566H472.83C472.904 643.566 472.977 643.58 473.045 643.608C473.113 643.637 473.174 643.678 473.227 643.73C473.279 643.782 473.32 643.844 473.348 643.912C473.376 643.98 473.39 644.053 473.39 644.126V646.956H481.79V644.126C481.79 644.053 481.805 643.98 481.833 643.912C481.861 643.844 481.902 643.782 481.954 643.73C482.006 643.678 482.068 643.637 482.136 643.608C482.204 643.58 482.277 643.566 482.35 643.566H495.78C495.928 643.568 496.07 643.627 496.175 643.732C496.279 643.836 496.339 643.978 496.34 644.126V646.956H504.73V644.126C504.73 644.053 504.745 643.98 504.773 643.912C504.801 643.844 504.842 643.782 504.894 643.73C504.946 643.678 505.008 643.637 505.076 643.608C505.144 643.58 505.217 643.566 505.29 643.566H518.72C518.794 643.566 518.867 643.58 518.935 643.608C519.003 643.637 519.065 643.678 519.117 643.73C519.169 643.782 519.21 643.844 519.238 643.912C519.266 643.98 519.28 644.053 519.28 644.126V646.956H527.67V644.126C527.67 644.053 527.685 643.98 527.713 643.912C527.741 643.844 527.782 643.782 527.834 643.73C527.886 643.678 527.948 643.637 528.016 643.608C528.084 643.58 528.157 643.566 528.23 643.566H541.66C541.734 643.566 541.807 643.58 541.875 643.608C541.943 643.637 542.005 643.678 542.057 643.73C542.109 643.782 542.15 643.844 542.178 643.912C542.206 643.98 542.22 644.053 542.22 644.126V646.956H550.62V644.126C550.62 644.053 550.635 643.98 550.663 643.912C550.691 643.844 550.732 643.782 550.784 643.73C550.836 643.678 550.898 643.637 550.966 643.608C551.034 643.58 551.107 643.566 551.18 643.566H564.61C564.757 643.568 564.898 643.628 565.001 643.733C565.104 643.838 565.161 643.979 565.16 644.126V646.956H573.56V644.126C573.56 644.053 573.575 643.98 573.603 643.912C573.631 643.844 573.672 643.782 573.724 643.73C573.776 643.678 573.838 643.637 573.906 643.608C573.974 643.58 574.047 643.566 574.12 643.566H587.55C587.624 643.566 587.697 643.58 587.765 643.608C587.833 643.637 587.895 643.678 587.947 643.73C587.999 643.782 588.04 643.844 588.068 643.912C588.096 643.98 588.111 644.053 588.11 644.126V646.956H596.5V644.126C596.5 644.053 596.515 643.98 596.543 643.912C596.571 643.844 596.612 643.782 596.664 643.73C596.716 643.678 596.778 643.637 596.846 643.608C596.914 643.58 596.987 643.566 597.06 643.566H610.49C610.564 643.566 610.637 643.58 610.705 643.608C610.773 643.637 610.835 643.678 610.887 643.73C610.939 643.782 610.98 643.844 611.008 643.912C611.036 643.98 611.051 644.053 611.05 644.126V646.956H650.22C651.984 646.956 653.731 647.303 655.36 647.977C656.99 648.652 658.471 649.641 659.718 650.889C660.965 652.136 661.954 653.616 662.629 655.246C663.304 656.876 663.651 658.622 663.65 660.386Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_11\"\r\n                  d=\"M833.5 671.326H60.5002V673.326H833.5V671.326Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_12\"\r\n                  d=\"M627.695 404.757H461.252V401.326H385.78V404.757H218.651C215.665 404.757 212.801 405.943 210.69 408.054C208.579 410.166 207.392 413.029 207.392 416.015V643.927C207.392 646.913 208.578 649.776 210.69 651.888C212.801 653.999 215.665 655.185 218.651 655.185H627.695C630.68 655.185 633.544 653.999 635.656 651.888C637.767 649.776 638.953 646.913 638.953 643.927V416.015C638.953 414.537 638.662 413.073 638.096 411.707C637.53 410.341 636.701 409.1 635.656 408.054C634.61 407.009 633.369 406.179 632.003 405.614C630.637 405.048 629.173 404.757 627.695 404.757Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_13\"\r\n                  d=\"M108.446 661.223H80.446V689.223H108.446V661.223Z\"\r\n                  fill=\"#D0CDE1\"\r\n                />\r\n                <path\r\n                  id=\"Vector_14\"\r\n                  d=\"M91.45 639.223V673.223H125.45V639.223H91.45ZM123.97 671.743H92.92V640.703H123.97V671.743Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_15\"\r\n                  d=\"M756.446 661.223H728.446V689.223H756.446V661.223Z\"\r\n                  fill=\"#D0CDE1\"\r\n                />\r\n                <path\r\n                  id=\"Vector_16\"\r\n                  d=\"M739.45 639.223V673.223H773.45V639.223H739.45ZM771.97 671.743H740.92V640.703H771.97V671.743Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_17\"\r\n                  d=\"M94.5801 230.113C138.399 230.113 173.921 194.591 173.921 150.773C173.921 106.954 138.399 71.4324 94.5801 71.4324C50.7616 71.4324 15.2396 106.954 15.2396 150.773C15.2396 194.591 50.7616 230.113 94.5801 230.113Z\"\r\n                  fill=\"#6C63FF\"\r\n                />\r\n                <path\r\n                  id=\"Vector_18\"\r\n                  d=\"M122.229 56.49C115.045 55.5764 107.775 55.5764 100.591 56.49C84.5863 58.5914 69.5206 65.2399 57.1812 75.6466C44.8419 86.0533 35.747 99.7814 30.9756 115.202C28.8056 122.229 27.5767 129.514 27.3211 136.864C27.2851 137.886 27.261 138.92 27.261 139.954C27.2833 162.265 36.1561 183.655 51.9323 199.431C67.7084 215.208 89.0991 224.08 111.41 224.103C113.201 224.103 114.992 224.043 116.759 223.934C120.908 223.674 125.03 223.103 129.093 222.227C148.495 218.055 165.798 207.161 177.947 191.468C190.096 175.776 196.308 156.295 195.487 136.467C194.666 116.638 186.864 97.7381 173.459 83.104C160.054 68.4699 141.909 59.0436 122.229 56.49H122.229ZM137.748 217.347H137.736C130.959 219.659 123.905 221.062 116.759 221.518C114.992 221.638 113.201 221.698 111.41 221.698C89.7379 221.672 68.9613 213.051 53.6369 197.727C38.3126 182.402 29.6917 161.626 29.6652 139.954C29.6652 138.92 29.6892 137.886 29.7253 136.864C30.5517 115.744 39.5159 95.7617 54.7414 81.1009C69.9669 66.4401 90.2733 58.2371 111.41 58.209C130.776 58.2101 149.513 65.0866 164.283 77.6132C179.052 90.1399 188.895 107.503 192.057 126.61C195.22 145.716 191.496 165.325 181.55 181.942C171.604 198.559 156.082 211.106 137.748 217.347H137.748Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_19\"\r\n                  d=\"M112.612 63.0175H110.208V79.8473H112.612V63.0175Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_20\"\r\n                  d=\"M57.8578 84.7016L56.1577 86.4017L68.0582 98.3021L69.7582 96.6021L57.8578 84.7016Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_21\"\r\n                  d=\"M34.4738 138.752V141.156H51.3035V138.752H34.4738Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_22\"\r\n                  d=\"M56.1577 193.506L57.8578 195.206L69.7582 183.305L68.0582 181.605L56.1577 193.506Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_23\"\r\n                  d=\"M153.061 96.602L154.762 98.3021L166.662 86.4016L164.962 84.7016L153.061 96.602Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_24\"\r\n                  d=\"M171.516 138.752V141.156H188.346V138.752H171.516Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_25\"\r\n                  d=\"M154.762 181.605L153.061 183.305L164.962 195.206L166.662 193.506L154.762 181.605Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_26\"\r\n                  d=\"M112.612 200.06H110.208V216.89H112.612V200.06Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_27\"\r\n                  d=\"M122.229 35.3686H100.591V57.0069H122.229V35.3686Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_28\"\r\n                  d=\"M111.41 38.975C127.344 38.975 140.261 34.4002 140.261 28.7569C140.261 23.1136 127.344 18.5388 111.41 18.5388C95.4759 18.5388 82.5588 23.1136 82.5588 28.7569C82.5588 34.4002 95.4759 38.975 111.41 38.975Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_29\"\r\n                  d=\"M226 220.44H0V222.844H226V220.44Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n              </g>\r\n              <g id=\"clock\">\r\n                <path\r\n                  id=\"Vector_30\"\r\n                  d=\"M115.016 94.2729H107.803V135.145H115.016V94.2729Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n                <path\r\n                  id=\"Vector_31\"\r\n                  d=\"M115.016 135.145C113.976 134.365 112.71 133.943 111.41 133.943C110.109 133.943 108.844 134.365 107.803 135.145C107.091 135.686 106.505 136.375 106.084 137.165C105.552 138.181 105.322 139.329 105.421 140.473C105.52 141.616 105.944 142.707 106.643 143.617C107.343 144.527 108.288 145.218 109.368 145.608C110.447 145.998 111.616 146.07 112.735 145.817C113.855 145.564 114.878 144.996 115.685 144.179C116.492 143.363 117.048 142.333 117.288 141.211C117.528 140.088 117.441 138.921 117.039 137.846C116.636 136.771 115.934 135.834 115.016 135.145H115.016ZM111.41 143.56C110.454 143.557 109.539 143.176 108.863 142.501C108.187 141.825 107.806 140.909 107.803 139.954C107.808 139.224 108.03 138.513 108.441 137.91C108.793 137.4 109.271 136.989 109.828 136.718C110.385 136.447 111.003 136.324 111.622 136.361C112.241 136.398 112.84 136.595 113.361 136.931C113.881 137.267 114.306 137.732 114.595 138.281C114.883 138.83 115.025 139.444 115.007 140.063C114.988 140.683 114.811 141.288 114.49 141.818C114.17 142.349 113.718 142.788 113.179 143.093C112.639 143.399 112.03 143.559 111.41 143.56V143.56Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n              </g>\r\n              <g id=\"leftTree\">\r\n                <path\r\n                  id=\"Vector_32\"\r\n                  d=\"M150.594 599.754C151.527 631.704 132.859 643.413 109.43 644.097C108.886 644.113 108.345 644.123 107.805 644.126C106.719 644.135 105.643 644.117 104.577 644.072C83.3891 643.193 66.6173 631.945 65.7495 602.232C64.8515 571.482 103.018 531.529 105.882 528.574L105.887 528.571C105.996 528.458 106.052 528.402 106.052 528.402C106.052 528.402 149.661 567.807 150.594 599.754Z\"\r\n                  fill=\"#D0CDE1\"\r\n                />\r\n                <path\r\n                  id=\"Vector_33\"\r\n                  d=\"M107.744 639.255L122.626 617.124L107.774 641.636L107.805 644.126C106.719 644.135 105.643 644.117 104.577 644.072L105.316 612.06L105.295 611.813L105.323 611.766L105.393 608.741L89.0953 585.078L105.374 606.477L105.432 607.116L105.989 582.93L91.9123 558.397L106.029 578.681L105.882 528.574L105.882 528.407L105.887 528.571L106.822 568.062L119.651 552.021L106.864 571.464L107.144 593.098L118.949 571.984L107.187 596.279L107.343 608.309L124.512 578.897L107.395 612.505L107.744 639.255Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n              </g>\r\n              <g id=\"righTree\">\r\n                <path\r\n                  id=\"Vector_34\"\r\n                  d=\"M798.594 599.754C799.527 631.704 780.859 643.413 757.43 644.097C756.886 644.113 756.345 644.123 755.805 644.126C754.719 644.135 753.643 644.117 752.577 644.072C731.389 643.193 714.617 631.945 713.75 602.232C712.852 571.482 751.018 531.529 753.882 528.574L753.887 528.571C753.996 528.458 754.052 528.402 754.052 528.402C754.052 528.402 797.661 567.807 798.594 599.754Z\"\r\n                  fill=\"#D0CDE1\"\r\n                />\r\n                <path\r\n                  id=\"Vector_35\"\r\n                  d=\"M755.744 639.255L770.626 617.124L755.774 641.636L755.805 644.126C754.719 644.135 753.643 644.117 752.577 644.072L753.316 612.06L753.295 611.813L753.323 611.766L753.393 608.741L737.095 585.078L753.374 606.477L753.432 607.116L753.989 582.93L739.912 558.397L754.029 578.681L753.882 528.574L753.882 528.407L753.887 528.571L754.822 568.062L767.651 552.021L754.864 571.464L755.144 593.098L766.949 571.984L755.187 596.279L755.343 608.309L772.512 578.897L755.395 612.505L755.744 639.255Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n              </g>\r\n              <g id=\"pc-circle\">\r\n                <path\r\n                  id=\"Vector_36\"\r\n                  d=\"M422.5 512.326C436.307 512.326 447.5 501.133 447.5 487.326C447.5 473.519 436.307 462.326 422.5 462.326C408.693 462.326 397.5 473.519 397.5 487.326C397.5 501.133 408.693 512.326 422.5 512.326Z\"\r\n                  fill=\"#3F3D56\"\r\n                />\r\n              </g>\r\n            </g>\r\n            <defs>\r\n              <clipPath id=\"clip0\">\r\n                <rect width=\"833.5\" height=\"689.223\" fill=\"white\" />\r\n              </clipPath>\r\n            </defs>\r\n              </SVG>\r\n            </div>\r\n          </div>\r\n      </div> */}\r\n\r\n\r\n    </>\r\n  );\r\n}\r\n\r\n\r\n\r\n\r\nconst SVG = styled.svg`\r\n  /* SVG styles here */\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/shopify universe 1 1.7907f5da.png\";","export default __webpack_public_path__ + \"static/media/singleCourseHeroImage.7c839e36.png\";","export default __webpack_public_path__ + \"static/media/image2.7562737d.jpg\";","export default __webpack_public_path__ + \"static/media/image4.c482fbf3.jpg\";","import React from \"react\";\r\nimport Slider from \"react-slick\";\r\nimport styled from \"styled-components\";\r\nimport Zikria from '../../assets/testimonials_img/image2.jpg';\r\nimport Bilal from '../../assets/testimonials_img/image4.jpg'\r\nimport Adeel from '../../assets/testimonials_img/image3.jpg'\r\nimport Mahnoor from '../../assets/testimonials_img/image6.png'\r\nimport Ibrahim  from '../../assets/testimonials_img/image5.jpg'\r\nimport Tehreem  from '../../assets/testimonials_img/image1.jpg'\r\n\r\nconst cardData = [\r\n  // {\r\n  //   imgSrc: Zikria,\r\n  //   name: \"Muhammad Zikria\",\r\n  //   title: \"Student\",\r\n  //   text: \"Enrolling in AshreiTech Academy has been one of the most rewarding decisions I've ever made. Even though I'm not paying for my education here, I've been given the same level of attention and support as if I had invested a substantial amount for my training.\",\r\n  //   date: \"08:21 PM - Jan 4, 2023\",\r\n  //   rating: 4,\r\n  //   linkedinUrl: \"https://www.linkedin.com/in/syed-muhammad-zikria-zikria-781bb8132/\"\r\n  // },\r\n  // {\r\n  //   imgSrc: Bilal,\r\n  //   name: \"Bilal Asif Mangi\",\r\n  //   title: \"Student\",\r\n  //   text: \"The faculty at AshreiTech Academy is professional and encouraging. I highly recommend visiting the academy and enrolling in their courses.\",\r\n  //   date: \"08:21 PM - Jan 4, 2023\",\r\n  //   rating: 4,\r\n  //   linkedinUrl: \"https://www.linkedin.com/in/bilal-asif-mangi-40b183223/\"\r\n  // },\r\n  {\r\n    imgSrc: Adeel,\r\n    name: \"Adeel Ahmed\",\r\n    title: \"Student\",\r\n    text: \"The classes are really interactive, and every week, we experiment with something new in cyber security. There has been a profound addition to my knowledge and which has broadened my skillset – all thanks to my trainers!\",\r\n    date: \"08:21 PM - Jan 4, 2024\",\r\n    rating: 4,\r\n    linkedinUrl: \"https://www.linkedin.com/in/adeel-ahmed-1842b6315?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n  },\r\n  {\r\n    imgSrc: Mahnoor,\r\n    name: \"Mahnoor Khan\",\r\n    title: \"Student\",\r\n    text: \"Being a student at AshreiTech has been a transformative experience for me. The quality of education and the dedication of the faculty are truly exceptional. The curriculum is well-structured, providing a perfect balance of theoretical knowledge and practical application.\",\r\n    date: \"01:10 PM - March 23, 2024\",\r\n    rating: 4,\r\n    linkedinUrl: \"https://www.linkedin.com/in/mahnoor-khan-8143722a2/\"\r\n  },\r\n  {\r\n    imgSrc: Ibrahim,\r\n    name: \"Muhammad Ibrahim\",\r\n    title: \"Student\",\r\n    text: \"The instructors were knowledgeable and supportive, the curriculum was comprehensive, and the hands-on projects were invaluable. I now feel well-prepared for my career in procurement, thanks to AshreiTech Academy.\",\r\n    date: \"05:50 PM - Jan 15, 2023\",\r\n    rating: 4,\r\n    linkedinUrl: \"https://www.linkedin.com/in/muhammad-ibrahim-505b13235/\"\r\n  },\r\n  {\r\n    imgSrc: Tehreem,\r\n    name: \"Tehreem Fatima\",\r\n    title: \"Student\",\r\n    text: \"AshreiTech was a constant source of support, offering personalized advice and career guidance at every stage. I am thriving in my dream tech job!\",\r\n    date: \"03:30 PM - Dec 4, 2023\",\r\n    rating: 4,\r\n    linkedinUrl: \"https://www.linkedin.com/in/tehreem-fatimaa/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app\"\r\n  }\r\n];\r\n\r\nexport default function TestimonialSlider() {\r\n  const settings = {\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 3,\r\n    slidesToScroll: 1,\r\n    arrows: false,\r\n    autoplay: true, \r\n    autoplaySpeed: 3000,\r\n    responsive: [\r\n      {\r\n        breakpoint: 1200,\r\n        settings: {\r\n          slidesToShow: 2,\r\n          slidesToScroll: 1,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 800,\r\n        settings: {\r\n          slidesToShow: 2,\r\n          slidesToScroll: 1,\r\n        },\r\n      },\r\n      {\r\n        breakpoint: 600,\r\n        settings: {\r\n          slidesToShow: 2,\r\n          slidesToScroll: 1,\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  };\r\n\r\n  return (\r\n    <div className=\"mt-5 \" style={{ marginTop: \"100px !important\" }}>\r\n      <SliderWrapper>\r\n        <Slider {...settings}>\r\n          {cardData.map((card, index) => (\r\n            <Card key={index}>\r\n              <div className=\"card-body pb-0\">\r\n                <div className=\"row d-flex justify-content-left align-items-center\">\r\n                  <div className=\"\" style={{width:'50px', height:'50px'}}>\r\n                    <img\r\n                      src={card.imgSrc}\r\n                      alt={card.name}\r\n                      className=\"rounded-circle custom-img \"\r\n                      style={{width: \"100%\", height:'auto'}}\r\n                    />\r\n                  </div>\r\n                  <div className=\"col-1\">\r\n                    <a href={card.linkedinUrl} target=\"_blank\" rel=\"noopener noreferrer\">\r\n                      <i className=\"fa-brands fa-linkedin\"></i>\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"col-8\" >\r\n                    <h5 className=\"font-weight-bolder\">{card.name}</h5>\r\n                    <h6 className=\"\">{card.title}</h6>\r\n                  </div>\r\n                </div>\r\n                <p className=\"card-text mb-3 mt-3 testi_Card_text\">{card.text}</p>\r\n                <div className=\"row justify-content-between mt-3\">\r\n                  <div className=\"col\" style={{ color: '#DBDBDB' }}>\r\n                    {card.date}\r\n                  </div>\r\n                  <div className=\"col\" style={{ display: 'contents' }}>\r\n                    <Rating>\r\n                      {[...Array(card.rating)].map((_, i) => (\r\n                        <i key={i} className=\"fa-solid fa-star rating\"></i>\r\n                      ))}\r\n                      {[...Array(5 - card.rating)].map((_, i) => (\r\n                        <i key={i} className=\"fa-solid fa-star disable_rating\"></i>\r\n                      ))}\r\n                    </Rating>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </Card>\r\n          ))}\r\n        </Slider>\r\n      </SliderWrapper>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst SliderWrapper = styled.div`\r\n  .slick-slide {\r\n    padding: 10px 10px; /* Space between slides */\r\n  }\r\n`;\r\n\r\n// const Card = styled.div`\r\n//   width: 16rem; /* Adjust the width as needed */\r\n//   margin: 0 auto; /* Center the card */\r\n//   background-color: white; /* White background for the card */\r\n//   border-radius: 10px; /* Optional: Rounded corners */\r\n//   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Box shadow for a subtle effect */\r\n//   padding: 10px; /* Optional: Padding inside the card */\r\n//   .card {\r\n//     width: 100%;\r\n//     margin: 0 10px; /* Space between cards */\r\n//   }\r\n// `;\r\n\r\nconst Rating = styled.div`\r\n  .rating {\r\n    color: #FFCF59 !important;\r\n    text-align: end !important;\r\n  }\r\n  .disable_rating {\r\n    color: grey !important;\r\n  }\r\n`;\r\n\r\nconst Card = styled.div`\r\n  width: 16rem;\r\n  margin: 0 auto;\r\n  background-color: white;\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n  padding: 10px;\r\n\r\n  a {\r\n    color: inherit; /* Initial color */\r\n    transition: color 0.3s ease; /* Smooth transition on hover */\r\n\r\n    &:hover {\r\n      color: #0077b5; /* LinkedIn blue */\r\n    }\r\n  }\r\n\r\n  .card {\r\n    width: 100%;\r\n    margin: 0 10px;\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/image3.92cc7112.jpg\";","export default __webpack_public_path__ + \"static/media/image6.2f24b7e3.png\";","export default __webpack_public_path__ + \"static/media/image5.3773e2b3.jpg\";","export default __webpack_public_path__ + \"static/media/image1.89e731ec.jpg\";","export default __webpack_public_path__ + \"static/media/profile2.2f11a7a8.png\";","export default __webpack_public_path__ + \"static/media/ladder.21708691.png\";","export default __webpack_public_path__ + \"static/media/ladder_left.413a27e6.png\";","export default __webpack_public_path__ + \"static/media/ladder_right.57972102.png\";","export default __webpack_public_path__ + \"static/media/shopify_coins.02fc4dcf.png\";","export default __webpack_public_path__ + \"static/media/course_bg.87b1de7f.png\";","export default __webpack_public_path__ + \"static/media/usmanProf.765b40d1.png\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useEffect, useState } from 'react';\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\nimport heroImage from '../../assets/single-course-screen/shopify universe 1 1.png';\r\nimport HerobackImg from'../../assets/single-course-screen/singleCourseHeroImage.png'\r\nimport Faq from '../Faq/Faq';\r\nimport TestimonialSlider from '../../components/Elements/TestimonialSlider';\r\nimport departmentsFaq, { courseInfoCardData }  from '../../constant'\r\nimport profile2 from '../../assets/profile2.png'\r\nimport vector1 from '../../assets/aboutAnimation1.png'\r\nimport ladder_background from '../../assets/ladder.png'\r\nimport ladder_left from '../../assets/ladder_left.png'\r\nimport ladder_right from '../../assets/ladder_right.png'\r\nimport InfoCard from '../InfoCard/InfoCard';\r\nimport style from './style.module.css'\r\nimport  gradeint_background from '../../assets/gradeint_background.png'\r\nimport shopify_coins from '../../assets/shopify_coins.png'\r\nimport course_bg from \"../../assets/course_bg.png\"\r\nimport compass1 from '../../assets/compass1.png'\r\nimport compass2 from '../../assets/compass2.png'\r\nimport compass3 from '../../assets/compass3.png'\r\nimport usmanProf from '../../assets/usmanProf.png'\r\nimport prof1 from '../../assets/prof1.png'\r\nimport prof2 from '../../assets/prof2.png'\r\n\r\n\r\nconst SingleCourse = () => {\r\n  const {sap_btn,ready_to_upskill_btn}=style\r\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      setWindowWidth(window.innerWidth);\r\n    };\r\n    window.addEventListener(\"resize\", handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"resize\", handleResize);\r\n    };\r\n  }, []);\r\n  return (\r\n    <>\r\n      <TopNavbar />\r\n   \r\n\r\n      <div className=\"container-sm-fluid px-3 px-0 gradient_box  d-lex  flex-column align-items-center pb-sm-5 pt-sm-5\"\r\n  style={{\r\n    backgroundImage: `url(${HerobackImg})`,\r\n    backgroundSize: 'cover',\r\n    backgroundRepeat: 'no-repeat',\r\n    position: 'relative',\r\n  }}\r\n><div className=\"mt-3\"></div>\r\n  <div className=\" p-sm-4  p-2 shadow-lg custom-rounded m-auto position-relative course_container\" style={{  width:'85%',backgroundSize: 'cover', backgroundPosition: 'center',borderRadius:50 }}>\r\n    {/* <div className=\"gradient_box\"></div> */}\r\n    <div className=\"row p-2  \">\r\n      <div className=\"col-12\">\r\n        <div className=\"row jus\">\r\n          <div className=\"col-sm-7\">\r\n            <div>\r\n              <button className={` font18 bg_khaigreen border-0 text-white custom-rounded px-4 py-1`} style={{width:'110px'}}>SAP</button>\r\n            </div>\r\n            <div className='mt-5 '>\r\n              <h1 className='text-center text-sm-left' style={{fontSize:58}}>Ariba Procurement</h1>\r\n              <p className='mt-2 font13 text-center text-sm-left'>Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n              <div className='d-flex justify-content-center justify-content-sm-start font11 mt-1 '>\r\n                <div>5.0</div>\r\n                <div className='mx-1'>\r\n                  <i className=\"fa-sharp fa-solid fa-star mr-1\" style={{ color: '#FED200' }}></i>\r\n                  <i className=\"fa-sharp fa-solid fa-star mr-1\" style={{ color: '#FED200' }}></i>\r\n                  <i className=\"fa-sharp fa-solid fa-star mr-1\" style={{ color: '#FED200' }}></i>\r\n                  <i className=\"fa-sharp fa-solid fa-star mr-1\" style={{ color: '#FED200' }}></i>\r\n                  <i className=\"fa-sharp fa-solid fa-star \" style={{ color: '#FED200' }}></i>\r\n                </div>\r\n                <div className='text-secondary font10'> 2000 ratings</div>\r\n              </div>\r\n            </div>\r\n            {\r\n    windowWidth < 580 ? <>\r\n    <div className='row  mt-2 align-items-center justify-content-center '>\r\n    \r\n    <div className=\"  position-relative d-flex  mt-1\" style={{  left: '16px' }}>\r\n<div className=\"testimonial position-relative\" shtyle={{  left: '0' }}>\r\n<img src={profile2} alt=\"User 1\" className=\"user-icon\" style={{width:35}} />\r\n</div>\r\n<div className=\"testimonial position-relative\" style={{  right: '12px' }}>\r\n<img src={prof1} alt=\"User 2\" className=\"user-icon\" style={{width:35}} />\r\n</div>\r\n<div className=\"testimonial position-relative\" style={{  right: '24px' }}>\r\n<img src={prof2} alt=\"User 3\" className=\"user-icon\" style={{width:35}} />\r\n</div>\r\n    </div>\r\n\r\n    <div className=' position-relative font13 text-center'>4,000 Learners Enrolled</div>\r\n\r\n\r\n  </div> \r\n      <div className='text-center mt-3'>\r\n      <div  className=\"  navbtn p-2 \">\r\n      Ready To Upskill\r\n      </div>\r\n      \r\n          </div></>: <div className='d-flex  mt-5 align-items-center '>\r\n    <div className=''>\r\n      {/* <button className={`${ready_to_upskill_btn}`}>Ready To Upskill</button> */}\r\n\r\n<div  className=\" navbtn p-2 \">\r\nReady To Upskill\r\n</div>\r\n\r\n    </div>\r\n<div className=\" position-relative d-flex  mt-1\" style={{  left: '16px' }}>\r\n<div className=\"testimonial position-relative\" shtyle={{  left: '0' }}>\r\n<img src={profile2} alt=\"User 1\" className=\"user-icon\" style={{width:35}} />\r\n</div>\r\n<div className=\"testimonial position-relative\" style={{  right: '12px' }}>\r\n<img src={prof1} alt=\"User 2\" className=\"user-icon\" style={{width:35}} />\r\n</div>\r\n<div className=\"testimonial position-relative\" style={{  right: '24px' }}>\r\n<img src={prof2} alt=\"User 3\" className=\"user-icon\" style={{width:35}} />\r\n</div>\r\n    </div>\r\n    \r\n    <div className=' position-relative font13'>4,000 Learners Enrolled</div>\r\n  </div>\r\n   }\r\n\r\n          </div>\r\n         { }\r\n          {\r\n   \r\n    <div className=\"col-sm-5 d-flex d-sm-block d-none justify-content-center align-items-center\">\r\n            <img src={heroImage} className='' style={{width:'105%',height:\"auto\"}} alt=\"Course\" />\r\n          </div>\r\n  }\r\n  \r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div className=\"row\"></div>\r\n  </div>\r\n  <div className=\"container-fluid d-sm-block d-none px-sm-5 py-3 py-sm-0\" style={{width:\"\"}}>\r\n    <InfoCard data={courseInfoCardData} count={false} gradient={false}/> \r\n  </div>\r\n  <div className=\"d-sm-none px-sm-5 py-3 py-sm-0\" style={{width:\"\"}}>\r\n    <InfoCard data={courseInfoCardData} count={false} gradient={false}/> \r\n  </div>\r\n\r\n</div>\r\n<div className=\"container-sm-fluid\" style={{ backgroundImage: `url(${course_bg})`,\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n        padding: 0,}}>\r\n   <div className=\"container gutter-0 py-sm-5 py-3 px-0 pl-sm-5\"  style={{width:\"83%\", }}>\r\n      <div className=\"row gutter-0 p-0\" >\r\n        <div className=\"col-sm-6 col-md-8  col-lg-7 p-0\">\r\n          <h1 className='left_underline'>About This Course</h1>\r\n          <p className='my-sm-5 my-2 font13 mb-3 mb-sm-0'>Ignite your tech passion with our cutting-edge programs, expertly designed to fuse vital technical and soft skills. Whether you're aiming for a global career or advancing your current path, our academy provides the perfect launchpad. Gain a competitive edge with opportunities for international certifications that elevate your professional profile. Dive into a world of innovation and collaboration, where endless possibilities await.</p>\r\n        </div>\r\n        <div className=\"col-sm-6 p-0 col-md-4 col-lg-5  d-flex justify-content-sm-center mb-sm-5 mb-2 mb-sm-0  justify-content-sm-end align-items-center \">\r\n          <div className=\"\">\r\n          <h1 className='left_underline'>Skills You’ll Gain</h1>\r\n          <ul className='my-sm-5 my-2'>\r\n            <li className='font13'><i class=\"fa-solid fa-circle-check mr-1\" style={{color:'#008F71'}}></i> skills</li>\r\n            <li className='font13'><i class=\"fa-solid fa-circle-check mr-1\" style={{color:'#008F71'}}></i> skills</li>\r\n            <li className='font13'><i class=\"fa-solid fa-circle-check mr-1\" style={{color:'#008F71'}}></i> skills</li>\r\n          </ul>\r\n          </div>\r\n        \r\n       \r\n        </div>\r\n      </div>\r\n      <div className=\"row gutter-0\">\r\n       <div className=\" col-sm-6 col-md-8  mt-3 mt-sm-0 col-lg-7 bg-white mb-4  d-flex flex-column text-black  shadow custom-rounded border border-dark \" style={{position:'relative',zIndex:1}}>\r\n  <div className=\"row \">\r\n    <div className=\"col px-sm-4 py-sm-4 py-1  text-bold border-bottom border-dark \"><h3>Syllabus</h3></div>\r\n  </div>\r\n  <div className=\" py-sm-4 py-3 px-sm-2 justify-content-center h-100\">\r\n    <h4 className='mt-sm-3 mb-1'>Intro to Generative AI</h4>\r\n    <h6 className='text-disable font13 mb-sm-3 mb-2 text-grey'>Learn About the Different Types Of Generative AI!</h6>\r\n  <p className='font13 mb-2 mb-sm-0'>Ignite your tech passion with our cutting-edge programs, expertly designed to fuse vital technical and soft skills. Whether you're aiming for a global career or advancing your current path, our academy provides the perfect launchpad. Gain a competitive edge with opportunities for international certifications that elevate your professional profile. Dive into a world of innovation and collaboration, where endless possibilities </p>\r\n  <br className='d-none d-sm-block '/>\r\n  <p className='font13 mb-2 mb-sm-0'>Ignite your tech passion with our cutting-edge programs, expertly designed to fuse vital technical and soft skills. Whether you're aiming for a global career or advancing your current path, our academy provides the perfect launchpad. Gain a competitive edge with opportunities for international certifications that elevate your professional profile. Dive into a world of innovation and collaboration, where endless possibilities </p>\r\n  <br className='d-none d-sm-block'/>\r\n\r\n  <p className='font13'>Ignite your tech passion with our cutting-edge programs, expertly designed to fuse vital technical and soft skills. Whether you're aiming for a global career or advancing your current path, our academy provides the perfect launchpad. Gain a competitive edge with opportunities for international certifications that elevate your professional profile. Dive into a world of innovation and collaboration, where endless possibilities </p>\r\n  </div>\r\n</div>\r\n        <div className=\"col-sm-6 p-0 pt-2 pt-sm-0 col-md-4 col-lg-5 d-flex justify-content-sm-end align-items-center\">\r\n          <div className=\"coursegradientCircle\"></div>\r\n          <img src={shopify_coins} className='' style={{height:\"auto\",width:\"80%\",marginLeft:'30px',position:\"relative\",zIndex:3}} alt=\"\" srcset=\"\" />\r\n\r\n          <div className=\"coursegradientCircle2\"></div>\r\n        </div>\r\n      </div>\r\n\r\n{/* <div className=\"row justify-content-center mt-sm-1\">\r\n      <button className={`${ready_to_upskill_btn}`}>Enroll Now</button>\r\n</div> */}\r\n    </div>\r\n\r\n</div>\r\n\r\n \r\n      <div className=\"container-flui  pt-5 ladder_box\"\r\n      style={{\r\n        // backgroundImage: `url(${ladder_background})`,\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n        position:'relative',\r\n        // paddingBottom:165\r\n      }}\r\n    >\r\n      <div className=\"w-100\">\r\n\r\n      <div className=\"d-sm-block d-none courseGradientCircleLeft \"></div>\r\n        <h1 className=\"text-center  generic_heading\" style={{ color: '#000000' ,fontSize:43}}> How Do You decide This Course Suits You</h1>\r\n          <div className=\"container d-flex justify-content-center mt-4 \" style={{background:\"\"}}>\r\n            <div className=\"row mx-lg-5 mt-sm-5 mt-n2 justify-content-center bg-primar\">\r\n            <div  className=\"col-sm-3 custom-rounded mb-4 mx-2 d-flex flex-column justify-content-center align-items-center text-center text-black p-3 shadow \">\r\n           <img src={compass1} alt=\"\" />\r\n           <p className=\"line-height-sm font13\">Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n         </div>\r\n         <div  className=\"col-sm-3 custom-rounded mb-4 mx-2 d-flex flex-column justify-content-center align-items-center text-center text-black p-3 shadow \">\r\n           <img src={compass2} alt=\"\" />\r\n           <p className=\"line-height-sm font13\">Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n         </div>\r\n         <div  className=\"col-sm-3 custom-rounded mb-4 mx-2 d-flex flex-column justify-content-center align-items-center text-center text-black p-3 shadow \">\r\n           <img src={compass3} alt=\"\" />\r\n           <p className=\"line-height-sm font13\">Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n         </div>\r\n            </div>\r\n         \r\n\r\n                      </div>\r\n        </div>\r\n<div className=\"d-none d-sm-block\" style={{height:170,}}></div>\r\n\r\n    </div>\r\n      <div className=\"container-fluid bg_green py-4 \">\r\n        <div className=\"container custom-rounded bg-white mx-sm-5\">\r\n          <div className=\"row py-3 rounded-5 px-sm-5 px-2 align-items-center\" >\r\n            <div className=\"col-sm-3 pr-5\">\r\n              <h3>Meet the trainer\r\n              of the course</h3>\r\n             <a href=\"\" className='text-decoration-underline font13'>Meet the full team</a>\r\n            </div>\r\n            <div className=\"col-sm-1\"></div>\r\n            <div className=\"col-sm-8\">\r\n            <div className=\" pb-0\">\r\n            <div className=\" d-flex justify-content-left align-items-center\">\r\n  {/* <span className=\"p-0\" style={{ width: 'fit-content' }}>\r\n    <img\r\n      src={usman}\r\n      alt=\"Online Shopping VR Glasses\"\r\n      className=\"rounded-circle usman\"\r\n    />\r\n  </span> */}\r\n  <div className='d-flex gap-5 align-items-center'>\r\n  <img\r\n      src={usmanProf}\r\n      alt=\"Online Shopping VR Glasses\"\r\n      className=\"rounded-circle usman \"\r\n    />\r\n    <div className=\"ml-sm-2 pl-2 pl-sm-0\">\r\n    <h5 className=\"font-weight-bolder font15\">Muhammad Usman</h5>\r\n    <h6 className=\"text-secondary font13\">Associate SAP Consultant</h6>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n              <p className=\"  mt-3 font13\"> Ignite your tech passion with our cutting-edge programs, expertly designed to fuse vital technical and soft skills. Whether you're aiming for a global career or advancing your current path, our academy provides the perfect launchpad. Gain a competitive edge with opportunities for international certifications that elevate your professional profile. Dive into a world of innovation and collaboration, where endless possibilities await.</p>\r\n            </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div className=\"mb-5 mb-sm-0\">\r\n        <TestimonialSlider />\r\n      </div>\r\n      {/* <Faq data={departmentsFaq}/> */}\r\n      <div className=\"container-fluid pt-4 pt-sm-5 mb-5\"\r\n      style={{\r\n        backgroundImage: `url(${gradeint_background})`,\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n        position:'relative'\r\n      }}\r\n    >\r\n      <div className=\"w-100 py-sm-5\">\r\n        <h1 className=\"text-center  generic_heading\" style={{ color: '#000000' }} > Looking For Something Else?</h1>\r\n          <div className=\" d-flex justify-content-center\">\r\n            <div className=\"row mt-sm-5 justify-content-center bg-primar py-sm-5 py-3\">\r\n\r\n         \r\n<div className=\"col-sm-3 bg-white mb-4 mx-lg-4 mx-sm-2 d-flex flex-column text-black  shadow custom-rounded border border-dark fixed-height\">\r\n  <div className=\"row \">\r\n    <div className=\"col px-3 py-1 text-bold border-bottom border-dark\">Article</div>\r\n  </div>\r\n  <div className=\"d-flex flex-column justify-content-center h-100\">\r\n    <h4>Detective Hallucinations in Generative AI</h4>\r\n    <p className=\"line-height-sm\">We embrace continuous for growth.</p>\r\n  </div>\r\n</div>\r\n<div className=\"col-sm-3 bg-white mb-4 mx-lg-4 mx-sm-2 d-flex flex-column text-black  shadow custom-rounded border border-dark fixed-height\">\r\n  <div className=\"row \">\r\n    <div className=\"col px-3 py-1 text-bold border-bottom border-dark\">Article</div>\r\n  </div>\r\n  <div className=\"d-flex flex-column justify-content-center h-100\">\r\n    <h4>Detective Hallucinations in Generative AI</h4>\r\n    <p className=\"line-height-sm\">We embrace continuous for growth.</p>\r\n  </div>\r\n</div>\r\n<div className=\"col-sm-3 bg-white mb-4 mx-lg-4 mx-sm-2 d-flex flex-column text-black  shadow custom-rounded border border-dark fixed-height\">\r\n  <div className=\"row \">\r\n    <div className=\"col px-3 py-1 text-bold border-bottom border-dark\">Article</div>\r\n  </div>\r\n  <div className=\"d-flex flex-column justify-content-center h-100\">\r\n    <h4>Detective Hallucinations in Generative AI</h4>\r\n    <p className=\"line-height-sm\">We embrace continuous for growth.</p>\r\n  </div>\r\n</div>\r\n\r\n        \r\n            </div>\r\n         \r\n\r\n                      </div>\r\n        </div>\r\n\r\n\r\n    </div>\r\n\r\n\r\n   \r\n      <Footer />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default SingleCourse;\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/CP_Header.5edd18ca.png\";","export default __webpack_public_path__ + \"static/media/frame.b3ddb7d5.png\";","export default __webpack_public_path__ + \"static/media/karachi.0d373eee.png\";","export default __webpack_public_path__ + \"static/media/global.ca3ced68.png\";","export default __webpack_public_path__ + \"static/media/islamabad.928140e3.png\";","export default __webpack_public_path__ + \"static/media/lahore.065624e0.png\";","// import React, { useEffect } from 'react';\r\n// import TopNavbar from '../../components/Nav/TopNavbar';\r\n// import Footer from '../../components/Sections/Footer/Footer';\r\n// import cp_header from '../../assets/CorporateTraining/CP_Header.png';\r\n// import frame from '../../assets/CorporateTraining/frame.png';\r\n// import karachi from '../../assets/CorporateTraining/karachi.png';\r\n// import global from '../../assets/CorporateTraining/global.png';\r\n// import islamabad from '../../assets/CorporateTraining/islamabad.png';\r\n// import Lahore from '../../assets/CorporateTraining/lahore.png';\r\n// import frame2 from '../../assets/CorporateTraining/frame2.png';\r\n\r\n\r\n// import style from \"./CorporateTrainings.module.css\";\r\n\r\n\r\n// export default function CorporateTrainings() {\r\n\r\n//     const { custom_img, bg_purple, section1_banner_container, zain, banner_paragraph, banner_heading, generic_heading_left, generic_heading_center, training_container, training_container_img, future_training_btn, training_container_white, card_style, p_color, gradientCircle, gradientCircleRow, bgF7FDE8, card, gradientCircleLeft, gradientCircleLeftcontainer, rectangle_box, cDateTime, rectangle_boxOne } = style;\r\n\r\n//     const cardsData = [\r\n//         {\r\n//             title: \"Karachi, Pakistan\",\r\n//             imgSrc: karachi,\r\n//             description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n//         },\r\n//         {\r\n//             title: \"Islamabad, Pakistan\",\r\n//             imgSrc: islamabad,\r\n//             description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n//         },\r\n//         {\r\n//             title: \"Lahore, Pakistan\",\r\n//             imgSrc: Lahore,\r\n//             description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n//         },\r\n//         {\r\n//             title: \"Global\",\r\n//             imgSrc: global,\r\n//             description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n//         }\r\n//     ];\r\n\r\n//     return (\r\n//         <>\r\n//             <TopNavbar />\r\n//             <div className={`container-fluid p-0  ${bg_purple}`} style={{\r\n//                 backgroundImage: `url(${frame})`,\r\n//                 backgroundSize: 'cover',\r\n//                 backgroundRepeat: 'no-repeat',\r\n//             }}>\r\n//                 <div className={`row m-auto d-flex${section1_banner_container} ${bg_purple} `}\r\n//                     style={{\r\n//                         backgroundImage: `url(${cp_header})`,\r\n//                         backgroundSize: 'cover',\r\n//                         backgroundRepeat: 'no-repeat',\r\n//                         width: '100%',\r\n//                     }}>\r\n//                     <div className=\"col-12 col-md-12 col-lg-12 p-0 pb-5 pt-5 \"\r\n//                         style={{\r\n//                             backgroundImage: `url(${frame2})`,\r\n//                             backgroundSize: 'cover',\r\n//                             backgroundRepeat: 'no-repeat',\r\n//                         }} >\r\n//                         <div className=\" d-flex flex-column justify-content-center align-items-center text-center px-3 py-5 my-5\"\r\n//                             style={{\r\n//                                 position: \"relative\",\r\n//                                 zIndex: 2,\r\n//                             }}>\r\n//                             <h2 className={`text-white pt-3 ${banner_heading}`}>JOBS</h2>\r\n//                             <div className=\"row justify-content-center\">\r\n//                                 <div className=\"col-lg-12 mt-1\">\r\n//                                     <span className={`${banner_paragraph} text-white my-4`}>Lorem IPSUM Lorem IPSUM Lorem IPSUM</span>\r\n//                                 </div>\r\n//                             </div>\r\n//                         </div>\r\n//                     </div>\r\n//                 </div>\r\n\r\n//                 {/* Second Section with Responsive Adjustments */}\r\n//                 <div className={`row m-auto mt-4 ${section1_banner_container}`}>\r\n//                     <div className=\"col-12 col-md-6 p-0 \">\r\n//                         <div className=\"d-flex flex-column text-start px-5 mx-lg-2 py-5 my-5\" style={{ position: \"relative\", zIndex: 2 }}>\r\n//                             <div className=\"row justify-content-start\">\r\n//                                 <div className=\"col-12\">\r\n//                                     <span className={`${banner_paragraph} my-4 `} style={{ color: \"#160A54\", fontSize: \"32px\" }}>\r\n//                                         10Pearls is an equal opportunity employer committed to maintaining a diverse workplace.\r\n//                                     </span>\r\n//                                 </div>\r\n//                             </div>\r\n//                         </div>\r\n//                     </div>\r\n\r\n//                     <div className=\"col-12 col-md-6 p-0 \">\r\n//                         <div className=\"d-flex flex-column text-start px-5 mx-lg-2 py-5 my-5\" style={{ position: \"relative\", zIndex: 2 }}>\r\n//                             <div className=\"row justify-content-start\">\r\n//                                 <div className=\"col-12\">\r\n//                                     <span className={`${banner_paragraph} my-4`} style={{ color: \"#160A54\", fontSize: \"22px\" }}>\r\n//                                         10Pearls seeks professionals who thrive on new challenges and strive for fun. Our employees have the unique opportunity of not only helping solve challenges for our clients, but also to help define 10Pearls’ growth and direction. Our unique business practices, culture, and immense opportunity for growth help us attract professionals with an entrepreneurial spirit.\r\n//                                     </span>\r\n//                                 </div>\r\n//                             </div>\r\n//                         </div>\r\n//                     </div>\r\n//                 </div>\r\n\r\n//                 <div className=\"container-fluid mt-2 pb-4  pl-lg-4 pr-lg-4\">\r\n//                     <div className=\"row justify-content-center m-0 mt-5 pb-5\">\r\n//                         {cardsData.map((card, index) => (\r\n//                             <div\r\n//                                 className=\"col-12 col-sm-6 col-md-6 col-lg-3 mb-4 d-flex justify-content-center\"\r\n//                                 key={index}\r\n//                             >\r\n//                                 <div className=\"text-center\" style={{ width: '100%', maxWidth: '400px' }}>\r\n//                                     <img\r\n//                                         className={`card-img-top ${custom_img}`}\r\n//                                         src={card.imgSrc}\r\n//                                         alt={`Image of ${card.title}`}\r\n//                                         style={{ width: '100%', height: 'auto' }}\r\n//                                     />\r\n//                                     <h5\r\n//                                         className=\"card-title m-3\"\r\n//                                         style={{\r\n//                                             fontFamily: \"Barlow, sans-serif\",\r\n//                                             fontSize: \"30px\",\r\n//                                             fontWeight: \"400\",\r\n//                                         }}\r\n//                                     >\r\n//                                         {card.title}\r\n//                                     </h5>\r\n//                                     <div\r\n//                                         className=\"card-text\"\r\n//                                         style={{\r\n//                                             color: '#160A54',\r\n//                                             fontFamily: \"Barlow, sans-serif\",\r\n//                                             fontSize: \"26px\",\r\n//                                             fontWeight: \"400\",\r\n//                                             cursor: \"pointer\"\r\n//                                         }}\r\n//                                         onMouseEnter={(e) => e.currentTarget.style.textDecoration = 'underline'}\r\n//                                         onMouseLeave={(e) => e.currentTarget.style.textDecoration = 'none'}\r\n//                                     >\r\n//                                         see open positions\r\n//                                     </div>\r\n//                                 </div>\r\n//                             </div>\r\n//                         ))}\r\n//                     </div>\r\n//                 </div>\r\n\r\n\r\n//             </div>\r\n//             <Footer />\r\n//         </>\r\n//     );\r\n// }\r\n\r\nimport React, { useEffect } from 'react';\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\nimport cp_header from '../../assets/CorporateTraining/CP_Header.png';\r\nimport frame from '../../assets/CorporateTraining/frame.png';\r\nimport karachi from '../../assets/CorporateTraining/karachi.png';\r\nimport global from '../../assets/CorporateTraining/global.png';\r\nimport islamabad from '../../assets/CorporateTraining/islamabad.png';\r\nimport Lahore from '../../assets/CorporateTraining/lahore.png';\r\nimport frame2 from '../../assets/CorporateTraining/frame2.png';\r\n\r\n\r\nimport style from \"./CorporateTrainings.module.css\";\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\n\r\nexport default function Career() {\r\n\r\n    const { custom_img, bg_purple, section1_banner_container, zain, banner_paragraph, banner_heading, generic_heading_left, generic_heading_center, training_container, training_container_img, future_training_btn, training_container_white, card_style, p_color, gradientCircle, gradientCircleRow, bgF7FDE8, card, gradientCircleLeft, gradientCircleLeftcontainer, rectangle_box, cDateTime, rectangle_boxOne } = style;\r\n\r\n    const cardsData = [\r\n        {\r\n            title: \"Karachi, Pakistan\",\r\n            imgSrc: karachi,\r\n            description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n        },\r\n        {\r\n            title: \"Islamabad, Pakistan\",\r\n            imgSrc: islamabad,\r\n            description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n        },\r\n        {\r\n            title: \"Lahore, Pakistan\",\r\n            imgSrc: Lahore,\r\n            description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n        },\r\n        {\r\n            title: \"Global\",\r\n            imgSrc: global,\r\n            description: \"Some quick example text to build on the card title and make up the bulk of the card's content.\"\r\n        }\r\n    ];\r\n    const navigate = useNavigate();\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div className={`container-fluid p-0  ${bg_purple}`} style={{\r\n                backgroundImage: `url(${frame})`,\r\n                backgroundSize: 'cover',\r\n                backgroundRepeat: 'no-repeat',\r\n            }}>\r\n                <div className={`row m-auto d-flex${section1_banner_container} ${bg_purple} `}\r\n                    style={{\r\n                        backgroundImage: `url(${cp_header})`,\r\n                        backgroundSize: 'cover',\r\n                        backgroundRepeat: 'no-repeat',\r\n                        width: '100%',\r\n                        height: '594px'\r\n                    }}>\r\n                    <div className=\"col-12 col-md-12 col-lg-12 p-0\"\r\n                        style={{\r\n                            backgroundImage: `url(${frame2})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                        }} >\r\n                        <div className=\" d-flex flex-column justify-content-center align-items-center h-100\"\r\n                            style={{\r\n                                position: \"relative\",\r\n                                zIndex: 2,\r\n                            }}>\r\n                            <h2 className={`text-white ${banner_heading} `} style={{ fontSize: '80px', lineHeight: '80px' }} >Want A Quick Start</h2>\r\n                            <div className=\"row justify-content-center\">\r\n                                <div className=\"col-lg-12\"\r\n                                style={{\r\n                                    marginTop:\"13px\",\r\n                                }}>\r\n                                    <span className={`${banner_paragraph} text-white my-4`} style={{ fontSize: '40px', lineHeight: '80px' }} >Unlock your potential with\r\n                                    Talent Expertz </span>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row justify-content-center\">\r\n                                <div className=\"col-lg-12\">\r\n                                    <span className={`${banner_paragraph} text-white my-4`} style={{ fontSize: '40px', lineHeight: '80px' }} > Connecting Ambitious Talent with Industry-Leading Companies </span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div className={`row m-auto mt-4 ${section1_banner_container}`}>\r\n                    <div className=\"col-12 col-md-5 p-0 \">\r\n                        <div className=\"d-flex flex-column text-start px-5 mx-lg-2 py-5 my-5\" style={{ position: \"relative\", zIndex: 2 }}>\r\n                            <div className=\"row justify-content-start\">\r\n                                <div className=\"col-12\">\r\n                                    <span className={`${banner_paragraph} my-4 `} style={{ color: \"#160A54\", fontSize: \"35px\" }}>\r\n                                    Talent Expertz is an equal opportunity employer committed to cultivating a diverse and inclusive workplace.\r\n                                    </span>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-1\"></div>\r\n                    <div className=\"col-12 col-md-5 p-0 \">\r\n                        <div className=\"d-flex flex-column text-start    py-5 my-5\" style={{ position: \"relative\", zIndex: 2 }}>\r\n                            <div className=\"row justify-content-start\">\r\n                                <div className=\"col-12\">\r\n                                    <span className={`${banner_paragraph} my-4`} style={{ color: \"#160A54\", fontSize: \"24.5px\" , PaddingRight: \"10px\" }}>\r\n                                       Talent Expertz values individuals who embrace new challenges and bring energy and enthusiasm to their work. We offer our team the unique opportunity to drive meaningful change—not only for our clients but also within our own organization. Our inclusive culture and flexible approach empower each person to contribute to our shared growth and success.\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"container-fluid mt-2 pb-4  pl-lg-4 pr-lg-4\">\r\n                    <div className=\"row justify-content-center m-0 mt-5 pb-5\">\r\n                        {cardsData.map((card, index) => (\r\n                            <div\r\n                                className=\"col-12 col-sm-6 col-md-6 col-lg-3 mb-4 d-flex justify-content-center\"\r\n                                key={index}\r\n                            >\r\n                                <div className=\"text-center\" style={{ width: '100%', maxWidth: '400px' }}>\r\n                                    <img\r\n                                        className={`card-img-top ${custom_img}`}\r\n                                        src={card.imgSrc}\r\n                                        alt={`Image of ${card.title}`}\r\n                                        style={{ width: '100%', height: 'auto' }}\r\n                                    />\r\n                                    <h5\r\n                                        className=\"card-title m-3\"\r\n                                        style={{\r\n                                            fontFamily: \"Barlow, sans-serif\",\r\n                                            fontSize: \"25px\",\r\n                                            fontWeight: \"400\",\r\n                                        }}\r\n                                    >\r\n                                        {card.title}\r\n                                    </h5>\r\n                                    <div\r\n                                        className=\"card-text\"\r\n                                        style={{\r\n                                            color: '#160A54',\r\n                                            fontFamily: \"Barlow, sans-serif\",\r\n                                            fontSize: \"23px\",\r\n                                            fontWeight: \"400\",\r\n                                            cursor: \"pointer\"\r\n                                        }}\r\n                                        onClick={() => navigate('/jobs')} \r\n                                        onMouseEnter={(e) => e.currentTarget.style.textDecoration = 'underline'}\r\n                                        onMouseLeave={(e) => e.currentTarget.style.textDecoration = 'none'}\r\n                                    > see open positions\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </div>\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/ligh_bulb.ab40aaa6.png\";","export default __webpack_public_path__ + \"static/media/Rectangle1.4e135409.png\";","export default __webpack_public_path__ + \"static/media/Rectangle2.e57e88c3.png\";","export default __webpack_public_path__ + \"static/media/Rectangle3.60dfbcd8.png\";","export default __webpack_public_path__ + \"static/media/image 28.8e697fa6.png\";","export default __webpack_public_path__ + \"static/media/image 29.52de376a.png\";","export default __webpack_public_path__ + \"static/media/image 30.57b2e72d.png\";","import React from 'react'\r\nimport TopNavbar from '../../components/Nav/TopNavbar'\r\nimport Footer from '../../components/Sections/Footer/Footer'\r\nimport ligh_bulb from '../../assets/CorporateTrainingSingle/ligh_bulb.png'\r\nimport style from \"./style.module.css\"\r\nimport rectangle1 from '../../assets/CorporateTrainingSingle/Rectangle1.png'\r\nimport rectangle2 from '../../assets/CorporateTrainingSingle/Rectangle2.png'\r\nimport rectangle3 from '../../assets/CorporateTrainingSingle/Rectangle3.png'\r\nimport image28 from '../../assets/CorporateTrainingSingle/image 28.png'\r\nimport image29 from '../../assets/CorporateTrainingSingle/image 29.png'\r\nimport image30 from '../../assets/CorporateTrainingSingle/image 30.png'\r\n\r\n\r\nexport default function CorporateTrainingSingle() {\r\n    const cardsData = [\r\n        {\r\n            imgSrc: rectangle1,\r\n            title: \"Course Overview\",\r\n            description: \"There are skills new managers can develop to survive and move ahead. Social astuteness, networking, interpersonal influence and true sincerity can help professionals achieve their goals.\"\r\n        },\r\n        {\r\n            imgSrc: rectangle2,\r\n            title: \"Course Overview\",\r\n            description: \"There are skills new managers can develop to survive and move ahead. Social astuteness, networking, interpersonal influence and true sincerity can help professionals achieve their goals.\"\r\n        },\r\n        {\r\n            imgSrc: rectangle3,\r\n            title: \"Course Overview\",\r\n            description: \"There are skills new managers can develop to survive and move ahead. Social astuteness, networking, interpersonal influence and true sincerity can help professionals achieve their goals.\"\r\n        }\r\n    ];\r\n    const cardsCourseData = [\r\n        {\r\n            imgSrc: image28,\r\n            title: \"Who Should Attend\",\r\n            description: \"There are skills new managers can develop to survive and move ahead. Social astuteness, networking, interpersonal influence and true sincerity can help professionals achieve their goals.\"\r\n        },\r\n        {\r\n            imgSrc: image29,\r\n            title: \"Who Should Attend\",\r\n            description: \"There are skills new managers can develop to survive and move ahead. Social astuteness, networking, interpersonal influence and true sincerity can help professionals achieve their goals.\"\r\n        },\r\n        {\r\n            imgSrc: image30,\r\n            title: \"Who Should Attend\",\r\n            description: \"There are skills new managers can develop to survive and move ahead. Social astuteness, networking, interpersonal influence and true sincerity can help professionals achieve their goals.\"\r\n        },\r\n\r\n    ];\r\n    const { p_color, generic_heading_left, course_you_bg, generic_heading_left_white, course_house_bg, generic_heading_left_One } = style;\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div className=\"container-fluid px-0 px-md-4 mb-5\">\r\n                <div className=\"row px-4\">\r\n                    <div className=\"col-12 col-md-6 d-flex flex-column justify-content-center align-items-left text-center text-md-left\">\r\n                        <h1 className='my-3'>Management Skills for New Managers</h1>\r\n                        <p className={`${p_color}`}>Enhance your organisations competitive advantage by driving informed decisions, leading with confidence and influence while understanding challenges.</p>\r\n                        <div><button className='slider_btn'>AshreiTech Academy</button></div>\r\n                    </div>\r\n                    <div className=\"col-12 col-md-6 d-flex justify-content-center justify-content-md-end  align-items-center\">\r\n                        <img src={ligh_bulb} alt=\"\" style={{ width: '80%', height: 'auto' }} />\r\n                    </div>\r\n                </div>\r\n                <div className=\"row mt-3 mb-5 px-4\">\r\n                    <div className=\"col-12\">\r\n                        <h1 className={`${generic_heading_left} text-center text-md-left`}>Sign Up for Our Management Skills Training Course for br New <br className='d-none d-lg-block'/> Managers</h1>\r\n                        <p className={`${p_color} mt-4 text-center text-md-left`}>Discover the key competencies and skills that enable you to transition from team member <br className='d-none d-lg-block' /> to Manager</p>\r\n                    </div>\r\n                </div>\r\n                <div className=\"row px-4\">\r\n                    {cardsData.map((card, index) => (\r\n                        <div className=\"col-md-4 col-sm-12\" key={index}>\r\n                            <div className=\"card border-0 my-3 my-md-0\">\r\n                                <img src={card.imgSrc} className=\"card-img-top\" alt=\"...\" />\r\n                                <div className=\"p-1\">\r\n                                    <h2 className='text-center text-md-left'>{card.title}</h2>\r\n                                    <p className='text-center text-md-left'>{card.description}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </div>\r\n            <div className={`${course_house_bg} px-1 px-md-4 py-5 `}>\r\n                <div className=\"row px-4 d-flex justify-content-center justify-content-md-end  align-items-center text-center text-md-left\">\r\n                    <div className=\"col-md-9 col-sm-12\">\r\n                        <h1 className={`${generic_heading_left_white} pb-4 `}>Run this course in-house</h1>\r\n                        <p>Informa Connect Academy’s customised training solutions have helped organisations deliver tailored learning in different languages to suit every requirement.</p>\r\n                        <br />\r\n                        <p>Bespoke training designed for your organisation only, combining traditional classroom setting, blended and online learning models</p>\r\n                    </div>\r\n                    <div className=\"col-md-3 col-sm-12 d-flex justify-content-md-end justify-content-center\">\r\n                        <button className='slider_btn'>Customised Training</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className={`${course_you_bg} px-1 px-md-4 py-5`}>\r\n                <div className=\"row px-4 d-flex justify-content-center justify-content-md-end  align-items-center text-center text-md-left\">\r\n                    <div className=\"col-md-12 col-sm-12\">\r\n                        <h1 className={`${generic_heading_left_One} pb-4 `}>Is this course for you?</h1>\r\n                    </div>\r\n                    <div className=\"row mt-4\">\r\n                        {cardsCourseData.map((card, index) => (\r\n                            <div className=\"col-md-4 col-sm-12\" key={index}>\r\n                                <div className=\"card border-0 my-3 my-md-0 d-flex justify-content-center align-items-center\">\r\n                                    <img src={card.imgSrc} className=\"rounded\" alt=\"...\" style={{ width: '100px', height: '100px' }} />\r\n                                    <div className=\"p-1\">\r\n                                        <h2 className='text-center '>{card.title}</h2>\r\n                                        <p className='text-center '>{card.description}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                    <div className=\"col-12 d-flex justify-content-center align-items-center my-4\">\r\n                        <button className='slider_btn '>Book Now</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/AshrieTechBanner.dd6c4d0e.png\";","export default __webpack_public_path__ + \"static/media/AnraizUncle.6a4946a4.png\";","export default __webpack_public_path__ + \"static/media/wave3.2364d74d.png\";","export default __webpack_public_path__ + \"static/media/CardImage2.7e207952.png\";","export default __webpack_public_path__ + \"static/media/CardImage4.052311ba.png\";","export default __webpack_public_path__ + \"static/media/Wave.5b5303b1.png\";","export default __webpack_public_path__ + \"static/media/Wave2.3ae63a49.png\";","export default __webpack_public_path__ + \"static/media/banner1.edc1cb1e.png\";","export default __webpack_public_path__ + \"static/media/chandImage.f51e8714.png\";","export default __webpack_public_path__ + \"static/media/banner.c06a53bd.png\";","export default __webpack_public_path__ + \"static/media/banner2.3d0915e9.png\";","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Bar } from 'react-chartjs-2';\r\nimport style  from './style.module.css'\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  BarElement,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n  DataLabelsPlugin\r\n} from 'chart.js';\r\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\r\n\r\nChartJS.register(\r\n  CategoryScale,\r\n  LinearScale,\r\n  BarElement,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n  ChartDataLabels\r\n);\r\n\r\nconst data = {\r\n  labels: ['January', 'February', 'March', 'April',],\r\n  datasets: [\r\n    {\r\n      label: 'SAP',\r\n      data: [81, 56, 55, 40],\r\n      backgroundColor: 'rgba(244, 165, 45)',\r\n\r\n    },\r\n    {\r\n      label: 'Saleforce',\r\n      data: [ 19, 86, 27, 90],\r\n      backgroundColor: 'rgba(208, 181, 42)',\r\n\r\n    },\r\n    {\r\n      label: 'Tableau',\r\n      data: [ 50, 90, 65, 80], \r\n      backgroundColor: 'rgba(85, 185, 159)',\r\n\r\n    },\r\n  ],\r\n};\r\n\r\n\r\n\r\nexport const Barchart = (props) => {\r\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n  const {bar_container}=style\r\n  const chartRef = useRef(null);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(() => {\r\n      if (chartRef.current) {\r\n        chartRef.current.reset(); \r\n        chartRef.current.update(); \r\n      }\r\n    }, 5000); \r\n\r\n    return () => clearInterval(interval); \r\n  }, []);\r\n\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      setWindowWidth(window.innerWidth);\r\n    };\r\n    window.addEventListener('resize', handleResize);\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    };\r\n  }, []);\r\n\r\n  const options = {\r\n    responsive: true,\r\n    animation: {\r\n      duration: 1500, \r\n    },\r\n    plugins: {\r\n      legend: {\r\n        position: windowWidth <= 600 ? 'top' : 'right',\r\n        align: 'start', \r\n        labels: {\r\n          boxWidth: 30,\r\n          boxHeight: 30,\r\n          padding: windowWidth <= 600 ? 10 : 40,\r\n          generateLabels: function (chart) {\r\n            const original = ChartJS.defaults.plugins.legend.labels.generateLabels;\r\n            const labelsOriginal = original.call(this, chart);\r\n  \r\n            labelsOriginal.forEach(label => {\r\n              label.borderRadius = 10; \r\n            });\r\n  \r\n            return labelsOriginal;\r\n          },\r\n        },\r\n      },\r\n      title: {\r\n        position: windowWidth <= 600 ? 'bottom' : 'left', // Move title to top on mobile\r\n        align: windowWidth <= 600 ? 'center' : 'start', // Center title on mobile\r\n        display: true,\r\n        text: '% of Student that Improved',\r\n        padding: {\r\n          top: windowWidth <= 600 ? 10 : 20, // Adjust padding for mobile view\r\n          right: windowWidth <= 600 ? 0 : 20, \r\n          bottom: windowWidth <= 600 ? 10 : 5, \r\n        },\r\n        font: {\r\n          size: windowWidth <= 600 ? 18 : 37,\r\n          weight: 'normal',\r\n        },\r\n      },\r\n      datalabels: {\r\n        display: true,\r\n        color: '#ffffff',\r\n        anchor: 'end',\r\n        align: 'end',\r\n        formatter: (value) => `${value}%`,\r\n        offset: windowWidth <= 600 ? -35 : -30,\r\n        rotation: windowWidth <= 600 ? -40 : 0,\r\n        font: {\r\n          size: windowWidth <= 600 ? 10 : 14,\r\n          weight: 'bold',\r\n        },\r\n      },\r\n    },\r\n    scales: {\r\n      x: {\r\n        beginAtZero: true,\r\n        grid: {\r\n          display: false,\r\n        },\r\n        border: {\r\n          display: true,\r\n          color: 'red',\r\n        },\r\n        ticks: {\r\n          display: false,\r\n        },\r\n        grid: {\r\n          display: false,\r\n          borderColor: 'rgba(97,102,105,255)', \r\n          borderWidth: 10, \r\n          offset: true,\r\n          position: 'bottom', \r\n        },\r\n        barPercentage: 0.1, \r\n        categoryPercentage: 0.1,\r\n      },\r\n      y: {\r\n        beginAtZero: true,\r\n        grid: {\r\n          display: true,\r\n          borderDash: [10, 5],\r\n          borderColor: 'rgba(0, 0, 0, 0)',\r\n        },\r\n        border: {\r\n          display: false,\r\n        },\r\n      },\r\n    },\r\n    elements: {\r\n      bar: {\r\n        borderRadius: 10,\r\n        barThickness: 10, \r\n        maxBarThickness: 20, \r\n      },\r\n    },\r\n  };\r\n  \r\n  \r\n  \r\n  return (\r\n    <>\r\n      <div className=\"container-fluid \" >\r\n        <div className=\"row justify-content-center\">\r\n          <div  className={` ${bar_container} col-lg-9 positon-relative`}>\r\n            <h1 className={` pr-4 text-muted ${ windowWidth <= 600 ? '':'text-right'}`} >Key</h1>\r\n            <Bar\r\n              data={props?.data}\r\n              options={options}\r\n              ref={chartRef}\r\n              height={\r\n                windowWidth <= 600\r\n                && 350\r\n                  \r\n              }\r\n              width={\r\n                windowWidth <= 600\r\n                  && 390\r\n                  \r\n              }\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/compass5.ca084845.png\";","export default __webpack_public_path__ + \"static/media/compass6.e24fb731.png\";","export default __webpack_public_path__ + \"static/media/compass7.b3bcb04d.png\";","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/barChartbackground.d292716f.png\";","export default __webpack_public_path__ + \"static/media/down_arrow.01c88d48.png\";","import React, { useEffect, useRef, useState } from 'react'\r\nimport Footer from '../../components/Sections/Footer/Footer'\r\nimport TopNavbar from '../../components/Nav/TopNavbar'\r\nimport TestimonialSlider from '../../components/Elements/TestimonialSlider'\r\nimport companyLogo4 from '../../assets/aboutTheCompany/companyLogo4.png';\r\nimport AshrieTechBanner from '../../assets/AshrieTechBanner.png'\r\nimport AnraizUncle from '../../assets/CorporateSocialResponsibilty/AnraizUncle.png';\r\nimport CardImage1 from '../../assets/CorporateSocialResponsibilty/CardImage1.png';\r\nimport CardImage2 from '../../assets/CorporateSocialResponsibilty/CardImage2.png';\r\nimport CardImage3 from '../../assets/CorporateSocialResponsibilty/CardImage3.png';\r\nimport CardImage4 from '../../assets/CorporateSocialResponsibilty/CardImage4.png';\r\nimport wave from '../../assets/CorporateSocialResponsibilty/Wave.png'\r\nimport wave2 from '../../assets/CorporateSocialResponsibilty/Wave2.png'\r\nimport wave3 from '../../assets/CorporateSocialResponsibilty/wave3.png'\r\nimport style from \"./style.module.css\"\r\nimport chandImage from '../../assets/CorporateSocialResponsibilty/chandImage.png'\r\nimport banner from '../../assets/CorporateSocialResponsibilty/banner.png'\r\nimport banner1 from '../../assets/CorporateSocialResponsibilty/banner1.png'\r\nimport banner2 from '../../assets/CorporateSocialResponsibilty/banner2.png'\r\nimport { Barchart } from '../../components/Sections/Barchart/Barchart';\r\nimport offerbg from '../../assets/offerbg.png';\r\nimport compass1 from '../../assets/CorporateSocialResponsibilty/compass1.png'\r\nimport compass2 from '../../assets/CorporateSocialResponsibilty/compass2.png'\r\nimport compass3 from '../../assets/CorporateSocialResponsibilty/compass3.png'\r\nimport compass4 from '../../assets/CorporateSocialResponsibilty/compass4.png'\r\nimport compass5 from '../../assets/CorporateSocialResponsibilty/compass5.png'\r\nimport compass6 from '../../assets/CorporateSocialResponsibilty/compass6.png'\r\nimport compass7 from '../../assets/CorporateSocialResponsibilty/compass7.png'\r\nimport arrow from '../../assets/CorporateSocialResponsibilty/arrow.png'\r\nimport barChartbackground from '../../assets/CorporateSocialResponsibilty/barChartbackground.png'\r\nimport down_arrow from '../../assets/CorporateSocialResponsibilty/down_arrow.png'\r\n\r\nexport default function CorporateSocialResponsibility() {\r\n  const { gradientCircleleft, gradientCircle1, zain, arrow_img, mobile_arrow, gradientCircleFooter, chartgradientCircle } = style\r\n  const { box, generic_heading_left, BookRoom_heading } = style\r\n  const data = {\r\n    labels: ['January', 'February', 'March', 'April',],\r\n    datasets: [\r\n      {\r\n        label: 'SAP',\r\n        data: [81, 56, 55, 40],\r\n        backgroundColor: 'rgba(244, 165, 45)',\r\n\r\n      },\r\n      {\r\n        label: 'Saleforce',\r\n        data: [19, 86, 27, 90],\r\n        backgroundColor: 'rgba(208, 181, 42)',\r\n\r\n      },\r\n      {\r\n        label: 'Tableau',\r\n        data: [50, 90, 65, 80],\r\n        backgroundColor: 'rgba(85, 185, 159)',\r\n\r\n      },\r\n    ],\r\n  };\r\n  const singleBardata = {\r\n    labels: ['January',],\r\n    datasets: [\r\n      {\r\n        label: 'Leadership Academy',\r\n        data: [81,],\r\n        backgroundColor: 'rgba(244, 165, 45)',\r\n\r\n      },\r\n      {\r\n        label: 'Interveiw Prep',\r\n        data: [19,],\r\n        backgroundColor: 'rgba(208, 181, 42)',\r\n\r\n      },\r\n      {\r\n        label: 'Work Prep',\r\n        data: [50,],\r\n        backgroundColor: 'rgba(85, 185, 159)',\r\n\r\n      },\r\n      {\r\n        label: 'Hiring Summit',\r\n        data: [50,],\r\n        backgroundColor: 'rgba(0,142,112,255)',\r\n\r\n      },\r\n    ],\r\n  };\r\n  const [overlayHeight, setOverlayHeight] = useState(0);\r\n  const imgRef = useRef(null);\r\n  const overlayRef = useRef(null);\r\n\r\n  useEffect(() => {\r\n    const updateOverlayHeight = () => {\r\n      if (imgRef.current) {\r\n        setOverlayHeight(imgRef.current.clientHeight);\r\n      }\r\n    };\r\n    updateOverlayHeight();\r\n    window.addEventListener('resize', updateOverlayHeight);\r\n    return () => {\r\n      window.removeEventListener('resize', updateOverlayHeight);\r\n    };\r\n  }, []);\r\n\r\n\r\n\r\n  return (\r\n    <>\r\n      <TopNavbar />\r\n\r\n      <div\r\n        className=\"container-flui py-lg-4\"\r\n\r\n      >\r\n        <div className=\"row m-auto d-sm-flex d-none position-relative\" style={{ width: '90%' }}>\r\n          <div\r\n            className={`col-12 p-0 containr x-sm-5 zain`}\r\n            ref={imgRef}\r\n            style={{\r\n              backgroundImage: `url(${banner2})`,\r\n              backgroundSize: 'cover',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundPosition: \"center\",\r\n              width: '100%',\r\n              height: 'auto',\r\n              borderRadius: '50px',\r\n            }}\r\n          >\r\n            <div\r\n\r\n              className=\"d-flex flex-column justify-content-center align-items-center py-5 my-5 text-center w-75 m-auto\"\r\n              style={{ position: 'relative', zIndex: 2 }}\r\n            >\r\n              <div className=\"row justify-content-center pt-5 mt-5\">\r\n                <div className=\"col-lg-10\">\r\n                  <h6 className=\"text-white mt-4 mb-1\">\r\n                    “ We had no prior knowledge of IT but after we took admission in AshreiTech we got to learn a lot and both of us secured jobs as soon as we acquired our certifications ”\r\n                  </h6>\r\n                </div>\r\n              </div>\r\n              <div className=\"row justify-content-center\">\r\n                <div className=\"col-lg-10\">\r\n                  <h6 className=\"text-white mt-4 mb-1\">\r\n                    Reena Korejo and Noor Jehan Korejo Salesforce Associates from AshreiTech,\r\n                    now employed at Integration Xperts.\r\n                  </h6>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              ref={overlayRef}\r\n              style={{\r\n                position: 'absolute',\r\n                top: 0,\r\n                left: 0,\r\n                width: '100%',\r\n                height: `${overlayHeight}px`,\r\n                backgroundColor: 'rgba(0, 0, 0, 0.55)',\r\n                zIndex: 1,\r\n                borderRadius: '50px',\r\n              }}\r\n            ></div>\r\n\r\n            <div className=\"pb-5 mb-5\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div className={`row   d-sm-none d-block m-auto postion-relative`} style={{ width: \"90%\" }}>\r\n        <div\r\n          className={`col-12  px-4 py-4 ${zain}`}\r\n          style={{\r\n            backgroundImage: `url(${banner2})`,\r\n            backgroundSize: 'cover',\r\n            backgroundRepeat: 'no-repeat',\r\n            display: \"flex\",\r\n            backgroundPosition: \"center\",\r\n            borderRadius: 10\r\n          }}\r\n        >\r\n          <div className=\"flex-column justify-content-center align-items-center  text-center \" style={{ position: \"relative\", zIndex: 2 }}>\r\n            <h5 className=\"text-white my-1 font12\">“ We had no prior knowledge of IT but after we took admission in AshreiTech we got to learn a lot and both of us secured jobs as soon as we acquired our certifications ”</h5>\r\n\r\n            <h5 className=\"text-white mt-3 font12\">Reena Korejo and Noor Jehan Korejo Salesforce Associates from AshreiTech,\r\n              now employed at Integration Xperts.</h5>\r\n          </div>\r\n          <div className=\"pb-5 mb-5\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        className=\"container-fluid p-0 m-0\"\r\n        style={{ background: \"#FEFFFC\" }}\r\n      >\r\n\r\n        <div className=\"\" style={{\r\n          // backgroundColor: '#F7FDE8',\r\n          backgroundImage: `url(${banner1})`,\r\n          backgroundSize: 'cover',\r\n          backgroundRepeat: 'no-repeat',\r\n          backgroundPosition: 'center',\r\n          position: \"relative\"\r\n        }}>\r\n\r\n          <div className=\"row d-flex justify-content-center align-items-center py-4\">\r\n            <div className=\"col-lg-12 col-md-8 col-sm-12 d-flex flex-column justify-content-center align-items-center text-center  \">\r\n              <h1 className=\"pb-md-4 pb-lg-0 generic_heading mt-lg-2\" style={{ color: '#008F71' }}>LET’S TALK NUMBERS</h1>\r\n              <br />\r\n              <p className=\"col-lg-8 col-md-12 pt-md-2 mt-md-4 p-0  mt-lg-2\" style={{ color: 'black' }}>Our tech tier bundles are curated with simple to complex meetings and events in mind, with multiple levels of in-room equipment and technical support. Work with our team to find the tech tier that’s right for you, or explore our custom offerings.</p>\r\n            </div>\r\n          </div>\r\n          <div className='d-sm-block d-md-none d-lg-none '>\r\n            <div className=\"col-12 d-flex justify-content-center align-items-center p-0 my-md-5 my-3\" style={{ borderRadius: '24px', border: '3px solid #5A8C75', background: \"\" }}>\r\n              <div className=\"col-lg-4 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black p-4\" style={{ borderRadius: '24px' }}>\r\n                <p className=\"line-height-sm\">Projection of Revenue in the IT Outsourcing market (2028)\r\n                </p>\r\n                <h4 className=\"my-2 \" style={{ color: '#5A8C75' }}>US$783.60m (0.15% of the total share)\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div className=\"col-12 d-flex justify-content-center align-items-center p-0 my-5\" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n              <div className=\"col-lg-4 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black py-4\" style={{ borderRadius: '24px' }}>\r\n                <p className=\"line-height-sm\">Pakistan’s contribution (2028)\r\n                  <h4 className=\"my-2 \" style={{ color: '#5A8C75' }}>US$1,523.00m (0.19% of the total share)           </h4>\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div className=\"col-12 d-flex justify-content-center align-items-center p-0 my-5\" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n              <div className=\"col-lg-4 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black py-4\" style={{ borderRadius: '24px' }}>\r\n                <p className=\"line-height-sm\">Projection of Revenue in the IT Outsourcing market (2028)\r\n                </p>\r\n                <h4 className=\"my-2 \" style={{ color: '#5A8C75' }}>US$783.60m (0.15% of the total share)\r\n                </h4>\r\n\r\n              </div>\r\n            </div>\r\n            <div className=\"col-12 d-flex justify-content-center align-items-center p-0 my-4\" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n              <div className=\"col-lg-4 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black py-4\" style={{ borderRadius: '24px' }}>\r\n                <p className=\"line-height-sm\">Pakistan’s contribution (2028)\r\n                </p>\r\n                <h4 className=\"my-2 \" style={{ color: '#5A8C75' }}>US$1,523.00m (0.19% of the total share)                           </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"row  px-5 justify-content-center align-items-center py-4 d-none d-md-flex d-lg-flex\">\r\n            <div className=\"col-lg-5 p-5 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black p-4 \" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n\r\n              <p className=\"line-height-sm w-75 pt-4\">Projection of Revenue in the IT Outsourcing market (2024)</p>\r\n              <h4 className=\"my-2 pb-4\" style={{ color: '#5A8C75' }}>US$512.50bn</h4>\r\n            </div>\r\n            <div className=\"col-lg-5 p-5 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black p-4 ml-lg-5 mt-5 mt-lg-0\" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n              <p className=\"line-height-sm pt-4 w-75\">Projection of Revenue in the IT Outsourcing market (2024)</p>\r\n              <h4 className=\"my-2 pb-4\" style={{ color: '#5A8C75' }}>US$512.50bn</h4>\r\n            </div>\r\n          </div>\r\n          <div className='d-none d-lg-block' style={{\r\n            width: '10px',\r\n            height: '10px',\r\n            backgroundColor: '#525FE1',\r\n            borderRadius: '50%',\r\n            marginLeft: '100px',\r\n            position: 'relative',\r\n\r\n          }}>\r\n            <div\r\n              className='d-none d-lg-block' style={{\r\n                width: '15px',\r\n                height: '15px',\r\n                backgroundColor: '#FFCF59',\r\n                borderRadius: '50%',\r\n                border: '1px solid white',\r\n                top: '-40px',\r\n                left: '-50px',\r\n                position: 'absolute'\r\n\r\n              }}>\r\n\r\n            </div>\r\n          </div>\r\n          <div className=\"row px-5  justify-content-center align-items-center  pb-4 d-none d-md-flex d-lg-flex\">\r\n            <div className=\"col-lg-5 mt-4 mt-lg-0 p-5 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black p-4\" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n              <p className=\"line-height-sm pt-4 w-75\">Projection of Revenue in the IT Outsourcing market (2028)</p>\r\n              <h4 className=\"my-2  pb-4\" style={{ color: '#5A8C75' }}>US$783.60m (0.15% of the total share)</h4>\r\n            </div>\r\n            <div className=\"col-lg-5 p-5 col-md-4 col-sm-12  d-flex flex-column justify-content-center align-items-center text-center text-black p-4 ml-lg-5 mt-5 mt-lg-0\" style={{ borderRadius: '24px', border: '3px solid #5A8C75' }}>\r\n              {/* <div className=\"co-lg-9\"> */}\r\n              <p className=\"line-height-sm pt-3 w-75\">Pakistan’s contribution (2028)</p>\r\n              <h4 className=\"my-2 pb-4 text-center\" style={{ color: '#5A8C75' }}>US$1,523.00m (0.19% of the total share)</h4>\r\n\r\n              {/* </div> */}\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n        {/* <div className=\"d-none d-sm-block\" style={{marginTop:140,width:\"100%\",position:\"relative\"}}>\r\n       </div> */}\r\n        <div\r\n          className=\"container-flud\"\r\n        >\r\n          <div className=\"containe px-3 py-2 position-relative\">\r\n            {/* <div className={`${gradientCircle1}  d-none d-lg-block`}></div> */}\r\n\r\n            <h1 className='text-center w-75 m-auto'>That’s not low – that is embarrassingly low. <span style={{ color: '#008F71' }}> But there’s a hope!</span> </h1>\r\n            {/* <div className=\"row  mb-sm-5 mb-3  d-flex justify-content-center align-items-center\">\r\n                        <div className=\"col-lg-5 col-md-6 col-sm-12 py-2\">\r\n                                <img src={AshrieTechBanner} alt=\"\"  className='container-fluid p-0 py-md-4 pr-md-5'/>\r\n                        </div>\r\n                        <div className=\"col-lg-7 col-md-6 col-sm-12 pb-md-4 pb-lg-0 text-center text-lg-left \">\r\n                            <h1>This is where AshreiTech Academy comes in!</h1>\r\n                            <p className=\"mt-md-3\">With a laser-sharp focus of developing workforce for future technologies and catering to <br />\r\n                            the global IT outsourcing market, we are on a mission to take this share from 0.15% to at-least 1% by 2030.</p>\r\n                          \r\n                        </div>\r\n                    </div> */}\r\n            <div className=\"container-flui  pt-5 ladderbox\"\r\n\r\n            >\r\n              <div className=\"w-100\"\r\n\r\n\r\n              >\r\n\r\n                <div className=\"d-sm-block d-none courseGradientCircleLeft \"></div>\r\n                <h1 className=\"text-center  mt-sm-3\" style={{ color: '#000000', fontSize: 43 }}> This is where <span style={{ color: '#008F71' }}>  AshreiTech Academy comes in!</span></h1>\r\n                <div className=\"  justify-content-center mt-4 \" style={{ background: \"\" }}>\r\n\r\n\r\n                  <div className=\"row mt-sm-5 mt-n2 d-none d-sm-flex bg-primar justify-content-center\">\r\n\r\n                    <div className=\"col-sm-2  p-0 d-flex flex-column justify-content-center align-items-center \">\r\n                      <img src={compass5} style={{ width: \"100%\" }} alt=\"\" />\r\n\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-2 p-0 mb-4 mx-2 d-flex flex-column justify-content-center align-items-center text-center text-black py-2  \">\r\n                      <img src={arrow} alt=\"\" style={{ width: \"75%\" }} />\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-2  p-0 d-flex flex-column justify-content-center align-items-center \">\r\n                      <img src={compass6} style={{ width: \"100%\" }} alt=\"\" />\r\n\r\n                    </div>\r\n                    <div className=\"col-sm-2 p-0 mb-4 mx-2 d-flex flex-column justify-content-center align-items-center text-center text-black py-2  \">\r\n                      <img src={arrow} alt=\"\" style={{ width: \"75%\" }} />\r\n                    </div>\r\n                    <div className=\"col-sm-2 p-0  d-flex flex-column justify-content-center align-items-center position-relative \" >\r\n                      <img src={compass7} style={{ width: \"100%\" }} alt=\"\" />\r\n                      <img src={down_arrow} style={{ width: \"70%\" }} alt=\"\" className={`${arrow_img}`} />\r\n                    </div>\r\n\r\n                  </div>\r\n\r\n\r\n\r\n                </div>\r\n\r\n                <div className=\"  justify-content-center mt-4 \" style={{ background: \"\" }}>\r\n\r\n\r\n                  <div className=\"row mt-sm-5 mt-n2 d-block d-sm-none bg-primar justify-content-center\">\r\n\r\n                    <div className=\"col-sm-2  p-0 d-flex flex-column justify-content-center align-items-center \">\r\n                      <img src={compass5} style={{ width: \"60%\" }} alt=\"\" />\r\n\r\n                      <p className=\" font18 px-2 mt-n4 text-center\">With a laser-sharp focus of developing\r\n                        workforce for future technologies\r\n                        and catering to the global IT\r\n                        outsourcing market.</p>\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-2 p-0  d-flex flex-column justify-content-center align-items-center text-center text-black py-2  \">\r\n                      <img src={arrow} className={`${mobile_arrow}`} alt=\"\" style={{ width: \"40%\" }} />\r\n                    </div>\r\n\r\n                    <div className=\"col-sm-2  p-0 d-flex flex-column justify-content-center align-items-center \">\r\n                      <img src={compass6} style={{ width: \"60%\" }} alt=\"\" />\r\n                      <p className=\" font18 px-2 mt-n4 text-center\">We are on a mission to take this share\r\n                        from 0.15% to at-least 1% by 2030.</p>\r\n                    </div>\r\n                    <div className=\"col-sm-2 p-0  d-flex flex-column justify-content-center align-items-center text-center text-black py-2  \">\r\n                      <img src={arrow} className={`${mobile_arrow}`} alt=\"\" style={{ width: \"40%\" }} />\r\n                    </div>\r\n                    <div className=\"col-sm-2 p-0  d-flex flex-column justify-content-center align-items-center position-relative \" >\r\n                      <img src={compass7} style={{ width: \"60%\" }} alt=\"\" />\r\n                      <p className=\" font18 px-2 mt-n4 text-center mb-5\">And this can’t be done alone.</p>\r\n                    </div>\r\n                    {/* <div  className=\"col-sm-2 p-0  d-flex flex-column justify-content-center align-items-center position-relative \" >\r\n <img src={down_arrow} style={{width:\"70%\"}} alt =\"\" />\r\n</div> */}\r\n\r\n                  </div>\r\n\r\n\r\n\r\n                </div>\r\n                <div className=\"row d-none d-sm-flex px-5 mt-n5 justify-content-between bg-primar align-items-baseline\">\r\n                  <div className=\"col-sm-3 text-center text-black py-2  \">\r\n\r\n                    <p className=\" font18\">With a laser-sharp focus of developing\r\n                      workforce for future technologies\r\n                      and catering to the global IT\r\n                      outsourcing market.</p>\r\n                  </div>\r\n                  <div className=\"col-sm-3 text-center text-black py-2  \">\r\n                    <p className=\" font18\">We are on a mission to take this share\r\n                      from 0.15% to at-least 1% by 2030.</p>\r\n                  </div>\r\n                  <div className=\"col-sm-3 text-center text-black py-2  \">\r\n                    <p className=\" font18\">And this can’t be done alone.</p>\r\n                  </div>\r\n\r\n                </div>\r\n              </div>\r\n              <div className=\"d-none d-sm-block\" style={{ height: 58, }}></div>\r\n\r\n            </div>\r\n            <br className='d-none d-sm-block' />\r\n\r\n            <h1 className='text-center'>And that’s where <span style={{ color: '#5A8C75' }}>YOU</span>   come in.</h1>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div className=\"mt-sm-4 position-relative\"\r\n        style={{\r\n          // backgroundColor: '#F7FDE8',\r\n          backgroundImage: `url(${barChartbackground})`,\r\n          backgroundSize: 'cover',\r\n          backgroundRepeat: 'no-repeat',\r\n          backgroundPosition: 'center',\r\n          position: \"relative\",\r\n          zIndex: 111\r\n        }}>\r\n        <div className={`${chartgradientCircle} d-none d-lg-block`}></div>\r\n        <div className={`${gradientCircleleft} d-none d-lg-block`}></div>\r\n\r\n        <h1 className='text-center py-sm-5 py-4' style={{ color: '#008F71' }}>Let's Talk Efforts & Impact </h1>\r\n        <Barchart data={singleBardata} />\r\n        <h3 className='text-center py-4'> Trust in their ability to succeed in the technical internship.</h3>\r\n      </div>\r\n      <div className=\"\"\r\n        style={{\r\n          // backgroundColor: '#F7FDE8',\r\n          backgroundImage: `url(${wave3})`,\r\n          backgroundSize: 'cover',\r\n          backgroundRepeat: 'no-repeat',\r\n          backgroundPosition: 'center',\r\n          position: \"relative\",\r\n          zIndex: 111\r\n        }}\r\n      >\r\n        <div className=\"container-fluid px-sm-5 position-relative\">\r\n          <div className={`${gradientCircle1} d-none d-lg-block`}></div>\r\n\r\n          <h1 className=\"text-center py-sm-5 py-4\" style={{ color: '#000000', fontSize: 43 }}>Let's Hear It From <span style={{ color: '#008F71' }}>Our Partners</span></h1>\r\n\r\n          <div className={`${box} container-fluid `}>\r\n            <div className=\"row py-sm-0 py-4 px-sm-3 px-xm-0\">\r\n              {/* <div className={`${gradientCircle1}  d-none d-lg-block`}></div> */}\r\n              <div className=\"col-lg-8 col-md-8 p-0 p-sm-3 col-sm-12 d-flex flex-column justify-content-center text-center text-md-left text-lg-left \">\r\n                <div className=\"\">\r\n                  <h3 className='mb-sm-3' style={{ color: \"#5A8C75\" }}>NASTP</h3>\r\n                  <h1 className={`${generic_heading_left} mt-4`} style={{ color: \"#5A8C75\" }}>\r\n                    Run this course in-house\r\n                  </h1>\r\n                  <div className=\"mt-sm-5 mt-3\">\r\n                    <p>Informa Connect Academy’s customised training solutions have helped organisations deliver tailored learning in different languages to suit every requirement.</p>\r\n                    <br />\r\n                    <p>Bespoke training designed for your organisation only, combining traditional classroom setting, blended and online learning models</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"col-lg-4 col-md-4 py-sm-5 py-3 col-sm-12 d-flex justify-content-center align-items-center\">\r\n                <img\r\n                  className={`${\"Laptop_Image\"}`}\r\n                  style={{ width: \"100%\", height: \"auto\" }}\r\n                  src={AnraizUncle}\r\n                  alt=\"Laptop Image\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* <div\r\n                        className=\"container-fluid mt-4\"\r\n                        style={{\r\n                            backgroundColor: '#5A8C75',\r\n                            backgroundImage: `url(${wave})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            padding: 0,\r\n                        }}\r\n                    >\r\n                        <div className=\"container py-md-5 \">\r\n                            <div className=\"row p-3 p-md-5 d-flex justify-content-center align-items-center\">\r\n                              \r\n                                <div className=\"col-lg-9 col-md-10 col-sm-12 pb-4 pb-lg-0 text-center \">\r\n                                    <h1 className={`text-center mb-3 text-white ${BookRoom_heading}`} id=\"genericBookRoom_heading\">Our approach to build a Tech-able Pakistan</h1>\r\n                                    <br />\r\n                                    <p className=\"mt-md-4 text-center text-white\">Through the rigorous marketing and outreach efforts across Pakistan, we were able to create awareness and generate 10,000 leads. <br />\r\n                                    Within a period of 9 months, over 6000 students were provided free tech mentorship, over 500 students have been trained so far, out of which, over 300 students were sponsored for high-tech courses. By now, over 40 students have been globally certified, and over ___ students have been hired in companies, namely, Interation Xperts, Macpac Films, TMC, SuperNova, and Rewterz.</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div> */}\r\n        {/* <div className=\"container-fluid py-5\"\r\n              // style={{backgroundColor:'#5A8C75', backgroundImage:`url(${CSRbg})`, backgroundRepeat:'no-repeat', backgroundPosition:\" right \" , width:'100%', height:'auto'}} \r\n              >\r\n              <div className=\"container py-5\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-12 text-center\">\r\n                    <h1>Our approach to build a Tech-able Pakistan</h1>\r\n                    <p>Through the rigorous marketing and outreach efforts across Pakistan, we were able to create awareness and generate 10,000 leads. \r\n                    Within a period of 9 months, over 6000 students were provided free tech mentorship, over 500 students have been trained so far, out of which, over 300 students were sponsored for high-tech courses. By now, over 40 students have been globally certified, and over ___ students have been hired in companies, namely, Interation Xperts, Macpac Films, TMC, SuperNova, and Rewterz.</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              </div> */}\r\n        {/* <div    style={{\r\n                backgroundImage: `url(${wave2})`,\r\n                backgroundSize: 'cover',\r\n                backgroundRepeat: 'no-repeat',\r\n                position: 'relative'\r\n              }} className=\"row position-relative \">\r\n              <div className=\"gradientCircleLeft\"></div>\r\n              <div className={`${gradientCircle} d-none d-lg-block`}></div> \r\n              <div className=\"d-none d-sm-block\" style={{marginTop:40,width:\"100%\",position:\"relative\"}}></div>\r\n        \r\n              <Barchart data={data}/>\r\n              <div className=\"d-none d-sm-block\" style={{marginTop:90,width:\"100%\",position:\"relative\"}}></div>\r\n              </div> */}\r\n\r\n\r\n\r\n\r\n        {/* <div className=\"container-fluid mt-5\">\r\n                   <div className=\"row d-flex justify-content-center align-items-center py-sm-4\">\r\n                            <div className=\"col-lg-12 col-md-8 col-sm-12 d-flex flex-column justify-content-center align-items-center text-center \">\r\n                                <h1 className=\" mb-md-3 pb-lg-0\" id=\"generic_heading_BookRoom\">How you can Partner with us</h1>\r\n                            </div>\r\n                        </div>\r\n                   <div className=\"row px-5 justify-content-end\">\r\n                            <div className=\"col-sm-6 col-md-3  px-sm-5 d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                                <img src={CardImage2} alt=\"\" style={{height:\"auto\",width:\"45%\"}}/>\r\n                              \r\n                                <p className=\"line-height-sm mt-2 text-muted\">Support on exisiting\r\n                                state-level intervention\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"col-sm-6 col-md-3   px-sm-5  d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                                <img src={CardImage1} alt=\"\" style={{height:\"auto\",width:\"45%\"}}/>\r\n                                <p className=\"line-height-sm mt-2 text-muted\">Facilitate Career guidance\r\n                                for existing students\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"col-sm-6 col-md-3  px-sm-5  d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                                <img src={CardImage3} alt=\"\" style={{height:\"auto\",width:\"45%\"}}/>\r\n                                <p className=\"line-height-sm mt-2 text-muted\">Sponsor Scholarships and\r\n                                Finance Assistance</p>\r\n                            </div>\r\n                            <div className=\"col-sm-6 col-md-3  px-sm-5  d-flex flex-column align-items-center text-center text-black p-4 \">\r\n                                <img src={CardImage4} alt=\"\" style={{height:\"auto\",width:\"45%\"}} />\r\n                                <p className=\"line-height-sm mt-2 text-muted\">Co-create adolescent \r\n                                expowerment & intervention\r\n        </p>\r\n                            </div>\r\n        \r\n                        </div>\r\n                   </div> */}\r\n        <div className=\"container-flui mt-5 pt-sm-5 ladderbox\"\r\n          style={{\r\n            // backgroundImage: `url(${ladder_background})`,\r\n            backgroundSize: 'cover',\r\n            backgroundRepeat: 'no-repeat',\r\n            position: 'relative',\r\n            // paddingBottom:165\r\n          }}\r\n        >\r\n          <div className=\"w-100\">\r\n\r\n            <div className=\"d-sm-block d-none courseGradientCircleLeft \"></div>\r\n            <h1 className=\"text-center  \" style={{ color: '#008F71', fontSize: 43 }} > Let's Brainstorm Ideas</h1>\r\n            <div className=\"px-sm-5 d-flex justify-content-center mt-4 \" style={{ background: \"\" }}>\r\n              <div className=\"row px-5 mt-sm-5 mt-n2 j justify-content-xl-between justify-content-center bg-primar\">\r\n                <div className=\"col-sm-4 col-lg-2 p-0 m-0 custom-rounded mb-4 mx-2 d-flex flex-column px-2 justify-content-center align-items-center text-center text-black py-2 shadow\"\r\n                  style={{ border: \"1px solid #C07162\", borderRadius: \"10px\", }}>\r\n                  <img src={compass1} style={{ width: \"33%\" }} alt=\"\" />\r\n                  <p className=\"font13 mt-n2\" style={{ lineHeight: \"normal\" }}>Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n                </div>\r\n                <div className=\"col-sm-4 col-lg-2 p-0 m-0 custom-rounded mb-4 mx-2 d-flex flex-column px-2 justify-content-center align-items-center text-center text-black py-2 shadow\"\r\n                  style={{ border: \"1px solid #20D8BB\", borderRadius: \"10px\", }}>\r\n                  <img src={compass2} style={{ width: \"33%\" }} alt=\"\" />\r\n                  <p className=\"font13 mt-n2\" style={{ lineHeight: \"normal\" }}>Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n                </div>\r\n                <div className=\"col-sm-4 col-lg-2 p-0 m-0 custom-rounded mb-4 mx-2 d-flex flex-column px-2 justify-content-center align-items-center text-center text-black py-2 shadow\"\r\n                  style={{ border: \"1px solid #6BD3A3\", borderRadius: \"10px\", }}>\r\n                  <img src={compass3} style={{ width: \"33%\" }} alt=\"\" />\r\n                  <p className=\"font13 mt-n2\" style={{ lineHeight: \"normal\" }}>Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n                </div>\r\n                <div className=\"col-sm-4 col-lg-2 p-0 m-0 custom-rounded mb-4 mx-2 d-flex flex-column px-2 justify-content-center align-items-center text-center text-black py-2 shadow\"\r\n                  style={{ border: \"1px solid #FAD49A\", borderRadius: \"10px\", }}>\r\n                  <img src={compass4} style={{ width: \"33%\" }} alt=\"\" />\r\n                  <p className=\"font13 mt-n2\" style={{ lineHeight: \"normal\" }}>Learn how to use SAP Ariba for managing procurement processes, including supplier management and purchase orders.</p>\r\n                </div>\r\n              </div>\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div className=\"mt-sm-5 position-relative\">\r\n          <h1 className=\"text-center  mt-5\" style={{ color: '#000000', fontSize: 43 }}> Let's Hear It From  <span style={{ color: '#008F71' }}>Our Students</span></h1>\r\n          <div className=\"mt-n3 pb-sm-5\">\r\n            <TestimonialSlider />\r\n            <div className={`${gradientCircleFooter} d-none d-lg-block`}></div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <Footer />\r\n    </>\r\n  )\r\n}\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from 'react';\r\n\r\nexport default function NewComingSoon() {\r\n    const [time, setTime] = useState({\r\n        days: 9,\r\n        hours: 2,\r\n        minutes: 2,\r\n        seconds: 11,\r\n    });\r\n\r\n    useEffect(() => {\r\n        const timer = setInterval(() => {\r\n            let { days, hours, minutes, seconds } = time;\r\n\r\n            if (seconds > 0) {\r\n                seconds--;\r\n            } else {\r\n                if (minutes > 0) {\r\n                    seconds = 59;\r\n                    minutes--;\r\n                } else {\r\n                    if (hours > 0) {\r\n                        minutes = 59;\r\n                        seconds = 59;\r\n                        hours--;\r\n                    } else {\r\n                        if (days > 0) {\r\n                            hours = 23;\r\n                            minutes = 59;\r\n                            seconds = 59;\r\n                            days--;\r\n                        } else {\r\n                            clearInterval(timer);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            setTime({ days, hours, minutes, seconds });\r\n        }, 1000);\r\n\r\n        return () => clearInterval(timer);\r\n    }, [time]);\r\n\r\n    const styles = {\r\n        container: {\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            height: '100vh',\r\n            width: '100%',\r\n            overflow: 'hidden',\r\n            position: 'relative',\r\n            padding: '20px', // added padding for smaller screens\r\n        },\r\n        image: {\r\n            position: 'absolute',\r\n            height: '100%',\r\n            width: '100%',\r\n            objectFit: 'cover',\r\n            zIndex: '-1',\r\n        },\r\n        overlay: {\r\n            position: 'absolute',\r\n            top: 0,\r\n            height: '100%',\r\n            width: '100%',\r\n            background: '#000',\r\n            zIndex: '-1',\r\n            opacity: 0.2,\r\n        },\r\n        header: {\r\n            fontSize: '50px',\r\n            color: '#fff',\r\n            fontWeight: '600',\r\n            textAlign: 'center',\r\n        },\r\n        p: {\r\n            fontSize: '16px',\r\n            fontWeight: '400',\r\n            color: '#fff',\r\n            maxWidth: '550px',\r\n            textAlign: 'center',\r\n        },\r\n        timeContent: {\r\n            display: 'flex',\r\n            columnGap: '30px',\r\n            alignItems: 'center',\r\n            margin: '2rem',\r\n            border: '1px solid white',\r\n            padding: '2rem 2.5rem',\r\n            borderRadius: '0.5rem',\r\n            background: 'rgba(250, 250, 250, 0.2)',\r\n            flexWrap: 'wrap', // added flex wrap for smaller screens\r\n            justifyContent: 'center', // center items for smaller screens\r\n        },\r\n        time: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            flexDirection: 'column',\r\n        },\r\n        number: {\r\n            fontWeight: '800',\r\n            fontSize: '80px',\r\n            lineHeight: 1,\r\n            color: '#eee',\r\n            '@media (max-width: 768px)': {\r\n                fontSize: '60px', // reduced font size for smaller screens\r\n            },\r\n        },\r\n        text: {\r\n            textTransform: 'capitalize',\r\n            color: '#fff',\r\n            fontWeight: '600',\r\n            fontSize: '12px',\r\n        },\r\n        emailContent: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            flexDirection: 'column',\r\n            width: '100%',\r\n        },\r\n        inputBox: {\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            height: '40px',\r\n            maxWidth: '360px',\r\n            width: '100%',\r\n            marginTop: '20px',\r\n            columnGap: '20px',\r\n        },\r\n        input: {\r\n            height: '100%',\r\n            outline: 'none',\r\n            border: 'none',\r\n            border: '1px solid #fff',\r\n            borderRadius: '4px',\r\n            backgroundColor: 'rgba(255, 255, 255, 0.2)',\r\n            fontWeight: '400',\r\n            width: '100%',\r\n            padding: '0 15px',\r\n            color: '#fff',\r\n        },\r\n        button: {\r\n            height: '100%',\r\n            cursor: 'pointer',\r\n            backgroundColor: '#eee',\r\n            color: '#0d6a81',\r\n            whiteSpace: 'nowrap',\r\n            padding: '0 20px',\r\n            transition: 'all 0.3s ease',\r\n        },\r\n        buttonHover: {\r\n            backgroundColor: '#fff',\r\n        },\r\n    };\r\n\r\n    return (\r\n        <section style={styles.container}>\r\n            <img\r\n                src=\"https://images.unsplash.com/photo-1625558298116-38f0173a522c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80\"\r\n                alt=\"\"\r\n                style={styles.image}\r\n            />\r\n            <div style={styles.overlay}></div>\r\n            <header style={styles.header} >Page Is Coming Soon</header>\r\n            <p style={styles.p}>\r\n                We are excited to announce that we will be launching soon and can't wait to\r\n                share our new Page with you.\r\n            </p>\r\n            <div style={styles.timeContent}>\r\n                <div style={{ ...styles.time, ...styles.days }}>\r\n                    <span style={styles.number}>{time.days < 10 ? `0${time.days}` : time.days}</span>\r\n                    <span style={styles.text}>days</span>\r\n                </div>\r\n                <div style={{ ...styles.time, ...styles.hours }}>\r\n                    <span style={styles.number}>{time.hours < 10 ? `0${time.hours}` : time.hours}</span>\r\n                    <span style={styles.text}>hours</span>\r\n                </div>\r\n                <div style={{ ...styles.time, ...styles.minutes }}>\r\n                    <span style={styles.number}>{time.minutes < 10 ? `0${time.minutes}` : time.minutes}</span>\r\n                    <span style={styles.text}>minutes</span>\r\n                </div>\r\n                <div style={{ ...styles.time, ...styles.seconds }}>\r\n                    <span style={styles.number}>{time.seconds < 10 ? `0${time.seconds}` : time.seconds}</span>\r\n                    <span style={styles.text}>seconds</span>\r\n                </div>\r\n            </div>\r\n            <div style={styles.emailContent} className='d-none'>\r\n                <p style={styles.p}>Subscribe now to get the latest updates!</p>\r\n                <div style={styles.inputBox}>\r\n                    <input type=\"email\" placeholder=\"Enter your email...\" style={styles.input} />\r\n                    <button\r\n                        style={{ ...styles.button, ':hover': styles.buttonHover }}\r\n                    >\r\n                        Notify Me\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/chart.622b6ab2.png\";","import React from 'react'\r\nimport chart from '../../../assets/chart.png';\r\n\r\n\r\nexport default function Chart() {\r\n    const styles = {\r\n        image: {\r\n            position: 'absolute',\r\n            height: '100%',\r\n            width: '100%',\r\n            objectFit: 'contain',\r\n            zIndex: '-1',\r\n        },\r\n    }\r\n  return (\r\n    <>\r\n    <img\r\n            src={chart}\r\n            alt=\"\"\r\n            style={styles.image}\r\n        />\r\n    </>\r\n  )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/wave.ae2ba4b1.png\";","export default __webpack_public_path__ + \"static/media/cardimage1.a9d2119a.png\";","export default __webpack_public_path__ + \"static/media/cardimage2.653db0a7.png\";","export default __webpack_public_path__ + \"static/media/cardimage3.1b8e228d.png\";","export default __webpack_public_path__ + \"static/media/cardimage4.e248f5cd.png\";","export default __webpack_public_path__ + \"static/media/cardimage5.2fac6525.png\";","export default __webpack_public_path__ + \"static/media/cardimage6.44d4b8d8.png\";","export default __webpack_public_path__ + \"static/media/cardimage7.60504c5b.png\";","export default __webpack_public_path__ + \"static/media/cardimage8.6bbcc57d.png\";","import React from \"react\";\r\nimport TopNavbar from \"../../components/Nav/TopNavbar\";\r\nimport CardImage2 from \"../../assets/CorporateSocialResponsibilty/CardImage2.png\";\r\nimport styled from \"styled-components\";\r\nimport style  from './style.module.css'\r\nimport wave from '../../assets/findTechTalent/wave.png'\r\nimport cardimage1 from '../../assets/findTechTalent/cardimage1.png'\r\nimport cardimage2 from '../../assets/findTechTalent/cardimage2.png'\r\nimport cardimage3 from '../../assets/findTechTalent/cardimage3.png'\r\nimport cardimage4 from '../../assets/findTechTalent/cardimage4.png'\r\nimport cardimage5 from '../../assets/findTechTalent/cardimage5.png'\r\nimport cardimage6 from '../../assets/findTechTalent/cardimage6.png'\r\nimport cardimage7 from '../../assets/findTechTalent/cardimage7.png'\r\nimport cardimage8 from '../../assets/findTechTalent/cardimage8.png'\r\nimport Footer from \"../../components/Sections/Footer/Footer\";\r\n\r\nconst FindTechTalent = () => {\r\n  const {gradientCircle,gradientCircleLeft}=style\r\n  const card=[\r\n    {\r\n      name:'Talha Haris',\r\n      img:cardimage1,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    \r\n    {\r\n      name:'Ayesha Khan',\r\n      img:cardimage7,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    {\r\n      name:'Kamran khan',\r\n      img:cardimage2,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    {\r\n      name:'Rubab khan',\r\n      img:cardimage8,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    {\r\n      name:'Rashid khan',\r\n      img:cardimage3,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    {\r\n      name:'Arshad khan',\r\n      img:cardimage4,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    {\r\n      name:'Ali khan',\r\n      img:cardimage5,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n    {\r\n      name:'Affan khan',\r\n      img:cardimage6,\r\n      discription:'SAP Ariba Certified Professional ERP Consultant',\r\n      rating:'5/4.5'\r\n    },\r\n\r\n    \r\n  ]\r\n  return (\r\n    <>\r\n      <TopNavbar />\r\n      <div className=\"container-fluid px-sm-5\"\r\n         style={{\r\n          backgroundImage: `url(${wave})`,\r\n          backgroundSize: 'cover',\r\n          backgroundRepeat: 'no-repeat',\r\n          position:'relative'\r\n      }}\r\n      >\r\n      <div className={`${gradientCircle}  d-none d-lg-block`}></div>\r\n      \r\n      <div className=\"\">\r\n  <ul className=\"d-sm-flex flex-wrap list-unstyled\">\r\n    <li className=\"mr-3\">SAP</li>\r\n    <li className=\"mr-3\">Salesforce</li>\r\n    <li className=\"mr-3\">Cybersecurity</li>\r\n    <li className=\"mr-3\">Data & Programming</li>\r\n    <li className=\"mr-3\">Microsoft Azure (Cloud)</li>\r\n    <li className=\"mr-3\">Artificial Intelligence</li>\r\n  </ul>\r\n</div>\r\n\r\n\r\n        <div className=\"row mt-sm-5 mt-3\">\r\n          <div className=\"col-lg-5\">\r\n            <h1 style={{color:'#008F71'}}>CONNECT WITH THE BRIGHTEST IN TECH</h1>\r\n          </div>\r\n        </div>\r\n        {/* <p>\r\n          We are the partner for talent in finding the right work and help\r\n          talent secure meaningful roles and develop relevant skills.\r\n        </p> */}\r\n        <div className=\"container py-sm-5 position-relatie\">\r\n\r\n          <div className=\"row\">\r\n             {\r\n               card?.map(({name,discription,img,rating})=>{\r\n                 return <>\r\n                <div className=\"col-sm-6 col-md-4  col-lg-3  d-flex flex-column align-items-center text-center text-black p-3\">\r\n                 <div\r\n                className=\"card d-flex flex-column align-items-center justify-content-center pt-4 \" \r\n                style={{\r\n                  border: \"2px solid rgb(109 109 109 / 68%)\", \r\n                  borderRadius: \"10px\", \r\n                  width: \"100%\",\r\n             \r\n                  height: \"100%\", \r\n                }}\r\n              >\r\n                <img\r\n                  src={img}\r\n                  alt=\"\"\r\n                  style={{ height: \"auto\", width: \"45%\" }}\r\n                />\r\n                <h4 className=\"my-2\">{name}</h4>\r\n                <p className=\"  text-muted font12 px-5\">\r\n                {discription}\r\n                </p>\r\n                <p className=\"mt-2 mr-1\"><i class=\"fa-solid fa-star\" style={{color:\"#008F71\",fontSize:20}}></i>  {rating} </p>\r\n                < WrapperForP>\r\n                <div className=\"pclass p-1 text-center my-5 \">\r\n                  <p className=\"font14 px-2\">View Resume</p>\r\n                  </div>\r\n                </WrapperForP>\r\n              </div>\r\n            </div>\r\n                </>\r\n              })\r\n             }\r\n          </div>\r\n      <div className={`${gradientCircleLeft}  d-none d-lg-block`}></div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n      <Footer/>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FindTechTalent;\r\n\r\nconst WrapperForP = styled.div`\r\n  .pclass{\r\n    background-color: #008F71;\r\n    color: #ffffff;\r\n    border-radius:4px;\r\n    font-size:12px;\r\n    padding: 0 15px;\r\n  }\r\n  .pclass:hover {\r\n    background-color: #008F71;\r\n    color: #fff;\r\n    cursor:pointer;\r\n  }\r\n`;","export default __webpack_public_path__ + \"static/media/frame.c4338d0f.png\";","export default __webpack_public_path__ + \"static/media/bg1.35153d5c.png\";","export default __webpack_public_path__ + \"static/media/blogTest.a7d7d1c0.png\";","import React from 'react';\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\nimport frame from \"../../assets/blog/frame.png\";\r\nimport bg1 from \"../../assets/blog/bg1.png\";\r\nimport style from \"./Blog.module.css\";\r\nimport blogTest from \"../../assets/blog/blogTest.png\";\r\n\r\n// PostCard component\r\nconst PostCard = ({ image, category, title, authorImage, authorName, date }) => {\r\n    return (\r\n        <div className=\"col-12 col-md-4 pl-sm-4 pr-0 mb-4 p-0 d-flex justify-content-center \">\r\n            <div style={{\r\n\r\n                backgroundColor: 'white',\r\n                borderRadius: '10px',\r\n                // border: '1px solid #6c63ff', // Border applied for a consistent look\r\n                boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',\r\n                overflow: 'hidden',\r\n                transition: 'transform 0.3s ease-in-out',\r\n                padding: '15px', // Increased padding within the card\r\n                width: '330px',\r\n\r\n                // maxWidth: 350px',\r\n                // margin: '0 auto',\r\n            }}\r\n            >\r\n                <img alt={title} src={image} className=\"card-fluids m-0 \" />\r\n                <div style={{ padding: '6px' }}>\r\n                    <div className=\"p-1\"\r\n                        style={{\r\n                            backgroundColor: \"rgba(75, 107, 251, 0.05)\",\r\n                            width: \"65px\",\r\n                            borderRadius: \"5px\"\r\n                        }}\r\n                    >\r\n                        <div\r\n                            style={{\r\n                                // color: '#6c63ff',\r\n                                fontWeight: '500',\r\n                                fontSize: '10px',\r\n                            }}\r\n                        >\r\n                            {category}\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        className='mt-1 mb-2'\r\n                        style={{\r\n                            fontFamily: \"Barlow,sans-serif\",\r\n                            color: '#160A54',\r\n                            fontWeight: '600',\r\n                            fontSize: '18px',\r\n\r\n                        }}\r\n                    >\r\n                        {title}\r\n                    </div>\r\n                    <div\r\n                        style={{\r\n                            display: 'flex',\r\n                            alignItems: 'center',\r\n                            fontSize: '14px',\r\n                            color: '#6c757d',\r\n\r\n                        }}\r\n                    >\r\n                        <img\r\n                            alt={authorName}\r\n                            src={authorImage}\r\n                            height=\"30\"\r\n                            width=\"30\"\r\n                            style={{\r\n                                borderRadius: '50%',\r\n                                marginRight: '10px',\r\n                            }}\r\n                        />\r\n                        <span>{authorName}</span>\r\n                        <span style={{ marginLeft: '10px' }}>{date}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default function Blog() {\r\n    const { bg_purple } = style;\r\n\r\n    // Array of posts\r\n    const posts = [\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        // Other posts...\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n        {\r\n            image: 'https://storage.googleapis.com/a1aa/image/CsTBghS5KHo1CV5gik4RTUohLP0dYRVouiZ8yw2YbC6usu7E.jpg',\r\n            category: 'Technology',\r\n            title: 'The Impact of Technology on the Workplace: How Technology is Changing',\r\n            authorImage: 'https://storage.googleapis.com/a1aa/image/tMGNsl9hJ9YQKhziA224mrXTTmZyRGSt8qtiSFBLJp7vsu7E.jpg',\r\n            authorName: 'Tracey Wilson',\r\n            date: 'August 20, 2022',\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <>\r\n            {/* Main Container */}\r\n            <div\r\n                className={`container-fluid m-0 p-0 ${bg_purple}`}\r\n                style={{\r\n                    backgroundImage: `url(${frame})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    borderRadius: '20px',\r\n                }}\r\n            >\r\n                <TopNavbar />\r\n            </div>\r\n\r\n            {/* Content Area */}\r\n            <div className={`container-fluid m-0 pl-sm-5 pr-sm-5 ${bg_purple}`}>\r\n                {/* Main Image Section */}\r\n                <div className='d-flex justify-content-start'>\r\n                    <div className=\"row pb-sm-5\">\r\n                        <div className=\"position-relative\">\r\n                            <div>\r\n                                <img\r\n                                    src={blogTest}\r\n                                    className=\"m-0 wounded  position-relative pl-sm-5 pr-sm-5\"\r\n                                    alt=\"Secondary background image\"\r\n                                    style={{\r\n                                        zIndex: 1,\r\n                                        width: '100%',\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                            {/* Overlay with Content */}\r\n                            <div\r\n                                className=\"position-absolute bg-white p-3 shadow-sm\"\r\n                                style={{\r\n                                    bottom: '-45px',\r\n                                    left: '142px',\r\n                                    zIndex: 3,\r\n                                    width: '420px',\r\n                                    borderRadius: '10px',\r\n                                }}\r\n                            >\r\n                                <div className='pl-2'>\r\n                                    <div\r\n                                        className=\"tag badge mb-2 \"\r\n                                        style={{\r\n                                            backgroundColor: \"#160A54\",\r\n                                            color: \"white\",\r\n                                            fontSize: \"10px\",\r\n                                            padding: \"5px 8px\",\r\n                                            fontWeight: \"500\"\r\n                                        }}\r\n                                    >\r\n                                        <div>Technology</div>\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n                                <h2 className=\"title h4 mb-2 pl-2\"\r\n                                    style={{ color: \"#160A54\", fontWeight: \"600\" }}>\r\n                                    The Impact of Technology on the Workplace: How Technology is Changing\r\n                                </h2>\r\n                                <div className=\"author pl-2 pb-3 d-flex align-items-center text-muted\">\r\n                                    <img\r\n                                        src=\"https://storage.googleapis.com/a1aa/image/xryAnF7624YfHSMAVVjcEe3bulSrKt2ahTvDhgJ1fAJKzQZnA.jpg\"\r\n                                        className=\"rounded-circle mr-2\"\r\n                                        alt=\"Author's profile picture\"\r\n                                        width=\"25\"\r\n                                        height=\"25\"\r\n                                    />\r\n                                    <span style={{\r\n                                        fontSize: \"11px\",\r\n                                        fontWeight: \"500\",\r\n                                        color: \"97989F\",\r\n                                        fontFamily: \"Barlow,sans-serif\",\r\n                                    }}>Jason Francisco</span>\r\n                                    <span style={{\r\n                                        fontSize: \"11px\",\r\n                                        fontWeight: \"500\",\r\n                                        color: \"97989F\",\r\n                                        fontFamily: \"Barlow,sans-serif\",\r\n                                    }} className=\"ml-2\">August 20, 2022</span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                {/* Latest Posts Section */}\r\n                <div className=\"container-fluid  mt-3\"\r\n                    style={{\r\n                        fontFamily: 'Barlow, sans-serif',\r\n                        fontSize: 'larger',\r\n                    }}\r\n                >\r\n                    <div className='d-flex' style={{ marginLeft: \"105px\" }} >\r\n                        <div className=\"mt-5 pt-5\">\r\n                            <h3 style={{ fontSize: \"19px\", fontFamily: \"Barlow,sans-serif\", fontWeight: \"bold\", color: '#160A54' }} >Latest Post</h3>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                {/* Blog Cards Container */}\r\n                <div className=\"container-fluid mt-4 p-0 \" style={{\r\n                    // marginright: '10px',\r\n                    // marginleft: '10px',\r\n                    // paddingright: '110px',\r\n                    // paddingleft: '110px',\r\n                }}>\r\n                    <div className=\"row\">\r\n                        {posts.map((post, index) => (\r\n                            <PostCard key={index} {...post} />\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                {/* View More Button */}\r\n                <div className=\"text-center pb-5\">\r\n                    <button\r\n                        className=\"btn btn-primary\"\r\n                        style={{\r\n                            padding: '8px 15px',\r\n                            fontSize: '11.5px',\r\n                            fontWeight: \"500\",\r\n                            fontFamily: \"Barlow,sans-serif\",\r\n                            borderRadius: '6px',\r\n                            backgroundColor: 'transparent',\r\n                            color: \"#160A54\",\r\n                            border: \"1px solid #160A54\",\r\n\r\n                        }}\r\n                        onMouseOver={(e) => (e.target.style.backgroundColor = '#5b53e1')}\r\n                        onMouseOut={(e) => (e.target.style.backgroundColor = '#6c63ff')}\r\n                    >\r\n                        View All Post\r\n                    </button>\r\n                </div>\r\n            </div>\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/CP_Header.5edd18ca.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzZjLS1RRHMe/2QMiiqBoUVBSZNQms4KCoKKN+9q0Gmrjtjbt0hato0WLNqJ/gLpS8LEQfOFCEUHQhXJ15fuNiuLr+/PMwHhn5t5znLm/ez/wWahn9OPlcO455xx0uE5T9ID+Q4KQsAa6QY9oMxy5gOiooi30Xtb3FpAQHtBFmKeW7UckhCnkxm3R20gAn5AbJ/5BQuhAbpxHryIhrOJ03Dy9j4RQgdwn9whF4LLMvKaV9DHdp5N0lA7R3fQYWfem6RjtpX/pTVpDX9E79CKdhZkKbXQJRfKODiD/xM/YTX/Q97Q8/Zmf6figz+3Q2nT0magL+QOlchynF3QrapXiMsqUuQtLqpXjRHkNPoclnnLcDMzr0YqUcpz4BA50KcfVwYFLynGyHt4ICirzff0MushCvRw0wB9YAV36wwb4A7X3a17YAH/gNehS5jpgD7o8DBvgD5yDLk/DBvgD16HLZ5gtWkH8gYPQReJq4Ih/yx61K3A8EjQpB4oezEbXii8xBGYiq20CZV5sxBQp/rZoPDnsxBVYZRNYGVNcDxxojSEwBQfk/HuoGNeXL+I8CiMH6sv0DXR4S9fgSOamIOqn9wtF8JJuRxg3jBLwFdHEeQi5UQiag9mMwMzJF/RKnp9vwlwW/af1tBPmIC6HsFsFfqcsKR9gDk4lo5w2wtxqyX8vN1TfELxlkj3fd5gLpgnaDvM6tbpZOwZIHFvesg9x7QAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATESURBVHgBhVRbbBRlFP7mujt769K90MqGFgqUyiLlIqYJ6BpCiEoUfJEYL0uERE2MxgfxDaqJLwhEg+HyAvggGlEhEYQHQ6EhXoJKRIpcNru0UFi2S/cyszM7t9+zS2wqgXiSyT8z/3/O/53vfOdweICl41+tWbdl8atT2r29sZkKauMWxkeM3M2LlQPHPsoM7MfaHP7P0m27Um+u25Hd8MEedr2oMlXTmVarMU2r3V3puXj6Vvaz539N3+vLT/54LbH37aXvKSfXvruiU/H7YeoqilUdFcNGzXLhMHLgBcx8bErnS7uT+wb3Xds82V/492Vj19707Ne9u1e/vBqFsorcaAE9bSFs27odOz/djR9P/QzNBKZPT1BQFxbvIjLXl1rIXsS3Z3admkCWxnedWJ3ZPGdZEgGftxlckUXs2LoNZ078AL9toNsvoJrL4ouDR2BZNpjLYDs2el+Ibflw2WBqItiF8KHNDid1ipwAw9BR03XIPIfs0F94dkkSz8zvQuqRbqx8dCEiihfjFR0cYxDJt52Ks3zDtGa6fAOVFSmnHReQBA4cGBzbhSRySEyNw8Mz+EQRVlWFrWtYlJwDTVPhWnUwcnIcB13Lg6kGOt5oG00ZwXGC7MIlLkzLQd0ym5DrhPLyrQJ+uXKVUlNx7PgROFoRkqkh4BUhCw4csw45yKHvlcgasR6908soSMMCXgmxoEJ8OPArHrQFvPAxLwqFIhQpjBmSCo/JEAuH4PEHIbku/BxlQ09Lq/EET+wuaJDJ0w+LNsu6iXrdhCyJSC7oRUewhbjh0BqNIR6NQPQJ4H2+5uWklGaaLvkFYmKYZ+EaaYcDT3xVVA1j4yWoWg0Cfbd2dCCrV1FxbWSu5zBcNzCcuUQXu6gTfw0AIvHZQOZY6OS9CNwVnCDAI1CFXAO2ocFH0li+ahVU28HU8BSYJLKeBUvRMS+JlmgcssfbDNKwxuoNSiXeNYVrDZiCLCEeCaO9PUibNjySDUn2Ejch2JSWEvchkgihbDDcHB2GScRjIlmgdMPI8fZtnON5HrLsgVfmoOnjMI06xko19O84gGlLnsb8jgT4hupVFUO/n8fFGwxjdbmJiOP45lrNm+f40IV5hyXmQyAUJvIr+OPqbfx59Q4+33cIY1RFIRSFNK0Hsi+CC0MjOPvbEG5UGU4MlbDndB4/ZTVcK+rInC0eaSa9snfTSfnJRMoyLdTKRVhUPft2Dko4CoXzoC/ZgwTKzc7ge/owXCUZtSdIm8QxCVK5bOU2vd8zo9lOketz+4vZUZSKBZiCH0wO0ek4DE8ECMUQmzUXI4FZaFvch5nds2GU86jbFsnCosIx5I8W+id688ux9QPR8w994ooeahHC5fGDygMp0ErqbkGtUkH3wzMQIjRNgdsmXNJXzTCgDpYHtg8+vv8/8+z7zFvvBPWpBxqHXZIGE2Qw0QuaOqhWNLSGFPiDQThUeZE6xKGA+vFKLv/xyPr7DseT37yRDl8K9AujJUgkCdfSQHOROOTBuLtHG0PA0QXUTpUPmwfvLJw8vjncxxqTJL9C36Iq+edYmz+cWjQLi7o6YOXd0uiV6rnM1/n+nX8/NXCv332DTbaNONrL4Iap4UoWzBwhKT3o7D+VjDP9rDJIaAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUmSURBVHgBfVVdbFNlGH7O6flpT9uzrls7tlF22J/ACA7cwA2TbRGCxETGBcQLQyDxAmIimGi8MjAv9MILRWMw0cQSE/8SMzQoEGTU4Q8IhOKGK1vJWtp13U/b064/pz2n5/iVBEJk8H7Jl+87Od9znvd7n/c5FB4Tb64f7pd2C7tEp2UQ5jJMPAU1gVDiGuUf+y553IvdoeXOUf9/sB/DUtfb7JfOTqpf4zWwPAeWZgGDAsvw4BgK2RkNyHLH9hzqGXoi4JHu4U5pjz5sbTQkhmGhahpsNht4lgNF6aAJmIkxwJs46LqO2DnDP/p+aoCwlR8BrDDbdKJ80SToUpnsVY0AlAmbTAFTkThWSy60tq1ATY0AvQJuGBBKLKKjuu+VdwYG7uOY7i8Ov3fohqdTlapYFo4aEcOnRnDl71uYic+jZ0MHrGYB5y/dQC6noM0topoTIFossNWXpc3cPur09ZO+Cg5dmd7q/X6/ectdyVVrg0gO3hqP46/LY7gbnwPHMrg9HUYgGIGuaBi7NYsLIzdhVk3gDZqAmiH14DDJ0PGA4d6hHR9S1pJUklWgSMMfXMDknTBcJhVsZhaL05MITE4iU1IxOTWFpUIRL+94DmqxCI7nQQs5s8UsFH+8dtLHVO6urVnrL4tZsDkDYlFDeOIa9nS78NquXvDmKhSLJSSDfvz6hx+fzSSRy/Ao6TLs1Q5oJQNW1gppU7mvQo5Z+Xy2M6+XIZnqwNcBHBmDLzwLRz6G6qZ2lHWQ1DjwnIrtlIJA+ipinB3R6SgoIY5qay0KShZOj7u/kjbj8tg621wCyvkCtCyLHJVGc4MNY9c1HPvka9hKBXSsrMbPN8OQCdMqE4/NdRZs6OqFKi9CziTBcDYomVyFoETXtjGgiQzE6jqkSzLam9bCqRLh5BKoLiSRSaVwaWoWTdYy1jmBJrcdNQlSpAvnkU3IkBNLsFoEko0bDBgHkw3ThP4ULBY3PI0OREgqrpZ1aIsFsW1rL8LBO1jV3oLLvt+wtrURM9EgFEPCyjUtoOy1EK08BCKzdDx6T3707HgmZGNJxYs60otmMKyIM7+cgarmoYSvoCAncfbcJehLKSjRfzG3mIK9dS1YivREToayKCMTCWM+oIEMPxP6U/R7VnnICyVEF3LIp9Lo7duOM2dP45urE/g9mIRdN7BY1lAvmoguWXx+oAu8uwbydBC8zQ6qisjLKoS86JMZL170v3TKJ3u2aI6nnukCQ3rXMNGg7yTx01ejaOYBW0VrOo2JhQLaPPWkp01IL8RgEElRRQWpbJTs19zrFKYy5eKW4y1bNx6lSVfoJBVN1bFzoAfe5maEgrfB0woU0ttloqHu5loIpIBiwwqYOQalvIK5G7U4cSQ49KD1Lnwc+2h2PCcbZK0UdMzHslCIyI++fgACbSCRWUJOycNKPt9enkF6LkJch0a+oMFk5hEat3nv++M9hhX72XFqYjd45qLZzSJNNJUhunTXN2Ffux3jkQLmSR+vFw1UsTpYUt1sVgNjohAhRf32oH/oEbf5YfTT0Oq5QcpwKv0KXSRmSjyPWBTLcRDn/sEqAehocWLj4D6UXB2o+GVyuiCffXdq5weBbYFHACtxfuILX+vC3rBrq6WT41gHqQ3sDauRJTfTSIqh161BobEbAqlseET2B0bSA0e8nYHHOvbDZvv0qw3HGnvtfZZ6QyoQI0jML4BaEsjvxekjTnhy7xvt3uXOLgv4cBwk4OS2JAo0MbdS6GG7Xy7+A1ToLTa3qTKSAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARBSURBVHgBxVjNbxtFFH8zu3Zt2ip2QYAEIhMQSgChGolWVHDYkAJFILCFONBLoRJnx/TGxfWFL6lt8h+4AsHRrigCkRLvgUNpEHWEQOYArBCtKvERB5rEie15fbOtrTj2fjmO+5Os9e68nf3Ne29+b2YY9IEl4ykBvJHUuTaKiAIZCECIAYMqQ6wyxssNKRdB1s24WbYgIJhfwyUjEdN5OI0MDQRmgH9YEjEXhKAnqRYZyXCazGPQPyyOkN87fynnZcg8CCW4Fi7QXwGDgyWbG5NuXuNODdenDh7jWqg0YEIKgvNwSUUAgpD6//DBbBMgv81wOaEsJVeeqjoZdIXv+tSBdBPYDOwAJOBs/JuFaS+7DlLkUkE59DsEANLIGbKy/Z9hTHmXARpdhBjLxC9852uw+uYbIlTy8xICmqRP50DuycdNsysMS4YRA76S5MCyZB2THFPxC9+b4BNtT6k8kggnXa1JGCXnOb8jbhHsRdyT1NqXINgv+0obXwuB67oDIZrKkkZsLpRhh2HPPk0DQ3vsXxE5/hPwkfVuK+Uhe8bsPKE2Kc4hq66MCO06WgF+z2qHkR0y86IFQwJTodN16Jpx9W/vs38qbCPzl8ZgiOAqdL0aQs9cgdDUH0pbPGvVoKGyOuHUGDpwDaKHrhVhHjyRPLMmSK98SYobSPfO6YzBfhcbk01CkOksYJsgOdivEt2xvkkJyzB8CE6eciSlMViC2wCOGCg8w0BVhc9yaqW1dwKGjyr3yBuBJdiJNZUjaPYt6shBlY5jvQyuYCR2avXhJMCPee/ualXEyFteVpyzVyllko4GiGVHRa/gXkjXE3AVI2bl5blJGBBSp2vqW8KpHVnjCR590c6pjkL7SfMBeH3jEBGK0h0zHjn/gudq0Q+Sp9beBHcts4qZPWW7IEtS0dbTjxrj8GFjYostZicKhoDtEHqfFJ+xM242iDdLmk0qrMPMf6BXj9efhI+bo93GSmBD4VK/xGxCu+wS5DZpLGJjtkmpUvJ07dnZBbnP5R1aCIbCl4OG8rXTtTQRugweJYi8dLaYiVo2n/YXC0YsQh8Ff/XLAom5yitz+V6Nqq+wphmc8/TI8pRx719vA5e7XfsrvBNpL486djOPfvFcQqI9qgBAk3qx2nfIElzp26ZQhep3w+if79nXnj0wHGt5qYuUwvj5w9MMuGtC9gNF6P6r70Jk/cGO56RZmeKJSMdGRNv68j+f/nbxrjceYkTXgAFCaitQjX0FGoUxWhu/RQhzxRPRD7baar06+PuzX807j44tE7MjMGCs7P7Bvt6x+nimFyEF11OXicIRASE56EMOizNM/fzSnOPOyNeh2cTnz58kS1UfBfQJ+hDVRpitNTZmrJT75tT3SZ7ttXDToKmSDUjOIvU964dMYFKboaSDktQg+RBqjY/2oUZLAtBSEkFnn4tYbxQrKdOCgLgBWc2iDYL3SqgAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/frame.d26117a5.png\";","import React, { useEffect } from \"react\";\r\nimport '../../screens/Jobs/jobs.css';\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\nimport cp_header from '../../assets/jobs/CP_Header.png'\r\nimport e1 from '../../assets/jobs/apple.png';\r\nimport e2 from '../../assets/jobs/e2.png';\r\nimport e3 from '../../assets/jobs/e3.png';\r\nimport google from '../../assets/jobs/google.png';\r\nimport intel from '../../assets/jobs/intel.png';\r\nimport apple from '../../assets/jobs/apple.png';\r\nimport frame from '../../assets/jobs/frame.png'\r\nimport frame2 from '../../assets/jobs/frame2.png';\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n\r\nexport default function Jobs() {\r\n    const navigate = useNavigate();\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n\r\n    const jobData = [\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: google,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: apple,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: intel,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: intel,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: google,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: apple,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: intel,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: intel,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: google,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: apple,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: intel,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n        {\r\n            title: 'Software Engineer',\r\n            type: 'FULL-TIME',\r\n            salary: '$60,000 - $80,000',\r\n            company: 'TechCorp',\r\n            logo: intel,\r\n            location: 'Karachi',\r\n            applicants: 30,\r\n            applicantImages: [e1, e2, e3]\r\n        },\r\n    ];\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div className=\"container-fluid p-0 bg_purple\">\r\n                <div className={`row m-auto d-flex section1_banner_container bg_purple `}\r\n                    style={{\r\n                        backgroundImage: `url(${cp_header})`,\r\n                        backgroundSize: 'cover',\r\n                        backgroundRepeat: 'no-repeat',\r\n                        width: '100%',\r\n                    }}>\r\n                    <div className=\"col-12 col-md-12 col-lg-12 p-0 pb-5 pt-5 \"\r\n                        style={{\r\n                            backgroundImage: `url(${frame2})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                        }} >\r\n                        <div className=\" d-flex flex-column justify-content-center align-items-center text-center px-3 py-5 my-5\"\r\n                            style={{\r\n                                position: \"relative\",\r\n                                zIndex: 2,\r\n                            }}>\r\n                            <h2 className={`text-white pt-1 pl-sm-2 banner_heading `}>JOBS</h2>\r\n                            <div className=\"row justify-content-center\">\r\n                                <div className=\"col-lg-12\"\r\n                                    style={{\r\n                                        marginTop: \"13px\",\r\n                                    }}>\r\n                                    <span className={`banner_paragraph text-white my-4`}>LOREM IPSUM LOREM IPSUM LOREM IPSUM</span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div\r\n                    style={{\r\n                        backgroundImage: `url(${frame})`,\r\n                        backgroundSize: 'cover',\r\n                        backgroundRepeat: 'no-repeat',\r\n                        // width: '100%',\r\n                    }}>\r\n                    <div className=\"container-fluid pt-4\"\r\n                        style={{\r\n                            backgroundImage: `url(${frame})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            // width: '100%',\r\n                        }}>\r\n                        <div className=\"pt-5 pl-2 header\" >KARACHI JOB OPENINGS</div>\r\n                        <div className=\"row py-5 pl-2\">\r\n                            {jobData.map((job, index) => (\r\n                                <div key={index} className=\"col-12 col-md-6 col-lg-3 col-xl-3 pb-4\" onClick={() => navigate('/JobListing') }>\r\n                                <div className=\"job-card\">\r\n                                    <h5 className=\"card_title\">{job.title}</h5>\r\n                                    <div className=\"row px-2\">\r\n                                        <span\r\n                                            className={`badge m-1 ${job.type === 'PART-TIME' ? 'part-time-badge' : 'full-time-badge'}`}\r\n                                            style={{\r\n                                                fontSize: '11px',\r\n                                                fontWeight: 600,\r\n                                                fontFamily: '\"Barlow\", sans-serif',\r\n                                            }}\r\n                                        >\r\n                                            {job.type}\r\n                                        </span>\r\n                                        <p className=\"salary pt-1\">Salary: {job.salary}</p>\r\n                                    </div>\r\n                                    <div className=\"d-flex align-items-center py-3\">\r\n                                        <img\r\n                                            alt={job.company}\r\n                                            className=\"company-logo\"\r\n                                            height=\"36\"\r\n                                            src={job.logo}\r\n                                            width=\"40\"\r\n                                        />\r\n                                        <div className=\"ms-2 pl-2\">\r\n                                            <p\r\n                                                className=\"mb-0\"\r\n                                                style={{ fontSize: '14px', fontWeight: '500', fontFamily: 'Barlow, sans-serif' }}\r\n                                            >\r\n                                                {job.company}\r\n                                            </p>\r\n                                            <p\r\n                                                className=\"mb-0 text-muted\"\r\n                                                style={{ fontSize: '13px', fontFamily: 'Barlow, sans-serif' }}\r\n                                            >\r\n                                                <i className=\"fas fa-map-marker-alt\"></i> {job.location}\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"applicants mt-2 d-flex align-items-center\">\r\n                                        {job.applicantImages.map((img, idx) => (\r\n                                            <img key={idx} alt={`Applicant ${idx + 1}`} height=\"20\" src={img} width=\"20\" />\r\n                                        ))}\r\n                                        <span className=\"pl-3 jobsapplicants\">{job.applicants}+ applicants</span>\r\n                                    </div>\r\n                            \r\n                                    <div className=\"d-flex flex-column flex-md-row justify-content-between mt-3\">\r\n                                        <button className=\"btn btn-view-detail mb-2 mb-md-0\">View details</button>\r\n                                        <button\r\n                                            className=\"btn\"\r\n                                            style={{ backgroundColor: '#160A54', color: 'white' }}\r\n                                        >\r\n                                            Apply now\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <Footer />\r\n        </>\r\n    );\r\n\r\n\r\n}\r\n\r\n\r\n","export default __webpack_public_path__ + \"static/media/Candidate.c84fd496.png\";","export default __webpack_public_path__ + \"static/media/Business.0e0a259d.png\";","import React, { useState } from 'react';\r\nimport './contact.css';\r\nimport TopNavbar from '../../components/Nav/TopNavbar';\r\nimport Footer from '../../components/Sections/Footer/Footer';\r\nimport Candidate from '../../assets/WhatWeDo/Candidate.png';\r\nimport Business from '../../assets/WhatWeDo/Business.png';\r\n\r\nexport default function ContactUsForm() {\r\n\r\n    const [formType, setFormType] = useState('business');\r\n\r\n    const toggleForm = (type) => {\r\n        setFormType(type);\r\n    };\r\n\r\n    return (\r\n        <>\r\n           <TopNavbar />\r\n            <div className=\"py-5 py-lg-5\" style={{ backgroundImage: formType == 'candidate' ? `url(${Candidate})` : `url(${Business})`, backgroundColor: \"#D5D0EF\" }} >\r\n\r\n                <div className=\"toggle-box\">\r\n                    <div className=\"toggle-buttons\">\r\n                        <button\r\n                            className={`toggle-button ${formType === 'candidate' ? 'active' : ''} `}\r\n                            onClick={() => toggleForm('candidate')}\r\n                        >\r\n                            Candidate\r\n                        </button>\r\n                        <button\r\n                            className={`toggle-button ${formType === 'business' ? 'active' : ''}`}\r\n                            onClick={() => toggleForm('business')}\r\n                        >\r\n                            Business\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                 {formType === 'candidate' ? <>\r\n                <h1 style ={{ color:'#160A54'}}>Looking for new career opportunities?</h1>\r\n                <h6 style ={{ color:'#160A54'}}>We’re here to guide you every step of the way.</h6></> : <>\r\n                <h1 style ={{ color:'#160A54'}}>Interested in our HR services?</h1>\r\n                <h6 style ={{ color:'#160A54'}}>Let’s talk about how we can meet your business’s unique needs.</h6></> }\r\n                <div className=\"row\">\r\n                <div className='col-3'></div>\r\n\r\n                <div className='col-6' id=\"form-container\">\r\n\r\n                    {formType === 'candidate' && (\r\n                        <div className=\"candidate-form\">\r\n                            <div className=\"form-group\">\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Name\" required />\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Country\" required />\r\n                            </div>\r\n                            <div className=\"form-group\">\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Phone\" required />\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"City\" required />\r\n                            </div>\r\n                            <div className=\"form-group full-width\">\r\n                                <input type=\"email\" className=\"form-input full-width\" placeholder=\"Email I'd\" required />\r\n                            </div>\r\n                            <div className=\"form-group full-width\">\r\n                                <textarea className=\"form-textarea full-width\" placeholder=\"Career Brief...\" required></textarea>\r\n                            </div>\r\n                            <div className=\"form-group center\">\r\n                                <button className=\"upload-button\">Upload Your CV</button>\r\n                            </div>\r\n                            <div className=\"form-group center\">\r\n                                <button className=\"submit-button\">Submit</button>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n\r\n                    {formType === 'business' && (\r\n                        <div className=\"business-form\">\r\n                            <div className=\"form-group\">\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Business Name\" required />\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Industry\" required />\r\n                            </div>\r\n                            <div className=\"form-group\">\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Contact Person\" required />\r\n                                <input type=\"text\" className=\"form-input\" placeholder=\"Phone\" required />\r\n                            </div>\r\n                            <div className=\"form-group full-width\">\r\n                                <input type=\"email\" className=\"form-input full-width\" placeholder=\"Business Email\" required />\r\n                            </div>\r\n                            <div className=\"form-group full-width\">\r\n                                <textarea className=\"form-textarea full-width\" placeholder=\"Project Details\" required></textarea>\r\n                            </div>\r\n                            <div className=\"form-group center\">\r\n                                <button className=\"submit-button\">Submit</button>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n                <div className='col-3'></div>\r\n                </div>\r\n            </div>\r\n            <Footer />\r\n        </>\r\n    );\r\n\r\n}\r\n\r\n","export default __webpack_public_path__ + \"static/media/Wave2.f4c4efb8.f4c4efb8.png\";","export default __webpack_public_path__ + \"static/media/Service_pic1.b56a5fe8.png\";","export default __webpack_public_path__ + \"static/media/Service_pic2.3b6563b1.png\";","export default __webpack_public_path__ + \"static/media/Service_pic3.b339fc58.png\";","export default __webpack_public_path__ + \"static/media/Service_pic4.343fed1b.png\";","export default __webpack_public_path__ + \"static/media/Service_pic5.b8f3960b.png\";","import React from 'react'\r\nimport TopNavbar from '../../components/Nav/TopNavbar'\r\nimport Footer from '../../components/Sections/Footer/Footer'\r\nimport wave from '../../assets/WhatWeDo/wave2.png'\r\nimport greenpattern from '../../assets/WhatWeDo/Wave2.f4c4efb8.png'\r\nimport WeD1 from '../../assets/WhatWeDo/WeD1.png'\r\nimport WeD2 from '../../assets/WhatWeDo/WeD2.png'\r\nimport WeD3 from '../../assets/WhatWeDo/WeD3.png'\r\nimport WeD4 from '../../assets/WhatWeDo/WeD4.png'\r\nimport style from \"./style.module.css\";\r\nimport { useNavigate } from 'react-router-dom';\r\nimport Service_pic1 from '../../assets/Service_pic1.png';\r\nimport Service_pic2 from '../../assets/Service_pic2.png';\r\nimport Service_pic3 from '../../assets/Service_pic3.png';\r\nimport Service_pic4 from '../../assets/Service_pic4.png';\r\nimport Service_pic5 from '../../assets/Service_pic5.png';\r\n\r\nexport default function ServicesDetails() {\r\n    const navigate = useNavigate();\r\n    const handleButtonClick = () => {\r\n        navigate('/CorporateTrainings');\r\n    };\r\n    const { hover_text, image_container, } = style\r\n\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div className=\"container-fluid py-2 px-0\"\r\n                style={{\r\n                    position: 'relative',\r\n                }}\r\n            >\r\n                <div className=\" d-none d-md-block\" style={{\r\n                    backgroundColor: '#D5D0EF',\r\n                    backgroundImage: `url(${greenpattern})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    padding: 0,\r\n                    position: 'absolute',\r\n                    top: 0,\r\n                    left: 0,\r\n                    right: 0,\r\n                    bottom: 0,\r\n                }}></div>\r\n\r\n                <div>\r\n                    <div className=\"row p-3 px-md-5 mx-md-4 d-flex justify-content-center align-items-center\">\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-center text-lg-left\">\r\n                            <h1 style={{ textAlign: \"left\" }} >We Help You Rock Your In-House Events:</h1>\r\n                            <p className=\"mt-3\"> Being located precisely in\r\n                                the center of the city, with high end safety and security, and equipped with all\r\n                                the high-tech amenities, you get everything you need to run a successful in-house training, meetings & networking events. Our experienced staff is well-versed in the latest audiovisual technologies, ensuring smooth operations and\r\n                                technical support throughout your event.\r\n                            </p>\r\n                            <div className='d-flex pt-4 flex-column flex-lg-row'>\r\n                                <div className=\"col-md-6 col-sm-12 pl-0 mb-4 mb-md-0\">\r\n                                    <h5>Convenience and Flexibility</h5>\r\n                                    <p className='pt-2'>With customizable room layouts and amenities, our service offers flexible solutions for\r\n                                        various event formats, ensuring convenience for both organizers and attendees.\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"col-md-6 col-sm-12\">\r\n                                    <h5>Professional Image</h5>\r\n                                    <p className='pt-2'>Hosting your corporate events and trainings in our purpose-built facilities enhances your\r\n                                        professional image and demonstrates your commitment to quality and excellence.</p>\r\n                                </div>\r\n                            </div>\r\n                            {/* <button className=\"slider_btn\" onClick={() => navigate('/BookaRoom')}>Book Your Space</button> */}\r\n                        </div>\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12\">\r\n                            <div className={`${image_container}`}>\r\n                                <img src={Service_pic1} alt=\"\" />\r\n                                <h3 className={`${hover_text}`}>\r\n                                    \"The classroom should be an entrance into the world, not an escape from it.\"<br /> –John Ciardi\r\n                                </h3>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div\r\n                className=\"container-fluid\"\r\n                style={{\r\n                    backgroundColor: '#ffffff',\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    padding: '0px'\r\n                }}\r\n\r\n            >\r\n                <div>\r\n                    <div className=\"row p-3 p-md-5 d-flex justify-content-center align-items-center\">\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12\">\r\n                            <div className={`${image_container}`}>\r\n                                <img src={Service_pic2} alt=\"\" />\r\n                                <h3 className={`${hover_text}`}>\r\n                                    “Things change and unless you’re open to other ideas, you’re going to be totally irrelevant.”\r\n                                    <br />–Tom Whitby\r\n                                </h3>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-lg-left\">\r\n                            <h1 style={{ textAlign: 'left' }} >We Enable You With Tech Education:</h1>\r\n                            <p className=\"mt-3\">Build or enhance your tech career by enrolling in our tech courses and get globally certified. From in-demand areas like cloud computing and cyber security, to coveted platform partner certifications including Microsoft, SAP, Oracle, Salesforce amongst others, we offer a diverse range of courses and training programs tailored to industry demands.</p>\r\n                            <div className='d-flex pt-4 flex-column flex-lg-row'>\r\n                                <div className=\"col-md-6 col-sm-12 pl-0 mb-4 mb-md-0\">\r\n                                    <h5>Technical Prowess</h5>\r\n                                    <p className='pt-2'>Master the in-demand technical skills required for your chosen career path in emerging technologies.</p>\r\n                                </div>\r\n                                <div className=\"col-md-6 col-sm-12\">\r\n                                    <h5>Entrepreneurial Mindset</h5>\r\n                                    <p className='pt-2'>Nurture your entrepreneurial spirit with programs designed to empower you to turn your ideas into reality.</p>\r\n                                </div>\r\n                            </div>\r\n                            {/* <button className=\"slider_btn\" onClick={() => navigate('/#coursesWeOffer')} >View All Courses</button> */}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"container-fluid py-2 px-0\"\r\n                style={{\r\n                    position: 'relative',\r\n                }}\r\n            >\r\n                <div className=\" d-none d-md-block\" style={{\r\n                    backgroundColor: '#D5D0EF',\r\n                    backgroundImage: `url(${greenpattern})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    padding: 0,\r\n                    position: 'absolute',\r\n                    top: 0,\r\n                    left: 0,\r\n                    right: 0,\r\n                    bottom: 0,\r\n                }}></div>\r\n\r\n                <div>\r\n                    <div className=\"row p-3 p-md-5 d-flex justify-content-center align-items-center\">\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-center text-lg-left\">\r\n                            <h1 style={{ textAlign: 'left' }} >We Help You Rock Your In-House Events:</h1>\r\n                            <p className=\"mt-3\"> Being located precisely in\r\n                                the center of the city, with high end safety and security, and equipped with all\r\n                                the high-tech amenities, you get everything you need to run a successful in-house training, meetings & networking events. Our experienced staff is well-versed in the latest audiovisual technologies, ensuring smooth operations and\r\n                                technical support throughout your event.\r\n                            </p>\r\n                            <div className='d-flex pt-4 flex-column flex-lg-row'>\r\n                                <div className=\"col-md-6 col-sm-12 pl-0 mb-4 mb-md-0\">\r\n                                    <h5>Convenience and Flexibility</h5>\r\n                                    <p className='pt-2'>With customizable room layouts and amenities, our service offers flexible solutions for\r\n                                        various event formats, ensuring convenience for both organizers and attendees.\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"col-md-6 col-sm-12\">\r\n                                    <h5>Professional Image</h5>\r\n                                    <p className='pt-2'>Hosting your corporate events and trainings in our purpose-built facilities enhances your\r\n                                        professional image and demonstrates your commitment to quality and excellence.</p>\r\n                                </div>\r\n                            </div>\r\n                            {/* <button className=\"slider_btn\" onClick={() => navigate('/BookaRoom')}>Book Your Space</button> */}\r\n                        </div>\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12\">\r\n                            <div className={`${image_container}`}>\r\n                                <img src={Service_pic3} alt=\"\" />\r\n                                <h3 className={`${hover_text}`}>\r\n                                    \"The classroom should be an entrance into the world, not an escape from it.\"<br /> –John Ciardi\r\n                                </h3>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div\r\n                className=\"container-fluid\"\r\n                style={{\r\n                    backgroundColor: '#ffffff',\r\n                    backgroundImage: `url(${greenpattern})`,\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    padding: 0,\r\n                }}\r\n            >\r\n                <div>\r\n                    <div className=\"row p-3 p-md-5 d-flex justify-content-center align-items-center\">\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12\">\r\n                            <div className={`${image_container}`}>\r\n                                <img src={Service_pic4} alt=\"\" />\r\n                                <h3 className={`${hover_text}`}>\r\n                                    \"Anyone who stops learning is old, at twenty or eighty. Anyone who keeps learning stays young.\" <br /> –Henry Ford\r\n                                </h3>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-center text-lg-left\">\r\n                            <h1 style={{ textAlign: 'left' }}>We Drive Your Workforce to the Next Level:</h1>\r\n                            <p className=\"mt-3\">At AshreiTech, we recognize the critical role of continuous learning in maintaining a competitive\r\n                                edge in today’s fast-paced digital landscape. That’s why we partner with industry-renowned\r\n                                experts to offer customized corporate tech training programs tailored to meet the unique\r\n                                needs of every organization.</p>\r\n                            <div className='d-flex pt-4 flex-column flex-lg-row'>\r\n                                <div className=\"col-md-6 col-sm-12 pl-0 mb-4 mb-md-0\">\r\n                                    <h5>Expert Training Partners </h5>\r\n                                    <p className='pt-2'>Our training programs are led by top industry professionals, ensuring\r\n                                        your employees receive the highest quality education and insights from leaders in their fields.</p>\r\n                                </div>\r\n                                <div className=\"col-md-6 col-sm-12\">\r\n                                    <h5>Comprehensive Tech Training </h5>\r\n                                    <p className='pt-2'>From foundational skills to advanced tech competencies, our\r\n                                        extensive range of courses covers all your tech training needs, all set to empower your team.</p>\r\n                                </div>\r\n                            </div>\r\n                            {/* <button className=\"slider_btn\" onClick={handleButtonClick} >Explore the Workshops</button> */}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"container-fluid py-2 px-0\"\r\n                style={{\r\n                    position: 'relative',\r\n                }}\r\n            >\r\n                <div className=\" d-none d-md-block\" style={{\r\n                    backgroundImage: `url(${greenpattern})`,\r\n                    backgroundColor: '#D5D0EF',\r\n                    backgroundSize: 'cover',\r\n                    backgroundRepeat: 'no-repeat',\r\n                    padding: 0,\r\n                    position: 'absolute',\r\n                    top: 0,\r\n                    left: 0,\r\n                    right: 0,\r\n                    bottom: 0,\r\n                }}></div>\r\n                <div>\r\n                    <div className=\"row p-3 p-md-5 d-flex justify-content-center align-items-center\">\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12 pb-4 pb-lg-0 text-center text-lg-left\">\r\n                            <h1 className='text-left'>We Let You Empower Futures and Become a Talent Hero:</h1>\r\n                            <p className=\"mt-3\">CSR giving is perhaps one on the most sustainable forms of giving in\r\n                                the overall philanthropic canvas of Pakistan. Yes, investing in healthcare, primary education,\r\n                                social welfare, and habitat is important, but It’s also critically important to invest in domains\r\n                                that strengthens the overall GDP and ultimately benefit everything mentioned above.</p>\r\n                            <div className='d-flex pt-4 flex-column flex-lg-row'>\r\n                                <div className=\"col-md-6 col-sm-12 pl-0 mb-4 mb-md-0\">\r\n                                    <h5>Empower The Next Generation</h5>\r\n                                    <p className='pt-2'>We are working to make CSR easy and sustainable, whether it be to promote DEI, upskill\r\n                                        marginalized communities, or sponsor a batch.</p>\r\n                                </div>\r\n                                <div className=\"col-md-6 col-sm-12\">\r\n                                    <h5>Explore Collaborative Avenues</h5>\r\n                                    <p className='pt-2'>We are open to hear creative approaches on how we can collectively work to develop\r\n                                        workforce for future technologies and cater to the global IT outsourcing market.\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                            {/* <button className=\"slider_btn\" onClick={() => navigate('/CommingSoon')}>Make An Impact\r\n                            </button> */}\r\n                        </div>\r\n                        <div className=\"col-lg-6 col-md-6 col-sm-12\">\r\n                            <div className={`${image_container}`}>\r\n                                <img src={Service_pic5} alt=\"\" />\r\n                                <h3 className={`${hover_text}`}>\r\n                                    \"The business of business should not be about money. It should be about responsibility. It should be about public good, not private greed.\" <br /> –Anita Roddick\r\n                                </h3>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/JobListing.8e408a9d.png\";","import React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Footer from '../../../components/Sections/Footer/Footer';\r\nimport TopNavbar from \"../../../components/Nav/TopNavbar\";\r\nimport '../../../screens/Jobs/jobs.css';\r\nimport cp_header from '../../../assets/jobs/CP_Header.png'\r\nimport frame from '../../../assets/jobs/frame.png'\r\nimport frame2 from '../../../assets/jobs/frame2.png';\r\nimport Job_Listing from '../../../assets/jobs/JobListing.png'\r\nimport styled from \"styled-components\";\r\nimport { Box, Button, Tooltip, Typography } from \"@mui/material\";\r\nimport ContentCopyIcon from \"@mui/icons-material/ContentCopy\";\r\nimport UploadFileIcon from \"@mui/icons-material/UploadFile\";\r\n\r\n\r\nexport default function JobListing() {\r\n    const [open, setOpen] = useState(false);\r\n    const [selectedFile, setSelectedFile] = useState(null);\r\n    const [fileName, setFileName] = useState(\"Upload Your CV\");\r\n    const [message, setMessage] = useState(\"\");\r\n    const navigate = useNavigate();\r\n\r\n    const [formData, setFormData] = useState({\r\n        fullName: \"\",\r\n        email: \"\",\r\n        contactNumber: \"\",\r\n    });\r\n\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n\r\n    const copyUrl = () => {\r\n        navigator.clipboard.writeText(window.location.href)\r\n            .then(() => {\r\n                setOpen(true); // Show tooltip\r\n                setTimeout(() => setOpen(false), 2000); // Hide tooltip after 2 seconds\r\n            })\r\n            .catch((err) => console.error(\"Failed to copy URL:\", err));\r\n    };\r\n\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        // Validation\r\n        if (!formData.fullName || !formData.email || !formData.contactNumber) {\r\n            setMessage(\"All fields are required.\");\r\n            return;\r\n        }\r\n        if (!/\\S+@\\S+\\.\\S+/.test(formData.email)) {\r\n            setMessage(\"Please enter a valid email address.\");\r\n            return;\r\n        }\r\n        if (!/^\\d{10,15}$/.test(formData.contactNumber)) {\r\n            setMessage(\"Contact number must be 10 to 15 digits.\");\r\n            return;\r\n        }\r\n\r\n        // Simulate form submission\r\n        const formPayload = {\r\n            ...formData,\r\n            cv: selectedFile,\r\n        };\r\n\r\n        console.log(\"Form submitted:\", formPayload);\r\n\r\n        // Success message\r\n        setMessage(\"Your application has been submitted successfully!\");\r\n        setFormData({ fullName: \"\", email: \"\", contactNumber: \"\" });\r\n        setFileName(\"Upload your CV here\");\r\n        setSelectedFile(null);\r\n    };\r\n\r\n    // Handle input change\r\n    const handleInputChange = (e) => {\r\n        const { id, value } = e.target;\r\n        setFormData((prev) => ({\r\n            ...prev,\r\n            [id]: value,\r\n        }));\r\n    };\r\n\r\n    // Handle file change\r\n    const handleFileChange = (e) => {\r\n        const file = e.target.files[0];\r\n        if (file) {\r\n            setFileName(file.name);\r\n            setSelectedFile(file);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <TopNavbar />\r\n            <div className=\"job-listing\">\r\n                <div className=\"container-fluid p-0 bg-purple\">\r\n                    <div className=\"row m-0 section1-banner-container bg-purple\"\r\n                        style={{\r\n                            backgroundImage: `url(${cp_header})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                        }}>\r\n                        <div className=\"col-12 p-0 pb-5 pt-5\"\r\n                            style={{\r\n                                backgroundImage: `url(${Job_Listing})`,\r\n                                backgroundSize: 'cover',\r\n                                backgroundRepeat: 'no-repeat',\r\n                            }}>\r\n                            <div className=\"d-flex flex-column justify-content-start align-items-start px-3 px-md-5 py-5 my-5 position-relative\">\r\n                                <h1 className=\"text-white pt-1 pl-3 banner-heading\" style={{ fontSize: \"70px\" }} >FRONTEND DEVELOPER</h1>\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-lg-12 mt-3\">\r\n                                        <span className=\"banner-paragraph text-white pl-3 my-4\">Karachi, Pakistan</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        style={{\r\n                            backgroundImage: `url(${frame})`,\r\n                            backgroundSize: 'cover',\r\n                            backgroundRepeat: 'no-repeat',\r\n                            backgroundColor: \"#D5D0EF\",\r\n                        }}>\r\n                        <div className=\"row py-4 px-4 py-4\">\r\n                            <div className=\"col-lg-4\">\r\n                                <div className=\"info-card border rounded p-4\">\r\n                                    <div className=\"my-4 py-2\">\r\n                                        <h5 className=\"listing-heading fw-bold\">Location</h5>\r\n                                        <p className=\"listing-text\">Karachi, Pakistan</p>\r\n                                    </div>\r\n\r\n                                    <hr />\r\n\r\n                                    <div className=\"my-4 py-2\">\r\n                                        <h5 className=\"listing-heading fw-bold\">Salary</h5>\r\n                                        <p className=\"listing-text\">£45000 - £65000 per annum +<br /> Bonus + Pension + Benefits</p>\r\n                                    </div>\r\n\r\n                                    <hr />\r\n\r\n                                    <div className=\"my-4 py-2\">\r\n                                        <h5 className=\"listing-heading fw-bold\">Job Type</h5>\r\n                                        <p className=\"listing-text\">Hybrid, Permanent</p>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"info-card border rounded mt-4 p-4\">\r\n\r\n                                    <div className=\"my-4 py-2\">\r\n                                        <h5 className=\"listing-heading fw-bold\">Reference</h5>\r\n                                        <p className=\"listing-text\">#FDMAN2038-234</p>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <ButtonInput type=\"submit\" value=\"Back\" className=\"pointer animate radius8 mt-4\" style={{ maxWidth: \"180px\" }} />\r\n\r\n                            </div>\r\n\r\n                            <div className=\"col-lg-8\">\r\n                                <div className=\"d-flex justify-content-between\" > <h3 className=\"mt-1 mb-2 listing-heading\">Description</h3>\r\n                                    <Tooltip\r\n                                        open={open}\r\n                                        title=\"Copied URL!\"\r\n                                        arrow\r\n                                        placement=\"top\"\r\n                                        onClose={() => setOpen(false)}\r\n                                    >\r\n                                        <Button\r\n                                            variant=\"outlined\"\r\n                                            onClick={copyUrl}\r\n                                            startIcon={<ContentCopyIcon />}\r\n                                            sx={{\r\n                                                borderColor: \"#160A54\", // Custom border color\r\n                                                color: \"#160A54\",       // Custom font color\r\n                                                \"&:hover\": {\r\n                                                    borderColor: \"#160A54\",\r\n                                                    backgroundColor: \"#f5f5f5\", // Optional hover background color\r\n                                                },\r\n                                            }}\r\n                                        >\r\n                                            Share\r\n                                        </Button>\r\n                                    </Tooltip>\r\n                                </div>\r\n                                <h5 className=\"mb-1 listing-heading fw-bold\">Front End Developer</h5>\r\n                                <h5 className=\"mb-3 mt-2 listing-heading fw-bold\">UK Leading Ecommerce Firm – Manchester – Hybrid</h5>\r\n                                <div>\r\n                                    <p className=\"mb-3 listing-text\">\r\n                                        (Tech stack: Front End Developer, React, ReactJS 18, React Hooks, React.js, Shopify platform, JavaScript, TypeScript, HTML, CSS, UI, UX, User Interface, User Experience, Javascript Developer, Front End Engineer, Front End Developer)\r\n                                    </p>\r\n                                    <p className=\"mb-3 listing-text\">\r\n                                        ith experience in React and Shopify platform. You will be responsible for predominantly implementing new Figma designs and functionality to the Shopify store, through fluent, maintainable code. You will work alongside designers within the creative team, and other senior members on multiple technical projects.\r\n                                    </p>\r\n                                    <p className=\"mb-3 listing-text\">\r\n                                        My client is looking for Front End Developers who has current and relevant experience working with React and Shopify platform. You will be building new pages, features and functionality on the Ecommerce site. You will also discover and debug issues and ensure the consistent quality and UX across all devices and browsers.\r\n                                    </p>\r\n                                    <p className=\"mb-3 listing-text\">\r\n                                        Our client is looking for passionate Front End Developers with experience in some or all of the following (full training will be provided to fill any gaps in your skill set): React, ReactJS 18, React Hooks, React.js, Shopify platform, JavaScript, TypeScript, HTML, CSS, GIT, API’s, UI, UX, User Interface, User Experience.\r\n                                    </p>\r\n                                </div>\r\n\r\n                                <div className=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 ml-0 mt-4\">\r\n                                    <h5 className=\"my-3 listing-heading fw-bold\">Apply For This Role</h5>\r\n                                    <label htmlFor=\"fullName\" style={{ fontSize: \"13px\", color: '#160A54' }} >Full Name</label>\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        id=\"fullName\"\r\n                                        className=\"custom-input\"\r\n                                        value={formData.fullName}\r\n                                        onChange={handleInputChange}\r\n                                    />\r\n                                    <label className=\"mt-2\" htmlFor=\"Email\" style={{ fontSize: \"13px\", color: '#160A54' }}>Email</label>\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        id=\"email\"\r\n                                        className=\"custom-input\"\r\n                                        value={formData.email}\r\n                                        onChange={handleInputChange}\r\n                                    />\r\n                                    <label className=\"mt-2\" htmlFor=\"ContactNumber\" style={{ fontSize: \"13px\", color: '#160A54' }}>Contact Number</label>\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        id=\"contactNumber\"\r\n                                        className=\"custom-input\"\r\n                                        value={formData.contactNumber}\r\n                                        onChange={handleInputChange}\r\n                                    />\r\n                                    <Box\r\n                                        sx={{\r\n                                            backgroundColor: \"#FFF\",\r\n                                            borderRadius: 2,\r\n                                            boxShadow: \"0px 4px 10px rgba(0,0,0,0.1)\",\r\n                                            textAlign: \"center\",\r\n\r\n                                        }}\r\n                                        className=\"custom-input mb-3 mt-3\"\r\n                                    >\r\n                                        <label htmlFor=\"upload-cv\" style={{ cursor: \"pointer\", display: \"block\" }}>\r\n                                            <label className=\"my-4\" htmlFor=\"ContactNumber\" style={{ fontSize: \"15px\", color: '#160A54' }}>\r\n                                                {fileName}\r\n                                            </label>\r\n                                        </label>\r\n                                        <input\r\n                                            id=\"upload-cv\"\r\n                                            type=\"file\"\r\n                                            onChange={handleFileChange}\r\n                                            accept=\".pdf,.doc,.docx\"\r\n                                            style={{ display: \"none\" }}\r\n                                        />\r\n                                    </Box>\r\n                                    <ButtonInput type=\"submit\" value=\"Send Message\" className=\"pointer animate radius8\" style={{ maxWidth: \"220px\" }} />\r\n\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n\r\n\r\nconst ButtonInput = styled.input`\r\n  border: 1px solid #160A54;\r\n  background-color: #160A54;\r\n  width: 100%;\r\n  padding: 10px;\r\n  outline: none;\r\n  color: #fff;\r\n  :hover {\r\n    background-color: #160A54;\r\n    border: 1px solid #160A54;\r\n    color: #fff;\r\n  }\r\n  @media (max-width: 991px) {\r\n    margin: 0 auto;\r\n  }\r\n`;","import { createHashRouter } from \"react-router-dom\";\r\nimport Landing from \"./screens/Landing\";\r\nimport { GetInTouch } from \"./screens/AsheriTechComponents/GetInTouch/GetInTouch\";\r\nimport { RegistrationForm } from \"./screens/AsheriTechComponents/RegistrationForm/RegistrationForm\";\r\nimport Teams from \"./screens/Teams/Teams\";\r\nimport Services from \"./screens/BookaRoom/BookaRoom\";\r\nimport Aboutus from \"./screens/WhatWeDo/WhatWeDo\";\r\nimport AboutTheCompany from \"./screens/AboutTheCompany/AboutTheCompany\";\r\nimport CommingSoon from \"./components/Sections/CommingSoonPage/CommingSoon\";\r\nimport SingleCourse from \"./screens/SingleCourseScreen/SingleCourse\";\r\nimport Career from \"./screens/CorporateTrainings/CorporateTrainings\";\r\nimport CorporateTrainingSingle from \"./screens/CorporateTrainingSingle/CorporateTrainingSingle\";\r\nimport CorporateSocialResponsibility from \"./screens/CorporateSocialResponsibility/CorporateSocialResponsibility\";\r\nimport NewComingSoon from \"./components/Sections/CommingSoonPage/NewCommingSoon\";\r\nimport Chart from \"./components/Sections/CommingSoonPage/Chart\";\r\nimport FindTechTalent from \"./screens/FindTechTalent/FindTechTalent\";\r\nimport Blog from \"./screens/Blog/Blog\";\r\nimport Jobs from \"./screens/Jobs/jobs\";\r\nimport ContactUsForm from \"./screens/Contactus/contact\";\r\nimport WhatWeDo from \"./screens/WhatWeDo/WhatWeDo\";\r\nimport ServicesDetails from \"./screens/ServicesDetails/ServicesDetails\";\r\nimport JobListing from \"./screens/Jobs/JobListing/JobListing\";\r\n\r\n\r\n\r\nexport const router = createHashRouter([\r\n    {\r\n      path: \"/\",\r\n      element:  <Landing />,\r\n    },  \r\n    {\r\n      path: \"/Contact\",\r\n      element:  <ContactUsForm />,\r\n    },  \r\n    {\r\n      path: \"/jobs\",\r\n      element:  <Jobs/>,\r\n    },  \r\n    // {\r\n    //   path: \"/CommingSoon\",\r\n    //   element:  <CommingSoon />,\r\n    // }, \r\n    {\r\n      path: \"/CommingSoon\",\r\n      element:  <NewComingSoon />,\r\n    },  \r\n    {\r\n      path: \"/GetInTouch\",\r\n      element: <GetInTouch />,\r\n    },\r\n    {\r\n      path: \"/RegistrationForm\",\r\n      element: <RegistrationForm />,\r\n    },\r\n    {\r\n      path: \"/teams\",\r\n      element: <Teams/>,\r\n    },\r\n    {\r\n      path: \"/Services\",\r\n      element: <Services />,\r\n    },\r\n    {\r\n      path: \"/Aboutus\",\r\n      element: <Aboutus/>,\r\n    },\r\n    {\r\n      path: \"/aboutthecompany\",\r\n      element: <AboutTheCompany/>,\r\n    },\r\n    {\r\n      path: \"/CommingSoonPage\",\r\n      element: <CommingSoon/>,\r\n    },\r\n    {\r\n      path: \"/courses\",\r\n      element: <SingleCourse/>,\r\n    },\r\n    {\r\n      path: \"/Career\",\r\n      element: <Career/>,\r\n    },\r\n    {\r\n      path: \"/CorporateTrainingSingle\",\r\n      element: <CorporateTrainingSingle/>,\r\n    },\r\n    {\r\n      path: \"/CorporateSocialResponsibility\",\r\n      element: <CorporateSocialResponsibility/>,\r\n    },\r\n    {\r\n      path: \"/chart\",\r\n      element: <Chart/>,\r\n    },\r\n    {\r\n      path: \"/findtechtalent\",\r\n      element: <FindTechTalent/>,\r\n    },\r\n    {\r\n      path: \"/blog\",\r\n      element: <Blog/>,\r\n    },\r\n    {\r\n      path: \"/Services/whatWeDo\",\r\n      element: <ServicesDetails />,\r\n    },\r\n    {\r\n      path: \"/JobListing\",\r\n      element: <JobListing />,\r\n    },\r\n  ]);","import React, { useEffect } from \"react\";\r\nimport { RouterProvider } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport { router } from \"./Route.js\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport { ClientId, LoginURL, Password, UserName } from \"./utils/services.js\";\r\n\r\n\r\nexport default function App() {\r\n  const loginApi = () => {\r\n    let body = {\r\n      Data: {\r\n        user: {\r\n          username: UserName,\r\n          password: Password,\r\n          userclientid: ClientId,\r\n        },\r\n      },\r\n    };\r\n\r\n    axios\r\n      .put(LoginURL, body, {\r\n        headers: {\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      })\r\n      .then((response) => {\r\n        if (response?.data?.Data?.Session?.token) {\r\n          let token = response?.data?.Data?.Session?.token;\r\n          localStorage.setItem(\"Token\", JSON.stringify(token));\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.error(\"Error posting data:\", error);\r\n      });\r\n  };\r\n\r\n  useEffect(() => {\r\n    loginApi();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <RouterProvider router={router} />\r\n      <ToastContainer/>\r\n    </>\r\n  );\r\n}\r\n","const reportWebVitals = onPerfEntry => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport \"./style/flexboxgrid.min.css\";\r\nimport './style/index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport TagManager from 'react-gtm-module';\r\n\r\n\r\nconst tagManagerArgs = {\r\n  gtmId: 'GTM-P9H6ZJL9'  \r\n};\r\n\r\nTagManager.initialize(tagManagerArgs);\r\n\r\nReactDOM.render(\r\n  <>\r\n    <App />\r\n  </>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}