progress, sub, sup { vertical-align: baseline; } body, code, html, kbd, pre, samp { font-family: "Product Sans", Arial, sans-serif; scroll-behavior: smooth; } p { font-weight: 300; } .service-testimonial .slick-list, button, hr, input { overflow: visible; } .leading-table table, .software-table table, table { border-collapse: collapse; } .clientss-testimonial .testi-bx .testi-content span, .customm_process .num span, .frontier_section .developing_mp span, .process-follow-bx .process-pane .row .col-md-7 span { -webkit-text-stroke: 1px #1a81ff; -webkit-text-stroke: 1px #1a81ff; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .choose-top-mobile-app #choose-tab1:checked ~ .container .choose-tab1-body, .choose-top-mobile-app #choose-tab1:checked ~ .container .image-1, .choose-top-mobile-app #choose-tab2:checked ~ .container .choose-tab2-body, .choose-top-mobile-app #choose-tab2:checked ~ .container .image-2, .choose-top-mobile-app #choose-tab3:checked ~ .container .choose-tab3-body, .choose-top-mobile-app #choose-tab3:checked ~ .container .image-3, .choose-top-mobile-app #choose-tab4:checked ~ .container .choose-tab4-body, .choose-top-mobile-app #choose-tab4:checked ~ .container .image-4, .choose-top-mobile-app #choose-tab5:checked ~ .container .choose-tab5-body, .choose-top-mobile-app #choose-tab5:checked ~ .container .image-5, .choose-top-mobile-app #choose-tab6:checked ~ .container .choose-tab6-body, .choose-top-mobile-app #choose-tab6:checked ~ .container .image-6, .choose-top-mobile-app #choose-tab7:checked ~ .container .choose-tab7-body, .choose-top-mobile-app #choose-tab7:checked ~ .container .image-7, .choose-top-mobile-app #choose-tab8:checked ~ .container .choose-tab8-body, .choose-top-mobile-app #choose-tab8:checked ~ .container .image-8, .choose-top-mobile-app #choose-tab9:checked ~ .container .image-9, .costmobileapp_form .form-step.active, .development-process .dotted-round.lg, .faq_box.active .faq_data, .framework_tabs .nav-tabs li.active button::after, .whychooosemain .nav-tabs li.active a::after, article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } .purecounter, audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } .breadcrumb-fluid .page-header .page-title, .texthidden_section .read-more-toggle, .texthidden_section label.read-more-button.hidden-bx, [hidden], template { display: none; } a { background-color: transparent; text-decoration-skip-ink: auto; color: #0080ff; text-decoration: none; } a:active, a:focus, a:hover { outline-width: 0; text-decoration: none; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; } mark { background-color: #ff0; color: #000; } small { font-size: 60%; } big { font-size: 120%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } .app-dev-bx .right_bx .app-devv-nav, svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-size: 1em; } hr { box-sizing: content-box; height: 0; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html[type="button"] { 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: ButtonText dotted 1px; } fieldset { border: 1px solid silver; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; white-space: normal; } textarea { overflow: auto; } [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"] { appearance: textfield; outline-offset: -2px; } .partner_img, button { outline: 0 !important; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { appearance: button; font: inherit; } .makes-top-mobile-dev .row .col-md-4, 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-spacing: 0; } .simmilar_banner { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 150px 0 80px; position: relative; } .Herro_me .container, .simmilar_banner .container { z-index: 1; position: relative; } .simmilar_banner::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .simmilar_banner .newbanner_content { gap: 1rem; background: rgba(132, 132, 132, 0.29); padding: 20px; border-radius: 10px; font-family: "Product Sans"; } .newbanner_content h1 { font-size: 40px; line-height: 1.3; font-weight: 700; color: #fff !important; margin-bottom: 20px; } .newbanner_content p { line-height: 1.5; font-size: 18px; margin: 0 0 16px; font-weight: 300; color: #fff !important; text-align: justify; } .commanform h2, .simmilar_banner .expri_body .box-main .content-bx { color: #fff; font-size: 16px; } .texthidden_section .read-more-text, .texthidden_section .read-more-toggle:checked ~ .read-more-text .hidden-text { display: inline; } .simmilar_banner .newbtn_design { width: max-content; margin-top: 15px; } .newbtn_design { background: #0080ff; color: #fff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design img, .newbtn_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; } .newbtn_design:hover img, .newbtn_design_white:hover img, .newbtn_white:hover img { right: calc(100% - 50px); } @keyframes wobble { 0%, 100% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } @-webkit-keyframes wobble { 0%, 100% { -webkit-transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } } .common-banner-bx .expri_body_bx .box-mainn, .simmilar_banner .expri_body .box-main, .simmilar_banner_bx .expri_body .box-main { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; } .common-banner-bx .expri_body_bx .box-mainn:before, .expri_comm .box-comm:before, .simmilar_banner .expri_body .box-main:before, .simmilar_banner_bx .expri_body .box-main:before { position: absolute; content: ""; border-right: 1px solid #fff; width: 100%; height: 100%; } .simmilar_banner .expri_body { display: grid; gap: 14px; padding: 0 20px; box-shadow: 0 -1px 20px rgb(255 255 255 / 10%); border-radius: 10px; grid-template-columns: repeat(5, 1fr); margin-top: 30px; } .newbtn_design:hover, .newbtn_design_white:hover, .newbtn_white:hover { padding: 5px 25px 5px 60px; } .common-banner-bx .expri_body_bx .box-mainn img, .expri_comm .box-comm img, .simmilar_banner .expri_body .box-main img, .simmilar_banner_bx .expri_body .box-main img { max-width: 36px; filter: brightness(0) invert(1); } .simmilar_banner .expri_body .box-main .content-bx span { font-size: 13px; } .commanform { backdrop-filter: blur(50px); border-radius: 10px; padding: 85px 30px 40px; background: no-repeat padding-box #fff; box-shadow: 10px 30px 50px rgba(0, 0, 0, 0.07); } .commanform h2 { clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 0 50%, 0% 0%); 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 0; padding: 0 50px 0 30px; top: 20px; left: 0; } .new_font_content h2, .trusted_client_bx .trusted_client strong { color: #08223a; font-weight: bold; font-family: "Product Sans"; text-transform: capitalize; } .commanform form .form-group .form-control { box-shadow: unset; font-size: 15px; font-weight: 700; background: rgba(241, 241, 241, 0.28) 0% 0% no-repeat padding-box; border: 1px solid rgb(81 79 79 / 15%); border-radius: 10px; padding: 10px 18px; height: 50px; } .commanform form .form-group textarea.form-control { resize: none; height: 100px; border-radius: 10px; } .commanform form .form-group .newbtn_design { position: absolute; border: 10px solid #fff; height: 70px; border-radius: 28px; } .commanform form .form-group:last-child { margin: 0; display: flex; justify-content: center; } .breadcrumb-fluid { background: #efefef; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .breadcrumb-fluid .page-header { display: flex; -ms-flex-align: center; align-items: center; justify-content: space-between; padding: 0 0 0 35px; position: relative; background: #fff0; margin: 10px 0; border-bottom: 0 solid #eee; } .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 .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: "Product Sans"; color: #08223a; font-weight: 600; border-right: 1px solid #000; 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; } .trusted_client_bx { position: relative; background-image: url(../images/updated/dots.png); background-repeat: repeat; background-size: 13px; padding: 30px 0; background-position: center center; } .company-top-list .main-list-box .top-box .row, .mevideopart .row, .software-banner-bx .row, .software-innovation .row, .trusted_client, .trusted_industry_bx .trusted_client, .welcome-video .row { display: flex; align-items: center; } .trusted_client_bx .trusted_client strong { font-size: 26px; margin: 0; width: 20%; } .trusted_client_bx .container-fluid { box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; padding: 30px; border-radius: 40px 30px; background: #fff; margin: 0 2%; } .partner_img img { aspect-ratio: 3/2; height: 100%; width: 100%; object-fit: contain; } .partner_img { width: 150px; margin: 0 20px; } .padding_sections { padding: 50px 0; } .all-main-cost .all-main-cost-img img, .app-dev-bx .dev-main .dev-left img, .award-coman .slider-bx img, .best-application-bx img, .choose-list-box .trust-img img, .clientss-testimonial .testi-bx .testi-img, .common-banner-bx .sim-img-bx img, .common_cta_3 .ctas-right img, .common_cta_4 .ctas-right img, .comprehensive_process .slick-active .slider__image img, .compresive_main .img-bx img, .conclusion-box img, .cta-simmilar .container .cta-img img, .go-to-android .android-img img, .go-to-android .paraimg_left img, .hero_right img, .paraimg_sec img, .process-content:hover:after, .teamprovides_main .nav-tabs li, .unmatchedservices_tabs .nav-tabs li, .video-sec-box .about-img img, .welcome-video img, .whatmakes_content { width: 100%; } .app-dev-comman button.slick-next.slick-arrow, .app-dev-comman button.slick-prev.slick-arrow { position: absolute; top: -235%; background-image: url(../images/common_icons/arrow.webp) !important; text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; background-color: transparent; opacity: 1; } .new_font_content { font-family: "Product Sans"; margin-bottom: 50px; } .new_font_content h2 { font-size: 36px; line-height: 1.3; margin-bottom: 15px; } .new_font_content p, .new_font_content ul li p { font-weight: 400; margin-top: 8px !important; color: #08223a; } .new_font_content h2 span { color: #1a81ff; text-transform: capitalize; } .new_font_content p { font-size: 18px; line-height: 1.7; } .new_font_content ul li p { font-size: 16px; line-height: 1.6; } .go-to-android .new_font_content, .mevideopart .new_font_content, .paraimg_sec .new_font_content, .secured-section .new_font_content, .ways-software .panel-group { margin-bottom: 0; } .all-main-cost .row a.newbtn_design, .choose-tech-dev .newbtn_design, .form-actions, .new_font_content .newbtn_design, .secured-section .row .col-md-4 { margin-top: 30px; } .bg-theme1 { background-color: #eef3ff !important; } .new_font_center, .process-img, .progress-bg-bx .progressstep { text-align: center; } .award-coman .slider-bx .box { display: flex; align-items: center; justify-content: center; margin-top: 12px; gap: 10px; } .award-coman .slider-bx .box h3 { color: #08223a; font-size: 20px; font-weight: 600; } .award-coman .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-coman .slider-bx a { display: flex; flex-direction: column; justify-content: center; align-items: center; } .award-coman .slider-bx h3 { font-size: 18px; color: #fff; font-weight: 700; } .award-coman .slider-bx p { font-size: 15px; color: #08223a; font-weight: 600; } .bg_new { background-color: #05081a !important; } .assortment_service .main-box:hover .content-bx h3, .assortment_service .main-box:hover .content-bx p, .color1 .iti__selected-flag, .commitmentmain .commitmentbox:nth-child(odd) h3, .commitmentmain .commitmentbox:nth-child(odd) p, .new_font_content.new_font_white span, .new_font_white h2, .new_font_white p { color: #fff !important; } .our-commitments-comman .service-item { color: #fff; width: 100%; background: #121526; border: 1px solid #373f4b; border-radius: 12px; padding: 30px; transition: 0.5s; margin: 0 10px; min-height: 370px; } .our-commitments-comman .service-item:hover { background-color: #005dff; } .our-commitments-comman .service-item .headerimg { background-color: #1e1b24; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; opacity: 0.7; width: 66px; height: 66px; transition: 0.5s; border-radius: 12px; } .our-commitments-comman .service-item:hover .headerimg { opacity: 1; background-color: #1d6ffb; } .delivering-software .iconss img, .disruptive_technology .techno-bx img, .innovative-mobile .main-inno-bx .inno-iconss img, .our-commitments-comman .service-item .headerimg img, .servicesss-choose .label-bx img, .software-cost .costt-detail img { max-width: 45px; filter: brightness(0) invert(1); } .our-commitments-comman .service-item h3 { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #fff; text-align: left; } .our-commitments-comman .service-item p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 26px; text-align: justify; } .compresive_main .row .col-md-4, .our-commitments-comman .row .col-md-4 { display: flex; margin-bottom: 30px; } .Agileprocess .row, .CostEstimation_main, .best_ai_app .row, .compresive_main .row, .easystep_main, .latesttech_slider, .our-commitments-comman .row, .pearks_dating .row .col-md-12:last-child .row, .sucessproject .row, .tc_logo, .weare1 .row, .whyhandpick_row { display: flex; flex-wrap: wrap; } .overflow-x-add { overflow-x: hidden; } .app-dev-comman .left_bx { height: 495px; background-color: #f5f5f5; overflow: hidden; } .app-dev-comman .left_bx img, .emerging-comman .left_bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 12px; } .app-dev-bx .dev-main span, .app-dev-comman .content-bx span { font-size: 60px; color: #0080ff; opacity: 35%; font-weight: 600; margin-bottom: 30px; } .CostEstimation_box h3, .app-dev-bx .dev-main h3, .app-dev-comman .content-bx h3, .bestcompany_inner h3 { color: #08223a; font-weight: 700; font-size: 25px; margin-bottom: 10px; line-height: 30px; } .CostEstimation_box, .agile_process, .cta-simmilar, .disruptive_technology, .fetching-bx, .guarantees_section, .new_font, .newbanner_content, .preferred-app, .servicesss-choose, .soft-choice, .techstack-bx, .transformed-industry, .why-choose-service { font-family: "Product Sans"; } .app-dev-comman .content-bx p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 20px; line-height: 28px; text-align: justify; } .app-dev-comman button.slick-prev.slick-arrow { border: 0; display: flex !important; bottom: 0; left: 83% !important; transform: scaleX(-1); } .app-dev-comman button.slick-next.slick-arrow { left: 90%; border: none; } .app-dev-comman .right_bx { margin: 0 10px; height: 145px; overflow: hidden; } .app-dev-comman .right_bx img, .emerging-comman .right_bx img { width: 100%; object-fit: cover; border-radius: 12px; height: 100%; } .app-dev-comman .app-slider-nav .slick-slide, .emerging-comman .app-slider-nav .slick-slide { cursor: pointer; } /* .airbnb-process .businesses-slider .slick-list.draggable, .app-dev-comman .app-slider-nav.slick-initialized.slick-slider, .casestudybtn, .choose-list-box .trust-content a, .emerging-comman .app-slider-nav.slick-initialized.slick-slider, .software-banner-bx ul, .texthidden_section .newbtn_design, .tg_bestcompany .app-dev-slider.slick-initialized.slick-slider { margin-top: 20px; } */ .app-dev-comman .cta-btn-bx, .emerging-comman .cta-btn-bx { display: flex; justify-content: center; align-items: center; margin-top: 40px; } .app-dev-comman .atlanta-bx button.slick-next.slick-arrow, .emerging-comman .atlanta-bx button.slick-next.slick-arrow { top: -165%; } .cta-simmilar .container { background-size: cover; background-color: #000; background-position: center; padding: 70px 0 0 50px; position: relative; border-radius: 20px; z-index: 1; } .cta-simmilar .container .cta-simmilar-content h2 { font-size: 34px; font-weight: 700; line-height: 1.5; color: #fff; } .cta-simmilar .container .cta-simmilar-content p { font-size: 18px; line-height: 1.5; margin: 20px 0 30px !important; font-weight: 500; color: #fff; text-align: justify; } .cta-simmilar .container .cta-img { position: relative; bottom: 0; right: 0; } .compresive_main .Comprehensive_box { background: rgb(0 0 0 / 13%); backdrop-filter: blur(17px); border-radius: 10px; border: 2px solid #fff; padding: 20px; margin: 0 10px; } .compresive_main .Comprehensive_box .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; } .compresive_main .icon-bx img { max-width: 65%; max-height: 65%; filter: brightness(0) invert(1); } .compresive_main .Comprehensive_box h3 { color: #fff; font-weight: 700; margin-bottom: 10px; font-size: 18px; line-height: 28px; } .compresive_main .Comprehensive_box p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 10px; line-height: 24px; } .compresive_main .steps-navigation { text-align: left; margin-bottom: 20px; } .compresive_main button.slick-prev.slick-arrow { position: absolute; bottom: -18%; opacity: 1; left: 2%; } .compresive_main .slick-next, .compresive_main .slick-prev { background: #007bff; border-radius: 5px; border: none; width: 40px; height: 40px; color: #fff; font-size: 18px; position: absolute; } .compresive_main button.slick-next.slick-arrow { left: 8%; opacity: 1; bottom: -18%; } .how-we-develop .how-img { position: relative; padding-left: 24px; } .how-we-develop .how-img img { width: 100%; position: sticky; object-fit: contain; } .app-procedure-bx .col-md-5, .customm_process .col-md-5, .effective-steps .col-md-5, .how-we-develop .col-md-4, .profitable-bx .col-md-4, .stickyleft { position: sticky; top: 110px; } .how-we-develop .how-img::before, .whychoosebg { position: absolute; height: 100%; left: 0; width: 100%; } .how-we-develop .how-we-list { position: relative; padding: 20px; background-color: #fff; } .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 ul li > span { -webkit-text-stroke: 2px #0080ff; font-size: 44px; font-weight: 900; color: transparent; line-height: normal; margin-top: -5px; font-family: "Product Sans"; } .how-we-develop h3, .similar-testimonial .main_testi .right_testi h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .agile_process .panel-group p, .how-we-develop p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; text-align: justify; } .how-we-develop .how-img::before { content: ""; top: 0; background: #08223a; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; animation: 5s linear infinite sliderShape; display: block; z-index: -1; } @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); } } .why-choose-service .tabs-left { border-bottom: none; } .why-choose-service .tabs-left > li { float: none; margin: 0 0 10px; } .why-choose-service .tabs-left li.active a, .why-choose-service .tabs-left li.active a:hover { background: #08223a; border: none; border-radius: 0; margin: 0; color: #fff; font-size: 18px; font-weight: 700; padding: 10px 15px; } .why-choose-service .tabs-left li a { background: #fff; border: none; border-radius: 0; margin: 0; color: #08223a; font-size: 18px; font-weight: 700; padding: 10px 15px; } .why-choose-service .col-md-8 .tab-content { border: 3px solid #fff; border-radius: 10px; } .why-choose-service .tab-pane { background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; height: 540px; align-items: end; border-radius: 5px; padding: 25px 0; overflow: hidden; } .clutch-review-bx .clutch-row, .common_cta_1 .row, .engagementmodel .col-md-12 .row, .guarantees_section .row, .main_portfolio .down_link, .new_portfolio_bx .main-port, .sucessproject .row .col-md-4, .why-choose-service .tab-pane.active { display: flex; } .whychoosebg { z-index: 0; right: 0; margin: 0 auto; top: 0; } .why-choose-service .tab-pane .content-bx { background: #ffffffb0; padding: 40px 20px; margin: 0 40px; box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px; position: relative; z-index: 1; } .why-choose-service .tab-pane .content-bx h3 { color: #08223a; font-size: 25px; font-weight: 700; margin-bottom: 0; line-height: 36px; } .clientss-testimonial .testi-bx p, .faq_data { line-height: 26px; font-weight: 500; font-size: 16px; } .why-choose-service .tab-pane .content-bx p { font-weight: 500; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; margin-top: 10px; } .industry-similar ul li:nth-child(odd) .icon-bx, .software-cost .row .bg-2 { background-color: #08223a; } .industry-similar ul li a { display: flex; gap: 10px; align-items: center; margin-bottom: 30px; } .industry-similar 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-similar a h3 { font-size: 16px; font-weight: 600; line-height: 22px; color: #08223a; } .industry-similar ul li img { max-width: 45px; padding: 8px; } .industry-similar ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .techstack-bx .nav { display: flex; overflow-x: scroll; padding-bottom: 20px; justify-content: center; font-family: "Product Sans"; } .techstack-bx .nav::-webkit-scrollbar { display: none; } .advanced-level .level-img, .best-application-bx .img-best, .bg-line-img, .engagementmodelbox ul li, .faq_section, .get-access .get-main, .get-form-bx, .software-banner-bx .rigth-soft, .software-banner-bx .software-side, .techstack-bx .nav li.active, .ways-software { position: relative; } .techstack-bx .nav li { position: relative; margin: 0; display: flex; justify-content: center; } .techstack-bx .nav li.active::after, .techstack-bx .nav li.active::before, .top-tech-stack .tech-box ul li:hover .icon-bx { background: #0080ff; } .tg_bestcompany .app-dev-slider button.slick-next.slick-arrow, .tg_bestcompany .app-dev-slider button.slick-prev.slick-arrow { top: -14%; background-image: url(../images/common_icons/arrow.webp) !important; background-size: 50px !important; text-indent: -99999999999px; } .techstack-bx .nav li::after, .techstack-bx .nav li::before { content: ""; background: #f0e0f0; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0; height: 4px; } .techstack-bx .nav-pills > li.active > button, .techstack-bx .nav-pills > li.active > button:focus, .techstack-bx .nav-pills > li.active > button:hover { background-color: transparent; color: #0080ff; } .techstack-bx .nav-pills > li > button { font-size: 17px; font-weight: 700; width: max-content; padding: 22px 20px; color: #fff; background-color: transparent !important; border-radius: 0 !important; border: 0; } .techstack-bx .marquee-bx .tech_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: 30s linear infinite client-marquee; align-items: center; height: 130px; gap: 20px; } @keyframes client-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .techstack-bx .tab-content ul li { display: flex; flex-direction: column; justify-content: center; gap: 5px; align-items: center; } .techstack-bx .tab-content ul li img { max-width: 100px; background: #fff; border-radius: 12px; padding: 10px; } .techstack-bx .tab-content ul li p { font-size: 14px; font-weight: 500; text-align: center; color: #fff; } .techstack-bx .marquee-bx { height: 130px; overflow: hidden; position: relative; width: 100%; max-width: 100%; } .all-main-cost .row, .industry-coman ul li .main-bx, .servicesss-choose .row { display: flex; align-items: center; justify-content: center; } .all-main-cost .price-table { width: 100%; border-collapse: collapse; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; 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 tr:nth-child(odd), .indusryboxx:hover, .weare1box:hover { background-color: #fff; } .all-main-cost .price-table .price-table-head th { font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: #08223a; color: #fff; text-align: center; padding: 15px 20px; } .all-main-cost table, .all-main-cost td, .all-main-cost th { border: 1px solid #0080ff; } .all-main-cost .price-table tr td:first-child, .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; } .all-main-cost .price-table tr td { padding: 15px 24px; font-size: 15px; color: #08223a; font-weight: 600; text-align: center; } .similar-testimonial .main_testi { display: flex; margin: 0 60px; } .Video_btn, .similar-testimonial .Video_btn { color: #fff !important; border-radius: 50px; font-size: 30px; animation-name: pulsewala1; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; margin: 0 auto; display: flex; right: 0; position: absolute; left: 0; text-align: center; } .similar-testimonial .main_testi .left_testi { width: 40%; position: relative; } .similar-testimonial .main_testi .left_testi:before { content: ""; position: absolute; left: 0; background: url("../images/common_icons/backimg.webp") top center/cover no-repeat; top: -25px; height: 260px; z-index: 0; width: 100%; } .similar-testimonial .main_testi .left_testi img { width: 100%; padding: 13px; position: relative; bottom: -12px; border-radius: 25px 25px 0 0; } .Video_btn { width: 80px; height: 80px; background-color: #0080ff; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); } .similar-testimonial .Video_btn { width: 50px; height: 50px; background-color: #fff; align-items: center; justify-content: center; top: 37%; transform: unset; } .similar-testimonial .Video_btn img { max-width: 45px; filter: brightness(1); bottom: 0 !important; } @keyframes pulsewala1 { 0% { box-shadow: 0 0 0 0 #89beff; } 80% { box-shadow: 0 0 0 14px #5e9de9; } } .similar-testimonial .main_testi .right_testi { width: 60%; position: relative; padding: 25px 0 0 35px; } .similar-testimonial .main_testi .right_testi span { color: #0080ff; font-size: 14px; font-weight: 900; } .similar-testimonial .main_testi .right_testi p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 28px; margin-top: 20px; text-align: justify; } .similar-testimonial .similar_profilenav .img-bx img { border-radius: 50%; height: 100px; width: 100px; filter: grayscale(1); } .similar-testimonial .main-slider .img-bx { display: flex; justify-content: center; margin-bottom: 35px; } .similar-testimonial .similar_profilenav .slick-current img { border: 3px solid #0080ff; filter: grayscale(0); } .similar-testimonial .similar_profilenav { max-width: 1000px; margin: 40px 60px; } .cycle-process ul.slick-dots, .frontier_section .developing_mobile, .main_portfolio ul.slick-dots, .service-testimonial ul, .similar-testimonial ul.slick-dots { display: none !important; } .faq_box_head, .faq_box_head h3 { display: block; font-weight: 600; color: #08223a; } .get-in-touch .map-box, .software-cta-bx .container .side-cta img { width: 100%; height: 100%; } .get-in-touch .map-box iframe { height: 100%; border: 3px solid #0080ff !important; border-radius: 20px; width: 100%; } .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: 0 50px 0 25px; box-shadow: 0 0 20px #88898b3b; border-radius: 10px; margin-bottom: 30px; cursor: pointer; } .faq_box_head { padding: 15px 0; font-size: 18px; position: relative; } .faq_box_head h3 { 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-family: "Product Sans"; color: #08223a; padding-bottom: 18px; display: none; text-align: justify; } .faq_section_custom { margin: 60px 50px 0; } .get-in-touch .col-md-6 { display: flex; flex-direction: column; height: auto; justify-content: center; } .get-in-touch .col-md-6 .commanform { width: 100%; margin: 0 50px; } .get-in-touch .row, .secured-section .row { display: flex; height: auto; flex-wrap: wrap; } .lazyload { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s; } .best-application-bx .shape-btn, .certified-section .main-video, .choose-top-mobile-app .accordion-container, .clientss-testimonial .col-md-12, .cta-btn-bx, .fetching-bx ul.nav.nav-pills, .main_tabs_dev, .main_tabs_dev ul, .tabs_design_service .cta-btn, .tabs_dev_inner, .top-tech-stack .tab-content.clearfix, .top-tech-stack ul.nav.nav-pills { display: flex; display: flex; } .choose-tech-dev ul li:hover:before, .client-story .client-slider.slick-slide.slick-current.slick-active.slick-center, .comprehensive_process .slick-active .slider__text, .framework_tabs .nav-tabs li.active button, .lazyloaded, .process-content:hover .setps, .teamprovides_main .nav-tabs li.active button, .whychooosemain .nav-tabs li.active button { opacity: 1; } .clientss-testimonial .potfolio-slider { align-items: center; max-width: 1000px; } .clientss-testimonial .testi-bx { display: flex; background: #001; border-radius: 15px; border-image: initial; padding: 35px 35px 75px; margin: 0 30px; color: #fff; align-items: center; justify-content: center; min-height: 355px; font-family: "Product Sans"; } .clientss-testimonial .testi-bx .testi-content { padding-left: 30px; } .clientss-testimonial .testi-bx p { margin-bottom: 0; text-align: left; } .clientss-testimonial .testi-bx img { max-width: 100px; height: 100px; border-radius: 50%; margin-bottom: 20px; } .clientss-testimonial ul.slick-dots { position: relative; display: flex !important; flex-direction: row !important; justify-content: center; bottom: 10%; gap: 3px; } .best-application-bx .shape-btn, .choose-top-mobile-app .accordion-container, .clientss-testimonial .col-md-12, .cta-btn-bx, .fetching-bx ul.nav.nav-pills, .top-tech-stack .tab-content.clearfix, .top-tech-stack ul.nav.nav-pills { justify-content: center; } .clientss-testimonial li.slick-active, .clientss-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; } .clientss-testimonial button { text-indent: -9999999px; padding: 0; width: 30px; height: 3px; background: #fff; border: none; border-radius: 12px; } .certified-section .main-video { justify-content: center; align-items: center; height: 400px; color: #fff; background-size: cover; } .Video_btn img { filter: brightness(20.5); } .full-cycle-process, .tabs_design_service { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cycle-process .container, .location_slider, .tabs_design_service .container { position: relative; z-index: 2; } .main_tabs_dev { flex-direction: column; border-radius: 0; } .main_tabs_dev ul { border-bottom: 1px solid #fff; justify-content: center; } .main_tabs_dev ul li { background: #08223a; border: 1px solid #fff; border-bottom: none; } .main_tabs_dev .nav-tabs > li.active > a { color: #000; } .main_tabs_dev ul li a { text-align: center; font-size: 16px; font-weight: 700; padding: 15px 10px; border-radius: 0; color: #fff; width: 100%; } .main_tabs_dev ul li a:hover { background: #000; color: #fff; width: 100%; } .tabs_dev_inner { align-items: center; color: #fff; align-items: center; padding: 30px; gap: 20px; background: #fff; } .tabs_dev_head_para { width: 59%; } .tabs_dev_img { width: 39%; } .tabs_dev_head_para h3 { font-size: 25px; font-weight: 700; line-height: 35px; margin-bottom: 5px; color: #08223a; } .servicesss-choose .tab-content.clearfix p, .tabs_dev_head_para p { font-size: 16px; font-weight: 500; line-height: 28px; color: #08223a; } .app-procedure-bx .detail-procedure, .tabs_dev_img img { width: 85%; } .tabs_design_service .cta-btn { justify-content: center; margin-top: 40px; } .main_portfolio .portfolio_box { border-radius: 30px; display: flex !important; align-items: center; justify-content: center; border: 16px solid; z-index: 3; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .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 { 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: 0 14px 14px 0; } .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; } .industry-coman ul li .main-bx img, .main_portfolio .down_link a img, .profitable-bx ul li img, .software-table table 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: 700; line-height: 54px; margin-bottom: 15px; } .main_portfolio .port_left p { color: #ffff; font-size: 16px; line-height: 27px; margin-bottom: 25px; } .partnericon, .trusted_industry_bx .marquee_bx { height: 130px; overflow: hidden; position: relative; width: 100%; max-width: 100%; display: flex; align-items: center; } .partnericon_main, .trusted_industry_bx .client_logos { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: 35s linear infinite client-marquee; align-items: center; } .common_cta_bx { padding: 100px 0 80px; position: relative; } .common_cta_bx.mrg-bttom { padding: 10px 0 80px; position: relative; } .common_cta_bx .cta-bx { position: relative; animation: 8s linear infinite cta-animateBg; background-image: linear-gradient(90deg, #08223a, #000, #06c, #121526); background-size: 400% 100%; border-radius: 12px; height: 330px; display: flex; align-items: center; justify-content: space-between; } .disruptive_technology ul li, .new_portfolio_bx .port-right { background-position: center; background-size: 100%; background-repeat: no-repeat; } .client-story .client-slider .left-slide, .common_cta_bx .cta-right, .profitable-business ul li:first-child, .profitable-business ul li:nth-child(5) { 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, .cta-simmilar-content h2 { font-family: "Product Sans"; font-size: 34px; font-weight: 700; line-height: 1.2; color: #fff; border-left: 10px solid #fff; padding-left: 20px; margin-bottom: 20px; text-transform: capitalize; } .new-font, .new-font p, .new_portfolio_bx .port-left { font-family: "Product Sans" !important; } .industry-coman ul { display: grid; grid-template-columns: repeat(6, 1fr); } .industry-coman ul li .main-bx { display: flex; flex-direction: column; gap: 15px; } .industry-coman ul li { padding: 20px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; display: flex; align-items: center; justify-content: center; } .industry-coman ul li:nth-child(6) { border-right: 0 !important; } .industry-coman ul li:nth-child(12) { border-right: 0 !important; border-bottom: 0 !important; } .industry-coman ul li:nth-child(10), .industry-coman ul li:nth-child(11), .industry-coman ul li:nth-child(7), .industry-coman ul li:nth-child(8), .industry-coman ul li:nth-child(9) { border-bottom: 0 !important; } .industry-coman ul li .main-bx h3 { color: #08223a; font-size: 16px; font-weight: 500; line-height: 20px; } .assortment_service .main-box { position: relative; margin: 0 15px 30px; box-shadow: 0 3px 11px rgba(0, 0, 0, 0.16); transition: 0.3s ease-in-out; } .assortment_service .main-box .img-bx img, .profitable-bx .list-left 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 .main-box:hover .icon-bx { background: #1a81ff; } .assortment_service .main-box:hover .icon-bx img, .makes-top-mobile-dev .top-mobile-box:hover .top-mobile-icon img, .videopart .Video_btnx img, .videopart .video-btnn:hover img, .winning-service-bx .nav-pills > li.active > a img, .winning-service-bx .nav-pills > li.active > a:focus img, .winning-service-bx .nav-pills > li.active > a:hover img { filter: brightness(0) invert(1); } .assortment_service .main-box .icon-bx img, .choose-list-box .head-list img, .developmentstagesbox span img, .effective-steps .iconn-eff img, .get-access ul li .get-icon img, .premium_ico img, .profitable-business .profit-icon img, .right-partner img, .ways-software .panel img { max-width: 45px; } .software-innovation li img { max-width: 45px; } .assortment_service .main-box .content-bx { position: relative; transition: 0.3s ease-in-out; padding: 40px 20px 20px; z-index: 1; min-height: 280px; 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: 0.3s ease-in-out; 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: 0.3s ease-in-out; } .assortment_service .main-box .content-bx p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; transition: 0.3s ease-in-out; text-align: left; position: relative; z-index: 2; } .assortment_service .main-box .content-bx .interlink_update { transition: 0.3s ease-in-out; font-style: italic; } .assortment_service .main-box:hover .content-bx .interlink_update, .disruptive_technology ul li p a.interlink_update, .new_font_content span { color: #08223a !important; font-style: italic; } .assortment_service { padding-bottom: 80px; } .assortment_service .education-service-slider .slick-next, .assortment_service .education-service-slider .slick-prev { bottom: -44px !important; margin: auto; border: 1px solid #e1e1e1 !important; width: 50px !important; height: 50px !important; background: #fff !important; transition: 0.5s ease-in-out; text-indent: -9999px; font-size: 0; line-height: 0; position: absolute; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; top: auto; } .app-dev-bx .slick-next, .assortment_service .education-service-slider .slick-next { right: 45% !important; } .app-dev-bx button.slick-prev.slick-arrow, .assortment_service button.slick-prev.slick-arrow { left: 45%; transform: scaleX(-1); } .app-dev-bx .slick-next:before, .app-dev-bx .slick-prev:before, .assortment_service .education-service-slider .slick-next:before, .assortment_service .education-service-slider .slick-prev:before, .client-story .client-bx-slider .slick-next:before, .client-story .client-bx-slider .slick-prev:before { position: absolute; content: ""; background: url("../images/saudi_arabia/b.webp") no-repeat; filter: invert(1); width: 20px; height: 20px; line-height: normal; top: 0; bottom: 0; margin: auto; right: 0; left: 0; opacity: 1; } .new_portfolio_bx .port-left { display: flex; width: 77%; gap: 20px; 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: 25px; 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; } .agile_process .process-img img, .clutchimgs img, .frameworkimg img, .heroimg_main img, .new_portfolio_bx .port-left img { max-width: 100%; } .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; 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; 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; } .costmobileapp_form .form-container form .form-step h3, .new_portfolio_bx .casestudy_btn, .quote_feedback { 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; 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; } .disruptive_technology ul { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); } .disruptive_technology ul li { height: 280px; border-radius: 30px; color: #fff; position: relative; overflow: hidden; cursor: pointer; } .disruptive_technology ul li:after { position: absolute; content: ""; width: 100%; height: 100%; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.93) 100%) no-repeat padding-box; border-radius: 25px; z-index: 1; } .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: 2; } .disruptive_technology ul li .hidden-bx { position: absolute; bottom: 0; border-radius: 25px; transform: translate(0, 100%); margin: auto; background: #0080ff99; padding: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; transition: 0.5s ease-in-out; 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; } .choose-top-mobile-app .accordion-container input, .disruptive_technology ul li:hover .techno-bx { display: none; } .CostEstimation_main .CostEstimation_box:nth-child(2n + 0), .latesttech_slider .latesttech_box:nth-child(3n + 0) { margin-right: 0; } .CostEstimation_box h3.new_font, .bestcompany_inner h3.new_font, .pearks_content h3.new_font { font-size: 22px; font-weight: 700; margin-bottom: 5px; line-height: 30px; color: #08223a; } .CostEstimation_box p.new_font, .bestcompany_inner p.new_font, .pearks_content p.new_font { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .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; gap: 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; } .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; } .app-dev-bx, .bestcompany_inner, .client-story .client-slider, .common_cta_bx p, .get-form-bx .container, .leading-table table, .me_cta_bx .cta-content, .on-demand-bx ul, .profitable-bx ul, .simmilar_banner_bx, .winning-service-bx .win-bg { font-family: "Product Sans"; } .tg_bestcompany .app-dev-slider .bestcompany_box { margin: 0 15px; } .texthidden_section .top_ten_content p, .tg_bestcompany .app-dev-slider .bestcompany_box img { margin-bottom: 10px; } .tg_bestcompany .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 { height: 50px !important; width: 50px !important; background-color: transparent; border: 0; position: absolute; display: flex !important; bottom: 0; left: 90% !important; transform: scaleX(-1); opacity: 1; } .tg_bestcompany .app-dev-slider button.slick-next.slick-arrow { position: absolute; left: 94%; height: 50px !important; width: 50px !important; background-color: transparent; border: none; opacity: 1; } .bestcompany_inner::before, .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); } .bestcompany_box { border: 7px solid #fff; border-radius: 12px; padding: 12px; transition: 0.3s; position: relative; z-index: 2; margin: 0 0 30px; } .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; position: relative; height: 100%; } .pearks_box, .shareproject_main { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .bestcompany_box:hover .bestcompany_inner { box-shadow: 0 5px 10px rgba(32, 35, 66, 0.1); } .new_font_content ul li { position: relative; padding-left: 30px; margin-bottom: 10px; } .new_font_content ul li::after { content: ""; position: absolute; top: 9px; height: 12px; width: 12px; background-color: #0080ff; left: 0; border-radius: 2px; } .leading-table table { width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; position: relative; z-index: 1; } .leading-table td, .leading-table th { border: 1px solid #e0e0e0; padding: 24px 30px; text-align: center; } .Agileprocessbox p, .commitmentbox p, .feedback_content p, .go-to-android .new_font_content p, .teamprovides_box p { text-align: justify; } .leading-table th { font-size: 20px; font-weight: 600; } .leading-table td { font-size: 16px; font-weight: 600; } .leading-table tr:nth-child(2n), .winning-service-bx .nav-pills > li.active > a, .winning-service-bx .nav-pills > li.active > a:focus, .winning-service-bx .nav-pills > li.active > a:hover { 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 0; } .leading-table tr th.cls, .software-table tr th.cls { border-top: none; } .progress-bg-bx .progges-icon { width: 120px; height: 120px; } .progress-bg-bx .step-count { width: 25px; height: 25px; background-color: #08223a; border-radius: 50%; position: absolute; animation: 0.7s linear infinite pulse; display: flex; align-items: center; justify-content: center; color: #fff; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 #08223a; } 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: 70px; } .progress-bg-bx .step-count2 { top: 4%; left: 20%; } .progress-bg-bx .step-count3 { top: 7%; left: -30%; right: 0; margin: auto; } .progress-bg-bx .step-count4 { top: 7%; right: 18%; } .progress-bg-bx .step-count5 { top: 22px; left: 56px; } .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: 18%; } .progress-bg-bx .reverseRow { margin-top: 50px; } .progress-bg-bx .arrow1::before { background-image: url(../images/saudi_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/saudi_arabia/Arrow2.webp); top: 0; margin: auto; } .progress-bg-bx .arrow3::before { background-image: url(../images/saudi_arabia/Arrow3.webp); top: 21px; } .progress-bg-bx .arrow4::before { content: ""; background-image: url(../images/saudi_arabia/Arrow4.webp); background-size: contain; background-repeat: no-repeat; position: absolute; top: 194px; right: -68px; bottom: 0; margin: auto; width: 126px; 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/saudi_arabia/Arrow7.webp); } .progress-bg-bx .arrow7::before { background-image: url(../images/saudi_arabia/Arrow6.webp); } .progress-bg-bx .arrow6::before { background-image: url(../images/saudi_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(2), .progress-bg-bx .lineShow:nth-child(3), .progress-bg-bx .lineShow:nth-child(4) { border-top: 0; } .indusryouter .indusryboxx:nth-child(4n + 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; } .indusryouter .indusryboxx:nth-child(10), .indusryouter .indusryboxx:nth-child(11), .indusryouter .indusryboxx:nth-child(12), .indusryouter .indusryboxx:nth-child(9), .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; } .progress-bg-bx .progressstep img { max-width: 100px; } .progress-bg-bx .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; } .sticky_part { position: sticky; top: 100px; margin-bottom: 30px; z-index: 2; } .pearks_box { border: 1px solid #e6e7f6; border-radius: 10px; padding: 25px; transition: 0.3s; 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%; } .padding_coman, .top-company-cta .me_cta_Content { padding: 55px 0; } .comma_partner_bx .slider-bx, .main_partner_bx .slider-bx { height: 120px; overflow: hidden; position: relative; width: 100%; max-width: 100%; } .me_cta_bx .col-md-4, .me_cta_bx .row { height: auto; display: flex; } .comma_partner_bx .slider-bx ul { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: 15s linear infinite client-marquee; align-items: center; } .comma_partner_bx .slider-bx ul li img { margin: 15px; object-fit: contain; height: 100px; width: 100px; } .comma_partner_bx .slider-bx ul li, .main_partner_bx .slider-bx ul li { border-right: 1px solid #d9dfe4; } .disruptive_technology ul li a, .innovative-mobile .main-inno-bx:hover, .makes-top-mobile-dev .top-mobile-box:hover h3, .makes-top-mobile-dev .top-mobile-box:hover p, .video-sec-box .row h2 { color: #fff; } .agile_process .pro-bx { display: flex; flex-direction: row; gap: 20px; align-items: center; } .agile_process .pro-bx img { max-width: 40px; transition: transform 0.3s ease-in-out; filter: brightness(0); } .agile_process .panel-title a:hover img { filter: brightness(1); } .agile_process .panel-title a, .ways-software .panel-title a { width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; } .agile_process .panel-title a::after { content: ""; opacity: 0.6; position: absolute; top: 50%; right: -18px; border: solid; border-width: 0 2px 2px 0; transform: rotate(45deg); width: 8px; height: 8px; color: #08223a; transition: transform 0.3s ease-in-out; } .agile_process .panel-title a:hover h3, .agile_process .panel-title a:hover::after, .ways-software .panel-title a:hover::after { color: #1a81ff; } .panel-title a[aria-expanded="true"]::after, .ways-software .panel-title a[aria-expanded="true"]::after { transform: rotate(225deg); } .agile_process .panel-group h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 0; line-height: 25px; transition: transform 0.3s ease-in-out; } .agile_process .panel-group h4 { font-weight: 600; color: #08223a; font-size: 17px; margin-bottom: 10px; line-height: 28px; text-transform: uppercase; } .agile_process .panel-default > .panel-heading { color: #333; background-color: transparent; border: none; padding-right: 30px; } .agile_process .panel { border: none; border-bottom: 1px solid #ddd; } .agile_process .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; padding-top: 0; } .common_cta_1 .cta-right img, .me_cta_bx .cta-right-bx img, .software-cost .costt-imgs img { width: 100%; height: 100%; object-fit: cover; } .me_cta_bx { background-position: center right; background-repeat: no-repeat; background-size: cover; } .me_cta_bx .col-md-4 { padding: 0; } .me_cta_bx .cta-content { padding: 60px 40px 60px 85px; } .me_cta_bx .cta-content.clxs { text-align: center; max-width: 1100px; } .me_cta_bx .cta-content h2 { font-size: 34px; font-weight: 700; line-height: 1.5; color: #08223a; } .me_cta_bx .cta-content p { font-size: 18px; line-height: 1.5; margin: 12px 0 30px !important; font-weight: 500; color: #08223a; } .mectanew .Herro_me_inner { margin: 0 0 30px; } .mectanew .Herro_me_inner span { font-size: 18px; font-weight: 700; color: #fff; } .app-dev-bx { padding-bottom: 100px; } .app-dev-bx .dev-main { display: flex; gap: 20px; } .app-dev-bx .dev-main .dev-left { width: 50%; padding: 0 25px 30px; } .app-dev-bx .dev-main .dev-right { width: 50%; } .app-dev-bx .right_bx { border: 0.125rem solid #ccc; border-radius: 1.25rem; cursor: pointer; flex: 0 0 auto; max-width: 100%; padding: 1.875rem; transition: 0.1s; background-color: #fff; margin: 0 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .app-dev-bx .right_bx.slick-slide.slick-current.slick-active.slick-center { background: linear-gradient(280deg, #1a81ff, #c8d5f9 62.02%, #f9f9f4); border: 0; flex: 0 0 auto; max-width: 100%; padding: 2.063rem 1.875rem; width: 25%; } .airbnb-process .icon img, .app-dev-bx .dev-main .dev-right > img, .cycle-process .icon img, .full-cycle-process .process-content img, .makes-top-mobile-dev .top-mobile-box .top-mobile-icon img, .soft-unmatched .unmatch-nav img { max-width: 45px; margin-bottom: 20px; } .app-dev-bx .dev-main p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 20px; line-height: 28px; } .app-dev-bx .right_bx img { max-width: 45px; margin-bottom: 10px; } .app-dev-bx .right_bx h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-bottom: 10px; line-height: 20px; } .app-dev-bx .slick-next, .app-dev-bx .slick-prev { font-size: 0; line-height: 0; position: absolute; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; bottom: -50%; top: auto; border: 1px solid #ccc; height: 50px; width: 50px; background-color: #fff; } .app-dev-bx .slick-list.draggable, .ctawithoutspace { padding: 0 !important; } .app-dev-bx .app-devv-nav .slick-track { height: 130px; position: relative; overflow: hidden; } .bannerimg .container, .bg-line-img .container, .bg-line-img .container-fluid, .common_cta_3 .container, .common_cta_4 .container, .hero_left > div, .software-banner-bx .container { position: relative; z-index: 1; } .shareproject_main { position: relative; display: flex; border-radius: 12px; overflow: hidden; } .shareproject_left { padding: 60px; width: 50%; overflow: hidden; } .shareproject_left h2 { color: #fff; font-weight: 700; font-size: 40px; margin: 0 0 14px; line-height: 62px; } .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 p { color: #fff; font-weight: 500; font-size: 16px; margin-bottom: 0; line-height: 28px; } .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%; padding: 60px; background: #121526; position: relative; } .aictacontent .Herro_me_inner, .shareproject_right .form-group { margin-bottom: 25px; } .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:last-child { margin-bottom: 0; margin-top: 40px; } .locationslider_box { overflow: hidden; height: 380px; width: 100%; position: relative; margin: 0 12px; border-radius: 10px; } .feedbackprofile img, .locationslider_box img, .unmatchedservices_box img { height: 100%; width: 100%; object-fit: cover; } .locationslider_content { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 2; padding: 14px; min-height: 220px; display: flex; flex-direction: column; justify-content: end; } .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: 17px; margin-bottom: 3px; line-height: 24px; } .locationslider_content p { color: #fff; font-size: 15px; margin-bottom: 20px; line-height: 21px; text-align: justify; } section.conclusion-box { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; } .conclusion-box .swing { padding: 50px 40px; background: #fff; border-radius: 30px; margin-bottom: 0 !important; animation: 1s ease-in-out infinite alternate pin-swing; 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%; background: #fff; } @keyframes pin-swing { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } } .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) 0 7px 29px 0; display: flex; height: auto; } .choose-top-mobile-app .accordion-item { border-bottom: 1px solid #ddd; } .choose-top-mobile-app .accordion-item label { display: block; padding: 20px 15px; cursor: pointer; } .choose-top-mobile-app .accordion-body { display: none; padding: 0 15px; } .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-item h3 { color: #fff; font-weight: 700; font-size: 17px; margin-bottom: 0; line-height: 26px; } .choose-top-mobile-app .accordion-image img { width: 100%; display: none; height: 100%; } .choose-top-mobile-app .accordion-image { display: flex; align-items: center; justify-content: center; padding: 20px; height: 100%; } @keyframes cta-animateBg { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } } .top-company-cta { animation: 14s linear infinite cta-animateBg; background-image: linear-gradient(90deg, #06c, #08223a, #06243f, #0080ff, #06243f); background-size: 400% 100%; position: relative; width: 100%; background-position: center; margin-top: 30px; } .me_cta_Content h2 { color: #fff; font-weight: 700; font-size: 36px; margin: 0 0 30px; line-height: 50px; border-left: 10px solid #fff; padding-left: 20px; } .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; } .top-company-cta .top-company-cta-img img { max-width: 250px; position: relative; z-index: 1; } .top-company-cta .top-company-cta-img { width: 100%; text-align: center; margin-top: -66px; } .top-mobile-company-process .process-tab { border: 1px solid #d9d9d9; padding: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; } .top-mobile-company-process .process-tab ul.nav.nav-pills { display: flex; overflow-x: scroll; overflow-y: hidden; justify-content: space-between; } .top-mobile-company-process .process-tab .nav-pills > li > a { font-size: 15px; border-radius: 0; background: #eef3ff; color: #08223a; clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); padding: 10px 31px; 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 ul.nav.nav-pills::-webkit-scrollbar { display: none; } .texthidden_section .hidden-text, .top-mobile-company-process .process-tab .nav:before { display: none; } .top-mobile-company-process .process-tab .nav-pills > li + li { margin-left: -10px; } .top-mobile-company-process .process-tab .tab-content { background: #08223a; padding: 40px 50px; } .top-mobile-company-process .process-tab .tab-content img { max-width: 45px; margin: 30px 0; } .top-mobile-company-process .process-tab .tab-content h3 { color: #fff; font-weight: 700; font-size: 20px; margin-bottom: 8px; line-height: 26px; } .top-mobile-company-process .process-tab .tab-content p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 26px; } .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; } .company-top-list .main-list-box .bottom-box .row, .full-cycle-process .row, .full-cycle-process .row .col-md-4, .guarantees_section .row .col-md-3, .makes-top-mobile-dev .row, .ways-software .row { display: flex; height: auto; } .makes-top-mobile-dev .row .col-md-4:first-child, .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; } .company-top-list .main-list-box .bottom-box .col-md-8, .makes-top-mobile-dev .row .col-md-4:first-child, .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 .top-mobile-box { padding: 25px; transition: 0.5s; cursor: pointer; height: 100%; } .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) 0 7px 29px 0; } .makes-top-mobile-dev .top-mobile-box h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 8px; line-height: 26px; transition: 0.5s; } .makes-top-mobile-dev .top-mobile-box p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 27px; transition: 0.5s; } .top-ten-mobile-banner { overflow: hidden; position: relative; padding: 140px 0 70px; z-index: 0; background-color: #000000f2; } .top-ten-mobile-banner .container { position: relative; z-index: 3; } .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; } .top_ten_content h1 { font-weight: 700; font-size: 42px; margin: 0 0 20px; line-height: 60px; color: #fff; text-transform: capitalize; } .top_ten_content p { font-weight: 300; color: #fff; font-size: 17px; margin-bottom: 30px; line-height: 30px; } .top-ten-mobile-banner .main { margin: 0 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: 20s linear infinite Banner-Rotate; -webkit-animation: 20s linear infinite Banner-Rotate; } .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: 0 auto; width: 86%; animation: 20s linear infinite Banner-Rotate-Reverse; -webkit-animation: 20s linear infinite Banner-Rotate-Reverse; } .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%); } .top-ten-mobile-banner .circle { animation: 20s linear infinite Banner-circle-rotate; -webkit-animation: 20s linear infinite Banner-circle-rotate; 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: 20s linear infinite Banner-img-rotate; -webkit-animation: 20s linear infinite Banner-img-rotate; } .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); } @keyframes Banner-Rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes Banner-Rotate-Reverse { from { transform: rotate(360deg); } to { transform: rotate(0); } } @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); } } .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-list .p1 { text-shadow: 1px 1px 1px #08223a, -1px -1px 1px #08223a; color: #fff; } .top-ten-list .sentence { position: absolute; font-size: 40px; font-weight: 700; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; } .top-ten-list .p2 { color: #08223a; animation: 5s ease-in-out infinite alternate forwards top-text-animation; 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%); } } .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) 0 2px 8px 0; } .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: 700; 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 0 30px 35px; display: flex; flex-direction: column; gap: 30px; } .company-top-list .main-list-box .bottom-box h3 { color: #08223a; font-weight: 700; font-size: 20px; margin-bottom: 8px; line-height: 26px; } .company-top-list .main-list-box .bottom-box p { color: #08223a; font-weight: 500; font-size: 16px; 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; 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; 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 .top-left .logo { border: 1px solid #d9d9d9; padding: 10px; border-radius: 12px; justify-content: center; display: flex; } .company-top-list .top-left { display: flex; align-items: center; gap: 12px; } .company-top-list .main-list-box .bottom-box .bottom-right ul li .company-detail:hover .icon, .profitable-bx ul li:hover .imgs-bxs { transform: rotateY(-360deg); } .company-top-list .main-list-box .bottom-box .bottom-right { padding: 30px 30px 30px 10px; } .company-top-list.overflow-x-add { margin-bottom: 50px; } .airbnb-process .airbnb-process-content { background: #fff; padding: 30px 40px; position: relative; min-height: 310px; } .airbnb-process .airbnb-process-list ul li { padding: 0 20px 10px; } .airbnb-process .airbnb-process-content::after, .cycle-process .cycle-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: 20px; line-height: 28px; } .airbnb-process .airbnb-process-content p { color: #08223a; font-weight: 500; font-size: 17px; margin-bottom: 10px; line-height: 26px; } .airbnb-process span { font-size: 20px; font-weight: 500; color: #08223a; } .airbnb-process .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 .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 .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 .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; } .top-tech-stack .tech-box ul { display: grid; gap: 20px; grid-template-columns: repeat(7, 1fr); } .top-tech-stack .tech-box ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0; gap: 0; } .top-tech-stack .tech-box { border: 2px solid #fff; padding: 20px 50px 45px; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; background-color: #fff; width: max-content; } .servicesss-choose .nav-pills > li.active > a, .servicesss-choose .nav-pills > li.active > a:focus, .servicesss-choose .nav-pills > li.active > a:hover, .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; } .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); } .profitable-bx ul { gap: 25px; display: flex; flex-direction: column; align-items: end; } .profitable-bx .list-left::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #1a81ff; border-radius: 62% 47% 82% 35%/45% 45% 80% 66%; animation: 5s linear infinite sliderShape; display: block; z-index: -1; } .profitable-bx ul li { display: flex; background: #fff; padding: 15px 0 15px 18px; align-items: center; position: relative; border-radius: 10px; gap: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px; cursor: pointer; width: 90%; } .profitable-bx .imgs-bxs { height: 50px; width: 50px; background-color: #1a81ff; display: flex; align-items: center; justify-content: center; position: absolute; left: -4%; border-radius: 10px; transition: 0.5s; } .c_logo img, .indusryboxx, .indusryboxx h3, .indusryicon img, .teamprovides_main .nav-tabs li button { transition: 0.3s ease-in-out; } .profitable-bx ul li h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 25px; } .CostEstimation_box p, .bestcompany_inner p, .client-story .client-slider p, .full-cycle-process .process-content p, .guarantees_section ul li p, .on-demand-bx ul li p, .profitable-bx ul li p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .profitable-bx ul li .head-bx { width: 80%; margin-left: 30px; } .profitable-bx ul li .para-bx, .texthidden_section .read-more-toggle:checked ~ .read-more-text { padding-right: 30px; } .cta-simmilar .container .cta-simmilar-content ul li p { margin: 10px 0 !important; } .cta-simmilar .container .cta-simmilar-content ul { margin-bottom: 20px; list-style: disc; color: #fff; font-size: 20px; padding-left: 20px; } .cta-simmilar-content { margin-top: -20px; } .feedback_video { position: relative; border-radius: 8px; overflow: hidden; width: 30%; height: 450px; } .feedback_slider { width: 70%; padding-left: 10px; } .feedback_video > img, .whychooose_left img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; } .feedback_video:after { content: ""; display: block; position: absolute; left: 0; top: 0; opacity: 1; width: 100%; height: 100%; z-index: 1; background: linear-gradient(to bottom, rgba(50, 87, 153, 0.3) 0, rgba(32, 124, 202, 0.4) 70%, rgba(0, 0, 0, 0.8) 100%); } .clients_feedbacks_main { display: flex; margin-bottom: 50px; } .feedback_video .Video_btn { z-index: 2; } .feedback_slider_box { position: relative; z-index: 1; background: #fff; padding: 17px; margin: 6px 14px 4px; border-radius: 8px; box-shadow: 1px 0 0 3px rgb(123 149 162 / 15%); } .papularapps_icons img, .quote_feedback img { max-width: 40px; } .feedback_content p { font-size: 17px; line-height: 25px; font-weight: 400; color: #08223a; margin: 0; } .feedbackbottom { display: flex; align-items: center; margin-top: 20px; } .feedbackprofile { display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; height: 60px; width: 60px; margin-right: 16px; } .feedbackbottom h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 4px; line-height: 22px; display: block; } .feedbackbottom h4 { color: #0080ff; font-size: 14px; font-weight: 400; } .feedback_content { height: 269px; overflow-y: auto; overflow-x: hidden; } .feedback_content::-webkit-scrollbar { display: none; } .c_logo { width: 10%; display: flex; align-items: center; justify-content: center; } .c_logo:hover img { filter: unset; transform: scale(1.1); } .c_logo img { max-height: 90px; filter: grayscale(1); } .teamprovides_main .nav-tabs { width: 50%; overflow-y: auto; overflow-x: hidden; background-color: #1a81ff; padding: 20px 30px; border: 0; height: 560px; } .teamprovides_main .nav-tabs::-webkit-scrollbar { width: 10px; height: 10px; } .teamprovides_main .nav-tabs::-webkit-scrollbar-track { background: #fff; border-radius: 10px; } .teamprovides_main .nav-tabs::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .teamprovides_main .nav-tabs::-webkit-scrollbar-thumb:hover { background: #1a81ff; } .teamprovides_main .tab-content { width: 50%; padding: 0 70px; } .teamprovides_main { display: flex; width: 100%; border: 2px solid #1a81ff; border-radius: 12px; overflow: hidden; align-items: center; } .teamprovides_main .nav-tabs li button { background-color: transparent !important; border: 0 !important; outline: 0; box-shadow: unset; border-bottom: 1px solid #fff !important; border-radius: 0; padding: 25px 20px; color: #fff !important; font-size: 20px; font-weight: 600; opacity: 0.5; width: 100%; text-align: left; } .teamprovides_box h3 { font-size: 26px; color: #fff; margin-bottom: 15px; font-weight: 700; } .teamprovides_box p { color: #fff; font-size: 17px; line-height: 29px; margin-bottom: 20px; } .teamprovides_box > img { max-width: 48px; margin-bottom: 24px; } .indusryicon img { max-width: 100%; } .indusryicon { border-radius: 10px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .tc_main { padding: 20px 0; } .indusryouter { display: flex; flex-wrap: wrap; justify-content: center; } .indusryboxx { text-align: center; width: 25%; padding: 50px 17px; border-bottom: 1px solid #ffffff33; border-right: 1px solid #ffffff33; } .indusryboxx h3 { color: #fff; font-size: 18px; margin-top: 20px; line-height: 26px; font-weight: 700; } .aictacontent span, .indusryboxx:hover h3, .new_portfolio_bx .new_font_content span, .weare1box:hover h3, .weare1box:hover p { color: #08223a; } .indusryboxx:hover img { filter: invert(1); } .commitmentmain .commitmentbox:nth-child(odd), .software-cost .row .bg-1 { background-color: #1a81ff; } .commitmentmain { display: flex; flex-wrap: wrap; overflow: hidden; } .commitmentbox h3, .sucessproject_box h3 { font-size: 20px; color: #05081a; margin-bottom: 13px; line-height: 26px; transition: 0.3s ease-in-out; font-weight: 600; } .commitmentbox p { color: #05081a; font-size: 16px; line-height: 26px; transition: 0.3s ease-in-out; } .Agileprocessbox h3, .Agileprocessbox p { color: #031231; transition: 0.3s ease-in-out; } .commitmentbox img { max-width: 50px; margin-bottom: 18px; } .commitmentbox { width: 33.33%; padding: 30px 20px; transition: 0.3s ease-in-out; } .Agileprocess, .developmentstagesbox:hover { background: #1a81ff; } .commitmentmain .commitmentbox:nth-child(odd) img { filter: brightness(50.5); } .techstacktabss li.active button { background: #1a81ff !important; border-color: #1a81ff !important; color: #fff !important; } .techstacktabss li button { border: 2px solid #000 !important; border-radius: 5px; padding: 0 20px; height: 60px; text-align: center; font-size: 18px; font-weight: 600; color: #000; cursor: pointer; display: flex; transition: 0.3s ease-in-out; align-items: center; background-color: #fff; } .techstacktabss .nav-tabs { display: flex; flex-wrap: nowrap; position: relative; z-index: 3; cursor: grab; justify-content: space-between; border: 0; } .techstacktabss .nav-tabs > li { margin: 0 10px; } .techstacktabss .nav-tabs::-webkit-scrollbar { display: none; } .techstacktabss .tech_logos { display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto 0; max-width: 900px; } .techstacktabss .tech_logos li { background-color: #f2f2f2; border-radius: 4px; width: 14%; margin: 0 10px 20px; text-align: center; padding: 14px 0; } .techstacktabss .tech_logos li img { max-height: 45px; margin-bottom: 10px; } .bg_new1 { background-color: #1a81ff !important; } .Agileprocessbox { border-radius: 20px; padding: 40px 35px; transition: 0.3s ease-in-out; border: 2px solid #fff; position: sticky; top: 120px; background-color: #fff; margin-bottom: 20px; } .Agileprocessbox img { max-width: 45px; margin-bottom: 16px; transition: 0.3s ease-in-out; } .Agileprocess .row .new_font_content { margin: 0; position: sticky; top: 120px; } .Agileprocessbox h3 { font-size: 20px; margin-bottom: 10px; line-height: 27px; font-weight: 600; } .Agileprocessbox p { font-size: 16px; line-height: 24px; } .Agileprocessbox:hover img, .innovative-mobile .main-inno-bx:hover .inno-iconss img { filter: none; } @keyframes round-01 { 0%, 100% { transform: rotate(15deg); } 50% { transform: rotate(0); } } .best-application-bx .container-fluid { max-width: 1300px; } .best-application-bx .new_font_content { background: #eef3ff; padding: 50px; position: relative; } .best-application-bx .new_font_content::before { position: absolute; content: ""; width: 0; height: 0; border-left: 25px solid transparent; border-right: 35px solid transparent; border-top: 40px solid #eef3ff; left: -6%; top: 10%; bottom: auto; z-index: 1; transform: rotate(90deg); } .on-demand-bx ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .on-demand-bx ul li a { background: #eef3ff; padding: 15px 20px; border-radius: 14px; display: flex; align-items: center; gap: 30px; transition: 0.5s; cursor: pointer; } .on-demand-bx ul li a:hover { transform: translateY(-5px) translate3d(0, -5px, 0); box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .on-demand-bx ul li img { max-width: 55px; } .on-demand-bx ul li h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 0; line-height: 22px; } .full-cycle-process .process-content { background: #fff; position: relative; z-index: 2; display: grid; padding: 40px 30px; font-family: "Product Sans"; cursor: pointer; margin-bottom: 30px; transition: 0.5s; } .full-cycle-process .process-content:after { content: ""; position: absolute; left: 0; width: 0%; bottom: 0; height: 6px; background: linear-gradient(270deg, #06c 35%, #0080ff 100%); transition: 0.5s; } .full-cycle-process .process-content .setps { opacity: 0; font-size: 74px; font-weight: 700; position: absolute; right: 30px; top: 0; color: rgb(5 8 26); z-index: 2; transition: 0.5s; } .full-cycle-process .process-content h3, .guarantees_section ul li h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 22px; } .circles-bg .area { background: #05081a; background: linear-gradient(to left, #8f94fb, #4e54c8); width: 100%; } .full-cycle-process .area li { position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: 25s linear infinite animate-bg; bottom: -150px; } .full-cycle-process .area li:first-child { left: 25%; width: 80px; height: 80px; animation-delay: 0s; } .full-cycle-process .area li:nth-child(2) { left: 3%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .full-cycle-process .area li:nth-child(3) { left: 10%; width: 20px; height: 20px; animation-delay: 4s; } .full-cycle-process .area li:nth-child(4) { left: 25%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .full-cycle-process .area li:nth-child(5) { left: 20%; width: 20px; height: 20px; animation-delay: 0s; } .full-cycle-process .area li:nth-child(6) { left: 75%; width: 110px; height: 110px; animation-delay: 3s; } .full-cycle-process .area li:nth-child(7) { left: 35%; width: 150px; height: 150px; animation-delay: 7s; } .full-cycle-process .area li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .full-cycle-process .area li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .full-cycle-process .area li:nth-child(10) { left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } .client-story .client-slider { display: flex; gap: 10px; background-color: #eef3ff; margin: 0 20px; opacity: 0.5; border-radius: 20px; min-height: 300px; } .client-story .client-slider .left-slide img { border-radius: 20px 0 0 20px; max-width: 240px; object-fit: cover; } .client-story .client-slider .right-slide { width: 100%; padding: 50px 30px; } .client-story .client-slider .right-slide .head-bx { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; } .client-story .client-slider .bxs { background: #1a81ff; padding: 10px 20px; border-radius: 30px; display: flex; gap: 5px; align-items: center; } .client-story .client-slider .bxs span { font-size: 12px; margin-bottom: 0; color: #fff; } .client-story .client-slider .bxs img { max-width: 20px; filter: brightness(0) invert(1); } .client-story .client-slider h3 { color: #08223a; font-weight: 700; font-size: 20px; margin-bottom: 5px; line-height: 25px; } .client-story .client-slider span { color: #1a81ff; font-weight: 700; font-size: 18px; margin-bottom: 35px; line-height: 25px; } .client-story .client-bx-slider .slick-next, .client-story .client-bx-slider .slick-prev { font-size: 0; line-height: 0; position: absolute; padding: 0; cursor: pointer; color: transparent; border-radius: 50%; bottom: -16%; top: auto; height: 45px; width: 45px; transition: 0.5s; border: 2px solid #08223a; background: 0 0; z-index: 2; } .client-story button.slick-prev.slick-arrow { left: 46%; transform: scaleX(-1); } .client-story .slick-next { right: 46% !important; } .guarantees_section .guarante-cta { background-size: cover; background-repeat: no-repeat; display: flex; align-items: flex-end; border-radius: 8px; } .guarantees_section .guarante-cta .content-bxs { padding: 40px 20px; color: #fff; } .emerging-comman .content-bx h3, .guarantees_section .guarante-cta .content-bxs h3 { font-weight: 700; font-size: 25px; margin-bottom: 10px; line-height: 30px; } .guarantees_section .guarante-cta .content-bxs p, .soft-choice .choice-cta .content-bxs p { font-weight: 500; font-size: 16px; line-height: 28px; margin-bottom: 30px; } .guarantees_section ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .guarantees_section ul li { border: 1px solid; padding: 20px 15px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; border-radius: 8px; } .app-procedure-bx .detail-procedure img, .cost-esti-bxs img, .guarantees_section ul li img, .secured-section .secured-bx img { max-width: 45px; margin-bottom: 15px; } .common_cta_bx p { font-weight: 500; color: #fff; font-size: 18px; margin-bottom: 20px; line-height: 28px; } .get-form-bx .container { position: relative; z-index: 2; } .get-form-bx ul li { font-size: 16px; line-height: 25px; margin-bottom: 0; padding-left: 65px; padding-bottom: 45px; color: #fff; position: relative; } .get-form-bx ul li:before { content: ""; width: 48px; font-size: 20px; height: 48px; background-color: #fff; border-radius: 8px; color: #2378e3; font-style: normal; font-weight: 600; display: inline-block; text-align: center; left: 0; position: absolute; top: 0; } .get-form-bx ul li::after, .get-form-bx ul li:after { content: ""; width: 4px; height: 100%; display: block; background-color: #fff; left: 21px; z-index: -1; position: absolute; bottom: 100%; } .common-banner-bx .expri_body_bx .box-mainn:last-child:before, .fetching-bx .nav:before, .get-form-bx ul li:first-child::after, .preferred-app .nav:before, .simmilar_banner_bx .expri_body .box-main:last-child:before, .winning-service-bx .nav:before { display: none; } .get-form-bx h3 { color: #fff; font-size: 30px; margin-bottom: 30px; line-height: 35px; } .get-form-bx .col-md-6 .commanform { margin: 0 50px; } .simmilar_banner_bx { background-size: cover !important; background-position: bottom !important; background-repeat: no-repeat !important; padding: 210px 0 60px; position: relative; } .simmilar_banner_bx .newbanner_content h1 { font-size: 40px; line-height: 1.3; font-weight: 700; color: #eef3ff !important; margin-bottom: 15px; } .newbanner_content h1 span { text-decoration: underline; color: #1a81ff; } .simmilar_banner_bx .newbanner_content p { line-height: 1.5; font-size: 18px; margin: 0 0 20px; font-weight: 400; color: #eef3ff !important; } .simmilar_banner_bx .expri_body { display: grid; gap: 14px; padding: 30px 20px; border-radius: 10px; grid-template-columns: repeat(5, 1fr); margin-top: 0; background: #08223a; margin-top: 30px; } .common-banner-bx .expri_body_bx .box-mainn .content-bx span, .expri_comm .box-comm .content-bx span, .simmilar_banner_bx .expri_body .box-main .content-bx span { font-size: 15px; } .common-banner-bx .expri_body_bx .box-mainn .content-bx, .expri_comm .box-comm .content-bx, .simmilar_banner_bx .expri_body .box-main .content-bx { font-size: 18px; color: #fff; } .simmilar_banner_bx .sim-img-bx { display: flex; justify-content: end; width: 100%; align-items: end; } .simmilar_banner_bx .sim-img-bx img { width: 75%; margin-bottom: 30px; } .winning-service-bx .win-bg { background-color: #08223a; padding: 30px 20px; border-radius: 12px; display: flex; align-items: center; } .winning-service-bx ul li img { max-width: 45px; transition: 0.5s; } .winning-service-bx .tab-pane ul li { font-size: 17px; line-height: 24px; } .winning-service-bx ul { display: grid; grid-template-columns: repeat(2, 1fr); padding: 20px; background-color: #fff; border-radius: 12px; gap: 20px; } .choose-list-box ul, .flip-industry ul, .strengthening-bx ul { grid-template-columns: repeat(3, 1fr); gap: 20px; font-family: "Product Sans"; } .winning-service-bx ul li a { width: 100%; display: flex; gap: 15px; background-color: #eef3ff; padding: 10px; align-items: center; color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 0; line-height: 22px; border-radius: 12px; transition: 0.5s; } .winning-service-bx .tab-pane > img { filter: brightness(0) invert(1); max-width: 45px; margin-bottom: 14px; } .winning-service-bx .tab-pane h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 12px; line-height: 22px; border-radius: 12px; transition: 0.5s; } .winning-service-bx .tab-pane p { font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; } .winning-service-bx .tab-pane ul { display: flex; flex-direction: column; background-color: transparent; color: #fff; list-style: disc; gap: 12px; margin-bottom: 20px; } .ctawithoutspace .container-fluid, .software-cta-bx .container .row .col-md-5, .video-sec-box .about-img { padding: 0; } .video-sec-box .row { background: #1a81ff; padding: 0; display: flex; border-radius: 12px; } .video-sec-box .row .col-md-6 { padding: 0; display: flex; align-items: center; } .servicesss-choose ul.nav.nav-pills { display: flex; flex-direction: column; } .servicesss-choose .tab-content.clearfix { border-radius: 12px; padding: 10px; display: flex; align-items: center; text-align: center; height: 100%; width: 100%; border: 2px solid #fff; } .servicesss-choose .tab-content.clearfix img { max-width: 70px; padding: 10px; border-radius: 12px; } .servicesss-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; } .servicesss-choose .tab-content.clearfix h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px; color: #08223a; } .servicesss-choose .nav-pills > li > a { border-radius: 12px; color: #08223a; background-color: #fff; padding: 5px; } .common-banner-bx .newbanner_content ul > li, .flip-industry .hidden-bx li { background: url(../images/dubai-uae/tick-colored.png) 0 7px/15px auto no-repeat; filter: brightness(0) invert(1); } .servicesss-choose .nav-pills li a h3 { color: #08223a; font-size: 18px; font-weight: 600; } .servicesss-choose .nav-pills > li { border: 2px solid transparent; padding: 5px; border-radius: 12px; margin: 5px 0; } .servicesss-choose .nav-pills > li.active, .servicesss-choose .nav-pills > li:hover { border: 2px solid #fff; } .servicesss-choose .label-bx { display: flex; flex-direction: row; gap: 10px; align-items: center; } .servicesss-choose .label-bx .label-img { max-width: 60px; background: #08223a; border-radius: 12px 0 0 12px; padding: 10px; } .common-banner-bx .side-common { display: flex; position: relative; align-items: center; justify-content: center; } .common-banner-bx .side-common .image-1 { position: absolute; top: 168px; left: 14px; z-index: 1; animation: 2s linear infinite alternate-reverse hero-anim; } .common-banner-bx .side-common img { width: auto; } .common-banner-bx .side-common .image-3 { position: absolute; top: -45px; right: -10px; animation: 2s linear infinite alternate-reverse about-anim; } @keyframes hero-anim { 0% { transform: translateY(0); } 100% { transform: translateY(15px); } } @keyframes about-anim { 0% { transform: translateX(0); } 100% { transform: translateX(15px); } } .common-banner-bx { background-color: #07090d; padding: 210px 0 70px; font-family: "Product Sans"; } .common-banner-bx .newbanner_content ul > li { margin-bottom: 10px; padding-left: 25px; } .common-banner-bx .newbanner_content p { margin: 15px 0 10px; text-align: left; } .common-banner-bx .expri_body_bx, .expri_comm { display: grid; gap: 14px; padding: 30px 20px; grid-template-columns: repeat(5, 1fr); margin-top: 30px; background: #05081a; border: 1px solid #1a81ff; border-radius: 20px; } .trusted_industry_bx h3 { color: #fff; font-size: 22px; font-weight: 600; line-height: 30px; text-align: center; margin-bottom: 15px; font-family: "Product Sans"; } .trusted_industry_bx { position: relative; background-repeat: repeat; background-size: 13px; background-position: center center; display: flex; justify-content: center; padding: 40px 0; } .trusted_industry_bx .container { padding: 30px; border-radius: 20px; background: 0 0; border: 1px solid; } .trusted_industry_bx .clients_icon img { width: 100%; aspect-ratio: 6/5; height: auto; object-fit: contain; filter: brightness(0) invert(1); } .trusted_industry_bx .clients_icon { outline: 0 !important; width: 130px; margin: 0 20px; } .flip-industry { padding: 50px 0; } .flip-industry ul { display: grid; justify-items: center; } .flip-industry li { width: 100%; height: 450px; border-radius: 20px; border: 1px; overflow: hidden; position: relative !important; gap: 20px; margin-top: 20px; display: flex; align-items: center; justify-content: flex-end; background-size: cover; flex-direction: column; background-position: center; background-repeat: no-repeat; } .flip-industry li a.interlink_update { color: #fff !important; text-decoration: underline; font-weight: 500; font-style: italic; } .flip-industry .hidden-bx { position: absolute; top: 0; left: 0; right: 0; transform: translate(0, 100%); margin: auto; background: #3370ff; border-radius: 16px; padding: 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; transition: 0.5s ease-in-out; opacity: 0; z-index: 2; } .flip-industry li:hover .hidden-bx { transform: unset; opacity: 1; } .flip-industry li h3 { font-weight: 700; font-size: 22px; color: #fff; margin: 20px 10px 35px; text-align: center; line-height: 35px; position: relative; z-index: 1; } .flip-industry li p { font-weight: 300; font-size: 17px; line-height: 28px; color: #fff; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #fff; } .flip-industry .hidden-bx ul { padding-left: 10px; display: flex; flex-direction: column; gap: 0 !important; list-style: decimal; } .flip-industry .hidden-bx li { font-weight: 300; font-size: 15px; line-height: 20px; color: #fff; height: auto !important; text-align: left; margin: 0 0 5px; padding-left: 25px; justify-content: flex-start; align-items: flex-start; } /* .new_portfolio_bx.bg_new button { background-image: url(../images/commonpart/rightarrow.webp) !important; filter: brightness(0) invert(1); } */ .preferred-app .nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } .preferred-app .nav li { background-position: center; border: 1px solid #e1e1e1; display: flex; align-items: center; justify-content: center; border-radius: 20px; margin-bottom: 15px; } .costestimations .price-table tr, .preferred-app .nav-pills > li.active > a:focus, .preferred-app .nav-pills > li.active > a:hover, .ways-software .panel-default > .panel-heading { background-color: transparent; } .preferred-app .nav-pills > li button { width: 100%; padding: 20px; height: 100%; transition: 0.5s; display: flex; flex-direction: column; align-items: center; font-weight: 700; font-size: 17px; color: #fff; line-height: 25px; text-align: left; background-color: transparent; border: 0; } .preferred-app .nav-pills > li.active button, .preferred-app .nav-pills > button:focus, .preferred-app .nav-pills > button:hover { background-color: #1a81ff; border-radius: 20px; } .preferred-app .tab-content { color: #fff; position: relative; overflow: hidden; } .preferred-app .tab-content img { max-width: 45px; filter: brightness(0) invert(1); z-index: 2; position: relative; margin-bottom: 20px; } .innercontent .newbtn_design img, .newbtn_design_white img { filter: invert(35%) sepia(100%) saturate(7471%) hue-rotate(197deg) brightness(100%) contrast(101%); } .preferred-app .preff-content { padding: 20px 25px; border-radius: 20px; overflow: hidden; position: relative; } @keyframes boder-rotate { 100% { transform: rotate(1turn); } } .preferred-app .preff-content::before { content: ""; position: absolute; z-index: 0; left: -50%; top: -50%; width: 200%; height: 200%; background-color: #007bff; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(#1a81ff, #48c8f5), linear-gradient(#06c, #0a113b), linear-gradient(#1a81ff, #08223a), linear-gradient(#377af5, #377af5); animation: 9s linear infinite boder-rotate; } .preferred-app .preff-content::after { content: ""; position: absolute; z-index: 0; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); background: #000; border-radius: 20px; } .preferred-app .preff-content h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 35px; position: relative; z-index: 2; } .preferred-app .preff-content p { font-weight: 300; font-size: 17px; position: relative; z-index: 2; line-height: 28px; padding-top: 10px; } .preferred-app .preff-content ul { list-style: disc; padding-left: 25px; position: relative; z-index: 2; } .preferred-app .preff-content ul li { font-weight: 300; font-size: 15px; line-height: 28px; margin-top: 10px; } .preferred-app .new_font_content span { font-style: italic; font-weight: 600; font-size: 16px; line-height: 28px; color: #fff; } .main_partner_bx .slider-bx ul { display: flex; position: absolute; white-space: nowrap; will-change: transform; animation: 30s linear infinite client-marquee; align-items: center; } .main_partner_bx .slider-bx ul li img { margin: 15px 40px; object-fit: contain; height: 90px; width: 90px; filter: brightness(0) invert(1); } .secured-section .secured-bx { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; border: 4px solid #d5d5d5; border-radius: 4px; text-align: center; background: transparent; padding: 20px; position: relative; color: #fff; } .secured-section .secured-bx:before { display: block; content: ""; width: 9%; height: 17%; position: absolute; bottom: -4px; right: -4px; border-bottom: 4px solid #1a81ff; border-right: 4px solid #1a81ff; transition: 0.5s; -webkit-transition: 0.5s; } .secured-section .secured-bx:after { display: block; content: ""; width: 9%; height: 17%; position: absolute; top: -4px; left: -4px; border-top: 4px solid #1a81ff; border-left: 4px solid #1a81ff; transition: 0.5s; -webkit-transition: 0.5s; } .cost-esti-bxs:hover, .secured-section .secured-bx:hover { opacity: 1; border-color: #d5d5d5; } .secured-section .secured-bx:hover:after, .secured-section .secured-bx:hover:before { width: 95%; height: 90%; cursor: pointer; } .secured-section .new_font_center span { font-size: 18px; color: #1a81ff; font-weight: 600; line-height: 40px; } .secured-section .secured-bx h3, .transformed-industry ul li .cardflipbox .innercontent h3 { font-size: 22px; font-weight: 600; line-height: 35px; } .choose-list-box .body-list p, .fetching-bx .fetch-contt p, .fetching-bx .fetch-list li, .fetching-bx ul p, .secured-section .secured-bx p { font-weight: 300; font-size: 17px; line-height: 28px; padding-top: 10px; } .emerging-comman, .video-sec-box .row { color: #fff; font-family: "Product Sans"; } .video-sec-box .row .new_vedio_content h2 { font-size: 36px; line-height: 1.3; font-weight: 700; margin-bottom: 15px; text-transform: capitalize; text-align: left; } .video-sec-box .row .new_vedio_content h3, .welcome-video .row .new_vedio_content h3 { font-size: 22px; font-weight: 600; line-height: 35px; margin-bottom: 15px; } .video-sec-box .row .new_vedio_content p, .welcome-video .row .new_vedio_content p { font-size: 17px; font-weight: 300; line-height: 28px; margin-bottom: 15px; } .video-sec-box .row .new_vedio_content div { background: #05081a; padding: 20px; width: max-content; } .emerging-comman button.slick-next.slick-arrow, .emerging-comman button.slick-prev.slick-arrow { top: -165%; background-image: url(../images/common_icons/arrow.webp) !important; background-color: transparent; opacity: 1; position: absolute; } .video-sec-box .row .new_vedio_content div span { font-size: 15px; line-height: 20px; } .video-sec-box .row .new_vedio_content { text-align: left; padding: 0 30px; } .strengthening-bx .new_font_content span { color: #fff; font-size: 18px; font-weight: 600; line-height: 40px; } .strengthening-bx ul { display: grid; } .strengthening-bx ul li { width: 100%; height: 350px; border-radius: 20px; display: flex; flex-direction: column; color: #fff; align-items: center; background-size: 100%; position: relative; justify-content: end; padding: 20px; text-align: center; } .strengthening-bx ul li::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #08223a; opacity: 0.5; z-index: 1; border-radius: 20px; } .strengthening-bx ul li p { color: #fff; font-size: 17px; margin-bottom: 20px; z-index: 2; position: relative; } .strengthening-bx h3 { margin-bottom: 10px; position: relative; z-index: 2; font-size: 22px; font-weight: 600; line-height: 35px; color: #fff; } .emerging-comman .left_bx { height: 500px; overflow: hidden; } .emerging-comman .content-bx span { font-size: 54px; font-weight: 600; margin-bottom: 30px; color: transparent; -webkit-text-stroke: 2px #1a81ff; -webkit-text-fill-color: transparent; } .emerging-comman .content-bx p { font-weight: 500; font-size: 17px; margin-bottom: 0; line-height: 28px; } .emerging-comman button.slick-prev.slick-arrow { text-indent: -99999999999px; height: 50px; width: 50px; background-size: 50px; border: 0; display: flex !important; bottom: 0; left: 83% !important; transform: scaleX(-1); } .emerging-comman button.slick-next.slick-arrow { left: 90%; text-indent: -99999px; height: 50px !important; width: 50px !important; background-size: 50px !important; border: none; } .emerging-comman .right_bx { margin: 0 10px; height: 175px; overflow: hidden; } .emerging-comman .right_bx.slick-slide.slick-current.slick-active img { border: 2px solid #1a81ff; } .emerging-comman .right-slider img { max-width: 45px; margin: 15px 0; } .choose-list-box ul { display: grid; color: #fff; } .choose-list-box ul li { border-radius: 20px; transition: 0.5s; padding: 25px 30px; border: 1px solid #1a81ff; background-color: transparent; cursor: pointer; } .choose-list-box ul li:hover { background-color: #08223a; border: 1px solid #fff; } .choose-list-box .head-list, .software-cost .costt-detail div, .ways-software .pro-bx { display: flex; align-items: center; gap: 10px; } .choose-list-box .head-list h3, .fetching-bx h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 35px; } .advv-technno ul li .overlay p, .service-testimonial .testimonial p, .transformed-industry ul li .cardflipbox .innercontent p { font-weight: 300; font-size: 17px; line-height: 28px; } .choose-list-box ul li.trust-cta { position: relative; overflow: hidden; } .choose-list-box ul li.trust-cta h3 { margin-bottom: 20px; } .choose-list-box .trust-img { position: absolute; bottom: 0; right: 0; width: 52%; } .welcome-video { color: #fff; font-family: "Product Sans"; overflow-y: hidden; } .welcome-video .row .new_vedio_content h2 { font-size: 36px; line-height: 1.3; font-weight: 700; margin-bottom: 15px; text-transform: capitalize; } .welcome-video .row .new_vedio_content div { background: #08223a; padding: 20px; width: max-content; margin-bottom: 20px; border-radius: 12px; } .welcome-video .row .new_vedio_content div a { color: #fff; } .welcome-video .right-video { position: relative; display: flex; } .welcome-video .right-video::after { position: absolute; content: ""; background-color: #000; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; opacity: 0.5; } .welcome-video .right-video a { position: absolute; left: 38%; right: auto; top: auto; bottom: 38%; background: #fff; padding: 10px 20px; border-radius: 50%; height: 90px; width: 90px; display: flex; align-items: center; justify-content: center; z-index: 2; } .welcome-video .right-video a:after { line-height: 10px; position: absolute; content: "Click Here"; background: url(../images/dubai-uae/arrow1.webp) 0 0 / contain no-repeat; width: 150px; height: 120px; bottom: -90%; left: -154px; animation: 3s ease-out infinite zoom-in-zoom-out; filter: brightness(0); font-size: 16px; font-weight: 600; text-transform: capitalize; filter: brightness(0) invert(1); color: #fff; } .welcome-video .right-video a img { cursor: pointer; animation: 8s linear infinite animateC; height: 80px; width: 80px; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; border-radius: 50%; } @keyframes animateC { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .fetching-bx .tab-content .tab-pane img { width: 100%; height: 500px; object-fit: contain; } .fetching-bx { overflow: hidden; } .fetching-bx .nav-pills > li > button { border-radius: 0; background: #08223a; color: #fff; font-size: 17px; font-weight: 700; padding: 20px 5px; border: 0; width: 100%; } .framework_tabs .nav-tabs li button, .whychooosemain .nav-tabs li button { background-color: transparent !important; text-transform: capitalize; opacity: 0.5; } .fetching-bx h4 { font-size: 20px; font-weight: 700; line-height: 33px; } .fetching-bx ul.nav.nav-pills { background: #eef3ff; justify-content: space-between; } .fetching-bx ul.nav-pills > li { width: 100%; text-align: center; } .sucessproject_box p, .whychooose_right h3, .whychooose_right p { color: #05081a; line-height: 26px; transition: 0.3s ease-in-out; } .fetching-bx .fetch-list { padding: 30px 0; display: flex; gap: 20px; } .fetching-bx .fetch-list ul { list-style: disc; padding: 0 20px; } .fetching-bx .fetch-list ul.cls-border { width: 100%; border-right: 1px solid #08223a; } .fetching-bx .tab-content { background: #eef3ff; padding: 30px 40px; border-radius: 0 0 20px 20px; } .awardssec_box::after, .awardssec_box::before { background-color: #05081a; position: absolute; content: ""; z-index: -1; left: 0; right: 0; margin: 0 auto; } .fetching-bx .nav-pills > li.active > button, .fetching-bx .nav-pills > li.active > button:focus, .fetching-bx .nav-pills > li.active > button:hover { color: #08223a; background-color: #eef3ff; } .awardssec_box img { width: 100%; border-radius: 6px; } .awardssec_box::after { height: 50px; width: 4px; top: -40px; } .awardssec_box::before { height: 20px; width: 20px; top: -48px; 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: 1s ease-in-out infinite alternate swing; transform-origin: center -20px; } .awardssec_new { background-color: #eef3ff; } .transformed-industry ul { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; gap: 20px; } .transformed-industry ul li { width: 100%; cursor: pointer; } .cardflipbox, .transformed-industry ul li .cardflipbox { position: relative; height: 360px; } .transformed-industry ul li .cardflipbox .cardflipinner { position: relative; width: 100%; height: 100%; backface-visibility: hidden; transform-style: preserve-3d; perspective: 1000px; } .transformed-industry ul li .cardflipbox .innercontent { position: absolute; left: 0; width: 100%; padding: 10px 5px; outline: transparent solid 1px; perspective: inherit; z-index: 2; top: 50%; transform: translateY(-50%) translateZ(60px) scale(0.94); text-align: center; color: #fff; } .transformed-industry ul li .cardflipbox .cardback, .transformed-industry ul li .cardflipbox .cardfront { background-size: cover; background-position: center; border-radius: 15px; width: 100%; height: 100%; min-height: 340px; background: linear-gradient(212deg, #39aafa 0, #1a81ff 100%) no-repeat; transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility: hidden; } .transformed-industry ul li .cardflipbox .cardfront { transform: rotateY(0); transform-style: preserve-3d; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .transformed-industry .cardflipbox .cardfront:after { position: absolute; content: ""; background: #000; inset: 0; margin: auto; border-radius: 15px; opacity: 0.5; width: 100%; height: 100%; } .transformed-industry ul li .cardflipbox .cardback { position: absolute; top: 0; left: 0; width: 100%; transform: rotateY(180deg); transform-style: preserve-3d; } .cardflipbox:hover .cardfront, .transformed-industry ul li .cardflipbox:hover .cardfront { transform: rotateY(-180deg); transform-style: preserve-3d; } .cardflipbox:hover .cardback, .transformed-industry ul li .cardflipbox:hover .cardback { transform: rotateY(0); transform-style: preserve-3d; } .transformed-industry ul li .cardflipbox .cardflipinner .cardfront::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0.4; border-radius: 15px; background-color: inherit; backface-visibility: hidden; } .transformed-industry ul li .cardflipbox .innercontent a { border: 2px solid #fff; padding: 10px 12px; border-radius: 20px; color: #fff; transition: 0.5s; } .meindustryy .innercontent img { max-width: 45px; margin-bottom: 15px; margin: 0 auto 15px; } .transformed-industry ul li .cardflipbox .innercontent a:hover { padding: 10px 20px; } .service-testimonial .container { overflow: hidden; position: relative; } .service-testimonial .testimonial { background: #08223a; padding: 40px 30px; display: flex; align-items: flex-end; position: relative; margin: 0 20px; color: #fff; font-family: "Product Sans"; box-shadow: 0 2px 2px hsl(0deg 0% 0%/0.075), 0 3px 3px hsl(0deg 0% 0%/0.075), 0 5px 5px hsl(0deg 0% 0%/0.075), 0 9px 9px hsl(0deg 0% 0%/0.075), 0 17px 17px hsl(0deg 0% 0%/0.075); } .service-testimonial .quotes.slick-initialized.slick-slider { padding: 50px 0; } .service-testimonial .testimonial::after { content: ""; border: 8px solid #1a81ff; border-radius: 50px; width: 85%; height: 120%; position: absolute; z-index: -1; left: 5%; top: -10%; } .service-testimonial .testimonial::before { content: ""; position: absolute; bottom: -22%; left: 14%; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 30px 50px 0 0; border-color: #1a81ff transparent transparent; } .service-testimonial .testimonial .quote { position: absolute; font-size: 46px; width: 40px; height: 40px; background: #1a81ff; color: #fff; text-align: center; line-height: 1.25; opacity: 1; font-weight: 500; } .service-testimonial .testimonial .quote.open { top: 0; left: 0; } .service-testimonial .testimonial .quote.close { bottom: 0; right: 0; } .service-testimonial .testimonial p { width: 85%; display: inline-block; } .service-testimonial .testimonial .source { width: 40%; height: 100%; position: relative; } .service-testimonial .testimonial .source span { display: inline-block; font-weight: 700; font-size: 1.15em; position: relative; margin-left: 1rem; text-align: right; } .service-testimonial .testimonial .source span::before { content: "--"; display: inline; margin-right: 5px; } .service-testimonial .testimonial .image { transform: rotate(-5deg); position: absolute; top: 0.5em; right: 1.5em; } .service-testimonial .testimonial .image img { border: 10px solid #fff; margin: 0; padding: 0; max-width: 125px; } .service-testimonial .testimonial .image .clip { border: 2px solid #222; border-right: none; height: 60px; width: 20px; position: absolute; right: 10%; top: -15%; border-radius: 25px; } .service-testimonial .testimonial .image .clip::before { content: ""; position: absolute; top: 1px; right: 0; height: 22px; width: 16px; border: 2px solid #222; border-bottom: none; border-top-left-radius: 25px; border-top-right-radius: 25px; z-index: 99; } .service-testimonial .testimonial .image .clip::after { content: ""; position: absolute; bottom: 0; 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; } .cycle-process { position: relative; font-family: "Product Sans"; } .cycle-process ul li { padding: 0 20px; cursor: pointer; color: #08223a; } .cycle-process .num { background-repeat: no-repeat; object-fit: contain; display: flex; align-items: center; justify-content: center; background-position: center; background-image: url("../images/dubai-uae/icon-bg.webp"); height: 75px; max-width: 70px; bottom: -45px; z-index: 2; position: relative; right: auto; left: 86%; } .rotate-animation { animation: 2.5s linear infinite wave-animation; } @keyframes wave-animation { 0%, 100% { transform: rotate(0); } 15%, 40% { transform: rotate(14deg); } 30% { transform: rotate(-8deg); } 50% { transform: rotate(-4deg); } 60% { transform: rotate(10deg); } 70% { transform: rotate(-2deg); } } .cycle-process .cycle-content { background: #fff; padding: 30px 40px; position: relative; min-height: 310px; margin-bottom: 10px; } .cycle-process h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 35px; position: relative; z-index: 3; } .cycle-process ul li p { font-weight: 300; font-size: 17px; line-height: 28px; padding-top: 10px; position: relative; z-index: 3; } .cycle-process ul li .icon { max-width: 45px; position: relative; z-index: 3; } .common_cta_1 .container { border-radius: 0 50px; } .common_cta_1 .col-md-4 { padding: 0; display: flex; overflow: visible; width: 40%; display: flex; height: auto; } .common_cta_1 .cta-simmilar-content { padding: 45px 25px; margin-top: 0; } .newbtn_white { background: #fff; color: #1a81ff !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; } .common_cta_2 { background-repeat: no-repeat; padding: 100px 0; background-position: right center; background-size: 100%; } .common_cta_3, .common_cta_4, .hero_part { background-size: cover; background-repeat: no-repeat; } .common_cta_2 .cta-simmilar-content h2 { font-family: "Product Sans"; font-size: 34px; font-weight: 700; line-height: 1.2; color: #08223a; border-left: 0; padding-left: 20px; margin-bottom: 20px; text-transform: capitalize; } .common_cta_2 .cta-simmilar-content { margin-top: 0; background: #fff; padding: 30px; border-radius: 20px; position: relative; } .common_cta_2 .cta-simmilar-content:after { content: ""; position: absolute; bottom: -8%; left: 5%; z-index: 0; width: 0; height: 0; border-style: solid; border-width: 30px 50px 0 0; border-color: #fff transparent transparent; } .common_cta_3 { background-color: #00001f; position: relative; margin-top: 0px; } .common_cta_4 { background-color: #00001f; position: relative; } .bring-cta-bx .row, .common_cta_3 .container .row, .common_cta_4 .container .row { display: flex; position: relative; } .common_cta_3 .container .ctas-right { position: absolute; right: 0; bottom: 0; width: 40%; } .common_cta_3::after { position: absolute; content: ""; width: 100%; height: 100%; opacity: 0.8; inset: 0px; margin: auto; background: #3370ff; } .heroawards div, .sucessproject_box, .techhead, .whychooosemain_box { background-color: #fff; } .common_cta_3 .cta-simmilar-content, .common_cta_4 .cta-simmilar-content { margin-top: 0; padding: 40px 0; } .whychooosemain_box { display: flex; align-items: center; overflow: hidden; border-radius: 30px; border: 2px solid #fff; margin-top: 40px; } .whychooose_left { width: 50%; display: flex; align-items: center; height: 550px; } .whychooose_right { padding: 50px 70px; width: 50%; } .whychooose_right h3 { font-size: 22px; margin-bottom: 16px; font-weight: 600; } .whychooose_right p { font-size: 17px; text-align: justify; } .framework_tabs .nav-tabs, .whychooosemain .nav-tabs { border: 0; display: flex; justify-content: center; } .whychooosemain .nav-tabs li button { border: 0 !important; border-bottom: 1px solid #fff !important; padding: 10px 5px; text-align: center; margin: 0; color: #fff !important; font-size: 16px; font-weight: 700; position: relative; } .whychooosemain .nav-tabs li button::after { content: ""; width: 0; height: 0; vertical-align: middle; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #fff; position: absolute; bottom: -12px; left: 0; right: 0; margin: 0 auto; display: none; } .sucessproject_box { border-radius: 20px; padding: 40px 25px; } .sucessproject_box img { max-width: 50px; margin-bottom: 30px; } .sucessproject_box p span { font-weight: 700; color: #1a81ff; } .sucessproject_box p { font-size: 16px; text-align: justify; margin-bottom: 12px; } .hero_part { padding: 210px 0 100px; background-position: center; background-attachment: fixed; } .hero_left h1 { color: #08223a; font-size: 40px; line-height: 1.3; font-weight: 900; margin-bottom: 20px; font-family: "Product Sans"; text-transform: capitalize; } .bestfor strong, .framework_smhead, .submitbtns { text-transform: uppercase; } .hero_left p { font-size: 18px; line-height: 1.7; font-weight: 400; color: #08223a; text-align: justify; margin-bottom: 10px; } .heroawards div img { max-height: 110px; } .heroawards div { width: 24%; text-align: center; padding: 12px 0; border-radius: 8px; margin-right: 18px; } .heroawards { display: flex; align-items: center; justify-content: flex-start; margin-top: 30px; } .development-process { display: grid; grid-template-columns: 1fr 1fr; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .development-process .process-card { padding: 30px 60px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } .development-process .dotted-liner, .development-process .dotted-liner.before, .development-process .dotted-round.after, .development-process .dotted-round.before { position: absolute; } .development-process .dotted-liner { height: 4px; width: 100%; top: 60px; left: 0; } .development-process .dotted-liner::before { border-top: 4px dashed #fff; } .development-process .dotted-liner::after { border-top: 3px solid #05081a; margin-top: -3px; } .development-process .dotted-round.after, .development-process .dotted-round.before { width: 100%; height: 100%; border: 4px dashed #fff; background-color: #05081a; top: 60px; bottom: 0; right: 0; border-radius: 150px; z-index: 1; } .development-process .icon { width: 70px; height: 70px; margin: 0 auto; display: flex; border-radius: 50%; position: relative; z-index: 2; background-color: #fff; align-items: center; justify-content: center; } .Herro_me_btns, .newbtn_design_white { align-items: center; display: inline-flex; } .development-process .icon img { max-width: 42px; } .development-process .process-card .title { font-size: 20px; margin: 20px 0 12px; font-weight: 700; color: #fff; position: relative; z-index: 1; } .development-process .process-card p { font-size: 18px; max-width: 420px; margin: 0 auto; color: #fff; position: relative; line-height: 28px; z-index: 1; } .development-process .dotted-round.after::after { height: 100%; border: 3px solid #05081a; border-radius: 150px; margin: -3px; box-sizing: content-box; } .development-process .dotted-liner::after, .development-process .dotted-round.after::after, .development-process .dotted-round.before::after, .dotted-liner::before { content: ""; width: 100%; display: block; } .development-process .dotted-round.after { clip-path: circle(66% at 100%); } .development-process .dotted-round.before { clip-path: circle(66% at 0%); } .development-process .dotted-liner.before { height: 4px; width: 55%; top: 60px; right: 0; left: auto; } .development-process .dotted-round.before::after { height: 100%; border: 3px solid #171624; border-radius: 150px; margin: -3px; box-sizing: content-box; } .ctawithoutspace .cta-bx { border-radius: 0; } .newbtn_design_white { background: #fff; color: #0080ff !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design_white img { max-width: 20px; position: absolute; right: 22px; animation: 1s infinite wobble; transition: 0.5s; } .newhire_modalss .newbtn_design { padding: 5px 55px 5px 25px; } .newhire_modalss .newbtn_design:hover { padding: 5px 25px 5px 55px; } .Herro_me { padding: 210px 0 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .Herro_me::after, .bannerimg::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .Herro_me_inner span::after { position: absolute; content: ""; top: 2px; left: 0; right: 0; bottom: 0; height: 16px; width: 16px; background-color: #0080ff; border-radius: 30px; } .Herro_me_content h1 { color: #fff; font-size: 42px; font-weight: 700; margin-bottom: 20px; line-height: 56px; } .Herro_me_content h1 span { color: #0080ff; } .Herro_me_content p { color: #fff; font-size: 18px; line-height: 29px; margin-bottom: 25px; } .Herro_me_inner span { color: #fff; font-size: 18px; position: relative; padding-left: 25px; margin-right: 18px; } .Herro_me_inner.blocklist span { color: #fff; font-size: 16px; position: relative; padding-left: 25px; margin-right: 18px; display: block; margin-bottom: 10px; font-weight: 300; } .Herro_me_inner.blocklist span::after { position: absolute; content: ""; top: 8px; left: 5px; right: 0; bottom: 0; height: 8px; width: 8px; background-color: #1a81ff; border-radius: 30px; } .Herro_me_btns { margin-top: 35px; } .Herro_me_btns a:last-child { color: #fff; font-size: 18px; display: inline-flex; align-items: center; margin-left: 36px; border-left: 1px solid #f2f2f2ed; padding: 6px 0 6px 26px; } .Herro_me_btns a:last-child img { margin-right: 10px; animation: 1s infinite wobble; max-width: 27px; } .me_count { display: flex; justify-content: space-between; text-align: center; margin-top: 50px; position: relative; z-index: 1; } .newcounterbx { margin-top: 80px; backdrop-filter: blur(7px); position: relative; z-index: 1; padding: 35px 0 0px; } .newcounterbx h3 { font-weight: 700; color: #fff; font-size: 24px; margin-bottom: 20px; line-height: 24px; position: relative; z-index: 1; text-align: center; } .newcounterbx .me_count { margin-top: 0px; } .me_countbox { width: 20%; padding: 20px 0; backdrop-filter: blur(7px); border-right: 1px solid #f2f2f233; } .me_countbox > div { font-weight: 700; font-size: 50px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 60px; } .me_countbox span { color: #fff; font-size: 15px; font-weight: 600; } .me_countbox > div .purecounter { line-height: 44px; } .tc_main h3 { font-weight: 700; font-size: 24px; padding: 20px 0 20px; line-height: 24px; color: #08223a; text-align: center; } .latesttech_box { position: relative; border-radius: 10px; width: 32%; height: auto; margin-bottom: 30px; margin-right: 17px; overflow: hidden; } .framework_tabs .nav-tabs li button::after, .latesttech_inner, .techhead { left: 0; right: 0; margin: 0 auto; position: absolute; } .latesttech_box > img { height: 460px; width: 100%; object-fit: cover; border-radius: 10px; position: relative; z-index: 0; } .techhead { bottom: 0; z-index: 2; width: 100%; padding: 16px 10px; transition: 0.3s ease-in-out; text-align: center; } .latesttech_inner, .whatmakeshover { bottom: -100%; transition: 0.3s ease-in-out; } .latesttech_inner ul li p, .software-banner-bx .newbanner_content p { text-align: left; } .latesttech_box:hover .latesttech_inner { bottom: 56px; } .latesttech_inner { padding: 20px 16px; background-color: #1a81ff; border-radius: 0; width: 100%; z-index: 1; overflow-x: hidden; overflow-y: auto; height: 404px; } .latesttech_inner::-webkit-scrollbar { display: none; } .techhead h3 { font-weight: 700; color: #08223a; font-size: 20px; margin-bottom: 0; line-height: 24px; } .latesttech_inner p { color: #fff; font-size: 18px; margin-bottom: 0; line-height: 27px; } .latesttech_inner ul li { margin-bottom: 3px; } .latesttech_inner ul { list-style: circle; font-size: 18px; padding-left: 16px; margin-top: 14px; color: #fff; } .ChartTopping_main { border-radius: 30px; padding: 60px 40px; display: flex; flex-wrap: wrap; box-shadow: 0 0 20px #0000002e; margin-bottom: 40px; } .ChartTopping_box { display: flex; background-color: #fff; border-radius: 10px; box-shadow: 0 0 30px #00000052; align-items: center; padding: 20px 30px; margin-bottom: 30px; } .ChartTopping_box h3 { font-weight: 700; color: #08223a; font-size: 18px; line-height: 24px; margin: 0; } .ChartTopping_box h3 span { display: block; font-weight: 700; font-size: 32px; margin-bottom: 12px; } .ChartTopping_box img { max-width: 65px; margin-right: 18px; } .ChartTopping_main .new_font_content h2 { margin-bottom: 15px; } .framework_tabs .nav-tabs li button { border: 0 !important; border-bottom: 1px solid #fff !important; padding: 10px 24px; text-align: center; margin: 0; color: #fff !important; font-size: 22px; font-weight: 700; position: relative; display: block; } .framework_tabs .nav-tabs li button::after { content: ""; width: 0; height: 0; vertical-align: middle; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 16px solid #fff; bottom: -16px; display: none; } .frameworkinner { margin-top: 30px; display: flex; align-items: center; } .frameworkcontent { width: 50%; border: 1px solid #f2f2f240; border-radius: 30px; padding: 50px 40px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); } .bestsuit p::after, .unmatchedservices_inner ul li::after { right: 0; height: 12px; width: 12px; background-color: #0080ff; border-radius: 30px; bottom: 0; left: 0; content: ""; } .papularapps_icons, .whatmakes_box { background-color: #fff; overflow: hidden; } .frameworkimg { width: 50%; text-align: center; } .frameworkcontent h3 { font-size: 26px; font-weight: 700; line-height: 38px; color: #ffff; margin-bottom: 12px; } .frameworkcontent p, .unmatchedservices_inner p { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; } .framework_smhead { color: #1a81ff; font-size: 17px; display: block; margin-bottom: 10px; width: 100%; } .bestsuit, .papularapps { margin-top: 18px; } .papularapps { margin-bottom: 30px; display: flex; flex-wrap: wrap; } .bestsuit p { font-size: 16px; padding-left: 24px; position: relative; margin-bottom: 4px; } .bestsuit p::after { position: absolute; top: 8px; } .papularapps_icons { margin-right: 14px; border-radius: 70px; margin-top: 8px; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .unmatchedservices_box { overflow: hidden; height: 575px; width: 100%; position: relative; border-radius: 0; } .unmatchedservices_inner { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 2; padding: 44px 50px; transform: translateY(-50%); } .unmatchedservices_box::after { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0, #000 50%); } .unmatchedservices_inner h3 { font-size: 22px; font-weight: 700; line-height: 34px; color: #ffff; margin-bottom: 20px; } .unmatchedservices_inner ul { margin-top: 15px; } .unmatchedservices_inner ul li { position: relative; font-size: 18px; font-weight: 400; color: #fff; margin-bottom: 7px; padding-left: 23px; } .unmatchedservices_inner ul li::after { position: absolute; top: 5px; } .unmatchedservices_btn { text-align: center; margin-top: 40px; } .frameworkico, .whyhandpickbox img { max-width: 55px; margin-bottom: 20px; } .un_servicesico { max-width: 55px; margin-bottom: 15px; filter: brightness(60.5); } .meindustryymain .col-md-3, .whatmakes_box { margin-bottom: 30px; } .whatmakes_box { border-radius: 24px; padding: 40px 30px; height: 350px; position: relative; display: flex; align-items: flex-end; flex-wrap: wrap; } .whatmakes_count { font-weight: 700; font-size: 150px; color: #08223a21; line-height: 150px; position: absolute; top: 10px; right: 20px; } .whatmakeshover { position: absolute; background-color: #1a81ff; left: 0; right: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px 40px; height: 100%; } .whatmakeshover p { font-size: 18px; color: #fff; margin: 0; text-align: center; line-height: 28px; } .whatmakes_content h3 { font-weight: 700; color: #08223a; font-size: 24px; line-height: 32px; margin-top: 20px; } .whatmakes_content img { max-width: 70px; } .whatmakes_box:hover .whatmakeshover { bottom: 0; } .unmatchedservices_tabs { border-radius: 30px; background-color: #fff; overflow: hidden; display: flex; } .unmatchedservices_tabs .nav-tabs { width: 40%; padding: 30px; border: 0; background-color: #eef3ff; height: 575px; overflow-y: auto; } .unmatchedservices_tabs .nav-tabs::-webkit-scrollbar { display: none; } .unmatchedservices_tabs .nav-tabs li button { display: flex; align-items: center; justify-content: flex-start; padding: 20px; font-size: 18px; font-weight: 700; border: 0 !important; background-color: #fff; border-radius: 20px; margin-bottom: 20px; color: #08223a !important; width: 100%; text-align: left; } .unmatchedservices_tabs .nav-tabs li.active button { background-color: #1a81ff; color: #fff !important; } .unmatchedservices_tabs .nav-tabs li.active button img { max-width: 32px; margin-right: 12px; filter: brightness(50); } .unmatchedservices_tabs .tab-content { width: 60%; } .unmatchedservices_tabs .nav-tabs li button img { max-width: 32px; margin-right: 12px; } .cardflipbox .cardfront { transform: rotateY(0); transform-style: preserve-3d; background-repeat: no-repeat; position: relative; } .cardflipbox .cardflipinner .cardfront::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0.4; border-radius: 15px; background-color: #000; } .innercontent p { color: #fff; font-size: 17px; margin-bottom: 20px; } .innercontent .newbtn_design { background: #fff; color: #0080ff !important; font-size: 16px; line-height: 24px; border-radius: 12px; height: 50px; } .cardflipbox .innercontent { position: absolute; left: 0; width: 100%; padding: 20px; outline: transparent solid 1px; -webkit-perspective: inherit; perspective: inherit; z-index: 2; top: 50%; transform: translateY(-50%) translateZ(60px) scale(0.94); text-align: center; } .sftwr_wrp .cardflipbox .cardback { background: #3370ff; } .cardflipbox .innercontent h3 { color: #fff; font-size: 26px; font-weight: 700; line-height: 34px; } .cardflipbox .cardback { position: absolute; top: 0; left: 0; transform: rotateY(180deg); transform-style: preserve-3d; } .cardflipbox .cardflipinner { position: relative; width: 100%; height: 100%; backface-visibility: hidden; transform-style: preserve-3d; perspective: 1000px; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; } .cardflipbox .cardback, .cardflipbox .cardfront { background-position: center; border-radius: 15px; width: 100%; height: 100%; min-height: 340px; transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); backface-visibility: hidden; background-size: cover; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); } .advfeatures_btns .featurbtn span { display: inline-flex; align-items: center; height: 30px; width: 30px; background: #0080ff; border-radius: 8px; color: #fff; justify-content: center; font-weight: 700; margin-right: 9px; font-size: 15px; } .advfeatures_btns .featurbtn { border: 3px solid #f2f2f2; padding: 20px 22px; margin-right: 20px; border-radius: 10px; font-size: 20px; transition: 0.3s ease-in-out; color: #0080ff; cursor: pointer; } .advfeatures_btns .featurbtn.active { background-color: #0080ff; color: #fff; border-color: #0080ff; } .advfeatures_btns .featurbtn.active span { background-color: #fff; color: #0080ff; } .advfeaturesinner { display: flex; align-items: center; margin: 40px 0 30px; background: #f2f2f2; padding: 30px; border-radius: 20px; } .advfeaturescontent h3 { color: #08223a; font-size: 26px; line-height: 36px; font-weight: 700; margin-bottom: 12px; } .advfeaturescontent p { font-size: 18px; line-height: 29px; font-weight: 400; margin-top: 8px !important; color: #08223a; } .advfeaturescontent { width: 50%; padding: 0 100px 0 30px; } .advfeaturesimg { width: 50%; text-align: center; height: 400px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 14px; } .developmentstagesbox { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 180px 30px 40px; border-radius: 14px; position: relative; margin: 0 12px; text-align: center; transition: 0.3s ease-in-out; min-height: 520px; } .development_step { position: absolute; top: 0; color: #fff; opacity: 0.1; font-size: 170px; line-height: 170px; left: 0; right: 0; margin: 0 auto; } .developmentstagesbox span { background-color: #fff; height: 70px; width: 70px; display: flex; border-radius: 50px; align-items: center; justify-content: center; margin: 0 auto 20px; } .developmentstagesbox h3 { color: #fff; font-weight: 700; font-size: 21px; margin-bottom: 14px; line-height: 31px; } .developmentstagesbox p { color: #fff; font-size: 18px; margin: 0; line-height: 28px; } .developmentstageslider .slick-active button { background: #fff; width: 30px; transition: 0.3s ease-in-out; } .developmentstageslider li { margin: 0 5px; } .developmentstageslider li button { height: 12px; width: 12px; background: #fff; border: 0; border-radius: 50px; text-indent: 999999999999999999px; transition: 0.3s ease-in-out; } .developmentstageslider .slick-dots { display: flex; justify-content: center; margin-top: 30px; align-items: center; } .engagementmodelbox { background: #f2f2f2; border-radius: 30px; padding: 30px 30px 110px; height: 100%; width: 100%; position: relative; transition: 0.3s ease-in-out; } .engagementmodelbox:hover { transform: translateY(-5px); } .engagementmodelbox h3 { font-weight: 700; font-size: 22px; color: #08223a; margin-bottom: 15px; } .bestfor { margin-top: 25px; font-size: 16px; color: #08223a; line-height: 24px; margin-bottom: 10px; } .engagementmodelbox p { color: #08223a; font-size: 16px; line-height: 25px; margin-bottom: 20px; min-height: 130px; } .bestfor strong { color: #1a81ff; } .engagementmodelbox ul { background-color: #fff; padding: 16px 20px 16px 40px; border-radius: 20px; } .engagementmodelbox ul li::after { position: absolute; content: ""; top: 8px; left: -21px; right: auto; bottom: 0; height: 12px; width: 12px; background-color: #0080ff; border-radius: 30px; } .engagementmodelbox li p { text-align: left; margin-bottom: 6px; min-height: auto; } .engagementmodelbox span { margin-bottom: 18px; display: block; } .engagementmodelbox span img { max-width: 50px; } .engagementmodelbox .newbtn_design { width: 84%; justify-content: flex-start; border-radius: 15px; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .engagementmodel .col-md-12 .row .col-md-4 { display: flex; align-items: flex-start; margin-bottom: 21px; } .whyhandpickbox { background-color: #ffff; margin: 12px 0; border-radius: 20px; padding: 30px 20px; box-shadow: 0 0 16px #0000002e; height: 100%; } .nextbtns, .previousbtns { padding: 12px 32px; font-weight: 700; font-size: 20px; } .whyhandpickbox h3 { font-weight: 700; font-size: 20px; color: #08223a; margin-bottom: 12px; } .whyhandpickbox p { color: #08223a; font-size: 17px; line-height: 27px; margin-bottom: 0; } .whyhandpick_row .col-md-6 { display: flex; margin-bottom: 25px; } .mefaq .faq_box.active { height: auto; display: block; } .mefaq .faq_box { padding: 0 50px 0 25px; border-radius: 10px; margin-bottom: 30px; cursor: pointer; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: unset; height: 90px; align-items: center; display: flex; justify-content: space-between; } .mefaq .faq_box_head { padding: 15px 0; font-size: 18px; color: #fff; width: 100%; } .mefaq .faq_data { font-size: 17px; padding-bottom: 18px; line-height: 27px; color: #fff; text-align: left; } .costmobileapp_img img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; } .costmobileapp_form .form-container { background: #1a81ff; padding: 40px; width: 100%; max-width: 100%; height: 430px; border-radius: 20px; } .costmobileapp_form .progress-bar { display: flex; margin-bottom: 30px; width: 100%; height: auto; } .costmobileapp_form .costmobileapp_form .progress-bar div { height: 3px; flex: 1; background-color: rgba(255, 255, 255, 0.3); margin-right: 5px; } .costmobileapp_form .form-step, .expri_comm .box-comm:last-child:before, .flip-industry .hidden-bx ul li::after, .herro_form form .form-group:last-child::after, .mobileshowslider, .radiobtnsstep input, .trust-cta-mobile { display: none; } .costmobileapp_form h3 { color: #fff; font-size: 32px; line-height: 44px; margin-bottom: 10px; } .nextbtns { background-color: #fff; border: 2px solid #fff; border-radius: 50px; color: #1a81ff; } .previousbtns { border: 2px solid #fff; background: 0 0; border-radius: 50px; margin-right: 20px; color: #fff; } .globalgdp_txt ul li::after, .mevideopartbox { background-repeat: no-repeat; background-position: center; } .progress-bar div { height: 3px; width: 0; background-color: #fff; display: flex; align-items: center; opacity: 0.8; transition: 0.3s ease-in-out; } .costmobileapp_form .progress-bar div.active { opacity: 1; width: 20%; } .radiobtnsstep label { position: relative; color: #fff; font-size: 18px; width: 100%; font-weight: 500; margin-top: 12px; padding-left: 30px; line-height: 21px; } .costmobileapp_img { height: 430px; overflow: hidden; border-radius: 20px; } .radiobtnsstep label::after { position: absolute; content: ""; left: 0; top: 0; height: 20px; width: 20px; border: 1px solid #fff; border-radius: 50px; } .radiobtnsstep label::before { position: absolute; content: ""; left: 4px; top: 4px; height: 12px; width: 12px; background-color: #fff; border-radius: 50px; transform: scale(0); transition: 0.3s ease-in-out; } .radiobtnsstep input:checked ~ label::before { transform: scale(1); } .costmobileapp_form .form-control { height: 54px; border-radius: 40px; box-shadow: unset !important; border: 0; margin-bottom: 19px; font-size: 18px; padding: 22px; } .bg-black { background-color: #000 !important; } .casestudybtn a { border: 2px solid #fff; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 15px 23px; color: #fff !important; font-weight: 700; font-size: 15px; } .aictacontent h2, .comprehensive_process .slider__wrapper { color: #08223a; font-family: "Product Sans"; } .casestudybtn a img { margin-left: 10px; } .whychooosedesign_san .whychooosemain .nav-tabs li a { font-size: 20px; padding: 0 24px; } .interlink_update { color: #1a81ff !important; font-weight: 900; font-style: italic; } .interlink_white { color: #fff !important; font-weight: 900; font-style: italic; } .advfeaturesimg img { display: inline-block; max-width: 100%; width: 100%; object-fit: cover; } .herome_img { width: 100%; text-align: center; position: relative; } .herome_img .anmateicon img { position: absolute; animation: 2s ease-out infinite zoom-in-zoom-out; max-width: 75px; filter: brightness(30.5); -webkit-filter: brightness(30.5); } .herome_img .anmateicon img:first-child { position: absolute; top: 0; left: 50px; } .herome_img .anmateicon img:nth-child(2) { position: absolute; top: 0; right: 20px; animation: 2s ease-out infinite zoom-in-zoom-out1; } .herome_img .anmateicon img:nth-child(3) { position: absolute; top: 47%; left: -30px; } .herome_img .anmateicon img:nth-child(4) { position: absolute; bottom: -50px; left: 50px; animation: 2s ease-out infinite zoom-in-zoom-out1; } .herome_img .anmateicon img:nth-child(5) { position: absolute; bottom: 0; right: -20px; } @keyframes zoom-in-zoom-out { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.1, 1.1) rotate(-10deg); } } @keyframes zoom-in-zoom-out1 { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.1, 1.1) rotate(10deg); } } .mectanew .cta-right img { max-width: 525px; margin-top: -46px; } .mevideopartbox { height: 550px; background-size: 500px; } .advfeaturesslider { max-width: 1170px; margin: 0 auto; } .aidubaihero .Herro_me_inner span { width: 100%; display: block; margin-bottom: 14px; } .aidubaihero .Herro_me_inner { margin-bottom: 26px; } .faq_data ul { list-style-type: circle; padding-left: 19px; margin-top: 5px; margin-bottom: 10px; } .mb-0 { margin-bottom: 0 !important; } .mt-0 { margin-top: 0 !important; } .globalgdp_txt { backdrop-filter: blur(10px); box-shadow: 0 28px 45px -1px #0000000d; background: linear-gradient(123.55deg, rgba(255, 255, 255, 0.2) 11.74%, rgba(255, 255, 255, 0.1) 87.03%); padding: 70px 50px 70px 40px; border-radius: 30px; } .globalgdp_txt ul li { margin-bottom: 15px; position: relative; padding-left: 30px; } .globalgdp_txt ul li::after { position: absolute; content: ""; top: 4px; left: -6px; right: 0; bottom: 0; height: 20px; width: 20px; background-image: url(../images/ai_dubai/arrow.png); background-size: 20px; filter: invert(50%) sepia(100%) saturate(745%) hue-rotate(196deg) brightness(105%) contrast(102%); -webkit-filter: invert(50%) sepia(100%) saturate(745%) hue-rotate(196deg) brightness(105%) contrast(102%); } .globalgdp_txt ul li p { color: #fff; font-size: 18px; line-height: 28px; } .tg_gredient { background: linear-gradient(0deg, #1a81ff 0, #000 100%) !important; } .tg_gredient1 { background: linear-gradient(180deg, #1a81ff 0, #000 100%) !important; } .soft-choice .choice-cta, .software-banner-bx { background-size: cover; background-repeat: no-repeat; } .borderdesign { height: 1px; width: 100%; margin: -2px auto; background-color: #ffffff4d; } .aictamain { background-color: #fff; border-radius: 30px; padding: 30px 0; display: flex; position: relative; } .aictacontent { padding: 0 40px; width: 70%; } .bestaiapp_box, .easystep_box, .weare1box { background-color: #ffffff14; border-radius: 16px; padding: 30px 20px; transition: 0.3s ease-in-out; box-shadow: 0 0 350px #ffffff00; } .aictaimg { width: 30%; } .aictacontent h2 { font-size: 32px; line-height: 46px; font-weight: 700; margin-bottom: 20px; text-transform: capitalize; } .aictaimg img { max-width: 351px; margin: -74px 0 -30px -30px; } .easystep_box img, .weare1box img { max-width: 50px; margin-bottom: 15px; filter: brightness(50); transition: 0.3s ease-in-out; } .weare1box h3 { color: #fff; font-size: 24px; margin-bottom: 14px; transition: 0.3s ease-in-out; font-weight: 800; } .bestaiapp_box p, .weare1box p { color: #fff; font-size: 18px; margin-bottom: 0; transition: 0.3s ease-in-out; line-height: 28px; } .weare1box:hover img { filter: unset; } .weare1 .row .col-md-3, .weare1 .row .col-md-6 { margin-bottom: 25px; display: flex; } .weare1 .new_font_content { background-color: #ffff; border-radius: 16px; box-shadow: 0 0 350px #ffffff00; padding: 34px 30px; } .easystep_box:hover { transform: translateY(-10px); } .easystep_box h3 { color: #fff; font-size: 24px; margin-bottom: 12px; transition: 0.3s ease-in-out; line-height: 30px; font-weight: 800; } .easystep_box p { color: #fff; font-size: 18px; margin-bottom: 0; transition: 0.3s ease-in-out; line-height: 27px; } .easystep_main .col-md-6 { display: flex; margin: 14px 0; } .easystep .container > .row { display: flex; flex-wrap: wrap; align-items: center; } .best_ai_app_slider { width: 92%; margin-top: 50px; margin-left: auto; margin-bottom: 50px; } .bestaiapp_box { margin-right: 24px; min-height: 570px; } .bestaiapp_box img { width: 100%; height: 250px; object-fit: cover; margin-bottom: 15px; border-radius: 10px; } .bestaiapp_box h3 { color: #fff; font-size: 24px; margin-bottom: 12px; transition: 0.3s ease-in-out; line-height: 30px; font-weight: 700; max-width: 80%; } .bg_new_bx { background-color: #07090d; } .software-banner-bx { padding: 210px 0 70px; opacity: 1; position: relative; background-position: center; background-attachment: fixed; } .software-banner-bx .newbanner_content ul { padding-left: 20px; list-style: disc; color: #fff; display: flex; flex-direction: column; gap: 5px; } .software-banner-bx .newbanner_content ul li { font-size: 16px; line-height: 22px; font-weight: 300; } .software-banner-bx label.read-more-button { width: 100% !important; } .software-banner-bx::after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.7; } .custom-company .left-custom img, .effective-steps .imgg-effective img, .software-banner-bx .software-side img { width: 100%; position: relative; z-index: 1; } .software-banner-bx .software-side::after { content: ""; position: absolute; height: 280px; width: 300px; background-image: url(../images/custom_software_dubai/banner-arrow.webp); background-position: 98% 10%; background-repeat: no-repeat; background-size: 133px auto; opacity: 1; transition: 0.3s, border-radius 0.3s, opacity 0.3s; z-index: 1; right: 8%; top: -10%; animation: 5s linear infinite alternate-reverse hero-anim; } .software-banner-bx .rigth-soft .img-cls img { position: absolute; max-width: 100px; } .software-banner-bx .img-bx1.img-cls { z-index: 2; position: absolute; top: 5%; animation: 2s linear infinite alternate-reverse about-anim; } .software-banner-bx .img-bx2.img-cls { position: absolute; right: 18%; top: auto; z-index: 2; bottom: 48%; animation: 2s linear infinite alternate-reverse hero-anim; } .expri_comm .box-comm { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; font-family: "Product Sans"; } .comprehensive_process .slider__wrapper h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 35px; } .comprehensive_process .slider__wrapper p, .software-cost .costt-detail p { font-weight: 300; font-size: 17px; line-height: 28px; padding-top: 10px; } .comprehensive_process .slider__wrapper, .slider__wrapper .slick-track { overflow: hidden; } .comprehensive_process .slider__content { display: flex !important; align-items: center; justify-content: flex-end; width: 100%; position: relative; max-height: 90%; } .comprehensive_process .slider__content .slider__text { transition: 1s linear; background: #fff; padding: 20px 30px; position: absolute; left: 0; width: 40%; z-index: 1; border-radius: 20px; border: 2px solid #1a81ff; box-shadow: #0080ff 0 10px 0 0, #1a81ff 0 0 0 0; } .comprehensive_process .slider__content .slider__text::after { content: ""; position: absolute; bottom: -14%; right: 3%; z-index: 0; clip-path: polygon(100% 0, 0 0, 100% 100%); height: 40px; width: 60px; background: #fff; } .comprehensive_process .slider__content .slider__image { width: 70%; margin: 0; position: relative; } .comprehensive_process .slider__content .slider__image::before { content: ""; padding-top: 56.25%; display: block; } .comprehensive_process .slider__content .slider__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.75s; border-radius: 0 20px 20px 0; border: 2px solid #1a81ff; } .comprehensive_process .cta-btn-bx { display: flex; justify-content: center; margin-top: 30px; } .soft-choice .row .col-md-4 { display: flex; height: auto; padding: 0; position: sticky; top: 110px; } .soft-choice .choice-cta { display: flex; align-items: flex-end; border-radius: 20px; background-position: bottom; } .soft-choice .choice-cta:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #08223a; opacity: 0.8; border-radius: 20px; } .soft-choice .choice-cta .content-bxs { padding: 70px 30px; color: #fff; position: relative; z-index: 1; } .soft-choice .choice-cta .content-bxs h3 { font-weight: 700; font-size: 25px; margin-bottom: 10px; line-height: 35px; } .soft-choice .choice-cta .content-bxs ul { display: flex; flex-direction: column; list-style: disc; gap: 10px; padding-left: 10px; margin: 20px; } .soft-choice .choice-cta .content-bxs ul li { border: none; padding: 0; font-size: 16px; } .soft-choice ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding-left: 30px; } .soft-choice ul li { border: 1px solid #1a81ff; padding: 20px 15px; border-radius: 20px; } .customm_process .process-details h3, .soft-choice h3 { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 10px; line-height: 22px; } .customm_process .process-details p, .soft-choice ul li p { font-weight: 300; color: #fff; font-size: 16px; margin-bottom: 0; line-height: 28px; } .soft-choice li img { max-width: 45px; margin-bottom: 15px; filter: brightness(0) invert(1); } .software-cost ul { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); font-family: "Product Sans"; color: #fff; } .software-cost .costt-detail { border: 1px solid #fff; padding: 30px; position: relative; color: #fff; } .software-cost .row { display: flex; font-family: "Product Sans"; } .software-cost .col-md-4, .software-cost .col-md-6 { padding: 0; display: flex; } .delivering-software .dev_contentt h3, .frontier_section .developing_mp h3, .get-access h3, .software-cost .costt-detail h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; } .frontier_section .developing_mp ul li img { max-width: 45px; background-color: #1a81ff; border-radius: 12px; padding: 5px; margin-top: 20px; } .frontier_section .cta-btn-bx { padding-top: 30px; } .app-procedure-bx .detail-procedure p, .cost-esti-bxs p, .delivering-software .dev_contentt p, .effective-steps p, .frontier_section .developing_mp p, .get-access p, .innovative-mobile .main-inno-bx p, .process-follow-bx .process-pane p, .profitable-business p, .soft-unmatched .unmatch-bx p, .software-innovation .inner-inno p { font-weight: 300; font-size: 17px; line-height: 28px; padding-top: 5px; } .frontier_section .developing_mp { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; position: relative; font-family: "Product Sans"; color: #08223a; } .frontier_section .developing_mp:before { content: ""; background-image: url(../images/custom_software_dubai/Frame-bg.webp); position: absolute; width: 55%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; background-repeat: no-repeat; background-position: center; background-size: contain; } .frontier_section .developing_mp ul { width: 32%; display: flex; flex-direction: column; gap: 24px; } .frontier_section .developing_mp ul li { background: #07090d; border-radius: 10px; padding: 13px; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin: 15px 0; border: 2px solid #1a81ff; color: #fff; position: relative; z-index: 1; transition: 0.5s; cursor: pointer; } .frontier_section .developing_mp span { background: #07090d; font-size: 45px; position: absolute; top: -37px; height: 55px; width: 50px; text-align: center; line-height: 55px; color: transparent; border-radius: 5px; } .clientss-testimonial .testi-bx, .customm_process ul li { border: 1px solid #1a81ff; } .frontier_section .developing_mp ul li:hover { border: 2px dashed #1a81ff; } .clientss-testimonial .testi-bx .testi-content span { font-size: 45px; position: absolute; top: 0; right: 0; height: 55px; width: 50px; text-align: center; color: transparent; } .software-table tr .cls.last:after, .software-table tr .cls:after { content: ""; height: 135px; top: -29px; position: absolute; padding: 30px 0; left: 0; z-index: -1; } .customm_process .process-details img { max-width: 45px; filter: brightness(0) invert(1); margin-bottom: 15px; } .customm_process ul { display: flex; flex-direction: column; gap: 30px; margin-left: 70px; } .customm_process ul li { display: flex; align-items: center; font-family: "Product Sans"; position: relative; border-radius: 0 20px 20px 0; } .customm_process .process-details { padding: 30px 30px 30px 70px; } .customm_process .num span { font-size: 140px; position: absolute; top: 6%; left: -5%; background: #07090d; color: transparent; } .customm_process .new_font_content.new_font_white { padding: 45px 40px; background: rgb(5 8 26); border-radius: 20px; border: 1px solid #1a81ff; } .new_font_content span { font-style: italic; font-weight: 600; font-size: 16px; line-height: 28px; } .software-table table { width: 100%; position: relative; z-index: 1; font-family: "Product Sans"; } .software-table tr { border: 1px solid #1a81ff; color: #fff; } .software-table td, .software-table th { padding: 24px 30px; text-align: center; } .software-table th { font-size: 28px; font-weight: 600; line-height: 35px; } .software-table td { font-size: 18px; font-weight: 400; line-height: 25px; } .software-table tr:nth-child(2) td:nth-child(2), .software-table tr:nth-child(4) td:nth-child(2), .software-table tr:nth-child(6) td:nth-child(2), .software-table tr:nth-child(8) td:nth-child(2) { background: #06c; } .software-table tr:first-child { background-image: url(../images/custom_software_dubai/table-headingbg.webp); background-size: 100% 100%; background-repeat: no-repeat; border: none; } .software-table tr:nth-child(8) { border-radius: 20px; } .software-table tr .cls { background-color: #0080ff; position: relative; border-bottom: 1px solid; color: #fff; width: 30%; } .software-table tr .cls:after { width: 100%; background: #0080ff; border-radius: 20px; border: 1px solid; } .software-table tr .cls.last:after { width: 100%; background: #06c; border-radius: 20px; border: 1px solid; } .software-table td.cls.last { border-bottom: 1px solid transparent !important; } .software-cta-bx .container { background-size: 100%; background-position: center; position: relative; border-radius: 20px; z-index: 1; font-family: "Product Sans"; color: #fff; height: 445px; display: flex; align-items: center; background-repeat: no-repeat; } .herro_form, .submitbtns { border: 1px solid #1a81ff; } .software-cta-bx h2 { font-size: 34px; font-weight: 700; line-height: 1.2; border-left: 6px solid #fff; padding-left: 20px; text-transform: capitalize; } .software-cta-bx ul { list-style: disc; margin: 20px 0; padding-left: 40px; gap: 10px; display: flex; flex-direction: column; } .software-cta-bx ul li { font-size: 17px; line-height: 25px; font-weight: 400; } .software-cta-bx .container .row { position: relative; display: flex; height: 100%; } .software-cta-bx .container .side-cta { display: flex; height: 100%; } .software-cta-bx { padding-top: 50px; } .software-cta-bx .cta-soft-content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 60px; } .herro_form { backdrop-filter: blur(20px); padding: 30px 40px 20px; border-radius: 20px; position: relative; background: radial-gradient(circle at 30% 30%, rgba(15, 76, 129, 0.8), #000c1a); } .herro_form h2 { color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 10px; text-align: center; } .herro_form h2 span { color: #0080ff; font-size: 30px; margin-top: 8px; } .herro_form form .form-group .form-control { background-color: transparent; border-radius: 0; height: 50px; padding: 14px 0; resize: none; color: #fff; font-size: 16px; box-shadow: unset; border: 0; border-bottom: 2px solid #fff; } .herro_form form .form-group .form-control::placeholder { color: #fff; opacity: 1; } .herro_form form .form-group textarea.form-control { height: 100px; border-radius: 0; } .herro_form form .form-group { margin-bottom: 15px; position: relative; } .herro_form form .form-group::after { position: absolute; content: ""; bottom: 0; height: 2px; background-color: #1a81ff; width: 20%; left: 0; transition: 0.3s ease-in-out; } .herro_form form .form-group:has(input:focus)::after { width: 100%; } .herro_form form .form-group:has(textarea:focus)::after { width: 100%; } .submitbtns { background: #1a81ff; color: #fff; font-size: 16px; font-weight: 700; border-radius: 10px; width: 100%; height: 50px; transition: 0.3s; margin-top: 10px; } .submitbtns:hover { background: #fff; color: #1a81ff; border: 1px solid #1a81ff; } .formbgchange { background-color: #0000007d; border-radius: 20px 20px 0 0; padding: 20px 30px; margin: 25px -10px -20px; } .formdesignnew .formbgchange { background-color: #fff; margin: -10px -10px -57px; border-radius: 20px; } .formdesignnew form .form-group .form-control { border-color: #9b9b9b; color: #2d2d2d; } .formdesignnew form .form-group .form-control::placeholder { color: #9b9b9b; } .latesttech_box .interlink_update { color: #000 !important; font-style: italic; } .aistage .developmentstagesbox { min-height: 640px; } .costestimations .price-table { background: radial-gradient(circle at 30% 30%, rgba(15, 76, 129, 0.8), #000c1a); box-shadow: 0 0 350px #ffffff00; overflow: hidden; border-radius: 14px; border: 0; } .costestimations .price-table tr td { padding: 15px 24px; font-size: 15px; font-weight: 600; border: 0; color: #fff; border-right: 1px solid #ffffff14; border-bottom: 1px solid #ffffff14; } .costestimations .price-table tr th { border: 0; background-color: #ffffff14 !important; padding: 22px 20px !important; } .advfeaturesslider .slick-next, .advfeaturesslider .slick-prev, .award-coman .slick-next, .award-coman .slick-prev, .best_ai_app_slider .slick-next, .best_ai_app_slider .slick-prev, .clientss-testimonial .slick-next, .clientss-testimonial .slick-prev, .cycle-process .slick-next, .cycle-process .slick-prev, .delivering-software .slick-next, .delivering-software .slick-prev, .developmentstageslider .slick-next, .developmentstageslider .slick-prev, .new_portfolio_bx .slick-next, .new_portfolio_bx .slick-prev, .potfolio-slider .slick-next, .potfolio-slider .slick-prev, .process-follow-bx .slick-next, .process-follow-bx .slick-prev, .service-testimonial .slick-next, .service-testimonial .slick-prev, .techexperienceslider .slick-next, .techexperienceslider .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .advfeaturesslider .slick-prev, .developmentstageslider .slick-prev, .new_portfolio_bx .slick-prev, .techexperienceslider .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .advfeaturesslider .slick-next, .developmentstageslider .slick-next, .new_portfolio_bx .slick-next, .techexperienceslider .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .advfeaturesslider .slick-next::after, .advfeaturesslider .slick-prev::after, .best_ai_app_slider .slick-next::after, .best_ai_app_slider .slick-prev::after, .clientss-testimonial .slick-next::after, .clientss-testimonial .slick-prev::after, .developmentstageslider .slick-next::after, .developmentstageslider .slick-prev::after, .new_portfolio_bx .slick-next::after, .new_portfolio_bx .slick-prev::after, .potfolio-slider .slick-next::after, .potfolio-slider .slick-prev::after, .techexperienceslider .slick-next::after, .techexperienceslider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/saudi-arabia/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #000; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .comprehensive_process .slick-next, .comprehensive_process .slick-prev, .feedback_slider .slick-next, .feedback_slider .slick-prev, .similar_profilenav .slick-next, .similar_profilenav .slick-prev, .soft-unmatched .slick-next, .soft-unmatched .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .feedback_slider .slick-prev { right: 0; left: -74px; bottom: -90px; transform: translateY(-50%) scale(-1); } .feedback_slider .slick-next { right: -86px; left: 0; bottom: -90px; transform: translateY(-50%); } .feedback_slider .slick-next::after, .feedback_slider .slick-prev::after { position: absolute; content: ""; background-image: url(../images/saudi-arabia/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #000; border-radius: 14px; width: 50px; height: 50px; background-color: #fff; } .best_ai_app_slider .slick-prev { right: auto; left: -30px; top: 50%; transform: translateY(-50%) scale(-1); } .best_ai_app_slider .slick-next, .clientss-testimonial .slick-next { right: 4px; left: auto; top: 50%; transform: translateY(-50%); } .clientss-testimonial .slick-prev { right: auto; left: 5px; top: 50%; transform: translateY(-50%) scale(-1); } .cycle-process .slick-prev, .service-testimonial .slick-prev { right: 50px; left: auto; top: -40px; transform: scale(-1); } .cycle-process .slick-next, .service-testimonial .slick-next { right: 4px; left: auto; top: -40px; } .comprehensive_process .slick-next::after, .comprehensive_process .slick-prev::after, .cycle-process .slick-next::after, .cycle-process .slick-prev::after, .delivering-software .slick-next::after, .delivering-software .slick-prev::after, .service-testimonial .slick-next::after, .service-testimonial .slick-prev::after, .soft-unmatched .slick-next::after, .soft-unmatched .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow.webp) !important; height: 50px !important; width: 50px !important; background-size: 50px !important; border: 0; border-radius: 0; } .comprehensive_process .slick-prev { right: auto; left: 150px; top: auto; transform: scale(-1); bottom: 30px; } .comprehensive_process .slick-next { right: auto; left: 200px; top: auto; bottom: 30px; } .award-coman .slick-prev { right: auto; left: -55px; top: 50%; transform: translateY(-50%) scale(-1); } .award-coman .slick-next { right: -55px; left: auto; top: 50%; transform: translateY(-50%); } .award-coman .slick-next::after, .award-coman .slick-prev::after { position: absolute; content: ""; background-image: url(../images/saudi-arabia/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .process-follow-bx .slick-next::after, .process-follow-bx .slick-prev::after, .similar_profilenav .slick-next::after, .similar_profilenav .slick-prev::after { content: ""; background-image: url(../images/commonpart/rightarrow.webp); background-position: center; background-size: 50px; height: 50px; background-repeat: no-repeat; position: absolute; width: 50px; } .potfolio-slider .slick-prev { right: auto; left: -70px; top: 50%; transform: translateY(-50%) scale(-1); } .potfolio-slider .slick-next { right: -70px; left: auto; top: 50%; transform: translateY(-50%); } .similar_profilenav .slick-prev { right: 0; left: -70px; top: auto; transform: scale(-1); bottom: -50px; } .similar_profilenav .slick-next { right: -90px; left: 0; top: auto; bottom: -50px; } .similar_profilenav .slick-next::after, .similar_profilenav .slick-prev::after { border: 0; border-radius: 50px; background-color: #fff; } .process-follow-bx .slick-prev { right: auto; left: -60px; transform: scale(-1) translateY(-50%); top: 50%; } .process-follow-bx .slick-next { left: auto; right: -60px; transform: translateY(-50%); top: 50%; } .process-follow-bx .slick-next::after, .process-follow-bx .slick-prev::after { border: 0; border-radius: 50px; } .delivering-software .slick-prev { right: 70px; left: auto; transform: scale(-1); top: -40px; } .delivering-software .slick-next { right: 20px; left: auto; top: -40px; } .soft-unmatched .slick-prev { right: auto; left: 180px; bottom: 70px; transform: scale(-1); } .soft-unmatched .slick-next { right: auto; left: 230px; bottom: 70px; } .clutchimgs { display: block; box-shadow: 0 0 20px #5e565624; margin-top: 25px; height: 230px; display: flex; align-items: center; background-color: #fff; overflow: hidden; } .clutch-row .col-md-5 img { max-width: 100%; margin-left: -31px; } .clutch-row .col-md-5 { padding: 0; text-align: left; } .imginterlink { position: relative; color: #1a81ff !important; } .imginterlink img { height: 60px; width: 180px; object-fit: cover; border-radius: 50px; position: absolute; visibility: hidden; opacity: 0; bottom: 0; left: 50%; transform: translateX(-50%); transition: visibility, opacity 0.3s, bottom 0.5s; } .imginterlink:hover img { visibility: visible; opacity: 1; bottom: 25px; } .advanced-level .level-img .level-1 img, .software-innovation .img-main img { width: 100%; object-fit: cover; } .software-innovation .inner-inno { background: #07090d; border-radius: 10px; padding: 13px; gap: 15px; margin: 15px 0; border: 2px solid #1a81ff; color: #fff; position: relative; z-index: 1; font-family: "Product Sans"; height: 100%; min-height: 205px; } .innovative-mobile .main-inno-bx h3, .software-innovation .inner-inno h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; margin-top: 25px; } .software-innovation .img-main { width: 100%; display: flex; justify-content: center; align-items: center; } .software-innovation ul { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .software-innovation ul .iconss { background-color: #1a81ff; border-radius: 12px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; top: -14%; } .software-innovation ul li { margin: 20px 0; } .accelerate-bx { position: relative; font-family: "Product Sans"; background-size: 100%; background-position: center center; background-repeat: no-repeat; height: 100%; } .accelerate-bx ul.accelerate-lst { display: grid; grid-template-columns: repeat(3, 1fr); gap: 65px; } .accelerate-bx .accelerate-lst li { background: #fff; padding: 20px; border-radius: 20px; text-align: center; position: relative; z-index: 2; transition: 0.5s; min-height: 150px; } .accelerate-bx .accelerate-lst li:before { position: absolute; content: ""; background: #fff; border-radius: 50%; width: 20px; height: 20px; left: -10px; top: -10px; } .accelerate-bx .accelerate-lst li h3 { font-weight: 700; font-size: 22px; color: #fff; text-align: center; line-height: 35px; } .accelerate-bx .accelerate-lst li::after { position: absolute; content: ""; background: #1a81ff; width: 100%; height: 100%; margin: auto; border-radius: 20px; z-index: -1; bottom: 5px; left: -10px; right: 0; } .accelerate-bx .accelerate-lst li:first-child, .accelerate-bx .accelerate-lst li:nth-child(2), .accelerate-bx .accelerate-lst li:nth-child(3) { transform: rotate(-7deg); } .accelerate-bx .accelerate-lst li:hover { transform: translate(0, 0); } .accelerate-bx .accelerate_otr div img, .aiclutch .col-md-5 img, .app-procedure-bx .img-procedure img, .bring-cta-bx .bring-imgs img, .cta_main_bxs .side-mgss img, .get-access .get-main img, .hire-well-bxs .img-hiree img, .soft-unmatched .unmatch-bx img { width: 100%; } .ways-software .img-ways { height: 100%; display: flex; } .ways-software .img-ways img { width: 100%; object-fit: cover; height: auto; border-radius: 0 20px 20px 0; } .ways-software div#accordion { display: flex; flex-direction: column; gap: 10px; } .ways-software .container { background-color: #fff; border-radius: 20px; padding: 40px 60px; position: relative; z-index: 2; } .ways-software .panel { position: relative; display: flex; flex-direction: column; font-family: "Product Sans"; transition: 0.7s ease-in-out; cursor: pointer; border-radius: 12px; } .ways-software .panel h3 { font-weight: 700; font-size: 22px; line-height: 35px; color: #08223a; } .ways-software .panel p { font-weight: 300; font-size: 17px; line-height: 28px; padding-left: 35px; transition: 1s ease-in-out; padding-bottom: 10px; color: #08223a; } .ways-software .panel-title a::after { content: ""; opacity: 0.6; position: absolute; top: 50%; right: -5px; border: solid; border-width: 0 2px 2px 0; transform: rotate(45deg); width: 8px; height: 8px; color: #08223a; transition: transform 0.3s ease-in-out; } .ways-software .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #1a81ff !important; } .ways-software .panel-default { border-color: #1a81ff; margin-bottom: 0; } .delivering-software .delivering_main { position: relative; padding: 0 30px 30px; border: 1px solid #1a81ff; color: #fff; border-radius: 12px; min-height: 275px; margin: 55px 15px 0; transition: 0.5s; } .delivering-software .delivering_main:hover { transform: translateY(-5px); border: 1px solid #1a81ff; } .delivering-software .iconss { height: 70px; width: 70px; border-radius: 12px; display: flex; align-items: center; justify-content: center; position: absolute; top: -12%; background-color: #1a81ff; } .delivering-software .dev_contentt { position: relative; top: 55px; } .cta_main_bxs .row { display: flex; position: relative; border: 1px solid #1a81ff; padding: 60px 0 50px 35px; border-radius: 12px; overflow: visible; box-shadow: 0 3px 6px #05081a, 0 3px 6px #1a81ff; } .cta_main_bxs .side-mgss { position: absolute; right: 0; bottom: 0; width: 30%; } .cta-simmilar-content p { color: #fff; font-size: 18px; font-weight: 500; line-height: 30px; padding: 0 0 15px 30px; } .cta_main_bxs .row span { position: absolute; top: 0; left: 8px; width: 98%; height: 100%; display: block; box-sizing: border-box; } .cta_main_bxs .row span:first-child { transform: rotate(0); } .cta_main_bxs .row span:nth-child(2) { transform: rotate(180deg); } .cta_main_bxs .row span::before { content: ""; position: absolute; width: 100%; height: 3px; background: #0080ff; animation: 4s linear infinite animate-border; } @keyframes animate-border { 0% { transform: scaleX(0); transform-origin: left; } 50% { transform: scaleX(1); transform-origin: left; } 50.1% { transform: scaleX(1); transform-origin: right; } 100% { transform: scaleX(0); transform-origin: right; } } .customm_process .process-details ul { display: flex; padding-left: 20px; list-style: disc; gap: 10px; margin-left: 0; } .customm_process .process-details ul li { display: flex; align-items: start; position: relative; border: none; border-radius: 0; } .choose-tech-dev ul li:after, .choose-tech-dev ul li:before { position: absolute; height: 100%; width: 100%; inset: 0; content: ""; } .customm_process .process-details ul li p { font-weight: 300; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 25px; } .choose-tech-dev ul, .profitable-business ul { display: flex; align-items: stretch; justify-content: center; gap: 15px; flex-wrap: wrap; } .choose-tech-dev ul li { border: 1px solid #1a2333; padding: 40px 20px 30px; background-color: #0e141e; width: 23%; border-radius: 8px; position: relative; z-index: 1; color: #08223a; cursor: pointer; } .choose-tech-dev li img { max-width: 45px; position: relative; z-index: 3; margin-bottom: 15px; } .choose-tech-dev ul li:before { background: linear-gradient(217.49deg, #116cff 12.73%, #1a81ff 97.31%); border-radius: 8px; margin: auto; transform: rotate(3deg); z-index: -1; opacity: 0; } .choose-tech-dev ul li:after { background: #fff; border: 1px solid; border-radius: 10px; } .choose-tech-dev h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; position: relative; z-index: 2; } .choose-tech-dev p { font-weight: 300; font-size: 17px; line-height: 28px; position: relative; z-index: 2; } .advv-technno .overlay h3, .advv-technno h3, .app-procedure-bx .detail-procedure h3, .cost-esti-bxs h3, .effective-steps h3, .profitable-business h3, .soft-unmatched h3 { font-size: 22px; line-height: 30px; font-weight: 600; } .grdnt_clr { background: linear-gradient(90deg, #006eef 0, #1a81ff 80%, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline; } .advv-technno ul li, .bannerimg { background-size: cover; background-position: center; background-repeat: no-repeat; } .new_font_content h2 span { font-size: 36px; line-height: 1.3; font-weight: 700; margin-bottom: 25px; font-family: "Product Sans"; text-transform: capitalize; font-style: normal; } .process-follow-bx .process-pane .row img { width: 100%; border-radius: 20px 0 0 20px; } .process-follow-bx .process-pane { background-color: #fff; padding: 30px; border-radius: 20px; margin: 0 10px; color: #08223a; position: relative; border: 2px solid #1a81ff; } .process-follow-bx .process-pane .row { display: flex; align-items: center; position: relative; } .process-follow-bx .process-pane .row .col-md-7 span { position: absolute; top: -32%; right: 0; font-size: 45px; height: 55px; width: 50px; text-align: center; line-height: 55px; color: transparent; border-radius: 5px; } .process-follow-bx .process-pane h3 { font-weight: 700; font-size: 22px; line-height: 35px; } .process-follow-bx .process-pane ul { list-style: disc; display: flex; flex-direction: column; gap: 10px; padding-left: 25px; } .process-follow-bx .process-pane li, .soft-unmatched .unmatch-bx ul li { font-weight: 300; font-size: 16px; line-height: 28px; padding-top: 5px; } .soft-unmatched .unmatch-bx { background: #1c1c1c; align-items: center; justify-content: space-between; flex-wrap: wrap; min-height: 450px; display: flex !important; border: 2px solid rgba(112, 112, 112, 0.19); border-image: initial; border-radius: 40px; padding: 20px; color: #fff; margin: 0; } .soft-unmatched .unmatch-nav { text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px 30px; margin: 0 15px; } .soft-unmatched .unmatch-nav h3 { font-size: 18px; font-weight: 500; line-height: 25px; } .soft-unmatched .unmatch-bx ul { list-style: disc; padding-left: 25px; display: flex; flex-direction: column; margin: 15px 0; } .soft-unmatched .main-slider { background: #080a0c; border: 1px solid rgba(112, 112, 112, 0.19); border-radius: 40px; } .techexperienceslider .engagementmodelbox { padding: 30px 20px; margin: 0 10px; border-radius: 20px; height: 510px; transform: unset; } .techexperienceslider .engagementmodelbox p { min-height: 150px; } .techexperienceslider .engagementmodelbox ul li p { min-height: auto; } .flip-industry li::after { position: absolute; content: ""; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0, #000 90%); } .paddingbottommobile { padding-bottom: 20px; } .aiclutchrow .col-md-6 { margin-bottom: 10px; padding: 0 5px; } .aiclutchreview img { max-width: 100%; object-fit: cover; display: block; width: 100%; height: 100%; } .aiclutchreview { box-shadow: 0 0 20px #0000002e; display: flex; align-items: center; justify-content: center; height: 210px; overflow: hidden; width: 100%; border-radius: 10px; } .clutchpeople { max-width: 100%; margin-left: -40px; } .iti { width: 100% !important; } .iti__flag { background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.12/img/flags.png) !important; } .mevideopart .Herro_me_inner span { display: block; margin-top: 8px; } .mevideopart .Herro_me_inner span::after { top: 5px; } .bannerimg { position: relative; } .advanced-level .level-img .level-1 { height: 540px; overflow: hidden; } .advanced-level .level-img .level-2 img { max-width: 220px; object-fit: cover; background-color: #fff; } .innovative-mobile .main-inno-bx { position: relative; z-index: 1; border-radius: 16px; background: #fff; padding: 28px; transition: 0.4s; margin-bottom: 30px; overflow: hidden; color: #08223a; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.09); cursor: pointer; height: 100%; } .innovative-mobile .main-inno-bx .inno-iconss { height: 70px; width: 70px; text-align: center; line-height: 70px; border-radius: 50%; transition: 0.4s; display: inline-block; background: #1a81ff; } .innovative-mobile .main-inno-bx::after { position: absolute; content: ""; height: 100%; width: 10px; transition: 0.4s; left: 50%; border-radius: 16px; background: linear-gradient(90deg, #1a81ff 0, #726efc 100%); visibility: hidden; opacity: 0; top: 0; z-index: -1; } .innovative-mobile .main-inno-bx:hover::after { visibility: visible; opacity: 1; transition: 0.4s; left: 0; top: 0; width: 100%; height: 100%; } .innovative-mobile .main-inno-bx:hover .inno-iconss { transform: rotateY(-180deg); transition: 0.4s; background-color: #fff; } .get-access ul { display: flex; flex-direction: column; gap: 70px; } .get-access ul li { display: flex; gap: 10px; flex-direction: column; padding: 15px 20px 40px; border: 1px solid #1a81ff; border-radius: 12px; position: relative; color: #08223a; min-height: 240px; } .get-access ul li .get-icon { border: 1px solid #1a81ff; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; border-radius: 12px; position: absolute; top: -18%; background-color: #fff; } .get-access ul li .get-conttn { position: relative; top: 15px; } .bring-cta-bx .container { background: 0 0; border-radius: 20px; padding: 0; position: relative; border: 2px solid #1a81ff; } .bring-cta-bx .bring-imgs { width: 55%; height: auto; position: absolute; right: 5%; bottom: 0; } .bring-cta-bx .cta-simmilar-content, .inno-cta-bx .container .cta-simmilar-content { margin-top: 0; padding: 60px 0 50px 60px; } .inno-cta-bx .container { background-color: #08223a; border-radius: 20px; padding: 0; position: relative; } .inno-cta-bx .container .bring-imgs { position: absolute; bottom: -25%; right: 5%; } .inno-cta-bx .container .bring-imgs img { max-width: 340px; } .effective-steps .iconn-eff { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #1a81ff; position: absolute; left: -5%; } .effective-steps ul { position: relative; border-left: 1px solid #1a81ff; margin-left: 55px; color: #fff; } .effective-steps ul li { display: flex; padding-top: 40px; } .effective-steps ul li:first-child { padding-top: 0; } .effective-steps ul li .contt-eff { padding-left: 50px; } .advv-technno ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 30px; } .advv-technno ul li a, .advv-technno ul li { color: #fff; text-align: center; width: 100%; } .advv-technno ul li { display: flex; align-items: flex-end; transition: 0.5s ease-in-out; background-color: #d9d9d9; height: auto !important; border-radius: 15px; min-height: 320px; position: relative; text-align: center; overflow: hidden; z-index: 1; box-shadow: 0 0 0 2px transparent; background-origin: border-box; } .advv-technno ul li:hover { box-shadow: 0 0 0 2px #1a81ff; border-top-right-radius: 0; } .advv-technno ul li::before { content: ""; left: 0; bottom: 0; width: 100%; position: absolute; background: linear-gradient(180deg, rgba(0, 15, 33, 0) 0, rgba(0, 14, 30, 0.8) 50.5%, #000d1c 100%); height: 110px; z-index: -1; } .advv-technno h3 { width: 100%; padding: 20px 15px; text-transform: capitalize; } .advv-technno .overlay { inset: 0; width: 100%; height: 100%; padding: 20px 25px; position: absolute; transform: translate(0, 100%); transition: 0.3s ease-in-out; display: flex; align-items: stretch; justify-content: center; flex-direction: column; visibility: hidden; opacity: 0; } .advv-technno .overlay:after { position: absolute; content: ""; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: rgba(0, 15, 33, 0.6); inset: 0; margin: auto; width: 100%; height: 100%; z-index: -1; } .advv-technno ul li:hover .overlay { transform: translate(0, 0); visibility: visible; opacity: 1; } .advv-technno .overlay h3 { margin-bottom: 5px; padding: 0; } .cost-esti-bxs .container-fluid { overflow: hidden !important; } .cost-esti-bxs ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; color: #fff; overflow-x: hidden !important; } .cost-esti-bxs li { display: block; border: 2px solid #d5d5d5; border-radius: 12px; background: 0 0; padding: 20px; position: relative; margin-bottom: 30px; overflow: hidden !important; text-align: center; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; } .cost-esti-bxs li:before { display: block; content: ""; border-radius: 0 0 12px; width: 9%; height: 17%; position: absolute; bottom: -2px; right: -2px; border-bottom: 6px solid #fff; border-right: 6px solid #fff; transition: 0.5s; } .cost-esti-bxs li:after { display: block; content: ""; border-radius: 12px 0 0; width: 9%; height: 17%; position: absolute; top: -2px; left: -2px; border-top: 6px solid #fff; border-left: 6px solid #fff; transition: 0.5s; } .cost-esti-bxs li:hover:after, .cost-esti-bxs li:hover:before { width: 95%; height: 90%; } .hire-well-bxs ul { padding: 20px 0 0 20px; } .hire-well-bxs ul li { font-size: 16px; line-height: 1.5; font-weight: 300; color: #fff; } .app-procedure-bx ul { display: flex; flex-direction: column; gap: 20px; padding-left: 30px; } .app-procedure-bx .cta-procedure { border: 1px solid #1a81ff; border-radius: 20px; } .app-procedure-bx .cta-procedure .new_font_content { padding: 30px; margin-bottom: 0; } .app-procedure-bx ul li { display: flex; color: #08223a; position: relative; border: 1px solid #1a81ff; padding: 30px; justify-content: center; align-items: center; border-radius: 12px; } .app-procedure-bx ul li .numm { position: absolute; left: -7%; background-color: #fff; } .app-procedure-bx ul li .numm span { font-size: 115px; font-weight: 900; color: #1a81ff; text-align: center; } .profitable-business ul li { color: #08223a; width: 28%; background-color: #fff; padding: 20px; border-radius: 12px; position: relative; } .profitable-business .profit-icon { background-color: #eef3ff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; border-radius: 12px; } .right-partner .container { background-color: #fff; padding: 40px; border-radius: 20px; } .right-partner ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px; } .right-partner ul li { background: #f4f4f4; border: 2px solid #ffffff0d; border-radius: 20px; padding: 30px 30px 30px 55px; width: 100%; min-height: 150px; z-index: 2; position: relative; overflow: hidden; height: 100%; cursor: pointer; display: flex; align-items: center; } .right-partner ul li .partner-front { min-height: auto; display: flex; align-items: center; flex-wrap: wrap; position: relative; color: #08223a; justify-content: space-between; width: 100%; } .right-partner ul li:hover .partner-front { opacity: 0; transform: translateY(-110px) rotateX(90deg); height: 100%; } .right-partner ul li .partner-back { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: auto; padding: 20px; transition: 0.5s; background-color: #08223a; color: #fff; text-align: center; backface-visibility: hidden; transform-style: preserve-3d; transform: translateY(110px) rotateX(-90deg); } .right-partner ul li:hover .partner-back { opacity: 1; transform: rotateX(0); height: 100%; display: flex; flex-direction: column; justify-content: center; } .right-partner h3 { font-size: 28px; font-weight: 700; line-height: 38px; color: #1a81ff; } .right-partner p { font-weight: 400; font-size: 17px; line-height: 28px; padding-top: 5px; } .videopart ul { margin: 30px 0; } .videopart ul li { font-size: 16px; line-height: 1.5; font-weight: 300; color: #fff; text-align: left; } .videopart .video-btnn { background: 0 0; border: 1px solid #0080ff; color: #0080ff; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; padding: 5px 25px; transition: 0.3s ease-in-out; position: relative; } .videopart .video-btnn:hover { background: #0080ff; color: #fff; padding: 5px 28px; } .videopart .video-btnn img { max-width: 25px; margin-left: 10px; } .videopart .Video_btnx { width: 100px; height: 65px; background-color: red; color: #fff !important; border-radius: 20px; text-align: center; font-size: 30px; animation-name: pulsewala2; 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: 65%; transform: translateY(-50%); } @keyframes pulsewala2 { 0% { box-shadow: 0 0 0 0 #ff000096; } 80% { box-shadow: 0 0 0 14px #ff00007d; } } .innovative-mobile .row { display: flex; flex-wrap: wrap; } .videopart .main-video { height: 450px; background-size: cover; background-position: center center; } .innovative-mobile .row .col-md-4 { display: flex; margin-bottom: 25px; } .aictacontent .Herro_me_inner span { color: #08223a; } .tc_main h3 { color: #08223a; font-size: 22px; font-weight: 600; line-height: 30px; text-align: center; margin-bottom: 20px; font-family: "Product Sans"; } .conn_padding { padding: 50px 0; } .globalgetintouch .get-bg { border: 1px solid #f2f2f240; border-radius: 20px 20px; background: rgba(255, 255, 255, 0.1); padding: 40px 30px 30px 30px; color: #fff; } .globalgetintouch .contact_page_itms { padding-left: 15px; margin: 15px 0 30px; } .globalgetintouch .contact_page_itms li { position: relative; margin-bottom: 10px; padding-left: 30px; font-weight: 400; font-size: 18px; line-height: 30px; } .globalgetintouch .contact_page_itms li::after { position: absolute; content: ""; left: 0px; 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(0) invert(1); } .globalgetintouch .contact_top_bn_itms { margin: 20px 0 30px; } .globalgetintouch .contact_top_bn_itm { display: flex; gap: 20px; padding-left: 15px; margin: 25px 0; } .globalgetintouch .contact_top_bn_itm p a { color: #fff !important; font-size: 16px; } .globalgetintouch h3 { font-size: 24px; font-weight: 600; margin-bottom: 20px; } .globalgetintouch .certi-get { display: grid; gap: 15px; padding: 25px 20px; grid-template-columns: repeat(3, 1fr); border: 1px solid #f2f2f240; border-radius: 20px 0 0 20px; background: rgba(255, 255, 255, 0.1); } .globalgetintouch .certi-get li { text-align: center; } .globalgetintouch .certi-get li img { filter: brightness(0) invert(1); max-width: 150px; } .globalgetintouch .nocls { display: flex; gap: 20px; } .globalgetintouch .contact_hr_itm_con { display: flex; align-items: center; gap: 15px; } .globalgetintouch .contact_hr_itm_con img { width: 100%; } .globalgetintouch .contact_hr_itm_con h4, .globalgetintouch .contact_hr_itm_con p { margin-bottom: 0; } .globalgetintouch h2 { color: #fff; font-size: 34px; margin-bottom: 30px; font-weight: 700; } .globalgetintouch .getintouch-form .form-control { border: 1px solid #f2f2f2; background-color: transparent; border-radius: 50px; height: 60px; color: #fff; font-size: 16px; padding: 20px 30px; box-shadow: unset; font-weight: 700; } .globalgetintouch .getintouch-form .form-group textarea.form-control { height: 150px; border-radius: 20px; } .globalgetintouch .getintouch-form .form-group { margin-bottom: 24px; } .globalgetintouch .getintouch-form .form-group:last-child { margin-bottom: 0; } .globalgetintouch .getintouch-form .form-group .formbtn { border-radius: 50px; } .globalgetintouch .getintouch-form { padding: 45px 40px; background: #05081a; border-radius: 20px 20px; box-shadow: 0 31px 42px 0 rgb(0 0 0 / 0.5); } .globalgetintouch .formbtn { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; padding: 16px 20px; display: flex; font-size: 16px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: center; text-align: center; border: 0; width: 100%; margin-top: 25px; } /* new-css */ .custom-label .main-label .top-label { margin-bottom: 20px; display: flex; gap: 20px; align-items: center; } .custom-label .main-label { padding: 20px 25px; color: #fff; background-color: transparent; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border: 3px solid #06c; box-shadow: 0 0 0 5px #08223a, 0 0 0 10px #06c, 0 0 0 10px #08223a, 0 5px 150px rgb(0 0 0 / 0%); margin: 0 14px; } .custom-label .main-label img { max-width: 45px; } .custom-label .main-label h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 28px; } .custom-label .main-label p { font-weight: 300; font-size: 17px; line-height: 22px; padding-top: 10px; } .custom-label .main-label ul li { font-weight: 300; font-size: 16px; line-height: 22px; padding-top: 10px; } .custom-label .main-label ul { list-style: disc; padding: 0 20px; } .custom-label .row { display: flex; height: auto; } .custom-label .row .col-md-4 { display: flex; height: auto; } .feasible-business ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; color: #08223a; } .feasible-business .whyicc { display: flex; align-items: center; gap: 10px; } .feasible-business ul li { padding: 30px; background-color: #ffffff12; border-radius: 20px; color: #fff; } .feasible-business ul li img { max-width: 45px; margin-bottom: 20px; } .feasible-business ul h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 28px; } .feasible-business ul p { font-weight: 300; font-size: 17px; line-height: 22px; padding-top: 10px; } .feasible-business .col-md-5 { position: sticky; top: 110px; } .business-virtues .buss-imgg { height: 455px; border-radius: 12px; border: 12px solid #1a1919ab; } .business-virtues .buss-imgg img { width: 100%; height: 100%; object-fit: cover; } .market-expansion { background-size: 100%; background-repeat: no-repeat; } .market-expansion ul li img { max-width: 200px; margin-bottom: 20px; } .market-expansion ul li p { font-weight: 300; font-size: 17px; line-height: 22px; padding-top: 10px; color: #fff; } .market-expansion ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; } .market-expansion ul li { text-align: center; border: 1px solid #c3d3e71f; border-radius: 20px; padding: 10px 10px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; } .market-expansion { background-size: 100%; background-repeat: no-repeat; position: relative; } .market-expansion::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .market-expansion .container { position: relative; z-index: 2; } .market-expansion .progresscard { text-align: center; padding: 20px; border-radius: 20px; background: rgba(0, 0, 0, 0.6); height: 100%; } .market-expansion .progress-circle { position: relative; width: 160px; height: 160px; margin: 0 auto 20px; } .market-expansion svg { transform: rotate(-90deg); /* start progress from top */ width: 160px; height: 160px; } .market-expansion .circle-bg { fill: none; stroke: rgba(255, 255, 255, 0.1); stroke-width: 12; } .market-expansion .circle-progress { fill: none; stroke: #1a81ff; stroke-width: 12; stroke-linecap: round; stroke-dasharray: 440; stroke-dashoffset: 440; transition: stroke-dashoffset 1s linear; } .market-expansion .number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 26px; font-weight: 900; color: #fff; } .postdelivery-bx img { width: 100%; height: 85vh; object-fit: contain; } .postdelivery-bx { background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; position: relative; } .postdelivery-bx::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .postdelivery-bx .container { position: relative; z-index: 2; } .postdelivery-bx .panel { background-color: transparent; color: #fff; } .postdelivery-bx .panel-default > .panel-heading { color: #ffffff; background-color: transparent; border-color: #fff; padding: 20px 25px; } .postdelivery-bx .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fff; padding: 20px 25px; } .postdelivery-bx .accordion .accordion-item .accordion-header a { display: block; width: 100%; font-size: 18px; font-weight: 500; line-height: 26px; } .postdelivery-bx .panel-group h3 a { font-size: 22px; font-weight: 600; text-align: left; line-height: 28px; } .postdelivery-bx .panel-group p { font-weight: 300; font-size: 17px; line-height: 22px; padding-top: 10px; } .postdelivery-bx h3.panel-title a { position: relative; display: block; padding-right: 30px; } .postdelivery-bx h3.panel-title a::after { content: ""; position: absolute; right: 0; top: 50%; width: 25px; height: 25px; background-image: url(../images/dubai-uae/down.webp); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; filter: brightness(0) invert(1); } .postdelivery-bx h3.panel-title a[aria-expanded="true"]::after { transform: translateY(-50%) rotate(180deg); } .faq-tabb .row .col-md-6 .faq_box:last-child { margin: 0; } .faq-tabb .nav.nav-pills { display: flex; flex-direction: column; gap: 10px; cursor: pointer; } .faq-tabb .nav.nav-pills li.active { background-color: rgb(255 255 255 / 11%); border-radius: 12px; } .faq-tabb .nav.nav-pills li a { font-size: 18px; line-height: 28px; font-weight: 400; color: #fff; padding: 20px 20px; } .faq-tabb .nav.nav-pills > li.active > a, .faq-tabb .nav.nav-pills > li.active > a:focus, .faq-tabb .nav.nav-pills > li.active > a:hover, .faq-tabb .nav.nav-pills > li > a:hover { color: #fff; background-color: transparent; border-radius: 12px; } .faq-tabb .faq_box { padding: 0 10px 0 25px; border-radius: 10px; margin-bottom: 30px; cursor: pointer; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: unset; height: 90px; align-items: center; } .faq-tabb .faq_box_head::after { content: ""; position: absolute; right: 0px; background-image: url(../images/common_icons/add-fill.svg); height: 32px; width: 32px; background-size: 29px; top: 45px; } .faq-tabb .faq_box.active .faq_box_head::after { background-image: url(../images/common_icons/subtract-fill.svg); } .faq-tabb .faq_box_head { display: flex; font-weight: 600; color: #fff; font-size: 18px; height: 90px; align-items: center; padding-right: 30px; } .faq-tabb .faq_data { font-size: 17px; padding-bottom: 18px; line-height: 27px; color: #fff; text-align: left; display: none; } .faq-tabb .faq_box.active .faq_data { display: block; } .faq-tabb .faq_box.active { height: auto; } .faq-tabb .faq_data ul { padding-left: 20px; list-style: circle; } .flip-industry .newheight li { height: 380px; } .common_cta_5 { background-color: #033a7e; position: relative; margin-top: 0px; background-position: top right; background-size: 100%; background-repeat: no-repeat; height: 280px; display: flex; } .common_cta_5 .container { display: flex; align-items: center; } .common_cta_5 .cta-simmilar-content { margin-top: 0; padding: 40px 0; } .emerging-comman button.slick-next.slick-arrow, .emerging-comman button.slick-prev.slick-arrow { background-image: url(../images/dubai-uae/arrow.webp) !important; } .service-testimonial .slick-next::after, .service-testimonial .slick-prev::after { background-image: url(../images/dubai-uae/arrow.webp) !important; } .service-testimonial { width: 100%; } /* new-css */ /* saudii */ .custom-vs-bx .vs-items .icon-bx img { max-width: 45px; filter: brightness(0) invert(1); } .custom-vs-bx .vs-items .heading-bx { 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%); /* margin-bottom: 20px; */ } .custom-vs-bx .row { display: flex; height: auto; } .custom-vs-bx .col-md-4 { display: flex; } .custom-vs-bx .vs-items .content-bx { background: #eef3ff; padding: 30px 25px; border-radius: 12px; margin-top: 6px; padding-left: 40px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14); height: 100%; } .custom-vs-bx .vs-items h3 { color: #fff; font-size: 21px; line-height: 31px; font-weight: 700; margin-bottom: 0; } .custom-vs-bx .vs-items p { font-size: 18px; line-height: 26px; font-weight: 400; color: #08223a; } .custom-vs-bx .vs-items .icon-bx { border-radius: 8px; width: max-content; display: flex; justify-content: center; background: #08223a; padding: 5px; } .custom-vs-bx .vs-items ul { list-style: disc; padding-left: 20px; } .custom-vs-bx .vs-items li { font-size: 16px; line-height: 22px; font-weight: 300; color: #08223a; padding-top: 10px; } .custom-vs-bx .vs-items { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } .offercustombx .row { display: flex; height: auto; } .offercustombx .row, .offercustombx .col-md-4 { display: flex; height: auto; } .offercustombx .main-offer { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 40px 20px; border-radius: 14px; position: relative; transition: 0.3s ease-in-out; height: 100%; cursor: pointer; } .offercustombx .main-offer:hover { background: #1a81ff; } .offercustombx .icon-bx { position: absolute; right: 0; top: 0; background: #1a81ff; border-radius: 0px 12px 0px 40px; height: 75px; width: 75px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out; } .offercustombx img { max-width: 45px; filter: brightness(0) invert(1); transition: 0.3s ease-in-out; } .offercustombx .main-offer:hover .icon-bx { background: #fff; } .offercustombx .main-offer:hover .icon-bx img { filter: none; } .offercustombx .main-offer h3 { color: #fff; font-weight: 700; font-size: 21px; margin-bottom: 14px; line-height: 31px; } .offercustombx .main-offer p { color: #fff; font-size: 18px; margin: 0; line-height: 28px; } .offercustombx .main-offer ul { list-style: disc; padding-left: 20px; } .offercustombx .main-offer li { color: #fff; font-size: 16px; padding-top: 10px; line-height: 28px; font-weight: 300; } .desiredresults .nav { display: flex; justify-content: space-between; align-items: center; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 14px 14px 0 0; border-bottom: none; cursor: pointer; overflow: hidden; } .desiredresults .nav::-webkit-scrollbar { width: 10px; height: 6px; } .desiredresults .nav::-webkit-scrollbar-track { background: #ffffff14; border-radius: 10px; } .desiredresults .nav::-webkit-scrollbar-thumb { background: #fff; border-radius: 10px; } .desiredresults .nav > li > a { position: relative; display: block; border-radius: 0 !important; width: 100%; padding: 30px 5px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; } .desiredresults .nav > li > a:focus, .desiredresults .nav > li > a:hover { background-color: transparent; } .desiredresults .nav > li { border-radius: 12px 12px 0 0 !important; width: 100%; } .desiredresults .nav-pills > li.active > a, .desiredresults .nav-pills > li.active > a:focus, .desiredresults .nav-pills > li.active > a:hover { background-color: #1a81ff; } .desiredresults .tab-pane img { width: 100%; } .desiredresults .tab-content { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 40px 20px; border-radius: 0 0 14px 14px; color: #fff; } .desiredresults .tab-content h3 { font-weight: 700; font-size: 24px; margin-bottom: 20px; line-height: 36px; } .desiredresults .tab-content h3 { font-weight: 700; font-size: 21px; margin-bottom: 14px; line-height: 31px; } .desiredresults .tab-content p { font-size: 18px; margin: 0; line-height: 28px; } .desiredresults .tab-content ul { list-style: disc; padding-left: 20px; } .desiredresults .tab-content li { font-size: 16px; padding-top: 10px; line-height: 28px; font-weight: 300; } .desiredresults .tab-content .diff-bx { display: flex; margin-top: 30px; } .desiredresults .tab-content .left-list { width: 50%; border-right: 1px solid #fff; padding-right: 20px; } .desiredresults .tab-content .right-list { padding-left: 20px; width: 50%; } /* saudii */ .shelfmain { display: flex; justify-content: center; } .shelfbox { width: 48%; margin: 0 10px; padding: 40px 30px 30px; border: 2px solid #f2f2f2; border-radius: 10px; position: relative; box-shadow: 0 13px 0px #00000030; transition: 0.3s ease-in-out; } .shelfbox::after { position: absolute; content: ""; bottom: 0; background-image: url(../images/updated/grid.svg); height: 100%; width: 100%; left: 0; z-index: -1; background-size: 20px; background-repeat: repeat; filter: invert(1); } .shelfbox:hover, .shelfbox:hover .shelficon { border-color: #005dff; } .shelfbox:hover { box-shadow: 0 13px 0px #005dff; } .shelficon { display: flex; align-items: center; height: 80px; width: 80px; border-radius: 10px; border: 2px solid #f2f2f2; background-color: #fff; margin: -71px 0 25px; transition: 0.3s ease-in-out; justify-content: center; } .shelfbox h3 { font-size: 22px; font-weight: 600; margin-bottom: 15px; line-height: 30px; } .shelfbox ul li p { font-weight: 400; color: #08223a; font-size: 16px; line-height: 26px; margin: 0; } .shelfbox ul li { margin-bottom: 10px; padding-left: 25px; position: relative; } .shelfbox ul li::after { position: absolute; content: ""; left: 0; height: 14px; width: 14px; background-color: #005dff; top: 6px; border-radius: 50px; } .shelficon img { max-width: 50px; } .lookingmain { overflow: hidden; border-radius: 10px; background-color: #1b1b1b; display: flex; } .lookingctacontent { width: 50%; padding: 30px 40px; } .lookingctaimg { width: 50%; height: 549px; } .lookingctaimg img { height: 100%; width: 100%; object-fit: cover; } .lookingctacontent h2 { color: #ffff; font-size: 28px; font-weight: 700; margin-bottom: 15px; line-height: 38px; } .lookingctacontent h3 { font-size: 20px; color: #fff; margin-bottom: 14px; } .lookingctacontent ul li p { color: #fff; font-size: 17px; margin: 0; font-weight: 300; } .lookingctacontent ul li { margin-bottom: 8px; padding-left: 30px; position: relative; } .lookingctacontent ul li::after { position: absolute; content: ""; top: 0; left: 0; background-image: url(../images/software-dubai/check-double-line.svg); height: 24px; width: 24px; background-size: 24px; background-repeat: no-repeat; } .lookingctacontent .newbtn_design { height: 50px; border-radius: 10px; margin-top: 10px; } .explorebenefitbox { width: 47%; border-radius: 26px; position: relative; overflow: hidden; height: 310px; margin: 0 10px 20px; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25); } .explorebenefitbox::after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, #000 100%); } .explorebenefitsmain { display: flex; flex-wrap: wrap; } .explorebenefitbox img { height: 100%; width: 100%; object-fit: cover; } .explorebenefitcontent { position: absolute; bottom: 26px; width: 90%; margin: 0 auto; left: 0; right: 0; z-index: 1; } .explorebenefitcontent h3 { color: #fff; font-size: 22px; line-height: 30px; margin-bottom: 10px; } .explorebenefitcontent p { color: #fff; font-size: 17px; line-height: 26px; margin-bottom: 0; font-weight: 400; } .datafocusedinner { padding: 40px 0; } .datafocusedinner h2 { color: #fff; font-size: 32px; margin-bottom: 14px; line-height: 42px; font-weight: 700; } .datafocusedinner ul li p { color: #fff; font-weight: 500; font-size: 17px; } .datafocusedinner .newbtn_design { margin-top: 10px; height: 50px; border-radius: 10px; } .datafocusedinner ul li { position: relative; padding-left: 35px; margin-bottom: 10px; } .datafocusedinner ul li::after { position: absolute; content: ""; top: 0; left: 0; background-image: url(../images/software-dubai/check-double-line.svg); height: 24px; width: 24px; background-size: 24px; background-repeat: no-repeat; } .datafocused_cta { background-size: cover; background-position: right center; } .pt-0 { padding-top: 0 !important; } .custom-company .new_font_content { margin: 0; } .mevideopart { padding: 40px 0 30px; } /* ai */ .browsebx ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .browsebx ul li img { width: 100%; height: 300px; object-fit: cover; border-radius: 16px; border-radius: 0 16px 0px 16px; transition: 0.3s ease-in-out; border: 1px solid #fff; } .browsebx ul li { position: relative; margin-bottom: 80px; cursor: pointer; } .browsebx .brocontt { background: #000000c7; padding: 20px 20px; margin: 0 20px; text-align: center; position: absolute; bottom: -22%; border-radius: 16px 0 16px 0; color: #fff; transition: 0.3s ease-in-out; border: 1px solid transparent; } .browsebx .brocontt h3 { font-size: 24px; margin-bottom: 12px; line-height: 30px; font-weight: 800; } .browsebx .brocontt p { font-size: 18px; margin-bottom: 0; line-height: 27px; } .browsebx ul li:hover .brocontt { border-radius: 0 16px 0px 16px; border: 1px solid #fff; background-color: #000; } .browsebx ul li:hover img { border-radius: 16px 0 16px 0; border: 1px solid #fff; } .buildstate .buildimg img { width: 100%; height: 500px; object-fit: cover; border-radius: 16px 0 0 16px; } .buildstate .tab-content { padding: 40px 25px; border-radius: 16px; overflow: hidden; position: relative; border: 4px solid #175eff; } .buildstate .tab-content .new_font_content { margin-bottom: 0; } .buildstate .nav.nav-pills { display: flex; justify-content: center; margin-bottom: 30px; cursor: pointer; gap: 20px; } .buildstate .nav.nav-pills li a { padding: 20px; transition: 0.5s; display: flex; flex-direction: column; align-items: center; font-weight: 700; font-size: 17px; color: #fff; line-height: 25px; text-align: left; background-color: transparent; border: 0; border: 1px solid; border-radius: 16px; position: relative; } .buildstate .nav.nav-pills li.active a, .buildstate .nav.nav-pills li a:focus, .buildstate .nav.nav-pills li a:hover { background-color: #1a81ff; border-radius: 20px; } .buildstate .nav.nav-pills li.active a::before { position: absolute; content: ""; clip-path: polygon(48% 100%, 0 0, 100% 0); height: 30px; width: 60px; background-color: #1a81ff; bottom: -40%; } @keyframes boder-rotate { 100% { transform: rotate(1turn); } } .aicostbx .cost-bx { padding: 40px 25px; border-radius: 16px; overflow: hidden; position: relative; } .aicostbx .cost-bx::before { content: ""; position: absolute; z-index: 0; left: -50%; top: -50%; width: 200%; height: 200%; background-color: #007bff; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(#1a81ff, #48c8f5), linear-gradient(#06c, #0a113b), linear-gradient(#1a81ff, #08223a), linear-gradient(#377af5, #377af5); animation: 9s linear infinite boder-rotate; } .aicostbx .cost-bx::after { content: ""; position: absolute; z-index: 0; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); background: #121526; border-radius: 20px; } .aicostbx .cost-bx .new_font_content { position: relative; z-index: 2; margin-bottom: 0; } .aicostbx .aicost img { width: 100%; position: relative; z-index: 2; height: 580px; object-fit: cover; border-radius: 16px 0 0 16px; } .futuristicbx ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 30px; cursor: pointer; } .futuristicbx ul li { position: relative; display: flex; align-items: flex-end; justify-content: center; min-height: 320px; border-radius: 15px; background: #d9d9d9; overflow: hidden; text-align: center; transition: box-shadow 0.5s ease-in-out, border-radius 0.5s ease-in-out; box-shadow: 0 0 0 2px transparent; z-index: 1; } .futuristicbx ul li::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; background: linear-gradient(180deg, rgba(0, 15, 33, 0) 0%, rgba(0, 14, 30, 0.8) 50.5%, #000d1c 100%); z-index: -1; } .futuristicbx ul li:hover { box-shadow: 0 0 0 2px #fff; border-top-right-radius: 0; } .futuristicbx h3, .futuristicbx p { width: 100%; padding: 0 15px 20px; color: #fff; margin: 0; } .futuristicbx h3 { font-size: 24px; margin-bottom: 12px; line-height: 30px; font-weight: 800; } .futuristicbx p { font-size: 18px; line-height: 27px; } .futuristicbx .overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 15px; color: #fff; transform: translateY(100%); opacity: 0; visibility: hidden; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .futuristicbx .overlay::after { content: ""; position: absolute; inset: 0; background: rgba(0, 15, 33, 0.6); backdrop-filter: blur(6px); z-index: -1; } .futuristicbx ul li:hover .overlay { transform: translateY(0); opacity: 1; visibility: visible; } .getbestbx ul { display: flex; flex-wrap: wrap; gap: 10px; } .getbestbx ul li { width: 24%; cursor: pointer; } .getbestbx h3 { font-size: 18px; margin-bottom: 0; line-height: 28px; font-weight: 400; color: #fff; position: relative; z-index: 2; transition: 0.5s; } .getbestbx .ai-sol { background-size: cover; height: 300px; display: flex; align-items: end; justify-content: center; position: relative; padding: 20px; text-align: center; transition: ease-in-out 0.5s; border-radius: 16px; } .getbestbx ul li:nth-child(even) { margin-top: 40px; } .getbestbx .ai-sol::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; border-radius: 16px; background-color: #000000ba; } .getbestbx ul li:hover .ai-sol { transform: scale(1.1); z-index: 100; opacity: 1; transition: transform 500ms ease-in-out, filter 500ms ease-in-out, clip-path 500ms ease-in-out 500ms; } .getbestbx ul:has(li:hover) li:not(:hover) { filter: grayscale(1) blur(3px); opacity: 0.5; transform: scale(0.9); transition: transform 500ms ease-in-out, filter 500ms ease-in-out, opacity 500ms ease-in-out; } .aidataspec .maindata { background-size: cover; height: 360px; display: flex; flex-direction: column; justify-content: space-between; background-repeat: no-repeat; margin: 0 15px; color: #fff; padding: 20px 25px; position: relative; border-radius: 16px; } .aidataspec .maindata::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #08223aa1; border-radius: 16px; } .aidataspec .maindata h3 { font-size: 24px; margin-bottom: 12px; line-height: 30px; font-weight: 800; position: relative; z-index: 2; } .aidataspec .maindata p { font-size: 18px; line-height: 27px; position: relative; z-index: 2; } .aidataspec .slick-next, .aidataspec .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .aidataspec .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .aidataspec .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .aidataspec .slick-next::after, .aidataspec .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } /* ai */ .award-coman .award-coman-sliderr .slider-bx { display: flex; flex-direction: column; justify-content: center; margin: 0 10px; align-items: center; border: 1.2px solid #ebebeb73; border-radius: 24px; padding: 30px 20px; background-color: transparent; } .full-process-bx .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); } .full-process-bx .service-box { position: relative; overflow: hidden; } .full-process-bx .service-link { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 20px; z-index: 1; padding: 20px 40px 20px 40px; border-left: 1px solid #424242; border-bottom: 1px solid #424242 !important; transition: color 0.4s ease; height: 100%; } /* circle background */ .full-process-bx .service-link-hover { background-color: #1163fb; border-radius: 50%; height: 0; width: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; cursor: pointer; z-index: 0; } .full-process-bx .service-box:hover .service-link-hover { width: 800px; height: 800px; } .full-process-bx img { max-width: 45px; z-index: 2; position: relative; } .full-process-bx .service-box:hover img { filter: brightness(0) invert(1); } .full-process-bx .service-box p { color: #fff; font-size: 17px; margin-bottom: 20px; z-index: 2; position: relative; } .full-process-bx .service-box h3 { color: #fff; font-size: 26px; font-weight: 700; line-height: 34px; z-index: 2; position: relative; } .full-process-bx .col-md-5 { position: sticky; top: 110px; } .famousai ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0; } .famousai ul li { display: flex; margin-bottom: 30px; } .famousai ul li .imgfa { width: 40%; background: #08223a33; padding: 10px; border-radius: 16px 0 0px 16px; display: flex; align-items: center; } .famousai .conttfa { width: 60%; background: #fff; padding: 30px; border-radius: 0 16px 16px 0px; color: #08223a; } .famousai img { width: 100%; } .famousai p { font-size: 17px; margin-bottom: 20px; line-height: 28px; } .famousai h3 { font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 20px; } .rampup .rampbx { padding: 0 10px; margin: 0 0px; transition: all 0.5s ease-in-out; } .rampup .rampbx:hover { padding: 0 0px; } .rampup .rampitem { height: 350px; border-radius: 10px; padding: 20px; background-size: cover; background-position: center; position: relative; display: flex; text-align: center; overflow: hidden; cursor: pointer; justify-content: flex-end; flex-direction: column; color: #fff; transition: all 0.5s ease-in-out; } .rampup .rampitem::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: #08223a5e; z-index: 0; } .rampup .rampitem h3 { font-size: 26px; font-weight: 700; line-height: 34px; z-index: 2; position: relative; transition: all 0.5s; } .rampup .rampitem:hover h3 { display: none; } .rampup .rampitem .rampcont { display: none; position: relative; z-index: 1; background-color: #fff; border-radius: 10px; padding: 20px 15px; transition: all 0.5s; color: #08223a; } .rampup .rampitem:hover .rampcont { display: block; } .rampup .rampitem .rampcont p { font-size: 17px; margin-bottom: 0px; line-height: 28px; } .rampup .slick-next, .rampup .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .rampup .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .rampup .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .rampup .slick-next::after, .rampup .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .aiconsulting ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .aiconsulting img { width: 85%; } .aiconsulting ul li img { width: 45px; } .aiconsulting ul li { border: 1px solid #175eff; border-radius: 16px; padding: 20px 20px; position: relative; color: #fff; } .aiconsulting ul li .aiconicon { background-color: #0000004d; position: absolute; right: 0; top: 0; padding: 8px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; box-shadow: #0080ff -0.05px 0px 0.05px 4.6px; } .aiconsulting h3 { font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 15px; width: 98%; } .aiconsulting p { font-size: 17px; margin-bottom: 0px; line-height: 28px; } .cortex .corteximg { text-align: center; } .cortex .corteximg img { width: 30%; } .aiusecase .nav.nav-pills { justify-content: center; display: flex; margin-bottom: 30px; gap: 10px; } .aiusecase .nav.nav-pills li a { padding: 20px; transition: 0.5s; display: flex; flex-direction: column; align-items: center; font-weight: 700; font-size: 17px; color: #fff; line-height: 25px; text-align: left; background-color: transparent; border: 0; border: 1px solid #ffffff29; border-radius: 0px; transition: all 0.5s; position: relative; } .aiusecase .nav.nav-pills li.active a, .aiusecase .nav.nav-pills li a:focus, .aiusecase .nav.nav-pills li a:hover { background-color: #1a81ff; border-radius: 0px; } .aiusecase .nav.nav-pills li.active a::before { position: absolute; content: ""; clip-path: polygon(48% 100%, 0 0, 100% 0); height: 30px; width: 60px; background-color: #1a81ff; bottom: -40%; } .aiusecase .tab-pane ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid #ffffff29; cursor: pointer; } .aiusecase .tab-pane ul li { border: 1px solid #ffffff29; padding: 20px 20px; color: #fff; position: relative; transition: all 0.5s; } .aiusecase .tab-pane ul li:hover { border: 1px solid #1a81ff; box-shadow: #1a81ff 0px 4px 12px; } .aiusecase .tab-pane ul li img { max-width: 45px; margin-bottom: 15px; } .aiusecase .tab-pane ul li h3 { font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 15px; width: 98%; } .aiusecase .tab-pane p { font-size: 17px; margin-bottom: 0px; line-height: 28px; } .aiusecase { overflow: hidden; } .aiconsultingbx ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .aiconsultingbx ul li { padding: 20px 20px; border: 1px solid #fff; display: flex; border-radius: 16px; gap: 10px; align-items: center; color: #fff; height: auto; } .aiconsultingbx .infoimg { width: 40%; height: 100%; display: flex; } .aiconsultingbx .infoimg img { width: 100%; border-radius: 16px 0 0 16px; height: 100%; object-fit: cover; } .aiconsultingbx .infocontt { width: 60%; } .aiconsultingbx .infocontt h3 { font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 10px; } .aiconsultingbx .infocontt p { font-size: 17px; line-height: 26px; font-weight: 300; margin-bottom: 10px; } .aiconsultingbx .infocontt span { font-size: 16px; line-height: 22px; margin-bottom: 0px; } .aiexpert .readmore-box { position: relative; } .aiexpert .readmore-toggle { display: none; transition: all 0.5s; } .aiexpert .more { display: none; transition: all 0.5s; } .aiexpert .readmore-toggle:checked ~ .readmore-text .more { display: inline; } .aiexpert .readmore-btn { display: inline-block; margin-top: 5px; color: #007bff; cursor: pointer; font-weight: bold; user-select: none; } .aiexpert .readmore-btn::after { content: " Read more"; } .aiexpert .readmore-toggle:checked ~ .readmore-btn::after { content: " Read less"; } .aiexpert .nav.nav-pills { display: flex; flex-direction: column; } .aiexpert .nav.nav-pills li { margin-bottom: 10px; position: relative; } .aiexpert .nav.nav-pills li.active { position: relative; z-index: 2; transition: all 0.5s; width: 88%; } .aiexpert .nav.nav-pills li.active::before { content: ""; position: absolute; right: -15%; top: 50%; transform: translateY(-50%); width: 65px; height: 100%; background: #1a81ff; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); z-index: 1; border-radius: 4px; } .aiexpert .nav.nav-pills a { width: 100%; color: #fff; font-size: 18px; padding: 15px 20px; border-radius: 16px 0 0 16px; border: 1px solid #fff; position: relative; } .aiexpert .nav.nav-pills li.active > a, .aiexpert .nav.nav-pills li.active > a:focus, .aiexpert .nav.nav-pills li.active > a:hover { background-color: #1a81ff; border: none; } .aiexpert .nav > li > a:hover { background-color: transparent; } .aiexpert .tab-pane h3 { font-size: 26px; font-weight: 700; line-height: 34px; margin-bottom: 15px; } .aiexpert .tab-pane p { font-size: 17px; margin-bottom: 0px; line-height: 28px; } .aiexpert .tab-pane li { font-size: 16px; margin-bottom: 0px; line-height: 28px; font-weight: 300; } .aiexpert .tab-pane ul { padding-left: 20px; list-style: disc; } .aiexpert .tab-content { padding: 20px 20px; border-radius: 0px 16px 16px 0; color: #fff; } .aiexpert .row.tabbg { background: #ffffff14; padding: 30px 25px; border-radius: 16px; } .inovationtabb { overflow: hidden; } .inovationtabb .tab-content ul { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 50px; column-gap: 30px; color: #08223a; } .inovationtabb .nav li a { background-color: transparent; width: 100%; color: #08223a; font-size: 18px; font-weight: 500; } .inovationtabb .nav li { position: relative; cursor: pointer; } .inovationtabb .nav li.active:after { position: absolute; content: ""; left: 0; right: 0; bottom: -4px; height: 6px; border-radius: 6px; background: #1a81ff; } .inovationtabb .tab-content ul li img { max-width: 45px; margin-bottom: 20px; } .inovationtabb ul.nav.nav-pills { display: flex; justify-content: space-between; margin-bottom: 40px; border-bottom: 1px solid #08223a; } .inovationtabb .tab-content ul li h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; position: relative; z-index: 2; } .inovationtabb .tab-content ul li p { font-weight: 300; font-size: 17px; line-height: 28px; position: relative; z-index: 2; } .inovationtabb .nav-pills > li.active > a, .inovationtabb .nav-pills > li.active > a:focus, .inovationtabb .nav-pills > li.active > a:hover { background: transparent; color: #1a81ff; } .saudicta li { font-size: 18px; color: #08223a; } .saudicta .container { background: #ffffff2e; padding: 70px 30px 30px 30px; border-radius: 20px; } .saudicta .saudibgg { height: auto; background: #fff; padding: 70px 30px 30px 30px; border-radius: 20px; display: flex; position: relative; } .saudicta .saudibgg:before { position: absolute; content: ""; background: url(../images/software-saudi-arabia/dots.png); width: 61px; height: 17px; top: -35px; left: 10px; background-repeat: no-repeat; } .saudicta .transimg img { width: 100%; height: 400px; object-fit: cover; border-radius: 20px; } .standfor .standitem img { max-width: 45px; margin-bottom: 15px; } .standfor .standitem h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; } .standfor .standitem li { font-weight: 300; font-size: 17px; line-height: 28px; margin-top: 10px; } .standfor .standitem ul { list-style: disc; padding-left: 20px; } .standfor .standitem { border: 1px solid #1a81ff; padding: 20px; margin: 0 10px; color: #fff; border-radius: 20px; } .standfor .standitem ul { height: 250px; overflow: hidden; overflow-y: scroll; } .standfor .standitem ul::-webkit-scrollbar { width: 10px; } .standfor .standitem ul::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .standfor .standitem ul::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .standfor .slick-next, .standfor .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .standfor .slick-prev { right: auto; left: -60px; top: 50%; transform: translateY(-50%) scale(-1); } .standfor .slick-next { right: -60px; left: auto; top: 50%; transform: translateY(-50%); } .standfor .slick-next::after, .standfor .slick-prev::after { position: absolute; content: ""; background-image: url(../images/common_icons/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .rootedbxs img { width: 100%; border-radius: 20px; } .rootedbxs .rootitem { margin: 0 10px; } .rootedbxs .new_font_content { margin-bottom: 30px; } .whatmakes .whatbx { display: flex; background: #fff; border-radius: 20px; height: auto; overflow: hidden; } .whatmakes .whatbx .makeleft { width: 60%; padding: 40px 30px; color: #08223a; } .whatmakes .whatbx .makeright { width: 40%; display: flex; height: auto; } .whatmakes .whatbx .makeright img { width: 100%; object-fit: cover; } .whatmakes .whatbx .new_font_content { margin-bottom: 30px; } .whatmakes .whatbx .new_font_content ul li { font-size: 16px; font-weight: 500; margin-top: 10px; } .empoweringbx ul { margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; } .empoweringbx ul li { position: relative; color: #08223a; font-size: 18px; line-height: 1.4; font-weight: 400; min-height: 25px; padding-left: 35px; margin-bottom: 40px; } .empoweringbx ul li:before { position: absolute; content: ""; background: url(../images/software-saudi-arabia/arroww.webp) no-repeat; left: 0; top: -4px; width: 30px; height: 32px; background-size: 30px; } .factorsdriving ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .factorsdriving ul li img { max-width: 45px; margin-bottom: 20px; } .factorsdriving ul li { box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04); padding: 20px; border-radius: 10px; border: 1px solid #e5e5e5; color: #08223a; } .factorsdriving ul li h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 30px; } .factorsdriving ul li p { font-weight: 300; font-size: 17px; line-height: 28px; margin-top: 10px; } .additionalservice .tab-nav { border-radius: 12px; overflow: hidden; } .additionalservice .row { display: flex; height: auto; } .additionalservice .tab-nav li { flex: 1; text-align: center; padding: 20px 20px; background: #fff; cursor: pointer; color: #08223a; transition: 0.3s, color 0.3s; border-bottom: 1px solid #1a81ff; } .additionalservice .tab-nav li:hover, .additionalservice .tab-nav li.active { background: #1a81ff; color: #fff; position: relative; padding: 20px 40px; } .additionalservice .tab-nav li.active::before { content: ""; position: absolute; background-image: url(../images/dubai-uae/arrow.webp) !important; left: 8px; filter: brightness(0) invert(1); height: 40px; width: 40px; background-repeat: no-repeat; top: 16px; } .additionalservice .tab-content { display: none; padding: 20px; border: 1px solid #ddd; border-radius: 6px; background: #fff; height: 100%; } .additionalservice .tab-content.active { display: block; } .additionalservice .tabbtn { text-align: left; } .additionalservice .tabbtn h3 { font-weight: 700; font-size: 25px; margin-bottom: 10px; line-height: 30px; } .additionalservice .tabbtn p { font-weight: 500; font-size: 17px; margin-bottom: 0; line-height: 28px; } .additionalservice .tab-content img { width: 100%; } .additionalservice .tab-content li { font-weight: 500; font-size: 17px; margin-top: 10px; line-height: 28px; color: #08223a; } .additionalservice .tab-content ul { list-style: disc; padding-left: 20px; } .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: left; } .locationslider_content p a { color: #fff; font-weight: 700; } .video_cards_panel .common__btn.text-center { margin: 8rem auto 0; } .video_cards_panel .vid_card_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; } .video_cards_panel .card_col { position: relative; } .video_cards_panel .video_card_inner { border-radius: 12px; position: relative; transition: all 0.5s; } .video_cards_panel .video_poster { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .video_cards_panel .video_poster img { width: 100%; } .video_cards_panel .muteunmute { position: absolute; right: 6px; bottom: 2px; cursor: pointer; } .video_cards_panel .mute, .video_cards_panel .unmute { display: none; } .video_cards_panel .video_card video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 12px; transition: transform 1s ease; } .video_cards_panel .video_play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video_cards_panel .card_col:nth-child(even) { margin-top: 55px; } .video_cards_panel .video_caption { text-align: center; padding-top: 20px; } .video_cards_panel .video_caption span { display: block; font-size: 16px; color: #fff; text-shadow: 0 2px 7px #333; } .video_cards_panel .video_cards_panel .cl-nm { font-weight: 600; } .video_cards_panel .cl-dt { font-weight: 300; padding-top: 5px; } .video_cards_panel .video_card_inner { position: relative; overflow: hidden; } .video_cards_panel .video_card_inner video { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.4s ease; border-radius: 12px; } .video_cards_panel .video_play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; transition: opacity 0.3s ease; } .video_cards_panel .video_poster { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; transition: opacity 0.4s ease; } .video_cards_panel .video_poster img { width: 100%; height: 100%; object-fit: cover; } .video_cards_panel .video_card_inner:hover .video_play { opacity: 0; } .video_cards_panel .video_card_inner:hover .video_poster { opacity: 0; } .video_cards_panel .video_card_inner:hover video { opacity: 1; } .reshaping ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; color: #08223a; } .reshaping ul li img { max-width: 45px; margin-bottom: 20px; } .reshaping ul li h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 30px; margin-bottom: 10px; } .reshaping ul li p { font-weight: 300; font-size: 17px; line-height: 28px; padding-top: 10px; } .cybersecuritybx .accordion { max-width: 700px; margin: 0 auto; background: #fff; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); overflow: hidden; } .cybersecuritybx .accordion-item { border-bottom: 1px solid #ddd; } .cybersecuritybx .accordion-header { background: #ffffff; cursor: pointer; padding: 20px; font-size: 18px; font-weight: 600; color: #222; position: relative; transition: all 0.3s ease; } .cybersecuritybx .accordion-header:hover { background: #f0f0f0; } .cybersecuritybx .accordion-header::after { content: "+"; position: absolute; right: 20px; font-size: 22px; transition: transform 0.3s ease; top: 30%; color: #08223a; } .cybersecuritybx .accordion-header.active::after { content: "-"; } .cybersecuritybx .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: #fafafa; padding: 0px 20px; } .cybersecuritybx .accordion-content.active { padding-bottom: 10px; } .cybersecuritybx .accordion-header h3 { color: #08223a; font-weight: 700; font-size: 18px; margin-bottom: 0px; line-height: 22px; } .cybersecuritybx .accordion-content p { font-weight: 300; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .cybersecuritybx .col-md-5 { position: sticky; top: 110px; } .lazyload { opacity: 0; transition: opacity 0.5s; } .lazy-section { opacity: 0; transition: opacity 0.5s ease-in-out; } .lazy-section.loaded { opacity: 1; } .cost-esti-bxs { position: relative; } .herobg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .me_herooptimize { padding: 210px 0 0; position: relative; } .me_herooptimize::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.8; } .me_herooptimize .container { position: relative; z-index: 1; } .dubaibg_optimize { background-color: transparent; } .dark-cost-section { background: #0b0f17; padding: 80px 20px; color: #fff; text-align: center; font-family: "Product Sans"; } .common-banner-bx .newbtn_design { margin-top: 20px; } .techadherencebx { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .techadherencebx .techadherenceitem { border: 1px solid #fff; padding: 30px; border-radius: 20px; color: #fff; transition: all 0.5s; } .techadherencebx .techadherenceitem:hover { border: 1px solid #116cff; } .techadherencebx .techadherenceitem h3 { font-size: 22px; font-weight: 600; text-align: left; line-height: 35px; margin-bottom: 10px; } .techadherencebx .techadherenceitem p { font-weight: 300; font-size: 17px; line-height: 28px; } .allaboutmain { display: flex; } .allaboutcol a { display: flex; align-items: center; justify-content: center; background-color: #fff; height: 160px; font-size: 24px; padding: 20px 30px; text-align: center; border: 1px solid #fff; color: #000; position: relative; overflow: hidden; font-weight: 800; /* Smooth animation */ transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease; } /* Hover effect */ .allaboutcol a:hover { background-color: transparent; color: #fff; transform: translateY(-6px) scale(1.02); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25); } /* Subtle shine overlay */ .allaboutcol a::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.25), transparent); transition: left 0.6s ease; } .allaboutcol a:hover::before { left: 100%; } .bannerindustry { padding: 140px 0 30px; position: relative; } .bannerindustry_content h1 { font-weight: bold; color: #fff; font-size: 48px; margin: 10px 0 25px; line-height: 58px; } .bannerindustry_content h1 span { color: #0080ff; } .bannerindustry_content p { color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 30px; } .bannerindustry_content strong { color: #fff; font-size: 18px; text-transform: uppercase; display: block; } .industrybox_details p { color: #fff; font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 16px; } .industrybox_details li { color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 8px; position: relative; padding-left: 30px; } .industrybox_details li::before { content: '✓'; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; background: linear-gradient(135deg, #0080ff, #00a8ff); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: white; transition: all 0.3s ease; } .industryhead { display: flex; align-items: center; margin-bottom: 15px; } .industryhead h3 { color: #fff; font-size: 20px; font-weight: 600; margin: 0 0 0 10px; } .industryicon { width: 50px; height: 50px; display: flex; align-items: center; overflow: hidden; background-color: #0080ff; border-radius: 50px; justify-content: center; } /* .industrypagebox { backdrop-filter: blur(7.859848976135254px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 15px; border-radius: 10px; margin: 0; border: 2px solid #f2f2f236; } */ .blink { animation: blinkAnim 1s infinite; } @keyframes blinkAnim { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .industrypagebox { transition: all 0.4s ease; position: relative; } .industryimg { height: 366px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; margin-bottom: 15px; position: relative; } /* Image zoom */ .industryimg img { height: 100%; width: 100%; object-fit: cover; transition: transform 0.6s ease; } /* Dark overlay */ .industryimg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: 0.4s ease; } /* Hover Effects */ .industrypagebox:hover .industryimg img { transform: scale(1.1); } .industrypagebox:hover .industryimg::after { opacity: 1; } /* Card lift effect */ .industrypagebox:hover { transform: translateY(-10px); } /* Icon animation */ .industryicon img { transition: transform 0.4s ease; } .industrypagebox:hover .industryicon img { transform: rotate(10deg) scale(1.1); } .industrypagemain { display: flex; flex-wrap: wrap; } .industrypagemain .col-md-6 { display: flex; margin-bottom: 40px; } .industryctapart { text-align: center; backdrop-filter: blur(7.859848976135254px); background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 40px 50px; border-radius: 20px; margin: 0; border: 3px solid #f2f2f236; } .industryctapart h2 { color: #fff; font-size: 36px; font-weight: 700; line-height: 46px; margin-bottom: 30px; } .industryawards .awdd-bx { margin: 30px 10px; border-radius: 12px; padding: 20px 30px; display: flex !important; justify-content: center; align-items: center; border: 2px solid #ffffff21; transition: all 0.5s; box-shadow: rgb(255 255 255 / 24%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; justify-content: center; align-items: center; } .industryawards .awdd-slider { position: relative; z-index: 2; } .industryawards .awdd-bx img { max-width: 160px; } .industryawards .awdd-bx.slick-slide.slick-current.slick-active.slick-center { transform: scale(1.1); box-shadow: rgb(255 255 255 / 0%) 0px 30px 60px -12px inset, #00000000 0px 18px 36px -18px inset; border: 2px solid #1a81ff; } .industryawards .awdd-bx.slick-slide.slick-current.slick-active.slick-center img { max-width: 180px; } .industryawards .slick-next, .industryawards .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; bottom: auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .industryawards .slick-prev { right: 9%; left: auto; top: -36%; transform: translateY(-50%) scale(-1); } .industryawards .slick-next { right: 4%; left: auto; top: -36%; transform: translateY(-50%); } .industryawards .slick-next::after, .industryawards .slick-prev::after { position: absolute; content: ""; background-image: url(../images/home-image/slide-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 12px; border: 2px solid #1a81ff; border-radius: 50px; width: 50px; height: 50px; background-color: #1a81ff; } .industryhead h3 a { color: #0080ff; } .industryicon img { max-width: 30px; } .bannerindustryimg img { max-width: 100%; } .bannerindustry .row { display: flex; align-items: center; flex-wrap: wrap; } .dark-cost-section { background: #0b0f17; padding: 80px 20px; color: #fff; text-align: center; font-family: "Product Sans", Arial, sans-serif; } .dark-cost-section .container { max-width: 1300px; margin: auto; } .section-title { font-size: 38px; font-weight: 700; margin-bottom: 10px; } .section-title span { color: #0066cc; /* BLUE ACCENT */ } .section-subtitle { font-size: 16px; max-width: 800px; margin: 0 auto 50px; opacity: 0.7; } .cost-grid { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 columns */ gap: 25px; } .cost-card { background: #121826; border-radius: 18px; padding: 25px; text-align: left; border: 1px solid rgba(255, 255, 255, 0.08); transition: 0.3s ease; position: relative; } .cost-card h3 { font-size: 20px; margin-bottom: 10px; color: #fff; /* BLUE ACCENT */ } .cost-card:hover { transform: translateY(-6px); box-shadow: 0 0 18px rgba(0, 102, 204, 0.35); /* BLUE GLOW */ border-color: #0066cc; } .icon-box img { width: 38px; margin-bottom: 15px; filter: brightness(0) invert(1); } .cost-card p { font-size: 15px; line-height: 1.6; opacity: 1; color: #fff; } .get-in-touch .addressmain { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 20px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; margin-top: 20px; } .get-in-touch .addressmain p { font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } .get-in-touch .addressmain a { font-weight: 300; font-size: 16px; line-height: 22px; color: #ffffff; } .allinonebx .mainallinonebx { display: grid; gap: 10px; grid-template-columns: repeat(5, 1fr); } .allinonebx .itemallinonebx { padding: 20px; border-radius: 20px; border: 0.567px solid #22d3ee; background: linear-gradient(140deg, rgba(73, 176, 217, 0.2) 7.71%, rgba(193, 237, 255, 0.2) 92.29%); box-shadow: 0 0.772px 9.268px rgba(73, 176, 217, 0.8) inset; backdrop-filter: blur(2.35px); transition: all 0.5s ease; } .allinonebx .itemallinonebx:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 15px 40px rgba(34, 211, 238, 0.35), 0 0 15px rgba(34, 211, 238, 0.6) inset; border-color: rgba(34, 211, 238, 0.8); } .allinonebx .itemallinonebx h3 { margin: 0px 0 10px; font-size: 20px; line-height: 32px; font-weight: 700; color: #08223a; } .allinonebx .itemallinonebx p { font-size: 17px; line-height: 22px; margin-bottom: 0px; color: #08223a; font-weight: 300; } .gatewaylistbx .gatewayimg img { width: 100%; } .gatewaylistbx .new_font_content { margin-bottom: 10px; } .gatewaylistbx ul { padding-left: 30px; list-style: disc; } .gatewaylistbx ul li { font-size: 17px; line-height: 22px; margin-bottom: 10px; color: #08223a; font-weight: 300; } .gatewaylistbx .gatewaybtnn { display: flex; gap: 20px; margin-top: 20px; } .gatewaylistbx .gatewaybtnn a { border-radius: 16px; padding: 10px 10px; font-size: 16px; color: #08223a; font-weight: 500; border: 2px solid #08223a; text-align: center; display: inline-block; transition: all 0.3s ease; } .gatewaylistbx .gatewaybtnn a:hover { background-color: #08223a; color: #ffffff; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(8, 34, 58, 0.2); } .mainnewwindustryybx .newwindustryybx { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 20px; } .mainnewwindustryybx .idustitemss { border-radius: 15px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 10px; text-align: center; } .mainnewwindustryybx .idustitemss img { max-width: 45px; margin-bottom: 15px; } .mainnewwindustryybx .idustitemss h3 { color: #fff; font-size: 20px; font-weight: 700; line-height: 32px; } .commlocalization .localrow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .commlocalization .localitem { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); border: 2px solid #ffffff29; border-radius: 20px; padding: 30px; color: #fff; transition: all 0.5s; } .commlocalization .localitem:hover { background: #1f304f; } .commlocalization .localitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 10px; } .commlocalization .localitem p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .mapadress .addressmain { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); padding: 20px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .mapadress .addressmain p { font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; } .mapadress .addressmain a { font-weight: 300; font-size: 16px; line-height: 22px; color: #ffffff; } .mapadress iframe { width: 100%; border-radius: 12px; margin-bottom: 30px; } .mapadress ul li { font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 15px; color: #fff; } .available_businesses ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; color: #fff; } .available_businesses ul li { font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; text-align: center; border: 1px solid #fff; padding: 10px 10px; border-radius: 12px; } .servicespagebanner { padding: 210px 0 120px; position: relative; overflow: hidden; } /* Background Glow Shape 1 */ .servicespagebanner::before{ content: ""; position: absolute; width: 650px; height: 650px; background: radial-gradient(circle, rgba(0,128,255,0.35) 0%, transparent 70%); top: -220px; left: -220px; filter: blur(90px); z-index: 1; } /* Background Glow Shape 2 */ .servicespagebanner::after{ content: ""; position: absolute; width: 550px; height: 550px; background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 70%); bottom: -200px; right: -150px; filter: blur(100px); z-index: 1; } /* Text Section */ .servicespagetext { text-align: center; } .servicespagetext h1 { font-weight: 900; color: #fff; font-size: 54px; margin: 0 auto 20px; max-width: 800px; line-height: 74px; } .servicespagetext p { color: #fff; font-weight: 500; font-size: 18px; margin: 0 auto 30px; max-width: 600px; } /* Services Links Container */ .serviceslinks { text-align: center; backdrop-filter: blur(10px); background: linear-gradient(0deg, rgba(21,27,58,0.05), rgba(21,27,58,0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); padding: 18px 20px; border-radius: 12px; margin: 0 auto 70px; border: 2px solid #f2f2f236; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } /* Links */ .serviceslinks a { font-size: 16px; font-weight: 700; display: inline-block; width: 24%; margin: 0 15px; padding: 14px 20px; color: #fff; border-radius: 8px; position: relative; transition: all .35s ease; } /* Hover Effect */ .serviceslinks a:hover{ background: #fff; color: #0080ff; transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0,128,255,0.25); } /* Animated Underline */ .serviceslinks a::after{ content: ""; position: absolute; bottom: 6px; left: 50%; width: 0%; height: 2px; background: #0080ff; transition: .35s; transform: translateX(-50%); } .serviceslinks a:hover::after{ width: 60%; } .text-center{ text-align: center !important; } .allservices { position: relative; margin-top: -110px; } .servicespositions { position: sticky; top: 100px; z-index: 9999; } .singleserviceleft h2 { font-size: 36px; color: #fff; font-weight: bold; line-height: 46px; margin-bottom: 20px; } .singleserviceleft p{ color: #fff; font-weight: 400; font-size: 18px; margin: 0 0 30px; } .singleserviceright p{ color: #fff; font-weight: 400; font-size: 18px; margin: 0 0 20px; line-height: 28px; } .singleservicebox{ display: flex; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #f2f2f22b; } .servicesmention a { padding: 15px 40px 15px 20px; border-radius: 9px; backdrop-filter: blur(10px); color: #fff; font-size: 16px; margin-bottom: 16px; margin-right: 15px; background-color: #f2f2f20a; position: relative; display: inline-block; transition: all 0.3s ease; } .servicesmention a::after { content: ""; position: absolute; right: 22px; top: 50%; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(45deg); transition: 0.3s; } .servicesmention a:hover { background-color: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .servicesmention a:hover::after{ right: 15px; transition: 0.3s; } .servicesmention { display: flex; flex-wrap: wrap; } .allservices .container { z-index: 3; position: relative; } .servicespagebanner .container{ z-index: 3; position: relative; } div#AIDevelopment { margin-bottom: 0; padding-bottom: 60px; } @media (max-width: 1279px) { .latesttech_box { margin-right: 15px; } } @media (max-width: 1199px) { .simmilar_banner { padding: 90px 0 80px; } .trusted_client_bx .trusted_client strong { font-size: 22px; } .new_font_content h2, .new_font_content h2 span { font-size: 36px; line-height: 1.3; margin-bottom: 12px; } .cta-simmilar .container { padding: 70px 30px 50px 50px; } .CostEstimation_box { padding: 30px 20px; width: 49%; margin-right: 15px; margin-bottom: 15px; } .Herro_me { padding: 90px 0 0; } .me_herooptimize { padding: 90px 0 0; } .latesttech_slider .latesttech_box:nth-child(3n + 0) { margin-right: 0; } .latesttech_box { margin-right: 18px; width: 32%; } .latesttech_slider .latesttech_box:nth-child(4n + 0) { margin-right: 15px; } .ChartTopping_main .row, .engagementmodel .col-md-12 .row { display: flex; flex-wrap: wrap; } .me_cta_bx .cta-content { padding: 40px 30px 50px 45px; } .framework_tabs .nav-tabs li button { padding: 10px 14px; font-size: 18px; } .meindustryymain .col-md-3 { width: 33%; } .costmobileapp_form h3 { font-size: 28px; line-height: 39px; } .form-actions { margin-top: 30px; display: flex; align-items: center; } .nextbtns { padding: 12px 30px; } .engagementmodel .col-md-12 .row .col-md-4 { margin-bottom: 21px; width: 50%; } .whyhandpick_row .col-md-6 { margin-bottom: 25px; width: 100%; } .aiclutch img { max-width: 100%; } .development_step { font-size: 120px; line-height: 160px; } .weare1 .row .col-md-3, .weare1 .row .col-md-6 { width: 50%; } .weare1 .row > .col-md-6 { width: 100% !important; } .best_ai_app_slider { width: 100%; margin-left: 0; } } @media (max-width: 1023px) { .industry-coman ul li:nth-child(12), .industry-coman ul li:nth-child(6) { border-right: 1px solid #d7d7d7 !important; } .industry-coman ul li:nth-child(11), .industry-coman ul li:nth-child(12) { border-bottom: 1px solid #d7d7d7 !important; } .newbanner_content h1 { font-size: 36px; } .android-img, .custom-company .left-custom img, .profitable-bx .list-left img, .simmilar_banner .newbanner_content { margin-bottom: 30px; } .hero_part .row, .meindustryymain, .simmilar_banner .row, .top-ten-mobile-banner .row { display: flex; flex-wrap: wrap; } .ChartTopping_main .row .col-md-6, .app-dev-bx .dev-main .dev-left, .app-dev-bx .dev-main .dev-right, .common-banner-bx .side-common img, .common_cta_1 .col-md-8, .common_cta_2 .col-md-6, .company-top-list .main-list-box .bottom-box .col-md-4, .emerging_tech .col-md-7, .frameworkcontent, .frameworkimg, .frontier_section .developing_mp ul, .profitable-bx .col-md-8, .shareproject_left, .shareproject_right, .simmilar_banner .row .col-md-4, .simmilar_banner .row .col-md-8, .sucessproject .row .col-md-12, .top-ten-mobile-banner .row .col-md-5, .unmatchedservices_tabs .tab-content, .welcome-video .row .new_vedio_content div, .winning-service-bx .row .col-md-4, .winning-service-bx .row .col-md-8 { width: 100%; } .simmilar_banner { padding: 70px 0 110px; } .our-commitments-comman .atlanta-bx button.slick-prev.slick-arrow { right: 8%; position: absolute; top: -5%; } .choose_carousel .slick-dots, .client-story .client-bx-slider .slick-next, .client-story .client-bx-slider .slick-prev, .compresive_main button.slick-next.slick-arrow, .compresive_main button.slick-prev.slick-arrow { display: none !important; } .cta-simmilar .container { padding: 50px 50px 0; } .how-we-develop .col-md-4 { position: relative; top: 0; margin-bottom: 30px; } .why-choose-service .tabs-left { border-bottom: none; white-space: nowrap; display: flex; margin-bottom: 25px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } .why-choose-service .tabs-left li a, .why-choose-service .tabs-left li.active a, .why-choose-service .tabs-left li.active a:hover { font-size: 16px; font-weight: 600; padding: 14px 21px; } .industry-similar ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .common-banner-bx .expri_body_bx, .expri_comm, .industry-coman ul, .simmilar_banner_bx .expri_body { grid-template-columns: repeat(3, 1fr); } .all-main-cost .row, .shareproject_main, .teamprovides_main { flex-wrap: wrap; } .all-main-cost .row .col-md-4 { width: 100%; margin-bottom: 40px; } .similar-testimonial .main_testi { display: flex !important; margin: 0 60px; } .similar-testimonial .main_testi .left_testi { width: 100%; position: relative; margin-bottom: 30px; } .similar-testimonial .main_testi .right_testi { width: 100%; position: relative; padding: 45px 0 0 35px; } .similar-testimonial button.slick-prev.slick-arrow { left: 39% !important; } .get-in-touch .col-md-6 { width: 100%; margin-bottom: 30px; } .main_portfolio .port_left { width: 100%; padding: 20px; display: block; order: 2; } .main_portfolio .port_right { width: 100%; border-radius: 12px 12px 0 0; display: block; order: 1; margin: 0; } .main_portfolio .portfolio_box { flex-direction: column; border: 10px solid; } .tabs_design_service .main_tabs_dev ul { justify-content: start; overflow-x: scroll; overflow-y: hidden; } .main_tabs_dev ul li a, .newbtn_white, .servicesss-choose .nav-pills > li > a { width: max-content; } .clientss-testimonial .potfolio-slider { align-items: center; max-width: 90%; } .clientss-testimonial .testi-bx { flex-wrap: wrap; justify-content: center; } .clientss-testimonial .testi-bx .testi-content { padding-left: 0; padding-top: 0; width: 100%; } .best-application-bx .new_font_content::before, .common_cta_bx .cta-right, .me_cta_bx .container-fluid .col-md-4, .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, .sentence.p1, .winning-service-bx .nav-pills > li > a img { display: none; } .common_cta_bx .cta-left { width: 100%; padding: 50px 20px 30px; } .common_cta_bx .cta-bx, .mefaq .faq_box, .unmatchedservices_box { height: auto; } .Herro_me_content, .common_cta_bx .cta-simmilar-content, .cycle-process h3, .hero_left p { 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; position: relative; } .industry-coman ul { display: grid; } .industry-coman ul li { border: 1px solid #d7d7d7 !important; padding: 10px; text-align: center; } .assortment_service .education-service-slider.slick-initialized.slick-slider, .expri_comm .img-bx, .innovative-mobile .main-inno-bx { margin-bottom: 0; } .new_portfolio_bx .main-port { flex-direction: column; margin-bottom: 30px; width: 100%; } .new_portfolio_bx .port-left { flex-direction: column; width: 100%; gap: 10px; padding: 20px; border-radius: 0; height: auto; justify-content: center; align-items: center; } .hero_part .row .col-md-5, .me_cta_bx .container-fluid .col-md-8, .new_portfolio_bx .aboutproject_portfolio, .service-testimonial .testimonial .source { width: 100%; text-align: center; } .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; } .advv-technno ul, .choose-list-box ul, .cost-esti-bxs ul, .disruptive_technology ul, .guarantees_section ul, .on-demand-bx ul { grid-template-columns: repeat(2, 1fr); } .CostEstimation_box { padding: 30px 20px; width: 100%; margin-right: 0; margin-bottom: 20px; } .clientss-testimonial ul.slick-dots { bottom: 4%; } .faq_section_custom { margin: 10px 0; } .app-dev-bx .dev-main, .frontier_section .developing_mp, .software-innovation .row, .winning-service-bx .win-bg { flex-direction: column; } .app-dev-bx .dev-main span { font-size: 30px; } .agile_process .process-img img { padding: 20px 30px; } .agile_process .container .row { display: flex; flex-direction: column-reverse; } .top-ten-mobile-banner .row .col-md-7 { display: block; order: 2; width: 100%; } .top-ten-mobile-banner .main { margin: auto; width: 300px; height: 300px; } .top-ten-mobile-banner .icon-block { width: 50px; height: 50px; } .top-ten-mobile-banner .icon-block img { width: 70%; } .top-ten-mobile-banner .center-logo img { max-width: 100px; } .top-ten-mobile-banner { padding: 70px 0 60px; } .top_ten_content { text-align: center; margin-top: 40px; } .top_ten_content h1 { font-weight: 700; font-size: 32px; margin: 0 0 16px; line-height: 50px; } .new_font_content h2, .new_font_content h2 span { font-size: 32px; } .top-ten-list .p2 { color: #08223a; animation: unset; text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff; font-size: 32px; white-space: unset; text-align: center; transform: unset; position: relative; top: 0; left: 0; } .emerging_tech .col-md-5, .profitable-bx .col-md-4 { top: auto; width: 100%; position: relative; } .top-ten-list { padding: 50px 0 30px; } .company-top-list .main-list-box .bottom-box .col-md-8 { border-right: 0; width: 100%; } .company-top-list .main-list-box .bottom-box .bottom-left, .right-partner.bg_new_bx.padding_coman { padding: 0; } .company-top-list .main-list-box .bottom-box .row { flex-wrap: wrap; flex-wrap: wrap; padding: 30px; } .company-top-list .main-list-box .bottom-box .bottom-right { padding: 30px 0 0; } .makes-top-mobile-dev .row .col-md-4 { width: 50%; border: 0 !important; } .makes-top-mobile-dev .row { flex-wrap: wrap; margin: 0; } .makes-top-mobile-dev .top-mobile-box { background-color: #fff; } .top-tech-stack .tech-box ul { grid-template-columns: repeat(4, 1fr); } .me_cta_Content h2 { font-size: 30px; margin: 0 0 30px; line-height: 40px; } .profitable-bx ul li { width: 100%; flex-direction: column; text-align: center; gap: 0; } .profitable-bx .imgs-bxs { left: 45%; top: -6%; } .profitable-bx .head-bx { width: 100%; margin-left: 0; margin-top: 40px; } .profitable-bx ul { align-items: center; gap: 40px; } .me_cta_bx .container-fluid { background-color: #08223a; } .Herro_me_inner span, .me_cta_bx .container-fluid h2, .me_cta_bx .container-fluid p { color: #fff !important; } .app-procedure-bx ul li, .best-application-bx .new_font_content { padding: 20px; } .client-story .slick-next { right: 43% !important; } .get-in-touch .map-box { width: 100%; height: auto !important; } .common-banner-bx .expri_body_bx .img-bx, .guarantees_section .guarante-cta .content-bxs p { margin-bottom: 10px; } .common_cta_bx p { font-size: 15px; line-height: 20px; } .simmilar_banner_bx .expri_body .box-main { flex-direction: column; gap: 0; padding: 10px 6px; } .simmilar_banner_bx .expri_body .box-main:before { position: absolute; content: ""; border: 1px dashed #fff; width: 100%; height: 100%; } .simmilar_banner_bx .expri_body .img-bx { margin-bottom: 15px; } .simmilar_banner_bx .box-main:last-child { grid-column: span 2; border: 1px dashed #fff; } .client-story .client-slider, .software-innovation .inner-inno { min-height: auto; } .common-banner-bx { padding: 60px 0; text-align: center; } .common-banner-bx .side-common .image-3 { top: -12%; right: 6%; width: 40%; } .common-banner-bx .side-common .image-1 { top: 35%; left: 0; width: 50%; } .common-banner-bx .expri_body_bx .box-mainn:before { border: 1px solid #fff; border-radius: 10px; } .common-banner-bx .expri_body_bx .box-mainn { flex-direction: column; padding: 15px; } .common-banner-bx .expri_body_bx .box-mainn:last-child:before { display: block !important; } .flip-industry ul { grid-template-columns: repeat(9, 1fr); gap: 10px; overflow-x: scroll; } .flip-industry li { height: 500px; background-repeat: no-repeat; width: 510px; background-color: #000; } .emerging_tech .col-md-5 { margin-bottom: 25px; } .customm_process ul, .emerging_tech ul li { margin-left: 0; } .video-sec-box .row { flex-direction: column; border-radius: 0; } .teamprovides_main .nav-tabs, .whychooosemain .nav-tabs { border: 0; display: flex; overflow-y: hidden; overflow-x: auto; } .video-sec-box .row .new_vedio_content h2 { font-size: 25px; line-height: 1.2; } .flip-industry .hidden-bx ul { padding-left: 5px; width: 100%; overflow: hidden; } .winning-service-bx ul { display: grid; grid-template-columns: repeat(10, 1fr); overflow-x: scroll; padding: 10px; gap: 0; } .winning-service-bx ul li { width: max-content !important; } .awardssec_main .col-md-4, .commitmentbox, .indusryboxx, .meindustryymain .col-md-3, .whatmakes_main .col-md-4 { width: 50%; } .teamprovides .row { margin: 0; } .teamprovides_main .nav-tabs { width: 100%; height: auto; padding: 10px 0; } .teamprovides_main .nav-tabs li button { white-space: nowrap; padding: 14px 20px; } .teamprovides_main .tab-content { width: 100%; padding: 60px 50px; } .whychooosemain .nav-tabs { justify-content: flex-start; padding-bottom: 20px; } .whychooosemain .nav-tabs::-webkit-scrollbar { display: none; } .whychooosemain .nav-tabs li button { white-space: nowrap; padding: 10px 20px; } .whychooosemain_box { border-radius: 10px; margin-top: 20px; flex-wrap: wrap; } .whychooose_left { width: 100%; height: 300px; } .whychooose_left img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; } .Agileprocess .row .new_font_content { margin: 0 0 50px; position: relative; top: 0; } .techstacktabss .nav-tabs { justify-content: flex-start; border: 0; overflow: auto; } .techstacktabss li button { white-space: nowrap; } .sucessproject_box { border-radius: 10px; padding: 40px 25px; margin-bottom: 30px; } .hero_part { padding: 60px 0 50px; } .hero_part .row .col-md-7 { order: 2; margin-top: 30px; text-align: center; width: 100%; } .heroawards { justify-content: center; margin-top: 30px; } .awardssec_main .col-md-4:nth-child(3n + 2) { transform: unset; } .common_cta_1 .col-md-4, .common_cta_1 .cta-right img, .common_cta_2 .container .row .ctt-right, .common_cta_2 .cta-simmilar-content:after, .common_cta_3 .container .ctas-right, .service-testimonial .testimonial::before, .servicesss-choose .label-bx .label-img, br { display: none; } .fetching-bx ul.nav.nav-pills { overflow-x: scroll; justify-content: start; } .fetching-bx .nav-pills > li > button { padding: 10px; width: max-content; } .common_cta_2 .container, .fetching-bx .tab-content { border-radius: 0; } .fetching-bx .tab-content .tab-pane img { margin-bottom: 20px; height: 300px; } .common-banner-bx .side-common, .globalgdp_txt { margin-top: 40px; } .cta-simmilar-content h2 { font-size: 20px; border-left: 0; padding-left: 0; margin-bottom: 20px; text-align: center; font-weight: 600; } .common_cta_1 .container { border-radius: 0; justify-content: center; display: flex; } .common_cta_1 .cta-simmilar-content { padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .emerging-comman .left_bx { height: 300px; } .cta-simmilar-content { margin-top: 0; text-align: center; } .service-testimonial .testimonial { flex-direction: column; margin: 0 10px; align-items: center; } .service-testimonial .testimonial p { width: 100%; margin-top: 100px; text-align: center; } .service-testimonial .testimonial .image { top: 0; right: auto; } .inno-cta-bx, .leading-table table { overflow: hidden; } .welcome-video .row { display: block; text-align: center; } .common_cta_2 .cta-simmilar-content h2 { font-size: 20px; font-weight: 600; border-left: 0; padding-left: 0; margin-bottom: 10px; } .common_cta_2 .cta-simmilar-content { padding: 20px; border-radius: 10px; } .common_cta_2 { background-image: none !important; } .cycle-process .cycle-content { padding: 10px 15px; min-height: auto; text-align: center; } .cycle-process ul li .icon { max-width: 100%; display: flex; justify-content: center; } .secured-section .new_font_center span { line-height: 25px; } .winning-service-bx .row .col-md-8 { width: 100%; padding: 0; } .winning-service-bx .win-bg { padding: 10px; } .winning-service-bx .tab-pane ul { padding-left: 20px; gap: 10px; } .simmilar_banner_bx .sim-img-bx img { width: 100%; margin: 20px 0; } .servicesss-choose .row { justify-content: start; flex-direction: column; } .servicesss-choose .row .col-md-3 { display: block; order: 1; width: 100%; } .servicesss-choose .row .col-md-6 { display: block; order: 2; } .servicesss-choose ul.nav.nav-pills { flex-direction: row; overflow-x: scroll; } .servicesss-choose .label-bx { padding: 10px 15px; } .common-banner-bx .newbanner_content p { text-align: center !important; } .common-banner-bx .newbanner_content ul > li { background: none; filter: brightness(0) invert(1); } .me_cta_bx .cta-content.clxs { max-width: 100%; padding: 35px 10px; } .me_cta_bx .cta-content h2, .whatmakes_content h3 { font-size: 22px; } .me_cta_bx .cta-content p { font-size: 16px; margin: 12px 0 20px !important; } .stickyleft { position: relative; top: 0; } .engagementmodelbox { border-radius: 20px; padding: 20px 20px 110px; } .developmentstagesbox { transform: scale(1); padding: 140px 30px 40px; } .development_step { font-size: 100px; line-height: 120px; left: 0; } .developmentstagesbox span { height: 60px; width: 60px; } .developmentstagesbox span img { max-width: 40px; } .developmentstagesbox h3 { font-size: 20px; margin-bottom: 14px; } .developmentstagesbox p { font-size: 17px; } .padding_sections { padding: 60px 0; } .new_portfolio_bx .mobileportfoilo_details { gap: 0; justify-content: center; } .costmobileapp_img { height: 400px; border-radius: 12px; margin-bottom: 40px; } .costmobileapp_form .form-container { padding: 34px; height: auto; border-radius: 12px; } .advfeaturescontent h3 { font-size: 22px; line-height: 34px; margin-bottom: 10px; } .advfeaturescontent p { font-size: 17px; line-height: 28px; margin-top: 0 !important; } .me_cta_bx .container-fluid .cta-content h2 { font-size: 26px; } .Herro_me_content p { font-size: 18px; line-height: 29px; text-align: center; margin-bottom: 25px; } .Herro_me_content h1 { font-size: 38px; font-weight: 700; margin-bottom: 20px; line-height: 50px; } .me_countbox > div { font-size: 40px; } .latesttech_box { margin-right: 19px !important; width: 47%; } .ChartTopping_main { border-radius: 20px; padding: 50px 40px; margin: 0 auto 30px; } .ChartTopping_box h3 span { font-size: 26px; margin-bottom: 8px; } .mectanew .Herro_me_inner { margin: 0 0 30px; } .framework_tabs .nav-tabs { border: 0; display: flex; justify-content: center; flex-wrap: nowrap; white-space: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 20px; } .framework_tabs .nav-tabs::-webkit-scrollbar, .unmatchedservices_tabs .nav-tabs::-webkit-scrollbar { display: none; } .frameworkinner { margin-top: 40px; flex-wrap: wrap; } .frameworkcontent h3 { font-size: 22px; line-height: 36px; } .unmatchedservices_tabs { border-radius: 12px; flex-wrap: wrap; } .unmatchedservices_tabs .nav-tabs { width: 100%; padding: 20px; height: auto; overflow-y: hidden; overflow-x: auto; display: flex; white-space: nowrap; } .unmatchedservices_tabs .nav-tabs li button { padding: 20px; font-size: 16px; border-radius: 12px; margin-bottom: 0; margin-right: 20px; width: auto; } .whatmakes_main { display: flex; flex-wrap: wrap; justify-content: center; } .whatmakes_count { font-size: 110px; line-height: 120px; } .whatmakes_box { border-radius: 14px; padding: 30px 20px; height: 310px; } .fetching-bx .tab-content, .ways-software .container { padding: 20px 15px; } .transformed-industry ul { display: grid; grid-template-columns: repeat(16, 1fr); justify-content: start; gap: 20px; overflow-x: scroll; } .transformed-industry ul li { width: 500px; } .Herro_me_inner span::after, .aictaimg, .frontier_section .developing_mp:before, .herome_img, .secured-section .row:before, .software-banner-bx .software-side::after { display: none; } .aidubaihero .Herro_me_inner span, .app-procedure-bx ul { padding-left: 0; } .aictacontent { padding: 0 40px; width: 100%; text-align: center; } .aictacontent .Herro_me_inner span { color: #08223a !important; display: block; } .aictamain { border-radius: 20px; padding: 30px 0; } .globalgdp .newbtn_design { margin-top: 10px !important; } .software-banner-bx { padding: 60px 0 40px; } .software-banner-bx .software-side { display: flex; justify-content: center; } .software-banner-bx .software-side img { width: 80%; } .software-banner-bx .rigth-soft .img-cls img { max-width: 80px; } .software-banner-bx .img-bx1.img-cls { top: 8%; } .customm_process .col-md-5, .effective-steps .col-md-5, .soft-choice .row .col-md-4 { position: relative; top: auto; } .expri_comm .box-comm { flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 10px 0; } .expri_comm .box-comm:before { border: 1px dashed #fff; } .expri_comm .box-comm:last-child:before { display: block; } .expri_comm .box-comm:last-child { grid-column: span 2; } .comprehensive_process .slider__content { flex-direction: column-reverse; } .comprehensive_process .slider__content .slider__text { width: 100%; position: relative; border-radius: 0 0 20px 20px; box-shadow: none; } .app-procedure-bx .detail-procedure, .comprehensive_process .slider__content .slider__image, .get-in-touch .col-md-12, .software-banner-bx .col-md-5, .software-banner-bx .col-md-7, .software-cost .costt-imgs, .trusted_industry_bx .container { width: 100%; } .comprehensive_process .slider__content .slider__image img { border-radius: 20px 20px 0 0; } .advanced-level .level-img .level-2 img, .comprehensive_process .slider__content .slider__text::after, .cta_main_bxs .side-mgss, .get-access .get-main img, .get-access .get-main::before, .inno-cta-bx .container .bring-imgs, .soft-unmatched .slider.slider-unmatched-nav.slick-initialized.slick-slider, .software-cta-bx .container .side-cta, .software-innovation .img-main, .software-table tr .cls:after, .ways-software .col-md-5 { display: none; } .comprehensive_process .slider__wrapper { padding-bottom: 25px; } .software-cost .row { flex-direction: column-reverse; gap: 20px; } .soft-choice ul { grid-template-columns: repeat(1, 1fr); gap: 20px; padding-left: 0; margin-top: 30px; } .customm_process .new_font_content.new_font_white { padding: 25px; } .software-table th { font-size: 18px; font-weight: 600; line-height: 20px; padding: 10px 5px; } .software-table td { padding: 14px 10px; font-size: 14px; line-height: 25px; } .frontier_section .developing_mp ul li { justify-content: start; } .software-cta-bx .container { padding: 20px; background: #fff; color: #08223a; height: auto; background-image: none !important; margin: 0; width: 100%; border-radius: 0; border: 1px solid #1a81ff; } .software-cta-bx { padding: 0; border-radius: 0; } .software-cta-bx .cta-soft-content { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 0; } .accelerate-bx ul.accelerate-lst { grid-template-columns: repeat(2, 1fr); gap: 15px; } .cta_main_bxs .row { padding: 20px 10px; } .choose-tech-dev ul li { padding: 20px; width: 31%; } .accelerate-bx .accelerate-lst li { transform: rotate(0) !important; margin-bottom: 20px; } .software-banner-bx .expri_comm { margin-top: 0; } .software-banner-bx .row { align-items: center; flex-direction: column; gap: 20px; } .software-banner-bx .newbanner_content ul { padding-left: 25px; text-align: left; } .process-follow-bx .process-pane .row { align-items: start; flex-direction: column; } .process-follow-bx .process-pane .row img { border-radius: 12px; } .process-follow-bx .process-pane { padding: 0; border-radius: 12px; margin: 0 5px; } .process-follow-bx .col-md-7 { padding: 20px 35px; } .process-follow-bx .process-pane .row .col-md-7 span { top: -10%; background: #fff; right: 4%; } .get-access .get-main { margin: 45px; } .inno-cta-bx .container .cta-simmilar-content { padding: 30px; } .effective-steps .col-md-5 { margin-bottom: 20px; } .effective-steps ul li { border: 2px solid #1a81ff; margin-bottom: 20px; border-radius: 12px; flex-direction: column; padding: 20px; justify-content: center; align-items: center; } .effective-steps ul { border-left: none; margin-left: 10px; } .effective-steps .iconn-eff { position: relative; left: auto; margin-bottom: 15px; } .effective-steps ul li .contt-eff { padding-left: 0; text-align: center; } .hire-well-bxs ul { text-align: left; } .app-procedure-bx .col-md-5 { position: relative; top: auto; margin-bottom: 30px; } .app-procedure-bx ul li .numm { left: auto; background-color: transparent; right: 3%; top: 0; } .app-procedure-bx ul li .numm span { font-size: 50px; } .profitable-business ul li, .profitable-business ul li:first-child, .profitable-business ul li:nth-child(5) { width: 48%; } .get-access ul li .get-icon { top: -10%; } .get-access ul { gap: 45px; } .get-access ul li .get-conttn { top: 30px; } .right-partner ul li { height: 255px; } .right-partner ul li .partner-front { justify-content: end; width: 100%; flex-direction: column; height: 100%; gap: 15px; padding-bottom: 35px; } .right-partner .container { padding: 30px 15px; border-radius: 0; } .videopart .main-video { background-position: left; } .top-company-cta .top-company-cta-img img { display: none; } .top-company-cta .top-company-cta-img { width: 100%; text-align: center; margin-top: auto; } .choose-top-mobile-app .accordion-image { display: none; } .custom-label .row { flex-direction: column; } .custom-label .main-label h3 { font-size: 19px; line-height: 25px; } .custom-label .main-label { padding: 10px; border-radius: 10px; margin: 55px 0 0 0; } .custom-label .main-label .top-label { border-radius: 10px 10px 0 0; } .custom-label .main-label .top-label { margin-bottom: 5px; } .feasible-business .col-md-5 { position: relative; top: auto; } .feasible-business ul { grid-template-columns: repeat(1, 1fr); } .feasible-business ul li { padding: 20px; border-radius: 10px; text-align: center; } .feasible-business ul h3 { font-size: 19px; text-align: center; line-height: 25px; } .market-expansion ul { grid-template-columns: repeat(2, 1fr); text-align: center; } .common_cta_5 { background-color: #00001f; background-image: none !important; height: auto; } .postdelivery-bx { background-size: cover; background-attachment: unset; } .market-expansion { background-size: cover; } .market-expansion ul li img { max-width: 110px; margin-bottom: 9px; } .feasible-business .whyicc { flex-direction: column; } .business-virtues .buss-imgg { height: auto; margin-bottom: 20px; } .postdelivery-bx img { display: none; } .faq-tabb .nav.nav-pills { flex-direction: row; margin-bottom: 35px; justify-content: center; } .faq-tabb .newscroll { flex-direction: row; justify-content: start !important; overflow-x: scroll; } .faq-tabb .newscroll li a { width: max-content; } .faq-tabb .faq_box_head { height: auto; } .faq-tabb .faq_box { height: auto; } .custom-vs-bx .row { flex-direction: column; gap: 30px; } .offercustombx .row { flex-direction: column; } .offercustombx .main-offer { margin-bottom: 30px; } .desiredresults .nav > li > a { width: max-content; padding: 20px 20px; } .desiredresults .tab-content .diff-bx { margin-top: 20px; flex-direction: column; } .desiredresults .tab-content .left-list { width: 100%; border-right: none; padding-right: 10px; } .desiredresults .tab-content .right-list { padding-left: 10px; width: 100%; margin-top: 35px; } .award-coman .slider-bx { height: auto; } .award-coman .slider-bx img { width: 60%; } .award-coman .award-coman-sliderr .slider-bx img { width: 100%; } .award-coman .slick-next { right: -70px; left: 0; top: auto; transform: unset; bottom: -45px; } .desiredresults .nav { overflow-x: scroll; } .full-process-bx .col-md-5 { position: relative; top: auto; } .browsebx ul { grid-template-columns: repeat(1, 1fr); gap: 30px; } .browsebx .brocontt { bottom: 0; padding: 10px; } .browsebx ul li { margin-bottom: 0; } .futuristicbx ul { overflow-x: scroll; grid-template-columns: repeat(4, 1fr); gap: 10px; } .futuristicbx ul li { width: max-content; } .getbestbx ul li { width: 48%; } .getbestbx ul li:nth-child(even) { margin-top: 0; } .getbestbx h3 { font-size: 18px; margin-bottom: 0; line-height: 24px; } .aicostbx .aicost img { height: auto; margin-bottom: 20px; } .famousai ul { grid-template-columns: repeat(1, 1fr); } .aiconsulting ul { grid-template-columns: repeat(1, 1fr); gap: 20px; } .aiusecase .nav.nav-pills { justify-content: start; margin-bottom: 0px; overflow-x: scroll; } .aiusecase .nav.nav-pills li { padding-bottom: 30px; } .aiusecase .nav.nav-pills li a { width: max-content; } .aiusecase .tab-pane ul { grid-template-columns: repeat(2, 1fr); } .aiconsulting { text-align: center; } .aiconsulting img { width: 55%; margin-bottom: 20px; } .cortex .corteximg img { width: 75%; } .aiconsultingbx ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } .inovationtabb ul.nav.nav-pills { overflow-x: scroll; overflow-y: hidden; margin-bottom: 25px; border-bottom: none; } .inovationtabb .nav li a { width: max-content; } .inovationtabb ul.nav.nav-pills::-webkit-scrollbar { width: 6px; } .inovationtabb ul.nav.nav-pills::-webkit-scrollbar-thumb { background: #0080ff; border-radius: 10px; } .inovationtabb ul.nav.nav-pills::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } .inovationtabb .tab-content ul { grid-template-columns: repeat(2, 1fr); row-gap: 30px; column-gap: 20px; } .inovationtabb .tab-content ul li { border: 1px solid #08223a; border-radius: 8px; padding: 20px; } .inovationtabb .nav li.active:after { display: none; } .additionalservice .row { flex-direction: column; } .additionalservice .tab-nav { border-radius: 0px; overflow-x: scroll; display: flex; } .additionalservice .tab-nav li { width: max-content; } .additionalservice .tabbtn { width: 200px; } .additionalservice .tabbtn h3 { font-size: 20px; line-height: 22px; } .me_herooptimize { padding: 60px 0 0; } .allinonebx .mainallinonebx { grid-template-columns: repeat(3, 1fr); } .mainnewwindustryybx .newwindustryybx { grid-template-columns: repeat(3, 1fr); } .allinonebx .itemallinonebx:hover { transform: none; box-shadow: none; } .bannerindustry { padding: 50px 0 0; } .bannerindustry_content { text-align: center; } .bannerindustry_content h1 { font-size: 38px; margin: 10px 0 25px; line-height: 48px; } .servicespagebanner { padding: 60px 0 60px; } .servicespagetext h1 { font-size: 40px; margin: 0 auto 15px; max-width: 100%; line-height: 58px; } .singleservicebox { margin-bottom: 40px; padding-bottom: 30px; flex-wrap: wrap; } .singleservicebox .col-md-6:first-child { margin-bottom: 20px; } .singleservicebox .col-md-6 { width: 100%; } .serviceslinks{ margin-bottom: 50px; } } @media (max-width: 767px) { .choose-list-box .trust-content, .simmilar_banner .newbanner_content, .software-banner-bx .newbanner_content, .software-banner-bx .newbanner_content p, .software-banner-bx label.read-more-button, .trusted_client { text-align: center; } .simmilar_banner .expri_body, .simmilar_banner_bx .expri_body { grid-template-columns: repeat(2, 1fr); } .simmilar_banner { padding: 50px 0 100px; } .simmilar_banner .expri_body .box-main { flex-wrap: wrap; flex-wrap: wrap; border: 1px dashed #fff; padding: 20px 10px; width: 100%; } .simmilar_banner .expri_body { padding: 0; } .similar-testimonial .main_testi .left_testi:before, .simmilar_banner .expri_body .box-main:before { display: none; } .commanform { border-radius: 10px; padding: 75px 20px 24px; } .commanform h2 { font-size: 14px; text-align: left; margin-left: 0; height: 34px; border-radius: 0 10px 10px 0; padding: 0 20px; top: 20px; } .commanform form .form-group .form-control { font-size: 15px; border-radius: 10px; padding: 10px 16px; height: 46px; } .commanform form .form-group textarea.form-control, .engagementmodelbox ul, .expri_comm, .get-in-touch .map-box iframe, .main_portfolio .portfolio_box, .preferred-app .nav li, .soft-unmatched .main-slider { border-radius: 10px; } .commanform form .form-group .newbtn_design { position: absolute; border: 7px solid #fff; height: 60px; border-radius: 16px; margin-top: 0; } .trusted_client { flex-wrap: wrap; justify-content: center; } .trusted_client_bx .container-fluid { padding: 20px; border-radius: 10px; margin: 0 6%; } .trusted_client_bx .trusted_client strong { font-size: 19px; width: 100%; margin-bottom: 20px; } .trusted_client_bx .client-box img { max-width: 70px; object-fit: contain; } .padding_sections { padding: 30px 0; } .new_font_content h2 { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .new_font_content p { font-size: 16px; line-height: 26px; font-weight: 400; } .newbtn_design, .newbtn_white { font-size: 15px; line-height: 22px; height: 52px; border-radius: 12px; text-align: left; padding: 8px 60px 8px 22px; } .accelerate-bx .accelerate-lst li:nth-child(3), .custom-company .new_font_content, .go-to-android .new_font_content, .new_portfolio_bx .port-left .logo img, .software-innovation .new_font_content { margin: 0; } .new_font_content .newbtn_design, .software-banner-bx .expri_comm, .unmatchedservices_btn, .welcome-video .right-video { margin-top: 20px; } .new_font_content { margin-bottom: 20px; text-align: center; } .advv-technno h3, .app-procedure-bx .detail-procedure h3, .cost-esti-bxs h3, .effective-steps h3, .get-access h3, .our-commitments-comman .service-item h3, .profitable-business h3, .right-partner h3, .teamprovides_box h3, .weare1box h3, .whychooose_right h3 { font-size: 20px; } .our-commitments-comman .service-item { border-radius: 8px; padding: 20px; min-height: auto; } .clientss-testimonial ul.slick-dots, .desktopshow .col-md-3, .desktopshow .col-md-6, .frontier_section .developing_mp, .our-commitments-comman button.slick-next.slick-arrow, .our-commitments-comman button.slick-prev.slick-arrow, .similar-testimonial button.slick-next.slick-arrow, .similar-testimonial button.slick-prev.slick-arrow, li.trust-cta { display: none !important; } .app-dev-comman .left_bx { height: 175px; } .app-dev-comman .content-bx span { font-size: 40px; } .app-dev-comman .content-bx h3 { font-size: 20px; margin-bottom: 10px; line-height: 27px; } .cta-simmilar .container { padding: 30px 30px 0; width: 92%; text-align: center; border-radius: 10px; } .cta-simmilar .container .cta-simmilar-content h2 { font-size: 28px; line-height: 42px; } .cta-simmilar .container .cta-simmilar-content p { font-size: 16px; line-height: 30px; margin: 10px 0 30px !important; } .cta-simmilar .container .cta-img { margin-top: 40px; } .hire-well-bxs .img-hiree img, .img-bx { margin-bottom: 30px; } .compresive_main .steps-navigation { text-align: left; margin-bottom: 20px; display: flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .how-we-develop ul li { position: relative; flex-wrap: wrap; gap: 10px; } .awardssec_main .col-md-4, .commitmentbox, .how-we-content, .how-we-develop ul li span, .industry-similar ul li a h3, .meindustryymain .col-md-3, .mevideopart .row .col-md-6, .process-follow-bx .process-pane .row .col-md-5, .tabs_dev_img, .weare1 .row .col-md-3, .whatmakes_main .col-md-4 { width: 100%; } .how-we-develop .how-we-list, .leading-table .row .col-md-12:first-child { padding: 0 10px; } .why-choose-service .tab-pane.active { height: auto; padding: 35px 10px; } .why-choose-service .tab-pane .content-bx { padding: 30px 20px; text-align: center; margin: 0; background: #fffffff0; } .why-choose-service .tab-pane .content-bx h3 { font-size: 20px; line-height: 31px; } .industry-similar ul { display: grid; grid-template-columns: repeat(1, 1fr); gap: 2px; } .industry-similar ul li a { flex-wrap: wrap; text-align: center; justify-content: center; background-color: #fff; border-radius: 6px; margin-bottom: 20px; padding: 24px 20px; border: 1px solid #f2f2f2; } .techstack-bx .nav-pills > li > button { font-size: 16px; width: max-content; padding: 20px 14px; } .techstack-bx .nav { display: flex; overflow-x: auto; padding-bottom: 20px; justify-content: flex-start; } .faq_box_head { padding: 12px 0; display: block; font-size: 14px; } .faq_box { padding: 0 46px 0 15px; border-radius: 6px; margin-bottom: 20px; } .similar-testimonial .main_testi { display: flex; margin: 0; flex-wrap: wrap; } .similar-testimonial .main_testi .right_testi:after { width: 65px; height: 60px; left: 15px; } .similar-testimonial .main_testi .right_testi { padding: 15px 0 0 15px; } .similar-testimonial .similar_profilenav { max-width: 90%; margin: 30px auto; } .similar-testimonial .similar_profilenav .img-bx img { height: 60px; width: 60px; } .similar-testimonial .main-slider .img-bx { display: flex; justify-content: center; margin-bottom: 0; } .all-main-cost .row, .secured-section .row { display: block; } .all-main-cost .row a.newbtn_design { margin: 0 16px 20px; } .all-main-cost .price-table .price-table-head th { font-size: 13px; white-space: nowrap; } .simmilar_banner .expri_body .img-bx { margin-bottom: 10px; width: 100%; text-align: center; } .tabs_dev_head_para h3 { font-size: 22px; font-weight: 700; line-height: 31px; } .tabs_dev_inner { padding: 20px; flex-wrap: wrap; } .tabs_dev_head_para { width: 100%; order: 2; } .main_tabs_dev ul li a { width: max-content; white-space: nowrap; } .main_portfolio .port_left { text-align: center; height: 400px; } .main_portfolio .port_left h3 { font-size: 24px; line-height: 34px; margin-bottom: 10px; } .main_portfolio .down_link { justify-content: center; } .main_portfolio .portfolio_info { margin-top: 30px; justify-content: center; text-align: center; } .main_portfolio .port_infobox { margin-right: 0; width: 33%; } .main_portfolio .port_infobox strong { font-size: 20px; margin-bottom: 10px; line-height: 20px; } .main_portfolio .port_infobox span { font-size: 12px; } .clientss-testimonial .testi-bx { flex-wrap: wrap; justify-content: center; margin: 0; text-align: center; border-radius: 10px; padding: 25px 20px 35px; min-height: auto; height: 480px; align-items: flex-start; gap: 0; display: block; } .clientss-testimonial .testi-bx p { font-size: 16px; line-height: 23px; text-align: center; margin: 10px 0 0; } .partner_img { width: 90px; } .partnericon { height: 60px; } .techstack-bx .tab-content ul li img { max-width: 60px; } .industry-coman ul { grid-template-columns: repeat(3, 1fr); } .assortment_service .main-box .icon-bx { top: 22%; } .assortment_service .main-box .img-bx, .awardssec_main .awardssec_box:last-child, .new_portfolio_bx .casestudy_btn a img, .software-innovation .row .col-md-4 { margin-bottom: 0; } .accelerate-bx ul.accelerate-lst, .advv-technno ul, .cost-esti-bxs ul, .disruptive_technology ul, .on-demand-bx ul, .right-partner ul { grid-template-columns: repeat(1, 1fr); } .CostEstimation_box { padding: 22px 16px; width: 100%; margin-right: 0; margin-bottom: 10px; border-radius: 6px; flex-wrap: wrap; height: 360px; box-shadow: unset; border: 1px solid #00000014; } .tg_bestcompany .app-dev-slider button.slick-prev.slick-arrow { left: 38% !important; top: auto; z-index: 3; bottom: -30px; width: 50px !important; height: 50px !important; overflow: visible; } .tg_bestcompany .app-dev-slider button.slick-next.slick-arrow { left: 52% !important; z-index: 3; top: auto; bottom: -30px; width: 50px !important; height: 50px !important; overflow: visible; } .tg_bestcompany .app-dev-slider .bestcompany_box { margin: 30px 15px; } .bestcompany_box { border: 0; border-radius: 0; padding: 0; margin: 0 0 20px; } .bestcompany_inner { border-radius: 6px; padding: 20px; } .premium_ico img, .teamprovides_box > img { max-width: 40px; } .leading-table td, .leading-table th { padding: 5px; } .leading-table th, .me_countbox span { font-size: 14px; } .leading-table td { font-size: 12px; font-weight: 500; } .advfeaturesslide .container, .app-dev-bx .dev-main .dev-left, .award-coman .col-md-12, .leading-table .col-md-12, .mefaq { padding: 0; } .leading-table tr .cls:after { width: 0; } .leading-table table img { max-width: 15px; } .progress-bg-bx .step-count8 { left: 20%; } .progress-bg-bx .step-count4 { right: 72%; } .progress-bg-bx .reverseRow { display: flex; flex-direction: column-reverse; margin-top: 0; } .progress-bg-bx .step-count5 { left: 75px; } .best-application-bx .img-best, .company-top-list.overflow-x-add, .go-to-android .paraimg_left img, .mevideopart .new_font_content, .paraimg_sec img, .preferred-app .nav-pills > li, .secured-section .new_font_content { margin-bottom: 20px; } .video_sec_riyadpge .Video_btn { width: 45px; height: 45px; } .video_sec_riyadpge .col-md-12 .tg_video a img { width: 25%; height: 15px; } .video_sec_riyadpge .col-md-12 .tg_video img { width: 100%; height: 130px; background-size: 100%; object-fit: cover; } .hero_part, .padding_coman, .software-banner-bx { padding: 40px 0; } .progress-bg-bx .progressstep { margin-bottom: 25px; background-color: #fff; padding: 25px 12px; border-radius: 10px; } .progress-bg-bx .step-count { top: 10px; left: 100px; right: auto; bottom: auto; display: none; } .new_portfolio_bx .port-left img { max-width: 100%; margin-bottom: 10px; } .new_portfolio_bx .port-left .logo { border-radius: 12px; height: 65px; width: 65px; } .pearks_content h3.new_font { font-size: 18px; margin-bottom: 5px; line-height: 26px; } .new_portfolio_bx .aboutproject_portfolio h2 { font-size: 18px; line-height: 20px; margin-bottom: 5px; } .new_portfolio_bx .aboutproject_portfolio p { font-size: 15px; line-height: 1.5; } .new_portfolio_bx .casestudy_btn a { font-size: 14px; line-height: 20px; padding: 0 20px; } .assortment_service button.slick-prev.slick-arrow { left: 28% !important; } .assortment_service button.slick-next.slick-arrow { right: 31% !important; } .me_cta_bx .container-fluid .cta-content { padding: 25px 20px; } .app-dev-comman button.slick-prev.slick-arrow { height: 50px !important; width: 50px !important; top: auto; bottom: -65px; left: 33% !important; transform: scaleX(-1); z-index: 1; } .app-dev-comman button.slick-next.slick-arrow { height: 50px !important; width: 50px !important; top: auto; bottom: -65px; left: 53% !important; z-index: 1; } .app-dev-comman .right_bx { margin: 0 5px; height: 95px; overflow: hidden; } .app-dev-comman .right_bx img { border-radius: 6px; } .app-dev-comman .app-slider-nav.slick-initialized.slick-slider, .award-uae-slider, .comprehensive_slider, .delivering-software .choose_carousel, .new_port_slider { margin-bottom: 40px; } .main_portfolio .slick-list.draggable { border-radius: 10px; overflow: unset; } .main_portfolio .port_right { width: 100%; border-radius: 0; } .clientss-testimonial .slick-next { right: -60px; left: 0; top: auto; bottom: -90px; } .clientss-testimonial .slick-prev { right: 0; left: -60px; top: auto; bottom: -64px; transform: scale(-1); } .cardflipbox .cardback, .cardflipbox:hover .cardfront { transform: unset; transform-style: unset; } .potfolio-slider { margin-bottom: 70px; } .choose-tech-dev ul.mobileslidershowing, .latesttech_slider, .meindustryymain, .new_agile_slider { margin-bottom: 50px; } .award-coman { padding-bottom: 50px; overflow: hidden; } .comma_partner_bx .slider-bx { height: 90px; } .comma_partner_bx .slider-bx ul li img { height: 65px; width: 65px; margin: 0 15px; } .get-form-bx .col-md-6 .commanform, .get-in-touch .col-md-6 .commanform { margin: 0 10px; } .top_ten_content h1 { font-size: 26px; margin: 0 0 16px; line-height: 36px; } .top_ten_content p { font-size: 16px; margin-bottom: 30px; line-height: 28px; } .company-top-list .main-list-box { border-radius: 10px; margin-bottom: 30px; } .company-top-list .main-list-box .top-box { padding: 20px 15px; } .company-top-list .main-list-box .top-box .logo img, .whatmakes_content img { max-width: 50px; } .company-top-list .main-list-box .top-box .content h2 { font-size: 20px; margin: 0 0 10px; line-height: 24px; } .company-top-list .main-list-box .top-box .row .col-md-3 { width: 100%; margin-top: 20px; } .company-top-list .main-list-box .top-box .row, .mevideopart .row { flex-wrap: wrap; } .new_font_content h2 span, .top-ten-list .p2 { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .top-ten-list { padding: 40px 0 20px; } .company-top-list .main-list-box .bottom-box .row { flex-wrap: wrap; padding: 28px 20px; } .airbnb-process .businesses-slider button.slick-next.slick-arrow { right: 31%; } .airbnb-process .businesses-slider button.slick-prev.slick-arrow { right: -30%; } .airbnb-process .airbnb-process-content { padding: 30px 20px; min-height: auto; } .airbnb-process .airbnb-process-content h3 { margin-bottom: 10px; font-size: 18px; line-height: 26px; } .airbnb-process .airbnb-process-content p, .easystep_box p, .emerging-comman .content-bx p, .fetching-bx .nav-pills > li > button, .framework_smhead, .mectanew .Herro_me_inner span, .mefaq .faq_box_head, .unmatchedservices_inner ul li { font-size: 16px; } .makes-top-mobile-dev .row .col-md-4 { width: 100%; border: 0 !important; margin-bottom: 20px; } .makes-top-mobile-dev .top-mobile-box p { font-size: 16px; margin-bottom: 0; line-height: 26px; } .top-tech-stack ul.nav.nav-pills { white-space: nowrap; overflow-x: auto; justify-content: flex-start; } .top-tech-stack .tech-box h3 { font-size: 24px; line-height: 38px; padding: 0 20px; } .top-tech-stack .tech-box ul { grid-template-columns: unset; display: flex; flex-wrap: wrap; gap: 0; } .top-tech-stack .tech-box ul li .icon-bx { width: 70px; height: 70px; margin: 0 auto; } .top-tech-stack .tech-box ul li img { max-width: 50px; padding: 5px; } .top-tech-stack .tech-box ul li { display: block; flex-direction: unset; margin: 20px 0; width: 50%; text-align: center; } .top-tech-stack .tech-box { padding: 10px 13px 15px; background-color: #fff; width: 100%; border-radius: 0; } .top-mobile-company-process .process-tab .tab-content { background: #08223a; padding: 10px 20px; } .top-mobile-company-process .process-tab ul.nav.nav-pills { justify-content: flex-start; } .agile_process .panel-group h3, .top-mobile-company-process .process-tab .tab-content h3 { font-size: 17px; } .top-mobile-company-process .process-tab .tab-content img { max-width: 45px; margin: 30px 0 20px; } .me_cta_Content h2 { font-size: 26px; margin: 0 0 30px; line-height: 33px; border: 0; padding: 0; text-align: center; } .top-company-cta .me_cta_Content { padding: 25px 0 50px; text-align: center; } .choose-top-mobile-app .accordion-container .container { padding: 15px 10px; } .conclusion-box .swing { padding: 30px 20px; border-radius: 10px; } .shareproject_left { padding: 30px; } .shareproject_left h2 { font-size: 26px; margin: 0 0 14px; line-height: 32px; } .shareproject_left ul { margin-top: 16px; border: 2px dashed #f5f5f540; padding: 22px 18px; border-radius: 7px; } .shareproject_right { padding: 20px 30px 30px; } .simmilar_banner .box-main:last-child { grid-column: span 2; } .app-dev-bx .right_bx img { max-width: 35px; margin: 0 auto 10px; } .app-dev-bx .dev-main h3 { font-size: 20px; margin-bottom: 6px; line-height: 24px; } .app-dev-bx .right_bx { border-radius: 6px; max-width: 100%; margin: 0 12px; align-items: flex-start; justify-content: center; text-align: center; padding: 0 !important; } .app-dev-bx .right_bx h3 { font-size: 15px; margin-bottom: 0; line-height: 20px; width: 100%; } .app-dev-bx .dev-main { flex-direction: column; margin-bottom: 15px; } .app-dev-bx { padding-bottom: 100px; } .app-dev-bx .slick-next { right: 30% !important; } .app-dev-bx button.slick-prev.slick-arrow { left: 30%; transform: scaleX(-1); } .client-story .client-slider { margin: 0 10px; flex-direction: column; text-align: center; } .client-story .client-slider .left-slide img { border-radius: 50%; height: 100px; width: 100px; padding-top: 10px; } .client-story .client-slider .left-slide { width: 100%; display: flex; align-items: center; justify-content: center; } .client-story .client-slider .right-slide .head-bx { margin-bottom: 10px; flex-direction: column; gap: 10px; justify-content: center; align-items: center; } .client-story .client-slider .right-slide { padding: 0 20px 20px; } .client-story .slick-next { right: 36% !important; } .client-story button.slick-prev.slick-arrow { left: 36%; } .client-story .client-bx-slider .slick-next, .client-story .client-bx-slider .slick-prev { bottom: 5%; } .clutch-review-bx .clutch-row, .fetching-bx .fetch-list, .full-cycle-process .row, .guarantees_section .row, .innovative-mobile .row { flex-direction: column; } .guarantees_section .guarante-cta { margin-bottom: 30px; position: relative; background-position: bottom; } .guarantees_section .guarante-cta .content-bxs { position: relative; z-index: 2; text-align: center; padding: 25px 20px; } .get-form-bx .commanform { margin: 0 20px; } .simmilar_banner_bx { padding: 60px 0 30px; text-align: center; } .simmilar_banner_bx .newbanner_content h1 { font-size: 30px; line-height: 1.2; } .get-form-bx ul li { font-size: 15px; line-height: 20px; padding-bottom: 20px; } .preferred-app .nav { display: flex; gap: 5px; overflow-x: scroll; } .preferred-app .nav-pills > li button { width: max-content; text-align: center; } .indusryboxx { width: 50%; padding: 30px 14px; } .indusryboxx h3 { margin-top: 10px; font-size: 16px; } .indusryicon img { max-width: 80%; } .teamprovides_main .nav-tabs li button { white-space: nowrap; padding: 14px 15px; font-size: 15px; } .teamprovides_main .tab-content { width: 100%; padding: 30px; } .teamprovides_box p, .whychooose_right p { font-size: 16px; line-height: 28px; } .whychooose_left { width: 100%; height: 160px; } .whychooose_right { padding: 30px 20px; width: 100%; } .Agileprocessbox { border-radius: 10px; padding: 25px 20px; position: relative; top: 0; } .Agileprocessbox h3, .sucessproject_box h3 { font-size: 18px; } .techstacktabss li button { font-size: 16px; height: auto; padding: 9px 18px; } .techstacktabss .nav-tabs > li { margin: 0 5px; } .techstacktabss .tech_logos { margin: 30px auto 0; max-width: 90%; } .techstacktabss .tech_logos li { border-radius: 4px; width: 30%; margin: 0 4px 8px; padding: 14px 0; } .techstacktabss .tech_logos li img { max-height: 35px; } .feedback_slider { width: 100%; padding-left: 0; margin-top: 20px; } .clients_feedbacks_main { display: flex; flex-wrap: wrap; } .feedback_video { width: 100%; height: 350px; } .feedback_slider_box { margin: 4px; } .commitmentbox h3 { font-size: 18px; margin-bottom: 8px; line-height: 24px; } .sucessproject_box img { max-width: 40px; margin-bottom: 20px; } .development-process { display: flex; max-width: 97%; margin: 0 auto; padding: 0; flex-wrap: wrap; } .development-process .process-card { padding: 25px 20px; display: flex; border: 1px dashed #fff; margin-bottom: 30px; border-radius: 10px; } .development-process .process-card .title { font-size: 18px; margin: 18px 0 10px; } .development-process .dotted-round.after { clip-path: circle(66% at 100%); display: none; } .development-process .dotted-liner { height: 4px; width: 100% !important; top: 60px; left: 0; } .development-process .process-card p { font-size: 16px; max-width: 100%; line-height: 26px; z-index: 1; } .development-process .dotted-round.before { display: none; clip-path: circle(66% at 0%); } .indusryouter .indusryboxx:nth-child(2n + 0) { border-right: 0; } .indusryouter .indusryboxx:nth-child(10), .indusryouter .indusryboxx:nth-child(11), .indusryouter .indusryboxx:nth-child(12), .indusryouter .indusryboxx:nth-child(9) { border-bottom: 1px solid #ffffff33; } .hero_left h1 { font-size: 30px; line-height: 40px; margin-bottom: 16px; } .hero_left p { text-align: center; font-size: 17px; line-height: 29px; } .heroawards { justify-content: center; margin-top: 30px; flex-wrap: wrap; } .heroawards div { width: 45%; margin: 0 7px 14px; } .heroawards div img { max-height: 90px; } .teamprovides_main .nav-tabs::-webkit-scrollbar { display: none; } .awardssec_main { display: flex; overflow-x: scroll; gap: 20px; height: 200px; margin-top: 0; overflow-y: hidden; } .awardssec_main .awardssec_box { width: 100%; margin-bottom: 80px; animation: none; text-align: center; } .awardssec_main img { width: 200px; height: 200px; } .Herro_me_inner span::after, .awardssec_main::after, .cardflipbox .cardflipinner .cardfront::before, .choose-list-box .trust-img, .emerging-comman .content-bx span, .emerging-comman .row .col-md-5, .fetching-bx .tab-content .row .col-md-4, .frameworkimg, .herome_img, .new_portfolio_bx .port-right, .service-testimonial .testimonial::after, .software-innovation .row .col-md-4:nth-child(2), .unmatch-img, .unmatchedservices_box::after, .unmatchedservices_box > img { display: none; } .fetching-bx .fetch-list ul.cls-border { border-right: none; } .welcome-video .row .new_vedio_content h2 { font-size: 26px; line-height: 1.2; } .new_portfolio_bx .aboutprojects strong, .unmatchedservices_tabs .nav-tabs li { width: auto; } .clutch-review-bx .box-1 { width: 100%; margin-bottom: 20px; } .emerging-comman button.slick-prev.slick-arrow { top: auto; bottom: -70px; left: -60px !important; z-index: 9 !important; right: 0 !important; margin: 0 auto; } .emerging-comman button.slick-next.slick-arrow { top: auto; bottom: -70px; left: 0 !important; z-index: 9 !important; right: -60px !important; margin: 0 auto; } .strengthening-bx ul { grid-template-columns: repeat(3, 1fr); overflow-x: scroll; } .strengthening-bx ul li { width: 300px; height: 250px; } .Herro_me_content h1 { font-size: 32px; margin-bottom: 15px; line-height: 40px; } .Herro_me_content p { font-size: 16px; line-height: 27px; margin-bottom: 20px; } .Herro_me { padding: 50px 0 0; } .me_herooptimize { padding: 50px 0 0; } .Herro_me_inner span { color: #fff !important; display: block; margin: 0 0 6px; font-size: 16px; padding: 0; } .Herro_me_btns { margin-top: 25px; display: inline-flex; align-items: center; flex-wrap: wrap; } .Herro_me_btns a:last-child { width: 100%; border: 1px solid #f2f2f24f !important; border-left: 0; padding: 13px 10px; justify-content: center; margin: 0; border-radius: 10px; font-size: 17px; } .Herro_me_btns .newbtn_design { width: 100%; justify-content: flex-start; margin-bottom: 20px; } .me_count .me_countbox:nth-child(3), .me_count .me_countbox:nth-child(4), .me_count .me_countbox:nth-child(5) { width: 33.33%; } .me_countbox { border-right: 1px solid #f2f2f233; border-top: 1px solid #f2f2f233; width: 50%; border-right: 1px solid #f2f2f233; border-top: 1px solid #f2f2f233; padding: 16px 0; } .me_count { margin-top: 30px; flex-wrap: wrap; } .me_countbox > div { font-size: 24px; line-height: 44px; } .latesttech_box { margin-right: 0 !important; width: 100%; } .latesttech_box > img { height: 230px; border-radius: 0; } .techhead { position: relative; padding: 14px 10px; } .latesttech_inner { position: relative; bottom: 0 !important; height: auto; width: 100%; border-radius: 0; text-align: center; } .ChartTopping_main { border-radius: 12px; padding: 30px 10px; margin: 0 auto 20px; } .ChartTopping_box { padding: 15px; margin-bottom: 8px; text-align: center; width: 100%; display: block; border-radius: 6px; } .ChartTopping_main .col-md-6 { width: 50%; padding: 8px; display: flex; } .ChartTopping_box img { max-width: 50px; margin-right: 0; margin-bottom: 14px; } .ChartTopping_box h3 span { font-size: 20px; margin-bottom: 8px; } .ChartTopping_box h3 { font-size: 15px; width: 100%; line-height: 22px; } .frameworkico { max-width: 46px; margin-bottom: 20px; } .frameworkcontent h3 { font-size: 20px; line-height: 27px; margin-bottom: 10px; } .frameworkcontent p { font-size: 16px; line-height: 27px; font-weight: 400; color: #fff; } .bestsuit p { font-size: 16px; padding-left: 24px; margin-bottom: 4px; line-height: 25px; } .unmatchedservices_box { height: auto; background: #000; } .unmatchedservices_box img { object-fit: cover; } .unmatchedservices_inner { position: relative; top: 0; transform: unset; padding: 30px 20px; } .unmatchedservices_inner h3 { font-size: 18px; line-height: 30px; margin-bottom: 8px; } .advfeaturescontent p, .developmentstagesbox p, .unmatchedservices_inner p, .weare1box p { font-size: 16px; line-height: 27px; } .whatmakes_box { border-radius: 12px; padding: 50px 20px 20px; height: 470px; } .whatmakes_content h3 { font-size: 20px; line-height: 26px; } .whatmakes_count { font-size: 80px; line-height: 110px; } .whatmakeshover p { font-size: 16px; line-height: 25px; } .whatmakeshover { position: unset; padding: 18px 22px; margin-top: 20px; border-radius: 12px !important; height: auto; } .advfeaturesinner { margin: 20px 0 70px; padding: 20px; border-radius: 12px; flex-wrap: wrap; height: 560px; align-items: flex-start; } .advfeaturescontent { width: 100%; padding: 0; } .advfeaturesimg { height: 253px; width: 100%; order: -1; border-radius: 10px; margin-bottom: 10px; } .advfeaturescontent h3 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .advfeatures_btns .featurbtn { border: 2px solid #f2f2f2; padding: 15px 18px; margin-right: 15px; border-radius: 10px; font-size: 18px; } .advfeatures_btns .featurbtn span { height: 20px; width: 20px; border-radius: 4px; margin-right: 5px; font-size: 12px; } .costmobileapp_form .form-container { padding: 28px; height: auto; border-radius: 10px; } .costmobileapp_form h3 { font-size: 22px; line-height: 30px; } .radiobtnsstep label { font-size: 16px; margin-top: 10px; padding-left: 30px; line-height: 21px; } .costmobileapp_form .form-container form .form-step h3, .herro_form form .form-group { margin-bottom: 10px; } .nextbtns, .previousbtns { padding: 8px 20px; border-radius: 10px; font-size: 16px; } .costmobileapp_form .form-control { height: 46px; border-radius: 10px; box-shadow: unset !important; border: 0; margin-bottom: 18px; font-size: 15px; padding: 18px; } .new_portfolio_bx .aboutprojects { margin-right: 10px; text-align: center; } .development_step { font-size: 40px; line-height: 38px; left: 0; position: relative; margin-bottom: 15px; } .developmentstagesbox { padding: 20px 18px; border-radius: 10px; min-height: auto; } .developmentstagesbox h3, .engagementmodelbox h3 { font-size: 20px; margin-bottom: 10px; } .developmentstagesbox span { height: 60px; width: 60px; margin: 0 auto 15px; } .mefaq .faq_box { height: auto; margin-bottom: 20px; } .whyhandpickbox img { max-width: 45px; margin-bottom: 18px; } .whyhandpickbox h3 { font-size: 19px; margin-bottom: 10px; } .whyhandpickbox { margin: 15px 0; border-radius: 12px; padding: 20px; height: 340px; } .whyhandpickbox p { font-size: 16px; line-height: 25px; margin-bottom: 0; } .engagementmodel .col-md-12 .row .col-md-4 { margin-bottom: 20px; width: 100%; } .engagementmodelbox { border-radius: 12px; padding: 20px 20px 90px; } .engagementmodelbox .newbtn_design { bottom: 24px; } .bestfor { margin-top: 24px; font-size: 16px; line-height: 23px; margin-bottom: 7px; } .cta-simmilar-content h2 { font-size: 24px; margin-bottom: 10px; line-height: 33px; } .common_cta_bx p { font-size: 16px; line-height: 23px; } .frameworkinner { margin-top: 20px; flex-wrap: wrap; } .papularapps_icons { margin-right: 8px; border-radius: 4px; margin-top: 8px; height: 50px; width: 50px; } .cycle-process .quotes { margin-bottom: 70px; margin-top: -30px; } .service-testimonial .quotes.slick-initialized.slick-slider { padding: 0; margin: 20px 0 80px; } .cardflipbox .cardfront { height: 220px; display: flex; align-items: center; min-height: auto; } .cardflipbox .cardback { position: relative; min-height: auto; width: 90%; margin: -40px auto 0; } .cardflipbox .innercontent { position: relative; transform: unset; top: unset; } .cardflipbox { height: auto; } .cardflipbox .innercontent h3 { color: #fff; font-size: 22px; } .costmobileapp_img { height: 300px; display: none; } .latesttech_slider .slick-next, .latesttech_slider .slick-prev, .meindustryymain .slick-next, .meindustryymain .slick-prev, .mobileshowslider .slick-next, .mobileshowslider .slick-prev, .mobileslidershowing .slick-next, .mobileslidershowing .slick-prev, .whatmakes_main .slick-next, .whatmakes_main .slick-prev { text-indent: -9999px; padding: 0; position: absolute; margin: 0 auto; z-index: 3; overflow: hidden; width: 50px !important; height: 50px !important; border: 0; background-color: transparent; display: flex; align-items: center; } .latesttech_slider .slick-prev, .meindustryymain .slick-prev, .whatmakes_main .slick-prev { right: 0; left: -60px; top: auto; bottom: -34px; transform: scale(-1); } .latesttech_slider .slick-next, .meindustryymain .slick-next, .whatmakes_main .slick-next { right: -60px; left: 0; top: auto; bottom: -34px; } .latesttech_slider .slick-next::after, .latesttech_slider .slick-prev::after, .meindustryymain .slick-next::after, .meindustryymain .slick-prev::after, .mobileshowslider .slick-next::after, .mobileshowslider .slick-prev::after, .mobileslidershowing .slick-next::after, .mobileslidershowing .slick-prev::after, .whatmakes_main .slick-next::after, .whatmakes_main .slick-prev::after { position: absolute; content: ""; background-image: url(../images/saudi-arabia/arrow_icn.webp); background-repeat: no-repeat; background-position: center; background-size: 23px; border: 2px solid #000; border-radius: 50px; width: 50px; height: 50px; background-color: #fff; } .best_ai_app_slider .slick-prev, .mobileshowslider .slick-prev { right: 0; left: -60px; top: auto; bottom: -74px; transform: scale(-1); } .mobileshowslider .slick-next { right: -60px; left: 0; top: auto; bottom: -74px; } .best_ai_app_slider .slick-next { right: -60px; left: 0; top: auto; bottom: -100px; } .whatmakes_main { margin-bottom: 55px; } .advfeaturesslider .slick-next { right: -60px; left: 0; transform: unset; top: auto; bottom: 10px; } .advfeaturesslider .slick-prev { right: 0; left: -60px; transform: scale(-1); top: auto; bottom: 10px; } .mevideopartbox { height: 300px; background-size: 270px; } .frameworkcontent { border-radius: 10px; padding: 30px 20px; } .developmentstageslider { margin-bottom: 76px; } .developmentstageslider .slick-next { bottom: -63px; transform: unset; left: 0; right: -60px; top: auto; } .developmentstageslider .slick-prev { bottom: -63px; transform: scale(-1); left: -60px; right: 0; top: auto; } .advfeaturesslider { max-width: 100%; margin: 0 auto; } .winning-service-bx ul { display: flex; overflow-x: scroll; padding: 10px; gap: 0; white-space: nowrap; } .winning-service-bx ul li a { font-size: 16px; margin-bottom: 0; line-height: 22px; border-radius: 8px; } .winning-service-bx ul li { margin-right: 10px; } .winning-service-bx .win-bg { padding: 10px; margin: 0; } .winning-service-bx .row .col-md-4 { width: 100%; padding: 20px 10px; } .available_btns { display: flex; justify-content: center; } .new_portfolio_bx .slick-prev { left: -70px; right: 0; top: auto; bottom: -70px; margin: 0 auto; } .new_portfolio_bx .slick-next { right: -70px; left: 0; top: auto; bottom: -70px; margin: 0 auto; } .globalgdp_txt { margin-top: 30px; padding: 30px 20px 30px 30px; border-radius: 10px; } .globalgdp_txt ul li p { color: #fff; font-size: 16px; line-height: 26px; } .globalgdp_txt ul li { margin-bottom: 12px; } .aicta { padding: 10px 0; } .aictacontent { padding: 0 20px; } .aictamain { border-radius: 10px; padding: 20px 0; } .bestaiapp_box, .easystep_box { border-radius: 10px; padding: 20px; } .aictacontent h2 { font-size: 26px; line-height: 36px; margin-bottom: 15px; } .weare1 .new_font_content { border-radius: 10px; padding: 24px 20px; } .easystep_box img, .weare1box img { max-width: 45px; margin-bottom: 20px; } .mb-0 { margin-bottom: 30px !important; } .easystep_main .col-md-6 { margin: 11px 0; } .easystep_box { transform: unset !important; } .easystep_box h3 { line-height: 26px; font-size: 20px; margin-bottom: 12px; } .best_ai_app .row .text-right { text-align: center; width: 100%; } .feedback_content { height: 250px; } .mobileshowslider { display: block; margin-bottom: 80px; } .desktopshow .col-md-6:first-child { display: block !important; margin-bottom: 0; } .bestaiapp_box h3 { font-size: 20px; margin-bottom: 12px; line-height: 30px; font-weight: 700; max-width: 100%; } .bestaiapp_box p { font-size: 16px; margin-bottom: 0; line-height: 27px; } .bestaiapp_box { margin: 0 15px; min-height: auto; } .best_ai_app_slider, .clutch-row .mobileslidershowing, .soft-choice .mobileslidershowing, .techexperienceslider { margin-bottom: 60px; } .paddingbottommobile { padding-bottom: 30px !important; } .customm_process ul li { flex-direction: column; border-radius: 20px; height: 320px; } .customm_process .num span { font-size: 40px; position: absolute; top: auto; left: auto; background: #07090d; } .customm_process .num { width: 100%; text-align: end; padding-right: 40px; padding-top: 9px; } .customm_process .process-details { padding: 10px 20px; } .software-table table img { max-width: 20px; } .soft-choice .choice-cta .content-bxs { padding: 30px 20px; } .soft-choice .choice-cta, .soft-choice .choice-cta:after { border-radius: 0; } .trusted_industry_bx .container { margin: 0 15px; } .software-cta-bx h2 { font-size: 22px; border-left: 0; padding-left: 0; margin-bottom: 10px; } .software-banner-bx .img-bx2.img-cls { right: 30%; } .herro_form { margin-top: 20px; border-radius: 10px; padding: 20px 25px; } .herro_form h2 { font-size: 18px; margin-bottom: 5px; text-align: center; } .herro_form h2 span { font-size: 22px; margin-top: 8px; } .formbgchange { border-radius: 10px 10px 0 0; padding: 20px; } .herro_form form .form-group .form-control { font-size: 15px; } .frontier_section .developing_mp h3 { font-size: 19px; text-align: left; line-height: 28px; } .frontier_section .cta-btn-bx { padding-top: 10px; } .emerging-comman .app-slider-nav.slick-initialized.slick-slider { margin-top: 20px; margin-bottom: 70px; } .aistage .developmentstagesbox { min-height: auto; } .new_portfolio_bx .port-left { height: 607px; } .cycle-process h3 { font-size: 19px; } .cycle-process .cycle-content { height: 430px; } .cycle-process .slick-prev, .service-testimonial .slick-prev { right: 0; left: -40px; top: auto; transform: scale(-1); bottom: -70px; } .cycle-process .slick-next { right: -60px; left: 0; top: auto; bottom: -70px; } .service-testimonial .slick-next { right: -66px; left: 0; top: auto; bottom: -70px; } .comprehensive_process .slick-prev { right: 0; left: -50px; top: auto; transform: scale(-1); bottom: -60px; } .comprehensive_process .slick-next, .delivering-software .slick-next { right: -50px; left: 0; top: auto; bottom: -60px; } .clutch-row .col-md-5 { padding: 0; text-align: center; } .clutch-row .col-md-5 img { max-width: 100%; margin-left: 0; } .clutchimgs { margin-top: 20px; height: auto; } .weare1box { height: 350px; } .potfolio-slider .slick-next { right: -70px; left: 0; top: auto; transform: unset; bottom: -70px; } .potfolio-slider .slick-prev { right: 0; left: -70px; top: auto; transform: scale(-1); bottom: -70px; } .award-coman .slick-next { right: -70px; left: 0; top: auto; transform: unset; bottom: -25px; } .award-coman .slick-prev { right: 0; left: -70px; top: auto; transform: scale(-1); bottom: -25px; } .award-coman .slick-next::after, .award-coman .slick-prev::after { width: 40px; height: 40px; background-size: 20px; } .award-coman .award-coman-sliderr .slider-bx { margin: 0 4px 50px; border-radius: 8px; padding: 10px; } .ways-software .img-ways img { width: 100%; height: auto; display: none; } .delivering-software .delivering_main { padding: 0 20px 20px; min-height: auto; height: 320px; } .process-follow-bx .process-tab .tab-content { padding: 20px; } .process-follow-bx .process-tab .tab-content span { font-size: 40px; height: 45px; width: 35px; } .process-follow-bx .process-pane ul { gap: 5px; } .process-follow-bx .process-pane li { padding-top: 0; } .trusted_industry_bx .clients_icon { margin: 0 10px; width: 100px; } .trusted_industry_bx .clients_icon img { width: 100%; aspect-ratio: 6/5; height: auto; object-fit: contain; } .soft-unmatched .unmatch-bx { border-radius: 10px; margin: 0 0 80px; min-height: unset; height: 600px; align-items: flex-start; } .soft-unmatched h3 { font-size: 20px; font-weight: 600; line-height: 27px; } .cta-simmilar-content p, .latesttech_inner p { line-height: 26px; font-size: 16px; } .soft-unmatched .unmatch-bx img { width: 100%; margin-bottom: 18px; } .soft-unmatched .slick-prev { right: 0; left: -50px; bottom: 16px; transform: scale(-1); } .soft-unmatched .slick-next { right: -60px; left: 0; bottom: 16px; } .accelerate-bx .accelerate-lst li:before { width: 20px; height: 20px; left: 0; top: -14px; right: 0; margin: 0 auto; } .accelerate-bx .accelerate-lst li { padding: 20px; border-radius: 8px; min-height: auto; } .accelerate-bx .accelerate-lst li h3 { font-size: 19px; line-height: 32px; } .accelerate-bx .accelerate-lst li::after { border-radius: 8px; } .ways-software .container { margin: 0 12px; border-radius: 10px; } .effective-steps .iconn-eff img, .get-access ul li .get-icon img, .innovative-mobile .main-inno-bx .inno-iconss img, .ways-software .panel img { max-width: 35px; } .ways-software .panel h3 { font-size: 18px; line-height: 29px; color: #08223a; } .ways-software .panel p { font-weight: 300; font-size: 16px; line-height: 27px; } .emerging-comman .content-bx h3, .process-follow-bx .process-pane h3 { line-height: 28px; font-size: 20px; } .delivering-software .slick-prev { right: 0; left: -50px; transform: scale(-1); top: auto; bottom: -60px; } .cta_main_bxs .row { padding: 20px 10px; margin: 0; } .cta-simmilar-content p { padding: 0; margin-bottom: 10px; } .process-follow-bx .process-pane .row img { border-radius: 12px; height: 180px; width: 100%; object-fit: cover; } .process-follow-bx .col-md-7 { padding: 20px 35px; height: 530px; } .process-follow-bx .slick-next { left: 0; right: -60px; transform: unset; top: auto; bottom: -65px; } .mobileslidershowing .slick-prev, .process-follow-bx .slick-prev { right: 0; left: -60px; top: auto; bottom: -65px; transform: scale(-1); } .techexperienceslider .engagementmodelbox { padding: 30px 15px; margin: 0; border-radius: 10px; height: 610px; transform: unset; } .techexperienceslider .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: -80px; } .techexperienceslider .slick-prev { right: 0; left: -60px; top: auto; transform: scale(-1); bottom: -80px; } .clutchpeople { margin-left: 0; margin-bottom: 20px; } .aiclutchrow { margin: 0 0 70px; } .aiclutchreview { background-color: #fff; box-shadow: unset; overflow: unset; height: 200px; } .common_cta_bx .cta-left { width: 100%; padding: 30px 20px; } .mobileslidershowing .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: -65px; } .whyhandpick_row { display: block; margin-bottom: 70px; } .whyhandpick_row .col-md-6 { display: block; margin-bottom: 0; height: auto; } .newbanner_content h1 { font-size: 26px; line-height: 34px; margin-bottom: 15px; } .newbanner_content p { line-height: 26px; font-size: 16px; } .common-banner-bx { padding: 40px 0; text-align: center; } .common-banner-bx .expri_body_bx .box-mainn .content-bx { font-size: 18px; line-height: 22px; } .emerging-comman .left_bx { height: auto; display: none; } .emerging-comman .content-bx h3 { margin-bottom: 10px; } .emerging-comman .right_bx { margin: 0 10px; height: 115px; overflow: hidden; } .emerging-comman .right-slider img { max-width: 45px; margin: 14px auto; } .app-slider-single .content-bx { text-align: center; border: 1px solid #ffffff4f; padding: 10px; border-radius: 10px; height: 420px; } .emerging-comman .container .row:first-child { display: flex; } .preferred-app .nav-pills > li button { padding: 10px 20px; height: 100%; font-size: 16px; line-height: 24px; border-radius: 10px !important; } .preferred-app .preff-content h3 { font-size: 20px; text-align: left; line-height: 27px; z-index: 2; } .secured-section .secured-bx h3 { font-size: 20px; font-weight: 600; line-height: 28px; } .strengthening-bx .new_font_content span { font-size: 15px; line-height: 24px; display: block; margin-bottom: 6px; } .choose-list-box .head-list h3, .fetching-bx h3 { font-size: 20px; text-align: left; line-height: 29px; } .CostEstimation_box h3 { font-size: 20px; margin-bottom: 10px; line-height: 25px; margin-top: 15px; } .secured-section .row .col-md-4 { margin-top: 0; } .secured-section .secured-bx { height: 506px; } .secured-section .mobileslidershowing { margin-bottom: 62px; } .secured-section .new_font_center span { line-height: 25px; font-size: 15px; margin-bottom: 10px !important; display: block; } .choose-list-box ul li { border-radius: 10px; padding: 25px 24px; height: 310px; margin-bottom: 10px; } .fetching-bx .tab-content .tab-pane img { margin-bottom: 0; height: auto; } .CostEstimation_main { display: block; margin-bottom: 60px; } .trust-cta-mobile { display: block; margin-top: 90px; } .trust-cta { border-radius: 20px; transition: 0.5s; padding: 25px 30px; border: 1px solid #1a81ff; background-color: #121526; } .trust-content h3 { color: #fff; font-weight: 600; font-size: 22px; line-height: 30px; } .frontier_section .developing_mobile { display: block !important; margin-bottom: 70px; } .frontier_section .developing_mp ul { width: auto; display: block; } .frontier_section .developing_mp ul li { margin-top: 30px; height: 220px; margin-bottom: 10px; } .comprehensive_process .slider__wrapper h3 { font-size: 20px; line-height: 30px; } .comprehensive_process .slider__content .slider__text { border-radius: 0 0 10px 10px; box-shadow: none; padding: 20px; height: 370px; } .comprehensive_process .cta-btn-bx { margin-top: 10px; } .software-banner-bx .row, .software-innovation ul { gap: 0; } .software-cta-bx ul { list-style: disc; margin: 10px 0 20px; padding-left: 30px; } .software-cta-bx .container { padding: 19px 18px; margin: 0 auto; width: 88%; border-radius: 10px; } .software-cost .row { flex-direction: column-reverse; gap: 0; } .software-cta-bx { padding: 40px 0 20px; border-radius: 0; } .flip-industry { padding: 20px 0; } .clientss-testimonial .testi-bx img { max-width: 70px; margin: 0 auto 12px; height: 70px; } .soft-choice .mobileslidershowing li { border-radius: 10px; height: 390px; } .customm_process ul { margin-left: 0; margin-bottom: 40px; } .software-innovation .inner-inno h3 { font-size: 19px; text-align: left; line-height: 28px; margin-top: 35px; } .choose-tech-dev h3 { margin-bottom: 10px; font-size: 20px; line-height: 27px; z-index: 2; } .choose-tech-dev ul li { width: 48%; height: 340px; } .software-innovation ul li { margin: 50px 0 0; } .software-innovation .inner-inno { min-height: auto; height: auto; margin: 0; } .advanced-level .level-img .level-1 { height: auto; margin-bottom: 30px; } .profitable-business ul li, .profitable-business ul li:first-child, .profitable-business ul li:nth-child(5) { width: 98%; } .effective-steps .iconn-eff, .get-access ul li .get-icon { width: 55px; height: 55px; } .right-partner ul li { border-radius: 12px; padding: 10px; flex-direction: column; gap: 10px; } .right-partner img { order: 1; } .right-partner h3 { order: 2; } .right-partner p { padding-top: 0; order: 3; } .innovative-mobile .main-inno-bx h3 { font-size: 20px; margin-top: 15px; } .effective-steps ul li:first-child { padding-top: 20px; } .innovative-mobile .main-inno-bx .inno-iconss { height: 60px; width: 60px; line-height: 60px; display: flex; align-items: center; justify-content: center; } .innovative-mobile .main-inno-bx { border-radius: 10px; padding: 18px; height: 400px; margin-bottom: 0; } .innovative-mobile .mobileslidershowing { margin-bottom: 70px; } .innovative-mobile .row { flex-wrap: wrap; display: block; } .innovative-mobile .row .col-md-4 { display: block; margin-bottom: 0; } .advv-technno ul { margin-bottom: 90px; } .advv-technno h3 { position: absolute; bottom: 0; left: 0; right: 0; } .effective-steps ul { border-left: none; margin-left: 0; } .advv-technno ul li { min-height: 380px; } .advv-technno .overlay h3 { margin-bottom: 15px; padding: 0; } .advv-technno ul li:hover { box-shadow: unset; } .effective-steps ul li:last-child { margin-bottom: 0; } .aiclutch img { max-width: 100%; margin-bottom: 0; } .app-procedure-bx ul li { height: 300px; } .app-procedure-bx .mobileslidershowing { margin-bottom: 60px; } .right-partner .mobileslidershowing { margin-bottom: 80px; } .profitable-business .mobileslidershowing { margin-bottom: 60px; } .profitable-business ul li { height: 380px; } .aiclutchreview img { max-width: 100%; object-fit: contain; width: 100%; height: 185px; } .aiclutchrow .col-md-6 { height: auto; margin-top: 15px; margin-bottom: 0; } .globalgetintouch h3 { font-size: 18px; margin-bottom: 10px; } .globalgetintouch .contact_page_itms li { font-size: 15px; line-height: 22px; } .globalgetintouch .contact_hr_itm_con { align-items: start; gap: 10px; flex-direction: column; } .globalgetintouch .nocls { gap: 10px; flex-direction: column; } .globalgetintouch .nocls .hidecls { display: none; } .globalgetintouch .get-bg { border-radius: 10px 10px; padding: 20px 15px; } .globalgetintouch .certi-get { border-radius: 10px; gap: 15px; grid-template-columns: repeat(2, 1fr); margin-bottom: 30px; display: block; } .globalgetintouch .getintouch-form { padding: 20px; border-radius: 10px 10px; } .globalgetintouch .certi-get img { max-width: 100px; } .globalgetintouch .certi-get li:last-child { grid-column: span 2; } .globalgetintouch h2 { font-size: 22px; } .getintouch-form { padding: 25px 20px; text-align: center; } .globalgetintouch .getintouch-form .form-control { border-radius: 10px; height: 50px; padding: 10px 15px; } .globalgetintouch .formbtn { border-radius: 10px; } .conn_padding { padding: 30px 0; } .market-expansion ul { grid-template-columns: repeat(1, 1fr); } .common-banner-bx .expri_body_bx .box-mainn:nth-child(3) { display: none !important; } .common-banner-bx .expri_body_bx .box-mainn:last-child { grid-column: auto !important; } .choose-list-box ul { display: block !important; } .postdelivery-bx .panel-default > .panel-heading + .panel-collapse > .panel-body { padding: 10px; } .postdelivery-bx .panel-default > .panel-heading { padding: 10px; } .flip-industry .newheight li { height: 360px; } .flip-industry .newheight li p { font-size: 16px; line-height: 22px; padding-bottom: 5px; margin-bottom: 5px; } .desiredresults .tab-pane img { margin-bottom: 20px; } .engagementmodelbox p { min-height: auto; } .custom-vs-bx .vs-items h3 { font-size: 18px; line-height: 28px; } .main_partner_bx .slider-bx ul li img { margin: 15px 20px; height: 60px; width: 60px; } .shelfmain { flex-wrap: wrap; } .shelfbox { width: 100%; margin: 0; padding: 20px 20px 20px; } .shelficon img { max-width: 40px; } .shelfbox h3 { font-size: 18px; margin-bottom: 12px; line-height: 25px; } .shelficon { height: 60px; width: 60px; border-radius: 10px; margin: 0 0 20px; justify-content: center; } .shelfbox ul li p { font-size: 15px; line-height: 23px; margin: 0; } .shelfbox ul li::after { left: 0; height: 10px; width: 10px; top: 5px; border-radius: 50px; } .shelfbox ul li { margin-bottom: 8px; padding-left: 18px; position: relative; } .shelfmain .shelfbox:first-child { margin-bottom: 40px; } .datafocused_cta { background: #000 !important; } .datafocusedinner h2 { font-size: 24px; margin-bottom: 12px; line-height: 32px; } .datafocusedinner ul li p { font-size: 16px; } .datafocusedinner ul li { padding-left: 33px; margin-bottom: 8px; } .lookingmain { flex-wrap: wrap; } .lookingctacontent { width: 100%; padding: 20px 20px; } .lookingctaimg { width: 100%; height: 300px; order: -2; } .lookingctacontent h2 { font-size: 22px; margin-bottom: 12px; line-height: 33px; } .lookingctacontent h3 { font-size: 16px; margin-bottom: 12px; } .lookingctacontent ul li p { font-size: 16px; } .lookingctacontent .newbtn_design { height: 46px; border-radius: 8px; margin-top: 10px; width: 100%; justify-content: flex-start; } .explorebenefitbox { border-radius: 8px; height: 350px; margin: 0 0 20px; width: 100%; } .explorebenefitcontent h3 { font-size: 19px; line-height: 24px; margin-bottom: 8px; } .explorebenefitcontent p { font-size: 15px; line-height: 22px; margin-bottom: 0; } .faq-tabb .nav.nav-pills li a { font-size: 16px; line-height: 28px; padding: 10px 20px; border-radius: 4px !important; } .faq-tabb .faq_box_head { font-size: 16px; } .faq-tabb .faq_box { height: auto; padding: 0 10px 0 16px; border-radius: 6px; margin-bottom: 20px; } .faq_data p { font-size: 15px; } .faq-tabb .nav.nav-pills { margin-bottom: 25px; } .full-process-bx .services-grid { grid-template-columns: repeat(1, 1fr); } .full-process-bx .service-link { padding: 20px; border: 1px solid #424242; border-radius: 10px; } .full-process-bx .service-box { margin-bottom: 30px; } .buildstate .nav.nav-pills { justify-content: start; margin-bottom: 0px; gap: 10px; overflow-x: scroll; } .buildstate .nav.nav-pills > li { padding-bottom: 30px; } .buildstate .nav.nav-pills > li a { width: max-content; } .buildstate .tab-content { padding: 0; border-radius: 10px; } .buildstate .tab-content .new_font_content { margin-top: 30px; padding: 20px; } .buildstate .buildimg img { height: auto; } .famousai ul li { flex-direction: column; } .famousai ul li .imgfa { width: 100%; text-align: center; padding: 20px; border-radius: 10px 10px 0px 0px; } .famousai .conttfa { width: 100%; padding: 20px; border-radius: 0 0px 10px 10px; text-align: center; } .aidataspec .slick-next { right: -60px; left: 0; top: auto; bottom: -100px; } .aidataspec .slick-prev { right: 0; left: -60px; top: auto; bottom: -74px; transform: scale(-1); } .aidataspec { overflow: hidden; padding-bottom: 96px; } .rampup .slick-next { right: -60px; left: 0; top: auto; bottom: -100px; } .rampup .slick-prev { right: 0; left: -60px; top: auto; bottom: -74px; transform: scale(-1); } .rampup { overflow: hidden; padding-bottom: 96px !important; } .aiconsultingbx ul { grid-template-columns: repeat(1, 1fr); } .aiexpert .nav.nav-pills { display: flex; flex-direction: row; overflow-y: scroll; gap: 10px; } .aiexpert .nav.nav-pills li.active::before { display: none; } .aiexpert .nav.nav-pills a { width: max-content; border-radius: 10px; } .aiexpert .row.tabbg { padding: 10px; border-radius: 10px; } .aiexpert .tab-content { padding: 30px 0 0; border-radius: 10px; } .saudicta .saudibgg { padding: 15px 15px; border-radius: 8px; flex-direction: column-reverse; margin: 10px; } .saudicta .container { padding: 0px; border-radius: 8px; margin: 0 10px; } .saudicta .saudibgg:before { display: none; } .saudicta .transimg img { border-radius: 10px; margin-bottom: 20px; } .standfor { padding-bottom: 70px; } .standfor .slick-next { right: -60px; left: 0; top: auto; transform: unset; bottom: -65px; } .standfor .slick-prev { right: 0; left: -60px; top: auto; bottom: -65px; transform: scale(-1); } .empoweringbx ul { grid-template-columns: repeat(2, 1fr); gap: 10px; } .empoweringbx ul li { margin-bottom: 10px; padding-left: 20px; } .empoweringbx ul li:before { width: 15px; height: 15px; background-size: 15px; top: 5px; } .rootedbxs .row { display: flex; flex-direction: column-reverse; } .rootedbxs .row .col-md-6 { text-align: center; } .rootedbxs .rootedslider { margin-bottom: 20px; } .inovationtabb .tab-content ul li img { max-width: 35px; margin-bottom: 10px; } .whatmakes .whatbx { border-radius: 10px; flex-direction: column-reverse; } .whatmakes .whatbx .makeright { width: 100%; } .whatmakes .whatbx .makeleft { width: 100%; padding: 20px; text-align: center; } .video_cards_panel .vid_card_grid { grid-template-columns: repeat(2, 1fr); } .video_cards_panel .card_col:nth-child(even) { margin: 0px; } .video_cards_panel .video_card { margin-bottom: 30px; } .reshaping ul { grid-template-columns: repeat(2, 1fr); gap: 20px; } .cybersecuritybx .col-md-5 { position: relative; top: auto; } .reshaping li { border: 1px solid #08223a; padding: 20px; border-radius: 12px; } .reshaping ul li h3 { font-size: 20px; line-height: 27px; margin-bottom: 0; } .techadherencebx { grid-template-columns: repeat(2, 1fr); } .allinonebx { padding: 20px 10px 70px; overflow-y: hidden; } .mainnewwindustryybx .newwindustryybx { display: flex !important; } .mainnewwindustryybx .idustitemss { display: flex !important; flex-direction: column; gap: 10px; align-items: center; justify-content: center; } .mainnewwindustryybx .col-md-12.text-center { margin-top: 55px; } .mapadress ul li { text-align: left; } .bannerindustry_content h1 { font-size: 32px; margin: 10px 0 17px; line-height: 42px; } .bannerindustry_content p { font-size: 15px; margin-bottom: 23px; line-height: 27px; } .bannerindustry_content strong { font-size: 16px; } .industryimg { height: 190px; } .industryhead h3 { font-size: 18px; margin: 0 0 0 10px; } .industryicon img { max-width: 25px; } .industryawards .awdd-bx img { max-width: 110px; } .industryawards .slick-next::after, .industryawards .slick-prev::after { width: 30px; height: 30px; background-size: 9px; } .industryawards .slick-next { right: -50px; left: 0; top: auto; transform: unset; bottom: -30px; width: 30px !important; height: 30px !important; } .industryawards .slick-prev { right: 0; left: -50px; top: auto; transform: scale(-1); bottom: -30px; width: 30px !important; height: 30px !important; } .industryctapart { padding: 20px 20px; border-radius: 10px; margin: 0; border: 3px solid #f2f2f236; } .industryctapart h2 { font-size: 24px; line-height: 34px; margin-bottom: 20px; } .industrypagemain .col-md-6:last-child { margin-bottom: 0; } .servicespagetext h1 { font-size: 28px; margin: 0 auto 14px; line-height: 38px; } .servicespagetext p { font-size: 16px; margin: 0 auto 20px; max-width: 100%; line-height: 26px; } .serviceslinks { margin-bottom: 0; position: relative !important; width: 100%; display: none; } .singleserviceleft h2 { font-size: 24px; line-height: 32px; margin-bottom: 12px; } .singleserviceleft p { font-size: 16px; margin: 0 0 20px; } .singleserviceleft .newbtn_design { width: 100%; text-align: left; justify-content: flex-start; border-radius: 6px; font-size: 14px; height: 49px; } .singleserviceright p { font-size: 16px; margin: 0 0 20px; line-height: 25px; } div#AIDevelopment { margin-bottom: 0; padding-bottom: 30px; } .servicesmention a { width: 100%; font-size: 15px; margin: 0 0 12px; } .servicespositions{ display: none; } .allservices { position: relative; margin-top: 0; } } @media (max-width: 550px) { .common-banner-bx .expri_body_bx, .expri_comm, .industry-coman ul { grid-template-columns: repeat(2, 1fr); } .tg_bestcompany .app-dev-slider.slick-initialized.slick-slider { margin-top: 0; } .tg_bestcompany .new_font_content { margin-bottom: 0; } .certified-section .main-video { height: 130px; } .tg_bestcompany .app-dev-slider button.slick-next.slick-arrow, .tg_bestcompany .app-dev-slider button.slick-prev.slick-arrow { display: none !important; } .assortment_service .main-box .icon-bx { top: 32%; } .guarantees_section ul { grid-template-columns: repeat(1, 1fr); } .service-testimonial .testimonial::after { border-radius: 20px; width: 90%; height: 110%; top: -5%; } .welcome-video .right-video a:after { width: 100px; height: 100px; left: -88px; font-size: 15px; } .strengthening-bx h3 { margin-bottom: 30px; font-size: 18px; } .trusted_industry_bx .marquee_bx { height: 90px; } .trusted_industry_bx .container { border-radius: 0; } .flip-industry li, .transformed-industry ul li { width: 300px; } .cycle-process .num { left: 75%; } .choose-tech-dev ul li { width: 100%; } .aiusecase .tab-pane ul { grid-template-columns: repeat(1, 1fr); } .inovationtabb .tab-content ul { grid-template-columns: repeat(1, 1fr); } .factorsdriving ul { grid-template-columns: repeat(1, 1fr); gap: 20px; } .reshaping ul { grid-template-columns: repeat(1, 1fr); } .cybersecuritybx .accordion-header h3 { font-size: 16px; } .cybersecuritybx .accordion-header { padding: 20px 10px; } .cybersecuritybx .accordion { border-radius: 5px; } .techadherencebx { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 992px) { .cost-grid { grid-template-columns: repeat(2, 1fr); } .get-in-touch .addressmain { padding: 10px; border-radius: 10px; width: 100%; } .commlocalization .localitem h3 { font-size: 20px; line-height: 28px; } .commlocalization .localitem { border-radius: 10px; padding: 20px; } .commlocalization .localrow { grid-template-columns: repeat(1, 1fr); gap: 20px; } .mapadress .addressmain { padding: 10px; border-radius: 10px; } .available_businesses ul { grid-template-columns: repeat(2, 1fr); } .gatewaylistbx .gatewaybtnn { gap: 10px; flex-direction: column; } .allaboutmain { display: flex; flex-wrap: wrap; margin: 0; } .allaboutcol a { height: auto; font-size: 18px; padding: 30px 30px; } .allaboutcol { margin-bottom: 12px; } } @media (max-width: 600px) { .section-title { font-size: 28px; } .cost-grid { grid-template-columns: 1fr; /* mobile = 1 column */ } .cost-card { padding: 20px; } .secured-section .secured-bx { margin-bottom: 20px; } .allinonebx .mainallinonebx { display: flex; } .faq-tabb .faq_box_head::after { top: 22px; } .commanform { margin: 0 !important; } }