body { font: arial !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } h1, h2, h3, h4, h5, h6, p { font-weight: 100 !important; color: black; } .my0{ margin: 0 0; } /* .px16 { font-size: 16px; } .px20 { font-size: 20px; } .px22 { font-size: 22px; } .px26 { font-size: 26px; } .px28 { font-size: 28px; } .px30 { font-size: 30px; } .px32 { font-size: 32px; } .px35 { font-size: 35px; } .px40 { font-size: 40px; } .px50 { font-size: 50px !important; } .px64 { font-size: 64px; } */ /* small text */ .px16 { font-size: 12px; } .px20 { font-size: 16px; } .px22 { font-size: 16px; } .px26 { font-size: 18px; } .px28 { font-size: 20px; } .px30 { font-size: 24px; } .px32 { font-size: 26px; } .px35 { font-size: 28px; } .px40 { font-size: 30px; } .px50 { font-size: 36px !important; } .px64 { font-size: 35px; } /* end small text */ .bold { font-weight: 700 !important; } .boldNone { font-weight: 100 !important; } .underline { text-decoration: underline; } .header-fixed { position: relative !important; box-shadow: 0px -3px 6px black; } header.header .navbar-nav .nav-link { color: #333; } header.header .navbar-nav .nav-link:hover { color: #6505E1; } header.header-transparent{ background-image: url('https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/media/ironpatern.84ec58ff.png'); } #backtotop a{ background-color: #6505E1 !important; } .navbar { padding: 0px !important; } .nav-item>a { color: black; } .whitBorderTop { border-top: 2px white solid; width: 240px; } .header-transparent .hamburger-inner, .header-transparent .hamburger-inner::after, .header-transparent .hamburger-inner::before { background-color: #333 !important; } /* start ellipse */ .leftTopEllipse{ position: absolute; top: -10%; left: -8%; } .rightTopEllipse{ position: absolute; top: -10%; right: -8%; } .leftBottomEllipse{ position: absolute; bottom: -10%; left: -8%; } .rightBottomEllipse{ position: absolute; bottom: -10%; right: -8%; } /* end sllipse */ /* /footer */ .pointer { cursor: pointer; } .bg-dark { background-color: #EFEFEF !important; } footer.footer1.bg-dark, footer.footer1.bg-dark .widget-title { color: #333 !important; } .grid2 { display: grid; grid-template-columns: repeat(2, 1fr); } .grid3 { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); } .innerGrid { display: grid; grid-template-columns: repeat(2, 1fr); } .footerIcons { position: absolute; right: 0px; top: -10px; } .footerLogo { width: 140px !important; height: 85px !important; } .footerIcons img { width: 45px !important; height: 45px !important; margin-bottom: 10px; } .smMt { margin-top: 0px; } .color { color: #6505E1; } .yellowColor { color: #FEA501; } .blueColor { color: #05ACE1; } .navyBlueColor { color: #00576A; } .borderRadius20 { border-radius: 20px; } .center { text-align: center; } .bg-main-gradient { background-image: url('assets/images/app/banners/bg1.webp'); } .whiteColor { color: #ffff; } .py { padding: 50px 0; } .my { margin: 50px 0; } .background { /* image url */ /* background-image: url("assets/images/app/banners/bgImg.png"); */ background-image: url("../images/bg/matBg.png"); /* make the image full height */ height: 100%; /* center and scale the image */ background-position: center; background-repeat: no-repeat; background-size: cover; /* use the following only if if you are able to scroll past the image to see a white area (this is the peeking out) above or below the image */ overflow: hidden; } .background2 { background-image: url("../images/bg/powerBy.png"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .backgroundHomeBanner { background-image: url("../images/bg/Devoted\ to\ progress.png"); height: 450px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; display: flex; /* makes vertical alignment easier */ align-items: flex-start; /* push text up instead of center */ padding-top: 40px; /* control top spacing */ padding-bottom: 40px; /* ensure button has space */ } .tagLine{ color: #000000 !important; font-size: 11px; margin:0 !important; } .backgroundOurExpertise { background-image: url("../images/bg/We\ got\ you\ covered.png"); height: 100%; background-position: right; background-repeat: no-repeat; /* background-size: cover; */ overflow: hidden; background-color: #555555; } .bytek { position: relative; background-image: url("../images/bytek.webp"); height: auto; /* Allow content to define height */ min-height: 60vh; /* Or use 600px if needed */ margin: 50px 0; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .bytek::before { content: ""; position: absolute; inset: 0; background: rgb(0 0 0 / 73%); /* Overlay */ z-index: 1; } .bytek .setContainer { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 0px; text-align: center; color: #fff; } .bytek .overlay-text { /* max-width: 960px; */ width: 100%; } .bytek h2.white { color: #fff; font-size: clamp(1.5rem, 4vw, 2.5rem); margin-bottom: 1rem; } .bytek p.white { color: #fff; font-size: clamp(1rem, 2.5vw, 1.2rem); line-height: 1.6; margin-bottom: 1rem; } .white{ color: #fff !important; } .ft{ font-size: 20px; } .overlay-text h1 { font-size: 48px; margin: 0; } .overlay-text p { font-size: 20px; margin-top: 10px; } .backgroundContactUs { background-image: url("../images/bg/contactUsBG2.png"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .background3 { background-image: url("../images/bg/Rectangle\ 8.png"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .backgroundServices { background-image: url("../images/bg/serviceBg.png"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .backgroundProgress { background-image: url("../images/bg/progress.png"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; /* overflow: hidden; */ /* opacity: 0.7; */ } .opacity{ height: 100%; background-color: #ffffff; opacity: 0.6; } .opacity h3{ color: #000000; } .projectReadmoreBtn { color: #05ACE1; border: 2px solid #05ACE1; padding: 10px; background-color: white; cursor: pointer; } .expertiseBannerImg { height: 500px; object-fit: cover; } .projectCard { border-radius: 20px; z-index: 1; background-color: white; box-shadow: 0px 0px 7px 1px #00000080; transition: all 2s; } .projectCard:hover { box-shadow: 0px 0px 7px -1px black; moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .projectsImg { border-radius: 20px; width: 100%; } .projetsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .innerPadding { padding: 20px; } .bgImgProject { height: 350px; width: 100%; position: absolute; top: 50%; } .weServeCard { box-shadow: 0px 0px 1px #000000 } .weServeGrid { display: grid; grid-template-columns: repeat(2, 1fr); box-shadow: -1px 5px 7px 5px #d5d3d3 } .weServeGrid img { height: 100% !important; } .gap50 { gap: 50px; } .grid22 { display: grid; grid-template-columns: repeat(2, 1fr); } /* start banner */ .active { color: #6505E1 !important; } .bannerBtn { border: 2px solid #6505E1; padding: 10px; background-color: transparent; } .bannerMain { padding: 20px; /* box-shadow: 0px 6px 9px #e480af; */ box-shadow: 0px 3px 4px rgb(223, 215, 215); margin-bottom: 25px; } /* end banner */ /* start services */ .arrowImg { height: 36px; } .flexCenter { display: flex; gap: 10px; align-items: center; } .gradient { background-image: linear-gradient(to right, #6505E1, #05ACE1); font-family: sans-serif; font-size: 20px; font-weight: bold; color: transparent; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 10px 0; } .gradientVertical { background-image: linear-gradient(to bottom, #6505E1, #05ACE1); font-family: sans-serif; font-size: 20px; font-weight: bold; color: transparent; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 10px 0; } /* end services */ /* start clients */ .shadowGrid { box-shadow: -1px 5px 7px 5px #d5d3d3 } .serviceCard { padding: 50px; border-radius: 80px; background-color: #A6A6A6; } .clientImg { height: 150px; width: 150px; border-radius: 50%; border: 1px solid #6505E1; } /* start clients */ /* start connect */ .bgConnect { background-image: url('../images/bg/connectWithUs.png'); background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; /* background-image: linear-gradient(to right, #6505E1, #05ACE1); */ margin-top: 50px; /* height: 250px; */ } .bgLetschat{ background-image: url('../images/bg/contactus.png'); background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; /* background-image: linear-gradient(to right, #6505E1, #05ACE1); */ margin-top: 50px; } .bgTransperant { background-color: rgba(0, 0, 0, .5); color: #fff; border-radius: 10px; } .blueBtn { border: #05ACE1 2px solid; padding: 10px; background-color: white; color: #05ACE1; } .joinusBtn { background-color: #EE7665; color: white; font-weight: 700; border-radius: 10px; padding: 5px 25px; border: none; } .gridCenter { display: grid; justify-items: center; } .lineHeight { line-height: normal; } /* end connect */ /* start projects page */ .cardImg { height: auto; width: 100%; } .btnEnd { display: flex; justify-content: end; } .border5 { border: 5px solid #05ACE1; } .projectsList { display: flex; align-items: center; gap: 30px; margin: 15px 0px; } .projectsList img { width: 300px; height: 300px; } #counter { background: rgba(black, .05); padding: 25px; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; /* li{ flex: 1; text-align: center; font-size: 50px; } */ span.percent:after { content: "%"; display: inline-block; } } .darkBlueColor { color: #07313F; } #counter h3 { font-size: 56px; font-weight: 900; color: #05ACE1; text-align: center; } #counter p { font-size: 32px; } /* end projects page */ /* start contact us */ .contactUsBanner { background-color: #d5d3d3; } .contactUsbannerImg { position: absolute; right: 20%; top: 0%; } /* .contactUsBanner img { height: 290px; width: 220px; } */ .contactUsBanner h3 { text-align: start; } /* end contact us */ /* start about us */ .projectsList>img { width: 200px; height: 200px; flex-shrink: 0 !important; } .aboutUsList { border: #05ACE1 4px solid; /* border-image: linear-gradient(to left, #ff7e5f, #feb47b) 0.5 10%; */ border-radius: 15px; } /* .aboutUsList { position: relative; padding: 4px; } .aboutUsList::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid transparent; border-image: linear-gradient(to left, #ff7e5f, #feb47b) 1; border-radius: 15px !important; } */ /* .module { padding: 1rem; color: white; border-width: 3px; border-style: solid; border-image: linear-gradient( #05ACE1, #6505E1, #05ACE1, #6505E1, rgba(1, 0, 0, 0) ) 10 100%; } */ /* .border-gradient { border: 4px solid; border-image-slice: 0.5; border-width: 1px; border-radius: 15px !important; } .border-gradient-purple { border-image-source: linear-gradient(to left, #05ACE1, #6505E1); border-radius: 15px !important; } */ .yellowBtn { padding: 10px; border-radius: 10px; background-color: #F5BD54; color: white; border: none; cursor: pointer; } .twoBtns { display: flex; justify-content: space-evenly; justify-items: center; } .whiteBtn { border: 3px white solid; cursor: pointer; padding: 7px 30px; border-radius: 15px; background-color: transparent; color: white; } .whiteBtn2 { border: 2px white solid; cursor: pointer; padding: 7px 30px; background-color: transparent; color: white; } .newsLetter { background-color: #E9B0B0; border: 5px #EF9494 solid; border-radius: 15px; display: flex; align-items: center; justify-content: space-around; } .newsLetter h3 { flex-shrink: 1; } /* end about us */ /* start jobs */ .jobCard { border-radius: 15px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .jobCard>div { display: grid; justify-content: center; padding: 20px; border-radius: 20px; } .jobCard>div>h5, h6, button { text-align: center; font-weight: 700 !important; } .mxAuto { margin: auto; } .jobBg1 { background-color: #B3E2F1; /* Light Blue */ } .jobBg2 { background-color: #E6B8B8; /* Soft Red */ } .jobBg3 { background-color: #E3C793; /* Warm Beige */ } .jobBg4 { background-color: #C0E7A2; /* Soft Green */ } .jobBg5 { background-color: #9FB4DD; /* Muted Blue */ } .jobBg6 { background-color: #F5B8A5; /* Light Coral */ } .jobBg7 { background-color: #FFC683; /* Pastel Orange */ } .jobBg8 { background-color: #E9ACD0; /* Soft Pink */ } .jobBg9 { background-color: #A8D5BA; /* Fresh Mint Green */ } .jobBg10 { background-color: #B59FCF; /* Muted Rose */ } .jobBg11 { background-color: #F4A261; /* Lavender Purple */ } .jobBg12 { background-color: #86C8BC; /* Soft Teal */ } .jobBg13 { background-color: #8FAADC; /* Muted Slate Blue */ } .jobBg14 { background-color: #6A8CAF; /* Muted Navy Blue */ } /* end jobs */ /* start loading */ .loading .loading-effect .object { background-image: url('https://static.wixstatic.com/media/2ee010_1f76fe26226a4928a02adace49473c4b%7Emv2.jpg/v1/fill/w_32%2Ch_32%2Clg_1%2Cusm_0.66_1.00_0.01/2ee010_1f76fe26226a4928a02adace49473c4b%7Emv2.jpg') !important; /* background-attachment: fixed; */ object-fit: cover; background-repeat: no-repeat; background-position: center; animation: loading-animation 3s infinite; background-color: #6505E1; } .loading .loading-effect .object:before { content: '\f04b'; font-family: fontawesome; position: absolute; top: 50%; left: 50%; margin-left: 2px; color: transparent !important; /* background-image: url('https://static.wixstatic.com/media/2ee010_1f76fe26226a4928a02adace49473c4b%7Emv2.jpg/v1/fill/w_32%2Ch_32%2Clg_1%2Cusm_0.66_1.00_0.01/2ee010_1f76fe26226a4928a02adace49473c4b%7Emv2.jpg'); */ -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* end loading */ /* our expertise start */ .expertiseCard { border-radius: 0px 50px; } .expertiseCard>img { border-radius: 0px 50px; height: 220px; width: 100%; } .btnEnd { justify-self: end; } .purpleBtn { border: #6505E1 2px solid; background-color: transparent; color: #6505E1; padding: 5px 10px; cursor: pointer; } .displayGrid { display: grid; } /* our expertise end */ /* start slider */ .slideMain img{ height: 100px; width: 250px; } .imgHeight100{ height: 100% !important; } .slick-slider .element { /* height: 100px; */ width: 100px; background-color: transparent !important; color: #fff; border-radius: 5px; display: inline-block; margin: 0px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; } /* end slider */ /* terms of use */ .termsOf h5{ color: #05ACE1; font-weight: 700; } /* end terms of use */ @media only screen and (max-width: 1440px) { .projetsGrid { display: grid; grid-template-columns: repeat(4, 1fr); } .grid22 { display: grid; grid-template-columns: repeat(1, 1fr); } #counter p { font-size: 32px; } .bgImgProject { display: none; } } @media only screen and (max-width: 991px) { .grid3 { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } .grid2 { display: grid; grid-template-columns: repeat(1, 1fr); } .projetsGrid { display: grid; grid-template-columns: repeat(2, 1fr); } .smMt { margin-top: 30px; } .projectsList { display: grid; justify-items: center; gap: 30px; } #counter h3 { font-size: 50px; font-weight: 900; color: #05ACE1; } #counter p { font-size: 22px; } .newsLetter { display: grid !important; justify-items: center; } } @media only screen and (max-width: 767px) { .innerGrid { display: grid; grid-template-columns: repeat(1, 1fr); } .projetsGrid { display: grid; grid-template-columns: repeat(1, 1fr); } .weServeGrid { display: grid; grid-template-columns: repeat(1, 1fr); box-shadow: -1px 5px 7px 5px #d5d3d3 } #counter p { font-size: 16px; } .grid3 { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; } /* fonts */ .px16 { font-size: 12px; } .px20 { font-size: 12px; } .px22 { font-size: 13px; } .px26 { font-size: 13px; } .px28 { font-size: 14px; } .px30 { font-size: 14px; } .px32 { font-size: 15px; } .px35 { font-size: 16px; } .px40 { font-size: 18px; } .px50 { font-size: 22px !important; } .px64 { font-size: 26px; } /* end fonts */ } @media only screen and (max-width: 600px) { .clientImg { height: 100px; width: 100px; border-radius: 50%; border: 1px solid #6505E1; } #counter h3 { font-size: 30px; font-weight: 900; color: #05ACE1; } #counter p { font-size: 12px; } .twoBtns { display: grid; justify-content: space-evenly; justify-items: center; gap: 20px; } .mobileGrid { display: grid !important; justify-items: center !important; text-align: center; } } .setContainer { width: 80%; margin: auto; } .imagee-container4 { position: relative; background-image: url('../images/projects/spatial-asset-management/1.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-container4::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-container3 { position: relative; background-image: url('../images/projects/digital-connected-field-mobility/1.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-container3::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-container2 { position: relative; background-image: url('../images/projects/intelligent-field-scheduling-and-dispatch/1.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-container2::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-container1 { position: relative; background-image: url('../images/projects/enterprise-asset-management/1.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-container1::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-containerp1 { position: relative; background-image: url('../images/bg/aiServiceHospitalityBanner.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-containerp1::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-containerp2 { position: relative; background-image: url('../images/bg/progress.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-containerp2::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-containerp3 { position: relative; background-image: url('../images/bg/projectsAiInUtility.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-containerp3::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .imagee-containerp4 { position: relative; background-image: url('../images/bg/projectsCustomAi.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .imagee-containerp4::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .abt { position: relative; background-image: url('../images/game.png'); height: 100%; margin-top: 30px; background-size: cover; background-position: center; overflow: hidden; } .abt::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(13deg, #c7151582, #1287b357); z-index: 1; } .txt-l{ position: relative; z-index: 3; } @media only screen and (max-width: 500px) { .ft { font-size: 15px; } }