.loader{// use a border to create a circle border: 16px solid #237586;border-top:16px solid #237586;border-radius:50%;// use a fixed width and height width: 100%;height:100%;// use a margin to center the loader margin: 0 auto;display:flex;justify-content:center;align-items:center;// use an animation to rotate the loader animation: spin 2s linear infinite}// use a keyframes rule to define the animation @keyframes spin{0%{// start from 0 degrees transform: rotate(0deg)}100%{// end at 360 degrees transform: rotate(360deg)}}.page_hrDiv{position:fixed;width:100%;height:100%;top:0;left:0}.main_wrapper{width:100%;margin:0 auto;max-width:2000px}.page_wrapper{width:100%;height:100%;flex-direction:column;display:flex;justify-content:center;align-items:center}section{width:100%;height:100vh;max-height:945px}.image_icons{height:49%;position:relative;margin:2% 0%;width:100%;flex-direction:column;display:flex}.image_icons hr{height:6px;border:none;width:100%;z-index:1;transition-property:background-color;bottom:0;transition-timing-function:ease-in;transition-duration:.5s;position:absolute;background-color:#ffce21}.image_icons:hover hr{transition-property:background-color;transition-timing-function:ease-out;transition-duration:.5s;background-color:#68f52b}.imageRightIcons{height:100%}.textInnerCon{flex-wrap:wrap;align-items:flex-end!important;justify-content:flex-start;padding-left:8%}.HiTextStyle{font-weight:100}.contUsHeaderTitle{display:flex;width:100%}.contUsHeaderTitle h3{width:unset;margin:0 8px}@media screen and (max-width: 1280px){.contUsHeaderTitle h3{font-size:65px}}.techContainer{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.parallax{overflow:hidden;letter-spacing:-2px;line-height:.8;margin:0;white-space:nowrap;display:flex;flex-wrap:nowrap;width:100%}.scroller{display:flex;width:100%;justify-content:flex-start;align-items:center;flex-shrink:1}.techImage{margin-right:20px;position:relative;flex:1;width:fit-content}.techImage img{width:35px}.loaderContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader{width:25%;height:400px;border:none}.circular-loader{position:relative}@keyframes animate-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}to{stroke-dasharray:90,200;stroke-dashoffset:-144}}.loader-path{animation:animate-stroke 2s ease-in-out infinite;stroke:#237586}.projectCon{flex-direction:column!important;justify-content:center}.navigationBtn{display:none}.projectContainer{width:100%;height:100%;margin:1em auto;position:relative}.contentInside{color:#fff;background-color:#efba27dd;position:absolute;bottom:-42%;height:120px;padding:3%;width:93.9%;transition-property:bottom;transition-duration:.5s;z-index:0;pointer-events:none;transition-timing-function:ease-in-out}.projectInner:hover .contentInside{bottom:0%}.slideTH3{font-size:20px;margin-bottom:10px}.contentTitle{width:100%;display:flex}.contentTitle svg{width:15%;display:flex;justify-content:center}.slideTH2{font-size:28px;font-weight:300;width:85%}.companyImage{width:40px;position:absolute;height:40px;z-index:1;right:20px;top:60%}.swiper-slide{width:750px!important}.projectList{margin-top:2%;display:flex;flex-direction:column;width:100%}.loaderText{position:absolute;display:flex}.loaderText h3{font-family:CANDARAB;font-size:35px;color:#237586}.containerL{width:300px;height:100px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-left:40%}.element{width:100px;height:100px;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;animation:slide 3s linear infinite}.element:nth-child(2){left:100px;animation-delay:-2s}.element:nth-child(3){left:200px;animation-delay:-1s}@keyframes slide{0%{left:0}to{left:-300px}}.aboutContainer{padding-left:7%}.aboutContainer{margin-right:2%;padding-left:8%}.captivateCon{flex-wrap:wrap;margin-top:5%}.captivateCon div{margin:1% 0 1% 2%}.capTitleInner{height:100%;padding-top:5%}.footerSection{display:flex;height:300px;width:100%;flex-direction:column;align-items:center}.footerContainer{width:100%;display:flex;justify-content:space-around}.footerBottom{height:20%;background-color:#efba27;display:flex;justify-content:center;flex-direction:column;align-items:center}.designedBy{font-size:16px}.designedText{font-size:14px;margin-top:5px;display:flex;align-items:center}.designedText svg{margin:0 5px}.footerTop{height:80%;background-color:#237586}.socialContainer{display:flex;position:relative;justify-content:center;align-items:center;width:20%;flex-direction:column}.footerTop .socialContainer{color:#fff;fill:#fff}.footSocialCon p,.footSocialCon svg{position:absolute;transform-origin:center;transition-duration:.3s;top:45%;padding:0;margin:0;transition-property:top,visibility;transition-timing-function:ease-in-out}.footerTop p{visibility:hidden}.footerTop svg{visibility:hidden}.socialContainer h4{font-size:25px}.socialContainer:hover svg{visibility:visible;top:25%}.socialContainer:hover p{visibility:visible;top:60%}.designedText span{color:red;font-size:13px}.canvasImage{display:none}.classGallery{margin-bottom:1%}.classGallery2{margin-top:1%}.NameTextWork{text-shadow:4px 2px #FFCE21}.aboutConDesc{padding-left:7%}.projectGalleryRight{margin-right:1%}.projectGalleryLeft{margin-left:1%}.projectTech{display:flex;margin-top:5%}.projectTech img{height:47px;margin:0% 1.8%}.projectPostion{margin-top:0%!important;font-family:CANDARAB!important}@media screen and (max-width: 1280px){.contUsHeaderTitle{margin-left:-0%}}@media screen and (max-width: 720px){.loader{width:55%;margin-top:55%}.loaderText{top:35vh;left:45vw}.loaderText h3{font-size:25px}.textInnerCon{width:100%!important;margin-top:5%;display:flex;height:25%!important;flex-direction:row!important;justify-content:flex-start!important}.bannerGallery{width:100%!important;height:55%!important}section{width:100%;height:unset;max-height:unset}.bannerSection{height:1000px}.containerW{width:85%!important;margin-left:5%}.aboutConDesc{width:90%!important;margin-bottom:10%}.projectCon{margin-top:15%!important;width:90%!important}.captitleCon,.captivateCon{width:100%!important}.footerSection{margin-top:8%;height:582px}.footerTop{flex-direction:column;padding-bottom:8%}.footSocialCon{width:100%;padding:5% 0%}.footSocialCon p,.footSocialCon svg{position:relative;top:unset;visibility:visible}.bannerQaisText{margin-top:10%!important}.socialMedia{margin-left:23%!important}.navigationBtn{display:flex}.projectGalleryLeft,.projectGalleryRight{height:300px!important;width:100%!important;order:2;margin-top:5%}}@font-face{font-family:CANDARA;src:local("CANDARA"),url(/assets/CANDARA-AIFB0_D1.woff) format("woff")}@font-face{font-family:CANDARAB;src:local("CANDARAB"),url(/assets/CANDARAB-DnT2Qv4s.TTF) format("truetype")}@font-face{font-family:CANDARALI;src:local("CANDARALI"),url(/assets/CANDARALI-BH4RQCQu.TTF) format("truetype")}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:CANDARA;margin:0;padding:0}body{width:100vw;height:100vh;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:0px}.body_wrapper{position:relative;width:100%;margin:0;overflow:hidden;display:flex;justify-content:center;flex-direction:column}.containerW{margin-right:8%}#root{width:100%;height:100%}.projectSection{height:unset;max-height:unset}