@font-face { font-family: "Product Sans"; src: url("../fonts/subset-ProductSans-Bold.woff2") format("woff2"); font-weight: bold; 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: "Product Sans"; src: url("../fonts/subset-ProductSans-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } html { font-family: Montserrat; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; font-family: "Droid Sans", Montserrat; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } [hidden], template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:focus, a:hover { outline-width: 0; text-decoration: none; } a { text-decoration: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 60%; } big { font-size: 120%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: Montserrat, Montserrat; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } .overflow-x-add { overflow-x: hidden; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { color: #0080ff; text-decoration: none; } .datingnew_banner::after { position: absolute; content: ""; top: 0; background-image: url("../images/updated/bg1.png"); height: 100%; width: 100%; right: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(10.5); } .datingnew_banner::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/bg1.png); height: 100%; width: 100%; left: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(10.5); transform: scaleX(-1); } .datingnew_banner .container { z-index: 1; position: relative; height: 100%; display: flex; align-items: center; } .datingnew_banner { position: relative; background: #08223a; overflow: hidden; height: 100vh; } .datingnew_left h1 { font-weight: 800; font-size: 44px; margin: 0 0 15px; line-height: 66px; color: #fff; text-transform: capitalize; } .datingnew_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 20px; line-height: 30px; } .tg_btn1 { background-color: #0080ff; color: #fff !important; font-weight: 600; font-size: 16px; padding: 10px 12px 10px 24px; display: inline-flex; border-radius: 50px; box-shadow: 0 0 20px #0000002e; transition: 0.3s all; align-items: center; justify-content: flex-start; line-height: 22px; } .tg_btn1 span { display: flex; align-items: center; justify-content: center; height: 30px; width: 30px; background-color: #fff; border-radius: 50px; color: #0080ff; font-size: 14px; font-weight: 500; transition: 0.3s all; margin-left: 10px; } .tg_btn1 span i { background-image: url(../images/common_icons/arrow-right-line.svg); height: 24px; width: 24px; background-size: 22px; background-position: center; background-repeat: no-repeat; } .tg_btn1:hover span { margin-right: -20px; } .tg_btn2 { background-color: #fff; color: #0080ff !important; font-weight: 600; font-size: 16px; padding: 10px 12px 10px 24px; display: inline-flex; border-radius: 50px; box-shadow: 0 0 20px #0000002e; transition: 0.3s all; align-items: center; justify-content: flex-start; line-height: 22px; } .tg_btn2 span { display: flex; align-items: center; justify-content: center; height: 30px; width: 30px; background-color: #0080ff; border-radius: 50px; color: #fff; font-size: 14px; font-weight: 500; transition: 0.3s all; margin-left: 10px; } .tg_btn2 span i { background-image: url(../images/common_icons/arrow-right-line.svg); height: 24px; width: 24px; background-size: 22px; background-position: center; background-repeat: no-repeat; filter: brightness(10.5); } .tg_btn2:hover span { margin-right: -20px; } .datingnew_left .tg_btn1 { margin-right: 20px; } .padding_sections { padding: 80px 0; } .datingnew_left h1 span { text-decoration: underline; } .paraimg_content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 15px; line-height: 54px; } .paraimg_content h2 span { text-decoration: underline; color: #0080ff; } .paraimg_content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 15px; line-height: 29px; } .paraimg_content .tg_btn1 { margin-top: 10px; } .sticky_part { position: sticky; top: 100px; margin-bottom: 30px; z-index: 2; } .pearks_box { border: 1px solid #e6e7f6; border-radius: 10px; padding: 25px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); transition: 0.3s all; display: flex; background-color: #fff; height: 100%; } .pearks_content { width: 88%; padding-left: 20px; } .pearks_icon { height: 60px; width: 60px; background-color: #0080ff; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-bottom: 20px; } .pearks_icon img { width: 73%; } .newheading h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; text-transform: capitalize; } .newheading.newheading_center { text-align: center; } .newheading p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 29px; margin-bottom: 0; margin-top: 15px; } .newheading h2 span { text-decoration: underline; color: #0080ff; } .newheading_white h2, .newheading_white p { color: #fff; } .newheading_white h2 span { color: #fff; } .newheading { margin-bottom: 50px; } .pearks_content h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .pearks_content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .pearks_dating .row .col-md-12:last-child .row { display: flex; flex-wrap: wrap; } .Featuresnew_sec { background-color: #eef3ff !important; } .Featuresnew_main { background-color: #fff; padding: 40px; margin: 0; display: flex; flex-wrap: wrap; align-items: center; } .Featuresnew_content h3 { color: #08223a; font-weight: 800; font-size: 20px; margin-bottom: 14px; } .Featuresnew_detaills { padding-left: 20px; position: relative; margin-top: 18px; } .Featuresnew_detaills::after { content: ""; position: absolute; top: 4px; height: 10px; width: 10px; background-color: #0080ff; left: 0; border-radius: 2px; } .Featuresnew_detaills h4 { color: #08223a; font-weight: 600; font-size: 16px; margin-bottom: 8px; } .Featuresnew_detaills p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .Features_righht .Featuresnew_content { text-align: end; } .Features_righht .Featuresnew_detaills { padding-left: 0; padding-right: 20px; } .Features_righht .Featuresnew_detaills::after { left: auto; right: 0; } .solutionsnew_main { display: flex; flex-wrap: wrap; } .solutionsnew_box > img { height: 100%; width: 100%; object-fit: cover; transition: 0.3s all; } .content_showw h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 10px; line-height: 22px; } .content_showw p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .solutionsnew_img { display: flex; height: 200px; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; border: 1px solid #e6e7f6; } .solutionsnew_img img { height: 100%; width: 100%; object-fit: cover; } .content_showw { padding: 18px 16px 0; } .solutionsnew_box { width: 32%; display: block; border: 1px solid #e6e7f6; border-radius: 14px; padding: 16px; transition: 0.3s all; margin-bottom: 22px; position: relative; margin-right: 22px; } .solutionsnew_main .solutionsnew_box:nth-child(3n + 0) { margin-right: 0; } .solutionsnew_box:hover { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); transform: translateY(-10px); } .datingcta_left h2 { color: #08223a; font-weight: 800; font-size: 32px; margin: 0 0 24px; line-height: 46px; } .datingcta_left h2 span { text-decoration: underline; color: #0080ff; } .datingcta_main { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); padding: 30px 35px; border-radius: 20px; border: 2px solid #e6e7f6; position: relative; background-color: #fff; } .datingcta_left { width: 65%; } .ctaanew_img { position: absolute; bottom: 0; right: 80px; max-width: 100%; top: 0; width: auto; height: 100%; } .ctabtm_m { padding-bottom: 80px; } .ctatop_m { padding-top: 80px; } .Lifecycle_main .Lifecycle_box:nth-child(odd) { background-color: #0080ff; } .Lifecycle_box { width: 20%; padding: 30px 20px; transition: 0.3s all; } .Lifecycle_icon img { max-width: 50px; } .Lifecycle_box:hover { width: 30%; } .Lifecycle_box h3 { color: #08223a; font-weight: 700; font-size: 16px; line-height: 24px; margin: 16px 0 10px; } .Lifecycle_box p { font-weight: 500; color: #08223a; font-size: 15px; line-height: 25px; } .Lifecycle_main .Lifecycle_box:nth-child(odd) h3, .Lifecycle_main .Lifecycle_box:nth-child(odd) p { color: #fff; } .Lifecycle_main { display: flex; } .WorkOnly_left { background-color: #0080ff; padding: 60px 55px; } .WorkOnly_sticky { position: sticky; top: 90px; } .WorkOnly_left h2 { color: #fff; font-weight: 800; font-size: 36px; margin: 0 0 20px; line-height: 54px; } .WorkOnly_left h2 span { text-decoration: underline; } .WorkOnly_left p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 25px; line-height: 30px; } .WorkOnly_left .tg_btn2 { margin-top: 20px; } .WorkOnly_box { display: flex; align-items: flex-start; padding: 30px 0px; border-bottom: 1px solid #f5f5f5; margin: 0 10px; background-color: #fff; position: sticky; top: 90px; } .WorkOnly_icon { width: 15%; text-align: center; margin-top: -10px; } .WorkOnly_details { width: 80%; } .WorkOnly_icon img { max-width: 51px; } .WorkOnly_details h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 10px; } .WorkOnly_details p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .paraimg_content ul li { position: relative; padding-left: 30px; margin-bottom: 10px; } .paraimg_content ul li p { margin: 0; } .paraimg_content ul li::after { content: ""; position: absolute; top: 9px; height: 12px; width: 12px; background-color: #0080ff; left: 0; border-radius: 2px; } .Datingtech { background-color: #eef3ff !important; } .CostEstimation_detailss h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .CostEstimation_detailss p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .CostEstimation_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; border-radius: 10px; padding: 30px 20px; width: 49%; background-color: #fff; transition: 0.3s; display: flex; align-items: flex-start; margin-right: 22px; margin-bottom: 22px; } .CostEstimation_box::before { background-image: url(../images/updated/dots1.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .CostEstimation_ico img { max-width: 44px; } .CostEstimation_detailss { margin-left: 20px; } .CostEstimation_main { display: flex; flex-wrap: wrap; } .CostEstimation_main .CostEstimation_box:nth-child(2n + 0) { margin-right: 0; } .Datingdevelopment_new { background-color: #eef3ff !important; } .Datingdevelopment_box { background: #fff; padding: 20px; text-align: center; border-radius: 10px; box-shadow: 0 0 20px #0000001f; width: 100%; margin: 60px 6px 0; transition: 0.5s all; display: block; } .Datingdevelopment_box h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 10px; line-height: 23px; } .Datingdevelopment_box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 27px; } .Datingdevelopment_icon { display: flex; align-items: center; justify-content: center; height: 90px; width: 90px; border-radius: 50px; background-color: #fff; margin: -68px auto 16px; border: 8px solid #eef3ff; transition: 0.5s all; } .Datingdevelopment_icon img { max-width: 40px; } .Datingdevelopment_box:hover .Datingdevelopment_icon { transform: rotateY(360deg); } .datingnew_img { position: absolute; bottom: 0; right: 0; max-width: 460px; } .paraimg_left img { max-width: 90%; } .Featuresnew_img img { max-width: 90%; } .datingnew_left { padding-top: 50px; } .Featuresnew_img { text-align: center; } .interlink_update { color: #0080ff !important; font-weight: 900; font-style: italic; } .interlink_white { color: #fff !important; font-weight: 900; font-style: italic; } .servicesnew_banner { position: relative; background: #08223a; overflow: hidden; height: 100vh; } .servicesnew_banner::after { position: absolute; content: ""; top: 0; background-image: url(../images/homepagee/lines.png); height: 100%; width: 100%; left: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(10.5); } .servicesnew_banner .container { z-index: 1; position: relative; height: 100%; display: flex; align-items: center; } .servicesnew_left h1 { font-weight: 800; font-size: 44px; margin: 0 0 15px; line-height: 62px; color: #fff; text-transform: capitalize; } .servicesnew_left { padding-top: 50px; } .servicesnew_left h1 span { text-decoration: underline; } .servicesnew_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 20px; line-height: 30px; } .service_imganimate { max-height: 330px; margin: 0; } .servicesnew_banner .row { display: flex; align-items: center; flex-wrap: wrap; } .imganimate1 { animation-name: float_up_down; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; } .imganimate2 { transform: scaleX(-1); animation-name: float_up_down; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; } .imganimate3 { animation-name: float_up_down; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes float_up_down { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 50% { -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 1; } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes float_up_down { 0% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } 50% { transform: translateY(30px); transform: translateY(30px); opacity: 1; } 100% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .servicesnew_right { text-align: center; } .table_contents { background: #ffffff 0% 0% no-repeat; border-radius: 10px; box-shadow: 0px 3px 53px #0000001a !important; padding: 22px 20px; } .bg-theme1 { background-color: #eef3ff !important; } .bg-theme2 { background-color: #0080ff !important; } .contents_sticky { position: sticky; top: 105px; } .table_contents h2 { color: #3d3d3d; border-bottom: 6px solid #0080ff54; font-weight: 800; font-size: 20px; margin-bottom: 15px; padding-bottom: 15px; } .table_contents a { display: block; color: #08223a; font-weight: 500; padding: 15px 0; line-height: 21px; transition: 0.5s all; border-bottom: 1px solid #f5f5f5; } .table_contents a:hover { transform: translateX(5px); } .table_contents a:last-child { border: 0; } .trusted_by { position: relative; padding: 20px 0; background-image: url(../images/updated/dots.png); background-repeat: repeat; background-size: 13px; background-position: center; } .trusted_logo img { max-width: 160px; } .trusted_client { display: flex; align-items: center; } .trusted_client strong { color: #08223a; font-size: 26px; margin: 0; width: 30%; font-weight: 800; } .tgcounter_box { width: 25%; padding: 16px 20px; border-right: 6px solid #eef3ff; text-align: center; } .tgcounter_box strong { color: #0080ff; font-size: 32px; line-height: 33px; display: flex; align-items: center; letter-spacing: 0.5px; justify-content: flex-start; width: 100%; margin-bottom: 7px; } .tgcounter_box span { font-weight: 600; font-size: 13px; color: #08223a; display: flex; letter-spacing: 0.5px; text-align: start; width: 100%; justify-content: flex-start; } .tgcounter_main { display: flex; justify-content: space-between; background-color: #fff; } .tgcounter_main .tgcounter_box:last-child { border: 0; } .allsections_main { padding: 60px 0 60px; } .mb_same { margin-bottom: 50px; } .allsindustry { background-color: #0080ff; border-radius: 10px; padding: 20px 20px; display: flex; flex-wrap: wrap; } .singlehead_section h3 { color: #08223a; font-weight: 700; font-size: 22px; line-height: 34px; margin-bottom: 0; text-decoration: underline; } .allsindustry_box { height: 130px; background-color: #fff; display: flex; align-items: center; justify-content: center; width: 24%; border-radius: 10px; text-align: center; box-shadow: 0px 3px 53px #0000001a; transition: 0.5s all; position: relative; margin-right: 14px; margin-bottom: 18px; } .allsindustry .allsindustry_box:nth-child(4n + 0) { margin-right: 0; } .allsindustry_box img { max-width: 46px; } .allsindustry_box h3 { margin: 9px 0 0; display: block; font-size: 15px; color: #08223a; font-weight: 600; line-height: 20px; text-transform: capitalize; max-width: 140px; text-align: center; } .singlehead_section { margin: -16px 0 15px; } .alltop { margin-bottom: 50px; } .Software_inner h3 { color: #08223a; font-weight: 700; font-size: 24px; margin: 3px 0 10px; line-height: 40px; } .Software_inner { margin-bottom: 35px; } .Software_inner p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 12px; line-height: 30px; } .Softwareinner_benefit { display: flex; flex-wrap: wrap; margin-top: 30px; } .Softwarebenefit_box { background: #ffffff 0% 0% no-repeat; border-radius: 10px; padding: 26px 20px; width: 48%; margin-right: 26px; margin-bottom: 24px; box-shadow: 0px 3px 53px #0000001a !important; position: sticky; top: 115px; z-index: 2; } .Softwareinner_benefit .Softwarebenefit_box:nth-child(2n + 0) { margin-right: 0; } .Softwarebenefit_box img { max-width: 44px; } .Softwarebenefit_box h4 { margin: 19px 0 8px; color: #08223a; font-weight: 600; font-size: 16px; line-height: 23px; } .Softwarebenefit_box p { margin-bottom: 0; line-height: 26px; } .Difference_boxx h4 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 20px; border-left: 5px solid #0080ff; padding: 5px 0 5px 10px; } .Difference_boxx ul li { position: relative; padding-left: 18px; font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 12px; line-height: 27px; } .Difference_boxx ul li::after { content: ""; position: absolute; top: 8px; height: 8px; width: 8px; background-color: #0080ff; left: 0; border-radius: 2px; } .Difference_boxx { background: #ffffff 0% 0% no-repeat; border-radius: 10px; padding: 26px 30px; position: sticky; top: 100px; box-shadow: 0px 3px 53px #0000001a !important; margin-bottom: 20px; } .Difference_part { margin: 22px 0; } .Software_ctaanew h2 { font-size: 28px; margin: 0 0 15px; line-height: 40px; } .allsections_main .tg_btn1, .allsections_main .tg_btn2 { font-size: 14px; padding: 8px 10px 8px 20px; } .allsections_main .tg_btn1 span .allsections_main .tg_btn2 span { height: 28px; width: 28px; font-size: 13px; } .Software_ctaanew .datingcta_main { background-color: #fff; padding: 20px 25px; } .Software_ctaanew .ctaanew_img { right: 20px; } .whychoosenew_main { display: flex; margin-bottom: 30px; } .whychoosebox { background: #ffffff 0% 0% no-repeat; border-radius: 10px; padding: 16px; width: 32%; box-shadow: 0px 3px 53px #0000001a !important; margin-right: 15px; } .whychoosenew_main .whychoosebox:nth-child(3n + 0) { margin: 0; } .whychoosebox span { color: #0080ff; font-size: 38px; line-height: 33px; font-weight: 700; display: block; margin-bottom: 10px; } .whychoosebox h3 { font-weight: 600; font-size: 14px; color: #08223a; line-height: 22px; } .whychoosenew p { font-size: 15px; margin-bottom: 12px; line-height: 26px; font-weight: 500; color: #08223a; } .allsections_faq .faq_section_custom { margin: 0; } .pastwork_box { border-radius: 14px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); align-items: center; padding: 30px 28px; display: flex; position: sticky; top: 115px; margin: 0 0 20px; justify-content: space-between; } .pastwork_right h3 { font-weight: 700; color: #fff; font-size: 22px; margin-bottom: 10px; } .pastwork_right p { color: #fff; font-weight: 500; font-size: 14px; line-height: 25px; margin-bottom: 20px; } .pastwork_left img { max-width: 100%; } .pastwork_left { width: 30%; } .pastwork_right { width: 65%; } .pastwork_bg1 { background-color: #0f1b31 !important; } .pastwork_bg2 { background-color: #e51956 !important; } .pastwork_bg3 { background-color: #ff9259 !important; } .pastwork_bg4 { background-color: #63bfe4 !important; } .Software_ctaanew .datingcta_left p { font-size: 15px; margin-bottom: 16px; line-height: 25px; font-weight: 500; color: #08223a; } .techgropse_cycle { display: flex; flex-wrap: wrap; } .newcycle_box { background: #0080ff; border-radius: 10px; padding: 20px; width: 48%; box-shadow: 0px 3px 53px #0000001a !important; position: relative; margin-bottom: 30px; margin-right: 30px; display: flex; border-top: 12px solid #fff; } .techgropse_cycle .newcycle_box:nth-child(2n + 0) { margin-right: 0; } .newcycle_box span { display: flex; align-items: center; background-color: #fff; width: 60px; height: 60px; overflow: hidden; border-radius: 10px; margin: 0 auto 18px 0; justify-content: center; } .newcycle_box span img { max-width: 64%; } .newcycle_box h3 { font-weight: 600; color: #fff; font-size: 16px; margin-bottom: 8px; line-height: 23px; } .newcycle_box p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 25px; } .newcycle_right { width: 78%; padding-left: 10px; } .technologies_tools .nav-tabs { width: 34%; border: 0; } .technologies_tools .nav-tabs li a { border: 0 !important; display: flex; align-items: center; min-height: 66px; border-radius: 10px; padding: 10px 17px; background-color: #fff !important; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); font-size: 14px !important; font-weight: 700; color: #08223a !important; margin: 0 0 15px !important; border: 0; width: 100%; } .technologies_tools .tab-content { width: 66%; padding-left: 20px; } .technologies_tools .nav-tabs li.active a { color: #fff !important; background-color: #0080ff !important; } .technologies_tools { display: flex; margin-bottom: 40px; } .Empowering_main { background: #ffffff 0% 0% no-repeat; border-radius: 10px; padding: 26px 30px; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); } .technologies_tools .nav-tabs li { width: 100%; position: sticky; top: 100px; z-index: 2; } .firstppara { font-size: 15px; margin-bottom: 15px; line-height: 26px; font-weight: 500; color: #08223a; } .Empowering_box h3 { margin: 0 0 8px; color: #08223a; font-weight: 800; font-size: 18px; line-height: 22px; border-bottom: 6px solid #0080ff54; padding-bottom: 8px; } .Empowering_box .headparra { font-size: 15px; margin-bottom: 0; line-height: 26px; font-weight: 500; color: #08223a; } .Empower_row ul li { font-size: 14px; margin-bottom: 10px; line-height: 19px; font-weight: 600; color: #08223a; padding-left: 16px; position: relative; } .Empower_row ul li::after { content: ""; position: absolute; top: 5px; height: 8px; width: 8px; background-color: #0080ff; left: 0; border-radius: 2px; } .Empower_col { margin-bottom: 20px; } .Empower_row ul li:last-child { margin: 0; } .Empower_row { margin-top: 15px; display: flex; flex-wrap: wrap; } .Empower_col h4 { font-weight: 600; font-size: 14px; color: #08223a; margin-bottom: 10px; } .technologies_tools .nav-tabs li a span img { max-height: 37px; } .technologies_tools .nav-tabs li a span { display: block; margin-right: 14px; } .technologies_tools .nav-tabs li.active a span img { filter: brightness(10.5); } .lp_banner_left h1 { font-weight: 800; font-size: 44px; margin: 0 0 15px; line-height: 62px; color: #fff; text-transform: capitalize; } .lp_banner_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 20px; line-height: 30px; } .lp_banner_left h1 span { text-decoration: underline; } .locationspage_banner { position: relative; background: #08223a; padding: 210px 0 110px; } .lp_banner_left .tg_btn1 { margin-right: 20px; } .locations_form { box-shadow: 0px 3px 53px #0000001a !important; background-color: #fff; border-radius: 10px; padding: 20px 30px; margin: 0 60px; text-align: center; position: relative; z-index: 1; } .locationspage_banner .row { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; } .locationspage_banner::before { position: absolute; content: ""; bottom: -10px; background-image: url(../images/mobile_app_dubai/burj.png); height: 90px; width: 100%; right: 0; background-size: contain; background-position: center; z-index: 0; filter: brightness(8.5); } .locationspage_banner::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 34px; background-repeat: repeat; } .locationspage_banner .container { position: relative; z-index: 2; } .locations_form .form-group { margin-bottom: 20px; } .locations_form .form-control { height: 48px !important; font-weight: 500; color: #08223a; box-shadow: unset; padding: 10px 16px; font-size: 15px; border: 2px solid #08223a1f; border-radius: 10px; } .locations_form .form-control::placeholder { color: #08223a; } .locations_form strong { color: #08223a; font-weight: 700; font-size: 20px; margin-bottom: 20px; text-align: center; display: inline-block; padding: 4px 0; border-radius: 4px; } .locations_form textarea.form-control { height: 100px !important; } .locations_form .form-group:last-child { margin: 0; } .locations_form .form-group .btn { background-color: #0080ff; color: #fff !important; font-weight: 600; font-size: 15px; padding: 12px 12px; display: flex; border-radius: 10px; box-shadow: 0 0 20px #0000002e; transition: 0.3s all; align-items: center; justify-content: center; width: 100%; height: auto; } .industrynew_boxx { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; border-radius: 10px; background-color: #fff; padding: 20px 16px; width: 23%; transition: 0.5s all; margin-right: 30px; margin-bottom: 30px; border-top: 14px solid #0080ff; } .industrynew_boxx::before { background-image: url(../images/hire-dedicated/dots.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .industrynew_main .industrynew_boxx:nth-child(4n + 0) { margin-right: 0; } .industrynew_ico img { max-width: 45px; margin: 0 auto; } .industrynew_boxx h3 { color: #08223a; font-weight: 700; font-size: 16px; line-height: 24px; margin: 14px 0 0; } .industrynew_boxx p { font-weight: 500; color: #08223a; font-size: 15px; margin-top: 6px; line-height: 27px; } .industrynew_main { display: flex; flex-wrap: wrap; } .bestcompany_inner { box-shadow: 0 15px 20px rgba(32, 35, 66, 0.1); background-color: #fff; border-radius: 12px; padding: 30px 25px; transition: 0.3s all; position: relative; height: 100%; } .bestcompany_box:hover .bestcompany_inner { box-shadow: 0 5px 10px rgba(32, 35, 66, 0.1); } .bestcompany_box { border: 7px solid #fff; border-radius: 12px; padding: 12px; transition: 0.3s all; position: relative; z-index: 2; margin: 0px 0px 30px; } .bestcompany_inner::before { background-image: url(../images/hire-dedicated/dots.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .bestcompany_box:hover { transform: translateY(-10px); } .premium_ico img { max-width: 45px; } .bestcompany_inner h3 { color: #08223a; font-weight: 700; font-size: 16px; line-height: 24px; margin: 14px 0 8px; } .bestcompany_inner p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 27px; } .technology_inner_manage { margin-bottom: 30px; border: 1px solid #ffffff75; border-radius: 10px; padding: 30px 30px; } .technology_inner_manage .row { display: flex; flex-wrap: wrap; } .technology_inner_manage h3 { color: white; font-size: 20px; font-weight: 600; line-height: 21px; text-transform: capitalize; margin-bottom: 12px; } .technology_inner_manage p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 26px; } .techniques_box { padding: 10px 15px; margin-top: 20px; background-color: white; border-radius: 4px; display: flex; align-items: center; } .techniques_box span { padding-left: 12px; font-size: 15px; color: #08223a; font-weight: 600; text-transform: capitalize; } .techniques_box img { max-width: 35px; max-height: 30px; } .ai_banner { position: relative; background: #08223a; overflow: hidden; padding: 150px 0 0; } .aibanner_left h1 { font-weight: 800; font-size: 44px; margin: 0 0 15px; line-height: 66px; color: #fff; text-transform: capitalize; } .aibanner_left h1 span { text-decoration: underline; } .aibanner_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 20px; line-height: 30px; } .aibanner_right { height: 470px; position: relative; } .aibanner_right img { position: absolute; bottom: -20px; right: 0; max-width: 90%; } .aicount .aicount_main { background-color: #fff; border-radius: 14px; z-index: 2; position: relative; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); display: flex; justify-content: space-between; margin: 80px 0 0; } .aicount_box { width: 25%; text-align: center; padding: 20px 0; border-right: 1px solid #f5f5f5; } .aicount .aicount_main .aicount_box:last-child { border: 0; } .aicount_box h2 { color: #08223a; font-weight: 800; margin-bottom: 10px; font-size: 42px; } .aicount_box h3 { font-weight: 500; color: #08223a; font-size: 16px; margin: 0; } .datingcta_left p { font-weight: 500; color: #08223a; font-size: 16px; margin: -4px 0 22px; } .aibeneficial_box { background-color: #fff; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 14px; padding: 30px 20px; width: 48%; position: sticky; top: 120px; margin-right: 26px; margin-bottom: 26px; } .aibeneficial_box img { max-width: 48px; } .aibeneficial_box h3 { color: #08223a; font-weight: 700; font-size: 16px; margin: 16px 0 12px; } .aibeneficial_box p { font-weight: 500; color: #08223a; font-size: 15px; margin: 0; line-height: 26px; } .aibeneficial_main { display: flex; align-items: flex-start; flex-wrap: wrap; } .aibeneficial_main .aibeneficial_box:nth-child(2n + 0) { margin-right: 0; } .aibenefici_col { position: sticky; top: 110px; } .aibeneficial_content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 12px; line-height: 52px; } .aibeneficial_content h2 span { text-decoration: underline; color: #0080ff; } .aibeneficial_content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 20px; line-height: 29px; } .aimodel_content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0; line-height: 52px; } .aimodel_content h2 span { text-decoration: underline; color: #0080ff; } .aimodel_box { text-align: center; margin: 20px 15px; background-color: #fff; box-shadow: inset 0 5px 50px rgba(32, 35, 66, 0.1); border-radius: 14px; padding: 24px 18px; } .aimodel_box img { max-width: 60px; margin: 0 auto 14px; } .aimodel_box h3 { color: #08223a; font-weight: 700; font-size: 16px; } .ai_model .container > .row { display: flex; align-items: center; } .ai_model { padding: 50px 0; } .aienterprise { background: #08223a; border-radius: 14px; position: relative; display: flex; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); padding: 50px 40px; } .aienterprise_right { width: 40%; } .aienterprise_left { position: relative; width: 60%; z-index: 1; } .aienterprise_left h2 { color: #ffffff; font-weight: 800; font-size: 36px; margin: 0 0 12px; line-height: 52px; } .aienterprise_left h2 span { text-decoration: underline; } .aienterprise_left ul li p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 28px; } .aienterprise_left ul { margin-bottom: 20px; } .aienterprise_left ul li { position: relative; padding-left: 24px; margin-bottom: 8px; } .aienterprise_left ul li::after { position: absolute; content: ""; top: 8px; left: 0; height: 12px; width: 12px; border-radius: 2px; background-color: #fff; } .aienterprise_right img { max-width: 100%; margin-bottom: -50px; } .lineimg { position: relative; } .lineimg::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 22px; background-repeat: repeat; } .Aiindustry_tabs .nav-tabs { box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07); border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 0; } .Aiindustry_tabs .nav-tabs a { display: flex; align-items: center; justify-content: center; font-size: 16px !important; line-height: 24px; color: rgba(0, 0, 0, 1); position: relative; outline: 0; text-align: center; width: 100%; background-color: #fff !important; border-radius: 0; font-weight: 700; padding: 12px 30px !important; margin: 0 !important; border: 0 !important; box-shadow: unset !important; height: 80px; } .Aiindustry_tabs .nav-tabs li.active a { box-shadow: 0px 4px 60px 0px rgba(0, 92, 186, 0.2); background: #0080ff !important; color: #fff; } .Aiindustry_tabs .nav-tabs li.active a::after { position: absolute; content: ""; width: 0; height: 0; margin: 30px auto; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 24px solid #0080ff; bottom: -50px; } .Aiindustry_tabs .nav-tabs li:first-child a { border-radius: 10px 0 0px 10px; } .Aiindustry_tabs .nav-tabs li:last-child a { border-radius: 0 10px 10px 0; } .Aiindustry_inner { margin: 60px 0 0; border: 2px solid #f5f5f5; border-radius: 14px; padding: 50px 20px; } .Aiindustrytab_img img { max-width: 90%; } .Aiindustrytab_content h3 { color: #08223a; font-weight: 800; font-size: 28px; margin: 0 0 15px; line-height: 36px; } .Aiindustrytab_content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 10px; line-height: 28px; } .Aiindustrytab_content li { position: relative; padding-left: 24px; margin-bottom: 8px; } .Aiindustrytab_content li p { margin: 0; } .Aiindustrytab_content li::after { position: absolute; content: ""; top: 8px; left: 0; height: 12px; width: 12px; border-radius: 2px; background-color: #0080ff; } .ai_cost .exploringworld_table { background-color: #ffffff; } .ai_cost .exploringworld_table tr th { background-color: #eef3ff; } .ai_cost .exploringworld_table tr td { border-color: #ddd; } .ai_cost .exploringworld_table tr:last-child td:last-child { border: 0; } .AiTrustedapp_box { background-color: #fff; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 14px; padding: 20px 20px; position: relative; margin-top: 20px; } .AiTrustedapp_box::after { background-image: url(../images/updated/dots1.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; } .Trustedapp_icon { display: flex; align-items: center; justify-content: center; position: absolute; background-color: #fff; border-radius: 50px; height: 70px; width: 70px; position: absolute; z-index: 2; } .Trustedapp_left { text-align: right; padding-right: 50px; } .Trustedapp_right { text-align: left; padding-left: 50px; } .Trustedapp_right::after { transform: scaleX(-1); } .Trustedapp_icon img { max-width: 40px; } .Trustedapp_left .Trustedapp_icon { right: -34px; top: 30px; } .Trustedapp_right .Trustedapp_icon { left: -34px; top: 30px; } .AiTrustedapp_box h3 { color: #08223a; font-weight: 700; font-size: 16px; margin: 0 0 8px; line-height: 22px; } .AiTrustedapp_box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 27px; position: relative; z-index: 1; } .AiTrustedapp_img img { max-width: 90%; } .Ai_Trustedapp .container > .row { display: flex; flex-wrap: wrap; align-items: center; } .hireusanew_banner { position: relative; background: #08223a; overflow: hidden; height: 100vh; display: flex; align-items: center; } .hireusanew_count { display: flex; justify-content: space-between; margin-top: 40px; } .hireusanewcount_box { width: 31%; position: relative; display: flex; align-items: center; padding: 10px 0 10px 0; border-right: 1px solid #f5f5f540; } .hirecount_content { width: 75%; text-align: left; padding-left: 10px; } .hirecount_img { width: 25%; } .hirecount_img img { max-width: 60px; } .hireusanewcount_box strong { color: #ffffff; font-weight: 800; font-size: 42px; margin-bottom: 6px; display: block; line-height: 44px; } .hireusanewcount_box span { font-size: 14px; color: #fff; margin: 0; line-height: 22px; font-weight: 500; } .hireusanew_banner .container > .row { display: flex; align-items: center; justify-content: center; } .hireusanew_cotent { text-align: center; margin-top: 70px; } .hireusanew_cotent h1 { font-weight: 800; font-size: 38px; margin: 0 0 15px; line-height: 58px; color: #fff; text-transform: capitalize; } .hireusanew_cotent h1 span { text-decoration: underline; } .hireusanew_cotent p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 25px; line-height: 30px; } .usarightbanner { position: absolute; top: 50%; max-width: 110px; transform: translateY(-50%); right: 0; } .hireusanew_count .hireusanewcount_box:last-child { border: 0; } .hiretursted_box { width: 25%; border-right: 1px solid #f5f5f5; display: flex; border-bottom: 1px solid #f5f5f5; padding: 0px 10px; transition: 0.3s ease; text-align: center; align-items: center; justify-content: center; height: 220px; } .hiretursted_main .hiretursted_box:nth-child(4n + 0) { border-right: 0; } .hiretursted_main .hiretursted_box:nth-child(5), .hiretursted_main .hiretursted_box:nth-child(6) { border-bottom: 0; } .hiretursted_main .hiretursted_box:last-child { border-bottom: 0; border-right: 0; } .hiretursted_box:hover img { filter: unset; } .hiretursted_box img { filter: grayscale(1); max-width: 70%; transition: 0.3s ease; } .hiretursted_main { display: flex; justify-content: center; flex-wrap: wrap; } .boostTeam_box { border: 7px solid #fff; border-radius: 12px; padding: 12px; transition: 0.3s all; position: relative; z-index: 2; margin: 0px 0px 30px; } .boostTeaminner { box-shadow: 0 15px 20px rgba(32, 35, 66, 0.1); background-color: #fff; border-radius: 6px; padding: 18px 15px; transition: 0.3s all; position: relative; overflow: hidden; } .boostTeam_img { width: 100%; height: 220px; display: flex; overflow: hidden; border-radius: 6px; margin-bottom: 20px; } .boostTeam_img img { height: 100%; width: 100%; object-fit: cover; } .boostTeam_content h3 { color: #08223a; font-weight: 600; font-size: 16px; margin-bottom: 8px; text-align: center; } .boostTeam_content .employeee_post { color: #0080ff; font-weight: 600; font-size: 14px; margin-bottom: 14px; text-align: center; } .boostTeam_content p { font-weight: 500; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 23px; } .boostTeam_content .developer_mid { margin: 0; } .developerhover { transition: 0.3s ease-in-out; opacity: 0; height: 100%; width: 100%; position: absolute; bottom: -100%; left: 0; right: 0; border-radius: 6px; display: flex; align-items: flex-end; justify-content: center; backdrop-filter: blur(8px); } .boostTeam_box:hover .developerhover { opacity: 1; bottom: 0; } .developerhover_inner { background-color: #fff; padding: 20px 20px; } .hireindustry_main { display: flex; justify-content: space-between; margin-top: 80px; } .hireindustry_box { text-align: center; width: 15%; } .hireindustry_icon { background-color: #0080ff; border-radius: 50%; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; margin: 0 auto; } .hireindustry_icon img { max-width: 50px; display: block; margin: 0 auto; } .hireindustry_box span { font-weight: 700; line-height: 24px; display: block; color: #08223a; font-size: 16px; margin-top: 16px; transition: 0.5s all; padding: 0 20px; } .hireindustry_main .hireindustry_box:nth-child(even) .hireindustry_icon::after { position: absolute; content: ""; top: 62%; right: 20px; border-top: 2px dashed #0080ff; width: 160px; z-index: -1; transform: translateY(-50%) rotate(-25deg); } .hireindustry_main .hireindustry_box:nth-child(even) .hireindustry_icon::before { position: absolute; content: ""; top: 62%; left: 20px; border-top: 2px dashed #0080ff; width: 160px; z-index: -1; transform: translateY(-50%) rotate(25deg); } .hireindustry_main .hireindustry_box:nth-child(even) { transform: translateY(-60px); } .howtohiree_box { background-color: #fff; border-radius: 10px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; padding: 25px 22px 20px; margin-bottom: 20px; } .howtohiree_box span { position: absolute; right: 20px; font-weight: 800; display: block; top: 5px; color: #0080ff; opacity: 0.1; font-size: 80px; line-height: 100px; } .howtohiree_box img { max-width: 50px; } .howtohiree_box h3 { margin: 16px 0 8px; display: block; font-size: 16px; color: #08223a; font-weight: 600; line-height: 20px; text-transform: capitalize; } .howtohiree_box p { font-weight: 500; color: #08223a; font-size: 15px; line-height: 26px; } .howtohiree .container > .row { display: flex; flex-wrap: wrap; } .howtohiree .container > .row .col-md-4 { display: flex; } .getfrom_TG .container > .row { display: flex; flex-wrap: wrap; } .getfrom_TG .container > .row .col-md-3:last-child { border: 0; } .getfromTG_box img { max-width: 50px; } .getfromTG_box h3 { margin: 16px 0 8px; display: block; font-size: 16px; color: #08223a; font-weight: 600; line-height: 20px; text-transform: capitalize; } .getfromTG_box p { font-weight: 500; color: #08223a; font-size: 15px; line-height: 26px; } .getfromTG_box { padding: 25px 10px; text-align: center; } .getfrom_TG .container > .row .col-md-3 { border-right: 2px solid #f5f5f5; } .clienthappy_box { background-color: #fff; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 14px; padding: 25px 20px; position: relative; overflow: hidden; } .clienthappy_box::after { background-image: url(../images/updated/dots1.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scaleX(-1); } .clienthapp_ptop { position: relative; z-index: 1; } .clienthappy_bottom { position: relative; z-index: 1; border: 2px solid #eef3ff; background-color: #eef3ff; border-radius: 10px; padding: 10px 14px; margin: 15px 0 24px; } .clienthapp_ptop h3 { font-size: 18px; color: #08223a; font-weight: 800; margin-bottom: 10px; } .clienthapp_ptop h4 { font-size: 15px; color: #0080ff; font-weight: 600; margin-bottom: 10px; } .clienthapp_ptop p { font-weight: 500; color: #08223a; font-size: 15px; line-height: 25px; min-height: 75px; } .clienthappy_box .tg_btn1 { width: 100%; display: flex; justify-content: space-between; z-index: 10; position: relative; font-size: 14px; } .clienthappy { display: flex; justify-content: space-between; padding: 8px 0; } .clienthappy_bottom h5 { color: #08223a; font-weight: 800; font-size: 22px; text-align: center; margin-bottom: 12px; } .clienthappy span { color: #08223a; font-weight: 600; font-size: 13px; display: block; } .clienthappy strong { color: #0080ff; font-weight: 700; font-size: 13px; display: block; } .Datingdevelopment_new .container > .row { display: flex; flex-wrap: wrap; } .Datingdevelopment_new .container > .row .col-md-4 { display: flex; } .bestcompany_row { display: flex; flex-wrap: wrap; } .bestcompany_row .col-md-6 { display: flex; } .whats-app { position: fixed; width: 60px; height: 60px; bottom: 13px; left: 14px; background-color: #25d366; color: #fff !important; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; animation-name: pulsewala; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; display: flex; align-items: center; justify-content: center; } @keyframes pulsewala { 0% { box-shadow: 0 0 0 0 #25d366; } 80% { box-shadow: 0 0 0 14px #25d36678; } } .whats-app i { transition: 0.5s ease-in-out; } .breadcrumb-fluid { background: #efefef; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .breadcrumb-fluid .page-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; justify-content: space-between; padding: 0; position: relative; background: #fff0; margin: 10px 0 10px; border-bottom: 0 solid #eee; padding-left: 35px; } .breadcrumb-fluid .page-header:after { content: ""; background-image: url(../images/icons/arrorback.png); position: absolute; background-size: 30px 20px; background-position: 30px 20px; left: 0; width: 30px; height: 20px; top: 0; } .breadcrumb-fluid .page-header .page-title { display: none; } .breadcrumb-fluid .page-header .breadcrumb { display: flex; flex-wrap: wrap; margin-bottom: 0 !important; list-style: none; border-radius: 3px; left: 0; bottom: 0; padding: 0 !important; background-color: transparent !important; } .breadcrumb-fluid .page-header .breadcrumb-item a { font-family: Montserrat; color: #08223a; font-weight: 600; border-right: 1px solid black; padding: 0 5px; } .breadcrumb-fluid .page-header .breadcrumb > .active { color: #175eff; font-weight: 600; padding-left: 5px; display: flex; align-items: center; } .breadcrumb-fluid .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding: 0; color: rgba(255, 255, 255, 0.3); content: ""; } .breadcrumb-fluid .page-header .breadcrumb-item + .breadcrumb-item::before { color: #080e1b; } .developer_mid { display: flex; justify-content: center; background-color: #eef3ff; border-radius: 4px; padding: 10px 12px; margin-bottom: 12px; } .exp_box span { font-size: 13px; color: #08223a; font-weight: 600; display: block; margin-bottom: 4px; } .exp_box strong { display: block; font-weight: 700; color: #0080ff; font-size: 14px; } .exp_box { width: 49%; } .expert_in span { background-color: #fff; position: absolute; top: -11px; padding: 0 7px; font-weight: 600; color: #08223a; left: 8px; font-size: 14px; } .skills a { font-size: 11px; font-weight: 600; background-color: #0080ff; display: inline-block; color: #fff; padding: 4px 9px; border-radius: 4px; margin-bottom: 6px; } .expert_in { margin-top: 18px; border: 1px solid #cbcbcb; border-radius: 4px; padding: 16px 16px 7px; position: relative; } .robusts-solutions-box { background: #fff; padding: 20px; text-align: center; border-radius: 10px; box-shadow: 0 0 20px #0000001f; width: 100%; max-width: 30%; margin: 60px 6px 0; transition: 0.5s all; display: block; } .robusts-solutions-box:hover { transform: translateY(-5px); } .robusts-solutions-box h3 { margin: 0 0 10px; display: block; font-size: 16px; color: #08223a; font-weight: 600; line-height: 21px; text-transform: capitalize; } .robusts-solutions-box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 10px; line-height: 26px; } .robusts-icon { display: flex; align-items: center; justify-content: center; height: 90px; width: 90px; border-radius: 50px; background-color: #fff; margin: -68px auto 16px; border: 8px solid #eef3ff; transition: 0.5s all; } .robusts-icon img { max-width: 40px; } .robusts-solutions-outter { display: flex; flex-wrap: wrap; justify-content: center; } .robusts-solutions-box:hover .robusts-icon { transform: rotateY(360deg); } .newportfolio_box { background-color: #000; border-radius: 14px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); align-items: center; padding: 20px 28px; display: flex; margin: 0; } .newportfolio_img img { max-width: 220px; } .newportfolio_right h2 { color: #fff; font-weight: 800; font-size: 32px; margin-bottom: 16px; } .newportfolio_right h3 { color: #fff; font-size: 14px; margin-bottom: 25px; } .newportfolio_right p { color: #fff; font-weight: 500; font-size: 15px; line-height: 26px; margin-bottom: 20px; } .newportfolio_right { padding: 0 25px; } .feedbacks_boxx { display: flex; align-items: flex-start; margin-top: 34px; border-top: 1px solid #ffffff4d; padding: 24px 0; border-bottom: 1px solid #ffffff4d; } .feedback_img { height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 3px solid #fff; } .feedback_img img { max-width: 100%; height: 100%; object-fit: cover; border-radius: 50px; } .feedbacks_content { width: 80%; padding-left: 20px; } .feedbacks_content strong { font-size: 14px; color: #fff; display: block; } .feedbacks_content p { font-size: 14px; line-height: 23px; margin-top: 5px; margin-bottom: 0; } .newportfolio_right .readbtn span { height: 25px; width: 25px; margin-left: 6px; } .newportfolio_right .readbtn { margin: 0; font-size: 13px; padding: 4px 4px 4px 15px; color: #0080ff !important; background-color: #fff; } .newportfolio_right .readbtn span { background-color: #0080ff; } .newportfolio_right .readbtn:hover span { transform: translateX(9px); margin-left: 0px; } .newportfolio_right .readbtn span img { filter: brightness(20.5); } .newportfolio_img { height: 500px; display: flex; align-items: center; justify-content: center; } .portfolio_details strong { font-size: 60px; display: block; color: #fff; font-weight: 800; margin-bottom: 10px; line-height: 60px; } .portfolio_details span { color: #fff; font-weight: 500; font-size: 18px; display: block; } .portfolio_details { text-align: center; padding: 30px 0; border-bottom: 1px solid #ffffff4d; } .portfolio_bg1 { background-color: #0f1b31 !important; } .portfolio_bg2 { background-color: #e51956 !important; } .portfolio_bg3 { background-color: #ff9259 !important; } .portfolio_bg4 { background-color: #63bfe4 !important; } .portfolio_sticky { position: sticky; top: 115px; } .readbtn { display: inline-flex; align-items: center; background-color: #fff; border-radius: 50px; font-weight: 600; font-size: 13px; padding: 4px 4px 4px 15px; color: #0080ff !important; margin: 0; } .readbtn span { background-color: #fff; height: 25px; width: 25px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-left: 6px; transition: 0.3s all; } .newportfolio_right .readbtn span { background-color: #0080ff; } .newportfolio_right .readbtn span img { filter: brightness(20.5); } .readbtn span img { max-width: 90%; } .exploringworld_table { background-color: #eef3ff; padding: 15px; } .ai_cost .exploringworld_table { background-color: #ffffff; } .exploringworld_table tr th { color: #08223a; background-color: #ffffff; font-size: 14px; font-weight: 600; padding: 18px 20px !important; border: 0; text-transform: uppercase; text-align: center; white-space: nowrap; vertical-align: middle; } .exploringworld_table tr td { color: #08223a; font-size: 14px; padding: 15px 20px !important; border: 0; text-align: center; vertical-align: middle !important; border-bottom: 1px solid #ffffff; white-space: nowrap; font-weight: 500; } .exploringworld_table tbody tr th:first-child, .exploringworld_table thead tr th:first-child { text-align: left; } .exploringworld_table { background-color: #eef3ff; padding: 15px; } .exploringworld_table .table { margin: 0; } .bottom_btn { text-align: center; margin-top: 40px; } .faq_section { position: relative; } .faq_section::after { position: absolute; content: ""; top: 0; right: 0; background-image: url(../../common/images/iPhone/dots.png); height: 100%; width: 100%; background-repeat: repeat; background-size: 13px; background-position: center; z-index: -1; } .faq_box { background-color: #fff; padding: 0px 50px 0 25px; box-shadow: 0 0 20px #88898b3b; border-radius: 10px; margin-bottom: 30px; cursor: pointer; } .faq_box_head { padding: 15px 0; display: block; font-weight: 600; color: #08223a; font-size: 17px; position: relative; } .faq_box_head h3 { display: block; font-weight: 600; color: #08223a; font-size: 17px; margin: 0; } .faq_box_head::after { content: ""; position: absolute; right: -42px; background-image: url(../images/common_icons/add-fill.svg); height: 32px; width: 32px; background-size: 29px; top: 50%; transform: translateY(-50%); } .faq_box.active .faq_box_head::after { background-image: url(../images/common_icons/subtract-fill.svg); } .faq_data { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; padding-bottom: 18px; line-height: 26px; display: none; } .faq_box.active .faq_data { display: block; } .faq_section_custom { margin: 60px 50px 0; } .blogsection .blogpart .textpart h5 { font-size: 14px; color: #1d62ff; font-weight: 600; font-family: Montserrat; position: relative; line-height: 20px; margin-top: 15px; margin-bottom: 15px; } .blogsection .blogpart .textpart h5:after { border-bottom: 0; position: absolute; content: ""; width: 5px; height: 25px; background: #447cff; top: -3px; left: -35px; border-radius: 0 20px 20px 0; } .blogsection .blogpart .textpart h4 { font-size: 20px; color: #08223a; font-weight: 550; font-family: Montserrat; line-height: 25px; } .blogsection .blogpart .textpart:hover { box-shadow: 1px 1px 40px -8px #8c929766; } .blogsection .blogpart .textpart { border: 1px solid #f0f0f0; padding: 20px 20px 30px 35px; border-radius: 0 0 10px 10px; background: #fff; border-top: 0; } .blogsection .blogpart .baner .home img { width: 100%; height: 190px; border-radius: 10px; } .blogsection { width: 100%; height: 100%; background-position: center; padding-top: 80px; padding-bottom: 80px; } div#cookieNotice { height: 100vh; width: 100%; position: fixed; bottom: 0; left: 0; display: flex; align-items: flex-end; top: 0; right: 0; background-color: #0000004f; z-index: 9999999999999999999 !important; backdrop-filter: blur(3px); } .cookieNotice_main { position: fixed; bottom: 100px; width: 80%; padding: 26px; z-index: 99999999999999999 !important; border-radius: 20px; left: 0; right: 0; margin: 0 auto; box-shadow: 0 0 0px #447dff75; background-color: #125aff; } div#closeIcon img { max-width: 30px; position: absolute; border-radius: 50px; right: -10px; top: -10px; } .buttn_adjust { display: flex; align-items: center; justify-content: space-between; } .title-wrap h4 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #ffffff; line-height: 23px; margin: 0px 0 10px; } .msg-wrap p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 14px; margin-bottom: 16px; line-height: 23px; } .btn-wrap .comman_btn { margin: 0; background: #fff; align-items: center; font-size: 13px; border-radius: 7px; padding: 4px 21px; border: 0; color: #000; font-weight: 700; } .btn-wrap .Decline_btn { background: #f20 !important; color: #fff; } .tech_slide { display: flex; align-items: center; justify-content: center; border: 1px solid #e6e7f6; border-radius: 50px; padding: 20px 32px; font-weight: 600; font-size: 18px; margin: 10px 8px; white-space: nowrap; background-color: #fff; } .tech_slide img { max-height: 25px; margin-right: 10px; } .technologyStacksSlider { position: relative; margin-top: 12px; } .technologyStacksSlider::before { background-image: linear-gradient( 268deg, #ffffff24 0%, #ffffff2b 49.39%, #eef3ff 100% ); width: 160px; height: 100%; position: absolute; left: 0; top: 0; content: ""; z-index: 9; } .technologyStacksSlider::after { background-image: linear-gradient( 90deg, #ffffff24 0%, #ffffff2b 49.39%, #eef3ff 100% ); width: 160px; height: 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 9; } .sml_letter { text-transform: none; display: inline-block; } .client_testimonialsss { background-color: #0080ff; } .client_testimonialsss_box { background-color: #ffff; padding: 30px 30px; border-radius: 5px; position: relative; text-align: center; transition: 0.4s all; margin: 0 10px; transform: scale(0.9); } .client_testimonialsss_slider .slick-track { display: flex; align-items: center; } .client_testimonialsss_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .client_testimonialsss_box h3 { margin: 16px 0 12px; display: block; font-size: 17px; color: #08223a; font-weight: 600; line-height: 21px; text-transform: capitalize; } .client_testimonialsss_box strong { font-size: 17px; color: #4ba6e5; font-weight: 600; } .client_testimonialsss_slider { display: flex; align-items: center; justify-content: space-between; } .client_testimonialsss_slider .client_testimonialsss_box:nth-child(2) { transform: scale(1); } .client_testimonialsss_slider .slick-prev { background: #fff url(../images/updated/arrow-right.png); height: 60px; text-indent: -10320px; width: 60px; border-radius: 50px; position: absolute; left: -60px; top: 50%; background-size: 26px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%) rotate(180deg); transition: 0.5s all; z-index: 1; border: 0; outline: 0 !important; } .client_testimonialsss_slider .slick-next { background: #fff url(../images/updated/arrow-right.png); height: 60px; text-indent: -10320px; width: 60px; border-radius: 50px; position: absolute; right: -60px; top: 50%; background-size: 26px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); transition: 0.5s all; border: 0; outline: 0 !important; } .client_testimonialsss_box.slick-slide.slick-current.slick-active.slick-center { transform: scale(1); } .client_profile { height: 80px; width: 80px; border-radius: 50px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; } .client_profile img { height: 100%; width: 100%; object-fit: cover; } .building_remove::before { display: none !important; } .me_banner { padding: 160px 0 0; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .me_banner.lineimg::before { filter: grayscale(1); z-index: 1; } .me_banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .mebanner_content { text-align: left; } .mebanner_form { backdrop-filter: blur(50px); border-radius: 20px; padding: 85px 30px 40px; margin: 0 50px; background: #fff 0% 0% no-repeat padding-box; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); } .mebanner_form h2 { color: #fff; font-size: 16px; font-weight: 700; position: absolute; text-align: left; margin-left: 0; background-color: #0080ff; display: inline-flex; height: 44px; align-items: center; border-radius: 0 10px 10px 0px; padding: 0px 50px 0 30px; top: 20px; left: -12px; } .mebanner_form h2:after { content: ""; height: 1px; width: 1px; border-style: solid; border-width: 6px; position: absolute; bottom: -10px; left: 0; border-color: #0080ff #0080ff transparent transparent; } .mebanner_form form .form-group .form-control { box-shadow: unset; font-size: 16px; font-weight: 500; background: rgba(241, 241, 241, 0.28) 0% 0% no-repeat padding-box; border: 1px solid rgb(81 79 79 / 15%); border-radius: 27px; padding: 10px 24px; height: 50px; } .mebanner_form form .form-group textarea.form-control { resize: none; height: 100px; border-radius: 20px; } .mebanner_form form .form-group:last-child { margin: 0; } .mebanner_content h1 { font-weight: 800; font-size: 42px; margin: 0 0 20px; line-height: 60px; color: #fff; text-transform: capitalize; } .mebanner_content p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 30px; line-height: 30px; } .me_banner .row { display: flex; justify-content: center; position: relative; z-index: 1; align-items: center; } .newbtn_design { background: #0080ff; color: rgba(255, 255, 255, 1) !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; text-transform: capitalize; } .newbtn_design:hover { padding: 5px 25px 5px 60px; } .newbtn_design img { max-width: 20px; position: absolute; right: 22px; animation: wobble 1s ease infinite; transition: 0.5s; } .newbtn_design:hover img { right: calc(100% - 50px); } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .metrustedlogo div img { max-width: 150px; filter: invert(1) brightness(70.5); } .metrustedlogo { display: flex; justify-content: space-between; margin-top: 100px; } .metrustedlogo div { backdrop-filter: blur(50px); border-radius: 20px 20px 0 0; border: 2px solid rgba(255, 255, 255, 0.13); width: 18%; text-align: center; border-bottom: 0; padding: 10px 10px; display: flex; align-items: center; justify-content: center; } .meservices_box img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease-out; } .meservices_box:hover img { transform: scale(1.1); } .meservices_box { overflow: hidden; border-radius: 30px; position: relative; box-shadow: 15px 28px 46px rgba(0, 0, 0, 0.09); margin-bottom: 30px; border: 8px solid #fff; display: flex; background-color: #fff; } .meservices_content h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .meservices_content p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .meservices_img { height: 356px; overflow: hidden; border-radius: 0px; width: 40%; } .meservices_content { padding: 20px 20px; width: 60%; } .meservices_main { display: flex; align-items: flex-start; flex-wrap: wrap; } .sticky_box { position: sticky; top: 110px; } .mecounter_box { text-align: center; } .me_counter .row .col-md-3 { border-right: 6px solid #fff; } .me_counter .row .col-md-3:last-child { border: 0; } .mecounter_box h2 { color: #08223a; font-size: 44px; font-weight: 800; line-height: normal; } .purecounter { display: inline-block; } .mecounter_box span { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 8px; line-height: 29px; } .me_counter { background-color: #eef3ff; padding: 25px 0 25px; position: relative; } .bg_new { background-color: rgba(5, 8, 26, 1) !important; } .helpedvarious_box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; transition: all 0.3s ease-out; position: relative; z-index: 1; } .helpedvarious_main { display: flex; flex-wrap: wrap; } .helpedvarious_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; transition: all 0.3s ease-out; position: relative; z-index: 1; } .helpedvarious_main .col-md-4 { display: flex; margin-bottom: 30px; } .helpedvarious_icon { height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; background-color: #121526; margin-bottom: 18px; border-radius: 50px; position: relative; border: 2px solid #121526; z-index: 1; transition: all 0.3s ease-out; } .helpedvarious_icon .helped_ico { max-width: 40px; } .helpedvarious_box { position: relative; background: #fff 0% 0% no-repeat padding-box; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); border-radius: 30px; padding: 30px 30px; border: 2px solid #121526; overflow: hidden; transition: all 0.3s ease-out; margin: 0 15px; } .helpedvarious_main .slick-next { background-image: url(../images/common_icons/arrowright.svg) !important; text-indent: -99999999999px; height: 60px; width: 60px; background-size: 60px; background-color: transparent; border: 0; position: absolute; right: -100%; top: 48%; transform: translateY(-50%); transition: all 0.3s ease-out; } .helped_various:hover .slick-next { right: -78px; } .helpedvarious_main .slick-prev { display: none !important; } .helpedvarious_box::after { content: ""; position: absolute; top: 10px; left: 10px; transform: scale(0); height: 80px; width: 80px; background-color: #121526; border-radius: 50px; z-index: 0; transition: all 0.3s ease-out; } .helpedvarious_box:hover { border-color: #fff; } .helpedvarious_box:hover::after { transform: scale(1); height: 100%; width: 100%; border-radius: 0; top: 0; left: 0; } .helpedvarious_box:hover h3, .helpedvarious_box:hover p { color: #fff; } .helpedvarious_box:hover .helpedvarious_icon { border-color: #fff; } .techused_main { display: flex; flex-wrap: wrap; justify-content: center; } .techused_main .col-md-4 { display: flex; } .techused_box { padding: 30px; border-radius: 30px; text-align: center; background: #ffff; transition: 0.3s ease-in-out; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); margin-top: 90px; transition: 0.3s ease-in-out; } .techused_box:hover { transform: translateY(-5px); } .tech_used { background-color: #eef3ff; } .techused_box span { display: flex; justify-content: center; align-items: center; margin: 0 auto 12px; height: 100px; width: 100px; border-radius: 50px; background-color: #eef3ff; margin-top: -80px; border: 8px solid #fff; transition: 0.3s ease-in-out; } .techused_box:hover span img { transform: rotateY(350deg); } .techused_box img { max-width: 45px; margin-bottom: 0; transition: 0.3s ease-in-out; } .techused_box h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .techused_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 29px; } .tech_used .newheading { margin-bottom: 0; } .me_cta { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px 0; } .me_cta_Content h2 { color: #fff; font-weight: 800; font-size: 36px; margin: 0 0 30px; line-height: 50px; border-left: 10px solid #fff; padding-left: 20px; } .ranked_main { display: flex; flex-wrap: wrap; } .ranked_boxx { padding: 30px 20px; position: relative; display: flex; align-items: flex-start; border-top: 12px solid rgba(32, 35, 66, 0.1); transition: 0.3s ease-in-out; background-color: #fff; border-bottom: 12px solid rgba(32, 35, 66, 0.1); } .ranked_main .col-md-3 { padding: 0; } .ranked_bg { background-color: #121526; border-top: 12px solid rgb(255 255 255 / 28%); border-bottom: 12px solid rgb(255 255 255 / 28%); } .ranked_main .col-md-6 { position: sticky; top: 110px; z-index: 8; padding: 0; background-color: #fff; display: flex; } .ranked_boxx h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .ranked_boxx p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .ranked_bg p, .ranked_bg h3 { color: #fff; } .meindustries_box { display: block; border-radius: 10px; background-color: #121526; text-align: center; width: 23%; padding: 26px 15px; transition: 0.3s all ease; } .meindustries_box:hover { box-shadow: 0px 8px 0px rgb(255 255 255 / 88%); } .meindustries_box h3 { font-weight: 700; font-size: 18px; color: #fff; } .meindustries_icon { margin: 0 auto 18px; } .meindustries_icon img { max-width: 45px; } .meindustries_main { display: flex; align-items: stretch; justify-content: center; gap: 22px; flex-wrap: wrap; } .mewhychoose_box { border-radius: 0; padding: 35px 20px; text-align: left; border: 1px solid rgba(229, 244, 242, 1); transition: 0.3s ease-in-out; background-color: #121526; box-shadow: 0px 12px 0px 0px rgb(134 134 134 / 45%); } .mewhychoose_box:hover { transform: translateY(-5px); } .mewhychoose_box h3 { font-size: 18px; font-weight: 600; color: rgb(255 255 255); line-height: 26.3px; margin: 0 0 18px; } .mewhychoose_main { display: flex; flex-wrap: wrap; } .mewhychoose_main .col-lg-3 { display: flex; padding: 0; } .mewhychoose_box p { font-size: 15px; line-height: 25px; color: rgb(255 255 255); margin-bottom: 0; font-weight: 500; } .mewhychoose_box img { max-width: 50px; margin-bottom: 18px; } .me_techstack .tech_slide { border-radius: 10px; padding: 16px 26px; font-weight: 600; font-size: 16px; margin: 10px 8px; } .me_techstack .technologyStacksSlider::before, .me_techstack .technologyStacksSlider::after { display: none; } .me_techstack .container-fluid { padding: 0; } .meclients_box { background-color: #fff; border-radius: 14px; padding: 35px 20px; position: relative; overflow: hidden; text-align: center; margin: 40px 50px 40px; transition: 0.3s ease-in-out; box-shadow: 0 5px 50px rgba(32, 35, 66, 0.1); } .me_clients .row { display: flex; align-items: center; } .meclients_box > div { position: relative; z-index: 1; } .meclients_box h3 { font-weight: 700; font-size: 16px; margin-bottom: 10px; } .meclients_box h4 { font-weight: 500; font-size: 15px; margin-bottom: 0; } .meclients_box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 20px; line-height: 25px; } .meclients_pic { display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50px; overflow: hidden; margin: 20px auto 20px; } .meclients_pic img { height: 100%; width: 100%; object-fit: cover; } .meclients_box::after { background-image: url(../images/updated/dots1.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scaleX(-1); } .awardssec_box img { width: 100%; border-radius: 6px; transition: 0.3s all; filter: grayscale(1); } .awardssec_box:hover img { filter: unset; } .awardssec_box::after { position: absolute; content: ""; height: 50px; width: 4px; background-color: rgba(5, 8, 26, 1); top: -40px; left: 0; right: 0; margin: 0 auto; z-index: -1; } .awardssec_box::before { position: absolute; content: ""; height: 20px; width: 20px; background-color: rgba(5, 8, 26, 1); top: -48px; left: 0; right: 0; margin: 0 auto; z-index: -1; border-radius: 50px; } @keyframes swing { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } .awardssec_main::after { position: absolute; content: ""; height: 3px; width: 84%; background-color: rgb(255 255 255); top: -39px; left: 0; right: 0; margin: 0 auto; z-index: 0; } .awardssec_main { display: flex; margin-top: 70px; align-items: flex-start; justify-content: space-between; position: relative; } .awardssec_box { position: relative; width: 15%; z-index: 1; animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px; } .awardssec_new { background-color: #eef3ff; } .lineimg .container { z-index: 2; position: relative; } .portfolioslider_box { border-radius: 30px; display: flex; align-items: center; justify-content: center; border: 16px solid rgb(255 255 255 / 44%); position: sticky; top: 110px; z-index: 3; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .ecom_portfolio_bg1 { background-color: #eb3237 !important; } .ecom_portfolio_bg2 { background-color: rgb(239, 90, 33) !important; } .ecom_portfolio_bg3 { background-color: #ff9259 !important; } .ecom_portfolio_bg4 { background-color: #63bfe4 !important; } .ecom_portfolio_bg5 { background-color: #87c7c3 !important; } .ecom_portfolio_bg5 .newbtn_design { background: rgb(255 255 255 / 44%); } .portfolioslider_right { width: 65%; padding: 20px 50px; } .portfolioslider_left img { max-width: 60%; margin: 0 auto; } .portfolioslider_left { width: 35%; text-align: center; padding: 40px 0; background-color: rgb(255 255 255 / 44%); border-radius: 14px 0 0 14px; } .downloadlink_btn .newbtn_design { font-size: 15px; border-radius: 14px; } .ecom_portfolio_bg2 .newbtn_design { background-color: rgb(255 255 255 / 44%) !important; } .download_link a img { max-width: 35px; } .download_link a { margin-right: 20px; } .portfolioslider_info { display: flex; margin-top: 40px; } .slider_infobox { margin-right: 0; width: 22%; } .slider_infobox strong { color: #fff; font-weight: 700; font-size: 40px; display: block; margin-bottom: 10px; line-height: 40px; } .slider_infobox span { color: #fff; font-size: 16px; display: block; font-weight: 500; } .portfolioslider_right h3 { font-size: 42px; color: #fff; font-weight: 800; line-height: 54px; margin-bottom: 15px; } .portfolioslider_right p { color: #ffff; font-size: 16px; line-height: 27px; margin-bottom: 25px; } .mesimilar_img img { max-width: 95%; filter: drop-shadow(2px -2px 19px rgba(0, 0, 0, 0.09)); border-radius: 30px; border: 8px solid #fff; } .mesimilar_content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; } .mesimilar_content p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 29px; margin-bottom: 0; margin-top: 18px; } .mesimilar_part { position: relative; } .mesimilar_part::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 34px; background-repeat: repeat; filter: brightness(0.5); } .mesimilar_part .container { position: relative; z-index: 1; } .mesimilar_content { padding-left: 20px; } .mebanner_form form .form-group .newbtn_design { height: 50px; border-radius: 12px; margin-top: 10px; } .ranked_boxx img { max-width: 45px; margin-bottom: 20px; } .thepremium_boxx { border-right: 1px solid rgb(203 203 203 / 44%); border-radius: 0; padding: 40px 30px; width: 33.33%; border-bottom: 1px solid rgb(203 203 203 / 44%); transition: 0.3s all; } .thepremium_boxx:hover { background-color: #121526; transform: scale(1.1); transform-origin: right; } .thepremium_boxx:hover img { filter: brightness(20.5); } .thepremium_boxx img { max-width: 50px; transition: 0.3s all; } .thepremium_boxx:hover p, .thepremium_boxx:hover h3 { color: #fff; } .thepremium_main { display: flex; flex-wrap: wrap; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .thepremium_inner > div { width: 20%; } .thepremium_inner { display: flex; align-items: center; margin-bottom: 25px; } .thepremium_boxx h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 0; line-height: 25px; transition: all 0.3s ease-out; position: relative; z-index: 1; width: 80%; } .thepremium_boxx p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; transition: all 0.3s ease-out; position: relative; z-index: 1; } .thepremium_main .thepremium_boxx:nth-child(3n + 0) { border-right: 0; } .thepremium_main .thepremium_boxx:nth-child(4), .thepremium_main .thepremium_boxx:nth-child(5), .thepremium_main .thepremium_boxx:nth-child(6) { border-bottom: 0; } .imgremove::before { display: none !important; } .me_clients { padding: 60px 0; } .me_clients.cls-bx { padding: 0 10px 50px 0px !important; } .comman_demand { padding: 160px 0 50px; position: relative; background-size: cover; background-position: left; background-attachment: fixed; background-repeat: no-repeat; } .comman_demand::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0.9; background-color: rgba(5, 8, 26, 1); } .comman_demand .container { position: relative; z-index: 2; } .commandemand_banner h1 { font-weight: 900; font-size: 42px; margin: 0 0 35px; line-height: 56px; color: #fff; text-transform: capitalize; } .demand_form { border-radius: 20px; padding: 75px 30px 40px; margin: 0; background: #fff 0% 0% no-repeat padding-box; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); position: absolute; bottom: -530px; width: 80%; left: auto; right: auto; margin: 0 auto; } .comman_demand .row .col-md-6:last-child { display: flex; align-items: center; justify-content: center; } .demand_form .form-group .form-control { box-shadow: unset; font-size: 15px; font-weight: 500; background: rgba(241, 241, 241, 0.28) 0% 0% no-repeat padding-box; border: 1px solid rgb(81 79 79 / 15%) !important; border-radius: 7px; padding: 12px 18px; height: 52px; } .demand_form .form-group { margin-bottom: 20px; } .demand_form h2 { text-align: center; font-weight: 700; font-size: 18px; position: absolute; top: 0; background-color: #0080ff; border-radius: 0 0 20px 20px; color: #fff; padding: 12px 32px; left: 0; right: 0; margin: 0 auto; width: 240px; } .demand_form form .form-group:last-child { margin: 0; } .demand_submit { background: #0080ff; color: rgba(255, 255, 255, 1) !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 12px; padding: 20px; transition: 0.3s ease-in-out; position: relative; border: 0; width: 100%; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); } .demand_form .form-group textarea.form-control { height: 120px; } .leadingpartner_inner { margin-right: 38px; } .leading_partner { padding: 30px 0 50px; position: relative; } .leadingpartner_inner h2 { color: #08223a; font-weight: 800; font-size: 20px; margin: 0; line-height: 24px; text-align: center; } .leadingpartner_icons { display: flex; flex-wrap: wrap; margin-top: 15px; } .leadingpartner_icons div { width: 33.33%; text-align: center; display: flex; align-items: center; justify-content: center; } .leadingpartner_icons div img { max-width: 140px; } .adv_tech_icon img { max-width: 45px; } .adv_tech_box { padding: 25px 20px; position: relative; border-radius: 14px; border: 3px solid #f5f5f5; width: 24%; transition: 0.5s all; background-color: #fff; margin: 0 10px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .adv_tech_icon { background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; border-radius: 0 20px 20px 0px; margin-bottom: 20px; height: 70px; width: 90px; margin-left: -20px; } .adv_tech_box h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 29px; } .adv_tech_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .adv_tech_box:hover { width: 30%; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .advanced_techmain { display: flex; justify-content: space-between; margin: 0; } .leading_partner::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 21px; background-repeat: repeat; filter: invert(1); } .journey_ecom .newheading { margin: 0; } .journey_ecom .container .row { display: flex; flex-wrap: wrap; align-items: center; } .journeyecom_main { display: flex; flex-wrap: wrap; } .journeyecom_box { background-color: #fff; border-radius: 20px; padding: 40px 20px; width: 45%; box-shadow: 0 10px 0px rgb(255 255 255 / 39%); margin: 0 12px 37px; } .journeyecom_box h3 { color: #08223a; font-weight: 800; margin-bottom: 12px; font-size: 46px; line-height: 42px; } .journeyecom_box span { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .journeyecom_main .journeyecom_box:nth-child(3), .journeyecom_main .journeyecom_box:nth-child(4) { margin-bottom: 0; } .ecomdevservices_box h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .ecomdevservices_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .ecomdevservices_box { border-radius: 14px; border: 3px solid #f5f5f5; padding: 20px 20px; margin: 0 10px; } .ecomdevservices_ico { background-color: #121526; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-bottom: 15px; transition: 0.5s all; } .ecomdevservices_box:hover .ecomdevservices_ico { transform: rotateY(-380deg); transition: 0.5s all; } .ecomdevservices_ico img { max-width: 54%; filter: brightness(51); } .advantagestg_boxx { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 14px; padding: 25px; position: relative; display: flex; align-items: center; background-color: #fff; height: 120px; margin-bottom: 30px; transition: 0.5s all; } .advantagestg_left .advantagestg_head { width: 84%; } .advantagestg_right .advantagestg_head { width: 84%; text-align: right; } .advantagestg_icon img { max-width: 40px; } .advantagestg_left .advantagestg_icon { position: absolute; right: -35px; top: 50%; transform: translateY(-50%); box-shadow: 6px 1px 0px 0px rgb(134 134 134 / 15%); } .advantagestg_right .advantagestg_icon { position: absolute; left: -35px; top: 50%; transform: translateY(-50%); box-shadow: -6px 1px 0px 0px rgb(134 134 134 / 15%); } .advantagestg_main { display: flex; align-items: center; } .advantagestg_left { width: 25%; } .advantagestg_right { width: 25%; } .advantagestg_center { width: 50%; padding: 0px 60px; } .advantagestg_icon { border-radius: 50px; height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; background-color: #fff; transition: 0.5s all; } .advantagestg_boxx:hover .advantagestg_icon { transform: translateY(-50%) rotateY(-380deg); transition: 0.5s all; } .advantagestg_head h3 { color: #08223a; font-weight: 700; margin-bottom: 0; font-size: 18px; line-height: 28px; } .advantagestg_right .advantagestg_boxx { justify-content: flex-end; } .advantagestg_left .advantagestg_boxx:nth-child(2) { transform: translateX(-40px); } .advantagestg_right .advantagestg_boxx:nth-child(2) { transform: translateX(40px); } .advantagestg_center img { max-width: 100%; } .advantagestg_right .advantagestg_boxx:last-child, .advantagestg_left .advantagestg_boxx:last-child { margin-bottom: 0; } .agileecommerce_tabs ul li a { font-size: 16px !important; font-weight: 700; color: #ffff !important; padding: 20px 32px; box-shadow: unset; outline: 0; border: 0 !important; border-radius: 4px 4px 0 0 !important; transition: 0.5s all; margin: 0 !important; height: 100%; } .agileecommerce_tabs ul li.active a, .agileecommerce_tabs ul li a:hover { color: #08223a !important; background-color: #fff; } .agileecommerce_tabs .nav-tabs { display: inline-flex; justify-content: center; border-bottom: 0; margin: 0; } .agileecommerce_tabs { text-align: center; } .agileecommerce_inner { background-color: #fff; padding: 50px 50px; text-align: left; border-radius: 4px; margin-top: -4px; position: relative; } .agileecommerce_inner::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 21px; background-repeat: repeat; filter: invert(1); } .agileecommerce_inner h3 { color: #08223a; font-weight: 700; margin-bottom: 12px; font-size: 20px; line-height: 28px; position: relative; z-index: 1; } .agileecommerce_inner p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; position: relative; z-index: 1; } .agileemain h4 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 16px; line-height: 23px; } .agileecommerce_innerbox { display: flex; margin: 30px 0 0; position: relative; z-index: 1; border-top: 13px solid #f5f5f5; padding-top: 30px; } .agileecommerce_inner .agileemain p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .agileemain { border-radius: 14px; border: 3px solid #f5f5f5; padding: 20px 20px; margin: 0 10px; width: 24%; } .agileemain img { max-width: 42px; margin-bottom: 18px; transition: 0.5s all; } .agileemain:hover img { transform: rotateY(380deg); } .platformsweuse_box { overflow: hidden; height: 400px; border-radius: 14px; box-shadow: 0 5px 70px rgb(32 35 66 / 11%); position: relative; } .platformsweuse_box img { height: 100%; width: 100%; object-fit: cover; transition: 0.5s all; } .platformsweuse_box:hover img { transform: rotate(5deg) scale(1.3); } .platforms_content { position: absolute; bottom: 20px; left: 0; z-index: 2; padding: 20px; width: 94%; right: 0; margin: 0 auto; border-radius: 14px; backdrop-filter: blur(31px); transition: 0.5s all; } .platformsweuse_box:hover .platforms_content { bottom: -100%; } .platformsweuse_box::after { position: absolute; content: ""; bottom: 0px; left: 0; right: 0; background: #00000096; height: 100%; width: 100%; top: 0; } .platforms_content h3 { color: #fff; font-weight: 700; margin-bottom: 10px; font-size: 20px; line-height: 26px; } .platforms_content p { font-weight: 500; color: #ffffff; font-size: 15px; margin-bottom: 0; line-height: 25px; position: relative; z-index: 1; } .platformsweuse_main .col-md-6:nth-child(odd) { transform: translateY(-50px); } .platformsweuse_main .col-md-6 { margin-top: 40px; } .platformsweuse_main { margin-top: 10px; } .aiintegration_box { background: #ffff; border: 2px solid #fff; border-radius: 14px; padding: 25px 20px 30px; transition: 0.5s all; } .aiintegration_box:hover { box-shadow: 0 5px 70px rgb(32 35 66 / 11%); background-color: #fff; } .aiintegration_img img { max-width: 100%; height: 100%; object-fit: cover; } .aiintegration_box h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 30px; } .aiintegration_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .aiintegration_img { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; border-radius: 12px; overflow: hidden; height: 180px; } .aiintegration_main { display: flex; flex-wrap: wrap; justify-content: center; } .aiintegration_main .col-md-4 { display: flex; margin-bottom: 30px; } .ai_integration { background: #eef3ff; } .mobileapp_developers { padding: 140px 0 80px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .mobileapp_developers::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 24px; background-repeat: repeat; filter: brightness(0.5); } .mobiledev_content h1 { font-weight: 900; color: #08223a; font-size: 48px; margin: 0 0 18px; line-height: 66px; } .mobiledev_content h1 span { color: #0080ff; } .mobiledev_content p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 29px; margin-bottom: 20px; } .mobiledev_content { padding-right: 30px; } .mobiledev_form { border-radius: 6px; padding: 30px 30px; background: #ffffffe8 !important; box-shadow: 7px 1px 100px rgb(0 0 0 / 10%); } .mobiledev_form h2 { margin-top: 0; font-weight: 700; font-size: 20px; margin-bottom: 25px; color: #3d3d3e; border-left: 4px solid #0080ff; padding: 3px 0 3px 12px; } .mobiledev_form .form-group .form-control { box-shadow: unset; font-size: 16px; font-weight: 500; background: rgb(255 255 255 / 28%) 0% 0% no-repeat padding-box; border-radius: 12px; padding: 10px 20px; height: 54px; border: 2px solid #08223a7a; } .mobiledev_form .form-group textarea.form-control { height: 120px; } .mobiledev_form .form-group .form-control::placeholder { color: #08223a; opacity: 1; } .mobiledev_form .form-group { margin-bottom: 20px; } .animatedText { display: block; color: #0080ff; font-size: 38px; } .mobilepartner_icons div { text-align: center; display: flex; align-items: center; justify-content: flex-start; } .mobilepartner_icons { display: flex; margin-top: 50px; justify-content: space-between; } .mobilepartner_icons div img { max-width: 140px; } .awards_slider_img { margin: 0 30px; } .awards_sec { padding: 50px 0; } .awards_slider_img img { max-height: 150px; } .portfolio_tabs .nav-tabs li.active a { background-color: transparent !important; color: #fff; border-bottom: 2px solid #0080ff !important; } .portfolio_inner { display: flex; flex-wrap: wrap; padding: 50px 0 0; justify-content: center; } .portfoliotabs_box { position: relative; height: 500px; border-radius: 30px; background-color: #121526; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); padding: 50px 0 0; overflow: hidden; border: 4px solid #f5f5f51a; } .portfoliotabs_box::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 17px; background-repeat: repeat; } .portfolio_tabs .nav-tabs li a { font-family: Montserrat; font-size: 16px; font-weight: 600; line-height: 19.07px; text-align: left; color: #ffffff94; box-shadow: unset; border: 0 !important; background-color: transparent !important; padding: 20px 38px; text-transform: uppercase; } .portfolio_tabs .nav-tabs { border-bottom: 1px solid #ffffff29; justify-content: center; display: flex; } .portfoliotabs_box > img { max-width: 310px; position: absolute; right: 0; left: 0; margin: 0 auto; bottom: -80px; } .portfolio_data .download_link { margin-top: 30px; } .portfolio_data .download_link a { margin: 0 14px; } .portfolio_data { position: absolute; bottom: 0; background: rgba(5, 8, 26, 1); padding: 30px 30px; left: 0; right: 0; width: 90%; transition: 0.3s cubic-bezier(0, 0, 0.56, 0.56); margin: auto; border-radius: 24px; transform: scale(0); transform-origin: center; top: 0; z-index: 3; height: 90%; text-align: center; } .portfoliotabs_box:hover .portfolio_data { transform: scale(1); } .portfolio_data h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; transition: all 0.3s ease-out; } .portfolio_data p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; transition: all 0.3s ease-out; } .serviceeboxx { background-color: #121526; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); border-radius: 14px; padding: 30px 20px; width: 100%; transition: 0.3s all ease; display: block; } .serviceeboxx:hover { box-shadow: 0px 8px 0px rgb(255 255 255 / 88%); } .serviceeboxx img { max-width: 50px; margin-bottom: 28px; } .serviceeboxx h3 { color: #fff; font-weight: 700; font-size: 18px; line-height: 28px; margin: 0; } .mobileservicee { display: flex; flex-wrap: wrap; } .mobileservicee .col-md-3 { display: flex; margin-bottom: 30px; } .mobilechoose_box { border-radius: 14px; border: 3px solid #f5f5f5; padding: 20px 20px; background-color: #fff; transition: 0.3s ease-in-out; } .mobilechoose_box:hover { box-shadow: 10px 30px 100px rgb(0 0 0 / 15%); } .mobilechoose_box:hover span { transform: rotateY(-380deg); transition: 0.5s all; } .mobilechoose_box span { background-color: #121526; width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-bottom: 15px; transition: 0.5s all; } .mobilechoose_box span img { max-width: 54%; filter: brightness(51); } .mobilechoose_box h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .mobilechoose_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .mobilechoose .col-md-4 { display: flex; margin-bottom: 30px; } .mobilechoose { display: flex; flex-wrap: wrap; } .aiintegrated_left { background-color: #121526; display: flex; align-items: center; justify-content: center; height: 260px; text-align: center; } .aiintegrated_left img { max-width: 100px; margin: 0 auto 25px; } .aiintegrated_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 16px; overflow: hidden; margin-bottom: 40px; background-color: #fff; } .aiintegrated_left h3 { color: #fff; font-weight: 700; font-size: 18px; line-height: 28px; margin: 0; } .aiintegrated_right { padding: 20px 20px; } .aiintegrated_right ul li p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .aiintegrated_right ul li p span { color: #0080ff; font-weight: 800; } .aiintegrated_right ul li { position: relative; margin-bottom: 10px; padding-left: 30px; } .aiintegrated_right ul li::after { position: absolute; content: ""; left: 0; top: 2px; background-image: url(../images/common_icons/check-double-line.svg); background-repeat: no-repeat; height: 18px; width: 24px; background-size: 24px; } .aiintegrated_left div { position: relative; z-index: 1; } .paraimg_sec .row { display: flex; flex-wrap: wrap; } .commannew__img img { max-width: 95%; filter: drop-shadow(2px -2px 19px rgba(0, 0, 0, 0.09)); border-radius: 30px; border: 8px solid #fff; } .commannew__content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; } .commannew__content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .commannew__content ul li p { margin: 0; } .commannew__content ul { margin: 15px 0px; } .commannew__content ul li { position: relative; margin-bottom: 10px; padding-left: 30px; } .commannew__content ul li::after { position: absolute; content: ""; left: 0; top: 2px; background-image: url(../images/common_icons/check-double-line.svg); background-repeat: no-repeat; height: 18px; width: 24px; background-size: 24px; } .commannew_sec .container .commannew_box { margin-bottom: 120px; } .commannew_sec .container .commannew_box:last-child { margin-bottom: 0; } .shareproject_main { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; display: flex; border-radius: 12px; overflow: hidden; } .shareproject_left { padding: 60px 60px; width: 50%; overflow: hidden; } .shareproject_left > div { position: relative; z-index: 2; } .shareproject_left h2 { color: #ffffff; font-weight: 800; font-size: 40px; margin: 0 0 14px; line-height: 62px; } .shareproject_left p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 28px; } .shareproject_left ul { margin-top: 30px; border: 2px dashed #f5f5f540; padding: 25px 20px; border-radius: 12px; } .shareproject_left ul li { position: relative; margin-bottom: 14px; padding-left: 35px; } .shareproject_left ul li::after { position: absolute; content: ""; left: 0; top: 2px; background-image: url(../images/common_icons/check-double-line.svg); background-repeat: no-repeat; height: 18px; width: 24px; background-size: 24px; filter: brightness(20.5); } .shareproject_right { width: 50%; } .shareproject_right { width: 50%; padding: 60px 60px; background: rgba(18, 21, 38, 1); position: relative; } .shareproject_right .form-group .form-control { border: 0; height: 52px; border-bottom: 1px solid #fff; background-color: transparent; border-radius: 0; color: #fff; box-shadow: unset !important; font-weight: 500; font-size: 16px; padding: 10px 0; } .shareproject_right .form-group .form-control::placeholder { color: #fff; opacity: 1; } .shareproject_right .form-group textarea.form-control { height: 100px; } .shareproject_right .form-group { margin-bottom: 25px; } .shareproject_right .form-group:last-child { margin-bottom: 0; } .contactform_main { position: relative; display: flex; align-items: center; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 150px 0 160px; } .contactclient_slider { padding: 40px 0 0; } .contact_outer { display: flex; } .formcontact_main form .form-group textarea.form-control { height: 100px; border-radius: 14px; resize: none; } .contactform_main::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background-image: url(../images/contactus/shape.png); background-position: top; background-size: cover; background-repeat: no-repeat; height: 190px; filter: brightness(90.5); } .contactform_main .container { position: relative; z-index: 1; } .contactform_main::before { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: #121526; right: 0; top: 0; opacity: 0.9; } .contact_details { width: 50%; padding-right: 50px; margin-top: 90px; } .formcontact_main { width: 50%; } .contact_details h1 { font-size: 60px; letter-spacing: -1px; font-weight: 900; line-height: 78px; color: #fff; margin-bottom: 20px; } .contact_details p { font-size: 20px; font-weight: 400; line-height: 30px; color: rgba(217, 217, 217, 1); margin-bottom: 24px; } .formcontact_main { background: #fff 0% 0% no-repeat padding-box; border-radius: 26px; padding: 30px; margin-bottom: -120px; position: relative; z-index: 2; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .formcontact_main form .form-group .form-control { background: #f5f5f587; border: 1px solid rgba(112, 112, 112, 0.05); border-radius: 14px; padding: 15px 20px !important; height: 50px; box-shadow: unset !important; font-weight: 500; color: #08223a; } .formcontact_main form .form-group .form-control::placeholder { color: #08223a; } .formcontact_main form .form-group label { font-weight: 600; font-size: 14px; margin-bottom: 6px; } .contact_inner h2 { font-weight: 700; font-size: 19px; line-height: 22px; margin-bottom: 30px; text-align: center; position: relative; display: inline-block; color: #08223a; text-transform: uppercase; } .contact_inner h2::after { position: absolute; content: ""; right: -110px; height: 2px; width: 100px; background-color: #08223a; top: 50%; transform: translateY(-50%); } .formcontact_main form .form-group .form-group { margin-bottom: 20px; } .uploadfile { background: #fff; border: 2px dashed #0080ff !important; border-radius: 14px; padding: 16px 18px; text-align: center; } .contentfile h3 { color: #0080ff; font-weight: 600; font-size: 16px; margin-bottom: 8px; } .contentfile h4 { color: #8b8b8b; font-weight: 600; font-size: 12px; margin-bottom: 8px; } .uploadicon .ufile { position: absolute; background-color: #fff; width: 100px; height: 26px; text-align: right; padding-right: 10px; } .uploadicon { position: relative; margin-top: 18px; display: flex; justify-content: center; width: 100%; } .uploadicon input { width: 220px; outline: 0 !important; border: 0; } .contactclient_slider .slider_imgg img { max-width: 160px; } .tg_globe_box { position: relative; display: flex; border-radius: 14px; box-shadow: 0 0 40px #00000045; overflow: hidden; border: 5px solid #f5f5f5; height: 200px; width: 100%; } .tg_globe_box .icon_tg { position: relative; width: 100%; } .tg_globe_box .icon_tg::after { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: #000000b0; right: 0; top: 0; } .tg_globeshow { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.5s all; z-index: 2; height: 100%; } .tg_globe_img { height: 100%; width: 100%; object-fit: cover; } .tg_globe_icon { max-width: 60px; margin-bottom: 15px; } .tg_globeshow h3 { color: #fff; font-weight: 700; font-size: 20px; text-transform: uppercase; margin: 0; } .tg_globe_box:hover .tg_globeshow { bottom: -100%; } .onhover_globe { position: absolute; backdrop-filter: blur(5px); width: 90%; margin: 0 auto; left: 0; right: 0; top: -100%; height: 90%; border-radius: 20px; text-align: center; transition: 0.5s all; display: flex; align-items: center; justify-content: center; z-index: 2; } .tg_globe_box:hover .onhover_globe { top: 15px; } .onhover_globe span { color: #fff; font-weight: 600; font-size: 17px; display: block; margin-bottom: 8px; } .onhover_globe p { font-size: 14px; color: #fff; margin: 0 0 10px; line-height: 23px; } .onhover_globe a { font-size: 15px; color: #fff !important; line-height: 25px; font-weight: 500; } .slider_imgg > div { border-radius: 9px; box-shadow: 0 0 4px #0000004d; margin: 30px 10px; height: 130px; display: flex; align-items: center; justify-content: center; padding: 0 20px; } .slider_imgg { outline: 0 !important; width: 140px; } .cms_banner { height: 100vh; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; } .cms_banner_content h1 { font-weight: 800; color: #fff; font-size: 46px; line-height: 56px; margin-bottom: 20px; } .cms_banner_content h2 { font-weight: 600; color: #fff; font-size: 26px; line-height: 36px; margin-bottom: 16px; } .cms_banner_content p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 0; line-height: 30px; } .cms_banner_content { margin-top: 60px; } .cms_content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; text-transform: capitalize; } .cms_content h3 { color: #08223a; font-weight: 800; font-size: 30px; margin: 0 0 10px; line-height: 40px; text-transform: capitalize; } .cms_content h4 { color: #08223a; font-weight: 800; font-size: 28px; margin: 0 0 10px; line-height: 38px; text-transform: capitalize; } .cms_content h5 { color: #08223a; font-weight: 800; font-size: 26px; margin: 0 0 10px; line-height: 36px; text-transform: capitalize; } .cms_content h6 { color: #08223a; font-weight: 800; font-size: 24px; margin: 0 0 10px; line-height: 34px; text-transform: capitalize; } .cms_content p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 29px; margin-bottom: 15px; } .cms_content ul li p { margin-bottom: 5px; } .cms_content ul { margin-bottom: 20px; } .cms_content ul { margin-bottom: 20px; list-style: circle; padding-left: 20px; } .formcontact_main .iti--allow-dropdown input#phone { padding-left: 51px !important; } .formcontact_main .iti--allow-dropdown { width: 100%; } .loaderrequest { text-align: center; } .loaderrequest img { width: 60px; height: auto; } #requestsendModal { background: rgba(20, 20, 20, 0.52); z-index: 2147483647; } #requestsendModal .modal-content { background-image: url(../images/popup/popup-web.png); background-size: cover; width: 100%; height: 450px; border-radius: 20px; } #requestsendModal .modal-header { padding: 0; border-bottom: none; } #requestsendModal .modal-dialog { width: 600px; } #requestsendModal .modal-body { position: relative; padding: 0; } #requestsendModal .modal-body .sendmessege { margin-top: 290px; margin-left: 42px; } #requestsendModal .modal-body .sendmessege .heading h3 { font-size: 20px; font-weight: 400; color: #5f5f5f; letter-spacing: 1px; } #requestsendModal .modal-body .sendmessege .contactnuber { margin-right: 35%; } #requestsendModal .modal-body .sendmessege .contactnuber ul { padding: 0; } #requestsendModal .modal-body .sendmessege .contactnuber ul li { float: left; margin-top: 10px; margin-right: 10px; } #requestsendModal .modal-body .sendmessege .contactnuber ul li a { font-size: 14px; color: #1b1732; letter-spacing: 1px; } #requestsendModal .modal-body .sendmessege .contactnuber ul li span { font-size: 10px; color: #949db4; } #requestsendModal .modal-body .sendmessege .contactnuber ul li:nth-last-child(1) a { color: #03a9f4; } #requestsendModal .close { color: #000; background: #fff; opacity: 1; padding: 10px; border-radius: 20px; position: absolute; bottom: -60px; left: 47%; line-height: 15px; } #requestnotsendModal { background: rgba(20, 20, 20, 0.52); z-index: 2147483647; } #requestnotsendModal .modal-content { background-image: url(../images/popup/popup-web-2.png); background-size: cover; width: 100%; height: 450px; border-radius: 20px; } #requestnotsendModal .modal-header { padding: 0; border-bottom: none; } #requestnotsendModal .modal-dialog { width: 600px; } #requestnotsendModal .modal-body { position: relative; padding: 0; } #requestnotsendModal .modal-body .sendmessege { margin-top: 290px; margin-left: 42px; } #requestnotsendModal .modal-body .sendmessege .heading h3 { font-size: 20px; font-weight: 400; color: #5f5f5f; letter-spacing: 1px; } #requestnotsendModal .modal-body .sendmessege .contactnuber { margin-right: 35%; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul { padding: 0; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li { float: left; margin-top: 10px; margin-right: 10px; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li a { font-size: 14px; color: #1b1732; letter-spacing: 1px; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li span { font-size: 10px; color: #949db4; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li:nth-last-child(1) a { color: #03a9f4; } #requestnotsendModal .close { color: #000; background: #fff; opacity: 1; padding: 10px; border-radius: 20px; position: absolute; bottom: -60px; left: 47%; line-height: 15px; } .career_banner { height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative; } .career_banner::after { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: #121526; right: 0; top: 0; opacity: 0.9; } .careerbanner_text { position: relative; z-index: 1; margin-top: 120px; } .careerbanner_text h2 { color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px; } .careerbanner_text h1 { color: #fff; font-weight: 900; font-size: 60px; line-height: 70px; margin-bottom: 20px; } .careerbanner_text p { color: #fff; font-size: 16px; margin: 0; } .jobdetail { overflow: hidden; position: relative; margin-bottom: 30px; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); border-radius: 20px; padding: 40px 30px; background: #121526; text-align: center; } .jobdetail::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 22px; background-repeat: repeat; } .jobheading h4 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .jobheading h3 { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 30px; line-height: 26px; } .imageicon, .jobheading, .viewmore { position: relative; z-index: 1; } .techgropsepopup .modal-dialog { max-width: 800px; width: 100%; } .techformenqury .form-group .form-control { background: #f5f5f587; border: 1px solid rgba(112, 112, 112, 0.05); border-radius: 14px; padding: 11px 20px !important; height: 50px; box-shadow: unset !important; font-weight: 500; color: #08223a; } .techformenqury .form-group textarea.form-control { height: 100px; border-radius: 14px; resize: none; } .techformenqury .form-group label { font-size: 13px; font-weight: 600; margin-bottom: 4px; } .techgropsepopup .modal-header { padding: 15px; border-bottom: 0; display: flex; align-items: center; position: relative; background: #0080ff; } .techgropsepopup .modal-title { color: #fff; font-weight: 800; font-size: 18px; } .techgropsepopup .modal-header .close { margin-top: -2px; position: absolute; right: 20px; color: #fff; opacity: 1; font-weight: 400; font-size: 40px; } .techgropsepopup .modal-body { display: flex; padding: 0; } .techgropsepopup .techformenqury { padding: 15px 10px; } .techgropsepopup .job-description { border-right: 1px solid #ddd; padding: 15px; } .techgropsepopup .modal-content { box-shadow: unset !important; border: 0 !important; } .imageicon { margin-bottom: 20px; } .imageicon img { max-height: 80px; border-radius: 50px; } .webbanner { height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; background-size: cover; background-position: center; background-repeat: repeat; position: relative; } .webbanner_content { position: relative; z-index: 1; margin-top: 120px; } .webbanner::after { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: #121526; right: 0; top: 0; opacity: 0.9; } .webbanner_content h1 { color: #fff; font-weight: 900; font-size: 60px; line-height: 70px; margin-bottom: 20px; } .Industry_page_box { display: block; background-color: #fff; border-radius: 10px; padding: 40px 40px; box-shadow: 0px 3px 53px #0000001a; transition: 0.5s all; height: 100%; } .Industry_bottom h3 { display: block; font-size: 20px; color: #fff; font-weight: 600; line-height: 20px; text-transform: capitalize; margin: 0 0 12px; } .Industry_page_img img { max-width: 100%; height: 100%; object-fit: cover; transition: 0.5s all; width: 100%; } .Industry_page_img { height: 280px; border-radius: 10px; overflow: hidden; margin-bottom: 25px; position: relative; z-index: 1; border: 2px solid #fff; } .Industry_bottom { position: relative; z-index: 1; } .Industry_page_img::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-color: #000; opacity: 0.4; height: 100%; width: 100%; transition: 0.5s all; } .Industry_page_box:hover .Industry_page_img::after { opacity: 0.1; } .Industry_bottom p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 27px; } .Industry_head { display: flex; align-items: center; margin: 30px 0 18px; } .Industry_page_box:hover .Industry_page_img img { transform: rotate(3deg) scale(1.2); } .industry_row .industry_col:nth-child(odd) { transform: translateY(-30px); } .industry_col { margin-bottom: 40px; } .industry_row { display: flex; flex-wrap: wrap; margin-top: 40px; } .bannerhome_design { padding: 0; background: rgba(18, 21, 38, 1); position: relative; z-index: 1; height: 100vh; display: flex; align-items: center; } .clients_slider { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); background-color: #fff; z-index: 1; position: relative; padding: 25px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; overflow-x: hidden; } .clientslid_left { width: 100%; margin-bottom: 20px; } .clientsli_right { display: flex; width: 100%; justify-content: space-between; align-items: center; } .bannerhome_content h1 { font-weight: 800; font-size: 52px; line-height: 76px; margin: 0 0 20px; color: #ffffff; } .bannerhome_content P { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 17px; margin-bottom: 25px; line-height: 29px; } /* .bannerhome_design::after { position: absolute; content: ''; top: 0; background-image: url(../images/homepagee/lines.png); height: 100%; width: 100%; right: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(0.5); } .bannerhome_design::before { position: absolute; content: ''; top: 0; background-image: url(../images/homepagee/lines2.png); height: 100%; width: 100%; left: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(0.5); } */ .bannerhome_design .container { position: relative; z-index: 2; } .bannerhome_content h1 span { color: #ffffff; text-decoration: underline; } .bannerhome_pic img { max-width: 380px; } .clientslid_left h2 { color: #08223a; font-size: 26px; margin: 0; font-weight: 800; } .bannerhome_design .container .row { display: flex; align-items: center; } .clients_slider img { max-width: 130px; margin: 0 auto; transition: 0.5s all; } .slider_imgg:hover img { filter: unset; transform: scale(1.1); } .ach-tech-fluid h2 { color: #08223a; font-weight: 800; font-size: 42px; margin: 0 0 10px; line-height: 60px; text-transform: capitalize; } .ach-tech-fluid p { font-weight: 500; color: #08223a; font-size: 17px; line-height: 32px; margin-bottom: 20px; margin-top: 15px; } .ach-tech-fluid .tech-card { text-align: center; padding: 60px 10px; } .ach-tech-fluid .tech-card h3 { color: #0080ff; font-size: 80px; display: inline-block; } .ach-tech-fluid .tech-card .plus-icon { position: relative; } .ach-tech-fluid .tech-card .plus-icon::before { position: absolute; content: "\002B"; top: -45px; right: -40px; font-size: 70px; font-weight: 500; } .ach-tech-fluid .tech-card p { color: black; font-family: Montserrat; margin: 0 auto; } .ach-tech-fluid .tech-card.card-fade { background-color: #f9fbf9; } .ach-tech-fluid .tech-card.card-fade h3 { font-family: Montserrat; } .ach-tech-fluid .tech-card.card-white { background-color: white; box-shadow: 0 10px 25px -10px #ccc; } .padding-0 { padding: 0; } .ach-tech-fluid .row { display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: flex-end; } .Homeaboutmain .homeabotus h2 { color: #08223a; font-weight: 800; font-size: 42px; margin: 0 0 10px; line-height: 60px; text-transform: capitalize; } .Homeaboutmain .homeabotus p { font-weight: 500; color: #08223a; font-size: 17px; line-height: 30px; margin-bottom: 0; margin-top: 15px; } .Homeaboutmain .featurepart { margin: 40px 0; } .Homeaboutmain .aboutusimage { margin-top: 0; margin-bottom: 0; text-align: center; padding-top: 30%; padding-bottom: 30%; position: relative; } .Homeaboutmain .aboutusimage img { width: 150px; height: auto; } .Homeaboutmain .aboutusimage .thirdimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .Homeaboutmain .aboutusimage { margin-top: 0; margin-bottom: 0; text-align: center; padding-top: 30%; padding-bottom: 30%; position: relative; } .Homeaboutmain .aboutusimage img { width: 150px; height: auto; } .Homeaboutmain .aboutusimage .firstimage { position: absolute; -webkit-animation-name: firstanimation; -webkit-animation-duration: 10s; animation-name: firstanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .Homeaboutmain .aboutusimage .firstimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .Homeaboutmain .aboutusimage .secondimage { position: absolute; -webkit-animation-name: secondanimation; -webkit-animation-duration: 10s; animation-name: secondanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .Homeaboutmain .aboutusimage .secondimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .Homeaboutmain .aboutusimage .thirdimage { position: absolute; -webkit-animation-name: thirdanimation; -webkit-animation-duration: 10s; animation-name: thirdanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .Homeaboutmain .aboutusimage .thirdimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .Homeaboutmain .aboutusimage .fourthimage { position: absolute; -webkit-animation-name: fourthanimation; -webkit-animation-duration: 10s; animation-name: fourthanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .Homeaboutmain .aboutusimage .fourthimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .Homeaboutmain .aboutusimage .fivethimage { position: absolute; -webkit-animation-name: fivethanimation; -webkit-animation-duration: 10s; animation-name: fivethanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .Homeaboutmain .aboutusimage .fivethimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } @-webkit-keyframes firstanimation { 0% { left: 45%; top: 0; } 20% { left: 80%; top: 35%; } 40% { left: 65%; top: 80%; } 60% { left: 20%; top: 80%; } 80% { left: 15px; top: 35%; } 100% { left: 45%; top: 0; } } @-webkit-keyframes secondanimation { 0% { left: 80%; top: 35%; } 20% { left: 65%; top: 80%; } 40% { left: 20%; top: 80%; } 60% { left: 15px; top: 35%; } 80% { left: 45%; top: 0; } 100% { left: 80%; top: 35%; } } @-webkit-keyframes thirdanimation { 0% { left: 65%; top: 80%; } 20% { left: 20%; top: 80%; } 40% { left: 15px; top: 35%; } 60% { left: 45%; top: 0; } 80% { left: 80%; top: 35%; } 100% { left: 65%; top: 80%; } } @-webkit-keyframes fourthanimation { 0% { left: 20%; top: 80%; } 20% { left: 15px; top: 35%; } 40% { left: 45%; top: 0; } 60% { left: 80%; top: 35%; } 80% { left: 65%; top: 80%; } 100% { left: 20%; top: 80%; } } @-webkit-keyframes fivethanimation { 0% { left: 15px; top: 35%; } 20% { left: 45%; top: 0; } 40% { left: 80%; top: 35%; } 60% { left: 65%; top: 80%; } 80% { left: 20%; top: 80%; } 100% { left: 15px; top: 35%; } } .home-startup .featurepart .feature { text-align: center; padding: 40px 20px; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .home-startup .featurepart .feature p { font-weight: 500; color: #08223a; font-size: 17px; line-height: 30px; margin-bottom: 0; margin-top: 15px; } .home-startup .featurepart .feature:hover { box-shadow: 0 10px 25px -10px #ccc; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .homeservicefluid { background: #eef3ff; } .homeservicefluid .homeservice .myservices .row .mainpart { text-align: left; padding: 20px 25px 25px; border-radius: 10px; transition: 0.5s all; background-color: #fff; border: 2px solid #f5f5f5; } .homeservicefluid .homeservice .myservices .row .mainpart:hover { background: white; box-shadow: 0 0 40px #0000001f; transform: scale(0.9); } .homeservicefluid .homeservice .myservices .row .mainpart .serviceheadng h4 { color: #08223a; font-weight: 700; font-size: 17px; margin: 10px 0 8px; line-height: 26px; } .home-service-img img { max-width: 48px; } .homeservicefluid .homeservice .myservices .row .mainpart .serviceheadng p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .homeservicefluid .homeservice .myservices .row .mainpart .serviceheadng span { font-size: 13px; color: #0080ff; font-weight: 600; margin-top: 10px; display: inline-block; padding-bottom: 1px; border-bottom: 1px solid; } .homeservicefluid .myservices .row { display: flex; flex-wrap: wrap; } .homeservicefluid .myservices .row .col-sm-4 { margin-bottom: 30px; display: flex; } .homeservicefluid .myservices .row .col-sm-4 a { display: flex; width: 100%; } .aligemobile-fluid .agileimage img { max-width: 100%; } .aligemobile-fluid .agileimage { margin-bottom: 30px; } .home-emerging .nav-tabs { border-bottom: 1px solid #ffffff29; justify-content: center; display: flex; margin-bottom: 50px; } .home-emerging .nav-tabs li.active a { background-color: transparent !important; color: #08223a; border-bottom: 3px solid #0080ff !important; } .home-emerging .nav-tabs li a { font-family: Montserrat; font-size: 16px; font-weight: 800; line-height: 19.07px; text-align: left; color: #666666; box-shadow: unset; border: 0 !important; background-color: transparent !important; padding: 20px 38px; text-transform: capitalize; } .home-emerging .nav-tabs li a h4 { font-weight: 800; } .home-emerging .leftpart img { max-width: 100%; } .home-emerging .rightpart .heading h4 { color: #08223a; font-weight: 700; font-size: 36px; margin: 0 0 12px; line-height: 50px; text-transform: capitalize; } .home-emerging .rightpart .heading h4 span { font-weight: 500; display: block; margin-top: 10px; font-size: 30px; } .home-emerging .rightpart .heading p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 30px; margin-bottom: 0; margin-top: 10px; } .home-emerging .tabspart .row { display: flex; align-items: center; flex-wrap: wrap; } .homesimilar .mesimilar_img img { max-width: 100%; filter: unset; border-radius: 0; border: 0; } .industrieshome { background: #eef3ff; } .industrieshome ul li { width: 25%; display: inline-block; text-align: center; padding: 40px 0 20px; transition: 0.5s all; } .industrieshome ul li:hover { background-color: #fff; } .industrieshome ul li h4 { color: black; font-family: Montserrat; font-size: 18px; margin-top: 30px; font-weight: 600; } .industrieshome ul { margin: 0 80px; display: flex; flex-wrap: wrap; justify-content: center; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .border-right { border-right: 1px solid #e5e5e5; } .faq_new .panel.panel-default { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 20px; overflow: hidden; margin-bottom: 30px; background-color: #fff; border: 0; } .faq_new .panel-default > .panel-heading { color: #333; background-color: #ffffff; border-color: #ddd; padding: 0; cursor: pointer; } .faq_new .panel-heading .panel-title { color: #08223a; font-weight: 700; margin-bottom: 0; font-size: 18px; line-height: 28px; } .faq_new .panel-heading .panel-title a { display: block; position: relative; padding: 22px 50px 22px 30px; } .faq_new .panel-heading .panel-title a.collapsed::after { position: absolute; content: ""; transform: translateY(-50%); top: 50%; right: 16px; background-image: url(../images/common_icons/arrow-down-s-line.svg); height: 32px; width: 32px; transition: 0.3s all; } .faq_new .panel-heading .panel-title a::after { position: absolute; content: ""; transform: translateY(-50%) rotate(-180deg); top: 50%; right: 16px; background-image: url(../images/common_icons/arrow-down-s-line.svg); height: 32px; width: 32px; } .faq_new .panel-body { padding: 30px 30px; } .faq_new .panel-body p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 10px; line-height: 24px; } .faq_new .panel-body ul { margin: 20px 0; } .faq_new .panel-body ul li p { margin: 0; } .faq_new .panel-body ul li { margin-bottom: 10px; position: relative; padding-left: 30px; } .faq_new .panel-body ul li::after { position: absolute; content: ""; left: 0; top: 2px; background-image: url(../images/common_icons/check-double-line.svg); background-repeat: no-repeat; height: 18px; width: 24px; background-size: 24px; } .mobiledev_text ul li { margin-bottom: 12px; position: relative; padding-left: 30px; margin-right: 0; width: 100%; } .mobiledev_text ul li::after { position: absolute; content: ""; left: 0; top: 0px; background-image: url(../images/common_icons/check-double-line.svg); background-repeat: no-repeat; height: 18px; width: 24px; background-size: 24px; } .mobiledev_text ul li p { font-weight: 700; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 24px; } .mobiledev_text ul { display: flex; flex-wrap: wrap; margin-top: 30px; } .faq_new { position: relative; } .faq_new::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 24px; background-repeat: repeat; filter: brightness(0.5); } .mobileapp_inner { display: flex; align-items: center; } .mobileapp_slide { border-radius: 30px; border: 16px solid rgb(255 255 255 / 44%); margin: 0 20px; } .mobileapp_bg1 { background-color: #8ad145; } .mobileapp_bg2 { background-color: #eb3237; } .mobileapp_bg3 { background-color: #e51956; } .mobileapp_bg4 { background-color: #ff9259; } .mobileapp_bg5 { background-color: #3e94d1; } .mobileapp_bg6 { background-color: #373332; } .mobileapp_saudibg { background-color: rgba(4, 98, 176, 1); } .mobileapp_captainbg { background-color: #6265e8; } .mobileapp_sorise { background-color: #2d3a5a; } .mobileappslide_right { width: 40%; position: relative; display: flex; align-items: center; justify-content: center; padding: 50px 10px; } .mobileappslide_left { padding: 50px 50px; width: 60%; } .mobileappslide_left h3 { color: #fff; font-weight: 700; font-size: 24px; margin-bottom: 20px; line-height: 34px; } .mobileappslide_left .download_link { margin-top: 30px; display: flex; } .mobileappslide_left p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; } .mobileappslide_right img { max-width: 100%; max-height: 400px; } .mobileapp_slider .slick-next.slick-arrow { text-indent: -999999999999px; border: 2px solid #08223a; background-color: transparent !important; height: 50px; width: 50px; border-radius: 50px; position: absolute; right: -70px; left: 0; margin: 0 auto; bottom: -70px; background-image: url(../images/common_icons/slider_right.svg); background-position: center; background-repeat: no-repeat; padding: 0; } .mobileapp_slider .slick-prev.slick-arrow { text-indent: -999999999999px; border: 2px solid #08223a; background-color: transparent; height: 50px; width: 50px; border-radius: 50px; position: absolute; right: 70px; left: 0; bottom: -70px; margin: 0 auto; background-image: url(../images/common_icons/slider_left.svg); background-position: center; background-repeat: no-repeat; padding: 0; } .mobileapp_portfolio { position: relative; padding-bottom: 120px; } .mobileapp_portfolio::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 24px; background-repeat: repeat; filter: brightness(0.5); } .mobileapp_portfolio .mobileapp_slider { z-index: 2; } .aiintegrated_main { display: flex; flex-wrap: wrap; } .aiintegrated_main .col-md-4 { display: flex; } /* thankyou page css */ .thx-box { position: relative; } .thx-box .container { position: relative; z-index: 1; } .thx-box::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 24px; background-repeat: repeat; filter: brightness(0.5); } .thx-box h1 { color: #08223a; font-weight: 800; font-size: 72px; line-height: 76px; text-transform: capitalize; margin-top: 80px; display: flex; justify-content: center; margin-bottom: 20px; } .thx-box h1 svg { font-family: "Russo One", sans-serif; display: flex; padding: 0; margin: 0; height: 195px; width: 100%; } .thx-box h1 svg text { text-transform: uppercase; animation: stroke 5s infinite alternate; stroke-width: 2; stroke: #08223a; font-size: 200px; } @keyframes stroke { 0% { fill: rgba(72, 138, 20, 0); stroke: rgba(54, 95, 160, 1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2; } 70% { fill: rgba(72, 138, 20, 0); stroke: rgba(54, 95, 160, 1); } 80% { fill: rgba(72, 138, 20, 0); stroke: rgba(54, 95, 160, 1); stroke-width: 3; } 100% { fill: rgb(3, 31, 58); stroke: rgba(54, 95, 160, 0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0; } } .thx-box h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; text-transform: capitalize; } .thx-box p { font-weight: 500; color: #08223a; font-size: 18px; line-height: 32px; margin-bottom: 0; text-transform: capitalize; } .connect-section .connect_img img { width: 100%; } .connect_content p { font-weight: 500; color: #fff; font-size: 16px; line-height: 29px; margin-bottom: 30px; margin-top: 15px; } .connect-section h2, .connect-section h3, .connect-section p { color: #fff; } .connect-section .container.text-center { display: flex; flex-direction: column; align-items: center; height: auto; } .connect-section .row { display: flex; flex-wrap: wrap; } .award-section .award-logo img { width: 50%; } .connect_content h3 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; text-transform: capitalize; color: #fff; } .award-section .corner { width: 100%; height: -webkit-fill-available; position: absolute; top: 0; left: 0; border-radius: 10px; z-index: 0; } .award-section .award-box { padding: 30px; position: relative; text-align: center; margin-bottom: 30px; height: auto; width: 100%; border: 1px solid #ccc; border-bottom: 4px solid #08223a; } .award-section .award-box:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .award-section .logo-img.slick-slide { border: 1px solid #ccc; border-top: 4px solid #08223a; padding: 20px 10px; } .newsletter-content h3 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; text-transform: capitalize; color: #fff; } .award-section .slick-slide img { display: flex; width: 100%; justify-content: center; height: 160px; object-fit: contain; } .newsletter-content p { font-weight: 500; color: #fff; font-size: 16px; line-height: 29px; margin-bottom: 30px; margin-top: 15px; } .newsletter-box { background-color: #08223a; padding: 50px 0; position: relative; width: 100%; height: auto; } .newsletter-box .col-md-4 { height: 100%; position: absolute; right: 0; bottom: 0; /* width: 100%; */ } .newsletter-img { position: absolute; width: 100%; bottom: 0px; right: 0; left: auto; display: flex; justify-content: flex-end; } .newsletter-box::after { background-image: url(../common/images/common_thanku_page/lines-box.png); position: absolute; content: ""; top: 0; height: 100%; width: 100%; background-size: cover; background-position: center; z-index: 0; filter: brightness(0.5); } .newsletter-box .col-md-8 { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .newsletter-box h3, .newsletter-box p { color: #fff; } .newsletter-img img { width: 100%; object-fit: cover; max-width: 430px; } .newsletter-box form { display: flex; width: 100%; } .newsletter-box form .form-group { margin: 0; display: flex; align-items: center; } .newsletter-box form .form-control { height: 50px; border-radius: 50px; border: 0; box-shadow: unset !important; padding: 10px 25px; background-color: #fff !important; font-weight: 500; font-size: 15px; border: 1px solid rgba(177, 179, 184, 0.45); color: #1d1d1d; } .newsletter-box form .form-group .newbtn_design { height: 52px; margin-left: 20px; } /* thankyou page css */ .heading_link { text-decoration: underline !important; color: #0080ff !important; } .breadcrumb-fluid .page-header .breadcrumb > .active h2 { font-weight: 600; font-size: 14px; margin: 0; } .riyad_sv_new_sec_edit { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 150px 0; position: relative; } .riyad_sv_new_sec_edit::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .riyad_sv_new_sec_edit .container { z-index: 1; position: relative; } .dubai_uae_banner { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 150px 0 80px; position: relative; } .dubai_uae_banner .locations_form { margin: 0px !important; } .dubai_uae_banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .dubai_uae_banner .container { z-index: 1; position: relative; } .dubai_uae_banner .expri_body { display: grid; gap: 14px; padding: 0px 20px; box-shadow: 0px -1px 20px rgb(255 255 255 / 10%); border-radius: 10px; grid-template-columns: repeat(5, 1fr); margin-top: 30px; } .trusted_client_bx .container-fluid { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 30px; border-radius: 40px 30px; background: #fff; margin: 0 2%; } .trusted_client_bx { position: relative; background-image: url(../images/updated/dots.png); background-repeat: repeat; background-size: 13px; padding: 30px 0px; background-position: center center; } .trusted_client_bx .marquee { height: 100px; overflow: hidden; position: relative; width: 100%; max-width: 100%; } .trusted_client_bx .trusted_client strong { color: #08223a; font-size: 26px; margin: 0; width: 20%; font-weight: 800; } .trusted_client_bx .client_img { outline: 0 !important; width: 200px; border-left: 1px solid #ffffff17; text-align: center; height: 100px; display: flex; align-items: center; justify-content: center; transition: all 1.5s; } .trusted_client_bx .marquee .client_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: client-marquee 50s linear infinite; align-items: center; height: 100px; } .trusted_client_bx .marquee .client_logos img { max-width: 100px; margin: 0 auto; transition: 0.5s all; object-fit: contain; } .dubai_uae_banner .expri_body .box-main { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; } .dubai_uae_banner .expri_body .box-main:before { position: absolute; content: ""; border-right: 1px dashed #fff; width: 100%; height: 100%; } .dubai_uae_banner .expri_body .box-main:last-child:before { position: absolute; content: ""; border-right: none; } .dubai_uae_banner .mebanner_content h1 { margin: 0px; } .dubai_uae_banner .mebanner_content p { margin-bottom: 0; } .dubai_uae_banner .expri_body .box-main img { max-width: 36px; filter: brightness(0) invert(1); } .dubai_uae_banner .expri_body .box-main .content-bx { font-size: 16px; color: #fff; } .dubai_uae_banner .expri_body .box-main .content-bx p { font-weight: 500; color: #ffffff; font-size: 20px; margin-bottom: 0; line-height: 30px; } .dubai_uae_banner .expri_body .box-main .content-bx span { font-size: 13px; } .dubai_uae_banner .mebanner_content { display: grid; gap: 1rem; align-items: normal; background: rgb(132 132 132 / 29%); padding: 20px; border-radius: 10px; } .dubai_uae_banner .mebanner_content .newbtn_design { width: max-content; } .dubai_uae_service .img-bx img { max-width: 45px; } .dubai_uae_service .app-service { height: 100%; margin: 0 15px; position: relative; display: flex; opacity: 1; border-radius: 12px; padding: 30px 30px 0px 30px; background: linear-gradient(180deg, #ffffff, #f1f1f1, #2196f38f); border: 1px solid #0080ff; min-height: 360px; transition: all 0.5s; } .dubai_uae_service .app-service:hover { background: linear-gradient(180deg, #2196f38f, #f1f1f1, #eef3ff); } .dubai_uae_service .newheading { margin-bottom: 0px !important; } .dubai_uae_service button.slick-prev.slick-arrow { background-image: url(../images/mobile_app_dubai/arrow.webp) !important; text-indent: -99999999999px; opacity: 1; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; left: 90% !important; display: flex !important; top: -20%; bottom: 0; transform: scaleX(-1); } .dubai_uae_service button.slick-next.slick-arrow { bottom: 50%; opacity: 1; pointer-events: all; background-image: url(../images/mobile_app_dubai/arrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; right: 2% !important; top: -13%; transform: translateY(-50%); transition: all 0.3s ease-out; } .dubai_uae_service .choose_carousel.slick-initialized.slick-slider { margin-top: 90px; position: relative; z-index: 2; } .dubai_uae_service .slick-list.draggable { padding: 0 !important; } .dubai_uae_service .slick-list { overflow: visible; } .dubai_uae_service .img-bx { background: #fff; box-shadow: 0 15px 30px -10px rgba(82, 0, 57, 0.19); padding: 15px; border-radius: 14px; position: absolute; width: 80px; height: 80px; top: -30px; left: 30px; border: 1px solid #0080ff; } .dubai_uae_service .choose_carousel.slick-initialized.slick-slider { margin-bottom: 0px; } .dubai_uae_service .content-bx h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .dubai_uae_service .content-bx p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .dubai_uae_service .content-bx { margin-top: 40px; } .leading-table table { border-collapse: collapse; width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .leading-table td, .leading-table th { border: 1px solid #e0e0e0; text-align: left; padding: 8px; padding: 24px 30px; text-align: center; } .leading-table th { font-size: 20px; font-weight: 600; } .leading-table td { font-size: 16px; font-weight: 600; } .leading-table tr:nth-child(even) { background-color: #08223a; color: #fff; } .leading-table tr:nth-child(odd) { background-color: #fff; color: #08223a; } .leading-table tr .cls { background-color: #0080ff; position: relative; border-bottom: none; color: #fff; } .leading-table table img { max-width: 25px; } .leading-table tr .cls:after { content: ""; height: 135px; width: 101%; top: -29px; position: absolute; background: #0080ff; left: -1px; z-index: -1; border-radius: 20px; border: 1px solid; padding: 30px 0px; } .leading-table tr th.cls { border-top: none; } .industry_uae_bx ul { display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; gap: 20px; } .industry_uae_bx li { width: 100%; height: 300px; border-radius: 5px; border: 1px; background-size: cover; overflow: hidden; position: relative !important; gap: 20px; } .industry_uae_bx li .hidden-bx { position: absolute; bottom: 0; transform: translate(0, 80%); margin: auto; background: #08223a; border-radius: 5px; padding: 10px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; width: 100%; height: 100%; transition: all 0.5s ease-in-out 0s; z-index: 9; opacity: 0; text-align: center; display: flex; align-items: center; justify-content: center; } .industry_uae_bx li:hover .hidden-bx { opacity: 1; transform: unset; } .industry_uae_bx li h3 { position: absolute; font-weight: 600; font-size: 18px; color: #fff; padding-bottom: 6px; margin: 20px; border-bottom: 3px solid #fff; width: max-content; bottom: 0; } .industry_uae_bx li p { font-weight: 500; font-size: 15px; line-height: 24px; color: #fff; } .comprehensive-process ul li .img-bx img { max-width: 45px; filter: brightness(0) invert(1); } .comprehensive-process ul li { padding: 16px 40px; position: relative; left: 20%; top: 2%; max-width: 440px; } .comprehensive-process ul { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); } .comprehensive-process ul::before { content: ""; display: block; background-image: url(https://www.techaheadcorp.com/wp-content/uploads/2024/05/timeline-rouded-border.svg); background-repeat: no-repeat; position: absolute; top: 54px; left: 0; width: 100%; bottom: 0; background-size: contain; filter: invert(1); } .comprehensive-process .img-bx { background: #08223a; max-width: max-content; border-radius: 50%; padding: 10px; } .comprehensive-process ul h3 { color: #08223a; font-weight: 700; font-size: 16px; line-height: 24px; margin: 16px 0 10px; } .comprehensive-process ul p { font-weight: 500; color: #08223a; font-size: 15px; line-height: 25px; } .main_meclients_slider .slick-next { background-image: url(../images/commonpart/rightarrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; right: -3% !important; top: 57%; transform: translateY(-50%); transition: all 0.3s ease-out; } .mobiledubai .row .col-md-3 { width: 20% !important; } .main_newcity_sec_design { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; } .main_newcity_sec_design .newcity_sec_design_bxr { position: relative; width: 20%; overflow: hidden; } .main_newcity_sec_design .newcity_sec_design_bxr img { width: 100% !important; border-radius: 15px; } .newcity_sec_design_bxr_details { display: flex; padding: 15px; position: absolute; color: #fff; flex-direction: column; justify-content: end; } .newcity_sec_design_bxr_details h3 { font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 2px; letter-spacing: 1px; } .newcity_sec_design_bxr_details p { font-size: 14px; font-weight: 500; line-height: 22px; } .maillink { color: #fff !important; font-weight: 600; font-size: 16px; display: flex; align-items: center; } .maillink img { filter: invert(1); margin-right: 10px; } .marquee { position: relative; width: 100%; max-width: 100%; height: 87px; overflow-x: hidden; } .marquee::-webkit-scrollbar { display: none; } .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 15s linear infinite; display: flex; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .clients_slider .marquee { height: 65px; overflow: hidden; } .clients_slider .track { display: flex; align-items: center; margin: 0 36px; } .error_page .texterror h2 { color: #08223a; font-weight: 700; font-size: 17px; margin: 10px 0 28px; line-height: 26px; } .error_page .texterror h1 { color: #08223a; font-weight: 800; font-size: 46px; margin: 0 0 20px; line-height: 60px; text-transform: capitalize; } .error_page { padding: 180px 0 80px; } .bannerwithform { position: relative; display: flex; align-items: center; background-size: cover; background-position: center; background-attachment: fixed; padding: 140px 0 100px; } .bannerwithform::after { opacity: 0.8; } .bannerwithform .container { position: relative; z-index: 2; } .bannerwithform .row { display: flex; align-items: center; } .bannerwithform_content h1 { font-weight: 900; color: #fff; font-size: 48px; margin: 0 0 18px; line-height: 66px; } .bannerwithform_content p { font-weight: 500; color: #fff; font-size: 16px; line-height: 29px; margin-bottom: 20px; } .bannerwithform_content strong { font-weight: 700; color: #fff; font-size: 16px; display: block; margin-bottom: 15px; } .bannerwithform .mobiledev_form { border-radius: 6px; padding: 30px 30px; background: #fff !important; } .bannerwithform_content { padding-right: 30px; } /* Snigdha css */ .service-app-banner { background-image: url(../images/app-qatar-images/abu-dhabi.jpg); padding: 140px 0 60px; background-size: cover; background-position: center; width: 100%; background-repeat: no-repeat; object-fit: cover; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .service-app-banner::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 22px; background-repeat: repeat; } .service-app-banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .service-app-banner::before { filter: grayscale(1); z-index: 1; } .service-app-banner .content-banner-qatar { position: relative; z-index: 1; } .service-app-banner .mebanner_form { position: relative; z-index: 1; } .qatar-transform .container { display: flex; height: auto; } .qatar-transform .col-md-7 { display: flex; align-items: center; height: 100%; } .qatar-transform.mesimilar_part.padding_sections .row { display: flex; align-items: center; } .qatar-transform .transform-img { width: 100%; height: 100%; } .qatar-transform .transform-img img { width: 100%; height: 100%; object-fit: cover; } .create-vision-qatar .services-box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .create-vision-qatar .services-box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 30px; } .create-vision-qatar .service { margin: 8px; } .create-vision-qatar .flip-box { background-color: transparent; width: 300px; height: 230px; border: 1px solid #f1f1f138; border-radius: 10px; perspective: 1000px; } .create-vision-qatar .services-box.sharjah .flip-box { width: 300px; height: 340px; } .create-vision-qatar .flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; display: flex; justify-content: center; align-items: center; } .create-vision-qatar .flip-box:hover .flip-box-inner { transform: rotateY(180deg); } .create-vision-qatar .flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; } .create-vision-qatar .flip-box-front { background-color: #fff; border-radius: 10px; } .create-vision-qatar .flip-box-front img { height: 154px; width: 100%; object-fit: cover; border-top-right-radius: 10px; border-top-left-radius: 10px; } .services-box.sharjah .flip-box-front img { height: 265px; width: 100%; } .create-vision-qatar .flip-box-back { background-color: #fff; transform: rotateY(180deg); border-radius: 10px; padding: 16px; } .create-vision-qatar .services-box h3 { color: #08223a; font-weight: 700; margin-bottom: 30px; font-size: 18px; line-height: 28px; } .create-vision-qatar .services-box p { color: #08223a; font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 24px; } .qatar-credible-cta { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px 0; } .qatar-credible-cta.sharjahcta h2 { max-width: 74%; } .qatar-credible-cta.bg_new { padding: 50px 0; position: relative; width: 100%; height: auto; } .qatar-credible-cta p { color: #fff; margin: 30px 0; font-weight: 500; font-size: 16px; line-height: 29px; margin-top: 18px; } .qatar-credible-cta .col-md-4 { height: 100%; position: absolute; right: 0; bottom: 0; } .qatar-credible-cta .cta-img-box { position: absolute; width: 100%; bottom: 0px; right: 0; animation: 1.5s infinite alternate floating; } .qatar-credible-cta .cta-img-box img { width: 100%; object-fit: cover; } .techno-img { -webkit-animation: 1.5s infinite alternate floating; animation: 1.5s infinite alternate floating; display: flex; align-items: center; justify-content: center; height: 100%; } .techno-box ul li { cursor: pointer; } .techno-box ul li .moreText { display: none; transition: background-color 0.5s ease; } .techno-box ul li:hover .moreText { display: block !important; } .technolog .col-md-4 { display: flex; } .techno-box .text-block button { border: none; color: #08223a; background-color: transparent; text-decoration: none; display: inline-block; font-size: 14px; margin-top: 10px; font-weight: 700; cursor: pointer; border-bottom: 2px dashed #08223a; padding: 0; } section.technolog.padding_sections .row { display: flex; align-items: center; } .text-block button:hover { color: #005f6b; text-decoration: none; } .techno-box li { border-bottom: 4px solid #08223a; background-color: #eef3ff; font-weight: 500; padding: 20px 42px; margin-bottom: 20px; font-size: 16px; text-align: left; } .techno-box h3 { font-size: 18px; line-height: 26px; font-weight: 700; color: #08223a; margin-bottom: 5px; } .techno-box p { margin-bottom: 0; color: #08223a; } .techno-img img { display: flex; align-items: center; width: 100%; } .qatar-different img { width: 100%; } .qatar-different .row { display: flex; align-items: center; } .qatar-different .vert-tab > div { margin-left: 2px; margin-right: 2px; width: 0; cursor: pointer; overflow: hidden; } .qatar-different .recr-content { background: #fcfbf9; display: flex; align-items: center; justify-content: center; padding: 36px 20px; margin-top: 36px; border: 3px solid #08223a; } .qatar-different .recr-content h3 { font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; letter-spacing: 0em; text-align: left; color: #08223a; white-space: nowrap; transform: rotate(269deg); } .qatar-different .work_items_content { display: none; } .qatar-different .vert_tab_image_wrrapeer { display: flex; align-items: center; } .qatar-different .vert-tab-content h3 { font-size: 18px; font-weight: 700; line-height: 26px; text-align: left; color: #fff; margin-top: 5px; margin-bottom: 5px; } section.qatar-testimonial.mesimilar_part.padding_sections .newheading { margin-bottom: 0; } .interlink_update { color: #0080ff !important; font-weight: 900; font-style: italic; } .qatar-different .vert-tab-content p { font-size: 16px; font-weight: 500; line-height: 25px; text-align: left; color: #fff; } .qatar-different .recr-content.active { width: 100%; } .qatar-different .recr-content.active { background: #08223a; border-color: #08223a; } .qatar-different .recr-content.active h3 { display: none; } .qatar-different .recr-content.active .vert-tab-content h3 { display: block; transform: none; text-align: left; } .qatar-different .recr-content.active .work_items_content { display: block; } .qatar-different .recr-content img { max-width: 100%; height: 426px; } .qatar-different .vert-tab { display: flex; } .qatar-address .address-box { filter: drop-shadow(2px -2px 19px rgba(0, 0, 0, 0.09)); border-radius: 30px; border: 8px solid #fff; padding: 30px 30px; background: #eef3ff; } .qatar-address .address-box-map { width: 100%; height: 100%; } .qatar-address .row { display: flex; } .qatar-address .address-box-map iframe { height: 100%; width: 100%; border-radius: 30px; } .qatar-address .col-md-6 { display: flex; align-items: center; } .qatar-address .address-box .newheading h5 { color: #08223a; font-weight: 600; font-size: 20px; margin: 0 0 10px; text-transform: capitalize; } .qatar-address .newheading { margin-bottom: 0; } /* mobile */ .techgropse-best .row { display: flex; height: auto; } .techgropse-best .row .col-md-6 { display: flex; height: auto; } .techgropse-best h2 { color: #fff !important; margin-bottom: 60px !important; } .techgropse-best .best-box { background: #08223a; padding: 10px 25px 25px 25px; position: relative; border-radius: 10px; margin-bottom: 50px; cursor: pointer; z-index: 1; transition: filter 0.3s ease; } .techgropse-best .best-box:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transform: scaleY(0); transform-origin: bottom center; background: #fff; border-radius: 10px; z-index: -1; transition: transform 0.3s; } .techgropse-best .best-box:hover::after { transform: scaleY(1); } .techgropse-best .app-content { margin-top: 40px; } .techgropse-best .best-box h3 { font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; color: #fff; } .techgropse-best .best-box p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 26px; } .techgropse-best .icon-img { position: absolute; top: -8%; } .techgropse-best .icon-img img { background: #fff; padding: 10px 10px; border-radius: 10px; width: 60px; height: 60px; } .techgropse-best .best-box:hover .icon-img { background: #08223a; border-radius: 10px; } .techgropse-best .best-box:hover .icon-img img { background-color: transparent; filter: brightness(0) invert(1); } .techgropse-best .best-box:hover h3 { color: #08223a; } .techgropse-best .best-box:hover p { color: #08223a; } .choose .imgchoose { animation: 1.5s infinite alternate floating; height: 100%; width: 100%; } .choose .imgchoose img { width: 100%; } .choose .choose-list { display: flex; gap: 10px; flex-direction: row; } .choose .content-box ul { padding: 0; margin-top: 20px; width: 50%; } .choose .content-box ul li { cursor: pointer; } .choose .content-box ul li .text-block .moreText { display: none; } .choose .content-box ul li .text-block:hover .moreText { display: block !important; } .choose .content-box ul li h3 { color: #05081a; font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; } .choose .content-box ul li p { color: #05081a; font-size: 16px; font-weight: 500; } .choose .content-box ul li { background: #fff; margin-bottom: 20px; padding: 20px 25px; border-bottom: 3px solid #08223a; } .choose button.toggleButton { padding: 0; background: transparent; border: none; font-size: 16px; font-weight: 600; color: #08223a; border-bottom: 2px dashed #08223a; } .awards-section { padding: 70px 0; text-align: center; } .awards-section p { text-align: center; } .awards-section .award-logo img { width: 50%; } .awards-section .corner { width: 100%; height: -webkit-fill-available; position: absolute; top: 0; left: 0; border-radius: 10px; z-index: 0; } .awards-section .award-box { padding: 30px; position: relative; text-align: center; margin-bottom: 30px; height: auto; width: 100%; border: 1px solid #ccc; border-bottom: 4px solid #fff; } .awards-section .award-box:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .awards-section .logo-img.slick-slide { border: 1px solid #ccc; border-top: 4px solid #fff; padding: 20px 10px; border-radius: 30px; } .awards-section .slick-slide img { display: flex; width: 100%; justify-content: center; height: 160px; object-fit: contain; } .awards-section .slick-track { opacity: 1; width: 3800px; transform: translate3d(0px, 0px, 0px); gap: 10px; display: flex; } .newheading_white h2 { color: #fff !important; } /* testimonail */ .qatar-testimonial .bubble .testi-content { margin-top: 60px; width: 95%; height: 100%; background: #08223a; padding: 60px 40px; position: relative; border: none; border-radius: 8px; font-size: 18px; color: #fff; display: flex; justify-content: center; } .qatar-testimonial .bubble h3 { font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; color: #08223a; } .bubble .testi-content:before, .bubble .testi-content:after { content: "\201C"; position: absolute; font-size: 80px; padding: 10px; line-height: 1; color: #fff; } .qatar-testimonial .bubble .testi-content:before { top: 0; left: 10px; } .qatar-testimonial .bubble .testi-content:after { content: "\201D"; right: 10px; bottom: -0.5em; } .qatar-testimonial .bubble .shape { width: 0; height: 0; border-left: 0 solid transparent; border-right: 20px solid transparent; border-top: 20px solid #08223a; margin: 0 0 0 25px; margin-bottom: 0px; } .qatar-testimonial .bubble p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; margin-top: 20px; } .qatar-testimonial .testi-img img { width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .qatar-testimonial .testi-img { position: absolute; display: flex; align-items: center; top: -48px; justify-content: center; left: auto; right: auto; border: 8px solid #08223a; border-radius: 50%; } .qatar-testimonial ul.slick-dots { display: none !important; } .qatar-testimonial button.slick-prev.slick-arrow { display: none !important; } .qatar-testimonial button.slick-next.slick-arrow { display: none !important; } /* testimonial */ section.qatar-faq.faq_section.padding_sections.overflow-x-add .row { display: flex; align-items: center; } .qatar-faq .faq-img { animation: 1.5s infinite alternate floating; display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 10px; border: 10px solid #ffff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .qatar-faq .faq-img img { width: 100%; border-radius: 10px; } .qatar-faq .faq_box { cursor: pointer; } .qatar-faq .faq_section_custom { margin: 0; } .mobile-app h2 { color: #fff !important; margin-bottom: 60px !important; } .vertical-tabs-section .mobile-img img { height: 50px; width: 50px; margin: 10px 0; } .different-industries { animation: 1.5s infinite alternate floating; display: flex; align-items: center; justify-content: center; height: 100%; } .mobile-app-img { animation: 1.5s infinite alternate floating; display: flex; align-items: center; justify-content: center; height: 100%; } .quotes.slick-initialized.slick-slider.slick-dotted .slick-list { overflow: hidden; } /* Qatar-page */ .techslack-logo .tabs-container { flex-direction: column; display: flex; justify-content: center; align-items: center; } .techslack-logo .tabs { display: flex; justify-content: space-around; background-color: #08223a; border-radius: 5px; overflow: hidden; } .techslack-logo .tab { flex-grow: 1; font-size: 20px; text-align: center; padding: 15px; cursor: pointer; color: #fff; transition: background-color 0.3s ease; font-weight: 500; text-transform: capitalize; border-right: 1px solid; } .techslack-logo .tab:hover { background-color: #eef3ff; color: #08223a; } .techslack-logo .tab-content { display: none; width: 100%; padding: 20px; background-color: #eef3ff; border: 1px solid #08223a; border-radius: 5px; margin-top: 10px; } .tech-slider img { height: 100px; width: 100px; object-fit: contain; border-radius: 5px; border: 2px solid #08223a; padding: 10px 14px; } div#tab1 .tech-slider { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; justify-items: center; } div#tab2 .tech-slider { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; justify-items: center; } div#tab3 .tech-slider { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px; justify-items: center; } div#tab4 .tech-slider { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px; justify-items: center; } div#tab5 .tech-slider { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; justify-items: center; } div#tab6 .tech-slider { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; justify-items: center; } .techslack-logo .tab-content.active { display: block; } /* ai-page */ .app-industries .newheading.newheading_center { margin-bottom: 40px; } .app-industries .container { display: flex; flex-direction: column; height: auto; } .app-industries .container .row { display: flex; } .app-industries .container .row .col-md-3 { display: flex; } .app-industries .industries-app-dev { text-align: center; background: #fff; padding: 20px 25px; border-radius: 10px; position: relative; display: flex; justify-content: center; margin-bottom: 70px; } .app-industries .industries-content { margin-top: 20px; } .app-industries .industries-img { display: flex; justify-content: center; position: absolute; top: -10%; background: #08223a; padding: 10px; border-radius: 50%; animation-name: app-icon-ii; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; } @keyframes app-icon-ii { 0% { box-shadow: 0 0 0 0 #08223a94; } 80% { box-shadow: 0 0 0 14px #08223a2f; } } .app-industries .industries-img img { padding: 8px; height: 50px; width: 50px; transition: 0.4s ease-in-out; } .app-industries .industries-app-dev:hover .industries-img img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-filter: none; filter: none; } .app-industries .industries-app-dev h3 { color: #08223a; font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; } .app-industries .industries-app-dev p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .technologies-used .newheading.newheading_white.newheading_center { margin-bottom: 0; } .technologies-used .newheading h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0; line-height: 54px; } .technologies-used .app-dot-line-img { display: flex; justify-content: center; } .technologies-used .app-dot-line-img img { filter: brightness(0) invert(1); } .technologies-used ul { display: flex; gap: 15px; justify-content: space-between; } .technologies-used ul li .techno-box-imgicon { display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.4s ease-in-out; } .technologies-used ul li { height: min-content; padding: 20px; background-color: #08223a; box-shadow: 4px 15px 36px rgba(0, 0, 0, 0.06); border-radius: 10px; text-align: center; width: 100%; cursor: pointer; transition: 0.4s ease-in-out; } .technologies-used ul li .techno-box-imgicon img { max-width: 45px; } .technologies-used h3 { color: #fff; font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; } .technologies-used p.techno-more-text { display: none; font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .technologies-used ul li:hover .techno-more-text { display: block; } .ai-app-chatbot .tabs-container { display: flex; } .ai-app-chatbot .tabs-nav { list-style: none; padding: 0; margin: 0; width: 100%; background-color: #08223a; border-right: 4px solid #fff; transition: background-color 0.3s; } .ai-app-chatbot .tabs-nav li { cursor: pointer; border-bottom: 2px solid #fff; display: flex; justify-content: space-between; align-items: center; } .ai-app-chatbot .tabs-nav li:hover { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .ai-app-chatbot .tabs-nav li a { text-decoration: none; } .ai-app-chatbot .tabs-content { flex-grow: 1; padding: 20px; } .ai-app-chatbot .tab-content { display: none; } .ai-app-chatbot .tab-content.active { display: block; } .ai-app-chatbot .tabs-nav a { color: #fff; font-weight: 500; font-size: 18px; margin-bottom: 8px; line-height: 26px; margin-top: 0; padding: 10px 10px; margin-bottom: 0 !important; } .ai-app-chatbot .tabs-nav li:hover a { color: #fff; } .ai-app-chatbot .tabpara h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; margin-top: 0; } .ai-app-chatbot .tabpara p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .ai-app-chatbot .tab-content { background: #08223a; padding: 50px 50px; } .ai-app-chatbot .tab-content.active { padding: 50px 50px; background: #08223a; } .ai-app-chatbot .tab-app-icon { margin-bottom: 40px; } .ai-app-chatbot .active-shape span { display: none; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 52%, 0% 0%); background: #08223a; height: auto; padding: 25px; width: 10px; position: relative; right: -28%; } .ai-app-chatbot ul li:hover .active-shape span { display: block; } .ai-app-chatbot .tab-app-icon img { max-width: 45px; } .why-choose-ai img { width: 100%; border-bottom-right-radius: 30%; border-top-left-radius: 30%; } /* ourclient */ .our-client-app .container-box { width: 900px; margin: 0 auto; max-width: 80%; } .our-client-app .slick-slider { margin-left: -12%; margin-right: -12%; } .our-client-app .slick-list { padding-top: 10% !important; padding-bottom: 10% !important; padding-left: 15% !important; padding-right: 15% !important; } .our-client-app .slick-dots { text-align: right; position: absolute; bottom: 0; left: 0; right: 0; } .our-client-app .slick-track { max-width: 100% !important; transform: translate3d(0, 0, 0) !important; perspective: 100px; } .our-client-app .slick-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; height: min-content; width: 100% !important; transform: translate3d(0, 0, 0); transition: transform 1s, opacity 1s; } .our-client-app .slick-snext, .slick-sprev { display: block; } .our-client-app .slick-current { opacity: 1; position: relative; display: block; transform: translate3d(0, 0, 2px); z-index: 2; } .our-client-app .slick-snext { opacity: 1; transform: translate3d(8%, 0, 0px); z-index: 1; } .our-client-app .slick-sprev { opacity: 1; transform: translate3d(-8%, 0, 0px); } .our-client-app .test { padding: 15px 20px; display: block; width: 100%; height: auto; background: #eef3ff; box-shadow: inset 0px 0px 0px 3px #08223a; } .our-client-app .slick-prev, .our-client-app .slick-next { background: none; border: none; font-size: 24px; color: black; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; } .our-client-app .slick-prev { background: #08223a; color: #fff; left: 10px; padding: 10px; display: flex !important; height: 50px; width: 50px; border-radius: 50%; align-items: center; justify-content: center; } .our-client-app .slick-next { background: #08223a; color: #fff; padding: 10px; display: flex !important; height: 50px; width: 50px; border-radius: 50%; align-items: center; justify-content: center; right: 10px; } .our-client-app .slick-prev:hover, .slick-next:hover { color: #555; } .our-client-app .client-icon img { height: 50px; height: 50px; width: 50px; } .our-client-app h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .our-client-app p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 29px; } .our-client-app .row { display: flex; align-items: center; } /* ai-page */ /* los-angeles */ .mebanner_form.usa-form h2 { left: 0; clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 0 50%, 0% 0%); } .mebanner_form.usa-form form .form-group:last-child { margin: 0; display: flex; justify-content: center; } .mebanner_form.usa-form form .form-group .newbtn_design { position: absolute; border: 10px solid #fff; height: 70px; border-radius: 28px; } .clients_slider.proclient { background-color: #08223a; margin-top: 50px; padding: 30px 0; border-radius: 0; width: 100%; } .clients_slider.proclient.cls-bx { margin-top: 0px; } .clients_slider.proclient.cls-bx .mesimilar_content { padding-left: 0; text-align: left; } .clients_slider.proclient.cls-bx .col-md-4 { padding-left: 0; } .service-app-banner button.slick-next.slick-arrow { display: none !important; } .service-app-banner button.slick-prev.slick-arrow { display: none !important; } .service-app-banner .clients_slider.proclient .row { display: flex; align-items: center; } .service-app-banner.usa-banner { padding: 140px 0 0px; display: flex; background-position: center; flex-direction: column; background-attachment: fixed; } .service-app-banner.usa-banner .mesimilar_content h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 50px; text-align: left; } .service-app-banner.usa-banner .slider_imgg img { object-fit: cover; filter: brightness(0) invert(1); } .service-app-banner.usa-banner .clientsli_right { display: flex; width: 100%; justify-content: center; gap: 2px; } .mebanner_form.form-box { border-radius: 0; border: 4px dashed #fff; border-bottom-left-radius: 40px; border-top-right-radius: 40px; } section.service-app-banner .mobile-banner-img { width: 100%; position: relative; z-index: 1; } section.service-app-banner .mobile-banner-img img { width: 100%; } .app-development-service .custom-slider { width: 90%; margin: auto; } .app-development-service .slick-prev, .app-development-service .slick-next { position: absolute; line-height: 0; left: auto !important; right: 20px; width: 40px; height: 40px; display: block; padding: 0; cursor: pointer; color: transparent; border: 5px solid #08223a; outline: none; background: #fff; display: flex; align-items: center; top: -8%; } .app-development-service button.slick-prev.slick-arrow { top: -12%; margin-right: 54px; } .app-development-service .slick-slider { user-select: none; } .app-development-service .custom-box { text-align: left; margin: 15px; padding: 50px; background-color: transparent; border: 3px solid #08223a; border-top: 10px solid #08223a; border-bottom: 10px solid #08223a; border-radius: 50px; position: relative; z-index: 1; } .app-development-service .custom-box:after { content: ""; position: absolute; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; transform: scaleY(0); transform-origin: bottom center; background-color: #08223a; border-color: #fff; border-radius: 30px; z-index: -1; transition: transform 0.3s; } .app-development-service .custom-box:hover::after { transform: scaleY(1); } .app-development-service .custom-box img { height: 50px; width: 50px; } .app-dev-slider.slick-initialized.slick-slider { margin-top: 0px; } .app-development-service .custom-box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .app-development-service .custom-box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .app-development-service .custom-box:hover h3 { color: #fff; } .app-development-service .custom-box:hover p { color: #fff; } .app-development-service .custom-box .dev_img { margin-bottom: 20px; } .app-development-service .custom-box:hover .dev_img img { filter: brightness(0) invert(1); } .qatar-different.angeles-tab .vert-tab > div { height: auto; width: 100%; } .qatar-different.angeles-tab .vert-tab { display: flex; flex-direction: column; } .qatar-different.angeles-tab .recr-content h3 { transform: none; margin-bottom: 10px; } .qatar-different.angeles-tab .vert-tab-content { padding: 20px 30px; } .qatar-different.angeles-tab .recr-content { padding: 0px 0px; margin-top: 10px; } .chicago_methology_img img { width: 100%; height: 100%; object-fit: cover; } .angeles-why-choose-us.techgropse-best h2 { color: #08223a !important; margin-bottom: 60px !important; } .top-app-angeles-img img { width: 100%; } .us-tab-service.main_chicago_dev_process_sec { display: flex; flex-direction: column; position: relative; z-index: 1; } .us-tab-service .container { position: relative; z-index: 2; } .us-tab-service.main_chicago_dev_process_sec .nav-tabs > li.active > a { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; border-radius: 0; width: 100%; } .us-tab-service.nav-tabs > li.active > a:focus, .us-tab-service.nav-tabs > li.active > a:hover { font-weight: 700; margin-left: 0 !important; font-size: 16px !important; } .us-tab-service.main_chicago_dev_process_sec ul li a:hover { border-radius: 0; } .us-tab-service .nav-tabs > li.active > a { color: #000; } .us-tab-service .nav-tabs > li > a { border: none; } .us-tab-service.nav-tabs > li.active > a:focus, .us-tab-service.nav-tabs > li.active > a:hover { font-size: 16px !important; background-color: #fff !important; } .main_tech_hire_new_sec ul li a:focus { color: #000 !important; } .what-set-techgropse .set-img-box { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; width: 100%; height: 100%; position: relative; z-index: 1; } .what-set-techgropse .set-img-box::before { position: absolute; content: ""; background: #08223a; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; border-radius: 12px; transform: rotate(5deg); z-index: 0; animation: wiggle 3s; animation-iteration-count: infinite; } .what-set-techgropse .newheading { margin-bottom: 0px !important; } .what-set-techgropse .set-img-box img { width: 100%; border-radius: 10px; position: relative; z-index: 1; } .what-set-techgropse li { text-align: left; margin-top: 20px; font-size: 17px; font-weight: 700; gap: 8px; color: #08223a; } .what-set-techgropse ul { list-style: circle; padding-left: 20px; } .what-set-techgropse .row { display: flex; align-items: center; } .clientpro .clients_slider { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); background-color: #fff; margin-top: -60px; z-index: 1; position: relative; border-radius: 30px; padding: 25px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .clientpro .clientslid_left { width: 100%; margin-bottom: 20px; } .clientpro .clientsli_right { display: flex; width: 100%; justify-content: space-between; align-items: center; } .clientpro .slider_imgg { outline: 0 !important; width: 12.8%; } .clientpro .clients_slider img { max-width: 130px; margin: 0 auto; filter: none !important; transition: 0.5s all; } .get-in-touch .map-box { width: 100%; height: 100%; } .get-in-touch .map-box img { border: 3px solid #08223a; border-radius: 20px; width: 100%; border-left: 5px solid #08223a; } .get-in-touch .map-box iframe { height: 100%; border: 3px solid #0080ff !important; border-radius: 20px; width: 100%; } .get-in-touch .row { display: flex; height: auto; flex-wrap: wrap; } .get-in-touch .col-md-6 { display: flex; height: auto; } .get-in-touch .mebanner_form { width: 100%; } .los-angele-why-choose { display: flex; justify-content: center; align-items: center; } .los-angele-why-choose .icon img { width: 80px; height: 80px; } .los-angele-why-choose .container .serviceBox:hover .icon img { width: 50px !important; height: 50px !important; } .los-angele-why-choose h3 { font-size: 17px; font-weight: 700; line-height: 26px; color: #fff; margin-top: 0px; } .los-angele-why-choose p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .los-angele-why-choose .container .row { display: flex; white-space: break-spaces; } .los-angele-why-choose .serviceBox:hover .container .row { display: flex; white-space: normal; } .los-angele-why-choose .container .serviceBox { position: relative; height: 200px; background: #fff; border-radius: 20px; } .los-angele-why-choose .container .serviceBox:hover { height: 100%; overflow: hidden; white-space: normal; height: auto; } .los-angele-why-choose .container .serviceBox .icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #08223a; transition: 0.5s; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50px 0; z-index: 2; transition-delay: 0.25s; } .los-angele-why-choose .container .serviceBox:hover .icon { top: 0; width: 95%; height: auto; transition-delay: 0s; display: flex; justify-content: center; align-items: center; margin: 10px; } .los-angele-why-choose .container .serviceBox:hover .icon img { transition-delay: 0s; } .los-angele-why-choose .container .serviceBox .content { position: relative; padding: 20px; color: #fff; text-align: center; margin-top: 100px; z-index: 1; transform: scale(0); transition: 0.1s; transition-delay: 0s; } .los-angele-why-choose .container .serviceBox:hover .content { transform: scale(1); transition-delay: 0.25s; } .helped_various.color-img .newheading.newheading_white p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 8px; line-height: 29px; } .why-choose-service .tabs-left { border-bottom: none; } .why-choose-service .newheading h2 { text-transform: none; } .why-choose-service .tabs-left > li { float: none; margin: 0px; margin-bottom: 10px; } .why-choose-service .tabs-left li.active a, .why-choose-service .tabs-left li.active a:hover, .why-choose-service .tabs-left li.active a:focus { border-bottom-color: #ddd; border-right-color: transparent; background: #08223a; border: none; border-radius: 0px; margin: 0px; font-size: 18px; font-weight: 700; padding: 10px 15px; } .why-choose-service .tabs-left li.active a, .why-choose-service .tabs-left li.active a:hover { background: #08223a; border: none; border-radius: 0px; margin: 0px; color: #fff; font-size: 18px; font-weight: 700; padding: 10px 15px; } .why-choose-service .tabs-left li a { background: #fff; border: none; border-radius: 0px; margin: 0px; color: #08223a; font-size: 18px; font-weight: 700; padding: 10px 15px; } .why-choose-service .tabs-left > li.active > a::after { content: ""; position: absolute; top: 12px; right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #08223a; display: block; width: 0; } .why-choose-service .col-md-8 .tab-content { border: 3px solid #fff; border-radius: 10px; } .why-choose-service .tabs-img { height: 100%; } .why-choose-service .tabs-img img { width: 100%; height: 100%; } .why-choose-service h3 { color: #fff; font-size: 40px; font-weight: 700; margin-bottom: 5px; line-height: 46px; } .why-choose-service p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; margin-top: 20px; } .why-choose-service .tab-content > .active { display: flex; align-items: center; padding: 25px 0; } .why-choose-service.us-service-box .col-md-8 .tab-content::after { content: ""; position: absolute; top: 10px; left: 25px; right: 25px; bottom: 10px; border: 3px solid #ffffff; transition: all 0.5s; animation: moving-border 6s infinite linear; border-radius: 10px; } .why-choose-service.us-service-box .col-md-8 .tab-content::before { content: ""; position: absolute; top: 10px; left: 25px; right: 25px; bottom: 10px; border: 3px solid #ffffff; transition: all 0.5s; animation: moving-border 6s infinite linear; border-radius: 10px; } .why-choose-service.us-service-box .col-md-8 .tab-content .content { padding-left: 25px; } .why-choose-service .tab-content .col-md-7 { display: flex; align-items: center; } .why-choose-service .row { display: flex; align-items: center; } .sidebannerimg img { width: 100%; z-index: 2; } .tech_hire_new_sec.bg_theme_4 .nav-tabs > li.active > a:hover { background-color: #fff; color: #08223a; font-size: 18px; font-weight: 700; } .main_tech_hire_new_sec ul li.active a { background-color: #fff; color: #08223a; font-size: 18px !important; margin: 0; font-weight: 700; } .main_tech_hire_new_sec ul li.active { background-color: #fff; color: #08223a; font-size: 18px; font-weight: 700; border-radius: 25px; margin-bottom: 15px; } .tech_hire_new_sec .technology_names img { filter: none; } /* los-angeles */ .new-service-app-banner { padding: 160px 0 60px; background-size: cover; background-position: center; width: 100%; background-repeat: no-repeat; object-fit: cover; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .new-service-app-banner .formbg { display: flex; justify-content: center; width: 100%; } .new-service-app-banner .formbg .banner_form { background-image: url(../images/los-angeles-image/phonee.webp); width: 100%; height: 560px; background-repeat: no-repeat; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding-left: 5%; } .new-service-app-banner .formbg .banner_form h2 { color: #08223a; font-weight: 700; font-size: 20px; margin-bottom: 20px; line-height: 40px; text-decoration: underline; } .new-service-app-banner .formbg .banner_form .form-group .form-control { box-shadow: unset; font-size: 16px; font-weight: 500; background: rgba(241, 241, 241, 0.28) 0% 0% no-repeat padding-box; border: 1px solid rgb(81 79 79 / 15%) !important; border-radius: 27px; padding: 6px 14px; height: 50px; } .new-service-app-banner .formbg .banner_form .form-group textarea.form-control { resize: none; height: 100px; border-radius: 20px; } .app-development-service button.slick-prev.slick-arrow { background-image: url(../images/los-angeles-images/rightarrow.WEBP) !important; text-indent: -99999999999px; height: 60px; width: 60px; background-size: 60px; background-color: transparent; border: 0; position: absolute; left: -5% !important; display: block !important; top: 48%; bottom: 0; transform: translateY(-50%); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .app-development-service .slick-next { background-image: url(../images/los-angeles-images/rightarrow.WEBP) !important; text-indent: -99999999999px; height: 60px; width: 60px; background-size: 60px; background-color: transparent; border: 0; position: absolute; right: -5% !important; top: 48%; transform: translateY(-50%); transition: all 0.3s ease-out; } .On-demand .industry_we_cater_singapore_box { margin-top: 0px !important; display: flex; height: 100%; } .On-demand .newheading h2 { text-transform: none; } .On-demand .col-md-12 { display: flex; flex-direction: column; height: auto; gap: 50px; } .On-demand .col-md-12 .row { display: flex; height: auto; } .On-demand .col-md-3.col-sm-6 { display: flex; height: auto; } .On-demand .industry_cater_head { display: flex; height: 100%; } .industry_cater_head h3 { margin: 0; } /* chicago-page */ .main_chicago_developement_service { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } .chicago_developement_need-box { padding: 15px; width: 32.5%; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: 0.4s all ease; border: 2px solid #ececec; border-radius: 10px; } .chicago_developement_need-box:hover { border-radius: 20px; border: 2px solid #000; scale: 1.02; } .chicago_developement_need-box img { max-width: 50px; margin-bottom: 10px; } .chicago_developement_need-box h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; } .chicago_developement_need-box p { font-size: 16px; font-weight: 500; line-height: 28px; } .chicago_dev_process_sec .new_top_heading :is(h2, p) { color: #fff; } .main_chicago_dev_process_sec { display: flex; flex-direction: column; border-radius: 0px; } .main_chicago_dev_process_sec ul { display: flex; border-bottom: 1px solid #fff; justify-content: center; } .main_chicago_dev_process_sec ul li { background: #08223a; border: 1px solid #fff; border-bottom: none; } .main_chicago_dev_process_sec.us-tab-service ul { display: flex; flex-direction: column; height: 100%; border-right: 3px solid #fff; } .main_chicago_dev_process_sec.us-tab-service .col-md-3 { padding-right: 0; height: auto; } .main_chicago_dev_process_sec.us-tab-service .col-md-9 { padding-left: 0; } .main_chicago_dev_process_sec.us-tab-service .row { display: flex; height: auto; } .main_chicago_dev_process_sec ul li a { text-align: center; font-size: 16px; font-weight: 700; padding: 15px 10px; border-radius: 0; color: #fff; width: 100%; } .main_chicago_dev_process_sec ul li a:hover { background: #000; color: #fff; width: 100%; } .chicago_dev_process_sec_inner_details { display: flex; align-items: center; padding: 30px; gap: 20px; background: #121526; color: #fff; } .chicago_dev_process_sec_inner_details_head_para { width: 59%; } .us-tab-service .chicago_dev_process_sec_inner_details_head_para h3 { font-size: 25px; font-weight: 700; line-height: 35px; margin-bottom: 5px; color: #08223a; } .us-tab-service .chicago_dev_process_sec_inner_details_head_para p { font-size: 16px; font-weight: 500; line-height: 28px; color: #08223a; } .us-tab-service .chicago_dev_process_sec_inner_details { display: flex; align-items: center; padding: 30px; gap: 20px; background: #fff; } .chicago_dev_process_sec_inner_details_head_para p { font-size: 16px; font-weight: 500; line-height: 28px; } .chicago_dev_process_sec_inner_details_img { width: 39%; } .chicago_dev_process_sec_inner_details_img img { width: 85%; } .main_tech_hire_new_sec { display: flex; align-items: center; gap: 10px; } .main_tech_hire_new_sec ul { width: 30%; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; border-bottom: none; } .main_tech_hire_new_sec .tab-content { width: 70%; } .main_tech_hire_new_sec ul li a { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 15px; padding: 25px 15px; background: #121526; color: #fff; border-radius: 25px; } .main_tech_hire_new_sec ul li a:hover { color: #08223a !important; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa p { margin-bottom: 20px; } .tech_hire_new_sec_details { border-top: 3px solid #fff; border-right: 5px solid #fff; border-bottom: 3px solid #fff; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 30px 20px; color: #fff; } .tech_hire_new_sec_details h3 { text-decoration: underline; font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 10px; } .tech_hire_new_sec_details p { margin-bottom: 10px; font-size: 17px; font-weight: 500; } .tech_hire_new_sec_details .technology_names img { height: 45px; width: auto; filter: invert(1) brightness(70.5); margin-bottom: 12px; } .tech_hire_new_sec_details .main_technology_names { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; } .tech_hire_new_sec_details .technology_names { border: 2px solid #121526; width: 20%; border-radius: 20px; padding: 15px 12px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: 0.5s all ease; } .tech_hire_new_sec_details .technology_names h4 { font-size: 17px; line-height: 23px; } .tech_hire_new_sec_details .technology_names:hover { border: 2px solid #fff; } .bg_theme_4 { background: #05081a; } .new_top_heading { margin-bottom: 40px; } .new_top_heading h2 { color: #fff; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 54px; } .tech_hire_new_sec .technology_names img { filter: none; } .dubai_uae_banner .mebanner_form { margin: 0 0px; } .dubai_uae_banner .newbtn_design { width: max-content; } .newbanner_content { font-family: "Product Sans"; } .newbanner_content h1 { font-size: 40px; line-height: 1.3; font-weight: 800; color: #fff !important; } .newbanner_content p { line-height: 1.5; font-size: 18px; margin: 15px 0 0; font-weight: 300; color: #fff !important; } .newbanner_content .expri_body p { margin: 0px 0 0; } .dubai_uae_banner .newbanner_content { display: grid; align-items: normal; gap: 1rem; background: rgba(132, 132, 132, 0.29); padding: 20px; border-radius: 10px; font-family: "Product Sans"; } .new_font_content { font-family: "Product Sans"; margin-bottom: 50px; } .new_font_content h2 { color: #08223a; font-size: 36px; line-height: 1.3; font-weight: 800; margin-bottom: 25px; font-family: "Product Sans"; } .new_font_content p { font-size: 18px; line-height: 1.7; font-weight: 400; margin-top: 8px !important; color: #08223a; } .new_font_content .newbtn_design { margin-top: 30px; } .new_font_center { text-align: center; } .new_font_white h2, .new_font_white p { color: #fff !important; } .new_font { font-family: "Product Sans"; } .cta-chicago { font-family: "Product Sans"; } .trusted_client_bx .client-box img { max-width: 100px; object-fit: contain; } .trusted_client_bx .client-box { overflow: hidden; position: relative; width: 100%; } .trusted_client_bx .client-box .client_img { border-right: 2px solid #efefef; } .chicago-testimonial .new_font_content { margin-bottom: 20px; } .us-tab-service .cta-btn { display: flex; justify-content: center; margin-top: 40px; } .padding_top_bx { padding-top: 80px; } /* chicago-page */ .our-commitments .btn { border: none; } .our-commitments .headerimg { margin-bottom: 20px; } .our-commitments .col-md-3 { padding: 0; } .our-commitments .nav-item a { display: flex; border: 2px dashed #08223a; background: #fff; padding: 10px 15px; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; text-align: center; font-weight: 600; color: #08223a; transition: 0.5s; margin-bottom: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .our-commitments .nav-pills > li.active > a, .our-commitments .nav-pills > li.active > a:focus { background-color: #08223a; } .our-commitments .nav-pills > li { width: 100%; } .our-commitments .nav-item a:hover { border: 2px solid #08223a; box-shadow: none; } .our-commitments img { max-width: 45px; } .our-commitments h4 { font-size: 14px; text-align: center; font-weight: 600; color: #08223a; } .our-commitments .services-container li { display: none; &.active { display: block; } } .our-commitments h3 { font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; color: #08223a; text-align: center; } .our-commitments p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .our-commitments .service-item { padding: 40px 30px; background: aliceblue; border: 8px solid #fff; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 20px; cursor: pointer; } .our-commitments .main-service-items::-webkit-scrollbar { display: none; } .our-commitments .main-service-items .service-item { padding: 40px 30px; background: #08223a; border: 8px solid #fff; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px; cursor: pointer; padding-top: 0px; position: sticky; top: 110px; z-index: 3; } .our-commitments .col-md-5 { position: sticky; top: 110px; z-index: 3; } .our-commitments .main-service-items h3 { font-size: 17px; font-weight: 700; margin-bottom: 5px; line-height: 26px; color: #fff; text-align: center; } .our-commitments .main-service-items p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 26px; text-align: center; } .our-commitments .headerimg { background-repeat: no-repeat; max-width: 60px; object-fit: contain; display: flex; align-items: center; animation: wave-animation 2.5s linear infinite; justify-content: center; background-position: center; background-image: url(../images/airbnb-development/download.webp); height: 100px; max-width: 100px; position: relative; bottom: -25px; z-index: 1; padding: 20px; } .our-commitments .main-service-items img { filter: brightness(0) invert(1); } .card__successful { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } .card__successful .row { display: flex; height: auto; } .card__successful .card__bx { height: 100%; width: 100%; overflow: hidden; border-radius: 20px; border-top-left-radius: 70px; position: relative; overflow: hidden; background: #fff; transition: all 0.2s ease; } .card__successful .card__bx.chicago-box { height: 500px; } .card__successful .card__bx img { max-width: 45px; } .card__successful .card__bx:hover .card__icon img { filter: brightness(0) invert(1); } .card__successful .card__bx:hover .card__icon { background: #05081a !important; } .card__successful h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; color: #fff; text-align: left; } .card__successful p { font-size: 16px; font-weight: 500; line-height: 28px; color: #fff; text-align: left; border-bottom: 1px dashed; padding-bottom: 20px; margin-bottom: 20px; } .card__successful p:last-child { border-bottom: none; padding-bottom: 0; } .card__successful p span { font-weight: 700; } .card__successful .card__bx .card__data { position: relative; inset: 0px; border-radius: 10px; background-color: #05081a; border: 10px solid #fff; border-top-left-radius: 24%; height: 100%; border-radius: 30px; } .card__successful .card__bx .card__data .card__icon { position: relative; top: -1px; left: -12px; border-bottom-right-radius: 50%; height: 140px; width: 140px; background: #fff; border: 15px solid #fff; border-top-left-radius: 24%; display: flex; justify-content: center; align-items: center; } .card__successful .card__bx .card__data .card__icon .card__icon-bx { position: relative; display: flex; background: transparent !important; } .card__successful .card__bx:hover .card__data .card__icon .card__icon-bx { transition: all 0.5s; } .card__successful .card__bx .card__data .card__content { position: relative; top: 0px; padding: 20px; text-align: center; display: flex; justify-content: center; flex-direction: column; margin-top: 20px; } .awards-section button.slick-next.slick-arrow { display: block !important; background-image: url(../images/common_icons/arrowright.svg) !important; text-indent: -99999999999px; height: 60px; width: 60px; background-size: 60px; background-color: transparent; border: 0; position: absolute; right: -7%; top: 48%; transform: translateY(-50%); transition: all 0.3s ease-out; } .awards-section button.slick-prev.slick-arrow { display: block !important; background-image: url(../images/common_icons/arrowright.svg) !important; text-indent: -99999999999px; height: 60px; width: 60px; background-size: 60px; background-color: transparent; border: 0; position: absolute; left: -7%; top: 48%; transform: translateY(-50%); transition: all 0.3s ease-out; transform: scaleX(-1); } section.helped_various.color-img .slick-slide img { display: block; max-width: 45px; filter: brightness(0) invert(1); } /* mvp-page */ .bg-line-img { position: relative; } .bg-line-img::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 34px; background-repeat: repeat; filter: brightness(0.5); } .bg-line-img .container, .bg-line-img .container-fluid { position: relative; z-index: 1; } .mvp-dev-startup .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: auto; } .mvp-dev-startup .row { display: flex; margin: 40px 0; height: auto; } .mvp-dev-startup .col-md-4 { display: flex; height: auto; } .mvp-dev-startup .mvp-img { height: 100%; border: 10px solid #fff; border-radius: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .mvp-dev-startup .mvp-img img { object-fit: cover; width: 100%; border-radius: 20px; height: 100%; } .mvp-dev-startup .full-mpv-content-box .content { background: #08223a; padding: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; outline: 5px solid #ffffff; } .mvp-dev-startup .full-mpv-content-box { display: flex; } .mvp-dev-startup .full-mpv-content-box .shape-left { background: #08223a; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%); height: 100px; width: 200px; } .mvp-dev-startup .full-mpv-content-box .shape-right { background: #08223a; clip-path: polygon(0 0, 100% 100%, 0 100%, 0 100%); height: 100px; width: 200px; } .mvp-dev-startup .full-mpv-content-box .content h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .mvp-dev-startup .full-mpv-content-box .content p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 10px; line-height: 26px; } .mvp-high-quality .container { display: flex; flex-direction: column; } .mvp-high-quality .container .row { display: flex; height: auto; } .mvp-high-quality .col-md-4 { margin-top: 60px; } .mvp-high-quality .container .card { width: 100%; height: 100%; text-align: center; position: relative; cursor: pointer; background: #fff; margin: 0px 15px; padding: 50px 20px; border-radius: 20px; z-index: 10; transition: transform 0.8s; display: flex; flex-direction: column; align-items: center; } .mvp-high-quality .newheading { margin-bottom: 30px !important; } .mvp-high-quality .newheading.newheading_white p { color: #fff; } .mvp-high-quality .card .icon { width: 100px; height: 100px; background: #fff; align-items: center; justify-content: center; display: flex; border-radius: 50%; color: #08223a; border: 6px solid #08223a; transition: transform 1s; position: absolute; top: -10%; } .mvp-high-quality .card .icon img { max-width: 45px; } .mvp-high-quality .card h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .mvp-high-quality .card p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .mvp-high-quality .card:hover { transform: translateY(-20px); } .mvp-high-quality .card:hover .icon { transform: rotateY(-360deg); } .mvp-high-quality .content { margin-top: 40px; } .kyesteps .step-list { position: relative; padding-top: 20px; } .kyesteps .all-mvp-item-list { list-style: none; margin: 0; padding: 0 2em; overflow: hidden; } .kyesteps li.mvp-item-list { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } li.mvp-item-list:after { content: ""; display: block; background: #000; position: absolute; width: 32px; height: 32px; margin: 0 auto; bottom: 40%; left: 100%; right: -23%; 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; } li.mvp-item-list.mvp-item-list-alt:after { content: ""; bottom: 40%; left: -71%; right: 50%; } .kyesteps .mvp-item-list { position: relative; background: #08223a; padding: 20px; float: left; margin-bottom: 50px; line-height: 1.5; z-index: 2; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .kyesteps .mvp-item-list:last-child { margin-bottom: 0; } .mvp-item-list:before { content: ""; display: block; background: #08223a; position: absolute; width: 32px; height: 32px; margin: 0 auto; transform: rotate(45deg); bottom: -16px; left: 0; right: 0; z-index: -1; } .kyesteps .all-mvp-item-list .all-mvp-item-list__heading { margin: 0 0 1.5em; font-size: 1.5em; } .kyesteps .all-mvp-item-list h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .kyesteps .all-mvp-item-list p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .process-follow .container { display: flex; flex-direction: column; } .process-follow .icon img { max-width: 45px; margin-bottom: 25px; } .process-follow .newheading { margin-bottom: 15px; } .process-follow .container .row { display: flex; height: auto; } .process-follow .service-box { position: relative; overflow: hidden; height: 100%; cursor: pointer; } .process-follow .col-md-6.col-sm-12 { margin-top: 40px; } .process-follow .service-icon { width: 100%; height: 100%; padding: 20px; text-align: center; transition: all 0.5s ease; background-color: #08223a; text-align: left; } .process-follow .service-content { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: auto; padding: 20px; text-align: center; transition: all 0.5s ease; background-color: #fff; backface-visibility: hidden; transform-style: preserve-3d; transform: translateY(110px) rotateX(-90deg); } .process-follow .service-box:hover .service-icon { opacity: 0; background-color: #08223a; transform: translateY(-110px) rotateX(90deg); height: 100%; } .process-follow .service-box:hover .service-content { opacity: 1; transform: rotateX(0); height: 100%; display: flex; flex-direction: column; justify-content: center; } .process-follow p { font-weight: 500; color: #fff !important; font-size: 15px; margin-bottom: 0; line-height: 26px; } .process-follow .service-content li { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; text-align: left; } .process-follow .front-content h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .process-follow .service-content h4 { color: #08223a; font-weight: 700; font-size: 17px; margin-bottom: 10px; line-height: 24px; text-align: left; } .process-follow ul { list-style: circle; padding: 0 15px; } .our-expertise-mvp .service { padding: 25px 15px; background: transparent; font-size: 15px; border-radius: 5px; text-align: center; cursor: pointer; transition: 0.5s; height: 100%; border: 1px solid #08223a; position: relative; background: #08223a; overflow: hidden; } .our-expertise-mvp .service::before { content: ""; width: 1000px; height: 1000px; position: absolute; left: 50%; top: 50%; animation: rotating 2s infinite cubic-bezier(0.45, 0, 0.55, 1); transform-origin: center; background: conic-gradient( rgb(255, 255, 255), transparent, transparent, rgba(255, 255, 255, 0.3), transparent, transparent, rgba(255, 255, 255, 0.6) ); } .our-expertise-mvp .service::after { content: ""; width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; left: 4px; top: 4px; background: inherit; border-radius: 0.8rem; z-index: 1; } @keyframes rotating { from { transform: translate(-500px, -500px) rotate(0deg); } to { transform: translate(-500px, -500px) rotate(360deg); } } .our-expertise-mvp .service:hover { color: #fff; background-color: #08223a; transform: scale(1.05); } .our-expertise-mvp .service .icon-img img { max-width: 45px; position: relative; z-index: 2; } .our-expertise-mvp .service:hover .icon-img img { animation: oval-zoom1 2s linear infinite; } .our-expertise-mvp .service p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; position: relative; z-index: 2; } .our-expertise-mvp .service h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; margin-top: 18px; position: relative; z-index: 2; } .our-expertise-mvp .service:hover h3 { color: #fff; } .our-expertise-mvp .service:hover p { color: #fff; } .our-expertise-mvp .container { display: flex; flex-direction: column; } .our-expertise-mvp .row { display: flex; height: auto; } .our-expertise-mvp .col-md-6 { display: flex; height: auto; margin-top: 30px; } .our-expertise-mvp .col-md-6 { display: flex; height: auto; margin: 30px 0; } .what-difference .container { display: flex; flex-direction: column; height: auto; } .what-difference .container .row { display: flex; height: auto; } .what-difference .container .col-md-4 { display: flex; height: auto; } .what-difference .container .col-md-4 .difft-items { height: 100%; } .what-difference .heading { height: 70px; width: 100%; background: #08223a; display: flex; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); align-items: center; justify-content: center; clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 8% 50%, 0% 0%); } .what-difference ul { list-style: decimal; text-align: left; display: flex; flex-direction: column; gap: 20px; } .what-difference ul ::marker { font-size: 16px; font-weight: 600; color: #08223a; } .what-difference .icon { display: flex; animation: zoom-in-zoom-out 2s ease-out infinite; justify-content: center; margin-bottom: 6px; } .what-difference img { max-width: 45px; } .what-difference .content { background: #eef3ff; padding: 30px 25px; border-radius: 12px; margin-top: 6px; height: 75%; position: relative; padding-left: 40px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); } .what-difference p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .what-difference h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 0px; line-height: 24px; } .what-difference .container svg { border-radius: 16px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01); } 100% { box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01); } } .mvp-dev-cost .container { display: flex; flex-direction: column; height: auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background-color: #fff; border-radius: 16px; padding: 30px 26px; position: relative; } .mvp-dev-cost .container .row { display: flex; height: auto; } .mvp-dev-cost .container .col-md-7 { display: flex; height: auto; align-items: center; } .mvp-dev-cost .container .col-md-5 { display: flex; height: auto; } .mvp-dev-cost p { margin-top: 0px; } .mvp-dev-cost .container .row .cost-img { height: 100%; } .mvp-dev-cost p { margin-bottom: 5px; } .mvp-dev-cost .cost-img img { width: 100%; position: relative; height: 100%; z-index: 2; } .mvp-dev-cost .container .in { position: relative; z-index: 1; } .mvp-dev-cost .container svg { border-radius: 16px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .path { stroke-dasharray: 16; -webkit-animation: dash 50s linear infinite; animation: dash 50s linear infinite; animation-direction: reverse; } @-webkit-keyframes dash { to { stroke-dashoffset: 1000; } } @keyframes dash { to { stroke-dashoffset: 1000; } } .advantages-dev .card { width: 100%; margin: 0 auto; padding: 30px; border: 10px solid #08223a; border-radius: 5px; background-color: #08223a; cursor: pointer; transition: 0.5s; --mask: linear-gradient(#000 0 0) center/calc(100% - 20px) calc(100% - 20px) no-repeat, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 0 0 /20px 10px space no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 0 100%/20px 10px space no-repeat, conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) 0 0 /10px 20px no-repeat space, conic-gradient(from -135deg at right, #0000, #000 1deg 89deg, #0000 90deg) 100% 0/10px 20px no-repeat space; -webkit-mask: var(--mask); mask: var(--mask); } .advantages-dev .card:hover { transform: translateY(-20px); } .advantages-dev .container { display: flex; flex-direction: column; height: auto; } .advantages-dev .container .row { display: flex; height: auto; } .advantages-dev .container .row .col-md-6 { display: flex; height: auto; margin-bottom: 30px; } .advantages-dev .card p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; } .advantages-dev .card h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; margin-bottom: 10px; } .advantages-dev .card .icon-img { display: flex; justify-content: flex-start; margin-bottom: 20px; } .advantages-dev .card img { max-width: 45px; filter: brightness(0) invert(1); } .advantages-dev .card_title { margin-bottom: 1rem; font-size: 1.3rem; font-weight: #08223a; } .advantages-dev .card_content { margin-bottom: 1.5rem; font-size: 0.9rem; } .benefits-mvp { width: 100%; display: grid; place-items: center; } .benefits-mvp .container { display: flex; flex-direction: column; height: auto; } .benefits-mvp .container .row { display: flex; height: auto; } .benefits-mvp .container .row .col-md-4 { display: flex; height: auto; margin-top: 30px; } .benefits-mvp .container .row .col-md-6 { display: flex; height: auto; margin-top: 30px; } .benefits-mvp .card { width: 100%; height: 100%; padding: 30px 20px; background: linear-gradient(#ffffff 50%, #08223a 50%); background-size: 100% 200%; background-position: 0 2.5%; border-radius: 5px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.12); cursor: pointer; text-align: center; transition: 0.5s; } .benefits-mvp .card p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; transition: 0.5s; } .benefits-mvp .card h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; margin-top: 20px; transition: 0.5s; } .benefits-mvp .icon-wrapper { background-color: #08223a; position: relative; margin: auto; font-size: 30px; height: 2.5em; width: 2.5em; color: #ffffff; border-radius: 50%; display: grid; place-items: center; transition: 0.5s; } .benefits-mvp .icon-wrapper img { max-width: 45px; filter: brightness(0) invert(1); } .benefits-mvp .card:hover .icon-wrapper { background-color: #fff; } .benefits-mvp .card:hover .icon-wrapper img { filter: none; } .benefits-mvp .card:hover { background-position: 0 100%; } .benefits-mvp .card:hover h3 { color: #ffffff; } .benefits-mvp .card:hover p { color: #fff; } .engagement-mvp img { width: 100%; } .engagement-mvp .engagement-content { display: flex; gap: 15px; flex-direction: column; width: 85%; } .engagement-mvp.padding_sections { padding-bottom: 0 !important; } .engagement-mvp .engagement-content .icon img { max-width: 45px; } .engagement-mvp .col-md-7 { display: flex; flex-direction: column; gap: 30px; margin-bottom: 50px; } .engagement-mvp .col-md-5 { margin: 0; padding: 0; } .engagement-mvp .engagement-content h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .engagement-mvp .eng-img:before { content: ""; background-image: url(../images/mvp-service/cccc.WEBP); position: absolute; height: 160px; width: 100px; right: 25%; top: -8%; background-repeat: no-repeat; animation: zoom-in-zoom-out 2s ease-out infinite; } .engagement-mvp .padding_sections { padding-bottom: 0; } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.1, 1.1); } 100% { transform: scale(1, 1); } } .engagement-mvp .engagement-content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .proven-way-mvp .proven-img { width: 100%; animation: zoom-in-zoom-out 8s ease-out infinite; } .proven-way-mvp .proven-img img { width: 100%; } .proven-way-mvp .container { display: flex; flex-direction: column; align-items: center; } .proven-way-mvp .container .row { align-items: center; display: flex; } .proven-way-mvp .container ul li p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; cursor: pointer; } .proven-way-mvp .container ul li h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .proven-way-mvp .container ul li { transition: 0.5s; background: #fff; margin-bottom: 35px; padding: 30px; border-bottom: 4px solid #08223a; } .proven-way-mvp .container ul li:hover { transform: scale(1.05); } .proven-way-mvp .col-md-12 { margin-bottom: 40px; } .why-choose-mvp .vert-tab > div { margin-left: 0; margin-right: 8px; width: 10%; cursor: pointer; height: 430px; transition: all 0.5s ease 0s; overflow: hidden; } .why-choose-mvp .recr-content { background: #08223a; border-radius: 30px; display: flex; align-items: center; justify-content: center; border-color: #f3f3fd; padding: 36px 28px; margin-top: 36px; border: 1px solid; } .why-choose-mvp .work_items_content { display: none; } .why-choose-mvp .vert_tab_image_wrrapeer { display: flex; align-items: center; } .why-choose-mvp .recr-content h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 5px; line-height: 24px; white-space: nowrap; transform: rotate(269deg); } .why-choose-mvp .recr-content h4 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 5px; line-height: 24px; } .why-choose-mvp .vert-tab-content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .why-choose-mvp .recr-content.active { width: 100%; } .why-choose-mvp .recr-content.active { background: #fff; } .why-choose-mvp .recr-content.active h3 { display: none; } .why-choose-mvp .recr-content.active .work_items_content { display: block; } .why-choose-mvp .recr-content img { max-width: 45px; margin-bottom: 20px; } .why-choose-mvp .vert-tab { display: flex; } .why-choose-mvp .newheading { margin-bottom: 10px; } section.padding_sections.tech_hire_new_sec.bg_theme_4.overflow-x-add .new_top_heading { margin-bottom: 40px; text-align: center; } @keyframes oval-zoom1 { 0% { transform: scale(0.9); transition: 0.6s all ease; } 50% { transform: scale(1.1); transition: 0.6s all ease; } 100% { transform: scale(0.9); transition: 0.6s all ease; } } .newheading { margin-bottom: 50px !important; } .mvp-form img { width: 100%; } .mvp-form .container { display: flex; flex-direction: column; } .mvp-form .container .row { display: flex; height: auto; align-items: center; } .mvp-form .container .row .col-md-6 { display: flex; flex-direction: column; height: 100%; } .mvp-form .bling-circle { content: ""; display: block; position: absolute; width: 70px; height: 30px; border-radius: 50%; background: rgb(255 255 255/0%); } .mvp-form .bling-circle:after { content: ""; width: 1px; height: 1px; border-radius: 100%; border: 3px solid #fff; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgb(18 171 238/80%); } @-webkit-keyframes ring-animation { to { box-shadow: 0 0 0 40px transparent; } } .mvp-form .bling-address-1 { transition: 0.5s all; } .mvp-form .address-block { display: none; width: 210px; border: 1px solid rgb(255 255 255/33%); background: #08223a; transform: scale(0); transition: 0.5s all; } .mvp-form .address-block h4 { color: #fff; font-size: 24px; line-height: 32px; } .mvp-form .bling-address-1:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-2:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-3:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-4:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-5:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; left: -106px; transform: scale(1); } .mvp-form .bling-address-3:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .country-name img { width: 50px; float: left; padding-right: 15px; } .mvp-form .bling-address { display: inline-block; width: 0; } .mvp-form .bling-address-1 { position: absolute; top: 90px; left: 60px; } .mvp-form .bling-address-2 { position: absolute; top: 40px; left: 220px; } .mvp-form .bling-address-3 { position: absolute; top: 138px; left: 286px; } .mvp-form .bling-address-4 { position: absolute; top: 22%; right: 39%; } .mvp-form .bling-address-5 { position: absolute; top: 185px; right: 130px; } .mvp-form .world-map { width: 600px; height: 400px; background-size: contain; background-repeat: no-repeat; } .mvp-form .world-map span { font-size: 14px; color: #fff; } .mvp-form p.text-white { color: #fff; } .mvp-form .mebanner_form { background-color: #fff; border-radius: 12px; margin: 0; margin-bottom: 0px; } .mvp-form .mebanner_form::before { content: ""; position: absolute; width: 26px; height: 26px; background-color: #fff; transform: rotate(45deg); top: 14%; left: -13px; } .mvp-form .mebanner_form h2:after { content: ""; height: 0; width: 0; border-width: 0; } .mvp-form .mebanner_form h2 { left: 0; } .new-tech-stack ul.nav.nav-pills { margin-bottom: 0; justify-content: center; align-items: center; display: flex; } .new-tech-stack .nav-pills > li > a { border-radius: 0px; font-size: 17px; font-weight: 700; color: #fff; background: #08223a; padding: 20px 30px; } .new-tech-stack .nav-pills > li.active > a { color: #08223a; background: #fff !important; } .new-tech-stack .tab-content { display: block; background-color: #fff; padding: 40px 50px; border-radius: 12px; } .new-tech-stack .tab-content img { background-color: #08223a; padding: 20px 15px; border-radius: 16px 0px 16px 0px; max-width: 100px; } div#\31 b .main-tech { display: grid; grid-template-columns: repeat(7, 1fr); justify-items: center; } .new-tech-stack .main-tech { display: grid; grid-template-columns: repeat(5, 1fr); justify-items: center; } .new-tech-stack .tech-name { text-align: center; } .new-tech-stack h4 { font-size: 17px; font-weight: 600; margin-top: 12px; text-align: center; color: #08223a; } section.mvp-service-banner { height: 800px; background-position: right; display: flex; align-items: center; background-position: center; background-repeat: repeat-x; padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } section.mvp-service-banner h1 { color: #08223a; } section.mvp-service-banner p { color: #08223a; } .mvp-service-banner .banner-icon .top-banner-icon { display: flex; justify-content: space-between; } .mvp-service-banner .banner-icon .icon-2 img { width: 60px; height: 60px; position: absolute; animation: zoom-in-zoom-out 2s ease-out infinite; right: 0; border-radius: 50%; } .mvp-service-banner .banner-icon .bottom-banner-icon { position: absolute; bottom: -315px; top: auto; } .mvp-service-banner .banner-icon img { width: 150px; animation: zoom-in-zoom-out 2s ease-out infinite; height: 150px; } section.mvp-service-banner { background-repeat: no-repeat; } /* mvp-page */ /* salon */ .salon-app-banner { background-repeat: repeat-x; padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .salon-app-banner .row { display: flex; } .salon-app-banner .col-md-6 { display: flex; align-items: center; justify-content: center; height: auto; } .salon-app-banner .salon-img { display: flex; justify-content: end; width: 100%; } .salon-app-banner .salon-img img { width: 100%; } .salon-app-banner .clients_slider img { filter: brightness(0) invert(1); } .top-notch img { max-width: 45px; } .top-notch ul.nav.nav-pills { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); } .top-notch .nav:before { display: none; } .top-notch h4 { color: #08223a; font-weight: 500; font-size: 18px; margin-bottom: 0; margin-top: 10px; line-height: 26px; } .top-notch h3 { color: #08223a; font-weight: 700; font-size: 35px; margin-bottom: 0; margin-top: 10px; line-height: 46px; } .top-notch .tab-content.clearfix { padding: 20px 15px; } .top-notch .tab-content.clearfix svg { border-radius: 0px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .top-notch h4 { color: #08223a; font-weight: 500; font-size: 18px; margin-bottom: 0; margin-top: 10px; line-height: 26px; } .top-notch .nav > li > a:focus, .top-notch .nav > li > a:hover { background-color: transparent; border-radius: 20px; box-shadow: none; } .top-notch .cd1 h4 { color: #fff; } .top-notch .cd1 img { filter: brightness(0) invert(1); } .cd1 { background: #08223a; } .cd2 { background: #eef3ff; } .cd1 h3, .cd1 p { color: #fff !important; } .cd2 h3, .cd2 p { color: #08223a !important; } .top-notch .cd1.box { grid-column: 4 / 2; } .top-notch ul.nav.nav-pills a { margin-bottom: 20px; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2); } .top-notch .nav-pills li.active a { color: #fff; background-color: #0080ff; border-radius: 0; } .top-notch .nav-pills li.active h3 { color: #fff; } .top-notch .nav-pills li.active img { filter: brightness(0) invert(1); } .top-notch .nav-pills > li + li { height: 100%; } .top-notch li.active h4 { color: #fff; } .top-notch li.cd2:hover { border-radius: 20px; } .top-notch li.cd1:hover { border-radius: 20px; } .top-notch li.cd1:hover a { box-shadow: none; } .top-notch li.cd2:hover a { box-shadow: none; } .top-notch p { font-weight: 500; color: #08223a; font-size: 17px; margin-bottom: 0; line-height: 29px; } .top-notch .tab-pane h3 { margin-bottom: 10px; } .top-notch .tab-content > .tab-pane { text-align: left; z-index: 1; position: relative; cursor: pointer; } .our-customized .col-md-12 { width: 100%; display: flex; height: auto; padding: 0; } section.our-customized .tab-content.clearfix svg { border-radius: 0px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } section.our-customized .tab-content.clearfix { background: #fff; padding: 30px 30px; border-radius: 0; } .our-customized .tab-pane.active { display: flex; height: auto; flex-direction: column; } .our-customized .tab-pane .row { display: flex; height: auto; } .our-customized .tab-pane .col-md-4 { display: flex; height: auto; } .our-customized .single-service { position: relative; margin-top: 30px; background-color: #eef3ff; border-radius: 10px; padding: 40px 30px; cursor: pointer; overflow: hidden; transition: all 0.3s; z-index: 1; } .our-customized .tab-content > .tab-pane { background: #fff; padding: 20px 30px; } .our-customized .single-service .content { position: relative; z-index: 20; } .our-customized .single-service .circle-before { position: absolute; top: 0; right: 0px; transform: translate(40%, -40%); width: 150px; height: 150px; background-color: #08223a; border: 6px solid #0080ff; border-radius: 50%; z-index: 10; transition: all 0.3s; } .our-customized .single-service:hover .circle-before { width: 100%; height: 100%; transform: none; border: 0; border-radius: 0; opacity: 1; } .our-customized .single-service .icon { display: inline-block; margin-bottom: 26px; width: 70px; height: 70px; background-color: #08223a; border-radius: 5px; line-height: 70px; text-align: center; color: #fff; font-size: 30px; transition: all 0.3s; } .our-customized .single-service .icon img { max-width: 45px; filter: brightness(0) invert(1); transition: all 0.3s; } .our-customized .single-service:hover .icon { background-color: #fff; color: #08223a; } .our-customized .single-service:hover .icon img { filter: none; } .our-customized .customize-heading h3 { color: #08223a; font-weight: 700; font-size: 28px; margin-bottom: 8px; line-height: 40px; text-align: left; transition: all 0.3s; } .our-customized .customize-heading p { text-align: left; font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; transition: all 0.3s; } .our-customized .single-service h4 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .our-customized .single-service p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .our-customized .single-service:hover p { color: #fff; } .our-customized .single-service:hover h4 { color: #fff; } .our-customized ul.nav.nav-pills { display: flex; flex-direction: row; justify-content: center; align-items: center; border: 3px solid #08223a; height: auto; border-radius: 6px; background-color: #08223a; border-radius: 0; border-bottom: none; } .our-customized .nav > li { width: 100%; height: 100%; text-align: center; display: flex; align-items: center; } .our-customized .nav-pills > li.active > a, .our-customized .nav-pills > li.active > a:focus, .our-customized .nav-pills > li.active > a:hover { color: #08223a; background-color: #fff; height: 100%; align-items: center; display: flex; border-radius: 0; } .our-customized .nav > li > a:hover { background-color: transparent; } .our-customized .nav > li > a { position: relative; display: block; padding: 10px 15px; font-size: 16px; font-weight: 600; color: #fff; } .trusted-company .trusted-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .trusted-company .trusted-sticky-box { position: relative; top: auto; border-radius: 12px; margin-bottom: 30px; } .trusted-company .trusted-sticky-box.cd1::before, .trusted-sticky-box.cd1::after { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 3px solid #eef3ff; transition: all 0.5s; animation: moving-border 6s infinite linear; border-radius: 10px; } .trusted-company .trusted-sticky-box.cd2::before, .trusted-sticky-box.cd2::after { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 3px solid #08223a; transition: all 0.5s; animation: moving-border 6s infinite linear; border-radius: 10px; } .trusted-company .trusted-sticky-box.cd1 img { filter: brightness(0) invert(1); } .taxi-cta .me_cta_Content h2 { color: #fff; font-weight: 800; font-size: 30px; margin: 0 0 30px; line-height: 45px; border-left: 10px solid #fff; padding-left: 20px; } @keyframes moving-border { 0%, 100% { clip-path: inset(0 0 98% 0); } 25% { clip-path: inset(0 98% 0 0); } 50% { clip-path: inset(98% 0 0 0); } 75% { clip-path: inset(0 0 0 98%); } } .bg::before { background: rgba(255, 215, 0, 0.5); } .trusted-company .main_box { display: flex; gap: 20px; padding: 30px 25px; align-items: center; border-radius: 12px; flex-direction: column; } .trusted-company .main_box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .trusted-company .main_box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .trusted-company img { max-width: 45px; } .trusted-company .trusted-content { width: 100%; text-align: center; } .why-need .slick-track { display: flex; gap: 20px; } .why-need .main-need-box img { width: 100%; } .why-need .row { display: flex; justify-content: center; } .why-need .slick-initialized .slick-slide { display: flex !important; align-items: center; } .why-need .main-need-box { height: auto; width: 200px; background-color: #eef3ff; position: relative; overflow: hidden; padding: 25px 20px; border: 3px solid #08223a; border-radius: 30px; } .why-need .main-need-box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .why-need .main-need-box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .why-need-slider.slick-initialized.slick-slider { display: flex; flex-direction: column; justify-content: center; } .why-need button.slick-next.slick-arrow { position: absolute; bottom: -50%; right: -55px; } .why-need button.slick-prev.slick-arrow { position: absolute; bottom: -50%; left: -40px; } .why-need .slick-next, .why-need .slick-prev { font-size: 0; line-height: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px\9; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: 0; background: #08223a; border-radius: 50%; height: 40px; width: 40px; } .why-need .slick-prev { left: 15px; } .why-need .slick-next, .why-need .slick-prev { z-index: 5; } .why-need .slick-dots, .slick-next, .why-need .slick-prev { position: absolute; display: block; padding: 0; } .why-need .slick-next:before, .why-need .slick-prev:before { font-size: 20px; line-height: 1; opacity: 0.75; color: #fff; } .why-need .slick-prev:before { content: "←"; } .why-need .slick-next:before { content: "→"; } .why-need .main-need-box::after { content: ""; position: absolute; display: block; width: 175px; height: 301px; object-fit: contain; background-image: url(../images/salon-app-development/mobile-vector-3.webp); background-repeat: no-repeat; background-position: right !important; opacity: 0.2; background-size: cover; background-position: center; right: 20px; animation: zoom-in-zoom-out 2s ease-out infinite; } .why-choose-service.salon .col-md-8 .tab-content svg { border-radius: 16px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; filter: brightness(0) invert(1); } .why-choose-service.salon .col-md-8 .tab-content { border: none; } /* salon */ /* logistic */ .best-logistics .col-md-6 { overflow: hidden; } .logistic-cta .img-cta-box { animation: linear infinite; animation-name: logisticrun; animation-duration: 3s; } @keyframes logisticrun { 50% { left: 100%; } 100% { left: 0; } } section.logistic-cta .col-md-4 { position: relative; padding: 0; } section.logistic-cta .me_cta_Content h2 { border-left: none; padding-left: 0; text-transform: capitalize; } section.logistic-cta .img-cta-box { position: relative; top: auto; bottom: 0; } .best-logistics .logic-img { position: relative; animation: turn 8s linear infinite; } .best-logistics img { width: 100%; height: auto; } @keyframes turn { 0% { left: 0px; } 50% { left: 90px; } 100% { left: 0px; } } .logistic-banner { background-repeat: repeat-x; padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: right; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .logistic-banner .logistic-img { display: flex; justify-content: center; width: 100%; } .logistic-banner .logistic-img img { width: 100%; } section.logistic-cta { background: #08223a; display: flex; align-items: center; position: relative; height: 295px; padding: 30px 0; } section.logistic-cta .row { display: flex; align-items: center; position: relative; } section.logistic-cta .img-cta-box { position: relative; top: auto; bottom: 0px; } section.logistic-cta .img-cta-box img { width: 100%; } .logistics-software ul { background: #08223a; padding: 40px 16px; border-radius: 20px; } .logistics-software ul li { border-left: 6px solid #08223a; padding: 15px 0; padding-left: 12px; } .logistics-software ul li:hover, .logistics-software ul li.active { border-left: 6px solid #fff; } .logistics-software ul li a { color: #fff; font-size: 18px; font-weight: 700; } .logistics-software .tab-contents { display: flex; height: auto; flex-direction: column; } .logistics-software .col-md-6 { display: flex; height: auto; } .logistics-software .logic-soft-img { margin-bottom: 30px; } .logistics-software .logic-soft-content h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .logistics-software .logic-soft-content p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .logistics-software .row.tabs { display: flex; align-items: center; } .logistics-software .row.tabs .col-md-7 { background: #fff; padding: 30px 16px; border-radius: 20px; display: flex; height: auto; } .logistics-software .nav-pills > li.active > a, .logistics-software .nav-pills > li.active > a:focus, .logistics-software .nav-pills > li.active > a:hover { color: #fff; background-color: transparent; } .logistics-software ul li { border-left: 6px solid #08223a; padding: 0; padding-left: 12px; margin-bottom: 10px; } .logistics-software .logic-soft-img img { width: 100%; border-radius: 20px; height: 400px; object-fit: cover; } .logistics-software .nav > li > a:focus, .logistics-software .nav > li > a:hover { background-color: transparent; } .logistics-software ul li a { color: #fff; font-size: 17px; font-weight: 600; line-height: 26px; } .advanced-technologies .advance-techno-cards { display: flex; flex-flow: row wrap; } .advanced-technologies .card { margin: 15px; width: calc((100% / 3) - 30px); transition: all 0.2s ease-in-out; } .advanced-technologies .card:hover .card__inner { background-color: #eef3ff; transform: scale(1.05); } .advanced-technologies .card.is-collapsed-box img { max-width: 45px; filter: brightness(0) invert(1); } .advanced-technologies .card:hover img { filter: none; max-width: 45px; } .advanced-technologies .card__inner { width: 100%; padding: 30px; position: relative; cursor: pointer; background-color: #08223a; text-align: center; height: 185px; position: relative; transition: all 0.2s ease-in-out; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .advanced-technologies .card__inner::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 7px; width: 0px; content: ""; background: #fff; animation: border-line 1500ms infinite; } @keyframes border-line { from { width: 0; } to { width: 100%; } } .advanced-technologies .card__expander { transition: all 0.2s ease-in-out; background-color: #08223a; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .advanced-technologies .card__expander .fa { font-size: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; color: #fff; } .advanced-technologies .card__inner.js-expander-box img { max-width: 45px; margin-bottom: 15px; } .advanced-technologies .card.is-inactive:hover .card__inner img { filter: brightness(0) invert(1); } .advanced-technologies .card.is-collapsed-box.is-inactive:hover h3 { color: #fff; } .is-expanded .card__inner.js-expander-box h3 { color: #08223a; } .advanced-technologies h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .advanced-technologies .card:hover h3 { color: #08223a; } .advanced-technologies .card__expander p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .advanced-technologies .card.is-collapsed-box .card__inner:after { content: ""; opacity: 0; } .advanced-technologies .card.is-collapsed-box .card__expander { max-height: 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 0; } .advanced-technologies .card.is-expanded .card__inner { background-color: #eef3ff; } .advanced-technologies .card.is-expanded .card__inner:after { content: ""; opacity: 1; display: block; height: 0; width: 0; position: absolute; bottom: -30px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #08223a; } .advanced-technologies .card.is-expanded .card__inner .fa:before { content: "\f115"; } .advanced-technologies .card.is-expanded .card__expander { max-height: 1000px; min-height: 200px; overflow: visible; margin-top: 30px; opacity: 1; padding: 0 60px; } .advanced-technologies .card.is-inactive .card__inner { pointer-events: none; opacity: 0.5; } .advanced-technologies .card.is-inactive:hover .card__inner { background-color: #08223a; } /* logistic */ /* insurance */ .complete-range .range-items .range-icon { display: flex; justify-content: center; margin-bottom: 20px; } .new-btn-color .newbtn_design { background: #08223a; } .complete-range .range-items .range-icon img { max-width: 45px; } .complete-range .range-items { background: #08223a; text-align: center; padding: 40px 25px; } .complete-range .range-items h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .complete-range .range-items p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .complete-range [type="button"] { position: fixed; top: auto; width: 50px; height: 50px; text-indent: -9999px; background-color: #08223a; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.25s ease; bottom: -70px; display: flex !important; } .range-slider.circles-bg.slick-initialized.slick-slider { display: flex; justify-content: center; align-items: center; } .complete-range .slick-next { position: absolute; background-image: url(../images/insurance-development/b.webp); margin-left: 60px; bottom: -70px; } .complete-range .slick-prev { margin-right: 60px; position: absolute; background-image: url(../images/insurance-development/a.webp); } .complete-range .circles-bg { overflow: visible; } .complete-range button { background-color: transparent; padding: 10px 14px 10px 14px; } .complete-range button:hover { background-color: #08223ae8; } .mobile-insurance .insurance-box { display: block; border: 2px solid #d5d5d5; border-radius: 12px; text-align: center; background: #08223a; padding: 20px; position: relative; margin-bottom: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .mobile-insurance .insurance-box .insurance-icon { margin-bottom: 20px; } .mobile-insurance .insurance-box .insurance-icon img { max-width: 45px; } .mobile-insurance .container { display: flex; flex-direction: column; } .mobile-insurance .row { display: flex; height: auto; overflow: hidden; } .mobile-insurance .col-md-3 { display: flex; height: auto; } .mobile-insurance .col-md-4 { display: flex; height: auto; } .mobile-insurance .insurance-box:before { display: block; content: ""; border-radius: 0 0 12px 0px; width: 9%; height: 17%; position: absolute; bottom: -2px; right: -2px; border-bottom: 6px solid #ffffff; border-right: 6px solid #ffffff; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .mobile-insurance .insurance-box:after { display: block; content: ""; border-radius: 12px 0 0 0; width: 9%; height: 17%; position: absolute; top: -2px; left: -2px; border-top: 6px solid #ffffff; border-left: 6px solid #ffffff; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .mobile-insurance .insurance-box:hover { opacity: 1; border-color: #d5d5d5; } .mobile-insurance .insurance-box:hover:before, .mobile-insurance .insurance-box:hover:after { width: 95%; height: 90%; } .mobile-insurance .insurance-box h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .mobile-insurance .insurance-box p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; } .choose-insurance .newheading { margin-bottom: 0px !important; } .choose-insurance .container { display: flex; align-items: center; } .choose-insurance .choose-insur-img img { width: 100%; } .choose-insurance .row { display: flex; align-items: center; } .circles-bg .area { background: #05081a; background: linear-gradient(to left, #8f94fb, #4e54c8); width: 100%; } .circles-bg { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .circles-bg .area li { position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: animate-bg 25s linear infinite; bottom: -150px; } .circles-bg .area li:nth-child(1) { left: 25%; width: 80px; height: 80px; animation-delay: 0s; } .circles-bg .area li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .circles-bg .area li:nth-child(3) { left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .circles-bg .area li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .circles-bg .area li:nth-child(5) { left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .circles-bg .area li:nth-child(6) { left: 75%; width: 110px; height: 110px; animation-delay: 3s; } .circles-bg .area li:nth-child(7) { left: 35%; width: 150px; height: 150px; animation-delay: 7s; } .circles-bg .area li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles-bg .area li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .circles-bg .area li:nth-child(10) { left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } @keyframes animate-bg { 0% { transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100% { transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } } .what-make-us .container-box { background: #fff; box-shadow: 0px 39px 73px rgba(0, 0, 0, 0.08); border-radius: 55px; padding: 0; display: flex; height: auto; } .what-make-us .container .row { display: flex; } .what-make-us .container .row li { padding: 5px 0; position: relative; } .what-make-us .container .row li a { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 0px; line-height: 24px; } .what-make-us .container .tab-content h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 0px; line-height: 24px; } .what-make-us .container .tab-content p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; } .what-make-us .container .col-md-7 { background: #08223a; padding: 0; border-radius: 0 55px 55px 0px; } .what-make-us .nav-pills > li.active > a, .what-make-us .nav-pills > li.active > a:focus, .what-make-us .nav-pills > li.active > a:hover { background-color: transparent; } .what-make-us .nav > li > a:focus, .what-make-us .nav > li > a:hover { background-color: transparent; } .what-make-us .container .col-md-7 .tab-content.clearfix { padding: 30px 40px; position: relative; } .what-make-us .container .col-md-5 { padding: 0; display: flex; justify-content: center; } .what-make-us .container .col-md-5 ul { padding: 30px 20px 30px 50px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .what-make-us .container .row li:after, .what-make-us .container .row li.active:after { position: absolute; content: ""; background: #08223a; width: 22px; height: 22px; border-radius: 50%; left: -34px; top: 0; bottom: 0; margin: auto; border: 5px solid #e7f3fa; } .what-make-us .container .row li:hover:after { background: transparent linear-gradient(270deg, #0080ff 0%, #0080ff 100%) 0% 0% no-repeat padding-box; } .what-make-us .container .what-make-icon { position: relative; margin-left: auto; margin-bottom: 30px; } .what-make-us .container .row .what-make-icon img { width: 100%; object-fit: cover; border-radius: 30px; position: relative; } @keyframes wiggle { 0% { transform: rotateZ(5deg); } 50% { transform: rotateZ(-10deg); } 100% { transform: rotateZ(5deg); } } .app-development-technologies .custom-box { text-align: left; margin: 15px; padding: 50px; background-color: transparent; border: 3px solid #08223a; border-top: 20px solid #08223a; border-bottom: 20px solid #08223a; border-radius: 50px; position: relative; z-index: 1; } .app-development-technologies .custom-box:after { content: ""; position: absolute; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; transform: scaleY(0); transform-origin: bottom center; background-color: #08223a; border-color: #fff; border-radius: 30px; z-index: -1; transition: transform 0.3s; } .app-development-technologies .custom-box:hover::after { transform: scaleY(1); } .app-development-technologies .custom-box img { height: 50px; width: 50px; } .app-development-technologies .custom-box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .app-development-technologies .custom-box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .app-development-technologies .custom-box:hover h3 { color: #fff; } .app-development-technologies .custom-box:hover p { color: #fff; } .app-development-technologies .custom-box .dev_img { margin-bottom: 20px; } .app-development-technologies .custom-box:hover .dev_img img { filter: brightness(0) invert(1); } .how-we-develop ul li { display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; padding: 20px 0; position: sticky; top: 0; background-color: #fff; } .how-we-develop .col-md-4 { position: sticky; top: 110px; } .how-we-develop ul li p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .how-we-develop ul li h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .how-we-develop ul li span { -webkit-text-stroke: 2px #0080ff; font-size: 44px; font-weight: 900; color: transparent; line-height: normal; margin-top: -5px; } .how-we-develop .how-we-list { position: relative; padding: 20px; background-color: #fff; } .how-we-develop .how-img img { width: 100%; position: sticky; object-fit: contain; } .how-we-develop .how-img { position: relative; padding-left: 24px; } .how-we-develop .how-img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #08223a; border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%; animation: sliderShape 5s linear infinite; display: block; z-index: -1; animation: sliderShape 5s linear infinite; } @keyframes sliderShape { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } .insurance-app .process-box { background: #fff; padding: 10px; height: 135px; border-radius: 15px; position: relative; box-shadow: 2px 2px 7px 0 #00000057; } .insurance-app .process-left:after { content: ""; border-top: 15px solid #ffffff; border-bottom: 15px solid #ffffff; border-left: 15px solid #ffffff; border-right: 15px solid #ffffff; display: inline-grid; position: absolute; right: -15px; top: 42%; transform: rotate(45deg); box-shadow: 3px -2px 3px 0px #00000036; z-index: 1; } .insurance-app .process-right:after { content: ""; border-top: 15px solid #ffffff00; border-bottom: 15px solid #ffffff; border-left: 15px solid #ffffff; border-right: 15px solid #ffffff00; display: inline-grid; position: absolute; left: -15px; top: 42%; transform: rotate(45deg); box-shadow: -1px 1px 3px 0px #0000001a; z-index: 1; } .insurance-app .process-step { background: #0080ff; text-align: center; width: 80%; margin: 0 auto; color: #fff; height: 100%; padding-top: 8px; position: relative; top: -26px; border-radius: 0px 0px 10px 10px; box-shadow: -6px 8px 0px 0px #00000014; } .insurance-app .process-point-right { background: #ffffff; width: 25px; height: 25px; border-radius: 50%; border: 8px solid #0080ff; box-shadow: 0 0 0px 4px #08223a; margin: auto 0; position: absolute; bottom: 40px; left: -63px; } .insurance-app .process-point-right:before { content: ""; height: 144px; width: 11px; background: #08223a; display: inline-grid; transform: rotate(36deg); position: relative; left: -50px; top: -0px; } .insurance-app .process-point-left { background: #ffffff; width: 25px; height: 25px; border-radius: 50%; border: 8px solid #0080ff; box-shadow: 0 0 0px 4px #08223a; margin: auto 0; position: absolute; bottom: 40px; right: -63px; } .insurance-app .process-point-left:before { content: ""; height: 144px; width: 11px; background: #08223a; display: inline-grid; transform: rotate(-38deg); position: relative; left: 50px; top: 0px; } .insurance-app .process-last:before { display: none; } .insurance-app .process-box p { z-index: 9; font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .insurance-app .process-step p { font-size: 20px; } .insurance-app .process-step:after { content: ""; border-top: 8px solid #04889800; border-bottom: 8px solid #048898; border-left: 8px solid #04889800; border-right: 8px solid #048898; display: inline-grid; position: absolute; left: -16px; top: 0; } .insurance-app .process-step:before { content: ""; border-top: 8px solid #ff000000; border-bottom: 8px solid #048898; border-left: 8px solid #048898; border-right: 8px solid #ff000000; display: inline-grid; position: absolute; right: -16px; top: 0; } .insurance-app h4 { font-size: 40px; } .excel-business { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; background-size: cover; color: white; font-family: sans-serif; font-weight: 200; z-index: 1; } .excel-business .container { border: 12px solid #fff; border-radius: 40px; padding: 20px 20px; background: #e7f3fa; position: relative; z-index: 1; } .excel-business .container .newheading { margin-bottom: 0px !important; } .all-background-shapes { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 5076px; background-size: 100%; animation: 120s infiniteScroll linear infinite; background-repeat: repeat; background-image: url(../images/insurance-development/Header_Circles-1.webp); } @keyframes infiniteScroll { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -1692px, 0); transform: translate3d(0, -1692px, 0); } } .awards-section.insurance-award .logo-img.slick-slide { border: 1px solid #08223a; border-top: 4px solid #08223a; } /* insurance */ /* airbnb */ .airbnb-app-banner { padding: 110px 0 0px !important; position: relative; z-index: 1; overflow: hidden; display: flex; align-items: center; background: #08223a; } .airbnb-app-banner .mebanner_content { text-align: left; padding-right: 15px; padding-left: 14%; margin-right: auto; margin-left: auto; margin-bottom: 40px; } .airbnb-app-banner .container-fluid { padding: 0; display: flex; align-items: center; } .airbnb-app-banner .container-fluid .row { display: flex; align-items: center; } .airbnb-app-banner .airbnb-bg img { width: 100%; } .need-airbnb .need-airbnb-card { position: relative; display: flex; justify-content: center; cursor: pointer; width: 100%; padding: 30px 20px; background: #08223a; box-shadow: 0 0 6px 0 rgba(32, 32, 36, 0.12); transition: all 0.35s ease; margin-bottom: 20px; } .need-airbnb .need-airbnb-card:hover { background-color: #fff; } .need-airbnb .need-airbnb-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; background: #08223a; height: 4px; } .need-airbnb .need-airbnb-card::before { width: 0; opacity: 0; transition: opacity 0 ease, width 0 ease; transition-delay: 0.5s; } .need-airbnb .need-airbnb-card::after { width: 100%; background: white; transition: width 0.5s ease; } .need-airbnb .need-airbnb-card .content { width: auto; } .need-airbnb .need-airbnb-card .hover_content { overflow: hidden; max-height: 0; transform: translateY(1em); transition: all 0.55s ease; } .need-airbnb .need-airbnb-logo { display: flex; justify-content: center; } .need-airbnb .need-airbnb-logo img { max-width: 45px; filter: brightness(0) invert(1); } .need-airbnb .need-airbnb-card:hover .need-airbnb-logo img { filter: none; } .need-airbnb .need-airbnb-card:hover { box-shadow: 0 10px 20px 0 rgba(32, 32, 36, 0.12); } .need-airbnb .need-airbnb-card:hover::before { width: 100%; opacity: 1; transition: opacity 0.5s ease, width 0.5s ease; transition-delay: 0; } .need-airbnb .need-airbnb-card:hover::after { width: 0; opacity: 0; transition: width 0 ease; } .need-airbnb .need-airbnb-card:hover .need-airbnb-logo { margin-bottom: 0.5em; } .need-airbnb .need-airbnb-card:hover .hover_content { max-height: 10em; transform: none; } .need-airbnb .need-airbnb-card h3 { color: #fff; font-weight: 700; margin: 15px 0; font-size: 18px; line-height: 28px; text-align: center; } .need-airbnb .need-airbnb-card:hover h3 { color: #08223a; } .need-airbnb .need-airbnb-card p { color: #08223a; font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 24px; text-align: center; } .airbnb-features img { width: 100%; position: relative; z-index: 3; } .airbnb-features .icon img { max-width: 45px; filter: brightness(0) invert(1); } .airbnb-features .airbnb-features-items h3 { color: #fff; font-weight: 700; margin: 15px 0; font-size: 18px; line-height: 28px; } .airbnb-features .airbnb-features-items p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 24px; } .airbnb-features .container-fluid { margin-bottom: 50px; max-width: 1300px; margin-bottom: 50px; } .airbnb-features .container-fluid .col-md-12 { padding: 0; margin: 0; width: 100%; } .airbnb-features .airbnb-features-items .row { display: flex; align-items: center; } .featured { width: 90% !important; } .airbnb-features .slick-slide { margin: 0 15px; background: #08223a; padding: 40px 80px; border-radius: 20px; position: relative; z-index: -1; overflow: hidden; } .airbnb-features .slick-slide:after { position: absolute; content: ""; background-image: url("../images/airbnb-development/prtfolio_wave.png"); inset: 0; background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 2; animation: airbnbmove 3s infinite ease-in-out; } @keyframes airbnbmove { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-20px) translateX(20px); } 100% { transform: translateY(0) translateX(0); } } .airbnb-features .slick-next, .airbnb-features .slick-prev { position: absolute; top: unset; bottom: -70px; right: -80px; left: 0; margin: auto; border: 1px solid #e1e1e1 !important; width: 50px !important; height: 50px !important; background: #fff !important; transition: ease-in-out 0.5s; text-indent: -9999px; } .airbnb-features .slick-next:before, .airbnb-features .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .airbnb-features .slick-prev, .airbnb-features .slick-next { font-size: 0; line-height: 0; position: absolute; top: 100%; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; } .airbnb-features .slick-prev { transform: scaleX(-1); z-index: 1; right: 40px; } .airbnb-features button.slick-next.slick-arrow { transform: scaley(-1); } .airbnb-process .row .col-md-5 { position: sticky; top: 110px; } .airbnb-process .row .newheading { margin-bottom: 0px !important; } .airbnb-process .airbnb-process-list ul li { padding: 0 20px; cursor: pointer; position: sticky; top: 110px; } .airbnb-process .col-md-6 { position: sticky; top: 180px; } .airbnb-process .airbnb-process-list::-webkit-scrollbar { display: none; } .airbnb-process .airbnb-process-img img { width: 100%; } .airbnb-process .num { background-repeat: no-repeat; max-width: 60px; object-fit: contain; display: flex; align-items: center; justify-content: center; background-position: center; background-image: url("../images/airbnb-development/icon-bg.webp"); height: 65px; max-width: 70px; position: relative; bottom: -25px; z-index: 1; position: relative; right: auto; left: 86%; } .rotate-animation { animation: wave-animation 2.5s linear infinite; } @keyframes wave-animation { 0% { transform: rotate(0); } 15% { transform: rotate(14deg); } 30% { transform: rotate(-8deg); } 40% { transform: rotate(14deg); } 50% { transform: rotate(-4deg); } 60% { transform: rotate(10deg); } 70% { transform: rotate(-2deg); } 100% { transform: rotate(0); } } .airbnb-process .icon img { max-width: 45px; margin-bottom: 20px; } .airbnb-process .airbnb-process-content { background: #fff; padding: 30px 40px; position: relative; } .airbnb-process .airbnb-process-content::after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; background-color: #0080ff; right: -10px; top: 10px; } .airbnb-process .airbnb-process-content h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .airbnb-process .airbnb-process-content p { color: #08223a; font-weight: 500; font-size: 16px; margin-bottom: 10px; line-height: 24px; } .airbnb-process span { font-size: 20px; font-weight: 500; color: #08223a; } .customized-white-lable div#exTab1 ul { display: flex; justify-content: center; gap: 12px; padding-bottom: 0px; } .customized-white-lable .col-md-4.list-tab li.active { background: #fff; } .customized-white-lable .list-tab ul { display: flex; justify-content: center; flex-direction: column; gap: 0 !important; } .customized-white-lable .nav-pills > li.active > a, .customized-white-lable .nav-pills > li.active > a:focus, .customized-white-lable .nav-pills > li.active > a:hover { color: #fff; background-color: #08223a; font-size: 16px; font-weight: 500; } .customized-white-lable .nav > li > a { position: relative; display: block; padding: 15px 25px; border: 2px solid #08223a; color: #08223a; background-color: transparent; font-size: 16px; font-weight: 500; border-radius: 0; } .customized-white-lable ul.nav.nav-tabs .nav-pills > li.active > a, .customized-white-lable ul.nav.nav-tabs .nav-pills > li.active > a:focus, .customized-white-lable ul.nav.nav-tabs .nav-pills > li.active > a:hover { color: #fff !important; background-color: #08223a !important; font-size: 16px; font-weight: 500; } .customized-white-lable ul.nav.nav-tabs a { position: relative; display: block; padding: 15px 25px; border: 2px solid #fff; color: #fff; background-color: transparent; font-size: 16px; font-weight: 500; border-radius: 0; } .customized-white-lable .tab-content > .active { padding: 30px 40px; } .circle-svg__main { stroke-dasharray: 622; stroke-dashoffset: 622; -webkit-animation: 5s linear alternate forwards dash; animation: 5s linear alternate forwards dash; opacity: 1; } .customized-white-lable img { width: 100%; margin-bottom: 30px; } .customized-white-lable .tab-content h3 { color: #fff; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .customized-white-lable .tab-content p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 10px; line-height: 24px; } .customized-white-lable .tab-content.clearfix { background: linear-gradient(-45deg, #06c, #08223a, #333, #0080ff); background-size: 400% 400%; animation: bg-gradient 5s ease infinite; } @keyframes bg-gradient { 0% { background-position: 0%; } 100% { background-position: 100%; } } .customized-white-lable .col-md-4.list-tab ul.nav.nav-tabs li.active a { color: #08223a; } .customized-white-lable div#exTab2 .tab-content { background: #fff !important; } .customized-white-lable div#exTab3 .tab-content { background: #fff !important; } .customized-white-lable div#exTab4 .tab-content { background: #fff !important; } .customized-white-lable div#exTab2 .col-md-6 { padding: 0; margin: 0; } .customized-white-lable div#exTab2 .tab-content h3 { color: #08223a !important; } .customized-white-lable div#exTab2 .tab-content p { color: #08223a !important; } .customized-white-lable div#exTab2 .tab-content { background: #fff !important; border-radius: 0px 20px 20px 0px; } .customized-white-lable div#exTab3 .col-md-6 { padding: 0; margin: 0; } .customized-white-lable div#exTab3 .tab-content h3 { color: #08223a !important; } .customized-white-lable div#exTab3 .tab-content p { color: #08223a !important; } .customized-white-lable div#exTab3 .tab-content { background: #fff !important; border-radius: 0px 20px 20px 0px; } .customized-white-lable div#exTab4 .col-md-6 { padding: 0; margin: 0; } .customized-white-lable div#exTab4 .tab-content h3 { color: #08223a !important; } .customized-white-lable div#exTab4 .tab-content p { color: #08223a !important; } .customized-white-lable div#exTab4 .tab-content { background: #fff !important; border-radius: 0px 20px 20px 0px; } .customized-white-lable div#exTab3 { display: flex; height: auto; } .customized-white-lable div#exTab4 { display: flex; height: auto; } .customized-white-lable div#exTab3 .tab-content { display: flex; height: 100%; } .customized-white-lable div#exTab4 .tab-content { display: flex; height: 100%; } .customized-white-lable .col-md-4.list-tab li { margin-bottom: 20px; } .customized-white-lable .nav-tabs { border-bottom: none; } .customized-white-lable .tab-content > .active { display: flex; flex-direction: column; height: auto; } .customized-white-lable div#exTab2 { display: flex; height: auto; } .customized-white-lable div#exTab2 .col-md-4 { padding: 0; margin: 0; display: flex; } .customized-white-lable div#exTab1 ul { width: 100%; } .customized-white-lable .col-md-4.list-tab li:last-child { margin-bottom: 0; } .customized-white-lable ul.nav.nav-tabs a { margin: 0; } .how-airbnb-clone .clone-img-box img { width: 100%; } .how-airbnb-clone .clone-list img { max-width: 45px; filter: brightness(0) invert(1); margin-bottom: 20px; } .how-airbnb-clone .clone-list h3 { color: #fff; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .how-airbnb-clone .clone-list p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 10px; line-height: 24px; } .how-airbnb-clone .clone-list ul li { background: #08223a; padding: 20px 20px; cursor: pointer; margin-bottom: 20px; background-image: linear-gradient( to left, transparent, transparent 50%, #eef3ff 50%, #eef3ff ); background-position: 100% 0; background-size: 200% 100%; transition: all 0.25s ease-in; position: sticky; top: 110px; } .how-airbnb-clone .col-md-5 { position: sticky; top: 110px; } .how-airbnb-clone .clone-list ul li:hover { background-position: 0 0; color: #0080ff; } .how-airbnb-clone .clone-list ul li:hover h3 { color: #08223a; } .how-airbnb-clone .clone-list ul li:hover p { color: #08223a; } .how-airbnb-clone .clone-list ul li:hover img { filter: none; } .how-airbnb-clone .clone-list::-webkit-scrollbar { display: none; } .airbnb-indudtry .main-industry h3 { color: #fff; font-weight: 700; margin: 5px 0; font-size: 18px; line-height: 28px; } .airbnb-indudtry .main-industry { margin-left: 100px; padding: 200px 0; display: flex; } .industry-item.one { z-index: 9000; background-color: #08223a; } .industry-item.two { z-index: 9000; background-color: #eef3ff; } .industry-item.one .circle { background-color: #08223a; } .industry-item.two .circle { background-color: #eef3ff; } .industry-item.one .arrow-end { border-left: 15px solid #08223a; } .industry-item.two .arrow-end { border-left: 15px solid #eef3ff; } .airbnb-indudtry .main-industry .industry-item { position: relative; width: 150px; height: 30px; display: flex; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) { width: 75px; } .airbnb-indudtry .main-industry .arrow-end { position: absolute; right: -15px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .airbnb-indudtry .main-industry .circle { position: absolute; background-position: center center; border-radius: 25px; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 50px; height: 50px; box-shadow: 0 0 12px 0px #4d4d4d; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) .circle { left: 0; } .airbnb-indudtry .main-industry .inner-circle { transform: translate(-50%, -50%); top: 50%; background-position: center center; content: ""; display: block; position: absolute; width: 32px; height: 32px; 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; } .airbnb-indudtry .main-industry .buble-content { overflow: hidden; text-align: center; position: absolute; background-color: #fff; box-shadow: 0 0 12px 0px #4d4d4d; width: 165px; height: auto; } .airbnb-indudtry .main-industry .industry-item:nth-child(odd) .buble-content { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; top: -185px; } .airbnb-indudtry .main-industry .industry-item:nth-child(even) .buble-content { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; bottom: -190px; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) .buble-content { left: -75px; } .airbnb-indudtry .main-industry .content-year { padding: 5px; color: #fff; font-size: 20px; background-color: #08223a; } .airbnb-indudtry .main-industry .industry-item:nth-child(even) .content-year-bottom { width: 100%; bottom: 0; } .airbnb-indudtry .main-industry .content { margin: auto 0; padding: 5px; color: #000; font-size: 18px; height: 60px; display: block; position: relative; } .airbnb-indudtry .main-industry .grey-line { position: absolute; transform: translate(-50%, -50%); width: 2px; height: 80px; background-color: #08223a; } .airbnb-indudtry .main-industry .industry-item:nth-child(odd) .grey-line { top: -30px; left: 50%; } .airbnb-indudtry .main-industry .industry-item:nth-child(even) .grey-line { bottom: -130px; left: 50%; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) .grey-line { left: 0; } .airbnb-indudtry .main-industry .industry-img-box { padding: 20px 0; } .airbnb-indudtry .main-industry .industry-img-box img { max-width: 45px; animation: wave-animation 2.5s linear infinite; } /* real-estate */ .real-estate.datingnew_banner .container { height: 100%; } .real-estate.datingnew_banner .container .row { display: flex; height: 100%; } .real-estate.datingnew_banner .container .row .datingnew_img { bottom: 0; max-width: 100%; } .real-estate.datingnew_banner .container .row .datingnew_img img { width: 100%; } .real-estate.datingnew_banner { position: relative; background: #08223a; overflow: hidden; height: 700px; } .real-estate.datingnew_banner .datingnew_left { padding-bottom: 100px; } .transform-real-img-box img { width: 100%; } .transform-real-estate h3 { color: #08223a; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .transform-real-estate p { color: #08223a; font-weight: 500; font-size: 15px; margin-bottom: 10px; line-height: 24px; } .pearks_dating.top-notch-box .pearks_box { display: flex; flex-direction: column; } .pearks_dating.top-notch-box .pearks_content { padding-left: 0; width: 100%; } .WorkOnly_Techgropse.real-box .WorkOnly_left { background-color: #08223a; } .WorkOnly_Techgropse.real-box .WorkOnly_left p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 25px; line-height: 30px; } .type-of-real-estate .accordion:hover .accordion-item:hover .accordion-item-content, .type-of-real-estate .accordion .accordion-item--default .accordion-item-content { height: auto; transition: 0.5s; } .type-of-real-estate .accordion-item-content, .type-of-real-estate .accordion .accordion-item-head:hover .accordion-item-content { height: 0; overflow: hidden; transition: height 0.25s; } .type-of-real-estate .type-img-box img { width: 100%; } .type-of-real-estate .accordion-item { cursor: pointer; padding: 20px 0; } .type-of-real-estate h3 { color: #08223a; font-weight: 700; margin: 10px 0px; font-size: 18px; line-height: 28px; } .type-of-real-estate p { color: #08223a; font-weight: 500; font-size: 15px; margin-bottom: 10px; line-height: 24px; } .type-of-real-estate .accordion { border-left: 2px solid #08223a; padding-left: 45px; } .type-of-real-estate .type-icon img { max-width: 45px; filter: brightness(0) invert(1); } .type-of-real-estate .accordion-item-head { display: flex; gap: 10px; align-items: center; } .type-of-real-estate .type-icon { position: absolute; left: 1%; background: #08223a; padding: 10px; } .type-of-real-estate .main-type { padding-left: 25px; } .type-of-real-estate .accordion .accordion-item-head:hover .type-icon img { filter: none; } .type-of-real-estate .accordion .accordion-item-head:hover .type-icon { background-color: #fff; border: 1px solid #08223a; } .type-of-real-estate .accordion-item.accordion-item--default .type-icon img { filter: none; } .type-of-real-estate .accordion-item.accordion-item--default .type-icon { background-color: #fff; border: 1px solid #08223a; } .health-slider-text .carousel-indicators { margin-bottom: 50px; } .forDashboared { background-color: #08223a; } .etsate-cost .costimg img { width: 100%; } .etsate-cost .pricing-palden .pricing-item { cursor: pointer; color: #08223a; background: #fff; box-shadow: 0 0 10px rgba(46, 59, 125, 0.23); border-radius: 20px 20px 10px 10px; margin: 1em; } .etsate-cost .pricing-palden .pricing-deco { border-radius: 10px 10px 0 0; background: linear-gradient(135deg, #0080ff, #08223a); padding: 4em 0 8em; position: relative; } .etsate-cost .pricing-palden .pricing-deco-img { position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; } .etsate-cost .head-cost img { max-width: 45px; } .etsate-cost .pricing-palden .deco-layer { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .etsate-cost .pricing-palden .pricing-item:hover .deco-layer--1 { -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } .etsate-cost .pricing-palden .pricing-item:hover .deco-layer--2 { -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } .etsate-cost .etsate-cost .flex { justify-content: center; align-items: center; text-align: center; } .etsate-cost table, .etsate-cost th, .etsate-cost td { border: 1px solid #08223a; width: 100%; } .etsate-cost .head-cost { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; } .etsate-cost .head-cost h3 { color: #fff; font-weight: 700; font-size: 26px; } .etsate-cost table, .etsate-cost th, .etsate-cost td { border: 1px solid #08223a; text-align: center; } .etsate-cost table th { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; padding: 20px 20px; } .etsate-cost table td { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; padding: 20px 20px; } .WorkOnly_Techgropse.real-box .WorkOnly_left { background-image: url("../images/realestate/Must-Have-Features-In-Real-Estate-Applications.webp"); height: 100%; width: 100%; background-size: cover; background-position: center; background-color: transparent !important; } .WorkOnly_Techgropse.real-box .WorkOnly_sticky { padding: 0; } .WorkOnly_Techgropse.real-box .newbtn_design { padding: 5px 60px 5px 50px !important; } .WorkOnly_Techgropse.real-box .WorkOnly_left::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #08223ae6; } .WorkOnly_Techgropse.real-box .WorkOnly_left h2 { color: #fff; font-weight: 800; font-size: 36px; margin: 0 0 20px; line-height: 54px; position: relative; z-index: 1; } .WorkOnly_Techgropse.real-box .WorkOnly_left p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 25px; line-height: 30px; position: relative; z-index: 1; } .WorkOnly_Techgropse.real-box .newbtn_design { background: #0080ff; color: rgba(255, 255, 255, 1) !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; z-index: 1; } .pearks_dating.top-notch-box .pearks_box .circle-before { position: absolute; top: 0; right: 0px; transform: translate(40%, -40%); width: 150px; height: 150px; background-color: #08223a; border: 6px solid #0080ff; border-radius: 50%; z-index: 10; transition: all 0.3s; } .pearks_dating.top-notch-box .pearks_box { position: relative; margin-top: 30px; background-color: #fff; border-radius: 10px; padding: 40px 30px; cursor: pointer; overflow: hidden; transition: all 0.3s; } .pearks_dating.top-notch-box .pearks_box:hover .circle-before { width: 100%; height: 100%; transform: none; border: 0; border-radius: 0; opacity: 1; } .pearks_dating.top-notch-box .pearks_box:hover h3 { color: #fff; z-index: 11; position: relative; } .pearks_dating.top-notch-box .pearks_box:hover p { color: #fff; z-index: 11; position: relative; } .pearks_dating.top-notch-box .pearks_dating.top-notch-box .pearks_content { padding-left: 0; width: 100%; position: relative; z-index: 11; } .pearks_dating.top-notch-box .pearks_icon { position: relative; z-index: 11; } .pearks_dating.top-notch-box .pearks_box:hover .circle-before { width: 100%; height: 100%; transform: none; border: 0; border-radius: 0; opacity: 1; } .type-of-real-estate .accordion-item-content, .type-of-real-estate .accordion .accordion-item-head:hover .accordion-item-content { transition: 0.3s all; } .transform-real-img-box::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #0080ff; border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%; animation: sliderShape 5s linear infinite; display: block; z-index: -1; animation: sliderShape 5s linear infinite; } .etsate-cost .pricing-palden .pricing-deco { border-radius: 10px 10px 0 0; background: linear-gradient(135deg, #08223a, #121526) !important; padding: 4em 0 8em !important; position: relative; } .etsate-cost .pricing-palden .pricing-item { cursor: pointer; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; } .etsate-cost table, .etsate-cost th, .etsate-cost td { border: none !important; } .etsate-cost tr { border-bottom: 1px solid #08223a; } .type-of-real-estate .type-icon { position: absolute; left: 1%; background: #08223a; padding: 10px; border-radius: 50%; padding: 14px; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; } .type-of-real-estate .type-icon img { max-width: 35px !important; animation: wave-animation 2.5s linear infinite; } .type-of-real-estate .accordion { border-left: 4px solid #08223a14 !important; padding-left: 45px; } .real-estate-progress .progress_inner { position: relative; left: 0; right: 0; top: 50%; transform: translateY(10%); margin: auto; height: auto; width: auto; } .real-estate-progress .progress_inner__step { width: 12.5%; font-size: 14px; padding: 0 10px; transition: all 0.4s; float: left; text-align: center; position: relative; } .real-estate-progress .progress_inner__step label { padding-top: 50px; top: -10px; display: block; position: relative; cursor: pointer; } .real-estate-progress .progress_inner__step:hover { color: #0080ff; } .real-estate-progress .progress_inner__step:before { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; width: 60px; height: 60px; color: #0080ff; background: #fff; line-height: 30px; border: 3px solid #0080ff; font-size: 12px; top: 3px; border-radius: 100%; transition: all 0.4s; cursor: pointer; pointer-events: none; display: flex; justify-content: center; align-items: center; } .real-estate-progress .progress_inner__step:nth-child(1):before { content: "step-1"; } .real-estate-progress .progress_inner__step:nth-child(2):before { content: "step-2"; } .real-estate-progress .progress_inner__step:nth-child(3):before { content: "step-3"; } .real-estate-progress .progress_inner__step:nth-child(4):before { content: "step-4"; } .real-estate-progress .progress_inner__step:nth-child(5):before { content: "step-5"; } .real-estate-progress .progress_inner__step:nth-child(6):before { content: "step-6"; } .real-estate-progress .progress_inner__step:nth-child(7):before { content: "step-7"; } .real-estate-progress .progress_inner__step:nth-child(8):before { content: "step-8"; } .real-estate-progress .progress_inner__step:hover:before { color: white; background: #1ea4ec; } .progress_inner__bar { height: 6px; left: 6.25%; background: repeating-linear-gradient( 45deg, #1ea4ec, #1ea4ec 4px, #1f8bc5 4px, #1f8bc5 10px ); transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005); border-radius: 6px; width: 0; position: relative; z-index: -1; } .progress_inner__bar--set { height: 6px; left: 6.25%; background: #08223a; width: calc(100% - 12.5%); top: -6px; position: relative; z-index: -2; border-radius: 6px; } .real-estate-progress .progress_inner__tabs .tab { opacity: 0; position: absolute; top: 20px; text-align: center; margin-top: 80px; box-shadow: 0px 2px 1px #829ab6; padding: 0; background: transparent; border-radius: 10px; transition: all 0.2s; } .real-estate-progress input#step-1:checked ~ .progress_inner__tabs .tab-0, .real-estate-progress input#step-2:checked ~ .progress_inner__tabs .tab-1, .real-estate-progress input#step-3:checked ~ .progress_inner__tabs .tab-2, .real-estate-progress input#step-4:checked ~ .progress_inner__tabs .tab-3, .real-estate-progress input#step-5:checked ~ .progress_inner__tabs .tab-4, .real-estate-progress input#step-6:checked ~ .progress_inner__tabs .tab-5, .real-estate-progress input#step-7:checked ~ .progress_inner__tabs .tab-6, .real-estate-progress input#step-8:checked ~ .progress_inner__tabs .tab-7 { opacity: 1; position: relative; } .real-estate-progress .progress_inner__status { width: 40px; height: 40px; top: -80px; transition: right 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005); transform: translateX(50%); position: absolute; } .real-estate-progress .progress_inner__status div { position: absolute; opacity: 0; transition: all 600ms cubic-bezier(0.915, 0.015, 0.3, 1.005); transition-delay: 300ms; } .real-estate-progress .progress_inner__status .box_base { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; background: repeating-linear-gradient( 45deg, #986c5d, #986c5d 2px, #775144 2px, #775144 4px ); width: 36px; height: 40px; z-index: 1; border-radius: 1px; } .real-estate-progress input[type="radio"] { display: none; } .real-estate-progress .CostEstimation_box { width: 100% !important; flex-direction: column; align-items: center !important; gap: 20px; } .real-estate-progress .CostEstimation_box::before { transform: scale(1) !important; } .real-estate-progress .CostEstimation_box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .real-estate-progress .CostEstimation_ico { animation: wave-animation 2.5s linear infinite; } .etsate-cost .pricing-palden .pricing-item { border-radius: 10px 10px 0px 0px; } .datingnew_banner.real-estate { height: 650px; padding: 140px 0 0px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: end; padding-bottom: 0; margin-bottom: 0; } .datingnew_banner.real-estate .estate-img-box img { width: 100%; } .choose-service .tab-content { background: url("../images/realestate/phone.webp") no-repeat top center; padding: 78px 34px 88px 40px; background-size: 100% 100%; } section.etsate-cost { height: 100%; width: 100%; background-size: cover; background-position: center; } .choose-service .choose_carousel .choose_card { background-color: #fff; margin: 0 20px; padding: 30px 30px; transition: all 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-bottom: 4px solid #0080ff; min-height: 370px; } .choose-service .choose_carousel .choose_card { width: 100%; height: 100%; padding: 30px 20px; background: linear-gradient(#ffffff 50%, #0080ff 50%); background-size: 100% 200%; background-position: 0 2.5%; border-radius: 5px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.12); cursor: pointer; text-align: center; transition: 0.5s; min-height: 370px; } .choose-service .choose_carousel .choose_card:hover { background-position: 0 100%; } .choose-service .choose_carousel .choose_card:hover a { color: #fff !important; } .choose-service .choose_carousel .choose_card h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .choose-service .choose-icon img { max-width: 75px; object-fit: contain; animation: choose-icon 2s linear alternate infinite; } @keyframes choose-icon { 0% { transform: translate(0%, -20%); } 100% { translate: (0%, 0%); } } .choose-service .choose_carousel .choose_card p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .choose-service .choose_carousel img { max-width: 44px; margin-bottom: 20px; } .choose-service .choose_carousel .slick-list { overflow: visible; } .choose-service .slick-prev, .choose-service .slick-next { font-size: 0; line-height: 0; position: absolute; top: 100%; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; } .choose-service .slick-next, .choose-service .slick-prev { position: absolute; top: unset; bottom: -70px; right: -80px; left: 0; margin: auto; border: 1px solid #e1e1e1 !important; width: 50px !important; height: 50px !important; background: #fff !important; transition: ease-in-out 0.5s; text-indent: -9999px; } .choose-service .slick-next:before, .choose-service .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .choose-service .slick-next:before, .choose-service .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .choose-service .slick-prev { transform: scaleX(-1); z-index: 1; right: 40px; top: auto; bottom: -10%; } .real-estate.datingnew_banner .container .row .col-md-7 { display: flex; align-items: center; } .choose-service button.slick-next.slick-arrow { bottom: -10%; top: auto; } .choose_carousel.slick-initialized.slick-slider { margin-bottom: 60px; } .progress_inner__bar--set { position: relative; } .progress_inner__bar--set svg { border-radius: 0px; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; filter: brightness(0) invert(1); } /* new */ .mvp-item-list:before { top: 45%; left: auto; right: -1em; transform: rotate(-45deg); } .kyesteps .mvp-item-list { width: 45%; margin-right: 10%; } .kyesteps .mvp-item-list:nth-child(2n + 3) { margin-top: 0px; } .kyesteps .mvp-item-list-alt { margin: 14em 0 0 0; } .kyesteps .mvp-item-list-alt:before { left: -1em; right: auto; transform: rotate(135deg); } .kyesteps .all-mvp-item-list:after { content: ""; position: absolute; top: 0; left: 50%; height: 100%; width: 4px; background: #08223a; } /* logistic */ .advanced-technologies .card:nth-of-type(3n + 2) .card__expander { margin-left: calc(-100% - 30px); } .advanced-technologies .card:nth-of-type(3n + 3) .card__expander { margin-left: calc(-200% - 60px); } .advanced-technologies .card:nth-of-type(3n + 4) { clear: left; } .advanced-technologies .card__expander { width: calc(300% + 60px); } /* new */ /* education */ .education-services { height: 100%; width: 100%; background-size: cover; background-position: center; } .education-services .education-service-img { width: 80px; height: 80px; border-radius: 50%; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; background-color: #08223a; } .education-services .education-service-img img { max-width: 45px; filter: brightness(0) invert(1); } .education-services .main-education-service { width: 100%; height: 100%; padding: 30px 20px; border-radius: 5px; cursor: pointer; transition: 0.5s; position: relative; z-index: 2; overflow: hidden; background: #fff; min-height: 480px; } .education-services .element { margin: 0 10px; } .education-services .main-education-service::after { content: ""; width: 100%; height: 100%; background: linear-gradient(#08223a, #0080ff); position: absolute; left: 0%; top: -98%; z-index: -2; transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99); } .education-services .main-education-service:hover:after { top: 0%; } .education-services .education-service-content h3 { color: #08223a; font-weight: 700; font-size: 16px; line-height: 26px; margin-bottom: 8px; transition: all 0.4s; } .education-services .education-service-content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; transition: all 0.4s; } .education-services .main-education-service:hover h3 { color: #fff; } .education-services .main-education-service:hover p { color: #fff; } .education-services .main-education-service:hover .education-service-img { background-color: #fff; } .education-services .main-education-service:hover .education-service-img img { filter: none; } .education-service-slider .slick-prev, .education-service-slider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 100%; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; } .education-service-slider .slick-next, .education-service-slider .slick-prev { position: absolute; top: unset; bottom: -70px; right: -80px; left: 0; margin: auto; border: 1px solid #e1e1e1 !important; width: 50px !important; height: 50px !important; background: #fff !important; transition: ease-in-out 0.5s; text-indent: -9999px; } .education-service-slider .slick-next:before, .education-service-slider .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .education-service-slider .slick-next:before, .education-service-slider .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .education-service-slider .slick-prev { transform: scaleX(-1); z-index: 1; right: 40px; } .education-service-slider button.slick-next.slick-arrow { bottom: -15%; top: auto; } .education-service-slider.slick-initialized.slick-slider { margin-bottom: 60px; } .modern-features-education .modern-feature-service { width: 100%; text-align: center; padding: 0 0 30px 20px; position: relative; } .modern-features-education .modern-feature-service::before { content: ""; border: 3px solid #08223a; border-right: none; position: absolute; border-radius: 30px 0 0 30px; width: 35%; top: 90px; bottom: 7px; left: 0; } .modern-features-education .modern-item { margin: 0 10px; } .modern-features-education .modern-icon { background-color: #eef3ff; width: 100px; height: 100px; margin: 0 auto 10px; border-radius: 50%; box-shadow: 5px 5px 10px #0000004d; position: relative; display: flex; justify-content: center; align-items: center; transition: transform 1s; } .modern-features-education .modern-feature-service:hover .modern-icon { transform: rotateY(-360deg); } .modern-features-education .modern-icon img { max-width: 45px; } .modern-features-education .modern-content { background-color: #eef3ff; padding: 20px 10px; border: 3px solid #08223a; border-radius: 20px; box-shadow: 5px 5px 10px #0000004d; } .modern-features-education .modern-content::before, .modern-features-education .modern-content::after { content: ""; position: absolute; background: #08223a; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: 86px; left: 35%; } .modern-features-education .modern-content::after { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top: auto; bottom: 4px; } .modern-features-education .modern-content h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .modern-features-education .modern-content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .modern-features-education .slick-prev, .modern-features-education .slick-next { font-size: 0; line-height: 0; position: absolute; top: 100%; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; } .modern-features-education .slick-next, .modern-features-education .slick-prev { position: absolute; top: unset; bottom: -8%; right: -80px; left: 0; margin: auto; border: 1px solid #08223a !important; width: 50px !important; height: 50px !important; background: #eef3ff !important; transition: ease-in-out 0.5s; text-indent: -9999px; } .modern-features-education .slick-next:before, .modern-features-education .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .modern-features-education .slick-next:before, .modern-features-education .slick-prev:before { position: absolute; content: ""; background: url("../images/airbnb-development/b.webp"); filter: invert(1); width: 20px; height: 20px; background-repeat: no-repeat; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .modern-features-education .slick-prev { transform: scaleX(-1); z-index: 1; right: 40px; } .modern-features-education button.slick-next.slick-arrow { bottom: -8%; top: auto; } .edu-1-button { width: 40px; height: 40px; background-color: #222; border-radius: 50%; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); box-shadow: inset 0 1px 5px rgba(255, 255, 255, 0.5); } .modern-features-education .container { position: relative; z-index: 1; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 50px 55px; background: #fff; border-radius: 20px; } .modern-features-education .container .newheading h3 { font-size: 30px; font-weight: 900; color: #08223a; line-height: 40px; } .modern-features-education .row { display: flex; align-items: center; } .modern-features-education .container .col-md-5 { padding: 0; } .add-value-education .container .topic { font-size: 30px; font-weight: 500; margin-bottom: 20px; } .add-value-education .content { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 30px 40px; border-radius: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .add-value-education .content::before { content: ""; border: 3px dotted #08223a; border-top-style: solid; border-bottom-style: solid; border-right: dotted; position: absolute; border-radius: 20px 20px 20px 20px; width: 100%; top: 0; bottom: 0px; left: 0; } .add-value-education .content .list { display: flex; flex-direction: column; width: 60%; margin-right: 50px; position: relative; } .add-value-education .content .list label { padding: 0px 20px; height: 60px; font-size: 18px; font-weight: 700; line-height: 60px; cursor: pointer; transition: all 0.5s ease; color: #000; z-index: 12; border: 1px solid #08223a; border-radius: 12px; margin-bottom: 10px; } .add-value-education .content .list label { background: #fff; color: #000; } .add-value-education .content .list label:hover { background: #000; color: #fff; } .add-value-education .content .slider { position: absolute; left: 0; top: 0; height: 60px; width: 100%; border-radius: 12px; transition: all 0.4s ease; } #edu-1:checked ~ .list .slider { top: 0; } #edu-2:checked ~ .list .slider { top: 70px; } #edu-3:checked ~ .list .slider { top: 140px; } #edu-4:checked ~ .list .slider { top: 210px; } #edu-5:checked ~ .list .slider { top: 280px; } #edu-6:checked ~ .list .slider { top: 350px; } #edu-7:checked ~ .list .slider { top: 420px; } #edu-8:checked ~ .list .slider { top: 490px; } .add-value-education .content .text-content { width: 80%; height: 100%; } .add-value-education .content .text { display: none; } .add-value-education .content .text .title { font-size: 25px; margin-bottom: 10px; font-weight: 500; } .add-value-education .content .text p { text-align: justify; } #edu-1:checked ~ .text-content .edu-1, #edu-2:checked ~ .text-content .edu-2, #edu-3:checked ~ .text-content .edu-3, #edu-4:checked ~ .text-content .edu-4, #edu-5:checked ~ .text-content .edu-5, #edu-6:checked ~ .text-content .edu-6, #edu-7:checked ~ .text-content .edu-7, #edu-8:checked ~ .text-content .edu-8 { display: block; } .add-value-education .col-md-12 { padding: 0; } .add-value-education .content input { display: none; } .add-value-education .content h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .add-value-education .content p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .add-value-education .content img { width: 100%; margin-bottom: 30px; } .trending-education .trending-box { color: #fff; background: #eef3ff; text-align: center; padding: 90px 15px 40px; border-radius: 30px 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 10px 10px 0 #08223a; position: relative; z-index: 1; height: 100%; } .trending-education .trending-box:before { content: ""; background: linear-gradient(to top left, transparent 49%, #08223a 50%); width: 150px; height: 130px; border-radius: 30px 0 0; position: absolute; top: 0; left: 0; z-index: -1; } .trending-education .trending-box .trending-icon { position: absolute; top: 25px; left: 20px; } .trending-education .trending-box .trending-icon img { max-width: 45px; animation: wave-animation 2.5s linear infinite; } .trending-education .trending-box h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .trending-education .trending-box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .trending-education .row.sticky-box { margin-bottom: 60px; display: flex; height: auto; position: sticky; top: 110px; } .trending-education .container { display: flex; flex-direction: column; height: auto; } .elearning-app-education .col-md-7 { overflow: hidden; height: 400px; } .elearning-app-education .wrapper { height: auto; width: 100%; display: flex; justify-content: center; margin-top: 200px; position: relative; } .elearning-app-education .wrapper .carousel { position: relative; width: 100%; display: flex; justify-content: center; flex-direction: column; } .elearning-app-education .wrapper .carousel__item:nth-child(1) { animation-delay: calc(calc(27s / 9) * 0); } .elearning-app-education .wrapper .carousel__item:nth-child(2) { animation-delay: calc(calc(27s / 9) * 1); } .elearning-app-education .wrapper .carousel__item:nth-child(3) { animation-delay: calc(calc(27s / 9) * 2); } .elearning-app-education .wrapper .carousel__item:nth-child(4) { animation-delay: calc(calc(27s / 9) * 3); } .elearning-app-education .wrapper .carousel__item:nth-child(5) { animation-delay: calc(calc(27s / 9) * 4); } .elearning-app-education .wrapper .carousel__item:nth-child(6) { animation-delay: calc(calc(27s / 9) * 5); } .elearning-app-education .wrapper .carousel__item:nth-child(7) { animation-delay: calc(calc(27s / 9) * 6); } .elearning-app-education .wrapper .carousel__item:nth-child(8) { animation-delay: calc(calc(27s / 9) * 7); } .elearning-app-education .wrapper .carousel__item:nth-child(9) { animation-delay: calc(calc(27s / 9) * 8); } .elearning-app-education .wrapper .carousel__item:nth-child(10) { animation-delay: calc(calc(27s / 9) * 9); } .elearning-app-education .wrapper .carousel__item:nth-child(11) { animation-delay: calc(calc(27s / 9) * 10); } .elearning-app-education .wrapper .carousel__item-head { border-radius: 50%; background-color: #08223a; width: 90px; height: 90px; padding: 14px; position: relative; margin-right: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 50px; } .elearning-app-education .wrapper .carousel__item-body { width: 100%; background-color: #fff; border-radius: 8px; padding: 16px 20px; } .elearning-app-education .wrapper .title { text-transform: uppercase; font-size: 20px; margin-top: 10px; } .elearning-app-education .wrapper .carousel__item img { max-width: 45px; filter: brightness(0) invert(1); } .elearning-app-education .wrapper h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 8px; } .elearning-app-education .wrapper p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 30px; } .elearning-app-education .wrapper .carousel__item { display: flex; align-items: center; position: absolute; width: 100%; padding: 0 12px; opacity: 0; filter: drop-shadow(0 2px 2px #555); will-change: transform, opacity; animation: carousel-animate-vertical 27s infinite; animation-play-state: running; cursor: pointer; flex-direction: column; background: #fff; text-align: center; padding: 25px 0; min-height: 380px; justify-content: center; align-items: center; border: 3px solid #08223a; border-radius: 30px; } .elearning-app-education .wrapper:hover .carousel__item, .elearning-app-education .wrapper .carousel__item:hover { animation-play-state: paused; } @keyframes carousel-animate-vertical { 0% { transform: translateY(100%) scale(0.5); opacity: 0; visibility: hidden; } 3%, 11% { transform: translateY(100%) scale(0.7); opacity: 0.4; visibility: visible; } 14%, 22% { transform: translateY(0) scale(1); opacity: 1; visibility: visible; } 25%, 33% { transform: translateY(-100%) scale(0.7); opacity: 0.4; visibility: visible; } 36% { transform: translateY(-100%) scale(0.5); opacity: 0; visibility: hidden; } 100% { transform: translateY(-100%) scale(0.5); opacity: 0; visibility: hidden; } } .airbnb-process.education .airbnb-process-list ul li { margin-bottom: 35px; } .education-app-banner { background-color: #08223a; height: 700px; padding: 140px 0 0px; position: relative; display: flex; align-items: end; padding-bottom: 0; margin-bottom: 0; overflow: hidden; } .education-app-banner .container { height: 100%; } .education-app-banner .container .row { display: flex; height: 100%; } .education-app-banner .container .row .col-md-6.cls-center { display: flex; align-items: center; } .education-app-banner .container .row .education-side-img { bottom: 0; width: 100%; height: 100%; } .education-app-banner .education-side-img img { width: 100%; position: relative; z-index: 2; height: 100%; object-fit: cover; } .education-app-banner .cube-bgg-bx { position: absolute; top: 80vh; left: 45vw; width: 10px; height: 10px; border: solid 1px #0080ff; transform-origin: top left; transform: scale(0) rotate(0deg) translate(-50%, -50%); animation: cube-bgg-bx 12s ease-in forwards infinite; } .education-app-banner .cube-bgg-bx:nth-child(2n) { border-color: #0080ff5b; } .education-app-banner .cube-bgg-bx:nth-child(2) { animation-delay: 2s; left: 25vw; top: 40vh; } .education-app-banner .cube-bgg-bx:nth-child(3) { animation-delay: 4s; left: 75vw; top: 50vh; } .education-app-banner .cube-bgg-bx:nth-child(4) { animation-delay: 6s; left: 90vw; top: 10vh; } .education-app-banner .cube-bgg-bx:nth-child(5) { animation-delay: 8s; left: 10vw; top: 85vh; } .education-app-banner .cube-bgg-bx:nth-child(6) { animation-delay: 10s; left: 50vw; top: 10vh; } .education-app-banner .mebanner_content { position: relative; z-index: 2; padding-bottom: 70px; } .education-app-banner .mebanner_content h1 { text-shadow: 2px 2px #0080ff; } @keyframes cube-bgg-bx { from { transform: scale(0) rotate(0deg) translate(-50%, -50%); opacity: 1; } to { transform: scale(20) rotate(960deg) translate(-50%, -50%); opacity: 0; } } /* dallastexas */ .dallas-texas-banner { padding-top: 140px; text-align: center; position: relative; background: linear-gradient(57deg, #0080ff, #08223a, #06c, #121526, #333); background-size: 1000% 1000%; animation: dallas-bg 20s ease infinite; overflow: hidden; } .banner-cta { display: flex; justify-content: center; } @keyframes dallas-bg { 0% { background-position: 4% 0%; } 50% { background-position: 97% 100%; } 100% { background-position: 4% 0%; } } .dallas-texas-banner h1, .dallas-texas-banner p { text-align: center; } .dallas-texas-banner .dallas-bg img { width: 70%; } .dallas-texas-banner::after { content: ""; position: absolute; display: block; width: 190px; height: 326px; object-fit: contain; background-image: url(../images/salon-app-development/mobile-vector-3.webp); background-repeat: no-repeat; background-position: right !important; opacity: 0.2; background-size: cover; background-position: center; left: 20px; animation: zoom-in-zoom-out 2s ease-out infinite; top: 35%; bottom: auto; z-index: 2; filter: brightness(0) invert(1); } .dallas-texas-banner::before { content: ""; position: absolute; display: block; border: 10px solid; width: 100px; height: 100px; opacity: 0.2; right: 20px; animation: zoom-in-zoom-out 5s ease-out infinite; top: 35%; bottom: auto; z-index: 2; filter: brightness(0) invert(1); } .ultimate-android-dallas .android-img img { width: 100%; } .dallas-texas-cta { padding: 60px 50px; position: relative; width: 100%; background-position: center; margin: 0; background-size: 100%; } .dallas-texas-cta .cta-img-bx img { width: 70%; } .dallas-texas-cta .cta-img-bx { position: relative; left: auto; overflow: hidden; border-bottom-right-radius: 30px; bottom: auto; } .dallas-texas-cta .row { display: flex; height: auto; } .dallas-texas-cta .col-md-7 { height: auto; display: flex; align-items: center; } .dallas-texas-cta .container { display: flex; align-items: center; } .comprehensive-android-dallas .comprehensive-item { background-position: center; background-size: 100%; background-repeat: no-repeat; display: flex; height: auto; min-height: 425px; margin: 0 15px; overflow: hidden; transition: all 0.5s; } .comprehensive-android-dallas .comprehensive-item .col-md-8 { display: flex; height: 100%; align-items: center; } .comprehensive-android-dallas .comprehensive-item .row { height: auto; align-items: end; display: flex; } .comprehensive-android-dallas .comprehensive-content { padding: 30px 0px 30px 30px; } .comprehensive-android-dallas .comprehensive-img img { width: 100%; height: auto; transition: all 0.5s; padding-left: 10px; } .comprehensive-android-dallas .comprehensive-item:hover .comprehensive-img img { transform: scale(1.2); } .comprehensive-android-dallas .comprehensive-content h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .comprehensive-android-dallas .comprehensive-content p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .comprehensive-android-dallas button.slick-next.slick-arrow { position: absolute; top: 0; left: 5%; font-size: 0; z-index: 0; background: #08223a; height: 45px; width: 45px; display: flex !important; justify-content: center; align-items: center; border-radius: 50%; border: none; } .comprehensive-android-dallas .comprehensive-content .icon { height: 76px; width: 80px; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .comprehensive-android-dallas .comprehensive-content .icon img { max-width: 45px; } .comprehensive-android-dallas .col-md-7 { display: flex; justify-content: center; } .comprehensive-android-dallas .comprehensive-slider .comprehensive-item:nth-child(odd) { background-color: #08223a; } .comprehensive-android-dallas .comprehensive-slider .comprehensive-item:nth-child(even) { background-color: #0080ff; } .comprehensive-android-dallas .slick-list.draggable { margin-top: 20px; } .advanced-technology-dallas ul li { margin-bottom: 30px; position: sticky; top: 110px; border-radius: 10px; cursor: pointer; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .advanced-technology-dallas .col-md-6 { position: sticky; top: 110px; } .advanced-technology-dallas .techno-icon img { max-width: 45px; margin-bottom: 20px; } .advanced-technology-dallas .techno-content h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .advanced-technology-dallas .techno-content p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .advanced-technology-dallas .main-techno-box { padding: 20px 20px; position: relative; transition: all 0.5s; border-radius: 10px; background-color: #eef3ff !important; } .advanced-technology-dallas .main-techno-box:hover { background-color: #0080ff !important; background-image: url(../images/android-app-development-dallas-texas/service-card-bg.webp); background-repeat: no-repeat; background-position: center bottom; background-size: contain; box-shadow: 0px 10px 15px rgba(22, 21, 21, 0.21); } .advanced-technology-dallas .main-techno-box:hover .techno-content h3 { color: #fff; } .advanced-technology-dallas .main-techno-box:hover .techno-content p { color: #fff; } .advanced-technology-dallas .main-techno-box:hover .techno-icon img { filter: brightness(0) invert(1); } .process-app-dallas .process-tabs { display: flex; } .process-app-dallas ul.nav.nav-pills { display: flex; flex-direction: column; gap: 20px; width: 30%; } .process-app-dallas .tab-content.clearfix { display: flex; align-items: center; background: #eef3ff; border-radius: 20px; position: sticky; top: 110px; height: max-content; width: 70%; margin-left: -8%; z-index: -1; padding: 40px 60px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .process-app-dallas .nav-pills > li > a { border-radius: 4px; background: #08223a; padding: 20px 20px; text-align: left; font-size: 17px; font-weight: 600; color: #fff; display: flex; align-items: center; } .process-app-dallas .tab-content.clearfix img { width: 100%; margin-top: 0px; } .process-app-dallas .tab-content { padding-left: 12% !important; } .process-app-dallas .nav-pills > li > a span { -webkit-text-stroke: 1px #08223a; -webkit-text-fill-color: transparent; font-size: 25px; color: #08223a; font-size: 50px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; margin-right: 10px; } .process-app-dallas .nav-pills > li.active > a, .process-app-dallas .nav-pills > li.active > a:focus, .process-app-dallas .nav-pills > li.active > a:hover { color: #fff; background-color: #0080ff; } .process-app-dallas .tab-content h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .process-app-dallas .tab-content p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .all-main-cost .price-table { width: 100%; border-collapse: collapse; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; cursor: pointer; } .all-main-cost table, .all-main-cost th, .all-main-cost td { border: 1px solid #0080ff; } .all-main-cost tr:nth-child(even) { background-color: #eef3ff; } .all-main-cost tr:nth-child(odd) { background-color: #fff; } .all-main-cost .price-table tr:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.03); } .all-main-cost .price-table tr td { padding: 15px 24px; font-size: 15px; color: #08223a; font-weight: 600; text-align: center; } .all-main-cost .price-table tr td:first-child { border-left: 0; } .all-main-cost .price-table tr td:not(:first-child) { text-align: center; } .all-main-cost .price-table tr:hover { background-color: #ebebeb; } .all-main-cost .price-table tr:nth-child(2n) td:nth-child(3), .all-main-cost .price-table tr td:nth-child(3) { background-color: rgba(216, 214, 227, 0.15); padding: 15px 48px; } .all-main-cost .price-table tr.price-table-head th { font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: #08223a; color: #ffffff; text-align: center; padding: 15px 20px; } .all-main-cost .row { display: flex; align-items: center; justify-content: center; } .all-main-cost .row a.newbtn_design { margin-top: 30px; } .all-main-cost .all-main-cost-img img { width: 100%; } /* dallastexas */ /* education */ /* Snigdha css */ /* vishal css */ .new_singapore_banner { height: auto; background: url(../images/software_development_singapore/The-Best-Software-Development-Company-in-Singapore.webp); padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .new_singapore_banner::after { position: absolute; background: #00000075; content: ""; z-index: -1; text-align: 0; top: 0; width: 100%; height: 100%; } .new_singapore_banner .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .left_singapore_banner h1 { color: #ffffff; font-size: 45px; font-weight: 900; line-height: 60px; } .left_singapore_banner h1 span { color: #0080ff; } .left_singapore_banner p { color: #ffffff; font-weight: 500; font-size: 17px; line-height: 28px; margin: 30px 0; } .tg_btn_new { position: relative; background: #0080ff; border-radius: 60px; display: inline-flex; justify-content: center; align-items: center; color: #ffffff; padding: 14px 12px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; line-height: 22px; font-size: 16px; font-weight: 600; text-decoration: none; letter-spacing: 1px; padding-right: 60px; padding-left: 20px; transition: 0.4s; overflow: hidden; margin-top: 20px; } .tg_btn_new:hover { padding-left: 55px; color: #ffffff; padding-right: 12px; } .tg_btn_new span { position: absolute; right: 10px; width: 35px; height: 35px; border-radius: 50%; background: white; transition: 0.4s ease-in-out; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-left: 10px; } .tg_btn_new:hover span { background: linear-gradient(270deg, #eff1f3, #b8dcf0), #29d4bd; right: calc(100% - 50px); } .tg_btn_new:after { content: ""; position: absolute; width: 80px; height: 100%; z-index: 1; background: rgb(255, 255, 255, 0.5); transform: translateX(-200px) skewX(30deg); transition: 0.75s ease-in-out; } .tg_btn_new:hover:after { transform: translateX(300px) skewX(30deg); } .query_form { box-shadow: 0px 3px 53px #0000001a !important; background-color: #fff; padding: 15px 20px; text-align: center; position: relative; z-index: 1; } .query_form .form-group { margin-bottom: 20px; } .query_form .form-control { height: 48px !important; font-weight: 500; padding: 10px 16px; color: #08223a; box-shadow: unset; font-size: 15px; border: 2px solid #08223a1f; } .query_form .form-control::placeholder { color: #08223a; } .query_form h3 { color: #08223a; font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; padding: 4px 0; } .query_form h4 { color: #000000; font-weight: 600; font-size: 16px; margin-bottom: 15px; text-align: center; display: inline-block; padding: 4px 0; } .query_form p { color: #6e6e6e; font-weight: 500; font-size: 17px; line-height: 28px; margin-bottom: 20px; text-align: center; display: inline-block; padding: 4px 0; } .query_form textarea.form-control { height: 120px !important; } .query_form .form-group:last-child { margin: 0; } .query_form .form-group .btn { background: #0080ff; color: #fff !important; font-weight: 600; font-size: 15px; padding: 12px 12px; display: flex; box-shadow: 0 0 20px #0000002e; transition: 0.3s all; align-items: center; justify-content: center; width: 100%; margin-bottom: 5px; } .query_form .form-group:hover .btn { scale: 1.02; transition: 0.5s all; letter-spacing: 1px; } .singapore_devmethology img { border-radius: 20px; max-width: 95%; } .new_top_heading h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 54px; } .new_top_heading h2 span { color: #0080ff; } .new_top_heading p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 8px; line-height: 29px; } .new_top_heading { margin-bottom: 40px; } .new_top_heading_center :is(h2, p) { text-align: center; } .new_top_heading .new_top_heading_center { text-align: center; } .key_advantage_singapore h2 { color: #ffffff !important; } .main_key_advantage_singapore { display: flex; flex-wrap: wrap; border-top: 1px solid #5956b8; } .key_advantage_singapore_box { width: 25%; display: flex; flex-direction: column; align-items: center; border-right: 1px solid #5956b8; padding: 30px 20px; } .key_advantage_singapore_box2 { display: flex; width: 25%; flex-direction: column; align-items: center; padding: 30px 20px; } .key_advantage_singapore img { width: 50px; margin-bottom: 20px; } .key_advantage_singapore h3 { color: #ffffff; margin-bottom: 5px; text-align: center; font-size: 17px; line-height: 28px; font-weight: 700; } .key_advantage_singapore p { color: #ffffff; text-align: center; font-size: 16px; line-height: 28px; font-weight: 500; } .bg_theme_4 { background: #05081a; } .padding_sections { padding: 80px 0; } .cta_singapore .cta_singapore_second { margin-top: 60px; } .cta_singapore_new { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 50px 30px; border-radius: 20px; background: url(../images/software_development_singapore/cta-1-bg.webp); background-size: cover; } .cta_singapore_left { width: 64%; } .cta_singapore_left h2 { font-size: 34px; color: #ffffff; line-height: 46px; font-weight: 700; margin-bottom: 20px; } .cta_singapore_left p { color: #ffffff; line-height: 28px; font-size: 16px; margin-block: 10px; font-weight: 500; } .cta_singapore_right { position: absolute; right: 20px; bottom: 0; max-width: 90%; width: auto; } .cta_singapore_right img { width: 280px; } .cta_singapore_new_second { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 50px 30px; border-radius: 20px; background: url(../images/software_development_singapore/Singapore.webp); background-size: cover; background-size: center; } .main_software_development_singapore { display: flex; flex-wrap: wrap; gap: 20px; } .software_development_singapore_box { width: 32.1%; padding: 20px; display: flex; background: #121526; flex-direction: column; align-items: center; text-align: center; border-radius: 20px; } .software_development_singapore_box:hover .software_development_singapore_box_icon { border: 7px solid #71a6e7; transition: all 0.6s ease 0s; } .software_development_singapore_box_icon { border-radius: 50%; margin-bottom: 15px; border: 7px solid #203e6f; display: flex; justify-content: center; align-items: center; } .software_development_singapore_box_icon img { padding: 12px; max-width: 65px; max-height: 65px; } .software_development_singapore_box h3 { color: #fff; margin-bottom: 5px; font-size: 17px; line-height: 28px; font-weight: 700; } .software_development_singapore_box p { color: #ffffff; font-size: 16px; font-weight: 500; line-height: 28px; } .bg-theme1 { background-color: #eef3ff !important; } .tech_sec_box { background-color: #ffffff; overflow: hidden; margin-bottom: 20px; padding: 10px 0; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .tech_sec_box h3 { border-bottom: 2px solid #2e27b654; text-align: center; font-size: 18px; padding: 10px; font-weight: 700; } .tech_sec_box ul { display: flex; flex-wrap: wrap; padding: 20px 10px !important; gap: 10px; justify-content: center; } .tech_sec_box ul li { width: 25%; display: flex; padding: 12px 10px; align-items: center; flex-direction: column; border: 2px solid #fff; transition: 0.75s all; cursor: pointer; border-radius: 10px; } .tech_sec_box ul li:hover { box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); transform: scale(1.01); border: 2px solid #0080ff; } .tech_sec_box ul li img { max-height: 50px; margin-bottom: 10px; } .tech_sec_box ul li h4 { font-size: 14px; font-weight: 600; text-align: center; } .main_workflow_procedure_box { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .workflow_procedure_box:hover { transform: translateY(-5px); } .workflow_procedure_box { width: 32%; border-radius: 10px !important; display: flex; flex-direction: column; transition: 0.3s all; align-items: center; background: white; border-radius: 0 0 10px 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .workflow_procedure_box h3 { height: 80px; width: 100%; background: #0080ff; display: flex; border-radius: 10px 10px 0 0; align-items: center; justify-content: space-between; padding: 10px 15px; font-size: 18px; line-height: 30px; color: #ffffff; font-weight: 700; } .workflow_procedure_box h3 .steps { border-right: 2px solid white; padding: 0 20px 0 0; height: 80px; width: 30%; display: flex; align-items: center; } .workflow_procedure_box h3 .heading { width: 70%; padding: 0 0 0 20px; display: flex; align-items: center; } .workflow_procedure_list { display: flex; padding: 20px 10px; border-radius: 10px; } .workflow_procedure_list .icon { margin-right: 10px; width: 20%; } .workflow_procedure_list .icon img { width: 50px; height: 50px; } .workflow_procedure_box .workflow_procedure_content { width: 80%; } .workflow_procedure_content p { font-size: 16px; font-weight: 500; line-height: 28px; } .main_set_tg_part_box { display: flex; gap: 20px; flex-wrap: wrap; } .set_tg_part_box { box-shadow: 0 8px 16px 5px rgba(33, 34, 34, 0.04); position: relative; width: 32%; background-color: #ffffff; border-radius: 10px; margin-top: 15px; } .set_tg_part_box:hover .tg_part_box_back { opacity: 1; } .tg_part_box_front { display: flex; flex-direction: column; height: 100%; align-items: center; width: 100%; height: auto; padding: 30px 15px; } .tg_part_box_icon { margin-bottom: 30px; } .tg_part_box_icon img { max-width: 110px; } .tg_part_box_back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: 0.5s ease; background: #0080ff; color: #ffffff; padding: 15px 20px; border-radius: 10px; text-align: center; } .tg_part_box_front h3 { font-size: 16px; line-height: 32px; font-weight: 600; text-align: center; } .tg_part_box_back p { font-size: 16px; font-weight: 500; line-height: 26px; } .breadcrumb-fluid { background: #efefef; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .breadcrumb-fluid .page-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; justify-content: space-between; padding: 0; position: relative; background: #fff0; margin: 10px 0 10px; border-bottom: 0 solid #eee; padding-left: 35px; } .breadcrumb-fluid .page-header:after { content: ""; background-image: url(../images/icons/arrorback.png); position: absolute; background-size: 30px 20px; background-position: 30px 20px; left: 0; width: 30px; height: 20px; top: 0; } .breadcrumb-fluid .page-header .page-title { display: none; } .breadcrumb-fluid .page-header .breadcrumb { display: flex; flex-wrap: wrap; margin-bottom: 0 !important; list-style: none; border-radius: 3px; left: 0; bottom: 0; padding: 0 !important; background-color: transparent !important; } .breadcrumb-fluid .page-header .breadcrumb-item a { font-family: Montserrat; color: #08223a; font-weight: 600; border-right: 1px solid black; padding: 0 5px; } .breadcrumb-fluid .page-header .breadcrumb > .active { color: #175eff; font-weight: 600; padding-left: 5px; } .breadcrumb-fluid .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding: 0; color: rgba(255, 255, 255, 0.3); content: ""; } .breadcrumb-fluid .page-header .breadcrumb-item + .breadcrumb-item::before { color: #080e1b; } .trusted_by { position: relative; padding: 20px 0; background-image: url(../images/updated/dots.png); background-repeat: repeat; background-size: 13px; background-position: center; } .trusted_client2 { display: flex; align-items: center; } .trusted_client2 strong { color: #08223a; font-size: 26px; margin: 0; width: 18%; font-weight: 800; } .trusted_logo { display: flex; justify-content: space-between; align-items: center; width: 70%; } .industry_we_cater_singapore_box { display: flex; flex-direction: column; align-items: center; transition: 0.5s all; margin-top: 50px; } .industry_we_cater_singapore_box:hover .industry_cater_head { background: #121526; color: #ffffff; } .industry_we_cater_singapore_box:hover .industry_cater_head h3 { color: #ffffff; } .industry_we_image { margin-bottom: 10px; } .industry_we_image img { width: 100%; height: 100%; border-radius: 20px; box-shadow: rgba(137, 136, 136, 0.35) 0px 5px 15px; } .industry_cater_head { padding: 10px 15px; border-radius: 20px; border: 3px solid #ececec; width: 100%; display: flex; justify-content: space-between; align-items: center; } .industry_cater_head h3 { font-size: 17px; font-weight: 700; line-height: 24px; color: #000; } .industry_cater_head a { background: #121526; display: flex; padding: 8px; align-items: center; justify-content: center; color: #ffffff; border-radius: 50%; } .main_hire_developer_box { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px; } .hire_developer_box { width: 32%; display: flex; flex-direction: column; background-color: #ffffff; padding: 20px 25px; transition: 0.2s all; border-radius: 20px; border: 3px solid #ececec; } .hire_developer_box:hover { border: 3px solid #0080ff; } .hire_developer_box h3 { display: flex; flex-direction: column; align-items: center; font-size: 18px; position: relative; font-weight: 700; line-height: 28px; } .hire_developer_box h3 img { max-width: 55px; margin-bottom: 15px; } .hire_developer_box ul { padding-left: 34px; margin-top: 15px; margin-bottom: 20px; } .hire_developer_box ul li { margin-bottom: 5px; position: relative; } .hire_developer_box ul li p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .hire_developer_box ul li ::after { content: ""; position: absolute; height: 10px; width: 10px; background-color: #0080ff; top: 9px; left: -23px; border-radius: 50%; } .testimonial_singapore_grid { display: flex; gap: 30px; flex-wrap: wrap; } .testimonial_singapore_card { position: relative; isolation: isolate; overflow: hidden; padding: 20px; border-radius: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; width: 31.5%; background-color: #ffffff; box-shadow: 2px 2px 2px rgb(72, 104, 218); } .testimonial_singapore_card ::before { position: absolute; content: ""; top: 0; left: 0; transform: translate(-60%, -60%); width: 75%; aspect-ratio: 1; border-radius: 100%; background-color: #0080ff; z-index: -1; transition: 0.5s all; } .testimonial_singapore_card_icon { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; margin-bottom: 30px; } .testimonial_singapore_card img { width: 100%; height: 100%; border-radius: 50%; } .testimonial_singapore_card h3 { color: #000; font-size: 17px; transition: 0.5s all; font-weight: 700; line-height: 32px; } .testimonial_singapore_card strong { transition: 0.5s all; color: #0080ff; font-size: 16px; line-height: 30px; } .testimonial_singapore_card p { color: #000; transition: 0.5s all; font-size: 16px; font-weight: 500; line-height: 28px; } .testimonial_singapore_card:hover ::before { width: 500%; } .testimonial_singapore_card:hover :is(p, h3, p) { color: white !important; } .testimonial_singapore_card:hover strong { color: #000000; } .testimonial_singapore_card:hover img { border-color: #ffffff; } .award_section_sec { overflow: hidden; } .award_section_sec .new_top_heading h2 { color: #fff; } .award_section_sec .slider { height: 250px; margin: auto; position: relative; width: 90%; display: grid; place-items: center; } .award_section_sec .slide_track { display: flex; width: calc(250px * 14); animation: scroll 30s linear infinite; } .award_section_sec .slide_track:hover { animation-play-state: paused; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } .award_section_sec .slide { height: 200px; width: 250px; display: flex; align-items: center; padding: 15px; perspective: 100px; } .award_section_sec .slider img { border: 2px solid #fff; border-radius: 5px; padding: 10px; width: 100%; transition: transform 0.5s; width: 200px; height: 200px; object-fit: contain; } .award_section_sec .slider::after { right: 0; top: 0; transform: rotateZ(180deg); } .allsections_faq .faq_section_custom { margin: 0; } .ai_malaysia_banner { background: black; padding: 220px 0 50px 0; } .ai_malaysia_banner_heading { padding: 0 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .ai_malaysia_banner_heading h1 { font-size: 55px; font-weight: 900; line-height: 80px; color: #ffffff; margin-bottom: 10px; } .ai_malaysia_banner_heading p { font-size: 17px; font-weight: 500; line-height: 30px; color: #ffffff; margin-bottom: 20px; } .ai_malaysia_sticky { position: sticky !important; top: 150px; z-index: 1; } .ai_malaysia_banner_image { margin-top: 100px; opacity: 0.5; } .ai_malaysia_banner_image img { width: 100%; border-radius: 20px; } .new_btn_contact { position: relative; padding: 15px 40px; display: inline-flex; justify-content: center; align-items: center; background: #0080ff; color: #ffffff; text-decoration: none; transform-style: preserve-3d; transition: ease-in-out 0.7s; border-radius: 60px; margin-top: 20px; } .new_btn_contact span { display: flex; line-height: 22px; font-size: 16px; font-weight: 500; transform-style: preserve-3d; transform: perspective(100px) translateZ(20px); } .new_btn_contact:hover { transform: rotateX(360deg); color: #ffffff; } .ai_singapore_trusted { padding: 20px 10px; } .main_singapore_trusted { padding: 30px 15px; display: flex; align-items: center; justify-content: space-between; } .main_singapore_trusted .left_trusted_name { display: flex; flex-direction: column; color: #ffffff; } .main_singapore_trusted .left_trusted_name h2 { font-size: 24px; padding-left: 20px; line-height: 32px; font-weight: 700; color: #ffffff; } .logos_trust { margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); } .logos_trust img { max-width: 140px; filter: invert(1) brightness(70.5); } .main_singapore_trusted .right_count { display: grid; width: 50%; grid-template-columns: repeat(3, 1fr); justify-items: center; } .main_singapore_trusted .right_count .inner_setup_count { border-left: 2px solid white; padding: 0 10px; } .main_singapore_trusted .right_count .inner_setup_count h3 { color: #ffffff; font-size: 35px; line-height: 50px; font-weight: 700; } .main_singapore_trusted .right_count .inner_setup_count img { margin-bottom: 10px; animation: zoom-in-zoom-out 2s ease-out infinite; } .main_singapore_trusted .right_count .inner_setup_count img { margin-bottom: 10px; } .main_singapore_trusted .right_count .inner_setup_count h4 { color: #ffffff; font-size: 14px; line-height: 30px; font-weight: 600; } .main_surging_box { display: flex; flex-wrap: wrap; gap: 30px; } .surging_box { width: 31.5%; display: flex; flex-direction: column; align-items: center; border-top: 3px dashed #0080ff; border-left: 3px dashed #0080ff; border-right: 3px dashed #0080ff; border-bottom: 5px solid #0080ff; text-align: center; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 20px 10px; box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; } .surging_box h3 { color: #0080ff; font-size: 24px; font-weight: 800; line-height: 38px; } .surging_box p { font-size: 17px; font-weight: 600; line-height: 34px; } .methology_ai_left { width: 95%; } .methology_ai_left img { width: 100%; border-radius: 20px; } .tech_sec_ai_singapore .new_top_heading :is(h2, p) { color: #ffffff; } .main_tech_ai_singapore_box { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 20px; } .tech_ai_singapore_box { background: #121526; width: 48.2%; border: 2px solid #ffffff75; padding: 25px 20px; border-radius: 10px; color: #ffffff; } .tech_ai_singapore_box:hover { border: 2px solid white; } .tech_ai_singapore_box h3 { font-size: 17px; font-weight: 700; line-height: 30px; text-align: center; } .tech_ai_names { display: flex; gap: 17px; flex-wrap: wrap; margin-top: 20px; } .tech_ai_names span { width: 31%; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #ffffff; padding: 7px 10px; color: #000000; border-radius: 5px; font-size: 14px; font-weight: 700; line-height: 20px; } .methology_ai_malaysia { width: 100%; } .methology_ai_malaysia img { width: 90%; border-radius: 30px; } .qatar_different_industry_main { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .qatar_different_industry_box { border-radius: 10px; width: 31.5%; box-shadow: 2px 2px 5px rgb(92, 114, 196); position: relative; overflow: hidden; transition: 0.3s all; } .qatar_different_industry_box img { width: 100%; height: 350px; background-size: cover; opacity: 0.9; } .qatar_different_industry_contain { height: 70px; width: 100%; padding: 13px 20px; border-radius: 10px; box-sizing: border-box; transition: 0.5s; color: #ffffff; position: absolute; bottom: 0px; } .qatar_different_industry_box h3 { font-size: 18px; line-height: 32px; color: #ffffff; text-align: center; font-weight: 700; } .qatar_different_industry_contain p { text-align: center; font-weight: 500; font-size: 16px; line-height: 28px; visibility: hidden; opacity: 0; } .qatar_different_industry_box:hover .qatar_different_industry_contain { cursor: pointer; width: 100%; height: 350px; background: #121526; } .qatar_different_industry_box:hover h3 { text-align: center; } .qatar_different_industry_box:hover p { opacity: 1; visibility: visible; } .cta_ai_malaysia_content { padding-inline: 20px; width: 55%; } .common_cta_bg { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 40px 0; border-radius: 30px; } .cta_ai_malaysia_content h2 { border-left: 5px solid white; padding-left: 12px; color: #ffffff; font-size: 32px; font-weight: 700; line-height: 40px; margin-bottom: 28px; } .cta_ai_malaysia_content p { color: #ffffff; font-size: 16px; font-weight: 500; line-height: 28px; margin-bottom: 25px; } .cta_main_healthcare_other { padding: 30px 20px; background: url(../images/healthcare/cta222222222.webp); background-position: center; background-size: cover; border-radius: 20px; display: flex; align-items: center; } .cta_main_healthcare { padding: 30px 20px; background: url(../images/healthcare/ctaaaaa.webp); background-position: center; background-size: cover; border-radius: 20px; display: flex; align-items: center; } .cta_main_malaysia { padding: 30px 20px; background: url(../images/ai_company_in_malaysia/Looking-to-harness-the-power-of-AI.png); background-position: center; background-size: cover; border-radius: 20px; display: flex; align-items: center; } .cta_main_malaysia_other { padding: 30px 20px; background: url(../images/ai_company_in_malaysia/Ready-to-move-on-to-the-world-of-Al-for-your-commercial-enterprise.webp); background-position: center; background-size: cover; border-radius: 20px; display: flex; align-items: center; } .why_techgropse_best .new_top_heading :is(h2, p) { color: #ffffff; } .main_why_techgropse_box { display: flex; flex-wrap: wrap; gap: 30px; } .why_techgropse_box { border: 3px solid white; width: 31.5%; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .why_techgropse_box_content { padding: 20px 30px; } .why_techgropse_box img { background-color: #ffffff; box-shadow: rgba(94, 91, 91, 0.35) 0px 5px 15px; margin-top: 25px; padding: 5px 20px; border-radius: 0 10px 10px 0; max-height: 60px; } .why_techgropse_box h3 { color: #ffffff; font-size: 18px; line-height: 32px; margin-bottom: 8px; font-weight: 700; } .why_techgropse_box p { color: #ffffff; font-size: 16px; line-height: 28px; font-weight: 500; } .main_boost_your_cx_box { display: flex; flex-wrap: wrap; gap: 30px; } .boost_your_cx_box { width: 48.5%; display: flex; padding: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-left: 25px solid #121526; transition: 0.3s all; border-radius: 10px; } .boost_your_cx_box:hover { transform: translateX(-2px); border-left: 15px solid #121526; } .boost_your_cx_box_icon img { max-width: 50px; } .boost_your_cx_box_content { padding: 0 0 0 20px; } .boost_your_cx_box_content h3 { font-size: 18px; line-height: 32px; font-weight: 700; } .boost_your_cx_box_content p { font-size: 16px; line-height: 28px; font-weight: 500; } .technology_masters .new_top_heading :is(h2, p) { color: #ffffff; } .main_technology_master { display: flex; flex-wrap: wrap; gap: 25px; } .technology_masters_box { display: flex; width: 48.5%; border: 2px solid white; border-radius: 10px; overflow: hidden; position: sticky; top: 100px; cursor: pointer; } .technology_masters_box:hover img { transform: scale(1.03); transition: 0.4s ease-in-out; cursor: pointer; } .technology_masters_icon { width: 45%; height: 310px; } .technology_masters_icon img { border-radius: 10px 0 0 10px; width: 100%; height: 100%; } .technology_masters_content { background: #121526; border-radius: 0 10px 10px 0; padding: 20px; max-width: 55%; } .technology_masters_content h3 { color: #ffffff; line-height: 30px; font-weight: 700; font-size: 18px; } .technology_masters_content p { line-height: 26px; color: #ffffff; font-weight: 500; font-size: 16px; } .main_our_chatbt_service_bx { display: flex; flex-wrap: wrap; gap: 15px; } .our_chatbt_service_bx { width: 23.9%; background-color: #ffffff; padding: 20px 25px; transition: 0.2s all; border-radius: 20px; border: 3px solid #ececec; display: flex; flex-direction: column; align-items: center; text-align: center; } .our_chatbt_service_bx:hover { border: 3px solid #0080ff; } .our_chatbt_service_bx img { max-width: 50px; margin-bottom: 12px; } .our_chatbt_service_bx h3 { font-size: 18px; font-weight: 700; line-height: 32px; } .our_chatbt_service_bx p { font-size: 16px; font-weight: 500; line-height: 28px; } .main_why_choose_ai_malaysia { display: flex; flex-wrap: wrap; gap: 30px; } .main_why_choose_ai_malaysia h3 { font-size: 17px; line-height: 30px; font-weight: 700; margin-bottom: 5px; } .main_why_choose_ai_malaysia p { font-size: 16px; line-height: 28px; font-weight: 500; } .main_why_choose_ai_malaysia img { max-width: 50px; margin-bottom: 20px; } .why_choose_ai_malaysia_box_bg :is(h3, p) { color: #ffffff; } .why_choose_ai_malaysia_box_bg { width: 48.5%; transition: 0.4s all; padding: 20px 25px; background: #121526; border-radius: 15px; } .why_choose_ai_malaysia_box { transition: 0.4s all; width: 48.5%; border-radius: 15px; padding: 20px 25px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .why_choose_ai_malaysia_box_bg:hover { scale: 1.02; } .why_choose_ai_malaysia_box:hover { scale: 1.02; } .new_ai_singapore_banner { height: auto; background: #08223a; padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .new_ai_singapore_banner.bx_cls { padding: 140px 0 0px; } .new_ai_singapore_banner::after { position: absolute; background: #00000075; content: ""; z-index: -1; text-align: 0; top: 0; width: 100%; height: 100%; } .new_ai_singapore_banner .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .right_banner_ai_singapore img { width: 100%; } .cta_ai_singapore_bg_common { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 50px 0; } .cta_ai_singapore_new h2 { color: #ffffff; font-size: 36px; text-align: center; font-weight: 800; line-height: 50px; } .cta_ai_singapore_new p { color: #ffffff; font-size: 16px; text-align: center; font-weight: 500; line-height: 30px; } .cta_ai_singapore_new { display: flex; flex-direction: column; justify-content: center; align-items: center; } .main_chatbot_services { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 20px; } .chatbot_services_box { display: flex; align-items: center; flex-direction: column; border-radius: 20px; width: 31.5%; box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.16); border-bottom: 7px solid #061735; overflow: hidden; } .chatbot_services_box:hover img { transform: scale(1.02); transition: 0.5s; } .chatbot_services_box .uppar_box img { width: 100%; border-radius: 20px; } .chatbot_services_box .lower_box { padding: 15px 20px; } .chatbot_services_box .lower_box h3 { margin-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 30px; text-align: center; } .chatbot_services_box .lower_box p { font-size: 16px; font-weight: 500; line-height: 28px; text-align: center; } .roadmap_section .new_top_heading :is(h2, p) { color: #ffffff; } .main_roadmap_box { display: flex; justify-content: center; gap: 25px; margin-top: 10px; flex-wrap: wrap; } .roadmap_box { border-radius: 20px; width: 31.5%; padding: 20px; border: 2px solid #a0a7af; position: relative; transition: 0.4s all; display: flex; flex-direction: column; background-color: #ffffff; border-top: 8px solid #0080ff; } .roadmap_box:hover { transform: translateY(-3px); border-top: 5px solid #0080ff; } .roadmap_box .count { content: ""; font-size: 76px; font-weight: bold; position: absolute; background-image: none; color: #e2ecf7; height: auto; width: auto; top: 0; aspect-ratio: unset; right: 16px; } .roadmap_box img { margin-bottom: 20px; max-width: 50px; } .roadmap_box_content { display: flex; gap: 10px; flex-wrap: wrap; flex-direction: column; color: #000; } .roadmap_box_content h3 { font-size: 18px; font-weight: 700; line-height: 28px; } .roadmap_box_content p { font-size: 16px; font-weight: 500; line-height: 28px; } .main_smarter_app_box { display: flex; justify-content: center; flex-wrap: wrap; gap: 22px; } .smarter_app_box { display: flex; justify-content: flex-start; width: 48.5%; transition: 0.5s all; border: 2px solid #0080ff; border-radius: 10px; } .smarter_app_box:hover { transform: translateY(-5px); } .smarter_app_box img { background: #fff; box-shadow: rgba(94, 91, 91, 0.35) 0px 5px 15px; margin-top: 25px; padding: 7px 20px; border-radius: 0 10px 10px 0; max-height: 58px; border-top: 2px solid #0080ff; border-bottom: 2px solid #0080ff; border-right: 4px solid #0080ff; } .smarter_app_box_content { color: #000; padding: 20px 30px; } .smarter_app_box_content h3 { font-size: 18px; font-weight: 700; line-height: 30px; } .smarter_app_box_content p { font-size: 16px; font-weight: 500; line-height: 28px; } .why_pick_tg .container { margin-bottom: 50px; } .WorkOnly_sticky { position: sticky; top: 90px; } .why_pick_tg_image { width: 100%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 2px solid #121526; border-radius: 10px; } .why_pick_tg_image img { padding: 8px; width: 100%; object-fit: cover; } .main_why_pick_tg_right { border-radius: 10px; color: #ffffff; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } .why_pick_tg_right_box { background-color: #121526; position: sticky; top: 100px; width: 100%; display: flex; flex-direction: column; padding: 20px; border-radius: 10px; } .why_pick_tg_right_box img { max-width: 50px; margin-bottom: 15px; filter: brightness(0) invert(1); } .why_pick_tg_right_box h3 { font-size: 17px; font-weight: 700; line-height: 34px; } .why_pick_tg_right_box p { font-size: 16px; font-weight: 500; line-height: 28px; } .ecommerce-process ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-inline: auto; padding-block: 1rem; list-style: none; counter-reset: count; } .ecommerce-process ol > li { margin: 0.75rem; margin-top: calc(3rem - 0.5rem); border-radius: 0.5rem; padding-block: 1.5rem; padding-inline: 1rem; color: #0f0f0f; background-color: #fff; box-shadow: inset 1px 1px 0px rgb(255 255 255 / 0.5), inset -1px -1px 0px rgb(0 0 0 / 0.25), calc(0.75rem * 0.25) calc(0.75rem * 0.25) calc(0.75rem * 0.5) rgb(0 0 0 / 0.25); position: relative; counter-increment: count; } .ecommerce-process ol > li::after { content: counter(count, decimal-leading-zero); position: absolute; bottom: calc(100% - 49px); left: 76%; color: #0080ff59; font-weight: 700; font-size: 35px; line-height: 1; z-index: 0; } .ecommerce-process ol > li::before { content: ""; position: absolute; width: calc(100% + (12px * 2)); height: 100%; bottom: calc(10px * -1); left: calc(12px * -1); z-index: -1; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #eef3ff; background-image: linear-gradient(to left, #eef3ff calc(0.75rem * 2), transparent 0), linear-gradient(135deg, #0080ff 80%, #eef3ff 0); } .ecommerce-process ol > li img { max-width: 35px; margin-bottom: 15px; } .ecommerce-process ol h3 { color: #0080ff; font-size: 17px; transition: 0.5s all; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .ecommerce-process ol p { color: #08223a; transition: 0.5s all; font-size: 15px; font-weight: 500; line-height: 26px; } .taxi-cta .taxi-left { width: 70%; padding-left: 70px; } .new_bg_banner_tx_onlyimg .tx_img img { width: 100%; } .pearks_dating.top-notch-box .col-md-6 { margin-bottom: 30px; } .new_health_app { height: auto; background: url(../images/healthcare/Custom-Healthcare-App-Development-Solutions1.png); padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .new_health_app::after { position: absolute; background: #00000075; content: ""; z-index: -1; text-align: 0; top: 0; width: 100%; height: 100%; } .new_health_app .row { display: flex; flex-wrap: wrap; justify-content: center; } .new_health_left h1 { font-size: 45px; line-height: 60px; font-weight: 900; color: #ffffff; margin-bottom: 10px; } .new_health_left p { font-weight: 500; font-size: 18px; line-height: 30px; margin-bottom: 8px; color: #ffffff; } .main_healthcare_development_service_box { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .healthcare_development_service_box { border-radius: 20px; padding: 12px; background: #121526; width: 31.5%; cursor: pointer; } .healthcare_development_service_inner { padding: 15px 10px; border-radius: 20px; border: 2px solid #121526; display: flex; flex-direction: column; align-items: center; text-align: center; transition: 0.5s all; } .healthcare_development_service_inner:hover { border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-top: none; transform: translateY(-15px); } .healthcare_development_service_box img { margin-bottom: 10px; max-width: 55px; } .healthcare_development_service_box h3 { font-size: 17px; line-height: 30px; color: #ffffff; font-weight: 700; } .healthcare_development_service_box p { font-size: 16px; line-height: 28px; color: #ffffff; font-weight: 500; } .healthcare_feature_sec ul { padding: 15px; background: #121526; display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 30px; border-radius: 20px; } .healthcare_feature_sec ul li a { border: 2px solid; padding: 10px 15px; color: #fff; font-size: 16px; font-weight: 700; border-radius: 15px; } .healthcare_feature_sec ul li a:hover { color: #000; } .tab_features_content_inner { display: flex; } .tab_features_content_inner .tab_features_img { width: 40%; } .tab_features_content_inner .tab_features_img img { width: 100%; border-radius: 30px; } .tab_features_content_inner .tab_features_headpara { width: 60%; padding: 10px 25px; } .tab_features_content_inner .tab_features_headpara h3 { font-size: 19px; line-height: 32px; font-weight: 700; } .tab_features_content_inner .tab_features_headpara p { font-size: 15px; font-weight: 500; margin-bottom: 8px; line-height: 26px; } .tab_features_headpara .tab_features_headpara_details { position: relative; padding-left: 20px; } .tab_features_headpara .tab_features_headpara_details::after { content: ""; position: absolute; top: 10px; height: 10px; width: 10px; background: #000; left: 0; border-radius: 50%; } .tab_features_headpara_details h4 { font-size: 16px; font-weight: 600; line-height: 30px; } .tab_features_headpara_details p { font-size: 15px; font-weight: 500; line-height: 26px; } .main_healtcare_unique_ideas { display: flex; flex-wrap: wrap; gap: 10px; } .healtcare_unique_ideas_box { background-color: #121526; color: #fff; position: sticky; top: 100px; width: 100%; display: flex; flex-direction: column; padding: 20px; border-radius: 10px; } .healtcare_unique_ideas_box img { max-width: 55px; margin-bottom: 10px; } .healtcare_unique_ideas_box h3 { font-size: 17px; font-weight: 700; line-height: 30px; margin-bottom: 5px; } .healtcare_unique_ideas_box p { font-size: 16px; font-weight: 500; line-height: 28px; } .main_healthcare_dev_process { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .healthcare_dev_process_box { border-radius: 20px; width: 31.5%; background: #121526; padding: 15px; } .healthcare_dev_process_box_details { color: #000; padding: 15px; } .healthcare_dev_process_box_details h3 { font-size: 17px; font-weight: 700; line-height: 30px; } .healthcare_dev_process_box_details p { font-size: 16px; font-weight: 500; line-height: 28px; } .healthcare_dev_process_inner { border-radius: 20px; border: 2px solid #0080ff; background: #fff; padding: 15px 0; transition: 0.5s all ease-out; height: 360px; } .healthcare_dev_process_inner:hover { transform: translateX(25px); } .healthcare_dev_process_img_no { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .healthcare_dev_process_img_no img { padding-left: 15px; max-width: 55px; } .healthcare_dev_process_img_no span { background: #121526; color: #ffffff; display: flex; justify-content: center; padding: 10px 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; font-size: 18px; font-weight: 700; letter-spacing: 2px; } .why_is_tg_best { display: flex; justify-content: center; align-items: center; overflow: hidden; } .why_is_tg_best .new_top_heading :is(h2, p) { color: #fff; } .why_is_tg_best .container { position: relative; width: 900px; min-width: 350px; overflow-x: hidden; min-height: 250px; padding-bottom: 40px; } .why_is_tg_best .testimonials_wrapper { width: 400%; display: flex; align-items: center; justify-content: space-between; transition: 1s all; } .why_is_tg_best .card { width: 800px; display: flex; align-items: center; background: #121526; border-radius: 20px; padding: 25px; margin-left: 25px; border-inline: 6px solid #fff; border-block: 2px solid #fff; } .why_is_tg_best .card .card_thumb { width: 30%; } .card .card_thumb img { box-shadow: 2px 2px 12px rgb(191, 200, 234); border-radius: 25%; width: 100%; } .card_thumb_body { width: 70%; padding-left: 30px; } .card_thumb_body p { font-size: 16px; color: #ffffff; font-weight: 500; margin-bottom: 10px; line-height: 28px; } .card_thumb_body h3 { text-transform: capitalize; font-size: 17px; color: #000000; background-image: linear-gradient(280deg, white, pink, skyblue); padding: 4px 6px; line-height: 22px; border-radius: 10px; width: 55%; text-align: center; font-weight: 700; } .why_is_tg_best .testimonial_indicators { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .why_is_tg_best .testimonial_indicators button { background: none; border: none; outline: none; width: 20px; border-radius: 50px; height: 12px; border: 2px solid white; margin-right: 5px; transition: 1s all; } .why_is_tg_best .testimonial_indicators .active { width: 40px; border-radius: 50px; background-color: #ffffff; } .paraimg_content ul li { position: relative; padding-left: 30px; margin-bottom: 10px; } .paraimg_content ul li p { margin: 0; } .paraimg_content ul li::after { content: ""; position: absolute; top: 9px; height: 12px; width: 12px; background-color: #0080ff; left: 0; border-radius: 2px; } .interlink_update { color: #0080ff !important; font-weight: 900; font-style: italic; } .heading_link { text-decoration: underline !important; color: #0080ff !important; } .interlink_white { color: #fff !important; font-weight: 600; } .list_crcle { list-style: circle; font-size: 21px; padding: 0 0 0 25px; } .list_crcle li p { margin-bottom: 0; font-size: 15px; } .key_factor_taxi .new_top_heading :is(h2, p) { color: #fff; } .main_key_factor_taxi { display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; align-items: stretch; } .key_factor_taxi_box { display: block; border-radius: 10px; background-color: #fff; text-align: center; width: 23%; border: 3px solid #05081a; padding: 26px 15px; transition: 0.3s all ease; } .key_factor_taxi_box:hover { border: 3px solid #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .key_factor_taxi_box img { max-width: 45px; margin-bottom: 20px; } .key_factor_taxi_box h3 { font-size: 17px; font-weight: 700; line-height: 26px; } .new_hire_react_banner { height: auto; background: url(../images/hire-react-js/hire-banner.webp); padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .new_hire_react_banner .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .left_hire_content_zone h1 { font-size: 40px; line-height: 52px; font-weight: 800; color: #fff; margin-bottom: 8px; } .left_hire_content_zone p { font-size: 16px; line-height: 28px; font-weight: 500; color: #fff; } .left_hire_content_zone ul { margin: 20px 0 0; } .left_hire_content_zone ul li { position: relative; margin-bottom: 10px; font-weight: 600; padding-left: 27px; line-height: 26px; flex-basis: 100%; color: #bdb7b7; } .left_hire_content_zone ul li::before { content: ""; background: url(../images/commonpart/check-mark.png) no-repeat; width: 17px; height: 17px; position: absolute; top: 3px; left: 0; color: #0080ff; border-radius: 50px; } .right_hire_img_zone { position: relative; text-align: center; } .right_hire_img_zone img { width: 100%; } .new_hire_details_tg { padding: 20px 0; } .main_hire_details_tg { gap: 16px; display: flex; justify-content: center; flex-wrap: wrap; } .hire_details_tg_box { border-bottom: 2px solid #fff; display: flex; flex-direction: column; align-items: center; text-align: center; width: 19%; border-radius: 5px; transition: 0.5s all ease; padding: 20px; } .hire_details_tg_box:hover { border-bottom: 2px solid #fff; transform: translateY(-5px); } .hire_details_tg_box h3 { color: #fff; font-size: 40px; font-weight: 800; margin-bottom: 10px; } .hire_details_tg_box p { color: #fff; font-size: 18px; line-height: 28px; font-weight: 600; } .tech_hire_new_sec .new_top_heading :is(h2, p) { color: #fff; } .main_tech_hire_new_sec { display: flex; align-items: center; gap: 10px; } .main_tech_hire_new_sec ul { width: 30%; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; border-bottom: none; } .main_tech_hire_new_sec .tab-content { width: 70%; } .main_tech_hire_new_sec ul li a { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 15px; padding: 25px 15px; background: #121526; color: #fff; border-radius: 25px; } .main_tech_hire_new_sec ul li a:hover { color: #fff; } .tech_hire_new_sec_details { border-top: 3px solid #fff; border-right: 5px solid #fff; border-bottom: 3px solid #fff; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 30px 20px; color: #fff; } .tech_hire_new_sec_details h3 { text-decoration: underline; font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 10px; } .tech_hire_new_sec_details p { margin-bottom: 10px; font-size: 17px; font-weight: 500; } .tech_hire_new_sec_details .technology_names img { height: 45px; width: auto; filter: invert(1) brightness(70.5); margin-bottom: 12px; } .tech_hire_new_sec_details .main_technology_names { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; } .tech_hire_new_sec_details .technology_names { border: 2px solid #121526; width: 20%; border-radius: 20px; padding: 15px 12px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: 0.5s all ease; } .tech_hire_new_sec_details .technology_names h4 { font-size: 17px; line-height: 23px; } .tech_hire_new_sec_details .technology_names:hover { border: 2px solid #fff; } .hire_new_developers_sec .main_container_hire_new_develoeprs { display: flex; flex-wrap: wrap; gap: 20px; } .main_container_hire_new_develoeprs .container_hire_new_develoeprs_box { background: #121526; padding: 0; width: 48.5%; display: flex; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon { width: 40%; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon h3 { font-size: 17px; line-height: 26px; text-align: center; color: #fff; padding-top: 5px; font-weight: 700; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon h4 { font-size: 14px; line-height: 22px; text-align: center; font-weight: 500; color: #bdb7b7; padding-bottom: 5px; padding-left: 5px; } .main_container_hire_new_develoeprs .container_hire_new_develoeprs_box img { border-radius: 0 0 20px 0; border: 2px solid #121526; width: 100%; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_details { padding: 0px 15px; width: 60%; } .new_develoeprs_box_details_exper_availity { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 0 0 15px 15px; } .new_develoeprs_box_details_exper_availity div p { font-weight: 600; } .hire_new_develoeprs_box_details p { padding-top: 5px; color: #fff; font-size: 15px; font-weight: 500; line-height: 26px; } .hire_new_develoeprs_box_details .hire_new_develoeprs_slkills_name { display: flex; flex-wrap: wrap; gap: 15px; padding: 15px 0; } .hire_new_develoeprs_box_details .hire_new_develoeprs_slkills_name span { background: #fff; color: #000; font-size: 14px; font-weight: 600; padding: 5px 8px; text-align: center; border-radius: 10px; } .main_flip_box_contain { display: flex; gap: 25px; flex-wrap: wrap; justify-content: center; } .flip_box { width: 46%; perspective: 800px; box-shadow: rgb(92, 114, 196); } .flip_box_inner { position: relative; height: 320px; width: 100%; transition: transform 0.8s; transform-style: preserve-3d; } .flip_box:hover .flip_box_inner { transform: rotateY(180deg); } .flip_box_front, .flip_box_back { position: absolute; border-radius: 15px; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; } .flip_box_front { display: flex; justify-content: center; } .flip_box_front img { border-radius: 15px; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; } .flip_box_front h3 { color: #ffffff; font-weight: 700; font-size: 17px; line-height: 28px; position: absolute; bottom: 25px; } .flip_box_back p { font-size: 16px; font-weight: 500; line-height: 26px; } .flip_box_back { background-color: #121526; color: #ffffff; transform: rotateY(180deg); padding: 20px; } .flip_box_back ul { padding-left: 18px; margin-top: 20px; } .flip_box_back ul li::after { content: ""; position: absolute; height: 10px; width: 10px; background-color: #fff; top: 5px; left: -20px; border-radius: 50%; } .flip_box_back ul li { font-size: 14px; font-weight: 500; position: relative; margin-bottom: 5px; } .main_new_video_Cost { margin-top: 15px; border-radius: 10px; display: flex; flex-wrap: wrap; gap: 15px; } .new_video_Cost_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); border-radius: 10px; padding: 20px; width: 49%; background-color: #fff; position: relative; display: flex; flex-direction: column; transition: 0.5s all ease; } .new_video_Cost_box:hover { scale: 1.02; } .new_video_Cost_box::before { background-image: url(../images/updated/dots1.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .new_video_Cost_box img { max-width: 45px; margin-bottom: 10px; } .new_video_Cost_box h3 { font-size: 17px; font-weight: 700; line-height: 28px; } .new_video_Cost_box p { font-size: 16px; font-weight: 500; line-height: 28px; } .hire_new_expertise_sec .new_top_heading :is(h2, p) { color: #fff; } .main_hire_new_expertise { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .hire_new_expertise_box { margin-bottom: 20px; width: 31.9%; background: #121526; padding: 15px 25px 50px 30px; transition: 0.5s all ease; border: 3px solid #ececec; border-radius: 20px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 0 10px 0 #fff, inset 0 -12px 0 rgba(0, 0, 0, 0.15); } .hire_new_expertise_box:hover img { scale: 1.05; } .hire_new_expertise_box img { max-width: 50px; margin-bottom: 10px; } .hire_new_expertise_box h3 { color: #fff; font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 7px; } .hire_new_expertise_box p { color: #fff; font-size: 16px; font-weight: 500; line-height: 28px; } .main_new_hire_react_dev { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .new_hire_react_dev_box { display: flex; flex-direction: column; align-items: center; text-align: center; width: 31.5%; padding: 20px 40px 50px 40px; border-radius: 30px 50px 180px 40px; box-shadow: 0 0 10px 0 #0080ff; border: 5px solid #fff; transition: 0.3s all ease-in; margin-bottom: 20px; } .new_hire_react_dev_box:hover { border: 5px solid #0080ff; } .new_hire_react_dev_box img { max-width: 50px; margin-bottom: 10px; } .new_hire_react_dev_box h3 { font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 6px; } .new_hire_react_dev_box p { font-size: 16px; font-weight: 500; line-height: 28px; } .react_developeer_need_table .new_top_heading :is(h2, p) { color: #fff; } .hire_new_table_main_container_bg { border: 2px solid #fff; background: #121526; padding: 20px; border-radius: 10px; } .hire_new_table_main_container_bg .table-responsive { min-height: 0.01%; overflow-x: auto; } .hire_new_table_main_container_bg .table { margin: 0; } .hire_new_table_main_container_bg { color: #fff; } .hire_new_table_main_container_bg .table thead tr { padding: 20px; } .hire_new_table_main_container_bg .table thead tr th, .hire_new_table_main_container_bg .table tbody tr th, .hire_new_table_main_container_bg .table tbody tr td { padding: 15px 8px; } .hire_new_table_main_container_bg .table thead tr th:nth-child(2), .hire_new_table_main_container_bg .table thead tr th:nth-child(3), .hire_new_table_main_container_bg .table thead tr th:nth-child(4) { text-align: center; } .hire_new_table_main_container_bg .table thead tr th, .hire_new_table_main_container_bg .table tbody tr th { text-transform: uppercase; font-weight: 600; font-size: 16px; } .hire_new_table_main_container_bg .table tbody tr td { font-size: 15px; text-align: center; font-weight: 500; } .react_developeer_need_table_btn { display: flex; justify-content: center; margin-top: 20px; } .main_how_dedicated_react { display: flex; flex-wrap: wrap; gap: 20px; } .how_dedicated_react_size { width: 31.5%; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px; border: 3px solid #0080ff; transition: 0.5s all ease; } .how_dedicated_react_size:hover { transform: translateX(5px); } .how_dedicated_react_size img { border-radius: 0 0 5px 5px; background: white; box-shadow: rgba(94, 91, 91, 0.35) 0px 5px 15px; padding: 7px 20px; max-height: 58px; } .how_dedicated_react_size_content { padding: 25px 20px; } .how_dedicated_react_size_content h3 { font-size: 17px; line-height: 26px; font-weight: 700; margin-bottom: 6px; } .how_dedicated_react_size_content p { font-size: 16px; line-height: 25px; font-weight: 500; } .main_new_para_slogen_hiresec { position: relative; background: #121526; color: #fff; padding: 40px 20px; overflow: hidden; margin-bottom: 25px; } .methology_ai_singapore .newbtn_design { margin-top: 15px; } .methology_ai_singapore_other .newbtn_design { margin-top: 15px; } .hire_new_single_box_para { display: flex; flex-direction: column; align-items: center; text-align: center; } .main_new_para_slogen_hiresec h2 { font-size: 24px; font-weight: 700; margin-bottom: 5px; } .main_new_para_slogen_hiresec p strong { font-size: 24px; font-weight: 700; } .main_new_para_slogen_hiresec p { font-size: 17px; font-weight: 500; word-spacing: normal; line-height: 32px; } .main_new_para_slogen_hiresec span:nth-child(1) { position: absolute; width: 100%; height: 5px; top: 0; left: 0; background-image: linear-gradient(to right, #002b9d, #0080ff); animation: animate1 10s linear infinite; } @keyframes animate1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .main_new_para_slogen_hiresec span:nth-child(2) { position: absolute; height: 100%; width: 5px; top: 0; right: 0; background-image: linear-gradient(to bottom, #002b9d, #34ffea); animation: animate2 5s linear infinite; animation-delay: 1s; } @keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } .main_new_para_slogen_hiresec span:nth-child(3) { position: absolute; width: 100%; height: 5px; left: 0; bottom: 0; background-image: linear-gradient(to left, #002b9d, #34ffea); animation: animate3 10s linear infinite; animation-delay: 1s; } @keyframes animate3 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } .main_new_para_slogen_hiresec span:nth-child(4) { position: absolute; width: 5px; height: 100%; left: 0; top: 0; background-image: linear-gradient(to top, #002b9d, #34ffea); animation: animate4 5s linear infinite; animation-delay: 1s; } @keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } .main_cont_elevate_react_native { display: flex; flex-wrap: wrap; gap: 20px; } .cont_elevate_react_native_box { padding: 10px; width: 48.5%; display: flex; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px; transition: 0.5s all ease; border: 2px dotted #0080ff; } .cont_elevate_react_native_icon { display: flex; justify-content: center; align-items: center; } .cont_elevate_react_native_box:hover { transform: translateY(-5px); } .cont_elevate_react_native_box_contain { padding-left: 20px; } .cont_elevate_react_native_box_contain h3 { font-size: 18px; font-weight: 700; line-height: 30px; } .cont_elevate_react_native_box_contain p { font-size: 16px; font-weight: 500; line-height: 28px; } .hire_new_code_quality .new_top_heading :is(h2, p) { color: #fff; } .main_hire_new_code_quality { display: flex; gap: 20px; flex-wrap: wrap; } .hire_new_code_quality_box { width: 48.5%; color: #fff; padding: 15px; background: #121526; border: 1px solid #fff; border-radius: 0px 30px; } .hire_new_code_quality_box h3 { font-size: 18px; font-weight: 700; line-height: 30px; text-decoration: underline; margin-bottom: 8px; } .hire_new_code_quality_box ul li { position: relative; padding-left: 20px; margin-bottom: 10px; } .hire_new_code_quality_box ul li { font-size: 16px; font-weight: 500; line-height: 28px; } .hire_new_code_quality_box ul li::after { content: ""; position: absolute; top: 9px; height: 10px; width: 10px; background-color: #fff; left: 0; border-radius: 50%; } .newbtn_design { background: #0080ff; color: rgba(255, 255, 255, 1) !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:hover { padding: 5px 25px 5px 60px; } .newbtn_design img { max-width: 20px; position: absolute; right: 22px; animation: wobble 1s ease infinite; transition: 0.5s; } .newbtn_design:hover img { right: calc(100% - 50px); } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .main_generative_ai_services { display: flex; flex-wrap: wrap; } .generative_ai_services_box { width: 50%; padding: 20px; border-top: 1px solid #121526; transition: 0.5s all; } .generative_ai_services_box_icon_no { display: flex; justify-content: space-between; align-items: center; } .generative_ai_services_box:hover { background: #eef3ff; } .generative_ai_services_box:nth-child(odd) { border-right: 1px solid #121526; } .generative_ai_services_box_icon_no { margin-bottom: 10px; } .generative_ai_services_box_icon_no img { max-width: 50px; } .generative_ai_services_box_icon_no span { font-size: 50px; color: #b9bec3; aspect-ratio: unset; font-weight: 700; } .generative_ai_services_box h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; } .generative_ai_services_box p { font-size: 16px; font-weight: 500; line-height: 28px; } .main_our_exciting_generative_ai { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .our_exciting_generative_ai_box { width: 31.5%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 10px; border: 1px solid #121526; padding: 20px; transition: 0.2s all; } .our_exciting_generative_ai_box img { max-width: 45px; margin-bottom: 8px; } .our_exciting_generative_ai_box h3 { font-size: 17px; margin-bottom: 5px; font-weight: 700; line-height: 28px; } .our_exciting_generative_ai_box p { font-size: 16px; margin-bottom: 5px; font-weight: 500; line-height: 28px; } .our_exciting_generative_ai_box:hover { background: #121526; color: #fff; } .our_exciting_generative_ai_box:hover img { filter: invert(1) brightness(70.5); } .main_our_engagement_generative_ai { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .our_engagement_generative_ai_box { position: relative; width: 31.5%; border-radius: 10px; padding: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border: 2px solid #ececec; border-bottom: 6px solid #000; display: flex; flex-direction: column; align-items: center; text-align: center; transition: 0.5s all; } .our_engagement_generative_ai_box:hover { border: 2px solid #121526; } .our_engagement_generative_ai_box_icon { border-radius: 50%; background: #121526; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .our_engagement_generative_ai_box_icon img { max-width: 40px; } .our_engagement_generative_ai_box h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; } .our_engagement_generative_ai_box p { font-size: 16px; font-weight: 500; line-height: 27px; } .main_our_uses_cases_gen_ai { display: flex; background: #121526; border: 4px solid #fff; } .main_our_uses_cases_gen_ai ul { background: #0080ff; width: 40%; display: flex; flex-wrap: wrap; flex-direction: column; border-bottom: none; } .our_uses_cases_gen_ai .new_top_heading :is(h2, p) { color: #fff; } .main_our_uses_cases_gen_ai ul li a { text-align: center; font-size: 17px; font-weight: 700; color: #fff; padding: 16px 10px; border-bottom: 2px solid #fff; } .main_our_uses_cases_gen_ai ul li a:hover { color: #000; } .main_our_uses_cases_gen_ai .tab-content { width: 60%; } .main_our_uses_cases_gen_ai .our_uses_cases_gen_ai_content { padding: 40px 30px; } .uses_cases_gen_ai_content_icon { border-radius: 10px; background: #0080ff; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } .uses_cases_gen_ai_content_icon img { max-width: 45px; } .our_uses_cases_gen_ai_content h3 { color: #fff; font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; } .our_uses_cases_gen_ai_content p { color: #fff; font-size: 17px; font-weight: 500; line-height: 28px; } .main_list_generative_ai_modal { display: flex; justify-content: center; flex-wrap: wrap; } .list_generative_ai_modal_box { padding: 25px 20px; color: #fff; width: 23.5%; border-bottom: 1px solid #fff; background: #121526; transition: 0.3s all ease; } .list_generative_ai_modal_box:hover { transform: translateX(5px); } .list_generative_ai_modal_box img { max-width: 50px; margin-bottom: 10px; } .list_generative_ai_modal_box h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; } .list_generative_ai_modal_box p { font-size: 16px; font-weight: 500; line-height: 28px; } .our_work_process_genai .new_top_heading :is(h2, p) { color: #fff; } .main_our_work_process_genai { display: flex; justify-content: center; flex-wrap: wrap; justify-content: center; } .our_work_process_genai_box { width: 46%; gap: 10px; display: flex; flex-direction: column; align-items: center; text-align: center; border-bottom: 4px solid #05081a; padding: 15px 20px; color: #fff; margin-top: 20px; cursor: pointer; transition: 0.2s all; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border: 1px solid #ffffff1f; margin: 15px 8px; border-radius: 12px; position: sticky; top: 110px; background: #121526; min-height: 390px; } .our_work_process_genai_box:hover .our_work_process_genai_box_icon { border: 2px solid #fff; } .our_work_process_genai_box h3 { font-size: 17px; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .our_work_process_genai_box p { font-size: 16px; font-weight: 500; line-height: 27px; } .our_work_process_genai_box_icon { border-radius: 10px; background: #121526; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } .our_work_process_genai_box_icon img { max-width: 45px; } .bos_contain_of_box_img { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; } .main_tg_generative_ai_cont { display: flex; flex-direction: column; flex-wrap: wrap; width: 49%; } .tg_generative_ai_boxi { padding: 15px; transition: 0.5s all ease; position: relative; color: #000; cursor: pointer; } .generative_ai_boxi_icon { background: url(../images/commonpart/sprit_icon.png); width: 25px; height: 25px; display: inline-block; margin: 0 11px 0 0; } .tg_generative_ai_boxi:hover h3 { text-decoration: underline; } .tg_generative_ai_boxi h3 { display: flex; align-items: center; font-size: 17px; line-height: 26px; font-weight: 700; margin-bottom: 5px; } .tg_generative_ai_boxi p { font-size: 16px; line-height: 27px; font-weight: 500; } .tg_generative_ai_cont_img { width: 49%; } .tg_generative_ai_cont_img img { width: 90%; } .mobile_app_chicago_banner { padding: 130px 0 110px; background: #05081a; } .mobile_app_chicago_banner .query_form .form-control, .mobile_app_chicago_banner .query_form button { border-radius: 20px; } .main_mobile_app_chicago_banner { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; border-radius: 30px; color: #ffffff; overflow: hidden; padding: 30px 20px; display: flex; align-items: center; } .mobile_app_chicago_banner .query_form { border-radius: 30px; width: 100%; } .main_mobile_app_chicago_banner_content h1 { font-size: 40px; font-weight: 900; line-height: 50px; margin-bottom: 10px; } .main_mobile_app_chicago_banner_content h1 span { -webkit-text-stroke: unset; color: transparent; -webkit-text-stroke: 1px rgb(255, 255, 255); } .main_mobile_app_chicago_banner_content p { font-size: 16px; font-weight: 500; line-height: 28px; } .main_chicago_banner_logos { border: 2px dotted #fff; border-radius: 30px; margin-top: 50px; background: #121526; padding: 20px; } .main_chicago_banner_logos h2 { color: #fff; font-size: 18px; line-height: 30px; font-weight: 700; text-align: center; text-decoration: underline; } .chicago_banner_logos_setup { margin-top: 25px; display: flex; flex-wrap: wrap; justify-content: space-between; } .chicago_banner_logos_setup img { max-width: 110px; filter: invert(1) brightness(70.5); border: 2px solid #000; border-radius: 20px; transition: 0.3s all ease; cursor: pointer; } .chicago_banner_logos_setup img:hover { border-radius: 12px; } .main_top_company_chicago_methology { display: flex; flex-wrap: wrap; border: 2px solid #000; border-radius: 30px; } .chicago_methology_img { width: 50%; } .chicago_methology_content { padding: 5px 20px; width: 50%; } .chicago_methology_img img { border-radius: 25px 0 0 25px; width: 100%; } .slick-slider .slick-disabled { opacity: 0; pointer-events: none; } .testimonial_sport_bett_sec .new_top_heading :is(h2, p) { color: #fff; } .main_testimonial_sport_bett .testimonial_sport_bett_bx { background: #121526; border: 2px Solid #fff; color: #fff; border-radius: 10px; margin: 0px 10px; min-height: 270px; } .testimonial_sport_bett_bx_head_img { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; } .testimonial_sport_bett_bx_head_img h3 { background: #fff; color: #000; padding: 10px 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-size: 17px; font-weight: 700; } .testimonial_sport_bett_bx_contain_detail { padding: 15px; } .testimonial_sport_bett_bx_contain_detail p { font-size: 16px; font-weight: 500; line-height: 27px; } .testimonial_sport_bett_bx_head_img img { max-width: 55px; padding-right: 15px; } .sport_betting_dev_service .new_top_heading :is(h2, p) { color: #fff; } .main_sport_betting_dev_service { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } .sport_betting_dev_service_bx { width: 100%; color: #fff; padding: 20px; display: flex; gap: 15px; flex-direction: column-reverse; align-items: start; background: #121526; border-bottom: 4px Solid #fff; transition: 0.5s all ease; overflow: hidden; justify-content: left; } .sport_betting_dev_service .remarkable-img-bx img { width: 100%; } .sport_betting_dev_service_bx .sport_betting_dev_service_bx_img img { max-width: 45px; } .sport_betting_dev_service .col-md-5 { position: sticky; top: 110px; } .sport_betting_dev_service_bx:hover .sport_betting_dev_service_bx_img img { transform: scale(1.1); transition: 0.75s all; } .sport_betting_dev_service_bx h3 { font-size: 17px; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .sport_betting_dev_service_bx p { font-size: 16px; font-weight: 500; line-height: 26px; } .our_bet_app_details .new_top_heading :is(h2, p) { color: #fff; } .our_bet_app_details .main_cont_faq { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; height: auto; } .our_bet_app_details .faq_bxr { cursor: pointer; color: #fff; padding: 10px 20px; background: #121526; border-radius: 30px; border: 2px solid; height: auto; display: flex; text-align: center; flex-direction: column; margin: 0 14px; min-height: 375px; } .our_bet_app_details .faq_bxr.kick-bx { min-height: 320px; } .our_bet_app_details .faq_bxr .question { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; cursor: pointer; flex-direction: column; } .our_bet_app_details .faq_bxr .question h3 { font-size: 17px; font-weight: 700; line-height: 26px; } .our_bet_app_details .main_cont_faq button.slick-next.slick-arrow { display: none !important; } .our_bet_app_details .main_cont_faq button.slick-prev.slick-arrow { display: none !important; } .our_bet_app_details .faq_bxr .answer p { font-size: 16px; font-weight: 500; line-height: 27px; } .our_bet_app_details .faq_bxr .question .faq_bxr_icn1 { max-width: 50px; } .our_bet_app_details .faq_bxr .question .faq_bxr_icn2 { max-width: 22px; display: none; } /* .main_cont_faq .faq_bxr .answer { display: none; } */ .faq_bxr.active .answer { display: block; } .our_bet_app_details .faq_bxr.active { height: auto; } .main_sport_dev_steps_process { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .sport_dev_steps_process_bx { width: 48.5%; padding: 20px 25px; border-inline: 4px solid; border-block: 3px solid; border-radius: 50px 20px 50px 20px; transition: 0.75s all ease; display: flex; flex-direction: column; box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; } .sport_dev_steps_process_bx img { margin-bottom: 10px; max-width: 50px; } .sport_dev_steps_process_bx h3 { font-size: 17px; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .sport_dev_steps_process_bx p { font-size: 16px; font-weight: 500; line-height: 26px; } .sport_dev_steps_process_bx:hover { background: #121526; color: #fff; border-radius: 20px 50px 20px 50px; } .sport_dev_steps_process_bx:hover img { filter: invert(1) brightness(70.5); } .main_cont_new_indstry_sec_fli { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; } .cont_new_indstry_sec_fli_bx { width: 23.5%; perspective: 800px; box-shadow: rgb(92, 114, 196); } .new_indstry_sec_fli_inner_bx { position: relative; height: 320px; width: 100%; transition: transform 0.8s; transform-style: preserve-3d; } .cont_new_indstry_sec_fli_bx:hover .new_indstry_sec_fli_inner_bx { transform: rotateY(180deg); } .new_indstry_sec_fli_inner_front, .new_indstry_sec_fli_inner_back { position: absolute; border-radius: 15px; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; } .new_indstry_sec_fli_inner_front { display: flex; justify-content: center; } .new_indstry_sec_fli_inner_front img { border-radius: 15px; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; } .new_indstry_sec_fli_inner_front h3 { color: #ffffff; font-weight: 700; font-size: 17px; line-height: 28px; position: absolute; bottom: 25px; } .new_indstry_sec_fli_inner_back p { font-size: 16px; font-weight: 500; text-align: center; line-height: 26px; } .new_indstry_sec_fli_inner_back { display: flex; justify-content: center; align-items: center; background-color: #121526; color: #ffffff; transform: rotateY(180deg); padding: 20px; } .left_video_sec_riyadpge h3 { color: #000; font-size: 30px; font-weight: 800; line-height: 44px; margin-bottom: 15px; } .left_video_sec_riyadpge p { color: #000; font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 8px; } .right_video_sec_riyadpge iframe { width: 100%; border: 5px solid #0080ff; border-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .me_clients .row { display: flex; align-items: center; } .me_clients { padding: 60px 0; } .main_meclients_slider button.slick-prev.slick-arrow { background-image: url(../images/commonpart/rightarrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; left: -3% !important; display: block !important; top: 48%; bottom: 0; transform: translateY(-50%); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .meclients_box { background-color: #fff; border-radius: 14px; padding: 35px 20px; position: relative; overflow: hidden; text-align: center; margin: 40px 50px 40px; transition: 0.3s ease-in-out; box-shadow: 0 5px 50px rgba(32, 35, 66, 0.1); } .meclients_box > div { position: relative; z-index: 1; } .meclients_box h3 { font-weight: 700; font-size: 16px; margin-bottom: 10px; } .meclients_box h4 { font-weight: 500; font-size: 15px; margin-bottom: 0; } .meclients_box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 20px; line-height: 25px; } .meclients_box::after { background-image: url(../images/updated/dots1.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scaleX(-1); } .meclients_pic { display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50px; overflow: hidden; margin: 20px auto 20px; } .meclients_pic img { height: 100%; width: 100%; object-fit: cover; } .main_testimonial_sport_bett button.slick-prev.slick-arrow { background-image: url(../images/commonpart/next-button.png) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; left: -4% !important; display: block !important; top: 45%; bottom: 0; transform: translateY(-50%) !important; -webkit-transform: scaleX(-1) !important; transform: scaleX(-1); } .main_testimonial_sport_bett button.slick-next.slick-arrow { background-image: url(../images/commonpart/next-button.png) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; right: -4% !important; top: 55%; transform: translateY(-50%); transition: all 0.3s ease-out; } .main_developer_new_sec_hirdub { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } .main_developer_new_sec_hirdub .developer_new_sec_hirdub_bxr { padding: 25px 15px; width: 24%; background: #121526; border: 2px solid #0080ff; transition: 0.75s all; border-radius: 10px; } .developer_new_sec_hirdub_bxr .devel_hirdub_bxr_img_name { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 1px dashed #fff; } .developer_new_sec_hirdub_bxr .devel_hirdub_bxr_img_name img { max-width: 60px; border-radius: 50%; border: 2px solid #0080ff; } .developer_new_sec_hirdub_bxr .devel_hirdub_bxr_img_name h3 { color: #fff; font-size: 16px; font-weight: 700; line-height: 26px; } .developer_new_sec_hirdub_bxr .devel_hirdub_bxr_img_name p { color: #fff; font-size: 15px; font-weight: 500; line-height: 26px; margin-bottom: 3px; } .devel_hirdub_bxr_year_availab { display: flex; gap: 4px; justify-content: space-between; margin-block: 5px; align-items: center; } .devel_hirdub_bxr_year_availab p { color: #fff; font-size: 15px; font-weight: 500; line-height: 22px; } .devel_hirdub_bxr_year_availab span { color: #fff; font-size: 15px; font-weight: 600; line-height: 22px; } .devel_hirdub_bxr_expertise { margin-top: 30px; } .devel_hirdub_bxr_expertise span { color: #fff; padding: 5px 7px; border-radius: 20px; border-top: 2px solid; font-size: 17px; font-weight: 700; text-decoration: underline; } .devel_hirdub_bxr_expert_name { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; } .devel_hirdub_bxr_expert_name p { font-size: 14px; font-weight: 600; padding: 5px 8px; background: #0080ff; color: #fff; border-bottom: 2px solid; border-radius: 15px; width: 46%; text-align: center; } .developer_new_sec_hirdub_bxr_btn { display: flex; justify-content: center; margin-top: 20px; width: 100%; } .developer_new_sec_hirdub_bxr_btn .hirdub_bxr_btn { width: 100%; background: #fff; color: #000; padding: 10px 15px; text-align: center; font-size: 15px; font-weight: 600; border: 2px solid #0080ff; border-radius: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .developer_new_sec_hirdub_bxr_btn .hirdub_bxr_btn:hover { background: #000; color: #fff; } .main_developer_new_sec_hirdub .developer_new_sec_hirdub_bxr:hover { border-radius: 20px 35px; transform: translateY(-5px); } .mvp-form img { width: 100%; } .mvp-form .container { display: flex; flex-direction: column; } .mvp-form .container .row { display: flex; height: auto; align-items: center; } .mvp-form .container .row .col-md-6 { display: flex; flex-direction: column; height: 100%; } .mvp-form .bling-circle { content: ""; display: block; position: absolute; width: 30px; height: 30px; border-radius: 50%; background: rgb(255 255 255/0%); } .mvp-form .bling-circle:after { content: ""; width: 1px; height: 1px; border-radius: 100%; border: 3px solid #fff; position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgb(18 171 238/80%); } @-webkit-keyframes ring-animation { to { box-shadow: 0 0 0 40px transparent; } } .mvp-form .bling-address-1 { transition: 0.5s all; } .mvp-form .address-block { display: none; width: 210px; border: 1px solid rgb(255 255 255/33%); cursor: pointer; background: #08223a; transform: scale(0); transition: 0.5s all; } .mvp-form .address-block h4 { color: #fff; font-size: 24px; line-height: 32px; } .mvp-form .bling-address-1:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-2:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-3:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-4:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .bling-address-5:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; left: -106px; transform: scale(1); } .mvp-form .bling-address-3:hover .address-block { display: block; transition: 0.5s all; padding: 15px; z-index: 1; position: relative; transform: scale(1); } .mvp-form .address-block { display: none !important; } .mvp-form .country-name img { width: 50px; float: left; padding-right: 15px; } .mvp-form .bling-address { display: inline-block; width: 0; } .mvp-form .bling-address-1 { position: absolute; top: 90px; left: 60px; } .mvp-form .bling-address-2 { position: absolute; top: 40px; left: 220px; } .mvp-form .bling-address-3 { position: absolute; top: 33%; left: 69%; } .mvp-form .bling-address-4 { position: absolute; top: 22%; right: 39%; } .mvp-form .bling-address-5 { position: absolute; top: 185px; right: 130px; } .mvp-form .world-map { width: 600px; height: 400px; background-size: contain; background-repeat: no-repeat; } .mvp-form .world-map span { font-size: 14px; color: #fff; } .mvp-form p.text-white { color: #fff; } .mvp-form .mebanner_form { background-color: #fff; border-radius: 12px; margin: 0; margin-bottom: 0px; } .mvp-form .mebanner_form::before { content: ""; position: absolute; width: 26px; height: 26px; background-color: #fff; transform: rotate(45deg); top: 14%; left: -13px; } .mvp-form .mebanner_form h2:after { content: ""; height: 0; width: 0; border-width: 0; } .mvp-form .mebanner_form h2 { left: 0; } .main_newcity_sec_design { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; } .main_newcity_sec_design .newcity_sec_design_bxr { position: relative; width: 24%; overflow: hidden; } .main_newcity_sec_design .newcity_sec_design_bxr img { width: 100% !important; border-radius: 15px; } .newcity_sec_design_bxr_details { padding: 15px; position: absolute; top: 20%; bottom: 10px; color: #fff; } .newcity_sec_design_bxr_details h3 { font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 2px; letter-spacing: 1px; } .newcity_sec_design_bxr_details p { font-size: 14px; font-weight: 500; line-height: 22px; } .banner_enterprise_soft_dev { padding: 120px 0; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .enterprise_soft_Headpara { padding: 100px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .enterprise_soft_Headpara h1 { font-size: 52px; font-weight: 800; line-height: 66px; color: #ffffff; margin-bottom: 15px; } .enterprise_soft_Headpara p { font-size: 18px; font-weight: 500; line-height: 30px; color: #fff; margin-bottom: 30px; } .enterprise_soft_Headpara h1 span { color: transparent; -webkit-text-stroke: 1px rgb(255, 255, 255); } .sec_enter_solution .new_top_heading :is(h2, p) { color: #fff; } .sec_enter_solution_headpar { padding: 15px; background: #121526; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; border-radius: 20px; border: 2px solid; } .main_enter_solution .enter_solution_box { display: flex; flex-direction: column; border-radius: 20px; width: 31.5%; border-inline: 6px solid #fff; border-block: 2px solid #fff; padding: 20px; cursor: pointer; margin: 0 5px; background: #08223a; } .enter_solution_box .enter_solution_figure img { max-width: 45px; margin-bottom: 10px; animation: wave-animation 2.5s linear infinite; } .enter_solution_box_discription { color: #fff; } .enter_solution_box_discription h3 { font-size: 17px; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .enter_solution_box_discription p { font-size: 16px; font-weight: 500; line-height: 26px; } .main_enter_solution button.slick-prev.slick-arrow, .main_enter_solution button.slick-next.slick-arrow { display: none !important; } .main_advance_tech_entsoftdev { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs { width: 32%; padding: 20px; border-radius: 20px; background: #fff; display: flex; align-items: center; flex-direction: column; text-align: center; border-block: 5px solid #121526; border-inline: 2px solid #121526; transition: 0.75s all ease; cursor: pointer; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs img { max-width: 50px; margin-bottom: 10px; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs h3 { font-size: 17px; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs p { font-size: 16px; font-weight: 500; line-height: 26px; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs:hover { background-color: unset !important; box-shadow: #ccdbe8 3px 3px 6px 0px inset, rgba(204, 219, 230, 0.5) 3px 3px 6px 1px inset; transform: scale(0.95); } .main_escoot_dvemethalgy_headimg { display: flex; justify-content: space-between; flex-wrap: wrap; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 30px; border: 4px solid #121526; } .escoot_dvemethalgy_headpra { width: 49%; padding: 20px; } .escoot_dvemethalgy_headpra h2 { font-weight: 800; font-size: 32px; line-height: 44px; margin-bottom: 5px; } .escoot_dvemethalgy_headpra p { font-weight: 500; font-size: 16px; line-height: 28px; margin-bottom: 5px; } .escoot_dvemethalgy_img { width: 49%; } .escoot_dvemethalgy_img img { width: 100%; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .new_bg_banner_tx_onlyimg { height: auto; padding: 140px 0 110px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa h1 { font-size: 42px; font-weight: 900; line-height: 54px; margin-bottom: 10px; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa p { font-weight: 600; font-size: 17px; line-height: 28px; } .new_bg_banner_tx_onlyimg .tx_nw_img { width: 95%; } .new_bg_banner_tx_onlyimg .tx_nw_img img { width: 100%; } .new_bg_banner_tx_onlyimg .tx_nw_img { animation: linear infinite; animation-name: taxirunbannr; animation-duration: 3s; position: relative; } @keyframes taxirunbannr { 50% { left: 100%; } 100% { left: 0; } } .main_ecommer_servic_sec { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .ecommer_servic_sec_box { width: 48.5%; position: relative; padding: 20px; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 15px; border-block: 3px solid #121526; border-inline: 8px solid #121526; overflow: hidden; } .ecommer_servic_sec_box:before { content: ""; width: 50%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none; } .ecommer_servic_sec_box .icon { position: relative; width: 65px; height: 65px; color: #fff; background: #121526; display: flex; justify-content: center; align-items: center; border-radius: 20%; transition: 1s; padding: 10px; margin-bottom: 10px; } .ecommer_servic_sec .ecommer_servic_sec_box .icon img { max-width: 45px; } .ecommer_servic_sec .ecommer_servic_sec_box:hover .icon { box-shadow: 0 0 0 600px #05081a; } .ecommer_servic_sec .ecommer_servic_sec_box .content { position: relative; z-index: 1; transition: 1.5s; } .ecommer_servic_sec .ecommer_servic_sec_box:hover .content { color: #fff; } .ecommer_servic_sec .ecommer_servic_sec_box .content h3 { font-size: 17px; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .ecommer_servic_sec .ecommer_servic_sec_box .content p { font-size: 16px; font-weight: 500; line-height: 26px; } .why_choose_tg_ecoomcee .new_top_heading :is(h2, p) { color: #fff; } .main_whytg_ecoomcee { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; } .bxr_whytg_ecoomcee { width: 32%; text-align: center; cursor: pointer; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px -15px #0080ff; transition: transform 0.8s; margin-top: 50px; } .bxr_whytg_ecoomcee:nth-child(4), .bxr_whytg_ecoomcee:nth-child(5) { width: 49%; } .bxr_whytg_ecoomcee .service-logo { width: 80px; height: 80px; border-radius: 50%; margin: -60px auto 0; background: #fff; border: 7px solid #0080ff; display: flex; justify-content: center; align-items: center; } .bxr_whytg_ecoomcee .service-logo img { max-width: 45px; } .bxr_whytg_ecoomcee h3 { color: #000; font-size: 17px; font-weight: 700; line-height: 26px; margin-block: 10px; } .bxr_whytg_ecoomcee p { color: #000; font-size: 16px; font-weight: 500; line-height: 26px; } .bxr_whytg_ecoomcee:hover { transform: translateY(-5px); } .service-logo img { transition: transform 1s; } .bxr_whytg_ecoomcee:hover .service-logo img { transform: rotate(360deg); } .why_chose_tg_commec .new_top_heading :is(h2, p) { color: #fff; } .main_why_chose_tg_commec { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .bxr_why_chose_tg_commec { position: relative; isolation: isolate; overflow: hidden; padding: 15px; border-radius: 10px; display: flex; flex-direction: column; border: 2px solid #fff; align-items: center; text-align: center; width: 31.5%; background-color: #ffffff; } .bxr_why_chose_tg_commec:nth-child(7), .bxr_why_chose_tg_commec:nth-child(8) { width: 48.5%; } .bxr_why_chose_tg_commec ::before { position: absolute; content: ""; top: 0; left: 0; transform: translate(-65%, -65%); width: 75%; aspect-ratio: 1; border-radius: 100%; background-color: #121526; z-index: -1; transition: 0.5s all; } .bxr_why_chose_tg_commec img { max-width: 50px; margin-bottom: 20px; } .bxr_why_chose_tg_commec h3 { color: #000; font-size: 17px; transition: 0.5s all; font-weight: 700; line-height: 26px; margin-bottom: 5px; } .bxr_why_chose_tg_commec p { color: #000; transition: 0.5s all; font-size: 16px; font-weight: 500; line-height: 26px; } .bxr_why_chose_tg_commec:hover ::before { width: 600%; } .bxr_why_chose_tg_commec:hover :is(p, h3, p) { color: white !important; } .bxr_why_chose_tg_commec:hover img { filter: invert(1) brightness(70.5); } .main_head_android_atlant_ban { padding: 120px 20px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; height: 100vh; } .head_andrd_altant_para_deta { padding: 100px 70px; display: flex; z-index: 25; flex-direction: column; color: #fff; justify-content: center; align-items: center; text-align: center; } .head_andrd_altant_para_deta h1 { font-size: 42px; font-weight: 800; line-height: 54px; margin-bottom: 10px; } .head_andrd_altant_para_deta h1 span { color: #0080ff; } .head_andrd_altant_para_deta p { font-size: 16px; letter-spacing: 0.5px; margin-bottom: 5px; font-weight: 500; line-height: 28px; } .sharjah-cost .price-table { width: 100%; border-collapse: collapse; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; cursor: pointer; } .sharjah-cost .price-table tr:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.03); } .sharjah-cost .price-table tr td { padding: 15px 24px; font-size: 15px; color: #08223a; font-weight: 600; text-align: center; } .sharjah-cost .price-table tr td:first-child { border-left: 0; } .sharjah-cost .price-table tr td:not(:first-child) { text-align: center; } .sharjah-cost .price-table tr:nth-child(even) { background-color: #ffffff; } .sharjah-cost .price-table tr:hover { background-color: #ebebeb; } .sharjah-cost .price-table tr:nth-child(2n) td:nth-child(3), .sharjah-cost .price-table tr td:nth-child(3) { background-color: rgba(216, 214, 227, 0.15); padding: 8px 48px; } .sharjah-cost .price-table tr.price-table-head th { font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: #08223a; color: #ffffff; text-align: center; padding: 15px 20px; } .sharjah-cost .sharjah-cost-img img { width: 100%; border-radius: 10px; } .ae_portfolio_main { display: flex; justify-content: space-between; } .ae_portfolio_sticky { position: sticky; top: 95px; } .ae_portfolio { padding-bottom: 80px; } .container_1 { max-width: 1240px; margin: 0 auto; } .aeportfolio_right { border-radius: 30px; display: flex; align-items: center; justify-content: center; width: 38%; overflow: hidden; height: 574px; background-color: #fff !important; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .aeportfolio_1 .aeportfolio_right { background-color: #e4ebef; } .aeportfolio_2 .aeportfolio_right { background-color: #f4fff9; } .aeportfolio_3 .aeportfolio_right { background-color: #f4f4f4; } .aeportfolio_4 .aeportfolio_right { background-color: #fff3f5; } .aeportfolio_5 .aeportfolio_right { background-color: #eef5ff; } .aeportfolio_right img { max-width: 300px; } .aeportfolio_5 .aeportfolio_right img { max-width: 90%; margin-right: -50px; } .aeportfolio_left { width: 60%; padding: 40px 40px 70px 40px; display: flex; position: relative; border-radius: 20px; background-color: #fff; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .aeportfolio_logo { width: 16%; position: relative; z-index: 1; } .aeportfolio_logo div { border: 0.62px solid #2e3b5b; border-radius: 24px; padding: 3px; height: 85px; width: 85px; display: flex; align-items: center; justify-content: center; } .aeportfolio_logo div img { max-width: 100%; } .aeportfolio_2 .aeportfolio_logo div { border: 0.62px solid #005cba; } .aeportfolio_3 .aeportfolio_logo div { border: 0.62px solid #000000; } .aeportfolio_4 .aeportfolio_logo div { border: 0.62px solid #e6152b; } .aeportfolio_5 .aeportfolio_logo div { border: 0.62px solid #3c60a5; } .aeportfolio_content { width: 84%; position: relative; } .aeportfolio_content h2 { margin: 0 0 15px; font-weight: 700; font-size: 24px; } .aeportfolio_content p { font-size: 16px; font-weight: 500; line-height: 32px; margin-bottom: 0; } .aeportfolio_details { display: flex; margin: 20px 0 30px; } .aboutprojects span { font-size: 16px; font-weight: 700; margin-bottom: 5px; display: block; } .aboutprojects strong { font-size: 16px; font-weight: 600; line-height: 21px; display: block; margin-bottom: 0; } .aboutprojects { margin-right: 30px; } .casestudy_btn { margin-bottom: 30px; } .casestudy_btn a { border: 1.35px solid #2e3b5b; transition: 0.5s all; font-size: 16.49px; font-weight: bold; line-height: 26.24px; text-align: left; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 0 20px; } .casestudy_btn a img { margin-left: 15px; transition: 0.3s all; max-width: 28px; } .casestudy_btn a:hover img { filter: brightness(20.5); margin-left: 20px; } .casestudy_btn a:hover { background-color: #121526; color: #fff; } .casestudy_btn { margin-bottom: 25px; } .available_on p { font-size: 16px; font-weight: 600; line-height: 32px; color: #2e3b5b; margin-bottom: 3px; } .available_btns { display: flex; align-items: center; justify-content: flex-start; } .available_btns a { display: block; margin-right: 15px; } p .parain_italc { font-style: italic; } .clutchreview_bdr { border-block: 6px solid #0080ff; border-inline: 4px solid #121526; border-radius: 2px; } .clutchframe { text-align: center; } .clutchframe img { max-width: 100%; } /* vishal css */ .portfolionew_mobile { display: none; } .tg_video img { max-width: 100%; } .Video_btn { width: 80px; height: 80px; background-color: #0080ff; color: #fff !important; border-radius: 50px; text-align: center; font-size: 30px; animation-name: pulsewala1; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .tg_video { position: relative; } .Video_btn img { filter: brightness(20.5); max-width: 31px; } @keyframes pulsewala1 { 0% { box-shadow: 0 0 0 0 #89beff; } 80% { box-shadow: 0 0 0 14px #5e9de9; } } .top1_mob_comp_banner { background: #08223a; padding: 140px 0 110px; color: #fff; } .top1_mob_comp_banner_hedpra h1 { font-size: 42px; font-weight: 800; line-height: 54px; margin-bottom: 10px; } .top1_mob_comp_banner_hedpra p { font-size: 16px; margin-bottom: 5px; font-weight: 500; line-height: 28px; } .lazyload { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease; } .lazyloaded { opacity: 1; } .proclient .client_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: client-marquee 10s linear infinite; align-items: center; } .proclient .client_logos img { max-width: 130px; margin: 0 auto; transition: 0.5s all; filter: brightness(0) invert(1); } .proclient .client_logos .client_img { outline: 0 !important; width: 200px; border-left: 1px solid #ffffff17; text-align: center; height: 72px; display: flex; align-items: center; justify-content: center; transition: all 0.5s; } .proclient .client_logos .client_img:hover img { transform: scale(1.2); } @keyframes client-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* top mobile */ .top-ten-mobile-banner { overflow: hidden; position: relative; padding: 140px 0 70px; z-index: 0; background-color: #000000f2; } .top-ten-mobile-banner::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 1; background-size: 22px; background-repeat: repeat; filter: grayscale(1); } .top-ten-mobile-banner .container { position: relative; z-index: 3; } .top-ten-mobile-banner .main { margin: 0px auto; width: 480px; height: 480px; position: relative; } .top-ten-mobile-banner .big-circle { height: 100%; width: 100%; position: relative; border: 3px solid #0080ff; border-radius: 50%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; animation: Banner-Rotate 20s linear infinite; -webkit-animation: Banner-Rotate 20s linear infinite; } .top-ten-mobile-banner .icon-block { width: 64px; height: 64px; position: absolute; border-radius: 50%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background-image: linear-gradient(180deg, #08223a 0%, #0080ff 100%); -webkit-background-image: linear-gradient(180deg, #08223a 0%, #0080ff 100%); box-shadow: 0 2px 4px 0 #0080ff; -webkit-box-shadow: 0 2px 4px 0 #0080ff; } .top-ten-mobile-banner .icon-block img { margin: 0px auto; width: 86%; animation: Banner-Rotate-Reverse 20s linear infinite; -webkit-animation: Banner-Rotate-Reverse 20s linear infinite; } .top-ten-mobile-banner .icon-block:first-child { top: 0; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .top-ten-mobile-banner .icon-block:nth-child(2) { top: 50%; right: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); } .top-ten-mobile-banner .icon-block:nth-child(3) { bottom: 0; left: 50%; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); } .top-ten-mobile-banner .icon-block:nth-child(4) { top: 50%; left: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* circle content */ .top-ten-mobile-banner .circle { animation: Banner-circle-rotate 20s linear infinite; -webkit-animation: Banner-circle-rotate 20s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); width: 75%; height: 75%; border: 3px solid #0080ff; border-radius: 50%; } .top-ten-mobile-banner .circle .icon-block img { animation: Banner-img-rotate 20s linear infinite; -webkit-animation: Banner-img-rotate 20s linear infinite; } /* center logo */ .top-ten-mobile-banner .center-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .top-ten-mobile-banner .center-logo img { max-width: 200px; filter: brightness(0) invert(1); } /* keyframe animation */ @keyframes Banner-Rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes Banner-Rotate-Reverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes Banner-circle-rotate { from { transform: translate(-50%, -50%) rotate(45deg); } to { transform: translate(-50%, -50%) rotate(405deg); } } @keyframes Banner-img-rotate { from { transform: rotate(-45deg); } to { transform: rotate(-405deg); } } .texthidden_section .read-more-text { display: inline; } .texthidden_section label.read-more-button.hidden-bx { display: none; } .texthidden_section .hidden-text { display: none; } .texthidden_section .read-more-toggle { display: none; } .texthidden_section .read-more-toggle:checked ~ .read-more-text .hidden-text { display: inline; } .texthidden_section .read-more-toggle + .read-more-text + .read-more-button::before { content: "Read More"; color: #0080ff; cursor: pointer; text-decoration: underline; } .texthidden_section .read-more-toggle:checked + .read-more-text + .read-more-button::before { content: "Read Less"; color: #0080ff; cursor: pointer; text-decoration: underline; } .texthidden_section .read-more-toggle:checked ~ .read-more-text { height: 400px; overflow-x: hidden; overflow-y: auto; display: block; margin-bottom: 10px; } .texthidden_section .read-more-text::-webkit-scrollbar { width: 10px; } .texthidden_section .read-more-text::-webkit-scrollbar-thumb { background: #0080ff; border-radius: 10px; } .texthidden_section .read-more-text::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .texthidden_section .mebanner_content p { margin-bottom: 10px; } .texthidden_section .newbtn_design { margin-top: 20px; } .top-ten-mobile-bg img { width: 100%; } /* // */ .top-ten-list { position: relative; margin-top: 40px; } .top-ten-list .sentence { position: absolute; font-size: 40px; font-weight: 800; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; } .top-ten-list .p1 { text-shadow: 1px 1px 1px #08223a, -1px -1px 1px #08223a; color: #fff; } .top-ten-list .p2 { color: #08223a; animation: top-text-animation 5s ease-in-out forwards alternate infinite; text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff; } .top-ten-list .p3 { height: 20%; color: transparent; } @keyframes top-text-animation { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } to { clip-path: polygon(0 0, 0% 1%, 0% 100%, 0% 100%); } } section.company-top-list.overflow-x-add { margin-bottom: 50px; } .company-top-list .top-left { display: flex; align-items: end; gap: 12px; } .company-top-list .top-left .logo { border: 1px solid #d9d9d9; padding: 10px 10px; border-radius: 12px; justify-content: center; display: flex; } .company-top-list .main-list-box { display: flex; flex-direction: column; border: 1px solid #d9d9d9; background-color: #fff; border-radius: 20px; margin-bottom: 40px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .company-top-list .main-list-box .top-box { border-bottom: 1px solid #d9d9d9; padding: 30px 35px; } .company-top-list .main-list-box .top-box .logo img { max-width: 80px; } .company-top-list .main-list-box .top-box .content h2 { color: #08223a; font-weight: 800; font-size: 28px; margin: 0 0 10px; line-height: 36px; } .company-top-list .main-list-box .top-box .rating { display: flex; align-items: start; } .company-top-list .main-list-box .top-box .badge { display: flex; align-items: center; padding: 5px 10px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #0080ff; border-radius: 15px; gap: 5px; } .company-top-list .main-list-box .top-box .badge img { max-width: 20px; } .company-top-list .main-list-box .bottom-box .bottom-left { padding: 30px 0px 30px 35px; display: flex; flex-direction: column; gap: 30px; } .company-top-list .main-list-box .bottom-box .col-md-8 { border-right: 1px solid #d9d9d9; } .company-top-list .main-list-box .top-box .row { display: flex; align-items: center; } .company-top-list .main-list-box .bottom-box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .company-top-list .main-list-box .bottom-box p { color: #08223a; font-weight: 500; font-size: 15px; margin-bottom: 0; line-height: 26px; } .company-top-list .main-list-box .bottom-box .bottom-right ul { display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px; } .company-top-list .main-list-box .bottom-box .bottom-right ul li .company-detail { display: flex; gap: 12px; align-items: center; transition: 0.5s all; cursor: pointer; } .company-top-list .main-list-box .bottom-box .bottom-right ul li .company-detail .icon { background: #eef3ff; border-radius: 50%; height: 40px; width: 40px; display: flex; align-items: center; transition: 0.5s all; justify-content: center; } .company-top-list .main-list-box .bottom-box .bottom-right ul li .company-detail .icon img { max-width: 35px; padding: 5px; } .company-top-list .main-list-box .bottom-box .bottom-right ul li .company-detail:hover .icon { transform: rotateY(-360deg); } .company-top-list .main-list-box .bottom-box .bottom-right { padding: 30px 30px 30px 10px; } .company-top-list .main-list-box .bottom-box .row { display: flex; height: auto; } .makes-top-mobile-dev .row { display: flex; height: auto; } .makes-top-mobile-dev .row .col-md-4 { margin: 0px; padding: 0; } .makes-top-mobile-dev .top-mobile-box { padding: 25px 25px; transition: all 0.5s; cursor: pointer; height: 100%; } .makes-top-mobile-dev .row .col-md-4:nth-child(1), .makes-top-mobile-dev .row .col-md-4:nth-child(2), .makes-top-mobile-dev .row .col-md-4:nth-child(6) { border-right: 1px solid #d9d9d9; } .makes-top-mobile-dev .row .col-md-4:nth-child(1), .makes-top-mobile-dev .row .col-md-4:nth-child(2), .makes-top-mobile-dev .row .col-md-4:nth-child(3), .makes-top-mobile-dev .row .col-md-4:nth-child(4) { border-bottom: 1px solid #d9d9d9; } .makes-top-mobile-dev .top-mobile-box:hover { background-color: #08223a !important; background-image: url(../images/android-app-development-dallas-texas/service-card-bg.webp); background-repeat: no-repeat; background-position: center bottom; background-size: contain; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .makes-top-mobile-dev .top-mobile-box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; transition: all 0.5s; } .makes-top-mobile-dev .top-mobile-box p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; transition: all 0.5s; } .makes-top-mobile-dev .top-mobile-box .top-mobile-icon img { max-width: 45px; margin-bottom: 20px; } .makes-top-mobile-dev .top-mobile-box:hover h3 { color: #fff; } .makes-top-mobile-dev .top-mobile-box:hover p { color: #fff; } .makes-top-mobile-dev .top-mobile-box:hover .top-mobile-icon img { filter: brightness(0) invert(1); } section.conclusion-box { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; } .conclusion-box img { width: 100%; } .conclusion-box .newheading { padding: 50px 40px; background: #fff; border-radius: 30px; margin-bottom: 0 !important; } .conclusion-box .swing { animation: pin-swing ease-in-out 1s infinite alternate; transform-origin: center -20px; float: left; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } .conclusion-box .swing img { border: 5px solid #f8f8f8; display: block; } .conclusion-box .swing:after { content: ""; position: absolute; width: 30px; height: 30px; border: 1px solid #000; top: -10px; left: 47%; z-index: 0; border-bottom: none; border-right: none; transform: rotate(45deg); } .conclusion-box .swing:before { content: ""; position: absolute; width: 10px; height: 10px; top: -20px; left: 49%; z-index: 5; border-radius: 50% 50%; background: #fff; } @keyframes pin-swing { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } .top-company-cta .top-company-cta-box p { color: #fff; font-size: 18px; font-weight: 500; line-height: 30px; margin-top: 15px; margin-bottom: 30px; } @keyframes cta-animateBg { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } } .top-company-cta { animation: cta-animateBg 14s linear infinite; background-image: linear-gradient( 90deg, #06c, #08223a, #06243f, #0080ff, #06243f ); background-size: 400% 100%; position: relative; width: 100%; background-position: center; margin-top: 30px; } .top-company-cta .top-company-cta-img { position: absolute; right: 52%; border-bottom-right-radius: 30px; bottom: 0; width: 25%; } .top-company-cta .top-company-cta-img img { width: 55%; max-height: 550px; object-fit: contain; } .top-company-cta .me_cta_Content { padding: 55px 0px; } .top-mobile-company-process .process-tab { border: 1px solid #d9d9d9; padding: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .top-mobile-company-process .process-tab ul.nav.nav-pills { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; overflow-x: scroll; overflow-y: hidden; } .top-mobile-company-process .process-tab ul.nav.nav-pills::-webkit-scrollbar { display: none; } .top-mobile-company-process .process-tab .nav:before { display: none; } .top-mobile-company-process .process-tab .nav-pills > li > a { font-size: 15px; border-radius: 0px; background: #eef3ff; color: #08223a; clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); padding: 10px 15px; height: 55px; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 600; margin: 0; } .top-mobile-company-process .process-tab .nav-pills > li + li { margin-left: -10px; } .top-mobile-company-process .process-tab .nav-pills > li.active > a, .top-mobile-company-process .process-tab .nav-pills > li.active > a:focus, .top-mobile-company-process .process-tab .nav-pills > li.active > a:hover { color: #fff; background-color: #08223a; } .top-mobile-company-process .process-tab .tab-content img { max-width: 45px; margin: 30px 0; } .top-mobile-company-process .process-tab .tab-content { background: #08223a; padding: 40px 50px; } .top-mobile-company-process .process-tab .tab-content h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .top-mobile-company-process .process-tab .tab-content p { font-weight: 500; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .airbnb-process.top-mobile .businesses-slider button.slick-prev.slick-arrow { position: relative; font-size: 0; z-index: 0; background: #08223a; height: 45px; width: 45px; display: flex !important; justify-content: center; align-items: center; border: none; right: -90%; } .airbnb-process.top-mobile .businesses-slider button.slick-prev.slick-arrow::after { content: ""; background-image: url(../images/insurance-development/a.webp); position: absolute; z-index: 2; top: 25%; right: 10%; bottom: 10%; left: 25%; background-repeat: no-repeat; } .airbnb-process.top-mobile .businesses-slider button.slick-next.slick-arrow { position: absolute; top: 0; right: 1%; height: 45px; width: 45px; border: none; background: #08223a; font-size: 0; } .airbnb-process.top-mobile .businesses-slider button.slick-next.slick-arrow::after { content: ""; background-image: url(../images/insurance-development/b.webp); position: absolute; z-index: 2; top: 25%; right: 10%; bottom: 10%; left: 25%; background-repeat: no-repeat; } .airbnb-process.top-mobile .businesses-slider .slick-list.draggable { margin-top: 20px; } .airbnb-process.top-mobile .airbnb-process-content { background: #fff; padding: 30px 40px; position: relative; min-height: 310px; } .airbnb-process.top-mobile .airbnb-process-list ul li { margin-bottom: 40px; position: relative; top: auto; } .airbnb-process.top-mobile .airbnb-process-list ul li .icon img { max-width: 45px; margin-bottom: 20px; animation: wave-animation 2.5s linear infinite; } .choose-top-mobile-app .choose-img-bx img { width: 100%; } .choose-top-mobile-app .accordion-image { display: flex; align-items: center; justify-content: center; padding: 20px; height: 100%; } .choose-top-mobile-app .accordion-image img { width: 100%; height: auto; display: none; height: 100%; } /* Show the appropriate image */ .choose-top-mobile-app #choose-tab1:checked ~ .container .image-1, .choose-top-mobile-app #choose-tab2:checked ~ .container .image-2, .choose-top-mobile-app #choose-tab3:checked ~ .container .image-3, .choose-top-mobile-app #choose-tab4:checked ~ .container .image-4, .choose-top-mobile-app #choose-tab5:checked ~ .container .image-5, .choose-top-mobile-app #choose-tab6:checked ~ .container .image-6, .choose-top-mobile-app #choose-tab7:checked ~ .container .image-7, .choose-top-mobile-app #choose-tab8:checked ~ .container .image-8, .choose-top-mobile-app #choose-tab9:checked ~ .container .image-9 { display: block; } .choose-top-mobile-app .accordion-item label { display: block; padding: 20px 15px 20px 15px; cursor: pointer; } .choose-top-mobile-app .accordion-item { border-bottom: 1px solid #ddd; } .choose-top-mobile-app .accordion-item input { display: none; } .choose-top-mobile-app .accordion-body { display: none; padding: 0 15px; } .choose-top-mobile-app #choose-tab1:checked ~ .container .choose-tab1-body, .choose-top-mobile-app #choose-tab2:checked ~ .container .choose-tab2-body, .choose-top-mobile-app #choose-tab3:checked ~ .container .choose-tab3-body, .choose-top-mobile-app #choose-tab4:checked ~ .container .choose-tab4-body, .choose-top-mobile-app #choose-tab5:checked ~ .container .choose-tab5-body, .choose-top-mobile-app #choose-tab6:checked ~ .container .choose-tab6-body, .choose-top-mobile-app #choose-tab7:checked ~ .container .choose-tab7-body, .choose-top-mobile-app #choose-tab8:checked ~ .container .choose-tab8-body { display: block; } .choose-top-mobile-app .accordion-container input { display: none; } .choose-top-mobile-app .accordion-item h3 { color: #fff; font-weight: 700; font-size: 17px; margin-bottom: 0px; line-height: 26px; } .choose-top-mobile-app .accordion-item p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 20px; line-height: 26px; } .choose-top-mobile-app .accordion-container { display: flex; justify-content: center; } .choose-top-mobile-app .accordion-container .container { padding: 35px 30px; background: #08223a; margin: 0; border: 8px solid #fff; border-radius: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: flex; height: auto; } .choose-top-mobile-app .accordion-container .container .col-md-4 { display: flex; height: 100%; } .top-tech-stack ul.nav.nav-pills { display: flex; justify-content: center; } .top-tech-stack div#\31 b .tech-box ul { display: grid; grid-template-columns: repeat(7, 1fr); } .top-tech-stack .tech-box ul { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); } .top-tech-stack .tech-box ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0; gap: 0px; } .top-tech-stack .tech-box { border: 2px solid #fff; padding: 20px 50px 45px 50px; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; background-color: #fff; width: max-content; } .top-tech-stack .tab-content.clearfix { display: flex; justify-content: center; } .top-tech-stack .nav-pills > li.active > a, .top-tech-stack .nav-pills > li.active > a:focus, .top-tech-stack .nav-pills > li.active > a:hover { color: #08223a; background-color: #fff; } .top-tech-stack .nav-pills > li > a { border-radius: 0; font-size: 16px; font-weight: 600; color: #fff; background-color: #08223a; } .top-tech-stack .tech-box h3 { font-size: 28px; font-weight: 600; line-height: 48px; color: #08223a; padding: 10px 20px; } .zig-zag { padding-bottom: 10px; background: linear-gradient( 135deg, #0000 calc(5px * 0.7071), #08223a 0 calc(10px * 0.7071), #0000 0 ), conic-gradient(from 135deg at top, #08223a 90deg, #0000 0), linear-gradient( -135deg, #0000 calc(5px * 0.7071), #08223a 0 calc(10px * 0.7071), #0000 0 ); background-size: 15px 10px, 15px calc(4px * 0.7071); background-position: 0 100%, 0 calc(100% - 10px); background-repeat: repeat-x; animation: wavy-slide 4s linear infinite; width: max-content; padding: 10px 0; } @keyframes wavy-slide { 100% { background-position: 100px 100%, 100px calc(100% - 10px); /* Moves the background */ } } .top-tech-stack .tech-box ul li h4 { font-size: 15px; font-weight: 600; margin-top: 12px; text-align: center; color: #08223a; } .top-tech-stack .tech-box ul li img { max-width: 60px; padding: 5px; } .top-tech-stack .tech-box ul li .icon-bx { display: inline-block; width: 100px; height: 100px; padding: 8px; border-radius: 100%; background-color: #08223a; margin: 10px; transition: transform 0.5s ease-out; display: flex; align-items: center; justify-content: center; } .top-tech-stack .tech-box ul li .icon-bx:hover { border-radius: 10%; transform: rotate(405deg); } .top-tech-stack .tech-box ul li:hover .icon-bx img { transform: rotate(315deg); } .top-tech-stack .tech-box ul li:hover .icon-bx { background: #0080ff; } .main_testimonial_sport_bett.atlanta-bx .testimonial_sport_bett_bx { min-height: 300px; } .main_testimonial_sport_bett.atlanta-bx button.slick-prev.slick-arrow { top: 36%; } .main_testimonial_sport_bett.atlanta-bx button.slick-next.slick-arrow { top: 46%; } /* top mobile */ .newbtn_design_white { background: #fff; color: #0080ff !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_white:hover { padding: 5px 25px 5px 60px; } .newbtn_design_white img { max-width: 20px; position: absolute; right: 22px; animation: wobble 1s ease infinite; transition: 0.5s; } .newbtn_design_white:hover img { right: calc(100% - 50px); } .newhire_modalss .newbtn_design { padding: 5px 55px 5px 25px; } .newhire_modalss .newbtn_design:hover { padding: 5px 25px 5px 55px; } .usa_bg { padding: 180px 0 0 !important; } .usa_bg .content-banner-qatar { padding-bottom: 50px; text-align: center; } .usa_bg .content-banner-qatar .mebanner_content { text-align: center; } .usa_bg .row { display: flex; justify-content: center; } .datingnew_banner .newbtn_design_white { margin-left: 20px; } .homeaboutcontainer .homeabotus .featurepart { margin-bottom: 30px; } .airbnb-process.atlanta-bx .icon img { max-width: 45px; margin-bottom: 0; } .airbnb-process.atlanta-bx .icon { background: #08223a; display: flex; width: max-content; padding: 10px; align-items: center; justify-content: center; margin-bottom: 20px; } .airbnb-process.atlanta-bx .newheading span { color: #0080ff; font-weight: 500; font-size: 16px; line-height: 29px; } .airbnb-process.mvp-bx .airbnb-process-list ul li { padding: 0 20px; cursor: pointer; position: sticky; top: 0px; margin-bottom: 25px; } .airbnb-process.atlanta-bx ul li .airbnb-process-content { min-height: 360px; } /* new-css */ .go-to-android .android-img img { width: 100%; } .atlanta-banner { padding: 140px 0 80px; display: flex; background-position: center; flex-direction: column; background-attachment: fixed; background-size: cover; background-position: center; width: 100%; background-repeat: no-repeat; object-fit: cover; position: relative; } .atlanta-banner::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 1; background-size: 22px; background-repeat: repeat; } .atlanta-banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .atlanta-banner .container { position: relative; z-index: 2; } .atlanta-img-bx img { width: 100%; } .atlanta-banner .clients_slider.proclient { margin-top: 50px; } /*new-css */ .taxi-booking-banner { background-repeat: repeat-x; padding: 140px 0 110px; position: relative; z-index: 1; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } .taxi-booking-banner .row { display: flex; align-items: center; } .taxi-booking-banner h1 { color: #08223a; } .taxi-booking-banner p { color: #08223a; } .taxi-booking-banner .taxi-img-bx img { width: 100%; height: 70vh; object-fit: contain; } .taxi-booking-banner .taxi-img-bx { position: relative; animation: move 15s linear infinite; } .taxi-booking-banner .taxi-img-bx:after { content: ""; position: absolute; left: -72px; top: 275px; height: 50px; width: 50px; background: url(../images/taxi/taxi-2.webp); background-repeat: no-repeat; background-size: 100%; background-position: bottom right; } .taxi-booking-banner .taxi-img-bx:before { content: ""; position: absolute; top: 50px; height: 50px; width: 50px; background: url(../images/taxi/taxi-1.webp); background-repeat: no-repeat; background-size: 100%; background-position: center center; right: 73px; } .need-for-taxi .need-img-bx img { width: 100%; } .taxi-cta { padding: 100px 0 80px; position: relative; } .taxi-cta .taxi-bx { position: relative; animation: cta-animateBg 8s linear infinite; background-image: linear-gradient(90deg, #08223a, #000, #06c, #121526); background-size: 400% 100%; border-radius: 12px; height: 250px; display: flex; align-items: center; justify-content: space-between; } .taxi-cta .taxi-left { width: 70%; padding-left: 70px; } .taxi-cta .taxi-right { width: 40%; } .taxi-cta .taxi-right img { max-width: 365px; } .taxi-choose ul.nav.nav-pills { display: flex; flex-direction: column; } .taxi-choose .tab-content.clearfix { border-radius: 12px; padding: 10px; display: flex; align-items: center; text-align: center; height: 100%; width: 100%; border: 2px dashed #fff; } .taxi-choose .tab-content.clearfix img { max-width: 70px; background: #0080ff; padding: 10px 10px; margin-bottom: 20px; border-radius: 12px; } .taxi-choose .tab-content > .active { background: #fff; border-radius: 12px; padding: 20px 30px; display: flex; align-items: center; text-align: center; height: 100%; width: 100%; flex-direction: column; } .taxi-choose .tab-content.clearfix h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; color: #08223a; } .taxi-choose .tab-content.clearfix p { font-size: 16px; font-weight: 500; line-height: 28px; color: #08223a; } .taxi-choose .nav-pills > li > a { border-radius: 12px; color: #0080ff; background-color: #fff; padding: 5px; } .taxi-choose .nav-pills li a h3 { color: #0080ff; font-size: 18px; font-weight: 600; } .taxi-choose .nav-pills > li { border: 2px dashed #0080ff; padding: 10px; border-radius: 12px; } .taxi-choose .nav-pills > li:hover { border: 2px dashed #fff; } .taxi-choose .label-bx { display: flex; flex-direction: row; gap: 10px; align-items: center; } .taxi-choose .label-bx img { max-width: 60px; background: #0080ff; border-radius: 12px 0px 0px 12px; padding: 10px 10px; } .taxi-choose .nav-pills > li.active > a, .taxi-choose .nav-pills > li.active > a:focus, .taxi-choose .nav-pills > li.active > a:hover { color: #0080ff; background-color: #fff; } .taxi-choose .row { display: flex; align-items: center; justify-content: center; } .airbnb-process.taxi-box .businesses-slider button.slick-prev.slick-arrow { position: relative; font-size: 0; z-index: 0; background: #08223a; height: 45px; width: 45px; display: flex !important; justify-content: center; align-items: center; border: none; right: -90%; } .airbnb-process.taxi-box .businesses-slider button.slick-prev.slick-arrow::after { content: ""; background-image: url(../images/insurance-development/a.webp); position: absolute; z-index: 2; top: 25%; right: 10%; bottom: 10%; left: 25%; background-repeat: no-repeat; } .airbnb-process.taxi-box .businesses-slider button.slick-next.slick-arrow { position: absolute; top: 0; right: 1%; height: 45px; width: 45px; border: none; background: #08223a; font-size: 0; } .airbnb-process.taxi-box .businesses-slider button.slick-next.slick-arrow::after { content: ""; background-image: url(../images/insurance-development/b.webp); position: absolute; z-index: 2; top: 25%; right: 10%; bottom: 10%; left: 25%; background-repeat: no-repeat; } .airbnb-process.taxi-box .icon { background: #08223a; padding: 10px; margin-bottom: 20px; width: max-content; } .airbnb-process.taxi-box .icon img { margin-bottom: 0px; } .airbnb-process.taxi-box .airbnb-process-content { background: #fff; padding: 30px 40px; position: relative; min-height: 410px; } .airbnb-process.taxi-box ul li { margin-top: 20px; } .main_enter_solution.taxi-bx .enter_solution_box { min-height: 310px; } .industry_we_cater_singapore .new_top_heading { margin-bottom: 0; } section.mvp-form.bg_new.padding_sections { position: relative; z-index: 1; } /* taxi-page */ /* New design changes */ .chicago_advance .mewhychoose_main .col-md-6 { display: flex; margin-bottom: 30px; } .chicago_advance { overflow: hidden; } .advanced-techno img.lazyloaded { max-width: 60px; border: 2px solid #0080ff; border-radius: 50%; padding: 10px; } .advanced-techno .techno-main { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .advanced-techno .techno-main .item { background: #ffffff none repeat scroll 0 0; border-left: 2px solid #0080ff; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; overflow: hidden; padding: 30px; position: relative; z-index: 1; margin-bottom: 30px; } .advanced-techno .techno-main.text-center .item { background: #ffffff none repeat scroll 0 0; border: medium none; padding: 67px 40px 64px; text-align: center; } .advanced-techno .techno-main .item h3 { color: #08223a; font-weight: 700; font-size: 16px; margin: 10px 0; line-height: 22px; } .advanced-techno .techno-main .item p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .advanced-techno .techno-main .item h3, .advanced-techno .techno-main .item p { transition: all 0.35s ease-in-out; } .advanced-techno .techno-main .item::after { background: #0080ff none repeat scroll 0 0; content: ""; height: 100%; left: -100%; position: absolute; top: 0; transition: all 0.35s ease-in-out; width: 100%; z-index: -1; } .advanced-techno .techno-main .item:hover::after { left: 0; } .techno-main .item:hover img { filter: brightness(0) invert(1); } .advanced-techno .techno-main .item:hover h3, .advanced-techno .techno-main .item:hover p { color: #ffffff !important; } .new_indstry_sec_sv .wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .new_indstry_sec_sv .card { width: 100%; height: 360px; border-radius: 15px; padding: 1.5rem; background: white; position: relative; display: flex; align-items: flex-end; transition: 0.4s ease-out; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); margin-bottom: 20px; } .new_indstry_sec_sv .card h3 { color: #ffffff; font-weight: 700; font-size: 17px; line-height: 28px; position: absolute; bottom: 25px; transition: 0.4s ease-out; } .new_indstry_sec_sv .card .info { position: relative; z-index: 3; opacity: 0; transition: 0.5s; } .new_indstry_sec_sv .card :hover .info { display: block; } .new_indstry_sec_sv .card .info h4 { color: #fff; font-weight: 700; font-size: 17px; line-height: 28px; } .new_indstry_sec_sv .card p { font-size: 16px; font-weight: 500; text-align: left; line-height: 26px; transition: 0.5s; color: #fff; } .new_indstry_sec_sv .card:hover .info { opacity: 1; position: relative; bottom: 8%; transition: 0.5s; } .new_indstry_sec_sv .card:hover h3 { display: none; } .new_indstry_sec_sv .card:hover .info { opacity: 1; } .new_indstry_sec_sv .card:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 15px; background: rgb(0, 0, 0); z-index: 2; transition: 0.5s; opacity: 0; } .new_indstry_sec_sv .card:hover:before { opacity: 0.7; } .new_indstry_sec_sv .card img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; border-radius: 15px; } .location_sections { position: relative; } .location_slider { position: relative; z-index: 2; } .locationslider_content { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 2; padding: 14px 14px; min-height: 220px; } .locationslider_box { overflow: hidden; height: 380px; width: 100%; position: relative; margin: 0 12px; border-radius: 10px; } .locationslider_box img { height: 100%; width: 100%; object-fit: cover; } .locationslider_box::after { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, #031231 70%); } .locationslider_content h3 { color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 3px; line-height: 24px; } .locationslider_content p { color: #fff; font-size: 14px; margin-bottom: 0; line-height: 21px; text-align: justify; } .locationslider_content p a { color: #fff; font-weight: 700; } /* New design changes */ .top-mobile-company-process.dating-bx .process-tab ul.nav.nav-pills { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; overflow-x: scroll; overflow-y: hidden; } .top-mobile-company-process.dating-bx img { filter: brightness(0) invert(1); } .datingnew_banner { padding: 160px 0px 70px; } .datingnew_banner .row { display: flex; align-items: center; } .datingnew_banner .dating-bx { display: flex; justify-content: flex-end; } .datingnew_banner .dating-bx img { width: 80%; } .ecomnew_banner { padding: 140px 0px 120px; height: auto; } .ecomnew_banner .datingnew_img { position: relative; } .ecomnew_banner .datingnew_right { text-align: center; } .ecomnew_banner .datingnew_left { padding-top: 0; } /* clutch-page */ .clutchbanner { padding: 140px 0px; position: relative; z-index: 1; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; display: flex; align-items: center; background-position: center !important; } .clutchbanner .mebanner_form.usa-form { position: relative; } .clutchbanner .mebanner_form.usa-form:after { line-height: 10px; position: absolute; content: "fill this form"; background: url("../images/ecommerce-clutch/arrow.webp"); width: 150px; height: 120px; bottom: -14%; left: -45%; background-size: contain; animation: zoom-in-zoom-out 3s ease-out infinite; filter: brightness(0); font-size: 16px; font-weight: 600; text-transform: capitalize; background-repeat: no-repeat; } .clutchbanner .content:after { position: absolute; content: ""; background: url("../images/ecommerce-clutch/4i.webp"); width: 100px; height: 100px; background-repeat: no-repeat; top: -10px; right: -78%; animation: zoom-in-zoom-out 3s ease-out infinite; } .clutchbanner .content h1 { font-weight: 800; font-size: 42px; margin: 0 0 20px; line-height: 60px; color: #08223a; } .clutchbanner .content h1 span { color: #0080ff; } .clutchbanner .content p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 30px; line-height: 30px; } .client-bx .container h2 { text-align: center; margin-bottom: 20px; } .client-bx { background: #08223a; margin-bottom: 0; position: relative; color: #fff; padding-top: 50px; z-index: 2; height: 205px; } .client-bx .curve { position: relative; display: block; height: 140px; width: 100%; bottom: 10px; margin-top: 0; overflow: hidden; } .client-bx .curve::after { border-radius: 50%; height: 100px; bottom: 0; transform: translate(-5%, -100%); -ms-transform: translate(-5%, -100%); -webkit-transform: translate(-5%, -100%); content: ""; position: absolute; width: 110%; z-index: -1; background: #08223a; } .client-bx .client_logos .client_img { outline: 0 !important; width: 200px; border-left: 1px solid #ffffff17; text-align: center; height: 72px; display: flex; align-items: center; justify-content: center; transition: all 0.5s; } .client-bx .client_logos img { max-width: 130px; margin: 0 auto; transition: 0.5s all; filter: brightness(0) invert(1); } .client-bx .client_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: client-marquee 10s linear infinite; align-items: center; } .padding-cls-bx { padding: 80px 0; } .business_service { padding-bottom: 40px; } .all-main-cls { animation: cta-animateBg 14s linear infinite; background-image: linear-gradient( 90deg, #06c, #08223a, #05081a, #0080ff, #06243f ); background-size: 400% 100%; position: relative; width: 100%; } @keyframes changeBackgroundColor { 0% { background-color: #08223a; } 50% { background-color: #0080ff; } 100% { background-color: #001f3f; } } .seamless_ecommerce { position: relative; } .seamless_ecommerce::after { content: ""; position: absolute; display: block; width: 210px; height: 365px; object-fit: contain; background-image: url(../images/salon-app-development/mobile-vector-3.webp); background-repeat: no-repeat; background-position: right !important; opacity: 0.2; background-size: cover; background-position: center; right: 29px; top: 7%; animation: zoom-in-zoom-out 3s ease-out infinite; z-index: 0; filter: brightness(0) invert(1); } .seamless_ecommerce ul { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: 35px; } .seamless_ecommerce .card { z-index: 1; display: flex; flex-direction: column; margin-top: 1%; margin-inline: 1%; border-radius: 12px; background-color: #eee; box-shadow: inset 0.125rem 0.125rem 0.125rem rgb(255 255 255 / 0.5), inset -0.067rem -0.067rem 0.067rem rgb(0 0 0 / 0.5), 0.5rem 0.5rem 0.5rem rgb(0 0 0 / 0.25); position: relative; } .seamless_ecommerce .card:after { content: ""; position: absolute; background: #08223a; height: 60px; width: 60px; z-index: -1; border-radius: 50%; top: -20px; left: -10px; } .seamless_ecommerce .card .icon { width: 60px; aspect-ratio: 1; margin-top: -7%; margin-left: -4%; display: grid; place-items: center; color: #08223a; background-color: #ffffff; border-radius: 50%; box-shadow: inset 0.125rem 0.125rem 0.125rem rgb(255 255 255 / 0.5), inset -0.067rem -0.067rem 0.067rem rgb(0 0 0 / 0.5); background-image: radial-gradient( circle at bottom right, transparent, rgb(0 0 0 / 0.1) ); } .seamless_ecommerce .card .icon img { max-width: 35px; } .seamless_ecommerce .card .content { padding: 20px 30px; } .all-main-cls .content h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; transition: all 0.5s; } .all-main-cls .content p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; transition: all 0.5s; } .business_service { position: relative; } .business_service:before { position: absolute; content: ""; background: url("../images/ecommerce-clutch/1i.webp"); width: 120px; height: 120px; background-repeat: no-repeat; top: 42px !important; left: 1%; animation: zoom-in-zoom-out 3s ease-out infinite; } .business_service .ol-cards { margin-inline: auto; display: grid; gap: 2rem; padding-inline-start: 2rem; color: #222; counter-reset: ol-cards-count; list-style: none; grid-template-columns: repeat(2, 1fr); gap: 50px; } .business_service .ol-cards li img { max-width: 35px; } .business_service .ol-cards > li { display: grid; grid-template-areas: "icon title nr" "icon descr nr"; gap: 0 2rem; align-items: center; padding: 2rem 2rem 2rem 0; border-radius: 1rem 5rem 5rem 1rem; background-image: linear-gradient(to bottom right, #e9eaec, #ffffff); counter-increment: ol-cards-count; filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25)); box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25); } .business_service .ol-cards > li > .icon { grid-area: icon; background: #08223a; width: 75px; border-radius: 0 40px 40px 0; margin-inline-start: calc(-1 * 2rem); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); position: relative; display: grid; place-items: center; height: 100px; } .business_service .ol-cards > li > .icon::before { content: ""; position: absolute; width: 2rem; height: calc(100% + calc(1rem * 2)); left: 0; top: calc(1rem * -1); clip-path: polygon(0 1rem, 100% 0, 100% 100%, 0 calc(100% - 1rem)); background-color: #08223a; background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) ); z-index: -1; } .ecom_cta .ecom_bg { background-position: center; background-size: cover; padding: 40px 65px; border-radius: 30px; display: flex; align-items: center; justify-content: space-between; position: relative; } .ecom_cta .ecom_cta_img { position: absolute; right: 50px; bottom: 0; } .ecom_cta .ecom_cta_img img { max-width: 270px; } .ecom_cta .ecom_bg::after { position: absolute; content: ""; background: url("../images/ecommerce-clutch/arrow.webp"); width: 150px; height: 120px; bottom: 0; right: 30%; background-size: contain; animation: zoom-in-zoom-out 3s ease-out infinite; background-repeat: no-repeat; } .ecom_cta .me_cta_Content { max-width: 75%; } .ai-driven { position: relative; } .ai-driven .container { position: relative; z-index: 3; } .ai-driven::after { content: ""; position: absolute; display: block; width: 210px; height: 365px; object-fit: contain; background-image: url(../images/salon-app-development/mobile-vector-3.webp); background-repeat: no-repeat; background-position: right !important; opacity: 0.2; background-size: cover; background-position: center; left: 29px; top: 30px; animation: zoom-in-zoom-out 3s ease-out infinite; z-index: 0; filter: brightness(0) invert(1); } .ai-driven .row.bg-cls { background-color: #fff; display: flex; align-items: center; border-radius: 12px; padding: 20px 0; } .ai-driven .col-md-7 { padding: 0; } .ai-driven .col-md-5 { padding: 0; z-index: 1; } .ai-driven ul.nav.nav-pills { display: flex; flex-direction: column; gap: 12px; } .ai-driven .icon img { max-width: 35px; margin-bottom: 20px; } .ai-driven ul.nav.nav-pills li { display: flex; } .ai-driven ul.nav.nav-pills li a { display: flex; border-radius: 0; height: 50px; width: 100%; background: #08223a; color: #fff; font-size: 18px; font-weight: 600; display: flex; align-items: center; transition: all 0.5s; } .ai-driven ul.nav.nav-pills li.active a { background-color: #0080ff; } .ai-driven ul.nav.nav-pills .shape { height: 50px; background: #08223a; width: 50px; transition: all 0.5s; position: relative; left: -1px; } .ai-driven ul.nav.nav-pills li.active .shape { background: #0080ff; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 0 52%, 0% 0%); } .ai-driven .nav-pills > li { margin-left: 25px; } @keyframes driven-rotate { 100% { transform: rotate(1turn); } } .ai-driven .tab-content.clearfix { position: relative; z-index: 0; height: 100%; border-radius: 10px; overflow: hidden; padding: 20px; display: flex; justify-content: center; align-items: center; margin: 30px 20px; } .ai-driven .tab-content.clearfix::before { content: ""; position: absolute; z-index: -2; left: -50%; top: -50%; width: 200%; height: 200%; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(#08223a, #06c), linear-gradient(#0080ff, #08223a), linear-gradient(#08223a, #0080ff), linear-gradient(#377af5, #377af5); animation: driven-rotate 4s linear infinite; } .ai-driven .tab-content.clearfix::after { content: ""; position: absolute; z-index: -1; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); background: #fff; border-radius: 5px; } .ondemand-ecommerce { position: relative; } .ondemand-ecommerce:before { position: absolute; content: ""; background: url("../images/ecommerce-clutch/4i.webp"); width: 100px; height: 100px; background-repeat: no-repeat; top: 10%; right: 3%; animation: zoom-in-zoom-out 3s ease-out infinite; } .ondemand-ecommerce .img-demand img { width: 100%; } .ondemand-ecommerce .col-md-5 { position: sticky; top: 110px; } .ondemand-ecommerce .icon img { max-width: 35px; margin-bottom: 20px; } .ondemand-ecommerce ul { padding-top: 10px; position: relative; z-index: 10; } .ondemand-ecommerce li { position: relative; overflow: hidden; z-index: 0; background: #eef3ff; padding: 30px 30px; margin: 20px 0; border-radius: 12px; } .ondemand-ecommerce li:before { content: ""; z-index: -2; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); position: absolute; width: 99999px; height: 99999px; border-radius: 12px; background-repeat: no-repeat; background-position: 0 0; background-image: conic-gradient(#08223a, #0080ff, #0000004a 25%); animation: rotatee 4s linear infinite; } .ondemand-ecommerce li:after { content: ""; position: absolute; z-index: -1; left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px); background: #eef3ff; border-radius: 7px; } @keyframes rotatee { 100% { transform: translate(-50%, -50%) rotate(1turn); } } .ondemand-ecommerce ul::-webkit-scrollbar { display: none; } .choose-ecommerce { position: relative; } .choose-ecommerce:after { position: absolute; content: ""; background: url("../images/ecommerce-clutch/5i.webp"); width: 60px; height: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; top: 30px; margin: auto; left: 25px; animation: zoom-in-zoom-out 3s ease-out infinite; } .choose-ecommerce img { max-width: 35px; margin-bottom: 10px; } .choose-ecommerce ul li { display: flex; flex-direction: column; background: #fff; padding: 10px 10px; margin-bottom: 1px; border-radius: 50%; height: 130px; width: 130px; position: relative; justify-content: center; align-items: center; text-align: center; z-index: 1; animation: zoom-in-zoom-out 2s ease-out infinite; } .choose-ecommerce ul li::after { position: absolute; content: ""; clip-path: polygon(50% 0%, 100% 0, 50% 100%, 0 0); height: 40px; width: 86px; background-color: #fff; bottom: -24px; z-index: -1; } .choose-ecommerce ul { display: flex; justify-content: center; gap: 8%; position: relative; left: -7%; top: 14%; } .choose-ecommerce ul li span { font-size: 20px; color: #08223a; font-weight: 700; } .choose-ecommerce ul li h3 { font-size: 13px; color: #08223a; font-weight: 500; } .choose-ecommerce .choose-bx { background-image: url("../images/ecommerce-clutch/successbg_map.webp"); height: 80vh; background-size: contain; background-repeat: no-repeat; margin-bottom: 30px; } .ecommerce-testimonial { position: relative; } .ecommerce-testimonial { display: flex; justify-content: center; align-items: center; } .ecommerce-testimonial .quotes.slick-initialized.slick-slider.slick-dotted .slick-list { overflow: visible; margin: 0px; position: relative; } .ecommerce-testimonial .quotes.slick-initialized.slick-slider.slick-dotted { overflow: hidden; } .ecommerce-testimonial button.slick-next.slick-arrow { position: absolute; left: 88%; margin-bottom: 25px; top: 0; width: 55px; height: 40px; text-indent: -9999px; background-image: url(../images/ecommerce-clutch/icons-arrow.webp); background-repeat: no-repeat; background-color: transparent; border: none; transform: scalex(-1); } .ecommerce-testimonial button.slick-prev.slick-arrow { position: relative; left: 94%; margin-bottom: 25px; width: 55px; height: 40px; text-indent: -9999px; background-image: url(../images/ecommerce-clutch/icons-arrow.webp); background-repeat: no-repeat; background-color: transparent; border: none; } .ecommerce-testimonial .newheading { margin-bottom: 0px !important; } .ecommerce-testimonial ul.slick-dots { display: none !important; } .ecommerce-testimonial .testimonial { background: #eef3ff; padding: 50px 40px; margin: 0 10px; display: flex !important; align-items: flex-end; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 30px; } .ecommerce-testimonial .testimonial .quote { position: absolute; font-size: 3em; width: 40px; height: 40px; background: #08223a; color: #fff; text-align: center; line-height: 1.25; } .ecommerce-testimonial .testimonial .quote.open { top: 0; left: 0; } .ecommerce-testimonial .testimonial .quote.close-bx { bottom: 0; right: 0; opacity: 1; background-color: #08223a; } .ecommerce-testimonial .testimonial p { width: 100%; display: inline-block; font-weight: 500; font-size: 16px; line-height: 29px; color: #08223a; } .ecommerce-testimonial .testimonial .source { width: 40%; height: 100%; position: relative; } .ecommerce-testimonial .testimonial .source span { display: block; font-weight: 600; font-size: 16px; position: relative; margin-left: 12px; text-align: right; color: #08223a; } .ecommerce-testimonial .testimonial .source span::before { content: "\2014"; display: inline; margin-right: 5px; } .ecommerce-testimonial .testimonial .image { transform: rotate(-5deg); position: absolute; top: 0.5em; right: 1.5em; } .ecommerce-testimonial .testimonial .image img { border: 10px solid #fff; margin: 0; padding: 0; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .ecommerce-testimonial .testimonial .image .clip { border: 3px solid #222; border-right: none; height: 45px; width: 20px; position: absolute; right: 7%; top: -15%; border-radius: 25px; } .ecommerce-testimonial .testimonial .image .clip::before { content: ""; position: absolute; top: -1px; right: 0; height: 10px; width: 16px; border: 2px solid #222; border-bottom: none; border-top-left-radius: 25px; border-top-right-radius: 25px; z-index: 99; } .ecommerce-testimonial .testimonial .image .clip::after { content: ""; position: absolute; bottom: -1px; right: 0; height: 40px; width: 16px; border: 2px solid #222; border-top: none; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; z-index: 99; } .ecommerce-testimonial .testimonial .image img { max-width: 100px; } .ecommerce-testimonial:after { position: absolute; content: ""; background: url("../images/ecommerce-clutch/3i.webp"); width: 85px; height: 81px; top: 80px; background-repeat: no-repeat; left: 3%; background-size: contain; animation: zoom-in-zoom-out 3s ease-out infinite; } .ecommerce-process-bx .process-bx { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; padding: 15px 0; } .ecommerce-process-bx .process-bx::after { content: ""; position: absolute; width: 2px; background: #fff; top: 0; bottom: 0; left: 50%; margin-left: -1px; } .ecommerce-process-bx .container-bx { padding: 0px 30px; position: relative; background: inherit; width: 50%; } .ecommerce-process-bx .container-bx.left { left: 0; } .ecommerce-process-bx .container-bx.right { left: 50%; } .ecommerce-process-bx .container-bx::after { content: ""; position: absolute; width: 16px; height: 16px; top: calc(50% - 8px); right: -8px; background: #ffffff; border-radius: 16px; z-index: 1; } .ecommerce-process-bx .container-bx.right::after { left: -8px; } .ecommerce-process-bx .container-bx::before { content: ""; position: absolute; width: 50px; height: 2px; top: calc(50% - 1px); right: 8px; background: #eef3ff; z-index: 1; } .ecommerce-process-bx .container-bx.right::before { left: 8px; } .ecommerce-process-bx .container-bx .steps { position: absolute; display: inline-block; top: calc(50% - 8px); text-align: center; font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 1px; z-index: 1; } .ecommerce-process-bx .container-bx.left .steps { right: -75px; } .ecommerce-process-bx .container-bx.right .steps { left: -75px; } .ecommerce-process-bx .container-bx .icon { position: absolute; display: flex; width: 70px; height: 70px; padding: 9px 0; top: calc(50% - 36px); background: #0080ff; border: 2px solid #08223a; border-radius: 40px; text-align: center; font-size: 18px; color: #08223a; z-index: 1; justify-content: center; align-items: center; } .ecommerce-process-bx .container-bx.right .icon { left: 50px; } .ecommerce-process-bx .container-bx.left .icon { right: 56px; } .ecommerce-process-bx .container-bx .content { padding: 30px 105px 30px 30px; background: #fff; position: relative; border-radius: 0 500px 500px 0; } .ecommerce-process-bx .container-bx.right .content { padding: 30px 30px 30px 105px; border-radius: 500px 0 0 500px; } .ecommerce-process-bx .container-bx img { max-width: 35px; animation: zoom-in-zoom-out 3s ease-out infinite; } .ecommerce-process-bx { position: relative; } .ecommerce-process-bx:before { position: absolute; content: ""; background: url("../images/ecommerce-clutch/6i.webp"); width: 100px; height: 100px; background-repeat: no-repeat; top: 17%; left: 3%; animation: zoom-in-zoom-out 3s ease-out infinite; } /* new */ .ecom_service_list { position: relative; } .ecom_service_list:after { content: ""; position: absolute; display: block; width: 210px; height: 365px; object-fit: contain; background-image: url(../images/salon-app-development/mobile-vector-3.webp); background-repeat: no-repeat; background-position: right !important; opacity: 0.2; background-size: cover; background-position: center; right: 30px; top: 7%; animation: zoom-in-zoom-out 3s ease-out infinite; z-index: 0; filter: brightness(0) invert(1); } .ecom_service_list .container { position: relative; z-index: 1; } .ecom_service_list ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; overflow: hidden; } .ecom_service_list ul li h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; } .ecom_service_list ul li img { max-width: 35px; } .ecom_service_list ul li .arrow { position: absolute; top: 10px; right: 15px; } .ecom_service_list ul li .arrow img { filter: invert(0.3); } .ecom_service_list ul li { background: #eef3ff; padding: 20px 20px; transition: all 0.5s; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; border: 2px solid #08223a; } .ecom_service_list ul li:hover { box-shadow: 0.063rem 0.625rem 1.875rem rgba(27, 118, 254, 0.35); transform: scale(1.02); border: 2px solid #eef3ff; } .ecom_service_list ul li:hover .arrow img { filter: invert(1); } .ecommerce-faq .container { background-color: #fff; padding: 60px 30px; border-radius: 30px; } .ecommerce-faq .img-faq { z-index: 1; margin-top: 50px; border-radius: 20%; position: relative; border: 2px dashed #fff; } .ecommerce-faq .img-faq img { width: 100%; } .ecommerce-faq .col-md-7 { padding: 0; } .ecommerce-faq .faq_section_custom { margin: 0px 10px 0; position: relative; z-index: 1; } .ecommerce-faq { padding-bottom: 80px; } /* clutch-page */ /* New Home page */ .newhome_banner { height: 100vh; position: relative; overflow: hidden; } .newhome_banner::after { content: ""; inset: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient(180deg, #0080ff 0%, #000a16 52.9%, #000a16 100%); opacity: 0.7; } .bannervideo { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; overflow: hidden; } .newhome_banner .row { display: flex; justify-content: center; } .newhome_txt h1 { color: #fff; font-weight: 800; font-size: 42px; line-height: 62px; margin-bottom: 20px; } .newhome_txt p { color: #fff; font-size: 18px; margin-bottom: 30px; } .newhome_txt { position: absolute; z-index: 1; left: 0; top: 56%; right: 0; margin: 0 auto; max-width: 850px; text-align: center; transform: translateY(-50%); } .client_icon { position: absolute; bottom: 0; right: 0; z-index: 2; left: 0; } .client_icon .slider_imgg img { max-width: 130px; margin: 0 auto; transition: 0.5s all; filter: invert(1) brightness(183.5); } .client_icon .track { display: flex; align-items: center; margin: 0 36px; } .client_icon .marquee { height: 67px; } .newsuccessimg img { max-width: 100%; display: block; } .newsuccesscontent h2 { color: #08223a; font-weight: 800; font-size: 38px; line-height: 52px; margin-bottom: 12px; } .newsuccesscontent p { color: #08223a; font-size: 16px; margin-bottom: 10px; line-height: 27px; } .newsuccess_pointimg img { filter: brightness(50.5); } .newsuccess_points { display: flex; align-items: center; margin-bottom: 15px; } .newsuccess_pointimg { margin-right: 8px; } .new_achievement { background-position: top; background-attachment: fixed; background-repeat: no-repeat; position: relative; padding: 80px 0 200px; } .new_achievement::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .new_achievement .container { position: relative; z-index: 2; } .new_achievement .container .row { display: flex; justify-content: center; align-items: center; } .newachievement_txt h2 { color: #fff; font-weight: 800; font-size: 38px; line-height: 52px; margin-bottom: 12px; } .newachievement_txt { text-align: center; } .newachievement_txt p { color: #fff; font-size: 16px; margin-bottom: 10px; line-height: 30px; } .counter_achievement { background: #0080ff; z-index: 1; position: absolute; width: 100%; text-align: center; padding: 30px 0; bottom: 0; left: 0; right: 0; } .counter_achievement::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; background-image: url(../images/home/Pattern_img.png); height: 100%; width: 100%; background-size: 910px; background-position: center center; background-repeat: no-repeat; opacity: 0.4; } .counter_achiev_box h3 { color: #fff; font-weight: 700; font-size: 40px; margin-bottom: 4px; } .counter_achiev_box span { color: #fff; font-size: 16px; margin-bottom: 0; line-height: 27px; } .new_achievement .container .row .col-md-3 { width: 20%; border-right: 1px solid #ffffff5c; } .new_achievement .container .row .col-md-3:last-child { border-right: 0; } .svg_shape { width: calc(14% + 1.3px); height: 42px; position: absolute; top: -41px; left: 0; right: 0; margin: 0 auto; } .svg_shape .shape-fill { fill: #0080ff; } .transform-real-estate .newheading { margin-bottom: 0px !important; } /* New Home page */ /* uae */ .techstack-bx { /* background-color: #eef3ff; */ } .techstack-bx .nav { display: grid; overflow-x: scroll; grid-template-columns: repeat(9, 1fr); padding-bottom: 30px; } .techstack-bx .nav li { position: relative; margin: 0; display: flex; justify-content: center; } .techstack-bx .nav li::before, .techstack-bx .nav li::after { content: ""; background: #f0e0f0; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 10px; height: 4px; } .techstack-bx .nav li.active { position: relative; } .techstack-bx .nav li.active::before, .techstack-bx .nav li.active::after { content: ""; background: #0080ff; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 10px; height: 4px; } .techstack-bx .nav::-webkit-scrollbar { display: none; } .techstack-bx .tab-content ul { display: grid; grid-template-columns: repeat(9, 1fr); } .techstack-bx .tab-content ul li p { font-size: 14px; font-weight: 500; text-align: center; color: #fff; } .techstack-bx .tab-content ul li { display: flex; flex-direction: column; justify-content: center; gap: 5px; align-items: center; } .techstack-bx .nav-pills > li > a { font-size: 17px; font-weight: 500; width: max-content; padding: 22px 0; color: #fff; } .techstack-bx .nav > li > a:focus, .techstack-bx .nav > li > a:hover { background-color: transparent; } .techstack-bx .nav-pills > li.active > a, .techstack-bx .nav-pills > li.active > a:focus, .techstack-bx .nav-pills > li.active > a:hover { color: #fff; background-color: transparent; color: #0080ff; } .techstack-bx .tab-content ul li img { max-width: 100px; background: #fff; border-radius: 12px; padding: 10px; } .techstack-bx .nav:before { display: none; } .award-uae .slider-bx img { width: 100%; } .award-uae .slider-bx .box img { max-width: 25px; } .award-uae button.slick-prev.slick-arrow { background-image: url(../images/commonpart/rightarrow.webp) !important; text-indent: -99999999999px; opacity: 1; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; left: -6% !important; display: block !important; top: 48%; bottom: 0; transform: translateY(-50%); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .award-uae button.slick-next.slick-arrow { bottom: 50%; opacity: 1; pointer-events: all; background-image: url(../images/commonpart/rightarrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; right: -6% !important; top: 57%; transform: translateY(-50%); transition: all 0.3s ease-out; } .award-uae .slider-bx .box { display: flex; align-items: center; justify-content: center; margin-top: 12px; gap: 10px; } .award-uae .slider-bx .box h3 { color: #08223a; font-size: 20px; font-weight: 600; } .award-uae .slider-bx { display: flex; flex-direction: column; justify-content: center; margin: 0 10px; align-items: center; border: 1.2px solid #efefef; border-radius: 24px; padding: 30px 20px; background-color: #fff; } .award-uae .slider-bx a { display: flex; flex-direction: column; justify-content: center; align-items: center; } .award-uae .slider-bx h3 { font-size: 18px; color: #fff; font-weight: 700; } .award-uae .slider-bx p { font-size: 15px; color: #08223a; font-weight: 600; } .uae_partner_bx .slider-bx { height: 120px; overflow: hidden; position: relative; width: 100%; max-width: 100%; } .uae_partner_bx .slider-bx ul { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: client-marquee 15s linear infinite; align-items: center; } .uae_partner_bx .slider-bx ul li img { margin: 15px; object-fit: contain; height: 100px; width: 100px; } .uae_partner_bx .slider-bx ul li { border-right: 1px solid #d9dfe4; } /* uae */ /* chicago */ .app-dev-chicago .js .app-slider-single > div:nth-child(1n + 2) { display: none; } .app-dev-chicago .js .app-slider-single.slick-initialized > div:nth-child(1n + 2) { display: block; } .app-dev-chicago .app-slider-nav .slick-slide { cursor: pointer; } .app-dev-chicago .content-bx { padding: 0; } .app-dev-chicago .content-bx span { font-size: 90px; color: #0080ff; opacity: 35%; font-weight: 600; margin-bottom: 30px; } .app-dev-chicago .atlanta-bx .content-bx span { font-size: 60px; color: #0080ff; opacity: 35%; font-weight: 600; margin-bottom: 30px; } .app-dev-chicago .atlanta-bx button.slick-next.slick-arrow { top: -165%; } .app-dev-chicago .atlanta-bx button.slick-prev.slick-arrow { top: -165%; } .app-dev-chicago .app-slider-nav.slick-initialized.slick-slider { margin-top: 20px; } .app-dev-chicago .content-bx h3 { color: #08223a; font-weight: 700; font-size: 25px; margin-bottom: 10px; line-height: 30px; } .app-dev-chicago .content-bx p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .app-dev-chicago .left_bx { height: 495px; background-color: #f5f5f5; overflow: hidden; } .app-dev-chicago .left_bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px; } .app-dev-chicago .right_bx { margin: 0 10px; height: 175px; overflow: hidden; } .app-dev-chicago .right_bx img { width: 100%; object-fit: cover; border-radius: 12px; height: 100%; } .app-dev-chicago button.slick-next.slick-arrow { position: absolute; top: -125%; left: 90%; background-image: url(../images/mobile_app_dubai/arrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: none; opacity: 1; } .app-dev-chicago button.slick-prev.slick-arrow { background-image: url(../images/mobile_app_dubai/arrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; display: flex !important; top: -125%; bottom: 0; left: 83% !important; transform: scaleX(-1); opacity: 1; } .app-dev-chicago .slider.app-slider-nav.slick-initialized.slick-slider { padding-top: 20px; } .app-dev-chicago .cta-btn-bx { display: flex; justify-content: center; align-items: center; margin-top: 40px; } .industry-chicago ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .industry-chicago ul li a { display: flex; gap: 10px; align-items: center; margin-bottom: 30px; } .industry-chicago ul li a h3 { font-size: 16px; font-weight: 600; line-height: 22px; color: #08223a; } .industry-chicago ul li .icon-bx { padding: 5px; background-color: #0080ff; border-radius: 12px; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .industry-chicago ul li:nth-child(odd) .icon-bx { background-color: #08223a; } .industry-chicago ul li img { max-width: 45px; padding: 8px; } .cta-chicago .container { background-size: cover; background-color: #000; background-position: center; padding: 70px 0px 0px 50px; position: relative; border-radius: 20px; z-index: 1; } .cta-chicago .container .cta-img { position: relative; bottom: 0; right: 0; } .cta-chicago .container .cta-img img { width: 100%; } .cta-chicago .container .cta-chicago-content h2 { font-size: 34px; font-weight: 800; line-height: 1.5; color: #fff; } .cta-chicago .container .cta-chicago-content p { font-size: 18px; line-height: 1.5; margin: 20px 0 30px !important; font-weight: 500; color: #fff; } .certified-chicago .main-video { display: flex; justify-content: center; align-items: center; height: 400px; color: #fff; } .our-commitments-chicago .service-item { color: rgb(255, 255, 255); width: 100%; background: #121526; border: 1px solid rgb(55, 63, 75); border-radius: 12px; padding: 30px; margin: 0 15px; min-height: 350px; transition: all 0.5s; } .our-commitments-chicago .service-item:hover { background-color: rgb(0, 93, 255); } .our-commitments-chicago .service-item .headerimg { background-color: rgb(30, 27, 36); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; opacity: 0.7; width: 66px; height: 66px; transition: all 0.5s; border-radius: 12px; } .our-commitments-chicago .service-item:hover .headerimg { opacity: 1; background-color: rgb(29, 111, 251); } .our-commitments-chicago .service-item .headerimg img { max-width: 45px; filter: brightness(0) invert(1); } .our-commitments-chicago .service-item h3 { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #fff; text-align: left; } .our-commitments-chicago .service-item p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 26px; text-align: left; } .our-commitments-chicago button.slick-prev.slick-arrow { right: 6%; position: absolute; top: -14%; background-image: url(../images/chicago/arrow-1.webp) !important; text-indent: -99999999999px; height: 30px; width: 30px; background-size: cover; background-color: transparent; border: none; opacity: 1; } .our-commitments-chicago button.slick-next.slick-arrow { position: absolute; top: -14%; right: 2%; background-image: url(../images/chicago/arrow-2.webp) !important; text-indent: -99999999999px; height: 30px; width: 30px; background-size: cover; background-color: transparent; border: none; opacity: 1; } .our-commitments-chicago .slick-list.draggable { overflow: hidden; padding: 0 0px !important; } .why-choose-service.chicago-tab .tab-pane.active { background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; height: 540px; display: flex; align-items: end; border-radius: 5px; } .why-choose-service.chicago-tab .tab-pane .content-bx { background: #ffffffb0; padding: 40px 20px; margin: 0 40px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } .why-choose-service.chicago-tab .tab-pane .content-bx h3 { color: #08223a; font-size: 25px; font-weight: 700; margin-bottom: 0px; line-height: 36px; } .why-choose-service.chicago-tab .tab-pane .content-bx p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; margin-top: 10px; } .main_portfolio .portfolio_box { border-radius: 30px; display: flex !important; align-items: center; justify-content: center; border: 16px solid rgb(255 255 255 / 44%); z-index: 3; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .main_portfolio ul.slick-dots { display: none !important; } .main_portfolio .port_bg1 { background-color: #0f1b31 !important; } .main_portfolio .port_bg2 { background-color: #ff9259 !important; } .main_portfolio .port_bg3 { background-color: #63bfe4 !important; } .main_portfolio .slick-list.draggable { overflow: hidden; border-radius: 30px; } .main_portfolio .port_bg5 .newbtn_design { background: rgb(255 255 255 / 44%); } .main_portfolio .port_left { width: 65%; padding: 20px 50px; } .main_portfolio .port_right img { max-width: 60%; margin: 0 auto; } .main_portfolio .port_right { width: 35%; text-align: center; padding: 40px 0; margin-right: -1px; background-color: rgb(255 255 255 / 44%); border-radius: 0px 14px 14px 0; } .main_portfolio button.slick-prev.slick-arrow { position: absolute; left: -5%; top: 50%; transform: scaleX(-1); height: 50px; width: 50px; background-size: 50px; background-color: transparent; text-indent: -99999999999px; border: none; background-image: url(../images/commonpart/rightarrow.webp) !important; z-index: 1; } .main_portfolio button.slick-next.slick-arrow { position: absolute; right: -5%; top: 50%; height: 50px; width: 50px; background-size: 50px; background-color: transparent; text-indent: -99999999999px; border: none; background-image: url(../images/commonpart/rightarrow.webp) !important; } .main_portfolio .down_link_btn .newbtn_design { font-size: 15px; border-radius: 14px; } .main_portfolio .port_bg2 .newbtn_design { background-color: rgb(255 255 255 / 44%) !important; } .main_portfolio .down_link { display: flex; } .main_portfolio .down_link a img { max-width: 35px; } .main_portfolio .down_link a { margin-right: 20px; } .main_portfolio .portfolio_info { display: flex; margin-top: 40px; } .main_portfolio .port_infobox { margin-right: 0; width: 22%; } .main_portfolio .port_infobox strong { color: #fff; font-weight: 700; font-size: 40px; display: block; margin-bottom: 10px; line-height: 40px; } .main_portfolio .port_infobox span { color: #fff; font-size: 16px; display: block; font-weight: 500; } .main_portfolio .port_left h3 { font-size: 42px; color: #fff; font-weight: 800; line-height: 54px; margin-bottom: 15px; } .main_portfolio .port_left p { color: #ffff; font-size: 16px; line-height: 27px; margin-bottom: 25px; } .chicago-testimonial .testi-bx { display: flex; background: rgb(0, 0, 17); border-radius: 15px; border: 1px solid rgb(95, 95, 106); border-image: initial; padding: 35px 35px 75px; margin: 0px 30px; color: #fff; align-items: center; justify-content: center; min-height: 355px; font-family: "Product Sans"; } .chicago-testimonial .testi-bx img { max-width: 100px; border-radius: 50%; margin-bottom: 20px; } .chicago-testimonial .testi-bx h3 { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .chicago-testimonial .testi-bx .testi-img { width: 100%; } .chicago-testimonial .col-md-12 { display: flex; justify-content: center; } .chicago-testimonial .potfolio-slider { align-items: center; max-width: 1000px; } .chicago-testimonial ul.slick-dots { position: relative; display: flex !important; flex-direction: row !important; justify-content: center; bottom: 10%; gap: 3px; } .chicago-testimonial button { text-indent: -9999999px; padding: 0; width: 30px; height: 3px; background: #ffffff; border: none; border-radius: 12px; } .chicago-testimonial li.slick-active button { background: #0080ff !important; text-indent: -9999999px; padding: 0; width: 30px; height: 3px; border: 1px solid #0080ff; border-radius: 12px; position: relative; z-index: 2; } .chicago-testimonial button.slick-prev.slick-arrow { position: absolute; left: -3%; top: 45%; transform: scaleX(-1); height: 50px; width: 50px; background-size: 50px; background-color: transparent; text-indent: -99999999999px; border: none; background-image: url(../images/commonpart/rightarrow.webp) !important; z-index: 1; } .chicago-testimonial button.slick-next.slick-arrow { position: absolute; right: -3%; top: 45%; height: 50px; width: 50px; background-size: 50px; background-color: transparent; text-indent: -99999999999px; border: none; background-image: url(../images/commonpart/rightarrow.webp) !important; } .chicago-testimonial .testi-bx p { font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 26px; text-align: left; } .chicago-testimonial .testi-bx .testi-content { padding-left: 30px; } .techstack-bx .marquee-bx { height: 130px; overflow: hidden; position: relative; width: 100%; max-width: 100%; } .techstack-bx .marquee-bx .tech_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: client-marquee 35s linear infinite; align-items: center; height: 130px; gap: 20px; } .qatar-transform .mesimilar_content .newbtn_design { margin-top: 30px; } .service-app-banner .container { position: relative; z-index: 2; } /* chicago */ /* atlanta */ .atlanta_process .img-bx img { width: 100%; } .atlanta_process .steps-navigation { text-align: left; margin-bottom: 20px; } .atlanta_process .step-btn { background: #08223a; border: none; padding: 10px 15px; color: #fff; cursor: pointer; border-radius: 5px; margin: 5px; } .atlanta_process .step-btn.active { background: #0080ff; } .atlanta_process .slide { background: rgb(0 0 0 / 13%); backdrop-filter: blur(17px); border-radius: 10px; margin: 0 10px; border: 2px solid #fff; padding: 20px; min-height: 375px; } .atlanta_process .slide .icon-bx { width: 54px; height: 54px; border-radius: 54px; display: flex; align-items: center; justify-content: center; background: rgba(0, 67, 105, 0.4); margin-bottom: 15px; } .atlanta_process .slick-prev, .atlanta_process .slick-next { background: #007bff; border-radius: 5px; border: none; width: 40px; height: 40px; color: #fff; font-size: 18px; } .atlanta_process button.slick-prev.slick-arrow { position: absolute; bottom: -18%; opacity: 1; left: 2%; } .atlanta_process button.slick-next.slick-arrow { left: 8%; opacity: 1; bottom: -18%; } .atlanta_process .slide.slick-slide.slick-current.slick-active { border: 2px solid #0080ff; } .atlanta_process .icon-bx img { max-width: 65%; max-height: 65%; filter: brightness(0) invert(1); } .atlanta_process .slide h3 { color: #fff; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .atlanta_process .slide p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 10px; line-height: 24px; } .our-commitments-chicago .atlanta-bx button.slick-prev.slick-arrow { right: 6%; position: absolute; top: -5%; } .our-commitments-chicago .atlanta-bx button.slick-next.slick-arrow { position: absolute; top: -5%; right: 2%; } .our-commitments-chicago .atlanta-bx .slick-list.draggable { overflow: hidden; padding: 20px 0 0 0px !important; } .our-commitments-chicago .atlanta-bx .service-item { min-height: 460px; margin: 0 10px; } .qatar-testimonial .newheading { margin-bottom: 0px !important; } .atlanta-testimonial .main_testi { display: flex; margin: 0 60px; } .atlanta-testimonial ul.slick-dots { display: none !important; } .atlanta-testimonial button.slick-prev.slick-arrow { background-image: url(../images/commonpart/rightarrow.webp) !important; text-indent: -99999999999px; opacity: 1; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; left: 49% !important; display: block !important; top: 100%; bottom: 0; transform: translateY(-50%); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .atlanta-testimonial button.slick-next.slick-arrow { opacity: 1; pointer-events: all; background-image: url(../images/commonpart/rightarrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; right: 40% !important; top: 119%; bottom: 0; transform: translateY(-50%); transition: all 0.3s ease-out; } .atlanta-testimonial .main_testi .left_testi { width: 40%; position: relative; } .atlanta-testimonial .main_testi .left_testi img { width: 100%; padding: 13px; position: relative; bottom: -12px; border-radius: 25px 25px 0 0; } .atlanta-testimonial .main_testi .left_testi:before { content: ""; position: absolute; left: 0; background: url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-2d76216/www.apptunix.com/wp-content/uploads/2022/03/nh_tsti_elemt.svg") no-repeat; top: -25px; height: 260px; background-repeat: no-repeat; background-position: top center; background-size: cover; z-index: 0; width: 100%; } .atlanta-testimonial .main_testi .right_testi { width: 60%; position: relative; padding: 45px 0 0px 35px; } .atlanta-testimonial .main_testi .right_testi:after { top: 0; position: absolute; content: ""; background: url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-2d76216/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2022/11/28113036/1.png"); width: 105px; height: 80px; left: 15px; background-repeat: no-repeat; background-size: 100%; background-position: left center; } .atlanta-testimonial .main_testi .right_testi h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .atlanta-testimonial .main_testi .right_testi p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 28px; margin-top: 20px; } .atlanta-testimonial .main_testi .right_testi span { color: #0080ff; font-size: 14px; font-weight: 900; } .atlanta-testimonial .atlanta-nav .img-bx img { border-radius: 50%; height: 100px; width: 100px; filter: grayscale(1); } .atlanta-testimonial .main-slider .img-bx { display: flex; justify-content: center; margin-bottom: 35px; } .atlanta-testimonial .atlanta-nav { max-width: 1000px; margin: 40px 60px; } .atlanta-testimonial .Video_btn { width: 50px; height: 50px; background-color: #fff; color: #fff !important; border-radius: 50px; text-align: center; font-size: 30px; animation-name: pulsewala1; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 66%; transform: translateY(-50%); } .atlanta-testimonial .Video_btn img { max-width: 45px; filter: brightness(1); bottom: 0px !important; } .atlanta-testimonial .atlanta-nav .slick-current img { border: 3px solid #0080ff; filter: grayscale(0); } /* atlanta */ /* riyadh */ /* riyadh */ .progress-bg-bx .progges-icon { width: 120px; height: 120px; } .progress-bg-bx .step-count { width: 25px; height: 25px; background-color: #fff; border-radius: 50%; position: absolute; animation: pulse 0.7s linear infinite; display: flex; align-items: center; justify-content: center; color: #08223a; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 #ffffff; } 70% { box-shadow: 0 0 0 10px #fff0; } 100% { box-shadow: 0 0 0 0 #fff0; } } .progress-bg-bx .arrow1::before, .progress-bg-bx .arrow2::before, .progress-bg-bx .arrow3::before { width: 142px; height: 35px; position: absolute; content: ""; } .progress-bg-bx .step-count1 { top: 2px; left: 84px; } .progress-bg-bx .step-count2 { top: 4%; left: 24%; } .progress-bg-bx .step-count3 { top: 7%; left: -40%; right: 0; margin: auto; } .progress-bg-bx .step-count4 { top: 7%; right: 18%; } .progress-bg-bx .step-count5 { top: 22px; left: 48px; } .progress-bg-bx .step-count6 { bottom: 70%; left: -50%; right: 0; margin: auto; } .progress-bg-bx .step-count7 { top: 14%; left: 20%; } .progress-bg-bx .step-count8 { top: 12%; left: 10%; } .progress-bg-bx .reverseRow { margin-top: 50px; } .progress-bg-bx .arrow1::before { background-image: url(../images/mobile_app_arabia/Arrow1.webp); top: 0; right: -56px; bottom: 60px; margin: auto; width: 144px; background-size: cover; background-position: right; } .progress-bg-bx .arrow2::before, .progress-bg-bx .arrow3::before { right: -80px; bottom: 17px; background-size: contain; background-repeat: no-repeat; } .progress-bg-bx .arrow2::before { background-image: url(../images/mobile_app_arabia/Arrow2.webp); top: 0; margin: auto; } .progress-bg-bx .arrow3::before { background-image: url(../images/mobile_app_arabia/Arrow3.webp); top: 21px; } .progress-bg-bx .arrow4::before { content: ""; background-image: url(../images/mobile_app_arabia/Arrow4.webp); background-size: contain; background-repeat: no-repeat; position: absolute; top: 185px; right: -19px; bottom: 0; margin: auto; width: 57px; height: 100%; } .progress-bg-bx .arrow6::before, .progress-bg-bx .arrow7::before, .progress-bg-bx .arrow8::before { background-size: contain; position: absolute; top: 87px; right: -80px; bottom: 17px; width: 142px; height: 35px; content: ""; background-repeat: no-repeat; } .progress-bg-bx .arrow8::before { background-image: url(../images/mobile_app_arabia/Arrow7.webp); } .progress-bg-bx .arrow7::before { background-image: url(../images/mobile_app_arabia/Arrow6.webp); } .progress-bg-bx .arrow6::before { background-image: url(../images/mobile_app_arabia/Arrow5.webp); } .progress-bg-bx .lineShow { border: 1px solid #f1eeee; position: relative; } .progress-bg-bx .lineShow::before { content: ""; position: absolute; background-color: #ee4524; width: 18px; height: 18px; right: -10px; bottom: -10px; z-index: 9; } .progress-bg-bx .lineShow:first-child, .progress-bg-bx .lineShow:nth-child(13), .progress-bg-bx .lineShow:nth-child(5), .progress-bg-bx .lineShow:nth-child(9) { border-left: 0; } .progress-bg-bx .lineShow:first-child, .progress-bg-bx .lineShow:nth-child(2), .progress-bg-bx .lineShow:nth-child(3), .progress-bg-bx .lineShow:nth-child(4) { border-top: 0; } .progress-bg-bx .lineShow:nth-child(12), .progress-bg-bx .lineShow:nth-child(16), .progress-bg-bx .lineShow:nth-child(4), .progress-bg-bx .lineShow:nth-child(8) { border-right: 0; } .progress-bg-bx .lineShow:nth-child(13), .progress-bg-bx .lineShow:nth-child(14), .progress-bg-bx .lineShow:nth-child(15), .progress-bg-bx .lineShow:nth-child(16) { border-bottom: 0; } .progressstep { text-align: center; } .mb-4 { margin-top: 1.5rem !important; } .progressstep h3.new_font { font-size: 18px; color: #08223a; font-weight: 700; margin-bottom: 5px; line-height: 22px; } .progressstep p.new_font { font-size: 15px; color: #08223a; line-height: 18px; } .industry-saudi ul { display: grid; grid-template-columns: repeat(6, 1fr); } .industry-saudi ul li .main-bx { display: flex; flex-direction: column; gap: 15px; } .industry-saudi ul li { padding: 20px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; display: flex; align-items: center; justify-content: center; } .industry-saudi ul li .main-bx { display: flex; align-items: center; justify-content: center; } .industry-saudi ul li:nth-child(6) { border-right: 0 !important; } .industry-saudi ul li:nth-child(12) { border-right: 0 !important; border-bottom: 0 !important; } .industry-saudi ul li:nth-child(7), .industry-saudi ul li:nth-child(8), .industry-saudi ul li:nth-child(9), .industry-saudi ul li:nth-child(10), .industry-saudi ul li:nth-child(11) { border-bottom: 0 !important; } .industry-saudi ul li .main-bx h3 { color: #08223a; font-size: 16px; font-weight: 500; line-height: 20px; } .industry-saudi ul li .main-bx img { max-width: 35px; } .assortment_service .main-box { position: relative; margin: 0 15px 30px; box-shadow: 0 3px 11px rgba(0, 0, 0, 0.16); transition: all 0.3s ease-in-out 0s; } .assortment_service .main-box .img-bx img { width: 100%; position: relative; } .assortment_service .main-box .icon-bx { position: absolute; background: #fff; top: 35%; width: 89px; height: 60px; display: flex; align-items: center; justify-content: center; } .assortment_service .education-service-slider button.slick-next.slick-arrow { bottom: -13.5%; top: auto; } .assortment_service .main-box:hover .icon-bx { background: #1a81ff; } .assortment_service .main-box:hover .icon-bx img { filter: brightness(0) invert(1); } .assortment_service .main-box .icon-bx img { max-width: 45px; } .assortment_service .main-box .content-bx { position: relative; transition: all 0.3s ease-in-out 0s; padding: 40px 20px 20px; z-index: 1; min-height: 260px; background-color: #fff; } .assortment_service .main-box .content-bx:after { position: absolute; content: ""; background: #1a81ff; width: 90px; height: 20px; top: -1px; clip-path: polygon(0 0, 100% 0, 79% 100%, 20% 100%); left: 0; } .assortment_service .main-box:hover .content-bx:after { width: 100%; height: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); margin: auto; transition: all 0.3s ease-in-out 0s; top: 0; left: 0; } .assortment_service .main-box .content-bx h3 { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #08223a; text-align: left; position: relative; z-index: 2; transition: all 0.3s ease-in-out 0s; } .assortment_service .main-box .content-bx p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; transition: all 0.3s ease-in-out 0s; text-align: left; position: relative; z-index: 2; } .assortment_service .main-box .content-bx .interlink_update { transition: all 0.3s ease-in-out 0s; font-style: italic; } .assortment_service .main-box:hover .content-bx h3, .assortment_service .main-box:hover .content-bx p, .assortment_service .main-box:hover .content-bx .interlink_update { color: #fff !important; font-style: italic; } .assortment_service { padding-bottom: 80px; } .disruptive_technology ul { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); } .disruptive_technology ul li { height: 280px; border-radius: 20px; background-position: center; color: #fff; position: relative; border-radius: 30px; overflow: hidden; cursor: pointer; } .disruptive_technology ul li:after { position: absolute; content: ""; width: 100%; height: 100%; inset: 0; background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.93) 100%) 0 0 no-repeat padding-box; border-radius: 25px; } .disruptive_technology ul li .techno-bx { display: flex; gap: 20px; align-items: end; justify-content: center; height: 100%; padding: 30px 0; position: relative; z-index: 1; } .disruptive_technology ul li .techno-bx img { max-width: 45px; filter: brightness(0) invert(1); } .disruptive_technology ul li .hidden-bx { position: absolute; bottom: 0; border-radius: 30px; transform: translate(0, 100%); margin: auto; background: #0080ff99; border-radius: 25px; padding: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; transition: all 0.5s ease-in-out 0s; z-index: 9; opacity: 0; text-align: center !important; } .disruptive_technology ul li:hover .hidden-bx { opacity: 1; transform: unset; } .disruptive_technology ul li h3 { font-size: 22px; font-weight: 700; line-height: 30px; margin-bottom: 6px; } .disruptive_technology ul li p { font-weight: 500; font-size: 16px; line-height: 26px; } .disruptive_technology ul li p a.interlink_update { color: #08223a !important; font-style: italic; } .disruptive_technology ul li:hover .techno-bx { display: none; } .common_cta_bx { padding: 100px 0 80px; position: relative; } .common_cta_bx .cta-bx { position: relative; animation: cta-animateBg 8s linear infinite; background-image: linear-gradient(90deg, #08223a, #000, #06c, #121526); background-size: 400% 100%; border-radius: 12px; height: 290px; display: flex; align-items: center; justify-content: space-between; } .common_cta_bx .cta-left { width: 70%; padding-left: 70px; } .common_cta_bx .cta-right { width: 40%; } .common_cta_bx .cta-right img { max-width: 365px; } .common_cta_bx .cta-left { width: 70%; padding-left: 70px; } .common_cta_bx h2 { font-family: "Product Sans"; font-size: 34px; font-weight: 800; line-height: 1.2; color: #fff; border-left: 10px solid #fff; padding-left: 20px; margin-bottom: 30px; } .CostEstimation_box h3.new_font { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #08223a; } .CostEstimation_box p.new_font { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .bestcompany_inner h3.new_font { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #08223a; } .bestcompany_inner p.new_font { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .app-dev-slider .bestcompany_box { margin: 0px 15px; } .app-dev-slider .bestcompany_box .bestcompany_inner { min-height: 300px; } .tg_bestcompany .app-dev-slider .bestcompany_box:hover { transform: none; } .tg_bestcompany .app-dev-slider button.slick-prev.slick-arrow { background-image: url(../images/mobile_app_dubai/arrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: 0; position: absolute; display: flex !important; top: -14%; bottom: 0; left: 90% !important; transform: scaleX(-1); opacity: 1; } .tg_bestcompany .app-dev-slider button.slick-next.slick-arrow { position: absolute; top: -14%; left: 94%; background-image: url(../images/mobile_app_dubai/arrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; border: none; opacity: 1; } .tg_bestcompany .app-dev-slider.slick-initialized.slick-slider { margin-top: 20px; } .bestcompany_inner::before { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: 0; background-size: 34px; background-repeat: repeat; filter: brightness(0.5); } .common_country_banner { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 150px 0 80px; position: relative; } .common_country_banner .locations_form { margin: 0px !important; } .common_country_banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .common_country_banner .container { z-index: 1; position: relative; } .common_country_banner .expri_body { display: grid; gap: 14px; padding: 0px 20px; box-shadow: 0px -1px 20px rgb(255 255 255 / 10%); border-radius: 10px; grid-template-columns: repeat(5, 1fr); margin-top: 30px; } .common_country_banner .expri_body .box-main { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; } .common_country_banner .expri_body .box-main:before { position: absolute; content: ""; border-right: 1px dashed #fff; width: 100%; height: 100%; } .common_country_banner .expri_body .box-main:last-child:before { position: absolute; content: ""; border-right: none; } .common_country_banner .mebanner_content h1 { margin: 0px; } .common_country_banner .mebanner_content p { margin-bottom: 0; } .common_country_banner .expri_body .box-main img { max-width: 36px; filter: brightness(0) invert(1); } .common_country_banner .expri_body .box-main .content-bx { font-size: 16px; color: #fff; } .common_country_banner .expri_body .box-main .content-bx p { font-weight: 500; color: #ffffff; font-size: 20px; margin-bottom: 0; line-height: 30px; } .common_country_banner .expri_body .box-main .content-bx span { font-size: 13px; } .common_country_banner .newbanner_content .newbtn_design { width: max-content; } .common_country_banner .newbanner_content { display: grid; gap: 1rem; align-items: normal; background: rgb(132 132 132 / 29%); padding: 20px; border-radius: 10px; } .clients-bx-testimonial .testi-bx { display: flex; background: rgb(0, 0, 17); border-radius: 15px; border: 1px solid rgb(95, 95, 106); border-image: initial; padding: 35px 35px 75px; margin: 0px 30px; color: #fff; align-items: center; justify-content: center; min-height: 355px; font-family: "Product Sans"; } .clients-bx-testimonial .testi-bx img { max-width: 100px; border-radius: 50%; margin-bottom: 20px; } .clients-bx-testimonial .testi-bx h3 { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .clients-bx-testimonial .testi-bx .testi-img { width: 50%; } .clients-bx-testimonial .col-md-12 { display: flex; justify-content: center; } .clients-bx-testimonial .potfolio-slider { align-items: center; max-width: 1000px; } .clients-bx-testimonial ul.slick-dots { position: relative; display: flex !important; flex-direction: row !important; justify-content: center; bottom: 10%; gap: 3px; } .clients-bx-testimonial button { text-indent: -9999999px; padding: 0; width: 30px; height: 3px; background: #ffffff; border: none; border-radius: 12px; } .clients-bx-testimonial li.slick-active button { background: #0080ff !important; text-indent: -9999999px; padding: 0; width: 30px; height: 3px; border: 1px solid #0080ff; border-radius: 12px; position: relative; z-index: 2; } .clients-bx-testimonial button.slick-prev.slick-arrow { position: absolute; left: -3%; top: 45%; transform: scaleX(-1); height: 50px; width: 50px; background-size: 50px; background-color: transparent; text-indent: -99999999999px; border: none; background-image: url(../images/commonpart/rightarrow.webp) !important; z-index: 1; } .clients-bx-testimonial button.slick-next.slick-arrow { position: absolute; right: -3%; top: 45%; height: 50px; width: 50px; background-size: 50px; background-color: transparent; text-indent: -99999999999px; border: none; background-image: url(../images/commonpart/rightarrow.webp) !important; } .clients-bx-testimonial .testi-bx p { font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 26px; text-align: left; } .clients-bx-testimonial .testi-bx .testi-content { padding-left: 30px; } .clients-bx-testimonial .new_font_content { margin-bottom: 20px; } .video_sec_riyadpge .col-md-12 .tg_video img { width: 100%; max-width: 100%; height: 300px; object-fit: cover; } .video_sec_riyadpge .col-md-12 .tg_video a img { width: 48%; max-width: 100%; height: 30px; object-fit: cover; } /* .sliderwrap, .heroslider { max-width:600px; } .slider-progress { width:100%; height:5px; background:#555; max-width:600px; position:relative; overflow:hidden; } .slider-progress .progress { width:0%; height:5px; background:#000; position:absolute; } */ .new_portfolio_bx .port-left { display: flex; width: 77%; gap: 20px; font-family: "Product Sans" !important; background-color: #fff; padding: 30px 25px; border-radius: 30px 0 0 30px; height: 500px; } .new_portfolio_bx .port-left .logo { border: 0.62px solid #2e3b5b; border-radius: 24px; padding: 3px; height: 85px; width: 85px; display: flex; align-items: center; justify-content: center; } .new_portfolio_bx .aboutproject_portfolio h2 { font-size: 28.29px; font-weight: 700; line-height: 40.43px; color: #2e3b5b; margin-bottom: 10px; } .new_portfolio_bx .aboutproject_portfolio p { font-size: 16px; font-weight: 500; line-height: 1.6; color: #2e3b5b; margin-bottom: 10px; } .new_portfolio_bx .mobileportfoilo_details { display: flex; gap: 25px; margin: 20px 0; } .new_portfolio_bx .port-left img { max-width: 100%; } .new_portfolio_bx .main-port { display: flex; } .new_portfolio_bx .aboutproject_portfolio { position: relative; z-index: 1; width: 65%; } .new_portfolio_bx .aboutprojects span { font-size: 15px; font-weight: 500; line-height: 21px; color: #2e3b5b; display: block; margin-bottom: 6px; } .new_portfolio_bx .aboutprojects strong { font-size: 15px; font-weight: 600; line-height: 21px; color: #2e3b5b; display: block; margin-bottom: 0; } .new_portfolio_bx .aboutprojects { margin-right: 30px; } .new_portfolio_bx .casestudy_btn a { color: #2e3b5b; border: 1.35px solid #2e3b5b; transition: 0.5s all; font-family: Poppins; font-size: 17.49px; font-weight: 600; line-height: 26.24px; text-align: left; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 0 20px; } .new_portfolio_bx .casestudy_btn a img { margin-left: 15px; transition: 0.3s all; max-width: 28px; } .new_portfolio_bx .casestudy_btn a:hover { background-color: #2e3b5b; color: #fff; } .new_portfolio_bx .casestudy_btn a:hover img { filter: brightness(20.5); margin-left: 20px; } .new_portfolio_bx .casestudy_btn { margin-bottom: 20px; } .new_portfolio_bx .available_on p { font-size: 16px; margin-bottom: 10px; } .new_portfolio_bx .available_btns a { display: inline-block; margin-right: 8px; } .new_portfolio_bx .port-right { height: 500px; width: 50%; object-fit: cover; background-repeat: no-repeat; position: relative; border-radius: 0 30px 30px 0; } .new_portfolio_bx .port-right .img-bx img { position: absolute; left: -120px; top: 50%; transform: translateY(-50%); max-height: 460px; } .new_portfolio_bx button { top: 50%; bottom: auto; position: absolute; background-image: url(../images/commonpart/rightarrow.webp) !important; z-index: 1; height: 50px; width: 50px; background-size: 50px; border: none; transform: scaleX(-1); text-indent: -99999999999px; background-color: transparent; } .new_portfolio_bx button.slick-prev.slick-arrow { left: -3%; right: auto; } .new_portfolio_bx button.slick-next.slick-arrow { right: -3%; left: auto; transform: scaleX(1); } .pearks_content h3.new_font { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #08223a; } .faq_section .new-font { font-family: "Product Sans" !important; } .faq_section .new-font p { font-family: "Product Sans" !important; } /* riyadh */ /* home-page */ .blog_more_btn { text-align: center; padding: 30px 0 0; } .blog_more_btn a { color: #2e3b5b; border: 1.35px solid #2e3b5b; transition: 0.5s all; font-family: Poppins; font-size: 17.49px; font-weight: 600; line-height: 26.24px; text-align: left; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 0 20px; } .blog_more_btn a:hover { background-color: #2e3b5b; color: #fff; } .blog_more_btn a img { margin-left: 15px; transition: 0.3s all; max-width: 28px; } .blog_more_btn a:hover img { filter: brightness(20.5); margin-left: 20px; } .get_touch_box .mebanner_form { border: 1px solid #0080ff; } .get_touch_box { background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; } .get_touch_box .main-img-box ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .get_touch_box .main-img-box ul li { padding-top: 5px; padding-bottom: 5px; padding-left: 9px; padding-right: 9px; background-color: #eef3ff; border-radius: 10px; display: flex; justify-content: center; align-items: center; } .get_touch_box .main-img-box p { font-weight: 500; color: #fff; font-size: 16px; line-height: 29px; margin-bottom: 20px; margin-top: 15px; background: #175eff; width: max-content; padding: 3px 15px; border-radius: 10px; } .get_touch_box .main-img-box ul li img { max-width: 175px; padding: 5px; } .get_touch_box .newheading { margin-bottom: 30px !important; } .get_touch_box h3 { color: #08223a; font-weight: 700; font-size: 20px; margin: 10px 0 20px; line-height: 30px; text-align: center; text-transform: capitalize; text-decoration: underline; } .interlink_update_wht { font-weight: 800; color: #fff !important; text-decoration: underline; font-style: italic; } /* home-page */ /* Media Quires */ .datingnew_banner .col-md-5 .mebanner_form { margin: 0; } /* */ .faq_section_custom .col-md-6 .faq_box { height: 90px; display: block; align-items: center; } .col-md-6 .faq_section_custom .faq_box.active { height: auto; } .col-md-6 .faq_section_custom .faq_box_head { display: flex; height: 100%; align-items: center; } /* */ @media (max-width: 1920px) { .blogsection .blogpart .baner .home img { height: 260px; } } @media (max-width: 1679px) { .blogsection .blogpart .baner .home img { height: 240px; } .top-company-cta .top-company-cta-img { right: 53%; width: 35%; } .top-company-cta .top-company-cta-img img { width: 45%; max-height: max-content; object-fit: contain; height: auto; } } @media (max-width: 1439px) { .blogsection .blogpart .baner .home img { height: 200px; } .top-company-cta .top-company-cta-img img { width: 55%; } } @media (max-width: 1381px) { .main_singapore_trusted .right_count { justify-content: center; padding-left: 20px; border-left: 3px solid white; } .main_singapore_trusted .right_count .inner_setup_count { border-left: none; } } @media (max-width: 1279px) { .datingnew_img { right: 80px; max-width: 380px; } .datingnew_left h1 { font-weight: 800; font-size: 38px; margin: 0 0 15px; line-height: 56px; } .servicesnew_left h1 { font-weight: 800; font-size: 38px; margin: 0 0 15px; line-height: 56px; } .hireusanew_banner { height: auto; padding: 100px 0 80px; } .client_testimonialsss_slider .slick-arrow { width: 30px; height: 30px; background-size: 16px; } .client_testimonialsss_slider .slick-prev { left: -17px; } .client_testimonialsss_slider .slick-next { right: -17px; } .advantagestg_left .advantagestg_boxx:nth-child(2) { transform: translateX(0px); } .advantagestg_right .advantagestg_boxx:nth-child(2) { transform: translateX(0); } .main_singapore_trusted .right_count { justify-content: center; border-left: 3px solid white; } .main_singapore_trusted .right_count .inner_setup_count { border-left: none; } .main_singapore_trusted .right_count .inner_setup_count h3 { font-size: 32px; line-height: 45px; } .main_singapore_trusted .right_count .inner_setup_count h4 { font-size: 17px; } .main_surging_box { gap: 19px; } .tech_ai_names { gap: 14px; } .qatar_different_industry_box h3 { line-height: 24px; } .main_why_techgropse_box { gap: 24px; } .main_boost_your_cx_box { gap: 24px; } .technology_masters_icon { height: auto; } .main_our_chatbt_service_bx { gap: 17px; } .main_why_choose_ai_malaysia { gap: 18px; } .testimonial_singapore_grid { gap: 25px; } .container_1 { max-width: 1120px; margin: 0 auto; } .top-company-cta .top-company-cta-img { right: 60%; bottom: -5%; width: 25%; } .top-company-cta .top-company-cta-img img { width: 68%; } } @media (max-width: 1199px) { .datingnew_banner { position: relative; height: auto; padding: 80px 0 0; } .datingnew_left h1 { font-weight: 800; font-size: 32px; margin: 0 0 10px; line-height: 46px; } .datingnew_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 20px; line-height: 27px; } .datingnew_left { padding-top: 0; padding-bottom: 80px; } .datingnew_img { right: 50px; max-width: 360px; } .tg_btn1, .tg_btn2 { font-size: 14px; padding: 8px 10px 8px 20px; } .paraimg_content h2 { font-size: 26px; margin: 0 0 10px; line-height: 40px; } .paraimg_content p { font-size: 15px; margin-bottom: 12px; line-height: 26px; } .paraimg_left img { max-width: 100%; } .padding_sections { padding: 60px 0; } .newheading h2 { font-size: 26px; margin: 0 0 12px; line-height: 38px; } .newheading p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .pearks_content p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .Featuresnew_content h3 { font-size: 18px; margin-bottom: 12px; } .Featuresnew_detaills h4 { font-size: 15px; margin-bottom: 7px; } .solutionsnew_box { width: 32%; border-radius: 14px; padding: 10px; margin-bottom: 18px; margin-right: 18px; } .solutionsnew_img { height: 160px; } .datingcta_left h2 { font-size: 26px; margin: 0px 0 12px; line-height: 37px; } .Datingdevelopment_box { margin: 45px 0 0; display: block; } .Datingdevelopment_box h3 { font-size: 16px; margin-bottom: 10px; line-height: 23px; } .Datingdevelopment_box p { line-height: 26px; } .CostEstimation_box { padding: 30px 20px; width: 49%; margin-right: 15px; margin-bottom: 15px; } .CostEstimation_detailss p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .WorkOnly_left h2 { font-size: 26px; margin: 0 0 10px; line-height: 40px; } .WorkOnly_left p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .WorkOnly_left { padding: 50px 45px; } .WorkOnly_icon img { max-width: 44px; } .WorkOnly_details p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .servicesnew_left { padding-top: 0; } .servicesnew_banner { padding: 80px 0; height: auto; } .servicesnew_left h1 { font-size: 32px; margin: 0 0 10px; line-height: 46px; } .servicesnew_left p { font-size: 15px; margin-bottom: 20px; line-height: 28px; } .trusted_by { overflow: hidden; } .trusted_logo img { max-width: 110px; } .service_imganimate { max-height: 280px; margin: 0; } .trusted_client strong { font-size: 22px; } .allsections_main .newheading h2 { font-size: 26px; margin: 0 0 10px; line-height: 38px; } .singlehead_section h3 { font-size: 20px; line-height: 32px; } .allsindustry_box { margin-right: 12px; margin-bottom: 15px; } .allsections_main .newheading { margin-bottom: 20px; } .Software_inner h3 { font-size: 17px; margin: 0 0 10px; line-height: 28px; } .allsindustry_box h3 { font-size: 14px; } .Softwarebenefit_box { margin-right: 24px; margin-bottom: 24px; } .table_contents h2 { font-size: 17px; margin-bottom: 10px; padding-bottom: 10px; } .table_contents a { padding: 10px 0; line-height: 20px; font-size: 14px; } .Software_ctaanew .ctaanew_img { right: 0px; } .newcycle_box { padding: 20px; width: 48%; margin-bottom: 24px; margin-right: 24px; } .contents_sticky { display: none; } .lp_banner_left h1 { font-weight: 800; font-size: 32px; margin: 0 0 10px; line-height: 46px; } .lp_banner_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 20px; line-height: 27px; } .locationspage_banner { height: auto; padding: 60px 0 80px; } .locations_form { border-radius: 10px; padding: 20px 25px; margin: 0 20px; } .industrynew_boxx { padding: 20px 16px; width: 31%; margin-right: 32px; margin-bottom: 30px; } .industrynew_main .industrynew_boxx:nth-child(4n + 0) { margin-right: 32px; } .industrynew_main .industrynew_boxx:nth-child(3n + 0) { margin-right: 0; } .ai_banner { padding: 80px 0 0; } .aibanner_left h1 { font-weight: 800; font-size: 32px; margin: 0 0 10px; line-height: 46px; } .aibanner_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 20px; line-height: 27px; } .aibanner_right { height: 350px; } .aicount .aicount_main { margin: 60px 0 0; } .aicount_box h2 { margin-bottom: 8px; font-size: 28px; } .aibeneficial_box { width: 100%; margin-right: 0; margin-bottom: 26px; } .aibeneficial_content h2, .aimodel_content h2 { font-size: 26px; margin: 0 0 12px; line-height: 38px; } .aibeneficial_content p { font-size: 15px; margin-bottom: 16px; line-height: 26px; } .aienterprise_left h2 { font-size: 26px; margin: 0 0 12px; line-height: 38px; } .aimodel_box img { max-width: 40px; margin: 0 auto 14px; } .aimodel_box { margin: 10px 10px; border-radius: 14px; padding: 20px 12px; } .Aiindustry_tabs .nav-tabs { justify-content: flex-start; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .Aiindustry_inner { margin: 30px 0 0; border-radius: 14px; padding: 30px 20px; } .Aiindustrytab_content h3 { font-size: 22px; margin: 0 0 6px; line-height: 30px; } .Aiindustrytab_content p { font-size: 15px; margin-bottom: 9px; line-height: 27px; } .aimid_col { display: none; } .aicol { width: 50%; } .Trustedapp_left { text-align: left; padding-right: 0; padding-left: 50px; } .Trustedapp_icon { position: unset; display: inline-flex; background-color: transparent; margin-bottom: 14px; height: auto; width: auto; } .AiTrustedapp_box { padding: 20px 20px !important; margin: 0 0 20px; } .Ai_Trustedapp .container > .row { align-items: flex-start; } .AiTrustedapp_box::after { transform: scaleX(-1); } .hireusanew_cotent { margin-top: 0; } .hireusanew_banner { height: auto; padding: 60px 0 60px; } .hireusanew_cotent h1 { font-size: 32px; margin: 0 0 15px; line-height: 50px; } .hireusanew_cotent p { font-size: 14px; margin-bottom: 25px; line-height: 26px; } .hireusanewcount_box strong { font-size: 32px; margin-bottom: 3px; } .hirecount_img img { max-width: 48px; } .hiretursted_box { height: 150px; } .boostTeam_img { height: 190px; } .newportfolio_img img { max-width: 190px; } .portfolio_details strong { font-size: 50px; line-height: 42px; } .portfolio_details span { font-size: 16px; display: block; } .developerhover { position: unset; justify-content: center; opacity: 1; } .developerhover_inner { padding: 14px 0px 0; } .boostTeam_content h3 { font-size: 15px; margin-bottom: 6px; } .boostTeam_box { border: 0; border-radius: 0; padding: 0; } .boost_Team .container > .row { display: flex; flex-wrap: wrap; } .newportfolio_img img { max-width: 190px; } .newportfolio_box { margin: 0; flex-wrap: wrap; padding: 40px 38px; } .newportfolio_right { padding: 0; } .blogsection .blogpart .baner .home img { height: 230px; } .client_testimonialsss_box { height: auto; } .slick-dots li { margin: 0 4px; } .slick-dots { display: flex !important; position: absolute; bottom: -39px; left: 0; right: 0; margin: 0 auto; justify-content: center; } .me_banner { padding: 90px 0 0; } .mebanner_content h1 { font-size: 38px; line-height: 56px; } .mecounter_box h2 { font-size: 40px; } .mecounter_box { padding: 24px 0px; } .me_cta_Content h2 { font-size: 26px; margin: 0 0 30px; line-height: 38px; border-left: 6px solid #fff; padding-left: 14px; } .mewhychoose_box h3 { font-size: 18px; line-height: 26.3px; margin: 0; min-height: 40px; } .mewhychoose_box { min-height: 380px; margin-bottom: 20px; } .mebanner_content h1 { font-size: 30px; line-height: 42px; margin: 0 0 18px; } .awardssec_box img { width: 100%; border-radius: 10px; height: auto; } .mesimilar_content h2 { font-size: 26px; margin: 0 0 12px; line-height: 38px; } .service-app-banner.usa-banner .mesimilar_content h2 { font-size: 28px; } .awardssec_main { margin-top: 50px; } .portfolioslider_right h3 { font-size: 40px; line-height: 50px; margin-bottom: 13px; } .slider_infobox strong { font-size: 50px; margin-bottom: 10px; line-height: 60px; } .meservices_content h3 { font-size: 16px; margin-bottom: 8px; line-height: 24px; } .slider_infobox { width: 33%; } .thepremium_boxx { width: 50%; } .thepremium_boxx:hover { transform: scale(1); } .thepremium_main .thepremium_boxx:nth-child(3n + 0) { border-right: 1px solid rgb(203 203 203 / 44%); } .thepremium_main .thepremium_boxx:nth-child(2n + 0) { border-right: 0; } .thepremium_main .thepremium_boxx:nth-child(4) { border-bottom: 1px solid rgb(203 203 203 / 44%); } .commandemand_banner h1 { font-weight: 900; font-size: 38px; margin: 0 0 35px; line-height: 54px; color: #fff; text-transform: capitalize; } .commandemand_banner h1 { font-size: 38px; margin: 0 0 35px; line-height: 54px; } .comman_demand { padding: 60px 0 50px; } .leadingpartner_icons div img { max-width: 130px; } .advanced_techmain { flex-wrap: wrap; justify-content: flex-start; } .adv_tech_box { padding: 25px 20px; width: 47%; margin: 0px 10px 20px; } .adv_tech_box h3 { font-weight: 700; margin-bottom: 10px; font-size: 16px; line-height: 27px; } .journeyecom_box { border-radius: 20px; padding: 30px 20px; width: 44%; margin: 0px 10px 32px; } .journeyecom_box h3 { margin-bottom: 12px; font-size: 38px; line-height: 36px; } .journeyecom_box span { font-size: 16px; margin-bottom: 0; line-height: 24px; } .ecomdevservices_box h3 { margin-bottom: 10px; font-size: 17px; line-height: 26px; } .advantagestg_head h3 { margin-bottom: 0; font-size: 17px; line-height: 26px; } .agileecommerce_tabs ul li a { font-size: 15px !important; padding: 14px 22px; } .agileecommerce_inner { padding: 30px 30px; } .agileecommerce_inner h3 { margin-bottom: 10px; font-size: 18px; line-height: 25px; } .platforms_content h3 { margin-bottom: 10px; font-size: 18px; line-height: 26px; } .aiintegration_box h3 { margin-bottom: 10px; font-size: 17px; line-height: 24px; } .contact_details h1 { font-size: 50px; line-height: 60px; margin-bottom: 20px; } .contactform_main { padding: 80px 0 140px; } .cms_banner { height: auto; padding: 100px 0 100px; } .cms_banner_content { margin-top: 0; } .cms_banner_content h1 { font-size: 36px; line-height: 46px; margin-bottom: 15px; } .cms_banner_content h2 { font-size: 20px; line-height: 30px; margin-bottom: 12px; } .career_banner { height: 400px; } .careerbanner_text h1 { font-size: 42px; line-height: 50px; margin-bottom: 16px; } .careerbanner_text h2 { font-size: 22px; margin-bottom: 20px; } .careerbanner_text { margin-top: 0; } .bannerhome_content h1 { font-size: 40px; line-height: 56px; margin: 0 0 18px; } .bannerhome_content P { font-size: 16px; margin-bottom: 20px; line-height: 27px; } .bannerhome_pic img { max-width: 300px; } .bannerhome_design { height: auto; padding: 60px 0 120px; } .clients_slider img { max-width: 110px; } .Homeaboutmain .homeabotus h2, .ach-tech-fluid h2 { font-size: 26px; margin: 0 0 12px; line-height: 38px; } .Homeaboutmain .homeabotus p, .ach-tech-fluid p { font-size: 16px; line-height: 29px; margin-bottom: 0; margin-top: 13px; } .Homeaboutmain .row { display: flex; flex-wrap: wrap; } .Homeaboutmain .row .col-lg-6:last-child { order: -1; } .Homeaboutmain .row .col-lg-6:last-child { order: -1; width: 100%; } .ach-tech-fluid .row .col-lg-6 { margin-bottom: 40px; } .ach-tech-fluid .row .col-lg-3 { width: 20%; } .ach-tech-fluid .tech-card h3 { font-size: 50px; } .ach-tech-fluid .tech-card .plus-icon::before { top: -28px; right: -24px; font-size: 50px; font-weight: 500; } .home-startup .featurepart .feature p { font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } .home-emerging .rightpart .heading h4 { font-size: 30px; margin: 0 0 12px; line-height: 40px; } .home-emerging .rightpart .heading h4 span { margin-top: 10px; font-size: 20px; } .mobileapp_developers { padding: 60px 0 60px; background-position: right; } .mobiledev_content h1 { font-size: 34px; line-height: 50px; } .animatedText { font-size: 30px; } .mobileapp_portfolio { padding-bottom: 120px; } .shareproject_left h2 { font-size: 34px; margin: 0 0 14px; line-height: 52px; } .shareproject_left { padding: 60px 40px; } .aiintegrated_left img { max-width: 70px; margin: 0 auto 25px; } .aiintegrated_left { height: 200px; text-align: center; } .serviceeboxx h3 { font-size: 16px; line-height: 26px; margin: 0; } .main_newcity_sec_design { gap: 12px; } .main_newcity_sec_design .newcity_sec_design_bxr { width: 24%; } .newcity_sec_design_bxr_details { padding: 12px; } .newcity_sec_design_bxr_details h3 { font-size: 17px; } .newcity_sec_design_bxr_details p { line-height: 22px; } .bannerwithform_content h1 { font-size: 40px; margin: 0 0 18px; line-height: 56px; } .bannerwithform { padding: 80px 0 80px; } .angeles-tab .qatar-different .recr-content { padding: 0 10px; } .mobile-app .mobile-box { height: 555px; } .industry_we_cater_singapore .col-md-3.col-sm-6 { max-height: 300px; } .qatar-transform .col-md-7 { height: auto; } section.qatar-testimonial .slick-slider .slick-track { display: flex; gap: 10px; height: fit-content; } /* insurance */ .insurance-app .process-box { height: 175px; } .insurance-app .process-point-right:before { height: 7vh; transform: rotate(27deg); } .insurance-app .process-point-left:before { height: 7vh; transform: rotate(-27deg); } .complete-range [type="button"] { margin-bottom: 20px; } .insurance-app .process-point-left { right: -50px; bottom: 75px; } .insurance-app .process-point-right { left: -52px; bottom: 80px; } .qatar-credible-cta .me_cta_Content h2 { border-left: 3px solid #fff; padding-left: 4px; } .service-app-banner.usa-banner { padding: 100px 0 0px; } .service-app-banner { padding: 100px 0 0px; } .left_singapore_banner h1 { font-size: 38px; font-weight: 800; line-height: 50px; } .left_singapore_banner p { font-size: 16px; } .query_form { padding: 10px 15px; } .query_form .form-group { margin-bottom: 15px; } .query_form .form-control { padding: 10px 16px; font-size: 14px; } .query_form h3 { font-size: 18px; } .query_form p { font-size: 16px; } .new_top_heading h2 { color: #08223a; font-weight: 800; font-size: 28px; margin: 0 0 10px; line-height: 38px; } .key_advantage_singapore h2 { font-size: 28px; } .main_key_advantage_singapore { border-top: none; } .key_advantage_singapore_box { width: 50%; border: none; } .key_advantage_singapore_box2 { width: 50%; } .key_advantage_singapore h3 { font-size: 20px; } .padding_sections { padding: 60px 0; } .cta_singapore_new { padding: 40px 20px; } .cta_singapore_left h2 { font-size: 28px; line-height: 44px; } .cta_singapore_left h2 span { font-size: 28px; } .cta_singapore_right { max-width: 50%; } .cta_singapore_right img { max-width: 320px; } .software_development_singapore_box { width: 31.9%; } .software_development_singapore_box img { max-width: 60px; max-height: 60px; padding: 10px; } .software_development_singapore_box h3 { margin-bottom: 10px; font-size: 16px; line-height: 26px; font-weight: 600; } .workflow_procedure_box { width: 31%; } .workflow_procedure_box h3 { height: 60px; font-size: 16px; line-height: 26px; } .workflow_procedure_list .icon img { width: 50px; } .workflow_procedure_content p { line-height: 26px; } .set_tg_part_box { width: 31.8%; } .tg_part_box_back p { font-size: 15px; font-weight: 500; line-height: 22px; } .tg_part_box_back { padding: 10px 15px; } .trusted_by { overflow: hidden; } .trusted_client2 strong { font-size: 22px; } .trusted_logo img { max-width: 110px; } .hire_developer_box { width: 31%; } .testimonial_singapore_card { width: 31%; } .ai_malaysia_banner_heading { padding: 0 50px; } .ai_malaysia_banner_heading h1 { font-size: 50px; font-weight: 800; line-height: 60px; } .ai_singapore_trusted { padding: 0px; } .main_singapore_trusted { padding: 20px 0px; } .main_singapore_trusted .left_trusted_name { align-items: center; padding: 0 10px; } .logos_trust { gap: 20px; } .logos_trust img { max-width: 135px; } .main_singapore_trusted .right_count { justify-content: center; border-left: 3px solid white; } .main_singapore_trusted .right_count .inner_setup_count { border-left: none; } .main_singapore_trusted .right_count .inner_setup_count h3 { font-size: 32px; line-height: 45px; } .main_singapore_trusted .right_count .inner_setup_count h4 { font-size: 17px; } .surging_box { width: 31.2%; } .surging_box h3 { font-size: 20px; } .surging_box p { font-size: 16px; } .tech_ai_names { gap: 14px; } .qatar_different_industry_box { width: 31.5%; } .qatar_different_industry_box:hover .qatar_different_industry_contain { height: 320px; } .qatar_different_industry_box img { height: 320px; } .qatar_different_industry_contain { height: 80px; } .qatar_different_industry_box h3 { font-size: 17px; line-height: 28px; } .qatar_different_industry_contain p { font-size: 16px; line-height: 25px; } .cta_ai_malaysia_content h2 { font-size: 26px; } .new_btn_contact { margin-top: 15px; padding: 12px 30px; } .new_btn_contact span { font-size: 13px; } .main_why_techgropse_box { gap: 25px; } .why_techgropse_box { width: 31.5%; } .why_techgropse_box img { max-height: 55px; } .why_techgropse_box h3 { font-size: 17px; } .main_boost_your_cx_box { gap: 25px; } .boost_your_cx_box { width: 48.6%; } .main_technology_master { display: flex; flex-wrap: wrap; gap: 25px; } .technology_masters_box { display: flex; flex-direction: column; width: 48.5%; } .technology_masters_icon { width: 100%; height: 260px; } .technology_masters_icon img { border-radius: 10px 10px 0 0; width: 100%; height: 100%; } .technology_masters_content { max-width: 100%; } .our_chatbt_service_bx { width: 23.4%; padding: 15px 20px; } .our_chatbt_service_bx h3 { font-size: 17px; line-height: 28px; margin-bottom: 5px; } .main_why_choose_ai_malaysia { gap: 20px; } .new_ai_singapore_banner { padding: 80px 0; } .right_banner_ai_singapore img { width: 95%; } .cta_ai_singapore_new h2 { font-size: 30px; } .roadmap_box { width: 31.5%; } .roadmap_box .count { font-size: 60px; } .roadmap_box img { max-width: 50px; } .why_pick_tg_right_box { width: 100%; position: sticky; top: 90px; } .new_health_left h1 { font-size: 42px; line-height: 55px; } .new_health_left p { line-height: 30px; } .main_healthcare_development_service_box { gap: 20px; } .healthcare_development_service_box { width: 31.9%; } .healthcare_development_service_box img { max-width: 50px; margin-bottom: 10px; } .healthcare_development_service_box h3 { font-size: 17px; line-height: 28px; margin-bottom: 5px; } .healthcare_development_service_box p { font-size: 15px; line-height: 26px; } .tab_features_content_inner .tab_features_img img { height: 65%; } .healthcare_dev_process_inner { height: 410px; } .healthcare_development_service_inner { padding: 15px 10px; } .new_hire_react_banner { padding: 100px 0 80px; } .left_hire_content_zone h1 { font-size: 32px; line-height: 45px; } .hire_details_tg_box { width: 32%; } .hire_details_tg_box h3 { font-size: 32px; } .hire_details_tg_box p { font-size: 17px; } .main_tech_hire_new_sec ul li a { font-size: 17px; padding: 25px 15px; } .tech_hire_new_sec_details h3 { font-size: 17px; } .tech_hire_new_sec_details p { font-size: 16px; } .container_hire_new_develoeprs_box { display: flex; flex-direction: column; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon { width: 100%; display: flex; justify-content: space-between; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon div { align-items: center; padding-right: 20px; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon .hire_new_develoeprs_profile_details { padding-top: 30px; } .container_hire_new_develoeprs_box .hire_new_develoeprs_box_icon img { width: 40%; } .hire_new_develoeprs_box_details { width: 100% !important; } .main_cont_new_indstry_sec_fli { gap: 18px; } .cont_new_indstry_sec_fli_bx { width: 30.5%; } .main_testimonial_sport_bett button.slick-prev.slick-arrow { height: 45px; width: 45px; background-size: 45px; } .main_testimonial_sport_bett button.slick-next.slick-arrow { height: 45px; width: 45px; background-size: 45px; } .mobile_app_chicago_banner { padding: 60px 0 80px; } .main_mobile_app_chicago_banner_content h1 { font-size: 32px; line-height: 40px; margin-bottom: 7px; } .main_mobile_app_chicago_banner_content p { line-height: 27px; font-size: 15px; } .sport_betting_dev_service_bx { padding: 15px; } .sport_betting_dev_service_bx h3 { font-size: 16px; line-height: 26px; margin-bottom: 3px; } .sport_betting_dev_service_bx p { font-size: 15px; line-height: 26px; } .main_developer_new_sec_hirdub .developer_new_sec_hirdub_bxr { width: 32%; } .main_newcity_sec_design { gap: 12px; } .main_newcity_sec_design .newcity_sec_design_bxr { width: 24%; } .newcity_sec_design_bxr_details { padding: 12px; } .newcity_sec_design_bxr_details h3 { font-size: 17px; } .newcity_sec_design_bxr_details p { line-height: 22px; } .banner_enterprise_soft_dev { padding: 80px 0; } .enterprise_soft_Headpara { padding: 80px 15px; } .enterprise_soft_Headpara h1 { font-size: 42px; line-height: 54px; } .enterprise_soft_Headpara p { font-size: 17px; line-height: 28px; } .escoot_dvemethalgy_headpra h2 { font-weight: 800; font-size: 28px; line-height: 36px; margin-bottom: 5px; } .escoot_dvemethalgy_headpra p { font-weight: 500; font-size: 16px; line-height: 26px; } .airbnb-indudtry .main-industry { margin-left: 65px; } .airbnb-indudtry .main-industry .industry-item { width: 115px; } .airbnb-indudtry .main-industry .industry-item { width: 115px; } .qatar-credible-cta .me_cta_Content h2 { text-align: left; } .new_bg_banner_tx_onlyimg { padding: 100px 0 110px; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa h1 { font-size: 38px; font-weight: 800; line-height: 46px; margin-bottom: 8px; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa p { font-weight: 500; font-size: 16px; line-height: 28px; } .main_head_android_atlant_ban { padding-top: 40px; } .head_andrd_altant_para_deta h1 { font-size: 36px; line-height: 48px; margin-bottom: 8px; } .container_1 { max-width: 960px; } .aeportfolio_left { padding: 28px 28px 28px; border-radius: 20px; } .aeportfolio_logo { width: 21%; } .aeportfolio_content h2 { margin: 0px 0 15px; font-weight: 600; font-size: 26px; } .aeportfolio_right { border-radius: 20px; } .dallas-texas-cta .cta-img-bx { bottom: 0%; } .top-company-cta .top-company-cta-img { right: 60%; bottom: 0; } .top-company-cta .top-company-cta-img img { width: 75%; } } @media (max-width: 1023px) { .blogsection { padding: 60px 0; } .datingnew_banner .container { height: auto; display: block; text-align: center; } .datingnew_img { max-width: 320px; position: unset; margin: 0 auto; } .datingnew_banner { position: relative; height: auto; padding: 60px 0 0; } .datingnew_left { padding-top: 0; padding-bottom: 60px; } .datingnew_left h1 { font-weight: 800; font-size: 30px; margin: 0 0 12px; line-height: 42px; } .datingnew_banner::after, .datingnew_banner::before { background-size: contain; background-position: top center; background-repeat: no-repeat; } .paraimg_left { text-align: center; margin-bottom: 30px; } .paraimg_left img { max-width: 50%; } .padding_sections { padding: 50px 0; } .Featuresnew_img img { max-width: 60%; } .Featuresnew_img { text-align: center; margin-bottom: 30px; } .Features_righht .col-md-6:first-child { order: 2; } .Features_righht .Featuresnew_content { text-align: start; } .Features_righht .Featuresnew_detaills { padding-left: 20px; padding-right: 0; } .Features_righht .Featuresnew_detaills::after { left: 0; right: auto; } .solutionsnew_box { width: 49%; border-radius: 10px; padding: 10px; margin-bottom: 13px; margin-right: 13px; } .solutionsnew_main .solutionsnew_box:nth-child(3n + 0) { margin-right: 13px; } .solutionsnew_img { height: 180px; } .solutionsnew_main .solutionsnew_box:nth-child(2n + 0) { margin-right: 0; } .paraimg_content h2 { font-size: 26px; margin: 0 0 10px; line-height: 38px; } .Datingdevelopment_icon { height: 70px; width: 70px; margin: -54px auto 16px; border: 6px solid #eef3ff; transition: 0.5s all; } .Datingdevelopment_new .row { display: flex; flex-wrap: wrap; } .Datingdevelopment_new .row .col-md-4 { width: 50%; } .CostEstimation_detailss { margin-left: 16px; } .CostEstimation_box { padding: 30px 20px; width: 100%; margin-right: 0; margin-bottom: 20px; } .WorkOnly_left { padding: 40px 45px; } .WorkOnly_sticky { position: relative; top: 0; margin-bottom: 20px; } .ctaanew_img { right: 20px; } .Datingdevelopment_box { margin: 25px 0 30px; display: block; } .Datingdevelopment_icon img { max-width: 30px; } .Lifecycle_box h3 { font-size: 15px; line-height: 23px; margin: 14px 0 8px; } .WorkOnly_details h3 { font-size: 15px; margin-bottom: 8px; } .CostEstimation_detailss h3 { font-size: 15px; margin-bottom: 7px; } .Datingdevelopment_box h3 { font-size: 15px; margin-bottom: 8px; line-height: 21px; } .content_showw h3 { font-size: 15px; margin-bottom: 7px; } .Featuresnew_content h3 { font-size: 16px; margin-bottom: 12px; } .pearks_content h3 { font-size: 15px; margin-bottom: 7px; } .pearks_icon { height: 50px; width: 50px; } .sticky_part { margin-bottom: 20px; } .Lifecycle_main { display: flex; flex-wrap: wrap; } .Lifecycle_box { width: 50%; padding: 30px 20px; transition: 0.3s all; } .servicesnew_banner .row .col-md-6:first-child { text-align: center; order: 1; margin-top: 60px; } .servicesnew_banner .row .col-md-6 { width: 100%; } .servicesnew_banner { padding: 50px 0; height: auto; } .servicesnew_left h1 { font-weight: 800; font-size: 30px; margin: 0 0 12px; line-height: 42px; } .trusted_client strong { font-size: 18px; } .trusted_logo img { max-width: 100px; } .singlehead_section h3 { font-size: 17px; line-height: 32px; } .lp_banner_left h1 { font-weight: 800; font-size: 30px; margin: 0 0 12px; line-height: 42px; } .lp_banner_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 20px; line-height: 27px; } .locationspage_banner .row .col-md-6 { width: 100%; } .locationspage_banner .row .col-md-6:first-child { order: 1; margin: 40px 0 0; text-align: center; } .locationspage_banner::before { height: 70px; } .industrynew_boxx h3 { font-size: 15px; } .industrynew_boxx { padding: 20px 16px; width: 31%; margin-right: 24px; margin-bottom: 24px; } .industrynew_main .industrynew_boxx:nth-child(4n + 0) { margin-right: 24px; } .industrynew_main .industrynew_boxx:nth-child(3n + 0) { margin-right: 0; } .technology_inner_manage .row { display: flex; flex-wrap: wrap; } .technology_inner_manage .row .col-md-3 { width: 33.33%; } .aibanner_left { text-align: center; margin-bottom: 50px; } .aibanner_right img { position: unset; max-width: 50%; margin: 0 auto; } .aibanner_right { text-align: center; height: auto; } .ai_banner { padding: 60px 0 0; } .aibanner_left h1 { font-weight: 800; font-size: 30px; margin: 0 0 12px; line-height: 42px; } .aibanner_left p { font-size: 15px; margin-bottom: 20px; line-height: 27px; } .aicount .aicount_main { margin: 40px 0 0; } .aicount_box h2 { margin-bottom: 8px; font-size: 22px; } .aicount_box h3 { font-size: 14px; } .aibenefici_col { position: unset; margin-bottom: 40px; } .ai_model .container > .row { flex-wrap: wrap; } .ai_model .container > .row .col-md-5 { width: 100%; margin-bottom: 10px; } .ai_model .container > .row .col-md-7 { width: 100%; } .aibeneficial_box { margin-bottom: 20px; } .aienterprise { padding: 30px 30px; } .aienterprise_left ul li p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .aienterprise_left ul li::after { top: 7px; left: 0; height: 8px; width: 8px; border-radius: 2; } .aienterprise_left ul li { padding-left: 18px; margin-bottom: 7px; } .aienterprise_right img { max-width: 100%; margin-bottom: 0; position: absolute; bottom: -30px; } .aienterprise_right { width: 40%; position: relative; } .Aiindustry_tabs .nav-tabs a { font-size: 16px !important; line-height: 14px; padding: 12px 30px !important; height: 70px; } .Aiindustrytab_img img { max-width: 100%; width: 100%; } .Aiindustrytab_img { margin-bottom: 30px; } .Aiindustrytab_content li::after { top: 10px; left: 0; height: 8px; width: 8px; } .Aiindustrytab_content li { padding-left: 17px; margin-bottom: 5px; } .hireusanew_cotent h1 { font-size: 28px; margin: 0 0 15px; line-height: 33px; } .hiretursted_box { height: 100px; } .hiretursted_box img { max-width: 70%; } .boost_Team .container > .row .col-md-4 { width: 50%; } .techniques_box span { font-size: 14px; } .robusts-solutions-box h3 { line-height: 24px; } .hireindustry_icon { width: 60px; height: 60px; } .hireindustry_icon img { max-width: 34px; } .hireindustry_box span { line-height: 21px; font-size: 14px; margin-top: 16px; padding: 0 0px; text-align: center; } .hireindustry_main { margin-top: 90px; } .hireindustry_main .hireindustry_box:nth-child(even) .hireindustry_icon::before { top: 92%; width: 109px; transform: translateY(-50%) rotate(35deg); } .hireindustry_main .hireindustry_box:nth-child(even) .hireindustry_icon::after { top: 92%; width: 109px; transform: translateY(-50%) rotate(-35deg); } .ctabtm_m { padding-bottom: 50px; } .howtohiree .container > .row .col-md-4 { width: 50%; } .getfrom_TG .container > .row .col-md-3 { width: 50%; border: 0; } .clienthappy_box { margin-bottom: 30px; } .allsindustry_box { margin-right: 8px; margin-bottom: 14px; } .robusts-solutions-box { max-width: 48%; } .robusts-solutions-box h3 { line-height: 24px; } .newportfolio_box .col-md-6:nth-child(1) { width: 100%; } .newportfolio_box .col-md-6:nth-child(1) .row .col-md-6:nth-child(1) { display: none; } .howtohiree_box img { max-width: 40px; } .getfromTG_box img { max-width: 40px; } .faq_section_custom { margin: 50px 0px 0; } .blogsection .col-sm-4 { width: 100%; margin-bottom: 17px; display: none; } .faq_box_head, .faq_box_head h3 { font-size: 15px; } .blogsection .blogpart .baner .home img { height: 190px; } .blogsection .col-sm-8 { width: 100%; } .client_testimonialsss_box { transform: scale(1); } .client_testimonialsss_box p { font-size: 14px; margin-bottom: 0; line-height: 23px; } .client_testimonialsss_box h3 { margin: 16px 0 12px; font-size: 15px; line-height: 17px; } .client_testimonialsss_box strong { font-size: 15px; } .slick-dots { bottom: -39px; } .metrustedlogo div img { max-width: 100px; } .metrustedlogo { margin-top: 80px; } .newbtn_design { font-size: 15px; line-height: 22px; height: 52px; border-radius: 12px; } .me_counter .row { display: flex; flex-wrap: wrap; } .me_counter { padding: 25px 0 25px; } .mecounter_box h2 { font-size: 34px; } .meservices_box { flex-wrap: wrap; } .meservices_img { width: 100%; height: 246px; } .meservices_main .col-md-6 { width: 50%; position: relative; top: 0; } .meservices_content { padding: 20px 20px; width: 100%; } .helpedvarious_main { display: flex; flex-wrap: wrap; } .helpedvarious_main .col-md-3 { width: 50%; } .helpedvarious_content { position: relative; padding: 20px 20px; border-radius: 10px; width: 90%; margin: -20px auto 0; z-index: 4; transform: unset; } .helpedvarious_text { text-align: center; position: absolute; bottom: 40px; } .helpedvarious_box { border-radius: 20px; padding: 20px 20px; } .ranked_bg { height: auto; } .ranked_boxx { height: auto; } .me_cta_Content h2 { font-size: 26px; margin: 0 0 22px; line-height: 38px; max-width: 500px; } .ranked_main { margin: 0; } .ranked_main .col-md-6 .ranked_boxx { background-color: #121526 !important; border-top: 12px solid rgb(255 255 255 / 28%) !important; border-bottom: 12px solid rgb(255 255 255 / 28%) !important; margin-bottom: 30px; } .ranked_main .col-md-6 .ranked_boxx h3, .ranked_main .col-md-6 .ranked_boxx p { color: #fff !important; } .ranked_bg img { filter: unset !important; } .meindustries_box { padding: 20px 10px; box-shadow: 0 8px 0px rgb(255 255 255); } .meindustries_icon { margin: 0 auto 15px; } .meindustries_box h3 { font-size: 14px; } .mewhychoose_box { min-height: auto; margin-bottom: 20px; } .meservices_box { overflow: hidden; border-radius: 14px; } .helpedvarious_front { border-radius: 14px; } .techused_main { display: flex; flex-wrap: wrap; } .techused_content img { max-width: 42px; margin-bottom: 12px; } .techused_content h3 { margin-bottom: 10px; font-size: 20px; line-height: 32px; } .awardssec_main .col-md-4:nth-child(3n + 2) { transform: unset; } .awardssec_main .col-md-4 { width: 50%; } .mesimilar_img img { max-width: 80%; } .mesimilar_img { text-align: center; margin-bottom: 30px; } .portfolioslider_right h3 { font-size: 25px; line-height: 36px; margin-bottom: 8px; } .portfolioslider_right p { font-size: 15px; line-height: 25px; margin-bottom: 22px; } .portfolioslider_info { margin-top: 20px; } .slider_infobox strong { font-size: 34px; margin-bottom: 5px; line-height: 40px; } .slider_infobox span { font-size: 12px; } .portfolioslider_box { border-radius: 20px; border: 10px solid rgb(70 70 70 / 44%); } .portfolioslider_left { width: 35%; padding: 50px 0; border-radius: 10px 0 0 10px; } .tech_slide { padding: 15px 22px; font-size: 15px; margin: 7px 8px; } .tech_slide img { max-height: 21px; margin-right: 8px; } .portfolioslider_right { padding: 10px 30px; } .me_banner .row { flex-wrap: wrap; } .me_banner .row .col-md-6:last-child { order: -1; margin-bottom: 40px; } .me_banner .row .col-md-6 { width: 100%; } .mebanner_content { text-align: center; } .me_banner { padding: 60px 0 0; } .mebanner_form { border-radius: 6px; padding: 90px 30px 30px; margin: 0 100px; } .mecounter_box span { font-size: 14px; line-height: 20px; } .me_counter .row .col-md-3 { width: 25%; } .mecounter_box { padding: 14px 0px; } .helpedvarious_box h3 { font-size: 16px; margin-bottom: 6px; } .helpedvarious_icon { height: 60px; width: 60px; margin-bottom: 14px; } .helpedvarious_main .col-md-4 { margin-bottom: 30px; width: 50%; } .helpedvarious_icon .helped_ico { max-width: 32px; } .helpedvarious_box p { font-size: 15px; line-height: 26px; } .techused_box h3 { margin-bottom: 6px; font-size: 16px; line-height: 26px; } .techused_box span { height: 80px; width: 80px; margin: -70px auto 8px; } .techused_box p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .techused_box img { max-width: 35px; } .techused_box { padding: 30px; border-radius: 20px; margin-top: 70px; } .techused_main .col-md-4 { width: 50%; } .sticky_box { position: relative; top: 0; } .ranked_main .col-md-6 { position: relative; top: 0; z-index: 8; width: 50%; } .ranked_boxx h3 { font-size: 16px; margin-bottom: 6px; line-height: 24px; } .ranked_boxx img { max-width: 40px; margin-bottom: 18px; filter: brightness(70.5); } .slider_infobox { width: 33%; } .me_clients .row { display: block; } .mewhychoose_main .col-lg-3 { padding: 0 10px 15px; width: 50%; } .meclients_box { margin: 20px 30px; } .thepremium_boxx img { max-width: 42px; } .thepremium_boxx h3 { font-size: 16px; } .thepremium_inner { margin-bottom: 20px; } .demand_form { position: relative; bottom: 0; left: 0; right: 0; width: 100%; margin-top: 50px; } .commandemand_banner { text-align: center; } .commandemand_banner h1 { font-size: 32px; margin: 0 0 26px; line-height: 46px; } .comman_demand { padding: 50px 0 60px; } .adv_tech_box h3 { margin-bottom: 10px; font-size: 16px; line-height: 26px; } .adv_tech_icon img { max-width: 38px; } .adv_tech_icon { border-radius: 0 12px 12px 0px; margin-bottom: 15px; height: 60px; width: 80px; margin-left: -20px; } .adv_tech_box { padding: 25px 20px; width: 47% !important; margin: 0px 10px 20px; } .journeyecom_main { display: flex; flex-wrap: wrap; margin-top: 25px; } .ecomdevservices_ico { width: 70px; height: 70px; } .ecomdevservices_ico img { max-width: 50%; } .advantagestg_icon { height: 70px; width: 70px; } .advantagestg_icon img { max-width: 35px; } .advantagestg_head h3 { margin-bottom: 0; font-size: 16px; line-height: 24px; } .advantagestg_boxx { border-radius: 12px; padding: 20px; } .agileecommerce_tabs ul li a { font-size: 15px !important; padding: 14px 22px; white-space: nowrap; } .agileecommerce_tabs .nav-tabs { overflow-y: hidden; overflow-x: auto; white-space: nowrap; display: flex; justify-content: flex-start; } .agileecommerce_inner h3 { margin-bottom: 10px; font-size: 16px; line-height: 22px; } .agileecommerce_innerbox { flex-wrap: wrap; margin: 20px 0 0; padding-top: 20px; } .agileemain { padding: 20px 20px; margin: 0px 10px 20px; width: 46%; } .agileemain img { max-width: 38px; margin-bottom: 16px; } .agileecommerce_inner { padding: 20px; border-radius: 0; margin-top: -1px; } .platformsweuse_main .col-md-6:nth-child(odd) { transform: unset; } .aiintegration_main .col-md-4 { display: flex; margin-bottom: 30px; width: 50%; } .contact_details p { font-size: 18px; line-height: 28px; margin-bottom: 30px; } .formcontact_main { width: 80%; margin: 0 auto; } .contactform_main { padding: 70px 0 80px; } .contactclient_slider .slider_imgg img { max-width: 120px; } .slider_imgg > div { border-radius: 9px; margin: 20px 8px; height: 100px; padding: 0 20px; } .tg_globe_row .col-md-3 { width: 50%; margin-bottom: 30px; } .tg_globe_row { display: flex; flex-wrap: wrap; } .tg_globe_row { flex-wrap: wrap; } .contact_details { width: 100%; padding-right: 0; margin-top: 0; text-align: center; } .contact_details h1 { font-size: 40px; line-height: 50px; margin-bottom: 10px; } .contact_outer { flex-wrap: wrap; } .cms_banner_content h1 { font-size: 30px; line-height: 40px; margin-bottom: 12px; } .cms_banner_content h2 { font-size: 16px; line-height: 24px; margin-bottom: 12px; } .cms_banner_content p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .cms_banner_content { margin-top: 0; max-width: 380px; } .cms_banner { height: auto; padding: 60px 0 60px; } .cms_content p { font-size: 15px; line-height: 26px; margin-bottom: 14px; } .cms_content h2 { font-size: 30px; margin: 0 0 10px; line-height: 40px; font-weight: 700; } .cms_content h3 { font-size: 28px; margin: 0 0 10px; line-height: 38px; font-weight: 700; } .cms_content h4 { font-size: 26px; margin: 0 0 10px; line-height: 36px; font-weight: 600; } .cms_content h5 { font-size: 24px; margin: 0 0 10px; line-height: 34px; font-weight: 600; } .cms_content h6 { font-size: 22px; margin: 0 0 10px; line-height: 32px; font-weight: 600; } .webbanner { height: 300px; } .webbanner_content h1 { font-size: 42px; line-height: 50px; margin-bottom: 16px; } .webbanner_content h2 { font-size: 22px; margin-bottom: 20px; } .webbanner_content { margin-top: 0; } .industry_row .industry_col:nth-child(odd) { transform: unset; } .clientslid_left h2 { font-size: 20px; } .clientslid_left { margin-bottom: 15px; } .clients_slider img { max-width: 90px; } .ach-tech-fluid .row .col-lg-3 { width: 33%; } .home-startup .featurepart .row { display: flex; flex-wrap: wrap; } .home-startup .featurepart .row .col-sm-3 { width: 50%; } .homeservicefluid .myservices .row .col-lg-3 { width: 50%; } .portfolio_sticky { position: unset; } .newportfolio_right { padding: 0; text-align: center; } .feedbacks_boxx { text-align: left; } .newportfolio_box { margin: 0 0 30px; } .home-emerging .nav-tabs { margin-bottom: 30px; } .home-emerging .nav-tabs li a { font-size: 12px !important; padding: 20px 18px; } .home-emerging .rightpart .heading h4 { font-size: 25px; margin: 0 0 12px; line-height: 30px; } .home-emerging .rightpart .heading h4 span { margin-top: 10px; font-size: 16px; } .mesimilar_content h2 br { display: none; } .industrieshome ul { margin: 0 0; } .industrieshome ul li h4 { font-size: 16px; margin-top: 20px; font-weight: 600; } .ordermobile .container > .row { display: flex; flex-wrap: wrap; justify-content: center; } .ordermobile .container > .row .col-md-6:last-child { order: -1; margin-bottom: 30px; } .ordermobile .container > .row .col-md-6 { width: 100%; } .mobileapp_developers { background-image: unset !important; } .mobileapp_developers .row { display: flex; flex-wrap: wrap; } .mobileapp_developers .row .col-md-5 { order: -1; margin-bottom: 40px; width: 100%; } .mobiledev_content { padding-right: 0; text-align: center; } .mobiledev_content h1 { font-size: 34px; line-height: 44px; min-height: auto; } .mobiledev_text ul { margin-top: 40px; justify-content: center; } .mobiledev_text ul li { padding: 0; } .mobiledev_text ul li::after { display: none; } .mobilepartner_icons div { width: 33%; justify-content: center; } .awards_slider_img img { max-height: 100px; } .mobileappslide_left { padding: 30px 30px; width: 60%; } .mobileappslide_right img { max-width: 100%; max-height: 270px; } .mobileappslide_left h3 { font-size: 20px; margin-bottom: 14px; line-height: 30px; } .mobileappslide_left p { font-size: 15px; margin-bottom: 0; line-height: 25px; } .download_link a img { max-width: 30px; } .mobileapp_portfolio { padding-bottom: 120px; } .mobilechoose .col-md-4 { width: 50%; } .serviceeboxx img { max-width: 40px; margin-bottom: 20px; } .mobileservicee .col-md-3 { margin-bottom: 30px; width: 33%; } .aiintegrated_main .col-md-4 { display: flex; width: 100%; } .aiintegrated_box { width: 100%; } .mobilechoose_box span { width: 60px; height: 60px; } .mobilechoose_box span img { max-width: 52%; } .clutchreviews .col-md-4 { margin-bottom: 20px; } .shareproject_main { flex-wrap: wrap; } .shareproject_left { width: 100%; } .shareproject_right { width: 100%; } .connect_content h3, .newsletter-box h3 { font-size: 26px; margin: 0 0 12px; line-height: 38px; } .thx-box h1 svg { height: 135px; width: 100%; } .thx-box h1 { font-size: 72px; line-height: 76px; margin-top: 0; margin-bottom: 20px; } .thx-box h2 { font-size: 30px; margin: 0 0 10px; line-height: 40px; } .newsletter-img img { width: 100%; object-fit: cover; max-width: 320px; opacity: 0.5; } .connect-section .row .col-md-6:nth-child(2) { order: 1; margin-top: 40px; } .mobilepartner_icons { margin-top: 40px; flex-wrap: wrap; } .riyad_sv_new_sec_edit { padding: 80px 0; } .riyad_sv_new_sec_edit .row { display: flex; flex-direction: column-reverse; text-align: center; } .riyad_sv_new_sec_edit .row .locations_form { margin-bottom: 40px; } .main_meclients_slider button.slick-prev.slick-arrow { height: 40px; width: 40px; background-size: 40px; left: -2% !important; } .main_meclients_slider button.slick-next.slick-arrow { height: 40px; width: 40px; background-size: 40px; right: -2% !important; } .main_newcity_sec_design .newcity_sec_design_bxr { width: 32%; } .maillink { justify-content: center; margin-bottom: 30px; } .slider_imgg { width: 100px; } .clients_slider .marquee { height: 45px; } .error_page { padding: 80px 0 60px; } .error_page .texterror h1 { font-size: 36px; margin: 0 0 16px; line-height: 44px; } .technology-fluid .tab-content .technologypart .technology { flex-wrap: wrap; } .technology-fluid .tab-content .technologypart .technology .tech { margin: 20px 8px 0; text-align: center; } .bannerwithform .row { flex-wrap: wrap; } .bannerwithform_content { padding-right: 0; width: 100%; order: 1; text-align: center; margin-top: 40px; } .bannerwithform .row .col-md-5 { width: 100%; } .bannerwithform_content h1 { font-size: 34px; margin: 0 0 18px; line-height: 48px; } .app-development-service button.slick-prev.slick-arrow { display: none !important; } .On-demand .industry_we_cater_singapore_box { width: 100%; } .industry_we_image { width: 100%; } .new-service-app-banner .formbg .banner_form { justify-content: center; align-items: flex-start; padding-left: 2% !important; text-align: center; margin-top: 30px; } .app-development-service .slick-prev, .app-development-service .slick-next { display: none !important; } .our-commitments div#myTabContent { margin-bottom: 30px; } .our-commitments .col-md-6 { display: block; order: 2; } .our-commitments .col-md-3 { display: block; order: 1; } .our-commitments .nav-item a { margin-bottom: 10px; box-shadow: none; } .new-service-app-banner .col-md-6 { width: 100%; } .new-service-app-banner .formbg { width: 100%; } .industry_we_cater_singapore .col-md-3.col-sm-6 { margin-bottom: 40px; max-height: max-content; } .card__successful .card__bx { margin-bottom: 30px; } section.our-commitments .col-xs-12 { display: flex; justify-content: center; } .why-choose-service .tabs-img img { height: 275px; margin-bottom: 30px; } .chicago_dev_process_sec_inner_details_img { width: 80%; order: 1; display: flex; justify-content: center; } .chicago_dev_process_sec_inner_details_head_para { width: 100%; order: 2; text-align: center; } .new-service-app-banner .mebanner_form { width: 40%; } .tech-slider { display: grid; grid-template-columns: repeat(3, 1fr) !important; gap: 5px; justify-items: center; } .qatar-credible-cta.sharjahcta { max-width: 100%; } .service-app-banner { padding: 50px 0 60px; } .qatar-transform .col-md-7 { display: block; margin-top: 30px; align-items: baseline; } .qatar-testimonial .bubble .testi-content { width: 95%; padding: 20px; padding-top: 75px; } section.qatar-faq.faq_section.padding_sections.overflow-x-add .row, section.technolog.padding_sections .row, .qatar-different .row, .qatar-different .vert-tab, .choose .choose-list, .techgropse-best .row, .qatar-address .row, .our-client-app .row { display: flex; align-items: center; flex-direction: column; } .us-tab-service.nav-tabs li:hover a { width: max-content !important; } .us-tab-service.nav-tabs > li.active > a { width: max-content !important; } .qatar-credible-cta { background-position: left; } .choose .content-box ul { padding: 0; margin-top: 0; width: 100%; } .mobile-app .mobile-box .icon-box { width: 25% !important; display: flex; justify-content: center; } .mobile-app .mobile-box .app-content { width: 100%; border-left: none; text-align: center; } .mobile-app .mobile-box { display: flex; flex-direction: column; height: auto; } .qatar-credible-cta .col-md-4, .qatar-credible-cta .cta-img-box { position: relative; margin-top: 30px; } .why-choose-mvp .recr-content { padding: 20px; margin-top: 10px; } .qatar-different .recr-content { padding: 0; margin-top: 10px; } .qatar-different .recr-content h3 { text-align: center; transform: none; } .vert-tab-content { padding: 10px 15px; } .choose .imgchoose { display: flex; justify-content: center; } .service-app-banner .mebanner_form { margin-top: 30px; } .our-client-app .container-box { max-width: 95%; } .technologies-used .app-dot-line-img img { display: none; } .technologies-used ul { display: flex; flex-direction: column; } .app-industries .container .row { display: flex; flex-direction: column; } .active-shape { display: none; } .techno-icon { border-right: none; padding-right: 0; } .technologies-used p.techno-more-text { display: block; } .technologies-used .newheading h2 { margin-bottom: 30px; } .ai-app-chatbot .tabs-container, .our-client-app .row, .ai-app-chatbot .tabs-container, .ai-app-chatbot .tabs-content { display: flex; flex-direction: column; } .ai-app-chatbot .tab-content.active { padding: 25px 25px; } .ai-app-chatbot .tabs-content { padding: 20px 0 0 0; } .choose .imgchoose img { width: 40%; } .techno-img img { width: 40%; } .why-ai-img { margin-top: 20px; display: flex; justify-content: center; } .why-ai-img img { width: 40%; } .qatar-faq .faq-img { display: none; } .our-client-app .slick-prev { left: 50px; } .our-client-app .slick-next { right: 50px; } .industry-serices .card__bx { width: 100%; } .qatar-different .recr-content.active, .qatar-different .title { display: block; width: 100%; } .mobile-app .mobile-box .icon-box { width: 55%; } .new-service-app-banner { padding: 60px 0 60px !important; } .awards-section button.slick-next.slick-arrow { right: 4% !important; } .awards-section button.slick-prev.slick-arrow { left: 4% !important; top: 35% !important; } .clientpro .clientsli_right { justify-content: center; align-items: center !important; flex-direction: column; } .clientpro .slider_imgg { width: 100% !important; } .On-demand .industry_cater_head { gap: 12px; } .On-demand .col-md-12 { gap: 0; } .main_tech_hire_new_sec ul { width: 100%; } .main_tech_hire_new_sec ul li { width: 100%; } .main_tech_hire_new_sec .tab-content { width: 100%; } /* mvp */ .advantages-dev { width: 100%; flex-direction: column; align-items: center; } .advantages-dev .card { width: 100%; height: 100%; } .benefits-mvp { padding: 1em 3em; } .benefits-mvp .col-md-4 { flex: 0 0 33.33%; max-width: 33.33%; } .mvp-high-quality .container .row { flex-direction: column; } .process-follow .container .row { flex-direction: column; gap: 20px; } .process-follow .container { gap: 0; } .our-expertise-mvp .row { flex-direction: column; } .main_tech_hire_new_sec { flex-direction: column; } .benefits-mvp .col-md-4 { max-width: 100%; } .what-difference .container .row { display: flex; height: auto; flex-direction: column; } .what-difference .container .col-md-4 .difft-items { height: 100%; margin-top: 30px; } .benefits-mvp .container .row { flex-direction: column; } .proven-way-mvp .container .row { flex-direction: column; } .why-choose-mvp .vert-tab { flex-direction: column; } .why-choose-mvp .recr-content h3 { transform: none; width: 100%; } .why-choose-mvp .vert-tab > div { width: 100%; height: auto; text-align: center; } .mvp-dev-cost .container .row { flex-direction: column; } .mvp-form .container .row { flex-direction: column; } .mvp-form .mebanner_form::before { display: none; } .mvp-dev-startup .full-mpv-content-box .shape-left { display: none; } .mvp-dev-startup .full-mpv-content-box .shape-right { display: none; } .engagement-mvp .engagement-content h3:before { display: none !important; } .engagement-mvp .engagement-content { width: 100%; flex-direction: column; } .mvp-high-quality .col-md-4 { justify-content: center; align-items: center; display: flex; } section.mvp-form.tech_used.bg_new.padding_sections { overflow: hidden; } .advantages-dev .container .row { flex-direction: column; } .new-tech-stack .main-tech { grid-template-columns: repeat(3, 1fr); } .mvp-dev-startup .row { flex-direction: column; } section.mvp-service-banner { height: auto; background-position: right; } section.mvp-service-banner { padding: 100px 0; } .mvp-service-banner .banner-icon .icon-2 img { right: 0; } .mvp-service-banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #08223a; opacity: 0.8; } .mvp-service-banner .container { position: relative; z-index: 2; } section.mvp-service-banner h1 { color: #fff; } section.mvp-service-banner p { color: #fff; } .mebanner_content { margin-bottom: 30px; } .mvp-form .bling-circle { width: 25px; height: 25px; } .mvp-form .bling-address-4:hover .address-block { left: -75px; } .mvp-form .bling-address-3:hover .address-block { left: -90px; } .mvp-service-banner .banner-icon .bottom-banner-icon { bottom: -100px; } .mvp-service-banner .banner-icon img { width: 100px; height: 100px; } section.mvp-dev-startup .col-md-8 { display: block; order: 2; } .mvp-dev-startup .full-mpv-content-box { margin-top: 30px; } .process-follow .container .row { gap: 0; } .process-follow .col-md-4.col-sm-12 { margin-top: 20px; } section.our-expertise-mvp .col-md-4 { margin-top: 30px; width: 100%; } .our-expertise-mvp .col-md-6 { margin: 0; margin-top: 30px; } div#\31 b .main-tech { grid-template-columns: repeat(3, 1fr); } .new-tech-stack .tech-name { margin-bottom: 20px; } .engagement-mvp .eng-img:before { right: 16%; top: -8%; } /* salon */ .salon-app-banner .salon-img img { width: 100%; } .salon-app-banner { background-position: left; padding: 100px 0; } section.salon-app-banner:after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #08223a; opacity: 0.8; } section.salon-app-banner .container { position: relative; z-index: 1; } .salon-app-banner { background-position: right; } .top-notch ul.nav.nav-pills { grid-template-columns: repeat(11, 1fr); overflow-x: scroll; } .top-notch .cd1.box { grid-column: auto; } .top-notch .row { display: flex; flex-direction: column; } .top-notch .nav-pills li img { filter: brightness(0) invert(1); display: none; } .top-notch .col-md-8 { display: block; order: 1; } .top-notch .col-md-4 { display: block; order: 2; margin: 0 15px; } .top-notch h3 { font-size: 20px; line-height: 30px; } .top-notch .tab-content.clearfix { margin-bottom: 20px; } .need-box-content { margin-top: 28px; } .trusted-company img { border-radius: 12px 12px 12px 12px; } .why-need .main-need-box::after { bottom: 50px; } .why-choose-service .tabs-left > li.active > a::after { display: none; } .our-customized .nav-pills > li.active > a, .our-customized .nav-pills > li.active > a:focus, .our-customized .nav-pills > li.active > a:hover { width: 100%; text-align: center; } .our-customized .nav > li { justify-content: center; } .mebanner_form.usa-form { margin: 0 5px 40px; } .get-in-touch .mebanner_form { margin: 0; } .why-need-slider.slick-initialized.slick-slider { display: flex; flex-direction: column; } .why-need .row { flex-direction: column; width: 100%; } .service-app-banner .clients_slider.proclient .row { display: flex; align-items: center; flex-direction: column; } /* logistic */ .advanced-technologies .card:nth-of-type(2n + 2) .card__expander { margin-left: calc(-100% - 30px); } .advanced-technologies .card:nth-of-type(2n + 3) { clear: left; } .advanced-technologies .card__expander { width: calc(200% + 30px); } .advanced-technologies .card { width: calc((100% / 2) - 30px); } .logistic-banner { padding: 45px 0 25px; } .logistic-banner:after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #08223a; opacity: 0.8; } .logistic-banner .container { position: relative; z-index: 1; } /* insurance */ .complete-range .circles-bg { overflow: hidden !important; } .insurance-app .process-point-left { display: none; } .insurance-app .process-point-right { display: none; } .insurance-app .process-left:after { display: none; } .insurance-app .process-right:after { display: none; } section.insurance-app .col-md-12 { display: flex; flex-direction: column; gap: 58px; } .insurance-app .process-box { height: max-content; } .insurance-app .col-md-5 { width: 100%; } .service-app-banner.usa-banner { padding: 60px 0 0px; } .service-app-banner { padding: 50px 0 60px; } /* airbnb */ .customized-white-lable div#exTab1 ul { gap: 0; padding-bottom: 0px; } .customized-white-lable .tab-content.clearfix { border-radius: 0; } .customized-white-lable .tab-content > .active { padding: 14px; } .new_singapore_banner .row .col-md-6:last-child { order: -1; margin-bottom: 40px; } .new_singapore_banner .row .col-md-6:last-child { width: 100%; } .new_singapore_banner { padding: 50px 0 60px; } .left_singapore_banner { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .left_singapore_banner h1 { font-size: 32px; padding-left: 0px; border-left: none; line-height: 37px; } .left_singapore_banner p { margin-bottom: 10px; } .tg_btn_new { margin-top: 15px; } .devmethology_sec .new_top_heading { margin-top: 20px; } .singapore_devmethology { display: flex; justify-content: center; margin-bottom: 15px; } .singapore_devmethology img { border-radius: 20px; max-width: 60%; } .devmethology_sec .new_top_heading { margin-top: 20px; } .new_top_heading h2 { color: #08223a; font-weight: 800; font-size: 28px; margin: 0 0 10px; line-height: 38px; } .key_advantage_singapore_box { width: 50%; border-right: none; } .key_advantage_singapore_box2 { width: 50%; } .key_advantage_singapore h3 { font-size: 17px; } .padding_sections { padding: 50px 0; } .cta_singapore_left h2 { font-size: 22px; line-height: 36px; } .cta_singapore_left h2 span { font-size: 22px; } .cta_singapore_right img { max-width: 225px; } .software_development_singapore_box { width: 48.5%; } .workflow_procedure_box { width: 48%; } .set_tg_part_box { height: 100%; width: 48.5%; } .tg_part_box_front h3 { font-size: 17px; line-height: 32px; font-weight: 600; text-align: center; } .tg_part_box_icon img { max-width: 70px; } .tg_part_box_back { padding: 10px 20px; border-radius: 0 0 10px 10px; background-color: #0080ff !important; position: relative !important; bottom: 0px; opacity: 1; } .trusted_client2 strong { font-size: 18px; } .trusted_logo img { max-width: 100px; } .main_hire_developer_box { justify-content: center; } .hire_developer_box { width: 48%; } .testimonial_singapore_grid { display: flex; justify-content: center; } .testimonial_singapore_card { width: 45%; } .faq_section_custom { margin: 50px 0px 0; } .faq_box_head { font-size: 15px; } .tg_part_box_back p { font-size: 16px; line-height: 28px; } .ai_malaysia_banner_heading h1 { font-size: 45px; line-height: 55px; } .new_btn_contact { padding: 14px 36px; } .new_btn_contact span { font-size: 14px; } .logos_trust { padding-top: 40px; } .main_singapore_trusted .right_count .inner_setup_count { border-left: none; padding: 0px; } .main_singapore_trusted .right_count .inner_setup_count h3 { font-size: 30px; } .main_singapore_trusted .right_count .inner_setup_count h3 { font-size: 24px; } .main_surging_box { gap: 20px; } .surging_box { width: 31.4%; padding: 15px 10px; } .surging_box h3 { font-size: 20px; } .surging_box p { font-size: 16px; line-height: 28px; } .methology_ai_singapore h2 { margin-top: 20px; } .methology_ai_singapore_other .row { display: flex; flex-direction: column-reverse; } .methology_ai_left { width: 95%; display: flex; justify-content: center; } .methology_ai_left img { width: 50%; border-radius: 10px; } .tech_ai_singapore_box { width: 47.9%; } .tech_ai_singapore_box h3 { font-size: 16px; font-weight: 600; line-height: 30px; text-align: center; } .tech_ai_names { gap: 10px; } .tech_ai_names span { padding: 4px 7px; font-size: 14px; font-weight: 600; } .methology_ai_malaysia { display: flex; justify-content: center; width: 95%; margin-bottom: 15px; } .methology_ai_malaysia img { width: 60%; } .qatar_different_industry_box { width: 48%; } .qatar_different_industry_box:hover { pointer-events: none; } .qatar_different_industry_box img { width: 100%; height: 250px; background-size: cover; opacity: 0.9; } .qatar_different_industry_contain { height: 100%; width: 100% !important; padding: 10px 20px; border-radius: 10px; color: black !important; position: relative !important; bottom: 0px; } .qatar_different_industry_box h3 { color: black !important; line-height: 30px; } .qatar_different_industry_contain p { text-decoration: none; border-bottom: none; text-align: center; font-weight: 500; font-size: 16px; line-height: 27px; visibility: visible; opacity: 999; color: black !important; } .cta_ai_malaysia_content { width: 100%; text-align: center; border: none; } .cta_ai_malaysia_content h2 { border: none; } .cta_main_malaysia_other { padding: 30px; background-color: rgba(5, 8, 26, 1) !important; background-image: unset !important; } .common_cta_bg { padding: 20px 10px; background-color: rgba(5, 8, 26, 1) !important; background-image: unset !important; } .cta_main_healthcare { padding: 30px; background-color: rgba(5, 8, 26, 1) !important; background-image: unset !important; } .cta_main_healthcare_other { padding: 30px; background-color: rgba(5, 8, 26, 1) !important; background-image: unset !important; } .why_techgropse_box { width: 48.2%; } .main_boost_your_cx_box { gap: 20px; } .boost_your_cx_box { width: 48.5%; padding: 15px; border-left: 15px solid #061735; } .boost_your_cx_box_content { padding: 0 0 0 15px; } .boost_your_cx_box_content h3 { font-size: 17px; line-height: 28px; margin-bottom: 6px; } .boost_your_cx_box_content p { line-height: 27px; } .technology_masters_box { display: flex; flex-direction: column; width: 48%; } .our_chatbt_service_bx { width: 48.5%; } .cta_main_malaysia { padding: 30px; background-color: rgba(5, 8, 26, 1) !important; background-image: unset !important; } .right_banner_ai_singapore { display: flex; justify-content: center; align-items: center; margin-top: 0px; width: 90%; } .right_banner_ai_singapore img { width: 70%; } .cta_ai_singapore_new h2 { font-size: 28px; line-height: 40px; } .chatbot_services_box { width: 48%; } .roadmap_box { width: 47.5%; } .smarter_app_box { flex-direction: column; align-items: center; text-align: center; width: 47.5%; } .smarter_app_box img { border-radius: 5px; } .WorkOnly_sticky { position: relative; top: 0; margin-bottom: 20px; } .why_pick_tg_image { display: flex; justify-content: center; border: none; border-radius: 0; box-shadow: none; } .why_pick_tg_image img { width: 60%; border-radius: 20px; } .chatbot_services_box .uppar_box img { width: 100%; } .why_pick_tg_right_box { width: 49%; } .new_ai_singapore_banner .row .col-md-6:last-child { order: -1; margin-bottom: 40px; } .new_health_app .row .col-md-6:last-child { order: -1; margin-bottom: 40px; } .new_health_app .row .col-md-6:last-child { width: 100%; } .new_health_app { padding: 50px 0 60px; } .new_health_left { display: flex; flex-direction: column; align-items: center; text-align: center; } .new_health_left h1 { font-weight: 800; font-size: 32px; line-height: 44px; } .new_health_left p { font-size: 16px; line-height: 30px; } .healthcare_development_service_box { width: 48.5%; } .healthcare_development_service_box h3 { font-size: 18px; } .healthcare_development_service_box p { line-height: 28px; } .tab_features_content_inner { display: flex; flex-direction: column; } .tab_features_content_inner .tab_features_img { display: flex; justify-content: center; width: 100%; } .tab_features_content_inner .tab_features_img img { width: 50%; } .tab_features_content_inner .tab_features_headpara { width: 100%; margin-top: 30px; } .healthcare_dev_process_box { width: 48.5%; } .healthcare_dev_process_inner { height: 350px; } .card_thumb_body p { font-size: 15px; line-height: 27px; } .healtcare_unique_ideas_box { width: 49%; } .key_factor_taxi_box { width: 31%; padding: 20px 15px; } .tech_sec_box ul li img { max-height: 40px; } .flip_box { width: 48%; } .flip_box_front img { border-radius: 15px 15px 0 0; } .flip_box_back { background-color: #121526; border-radius: 0 0 15px 15px; transform: rotateY(0deg); color: #fff; position: relative; backface-visibility: visible; } .flip_box_front { position: relative; } .flip_box_inner { height: auto; } .flip_box:hover .flip_box_inner { transform: rotateY(0deg); } .new_video_Cost_box { width: 48.5%; } .new_hire_react_banner .row .col-md-6:last-child { order: -1; margin-bottom: 40px; } .new_hire_react_banner .right_hire_img_zone img { width: 70%; } .hire_details_tg_box { width: 31%; } .hire_new_expertise_box { width: 48.5%; } .hire_new_expertise_box h3 { font-size: 17px; line-height: 28px; } .new_hire_react_dev_box { width: 48.5%; } .how_dedicated_react_size { width: 48.5%; } .main_tech_hire_new_sec { display: flex; flex-direction: column; align-items: none; gap: 10px; } .main_tech_hire_new_sec ul { width: 100%; display: grid; align-items: center; gap: 5px; flex-direction: row; grid-template-columns: repeat(6, 1fr); overflow-x: scroll; padding: 0px; justify-content: flex-start; } .main_tech_hire_new_sec .tab-content { width: 100%; } .main_tech_hire_new_sec ul li a { border: 2px solid #fff; margin-bottom: 10px; font-size: 16px; font-weight: 600; padding: 10px 12px; border-radius: 25px; width: max-content; } .tech_hire_new_sec_details { border: 3px solid #fff; border-radius: 20px; padding: 20px; } .tech_hire_new_sec_details :is(h3, p) { text-align: center; } .tech_hire_new_sec_details .technology_names img { margin-bottom: 15px; } .tech_hire_new_sec_details .main_technology_names { gap: 18px; } .main_technology_names h4 { font-size: 16px; font-weight: 600; } .cont_elevate_react_native_box { display: flex; flex-direction: column; } .newbtn_design { font-size: 15px; line-height: 22px; height: 52px; border-radius: 12px; } .our_exciting_generative_ai_box { width: 48.5%; } .main_our_uses_cases_gen_ai { display: flex; flex-direction: column; } .main_our_uses_cases_gen_ai ul { width: 100%; justify-content: center; flex-direction: row; padding: 5px 0; } .main_our_uses_cases_gen_ai ul li a { border: 2px solid #fff; margin: 4px; font-size: 16px; padding: 14px 10px; border-radius: 10px; } .main_our_uses_cases_gen_ai .tab-content { width: 100%; } .main_our_uses_cases_gen_ai .our_uses_cases_gen_ai_content { padding: 25px 50px; display: flex; flex-direction: column; align-items: center; text-align: center; } .our_uses_cases_gen_ai_content h3 { text-decoration: underline; } .list_generative_ai_modal_box { width: 48.5%; } .bos_contain_of_box_img { display: flex; flex-direction: column; justify-content: center; } .main_tg_generative_ai_cont { flex-direction: row; width: 100%; } .tg_generative_ai_boxi { width: 48.5%; } .tg_generative_ai_boxi h3 { text-decoration: underline; } .tg_generative_ai_cont_img { width: 90%; } .tg_generative_ai_cont_img { width: 60%; } .our_engagement_generative_ai_box { width: 48.5%; border: 2px solid #121526; } .our_work_process_genai_box { width: 50%; border-bottom: 2px solid #fff; background: #121526; } .our_work_process_genai_box .our_work_process_genai_box_icon { border: 2px solid #fff; } .healthcare_feature_sec ul li a { border: 2px solid #fff; } .cont_new_indstry_sec_fli_bx { width: 48%; } .new_indstry_sec_fli_inner_front img { border-radius: 15px 15px 0 0; } .new_indstry_sec_fli_inner_back { background-color: #121526; border-radius: 0 0 15px 15px; transform: rotateY(0deg); color: #fff; position: relative; backface-visibility: visible; } .new_indstry_sec_fli_inner_front { position: relative; } .new_indstry_sec_fli_inner_bx { height: auto; } .cont_new_indstry_sec_fli_bx:hover .new_indstry_sec_fli_inner_bx { transform: rotateY(0deg); } .left_video_sec_riyadpge { margin-bottom: 30px; } .right_video_sec_riyadpge { display: flex; justify-content: center; } .right_video_sec_riyadpge iframe { width: 95%; } .me_clients .row { display: block; } .main_meclients_slider button.slick-prev.slick-arrow { height: 40px; width: 40px; background-size: 40px; left: -2% !important; } .main_meclients_slider button.slick-next.slick-arrow { height: 40px; width: 40px; background-size: 40px; right: -2% !important; } .main_testimonial_sport_bett button.slick-prev.slick-arrow, .main_testimonial_sport_bett button.slick-next.slick-arrow { display: none !important; } .main_mobile_app_chicago_banner { flex-direction: column-reverse; } .main_mobile_app_chicago_banner .col-md-6:last-child { width: 100%; margin-bottom: 40px; } .main_mobile_app_chicago_banner_content { display: flex; flex-direction: column; align-items: center; text-align: center; } .sport_betting_dev_service_bx { flex-direction: column-reverse; text-align: center; } .our_bet_app_details .faq_bxr .question h3 { font-size: 16px; text-align: center; } .our_bet_app_details .faq_bxr .answer p { font-size: 15px; line-height: 26px; } .our_bet_app_details .faq_bxr .question .faq_bxr_icn1 { max-width: 45px; } .our_bet_app_details .faq_bxr .question .faq_bxr_icn2 { max-width: 18px; } .main_sport_dev_steps_process { gap: 15px; } .sport_dev_steps_process_bx { border-radius: 20px 50px 20px 50px; background: #121526; color: #fff; padding: 15px 25px; } .sport_dev_steps_process_bx img { filter: invert(1) brightness(70.5); } .main_developer_new_sec_hirdub .developer_new_sec_hirdub_bxr { width: 49%; } .mvp-form .bling-circle { width: 25px; height: 25px; } .mvp-form .bling-address-4:hover .address-block { left: -75px; } .mvp-form .bling-address-3:hover .address-block { left: -90px; } .main_newcity_sec_design .newcity_sec_design_bxr { width: 32%; } .mvp-form .container .row { flex-direction: column; } .banner_enterprise_soft_dev { padding: 50px 0; } .enterprise_soft_Headpara { padding: 40px 15px; } .enterprise_soft_Headpara h1 { font-size: 38px; line-height: 48px; } .enterprise_soft_Headpara p { font-size: 16px; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs { width: 48.5%; } .sec_enter_solution .new_top_heading { text-align: center; } .healthcare_development_service_inner { border: 2px solid #fff; } .software_development_singapore_box_icon { border: 6px solid #fff; } .main_escoot_dvemethalgy_headimg { display: flex; justify-content: center; flex-direction: column-reverse; box-shadow: none; border-radius: 30px; border: none; } .escoot_dvemethalgy_headpra { width: 100%; padding: 20px; } .escoot_dvemethalgy_headpra h2 { font-size: 28px; line-height: 38px; } .escoot_dvemethalgy_headpra p { line-height: 28px; } .escoot_dvemethalgy_img { display: flex; justify-content: center; width: 100%; } .escoot_dvemethalgy_img img { width: 50%; border-radius: 25px; } .why-choose-service .row { display: flex; align-items: center; flex-direction: column; } .why-choose-service .tab-content > .active { flex-direction: column; } .what-make-us .container .col-md-5 ul { padding: 20px 20px; } .what-make-us .container-box { border-radius: 0; } .what-make-us .container .col-md-7 { border-radius: 0; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) .circle { display: none; } .airbnb-indudtry .main-industry .circle { display: none; } .airbnb-indudtry .main-industry .arrow-end { display: none; } .airbnb-indudtry .main-industry .grey-line { display: none !important; } .airbnb-indudtry .main-industry .industry-item { position: relative; width: auto; height: auto; margin-left: 24px; } .airbnb-indudtry .main-industry { display: flex; margin-left: 0; gap: 10%; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) { width: auto; } .airbnb-indudtry .main-industry .industry-item:nth-child(1) .buble-content { left: 0; } .airbnb-features .slick-slide { padding: 20px 20px; } .what-make-us .container .col-md-5 ul { padding: 20px 80px; } .customized-white-lable div#exTab2 .tab-content { border-radius: 0; margin-top: 20px; } .bannerhome_design { height: auto; padding: 60px 0 60px; } .new_bg_banner_tx_onlyimg .row { display: flex; flex-direction: column-reverse; } .new_bg_banner_tx_onlyimg .row :nth-child(2) { margin-bottom: 30px; } .new_bg_banner_tx_onlyimg { padding: 60px 0 110px; background: #eef3ff !important; background-image: unset !important; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa { display: flex; flex-direction: column; align-items: center; text-align: center; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa h1 { font-size: 32px; line-height: 42px; } .new_bg_banner_tx_onlyimg .tx_nw_img { animation: linear; animation-name: taxirunbannr; animation-duration: 3s; position: relative; } .new_bg_banner_tx_onlyimg .tx_nw_img { display: flex; justify-content: center; align-items: center; margin-top: 30px; width: 90%; } .new_bg_banner_tx_onlyimg .tx_nw_img img { width: 70%; } .bxr_whytg_ecoomcee { width: 48.5%; } .bxr_why_chose_tg_commec { width: 48.5%; } .datingnew_banner.real-estate { height: auto; } .real-estate.datingnew_banner .container .row { flex-direction: column; } .education-app-banner { padding: 40px 0; display: flex; flex-direction: column; height: auto; } .education-services .education-service-slider .row { flex-direction: column; } .education-service-slider button.slick-next.slick-arrow { display: none !important; } .education-service-slider .slick-prev { display: none !important; } .modern-features-education button.slick-next.slick-arrow { display: none !important; } .modern-features-education .slick-prev { display: none !important; } .airbnb-process .airbnb-process-list { margin-top: 30px; } .add-value-education .content .list { width: 100%; margin-right: 0; } .add-value-education .content .text-content { width: 100%; } .add-value-education .content { flex-direction: column; } .add-value-education .content .list label { font-size: 14px; line-height: 20px; display: flex; align-items: center; } .trending-education .row.sticky-box { position: relative; top: 10px; flex-direction: column; margin-bottom: 0px; } .trending-education .trending-box { margin-bottom: 40px; } .trending-education .trending-box:before { content: ""; width: 135px; height: 100px; } .trending-education .trending-box .trending-icon { top: 10px; left: 10px; } .elearning-app-education .wrapper .carousel__item { flex-direction: column; height: auto; } .elearning-app-education .wrapper .carousel__item-head { margin-right: 0; margin-top: -45px; } .elearning-app-education .wrapper { height: 100%; margin-top: auto; } .elearning-app-education .col-md-7 { overflow: hidden; height: 100vh; } .elearning-app-education .wrapper .carousel__item-body { padding: 16px 16px; } .education-app-banner .container .row { flex-direction: column; } .qatar-credible-cta.education-cta .col-md-7 { display: flex; justify-content: center; } .qatar-credible-cta.education-cta { background-position: right; } .get-in-touch .row .col-md-6 { width: 100%; } .get-in-touch .row .col-md-6:first-child { margin-bottom: 50px; } .get-in-touch .map-box iframe { height: 400px; } .main_head_android_atlant_ban { padding-block: 0px; } .head_andrd_altant_para_deta h1 { font-size: 34px; line-height: 42px; margin-bottom: 8px; } .sharjah-cost .price-table { margin-top: 40px; } .sharjah-cost-img { display: flex; justify-content: center; } .sharjah-cost-img img { width: 60% !important; } .ae_portfolio_sticky { position: relative; top: 0; margin-bottom: 30px; } .ae_portfolio { padding-bottom: 40px; } .container_1 { max-width: 94%; } .aeportfolio_left { padding: 28px 28px 28px; border-radius: 20px; width: 100%; flex-wrap: wrap; text-align: center; justify-content: center; } .aeportfolio_logo { width: 100%; margin-bottom: 15px; } .aeportfolio_logo div { margin: 0 auto; } .aeportfolio_content p { font-size: 16px; line-height: 29px; margin-bottom: 0; } .aeportfolio_details { justify-content: center; } .available_btns a img { max-width: 108px; } .available_btns { display: flex; align-items: center; justify-content: center; } .aeportfolio_right { display: none; } .aeportfolio_right { height: auto; } /* dallas-texas */ .all-main-cost .price-table { margin-top: 40px; } .all-main-cost .price-table tr td { font-size: 13px; } .process-app-dallas .nav-pills > li > a span { font-size: 22px; } .process-app-dallas .nav-pills > li > a { padding: 15px 10px; font-size: 13px; } .process-app-dallas .tab-content.clearfix { width: 100%; padding: 15px 15px; margin-left: auto; } .advanced-technology-dallas .col-md-6 { position: relative; top: auto; } .advanced-technology-dallas ul li { position: relative; top: auto; } .dallas-texas-cta .cta-img-bx { display: none; } .dallas-texas-cta { padding: 30px 10px; margin: 0; } .comprehensive-android-dallas button.slick-next.slick-arrow { display: none !important; } .comprehensive-android-dallas button.slick-prev.slick-arrow { display: none !important; } .comprehensive-android-dallas .comprehensive-img { display: flex; justify-content: center; } .comprehensive-android-dallas .comprehensive-img img { width: 100%; } .comprehensive-android-dallas .comprehensive-content { padding: 30px 30px 30px 30px; } .dallas-texas-banner::after { display: none; } .dallas-texas-banner::before { display: none; } .dallas-texas-banner { padding-top: 70px; } .dallas-texas-banner .dallas-bg img { width: 100%; } .advanced-technology-dallas .main-techno-box { background-color: #0080ff !important; background-image: url(../images/android-app-development-dallas-texas/service-card-bg.webp); background-repeat: no-repeat; background-position: center bottom; background-size: contain; box-shadow: 0px 10px 15px rgba(22, 21, 21, 0.21); } .advanced-technology-dallas .techno-content h3, .advanced-technology-dallas .techno-content p { color: #fff; } .advanced-technology-dallas .techno-icon img { filter: brightness(0) invert(1); } .process-app-dallas .process-tabs { display: flex; flex-direction: column; } .process-app-dallas ul.nav.nav-pills { display: flex; flex-direction: row; gap: 2px; margin-bottom: 20px; overflow-x: scroll; width: 100%; } .process-app-dallas .nav-pills > li > a { padding: 10px 5px; font-size: 13px; height: 100%; width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; } .process-app-dallas .nav-pills > li > a span { display: none; } .all-main-cost .price-table tr.price-table-head th { font-size: 14px; } .android-img { margin-bottom: 30px; } .dallas-texas-cta .col-md-7 { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } .dallas-texas-cta .me_cta_Content h2 { border-left: none; } .all-main-cost .row { flex-direction: column; } .why-choose-service h3 { font-size: 22px; line-height: 36px; } .On-demand .col-md-12 .row { flex-direction: column; gap: 0; } .why-choose-service .tabs-img { margin-top: 20px; } .our-commitments .main-service-items .service-item { padding: 15px 15px; } section.our-commitments .col-md-7 { padding: 0; } .why-choose-service ul.nav.nav-tabs.tabs-left.sideways { display: grid !important; grid-template-columns: repeat(10, 1fr); gap: 2px; overflow-x: scroll; } .why-choose-service .col-md-4 { width: 100%; } .why-choose-service .tabs-left li a { font-size: 14px; padding: 10px 10px; display: flex; height: 100%; align-items: center; } .why-choose-service .tabs-img img { height: auto; margin-bottom: 15px; width: 40%; } .why-choose-service .tabs-img { margin-top: 0; display: flex; justify-content: center; } .why-choose-service .tab-content .col-md-7 { display: block; order: 2; text-align: center; width: 100%; } .why-choose-service .col-md-5 { display: block; order: 1; } .why-choose-service.us-service-box .col-md-8 .tab-content .content { padding-left: 0; } .why-choose-service h3 { font-size: 18px; line-height: 25px; } .why-choose-service .tabs-left li.active a, .why-choose-service .tabs-left li.active a:hover { font-size: 14px !important; padding: 10px 10px !important; display: flex; height: 100%; align-items: center; } .new-tech-stack .tab-content { border-radius: 0; padding: 40px 10px; } .mvp-form .container .row .col-md-6 { width: 100%; } .On-demand .col-md-12 .row { flex-direction: column; gap: 0; justify-content: center; align-items: center; } .On-demand .col-md-12 .row { display: block !important; height: auto; } .industry_we_cater_singapore .col-md-3.col-sm-6 { width: 50%; } .comprehensive-android-dallas .comprehensive-item .col-md-8 { width: 100%; } .advanced-technology-dallas .row { display: flex; flex-direction: column; } .advanced-technology-dallas .row .col-md-6 { width: 100%; } .what-make-us .container .col-md-5 ul { display: grid; grid-template-columns: repeat(6, 1fr); overflow-x: scroll; width: max-content; } .what-make-us .container .row li { padding: 5px 4px; position: relative; width: max-content; } .what-make-us .container .row li a { font-size: 15px; line-height: 20px; } .what-make-us .container .row li:after, .what-make-us .container .row li.active:after { display: none; } .what-make-us .container .nav:before { display: none; } /* dallas-texas */ /* top mobile */ .company-top-list .main-list-box .top-box .logo { display: flex; justify-content: center; } .company-top-list .main-list-box .bottom-box .row { flex-direction: column; } .company-top-list { margin: 15px 15px; } .company-top-list .main-list-box .company-bx { border-bottom: 1px solid #d9d9d9; padding: 30px; } .company-top-list .main-list-box .bottom-box .bottom-right { padding: 30px 30px; } .company-top-list .main-list-box .bottom-box .bottom-left { padding: 0; } .top-ten-list .sentence { text-align: center !important; font-size: 25px !important; width: 100%; } .airbnb-process.top-mobile .col-md-6 { position: relative; top: auto; } .airbnb-process.top-mobile .airbnb-process-list ul li { position: relative; top: auto; } .top-ten-mobile-banner .main { width: 350px; height: 350px; } .makes-top-mobile-dev .top-mobile-box { background-color: #08223a !important; background-image: url(../images/android-app-development-dallas-texas/service-card-bg.webp); background-repeat: no-repeat; background-position: center bottom; background-size: contain; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .top-ten-mobile-banner .center-logo img { max-width: 155px; } .makes-top-mobile-dev .top-mobile-box .top-mobile-icon img { filter: brightness(0) invert(1); } .makes-top-mobile-dev .top-mobile-box h3 { color: #fff; } .makes-top-mobile-dev .top-mobile-box p { color: #fff; } .top-mobile-company-process .process-tab .nav-pills > li > a { height: 70px; } .top-mobile-company-process .process-tab .nav-pills > li + li { margin-left: -4px; } .conclusion-box .swing { margin: 30px 30px; padding: 30px 20px; } section.conclusion-box { background-position: left; } .company-top-list .main-list-box .bottom-box .col-md-8 { width: 100%; } .company-top-list .main-list-box .top-box .row .col-md-9 { width: 60%; } .top-company-cta-box .col-md-8 { width: 68%; } .top-mobile-company-process .process-tab .tab-content { padding: 20px 30px; } .top-company-cta { margin: 40px 0; } .company-top-list .main-list-box .top-box { padding: 15px 35px; } .airbnb-process.top-mobile .businesses-slider button.slick-next.slick-arrow { display: none !important; } .airbnb-process.top-mobile .businesses-slider button.slick-prev.slick-arrow { display: none !important; } .airbnb-process.top-mobile .airbnb-process-content { padding: 20px 25px; } .choose-top-mobile-app .accordion-container .container .col-md-4 { display: none; } .choose-top-mobile-app .accordion-container { margin-bottom: 30px; } .company-top-list .main-list-box .bottom-box .col-md-8 { border-right: 0px; } .choose-top-mobile-app .col-md-8 { width: 100%; } .top-tech-stack div#\31 b .tech-box ul { grid-template-columns: repeat(3, 1fr); } .top-tech-stack .tech-box ul { grid-template-columns: repeat(3, 1fr); } .top-tech-stack .nav-pills > li > a { height: 100%; display: flex; align-items: center; justify-content: center; } .top-tech-stack .nav:before { display: none; } .top-tech-stack .tab-content > .active { display: block; width: 100%; } .top-tech-stack ul.nav.nav-pills { display: grid; grid-template-columns: repeat(4, 1fr); overflow-x: scroll; } .top-tech-stack .tech-box { padding: 20px 20px; width: 100%; border-radius: 0; } .top-tech-stack .tech-box ul li { margin: 10px 0; } .company-top-list .top-left .content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .top-company-cta .top-company-cta-box p { font-size: 15px; line-height: 28px; } .choose-top-mobile-app .accordion-container .container { padding: 15px 15px; } .top-company-cta .top-company-cta-img { display: none; } .top-company-cta-box .col-md-8 { width: 100%; display: flex; justify-content: center; align-items: center; } .top-company-cta .me_cta_Content { text-align: center; } .me_cta_Content h2 { max-width: max-content; border-left: none; } .top-ten-mobile-banner .row { display: flex; flex-direction: column; } .top-ten-mobile-banner .row .col-md-7 { display: block; order: 2; width: 100%; } .top-ten-mobile-banner .main { margin-bottom: 45px !important; } .top-ten-mobile-banner .row .col-md-5 { width: 100%; } .why-choose-service .tabs-left li a { width: max-content; } .logistics-software .logic-soft-img img { border-radius: 0; height: 270px; object-fit: cover; } .logistics-software .col-md-5 { overflow: hidden; width: 100%; } .logistics-software ul { padding: 10px; border-radius: 0; display: grid; grid-template-columns: repeat(10, 1fr); overflow-x: scroll; overflow-y: hidden; } .nav:before { display: none; } .logistics-software ul li:hover, .logistics-software ul li.active { border-left: 0px solid #fff; border-bottom: 2px solid #fff; } .logistics-software ul li a { font-size: 15px; line-height: 22px; width: max-content; } .logistics-software ul li { padding: 0; padding-left: 0; margin-bottom: 0; } .logistics-software .row.tabs .col-md-7 { border-radius: 0; } .service-app-banner.usa-banner .mesimilar_content h2 { font-size: 22px; line-height: 30px; } .dallas-texas-cta .row { display: flex; flex-direction: column; } .atlanta-banner { padding: 60px 0 60px; } .atlanta-banner .mebanner_content { margin-bottom: 60px; } .atlanta-banner .col-md-7 { width: 100%; } .airbnb-process .airbnb-process-content { padding: 20px 25px; } .modern-features-education .modern-item { margin: 0; } .our_work_process_genai_box { position: relative; top: auto; } /* top mobile */ /* taxi-page */ .taxi-cta .taxi-right { display: none; } .taxi-cta { padding: 50px 0 50px; } .taxi-cta .taxi-bx { height: auto; padding: 40px 15px; border-radius: 0; } .taxi-cta .container-fluid { padding: 0; } .taxi-booking-banner .row { flex-direction: column; } .main_singapore_trusted { flex-direction: column; } .logos_trust { overflow-x: scroll; width: 100%; } .logos_trust { padding: 0 0 20px; border-bottom: 3px solid; margin-bottom: 25px; } .main_singapore_trusted .right_count { border-left: none; } .main_singapore_trusted .right_count { display: grid !important; width: 100%; } .main_singapore_trusted .left_trusted_name { width: 100%; } .taxi-cta .taxi-left { width: 100%; padding-left: 0; } .taxi-choose .row { flex-direction: column; } .taxi-choose .col-md-3 { display: block; order: 1; width: 100%; } .taxi-choose .col-md-6 { display: block; order: 2; margin-top: 24px; } .taxi-choose ul.nav.nav-pills { flex-direction: row; overflow-x: scroll; justify-content: center; width: 100%; } .airbnb-process.taxi-box .businesses-slider button.slick-next.slick-arrow { display: none !important; } .airbnb-process.taxi-box .businesses-slider button.slick-prev.slick-arrow { display: none !important; } .airbnb-process.taxi-box .airbnb-process-content { padding: 14px 14px; min-height: auto; } .taxi-cta .me_cta_Content h2 { max-width: 100%; text-align: center; } .taxi-cta .me_cta_Content { display: flex; flex-direction: column; justify-content: center; align-items: center; } /* taxi-page */ .us-tab-service.main_chicago_dev_process_sec ul { width: 100%; display: flex; flex-direction: row; overflow-x: scroll; justify-content: start; } .main_chicago_dev_process_sec ul li a { width: max-content; } .us-tab-service .chicago_dev_process_sec_inner_details { flex-direction: column; gap: 0; } .advanced-techno .techno-main { grid-template-columns: repeat(2, 1fr) !important; } .new_indstry_sec_sv .wrapper { grid-template-columns: repeat(3, 1fr) !important; } .ecommerce-process ol { grid-template-columns: repeat(3, 1fr); } .datingnew_banner .row { flex-direction: column; } .datingnew_banner .dating-bx { justify-content: center; } /* clutch */ .seamless_ecommerce ul { grid-template-columns: repeat(2, 1fr); } .business_service:before { display: none; } .business_service .ol-cards { grid-template-columns: repeat(1, 1fr); gap: 25px; } .ecom_cta .ecom_cta_img { display: none; } .ecom_cta .me_cta_Content { max-width: 100%; } .ecom_bg { padding: 25px 20px; } .ecom_bg::after { display: none; } .ai-driven .row.bg-cls { flex-direction: column; } .ai-driven .col-md-5 { overflow: hidden; width: 100%; } .ai-driven ul.nav.nav-pills { display: flex; flex-direction: row; gap: 4px; overflow-x: scroll; } .ai-driven ul.nav.nav-pills li.active .shape { display: none; } .ai-driven ul.nav.nav-pills li a { width: max-content; } .ai-driven ul.nav.nav-pills li.active a { width: max-content; color: #08223a; background-color: #fff; } .ai-driven .tab-content.clearfix { margin: 0; } .ai-driven .row.bg-cls { background-color: transparent; } .ecom_service_list ul { grid-template-columns: repeat(2, 1fr); gap: 15px; } .ecommerce-process-bx .container-bx.right { left: auto; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; position: relative; top: -30px; } .ecommerce-process-bx .container-bx.right .icon { left: auto; position: relative; } .ecommerce-process-bx .container-bx.right .content { padding: 50px 25px 25px 25px; border-radius: 12px; } .ecommerce-process-bx .container-bx.left .content { padding: 50px 25px 25px 25px; } .ecommerce-process-bx .container-bx::before { display: none; } .ecommerce-process-bx .process-bx::after { display: none; } .ecommerce-process-bx .container-bx .content { padding: 25px 20px; border-radius: 12px; width: 100%; } .ecommerce-process-bx .container-bx.left { left: auto; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0; position: relative; top: -30px; } .ecommerce-process-bx .container-bx.left .icon { right: auto; position: relative; } .ecommerce-process-bx .container-bx.right .steps { left: auto; position: relative; } .ecommerce-process-bx .container-bx.left .steps { right: auto; position: relative; } .ecommerce-process-bx .container-bx::after { display: none; } .ecommerce-process-bx .container-bx { padding: 0px 0px 0px 0px; text-align: center; } .ecommerce-process-bx.padding-cls-bx { padding-top: 50px; padding-bottom: 0; } .ecommerce-process-bx .process-bx { padding: 0; } .ecommerce-testimonial button.slick-prev.slick-arrow { display: none !important; } .ecommerce-testimonial button.slick-next.slick-arrow { display: none !important; } .clutchbanner .content:after { display: none; } .clutchbanner .mebanner_form.usa-form:after { display: none; } .ecommerce-testimonial:after { display: none; } .choose-ecommerce:after { display: none; } .ecom_service_list:after { display: none; } .seamless_ecommerce::after { display: none; } .ecommerce-process-bx:before { display: none; } .ondemand-ecommerce:before { display: none; } .ecommerce-testimonial.padding-cls-bx { padding: 60px 0; } .ecommerce-testimonial .newheading { margin-bottom: 30px !important; } .ecommerce-process-bx .container-bx .icon { left: auto; position: relative; bottom: -35px; } .ecommerce-process-bx .container-bx .steps { display: none; } .ecommerce-faq .ecommerce-faq .newheading h2 { text-align: center !important; } .ecommerce-faq .col-md-7 { padding: 0 20px; } /* clutch */ .healthcare_feature_sec ul { gap: 5px; flex-direction: row; justify-content: flex-start; align-items: flex-start; overflow-x: scroll; display: grid; grid-row: auto; grid-template-columns: repeat(9, 1fr); } .healthcare_feature_sec ul li { width: max-content; margin-bottom: 5px; } .add-value-education .content .list { display: grid; grid-template-columns: repeat(8, 1fr); overflow-x: scroll; gap: 5px; } .add-value-education .content .list label { width: max-content; } .trusted-company .trusted-box { grid-template-columns: repeat(2, 1fr); } .taxi-cta .me_cta_Content h2 { font-weight: 700; font-size: 22px; margin: 0; margin-bottom: 20px; line-height: 35px; border-left: none; padding-left: 0px; } .dubai_uae_banner { padding: 70px 0 80px; } .techstack-bx .tab-content ul { grid-template-columns: repeat(5, 1fr); } .industry_uae_bx ul { grid-template-columns: repeat(2, 1fr); } .comprehensive-process ul::before { display: none; } .comprehensive-process ul li { padding: 16px 15px; position: relative; left: auto; top: auto; max-width: 100%; width: 100%; border: 1px solid #08223a; margin-bottom: 20px; border-radius: 12px; } .techstack-bx .nav-pills > li > a { padding: 15px 15px; font-size: 15px; } .comprehensive-process ul { gap: 10px; } .main_our_uses_cases_gen_ai ul { width: 100%; justify-content: flex-start; padding: 5px 0; display: grid; grid-template-columns: repeat(9, 1fr); overflow-x: scroll; } .main_our_uses_cases_gen_ai ul li a { width: max-content; } .main_our_uses_cases_gen_ai .our_uses_cases_gen_ai_content { padding: 15px 10px; } .new_ai_singapore_banner.bx_cls { padding: 60px 0 60px; } .dubai_uae_service .app-service { min-height: auto; } .award-uae button.slick-prev.slick-arrow { left: -3% !important; top: 35%; z-index: 1; bottom: auto; } .award-uae button.slick-next.slick-arrow { top: 43%; right: -3% !important; z-index: 1; bottom: auto; } .dubai_uae_service button.slick-prev.slick-arrow { display: none !important; } .app-dev-chicago .app-slider-single { display: none; } .app-dev-chicago .col-md-7 .app-slider-single.right-slider { display: block; } .app-dev-chicago .col-md-7 .column { display: flex; flex-direction: column; } .app-dev-chicago .col-md-7 .app-slider-single { display: block; order: 2; } .app-dev-chicago .col-md-7 .app-slider-nav { display: block; order: 1; } .app-dev-chicago .right_bx { height: 400px; background-size: 100%; } .app-dev-chicago button.slick-next.slick-arrow { bottom: -14%; left: 82%; top: auto; z-index: 1; } .app-dev-chicago button.slick-prev.slick-arrow { top: auto; bottom: -14%; left: 70% !important; z-index: 1; } .content-bx.slick-slide.slick-current.slick-active { margin-top: 30px; } .us-tab-service ::-webkit-scrollbar { width: 2px; height: 10px; } .us-tab-service .tab-content { margin-top: 10px; } .us-tab-service ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 5px; } .us-tab-service ::-webkit-scrollbar-thumb { background: #fff; border-radius: 5px; } .why-choose-service ::-webkit-scrollbar { width: 2px; height: 10px; } .why-choose-service .tab-content { margin-top: 10px; } .why-choose-service ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 5px; } .why-choose-service ::-webkit-scrollbar-thumb { background: #fff; border-radius: 5px; } .industry-chicago ul { grid-template-columns: repeat(3, 1fr); } .cta-chicago .container:after { border-radius: 0px; } .certified-chicago .main-video { background-position: center; } .atlanta_process .slick-prev, .atlanta_process .slick-next { display: none !important; } .main_portfolio .port_left h3 { font-size: 25px; line-height: 30px; } .main_portfolio .portfolio_box { flex-direction: column; border: 10px solid rgb(255 255 255 / 44%); } .main_portfolio .port_left { width: 100%; padding: 20px; display: block; order: 2; } .main_portfolio .port_infobox { width: 34%; } .main_portfolio .port_infobox strong { font-size: 20px; line-height: 30px; } .main_portfolio .portfolio_info { justify-content: center; display: flex; margin-top: 35px; gap: 12px; } .main_portfolio .port_infobox span { font-size: 14px; } .main_portfolio button.slick-prev.slick-arrow { left: 0%; top: 43%; filter: brightness(0) invert(1); } .main_portfolio button.slick-next.slick-arrow { right: 1%; top: 43%; filter: brightness(0) invert(1); } .main_portfolio .port_right { width: 100%; border-radius: 12px 12px 0 0; display: block; order: 1; margin: 0; } .app-dev-chicago .left_bx { height: auto; } .app-dev-chicago .cta-btn-bx { margin-top: 0; } .app-dev-chicago .cta-btn-bx .newbtn_design { padding: 5px 50px 5px 25px; margin-top: 10px; } .chicago-testimonial .potfolio-slider { max-width: 700px; } .chicago-testimonial .testi-bx { padding: 20px; margin: 0px 10px; flex-direction: column; } .chicago-testimonial .testi-bx .testi-content { padding-left: 0; margin-top: 20px; } .chicago-testimonial button.slick-next.slick-arrow { display: none !important; } .chicago-testimonial button.slick-prev.slick-arrow { display: none !important; } .why-choose-service.chicago-tab .tab-pane .content { padding: 20px 20px; margin: 0 15px; } .why-choose-service.chicago-tab .tab-pane.active { height: auto; } .trusted_client_bx .trusted_client strong { width: 100%; } .our-commitments-chicago .choose_carousel.slick-initialized.slick-slider { margin-bottom: 0px; } .atlanta-testimonial button.slick-next.slick-arrow { display: none !important; } .atlanta-testimonial button.slick-prev.slick-arrow { display: none !important; } .atlanta-testimonial .main_testi { flex-direction: column; margin: 0 0; } .atlanta-testimonial .main_testi .left_testi { width: 100%; } .atlanta-testimonial .main_testi .right_testi { width: 100%; } .padding_top_bx { padding-top: 50px; } .why-choose-service.chicago-tab .tab-pane .content-bx h3 { font-size: 18px; line-height: 25px; } .why-choose-service.chicago-tab .tab-pane .content-bx p { font-size: 14px; margin-top: 10px; } .why-choose-service.chicago-tab .tab-pane .content-bx { background: #ffffffc9; padding: 40px 20px; margin: 0 10px; border-radius: 6px; } .us-tab-service .nav-tabs > li.active > a, .us-tab-service .nav-tabs > li.active > a:focus, .us-tab-service .nav-tabs > li.active > a:hover { width: max-content; } .main_chicago_dev_process_sec ul li a:hover { width: max-content; } .us-tab-service .main_chicago_dev_process_sec ul { justify-content: start; overflow-x: scroll; overflow-y: hidden; } .our-commitments-chicago .service-item { min-height: auto; } .app-dev-chicago .app-slider-nav.slick-initialized.slick-slider { margin-top: 0px; } .main_chicago_dev_process_sec ul { border-bottom: none; } .chicago-testimonial ul.slick-dots { bottom: 5%; gap: 3px; } .chicago-testimonial .testi-bx { min-height: 600px; } .atlanta-testimonial .atlanta-nav { margin: 0 60px 60px 60px; } .atlanta_process .steps-navigation { display: grid; grid-template-columns: repeat(8, 1fr); overflow-x: scroll; } .atlanta_process ::-webkit-scrollbar { width: 2px; height: 10px; } .atlanta_process ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 5px; } .atlanta_process ::-webkit-scrollbar-thumb { background: #fff; border-radius: 5px; } .atlanta_process .step-btn { width: max-content; } .common_country_banner .expri_body { grid-template-columns: repeat(3, 1fr); } .assortment_service .education-service-slider.slick-initialized.slick-slider { margin-bottom: 0; } .common_cta_bx .cta-right { display: none; } .common_cta_bx .cta-left { width: 100%; padding: 30px 20px; } .common_cta_bx .cta-bx { height: auto; } .common_cta_bx .cta-simmilar-content { text-align: center; } .common_cta_bx h2 { text-align: center; border-left: none; padding-left: 0; font-size: 22px; } .common_cta_bx { padding: 40px 0 40px; position: relative; } .industry-saudi ul { display: grid; grid-template-columns: repeat(3, 1fr); } .industry-saudi ul li { border: 1px solid #d7d7d7 !important; padding: 10px; text-align: center; } .industry-saudi ul li:nth-child(6) { border-right: 1px solid #d7d7d7 !important; } .industry-saudi ul li:nth-child(12) { border-right: 1px solid #d7d7d7 !important; border-bottom: 1px solid #d7d7d7 !important; } .industry-saudi ul li:nth-child(11) { border-bottom: 1px solid #d7d7d7 !important; } .new_portfolio_bx .main-port { flex-direction: column; } .new_portfolio_bx .port-left { flex-direction: column; width: 100%; gap: 10px; padding: 20px 20px; border-radius: 0px; height: auto; justify-content: center; align-items: center; } .new_portfolio_bx .aboutproject_portfolio { width: 100%; text-align: center; } .new_portfolio_bx .mobileportfoilo_details { gap: 0; } .new_portfolio_bx .port-right .img-bx img { position: absolute; left: auto; top: 10%; right: auto; transform: translateX(-50%); max-height: 80%; } .new_portfolio_bx .port-right { display: flex; justify-content: center; height: 400px; width: 100%; border-radius: 0; } .disruptive_technology ul { grid-template-columns: repeat(2, 1fr); } .clients-bx-testimonial .potfolio-slider { max-width: 100%; } .col-md-6 .faq_section_custom .faq_box { height: auto; } } @media (max-width: 767px) { .how-we-develop .col-md-4 { position: relative; top: auto; } .datingnew_left h1 { font-weight: 800; font-size: 24px; margin: 0 0 10px; line-height: 35px; } .datingnew_left p { color: #ffffff; font-size: 14px; margin-bottom: 20px; line-height: 25px; } .datingnew_banner { height: auto; padding: 50px 0 50px; } .tg_btn1, .tg_btn2 { justify-content: space-between; font-size: 14px; padding: 8px 10px 8px 20px; display: flex; text-align: left; } .datingnew_left .tg_btn1 { margin-right: 0; margin-bottom: 16px; } .datingnew_img { max-width: 80%; position: unset; margin: 0 auto; left: 0; right: 0; } .datingnew_left { padding-top: 0; padding-bottom: 50px; } .padding_sections { padding: 40px 0; } .paraimg_content h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .paraimg_content p { font-size: 14px; margin-bottom: 10px; line-height: 24px; } .paraimg_content .tg_btn1 { margin-top: 15px; } .paraimg_left img { max-width: 100%; } .newheading h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .newheading p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .newheading { margin-bottom: 25px; } .pearks_box { border-radius: 6px; padding: 15px; flex-wrap: wrap; } .pearks_content { width: 100%; padding-left: 0; } .pearks_icon { height: 50px; width: 50px; margin-bottom: 16px; } .pearks_content h3 { font-size: 15px; margin-bottom: 8px; line-height: 22px; } .pearks_content p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .Featuresnew_main { padding: 15px; } .Featuresnew_img img { max-width: 100%; } .Featuresnew_detaills p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .Featuresnew_detaills h4 { font-size: 15px; margin-bottom: 7px; line-height: 21px; } .solutionsnew_box { width: 100%; border-radius: 6px; padding: 10px; margin-bottom: 20px; margin-right: 0; } .solutionsnew_img { height: 150px; border-radius: 6px; } .content_showw { padding: 18px 10px 0; } .content_showw p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .solutionsnew_box { margin-bottom: 14px; margin-right: 0; border-radius: 6px; } .solutionsnew_main .solutionsnew_box:nth-child(3n + 0) { margin-right: 0; } .ctaanew_img { right: 20px; display: none; } .datingcta_main { padding: 20px 20px; border-radius: 10px; } .datingcta_left h2 { font-size: 22px; margin: 0px 0 15px; line-height: 33px; } .datingcta_left { width: 100%; text-align: center; } .ctabtm_m { padding-bottom: 40px; } .ctatop_m { padding-bottom: 40px; } .Datingdevelopment_new .row .col-md-4 { width: 100%; } .Datingdevelopment_box p { line-height: 25px; font-size: 14px; } .CostEstimation_box { padding: 22px 16px; width: 100%; margin-right: 0; margin-bottom: 20px; border-radius: 6px; flex-wrap: wrap; } .CostEstimation_ico { width: 100%; margin-bottom: 13px; } .CostEstimation_detailss { margin-left: 0; } .CostEstimation_ico img { max-width: 40px; } .CostEstimation_detailss p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .Datingdevelopment_box { border-radius: 6px; } .WorkOnly_left { padding: 20px 25px; } .WorkOnly_left h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .WorkOnly_left p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .WorkOnly_box { flex-wrap: wrap; padding: 20px 20px; margin: 0; } .WorkOnly_details p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .WorkOnly_icon { width: 100%; text-align: start; margin-top: 0; margin-bottom: 12px; } .WorkOnly_icon img { max-width: 40px; } .WorkOnly_details h3 { font-size: 15px; margin-bottom: 8px; line-height: 22px; } .Lifecycle_box { width: 100% !important; padding: 24px 20px; transition: 0.3s all; } .Lifecycle_box:hover { width: 100%; } .Lifecycle_icon img { max-width: 40px; } .Lifecycle_box p { font-size: 14px; line-height: 25px; } .servicesnew_right { text-align: center; display: flex; justify-content: center; } .service_imganimate { max-height: 190px; margin: 0; } .servicesnew_left p { font-size: 14px; margin-bottom: 20px; line-height: 25px; } .trusted_client strong { font-size: 15px; width: 100%; text-align: center; } .trusted_client { flex-wrap: wrap; } .servicesnew_left h1 { font-size: 24px; margin: 0 0 10px; line-height: 35px; } .trusted_logo { justify-content: center; width: 100%; flex-wrap: wrap; } .trusted_logo div { width: 50%; text-align: center; margin-top: 15px; } .trusted_logo img { max-width: 130px; } .allsections_main { padding: 40px 0 40px; } .allsections_main .newheading h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .allsindustry_box h3 { font-size: 13px; } .allsindustry_box { height: auto; width: 46%; border-radius: 4px; padding: 14px 9px; margin-right: 19px; margin-bottom: 15px; font-size: 13px; } .allsindustry_box img { max-width: 40px; } .alltop { margin-bottom: 40px; } .mb_same { margin-bottom: 30px; } .allsindustry { border-radius: 4px; padding: 15px; } .allsindustry .allsindustry_box:nth-child(4n + 0) { margin-right: 15px; } .allsindustry .allsindustry_box:nth-child(2n + 0) { margin-right: 0; } .tgcounter_main { flex-wrap: wrap; background-color: transparent; } .Software_inner h3 { font-size: 16px; margin: 0 0 10px; line-height: 27px; } .Software_inner p { font-weight: 500; color: #08223a; font-size: 14px; margin-bottom: 10px; line-height: 25px; } .tgcounter_box { width: 50%; padding: 16px 20px; border-right: 0; text-align: center; margin: 5px 0; background-color: #fff; } .Softwarebenefit_box img { max-width: 40px; } .Softwarebenefit_box h4 { margin: 14px 0 6px; font-size: 15px; line-height: 22px; } .Softwarebenefit_box { border-radius: 4px; padding: 20px 20px; width: 100%; margin-right: 0 !important; margin-bottom: 24px; } .Difference_boxx { border-radius: 4px; padding: 20px 20px; position: relative; top: 0px; } .Difference_boxx h4 { font-size: 15px; margin-bottom: 14px; border-left: 4px solid #0080ff; padding: 2px 0 2px 8px; line-height: 19px; } .allsections_main .newheading p { font-size: 14px; margin-bottom: 12px; line-height: 25px; } .whychoosenew_main { display: flex; margin-bottom: 0; flex-wrap: wrap; } .whychoosebox { border-radius: 4px; padding: 14px; width: 100%; margin-right: 0; margin-bottom: 18px !important; } .whychoosebox span { font-size: 32px; line-height: 28px; margin-bottom: 8px; } .Difference_boxx ul li { position: relative; font-size: 14px; margin-bottom: 8px; line-height: 24px; } .technologies_tools { margin-bottom: 40px; flex-wrap: wrap; } .technologies_tools .nav-tabs { width: 100%; border: 0; display: flex; overflow-x: auto; overflow-y: hidden; margin-bottom: 20px; } .technologies_tools .nav-tabs li a span img { max-height: 34px; } .technologies_tools .nav-tabs li a { min-height: 65px; border-radius: 4px; padding: 10px 17px; font-size: 13px !important; margin: 0; } .technologies_tools .nav-tabs li { width: 100%; position: relative; top: 0; z-index: 2; margin-right: 20px; } .technologies_tools .tab-content { width: 100%; padding-left: 0; } .Empowering_main { border-radius: 4px; padding: 20px 20px; } .Empowering_box h3 { margin: 0 0 8px; font-size: 16px; line-height: 20px; border-bottom: 4px solid #0080ff54; padding-bottom: 6px; } .pastwork_box { position: relative; top: 0; flex-wrap: wrap; border-radius: 4px; padding: 24px; } .pastwork_left { width: 100%; margin-bottom: 30px; text-align: center; } .pastwork_right { width: 100%; text-align: center; } .pastwork_left img { max-width: 80%; } .newcycle_box { padding: 20px; width: 100%; margin-bottom: 24px; margin-right: 0; border-top: 8px solid #fff; border-radius: 4px; } .newcycle_box p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .newcycle_box h3 { font-size: 15px; margin-bottom: 8px; line-height: 21px; } .locations_form { border-radius: 10px; padding: 20px 15px; margin: 0; } .locations_form .form-control { height: 42px !important; box-shadow: unset; padding: 10px 12px; font-size: 14px; border: 2px solid #08223a1f; border-radius: 5px; } .locations_form textarea.form-control { height: 80px !important; } .locations_form .form-group .btn { font-size: 14px; padding: 10px 15px; } .locationspage_banner .row .col-md-6:first-child { order: 1; margin: 30px 0 0; text-align: center; } .lp_banner_left h1 { font-weight: 800; font-size: 24px; margin: 0 0 10px; line-height: 35px; } .lp_banner_left .tg_btn1 { margin-right: 0; margin-bottom: 16px; } .locations_form strong { font-size: 16px; margin-bottom: 12px; } .locations_form .form-group { margin-bottom: 16px; } .lp_banner_left p { color: #ffffff; font-size: 14px; margin-bottom: 20px; line-height: 25px; } .CostEstimation_detailss h3 { font-size: 15px; margin-bottom: 7px; line-height: 21px; } .WorkOnly_details { width: 100%; } .industrynew_boxx { padding: 20px 16px; width: 100%; margin-right: 0 !important; margin-bottom: 20px; border-radius: 4px; border-top: 8px solid #0080ff; } .industrynew_ico img { max-width: 40px; margin: 0 auto; } .industrynew_boxx h3 { font-size: 14px; line-height: 21px; margin: 12px 0 0; } .paraimg_content ul li::after { top: 7px; height: 10px; width: 10px; } .paraimg_content ul li { padding-left: 20px; margin-bottom: 8px; } .bestcompany_row { margin: 0 -14px; } .bestcompany_box { border: 0; border-radius: 0; padding: 0; margin: 0px 0px 20px; } .bestcompany_inner { border-radius: 6px; padding: 20px; } .premium_ico img { max-width: 40px; } .bestcompany_inner p { font-size: 14px; line-height: 24px; } .bestcompany_inner h3 { font-size: 15px; line-height: 20px; margin: 14px 0 8px; } .technology_inner_manage { margin-bottom: 20px; border-radius: 4px; padding: 20px 16px; } .technology_inner_manage h3 { font-size: 16px; line-height: 16px; margin-bottom: 10px; } .technology_inner_manage p { font-size: 14px; margin-bottom: 2px; line-height: 25px; } .technology_inner_manage .row .col-md-3 { width: 50%; display: flex; } .techniques_box span { padding-left: 0; font-size: 13px; display: block; margin-top: 8px; width: 100%; } .aibanner_left h1 { font-size: 24px; margin: 0 0 10px; line-height: 35px; } .aibanner_left p { font-size: 14px; margin-bottom: 20px; line-height: 25px; } .ai_banner { padding: 45px 0 0; } .aibanner_right img { max-width: 100%; } .aicount .aicount_main { flex-wrap: wrap; border-radius: 6px; } .aicount_box h2 { margin-bottom: 6px; font-size: 20px; } .aicount_box h3 { font-size: 13px; } .aicount_box { width: 50%; text-align: center; padding: 20px 10px; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .aicount .aicount_main .aicount_box:nth-child(3) { border-bottom: 0; } .aicount .aicount_main .aicount_box:nth-child(2) { border-right: 0; } .aibeneficial_box img { max-width: 40px; } .aibeneficial_box h3 { font-size: 15px; margin: 12px 0 8px; line-height: 22px; } .aibeneficial_box p { font-size: 14px; margin: 0; line-height: 25px; } .aibeneficial_box { margin-bottom: 20px; border-radius: 6px; padding: 20px 15px; } .aimodel_box img { max-width: 34px; margin: 0 auto 10px; } .aimodel_box h3 { font-size: 14px; } .aicol { width: 100%; } .AiTrustedapp_box { border-radius: 6px; padding: 20px 20px !important; margin: 0 0 20px; } .AiTrustedapp_box h3 { font-size: 15px; } .AiTrustedapp_box p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .Aiindustry_tabs .nav-tabs li:first-child a { border-radius: 6px 0 0px 6px; } .Aiindustry_tabs .nav-tabs li:last-child a { border-radius: 0 6px 6px 0; } .Aiindustry_tabs .nav-tabs a { font-size: 14px !important; line-height: 18px; padding: 12px 20px !important; height: 50px; } .Aiindustry_tabs .nav-tabs { border-radius: 6px; } .Aiindustry_inner { margin: 30px 0 0; border-radius: 6px; padding: 20px 0px; } .Aiindustrytab_content h3 { font-size: 18px; margin: 0 0 8px; line-height: 26px; } .Aiindustrytab_content p { font-size: 14px; margin-bottom: 6px; } .Aiindustrytab_content li::after { top: 8px; left: 0; height: 8px; width: 8px; } .Aiindustrytab_img { margin-bottom: 20px; } .aibeneficial_content h2, .aimodel_content h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .aienterprise { padding: 16px 20px; border-radius: 6px; flex-wrap: wrap; } .aienterprise_left { width: 100%; margin-bottom: 30px; } .aienterprise_left h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .aienterprise_left ul li p { font-size: 14px; margin-bottom: 0; line-height: 22px; } .aienterprise_right { width: 100%; position: relative; } .aienterprise_right img { max-width: 100%; margin-bottom: 0; position: relative; bottom: -16px; } .aimodel_box { white-space: nowrap; border-radius: 6px; } .hireusanew_banner { padding: 50px 0 50px; } .hireusanew_banner .container > .row .col-md-8 { width: 100%; } .hireusanew_cotent h1 { font-size: 24px; margin: 0 0 10px; line-height: 35px; } .hireusanew_cotent p { font-size: 14px; margin-bottom: 20px; line-height: 26px; } .hireusanew_count { display: flex; justify-content: center; margin-top: 30px; flex-wrap: wrap; } .hireusanewcount_box { width: 50%; position: relative; display: flex; align-items: center; padding: 0; border: 0; flex-wrap: wrap; text-align: center; margin-bottom: 34px; } .hireusanew_count .hireusanewcount_box:last-child { margin-bottom: 0; } .hirecount_img { width: 100%; margin-bottom: 14px; } .hirecount_content { width: 100%; text-align: center; padding-left: 0; } .hirecount_img img { max-width: 38px; } .hireusanewcount_box strong { font-size: 24px; margin-bottom: 5px; line-height: 24px; } .hireusanewcount_box span { font-size: 13px; line-height: 18px; } .hiretursted_box { height: auto; width: 50%; padding: 20px 10px; border: 0; } .hiretursted_box img { max-width: 100%; } .boost_Team .container > .row .col-md-4 { width: 100%; } .boostTeam_img { height: 160px; } .boostTeam_content h3 { font-size: 14px; margin-bottom: 6px; } .boostTeam_content .employeee_post { font-size: 13px; margin-bottom: 14px; } .exp_box span { font-size: 12px; margin-bottom: 5px; } .exp_box strong { font-size: 13px; } .boostTeam_content p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .boost_Team .container > .row .col-md-4:last-child .boostTeam_box { margin: 0; } .techniques_box { padding: 10px 10px; text-align: center; flex-wrap: wrap; justify-content: center; margin-top: 14px; width: 100%; } .technology_inner_manage h3 { font-size: 15px; line-height: 15px; margin-bottom: 10px; } .robusts-solutions-box p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .robusts-solutions-box h3 { line-height: 22px; } .hireindustry_main .hireindustry_box:nth-child(even) .hireindustry_icon::before { display: none; } .hireindustry_main .hireindustry_box:nth-child(even) .hireindustry_icon::after { display: none; } .hireindustry_main { margin-top: 20px; flex-wrap: wrap; justify-content: flex-start; } .hireindustry_box { width: 50%; } .hireindustry_main .hireindustry_box:nth-child(even) { transform: unset; } .hireindustry_box span { line-height: 21px; font-size: 14px; margin-top: 12px; padding: 0 0px; text-align: center; } .hireindustry_box { width: 50%; margin-bottom: 20px; } .howtohiree .container > .row .col-md-4 { width: 100%; } .howtohiree_box img { max-width: 40px; } .howtohiree_box { border-radius: 6px; padding: 22px 18px 18px; margin-bottom: 20px; } .howtohiree_box span { right: 14px; top: 0px; font-size: 60px; line-height: 80px; } .howtohiree_box h3, .getfromTG_box h3 { margin: 15px 0 8px; font-size: 15px; line-height: 18px; } .howtohiree_box p, .getfromTG_box p { font-size: 14px; line-height: 24px; } .getfrom_TG .container > .row .col-md-3 { width: 100%; } .getfromTG_box img { max-width: 40px; } .getfrom_TG .container > .row .col-md-3:nth-child(even) .getfromTG_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .clienthapp_ptop h3 { font-size: 15px; margin-bottom: 10px; } .clienthapp_ptop h4 { font-size: 14px; margin-bottom: 8px; } .clienthapp_ptop p { font-size: 14px; line-height: 23px; min-height: auto; } .clienthappy_bottom { border-radius: 6px; padding: 10px 14px; margin: 14px 0 20px; } .clienthappy_bottom h5 { font-size: 18px; text-align: center; margin-bottom: 8px; } .clienthappy_box { margin-bottom: 25px; border-radius: 6px; } .getfromTG_box { padding: 25px 10px; border-radius: 6px; } .boostTeam_box { margin: 0px 0px 25px; } .industrynew_boxx p { font-size: 14px; margin-top: 6px; line-height: 25px; } .robusts-solutions-box { max-width: 100%; margin: 60px 0 0; } .robusts-solutions-box h3 { font-size: 15px; } .robusts-solutions-box p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .newportfolio_box { margin: 0 0; padding: 30px 18px; box-shadow: unset !important; } .newportfolio_img img { max-width: 190px; } .newportfolio_right h2 { font-size: 24px; margin-bottom: 10px; } .newportfolio_right p { font-size: 14px; line-height: 25px; margin-bottom: 20px; } .newportfolio_img { height: auto; margin-bottom: 20px; } .portfolio_sticky { position: relative; top: 0; margin-bottom: 10px; } .datingcta_left p { font-size: 14px; margin: -3px 0 20px; line-height: 24px; } .exploringworld_table tr th, .exploringworld_table tr td { font-size: 12px; padding: 12px 10px !important; } .faq_box { border-radius: 4px; padding: 0px 35px 0 15px; margin-bottom: 20px; } .faq_box_head { font-size: 14px; } .faq_box_head::after { font-size: 13px; right: -28px; height: 24px; width: 22px; background-size: 24px; transform: unset; top: 20px; } .faq_data { font-size: 14px; } .blogsection .blogpart .baner .home img { height: auto; border-radius: 10px; } .blogsection .blogpart .textpart h4 { font-size: 15px; margin-top: 0; } .blogsection .blogpart .textpart h5 { line-height: 20px; margin-top: 10px; margin-bottom: 8px; } .blogsection { background: #fff; padding-top: 40px; padding-bottom: 30px; } .cookieNotice_main { position: fixed; bottom: 100px; width: 90%; padding: 16px; z-index: 99999999999999999 !important; left: 0; right: 0; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 60px #00000061; text-align: center; } .slick-dots { bottom: -23px; } .metrustedlogo { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; } .metrustedlogo div { border-radius: 10px; width: 44%; padding: 10px 10px; margin: 0 8px 17px; height: 70px; } .me_banner { padding: 40px 0 30px; } .mebanner_content h1 { font-size: 24px; line-height: 36px; margin: 0 0 14px; } .mebanner_content p { font-size: 15px; margin-bottom: 25px; line-height: 26px; } .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .mecounter_box h2 { font-size: 24px; margin-bottom: 5px; } .mecounter_box span { font-size: 14px; margin-bottom: 8px; line-height: 19px; } .mecounter_box { border-radius: 6px; padding: 14px 10px; margin-bottom: 20px; background: #fff; } .meservices_main .col-md-6 { width: 100%; } .meservices_content p { font-size: 15px; line-height: 26px; } .helpedvarious_main .col-md-3 { width: 100%; } .helpedvarious_front h3 { font-size: 17px; } .techused_content { padding: 30px 30px; border-radius: 0px 0 12px 12px; } .techused_content img { max-width: 40px; } .techused_content h3 { margin-bottom: 8px; font-size: 17px; line-height: 29px; } .techused_content p { font-size: 14px; margin-bottom: 0; line-height: 26px; } .me_cta_Content h2 { font-size: 22px; margin: 0 0 22px; line-height: 34px; max-width: 100%; border: 0; padding: 0; } .me_cta { padding: 40px 0; background-color: rgba(5, 8, 26, 1) !important; background-image: unset !important; } .me_cta_Content { text-align: center; } .ranked_boxx h3 { font-size: 17px; } .ranked_boxx p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .meindustries_icon { height: 40px; width: 40px; width: 100%; margin-bottom: 25px; margin-right: 0; } .meindustries_icon img { max-width: 40px; } .meindustries_box h3 { font-size: 14px; width: 100%; margin-top: 10px; line-height: 20px; } .meindustries_box { padding: 25px 13px 15px; flex-wrap: wrap; text-align: center; width: 46%; } .meclients_box { margin: 25px; } .meclients_box h4 { font-size: 14px; margin-bottom: 0; line-height: 20px; } .mewhychoose_box img { max-width: 40px; margin-bottom: 15px; } .meclients_box p { font-size: 15px; margin-bottom: 20px; line-height: 26px; } .mewhychoose_box h3 { font-size: 16px; line-height: 25.3px; margin: 0 0 10px; min-height: auto; } .mewhychoose_box p { font-size: 15px; line-height: 26px; } .tech_slide { border-radius: 50px; padding: 11px 25px; font-weight: 600; font-size: 14px; margin: 7px 6px; background-color: #fff; } .techused_main .nav-tabs li.active a { padding: 0 0 15px; } .techused_main .nav-tabs li { width: 100%; margin-right: 30px; } .techused_main .nav-tabs li a { font-size: 17px; line-height: 30px; padding: 0 0 15px; } .awardssec_main { margin-top: 50px; flex-wrap: wrap; } .awardssec_main .col-md-4 { width: 100%; } .mesimilar_img img { max-width: 100%; } .mesimilar_content { padding-left: 0; } .mesimilar_content h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .mesimilar_content p { font-size: 15px; margin-bottom: 10px; line-height: 27px; margin-top: 0; } .meprocedure_box { margin-top: 0; padding: 20px 20px; border-radius: 14px; min-height: auto; margin-bottom: 20px; border: 3px solid rgba(5, 8, 26, 1); } .meproc_content p { font-size: 14px; margin-bottom: 0; line-height: 26px; } .meproc_content h3 { font-size: 15px; margin-bottom: 6px; line-height: 24px; } .awardssec_main .awardssec_box { width: 100%; margin-bottom: 80px; animation: none; text-align: center; } .awardssec_box img { filter: unset; width: 80%; margin: 0 auto; } .portfolioslider_left { width: 100%; padding: 30px 0; border-radius: 4px 4px 0 0px; } .portfolioslider_box { border-radius: 14px; border: 10px solid rgb(70 70 70 / 44%); flex-wrap: wrap; position: unset; margin-bottom: 20px; } .portfolioslider_right { padding: 30px 20px; width: 100%; text-align: center; } .slider_infobox { margin-right: 0; } .slider_infobox strong { font-size: 24px; margin-bottom: 2px; line-height: 34px; } .portfolioslider_info { margin-top: 30px; } .portfolioslider_right h3 { font-size: 24px; line-height: 30px; margin-bottom: 10px; } .portfolioslider_right p { font-size: 14px; line-height: 25px; margin-bottom: 22px; } .mebanner_form h2 { font-size: 17px; } .mebanner_form form .form-group .form-control { padding: 10px 16px; height: 42px; font-size: 14px; } .mebanner_form form .form-group { margin-bottom: 10px; } .mebanner_form form .form-group textarea.form-control { height: 100px; resize: none; } .mebanner_form form .form-group .newbtn_design { height: 44px; border-radius: 10px; margin-top: 10px; } .awardssec_main .awardssec_box:last-child { margin-bottom: 0; } .mebanner_form h2 { font-size: 15px; margin-bottom: 10px; height: 40px; border-radius: 0 6px 6px 0px; padding: 0px 20px 0 25px; top: 16px; left: -12px; } .mebanner_form { padding: 70px 20px 30px; margin: 0 10px; } .me_counter .row .col-md-3 { width: 50%; border: 0; } .helpedvarious_main .col-md-4 { margin-bottom: 30px; width: 100%; } .helpedvarious_icon { margin-bottom: 12px; } .meservices_content { padding: 20px 15px; width: 100%; } .techused_box h3 { margin-bottom: 6px; font-size: 16px; line-height: 22px; } .techused_box span { height: 70px; width: 70px; margin: -65px auto 8px; border: 4px solid #fff; } .techused_main .col-md-4 { width: 100%; } .techused_box { padding: 25px; border-radius: 14px; margin-top: 70px; } .ranked_main .col-md-6 { position: relative; top: 0; z-index: 8; width: 100%; } .ranked_boxx h3 { font-size: 16px; } .awardssec_main::after { display: none; } .mewhychoose_main .col-lg-3 { padding: 0 10px 15px; width: 100%; } .helpedvarious_box { border-radius: 14px; margin: 0; } .me_clients { padding: 30px 0 0; } .me_clients .newheading { text-align: center; } .download_link a img { max-width: 25px; } .thepremium_boxx { width: 100%; padding: 25px 20px; border-right: 0 !important; } .thepremium_boxx h3 { font-size: 16px; padding-left: 5px; } .thepremium_boxx p { font-size: 15px; line-height: 26px; } .thepremium_main .thepremium_boxx:nth-child(5) { border-bottom: 1px solid rgb(203 203 203 / 44%); } .me_techstack .tech_slide { padding: 11px 25px; font-size: 14px; margin: 7px 6px; } .helpedvarious_main .slick-next { display: none; } .commandemand_banner h1 { font-size: 26px; margin: 0 0 26px; line-height: 38px; } .demand_form { position: relative; bottom: 0; left: 0; right: 0; width: 100%; margin-top: 30px; border-radius: 12px; padding: 65px 20px 30px; } .demand_form h2 { font-size: 15px; border-radius: 0 0 12px 12px; padding: 12px 22px; left: 0; right: 0; margin: 0 auto; width: 200px; } .demand_form .form-group .form-control { height: 48px; } .demand_form .form-group textarea.form-control { height: 100px; } .demand_submit { font-size: 15px; line-height: 24px; height: 48px; } .leadingpartner_inner { margin-right: 0; position: relative; z-index: 1; } .leadingpartner_inner h2 { font-size: 20px; line-height: 30px; } .leadingpartner_icons div { width: 50%; } .leadingpartner_icons div img { max-width: 120px; } .newheading h2 br { display: none; } .adv_tech_box { padding: 25px 20px; width: 100% !important; margin: 0px 0px 20px; border-radius: 12px; } .adv_tech_box p { font-size: 15px; line-height: 27px; } .journeyecom_box { border-radius: 12px; padding: 20px 20px; width: 100%; margin: 0px 0 32px; } .journeyecom_main .journeyecom_box:nth-child(3), .journeyecom_main .journeyecom_box:nth-child(4) { margin-bottom: 30px; } .ecomdevservices_box { border-radius: 12px; border: 2px solid #f5f5f5; padding: 18px; margin: 0; } .ecomdevservices_box h3 { margin-bottom: 10px; font-size: 16px; line-height: 26px; } .ecomdevservices_box p { font-size: 15px; margin-bottom: 0; line-height: 27px; } .advantagestg_main { flex-wrap: wrap; } .advantagestg_left, .advantagestg_center, .advantagestg_right { width: 100%; } .advantagestg_icon { height: auto; width: 100%; position: relative !important; order: -1; display: flex; justify-content: center; margin: 0 auto 18px; transform: unset !important; right: 0 !important; left: 0 !important; box-shadow: unset !important; } .advantagestg_boxx { border-radius: 12px; padding: 20px; flex-wrap: wrap; justify-content: center !important; height: auto; } .advantagestg_right .advantagestg_head { width: 100%; text-align: center; } .advantagestg_left .advantagestg_head { width: 100%; text-align: center; } .advantagestg_icon img { max-width: 40px; } .advantagestg_center { padding: 40px 0px; } .agileecommerce_inner p { font-size: 15px; margin-bottom: 0; line-height: 27px; } .agileecommerce_innerbox { border-top: 5px solid #f5f5f5; } .agileemain { padding: 20px 20px; margin: 0px 0px 20px; width: 100%; border-radius: 12px; } .agileemain h4 { margin-bottom: 8px; font-size: 15px; line-height: 22px; } .agileemain img { max-width: 40px; margin-bottom: 18px; } .platformsweuse_box::after { display: none; } .platforms_content { position: relative; padding: 20px; width: 92%; border-radius: 12px; background: #121526; bottom: 0; margin-top: -60px; } .platformsweuse_box img { height: 250px; border-radius: 12px; box-shadow: 0 5px 70px rgb(32 35 66 / 11%); } .platformsweuse_box { overflow: unset; height: auto; border-radius: 12px; background-color: transparent; box-shadow: unset; } .platforms_content h3 { margin-bottom: 8px; font-size: 16px; line-height: 23px; } .platforms_content p { font-size: 15px; margin-bottom: 0; line-height: 26px; z-index: 1; } .platformsweuse_main .col-md-6:first-child { margin-top: 0; } .aiintegration_main .col-md-4 { display: flex; margin-bottom: 30px; width: 100%; } .aiintegration_box p { font-size: 15px; margin-bottom: 0; line-height: 27px; } .aiintegration_box { border: 2px solid #fff; border-radius: 12px; padding: 16px; } .aiintegration_box h3 { margin-bottom: 8px; font-size: 17px; line-height: 24px; } .comman_demand { padding: 40px 0 50px; } .me_cta_Content h2 br { display: none; } .order_change { order: 1; } .uploadicon .ufile { height: 26px; width: 111px; left: -12px; padding-right: 4px; } .uploadicon input { width: 100%; outline: 0 !important; border: 0; } .contactform_main { padding: 40px 0 80px; overflow: hidden; } .contact_details h1 { font-size: 30px; line-height: 40px; margin-bottom: 10px; } .contact_details p { font-size: 15px; line-height: 23px; margin-bottom: 20px; } .formcontact_main { width: 100%; margin: 0 auto; border-radius: 10px; padding: 20px 15px; } .contact_inner h2 { font-size: 16px; line-height: 12px; margin-bottom: 25px; } .contact_inner h2::after { right: -50px; height: 2px; width: 40px; } .formcontact_main form .form-group .form-control { border-radius: 12px; padding: 13px 15px !important; height: 47px; box-shadow: unset !important; font-weight: 500; color: #08223a; font-size: 13px; } .contentfile h3 { font-size: 13px; margin-bottom: 6px; line-height: 17px; } .contentfile h4 { font-size: 11px; margin-bottom: 8px; line-height: 16px; } .uploadfile { border-radius: 12px; padding: 12px; overflow: hidden; } .uploadicon { width: 100%; left: 10px; } .contactclient_slider { padding: 0; } .contactclient_slider .slider_imgg img { max-width: 100px; } .slider_imgg > div { border-radius: 8px; margin: 10px 8px; height: 70px; padding: 0 10px; } .tg_globe_row .col-md-3 { width: 100%; margin-bottom: 20px; } .tg_globe_box { position: relative; border-radius: 12px; overflow: unset; border: 4px solid #f5f5f5; height: auto; flex-wrap: wrap; } .onhover_globe { position: relative; backdrop-filter: blur(5px); width: 90%; margin: 0 auto; left: 0; right: 0; top: -30px; height: auto; border-radius: 10px; z-index: 2; background-color: #08223a; border: 2px solid #fff; padding: 20px 10px; } .tg_globeshow { bottom: 50px; margin-bottom: 20px; } .tg_globe_box .icon_tg { border-radius: 8px; overflow: hidden; height: 200px; } .onhover_globe p { font-size: 12px; margin: 0 0 10px; line-height: 20px; } .onhover_globe a { font-size: 14px; } .cms_banner { height: auto; padding: 40px 0; background-position: left; } .cms_banner_content h1 { font-size: 26px; line-height: 38px; margin-bottom: 10px; } .cms_banner_content h2 { font-size: 15px; line-height: 21px; margin-bottom: 12px; } .cms_content h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .cms_content h3 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .cms_content h4 { font-size: 20px; margin: 0 0 10px; line-height: 30px; } .cms_content h5 { font-size: 20px; margin: 0 0 10px; line-height: 30px; } .cms_content h6 { font-size: 20px; margin: 0 0 10px; line-height: 30px; } .formcontact_main .g-recaptcha iframe { transform: scale(0.8); width: 100%; } .formcontact_main .g-recaptcha > div > div { width: 100%; } .formcontact_main .g-recaptcha > div { width: 100% !important; } .loaderrequest img { width: 80px; height: auto; } .tg_globe_box:hover .onhover_globe { top: -30px; } .tg_globe_box:hover .tg_globeshow { bottom: 50px; } .career_banner { height: 320px; } .careerbanner_text h1 { font-size: 30px; line-height: 38px; margin-bottom: 14px; } .careerbanner_text h2 { font-size: 18px; margin-bottom: 15px; } .careerbanner_text p { font-size: 15px; } .techgropsepopup .job-description { display: none; } .techgropsepopup .modal-dialog { max-width: 94%; width: 100%; margin: 0 auto; } .techgropsepopup .techformenqury { padding: 15px 4px; } .webbanner { height: 300px; } .webbanner_content h1 { font-size: 30px; line-height: 38px; margin-bottom: 14px; } .webbanner_content h2 { font-size: 18px; margin-bottom: 15px; } .webbanner_content p { font-size: 15px; } .Industry_page_box { border-radius: 4px; padding: 20px; } .Industry_page_img { height: 160px; border-radius: 4px; margin-bottom: 18px; } .Industry_bottom h3 { font-size: 16px; line-height: 17px; margin: 0 0 8px; } .Industry_bottom p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .industry_col { margin-bottom: 20px; } .industry_row { margin-top: 0; } .bannerhome_pic img { max-width: 90%; } .bannerhome_content h1 { font-size: 30px; line-height: 45px; margin: 0 0 10px; } .bannerhome_content P { font-size: 15px; margin-bottom: 10px; line-height: 25px; } .bannerhome_design { height: auto; padding: 40px 0 40px; } .bannerhome_design .container .row .col-md-5 { order: -1; margin-bottom: 20px; } .bannerhome_design .container .row { flex-wrap: wrap; } .bannerhome_content { text-align: center; } .clients_slider { padding: 21px; } .clientslid_left h2 { font-size: 18px; } .clientsli_right { flex-wrap: wrap; justify-content: center; } .slider_imgg { outline: 0 !important; width: 50%; margin-bottom: 10px; } .clients_slider img { max-width: 120px; } .Homeaboutmain .homeabotus h2, .ach-tech-fluid h2 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .Homeaboutmain .homeabotus p, .ach-tech-fluid p { font-size: 15px; line-height: 24px; margin-top: 10px; } .ach-tech-fluid .row .col-lg-6 { margin-bottom: 20px; } .ach-tech-fluid .row .col-lg-3 { width: 50%; padding: 0 13px; margin-bottom: 20px; } .ach-tech-fluid .tech-card h3 { font-size: 60px; } .Homeaboutmain .aboutusimage { display: none; } .Homeaboutmain .featurepart .feature { display: block; margin-top: 20px; border: 1px solid #0261ff26; box-shadow: 0 38.52px 25.48px 0 #00000005; text-align: center; padding: 20px 0; border-radius: 10px; } .Homeaboutmain .featurepart { margin: 5px 0 40px; } .home-startup .featurepart .feature { padding: 20px 10px; border: 1px solid #0261ff26; box-shadow: 0 38.52px 25.48px 0 #00000005; border-radius: 10px; width: 100%; } .home-startup .featurepart .feature p { font-size: 14px; line-height: 24px; margin-bottom: 0; margin-top: 13px; } .homeservicefluid .myservices .row .col-lg-3 { width: 100%; } .homeservicefluid .homeservice .myservices .row .mainpart { padding: 20px 25px 25px; border-radius: 20px; text-align: center; } .feedbacks_boxx { flex-wrap: wrap; justify-content: center; text-align: center; } .feedbacks_content { width: 100%; padding-left: 0; margin-top: 15px; text-align: center; } .newportfolio_right p { font-size: 14px; line-height: 25px; margin-bottom: 0; } .home-emerging .nav-tabs { margin-bottom: 30px; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .home-emerging .nav-tabs li a { font-size: 12px !important; padding: 14px 15px; } .home-emerging .rightpart .heading h4 { font-size: 20px; margin: 0 0 12px; line-height: 21px; } .home-emerging .rightpart .heading p { font-size: 15px; line-height: 27px; margin-bottom: 0; margin-top: 10px; } .home-emerging .nav-tabs li a h4 { font-weight: 700; font-size: 15px; } .industrieshome ul li { width: 48%; border: none; background-color: #fff; margin-bottom: 20px; border-radius: 10px; padding: 30px 0 30px; } .industrieshome ul li h4 { font-size: 15px; margin-top: 16px; font-weight: 600; } .industrieshome ul { margin: 15px; justify-content: space-between; } .mobilechoose .col-md-4 { width: 100%; margin-bottom: 25px; } .mobileservicee .col-md-3 { margin-bottom: 25px; width: 100%; } .serviceeboxx { text-align: center; } .awards_slider_img img { max-height: 80px; } .awards_slider_img { margin: 0px 12px; } .mobileapp_slide { border-radius: 14px; border: 10px solid rgb(255 255 255 / 44%); margin: 0 10px; } .mobileappslide_right { width: 100%; display: flex; align-items: center; justify-content: center; padding: 30px 0px; order: -1; } .mobileappslide_left { padding: 10px 15px 30px; width: 100%; text-align: center; } .mobileappslide_left .download_link { margin-top: 25px; display: flex; justify-content: center; } .download_link a:last-child { margin-right: 0; } .mobileapp_inner { flex-wrap: wrap; } .mobileapp_slider .slick-prev.slick-arrow { height: 40px; width: 40px; border-radius: 10px; right: 60px; left: 0; bottom: -60px; background-size: 26px; } .mobileapp_slider .slick-next.slick-arrow { height: 40px; width: 40px; border-radius: 10px; right: -60px; left: 0; bottom: -60px; background-size: 26px; } .mobileapp_portfolio { padding-bottom: 70px; } .mobiledev_form h2 { font-size: 16px; margin-bottom: 20px; } .mobiledev_form { padding: 30px 24px; } .mobiledev_form .form-group .form-control { font-size: 15px; border-radius: 12px; padding: 10px 18px; height: 48px; } .mobiledev_form .form-group { margin-bottom: 16px; } .mobiledev_form .form-group textarea.form-control { height: 100px; } .mobiledev_content h1 { font-size: 28px; line-height: 40px; margin: 0 0 14px; } .animatedText { font-size: 24px; } .mobiledev_text ul { margin-top: 30px; justify-content: center; } .mobiledev_text ul li { margin-bottom: 10px; padding-left: 0; margin-right: 0; width: 100%; text-align: center; } .mobiledev_text ul li::after { display: none; } .mobilepartner_icons { display: flex; flex-wrap: wrap; margin-top: 10px; } .mobilepartner_icons div img { max-width: 90px; } .mobileapp_developers { padding: 50px 0 40px; } .mobileappslide_left h3 { font-size: 17px; margin-bottom: 10px; line-height: 24px; } .mobilechoose_box p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .mobilechoose_box h3 { font-size: 16px; margin-bottom: 8px; line-height: 24px; } .aiintegrated_left img { max-width: 50px; margin: 0 auto 18px; } .aiintegrated_left h3 { font-size: 16px; line-height: 26px; margin: 0; } .aiintegrated_left { height: auto; text-align: center; padding: 30px 20px; } .aiintegrated_right ul li p { font-size: 15px; margin-bottom: 0; line-height: 26px; } .aiintegrated_box { border-radius: 14px; } .faq_new .panel-heading .panel-title a { padding: 22px 40px 22px 20px; } .faq_new .panel.panel-default { border-radius: 14px; overflow: hidden; margin-bottom: 25px; border: 0; } .faq_new .panel-heading .panel-title { margin-bottom: 0; font-size: 16px; line-height: 26px; } .faq_new .panel-heading .panel-title a.collapsed::after { right: 8px; } .panel-group { margin-bottom: 0; } .shareproject_details { padding-top: 0; } .shareproject_left h2 { font-size: 24px; margin: 0 0 10px; line-height: 36px; } .shareproject_left p { font-size: 14px; margin-bottom: 0; line-height: 23px; } .shareproject_left ul { margin-top: 20px; padding: 15px 10px; border-radius: 6px; } .shareproject_left { padding: 40px 20px; } .shareproject_right { padding: 30px 24px; } .shareproject_right .form-group .form-control { height: 50px; border-radius: 0; font-weight: 500; font-size: 14px; padding: 8px 0; } .shareproject_right .form-group { margin-bottom: 20px; } .shareproject_right .form-group textarea.form-control { height: 90px; } .newportfolio_right .download_link { margin-top: 20px; display: flex; justify-content: center; } .newportfolio_right .download_link a:last-child { margin-right: 0; } .thx-box h1 { font-size: 72px; line-height: 76px; margin-top: 0; margin-bottom: 10px; } .thx-box h1 svg { height: 75px; width: 100%; } .thx-box h1 svg text { font-size: 180px; } .thx-box h2 { font-size: 22px; margin: 0 0 10px; line-height: 30px; } .thx-box p { font-size: 15px; line-height: 26px; margin-bottom: 0; } .connect-section .row .col-sm-12 { width: 100%; } .connect_content h3, .newsletter-box h3 { font-size: 22px; margin: 0 0 10px; line-height: 34px; } .connect_content p { font-size: 15px; line-height: 26px; margin-bottom: 27px; margin-top: 10px; } .award-section .slick-slide img { height: 90px; } .newsletter-content { text-align: center; } .newsletter-content p { font-size: 15px; line-height: 26px; margin-bottom: 26px; margin-top: 8px; } .newsletter-img { display: none; } .newsletter-box form .form-group { flex-wrap: wrap; justify-content: center; } .newsletter-box form .form-group .newbtn_design { height: 52px; margin-left: 0; margin-top: 20px; } .mobiledev_content p { font-size: 15px; line-height: 27px; margin-bottom: 20px; } .mobiledubai .row .col-md-3 { width: 50% !important; } .me_counter .row { justify-content: center; } .main_newcity_sec_design { gap: 8px; } .main_newcity_sec_design .newcity_sec_design_bxr { width: 31%; } .newcity_sec_design_bxr_details { top: auto; bottom: 0%; } .newcity_sec_design_bxr_details h3 { font-size: 16px; font-weight: 600; letter-spacing: 0; } .newcity_sec_design_bxr_details p { font-size: 14px; line-height: 16px; } .maillink { margin-bottom: 28px; font-size: 15px; } .marquee { height: 58px; } .clients_slider .marquee { height: 55px; overflow: unset; } .proclient .client_logos .client_img { width: 120px; height: 42px; } .proclient .client_logos img { max-width: 100px; } .error_page .texterror h1 { font-size: 28px; margin: 0 0 14px; line-height: 38px; } .error_page .texterror h2 { font-size: 15px; margin: 7px 0 22px; line-height: 23px; } .bannerwithform .mobiledev_form { border-radius: 6px; padding: 25px 24px; } .bannerwithform { padding: 50px 0 50px; } .bannerwithform_content { padding-right: 14px; } .bannerwithform_content h1 { font-size: 30px; margin: 0 0 16px; line-height: 44px; } .bannerwithform_content strong { font-size: 15px; margin-bottom: 14px; line-height: 26px; } .bannerwithform_content p { font-size: 15px; line-height: 28px; margin-bottom: 20px; } .main_tech_hire_new_sec ul { flex-direction: column; } .card__successful .row { height: auto; flex-direction: column; } .tech_hire_new_sec_details .technology_names { width: 50%; } .service-app-banner.usa-banner .clientsli_right { grid-template-columns: repeat(2, 1fr); } .qatar-transform.mesimilar_part.padding_sections .row { flex-direction: column; } .On-demand .col-md-12 .row { flex-direction: column; gap: 30px; } .what-set-techgropse .row { flex-direction: column; } .qatar-different .vert-tab > div { width: 100%; } .techslack-logo .tabs { flex-direction: column; } .new-service-app-banner .formbg .banner_form { padding-left: 5% !important; } .techslack-logo .tab { border-bottom: 2px solid #fff; padding: 10px; } .why-choose-service .row, .why-choose-service .tab-content > .active, section.why-choose-service ul.nav.nav-tabs.tabs-left.sideways, .industry-serices .card__container { display: flex; flex-direction: column; } .industry-serices .card__container { grid-template-columns: repeat(2, 1fr) !important; } .why-choose-service .tabs-img { top: 0; } /* mvp */ .advantages-dev .card .imgBx, .advantages-dev .card:hover .imgBx { width: 100%; height: 200px; left: 0; top: calc(50% - 75px); transition: 0.5s ease-in-out; } .advantages-dev .card .imgBx img, .advantages-dev .card:hover .imgBx img { max-width: 100px; } .advantages-dev .card .content { position: relative; width: 100%; } .benefits-mvp { padding: 0 2em; } .benefits-mvp .col-md-4 { flex: 0 50%; } .advantages-dev .box-1 { grid-area: auto; } .advantages-dev .box-3 { grid-area: auto; } .advantages-dev .card { width: 100%; } li.mvp-item-list.mvp-item-list-alt:after { display: none !important; } li.mvp-item-list:after { display: none !important; } .mvp-form .world-map { width: 520px; height: 300px; } li.mvp-item-list.mvp-item-list-alt:after { display: none !important; } li.mvp-item-list:after { display: none !important; } .new-tech-stack .main-tech { grid-template-columns: repeat(2, 1fr); } .mvp-form .world-map { width: 400px; height: 260px; } .new-tech-stack .nav-pills > li > a { padding: 10px 8px; font-size: 14px; } div#\31 b .main-tech { grid-template-columns: repeat(2, 1fr); } /* salon */ .trusted-company .trusted-sticky-box { position: relative; top: 0; } .why-need .row { flex-direction: column; width: 100%; } .salon-app-banner { padding: 80px 0; } .why-need .slick-initialized .slick-slide { flex-direction: column; } .top-notch .tab-content.clearfix { margin-bottom: 30px; } .our-customized .tab-pane .row { flex-direction: column; } .why-need button.slick-next.slick-arrow { display: none !important; } .why-need button.slick-prev.slick-arrow { display: none !important; } .our-commitments .row { flex-direction: column; } .why-choose-service .tab-content > .active { flex-direction: column; } /* logistic */ .logistics-software .row.tabs { flex-direction: column; } .advanced-technologies .card { width: 100%; } .logistic-banner { background-position: left; } .what-make-us .container .row { flex-direction: column; } /* insurance */ /* airbnb */ .airbnb-process .airbnb-process-list { height: auto; overflow-y: hidden; } .new_singapore_banner { padding: 50px 0 60px; display: flex; flex-wrap: wrap-reverse; align-items: center; justify-content: center; } .left_singapore_banner h1 { font-size: 30px; padding: 0; border-left: none; line-height: 42px; } .left_singapore_banner p { font-size: 15px; line-height: 28px; margin-top: 20px; } .tg_btn_new { display: flex; width: 100%; text-align: left; justify-content: flex-start; padding: 12px 15px; line-height: 20px; padding-left: 30px; font-size: 16px; margin-top: 15px; } .query_form { width: 100%; margin-top: 20px; } .singapore_devmethology img { max-width: 95%; margin-bottom: 10px; } .new_top_heading h2 { color: #08223a; font-weight: 800; font-size: 24px; margin: 0 0 10px; line-height: 34px; } .new_top_heading { margin-bottom: 30px; } .new_top_heading p { font-size: 16px; line-height: 27px; } .key_advantage_singapore_box { width: 100%; border-right: none; } .key_advantage_singapore_box2 { width: 100%; } .key_advantage_singapore img { width: 60px; margin-bottom: 20px; } .key_advantage_singapore h3 { font-size: 18px; } .key_advantage_singapore p { font-size: 16px; } .padding_sections { padding: 40px 0; } .cta_singapore_new { padding: 50px 20px; } .cta_singapore_left { display: flex; flex-direction: column; align-items: center; width: 100%; } .cta_singapore_left h2 { font-size: 25px; text-align: center; line-height: 36px; } .cta_singapore_left h2 span { font-size: 25px; } .cta_singapore_right { visibility: hidden; } .software_development_singapore_box { width: 100%; } .software_development_singapore_box img { width: 80px; height: 80px; padding: 8px; border-radius: 100%; } .software_development_singapore_box h3 { color: #fff; margin-bottom: 10px; font-size: 17px; line-height: 26px; font-weight: 600; } .workflow_procedure_box { width: 100%; } .set_tg_part_box { width: 100%; } .tg_part_box_back p { text-align: center; visibility: visible; opacity: 999; color: #ffffff; } .trusted_client2 strong { font-size: 15px; width: 100%; text-align: center; } .trusted_client2 { flex-wrap: wrap; } .trusted_logo { justify-content: center; width: 100%; flex-wrap: wrap; } .trusted_logo div { width: 50%; text-align: center; margin-top: 15px; } .trusted_logo img { max-width: 130px; } .industry_we_image { width: 95%; } .industry_cater_head { padding: 5px 12px; } .hire_developer_box { width: 100%; } .testimonial_singapore_card { width: 100%; } .testimonial_singapore_card_icon { margin-bottom: 50px; } .ai_malaysia_banner { padding: 50px 0 50px 0; } .ai_malaysia_banner_heading { padding: 0; } .ai_malaysia_banner_heading h1 { font-size: 28px; line-height: 45px; } .ai_malaysia_banner_heading p { font-size: 16px; line-height: 28px; } .ai_malaysia_sticky { position: sticky !important; top: 50px; z-index: 1; } .ai_malaysia_banner_image { margin-top: 50px; opacity: 0.5; } .new_btn_contact { display: flex; width: 100%; padding: 12px 32px; } .new_btn_contact span { line-height: 20px; font-size: 14px; } .main_singapore_trusted .left_trusted_name { display: flex; flex-direction: column; align-items: center; text-align: center; } .logos_trust img { max-width: 120px; filter: invert(1) brightness(70.5); } .main_singapore_trusted .left_trusted_name h2 { font-size: 20px; } .main_singapore_trusted .right_count { display: flex; justify-content: center; padding: 0 0 0 10px; gap: 20px; flex-wrap: wrap; align-items: center; text-align: center; } .main_singapore_trusted .right_count .inner_setup_count { border-left: none; padding: 10px 0; } .main_singapore_trusted .right_count .inner_setup_count h3 { color: #ffffff; font-size: 28px; line-height: 42px; font-weight: 700; } .main_singapore_trusted .right_count .inner_setup_count img { margin-bottom: 5px; } .main_singapore_trusted .right_count .inner_setup_count h4 { color: #ffffff; font-size: 16px; line-height: 28px; font-weight: 600; } .main_surging_box { justify-content: center; } .surging_box { width: 47%; } .surging_box h3 { font-size: 18px; line-height: 38px; } .surging_box p { font-size: 16px; line-height: 28px; } .methology_ai_left img { width: 70%; } .tech_ai_singapore_box { width: 100%; padding: 15px; border-radius: 10px; } .tech_ai_singapore_box h3 { font-size: 15px; font-weight: 600; line-height: 28px; } .tech_ai_names { gap: 10px; justify-content: center; } .tech_ai_names span { width: 48%; padding: 4px 7px; font-weight: 600; } .methology_ai_malaysia { width: 95%; } .methology_ai_malaysia img { width: 80%; } .qatar_different_industry_box { width: 100%; height: auto; } .cta_ai_malaysia_content h2 { padding-left: 0px; font-size: 22px; line-height: 30px; } .cta_ai_malaysia_content p { font-size: 16px; line-height: 26px; } .why_techgropse_box { width: 100%; } .boost_your_cx_box { width: 100%; } .technology_masters_box { width: 100%; } .our_chatbt_service_bx { width: 100%; } .why_choose_ai_malaysia_box_bg, .why_choose_ai_malaysia_box { width: 100%; } .award_section_sec .slide { height: 150px; width: 200px; } .methology_ai_singapore .row .col-md-5 { margin-bottom: 20px; } .methology_ai_singapore_other .row .col-md-5 { margin-bottom: 20px; } .right_banner_ai_singapore { display: flex; justify-content: center; align-items: center; margin-top: 30px; width: 100%; } .right_banner_ai_singapore img { width: 80%; } .cta_ai_singapore_new h2 { font-size: 22px; line-height: 36px; } .cta_ai_singapore_new { margin: 20px 0; } .main_chatbot_services { justify-content: center; gap: 25px; margin-top: 20px; } .chatbot_services_box { width: 100%; } .roadmap_box { width: 100%; } .smarter_app_box { width: 100%; } .smarter_app_box img { border-radius: 5px; } .why_pick_tg_image img { width: 90%; } .why_pick_tg_right_box { width: 100%; } .healthcare_development_service_box { width: 100%; } .healthcare_feature_sec ul li a { padding: 7px 10px; font-size: 14px; text-align: center; } .healthcare_feature_sec ul { gap: 10px; } .tab_features_content_inner .tab_features_img img { width: 100%; } .healthcare_dev_process_box { width: 100%; } .healthcare_dev_process_inner { height: auto; } .why_is_tg_best .card { display: flex; flex-direction: column; padding: 30px; margin: 0 10px; } .why_is_tg_best .card .card_thumb { width: 90%; display: flex; justify-content: center; } .card_thumb_body { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; margin-top: 30px; padding-left: 0; } .card_thumb_body p { font-size: 16px; } .healtcare_unique_ideas_box { width: 100%; } .paraimg_content ul li::after { top: 7px; height: 10px; width: 10px; } .paraimg_content ul li { padding-left: 20px; margin-bottom: 8px; } .main_key_factor_taxi { display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; align-items: stretch; } .key_factor_taxi_box { width: 46%; padding: 20px 15px; } .flip_box { width: 100%; } .new_video_Cost_box { width: 100%; } .new_hire_react_banner .right_hire_img_zone img { width: 80%; } .left_hire_content_zone h1 { font-size: 30px; line-height: 40px; } .left_hire_content_zone { display: flex; flex-direction: column; align-items: center; text-align: center; } .main_hire_details_tg { gap: 10px; } .hire_details_tg_box { width: 48%; } .hire_details_tg_box p { font-size: 16px; } .hire_new_expertise_box { width: 100%; } .new_hire_react_dev_box { width: 100%; } .how_dedicated_react_size { width: 100%; } .main_container_hire_new_develoeprs .container_hire_new_develoeprs_box { width: 100%; } .cont_elevate_react_native_box { width: 100%; } .hire_new_code_quality_box { width: 100%; } .tech_hire_new_sec_details .main_technology_names { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; } .tech_hire_new_sec_details .technology_names { border: 2px solid #fff; width: 47.5%; border-radius: 20px; padding: 15px 12px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: 0.5s all ease; } .tech_hire_new_sec_details .technology_names h4 { font-size: 17px; line-height: 23px; } .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .our_exciting_generative_ai_box { width: 100%; } .main_our_uses_cases_gen_ai ul li a { padding: 10px; } .generative_ai_services_box { width: 100%; border: none; } .generative_ai_services_box { width: 100%; } .generative_ai_services_box:nth-child(odd) { border-right: none; } .list_generative_ai_modal_box { width: 100%; } .tg_generative_ai_boxi { width: 100%; } .tg_generative_ai_cont_img { width: 90%; } .our_engagement_generative_ai_box { width: 100%; } .our_work_process_genai_box { width: 100%; } .main_tech_hire_new_sec ul li { width: 45%; } .cont_new_indstry_sec_fli_bx { width: 100%; } .me_clients { padding: 30px 0 0; } .me_clients .comman_heading { text-align: center; } .mobile_app_chicago_banner { padding: 50px 0 60px; background: #05081a; } .main_mobile_app_chicago_banner { padding: 20px; } .main_mobile_app_chicago_banner_content h1 { font-size: 25px; line-height: 34px; margin-bottom: 5px; } .main_mobile_app_chicago_banner_content p { line-height: 26px; } .main_chicago_banner_logos { margin-top: 40px; background: #121526; padding: 20px; } .chicago_banner_logos_setup { margin-top: 25px; gap: 10px; justify-content: center; } .chicago_banner_logos_setup img { max-width: 100px; border-radius: 15px; } .sport_betting_dev_service_bx { width: 100%; justify-content: center; align-items: center; } .our_bet_app_details .faq_bxr { width: 100%; } .sport_dev_steps_process_bx { width: 100%; } .main_developer_new_sec_hirdub .developer_new_sec_hirdub_bxr { width: 100%; } .devel_hirdub_bxr_expert_name p { font-size: 14px; } .mvp-form .world-map { width: 400px; height: 260px; } .main_newcity_sec_design { gap: 8px; } .main_newcity_sec_design .newcity_sec_design_bxr { width: 100%; } .newcity_sec_design_bxr_details { top: auto; bottom: 0%; } .newcity_sec_design_bxr_details h3 { font-size: 16px; font-weight: 600; letter-spacing: 0; } .newcity_sec_design_bxr_details p { font-size: 14px; line-height: 16px; } .mvp-form .world-map { width: 300px; height: 260px; } .banner_enterprise_soft_dev { padding: 30px 0; } .enterprise_soft_Headpara h1 { font-size: 28px; line-height: 38px; margin-bottom: 5px; } .enterprise_soft_Headpara p { margin-bottom: 5px; } .main_advance_tech_entsoftdev .advance_tech_entsoftdev_bxrs { width: 100%; } .main_meclients_slider button.slick-prev.slick-arrow, .main_meclients_slider button.slick-next.slick-arrow { display: none !important; } .right_video_sec_riyadpge iframe { width: 100%; } .escoot_dvemethalgy_headpra h2 { font-size: 24px; line-height: 34px; } .escoot_dvemethalgy_headpra p { line-height: 27px; } .escoot_dvemethalgy_headpra { text-align: center; } .escoot_dvemethalgy_img { display: flex; justify-content: center; width: 100%; } .escoot_dvemethalgy_img img { width: 80%; border-radius: 25px; } /* new */ .our-commitments .main-service-items .service-item { position: relative; top: 0; } .our-commitments .col-md-5 { position: relative; top: auto; } .what-set-techgropse .newheading { margin-bottom: 0px !important; margin-top: 65px; } .kyesteps .mvp-item-list { width: 100% !important; margin-right: 0; } .kyesteps .mvp-item-list-alt { margin: 20px 0 !important; } .mvp-item-list:before { display: none !important; } .kyesteps .mvp-item-list { margin: 20px 0 !important; } .kyesteps .all-mvp-item-list:after { display: none !important; } .logistics-software .tab-contents { flex-direction: column; } .logistics-software .logic-soft-img img { border-radius: 0; } .our-commitments .col-md-5 { position: relative !important; top: auto !important; } .our-commitments .main-service-items .service-item { padding-top: 0px !important; position: relative !important; top: 0 !important; } section.logistic-cta { height: auto !important; } section.logistic-cta .row { flex-direction: column !important; } section.logistic-cta .img-cta-box { margin-top: 30px; } .need-airbnb .container .row { flex-direction: column; } .airbnb-indudtry .main-industry { flex-direction: column; } .airbnb-indudtry .main-industry .industry-item { margin-bottom: 25px; width: 100%; height: auto; } .airbnb-indudtry .main-industry .buble-content { position: relative; width: auto; height: auto; } .airbnb-indudtry .main-industry .industry-item { display: contents; } .airbnb-indudtry .main-industry .industry-img-box { height: 100px; } .airbnb-indudtry .main-industry .industry-item:nth-child(odd) .buble-content { top: auto; margin-bottom: 40px; } .airbnb-indudtry .main-industry .industry-item:nth-child(even) .buble-content { bottom: auto; top: 0; margin-bottom: 40px; } .airbnb-indudtry .main-industry .industry-item:nth-child(even) .content-year-bottom { position: relative; top: -103px; bottom: auto; } .airbnb-indudtry .main-industry .industry-item:nth-child(even) .industry-img-box { position: relative; top: auto; bottom: -40px; } .airbnb-indudtry .main-industry { padding: 20px 0; } .airbnb-app-banner .row .col-md-6:last-child { display: none; } .qatar-transform .newheading { margin-bottom: 0 !important; } .qatar-credible-cta { background: #08223a; } .customized-white-lable div#exTab2 { flex-direction: column; } .customized-white-lable div#exTab3 { flex-direction: column; } .customized-white-lable div#exTab4 { flex-direction: column; } .how-airbnb-clone .clone-list ul li { position: relative; top: 0; } .airbnb-process .airbnb-process-list ul li { position: relative; top: 0px; } .airbnb-process .row .col-md-5 { position: relative; top: 0; } .how-airbnb-clone .col-md-5 { position: relative; top: 0; margin-bottom: 30px; } /* new */ .ach-tech-fluid .tech-card h3 { font-size: 36px; font-weight: 600; margin-bottom: 6px; } .ach-tech-fluid .tech-card .plus-icon::before { top: -16px; right: -13px; font-size: 30px; font-weight: 500; } .ach-tech-fluid .tech-card { padding: 0 10px; height: 150px; border: 0; background-color: #fff !important; display: flex; align-items: center; justify-content: center; border: 1px solid #0261ff26; box-shadow: 0 38.52px 25.48px 0 #00000005 !important; border-radius: 10px; background-color: transparent !important; } .ach-tech-fluid .container .row:last-child { border-radius: 20px; overflow: hidden; justify-content: center; } .ach-tech-fluid .row .col-lg-3:last-child { width: 100%; } .ach-tech-fluid .tech-card p { font-size: 14px; line-height: 22px; } .Homeaboutmain .featurepart .row .col-md-4 { width: 50%; } .Homeaboutmain .featurepart .row { justify-content: center; } .readmoreabout { display: flex; justify-content: center; } .home-startup .featurepart .row .col-sm-3 { width: 50%; display: flex; margin-bottom: 20px; } .newheading { margin-bottom: 40px !important; } .Homeaboutmain .featurepart .row .col-md-4:last-child { width: 100%; } .new_bg_banner_tx_onlyimg .tx_nw_headpraaa h1 { font-size: 30px; line-height: 40px; } .new_bg_banner_tx_onlyimg .tx_nw_img img { width: 100%; } .new_bg_banner_tx_onlyimg { padding: 40px 0 110px; } .portfolionew_mobile { display: block; } .portfolionew_desktop { display: none; } .bxr_whytg_ecoomcee { width: 100% !important; } .ecommer_servic_sec_box { width: 100%; } .bxr_why_chose_tg_commec { width: 100% !important; } .choose-service .row { flex-direction: column; } .choose-service ul.nav.nav-pills { grid-template-columns: repeat(2, 1fr); } .real-estate-progress .progress_inner { display: flex; transform: translateY(4%); flex-direction: column; } .real-estate-progress .progress_inner__step { width: 100%; margin-bottom: 35px; } .progress_inner__bar--set { display: none; } .real-estate-progress .progress_inner__tabs .tab { margin-top: 0; margin-bottom: 70px; top: 0; } .real-estate-progress .progress_inner__tabs .tab-0, .real-estate-progress .progress_inner__tabs .tab-1, .real-estate-progress .progress_inner__tabs .tab-2, .real-estate-progress .progress_inner__tabs .tab-3, .real-estate-progress .progress_inner__tabs .tab-4, .real-estate-progress .progress_inner__tabs .tab-5, .real-estate-progress .progress_inner__tabs .tab-6, .real-estate-progress .progress_inner__tabs .tab-7 { display: block; } .choose-service button.slick-next.slick-arrow { display: none !important; } .choose-service .slick-prev { display: none !important; } .get-in-touch .map-box iframe { height: 330px; } .get-in-touch .row .col-md-6:first-child { margin-bottom: 40px; } .head_andrd_altant_para_deta { padding-block: 50px; padding-inline: 0px; } .head_andrd_altant_para_deta h1 { font-size: 28px; line-height: 38px; margin-bottom: 10px; } .sharjah-cost .price-table tr.price-table-head th { padding: 8px 4px; } .sharjah-cost .price-table tr td { padding: 5px 10px; } .sharjah-cost .price-table tr:nth-child(2n) td:nth-child(3), .sharjah-cost .price-table tr td:nth-child(3) { padding: 8px 15px; } .sharjah-cost-img img { width: 80% !important; } .ae_portfolio .row .ae_portfolio_sticky:last-child { margin: 0; } .ae_portfolio { padding-bottom: 50px; } .container_1 { max-width: 90%; } .aeportfolio_left { padding: 20px; border-radius: 12px; } .aeportfolio_content h2 { margin: 0px 0 10px; font-weight: 600; font-size: 22px; } .aeportfolio_content p { font-size: 15px; line-height: 28px; margin-bottom: 0; } .aeportfolio_content { width: 100%; } .aboutprojects span { font-size: 14px; margin-bottom: 2px; } .aboutprojects { margin: 0 10px; } .aboutprojects strong { font-size: 15px; } .casestudy_btn a { font-size: 14.49px; height: 48px; border-radius: 10px; padding: 0 13px; } .available_on p { font-size: 15px; line-height: 22px; margin-bottom: 8px; } .available_btns a { display: block; margin: 0 7px; } .left_video_sec_riyadpge h3 { font-size: 22px; margin: 0 0 10px; line-height: 32px; } .left_video_sec_riyadpge p { font-size: 15px; line-height: 28px; } .right_video_sec_riyadpge { display: none; } .tg_video { display: none; } /* .dallas-texas */ .all-main-cost .price-table tr.price-table-head th { padding: 8px 4px; } .all-main-cost .price-table tr td { padding: 5px 0px; } .all-main-cost .price-table tr:nth-child(2n) td:nth-child(3), .all-main-cost .price-table tr td:nth-child(3) { padding: 8px 0px; } .comprehensive-android-dallas .comprehensive-img { position: relative; bottom: 30%; } .industry_we_cater_singapore .col-md-3.col-sm-6 { width: 100%; } .industry_cater_head h3 { font-size: 14px; } .mvp-form .world-map { width: 100%; } .qatar-testimonial .bubble p { margin-top: 0px; } .industry_we_cater_singapore .col-md-3.col-sm-6 { width: 100%; } .comprehensive-android-dallas .comprehensive-item .row { flex-direction: column; } .comprehensive-android-dallas .comprehensive-img img { width: 55%; } /* .dallas-texas */ /* top mobile */ .top-ten-mobile-banner { padding: 60px 0 70px; } .top-ten-mobile-banner .mebanner_content { margin-bottom: 0; } .top-ten-mobile-banner .icon-block img { width: 70%; } .top-ten-mobile-banner .icon-block { width: 50px; height: 50px; } .top-ten-list .sentence { padding-top: 25px; } .top-company-cta-box .col-md-8 { width: 100%; } .company-top-list .main-list-box .top-box .row .col-md-9 { width: 50%; } .conclusion-box .swing:before { left: 50%; } .conclusion-box .swing { margin: 30px 20px; } .company-top-list .top-left { align-items: start; } .company-top-list .main-list-box .top-box .content h2 { font-size: 18px; line-height: 26px; } .top-company-cta .top-company-cta-img img { display: none; } .company-top-list .main-list-box .top-box .row { justify-content: flex-start; } .top-ten-mobile-banner .circle { top: 50%; left: 50%; width: 55%; height: 55%; } .top-ten-mobile-banner .center-logo { top: 50%; } .top-ten-mobile-banner .center-logo img { max-width: 100px; } .top-ten-mobile-banner .main { margin: auto; width: 300px; height: 300px; } .makes-top-mobile-dev .row { flex-direction: column; } .makes-top-mobile-dev .row .col-md-4 { border: 1px solid #d9d9d9; margin: 20px 20px; } .top-tech-stack div#\31 b .tech-box ul { grid-template-columns: repeat(2, 1fr); } .top-tech-stack .tech-box ul { grid-template-columns: repeat(2, 1fr); } .top-tech-stack .tech-box h3 { font-size: 18px; } .top-tech-stack .tech-box ul li .icon-bx { display: inline-block; width: 60px; height: 60px; display: flex; border-radius: 8px; } .top-tech-stack .tech-box ul li img { max-width: 50px; } .logistics-software .logic-soft-img img { border-radius: 0; height: 270px; object-fit: cover; } .clients_slider.proclient { padding: 20px 0; } .usa_bg { padding: 60px 0 0 !important; } .usa_bg .content-banner-qatar { padding-bottom: 0; text-align: center; } .airbnb-process .num { bottom: -40px; left: 75%; } .qatar-credible-cta .me_cta_Content h2 { border-left: none; padding-left: 0; text-align: center !important; } .how-we-develop ul li { position: relative; top: auto; } .modern-features-education .col-md-7 { padding: 0; margin: 0; width: 100%; } .main_testimonial_sport_bett.atlanta-bx .slick-dots { display: none !important; } .sharjah-cost .col-md-8 { overflow: hidden; width: 100%; padding: 0; } .app-development-service .custom-box { text-align: left; margin: 0; padding: 26px; border-radius: 30px; position: relative; z-index: 1; } .our-commitments .main-service-items .service-item { margin: 0 0 15px; } /* taxi-page */ .taxi-booking-banner { padding: 50px 0 50px; } .taxi-booking-banner .col-md-5 { display: flex; justify-content: center; width: 100%; margin-bottom: 25px; order: 1; } .taxi-booking-banner .taxi-img-bx { width: 100%; } .taxi-booking-banner .col-md-7 { display: block; order: 2; } .main_singapore_trusted .right_count .inner_setup_count h3 { font-size: 18px; line-height: 30px; } .main_singapore_trusted .right_count .inner_setup_count h4 { font-size: 14px; line-height: 20px; } .taxi-choose .label-bx img { max-width: 45px; } .taxi-choose .nav-pills li a h3 { font-size: 14px; } .taxi-choose .nav-pills > li { padding: 5px; } .taxi-choose .tab-content > .active { padding: 15px 15px; } .taxi-choose .tab-content.clearfix { padding: 5px; } .taxi-choose .tab-content.clearfix img { max-width: 50px; padding: 10px 10px; margin-bottom: 15px; } .logos_trust { gap: 0px; } .logos_trust img { max-width: 100px; } .need-for-taxi .need-img-bx img { margin-bottom: 25px; } .slick-dots { display: none !important; } .taxi-booking-banner .taxi-img-bx img { height: 45vh; } .taxi-choose ul.nav.nav-pills { justify-content: start; } .new_indstry_sec_sv .wrapper { grid-template-columns: repeat(2, 1fr) !important; } /* taxi-page */ .ecommerce-process ol { grid-template-columns: repeat(2, 1fr); } .datingnew_banner .newbtn_design_white { margin-left: 0; margin-top: 15px; font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } /* clutch-page */ .choose-ecommerce ul li span { font-size: 16px; color: #08223a; font-weight: 700; } .choose-ecommerce ul li { border-radius: 12%; } .choose-ecommerce ul { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; gap: 8%; position: relative; left: auto; top: auto; } .choose-ecommerce ul li:nth-child(3) { position: relative; left: 50%; margin-top: 20px; } .choose-ecommerce .choose-bx { height: auto; background-size: auto; display: flex; flex-direction: column; gap: 65px; margin-bottom: 0; } .ondemand-ecommerce .col-md-5 { position: relative; top: auto; } .ecommerce-testimonial { display: block; } .ecommerce-testimonial .testimonial { flex-direction: column; } .ecommerce-testimonial .testimonial p { padding-top: 30%; text-align: center; } .clutchbanner .content { text-align: center; } .clutchbanner .content h1 { font-size: 24px; line-height: 36px; margin: 0 0 14px; } .clutchbanner .content p { font-size: 15px; margin-bottom: 25px; line-height: 26px; } .clutchbanner .mebanner_form.usa-form { margin: 45px 0px; } .clutchbanner { padding: 64px 0px 80px; background-position: left; } .client-bx { padding-top: 35px; height: auto; } .client-bx .curve { height: 33px; } .client-bx .client_logos .client_img { height: 50px; } .business_service .ol-cards > li { display: flex; flex-direction: column; border-radius: 12px; text-align: center; padding: 20px 15px; } .business_service .ol-cards > li > .icon { border-radius: 12px; margin-bottom: 10px; } .business_service .ol-cards > li > .icon::before { display: none; } .ecom_cta { margin-top: 0; padding-top: 30px; } .padding-cls-bx { padding: 60px 0; } .ecom_cta .ecom_bg { padding: 25px 20px; border-radius: 10px; background-position: center !important; background-size: cover !important; } .ai-driven::after { display: none; } .business_service { padding-bottom: 0px; } .ai-driven .nav-pills > li { margin-left: auto; } .business_service .ol-cards > li > .icon { width: 60px; height: 60px; } .ecommerce-faq .img-faq { display: none; } .ecommerce-faq .container { background-color: #fff; padding: 20px; border-radius: 0; text-align: center; } .ecom_service_list ul li h3 { font-size: 16px; margin-bottom: 0px; line-height: 22px; } .all-main-cls .content h3 { font-size: 16px; margin-bottom: 0; line-height: 22px; } .ecommerce-faq { padding-bottom: 0; } .business_service .ol-cards { padding-inline-start: 0; } a.newbtn_design_white { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .ai-driven ul.nav.nav-pills li a { font-size: 15px; } .all-main-cls { margin-bottom: -2px; } section.choose-ecommerce.all-main-cls { padding-bottom: 0px; } .ecommerce-testimonial .testimonial { padding: 30px 10px; } .ecommerce-testimonial .testimonial .source { width: 100%; display: flex; justify-content: center; margin-top: 10px; } .ecommerce-faq .container { background-color: #fff; padding: 50px 0; border-radius: 0; text-align: left; } .choose-ecommerce ul li { height: 110px; width: 125px; } .choose-ecommerce ul li::after { position: absolute; content: ""; height: 20px; width: 50px; bottom: -16px; } .choose-ecommerce .choose-bx { gap: 16px; height: 380px; background-position: center; margin-top: 130px; background-size: auto; } .choose-ecommerce ul { gap: 0; top: -88px; } .choose-ecommerce .col-md-12 { padding: 0; } .ecommerce-faq .newheading { display: flex; justify-content: center; } /* clutch-page */ .airbnb-app-banner { padding: 50px 0 10px !important; } .airbnb-app-banner .mebanner_content { text-align: center; margin-right: auto; margin-left: auto; padding: 0 20px; } .sport_betting_dev_service .col-md-5 { position: relative; top: auto; } .new_ai_singapore_banner .col-md-5 { display: block; order: 1; } .new_ai_singapore_banner .col-md-7 { display: block; order: 2; } .new_ai_singapore_banner { padding: 0px 0 80px; } .modern-features-education .row { flex-direction: column; } .modern-features-education .container { padding: 10px 25px; } .salon-app-banner .row { flex-direction: column; } .our-customized ul.nav.nav-pills { grid-template-columns: repeat(6, 1fr); overflow-x: scroll; justify-content: flex-start; } .our-customized li a { border-right: 1px solid #fff; width: max-content !important; } .our-customized .nav-pills > li.active > a { width: max-content !important; } .why-need .container { display: flex; justify-content: center; } .why-need .slick-track { gap: 0; } .why-need .main-need-box { padding: 25px 0px; } .why-need .main-need-box::after { display: none; } .transform-real-estate .col-md-5 { margin-bottom: 25px; } .modern-features-education .container { box-shadow: none; } .trusted-company .trusted-box { grid-template-columns: repeat(1, 1fr); } .dubai_uae_banner .expri_body { grid-template-columns: repeat(2, 1fr); } .techstack-bx .tab-content ul { grid-template-columns: repeat(3, 1fr); } .industry_uae_bx ul { grid-template-columns: repeat(2, 1fr); } .leading-table td, .leading-table th { padding: 5px 5px; } .leading-table th { font-size: 14px; } .leading-table td { font-size: 12px; font-weight: 500; } .leading-table .col-md-12 { padding: 0; } .comprehensive-process ul { grid-template-columns: repeat(1, 1fr); } .leading-table tr .cls:after { width: 0; } .dubai_uae_service .img-bx { width: 60px; height: 60px; display: flex; } .dubai_uae_service .img-bx img { max-width: 30px; } .dubai_uae_service .content-bx { margin-top: 15px; } .uae_partner_bx .slider-bx { height: 90px; } .uae_partner_bx .slider-bx ul li img { height: 65px; width: 65px; margin: 0 15px; } .dubai_uae_banner .expri_body .box-main { gap: 5px; flex-direction: column; } .dubai_uae_banner .expri_body .box-main:last-child { gap: 5px; flex-direction: column; grid-row: 2 / 3; grid-column: 1 / 3; } .dubai_uae_banner .expri_body .box-main:before { position: absolute; content: ""; border: 1px dashed #fff; width: 100%; height: 100%; } .dubai_uae_banner .expri_body .box-main:last-child:before { position: absolute; content: ""; border: 1px dashed #fff; } .dubai_uae_banner .expri_body { padding: 0px 0px; } .leading-table table img { max-width: 15px; } .trusted_client_bx .client_img { width: 120px; } .trusted_client_bx .marquee .client_logos img { max-width: 75px; } .trusted_client_bx .marquee { height: 75px; } .trusted_client_bx .marquee .client_logos { height: 75px; } .trusted_client_bx .trusted_client strong { margin-bottom: 20px; } .industry-chicago ul { grid-template-columns: repeat(2, 1fr); } .cta-chicago .container .cta-chicago-content h2 { font-size: 22px; font-weight: 700; line-height: 33px; color: #fff; text-align: center; } .cta-chicago .container { padding: 40px 20px; border-radius: 0; } .cta-chicago .container .cta-img img { width: 100%; display: none; } .cta-chicago .cta-chicago-content { justify-content: center; align-items: center; flex-direction: column; display: flex; text-align: center; } .cta-chicago .cta-chicago-content .newbtn_design { width: max-content; } .what-set-techgropse li { font-size: 15px; font-weight: 500; margin-top: 15px; } .app-dev-chicago .left_bx img { height: 300px; } .atlanta_process .img-bx img { display: none; } .all-main-cost .price-table tr td { font-weight: 500; } .atlanta_process .step-btn { margin: 3px; } .main_tech_hire_new_sec ul li.active a { font-size: 16px !important; } .industry-chicago ul li a { margin-bottom: 10px; } .our-commitments-chicago .service-item { flex: 1 0 90%; } .chicago-testimonial .potfolio-slider { max-width: 500px; } .how-we-develop .how-we-list { padding: 0; } .app-dev-chicago .content-bx span { font-size: 30px; margin-bottom: 10px; } .newbanner_content h1 { font-size: 30px; } .newbanner_content p { font-size: 16px; } .dubai_uae_banner .expri_body .box-main { padding: 14px; text-align: center; } .trusted_client_bx .client-box img { max-width: 85px; } .new_font_content h2 { font-size: 25px; margin-bottom: 15px; padding: 0; } .new_font_content p { font-size: 16px; } .us-tab-service .chicago_dev_process_sec_inner_details { padding: 20px; } .cta-chicago .container .cta-chicago-content p { font-size: 16px; margin: 15px 0 30px !important; font-weight: 400; } .dubai_uae_banner .newbanner_content { text-align: center; justify-items: center; } .new_font_content { text-align: center; margin-bottom: 30px; } .dubai_uae_banner .mebanner_form.usa-form { margin: 30px 5px 40px; } .our-commitments-chicago .service-item h3 { font-size: 18px; } .us-tab-service .chicago_dev_process_sec_inner_details_head_para h3 { font-size: 18px; } .us-tab-service .cta-btn { margin-top: 30px; } .atlanta-testimonial .atlanta-nav .img-bx img { height: 80px; width: 80px; } .techstack-bx .tab-content ul li img { max-width: 80px; } .techstack-bx .marquee-bx .tech_logos { height: 110px; } .techstack-bx .marquee-bx { height: 130px; } .atlanta-testimonial .main-slider .img-bx { margin-bottom: 0; } .our-commitments-chicago button.slick-next.slick-arrow { height: 20px; width: 20px; top: -10% !important; right: 4% !important; } .our-commitments-chicago button.slick-prev.slick-arrow { height: 20px; width: 20px; right: 12% !important; top: -10% !important; } .app-dev-chicago .content-bx h3 { font-size: 18px; margin: 10px 0; line-height: 20px; } .app-dev-chicago .atlanta-bx button.slick-prev.slick-arrow { top: 100%; } .app-dev-chicago .atlanta-bx button.slick-next.slick-arrow { top: 100%; } .content-bx.slick-slide.slick-current.slick-active { margin-top: 10px; } .app-dev-chicago .atlanta-bx .content-bx span { font-size: 35px; } .atlanta-testimonial .Video_btn { width: 40px; height: 40px; top: 80%; } .atlanta-testimonial .Video_btn img { max-width: 20px; } .our-commitments-chicago .atlanta-bx button.slick-next.slick-arrow { height: 20px; width: 20px; top: -4% !important; right: 4% !important; } .our-commitments-chicago .atlanta-bx button.slick-prev.slick-arrow { height: 20px; width: 20px; right: 12% !important; top: -4% !important; } .common_country_banner .newbanner_content { text-align: center; justify-items: center; } .common_country_banner .expri_body .box-main:before { position: absolute; content: ""; border: 1px dashed #fff; width: 100%; height: 100%; } .common_country_banner .expri_body .box-main:last-child:before { position: absolute; content: ""; border: 1px dashed #fff; } .common_country_banner .expri_body { grid-template-columns: repeat(2, 1fr); padding: 0; } .common_country_banner .expri_body .box-main { padding: 14px; text-align: center; gap: 5px; flex-direction: column; } .common_country_banner .expri_body .box-main:last-child { gap: 5px; flex-direction: column; grid-row: 2 / 3; grid-column: 1 / 3; } .assortment_service .main-box .icon-bx { top: 32%; } .common_country_banner { padding: 45px 0 60px; } .industry-saudi ul { grid-template-columns: repeat(3, 1fr); } .tg_bestcompany .app-dev-slider button.slick-prev.slick-arrow { top: -7%; left: 70% !important; } .tg_bestcompany .app-dev-slider button.slick-next.slick-arrow { top: -7%; left: 83%; } .app-dev-slider .bestcompany_box { margin: 30px 15px; } .progress-bg-bx .arrow1::before, .progress-bg-bx .arrow2::before, .progress-bg-bx .arrow3::before, .progress-bg-bx .arrow4::before, .progress-bg-bx .arrow5::before, .progress-bg-bx .arrow6::before, .progress-bg-bx .arrow7:before, .progress-bg-bx .arrow8::before { display: none; } .progress-bg-bx .step-count4 { right: 85%; } .progress-bg-bx .step-count8 { left: 20%; } .progress-bg-bx .step-count4 { right: 72%; } .progress-bg-bx .reverseRow { display: flex; flex-direction: column-reverse; } .disruptive_technology ul { grid-template-columns: repeat(1, 1fr); } .progress-bg-bx .step-count5 { left: 75px; } .clients-bx-testimonial .testi-bx { display: flex; flex-direction: column; margin: 0 10px; min-height: auto; } .clients-bx-testimonial .testi-bx .testi-img { width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .clients-bx-testimonial .testi-bx .testi-content { padding: 10px; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; } .clients-bx-testimonial .testi-bx p { text-align: center; } .clients-bx-testimonial .potfolio-slider { max-width: 100%; } .dmca_protected { flex-direction: column; align-items: center; } .get_touch_box .main-img-box ul { grid-template-columns: repeat(2, 1fr); margin-bottom: 30px; } .get_touch_box .main-img-box ul li img { max-width: 130px; } .get_touch_box h3 { font-size: 16px; margin: 10px 0 10px; line-height: 22px; } .datingnew_banner .col-md-5 { width: 100%; } } @media (max-width: 550px) { .qatar-testimonial .testi-box { width: 300px; } .qatar-testimonial .slide-row { width: 1200px; } .qatar-testimonial .slide-col { width: 500px; height: 300px; } .qatar-testimonial .hero { top: 60%; height: 100px; z-index: 5; } .mobile-app .mobile-box .icon-box, .qatar-testimonial .content { width: 100%; } .qatar-testimonial .hero img { width: 100px; } .tech-slider img { height: 80px !important; width: 80px !important; } .industry-serices .card__container { grid-template-columns: repeat(1, 1fr); } .our-client-app .slick-prev { display: none !important; } .our-client-app .slick-next { display: none !important; } .service-app-banner.usa-banner .clientsli_right { display: grid; width: 100%; justify-content: center; gap: 2px; grid-template-columns: repeat(1, 1fr); justify-items: center; } .our-customized .tab-pane .row { flex-direction: column; } .trusted-company .main_box { flex-direction: column; } .trusted-company .trusted-content { width: 100%; } .why-need .row { flex-direction: column; } .why-need .slick-initialized .slick-slide { flex-direction: column; } /* .insurance */ /* top mobile */ .company-top-list .main-list-box .top-box .row { flex-direction: column; gap: 20px; } .company-top-list .top-left { display: flex; gap: 12px; justify-content: center; align-items: center; } .company-top-list .main-list-box .top-box .rating { justify-content: center; } .top-ten-list .sentence { white-space: normal; font-size: 30px; } .company-top-list .main-list-box .top-box .row .col-md-9 { width: 100%; display: flex; } .company-top-list .main-list-box .top-box .row .col-md-3 { display: flex; justify-content: flex-start; width: 100%; } .top-ten-list { margin-top: 0; } .top-ten-list.padding_sections { padding: 0px 0; } .how-we-develop ul li span { font-size: 22px; } .how-we-develop ul li { gap: 10px; } .how-we-develop ul li span { margin-top: 0px; } .sharjah-cost .price-table tr td { padding: 5px 0; } .sharjah-cost .price-table tr:nth-child(2n) td:nth-child(3), .sharjah-cost .price-table tr td:nth-child(3) { padding: 8px 0px; } .advanced-techno .techno-main { grid-template-columns: repeat(1, 1fr) !important; } .new_indstry_sec_sv .wrapper { grid-template-columns: repeat(1, 1fr) !important; } .company-top-list .main-list-box .top-box .logo img { max-width: 50px; } .company-top-list .main-list-box .top-box { padding: 15px 15px; } /* top mobile */ .company-top-list .main-list-box .company-bx { border-bottom: 1px solid #d9d9d9; padding: 20px; } .company-top-list .main-list-box { border-radius: 10px; margin-bottom: 30px; } .company-top-list { margin: 15px 0; } .ecommerce-process ol { grid-template-columns: repeat(1, 1fr); } .mvp-form .bling-address-3:hover .address-block { left: -145px; } /* clutch-page */ .seamless_ecommerce ul { grid-template-columns: repeat(1, 1fr); } .ecommerce-testimonial .testimonial .image { right: 40%; } .ecom_service_list ul { grid-template-columns: repeat(1, 1fr); } .industry_uae_bx ul { grid-template-columns: repeat(1, 1fr); } .industry-chicago ul { grid-template-columns: repeat(1, 1fr); } .new-tech-stack .tab-content img { max-width: 80px; } .card__successful .card__bx .card__data .card__content { margin-top: 0; } .chicago-testimonial .potfolio-slider { max-width: 350px; } .app-dev-chicago .content-bx span { font-size: 20px; margin-bottom: 10px; opacity: 80%; } .atlanta-testimonial .main_testi .right_testi:after { top: 20px; width: 55px; height: 65px; } .certified-chicago .main-video { background-position: right; } .main_portfolio .port_right img { max-width: 40%; } .main_portfolio .port_right { border-radius: 20px 20px 0 0; padding: 20px 0; } .dubai_uae_banner { padding: 40px 0 70px; } .award-uae .slider-bx img { width: 70%; } .atlanta-testimonial .main_testi .left_testi img { padding: 0px; border-radius: 25px; } .atlanta-testimonial .main_testi .right_testi { padding: 50px 0 0px 20px; } .industry-saudi ul { grid-template-columns: repeat(2, 1fr); } /* clutch-page */ } /* Media Quires */