@font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Montserrat; src: url("../fonts/subset-Montserrat-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Montserrat; src: url("../fonts/subset-Montserrat-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } p { font-weight: 300; } body, code, html, kbd, pre, samp { font-family: "Product Sans", "Montserrat", 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; } .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: 50px; line-height: 60px; } .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 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 { 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 { 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::before { position: absolute; content: ""; background-image: url(../images/bahrain/Line.png); width: 2px; height: 130px; background-repeat: no-repeat; right: 0; top: 10%; } .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: 45px; line-height: 56px; 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: 375px; 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: 30px; } .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 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; } .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 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; 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 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: 30px; } .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::before { content: ""; position: absolute; right: 0; top: auto; bottom: 10%; background-image: url(../images/home-image/line-bg.png); height: 100%; width: 100%; z-index: 0; } .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: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; align-items: center; padding: 0; } .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; border: 1px solid #ffffff63; padding: 23px 30px; border-radius: 6px; margin-bottom: 25px; } .trustedbrands_box h3 { font-size: 42px; color: #fff; font-weight: 700; margin-bottom: 10px; 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: 40px 20px; font-size: 18px; color: #161f4e; } .mewhychoosebox h3 { margin: 0; padding: 20px 0 29px; text-align: center; font-size: 24px; color: #ffffff; } .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: 38px; margin-bottom: 5px; line-height: 48px; color: #fff; } .meportfolioleft h4 { font-weight: 700; font-size: 16px; margin: 0; 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: 20px; 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; } .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: 20px; 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; padding-bottom: 70px; } .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; } .mehowitworksbox::after { position: absolute; content: ""; left: 68%; bottom: -20px; height: 10px; width: 100%; background-color: #fff; } .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::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: 100px; } .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 .paara1 ul { padding-left: 20px; list-style: disc; } .costapp .costiem .paara1 h3 { color: #161f4e; font-size: 17px; line-height: 28px; font-weight: 500; margin-bottom: 10px; } .costapp .costiem .paara1 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; } @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 */ } @media (max-width: 767px) { .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .py { padding: 30px 0 !important; } .mideast_banner .groupmid { flex-direction: row; gap: 10px; } .mideast_banner .mibannerlist .midlist { flex-direction: column; width: 48%; } .trustcontt::before { display: none; } .trustkingdom .subhead { padding: 10px 10px; border-radius: 8px; } .midhead h2 { font-size: 28px; line-height: 38px; } .midhead p { font-size: 18px; line-height: 26px; } .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 { grid-template-columns: repeat(2, 1fr); row-gap: 20px; column-gap: 20px; } .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 { 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: 100px; width: 100px; font-size: 30px; } .challengesicons::after { height: 120px; width: 120px; top: -11px; } .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; } /* 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: 13px 18px; border-radius: 6px; margin-bottom: 20px; text-align: center; } .trustedbrands_box h3 { font-size: 30px; margin-bottom: 10px; line-height: 30px; } .trustedbrands_box span { font-size: 16px; margin: 0; } .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; } .mehowitworksbox::after { display: none; } .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; } .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: 30px 20px; flex-wrap: wrap; } .meportfolioright { width: 100%; margin-top: 30px; } .meportfolioleft { width: 100%; padding-right: 0; } .meportfolioleft h3 { font-size: 28px; margin-bottom: 5px; line-height: 40px; } .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; } }