p { font-weight: 300; } body, code, html, kbd, pre, samp { font-family: "Product Sans", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } ol, ul { list-style: none; padding: 0; } a { text-decoration: none !important; } .py { padding: 35px 0 !important; } .overflow-x-add { overflow-x: hidden !important; } button { border: none; } .newbtn_design { background: #0080ff; color: #fff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; } .newbtn_design:hover img { right: calc(100% - 50px); } .newbtn_design:hover { padding: 5px 25px 5px 60px; } .newbg { position: relative; background: #121836; } .newbg .container { position: relative; z-index: 2; } .newbg .container-fluid { position: relative; z-index: 2; } .newbg::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient( 270deg, rgba(21, 27, 58, 0) 32.33%, rgba(19, 25, 55, 0.9) 78.5% ); z-index: 1; } .mideast_banner { overflow: hidden; height: 800px; position: relative; text-align: left; color: #fff; background-size: cover; background-repeat: no-repeat; } .mideast_banner::after { background: linear-gradient( 270deg, rgba(21, 27, 58, 0) 32.33%, rgba(19, 25, 55, 0.9) 78.5% ); z-index: 1; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .mideast_banner .mideastcontt { position: absolute; z-index: 1; left: 0; top: auto; bottom: 0; right: 0; width: 100%; overflow: hidden; height: 800px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 110px; z-index: 2; } .mideast_banner .bannervideo { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; } .mideast_banner h1 { font-weight: 700; font-size: 45px; line-height: 52px; margin-bottom: 20px; } .mideast_banner p { font-weight: 300; font-size: 17px; line-height: 28px; } .mideast_banner .mibannerlist .midlist { position: relative; display: flex; gap: 7px; width: max-content; padding: 12px; border-radius: 10px; opacity: 1; align-items: center; backdrop-filter: blur(7.577375411987305px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.09), rgba(21, 27, 58, 0.09)), radial-gradient( 57.47% 137.79% at 81.1% -37.79%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 69.49% ); } .mibannerlist .midlist::before { content: ""; position: absolute; inset: 0; border-radius: 10px; padding: 1px; background: linear-gradient( 221.31deg, rgba(73, 176, 217, 0.5) 23.39%, rgba(255, 255, 255, 0.2) 76.61% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .mideast_banner .groupmid { display: flex; gap: 20px; margin-top: 10px; } .mideast_banner .mibannerlist .midlist img { max-width: 20px; } .mideast_banner .mibannerlist .midlist span { font-weight: 300; font-size: 17px; line-height: 28px; } .mideast_banner .row { display: flex; align-items: center; } .mideastform { margin-left: 40px; } .mideastform form .form-group .form-control { background-color: transparent; border-radius: 0; height: 50px; padding: 14px 0; resize: none; color: #fff; font-size: 16px; box-shadow: unset; border: 0; border-bottom: 2px solid #fff; } .mideastform form .form-group .form-control::placeholder { color: #fff; } .mideastform form .form-group textarea.form-control { height: 100px; } .mideastform form .form-group::after { position: absolute; content: ""; bottom: 0; height: 2px; background-color: #1a81ff; width: 20%; left: 0; transition: 0.3s ease-in-out; } .mideastform form .form-group { margin-bottom: 15px; position: relative; } .mideastform { backdrop-filter: blur(20px); padding: 30px 40px 20px; border-radius: 20px; position: relative; background: radial-gradient( circle at 30% 30%, rgba(15, 76, 129, 0.8), #000c1a ); } .mideastform.newbgform { padding: 30px 40px 20px; position: relative; border-radius: 15.213px; border: 1.601px solid #49b0d9; background: linear-gradient( 91deg, rgba(255, 255, 255, 0.2) -22.77%, rgba(255, 255, 255, 0) 120.54% ); box-shadow: 0 0 24.021px 0 rgba(73, 176, 217, 0.5); backdrop-filter: blur(5.604938507080078px); } .mideastform h2 { color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px; text-align: center; margin-top: 10px; } .mideastform h2 span { color: #0080ff; } .me_formhead { color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px; text-align: center; margin-top: 10px; } .me_formhead span { color: #0080ff; } .mideastform form .form-group:has(input:focus)::after { width: 100%; } .mideastform form .form-group:last-child::after { display: none; } .mideastform .formbtn { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; padding: 16px 20px; display: flex; font-size: 16px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: center; text-align: center; border: 0; width: 100%; margin-top: 25px; } .mideastform .mibannerlist { padding-top: 20px; } .aibtnnew { margin-top: 25px; } .aibtnnew a, .aibtnnew button { display: inline-block; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); color: #ffffff; font-weight: 400; font-size: 18px; line-height: 22px; padding: 18px 25px; text-align: center; border-radius: 35px; text-decoration: none; transition: all 0.4s ease-in-out; } .aibtnnew a:hover, .aibtnnew button:hover { padding: 18px 30px; background: linear-gradient(127.57deg, #49b0d9 0%, #1f79bd 97.46%); box-shadow: 0 4px 12px rgba(73, 176, 217, 0.4); } .trustcontt { color: #fff; position: relative; } .trustcontt h3 { font-weight: 700; font-size: 33px; line-height: 40px; text-transform: capitalize; } .trustcontt p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0; } .partnericon { height: 85px; overflow: hidden; position: relative; width: 100%; max-width: 100%; display: flex; backdrop-filter: blur(7px); align-items: center; z-index: 2; } .partnericon_main { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: 35s linear infinite client-marquee; align-items: center; } .partner_img { width: 140px; margin: 0 20px; text-align: center; display: flex; align-items: center; justify-content: center; } .partner_img img { filter: brightness(0) invert(1); aspect-ratio: 3 / 2; height: 100%; width: 100%; object-fit: contain; } @keyframes client-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .trustkingdom .kingimg img { width: 100%; } .trustkingdom .subhead { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); padding: 10px 20px; border-radius: 12px; color: #ffffff; width: max-content; margin-bottom: 20px; } .trustkingdom .subhead h4 { font-weight: 400; font-size: 20px; margin-bottom: 0; } .midhead { margin-bottom: 30px; } .midcenter { text-align: center; } .midhead h2 { font-weight: 700; font-size: 38px; line-height: 52px; color: #ffffff; margin-bottom: 20px; } .midhead h2 span { color: #49b0d9; } .midhead p { font-weight: 300; font-size: 20px; line-height: 32px; color: #ffffff; } .blogpage .main-blog-bx { color: #fff !important; } .blogpage .main-blog-bx .slick-prev::after, .blogpage .main-blog-bx .slick-next::after { filter: brightness(0) invert(1) !important; } .blogpage .blg-contt { color: #08223a !important; } .trustkingdom ul { text-align: center; color: #ffffff; display: flex; gap: 20px; justify-content: space-between; } .trustkingdom ul li p { font-weight: 300; font-size: 16px; line-height: 22px; color: #ffffff; margin-top: 10px; } .trustkingdom ul li span { font-weight: 700; font-size: 30px; line-height: 40px; text-shadow: 0px 0px 19.37px #ffffffdb; } .awdd-slider { overflow: hidden; position: relative; z-index: 2; min-height: 275px; } .mideast-awards .awdd-bx { margin: 30px 14px 0; border-radius: 12px; padding: 20px 30px; display: flex !important; justify-content: center; align-items: center; border: 2px solid #ffffff21; transition: all 0.5s; box-shadow: rgb(255 255 255 / 24%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; justify-content: center; align-items: center; } .mideast-awards .awdd-bx img { max-width: 120px; transition: 0.3s ease-in-out; } .mideast-awards .awdd-bx.slick-slide.slick-current.slick-active.slick-center { transform: scale(1.1); box-shadow: rgb(255 255 255 / 0%) 0px 30px 60px -12px inset, #00000000 0px 18px 36px -18px inset; border: 2px solid #1a81ff; transform-origin: bottom; } .mideast-awards .awdd-bx.slick-slide.slick-current.slick-active.slick-center img { max-width: 150px; } .mideast-awards .slick-track { display: flex; align-items: flex-end; } .mideast-awards .slick-next, .mideast-awards .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .mideast-awards .slick-prev { right: 9%; left: auto; top: -36%; transform: translateY(-50%) scale(-1); } .mideast-awards .slick-next { right: 4%; left: auto; top: -36%; transform: translateY(-50%); } .mideast-awards .slick-next::after, .mideast-awards .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slide-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 12px; border: 2px solid #1a81ff; border-radius: 50px; width: 50px; height: 50px; background-color: #1a81ff; } .titlehead span { color: #fff; font-weight: 700; font-size: 19px; text-align: center; padding: 15px 20px; border-radius: 12px; border-style: solid; border-color: #fff; border-width: 2px 4px 4px 2px; } .titlehead { margin-bottom: 30px; } .ctamainbx .container { background-size: 100%; background-repeat: no-repeat; height: 325px; display: flex; justify-content: flex-end; align-items: center; position: relative; z-index: 2; } .ctamainbx .cta-conttbx { width: 50%; color: #ffffff; } .ctamainbx .cta-conttbx h2 { font-weight: 700; font-size: 35px; line-height: 48px; margin-bottom: 20px; } .ctamainbxleft .cta-conttbx p { font-weight: 500; font-size: 18px; line-height: 32px; margin-bottom: 20px; } .newbtnbx { background-color: #ffffff; color: #186eb1 !important; padding: 10px 20px; border-radius: 9px; font-size: 17px; font-weight: 400; display: inline-block; } .mainservicebx ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .mainservicebx ul li { cursor: pointer; position: relative; } .mainservicebx ul li .servicecontt { background-color: #131836; z-index: 1; padding: 30px 20px; position: relative; color: #ffffff; border: 2px solid #186eb1; border-radius: 20px; height: 100%; } .BorderTopBottom:before { content: ""; position: absolute; width: 20%; height: 35px; border-radius: 20px; top: -4px; left: -4px; background: #186eb1; transition: all 0.5s ease; z-index: 0; } .BorderLeftRight:before { content: ""; position: absolute; top: -4px; left: -4px; width: 35px; border-radius: 20px; height: 30%; background: #186eb1; transition: all 0.5s ease; z-index: 0; } .BorderTopBottom:before { content: ""; position: absolute; width: 30%; height: 35px; border-radius: 20px; top: -4px; left: -4px; background: #186eb1; transition: all 0.5s ease; z-index: 0; } .BorderTopBottom:after { content: ""; position: absolute; width: 30%; height: 35px; border-radius: 20px; bottom: -4px; right: -4px; background: #186eb1; z-index: 0; transition: all 0.5s ease; } .BorderLeftRight:before { content: ""; position: absolute; top: -4px; left: -4px; width: 35px; border-radius: 20px; height: 30%; background: #186eb1; transition: all 0.5s ease; z-index: 0; } .BorderLeftRight:after { content: ""; position: absolute; bottom: -4px; right: -4px; width: 35px; border-radius: 20px; height: 30%; background: #186eb1; z-index: 0; transition: all 0.5s ease; } .mainservicebx ul li:hover .BorderTopBottom:before, .mainservicebx ul li:hover .BorderTopBottom:after { width: 102%; transition: all 0.5s ease; } .mainservicebx ul li:hover .BorderLeftRight:before, .mainservicebx ul li:hover .BorderLeftRight:after { height: 102%; transition: all 0.5s ease; } .mainservicebx ul li .servicecontt h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .mainservicebx ul li .servicecontt p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .mainservicebx img { max-width: 50px; margin-bottom: 20px; } .industrycustom { position: relative; overflow: hidden; margin: 0 15px; padding: 60px 0px; background-size: 100%; background-repeat: no-repeat; height: 100%; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom: 1px solid #ffffff; } .industrycustom ul { display: grid; text-align: center; color: #ffffff; grid-template-columns: repeat(4, 1fr); position: relative; } .industrycustom ul li { transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); height: 230px; display: flex; padding: 0; width: 100%; overflow: hidden; position: relative; cursor: pointer; align-items: center; justify-content: center; border-radius: 12px; } .industrycustom ul li .infornt { position: absolute; z-index: 1; bottom: auto; padding: 0; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; } .industrycustom ul li .inback { transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; transform: translateY(100%); padding: 0px; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); color: #fff; display: flex; flex-direction: column; align-items: start; justify-content: center; z-index: 2; height: 100%; width: 100%; } .industrycustom ul li:hover .inback { opacity: 1; transform: translateY(0); padding: 15px; border-radius: 12px; } .industrycustom ul li img { max-width: 50px; margin-bottom: 20px; } .industrycustom ul li h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .industrycustom ul li p { color: #e6e6e6; font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 0px; } .emergingtechno .emerginglist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0; } .emergingtechno .emerginglist .emeritem { transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); height: 350px; display: flex; padding: 0; width: 100%; overflow: hidden; position: relative; border-radius: 16px; cursor: pointer; } .emergingtechno .emerginglist .emeritem img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; } .emergingtechno .emerginglist .emeritem .grotop { color: #fff; position: absolute; z-index: 1; bottom: 0; padding: 30px 20px 20px; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .emergingtechno .emerginglist .emeritem:hover .grotop { transform: translateY(100%); } .emergingtechno .emerginglist .emeritem .botgro { transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; transform: translateY(100%); padding: 20px; background: #1f79bdd6; color: #fff; display: flex; flex-direction: column; align-items: start; justify-content: center; } .emergingtechno .emerginglist .emeritem .botgro ul { padding-left: 20px; list-style: disc; } .emergingtechno .emerginglist .emeritem:hover .botgro { opacity: 1; transform: translateY(0); } .emergingtechno .emerginglist .emeritem h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 0; } .emergingtechno .emerginglist .emeritem p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 24px; margin-bottom: 5px; } .emergingtechno .emerginglist .emeritem li { color: #e6e6e6; font-weight: 300; font-size: 16px; line-height: 24px; margin-bottom: 5px; } .casestudydocket .container { max-width: 1225px; width: 100%; } .casestudydocket .caseitem { display: flex; gap: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .casestudydocket .caseitem .contt { width: 40%; } .casestudydocket .caseitem .imgitem { width: 60%; } .casestudydocket .caseitem .imgitem img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .casestudydocket .caseitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .casestudydocket .caseitem .contt img { margin-bottom: 20px; max-width: 70px; } .casestudydocket .caseitem span { font-weight: 400; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .caseitem p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .caseitem ul { border-top: 1px solid #ffffff29; } .casestudydocket .caseitem ul li p { margin-bottom: 0; } .casestudydocket .caseitem ul { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); padding: 25px 0 20px; } .casestudydocket .caseitem .contt a img { margin-bottom: 0; } .casestudydocket .caseitem button { padding: 10px 20px; border-radius: 20px; display: flex; align-items: center; color: #fff; gap: 10px; background: linear-gradient( 139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29% ); width: fit-content; } .casestudydocket .caselist { padding-left: 20px; list-style: disc; display: flex !important; flex-direction: column; } .costapp .costappslider { margin-top: 30px; text-align: center; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .costapp .costiem .costtop h3 { font-weight: 400; font-size: 17px; line-height: 26px; margin-bottom: 0; } .costapp .costiem .costtop { border: 2px solid #1f79bd; background: #ffffff; padding: 10px 20px; width: fit-content; border-radius: 20px; position: relative; z-index: 1; } .costapp .costiem .paara { background: #ffffff; border: 2px solid #1f79bd; border-radius: 20px; padding: 10px 20px; display: flex; align-items: center; min-height: 230px; } .costapp .costiem .paara p { color: #161f4e; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .costapp .costiem .costcontt { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 20px; position: relative; top: -10px; z-index: 0; } .costapp .costiem .costcontt span { font-weight: 400; font-size: 17px; line-height: 26px; margin-bottom: 0; color: #ffffff; padding: 10px 0; display: block; } .hireappdev table { border-collapse: collapse; width: 100%; background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } .hireappdev th, .hireappdev td { padding: 20px 20px; text-align: left; } .hireappdev tbody tr:nth-child(even) { background-color: #f9f9f9; } .hireappdev tbody tr:nth-child(odd) { background-color: #ffffff; } .hireappdev .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .hireappdev th:nth-child(odd) { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .hireappdev th:nth-child(even) { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .hireappdev th { font-size: 19px; color: #ffff; } .hireappdev td { font-size: 17px; color: #292d32; border: 1px solid #f1f1f1; } .engagementmodels ul li { background: #1f304f; border-radius: 20px; color: #ffffff; padding: 20px 30px; border: 2px solid #1f304f; cursor: pointer; } .engagementmodels ul li:hover { border: 2px solid #1f79bd; } .engagementmodels ul li img { max-width: 50px; margin-bottom: 10px; } .engagementmodels ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .engagementmodels ul li h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .engagementmodels ul li p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .ctamainbxleft .container { background-size: 100%; background-repeat: no-repeat; height: 400px; display: flex; justify-content: flex-start; align-items: center; border-radius: 40px; } .ctamainbxleft .container.ctahgt { height: 300px; } .ctamainbxleft .container h4 { font-weight: 300; font-size: 22px; line-height: 32px; margin-bottom: 20px; text-transform: uppercase; } .cta-conttbx { width: 50%; color: #ffffff; padding-left: 60px; } .cta-conttbx h2 { font-weight: 700; font-size: 35px; line-height: 48px; margin-bottom: 20px; } .roadmapbx .roadmapagile { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); padding: 30px 35px; border-radius: 20px; display: flex; align-items: center; gap: 20px; } .roadmapbx .roadmapimg img { width: 100%; } .roadmapbx .roadmapimg { width: 35%; } .roadmapbx .roadmapcontt { width: 65%; } .roadmapbx .roaditem { background: #151b3a; padding: 20px 30px; color: #ffff; border-radius: 20px 20px 20px 0; margin-bottom: 10px; } .roadmapbx .roaditem h3 { font-weight: 700; font-size: 20px; line-height: 25px; margin-bottom: 5px; } .roadmapbx .roaditem p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .home-experts { position: relative; } .home-experts .container { position: relative; z-index: 1; } .home-experts ul.nav.nav-pills { display: flex; flex-direction: column; gap: 15px; padding-bottom: 40px; border-left: 6px solid #0066cc3b; } .home-experts .tab-content > .active { padding-top: 35px; } .home-experts ul.nav.nav-pills > li { transition: all 0.5s; background-image: url(../images/home-image/tab.png); display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; height: 70px; background-size: 100%; color: #fff; cursor: pointer; margin-left: 20px; } .home-experts ul.nav.nav-pills > li > a { width: 100%; text-align: left; padding-left: 22%; color: #fff; font-size: 17px; font-weight: 400; line-height: 26px; } .home-experts ul.nav.nav-pills > li > a:focus, .home-experts ul.nav.nav-pills > li > a:hover { background-color: transparent; color: #fff; } .home-experts ul.nav.nav-pills > li.active > a, .home-experts ul.nav.nav-pills > li.active > a:focus, .home-experts ul.nav.nav-pills > li.active > a:hover { color: #fff; background-color: transparent; } .home-experts ul.nav.nav-pills > li.active { height: 75px; background-image: url(../images/home-image/active-tab.png); } .home-experts ul.nav.nav-pills .circle { position: absolute; background-position: center center; border-radius: 25px; transform: translate(-50%, -50%); top: 46%; left: -6%; width: 30px; height: 30px; background-color: #1a81ff; box-shadow: 0 0 12px 0px #4d4d4d; } .home-experts ul.nav.nav-pills .inner-circle { transform: translate(-50%, -50%); top: 50%; background-position: center center; content: ""; display: block; position: absolute; width: 15px; height: 15px; margin: 0 auto; bottom: 40%; left: 50%; right: auto; z-index: 3; border-radius: 50%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); background: #fff; animation: ripple 0.7s linear infinite; } .home-experts .expert-bx { padding: 0; background: #30405d; border-radius: 12px; border: 2px solid #ffffff21; transition: all 0.5s; } .home-experts .expert-bx ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; color: #fff; text-align: center; padding: 40px 30px; margin: 0; } .home-experts .expert-bx ul li { background: linear-gradient( 139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29% ); border: 2px solid #ffffff21; padding: 20px; border-radius: 12px; display: flex; flex-direction: column; gap: 8px; align-items: center; } .home-experts .expert-bx ul li p { font-size: 16px; line-height: 22px; padding-bottom: 0; } .home-experts .expert-bx ul li img { max-width: 55px; background-color: #fff; border-radius: 10px; transition: all 0.5s; } .home-experts .expert-bx ul li:hover img { transform: scale(1.1); } .home-experts .expert-bx .techbtn a { width: 100%; display: flex; justify-content: space-between; background: #1a81ff; padding: 20px 35px; border-radius: 0 0 12px 12px; box-shadow: #1a81ff 0px 4px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; } .home-experts .expert-bx .techbtn a span { font-size: 16px; color: #fff; font-weight: 400; } .home-experts .expert-bx .techbtn a img { width: 20px; height: 20px; } .home-experts .real-world { padding: 20px 0; text-align: center; background-color: #1a81ff; box-shadow: 0px 0px 35px 0px #49b0d9; border-top: 1px solid #fff; position: relative; z-index: 1; } .home-experts .real-world p { font-size: 18px; font-weight: 500; line-height: 32px; margin-bottom: 0; color: #fff; } .title-head { padding: 15px 20px; text-align: center; background-color: #1a81ff; box-shadow: 0px 0px 35px 0px #49b0d9; border: 1px solid #fff; width: max-content; border-radius: 100px 100px 1px 100px; margin-bottom: 30px; } .title-head h4 { font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 0; color: #fff; text-transform: capitalize; } .realhead { position: relative; } .realhead::after { position: absolute; content: ""; height: 150px; width: 150px; top: 10%; right: 5%; background-image: url(../images/bahrain/vectorarrow.png); } .realhead h2 { font-weight: 700; font-size: 45px; line-height: 80px; color: #ffffff; margin-bottom: 20px; } .realhead span { background: linear-gradient( 139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29% ); padding: 10px 15px; border: 1px solid #ffffff21; border-radius: 12px; } .realhead p { font-weight: 300; font-size: 20px; line-height: 32px; color: #ffffff; } .realStories .clutch-slider { position: relative; z-index: 2; } .realStories .clutch-item { margin: 0 10px; border: 2px solid #ffffff21; padding: 20px 20px; border-radius: 12px; color: #fff; background: linear-gradient( 139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29% ); transition: all 0.5s; position: relative; z-index: 2; } .realStories .clutch-item .topp img { max-width: 100px; margin-right: 10px; } .realStories .clutch-item .topp { display: flex; justify-content: space-between; margin-bottom: 30px; } .realStories .clutch-item .topp div { display: flex; gap: 2px; align-items: center; justify-content: center; } .realStories .clutch-item .bottomm { display: flex; gap: 10px; margin-top: 30px; } .realStories .clutch-item .bottomm img { max-width: 45px; } .realStories .clutch-item h3 { font-weight: 400; font-size: 24px; line-height: 32px; } .realStories .clutch-item h4 { font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 4px; } .realStories .clutch-item p { font-weight: 300; font-size: 16px; line-height: 20px; margin-bottom: 0px; } .realStories .clutch-item .hidee { display: none; transition: all 0.5s; } .realStories { overflow: hidden; position: relative; } .realStories .clutch-item.slick-slide.slick-current.slick-active.slick-center .hidee { display: block; } .realStories .clutch-item.slick-slide.slick-current.slick-active.slick-center { background-color: #fff !important; color: #08223a; min-height: 320px; } .realStories .clutch-item.slick-slide.slick-current.slick-active.slick-center .logoo { filter: invert(1); } .realStories .slick-track { display: flex; align-items: end; } .realStories .slick-next, .realStories .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .realStories .slick-prev { right: 9%; left: auto; top: -25%; transform: translateY(-50%) scale(-1); } .realStories .slick-next { right: 4%; left: auto; top: -25%; transform: translateY(-50%); } .realStories .slick-next::after, .realStories .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slide-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 12px; border: 2px solid #1a81ff; border-radius: 50px; width: 50px; height: 50px; background-color: #1a81ff; } .minutes-bx { padding: 50px 0; text-align: center; background-color: #1a81ff; box-shadow: #1a81ff73 0 -7px 18px 0px; } .minutes-bx ul { display: flex; align-items: center; padding: 0; margin: 0; flex-wrap: wrap; } .minutes-bx ul li { border-right: 1px solid #fff; display: flex; align-items: center; padding: 0 10px 0 0; height: 100%; } .minutes-bx ul li:last-child { border-right: none; } .minutes-bx .mintt-bx { display: flex; align-items: center; justify-content: space-between; } .minutes-bx ul li img { max-width: 115px; filter: brightness(0) invert(1); } .minutes-bx .minn-cta a { border: 2px solid #fff; border-radius: 12px; padding: 10px 20px; font-size: 18px; display: flex; align-items: center; gap: 10px; color: #ffff; transition: all 0.5s; filter: brightness(0) invert(1); } .minutes-bx .minn-cta a:hover { padding: 10px 25px; } .mideast-faq ul.nav.nav-pills { display: flex; margin-bottom: 30px; justify-content: center; gap: 30px; cursor: pointer; } .mideast-faq ul.nav.nav-pills li.active { background-color: rgb(255 255 255 / 11%); border-radius: 12px; } .mideast-faq ul.nav.nav-pills li a { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; padding: 20px 20px; } .mideast-faq ul.nav.nav-pills > li.active > a, .mideast-faq ul.nav.nav-pills > li.active > a:focus, .mideast-faq ul.nav.nav-pills > li.active > a:hover, .mideast-faq ul.nav.nav-pills > li > a:hover { color: #fff; background-color: transparent; border-radius: 12px; } .mideast-faq .faq_box { padding: 0 10px 0 25px; border-radius: 15px; margin-bottom: 20px; cursor: pointer; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: unset; height: 90px; align-items: center; border: 2px solid #f2f2f236; } .mideast-faq .faq_box_head::after { content: ""; position: absolute; right: 10px; background-image: url(../images/common_icons/add-fill.svg); height: 32px; width: 32px; background-size: 29px; top: 30px; } .mideast-faq .faq_box.active .faq_box_head::after { background-image: url(../images/common_icons/subtract-fill.svg); filter: brightness(0) invert(1); } .mideast-faq .faq_box_head { display: flex; font-weight: 600; color: #fff; font-size: 18px; height: 90px; align-items: center; padding-right: 30px; } .mideast-faq .faq_data { font-size: 17px; padding-bottom: 18px; line-height: 27px; color: #fff; text-align: left; display: none; } .mideast-faq .faq_box.active .faq_data { display: block; } .mideast-faq .faq_box.active { height: auto; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .mideast-faq .faq_data ul { padding-left: 20px; list-style: circle; } .mideast-faq .row .col-md-6 .faq_box:last-child { margin: 0; } .buildcustom .playbtn a { padding: 10px 20px; border-radius: 20px; display: flex; align-items: center; color: #fff; gap: 10px; background: linear-gradient( 139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29% ); width: fit-content; } .buildcustom .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .buildcustom .playimg img { width: 100%; } .chooseimg img { width: 100%; } .featurestable table { border-collapse: collapse; width: 100%; background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } .featurestable th, .featurestable td { padding: 20px 25px; text-align: left; border-right: 1px solid rgba(255, 255, 255, 0.1); } .featurestable th:last-child, .featurestable td:last-child { border-right: none; } .featurestable img { margin-right: 10px; max-width: 30px; } .featurestable tr { background: #ffffff; } .featurestable td:nth-child(2) { background: #fbfbfb; } .featurestable tr:nth-child(even) td:nth-child(2) { background-color: rgba(255, 255, 255, 0.05); } .featurestable td:nth-child(3) { background: rgba(255, 255, 255, 0.08); } .featurestable .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .featurestable th:nth-child(odd) { background: #eeeeee; color: #151b3a; } .featurestable th:nth-child(even) { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); color: #ffff; } .featurestable th { font-size: 19px; color: #ffff; } .featurestable td { font-size: 17px; color: #292d32; border: 1px solid #ebebeb; } .cardbx { background-color: #142c4c; border-radius: 10px; margin-bottom: 15px; overflow: hidden; transition: 0.3s ease; } .cardbx-header { display: flex; align-items: center; justify-content: space-between; padding: 15px; cursor: pointer; } .cardbx-header h3 { margin: 0; flex: 1; padding-left: 10px; font-size: 16px; } .userengagement .icon img { max-width: 50px; } .userengagement .arrow { font-size: 18px; } .userengagement .cardbx-body { padding: 0 15px 15px; display: none; font-size: 14px; color: #ccc; } .userengagement .cardbx.active .cardbx-body { display: block; transition: all 0.5s; } .userengagement .cardbx.active .arrow { transform: rotate(180deg); } .userengagement .cardbx h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 0; color: #fff; } .userengagement .cardbx p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .userengagement .col-md-7 { position: sticky; top: 100px; } .worlindustry h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 15px; color: #fff; } .worlindustry .leader img { width: 100%; } .utilizingbx ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .utilizingbx ul li { background: #1f304f; padding: 30px 20px; border-radius: 20px; transition: all 0.5s; border: 2px solid #1f304f; cursor: pointer; } .utilizingbx ul li:hover { border: 2px solid #1f79bd; box-shadow: 0px 0px 20px 0px #49b0d980; } .utilizingbx ul li img { max-width: 60px; margin-bottom: 20px; } .utilizingbx ul li h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 15px; color: #fff; } .utilizingbx ul li p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .slick-next, .casestudydocket .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .casestudydocket .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .casestudydocket .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .casestudydocket .slick-next::after, .casestudydocket .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .interlink_dark { color: #000 !important; font-weight: 700; font-weight: 900; font-style: italic; } .interlink_update { color: #1a81ff !important; font-weight: 900; } .differdev ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .differdev ul li { background-image: url(../images/hire-ai/makebox.png); background-size: 100%; display: flex; justify-content: flex-end; align-items: center; color: #ffff; height: 220px; background-repeat: no-repeat; padding: 10px 25px 10px 40px; text-align: center; } .differdev ul li p { font-weight: 300; font-size: 20px; line-height: 26px; margin-bottom: 0; } .trustkingdom .nextlist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding-left: 30px; } .trustkingdom .nextlist li { position: relative; text-align: left; font-size: 17px; line-height: 22px; font-weight: 300; } .trustkingdom .nextlist li::before { position: absolute; content: ""; background-image: url(../images/hire-ai/liststar.png); height: 25px; width: 25px; background-size: 25px; left: -12%; right: auto; } .hiringmodelbx .hirinitem p { color: #161f4e; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 5px; } .hiringmodelbx .paarabx { background: #ffffff; border: 2px solid #1f79bd; border-radius: 20px; padding: 10px 20px; display: flex; align-items: center; flex-direction: column; min-height: 270px; justify-content: center; } .hiringmodelbx .paarabx ul { padding-left: 20px; list-style: disc; } .hiringmodelbx .paarabx ul li { color: #161f4e; font-weight: 300; font-size: 17px; line-height: 28px; margin: 5px 0 0 0; } .hiringmodelbx .hiringbx { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .hiringmodelbx .hirinitem { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 20px; padding: 8px 2px 0; } .hiringmodelbx .hirinitem span { display: block; text-align: center; padding: 15px; font-size: 18px; color: #ffff; line-height: 22px; } .aichoose .chooseimgg img { width: 100%; margin: 20px 0 30px; } .aichoose .chooseimgg { text-align: center; } .expertisebx ul { padding: 15px 20px; border-radius: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; display: flex; flex-direction: column; gap: 15px; cursor: pointer; height: 395px; justify-content: center; } .expertisebx ul li { width: 100%; } .expertisebx ul li > a { border-radius: 12px; width: 100%; padding: 10px 20px; font-size: 18px; line-height: 26px; color: #ffffff; background-color: #c7c7c721; } .expertisebx ul li.active > a { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .expertisebx .nav > li > a:focus, .expertisebx .nav > li > a:hover { background-color: #c7c7c721; } .expertisebx .expcontt { background-size: cover; background-repeat: no-repeat; height: 395px; display: flex; flex-direction: column; align-items: self-start; justify-content: end; padding: 30px 30px 30px; color: #ffffff; position: relative; overflow: hidden; border-radius: 30px; } .expertisebx .expcontt::before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-color: #000c1a82; height: 100%; width: 100%; z-index: 1; border-radius: 30px; } .expertisebx .expcontt .aibtnnew { margin-top: 20px !important; position: relative; z-index: 2; } .expertisebx .expcontt h3 { font-weight: 700; font-size: 24px; line-height: 32px; position: relative; z-index: 2; } .expertisebx .expcontt p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; position: relative; z-index: 2; } .aigentbx .agentimgg img { width: 100%; } .aigentbx ul { padding-left: 30px; } .aigentbx ul li { position: relative; text-align: left; font-size: 17px; line-height: 22px; font-weight: 300; color: #ffffff; margin: 15px 0; } .aigentbx ul li::before { position: absolute; content: ""; background-image: url(../images/hire-ai/liststar.png); height: 25px; width: 25px; background-size: 25px; left: -6%; right: auto; top: -1px; } .helpingbusiness .businessitem { display: flex; gap: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .helpingbusiness .businessitem .busincontt { width: 60%; } .helpingbusiness .businessitem .businimg { width: 40%; } .helpingbusiness .businessitem .businimg img { width: 100%; } .aigentbx ul { padding-left: 30px; } .helpingbusiness .businessitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .helpingbusiness .businessitem p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 30px; } .helpingbusiness .businessitem .busincontt ul { padding-left: 50px; } .helpingbusiness .businessitem .busincontt ul li { position: relative; text-align: left; font-size: 17px; line-height: 22px; font-weight: 300; color: #ffffff; margin: 15px 0; } .helpingbusiness .businessitem .busincontt ul li::before { position: absolute; content: ""; background-image: url(../images/hire-ai/listcheck.png); height: 23px; width: 22px; background-size: 100%; left: -6%; right: auto; top: -1px; background-repeat: no-repeat; } .helpingbusiness ul.slick-dots { display: flex; gap: 5px; justify-content: center; } .helpingbusiness li button { height: 10px; width: 10px; border-radius: 50%; background: #ffffffcc; border: none; font-size: 0; } .helpingbusiness li.slick-active button { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); width: 40px; border-radius: 12px; } .helpingbusiness .slick-next, .helpingbusiness .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .helpingbusiness .slick-prev { right: 5%; left: auto; top: -30%; transform: translateY(-50%) scale(-1); } .helpingbusiness .slick-next { right: 0; left: auto; top: -30%; transform: translateY(-50%); } .helpingbusiness .slick-next::after, .helpingbusiness .slick-prev::after { position: absolute; content: ""; background-image: url(../images/hire-ai/arrow.png); background-repeat: no-repeat; background-position: center; background-size: 50px; border-radius: 50px; width: 50px; height: 50px; } .hireaidev ul { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; } .hireaidev ul img { width: 80%; margin-bottom: 30px; } .hireaidev ul li { text-align: center; color: #ffffff; } .hireaidev ul li:nth-child(even) { margin-top: 80px; } .hireaidev ul li h3 { font-size: 20px; line-height: 26px; margin-bottom: 10px; font-weight: 400; } .hireaidev ul li p { font-size: 16px; line-height: 22px; font-weight: 300; margin-bottom: 10px; } .roadmapbx .newroad .roaditem { margin-bottom: 25px; } .ctaaicomm .ctabx { display: flex; gap: 20px; background-color: #1a81ff; box-shadow: #1a81ff73 0 -7px 18px 0px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; overflow: hidden; align-items: center; } .ctaaicomm .ctabx .cta-conttbx { width: 60%; padding: 40px 40px; } .ctaaicomm .ctabx .ctaimg { width: 40%; } .ctaaicomm .ctabx .ctaimg img { width: 100%; } .idealchoice .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .idealchoice ul { display: flex; gap: 40px; justify-content: start; } .idealchoice ul li img { max-width: 40px; margin-bottom: 15px; } .idealchoice ul li h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 5px; } .idealchoice ul li p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 30px; } .topaiapp ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .topaiapp ul li { background: #1f304f; border-radius: 20px; color: #ffffff; padding: 20px 30px; border: 2px solid #1f304f; cursor: pointer; display: flex; justify-content: space-between; flex-direction: column; } .topaiapp ul li:hover { border: 2px solid #1f79bd; } .topaiapp ul li h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 5px; } .topaiapp ul li p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 30px; } .topaiapp ul li .devbtn a { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 10px 20px; border: 2px solid #ffffff29; border-radius: 12px; font-size: 16px; color: #fff; width: 100%; text-align: center; } .topaiapp ul li .devbtn { display: flex; } .aiworldclass .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .aiworldclass .mainclass { display: flex; gap: 40px; } .aiworldclass .mainclass ul li { font-size: 16px; margin-top: 20px; font-weight: 300; line-height: 26px; position: relative; } .aiworldclass .mainclass ul { padding-left: 30px; width: 45%; } .aiworldclass .mainclass .worldimg { width: 55%; height: auto; display: flex; object-fit: cover; } .aiworldclass .mainclass ul li::before { position: absolute; content: ""; background-image: url(../images/hire-ai/liststar.png); height: 25px; width: 25px; background-size: 25px; left: -8%; right: auto; top: 5px; } .aiworldclass .mainclass img { width: 100%; } .me_banner { display: flex; align-items: center; position: relative; } .me_banner .container { position: relative; z-index: 2; } .me_banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient( 270.01deg, rgba(21, 27, 58, 0) 20.38%, rgba(19, 25, 55, 0.9) 74.7% ); } .staffaugmention_bg { height: 750px; overflow: hidden; } .mebanner_content { margin-top: 80px; } .me_bannervideo video { height: 100%; width: 100%; object-fit: cover; } .me_bannervideo { position: absolute; height: 100%; width: 100%; left: 0; right: 0; bottom: 0; top: 0; } .mebanner_content h1 { font-size: 57px; color: #fff; font-weight: 700; line-height: 63px; margin-bottom: 22px; } .mebanner_content p { color: #fff; font-size: 18px; margin-bottom: 25px; } .me_btndesign1 { border: 1px solid #f2f2f22b; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); height: 60px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 40px; border-radius: 200px; color: #ffffff !important; font-size: 20px; } .me_btndesign2 { border: 3px solid #f2f2f22b; box-shadow: 0px 1.74px 20.91px 0px #00000040 inset; backdrop-filter: blur(10.62399959564209px); background: linear-gradient( 91.12deg, rgba(255, 255, 255, 0.3) -22.77%, rgba(255, 255, 255, 0.03) 120.54% ); height: 60px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 40px; border-radius: 200px; color: #ffffff !important; font-size: 20px; } .mebtnsbox .me_btndesign1 { margin-right: 20px; } .newfonts { font-family: "Product Sans" !important; } .container { max-width: 1280px; width: 100%; } .padding { padding: 50px 0; } .trustedbrands_box { background: #ffffff0a; padding: 23px 0; border-radius: 50%; text-align: center; height: 250px; display: flex; align-items: center; justify-content: center; width: 250px; margin: 0 auto; position: relative; z-index: 1; } .trustedbrands_box::after { position: absolute; content: ""; top: 50%; height: 2px; width: 70px; background-color: #ffffff2b; transform: translateY(-50%); z-index: -1; right: -70px; left: auto; } .me_trustedbrands .row .col-md-3:last-child .trustedbrands_box::after { display: none; } .trustedbrands_box h3 { font-size: 52px; color: #fff; font-weight: 700; margin-bottom: 15px; line-height: 42px; } .trustedbrands_box span { color: #fff; font-size: 20px; margin: 0; font-weight: 400; } .me_brandstext h2 { font-size: 54px; font-weight: 700; color: #fff; line-height: 64px; margin-bottom: 15px; } .me_brandstext p { color: #fff; font-size: 18px; margin-bottom: 15px; } .me_brandstext { padding-right: 40px; } .headingcenter { text-align: center; } .headingpart span { border-width: 2.42px 4.83px 4.83px 2.42px; border-style: solid; border-color: #ffffff; border-radius: 9px; height: 50px; display: inline-flex; align-items: center; justify-content: center; color: #fff; padding: 4px 22px; font-size: 22px; font-weight: 700; margin-bottom: 17px; } .headingpart h2 { color: #fff; font-size: 52px; font-weight: 700; line-height: 62px; margin-bottom: 10px; } .headingpart p { font-weight: 300; font-size: 20px; margin-bottom: 0; line-height: 25px; color: #fff; } .headingpart { margin-bottom: 50px; } .trustedby .row { display: flex; align-items: center; } .me_servicesbox { box-shadow: 0px 0px 19.47px 0px #49b0d980; background: #1f304f; border: 2px solid #1f79bd; padding: 25px 30px; border-radius: 24px; position: relative; } .me_servicesbox::after { position: absolute; content: ""; top: -10px; left: -10px; height: 100px; width: 100px; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 20px; z-index: -1; transition: 0.3s ease-in-out; } .me_servicesbox::before { position: absolute; content: ""; bottom: -10px; right: -10px; height: 100px; width: 100px; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 20px; z-index: -1; transition: 0.3s ease-in-out; } .me_servicesbox:hover::before, .me_servicesbox:hover::after { height: 100%; width: 100%; } .me_servicesbox h3 { font-size: 23px; margin-bottom: 10px; color: #fff; } .me_servicesbox p { font-weight: 300; margin: 0; font-size: 17px; color: #fff; } .me_servicesicon { height: 58px; width: 58px; display: flex; align-items: center; justify-content: center; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 12px; margin-bottom: 20px; border: 2px solid #f2f2f23b; } .staffaugmention .row { backdrop-filter: blur(7.859848976135254px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 50px; border-radius: 40px; margin: 0; border: 3px solid #f2f2f236; } .staffaugmentiontable { overflow: hidden; border-radius: 20px; margin-bottom: 25px; } .staffaugmentiontable table { margin-bottom: 0; } .staffaugmentiontable table thead tr th { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border: 0; text-align: center; padding: 24px 20px; font-size: 20px; font-weight: 700; color: #fff; border-right: 1px solid #ececec80; } .staffaugmentiontable table thead tr th:last-child { border-right: 0; } .caparisionchart table thead tr th:first-child { background: transparent !important; } .staffaugmentiontable table tbody tr td { background: #fff; border: 0; text-align: left; padding: 24px 30px; font-size: 18px; font-weight: 400; color: #292d32; border-right: 1px solid #ececec; vertical-align: middle; } .staffaugmentiontable table tbody tr:nth-child(even) td { background: #f8f8f8; } .staffaugmentiontable table tbody tr td:last-child { border-right: 0; } .caparisionchart { border-radius: 0; } .caparisionchart table tbody tr td { text-align: center !important; } .caparisionchart table tbody tr td:first-child { text-align: left !important; } .mewhychoosebox { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 30px; padding: 10px 10px; } .mewhychooseboxinner { background-color: #fff; text-align: center; border-radius: 20px; padding: 30px 20px; font-size: 18px; color: #161f4e; height: 210px; overflow-y: auto; } .mewhychoosebox h3 { margin: 0; text-align: center; font-size: 24px; color: #ffffff; line-height: 32px; min-height: 100px; display: flex; align-items: center; justify-content: center; } .mewhychoose .col-md-12 .row { display: flex; flex-wrap: wrap; } .mewhychoose .col-md-12 .row .col-md-4 { display: flex; margin-bottom: 30px; } .meportfoliomain { backdrop-filter: blur(7.532355785369873px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border-radius: 38px; border: 3px solid #f2f2f22e; padding: 50px 50px; display: flex; align-items: center; } .meportfolioleft h3 { font-size: 30px; margin-bottom: 5px; line-height: 38px; color: #fff; } .meportfolioleft .meportfoliologo { margin-bottom: 20px; } .meportfoliosolutions span { font-size: 18px; margin-bottom: 2px; color: #fff; display: block; } .meportfoliosolutions p { font-size: 15px; margin-bottom: 0; color: #fff; } .meportfoliosolutions { margin-bottom: 20px; } .meportfoliohead { border-bottom: 0; } .meportfolioleft { width: 40%; padding-right: 40px; } .meportfolioright { width: 60%; } .meportfolioright img { max-width: 100%; width: 100%; } .meportfoliohead { border-bottom: 1px solid #ffffff1a; padding-bottom: 8px; margin-bottom: 20px; } .hireexpertbox { backdrop-filter: blur(7.562206268310547px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.025) 100% ); border-radius: 30px; padding: 30px; border: 2px solid #f2f2f252; } .hireexpertbox p { font-size: 16px; font-weight: 300; margin: 0; color: #fff; } .hireexperttop { display: flex; align-items: center; margin-bottom: 20px; } .hireexperttop h3 { color: #fff; font-size: 24px; margin: 0; width: 64%; line-height: 32px; } .hireexperticon { height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 12px; border: 2px solid #f2f2f23b; margin-right: 20px; } .hireexperticon img { max-width: 100%; } .hireexpertbox ul li { color: #fff; font-weight: 600; font-size: 16px; display: block; position: relative; padding-left: 28px; margin-bottom: 3px; } .hireexpertbox ul li a { font-size: 16px; display: block; color: #1a81ff !important; } .hireexpertbox ul { margin-top: 15px; } .hireexpertbox ul li::after { position: absolute; content: ""; top: 3px; left: 0px; height: 15px; width: 20px; background-image: url(../images/staff-augmention/arrowicon.png); background-position: center; background-size: 17px; background-repeat: no-repeat; } .hireexpertrow { display: flex; flex-wrap: wrap; } .hireexpertrow .col-md-4 { margin-bottom: 30px; display: flex; } .howitworkicons { height: 94px; width: 94px; display: flex; align-items: center; justify-content: center; border: 3.15px solid #ffffff; border-radius: 50px; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); margin: 0 auto 20px; } .mehowitworksbox h3 { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 10px; } .mehowitworksbox p { font-size: 15px; color: #e6e6e6; font-weight: 300; margin: 0; } .mehowitworksbox { text-align: center; background-image: url(../images/staff-augmention/howitworkbg.png); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 19%; padding: 43px 20px; margin-right: 15px; position: relative; } .me_howitworksmain { display: flex; } .howitworkscount { position: absolute; bottom: -60px; right: 0; left: 0; margin: 0 auto; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border: 8px solid #ffffff; width: 94px; height: 94px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; border-radius: 50px; } .me_howitworksmain .mehowitworksbox:last-child::after { display: none; } .me_howitworks .headingpart { margin-bottom: 40px; } /* ai-app */ .midhead hr { border-top: 1px solid rgba(255, 255, 255, 0.5); } .commsolution .mainsolution { display: flex; gap: 0px; align-items: center; } .commsolution .mainsolution .leftsol { width: 40%; } .commsolution .mainsolution .leftsol img { width: 100%; } .commsolution .mainsolution .rightsol { position: relative; width: 60%; background: rgba(255, 255, 255, 0.2); padding: 30px 30px; color: #fff; border-radius: 30px; border: 1px solid #ffffff7e; background: linear-gradient( 137deg, rgba(73, 176, 217, 0.16) 7.87%, rgba(193, 237, 255, 0.1) 99.45% ); } .commsolution .mainsolution .rightsol::before { content: ""; position: absolute; right: -15%; top: 0; height: 150px; width: 100%; background-image: url(../images/ai-development/line.png); } .commsolution .mainsolution .rightsol h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .commsolution .mainsolution .rightsol p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .commsolution .mainsolution .rightsol img { max-width: 55px; margin-bottom: 20px; } .aiappcta .container { background-size: 100%; height: 370px; display: flex; align-items: center; justify-content: end; background-repeat: no-repeat; } .aiappcta .ctaconttbx { width: 60%; color: #fff; padding-right: 20px; } .aiappcta .ctaconttbx h2 { font-weight: 700; font-size: 35px; line-height: 47px; margin-bottom: 20px; } .aiappcta .ctaconttbx p { font-weight: 400; font-size: 18px; line-height: 27px; margin-bottom: 30px; } .challengesicons { background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); height: 156px; width: 156px; margin: 0 auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; position: relative; border: 2px solid #ffffff33; transition: 0.3s ease-in-out; font-size: 50px; color: rgb(255, 255, 255); font-weight: 700; } .challengesicons h3 { font-size: 30px; font-weight: 600; margin: 0; } .challengesicons::after { position: absolute; content: ""; top: -17px; left: auto; right: auto; bottom: 0; border: 2.97px solid #ffffff; height: 190px; width: 190px; margin: 0 auto; border-radius: 50%; } .solutionboxdesign .challengesicons::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: auto; right: -56%; bottom: 0; background-image: url(../images/ai-development/sliderarrow.png); height: 80px; width: 40px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: 43px; } .solutionboxrow .col-md-3:last-child .solutionboxdesign .challengesicons::before { display: none; } .challengesline { border: 2.23px solid #ffffff; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; padding: 0 6px; color: #fff; font-size: 15px; line-height: 20px; border-radius: 8px; margin-top: 45px; min-height: 80px; } .challengesline::after { position: absolute; content: ""; top: -30px; left: auto; right: auto; bottom: 0; border-left: 2.97px solid #ffffff; height: 30px; margin: 0 auto; } .challengesbox { margin-top: 30px; } .whyrightai ul li { position: relative; background: #ffffff17; border: 1px solid #1a81ff; border-radius: 20px; color: #fff; padding: 40px 20px 20px; margin: 65px 0; min-height: 200px; } .whyrightai .beright, .whyrightai .berleft { width: 35%; } .whyrightai .bemid { width: 30%; display: flex; justify-content: center; } .whyrightai .bemid img { width: 100%; } .whyrightai .icc { display: flex; align-items: center; justify-content: center; height: 70px; width: 70px; border-radius: 12px; position: absolute; border: 1px solid #fff; background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); top: -18%; } .whyrightai .icc img { max-width: 45px; } .whyrightai .mainbenefit { display: flex; align-items: center; } .whyrightai ul li h3 { font-size: 24px; margin-bottom: 14px; font-weight: 800; } .whyrightai ul li p { font-size: 18px; margin-bottom: 10px; line-height: 28px; font-weight: 300; } .winpartern ul { padding: 0; justify-items: flex-start; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; } .winpartern ul li { transition: all ease-in 0.2s; text-align: center; margin-top: 30px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 10px; } .winpartern ul li:nth-child(1), .winpartern ul li:nth-child(2), .winpartern ul li:nth-child(3), .winpartern ul li:nth-child(4), .winpartern ul li:nth-child(6), .winpartern ul li:nth-child(7), .winpartern ul li:nth-child(8), .winpartern ul li:nth-child(9) { border-right: 1px solid #ffffff33; border-bottom: 1px solid #ffffff33; } .winpartern ul li:nth-child(5), .winpartern ul li:nth-child(10) { border-bottom: 1px solid #ffffff33; } .winpartern ul li:nth-child(11), .winpartern ul li:nth-child(12), .winpartern ul li:nth-child(13), .winpartern ul li:nth-child(14) { border-right: 1px solid #ffffff33; } .winpartern ul li img { max-width: 100px; } .crafting-bx .craft-bx { background-image: url(../images/home-image/line.png); background-size: 100%; background-repeat: no-repeat; padding: 20px 20px 35px; color: #fff; border: 2px solid #ffffff21; border-radius: 12px; background-position: top; height: 100%; transition: all 0.3s ease-in-out 0s; } .gett-form { background-size: cover; background-repeat: no-repeat; color: #fff; background: #121836; } .gett-form h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 20px; } .gett-form ul.nav.nav-pills { display: flex; border: 1px solid #ffffff63; border-radius: 30px; width: max-content; cursor: pointer; } .gett-form ul.nav.nav-pills li a { font-size: 16px; font-weight: 400; padding: 10px 20px; border-radius: 30px; width: 100%; display: flex; align-items: center; gap: 10px; } .gett-form ul.nav.nav-pills li a span { color: #1a81ff; } .gett-form ul.nav.nav-pills li.active a span { color: #fff; } .gett-form ul.nav.nav-pills li a img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; } .gett-form .nav-pills > li.active > a, .gett-form .nav-pills > li.active > a:focus, .gett-form .nav-pills > li.active > a:hover { color: #fff; background-color: #1a81ff; width: 100%; } .gett-form .tab-pane img { max-width: 50px; } .gett-form .tab-content > .active { display: flex; gap: 20px; align-items: flex-start; border: 1px solid #ffffff63; padding: 10px 20px; border-radius: 12px; margin-top: 20px; width: 95%; } .gett-form .tab-content p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } .gett-form .tab-content p a { color: #fff; } .gett-form .tab-content p a:hover { color: #1a81ff; } .gett-form .tab-content h4 { font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 10px; } .gett-form .nav > li > a:focus, .gett-form .nav > li > a:hover { background-color: transparent; color: #fff; } .gett-form .getintouch-form h2 { color: #fff; font-size: 20px; margin-bottom: 26px; font-weight: 700; text-align: center; } .gett-form .getintouch-form .form-control { border: 1px solid #f2f2f2; background-color: transparent; border-radius: 50px; height: 50px; color: #fff; font-size: 16px; padding: 20px 30px; box-shadow: unset; font-weight: 700; } .gett-form .getintouch-form .form-group textarea.form-control { height: 100px; border-radius: 20px; } .gett-form .getintouch-form .form-group { margin-bottom: 24px; } .gett-form .getintouch-form .form-group:last-child { margin-bottom: 0; } .gett-form .getintouch-form .form-group .formbtn { border-radius: 50px; } .gett-form .getintouch-form { padding: 45px 40px; background: linear-gradient(0deg, rgb(21 27 58), rgb(21 27 58 / 88%)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; border-radius: 20px 20px; box-shadow: 0 31px 42px 0 rgb(0 0 0 / 0.5); } .gett-form .formbtn { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 50px; padding: 16px 20px; display: flex; font-size: 16px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: center; text-align: center; border: 0; width: 100%; margin-top: 25px; height: 50px; } .gett-form .left-content { padding-right: 30px; } .meindustrymain .nav-pills { backdrop-filter: blur(7.562206268310547px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border-radius: 30px; padding: 30px 20px; border: 2px solid #f2f2f252; width: 24%; } .meindustrymain .nav-pills li a { font-size: 20px; color: #fff; align-items: center; padding: 15px 22px; border-radius: 18px; } .meindustrymain { display: flex; justify-content: space-between; } .meindustrymain .tab-content { width: 75%; background: linear-gradient(180deg, rgba(22, 31, 78, 0) 0%, #161f4e 100%); backdrop-filter: blur(7.562206268310547px); border-radius: 30px; border: 2px solid #f2f2f252; } .meindustrymain .nav-pills li a:hover, .meindustrymain .nav-pills li.active a { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .meindustryinner { overflow: hidden; border-radius: 30px; position: relative; height: 570px; } .meindustryinner::after { position: absolute; content: ""; left: 0; right: 0; height: 100%; width: 100%; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(22, 31, 78, 0) 0%, #161f4e 100%); } .meindustrycontent { position: absolute; bottom: 30px; left: 30px; z-index: 2; } .meindustrybg { height: 100%; width: 100%; object-fit: cover; } .meindustrycontent h3 { color: #fff; font-size: 50px; font-weight: 600; margin-bottom: 14px; } .meindustrycontent p { color: #fff; font-size: 16px; } .meindustrycontent ul li { margin-bottom: 5px; } .meindustrycontent ul li p { margin-bottom: 0; } .meindustrycontent { position: absolute; bottom: 30px; left: 0; z-index: 2; width: 92%; margin: 0 auto; right: 0; } .meindustrycontent ul { list-style: disc; color: #fff; padding-left: 20px; } .blogsthumbnail { height: 135px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 13px; margin-bottom: 10px; } .blogsthumbnail img { max-width: 100%; height: 100%; object-fit: cover; } .blogsboxx { box-shadow: 0px 0.52px 6.29px 0px #00000040 inset; backdrop-filter: blur(3.193843364715576px); background: linear-gradient( 139.76deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29% ); border-radius: 13px; padding: 20px; border: 2px solid #f2f2f236; margin: 0 10px; } .blogstext { padding: 10px 10px 0; } .blogstext span { color: #fff; display: block; margin-bottom: 6px; } .blogstext h3 { font-size: 18px; color: #fff; font-weight: 700; margin: 0 0 15px; } .readmoreeblogs { box-shadow: 0px 0px 18.25px 4.56px #2dcad42e; backdrop-filter: blur(7.343120098114014px); background: linear-gradient( 92.43deg, rgba(255, 255, 255, 0.25) -36.32%, rgba(255, 255, 255, 0.025) 266.98% ); height: 42px; border-radius: 6px; display: flex; align-items: center; justify-content: center; border: 2px solid #f2f2f236; color: #fff !important; font-weight: 700; font-size: 18px; } .blogsslider { padding-bottom: 90px; } .blogsslider .slick-next, .blogsslider .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 42px !important; height: 42px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .blogsslider .slick-prev { right: 0; left: -60px; bottom: 20px; margin: 0 auto; top: auto; } .blogsslider .slick-next { right: 0; left: 70px; bottom: 20px; margin: 0 auto; top: auto; } .blogsslider .slick-next::after, .blogsslider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/staff-augmention/sliderarrowright.png); background-repeat: no-repeat; background-position: center; background-size: 42px; border: 0; border-radius: 50px; width: 42px; height: 42px; background-color: transparent; } .blogsslider .slick-prev::after { background-image: url(../images/staff-augmention/sliderarrowleft.png); } .mectainner { box-shadow: 0px 1.58px 6.34px 0px #ffffff40 inset; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); border-radius: 42px; padding: 40px 70px; display: flex; } .mectaleft h2 { font-size: 50px; line-height: 60px; font-weight: 700; margin-bottom: 10px; color: #fff; } .mectaleft p { font-size: 24px; color: #fff; margin-bottom: 20px; } .mecta_btn { box-shadow: 0px 2.24px 8.97px 0px #ffffff40 inset; background: #151b3a; border-radius: 224px; padding: 14px 30px; color: #fff !important; height: 54px; display: inline-flex; justify-content: center; align-items: center; font-size: 21px; } .mectaleft { width: 50%; } .mectaimg { display: flex; justify-content: center; align-items: center; margin-bottom: -41px; width: 50%; } .mectaimg img { max-width: 480px; } .trustedby { overflow: hidden; } .casestudydocket .techstack { display: flex !important; flex-wrap: wrap; } .casestudydocket .techstack li { padding: 5px 10px; border-radius: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 1px solid #ffffff29; text-align: center; width: max-content; } .casestudydocket .techstack li p { font-size: 15px; } .mideastcontt ul { display: flex; margin-top: 30px; gap: 20px; } .mideastcontt ul li img { max-width: 100px; } .comm_choose ul li img { max-width: 55px; } .comm_choose .col-md-7 { position: sticky; top: 110px; padding-right: 40px; } .comm_choose .topchoose { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; } .comm_choose .topchoose h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 0; } .comm_choose li p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .comm_choose ul li { color: #fff; background: #1f304f; padding: 20px; margin-bottom: 20px; border-radius: 20px; } /* egypt */ .technum { padding: 90px 0; background-size: cover; background-repeat: no-repeat; } .technum ul { display: grid; grid-template-columns: repeat(6, 1fr); background-color: #fff; padding: 45px 30px; border-radius: 25px; text-align: center; } .technum ul li h3 { font-size: 32px; background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 800; } .technum ul li { position: relative; } .technum ul li::before { content: ""; position: absolute; height: 50px; width: 2px; background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); right: 0; top: 15%; } .technum ul li:last-child:before { display: none; } .technum ul li p { font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 0; color: #161f4e; } .epindustry .nav { padding: 15px 20px; border-radius: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; display: flex; flex-direction: column; gap: 15px; cursor: pointer; height: 540px; justify-content: center; } .epindustry .nav li { width: 100%; } .epindustry .nav li > a { border-radius: 12px; width: 100%; padding: 10px 20px; font-size: 18px; line-height: 26px; color: #ffffff; background-color: #c7c7c721; } .epindustry ul li.active > a { background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); } .epindustry .nav > li > a:focus, .epindustry .nav > li > a:hover { background-color: #c7c7c721; } .epindustry .expcontt { background-size: cover; background-repeat: no-repeat; height: 540px; display: flex; flex-direction: column; align-items: self-start; justify-content: end; padding: 30px 30px 30px; color: #ffffff; position: relative; overflow: hidden; border-radius: 30px; } .epindustry .expcontt::before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-color: #000c1a82; height: 100%; width: 100%; z-index: 1; border-radius: 30px; } .epindustry .expcontt .aibtnnew { margin-top: 20px !important; position: relative; z-index: 2; } .epindustry .expcontt h3 { font-weight: 700; font-size: 24px; line-height: 32px; position: relative; z-index: 2; } .epindustry .expcontt p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; position: relative; z-index: 2; } .epindustry .expcontt ul { list-style: disc; padding-left: 30px; } .epindustry .expcontt ul li { font-weight: 300; font-size: 16px; line-height: 28px; margin-top: 10px; position: relative; z-index: 2; } .newagetechno ul li img { max-width: 55px; } .newagetechno ul { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); } .newagetechno ul li { border-radius: 30px; border: 2px solid rgba(255, 255, 255, 0.6); background: radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.03) 100% ), rgba(21, 27, 58, 0.05); backdrop-filter: blur(3.7811031341552734px); padding: 30px 30px; color: #fff; } .newagetechno ul .topnew { display: flex; gap: 10px; margin-bottom: 15px; align-items: center; } .newagetechno ul h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 0; } .newagetechno ul p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .costapp .costiem .paara1 { text-align: left; background: #ffffff; border: 2px solid #1f79bd; border-radius: 20px; padding: 10px 20px; display: flex; align-items: flex-start; min-height: 400px; flex-direction: column; } .costapp .costiem ul { padding-left: 20px; list-style: disc; } .costapp .costiem h3 { color: #161f4e; font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 10px; } .costapp .costiem p { color: #161f4e; font-weight: 300; font-size: 15px; line-height: 28px; margin-bottom: 5px; } /* egypt */ .mideast-map .mapcontt { background-size: cover; height: 450px; position: relative; padding: 40px 30px; border-radius: 20px; overflow: hidden; } .mideast-map .mapcontt::before { background: linear-gradient( 270deg, rgb(21 27 58 / 68%) 32.33%, rgba(19, 25, 55, 0.9) 78.5% ); z-index: 1; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .mideast-map .mapcontt .midhead { position: relative; z-index: 2; } .mideast-map .mapbox iframe { border-radius: 20px; width: 100%; overflow: hidden; } .mideast-map .mideastform { margin-left: 80px; } .midprocessbx ul { display: flex; flex-wrap: wrap; gap: 10px; border-radius: 20px; justify-content: center; } .midprocessbx ul li { width: 24%; border: 1px solid #ffffff7e; background: linear-gradient( 137deg, rgba(73, 176, 217, 0.16) 7.87%, rgba(193, 237, 255, 0.1) 99.45% ); padding: 20px 30px; color: #ffff; border-radius: 20px 20px 20px 0; margin-bottom: 10px; position: relative; overflow: hidden; } .midprocessbx ul li span { position: absolute; right: 0; top: 0; background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); color: #fff; padding: 10px; font-size: 22px; border-bottom-left-radius: 20px; } .midprocessbx ul li h3 { font-weight: 700; font-size: 20px; line-height: 25px; margin-bottom: 5px; } .midprocessbx ul li p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .midprocessbx ul li:nth-child(5), .midprocessbx ul li:nth-child(6), .midprocessbx ul li:nth-child(7) { width: 32%; } .midprocessbx ul li img { max-width: 55px; margin-bottom: 10px; } .lazy-section { opacity: 0; transition: opacity 0.5s ease-in-out; } .lazy-section.loaded { opacity: 1; } .mideast-faq .faq_box .interlink_update { color: #2d2d2d !important; font-style: normal; } .ctahead { color: #fff; font-weight: 700; font-size: 35px; line-height: 48px; margin-bottom: 30px; } .bottombtn { text-align: center; margin-top: 40px; } .me_aboutss .headingpart h2 { font-size: 48px; line-height: 60px; margin-bottom: 12px; } .me_aboutss .headingpart p { line-height: 31px; text-align: justify; } .me_aboutss .headingpart { margin: 0; padding-left: 40px; } .me_aboutssimg { display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; padding: 20px; border-radius: 20px; height: 460px; overflow: hidden; } .me_aboutssimg img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; } .me_aboutss .row { display: flex; align-items: center; } .slidermeportfolio .slick-prev, .slidermeportfolio .slick-next { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .slidermeportfolio .slick-prev { right: auto; left: -26px; top: 50%; transform: translateY(-50%) scale(-1); } .slidermeportfolio .slick-next { right: -26px; left: auto; top: 50%; transform: translateY(-50%); } .slidermeportfolio .slick-next::after, .slidermeportfolio .slick-prev::after { position: absolute; content: ""; background-image: url(../images/saudi-arabia/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } /* */ .voiceaibanner { overflow: hidden; height: 700px; position: relative; text-align: left; color: #fff; background-size: cover; background-position: left; background-repeat: no-repeat; } .voiceaibanner .voicecontt { position: absolute; z-index: 1; left: 0; top: 60px; bottom: auto; right: 0; width: 100%; overflow: hidden; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; } .voiceaibanner .container { height: 100%; } .voiceaibanner h1 { font-weight: 700; font-size: 50px; line-height: 60px; } .voiceaibanner h1 span { background: linear-gradient(90deg, #1a81ff 0%, #f2f2f2 50%, #60a5fa 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .voiceaibanner p { font-weight: 300; font-size: 17px; line-height: 28px; } .voiceaibanner .row { display: flex; align-items: center; height: 100%; } .voiceaibanner .voiceimgg img { width: 100%; } .voiceaibanner .hero { height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .voiceaibanner .hero .voicebtn a { padding: 10px 22px; backdrop-filter: blur(30px); box-shadow: 0px 13.54px 40.61px 0px #0000000d; border-radius: 50px; background: rgba(255, 255, 255, 0.6); color: #003777; transition: 0.15s linear; font-size: 27px; font-weight: 700; overflow: hidden; display: flex; align-items: center; gap: 8px; border: none; z-index: 3; position: relative; } .voiceaibanner .hero .voicebtn a img { max-width: 40px; } .voiceaibanner .radar { position: relative; width: 300px; height: 300px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .voiceaibanner .radar::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background-image: url(../images/voiceai/circle.png); background-size: cover; background-position: center; box-shadow: 0 0 60px rgba(109, 185, 255, 0.6); animation: spin 4s linear infinite; z-index: 1; } .voiceaibanner .ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); animation: pulse 4s infinite; } .voiceaibanner .ring:nth-child(2) { inset: -20px; animation-delay: 1s; } .ring:nth-child(3) { inset: -40px; animation-delay: 2s; } @keyframes pulse { 0% { opacity: 0.6; transform: scale(0.9); } 100% { opacity: 0; transform: scale(1.3); } } .voiceaibanner .label { position: absolute; right: -13%; top: -19%; font-size: 18px; line-height: 28px; color: #fff; font-weight: 600; animation: fadeIn 2s infinite alternate; transform: rotate(15deg); } .voiceaibanner .label::after { content: "↓"; display: block; font-size: 22px; animation: arrow 1.2s infinite; } @keyframes arrow { 0% { transform: translateY(0); } 100% { transform: translateY(10px); } } @keyframes fadeIn { from { opacity: 0.6; } to { opacity: 1; } } .voiceaibanner .icon { position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: float 4s ease-in-out infinite; z-index: 3; } .voiceaibanner .icon img { width: 75%; } .voiceaibanner .icon.top { top: -22%; left: 30%; } .voiceaibanner .icon.right { right: -30%; top: 40%; } .voiceaibanner .icon.bottom { bottom: -24%; left: 40%; } .voiceaibanner .icon.left { left: -30%; top: 40%; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } .mideast_banner .partnericon { margin-top: 15px; } .commplatform .iconn { border-radius: 16px; display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; background: linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%); margin-bottom: 15px; transition: all.5s; border: 2px solid transparent; } .commplatform .platitem:hover .iconn { border: 2px solid #3b82f6; background: transparent; } .commplatform .platitem { border-radius: 24px; border: 2px solid rgba(168, 85, 247, 0.2); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(2px); padding: 33px; transition: all.5s; } .commplatform .platitem:hover { border: 2px solid #3b82f6; } .commplatform .platfrombx { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; color: #fff; } .commplatform .platfrombx h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .commplatform .platfrombx p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .commtenx .tenmain { display: flex; gap: 60px; margin: 60px 0; color: #fff; } .commtenx .tenmain .tencontt { width: 50%; position: relative; } .commtenx .tenmain .tenimg { width: 50%; position: relative; } .commtenx .tenmain .tenimg img { width: 100%; position: relative; z-index: 2; } .commtenx .tenmain .tenimg::before { content: ""; position: absolute; inset: 0; border-radius: 16px; background: linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%); transform: translate(8px, -10px) rotate(3deg); transition: transform 0.4s ease; z-index: -1; } /* HOVER EFFECT */ .commtenx .tenmain:hover .tenimg::before { transform: translate(8px, -10px) rotate(0deg); } .commtenx .tencontt span { color: #f1f5f9; font-size: 60px; font-weight: 700; line-height: 60px; } .commtenx .tencontt h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .commtenx .tencontt p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .ecommerceapp .ecoitem { border-radius: 24px; border: 2px solid rgba(168, 85, 247, 0.2); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(2px); padding: 33px; color: #fff; transition: all.5s; margin: 0 10px; min-height: 420px; } .ecommerceapp .ecoitem:hover { border: 2px solid #3b82f6; } .ecommerceapp .ecoitem img { max-width: 55px; margin-bottom: 15px; } .ecommerceapp .ecoitemplatfrombx h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .ecommerceapp .ecoitem p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .ecommerceapp .slick-next, .ecommerceapp .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .ecommerceapp .slick-prev { right: auto; left: 45%; top: auto; bottom: -15%; transform: translateY(-50%) scale(-1); } .ecommerceapp .slick-next { right: 45%; left: auto; top: auto; bottom: -15%; transform: translateY(-50%); } .ecommerceapp .slick-next::after, .ecommerceapp .slick-prev::after { content: ""; position: absolute; inset: 0; margin: auto; width: 35px; height: 35px; border-radius: 50%; background-color: #fff; background-image: url("../images/ecommerce/slidearrow.png"); background-repeat: no-repeat; background-position: center; background-size: 10px; border: 2px solid #fff; transition: all 0.3s ease; } .ecommerceapp .slick-next:hover::after, .ecommerceapp .slick-prev:hover::after { background-color: transparent; border-color: #49b0d9; } .ecommerceslider { padding-bottom: 30px; } .commboostbx .boostmain { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .commboostbx .boostmain .iconn img { max-width: 55px; } .commboostbx .boostmain .imgboost { position: relative; } .commboostbx .boostmain .iconn { position: absolute; top: 20px; right: 20px; } .commboostbx .boostitem { border-radius: 24px; border: 1px solid rgba(168, 85, 247, 0.2); background: linear-gradient( 135deg, rgba(88, 28, 135, 0.2) 0%, rgba(30, 58, 138, 0.2) 100% ); backdrop-filter: blur(2px); overflow: hidden; } .commboostbx .boostitem:hover { box-shadow: 0 0 24.021px 0 rgba(73, 176, 217, 0.5); } .commboostbx .boostmain .imgboost img { width: 100%; } .commboostbx .boostcontt { padding: 20px 20px; color: #fff; } .commboostbx .boostcontt h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .commboostbx .boostcontt p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .commchoosee .choosemainbx { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; z-index: 2; padding: 0; cursor: pointer; overflow: hidden; } .commchoosee .choosemainbx img { max-width: 65px; margin-bottom: 20px; } .commchoosee .chooseitem { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; min-height: 250px; height: auto; overflow: hidden; color: #fff; z-index: 1; background: rgb(21 27 57 / 61%); border-bottom: 1px solid #ffffff40; box-shadow: 0 0 0 2px transparent; transition: 0.5s ease-in-out; background-position: center; } .commchoosee .chooseitem:nth-child(-n + 3), .commchoosee .chooseitem:nth-child(5), .commchoosee .chooseitem:nth-child(6), .commchoosee .chooseitem:nth-child(7), .commchoosee .chooseitem:nth-child(9), .commchoosee .chooseitem:nth-child(10), .commchoosee .chooseitem:nth-child(11) { border-right: 1px solid #ffffff40; } .commchoosee .chooseitem:nth-child(n + 9) { border-bottom: none; } .commchoosee .chooseitem .backbx { inset: 0; width: 100%; height: 100%; padding: 20px 25px; position: absolute; transform: translate(0, 100%); transition: all 0.3s ease-in-out 0s; display: flex; align-items: stretch; justify-content: center; align-items: center; flex-direction: column; visibility: hidden; opacity: 0; } .commchoosee .chooseitem .backbx p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } .commchoosee .chooseitem h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 0px; } .commchoosee .chooseitem:hover .backbx { transform: translate(0, 0); visibility: visible; opacity: 1; } .commchoosee .chooseitem .backbx:after { position: absolute; content: ""; backdrop-filter: blur(6px); background-color: #1a81ff; inset: 0; margin: auto; width: 100%; height: 100%; z-index: -1; } .reliableprocess ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; border-top: 4px solid #fff; padding-top: 20px; margin-top: 50px; } .reliableprocess ul li { border-radius: 16.645px; padding: 30px 30px; border: 1.04px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); box-shadow: 0 4.161px 31.209px 0 rgba(0, 0, 0, 0.1); color: #fff; position: relative; } .reliableprocess ul li::before { content: ""; position: absolute; height: 15px; width: 15px; border-radius: 50%; top: -10%; left: 48%; background-color: #1a81ff; } .reliableprocess ul li span { background: linear-gradient(0deg, #1a81ff -3.7%, #ffffff47 86.42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 40px; font-weight: 600; position: absolute; right: 20px; top: 20px; } .reliableprocess ul li img { max-width: 55px; margin-bottom: 15px; } .reliableprocess ul li h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 10px; } .reliableprocess ul li p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } .industryservedmain { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .industryservedbox { overflow: hidden; height: 210px; width: 100%; display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff66; border-radius: 22px; position: relative; margin: 0px 20px 20px 0; cursor: auto; } .industryservedbox::after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient( 7.42deg, #070a21 13.62%, rgba(130, 58, 207, 0) 64.42% ); } .industryservedbox a { height: 100%; width: 100%; } .industryservedbox img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; } .industryservedbox h3 { font-size: 16px; font-weight: 600; position: absolute; bottom: 15px; color: #fff; z-index: 2; width: 100%; text-align: center; } .ecommtesti .toptesti { display: flex; gap: 15px; align-items: center; margin-bottom: 20px; } .ecommtesti .topcontt { display: flex; flex-direction: column; } .ecommtesti .topcontt img { width: 100%; } .ecommtesti .toptesti .imggtesti img { width: 100px; height: 100px; border: 2px solid #fff; border-radius: 50%; } .ecommtesti .itemclient h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 10px; } .ecommtesti .itemclient p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } .ecommtesti .itemclient { border-radius: 24px; color: #fff; background: linear-gradient( 135deg, rgba(6, 182, 212, 0.2) 0%, rgba(59, 130, 246, 0.2) 100% ); padding: 30px; } .ecommtesti .clientwith { display: flex; justify-content: center; } .ecommtesti .testiclient { width: 70%; } .ecommtesti .slick-next, .ecommtesti .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .ecommtesti .slick-prev { right: auto; left: -60px; top: 45%; transform: translateY(-50%) scale(-1); } .ecommtesti .slick-next { right: -60px; left: auto; top: 45%; transform: translateY(-50%); } .ecommtesti .slick-next::after, .ecommtesti .slick-prev::after { content: ""; position: absolute; inset: 0; margin: auto; width: 35px; height: 35px; border-radius: 50%; background-color: #fff; background-image: url(../images/ecommerce/slidearrow.png); background-repeat: no-repeat; background-position: center; background-size: 10px; border: 2px solid #fff; transition: all 0.3s ease; } .ecommtesti .slick-next:hover::after, .ecommtesti .slick-prev:hover::after { background-color: transparent; border-color: #49b0d9; } .ecommtesti ul.slick-dots { display: flex; gap: 5px; justify-content: center; margin-top: 10px; } .ecommtesti ul.slick-dots button { display: flex; width: 8px; height: 8px; justify-content: center; align-items: flex-start; border-radius: 9999px; background: rgba(255, 255, 255, 0.2); font-size: 0; border: none; } .ecommtesti ul.slick-dots li.slick-active button { border-radius: 9999px; width: 48px; height: 8px; background: linear-gradient(82deg, #5fc3b9 9.8%, #1c75bb 98.53%); box-shadow: 0 0 20px 0 rgba(6, 182, 212, 0.5); } .midcomm-form img { width: 100%; } .midcomm-form .container { display: flex; flex-direction: column; } .midcomm-form .container .row .col-md-6 { display: flex; flex-direction: column; height: 100%; } .midcomm-form .bling-circle { content: ""; display: block; position: absolute; width: 70px; height: 30px; border-radius: 50%; background: rgb(255 255 255/0%); } .midcomm-form .bling-circle:after { content: ""; width: 1px; height: 1px; border-radius: 100%; border: 3px solid #fff; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgb(18 171 238/80%); } @-webkit-keyframes ring-animation { to { box-shadow: 0 0 0 40px transparent; } } .midcomm-form .bling-address-1 { position: absolute; top: 90px; left: 60px; } .midcomm-form .bling-address-2 { position: absolute; top: 40px; left: 220px; } .midcomm-form .bling-address-3 { position: absolute; top: 33%; left: 69%; } .midcomm-form .bling-address-4 { position: absolute; top: 22%; right: 39%; } .midcomm-form .address-block { display: block; width: 210px; border: 1px solid rgb(255 255 255/33%); background: #08223a; transform: scale(0); transition: 0.5s all; } .midcomm-form .address-block h4 { color: #fff; font-size: 24px; line-height: 32px; } .midcomm-form .world-map { width: 100%; height: 400px; background-size: contain; background-repeat: no-repeat; } .midcomm-form .world-map span { font-size: 14px; color: #fff; } .midcomm-form p.text-white { color: #fff; } .midcomm-form .mideastform { margin-left: 50px; } .ecommhire .ecommhirerow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .ecommhire .mainehirebx { border-radius: 24px; border: 1px solid rgba(168, 85, 247, 0.3); background: linear-gradient( 135deg, rgba(88, 28, 135, 0.3) 0%, rgba(22, 78, 99, 0.3) 100% ); backdrop-filter: blur(12px); padding: 30px; height: 100%; color: #fff; } .ecommhire .mainehirebx h3 { font-size: 25px; font-weight: 400; line-height: 32px; margin-bottom: 10px; } .ecommhire .mainehirebx p { font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 0px; } /* */ /* san */ .speaknumberr .numitem { color: #1a81ff; border-radius: 14px; border: 1px solid #e6e6e6; background: #fff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05), 0 10px 15px 0 rgba(0, 0, 0, 0.05); padding: 20px; } .speaknumberr .numitem .usernumber_count { display: flex; font-size: 44px; font-weight: 700; } .speaknumberr .numitem span { font-size: 16px; font-weight: 500; } .speaknumberr img { max-width: 45px; } .speaknumberr .numbreak { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; justify-content: center; } .teamprovides_main .nav-tabs { width: 50%; overflow-y: auto; overflow-x: hidden; background-color: #1a81ff; padding: 20px 30px; border: 0; height: 560px; } .teamprovides_main .nav-tabs::-webkit-scrollbar { width: 10px; height: 10px; } .teamprovides_main .nav-tabs::-webkit-scrollbar-track { background: #fff; border-radius: 10px; } .teamprovides_main .nav-tabs::-webkit-scrollbar-thumb { background: #1a81ffa8; border-radius: 10px; } .teamprovides_main .tab-content { width: 50%; padding: 0 70px; } .teamprovides_main { display: flex; width: 100%; border: 2px solid #1a81ff; border-radius: 12px; overflow: hidden; align-items: center; } .teamprovides_main .nav-tabs li button { background-color: transparent !important; border: 0 !important; outline: 0; box-shadow: unset; border-bottom: 1px solid #fff !important; border-radius: 0; padding: 25px 20px; color: #fff !important; font-size: 20px; font-weight: 600; opacity: 0.5; width: 100%; text-align: left; } .teamprovides_box h3 { font-size: 26px; color: #fff; margin-bottom: 15px; font-weight: 700; } .teamprovides_box p { color: #fff; font-size: 17px; line-height: 29px; margin-bottom: 20px; } .teamprovides_box > img { max-width: 48px; margin-bottom: 24px; } .teamprovides_main .nav-tabs li { width: 100%; } .teamprovides_main .nav-tabs li.active button { opacity: 1; } .hireappdev .aibtnnew { justify-content: center; display: flex; } .whychooosemain .nav-tabs li.active button { opacity: 1; } .whychooosemain .nav-tabs li button { background-color: transparent !important; text-transform: capitalize; opacity: 0.5; } .whychooosedesign .tab-content { display: flex; justify-content: center; } .whychooosemain_box { display: flex; align-items: center; overflow: hidden; border-radius: 30px; border: 2px solid #fff; margin-top: 40px; max-width: 1100px; background-color: #fff; } .whychooose_left { width: 50%; display: flex; align-items: center; height: 400px; } .whychooose_left img { width: 100%; } .whychooose_right { padding: 40px 35px; width: 50%; color: #08223a; } .whychooose_right ul { padding-left: 25px; list-style: circle; } .whychooose_right h3 { font-size: 22px; margin-bottom: 16px; font-weight: 600; } .whychooose_right li { font-size: 17px; font-weight: 300; margin-top: 10px; } .whychooose_right p { font-size: 17px; text-align: justify; } .whychooosemain .nav-tabs { border: 0; display: flex; gap: 20px; justify-content: center; } .whychooosemain .nav-tabs li { text-align: center; } .whychooosemain .nav-tabs li button { border: 0; border-bottom: 1px solid #fff; padding: 10px 10px; text-align: center; margin: 0; color: #fff; font-size: 16px; font-weight: 700; position: relative; width: 100%; } .whychooosemain .nav-tabs li button::after { content: ""; width: 0; height: 0; vertical-align: middle; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #fff; position: absolute; bottom: -12px; left: 0; right: 0; margin: 0 auto; display: none; } .sanindustrybx .sanindustry { display: grid; grid-template-columns: repeat(6, 1fr); position: relative; z-index: 2; padding: 0; gap: 0px; cursor: pointer; overflow: hidden; } .sanindstryitem { border-right: 1px solid #ffffff29; border-bottom: 1px solid #ffffff29; position: relative; text-align: center; padding: 30px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .sanindstryitem:nth-child(6), .sanindstryitem:nth-child(12) { border-right: none; } .sanindstryitem:nth-child(7), .sanindstryitem:nth-child(8), .sanindstryitem:nth-child(9), .sanindstryitem:nth-child(10), .sanindstryitem:nth-child(11), .sanindstryitem:nth-child(12) { border-bottom: none; } .sanindustrybx span { width: 62px; height: 62px; border-radius: 50%; justify-content: center; align-items: center; background: linear-gradient( to bottom, rgba(31, 121, 189, 1), rgba(73, 176, 217, 1) ); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .sanindustrybx span img { max-width: 40px; } .sanindustrybx h3 { color: #fff; font-size: 18px; line-height: 22px; font-weight: 400; margin: 0; } .costapp .para2 { text-align: left; background: #ffffff; border: 2px solid #1f79bd; border-radius: 20px; padding: 10px 20px; display: flex; align-items: flex-start; min-height: 300px; flex-direction: column; } .featureintegrate .featureitems { border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.6); background: radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.03) 100% ), rgba(21, 27, 58, 0.05); backdrop-filter: blur(3.7811031341552734px); padding: 30px 30px; color: #fff; margin: 0 10px; transition: all 0.5s; min-height: 360px; } .featureitems.slick-slide.slick-current.slick-active.slick-center { border: 2px solid #125aff; } .featureintegrate .featureitems img { max-width: 45px; margin-bottom: 15px; } .featureintegrate .featureitems h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .featureintegrate .featureitems p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .featureintegrate .slick-next, .featureintegrate .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .featureintegrate .slick-prev { right: auto; left: -50px; top: 50%; transform: translateY(-50%) scale(-1); } .featureintegrate .slick-next { right: -50px; left: auto; top: 50%; transform: translateY(-50%); } .featureintegrate .slick-next::after, .featureintegrate .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 20px; border: 2px solid #fff; border-radius: 50px; width: 40px; height: 40px; background-color: #fff; } .featureslider .slick-track { display: flex; } .featureslider .slick-slide { overflow: hidden; max-height: 400px; } .featureslider .slick-slide > div { height: 100%; } .sanctaa .mainsancta { display: flex; flex-wrap: wrap; align-items: center; padding: 20px 20px; border-radius: 20px; color: #fff; background: #e6e6e624; } .sanctaa .mainsancta .sanlft { width: 65%; padding: 30px 20px 30px 40px; } .sanctaa .mainsancta h2 { font-weight: 700; font-size: 35px; line-height: 48px; margin-bottom: 10px; } .sanctaa .mainsancta p { font-weight: 500; font-size: 18px; line-height: 32px; margin-bottom: 10px; } .sanctaa .mainsancta ul { padding-left: 25px; list-style: circle; margin-bottom: 20px; display: flex; gap: 40px; } .sanctaa .mainsancta li { font-weight: 300; font-size: 18px; line-height: 32px; margin-bottom: 10px; } .sanctaa .mainsancta .sanrght { width: 35%; } .sanctaa .mainsancta .imageebx { position: relative; height: 330px; } .sanctaa .mainsancta .imageebx img { position: absolute; width: 100%; bottom: -30%; } .sanctaa { padding: 35px 0 90px; } .mappboxx { border-radius: 20px; overflow: hidden; } .mappboxx iframe { width: 100%; } .sannprocess .mainfollow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .sannprocess .itemfollow { padding: 30px 30px; border-radius: 20px; background-color: #fff; position: relative; color: #08223a; transition: all 0.5s; border: 2px solid transparent; } .sannprocess .itemfollow:hover { border: 2px solid #125aff; cursor: pointer; box-shadow: #0066cc61 0px 7px 29px 0px; } .sannprocess .itemfollow span { color: #3e86ee; font-size: 55px; font-weight: 800; position: absolute; top: 20px; right: 30px; } .sannprocess .itemfollow img { max-width: 45px; margin-bottom: 15px; } .sannprocess .itemfollow h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .sannprocess .itemfollow p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .hireappdev .hireimgg img { width: 100%; } .usaexpertsbox { background-color: #ffffff14; padding: 13px 28px 13px 15px; transition: 0.3s ease-in-out; box-shadow: 0 0 350px #ffffff00; border-radius: 50px; display: flex; align-items: center; transition: 0.3s ease-in-out; margin: 0 10px 30px; } .usaexpertsmain { display: flex; flex-wrap: wrap; justify-content: center; } .usaexpertsbox:hover { background-color: #fff; } .usaexpertsimg img { max-width: 100%; width: 100%; object-fit: cover; height: 100%; } .usaexpertsimg { width: 70px; height: 70px; overflow: hidden; border-radius: 50%; } .usaexpertsbox h3 { color: #fff; font-size: 20px; margin-left: 20px; margin-bottom: 0; transition: 0.3s ease-in-out; font-weight: 700; } .usaexpertsbox:hover h3 { color: #08223a; } .usavideo .row { display: flex; align-items: center; } .usavideo { position: relative; } .usavideo img { width: 100%; } .Video_btn { color: #fff !important; border-radius: 50px; font-size: 30px; animation-name: pulsewala1; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; margin: 0 auto; display: flex; right: 0; position: absolute; left: 0; text-align: center; width: 80px; height: 80px; background-color: #0080ff; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); } .Video_btn img { filter: brightness(20.5); max-width: 45px; } @keyframes pulsewala1 { 0% { box-shadow: 0 0 0 0 #89beff; } 80% { box-shadow: 0 0 0 14px #5e9de9; } } .feedback_video { position: relative; border-radius: 8px; overflow: hidden; width: 30%; height: 450px; } .feedback_slider { width: 70%; padding-left: 10px; } .feedback_video > img, .whychooose_left img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; } .feedback_video:after { content: ""; display: block; position: absolute; left: 0; top: 0; opacity: 1; width: 100%; height: 100%; z-index: 1; background: linear-gradient( to bottom, rgba(50, 87, 153, 0.3) 0, rgba(32, 124, 202, 0.4) 70%, rgba(0, 0, 0, 0.8) 100% ); } .clients_feedbacks_main { display: flex; } .feedback_video .Video_btn { z-index: 2; } .feedback_slider_box { position: relative; z-index: 1; background: #fff; padding: 17px; margin: 6px 14px 4px; border-radius: 8px; box-shadow: 1px 0 0 3px rgb(123 149 162 / 15%); } .papularapps_icons img, .quote_feedback img { max-width: 40px; } .feedback_content p { font-size: 17px; line-height: 25px; font-weight: 400; color: #08223a; margin: 0; } .feedbackbottom { display: flex; align-items: center; margin-top: 20px; } .feedbackprofile { display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; height: 60px; width: 60px; margin-right: 16px; } .feedbackprofile img { max-width: 65px; border-radius: 12px; } .quote_feedback img { max-width: 35px; margin-bottom: 12px; } .feedbackbottom h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 4px; line-height: 22px; display: block; } .feedbackbottom h4 { color: #0080ff; font-size: 14px; font-weight: 400; } .feedback_content { height: 269px; overflow-y: auto; overflow-x: hidden; } .feedback_content::-webkit-scrollbar { display: none; } /* san */ .middelbg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; background-repeat: no-repeat; } .optimze_middleeast .container { position: relative; z-index: 2; } .optimze_middleeast { height: auto; padding: 190px 0 80px; } .midbannercontent ul { display: flex; margin-top: 30px; } .midbannercontent ul li { margin-right: 10px; } .gettform_img { display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; padding: 20px; border-radius: 20px; height: 504px; overflow: hidden; } .gettform_img img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; } .helpingclient .hover-tabs-wrapper { display: flex; gap: 20px; } .helpingclient .nav-tabs { border: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding-top: 30px; } .helpingclient .nav-tabs > li { float: none; } .helpingclient .nav-tabs > li > a { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; border-radius: 14px; padding: 10px; margin: 0; transition: all 0.3s ease; display: flex; height: 100%; align-items: center; justify-content: center; text-align: center; cursor: pointer; color: #fff; font-size: 16px; font-weight: 500; } .helpingclient .nav-tabs > li.active > a, .helpingclient .nav-tabs > li > a:focus { background: #3983f7; color: #fff; border-color: #3983f7; } .helping-tab-content { background: #f8fbff; color: #08223a; border-radius: 18px; padding: 30px; min-height: 250px; } .helping-tab-content img { max-width: 45px; margin-bottom: 15px; } .helping-tab-content h3 { font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 10px; } .helping-tab-content p { font-size: 17px; line-height: 26px; font-weight: 400; margin: 0; } .helping-tab-content ul { padding-left: 18px; list-style: circle; } .helping-tab-content ul li { font-size: 16px; line-height: 26px; font-weight: 400; margin-top: 10px; } .helpingclient .nav:before { display: none; } .advancenycbx .mainadvanceny { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .advancenycbx .advancenycbxitem { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; border-radius: 20px; padding: 30px; color: #fff; width: 31%; transition: all 0.5s; } .advancenycbx .advancenycbxitem:hover { background: #1f304f; } .advancenycbx .advancenycbxitem:nth-child(4), .advancenycbx .advancenycbxitem:nth-child(5) { width: 48%; } .advancenycbx .advancenycbxitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .advancenycbx .advancenycbxitem p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .techgropsechoose .col-md-5 { position: sticky; top: 100px; } .techgropsechoose .enterprisebx h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .techgropsechoose .enterprisebx p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 10px; } .techgropsechoose .enterprisebx ul { padding-left: 15px; list-style: circle; } .techgropsechoose .enterprisebx li { font-weight: 300; font-size: 17px; line-height: 28px; margin-top: 10px; } .techgropsechoose .enterpriseitem { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; border-radius: 20px; padding: 30px; color: #fff; transition: all 0.5s; margin-bottom: 20px; } .techgropsechoose .enterpriseitem:hover { background: #1f304f; } .techgropseindustry .container { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .techgropseindustry .industryroww { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .techgropseindustry .industryyitem { width: 12%; filter: brightness(0) invert(1); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 15px 10px; border: 2px solid #ffffff29; color: #fff; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .techgropseindustry .industryyitem img { max-width: 45px; margin-bottom: 10px; } .commlocalization .localrow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .commlocalization .localitem { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; border-radius: 20px; padding: 30px; color: #fff; transition: all 0.5s; } .commlocalization .localitem:hover { background: #1f304f; } .commlocalization .localitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .commlocalization .localitem p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .techadherencebx { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .techadherencebx .techadherenceitem { border: 1px solid #fff; padding: 30px; border-radius: 20px; color: #fff; transition: all 0.5s; } .techadherencebx .techadherenceitem:hover { border: 1px solid #116cff; } .techadherencebx .techadherenceitem h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 35px; margin-bottom: 10px; } .techadherencebx .techadherenceitem p { font-weight: 300; font-size: 17px; line-height: 28px; } .mapadress .addressmain { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 20px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; width: max-content; } .mapadress .addressmain p { font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } .mapadress .addressmain a { font-weight: 300; font-size: 16px; line-height: 22px; color: #ffffff; } /* new-york */ /* new-york */ /* newqatar */ .newbgg { background-color: #012c49; color: #fff; } .aee_banner { overflow: hidden; height: 700px; position: relative; text-align: left; color: #fff; background-size: cover; background-repeat: no-repeat; } .aee_banner::after { background: linear-gradient( 213deg, rgb(2 62 102 / 48%) 15.55%, #012c49ed 72.99% ); z-index: 1; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .aee_banner .aebannercontt { position: absolute; z-index: 2; left: 0; top: auto; bottom: 0; right: 0; width: 100%; overflow: hidden; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; padding-top: 110px; } .aee_banner .bannervideo { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; } .aee_banner .container { position: relative; z-index: 2; } .aee_banner h1 { font-weight: 800; font-size: 50px; line-height: 60px; } .aee_banner p { font-weight: 300; font-size: 17px; line-height: 28px; color: #ffff; } .aee_banner .row { display: flex; align-items: center; } .clientturst h3 { font-weight: 600; font-size: 20px; } .aehead { margin-bottom: 30px; } .aecenter { text-align: center; } .aehead h2 { font-weight: 700; font-size: 36px; line-height: 48px; color: #ffffff; margin-bottom: 20px; } .aehead h2 span { color: #49b0d9; } .aehead .subhead { color: #fff; font-size: 18px; font-weight: 400; padding: 10px 15px; border-radius: 9.583px; border-top: 2.416px solid #fff; border-right: 4.831px solid #fff; border-bottom: 4.831px solid #fff; border-left: 2.416px solid #fff; margin-bottom: 30px; display: block; width: max-content; } .aehead p { font-weight: 300; font-size: 18px; line-height: 28px; color: #ffffff; margin-bottom: 5px; } .aestartup ul { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); } .aestartup ul li { border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.39); background: rgba(255, 255, 255, 0.04); transition: all 0.4s ease-in-out; padding: 20px; } .aestartup ul li:hover { background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); } .aestartup span { color: #fff; text-shadow: 0 0 19.37px rgba(255, 255, 255, 0.86); font-size: 42px; font-weight: 700; line-height: 58px; } .aestartup p { color: #fff; font-size: 18px; font-weight: 400; line-height: 29px; } .aecreate .createimgg img { width: 100%; padding-right: 40px; } .aecreate .aehead { padding-top: 30px; } .aeservice .aeserviceitem { border-radius: 30.119px; border: 2px solid rgba(255, 255, 255, 0.6); background: radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.03) 100% ), rgba(21, 27, 58, 0.05); padding: 30px 25px; margin-bottom: 20px; } .aeservice .aeserviceitem img { max-width: 55px; } .aeservice .aeserviceitem .aetop { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; } .aeservice .aeserviceitem h3 { color: #fff; font-size: 24px; font-weight: 600; line-height: 36px; margin: 0; } .aeservice .aeserviceitem p { color: #fff; font-size: 17px; font-weight: 300; line-height: 29px; } .commstickybx { position: sticky; top: 130px; } .aecommcta .commconttae { width: 65%; padding: 30px 30px; } .aecommcta .container { background-size: 100%; height: 320px; background-repeat: no-repeat; display: flex; align-items: center; border-radius: 40px; } .commconttae h2 { font-weight: 600; font-size: 32px; line-height: 46px; color: #ffffff; margin: 0 0 20px; } .commconttae a { display: flex; padding: 12px 30px; justify-content: center; align-items: center; gap: 14px; border-radius: 20px; border: 1px solid transparent; background: #151b3a; color: #fff; text-align: center; font-size: 19px; font-weight: 300; line-height: 28px; width: max-content; transition: all 0.5s; } .aecommcta .commconttae a:hover { border: 1px solid #fff; padding: 12px 32px; box-shadow: 0 1.965px 7.862px 0 rgba(255, 255, 255, 0.25) inset; } .aesuccess .aesuccessmain { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .aesuccess .aesuccessmain .iconn { border-radius: 12px; border: 1px solid transparent; background: rgba(34, 211, 238, 0.55); display: flex; width: 60px; height: 60px; justify-content: center; align-items: center; transition: all 0.5s; } .aesuccess .aesuccessitem:hover .iconn { border: 1px solid #e5e7eb; background: transparent; } .aesuccess .aesuccessmain img { max-width: 35px; } .aesuccess .aesuccessmain h3 { color: #fff; font-size: 24px; font-weight: 600; line-height: 36px; transition: all 0.5s; } .aesuccess .aesuccessmain p { color: #fff; font-size: 17px; font-weight: 300; line-height: 29px; margin: 0; transition: all 0.5s; } .aesuccess .aesuccessitem { border-radius: 16px; padding: 30px 30px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); cursor: pointer; box-shadow: 0 4.161px 31.209px 0 rgba(0, 0, 0, 0.1); } .deliverimgg img { width: 100%; } /* Container spacing */ .aeworldclass .panel-group { padding-left: 30px; } /* Panel Card */ .aeworldclass .panel { border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.3); background: #1f304f; color: #fff; margin-bottom: 10px; padding: 10px; box-shadow: none; } /* Remove default bootstrap background */ .aeworldclass .panel-default > .panel-heading { background: transparent; border: none; padding: 10px 20px; position: relative; } /* Title link styling */ .aeworldclass .panel-title > a { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; text-decoration: none; color: #fff; font-size: 24px; font-weight: 600; line-height: 36px; } /* Image */ .aeworldclass .panel-title img { max-width: 45px; } /* Description */ .aeworldclass .panel-body { padding-top: 0; font-size: 17px; font-weight: 300; line-height: 29px; color: #fff; border-top: none; } /* Remove focus outline */ .aeworldclass .panel-title > a:focus { outline: none; text-decoration: none; } /* Custom Arrow */ .aeworldclass .panel-title > a:after { content: "\f078"; /* FontAwesome down arrow */ font-family: FontAwesome; position: absolute; top: 25px; right: 25px; transition: 0.3s ease; font-size: 32px; font-weight: 400; } /* Rotate arrow when open */ .aeworldclass .panel-title > a[aria-expanded="true"]:after { transform: rotate(180deg); right: 0; } .aeworldclass .panel-title > a:after { content: "+"; position: absolute; top: 15px; right: 0px; font-size: 22px; } .aeworldclass .panel-title > a[aria-expanded="true"]:after { content: "-"; font-size: 32px; font-weight: 400; } .clientae .lookitem { padding: 20px 65px 20px 20px; margin: 0 10px; border-radius: 16.645px; border: 1.04px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); box-shadow: 0 4.161px 31.209px 0 rgba(0, 0, 0, 0.1); position: relative; } .clientae .lookitem::before { content: ""; position: absolute; right: 25px; top: 20px; height: 35px; width: 35px; background-image: url(../images/qatar/comma.png); background-repeat: no-repeat; } .clientae .lookitem img { height: 60px; width: 60px; border-radius: 50%; border: 1px solid #175eff; } .clientae .lookitem .lookprofile { display: flex; align-items: center; gap: 12px; margin-top: 20px; } .clientae .lookitem p { color: #fff; font-size: 17px; font-weight: 300; line-height: 29px; margin: 0; min-height: 190px; } .clientae .lookitem span { color: #22d3ee; font-size: 17px; font-weight: 400; line-height: 29px; } .clientae .slick-next, .clientae .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .clientae .slick-prev { right: auto; left: -4%; top: 45%; bottom: auto; transform: translateY(-50%) scale(-1); } .clientae .slick-next { right: -4%; left: auto; bottom: auto; top: 45%; transform: translateY(-50%); } .clientae .slick-next::after, .clientae .slick-prev::after { position: absolute; content: ""; background-image: url(../images/qatar/sliderarrow.png); background-repeat: no-repeat; background-position: center; background-size: 15px; border-radius: 50px; width: 40px; height: 40px; background-color: #fff; } .aeworld-class .worldclassitem img { max-width: 45px; } .aeworld-class .worldclassitem .topword { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; } .aeworld-class .worldclassitem { padding: 20px 20px; border-radius: 16.645px; border: 1.04px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); box-shadow: 0 4.161px 31.209px 0 rgba(0, 0, 0, 0.1); margin: 0 5px; min-height: 300px; } .aeworld-class .worldclassitem h3 { color: #fff; font-size: 19px; font-weight: 400; line-height: 36px; } .aeworld-class .worldclassitem p { color: #fff; font-size: 17px; font-weight: 300; line-height: 29px; margin: 0; } .aeworld-class .slick-next, .aeworld-class .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .aeworld-class .slick-prev { right: 8%; left: auto; top: 0; bottom: auto; transform: translateY(-50%) scale(-1); } .aeworld-class .slick-next { right: 2%; left: auto; bottom: auto; top: 0; transform: translateY(-50%); } .aeworld-class .slick-next::after, .aeworld-class .slick-prev::after { position: absolute; content: ""; background-image: url(../images/qatar/sliderarrow.png); background-repeat: no-repeat; background-position: center; background-size: 15px; border-radius: 50px; width: 40px; height: 40px; background-color: #fff; } .aeworld-class .worldclasslider { padding-top: 40px; } .aenewcta .ctaimgg img { width: 100%; border-radius: 10px; background: rgba(255, 255, 255, 0.2); box-shadow: 0 0 24.021px 0 rgba(73, 176, 217, 0.5); backdrop-filter: blur(50px); } .aeleveraging .leveragbx { position: relative; width: 100%; height: 350px; overflow: hidden; border-radius: 8px; cursor: pointer; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); color: #fff; padding: 5px 5px; } .aeleveraging .levbox { border-radius: 8px; border: 1.026px solid rgba(6, 182, 212, 0.3); background: rgba(15, 23, 42, 0.5); } .aeleveraging .leveragbx .leveragblock { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 10px; text-align: center; z-index: 2; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .aeleveraging .leveragbx img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } .aeleveraging .leveragbx .leveraghide { background-color: #000000a3; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; padding: 30px 10px 20px; text-align: center; z-index: 1; opacity: 0; transform: translateY(100%); transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); display: flex; flex-direction: column; justify-content: center; align-items: center; } .aeleveraging .leveragbx h3 { font-size: 27px; font-weight: 600; line-height: 36px; margin: 0; } .aeleveraging .leveragbx p { font-size: 17px; font-weight: 300; line-height: 29px; margin: 0; color: #fff; } .aeleveraging .leveragbx:hover .leveraghide { opacity: 1; transform: translateY(0); } .aeleveraging .leveragbx:hover .leveragblock { opacity: 0; transform: translateY(100%); } .aefindoutcost .costhead { border-radius: 50px; border: 4.076px solid #1f79bd; background: #fff; padding: 8px 10px; margin-bottom: 20px; } .aefindoutcost .costhead h3 { color: #161f4e; font-size: 22px; font-weight: 400; line-height: 28px; margin: 0; text-align: center; } .aefindoutcost .costbody { background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); position: relative; border-radius: 20px; padding: 35px 30px; height: 100%; } .aefindoutcost .row{ display: flex; } .aefindoutcost .maincost { height: 100%; overflow: hidden; display: flex; flex-direction: column; width: 100%; } .aefindoutcost .costbody::before { position: absolute; content: ""; height: 96%; width: 97%; background-color: #fff; top: 10px; left: 5px; right: 5px; bottom: 10px; border-radius: 20px; z-index: 0; } .aefindoutcost .maincost p { color: #08223a; font-size: 17px; font-weight: 400; line-height: 29px; margin: 0; position: relative; z-index: 1; } .aefindoutcost .maincost ul { list-style: disc; padding-left: 20px; position: relative; z-index: 1; } .aefindoutcost .maincost li { color: #08223a; font-size: 17px; font-weight: 300; line-height: 29px; margin-top: 10px; } .aecommctabx .container { background-size: 100%; height: 385px; background-repeat: no-repeat; display: flex; align-items: end; border-radius: 40px; } .aecommctabx .commconttae { width: 65%; padding: 30px 30px 70px; } .client_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: marquee 30s linear infinite; align-items: center; } .marquee { position: relative; width: 100%; max-width: 100%; height: 110px; overflow-x: hidden; } .client_img { outline: 0 !important; width: 200px; border-left: 1px solid #ffffff17; text-align: center; height: 72px; display: flex; align-items: center; justify-content: center; } .client_img img { width: 55%; margin: 0 auto; transition: 0.5s all; filter: invert(1) brightness(60.5); } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .office-info { padding: 15px 25px; background: linear-gradient(180deg, #04243f, #03182c); color: #fff; border-radius: 10px; margin-top: 10px; } .office-icon span { display: inline-block; background: #0d6efd; padding: 6px 16px; border-radius: 20px; font-size: 13px; margin-bottom: 10px; text-align: center; } .office-icon img { width: 100px; flex-shrink: 0; opacity: 0.9; } .office-content h3 { font-size: 24px; margin-bottom: 6px; font-weight: 700; } .office-content p { font-size: 14px; line-height: 1.7; color: #d7e6ff; margin: 0; } .office-flex { display: flex; align-items: center; gap: 20px; } .office-icon { display: flex; flex-direction: column; gap: 10px; } /* newqatar */ @media (max-width: 1023px) { .mideast_banner .mideastcontt { align-items: flex-start; justify-content: flex-start; padding-top: 20px; z-index: 2; height: 1200px; } .mideast_banner { height: 1200px; } .mideast_banner h1 { font-weight: 700; font-size: 30px; line-height: 36px; } .mideast_banner .row { align-items: start; flex-direction: column; } .mideastform { padding: 20px 20px; margin: 20px 0 0; } .ctamainbx .container { background-color: #06c; background-image: none !important; height: auto; } .ctamainbx .cta-conttbx { width: 100%; text-align: center; padding: 20px; } .ctamainbx .cta-conttbx h2 { font-size: 23px; line-height: 32px; margin-bottom: 20px; } .mainservicebx ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } .industrycustom ul li .inback { height: 100%; } .ctamainbxleft .container { padding: 35px 20px; justify-content: center; align-items: center; background-image: none !important; background: #1a81ff; border-radius: 0; height: auto; } .cta-conttbx h2 { font-size: 25px; line-height: 32px; } .cta-conttbx { width: 100%; padding-left: 0px; text-align: center; } .roadmapbx .roadmapimg { display: none; } .roadmapbx .roadmapcontt { width: 100%; } .roadmapbx .roadmapagile { border-radius: 10px; gap: 20px; } .home-experts ul.nav.nav-pills { flex-direction: row; border-left: none; gap: 5px; overflow-x: scroll; padding: 0; margin-bottom: 5px; } .home-experts ul.nav.nav-pills::-webkit-scrollbar { width: 8px; height: 6px; } .home-experts ul.nav.nav-pills::-webkit-scrollbar-track { background: #2928284b; border-radius: 10px; } .home-experts ul.nav.nav-pills::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .home-experts ul.nav.nav-pills .circle { display: none; } .home-experts ul.nav.nav-pills > li.active { height: auto; background-image: none; background: #1a81ff; } .home-experts .expert-bx ul li p { width: max-content; margin: 0; } .home-experts ul.nav.nav-pills > li { height: auto; background-image: none; background: #08223a; border-radius: 10px; margin-bottom: 15px; margin-left: 0; } .home-experts ul.nav.nav-pills > li a { width: max-content; padding: 10px; } .home-experts .expert-bx { border-radius: 10px; margin-bottom: 50px; overflow: hidden; } .home-experts .expert-bx ul { animation: 5s linear 0s infinite normal none running client-marquee; display: flex !important; gap: 10px; padding: 10px; margin-bottom: 10px; height: 160px; } .homebannerbtns { display: flex; margin-top: 20px; justify-content: center; } .home-experts .tab-content > .active { padding-top: 15px; } .realhead h2 { font-size: 28px; line-height: 35px; } .realhead h2 br { display: none; } .realhead span { padding: 0; border: none; border-radius: 0px; background: transparent; } .realhead::after { display: none; } .utilizingbx ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } .userengagement .col-md-7 { position: relative; top: auto; } .featurestable .container { padding: 10px; border-radius: 10px; } .hireappdev, .global-table { overflow: hidden; width: 100%; } .global-table::-webkit-scrollbar { width: 8px; height: 6px; } .global-table::-webkit-scrollbar-track { background: #2928284b; border-radius: 10px; } .global-table::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .global-table { overflow-x: scroll; width: 100%; } .global-table table { overflow-x: scroll !important; width: max-content; } .realStories .clutch-item .hidee { display: block; } .realStories .slick-track { display: flex; align-items: flex-start; overflow: hidden; height: 415px; } .hireappdev .container { padding: 10px; border-radius: 10px; } .mideast-faq .faq_box { padding: 10px 10px 10px 15px; height: auto; border-radius: 10px; } .mideast-faq .faq_box_head { height: auto; } .mideast-faq .faq_box_head::after { top: 20px; } .differdev ul { grid-template-columns: repeat(2, 1fr); } .expertisebx ul { padding: 10px; border-radius: 10px; flex-direction: row; height: auto; overflow-x: scroll; justify-content: start; margin-bottom: 20px; } .expertisebx ul::-webkit-scrollbar-thumb { background-color: #1a81ff; color: #fff; border-radius: 12px; } .expertisebx ul::-webkit-scrollbar { border-radius: 15px; width: 4px; height: 4px; } .expertisebx ul li > a { border-radius: 10px; width: max-content; padding: 10px; font-size: 18px; line-height: 22px; } .helpingbusiness .businessitem { display: flex; flex-direction: column-reverse; gap: 20px; padding: 10px; border-radius: 10px; } .helpingbusiness .businessitem .busincontt { width: 100%; } .helpingbusiness .businessitem .businimg { width: 100%; } .hireaidev ul { grid-template-columns: repeat(3, 1fr); } .hireaidev ul li:nth-child(even) { margin-top: 0; } .industrycustom { background-image: none !important; } .ctaaicomm .ctabx .ctaimg { display: none; } .ctaaicomm .ctabx .cta-conttbx { width: 100%; padding: 30px; } .ctaaicomm .ctabx { border-radius: 12px; } .topaiapp ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } .aiworldclass .mainclass { gap: 20px; flex-direction: column-reverse; } .aiworldclass .mainclass ul, .aiworldclass .mainclass .worldimg { width: 100%; } .whyrightai .bemid { display: none; } .whyrightai .mainbenefit { display: flex; align-items: start; gap: 0px; } .whyrightai .beright, .whyrightai .berleft { width: 47%; } .whyrightai .icc { position: relative; top: auto; margin-bottom: 10px; } .whyrightai ul { margin-top: 0; margin-bottom: 0px; } .whyrightai ul li { border-radius: 10px; padding: 20px 20px 20px; margin: 35px 0 0; min-height: auto; } .winpartern { overflow: hidden; } .winpartern ul { animation: 5s linear 0s infinite normal none running client-marquee; display: flex !important; } .winpartern ul li { margin: 0 5px; border: 1px solid #ffffff33; } .gett-form .tab-content > .active { width: 100%; margin-bottom: 30px; } .gett-form .left-content { padding-right: 0; } .gett-form .getintouch-form { padding: 20px; border-radius: 10px; } .gett-form .getintouch-form .form-control { border-radius: 12px; height: 45px; padding: 10px 15px; } .gett-form .getintouch-form .form-group textarea.form-control { height: 100px; border-radius: 12px; } .gett-form .getintouch-form .form-group .formbtn { border-radius: 12px; } .aiappcta .container { background-image: none !important; background-color: #125aff; padding: 40px 20px; text-align: center; height: auto; } .aiappcta .ctaconttbx h2 { font-size: 25px; line-height: 32px; } .aiappcta .ctaconttbx { width: 100%; } /* ey */ .epindustry .nav { padding: 10px; border-radius: 10px; flex-direction: row; height: auto; overflow-x: scroll; margin-bottom: 20px; justify-content: flex-start; } .epindustry .nav::-webkit-scrollbar-thumb { background-color: #1a81ff; color: #fff; border-radius: 12px; } .epindustry .nav::-webkit-scrollbar { border-radius: 15px; width: 4px; height: 4px; } .epindustry .nav li > a { border-radius: 10px; width: max-content; padding: 10px; font-size: 18px; line-height: 22px; } .technum ul { grid-template-columns: repeat(4, 1fr); background-color: #fff; padding: 20px 20px; border-radius: 10px; } .technum ul li::before { display: none; } .technum ul li { border: 1px solid #0080ff; padding: 10px; } .midprocessbx ul li { width: 48%; } .midprocessbx ul li:nth-child(5), .midprocessbx ul li:nth-child(6), .midprocessbx ul li:nth-child(7) { width: 100%; } /* ey */ .commplatform .platfrombx { grid-template-columns: repeat(2, 1fr); } .commboostbx .boostmain { grid-template-columns: repeat(2, 1fr); } .commchoosee .choosemainbx { grid-template-columns: repeat(2, 1fr); } .reliableprocess ul { grid-template-columns: repeat(2, 1fr); border: none; margin-top: 0; } .reliableprocess ul li::before { display: none; } .industryservedmain { grid-template-columns: repeat(3, 1fr); } .ecommhire .ecommhirerow { grid-template-columns: repeat(2, 1fr); } .whychooosemain .nav-tabs { gap: 10px; overflow-y: hidden; overflow-x: scroll; } .whychooosemain .nav-tabs::-webkit-scrollbar-thumb { background-color: #1a81ff; color: #fff; border-radius: 12px; } .whychooosemain .nav-tabs::-webkit-scrollbar { border-radius: 15px; width: 4px; height: 4px; } .sanindustrybx .sanindustry { grid-template-columns: repeat(3, 1fr); } .sanctaa .mainsancta .sanrght { display: none; } .sanctaa .mainsancta .sanlft { width: 100%; padding: 20px; } .sannprocess .mainfollow { grid-template-columns: repeat(2, 1fr); } .helpingclient .nav-tabs { display: flex; overflow-x: scroll; overflow-y: hidden; gap: 10px; padding-top: 0px; } .helpingclient .nav-tabs::-webkit-scrollbar { width: 10px; } .helpingclient .nav-tabs::-webkit-scrollbar-thumb { background: #0080ff; border-radius: 10px; } .helpingclient .nav-tabs::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .helpingclient .nav-tabs > li > a { border: 2px solid #ffffff29; border-radius: 10px; width: max-content; } .helpingclient .nav-tabs > li { margin-bottom: 10px; } .helping-tab-content { border-radius: 10px; padding: 20px; min-height: auto; margin-top: 10px; } .advancenycbx .advancenycbxitem { width: 48%; } .techgropsechoose .col-md-5 { position: relative; top: auto; } .techgropseindustry .industryyitem { width: 28%; } .techadherencebx { grid-template-columns: repeat(2, 1fr); } /* qatar */ .aee_banner { text-align: center; height: 1200px; } .aee_banner .row { display: flex; flex-direction: column; } .aee_banner h1 { font-size: 30px; line-height: 42px; } .aee_banner .aebannercontt { padding-top: 50px; } .aehead h2 { font-weight: 600; font-size: 26px; line-height: 38px; margin-bottom: 20px; } .aestartup span { font-size: 35px; font-weight: 500; line-height: 48px; } .aecommcta .container { background-image: none !important; background-color: #1779ff; border-radius: 0px; height: auto; } .aecommcta .commconttae { width: 100%; padding: 20px; } .aestartup p { font-size: 16px; font-weight: 300; line-height: 29px; } .aestartup ul li { border-radius: 10px; padding: 10px; text-align: center; } .aecreate .createimgg img { padding-right: 0; } .aehead { margin-bottom: 20px; text-align: center; } .aibtnnew { margin: 10px 0 20px; display: flex; justify-content: center; } .aibtnnew a { border-radius: 15px; } .aeservice .aeserviceitem { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.6); padding: 20px 15px; margin-bottom: 20px; } .aeservice .aeserviceitem h3 { font-size: 20px; line-height: 28px; } .aeservice .aeserviceitem img { max-width: 45px; } .commconttae h2 { font-size: 20px; line-height: 32px; text-align: center; } .aesuccess .aesuccessitem { border-radius: 10px; padding: 20px; } .aesuccess .aesuccessmain .iconn { border-radius: 10px; width: 50px; height: 50px; } .aesuccess .aesuccessmain h3 { font-size: 20px; line-height: 28px; margin-bottom: 5px; } /* Accordion wrapper */ .aeworldclass .panel-group { padding: 30px 0 0; } /* Panel (instead of accordion-item) */ .aeworldclass .panel { border-radius: 10px; } /* Title text (instead of h3 inside accordion-button) */ .aeworldclass .panel-title > a { font-size: 20px; line-height: 30px; width: 100% !important; } .aeworldclass .panel-default > .panel-heading { padding: 10px 10px; } .clientae .slick-prev { left: 38%; top: auto; bottom: -11%; } .clientae .slick-next { right: 30%; top: auto; bottom: -11%; } .clientae .lookslider.slick-initialized.slick-slider { padding-bottom: 20px; } .commconttae a { padding: 12px 15px; gap: 10px; border-radius: 10px; font-size: 18px; width: 100%; } .aeworld-class .slick-prev { left: 38%; right: auto; top: auto; bottom: -11%; } .aeworld-class .slick-next { right: 30%; top: auto; bottom: -11%; } .aeworld-class .worldclasslider.slick-initialized.slick-slider { padding-bottom: 20px; } .aeleveraging .leveragbx h3 { font-size: 20px; } .aeworld-class .worldclasslider { padding-top: 0; } .aee_banner .groupmid { gap: 10px; flex-direction: column; } .aee_banner .mibannerlist .midlist { width: 100%; text-align: center; justify-content: center; } .clientturst .marquee { height: 50px; overflow: hidden; } .trustcontt { text-align: center; } /* Title link layout (row instead of column) */ .aeworldclass .panel-title > a { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; padding: 0; border: none; } /* Title text size */ .aeworldclass .panel-title > a { font-size: 18px; line-height: 28px; width: 65%; } /* Adjust arrow position */ .aecreate ul { gap: 10px; justify-content: center; margin-bottom: 20px; } .aecreate h3 { font-size: 25px; line-height: 38px; } .aesuccess .aesuccessmain { grid-template-columns: repeat(2, 1fr); } .clientae .lookitem::before { display: none; } .clientae .lookitem { padding: 20px 20px; margin: 0 5px; border-radius: 10px; } .clientae { overflow: hidden; } .aecommctabx .commconttae { width: 100%; padding: 20px; } .aecommctabx .container { background-image: none !important; background-color: #1779ff; border-radius: 0px; height: auto; } /* qatar */ } @media (max-width: 767px) { .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .py { padding: 20px 0 !important; } .mideast_banner .groupmid { flex-direction: row; gap: 10px; justify-content: center; } .mideast_banner .mibannerlist .midlist { flex-direction: column; width: 48%; } .trustkingdom .subhead { padding: 10px 10px; border-radius: 8px; } .midhead h2 { font-size: 24px; line-height: 34px; margin-bottom: 10px; } .midhead p { font-size: 16px; line-height: 24px; } .trustkingdom ul { gap: 20px; flex-wrap: wrap; justify-content: center; } .mainservicebx ul { grid-template-columns: repeat(1, 1fr); } .industrycustom ul { grid-template-columns: repeat(1, 1fr); } .industrycustom ul li { border: 1px solid #fff; margin-bottom: 20px; } .emergingtechno .emerginglist { grid-template-columns: repeat(1, 1fr); gap: 10px; } .casestudydocket .caseitem { padding: 20px; border-radius: 10px; flex-direction: column-reverse; } .casestudydocket .caseitem .contt { width: 100%; } .casestudydocket .caseitem .imgitem { width: 100%; } .casestudydocket .caseitem .imgitem img { border-radius: 10px; } .casestudydocket .caseitem .contt img { display: none; } .costapp .costappslider { grid-template-columns: repeat(1, 1fr); gap: 10px; } .engagementmodels ul { grid-template-columns: repeat(1, 1fr); } .minutes-bx { padding: 30px 10px; } .minutes-bx .mintt-bx { justify-content: center; flex-direction: column; gap: 10px; } .minutes-bx ul li { border: 1px solid #fff; } .minutes-bx ul li:last-child { border-right: 1px solid #fff; grid-column: 1 / span 2; justify-content: center; } .buildcustom .row { display: flex; flex-direction: column-reverse; } .utilizingbx ul { grid-template-columns: repeat(1, 1fr); } .userengagement .cardbx h3 { font-size: 19px; line-height: 26px; } .userengagement .icon img { max-width: 35px; } .mobileslider { margin-bottom: 90px; } .mobileslider .slick-next, .mobileslider .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .mobileslider .slick-prev { right: 0; left: -60px; top: auto; transform: scale(-1); bottom: -55px; } .mobileslider .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: -55px; } .mobileslider .slick-next::after, .mobileslider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .roadmapbx .mobileslider .roaditem { border-radius: 10px; min-height: 315px; } .roadmapbx .roaditem { border-radius: 10px; } .buildcustom .container { padding: 20px; border-radius: 10px; } .mideast_banner .mibannerlist .midlist span { font-size: 15px; text-align: center; line-height: 20px; } .mideast_banner .col-md-5 { width: 100%; } .trustcontt { text-align: center; } .trustcontt h3 { font-size: 25px; line-height: 30px; } .trustkingdom .kingimg img { margin-bottom: 20px; } .trustkingdom .subhead h4 { font-size: 18px; } .titlehead span { font-size: 18px; padding: 10px; } .industrycustom ul li .infornt { text-align: center; width: 100%; } .industrycustom ul li .infornt { justify-content: flex-start; height: 100%; top: 8%; } .industrycustom ul li .inback { opacity: 1; transform: translateY(0); min-height: 240px; border-radius: 0 0 12px 12px; } .industrycustom ul li { margin-bottom: 20px; padding-top: 115px; overflow: hidden; border-radius: 12px; overflow: visible; height: auto; } .industrycustom ul li img { max-width: 40px; margin-bottom: 10px; } .industrycustom ul li h3 { font-size: 19px; line-height: 24px; } .industrycustom { padding: 30px 0 0; } .roadmapbx .roadmapagile { padding: 30px 35px 0; } .buildcustom .playimg img { margin-bottom: 20px; } .worlindustry .row { display: flex; flex-direction: column-reverse; } .worlindustry img { margin-bottom: 20px; } .differdev ul { grid-template-columns: repeat(1, 1fr); } .differdev ul li { height: 150px; background-image: none; background: #121836; border-radius: 20px; border: 3px solid #125aff; padding: 0 15px; margin-top: 20px; position: relative; } .differdev ul li::after { content: ""; position: absolute; left: 50%; bottom: -15%; transform: translateX(-50%); width: 30px; height: 20px; background-color: #125aff; clip-path: polygon(100% 0, 0 0, 50% 100%); z-index: 1; } .differdev ul li:last-child:after { display: none; } .trustkingdom .nextlist { grid-template-columns: repeat(1, 1fr); } .trustkingdom .row { display: flex; flex-direction: column-reverse; } .hiringmodelbx .hiringbx { grid-template-columns: repeat(1, 1fr); } .aibtnnew a, .aibtnnew button { font-size: 16px; line-height: 20px; padding: 15px 18px; border-radius: 15px; } .aibtnnew a:hover { padding: 15px 20px; } .aigentbx ul li::before { height: 20px; width: 20px; background-size: 20px; left: -9%; top: 3px; } .aigentbx ul { padding-left: 40px; } .helpingbusiness .businessitem .busincontt ul li::before { left: -10%; } .hireaidev ul { grid-template-columns: repeat(2, 1fr); } .hireaidev ul li h3 { font-size: 19px; line-height: 22px; margin-bottom: 5px; } .helpingbusiness .slick-prev { display: none; } .helpingbusiness .slick-next { display: none; } .mideast-faq .col-md-6 { margin-bottom: 25px; } .roadmapbx .newroad .roaditem { position: relative; z-index: 2; } .roadmapbx .newroad .roaditem::after { content: ""; position: absolute; left: 50%; bottom: -20%; transform: translateX(-50%); width: 30px; height: 20px; background-color: #151b3a; clip-path: polygon(100% 0, 0 0, 50% 100%); z-index: 1; } .roadmapbx .newroad .roaditem:last-child::after { display: none; } .roadmapbx .roaditem h3 { font-size: 18px; line-height: 22px; margin-bottom: 0; text-align: center; } .trustkingdom .kingimg { display: none; } .engagementmodels ul li h3 { font-size: 20px; line-height: 28px; } .engagementmodels ul li { border-radius: 12px; padding: 20px 20px; } .realStories .clutch-item h3 { font-size: 20px; line-height: 26px; } .title-head h4 { font-size: 18px; line-height: 28px; } .realStories .clutch-item { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .expertisebx .expcontt { height: 480px; } .casestudydocket .caseitem ul { padding: 25px 0px 0px 25px; } .idealchoice .container { padding: 20px; border-radius: 12px; text-align: center; } .idealchoice ul { gap: 10px; flex-wrap: wrap; justify-content: center; } .idealchoice ul li { border: 2px solid #ffffff29; padding: 10px; border-radius: 10px; width: 47%; } .idealchoice ul li h3 { font-size: 17px; } .idealchoice ul li p { margin-bottom: 0; } .topaiapp ul { grid-template-columns: repeat(1, 1fr); } .topaiapp ul li h3 { font-weight: 700; font-size: 20px; line-height: 32px; margin-bottom: 5px; } .topaiapp ul li { padding: 15px; border-radius: 10px; } .aiworldclass .mainclass ul li::before { left: -14%; } .aiworldclass .container { margin: 0 10px; padding: 20px; border: 2px solid #ffffff29; border-radius: 10px; } .aiworldclass .mainclass ul li { margin-top: 10px; } .whyrightai .beright, .whyrightai .berleft { width: 100%; } .whyrightai .mainbenefit { flex-direction: column; } .winpartern .main-clutch { margin-bottom: 0; } .gett-form ul.nav.nav-pills { border-radius: 12px; } .gett-form ul.nav.nav-pills li a { padding: 10px 10px; gap: 5px; border-radius: 12px; } .commsolution .mainsolution { flex-direction: column; } .commsolution .mainsolution .leftsol { display: none; } .commsolution .mainsolution .rightsol img { max-width: 45px; margin-bottom: 10px; } .commsolution .mainsolution .rightsol h3 { font-size: 18px; margin-bottom: 5px; } .commsolution .mainsolution .rightsol { width: 100%; } .commsolution .mainsolution .rightsol { order: 2; padding: 10px; border-radius: 10px; } .solutionboxdesign .challengesicons::before { display: none; } .challengesicons { background: linear-gradient(128deg, #1f79bd 0%, #49b0d9 97.46%); height: 90px; width: 90px; font-size: 22px; border-radius: 10px; } .challengesicons::after { height: 110px; width: 110px; top: -11px; border-radius: 10px; } .challengesicons h3 { font-size: 26px; font-weight: 600; margin: 0; } .bannerhight { height: 500px; text-align: center; } .bannerhight .mideastcontt { align-items: flex-start; justify-content: flex-start; padding-top: 20px; z-index: 2; height: 500px; } .challengesbox { margin-top: 30px; } .whyrightai .icc { height: 50px; width: 50px; } .whyrightai .icc img { max-width: 35px; } .aigentbx .agentimgg { margin-bottom: 30px; } .casestudydocket .techstack { padding: 10px 0 !important; } .awdd-slider { min-height: auto; } .gett-form .tab-content > .active { gap: 10px; padding: 10px 10px; width: 100%; } /* ey */ .epindustry .expcontt { height: 530px; } .comm_choose .col-md-7 { position: relative; top: auto; padding-right: 15px; } .comm_choose .topchoose h3 { font-size: 20px; line-height: 28px; } .technum ul { grid-template-columns: repeat(2, 1fr); } .technum ul li p { font-size: 15px; line-height: 20px; } .technum { padding: 30px 0; } .newagetechno ul { grid-template-columns: repeat(1, 1fr); } .newagetechno ul li { border-radius: 10px; padding: 20px; } .newagetechno ul h3 { font-size: 20px; line-height: 28px; } .mideast_banner .row { display: block; text-align: center; } .mideastcontt ul li img { max-width: 80px; } .mideastcontt ul { gap: 10px; } .aibtnnew { margin-top: 25px; } .mideastform { padding: 15px 20px 10px; border-radius: 10px; margin-top: 20px; } /* ey */ .mebanner_content { margin-top: 0; text-align: center; } .staffaugmention_bg { height: auto; overflow: hidden; padding: 40px 0 50px; } .mebanner_content h1 { font-size: 32px; font-weight: 800; line-height: 43px; margin-bottom: 18px; } .mebanner_content p { font-size: 16px; margin-bottom: 24px; font-weight: 400; } .mebtnsbox .me_btndesign1 { margin-right: 0; } .me_btndesign1, .me_btndesign2 { height: 46px; display: flex; padding: 10px 30px; border-radius: 10px; color: #ffffff !important; font-size: 18px; } .me_banner::after { background: linear-gradient( 359deg, rgba(21, 27, 58, 0) -9.62%, rgba(19, 25, 55, 0.9) 74.7% ); } .trustedby .row { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column; } .partnericon { overflow: visible; } .partner_img { width: 100px; } .trustedby .row .col-md-5, .trustedby .row .col-md-7 { width: 100%; } .padding { padding: 30px 0; } .trustedby { padding-bottom: 0 !important; } .me_brandstext h2 { font-size: 28px; line-height: 38px; margin-bottom: 12px; } .me_brandstext { padding-right: 0; margin-bottom: 30px; } .me_brandstext p { font-size: 16px; margin-bottom: 15px; } .trustedbrands_box { padding: 20px 18px; border-radius: 6px; text-align: center; width: 100%; height: 100%; } .me_trustedbrands .row .col-md-3 { width: 50%; margin-bottom: 18px; } .me_trustedbrands .row { display: flex; flex-wrap: wrap; } .trustedbrands_box::after { display: none; } .trustedbrands_box h3 { font-size: 30px; margin-bottom: 10px; line-height: 30px; } .trustedbrands_box span { font-size: 15px; margin: 0; } .bottombtn { margin-top: 20px; } .me_trustedbrands .col-md-6 .row { display: flex; flex-wrap: wrap; } .me_trustedbrands .col-md-6 .row .col-md-6 { width: 50%; } .headingpart span { border-width: 2.42px 3.83px 3.83px 1.42px; border-radius: 7px; height: 39px; padding: 4px 12px; font-size: 16px; font-weight: 700; margin-bottom: 13px; } .headingpart h2 { font-size: 28px; line-height: 38px; margin-bottom: 10px; } .headingpart p { font-size: 16px; margin-bottom: 0; line-height: 23px; } .headingpart { margin-bottom: 35px; } .me_servicesbox { border-radius: 10px; padding: 20px; margin-bottom: 35px; } .me_servicesbox::before, .me_servicesbox::after { border-radius: 10px; } .me_servicesbox h3 { font-size: 20px; margin-bottom: 9px; } .me_servicesbox p { margin: 0; font-size: 16px; } .staffaugmention .row { padding: 20px 0; border-radius: 10px; margin: 0; border: 3px solid #f2f2f236; text-align: center; } .staffaugmentiontable { overflow: hidden; border-radius: 10px; margin-bottom: 0; } .staffaugmention .me_btndesign1 { display: none; } .staffaugmentiontable table thead tr th { padding: 16px 10px; font-size: 16px; } .staffaugmentiontable table tbody tr td { padding: 16px 20px; font-size: 16px; } .mehowitworksbox { text-align: center; background-image: unset; width: 100%; padding: 20px; margin-right: 0; position: relative; background: #1f304f; border-radius: 10px; border: 3px solid #f2f2f236; margin-bottom: 20px; } .howitworkscount { display: none; } .me_howitworksmain { display: flex; padding-bottom: 0; flex-wrap: wrap; } .howitworkicons { height: 70px; width: 70px; border: 2.15px solid #ffffff; } .howitworkicons img { max-width: 38px; } .meindustrymain { flex-wrap: wrap; } .meindustrymain .nav-pills { border-radius: 10px; padding: 13px; display: flex; width: 100%; margin-bottom: 15px; white-space: nowrap; overflow-x: auto; } .meindustrymain .tab-content { width: 100%; border-radius: 10px; } .meindustryinner { overflow: hidden; border-radius: 7px; position: relative; height: 500px; } .meindustrycontent h3 { font-size: 28px; margin-bottom: 10px; line-height: 36px; } .meindustrymain .nav-pills li a { font-size: 17px; padding: 10px 16px; border-radius: 7px; } .hireexpertbox { border-radius: 10px; padding: 20px; } .hireexperttop h3 { color: #fff; font-size: 20px; margin: 0; width: 64%; line-height: 26px; } .mewhychoosebox { border-radius: 10px; padding: 10px 10px; } .mewhychoosebox h3 { margin: 0; padding: 10px 10px 17px; text-align: center; font-size: 20px; line-height: 28px; min-height: 80px; } .mewhychooseboxinner { text-align: center; border-radius: 10px; padding: 25px 20px; font-size: 16px; color: #161f4e; } .hireexpertrow .col-md-4 { margin-bottom: 20px; } .mewhychoose .col-md-12 .row .col-md-4 { margin-bottom: 20px; } .meportfoliomain { border-radius: 10px; padding: 20px 20px; flex-wrap: wrap; } .meportfolioright { width: 100%; margin-top: 30px; } .meportfolioleft { width: 100%; padding-right: 0; } .meportfolioleft h3 { font-size: 20px; margin-bottom: 5px; line-height: 28px; } .meportfolioleft .meportfoliologo { margin-bottom: 14px; max-width: 70px; } .mideast-awards .headingpart { text-align: center; margin-bottom: 0; } .mideast-awards .awdd-bx img { max-width: 90px; transition: 0.3s ease-in-out; } .home-experts .real-world { padding: 10px 0; } .mectainner { border-radius: 10px; padding: 20px 20px; display: flex; text-align: center; justify-content: center; flex-wrap: wrap; } .mectaleft { width: 100%; margin-bottom: 30px; } .mectaimg { margin-bottom: 0; width: 100%; } .mectaleft h2 { font-size: 28px; line-height: 38px; } .mectaleft p { font-size: 18px; } .mecta_btn { border-radius: 10px; padding: 12px 20px; height: 48px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; } .mectaimg img { max-width: 100%; margin-bottom: -20px; } .mideast-map .mideastform { margin-left: 0px; } .mideast-map .mapbox iframe { border-radius: 10px; height: auto; } .mideast-map .mapcontt { margin-bottom: 20px; height: 400px; } .me_formhead { font-size: 24px; margin-bottom: 10px; text-align: center; margin-top: 10px; } .ctahead { font-size: 24px; line-height: 36px; margin-bottom: 25px; } .me_aboutss .row { flex-wrap: wrap; } .me_aboutss .row .col-md-6 { width: 100%; } .me_aboutssimg { padding: 10px; border-radius: 10px; height: 280px; margin-bottom: 20px; } .me_aboutssimg img { border-radius: 10px; } .me_aboutss .headingpart { margin: 0; padding: 0; } .me_aboutss .headingpart h2 { font-size: 28px; line-height: 38px; margin-bottom: 10px; } .me_aboutss .headingpart p { line-height: 26px; text-align: left; font-size: 17px; } .slidermeportfolio .slick-prev, .slidermeportfolio .slick-next { display: none; } .voiceaibanner .hero { display: none; } .voiceaibanner .voicecontt { top: 0px; } .voiceaibanner h1 { font-size: 36px; line-height: 48px; } .voiceaibanner { height: 600px; } .commplatform .platfrombx { grid-template-columns: repeat(1, 1fr); } .commtenx .tenmain { gap: 15px; margin: 30px 0; flex-direction: column; border: 1px solid #fff; padding: 10px; border-radius: 10px; height: 650px; } .commtenx .tencontt span { display: none; } .commtenx .tenmain .tencontt { width: 100%; order: 2; } .commtenx .tenmain .tenimg { width: 100%; order: 1; } .commtenx .tenmain .tenimg::before { display: none; } .commboostbx .boostmain { grid-template-columns: repeat(1, 1fr); } .commchoosee .choosemainbx { grid-template-columns: repeat(2, 1fr); } .commchoosee .chooseitem { border: 1px solid #ffffff40; flex-direction: column; } .reliableprocess ul { grid-template-columns: repeat(1, 1fr); } .ecommhire .ecommhirerow { grid-template-columns: repeat(1, 1fr); } .midcomm-form .mideastform { margin-left: 0px; } .commplatform .platitem { border-radius: 10px; padding: 20px; } .ecommerceapp .slick-next { right: 35%; } .ecommerceapp .slick-prev { left: 35%; } .ecommerceapp .ecoitem { border-radius: 10px; padding: 20px; min-height: 420px; } .commboostbx .boostitem { border-radius: 10px; height: 490px; } .industryservedmain { display: flex !important; } .ecommtesti .slick-next, .ecommtesti .slick-prev { display: none !important; } .ecommtesti .testiclient { width: 100%; } .commchoosee .choosemainbx { display: flex !important; overflow: visible; } .commchoosee .frontbx { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 20px; } .commchoosee .chooseitem:hover .backbx { opacity: 1; visibility: visible; transform: translateY(0); } .commchoosee .chooseitem h3 { font-size: 20px; } .commchoosee .chooseitem .backbx { inset: auto; transition: unset; position: relative; transform: unset; visibility: visible; opacity: 1; } .commchoosee .choosemainbx img { max-width: 45px; margin-bottom: 10px; } .speaknumberr .numbreak { grid-template-columns: repeat(2, 1fr); gap: 10px; } .speaknumberr .numitem .usernumber_count { text-align: center; font-size: 30px; } .speaknumberr .numitem { border-radius: 10px; padding: 15px 10px; } .teamprovides_main { flex-direction: column; } .teamprovides_main .nav-tabs { width: 100%; display: flex; overflow-y: hidden; overflow-x: auto; padding: 10px; height: auto; } .teamprovides_main .nav-tabs li button { border-bottom: none; padding: 10px; font-size: 16px; width: max-content; } .teamprovides_main .tab-content { width: 100%; padding: 20px 20px; } .whychooosemain .nav-tabs li button { width: max-content; } .whychooosemain_box { border-radius: 10px; max-width: 100%; flex-direction: column; } .whychooose_left { width: 100%; height: auto; } .whychooose_right { padding: 20px; width: 100%; } .teamprovides_box h3 { font-size: 20px; margin-bottom: 10px; } .sanindustrybx .sanindustry { display: grid; grid-template-columns: 1fr; gap: 20px; overflow: visible; } .featureintegrate { overflow: hidden; } .featureintegrate .slick-prev { right: 0; left: -60px; top: auto; transform: scale(-1); bottom: -25px; } .featureintegrate .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: -25px; } .featureslider { padding-bottom: 40px; } .featureintegrate .featureitems { border-radius: 10px; padding: 20px; min-height: 360px; } .featureintegrate .featureitems h3 { font-size: 20px; margin-bottom: 5px; } .sanctaa .mainsancta { border-radius: 10px; } .sanctaa .mainsancta ul { gap: 0px; flex-direction: column; } .sanctaa .mainsancta h2 { font-size: 24px; line-height: 36px; } .hireappdev .hireimgg img { margin-bottom: 20px; } .mappboxx iframe { height: auto; } .sannprocess .mainfollow { grid-template-columns: repeat(1, 1fr); } .sannprocess .itemfollow h3 { font-size: 20px; } .usaexpertsbox { padding: 17px 10px; border-radius: 10px; margin: 0 5px 15px; width: 46%; flex-wrap: wrap; justify-content: center; } .usaexpertsimg { width: 50px; height: 50px; border-radius: 50%; margin: 0 auto 11px; } .usaexpertsbox h3 { font-size: 17px; margin-left: 0; margin-bottom: 0; transition: 0.3s ease-in-out; width: 100%; text-align: center; } .usavideo .row { flex-direction: column-reverse; } .Video_btn img { max-width: 30px; } .Video_btn { width: 50px; height: 50px; } .clients_feedbacks_main { flex-direction: column; } .feedback_video { width: 100%; height: 300px; } .feedback_slider { width: 100%; } .feedback_content { height: auto; } .sanindstryitem { border-radius: 12px; border: 1px solid #ffffff29; display: flex !important; } .featureslider .slick-slide { overflow: hidden; max-height: 350px; } .optimze_middleeast { height: auto !important; padding: 40px 0 30px; } .midbannercontent ul { display: flex; margin-top: 30px; flex-wrap: wrap; } .midbannercontent ul li { margin: 0 5px 20px; width: 46%; } .mideastform h2 { font-size: 20px; } .gettform_img { padding: 10px; border-radius: 10px; height: 250px; } .gettform_img img { border-radius: 10px; } .advancenycbx .advancenycbxitem { border-radius: 10px; padding: 20px; width: 100%; } .advancenycbx .advancenycbxitem h3, .techgropsechoose .enterpriseitem h3, .commlocalization .localitem h3 { font-size: 20px; line-height: 28px; } .advancenycbx .advancenycbxitem:nth-child(4), .advancenycbx .advancenycbxitem:nth-child(5) { width: 100%; } .techgropsechoose .enterpriseitem, .commlocalization .localitem { border-radius: 10px; padding: 20px; } .techgropseindustry .container { padding: 20px; border-radius: 10px; } .commlocalization .localrow { grid-template-columns: repeat(1, 1fr); gap: 20px; } .techadherencebx { grid-template-columns: repeat(1, 1fr); } .mapadress .addressmain { padding: 10px; border-radius: 10px; width: 100%; } .midcustomerbx .row { display: flex; flex-wrap: wrap; } .midcustomerbx .row .col-md-3 { width: 50%; } .challengesbox { margin-top: 40px; } .midcustomerbx .row .col-md-3:nth-child(1) .challengesbox, .midcustomerbx .row .col-md-3:nth-child(2) .challengesbox { margin-top: 0; } .challengesline::after { top: -22px; bottom: 0; height: 20px; margin: 0 auto; } .challengesline { font-size: 14px; line-height: 20px; border-radius: 6px; margin-top: 25px; min-height: 53px; } .hireappdev .container { padding: 10px; border-radius: 10px; width: 90%; } .hireappdev th, .hireappdev td { padding: 14px 14px; text-align: left; font-size: 16px; } .ctamainbxleft .container.ctahgt { height: auto; } .costapp .costiem p { font-weight: 400; font-size: 15px; line-height: 26px; margin-bottom: 5px; } .costapp .para2 { border-radius: 10px; padding: 30px 20px 20px; display: flex; min-height: auto; } .costapp .costiem .costtop { padding: 10px 20px; border-radius: 10px; z-index: 1; margin: 0 auto; margin-bottom: -10px; } .sannprocess .itemfollow { padding: 20px; border-radius: 10px; } .techadherencebx .techadherenceitem { padding: 20px; border-radius: 10px; } .techadherencebx .techadherenceitem h3 { font-size: 18px; text-align: left; line-height: 28px; margin-bottom: 7px; } .minutes-bx ul li { width: 100%; width: 46%; justify-content: center; } /* qatar */ .commstickybx { position: relative; top: auto; } .clientturst .marquee { height: 50px; overflow: hidden; } .trustcontt { text-align: center; } /* Make heading layout horizontal */ .aeworldclass .panel-title > a { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; padding: 0; border: none; position: relative; text-decoration: none; } /* Title text size */ .aeworldclass .panel-title > a { font-size: 18px; line-height: 28px; } /* If image + text alignment needs control */ .aeworldclass .panel-title > a span { width: 65%; } .aecreate ul { gap: 10px; justify-content: center; margin-bottom: 20px; } .aecreate h3 { font-size: 25px; line-height: 38px; } .aesuccess .aesuccessmain { grid-template-columns: repeat(1, 1fr); } .aefindoutcost .row{ flex-direction: column; } .aefindoutcost .costhead { border-radius: 20px; margin-bottom: 0; } .aefindoutcost .maincost { margin-bottom: 20px; } .aeleveraging .levbox { margin-bottom: 20px; } /* qatar */ }