html { font-family: Montserrat; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; font-family: "Droid Sans", Montserrat; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } [hidden], template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:focus, a:hover { outline-width: 0; text-decoration: none; } a { text-decoration: none; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 60%; } big { font-size: 120%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: Montserrat, Montserrat; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } body, html { color: #777; font-size: 14px; overflow-x: hidden; } a { text-decoration: none; } a { color: red; } h1 { font-size: 36px; font-weight: 400; margin-top: 15px; margin-bottom: 15px; } h2 { font-size: 30px; font-weight: 400; margin-top: 15px; margin-bottom: 15px; } h3 { font-size: 24px; font-weight: 400; margin-top: 15px; margin-bottom: 15px; } h4 { font-size: 18px; font-weight: 400; margin-top: 15px; margin-bottom: 15px; } h5 { font-size: 12px; font-weight: 400; margin-top: 15px; margin-bottom: 15px; } h6 { font-size: 6px; font-weight: 400; margin-top: 15px; margin-bottom: 15px; } p { line-height: 24px; } select option { height: 40px; min-height: 40px; } .inherit_a { text-decoration: none !important; color: inherit; font-size: inherit; } .input, .select, .textarea { height: 34px; padding: 7px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; outline: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .textarea { min-height: 70px; resize: vertical; } .form-height { height: 34px; min-height: initial; max-height: initial; } input[type="checkbox"], input[type="radio"] { margin: 0; vertical-align: middle; } .button { height: 34px; line-height: 34px; text-align: center; display: inline-block; padding-left: 15px; padding-right: 15px; cursor: pointer; text-decoration: none !important; } button, input[type="button"], input[type="submit"] { height: 34px; text-align: center; outline: 0; border: 0; display: inline-block; padding-left: 15px; padding-right: 15px; cursor: pointer; } .disnone { display: none; } .mobiledropdown { display: none !important; } .mypageloader { background: #fff; z-index: 99999999; display: block; position: fixed; width: 100%; height: calc(100%+2px); } .pageloader { position: absolute; left: 50%; top: 50%; transform: translate(-50px, -50px); text-align: center; } #page_loader .pageloader img { vertical-align: middle; width: 200px; height: auto; } .headerfluid .container .navbar-default { background-color: transparent; border-color: transparent; margin-top: 25px; } .headerfluid .container .navbar-brand { padding: 15px 0; } .headerfluid .container .logo img { width: 150px; height: auto; display: flex; } .headerfluid .logo .disnone { display: none; } .headerfluid .container .mymenu .navbar-nav { margin-top: 5px; } .headerfluid .container .mymenu li:nth-last-child(1) a { background: #fff; color: #000; font-weight: 700; width: 40px; text-align: center; height: 45px; box-shadow: 0 8px 9px -6px #0094da85; border-radius: 4px; padding-right: 15px; font-size: 12px; } .headerfluid .container .mymenu li:nth-last-child(2) a { background: #fff; margin-right: 5px; color: #000; font-weight: 700; width: 160px; text-align: center; height: 45px; box-shadow: 0 8px 9px -6px #0094da85; border-radius: 4px; padding-left: 0; padding-right: 0; font-size: 12px; } .headerfluid .container .mymenu li > a { font-size: 14px; padding-right: 15px; text-transform: uppercase; font-family: Montserrat; font-weight: 550; color: #fff; letter-spacing: 1px; position: relative; } .myblogpage .headerfluid .container .mymenu li > a { font-size: 14px; padding-right: 15px; text-transform: uppercase; font-family: Montserrat; font-weight: 550; color: #000; letter-spacing: 1px; } .myhomepage { background-image: url(../images/home_page/banner.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; height: 900px; } .headerfluid.stick { left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; box-shadow: 0 0 35px #10429c2e, -2px -2px 5px #ccc; background: #fff; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 0s; } .headerfluid.stick .container .mymenu li > a { color: #000; } .headerfluid.stick .container .logo .disnone { display: block; } .headerfluid.stick .container .logo .stickdisnone { display: none; } .headerfluid.stick .container .navbar-default { background-color: transparent; border-color: transparent; margin-top: 5px; margin-bottom: 5px; } .headerfluid.stick .container .mymenu li:nth-last-child(1) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 40px; font-size: 12px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding-right: 15px; color: #fff !important; } .headerfluid.stick .container .mymenu li:nth-last-child(2) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 170px; font-size: 12px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding-right: 15px; color: #fff !important; } .headerfluid .mysubmenu { margin-bottom: 20px; } .headerfluid .mysubmenu img { width: 100%; margin-top: 50px; } .headerfluid .container .navbar-default .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color: #e7e7e700; } .headerfluid .container .navbar-default .navbar-nav > .desktopdropdown .deskgropmenu { width: 60%; padding: 0; border-radius: 0; border: none; margin: 0; left: 150px; top: 80px; } .stick .headerfluid .container .navbar-default .navbar-nav > .desktopdropdown .deskgropmenu { top: 66px; } .headerfluid .container .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background-color: #e7e7e700; } .myblogpage .headerfluid .container .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #000; background-color: #e7e7e700; } .stick .headerfluid .container .navbar-default .navbar-nav > .open > a, .stick .headerfluid .container .navbar-default .navbar-nav > .open > a:focus, .stick .headerfluid .container .navbar-default .navbar-nav > .open > a:hover { color: #000; background-color: #e7e7e700; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenuheading { padding: 3px 0 5px 0; border-bottom: 1px solid #eaeaea; position: relative; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenuheading h3 { font-size: 12px; font-weight: 600; color: #08223a; font-family: Montserrat; margin-top: 15px; margin-bottom: 10px; margin-left: 30px; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenuheading h3:after { border-bottom: 0; position: absolute; content: ""; width: 155px; height: 2px; background: #c6e6ff; top: 46px; left: 27px; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .row { margin-right: 0; margin-left: 0; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart { padding-top: 20px; padding-left: 25px; background: #f1f1f1a1; height: 150px; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li { margin-bottom: 18px; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(1) a { background: no-repeat; color: #8c8b8b !important; font-weight: 600; width: auto; height: 45px; box-shadow: none; border-radius: 4px; padding-right: 15px; font-size: 12px; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(2) a { background: no-repeat; color: #8c8b8b !important; font-weight: 600; width: auto; height: 45px; box-shadow: none; border-radius: 4px; padding-right: 15px; font-size: 12px; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(1) a:hover { color: #fff !important; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(2) a:hover { color: #fff !important; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li > a { font-size: 12px; font-family: Montserrat; font-weight: 600; color: #8c8b8b; letter-spacing: 0; padding: 10px 10px 10px 10px; text-transform: none; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenushape { position: absolute; top: -16px; left: 32%; } .headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li > a:hover { text-decoration: none; background: #0046ff; color: #fff; border-radius: 4px; } .headerfluid.stick .container .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #000; background-color: #e7e7e700; } .topheaingfluid .container .mainbackcontent .row .col-sm-6 { padding: 0; } .topheaingfluid .container .mainbackcontent .row h1 { font-size: 50px; font-weight: 700; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #fff; line-height: 55px; margin-top: 50px; } .topheaingfluid .container .mainbackcontent { margin-top: 50px; margin-left: 20px; } .topheaingfluid .container .mainbackcontent .row h2 { font-size: 15px; color: #fff; line-height: 20px; font-family: Montserrat; margin-right: 135px; } .topheaingfluid .container .requestqquote .form-group input { width: 275px; border-radius: 4px; height: 48px; background: #44b6ee; border: 1px solid #ffffff40; border-right: none; } .topheaingfluid .container .requestqquote .form-group input:focus { color: #fff; } .topheaingfluid .container .requestqquote .form-group input::placeholder { color: #fff; opacity: 1; } .topheaingfluid .container .requestqquote { margin-top: 30px; } .topheaingfluid .container .requestqquote button { width: 180px; height: 48px; border-radius: 4px; border: 2px solid #fff; margin-left: -15px; font-size: 14px; font-weight: 700; font-family: Montserrat; } .topheaingfluid .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .homeaboutcontainer .socialnediaabourt .sideheading span { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); float: left; margin-left: -86px; margin-top: 160px; margin-bottom: 140px; font-weight: 700; color: #000; font-size: 14px; font-family: Montserrat; letter-spacing: 0; text-transform: uppercase; } .homeaboutcontainer .socialnediaabourt .sideheading span:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 2px; background: #484848; top: 10px; left: 185px; } .homeaboutcontainer .socialnediaabourt .sideheading span:before { border-bottom: 0; position: absolute; content: ""; width: 40px; height: 2px; background: #484848; top: 10px; left: -46px; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li { padding-top: 10px; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li > a { font-size: 16px; color: #212121; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li:nth-child(1) a:hover { color: #3b5998; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li:nth-child(2) a:hover { color: #55acee; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li:nth-child(3) a:hover { color: #0077b5; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li:nth-child(4) a:hover { color: #2265ff; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li:nth-child(5) a:hover { color: #ea4c89; } .homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul > li:nth-child(6) a:hover { color: #6c2b85; } .homeaboutcontainer .homeabotus { padding: 24px 0 70px 80px; } .home-about .homeabotus .aboutheading h2 { font-size: 40px; font-weight: 700; color: black; font-family: Montserrat; z-index: 2; position: relative; letter-spacing: 1px; } .home-about .homeabotus .aboutheading .headings h2:after { display: none; } .home-about .homeabotus .aboutheading .para { font-size: 24px; color: black; font-family: poppinsregular; z-index: 2; position: relative; line-height: 35px; margin-bottom: 25px; } .homeaboutcontainer .homeabotus .aboutheading h4 { font-size: 50px; font-weight: 700; color: #08223a; font-family: Montserrat; z-index: 2; position: relative; } .homeaboutcontainer .homeabotus .aboutheading .headings h4:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #0070f5; top: 60px; left: 0; } .homeaboutcontainer .homeabotus .aboutheading h3 { font-size: 16px; color: #08223a; line-height: 24px; font-family: Montserrat; font-weight: 600; margin-top: 40px; text-transform: uppercase; } .homeaboutcontainer .homeabotus .aboutheading h3 span { display: block; } .homeaboutcontainer .homeabotus .aboutcontent { margin-bottom: 35px; } .homeaboutcontainer .homeabotus .aboutcontent p { font-size: 14px; font-family: poppinslight; color: #000; line-height: 25px; font-weight: 500; margin-top: 0; margin-right: 150px; margin-bottom: 20px; } .homeaboutcontainer .homeabotus .absolutecon { position: absolute; top: 5px; } .homeaboutcontainer .homeabotus .absolutecon h2 { color: #dae9f7; opacity: 0.3; letter-spacing: 4px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; z-index: 1; position: relative; } .homeaboutcontainer .homeabotus .readmoreabout { margin-top: 80px; } .homeaboutcontainer .homeabotus .readmoreabout a { padding: 14px 30px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .homeaboutcontainer .homeabotus .readmoreabout a:hover { box-shadow: 0 8px 9px -6px #005aff4f; } .homeaboutcontainer .homeabotus .readmoreabout a:hover, active { text-decoration: none; } .homeaboutcontainer .homeabotus .readmoreabout a .fa { margin-left: 25px; font-size: 20px; } .homeaboutcontainer .aboutusimage { margin-top: 0; margin-bottom: 100px; } .homeaboutcontainer .aboutusimage img { width: 100%; height: auto; } .homeaboutcontainer .maindivabout { position: relative; } .homeaboutcontainer .maindivabout .socialnediaabourt { position: absolute; top: 40px; z-index: 99999; left: -20px; } .btn-default:hover { color: #333; background-color: #fff !important; border-color: #adadad; } .homeservicefluid { background-image: url(../images/banner/servocebanner.png); background-size: cover; width: 100%; } .homeservicefluid .homeservice .servicehrading { text-align: center; position: relative; margin-top: 70px; margin-bottom: 80px; } .homeservicefluid .homeservice .servicehrading .heading h2 { font-size: 32px; color: black; font-family: Montserrat; z-index: 2; position: relative; } .homeservicefluid .homeservice .servicehrading .hadabsolute { position: absolute; top: -35px; width: 100%; text-align: center; text-transform: uppercase; } .homeservicefluid .homeservice .servicehrading .hadabsolute h3 { font-size: 50px; z-index: 1; color: #dae9f7; opacity: 0.4; letter-spacing: 2px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; } .homeservicefluid .homeservice .myservices { margin: 40px 0px 0; } .homeservicefluid .homeservice .myservices .row .mainpart { text-align: center; padding: 45px 0; border-radius: 6px; margin-top: 10px; margin-bottom: 5px; } .homeservicefluid .homeservice .myservices .row .mainpart .serviceimage img { width: 100px; height: auto; } .homeservicefluid .homeservice .myservices .row .mainpart .serviceheadng h3 { font-size: 18px; font-weight: 700; font-family: Montserrat; text-transform: uppercase; padding-top: 10px; color: #626079; } .homeservicefluid .homeservice .myservices a { text-decoration: none; } .homeservicefluid .viewserviceall a { padding: 14px 45px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; box-shadow: 0 8px 9px -6px #005aff4f; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .homeservicefluid .viewserviceall a:hover { text-decoration: none; } .homeservicefluid .viewserviceall a .fa { margin-left: 25px; font-size: 20px; } .homeservicefluid .viewserviceall { margin: 0 auto; text-align: center; } .sliderwahphafluid { padding-right: 0 !important; padding-left: 0 !important; } .sliderwahphafluid .sliderback1 { background-image: url(../images/banner/whpha1.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .sliderwahphafluid .sliderback2 { background-image: url(../images/banner/whpha2.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .sliderwahphafluid .sliderback3 { background-image: url(../images/banner/whpha3.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .sliderwahphafluid .sliderback1 .slidercontainer { width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .carousel-control .icon-prev, .sliderwahphafluid .carousel-control .glyphicon-chevron-left { display: none; } .carousel-control .icon-next, .sliderwahphafluid .carousel-control .glyphicon-chevron-right { display: none; } .sliderwahphafluid .carousel-control.left { background-image: none; } .sliderwahphafluid .carousel-control.right { background-image: none; } .sliderwahphafluid .slidercontainer .sliderimagemain .sliderfirstimage { float: right; position: relative; } .sliderwahphafluid .slidercontainer .sliderimagemain .sliderfirstimage img { margin-top: 150px; } .sliderwahphafluid .slidercontainer .sliderimagemain .slidersecondimage { position: absolute; top: 42px; margin-left: 75px; } .sliderwahphafluid .slidercontainer .sliderimagemain .slidersecondimage img { height: auto; width: 375px; } .sliderwahphafluid .slidercontainer .sliderimagemain .sliderfirstimage img { width: 300px; height: auto; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderimagemain { position: relative; height: 600px; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderfirstimage { left: 170px; position: absolute; top: 0; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderfirstimage img { width: 220px; height: auto; margin-top: 0; } .sliderwahphafluid .sliderback3 .slidercontainer .slidersecondimage { position: absolute; top: 0; right: 0; } .sliderwahphafluid .sliderback3 .slidercontainer .slidersecondimage img { width: 220px; height: auto; margin-top: 0; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderthirdimage { position: absolute; bottom: 0; left: 170px; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderthirdimage img { width: 220px; height: auto; margin-top: 0; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderforthimage { position: absolute; bottom: 0; right: 0; } .sliderwahphafluid .sliderback3 .slidercontainer .sliderforthimage img { width: 220px; height: auto; margin-top: 0; } .sliderwahphafluid .slidercontainer .silderheaing { margin-top: 200px; } .sliderwahphafluid .slidercontainer .silderheaing h2 { font-size: 45px; font-weight: 700; color: #fff; font-family: Montserrat; text-transform: uppercase; } .sliderwahphafluid .slidercontainer .silderheaing p { color: #fff; font-size: 16px; font-family: Montserrat; line-height: 24px; } .sliderwahphafluid .carousel-indicators { left: 185px; } .sliderwahphafluid .carousel-indicators li { display: inline-block; width: 8px; height: 8px; } .sliderwahphafluid .carousel-indicators .active { width: 40px; height: 7px; margin: 0; background-color: #fff; margin-right: 0; margin-left: 0; } .sliderwahphafluid .carousel-indicators li { margin-right: 35px; } .sliderwahphafluid .carousel-indicators:after { border-bottom: 0; position: absolute; content: ""; width: 90%; height: 1px; background-image: linear-gradient(to right, #f7f7f7, #f1f1f100); bottom: 9px; left: 0; } .sliderwahphafluid .slidernuber { position: absolute; bottom: 45px; z-index: 999; width: 50%; margin-left: 95px; } .sliderwahphafluid .slidernuber ul > li { float: left; color: #fff; font-size: 16px; font-weight: 700; margin-right: 40px; } .sliderwahphafluid .slidernuber ul li:nth-child(1) { opacity: 0.7; } .sliderwahphafluid .slidernuber ul li:nth-child(2) { opacity: 0.5; } .sliderwahphafluid .slidernuber ul li:nth-child(3) { opacity: 0.3; } .sliderwahphafluid .carousel-indicators .active li { opacity: 1; } .sliderwahphafluid .sliderback2 .slidersecondimage img { height: auto; width: 400px !important; } .sliderwahphafluid .sliderback2 .slidersecondimage { margin-left: -20px !important; } .sliderwahphafluid .sliderback2 .sliderfirstimage img { width: 650px !important; height: auto; margin-top: 110px !important; margin-right: -100px; } .sliderwahphafluid .sliderback2 .slidersecondimage { top: 170px !important; } .blockchainfluid { background-image: url(../images/banner/blockchain.png); background-repeat: no-repeat, repeat; background-size: 585px 610px; background-position: 0 0; background-color: #fff; padding-bottom: 80px; padding-top: 80px; margin-top: 50px; margin-bottom: 40px; } .blockchainfluid .leftpart ul > li { background: #fff; width: 80%; padding: 20px 20px 20px 20px; box-shadow: 0 0 0 1px #f3f3f3; border-radius: 8px; display: inline-block; margin-bottom: 15px; position: relative; } .blockchainfluid .leftpart ul li:after { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 18px; top: 98px; left: 50px; border-left: 1px solid #000; border-left-style: dotted; } .blockchainfluid .leftpart ul li:last-child:after { border: none; } .blockchainfluid .leftpart .number { width: 100px; float: left; height: 100%; } .blockchainfluid .leftpart .number figure { font-size: 40px; color: #e2e2e2; font-family: Montserrat; padding: 0 0 0 20px; } .blockchainfluid .leftpart .numberheading span { font-size: 18px; color: #5f5f5f; font-family: Montserrat; font-weight: 600; } .blockchainfluid .rightpart .blockheading { position: relative; } .blockchainfluid .rightpart .blockheading h2 { font-size: 45px; font-weight: 700; color: #000; font-family: Montserrat, bold; position: relative; z-index: 1111; } .blockchainfluid .rightpart .blockheading h2:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #0070f5; top: 55px; left: 5px; } .blockchainfluid .rightpart .blockheading h3 { font-size: 16px; padding-top: 20px; color: #171717; text-transform: uppercase; } .blockchainfluid .rightpart .blockheading h4 { font-size: 50px; text-transform: uppercase; font-family: initial; position: absolute; top: -43px; color: #f3f3f3; opacity: 0.6; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; } .blockchainfluid .rightpart .blockcontent p { color: #b1b1b1; font-size: 14px; line-height: 23px; font-family: Montserrat; } .blockchainfluid .rightpart .clockimage { margin-top: 30px; } .blockchainfluid .rightpart .clockimage ul > li { display: inline-block; float: left; margin-right: 50px; } .blockchainfluid .rightpart .clockimage ul > li img { width: 140px; height: auto; } .blockchainfluid .rightpart .clockimage ul > li:nth-child(1) img { width: 146px; height: auto; } .blockchainfluid .rightpart .knowmore a { padding: 14px 45px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; box-shadow: 0 8px 9px -6px #005aff4f; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .blockchainfluid .rightpart .knowmore a .fa { margin-left: 25px; font-size: 20px; } .blockchainfluid .rightpart .knowmore a:hover, active { text-decoration: none; } .blockchainfluid .rightpart .knowmore { width: 100%; display: inline-block; margin-top: 30px; } .workingprocessfluid { background-image: url(../images/banner/working.png); background-size: cover; width: 100%; } .workingprocessfluid .rightpart { margin-top: 150px; } .home-working-fluid .rightpart .aboutheading .headings h3 { color: #fff; font-size: 40px; font-family: Montserrat; font-weight: 700; } .home-working-fluid .rightpart .aboutheading .headings h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; top: 55px; left: 0; } .workingprocessfluid .rightpart .aboutheading .headings h4 { color: #fff; font-size: 40px; font-family: Montserrat; font-weight: 700; } .workingprocessfluid .rightpart .aboutheading .headings h4:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 2px; background: #fff; top: 55px; left: 0; } .home-working-fluid .rightpart .aboutheading .headings p { font-size: 14px; color: #fff; padding-top: 10px; margin-right: 100px; line-height: 24px; font-family: Montserrat; } .workingprocessfluid .rightpart .aboutheading .headings h5 { font-size: 18px; color: #fff; padding-top: 22px; margin-right: 100px; line-height: 24px; font-family: Montserrat; } .workingprocessfluid .rightpart .aboutheading { position: relative; } .workingprocessfluid .rightpart .aboutheading .absolutecon h2 { font-size: 45px; color: #e2e2e2; opacity: 0.2; font-family: Iskoola Pota; font-weight: 700; text-transform: uppercase; } .workingprocessfluid .rightpart .aboutheading .absolutecon { position: absolute; top: -35px; } .workingprocessfluid .rightpart .aboutheading .contents p { color: #fff; font-size: 14px; margin-right: 100px; font-family: Montserrat; } .workingprocessfluid .rightpart .aboutheading .knowmore { margin-top: 30px; } .workingprocessfluid .rightpart .aboutheading .knowmore a { padding: 14px 40px; background-color: #fff; background-image: linear-gradient(to right, #fff, #fff); color: #2b2b2b; font-weight: 700; border-radius: 4px; font-size: 20px; } .workingprocessfluid .rightpart .aboutheading .knowmore a:hover, active { text-decoration: none; } .mkaccordiongrabber { position: relative; padding-left: 50px; margin-top: 75px; margin-bottom: 75px; } .accorscroll { height: 550px; position: absolute; width: 1px; background-image: linear-gradient(to bottom, #f7f7f7, #f1f1f100); left: 30px; top: -20px; } .mkaccorrdiontrigger .accornumb { position: absolute; left: -100px; color: #fff; font-size: 45px; top: -10px; width: 38px; } .mkaccorrdiontrigger .accornumb:after { content: ""; width: 15px; height: 15px; position: absolute; right: -50px; top: 25px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mkaccordionitem.active .mkaccorrdiontrigger .accornumb { color: #fff; } .mkaccordionitem.active .mkaccorrdiontrigger .accornumb:after { background: #fff; box-shadow: 0 -2px 18px 6px #fff; } .mkaccordiongrabber:after, .mkaccordiongrabber:before { content: ""; clear: both; display: block; width: 100%; } .home-working-fluid .mkaccorrdiontrigger h3 { display: block; padding: 0; text-decoration: none !important; font-size: 35px; position: relative; padding-right: 43px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; font-weight: 700; font-family: Montserrat; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; } .home-working-fluid .mkaccordionitem.active .mkaccorrdiontrigger h3 { color: #fff; } .mkaccorrdiontrigger { display: block; padding: 0 37px; text-decoration: none !important; font-size: 45px; position: relative; padding-right: 43px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; font-weight: 700; font-family: Montserrat; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; } .mkaccordionitem.active .mkaccorrdiontrigger { color: #fff; } .mkaccorrdiontrigger .mkaccordionfa { position: absolute; right: 0; width: 40px; height: 100%; line-height: 46px; text-align: center; background: rgba(0, 0, 0, 0.15); top: 0; } .mkaccordionitem .mkaccordionbox { padding: 15px; color: #fff; padding: 0; -webkit-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; height: 0; overflow: hidden; margin-left: 25px; margin-top: -10px; font-family: Montserrat; } .workingprocessfluid a:active, a:hover { outline-width: 0; color: #000000b3; } .workingprocessfluid .mkaccordiongrabber .mkaccordionitem { margin-bottom: 30px; opacity: 0.5; } .workingprocessfluid .mkaccordiongrabber .mkaccordionitem.active { margin-bottom: 20px; opacity: 1; } .mkaccordionitem.active .mkaccordionbox { height: 60px; padding: 5px 15px; overflow: initial; } .testimonialfluid { padding-top: 40px; padding-bottom: 40px; } .testimonialfluid .testimonial { text-align: center; margin-top: 40px; position: relative; } .testimonialfluid .testimonial .heading h1 { font-size: 45px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .testimonialfluid .testimonial .heading h1:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 2px; background: #175eff; bottom: -5px; margin-left: -40px; left: 50%; } .testimonialfluid .testimonial .subheading { position: absolute; top: -35px; width: 100%; text-align: center; text-transform: uppercase; } .testimonialfluid .testimonial .subheading h2 { font-size: 45px; z-index: 1; color: #dae9f7; opacity: 0.4; letter-spacing: 2px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; text-transform: uppercase; } .testimonialfluid .testimonial .content h4 { font-size: 18px; color: #0e0e0e; font-family: Montserrat; padding-top: 20px; font-weight: 500; text-transform: uppercase; } .testimonialfluid .companyreview { margin-bottom: 40px; margin-top: 40px; box-shadow: 0 21px 51px -26px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); } .testimonialfluid .companyreview .companytesti { text-align: center; margin-top: 20px; margin-bottom: 20px; border-right: 1px solid #d8d5d5; } .testimonialfluid .companyreview .lastbordernone { border: none; } .testimonialfluid .companyreview .companytesti img { width: 130px; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; -webkit-transition: 1s all; -o-transition: 1s all; transition: 1s all; filter: gray; -webkit-filter: grayscale(100%); -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .testimonialfluid .companyreview .companytesti:hover img { filter: initial; opacity: 1; } .testimonialfluid .testimonialdesign h1 { padding: 2vh 0 3vh 0; color: #434c57; line-height: 1.3; font-size: 40px; font-family: Iskoola Pota; letter-spacing: 2px; padding-bottom: 30px; } .testimonialfluid .testimonialdesign .section-eight { padding: 40px 0 0 0; margin-top: 0; position: relative; } .testimonialfluid .testimonialdesign .op-eight-section { position: relative; } .testimonialfluid .testimonialdesign .sec-eight-text-area { text-align: center; padding: 30px 0 40px; } .testimonialfluid .testimonialdesign .sec-eight-text-area img { padding: 2vh 0; } .testimonialfluid .testimonialdesign .sec-eight-text-area h1 { padding: 2vh 0 3vh 0; color: #434c57; line-height: 1.3; font-size: 40px; font-family: Iskoola Pota; letter-spacing: 2px; padding-bottom: 30px; } .testimonialfluid .testimonialdesign .sec-eight-text-area p { padding: 2vh 0; font-size: 14px; line-height: 1.6; color: #434c57; font-family: Montserrat; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote { position: absolute; height: 100%; top: 0; z-index: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote.left { left: 0; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote.right { right: 0; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .pp-quote { cursor: pointer; position: absolute; border-radius: 100%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); animation-name: floating; -webkit-animation-name: floating; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: 50% 1px; -moz-transform-origin: 50% 1px; -ms-transform-origin: 50% 1px; -o-transform-origin: 50% 1px; transform-origin: 50% 1px; opacity: 0; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .testimonialfluid .testimonialdesign .container-pe-quote .pp-quote img { overflow: hidden; border-radius: 100%; height: 100%; width: 100%; position: relative; z-index: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .pp-quote:after { content: ""; position: absolute; top: 50%; left: 50%; height: calc(100% + 5px); width: calc(100% + 5px); border-radius: 100%; background-color: #7fb3e4; -webkit-transform: translate(-50%, -50%) scale(0.9); -moz-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); -o-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .container-pe-quote .pp-quote.active:after, .testimonialfluid .testimonialdesign .container-pe-quote .pp-quote:hover:after { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-1 { height: 104px; width: 104px; left: 15px; top: 95px; animation-duration: 10s; -webkit-animation-duration: 10s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-2 { height: 63px; width: 63px; left: 120px; top: 270px; animation-duration: 12s; -webkit-animation-duration: 12s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-3 { height: 64px; width: 64px; left: 68px; top: 380px; animation-duration: 6s; -webkit-animation-duration: 6s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-4 { height: 73px; width: 73px; right: -15px; top: 110px; animation-duration: 5s; -webkit-animation-duration: 5s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-5 { height: 73px; width: 73px; right: 28px; top: 265px; animation-duration: 8s; -webkit-animation-duration: 8s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-6 { height: 45px; width: 45px; right: 108px; top: 170px; animation-duration: 7s; -webkit-animation-duration: 7s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-7 { height: 48px; width: 48px; right: 40px; top: 414px; animation-duration: 7s; -webkit-animation-duration: 7s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; opacity: 1; } .testimonialfluid .testimonialdesign .section-eight .container-pe-quote .li-quote-8 { height: 63px; width: 63px; left: 20px; top: 250px; animation-duration: 5s; -webkit-animation-duration: 5s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; } @keyframes floating { 0% { -webkit-transform: rotate(0) translate(-10px) rotate(0); -moz-transform: rotate(0) translate(-10px) rotate(0); -ms-transform: rotate(0) translate(-10px) rotate(0); -o-transform: rotate(0) translate(-10px) rotate(0); transform: rotate(0) translate(-10px) rotate(0); } 100% { -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg); -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg); -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg); -o-transform: rotate(360deg) translate(-10px) rotate(-360deg); transform: rotate(360deg) translate(-10px) rotate(-360deg); } } @-webkit-keyframes floating { 0% { -webkit-transform: rotate(0) translate(-10px) rotate(0); -moz-transform: rotate(0) translate(-10px) rotate(0); -ms-transform: rotate(0) translate(-10px) rotate(0); -o-transform: rotate(0) translate(-10px) rotate(0); transform: rotate(0) translate(-10px) rotate(0); } 100% { -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg); -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg); -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg); -o-transform: rotate(360deg) translate(-10px) rotate(-360deg); transform: rotate(360deg) translate(-10px) rotate(-360deg); } } .testimonialfluid .testimonialdesign .section-eight .container-quote { position: relative; width: 100%; margin-top: 10px; height: 135px; -webkit-perspective: 10000px; -moz-perspective: 10000px; -ms-perspective: 10000px; perspective: 10000px; } .testimonialfluid .testimonialdesign .section-eight .container-quote .quote { max-width: 520px; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; cursor: pointer; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); } .testimonialfluid .testimonialdesign .section-eight .container-quote .quote.hide-bottom { opacity: 0; -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg); -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg); -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg); -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg); transform: translateX(-50%) translateY(100%) rotateX(-70deg); } .testimonialfluid .testimonialdesign .section-eight .container-quote .quote.hide-top { opacity: 0; -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg); -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg); -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg); -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg); transform: translateX(-50%) translateY(-100%) rotateX(70deg); } .testimonialfluid .testimonialdesign .section-eight .container-quote .quote.show { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) rotateX(0); -moz-transform: translateX(-50%) translateY(0) rotateX(0); -ms-transform: translateX(-50%) translateY(0) rotateX(0); -o-transform: translateX(-50%) translateY(0) rotateX(0); transform: translateX(-50%) translateY(0) rotateX(0); } .testimonialfluid .testimonialdesign .section-eight .container-dp-name { position: relative; width: 100%; margin-top: 10px; height: 225px; -webkit-perspective: 10000px; -moz-perspective: 10000px; -ms-perspective: 10000px; perspective: 10000px; text-align: center; } .testimonialfluid .testimonialdesign .section-eight .container-dp-name .box-dpname { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; text-align: center; -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005); } .testimonialfluid .testimonialdesign .section-eight .container-dp-name .box-dpname.hide-dp-bottom { opacity: 0; -webkit-transform: translateX(0) translateY(100%) rotateX(-70deg); -moz-transform: translateX(0) translateY(100%) rotateX(-70deg); -ms-transform: translateX(0) translateY(100%) rotateX(-70deg); -o-transform: translateX(0) translateY(100%) rotateX(-70deg); transform: translateX(0) translateY(100%) rotateX(-70deg); } .testimonialfluid .testimonialdesign .section-eight .container-dp-name .box-dpname.hide-dp-top { opacity: 0; -webkit-transform: translateX(0) translateY(-100%) rotateX(70deg); -moz-transform: translateX(0) translateY(-100%) rotateX(70deg); -ms-transform: translateX(0) translateY(-100%) rotateX(70deg); -o-transform: translateX(0) translateY(-100%) rotateX(70deg); transform: translateX(0) translateY(-100%) rotateX(70deg); } .testimonialfluid .testimonialdesign .section-eight .container-dp-name .box-dpname.look { opacity: 1; -webkit-transform: translateX(0) translateY(0) rotateX(0); -moz-transform: translateX(0) translateY(0) rotateX(0); -ms-transform: translateX(0) translateY(0) rotateX(0); -o-transform: translateX(0) translateY(0) rotateX(0); transform: translateX(0) translateY(0) rotateX(0); } .firstfooterfluid { padding-top: 50px; padding-bottom: 50px; background: #f9f9f9; } .firstfooterfluid .maindiv .india { background-image: url(../images/banner/india.png); background-size: cover; width: 100%; overflow: hidden; } .firstfooterfluid .maindiv .egypt { background-image: url(../images/banner/egypt.png); background-size: cover; width: 100%; overflow: hidden; } .firstfooterfluid .maindiv .usa { background-image: url(../images/banner/usa.png); background-size: cover; width: 100%; overflow: hidden; } .firstfooterfluid .maindiv .homeaddress { padding: 28px; height: 200px; } .firstfooterfluid .maindiv .homeaddress h2 { font-size: 32px; font-weight: 700; color: #000; } .firstfooterfluid .maindiv .homeaddress h2 > span { font-size: 16px; color: #9a9a9a; font-family: Montserrat; } .firstfooterfluid .maindiv .homeaddress .address ul > li { color: #7d7d7d; font-size: 14px; line-height: 30px; } .firstfooterfluid .maindiv .homeaddress .address img { margin-right: 5px; width: 15px; height: auto; } .secondfooterfluid { padding-top: 70px; padding-bottom: 50px; background: #060b29; } .secondfooterfluid .footeraboutus .footerabout .footerlogo img { height: auto; width: 200px; } .secondfooterfluid .footeraboutus .footerabout h3 { font-size: 14px; line-height: 22px; color: #fff; font-family: Montserrat; } .secondfooterfluid .footeraboutus .footerabout h3 a { font-size: 14px; line-height: 30px; color: #fff; font-family: Montserrat; } .secondfooterfluid .footeraboutus .footersocialmedia ul > li { float: left; padding: 0 20px 0 0; } .secondfooterfluid .footeraboutus .footersocialmedia ul > li > a .fa { color: #e6e6e6; font-weight: initial; font-size: 16px; } .secondfooterfluid .footeraboutus .dmcsprotect { width: 100%; display: inline-block; } .secondfooterfluid .footeraboutus .dmcsprotect img { margin-top: 24px; width: 100px; height: auto; } .secondfooterfluid .footerpagelink .footerheading h4 { margin-top: 12px; font-weight: 700; font-size: 18px; text-transform: uppercase; font-family: inherit; margin-bottom: 24px; color: #fff; } .secondfooterfluid .footerpagelink .pagelink ul > li > a { font-size: 14px; color: #efefef; font-family: inherit; font-weight: 400; line-height: 30px; } .secondfooterfluid .footerpagelink .pagelink ul > li > a:hover, active { text-decoration: none; font-weight: 700; } .secondfooterfluid .footerpagelink .twittermessege { max-height: 200px !important; overflow: hidden !important; } .thirdfooterfluid { background: #060b29; width: 100%; overflow: hidden; } .thirdfooterfluid .container { padding-top: 20px; padding-bottom: 10px; border-top: 1px solid #d0d0d0; } .thirdfooterfluid .lastgooterdetail h4 { font-size: 14px; color: #fff; font-family: Montserrat; text-align: left; } .thirdfooterfluid .lastgooterdetail a { font-size: 14px; color: #aba9a9; font-family: Montserrat; } .thirdfooterfluid .copyscape img { float: right; width: 130px; height: auto; } .myaboutpage { background-color: #000; width: 100%; height: 100vh; overflow: hidden; } .abouttopheaingfluid .container .mainbackcontent .row h1 { font-size: 34px; font-weight: 800; font-style: normal; color: #fff; line-height: 48px; text-transform: uppercase; position: relative; margin-bottom: 30px; padding-bottom: 30px; } .abouttopheaingfluid .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 2px; background: #fff; bottom: 0px; left: 50%; margin-left: -50px; } .abouttopheaingfluid .container .mainbackcontent .row h2 { font-size: 24px; font-family: Montserrat; font-weight: 500; font-style: normal; color: #fff; line-height: 24px; } .abouttopheaingfluid .container .mainbackcontent .row h3 { font-size: 17px; color: #fff; line-height: 25px; font-family: Montserrat; font-weight: 500; margin-bottom: 0; } .abouttopheaingfluid .container .requestqquote .form-group input { width: 300px; border-radius: 4px; height: 50px; background: #44b6ee; border: 1px solid #fff; border-right: none; } .abouttopheaingfluid .container .requestqquote .form-group input:focus { color: #fff; } .abouttopheaingfluid .container .requestqquote .form-group input::placeholder { color: #fff; opacity: 1; } .abouttopheaingfluid .container .requestqquote { margin-top: 30px; } .abouttopheaingfluid .container .requestqquote button { width: 160px; height: 50px; border-radius: 4px; border: 2px solid #fff; margin-left: -8px; font-size: 14px; font-weight: 700; font-family: Montserrat; } .abouttopheaingfluid .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .mainaboutfluid { padding: 80px 0; } .mainaboutfluid .row { margin-right: 0; margin-left: -15px; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h3 { font-size: 15px; font-weight: 550; font-family: Montserrat; color: #08223a; text-transform: uppercase; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h5 { font-size: 40px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h5:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #1a81ff; top: 50px; left: 10px; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h4 { font-size: 16px; font-weight: 500; font-family: Montserrat; color: #08223a; margin-right: 10px; line-height: 26px; } .mainaboutfluid .mainaboutus .aboutright .socialabouticon ul > li { float: left; padding: 0 18px 0 0; } .mainaboutfluid .mainaboutus .aboutright .socialabouticon ul > li > a { font-size: 18px; color: #08223a; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart { display: inline-block; width: 100%; margin-top: 40px; padding-right: 100px; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content1 { text-align: center; padding: 10px 1px 10px 1px; box-shadow: 1px 1px 9px 0 #ededed; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content2 h3 { color: #47cfa1; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content3 h3 { color: #0cf; } .mainaboutfluid .mainaboutus .aboutright .aboutbottompart .content1:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); } .mainaboutfluid .mainaboutus .aboutleft img { width: 100%; height: auto; } .mainaboutfluid .mainaboutus .aboutleft .imageone img { display: none; width: 550px; height: auto; margin-top: 25px; border: 10px solid #fff; border-left: 0; box-shadow: 19px 19px 14px -13px rgba(8, 8, 97, 0.08); } .mainaboutfluid .mainaboutus .aboutleft .imagetwo { margin-left: 70px; margin-top: 25px; } .mainaboutfluid .mainaboutus .aboutleft .imagetwo img { display: none; width: 230px; height: auto; border: 10px solid #fff; box-shadow: 19px 19px 14px -13px rgba(8, 8, 97, 0.08); } .mainaboutfluid .mainaboutus .aboutleft .imagethree { position: absolute; bottom: 95px; z-index: 999; background: #fff; left: 330px; box-shadow: 19px 19px 14px -13px rgba(8, 8, 97, 0.08); } .mainaboutfluid .mainaboutus .aboutleft .imagethree img { width: 180px; height: auto; } .weworkforfluid { padding-top: 80px; padding-bottom: 130px; } .weworkforfluid .weworkfor .leftpart { margin-top: 50px; } .weworkforfluid .weworkfor .leftpart .workcontent h5 { font-size: 18px; color: #08223a; font-weight: 550; text-transform: uppercase; } .weworkforfluid .weworkfor .leftpart .workcontent h4 { font-size: 45px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; } .weworkforfluid .weworkfor .leftpart .workcontent h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #175eff; top: 50px; left: 10px; } .weworkforfluid .weworkfor .rightpart .mainpart { text-align: center; padding: 50px 0; background: #fff; border: 1px solid #f5f5f5; } .weworkforfluid .weworkfor .rightpart a:hover .mainpart { background-image: linear-gradient(#ff904d, #ff1600); } .weworkforfluid .weworkfor .rightpart .hoverdis { display: none; } .weworkforfluid .weworkfor .rightpart a:hover .hoverdis { display: inline-block; } .weworkforfluid .weworkfor .rightpart a:hover .deskdis { display: none; } .weworkforfluid .weworkfor .rightpart a:hover h6 { color: #fff; } .weworkforfluid .weworkfor .rightpart .mainpart img { width: 65px; height: auto; } .weworkforfluid .weworkfor .rightpart .mainpart h6 { font-size: 20px; color: #08223a; font-weight: 550; font-family: Montserrat; text-transform: uppercase; } .spe-cor { position: relative; background: #000; } .spe-cor .carousel-correspondence [class*="cloneditem-"] { display: none; } .spe-cor .thumbnail .caption p.cate-para { margin-bottom: 0; text-align: center; } .spe-cor .thumbnail .caption p.cate-para > a { font-size: 14px; font-family: Roboto, sans-serif; color: #666; line-height: 1.2; text-align: left; } .spe-cor .thumbnail .caption p.cate-para > a:active, .spe-cor .thumbnail .caption p.cate-para > a:focus, .spe-cor .thumbnail .caption p.cate-para > a:hover { color: #c00; text-decoration: none; } .spe-cor .thumbnail .caption span.comment, .spe-cor .thumbnail .caption span.date { margin-bottom: 0; } .carousel-correspondence .carousel-control.left, .carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.left, .carousel-video-thumb .carousel-control.right { background-image: none !important; color: #fff; height: 30px; width: 35px; border-style: solid; border-width: 1px; border-color: #e0e0e0; background-color: #f5f5f5; margin: 0; } .carousel-correspondence .carousel-control.left:hover, .carousel-correspondence .carousel-control.right:hover, .carousel-video-thumb .carousel-control.left:hover, .carousel-video-thumb .carousel-control.right:hover { color: #fff; background: #e76924; border: 1px solid #e76924; } .carousel-correspondence .controls, .carousel-video-thumb .controls { padding: 0; margin: 0; position: absolute; width: 170px; padding-right: 15px; padding-left: 15px; background: 0 0; bottom: -55px; right: 0; margin-top: 0; height: 30px; right: 15px; } .carousel-correspondence .carousel-control, .carousel-video-thumb .carousel-control { color: #fff; padding: 0; padding-top: 3px; color: #428bca; bottom: auto; width: 35px; height: 35px; text-shadow: none; opacity: 1; top: 0; } .carousel-correspondence .carousel-control:hover, .carousel-video-thumb .carousel-control:hover { color: #d9534f; } .carousel-correspondence .carousel-control.left, .carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.left, .carousel-video-thumb .carousel-control.right { background-image: none !important; } .carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.right { color: #fff; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); border: 1px solid #009be9; width: 100px; border-radius: 25px; height: 45px; } .weworkforfluid .weworkfor .carousel-correspondence .carousel-control.right .fa { margin-top: 10px; } .carousel-correspondence .carousel-control.left, .carousel-video-thumb .carousel-control.left { right: auto; font-size: 14px; color: #a3a3a3; border: 1px solid #ededed; background: #fff0; border-radius: 50px; height: 40px; width: 40px; } .weworkforfluid .weworkfor .carousel-correspondence .carousel-control.left .fa { margin-top: 10px; font-weight: 400; } .carousel-correspondence .carousel-indicators, .carousel-video-thumb .carousel-indicators { bottom: -30px; } .carousel-correspondence .carousel-indicators li, .carousel-video-thumb .carousel-indicators li { border-radius: 0; width: 10px; height: 10px; background: #ccc; border: 1px solid #ccc; } .carousel-correspondence .carousel-indicators .active, .carousel-video-thumb .carousel-indicators .active { width: 12px; height: 12px; background: #3276b1; border-color: #3276b1; } .orvisionfluid { background-image: url(../images/banner/vision_back.png); background-size: cover; width: 100%; padding-top: 80px; padding-bottom: 80px; } .orvisionfluid .container .leftpart h5 { font-size: 14px; text-transform: uppercase; color: #08223a; font-weight: 550; font-family: Montserrat; margin-bottom: 0; } .orvisionfluid .container .leftpart h4 { font-size: 40px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .orvisionfluid .container .leftpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #175eff; top: 50px; left: 10px; } .orvisionfluid .container .rightpart h5 { font-size: 14px; font-weight: 550; font-family: Montserrat; line-height: 20px; color: #08223a; margin-right: 330px; } .ourteamfluid { background: #fff; padding-top: 80px; padding-bottom: 0; padding-left: 0; padding-right: 0; } .ourteamfluid .row { margin-right: 0; margin-left: 0; } .ourteamfluid .row .rightpart { margin-top: 60px; } .ourteamfluid .row .rightpart h3 { font-size: 14px; text-transform: uppercase; color: #08223a; font-weight: 550; font-family: Montserrat; margin-bottom: 0; } .ourteamfluid .row .rightpart h4 { font-size: 40px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .ourteamfluid .row .rightpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #175eff; top: 50px; left: 10px; } .ourteamfluid .row .rightpart h5 { font-size: 14px; font-weight: 550; font-family: Montserrat; line-height: 20px; color: #08223a; margin-right: 110px; } .ourteamfluid .row .rightpart .rightpartimage img { width: 100%; height: auto; } .ourteamfluid .leftpart { background-image: url(../images/banner/back_graphics.png); background-repeat: no-repeat, repeat; background-size: 585px 800px; background-position: 0 0; background-color: #fff; margin-top: 50px; padding-bottom: 100px; } .ourteamfluid .leftpart .memberdesign { text-align: center; background: #fff; box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); margin-bottom: 30px; } .ourteamfluid .leftpart .memberdesign .memberimage img { width: 100%; height: auto; } .ourteamfluid .leftpart .memberdesign .membername h4 { font-size: 18px; font-family: Montserrat; color: #09233b; font-weight: 550; position: relative; } .ourteamfluid .leftpart .memberdesign .membername h4:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 1px; background: #e7e7e7; top: 27px; left: 50%; margin-left: -50px; } .ourteamfluid .leftpart .memberdesign .membername h5 { font-size: 16px; font-family: Montserrat; color: #08223a; font-weight: 400; padding-bottom: 25px; } .ourteamfluid .leftpart .mainmember2 { margin-top: 100px; } .achievementsfluid { background: #fff; padding-top: 10px; padding-bottom: 10px; } .achievementsfluid .container .leftpart { margin-top: 60px; } .achievementsfluid .container .leftpart h3 { font-size: 14px; text-transform: capitalize; color: #08223a; font-weight: 550; font-family: Montserrat; margin-bottom: 10px; } .web-achievement-para { margin-bottom: 20px; } .achievementsfluid .container .leftpart h4 { font-size: 40px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .achievementsfluid .container .leftpart h4:after { display: none; border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #175eff; top: 50px; left: 10px; } .achievementsfluid .container .leftpart h5 { font-size: 14px; font-weight: 550; font-family: Montserrat; line-height: 20px; color: #08223a; margin-right: 80px; } .achievementsfluid .container .rightpart .imagereview { text-align: center; padding-top: 30px; padding-bottom: 0; border: 1px solid #f3f3f3; height: 150px; margin-bottom: 30px; } .mob-achievement .container .rightpart .imagereview { margin-bottom: 10px; } .achievementsfluid .container .rightpart .imagereview img { width: 130px; height: auto; } .achievementsfluid .container .rightpart .imagereview img:hover { filter: initial; opacity: 1; } .achievementsfluid .container .rightpart .imagereview:hover { box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); } .mycontactpage { width: 100%; padding: 200px 0 150px; position: relative; } .mycontactpage::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-image: url(../images/banner/Contactus2.png); background-size: cover; height: 800px; width: 100%; background-position: top; z-index: 0; } .myrequserquotepage { width: 100%; padding: 130px 0 120px; position: relative; } .myrequserquotepage::after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; background-image: url(../images/banner/request_banner1.png); background-size: cover; height: 880px; width: 100%; background-position: bottom; z-index: 0; } .Request_content { position: relative; z-index: 1; } .contactfluid { margin-top: 30px; position: relative; z-index: 1; } .contact_top { position: relative; z-index: 1; } .contacttopheaingfluid .container .mainbackcontent .row h1 { font-size: 40px; font-weight: 700; font-family: "Iskoola Pota"; font-style: normal; color: #fff; line-height: 55px; margin-top: 0; } .contacttopheaingfluid .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 50px; height: 3px; background: #fff; top: 90px; left: 15px; } .contacttopheaingfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 400; font-style: normal; color: #fff; line-height: 24px; } .contacttopheaingfluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #fff; line-height: 23px; font-family: Montserrat; text-transform: uppercase; margin-bottom: 0; } .contacttopheaingfluid .container .requestqquote .form-group input { width: 300px; border-radius: 4px; height: 50px; background: #44b6ee; border: 1px solid #fff; border-right: none; } .contacttopheaingfluid .container .requestqquote .form-group input:focus { color: #fff; } .contacttopheaingfluid .container .requestqquote .form-group input::placeholder { color: #fff; opacity: 1; } .contacttopheaingfluid .container .requestqquote { margin-top: 30px; } .contacttopheaingfluid .container .requestqquote button { width: 160px; height: 50px; border-radius: 4px; border: 2px solid #fff; margin-left: -8px; font-size: 14px; font-weight: 700; font-family: Montserrat; } .contacttopheaingfluid .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .contactfluid .container .mainpart .contactform { padding: 40px 60px; background: #fff; border-radius: 10px; box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); } .contactfluid .container .mainpart .topheading p { font-size: 16px; color: #fff; font-weight: 550; margin-right: 450px; font-family: Montserrat; font-style: italic; margin-left: 30px; margin-bottom: 20px; } .contactfluid .container .mainpart { width: 100%; margin: 0 auto; } .contactfluid .container .mainpart .contactform .form-group label { font-size: 14px; font-weight: 550; font-family: Montserrat; color: #08223a; line-height: 35px; } .contactfluid .container .mainpart .contactform .form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #b5ccff5c; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .contactfluid .container .mainpart .contactform .textarea-control { min-height: 125px; max-height: 125px; } .contactfluid .container .mainpart .contactform .submitbotton { width: 170px; height: 45px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 550; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; font-family: Montserrat; } .contactfluid .container .mainpart .contactform .submitbotton .fa { margin-left: 20px; font-size: 16px; font-weight: 700; } .careertopheaingfluid .container .mainbackcontent { margin-top: 20%; } .careertopheaingfluid .container .mainbackcontent .row .subpart h3 { font-size: 20px; color: #ebebeb; line-height: 23px; font-family: Montserrat; text-transform: uppercase; margin-bottom: 10px; } .careertopheaingfluid .container .requestqquote .form-group input { width: 300px; border-radius: 4px; height: 50px; background: #44b6ee; border: 1px solid #fff; border-right: none; } .careertopheaingfluid .container .requestqquote .form-group input:focus { color: #fff; } .careertopheaingfluid .container .requestqquote .form-group input::placeholder { color: #fff; opacity: 1; } .careertopheaingfluid .container .requestqquote { margin-top: 30px; } .careertopheaingfluid .container .requestqquote button { width: 160px; height: 50px; border-radius: 4px; border: 2px solid #fff; margin-left: -8px; font-size: 14px; font-weight: 700; font-family: Montserrat; } .careertopheaingfluid .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .careeerwithfluid { padding-top: 50px; padding-bottom: 50px; } .careeerwithfluid .container .careerwith h2 { font-size: 16px; color: #bbb; font-family: Montserrat; font-weight: 500; text-transform: uppercase; margin-bottom: 0; } .careeerwithfluid .container .careerwith h4 { font-size: 40px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .careeerwithfluid .container .careerwith h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #175eff; top: 50px; left: 2px; } .careeerwithfluid .container .careerwith p { font-size: 15px; font-family: Montserrat; color: #6b6b6b; line-height: 22px; font-weight: 400; margin-bottom: 20px; } .opengposfluid { padding-top: 50px; padding-bottom: 50px; background-image: url(../images/banner/Careerback.png); background-size: cover; width: 100%; } .opengposfluid .container .openposition { text-align: center; } .opengposfluid .container .openposition h5 { font-size: 16px; color: #bbb; font-family: Montserrat; font-weight: 500; text-transform: uppercase; margin-bottom: 0; } .opengposfluid .container .openposition h4 { font-size: 40px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .opengposfluid .container .openposition h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #175eff; top: 50px; margin-left: -50px; left: 50%; } .opengposfluid .container .openposition p { font-size: 15px; font-family: Montserrat; color: #adacac; line-height: 22px; font-weight: 500; margin-bottom: 20px; text-align: center; text-transform: uppercase; padding-left: 200px; padding-right: 200px; } .opengposfluid .container .positionjob .row .jobdetail { text-align: center; padding: 60px 0 60px 0; border: 1px solid #e6edff; border-radius: 15px; width: 90%; margin: 0 auto; margin-bottom: 60px; background-color: #fff; } .opengposfluid .container .positionjob { margin-top: 80px; margin-bottom: 80px; } .opengposfluid .container .positionjob .row .jobdetail:hover { -webkit-box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, 0.08); -moz-box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, 0.08); box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .opengposfluid .container .positionjob .row .jobdetail .imageicon img { width: 75px; height: auto; } .opengposfluid .container .positionjob .row .jobdetail .jobheading h4 { font-size: 18px; font-weight: 600; font-family: Montserrat; color: #08223a; margin-top: 24px; } .opengposfluid .container .positionjob .row .jobdetail .jobheading h3 { font-size: 16px; font-weight: 400; font-family: Montserrat; color: #08223a; margin-top: 15px; } .opengposfluid .container .positionjob .row .jobdetail .jobheading span { font-weight: 600; } .opengposfluid .container .positionjob .row .jobdetail .viewmore { margin-top: 35px; } .opengposfluid .container .positionjob .row .jobdetail .viewmore a { padding: 10px 20px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .opengposfluid .container .positionjob .row .jobdetail .viewmore a:hover { text-decoration: none; } .opengposfluid .container .positionjob .row .jobdetail .viewmore .fa { padding-left: 20px; } .myportfoliopage { background-image: url(../images/portfoliopage/background.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; } .portfoliotopfluid .container .mainbackcontent .row h1 { font-size: 50px; font-weight: 700; font-family: "Iskoola Pota"; font-style: normal; color: #fff; line-height: 55px; margin-top: 0; } .portfoliotopfluid .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 105px; left: 15px; } .portfoliotopfluid .container .mainbackcontent .row h2 { font-size: 24px; font-family: Montserrat; font-weight: 500; font-style: normal; color: #ebebeb; line-height: 24px; } .portfoliotopfluid .container .mainbackcontent { margin-top: 20%; } .portfoliotopfluid .container .mainbackcontent .row .subpart h3 { font-size: 20px; color: #ebebeb; line-height: 23px; font-family: Montserrat; text-transform: uppercase; margin-bottom: 10px; } .portfoliotopfluid .container .requestqquote .form-group input { width: 300px; border-radius: 4px; height: 50px; background: #44b6ee; border: 1px solid #fff; border-right: none; } .portfoliotopfluid .container .requestqquote .form-group input:focus { color: #fff; } .portfoliotopfluid .container .requestqquote .form-group input::placeholder { color: #fff; opacity: 1; } .portfoliotopfluid .container .requestqquote { margin-top: 30px; } .portfoliotopfluid .container .requestqquote button { width: 160px; height: 50px; border-radius: 4px; border: 2px solid #fff; margin-left: -8px; font-size: 14px; font-weight: 700; font-family: Montserrat; } .portfoliotopfluid .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .portfoliotopfluid .container .bottomicon { position: absolute; bottom: 10px; left: 50%; z-index: 9999; } .portfoliotopfluid .container .bottomicon img { width: 50px; height: auto; } .myblockchainpage { background-image: url(../images/banner/blockchainbanner.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .blockchaintopfluid .container .mainbackcontent .row h1 { font-size: 36px; font-weight: 700; font-family: "Iskoola Pota"; font-style: normal; color: #fff; line-height: 55px; margin-top: 0; text-align: center; } .blockchaintopfluid .container .mainbackcontent .row h2 { font-size: 34px; font-weight: 700; font-family: "Iskoola Pota"; font-style: normal; color: #fff; line-height: 55px; margin-top: 0; text-align: center; } .blockchaintopfluid .container .mainbackcontent .row h2 { font-size: 24px; font-family: Montserrat; font-weight: 500; font-style: normal; color: #fff; line-height: 24px; } .blockchaintopfluid .container .mainbackcontent { margin-top: 22%; } .blockchaintopfluid .container .mainbackcontent .row .subpart { margin-top: 15px; } .ecommerce_website .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 19px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; margin-left: 80px; margin-right: 80px; } .flutterapp .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 19px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; margin-left: 80px; margin-right: 80px; } .mobileappusa .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 16px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; margin-left: 80px; margin-right: 80px; } .blockchaintopfluid .container .mainbackcontent .row .subpart h3 { font-size: 19px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; margin-left: 80px; margin-right: 80px; } .mobileappuae .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 19px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; margin-left: 80px; margin-right: 80px; } .seo-singapore-fluid .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 19px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; margin-left: 80px; margin-right: 80px; } .blockchaintopfluid .container .requestqquote .form-group input { width: 370px; border-radius: 4px; height: 45px; background: #7904c500; border: 1px solid #da9eff; border-right: none; } .sport-betting-feature .requestqquote .form-group input { width: 370px; border-radius: 4px; height: 42px; background: #7904c500; border: 1px solid #1e7dff; border-right: none; } .blockchaintopfluid .container .requestqquote .form-group input:focus { color: #fff; } .blockchaintopfluid .container .requestqquote .form-group input::placeholder { color: #fff; opacity: 1; } .blockchaintopfluid .container .requestqquote { width: 100%; margin: 0 auto; text-align: center; padding-top: 30px; } .blockchaintopfluid .container .requestqquote button { width: 190px; height: 45px; border-radius: 4px; border: 2px solid #e7e7e7; margin-left: -8px; font-size: 14px; font-weight: 550; font-family: Montserrat; background: #e7e7e7; } .sport-betting-feature .container .requestqquote button { width: 190px; height: 45px; border-radius: 4px; border: 2px solid #e7e7e7; margin-left: -8px; font-size: 14px; font-weight: 550; font-family: Montserrat; background: #1e7dff; } .blockchaintopfluid .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .sport-betting-feature .container .requestqquote .fa { font-size: 17px; font-weight: 700; margin-left: 5px; color: #000; } .mainblockchainfluid { padding-top: 30px; padding-bottom: 10px; } .mainblockchainfluid .container .blockchainleft h5 { font-size: 15px; color: #bbb; font-family: Montserrat; font-weight: 550; text-transform: uppercase; margin-bottom: 10px; } .mainblockchainfluid .container .blockchainleft h3 { font-size: 16px; color: #08223a; font-family: Montserrat; font-weight: 600; text-transform: capitalize; margin-bottom: 20px; line-height: 24px; } .mainblockchainfluid.usaaboutmobil .container .blockchainleft h2 { font-size: 24px !important; } .mainblockchainfluid .container .blockchainleft h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .mainblockchainfluid.business-profit .container .blockchainleft h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .mainblockchainfluid.ecommerce_service .container .blockchainleft h4 { font-size: 24px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .aboutmobil-usa .container .blockchainleft h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .mainblockchainfluid .container .blockchainleft h4 { font-size: 35px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .mainblockchainfluid .container .blockchainleft p { font-size: 14px; font-family: Montserrat; color: #08223a; line-height: 22px; font-weight: 450; margin-bottom: 10px; } .mainblockchainfluid.about-singapure .container .blockchainleft h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .mainblockchainfluid .container .blockchainright { margin-top: 0; text-align: center; } .mainblockchainfluid .container .blockchainright img { width: 80%; height: auto; } .sports-betting-about .container .blockchainright img { width: 100%; height: auto; margin-top: 10%; } .casino-develop img { width: 50% !important; } .rummy-icon { background-image: url(../images/rummy_game/game_icons.png); width: 70px; height: 70px; } .rummy-icon1 { background-position: -45px -90px; } .rummy-icon2 { background-position: -130px -90px; } .rummy-icon3 { background-position: -215px -90px; } .rummy-feature .rummy-icon { background-image: url(../images/rummy_game/game_icons.png); } .rummy-feature .rummy-icon1 { background-position: -41px -314px; } .rummy-feature .rummy-icon2 { background-position: -127px -314px; } .rummy-feature .rummy-icon3 { background-position: -204px -314px; } .rummy-feature .rummy-icon4 { background-position: -288px -314px; } .rummy-feature .rummy-icon5 { background-position: -377px -314px; } .rummy-feature .rummy-icon6 { background-position: -452px -314px; } .mainblockchainfluid .container .clockimage { margin-top: 40px; } .mainblockchainfluid .container .clockimage ul > li { display: inline-block; float: left; margin-right: 50px; } .mainblockchainfluid .container .clockimage ul > li img { width: 120px; height: auto; } .mainblockchainfluid .container .clockimage ul > li:nth-child(1) img { width: 146px; height: auto; } .blockchainreportfluid { background-image: url(../images/banner/mobile_back.png); background-size: cover; width: 100%; overflow: hidden; padding-top: 0; margin-bottom: 50px; } .blockchainreportfluid .container .blockchainreportleft { padding-bottom: 200px; padding-top: 200px; position: relative; background-image: url(../images/Blockchain/block.png); background-repeat: no-repeat, repeat; background-size: 160px auto; background-position: 0 35%; padding-left: 45px; } .blockchainreportfluid .container .blockchainreportleft h4 { font-size: 35px; text-transform: uppercase; font-weight: 500; color: #ccc; font-family: Montserrat; } .blockchainreportfluid .container .blockchainreportleft h2 { font-size: 40px; font-weight: 700; font-family: Montserrat; text-transform: uppercase; color: #e4e4e4; } .blockchainreportfluid .container .blockchainreportleft span { font-size: 24px; font-weight: 400; } .blockchainreportfluid .container .blockchainreportleft h3 { font-size: 25px; text-transform: uppercase; color: #e2e1e1; font-family: Montserrat; position: relative; } .blockchainreportfluid .container .blockchainreportleft h3:after { border-bottom: 0; position: absolute; content: ""; width: 212px; height: 2px; background: #dcdcdc; top: 32px; left: 2px; } .blockchainreportfluid .container .blockchainreportright img { width: 400px; height: auto; position: absolute; top: 45px; } .blockchainappfluid { background: #fff; background-size: cover; width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 50px; } .blockchainappfluid .container .blockchainreportright { padding-bottom: 0; padding-top: 0; } .blockchainappfluid .container .blockchainreportright span { font-size: 24px; font-weight: 400; } .flutter-blockchain .container .blockchainreportright h2 { font-size: 20px; color: #08223a; font-family: Montserrat; position: relative; line-height: 30px; font-weight: 550; } .blockchainusa .container .blockchainreportright h2 { font-size: 24px; color: #08223a; font-family: Montserrat; position: relative; line-height: 30px; font-weight: 550; } .blockchainappfluid .container .blockchainreportright h3 { font-size: 20px; color: #08223a; font-family: Montserrat; position: relative; line-height: 30px; font-weight: 550; } .blockchainappfluid .container .blockchainappleft img { width: 100%; height: auto; } .blockchainappfluid .container .blockchainreportright .mainappidea { margin-top: 40px; } .blockchainappfluid .container .blockchainreportright .appidea { text-align: center; border: 1px solid #ecedee; padding-top: 15px; padding-bottom: 10px; width: 100%; margin: 0 auto; margin-bottom: 30px; min-height: 150px; max-height: 150px; } .blockchainappfluid .container .blockchainreportright .appidea:hover { -webkit-box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, 0.08); -moz-box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, 0.08); box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .blockchainappfluid .container .blockchainreportright .appidea .imageicon img { width: 40px; height: auto; } .blockchainappfluid .container .blockchainreportright .appidea .jobheading h2 { font-size: 18px; font-weight: 550; color: #08223a; text-transform: uppercase; font-family: Montserrat; } .blockchainappfluid .container .blockchainreportright .appidea .jobheading h4 { font-size: 18px; font-weight: 550; color: #08223a; text-transform: uppercase; font-family: Montserrat; } .blockchainappfluid .container .blockchainreportright .appidea .jobheading h3 { font-size: 12px; line-height: 14px; margin-right: 20px; margin-left: 20px; color: #08223a; font-family: Montserrat; font-weight: 500; } .blockchainappfluid .container .blockchainreportright .appidea .devidea h3 { font-size: 12px; line-height: 15px; margin-right: 20px; margin-left: 20px; color: #08223a; font-family: Montserrat; font-weight: 500; } .blockchainappfluid .container .blockchainreportright .appidea .devidea h2 { font-size: 18px; font-weight: 550; color: #08223a; text-transform: uppercase; font-family: Montserrat; margin-bottom: 0; margin-top: 0; } .blockchainappfluid .container .blockchainreportright .appidea .apparrow { margin-top: 10px; } .blockchainappfluid .container .blockchainreportright .appidea .apparrow .fa { padding: 15px; border: 1px solid #eff0f2; border-radius: 50px; } .blockchainservicefluid { background-image: url(../images/banner/blockservice.png); background-size: cover; background-attachment: fixed; width: 100%; overflow: hidden; padding-top: 0; padding-bottom: 0; } .blockchainservicefluid .container .serviceheading { width: 50%; margin: 0 auto; text-align: center; padding-top: 20px; padding-bottom: 20px; } .blockchainservicefluid .container .serviceheading h5 { font-size: 24px; font-family: Montserrat; font-weight: 550; color: #fff; line-height: 30px; } .blockchainservicefluid .container .blockchainservice { margin-top: 50px; margin-bottom: 50px; position: relative; } .blockchainservicefluid .container .blockchainservice:after { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 1000px; background: #fff; top: 0; right: 0; left: 0; margin: 0 auto; } .blockchainservicefluid .container .blockchainservice .myservices { background: #fff; padding: 20px 10px 20px 20px; width: 500px; margin: 0 auto; border-radius: 10px; position: relative; margin-bottom: 80px; } .blockchainservicefluid .container .blockchainservice .leftpart .service1:after { border-bottom: 0; position: absolute; content: ""; width: 50px; height: 2px; background: #fff; top: 51%; transform: translateY(-50%); } .blockchainservicefluid .container .blockchainservice .leftpart .service1:before { content: "\f111"; width: 20px; height: 20px; display: block; position: absolute; right: -14px; margin: 0 auto; z-index: 1; font-family: fontAwesome; color: #fff; font-size: 18px; top: 50%; transform: translateY(-50%); } .blockchainservicefluid .container .blockchainservice .leftpart .service3:before { bottom: 75px; } .blockchainservicefluid .container .blockchainservice .leftpart .service7:before { bottom: 84px; } .blockchainservicefluid .container .blockchainservice .rightpart { margin-top: 85px; } .blockchainservicefluid .container .blockchainservice .rightpart .service1:after { border-bottom: 0; position: absolute; content: ""; width: 50px; height: 1px; background: #fff; top: 72px; left: -58px; } .blockchainservicefluid .container .blockchainservice .rightpart .service1:before { content: "\f111"; width: 20px; height: 20px; display: block; position: absolute; left: -10px; margin: 0 auto; z-index: 1; font-family: fontAwesome; color: #fff; font-size: 18px; top: 50%; transform: translateY(-50%); } .blockchainservicefluid .container .blockchainservice .myservices h5 { font-size: 20px; font-weight: 500; color: #08223a; } .blockchainservicefluid .container .blockchainservice .myservices h3 { font-size: 14px; color: #474956; font-family: Montserrat; font-weight: 400; line-height: 24px; } .blockchainservicefluid .container .blockchainservice .myservices .servicenumber { position: absolute; top: -60px; right: 20px; } .blockchainservicefluid .container .blockchainservice .myservices .servicenumber h4 { font-size: 45px; font-weight: 550; font-family: initial; color: #fff; } .portfolio1fluid { background-image: url(../images/portfolio/back01.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; } .portfolio1fluid .container .myportfolio .rightpart { position: relative; height: 100vh; } .portfolio1fluid .container .myportfolio .rightpart .imageback { position: absolute; bottom: 10px; right: -150px; } .portfolio1fluid .container .myportfolio .rightpart .imageback img { width: 580px; height: auto; } .portfolio1fluid .container .myportfolio .rightpart .imageone { position: absolute; bottom: 110px; right: -60px; } .portfolio1fluid .container .myportfolio .rightpart .imageone img { width: 700px; height: auto; } .portfolio1fluid .container .myportfolio .rightpart .imagetwo { position: absolute; bottom: -60px; left: -140px; } .portfolio1fluid .container .myportfolio .rightpart .imagetwo img { width: 350px; height: auto; margin-top: 140px; } .portfolio1fluid .container .myportfolio .leftpart { margin-top: 200px; } .portfolio1fluid .container .myportfolio .leftpart .mycontent h2 { font-size: 50px; color: #08223a; font-weight: 700; font-family: Montserrat; } .portfolio1fluid .container .myportfolio .leftpart .mycontent h3 { font-size: 18px; font-family: Montserrat; color: #595858; margin-right: 114px; line-height: 24px; font-weight: 500; } .portfolio1fluid .container .myportfolio .leftpart .mylink { margin-top: 50px; } .portfolio1fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) { width: 200px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #4b82ff; } .portfolio1fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) { width: 200px; background-color: #fff; text-align: center; padding-top: 12px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #d6d6d6ab; } .portfolio1fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) a { color: #08223a; font-size: 14px; font-family: Montserrat; } .portfolio1fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) a:hover { text-decoration: none; } .portfolio1fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) a span { color: #08223a; font-size: 14px; text-transform: uppercase; font-weight: 550; } .portfolio1fluid .container .myportfolio .leftpart .mylink ul > li img { width: 18px; height: auto; margin-top: 6px; } .portfolio2fluid { background-image: url(../images/portfolio/back02.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; padding-left: 0; padding-right: 0; } .portfolio2fluid .container .myportfolio .rightpart { position: relative; height: 100vh; } .portfolio2fluid .container .myportfolio .rightpart .imageone { position: absolute; bottom: -70px; right: 20px; } .portfolio2fluid .container .myportfolio .rightpart .imageone img { width: 300px; height: auto; } .portfolio2fluid .container .myportfolio .rightpart .imagetwo { position: absolute; bottom: -50px; left: 0; } .portfolio2fluid .container .myportfolio .rightpart .imagetwo img { width: 375px; height: auto; margin-top: 140px; } .portfolio2fluid .container .myportfolio .leftpart { margin-top: 230px; } .portfolio2fluid .container .myportfolio .leftpart .mycontent h2 { font-size: 50px; color: #fff; font-weight: 700; font-family: Montserrat; } .portfolio2fluid .container .myportfolio .leftpart .mycontent h3 { font-size: 18px; font-family: Montserrat; color: #fff; margin-right: 114px; line-height: 24px; font-weight: 500; } .portfolio2fluid .container .myportfolio .leftpart .mylink { margin-top: 50px; } .portfolio2fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) { width: 200px; background-color: #fff; text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #4b82ff; } .portfolio2fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) { width: 200px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); text-align: center; padding-top: 12px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #d6d6d6ab; } .portfolio2fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) a { color: #ababab; font-size: 14px; font-family: Montserrat; } .portfolio2fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) a:hover { text-decoration: none; } .portfolio2fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) a span { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 550; } .portfolio2fluid .container .myportfolio .leftpart .mylink ul > li img { width: 18px; height: auto; margin-top: 6px; } .portfolio3fluid { background-image: url(../images/portfolio/back03.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; padding-right: 0; padding-left: 0; } .portfolio3fluid .container .myportfolio .rightpart { position: relative; height: 100vh; } .portfolio3fluid .container .myportfolio .rightpart .imageback { position: absolute; top: 80px; right: 30px; } .portfolio3fluid .container .myportfolio .rightpart .imageback img { width: 450px; height: auto; } .portfolio3fluid .container .myportfolio .rightpart .imageone { position: absolute; top: 130px; left: 150px; } .portfolio3fluid .container .myportfolio .rightpart .imageone img { width: 40px; height: auto; } .portfolio3fluid .container .myportfolio .rightpart .imagethree { position: absolute; top: 410px; right: 40px; } .portfolio3fluid .container .myportfolio .rightpart .imagethree img { width: 80px; height: auto; } .portfolio3fluid .container .myportfolio .rightpart .imagetwo { position: absolute; top: -90px; left: 210px; } .portfolio3fluid .container .myportfolio .rightpart .imagetwo img { width: 240px; height: auto; margin-top: 140px; } .portfolio3fluid .container .myportfolio .leftpart { margin-top: 230px; } .portfolio3fluid .container .myportfolio .leftpart .mycontent h2 { font-size: 50px; color: #08223a; font-weight: 700; font-family: Montserrat; } .portfolio3fluid .container .myportfolio .leftpart .mycontent h3 { font-size: 18px; font-family: Montserrat; color: #595858; margin-right: 114px; line-height: 24px; font-weight: 500; } .portfolio3fluid .container .myportfolio .leftpart .mylink { margin-top: 50px; } .portfolio3fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) { width: 200px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #4b82ff; } .portfolio3fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) { width: 200px; background-color: #fff; text-align: center; padding-top: 12px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #d6d6d6ab; } .portfolio3fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) a { color: #ababab; font-size: 14px; font-family: Montserrat; } .portfolio3fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) a:hover { text-decoration: none; } .portfolio3fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) a span { color: #08223a; font-size: 14px; text-transform: uppercase; font-weight: 550; } .portfolio3fluid .container .myportfolio .leftpart .mylink ul > li img { width: 18px; height: auto; margin-top: 6px; } .portfolio4fluid { background-image: url(../images/portfolio/back04.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; padding-left: 0; padding-right: 0; } .portfolio4fluid .container .myportfolio .rightpart { position: relative; height: 100vh; } .portfolio4fluid .container .myportfolio .rightpart .imageback { position: absolute; top: 0; left: 30px; } .portfolio4fluid .container .myportfolio .rightpart .imageback img { width: 280px; height: auto; } .portfolio4fluid .container .myportfolio .rightpart .imageone { position: absolute; bottom: 0; left: -100px; } .portfolio4fluid .container .myportfolio .rightpart .imageone img { width: 280px; height: auto; } .portfolio4fluid .container .myportfolio .rightpart .imagethree { position: absolute; top: 0; right: 0; } .portfolio4fluid .container .myportfolio .rightpart .imagethree img { width: 280px; height: auto; } .portfolio4fluid .container .myportfolio .rightpart .imagetwo { position: absolute; bottom: 0; right: 135px; } .portfolio4fluid .container .myportfolio .rightpart .imagetwo img { width: 280px; height: auto; } .portfolio4fluid .container .myportfolio .leftpart { margin-top: 165px; } .portfolio4fluid .container .myportfolio .leftpart .mycontent h2 { font-size: 50px; color: #fff; font-weight: 700; font-family: Montserrat; } .portfolio4fluid .container .myportfolio .leftpart .mycontent h3 { font-size: 18px; font-family: Montserrat; color: #fff; margin-right: 114px; line-height: 24px; font-weight: 500; } .portfolio4fluid .container .myportfolio .leftpart .mylink { margin-top: 50px; } .portfolio4fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(2) { width: 200px; background-color: #fff; text-align: center; padding-top: 5px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #fff; } .portfolio4fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) { width: 200px; background-color: #ff4712; background-image: linear-gradient(to right, #ff390b, #ff5405); text-align: center; padding-top: 12px; padding-bottom: 5px; float: left; margin-right: 25px; border-radius: 4px; height: 45px; border: 1px solid #ffffff45; } .portfolio4fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) a { color: #ababab; font-size: 14px; font-family: Montserrat; } .portfolio4fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) a:hover { text-decoration: none; } .portfolio4fluid .container .myportfolio .leftpart .mylink ul > li:nth-child(1) a span { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 550; } .portfolio4fluid .container .myportfolio .leftpart .mylink ul > li img { width: 18px; height: auto; margin-top: 6px; } .mymobileapppage { background-image: url(../images/Mobileapp/back_full.png); width: 100%; height: 700px; overflow: hidden; background-size: cover; } .mymobileapppage .headerfluid .container .logo .mobdisnone { display: none; } .mymobileapppage .headerfluid .container .logo .disnone { display: block; } .mobileappfluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #08223a; line-height: 55px; } .mobileappfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #08223a; line-height: 4px; position: relative; } .mobileappfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; top: 30px; left: 1px; } .mobileappfluid .container .mainbackcontent { margin-top: 12%; } .mobileappfluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .mobileappfluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #3f6484; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .mobileappfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .mobileappfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .mobileappfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .mobileappfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 10px; padding-right: 100px; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .mobileappfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .aboutdevelopmentfluid { background-image: url(../images/Mobileapp/Back_white.png); background-size: cover; width: 100%; overflow: hidden; } .aboutdevelopmentfluid .container .aboutdevelopment { margin-bottom: 100px; margin-top: 50px; } .aboutdevelopmentfluid .container .aboutdevelopment h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 40px; } .aboutdevelopmentfluid .container .aboutdevelopment h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 40px; left: 1px; } .aboutdevelopmentfluid .container .aboutdevelopment h3:before { border-bottom: 0; position: absolute; content: ""; width: 180px; height: 300px; background: #e0e0e040; top: -40px; left: -40px; } .aboutdevelopmentfluid .container .aboutdevelopment .developmentcontent p { font-size: 14px; font-weight: 500; color: #7c7c7c; margin-bottom: 20px; font-family: Montserrat; } .devserfluid { background-image: url(../images/Mobileapp/Mobile_back.png); background-size: cover; width: 100%; overflow: hidden; } .devserfluid .container .developmentservices .topheading { text-align: center; margin-top: 50px; } .devserfluid .container .developmentservices .topheading h3 { font-size: 16px; font-weight: 500; color: #ededed; font-family: Montserrat; text-transform: capitalize; } .devserfluid .container .developmentservices .topheading h2 { font-size: 34px; font-weight: 600; color: #fff; font-family: Iskoola Pota; position: relative; padding-bottom: 15px; } .devserfluid .container .developmentservices .topheading h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; bottom: 0; margin-left: -50px; left: 50%; } .devserfluid .container .developmentservices .servicepart { margin-bottom: 50px; margin-top: 50px; } .devserfluid .container .developmentservices .servicepart .row .col-sm-2 { width: 20%; } .devserfluid .container .developmentservices .servicepart .service { text-align: center; padding: 40px 0; background: #fff; border-radius: 10px; } .devserfluid .container .developmentservices .servicepart .service .serviceicon img { width: 45px; height: 45px; } .devserfluid .container .developmentservices .servicepart .service .servicetitle h3 { font-size: 20px; font-weight: 500; color: #08223a; font-family: Montserrat; line-height: 30px; } .devserfluid .container .developmentservices .servicepart .service .servicetitle h3 a { color: #08223a; } .devserfluid .container .developmentservices .industryheading { text-align: center; } .devserfluid .container .developmentservices .industryheading h3 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .devserfluid .container .developmentservices .industryheading h5 { font-size: 16px; margin-left: 150px; margin-right: 150px; line-height: 22px; color: #b3b3b3; font-family: Montserrat; font-weight: 400; } .devserfluid .container .developmentservices .industryweserve { background: #fff; padding: 30px 30px 30px 30px; border-radius: 8px; box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); margin-bottom: 100px; margin-top: 30px; } .devserfluid .container .developmentservices .industryweserve .letstalk .headingpart { width: 60%; float: left; } .devserfluid .container .developmentservices .industryweserve .letstalk { margin-left: 20%; margin-right: 30%; padding: 30px 20px 30px 30px; border: 1px solid #d4e0eb; margin-top: 30px; margin-bottom: 30px; border-style: dotted; border-radius: 8px; } .devserfluid .container .developmentservices .industryweserve .letstalk .headingpart h4 { font-size: 16px; font-weight: 700; color: #08223a; font-family: Montserrat; font-style: italic; margin-top: 0; } .devserfluid .container .developmentservices .industryweserve .letstalk .headingpart span { font-style: normal; } .devserfluid .container .developmentservices .industryweserve .letstalk .clickpart a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 400; width: 170px; font-size: 14px; text-align: center; height: 20px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 12px 50px; color: #fff !important; text-transform: uppercase; } .devserfluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover { text-decoration: none; } .devserfluid .container .developmentservices .industryweserve .industryserice .service { text-align: center; } .devserfluid .container .developmentservices .industryweserve .industryserice { margin-left: 120px; margin-right: 120px; margin-top: 50px; } .devserfluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img { width: 40px; height: auto; } .devserfluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 { font-size: 16px; color: #08223a; font-weight: 550; font-family: Montserrat; } .devserfluid .container .developmentservices .industryweserve .industryserice .sevicemiddle { margin-left: 12.5%; margin-top: 50px; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > li { float: none; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 10px; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > li > a > h3 { font-size: 15px; color: #a3a3a3; font-family: Montserrat; font-weight: 500; margin-bottom: 5px; margin-top: 5px; } .tabpartfluid .container .devtappart { margin-top: 40px; margin-bottom: 50px; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > li > a:hover { background: 0 0; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > li > a > p { display: none; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > .active > a > p { display: block; font-family: Montserrat; line-height: 18px; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > .active { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .tabpartfluid .container .devtappart .leftpart .nav-tabs > li.active > a { color: #fff; cursor: default; background-color: transparent; border: none; border-bottom-color: transparent; font-size: 12px; margin-left: 10px; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; margin-left: 10px; } .tabpartfluid .container .devtappart .leftpart .nav-tabs > .active > a > h3 { color: #fff; font-family: Montserrat; } .tabpartfluid .container .devtappart .leftpart .nav-tabs { border-bottom: none; } .tabpartfluid .container .devtappart .rightpart .tabimage img { width: 600px; height: auto; padding: 20px 20px 20px 20px; } .requserquotefluid .container .mainbackcontent .row h1 { font-size: 50px; font-weight: 700; font-family: "Iskoola Pota"; font-style: normal; color: #fff; line-height: 55px; margin-top: 0; text-align: center; margin-bottom: 50px; } .requserquotefluid .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 65px; left: 50%; } .requserquotefluid .container .mainbackcontent .row h2 { font-size: 24px; font-family: Montserrat; font-weight: 500; font-style: normal; color: #fff; line-height: 24px; text-align: center; margin-top: 30px; } .requserquotefluid .container .mainbackcontent .row .subpart h3 { font-size: 15px; color: #fff; line-height: 24px; font-family: Montserrat; margin-bottom: 0; text-align: center; font-weight: 500; font-style: italic; } .requestformfluid { margin-top: 40px; position: relative; z-index: 1; } .requestformfluid .container .mainpart .contactform { padding: 40px 60px; background: #fff; border-radius: 10px; box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); } .requestformfluid .container .mainpart .topheading p { font-size: 16px; color: #fff; font-weight: 550; margin-right: 450px; font-family: Montserrat; font-style: italic; margin-left: 30px; margin-bottom: 20px; } .requestformfluid .container .mainpart { width: 100%; margin: 0 auto; } .requestformfluid .container .mainpart .contactform .form-group label { font-size: 14px; font-weight: 550; font-family: Montserrat; color: #08223a; line-height: 35px; } .requestformfluid .container .mainpart .contactform .form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #b5ccff5c; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .requestformfluid .container .mainpart .contactform .textarea-control { min-height: 150px; max-height: 150px; } .requestformfluid .container .mainpart .contactform .requestbutton { margin-top: 20px; } .requestformfluid .container .mainpart .contactform .submitbotton { width: 190px; height: 45px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 550; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; font-family: Montserrat; } .requestformfluid .container .mainpart .contactform .submitbotton .fa { margin-left: 20px; font-size: 16px; font-weight: 700; } .uploadicon input[type="file"] { color: #000; font-size: 13px; z-index: 0; position: absolute; top: 48%; transform: translateY(-50%); left: 54px; width: 250px; outline: 0; } .uploadfile { width: 80%; margin: 0 auto; padding: 15px 20px; background: #f4f6fa; border: 1px solid #e4e4e4; border-style: dotted; border-radius: 5px; margin-top: 30px; margin-bottom: 30px; display: flex; align-items: center; overflow: hidden; } .ufile { position: relative; z-index: 2; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 9px; z-index: 1; } .uploadicon label { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 148px; font-size: 14px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 0; color: #fff !important; text-transform: uppercase; position: relative; } .uploadicon { width: 28%; } .contentfile { width: 62%; } .contentfile h3 { font-size: 20px; color: #08223a; font-weight: 550; margin-bottom: 5px; font-family: Montserrat; margin-top: 0; } .contentfile h4 { font-size: 12px; color: #a5a5a5; font-weight: 500; font-style: italic; margin-top: 5px; font-family: Montserrat; margin-bottom: 0; } .myiphoneapppage { background-image: url(../images/iPhone/case_cta2.jpg); background-size: cover; width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; } .myiphoneapppage .headerfluid .container .logo .mobdisnone { display: none; } .myiphoneapppage .headerfluid .container .logo .disnone { display: block; } .iphoneappfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; top: 30px; left: 1px; } .chess-development .container .mainbackcontent .row .chess-heading { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #08223a; line-height: 55px; position: initial; } .chess-development .container .mainbackcontent .row .chess-heading:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 69px; left: 18px; } .iphoneappfluid .container .mainbackcontent .row .subpart { margin-top: 20px; } .chess-develop .container .blockchainright img { width: 50%; height: auto; } .chess-develop .container .blockchainleft .chessgameheading { font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 700; position: relative; } .chess-development .container .mainbackcontent .row .subpart p { font-size: 15px; color: #08223a; line-height: 32px; font-family: Montserrat; font-weight: 500; margin-right: 150px; } .iphoneappfluid .container .mainbackcontent .row .subpart h3 { font-size: 15px; color: #3f6486; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 202px; } .iphoneappfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .iphoneappfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .iphoneappfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .iphoneappfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 5px; padding-right: 100px; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; border: 1px solid #f0f0f0; box-shadow: 1px 1px 9px 0 #fff; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .iphoneappfluid .container .mainbackcontent .row .aboutbottompart .content1:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .devmethologyfluid { background-image: url(../images/iPhone/circles.png); background-size: cover; width: 100%; overflow: hidden; } .devmethologyfluid .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; } .devmethologyfluid .container .devmethology h2 { font-size: 20px; text-transform: capitalize; font-weight: 400; color: #08223a; font-family: Montserrat; } .devmethologyfluid .container .devmethology h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .devmethologyfluid.rubyabout .container .devmethology h2 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .devmethologyfluid.methology_smo .container .devmethology h2 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .devmethologyfluid .container .devmethology .developmentcontent p { font-size: 14px; font-weight: 500; color: #000; margin-bottom: 10px; font-family: Montserrat; } .devmethologyfluid .container .mehologyimage { text-align: center; } .devmethologyfluid .container .mehologyimage img { width: 85%; height: auto; margin-top: 0; } .fluter_methalogy .container .mehologyimage img { width: 90%; } .devmethologyfluid .container .procedure ul li { font-size: 13px; font-weight: 500; color: #08223a; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .devmethologyfluid .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: 2px; } .devmethologyfluid .container .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .devmethologyfluid .container .procedure ul li:nth-last-child(1):before { border-left: none; } .devaprochesfluid { background-image: url(../images/iPhone/Backapproaches.png); background-size: cover; width: 100%; overflow: hidden; } .devaprochesfluid .container .devaproches .topheading { text-align: center; margin-top: 100px; margin-bottom: 70px; } .devaprochesfluid .container .devaproches { margin-bottom: 60px; } .devaprochesfluid .container .devaproches .topheading h3 { font-size: 28px; color: #fff; font-weight: 550; font-family: Montserrat; } .devaprochesfluid .container .devaproches .topheading h5 { font-size: 14px; color: #fff; font-weight: 400; font-family: Montserrat; margin-left: 20%; margin-right: 20%; line-height: 24px; } .devaprochesfluid .container .devaproches .leftpart { background: #fff; z-index: 999; position: relative; float: left; padding: 30px 30px; margin-bottom: 50px; border-radius: 5px; width: 90%; } .devaprochesfluid .container .devaproches .rightpart { background: #fff; float: left; padding: 30px 30px; margin-bottom: 50px; border-radius: 5px; margin-top: 100px; width: 90%; } .devaprochesfluid .container .devaproches .boxpart .iconpart ul > li { width: 19%; float: left; margin-right: 25px; } .devaprochesfluid .container .devaproches .boxpart .iconpart .heading h3 { font-size: 14px; font-family: inherit; text-align: center; color: #08223a; font-weight: 500; } .devaprochesfluid .container .devaproches .boxpart .iconpart .icon img { width: 80px; height: auto; } .devaprochesfluid .container .devaproches .boxpart .contentpaer { float: left; } .devaprochesfluid .container .devaproches .boxpart .contentpaer h3 { font-size: 18px; font-family: Montserrat; font-weight: 550; color: #08223a; } .devaprochesfluid .container .devaproches .boxpart .contentpaer p { font-size: 14px; font-family: Montserrat; font-weight: 500; color: #2a2c32; } .devforbusinessfluid .container .devforbusiness .leftpart { margin-bottom: 50px; margin-top: 30px; } .chess-business .chess-icon { background-image: url(../images/chess_game/chess_icons.png); width: 70px; height: 70px; display: inline-block !important; float: left; } .chess-business .chess-icon1 { background-position: -45px -90px; } .chess-business .chess-icon2 { background-position: -130px -90px; } .chess-business .chess-icon3 { background-position: -215px -90px; } .chess-business .container .devforbusiness .leftpart .headingpart h2 { font-size: 24px; font-family: Montserrat; font-weight: 700; color: #08223a; line-height: 40px; } .chess-portfolio { margin-top: 0 !important; } .devforbusinessfluid .container .devforbusiness .leftpart .headingpart h3 { font-size: 24px; font-family: Montserrat; font-weight: 550; color: #08223a; line-height: 40px; } .devforbusinessfluid .container .devforbusiness .leftpart .headingpart h5 { font-size: 14px; color: #a7a7a7; font-family: Montserrat; font-weight: 500; margin-right: 50px; line-height: 20px; } .devforbusinessfluid .container .devforbusiness .leftpart .imagepart { text-align: center; margin-top: 40px; } .devforbusinessfluid .container .devforbusiness .leftpart .imagepart img { width: 60%; height: auto; } .devforbusinessfluid .container .devforbusiness .rightpart { margin-bottom: 30px; } .devforbusinessfluid .container .devforbusiness .rightpart .mainpart { padding: 15px 15px; border: 1px solid #bfbfbf; border-radius: 5px; border-style: dashed; margin-bottom: 20px; } .devforbusinessfluid .container .devforbusiness .rightpart .headingpart img { width: 40px; height: auto; float: left; } .devforbusinessfluid .container .devforbusiness .rightpart .headingpart h4 { font-size: 24px; margin-top: 20px; display: inline-block; margin-left: 0; font-weight: 550; color: #08223a; font-family: Montserrat; } .devforbusinessfluid .container .devforbusiness .rightpart .contentpart p { font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 500; } .indweserveluid { padding: 0; padding-bottom: 50px; background: #eef1f7; width: 100%; margin-bottom: 50px; } .indweserveluid .container .indweserve .toppart { text-align: center; margin-top: 50px; } .indweserveluid .container .indweserve .toppart h2 { font-size: 24px; font-weight: 600; color: #08223a; font-family: Montserrat; } .indweserveluid .container .indweserve .toppart h3 { font-size: 14px; margin-left: 20%; margin-right: 20%; color: #7c7c7c; font-weight: 500; font-family: Montserrat; } .indweserveluid .container .indweserve .industrypart { margin-top: 60px; } .indweserveluid .container .indweserve .industrypart ul > li { float: left; width: 14.2%; text-align: center; } .indweserveluid .container .indweserve .industrypart ul > li .icon img { width: 90px; height: auto; } .indweserveluid .container .indweserve .industrypart ul > li .heading h3 { font-size: 12px; font-weight: 550; color: #848484; font-family: Montserrat; } .indweserveluid .container .indweserve .letstalk { margin-top: 43px; display: inline-block; width: 100%; text-align: center; margin-bottom: 20px; } .indweserveluid .container .indweserve .letstalk a { padding: 14px 50px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; } .indweserveluid .container .indweserve .letstalk a:hover { text-decoration: none; } .myandroidapppage { background-image: url(../images/android/back_full.png); background-size: cover; width: 100%; height: 720px; overflow: hidden; } .myandroidapppage .headerfluid .container .logo .mobdisnone { display: none; } .myandroidapppage .headerfluid .container .logo .disnone { display: block; } .androidappfluid .container .mainbackcontent .row h1 { font-size: 38px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #08223a; line-height: 55px; } .androidappfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #08223a; line-height: 4px; position: relative; } .androidappfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; top: 30px; left: 1px; } .androidappfluid .container .mainbackcontent { margin-top: 15%; } .androidappfluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .androidappfluid .container .mainbackcontent .row .subpart h3 { font-size: 15px; color: #3f6486; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 202px; } .androidappfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .androidappfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .androidappfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .androidappfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .androidappfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 5px; padding-right: 100px; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; border: 1px solid #f0f0f0; box-shadow: 1px 1px 9px 0 #fff; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .androidappfluid .container .mainbackcontent .row .aboutbottompart .content1:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .devcompanyfluid { background-image: url(../images/iPhone/circles.png); background-size: cover; width: 100%; overflow: hidden; } .devcompanyfluid .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 190px; margin-top: 150px; } .android-dev-about .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 0; margin-top: 50px; } .devcompanyfluid .container .devmethology h2 { font-size: 20px; text-transform: uppercase; font-weight: 400; color: #d8d8d8; font-family: Montserrat; } .devcompanyfluid .container .devmethology h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .devcompanyfluid .container .devmethology .developmentcontent p { font-size: 14px; font-weight: 500; color: #08223a; margin-bottom: 20px; font-family: Montserrat; } .devcompanyfluid .container .mehologyimage { text-align: center; background-image: url(../images/android/Playstore.png); background-repeat: no-repeat, repeat; background-size: 400px auto; background-position: 66% 60%; } .devcompanyfluid .container .mehologyimage img { width: 100%; height: auto; margin-top: 0; } .devcompanyfluid .container .procedure ul li { font-size: 13px; font-weight: 500; color: #08223a; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .devcompanyfluid .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; top: 2px; } .devcompanyfluid .container .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .devcompanyfluid .container .procedure ul li:nth-last-child(1):before { border-left: none; } .text-upper { text-transform: uppercase !important; } .Anddevaprochesfluid { background-image: url(../images/android/Backapproaches.png); background-size: cover; width: 100%; overflow: hidden; } .Anddevaprochesfluid .container .devaproches .topheading { text-align: center; margin-top: 100px; margin-bottom: 70px; } .Anddevaprochesfluid .container .devaproches { margin-bottom: 130px; } .Anddevaprochesfluid .container .devaproches .topheading h3 { font-size: 28px; color: #fff; font-weight: 550; font-family: Montserrat; } .Anddevaprochesfluid .container .devaproches .topheading h5 { font-size: 14px; color: #fff; font-weight: 400; font-family: Montserrat; } .Anddevaprochesfluid .container .devaproches .leftpart { background: #fff; z-index: 999; position: relative; float: left; padding: 30px 30px; margin-bottom: 50px; border-radius: 5px; width: 90%; } .Anddevaprochesfluid .container .devaproches .rightpart { background: #fff; float: left; padding: 30px 30px; margin-bottom: 50px; border-radius: 5px; margin-top: 100px; width: 90%; } .Anddevaprochesfluid .container .devaproches .boxpart .iconpart ul > li { width: 19%; float: left; margin-right: 25px; } .Anddevaprochesfluid .container .devaproches .boxpart .iconpart .heading h3 { font-size: 14px; font-family: inherit; text-align: center; color: #08223a; font-weight: 500; } .Anddevaprochesfluid .container .devaproches .boxpart .iconpart .icon img { width: 80px; height: auto; } .Anddevaprochesfluid .container .devaproches .boxpart .contentpaer { float: left; } .Anddevaprochesfluid .container .devaproches .boxpart .contentpaer h3 { font-size: 18px; font-family: Montserrat; font-weight: 550; color: #08223a; } .Anddevaprochesfluid .container .devaproches .boxpart .contentpaer p { font-size: 14px; font-family: Montserrat; font-weight: 500; color: #2a2c32; } .androidbusinessfluid .container .devforbusiness .leftpart { margin-bottom: 20px; margin-top: 30px; } .androidbusinessfluid .container .devforbusiness .leftpart .headingpart h3 { font-size: 24px; font-family: Montserrat; font-weight: 550; color: #08223a; } .androidbusinessfluid .container .devforbusiness .leftpart .headingpart h5 { font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 500; margin-right: 50px; line-height: 20px; } .androidbusinessfluid .container .devforbusiness .leftpart .imagepart { text-align: center; margin-top: 40px; } .androidbusinessfluid .container .devforbusiness .leftpart .imagepart img { width: 70%; height: auto; } .androidbusinessfluid .container .devforbusiness .rightpart { margin-bottom: 30px; } .androidbusinessfluid .container .devforbusiness .rightpart .mainpart { padding: 15px 15px; border: 1px solid #bfbfbf; border-radius: 5px; border-style: dashed; margin-bottom: 20px; } .androidbusinessfluid .container .devforbusiness .rightpart .headingpart img { width: 40px; height: auto; float: left; } .androidbusinessfluid .container .devforbusiness .rightpart .headingpart h4 { font-size: 22px; margin-top: 8px; display: inline-block; margin-left: 20px; font-weight: 550; color: #08223a; font-family: Montserrat; } .androidbusinessfluid .container .devforbusiness .rightpart .contentpart p { font-size: 14px; color: #08223a; font-family: Montserrat; } .andindweserveluid { padding: 0; padding-bottom: 50px; background: #eef1f7; width: 100%; margin-bottom: 50px; } .andindweserveluid .container .indweserve .toppart { text-align: center; margin-top: 50px; } .andindweserveluid .container .indweserve .toppart h2 { font-size: 24px; font-weight: 600; color: #08223a; font-family: Montserrat; } .andindweserveluid .container .indweserve .toppart h3 { font-size: 14px; margin-left: 20%; margin-right: 20%; color: #7c7c7c; font-weight: 500; font-family: Montserrat; } .andindweserveluid .container .indweserve .industrypart { margin-top: 60px; } .andindweserveluid .container .indweserve .industrypart ul > li { float: left; width: 14.2%; text-align: center; } .andindweserveluid .container .indweserve .industrypart ul > li .icon img { width: 90px; height: auto; } .andindweserveluid .container .indweserve .industrypart ul > li .heading h3 { font-size: 12px; font-weight: 550; color: #848484; font-family: Montserrat; } .andindweserveluid .container .indweserve .letstalk { margin-top: 43px; display: inline-block; width: 100%; text-align: center; margin-bottom: 20px; } .andindweserveluid .container .indweserve .letstalk a { padding: 14px 50px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; } .andindweserveluid .container .indweserve .letstalk a:hover { text-decoration: none; } .mywerableapppage { background-image: url(../images/werable/wearable.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .mywerableapppage .headerfluid .container .logo .mobdisnone { display: none; } .mywerableapppage .headerfluid .container .logo .disnone { display: block; } .werableappfluid .container .mainbackcontent .row h1 { font-size: 40px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #08223a; line-height: 55px; } .werableappfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #08223a; line-height: 4px; position: relative; } .werableappfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; top: 30px; left: 1px; } .werableappfluid .container .mainbackcontent { margin-top: 20%; } .werableappfluid .container .mainbackcontent .row .subpart { margin-top: 25px; } .werableappfluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #3f6484; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .werableappfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .werableappfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .werableappfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .werableappfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .werableappfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 40px; padding-right: 100px; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .werableappfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .aboutwerablefluid { background-image: url(../images/Mobileapp/Back_white.png); background-size: cover; width: 100%; overflow: hidden; } .aboutwerablefluid .container .aboutdevelopment { margin-bottom: 20px; margin-top: 20px; } .aboutwerablefluid .container .aboutdevelopment h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 40px; } .aboutwerablefluid .container .aboutdevelopment h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 40px; left: 1px; } .aboutwerablefluid .container .aboutdevelopment h3:before { border-bottom: 0; position: absolute; content: ""; width: 180px; height: 300px; background: #e0e0e040; top: -40px; left: -40px; } .aboutwerablefluid .container .aboutdevelopment .developmentcontent p { font-size: 14px; font-weight: 500; color: #7c7c7c; margin-bottom: 20px; font-family: Montserrat; } .developmentservices { margin: 10px 0 30px; } .image-fix img { width: 60%; } .werdevserfluid { background-image: url(../images/werable/back.png); background-size: cover; width: 100%; overflow: hidden; } .werdevserfluid .container .developmentservices .topheading { text-align: center; margin-top: 20px; } .werdevserfluid .container .developmentservices .topheading h3 { font-size: 34px; font-weight: 600; color: #fff; font-family: Iskoola Pota; position: relative; } .werdevserfluid .container .developmentservices .topheading h2 { font-size: 16px; font-weight: 500; color: #ededed; font-family: Montserrat; text-transform: capitalize; } .werdevserfluid .container .developmentservices .topheading h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; bottom: 0; margin-left: -50px; left: 50%; } .werdevserfluid .container .developmentservices .servicepart { margin-bottom: 20px; margin-top: 20px; } .werdevserfluid .container .developmentservices .servicepart .row .col-sm-2 { width: 20%; } .werdevserfluid .container .developmentservices .servicepart .service { text-align: center; padding: 30px 0; background: #fff; border-radius: 10px; min-height: 230px; } .werdevserfluid .container .developmentservices .servicepart .service .serviceicon img { width: 40px; height: auto; } .werdevserfluid .container .developmentservices .servicepart .service .servicetitle h3 { font-size: 16px; font-weight: 500; color: #08223a; font-family: Montserrat; line-height: 30px; } .werdevserfluid .container .developmentservices .industryheading { text-align: center; } .werdevserfluid .container .developmentservices .industryheading h3 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .werdevserfluid .container .developmentservices .industryheading h5 { font-size: 16px; margin-left: 150px; margin-right: 150px; line-height: 22px; color: #b3b3b3; font-family: Montserrat; font-weight: 400; } .werdevserfluid .container .developmentservices .industryweserve { background: #fff; padding: 30px 30px 30px 30px; border-radius: 8px; box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); margin-bottom: 100px; margin-top: 30px; } .werdevserfluid .container .developmentservices .industryweserve .letstalk .headingpart { width: 60%; float: left; } .werdevserfluid .container .developmentservices .industryweserve .letstalk { margin-left: 20%; margin-right: 30%; padding: 30px 20px 30px 30px; border: 1px solid #d4e0eb; margin-top: 30px; margin-bottom: 30px; border-style: dotted; border-radius: 8px; } .werdevserfluid .container .developmentservices .industryweserve .letstalk .headingpart h4 { font-size: 16px; font-weight: 700; color: #08223a; font-family: Montserrat; font-style: italic; margin-top: 0; } .werdevserfluid .container .developmentservices .industryweserve .letstalk .headingpart span { font-style: normal; } .werdevserfluid .container .developmentservices .industryweserve .letstalk .clickpart a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 400; width: 170px; font-size: 14px; text-align: center; height: 20px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 12px 50px; color: #fff !important; text-transform: uppercase; } .werdevserfluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover { text-decoration: none; } .werdevserfluid .container .developmentservices .industryweserve .industryserice .service { text-align: center; } .werdevserfluid .container .developmentservices .industryweserve .industryserice { margin-left: 120px; margin-right: 120px; margin-top: 50px; } .werdevserfluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img { width: 40px; height: auto; } .werdevserfluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 { font-size: 16px; color: #08223a; font-weight: 550; font-family: Montserrat; } .werdevserfluid .container .developmentservices .industryweserve .industryserice .sevicemiddle { margin-left: 12.5%; margin-top: 50px; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > li { float: none; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 10px; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > li > a > h3 { font-size: 15px; color: #a3a3a3; font-family: Montserrat; font-weight: 500; margin-bottom: 5px; margin-top: 5px; } .wertabpartfluid .container .devtappart { margin-top: 40px; margin-bottom: 50px; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > li > a:hover { background: 0 0; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > li > a > p { display: none; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > .active > a > p { display: block; font-family: Montserrat; line-height: 18px; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > .active { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .wertabpartfluid .container .devtappart .leftpart .nav-tabs > li.active > a { color: #fff; cursor: default; background-color: transparent; border: none; border-bottom-color: transparent; font-size: 12px; margin-left: 10px; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; margin-left: 10px; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs > .active > a > h3 { color: #fff; font-family: Montserrat; } .wertabpartfluid .container .devtappart .leftpart .nav-tabs { border-bottom: none; } .wertabpartfluid .container .devtappart .rightpart .tabimage img { width: 600px; height: auto; padding: 20px 20px 20px 20px; } .mygameapppage { background-image: url(../images/gameapp/Game.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .gameappfluid .container .mainbackcontent .row h1 { font-size: 40px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #fff; line-height: 55px; } .gameappfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 4px; position: relative; } .gameappfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 30px; left: 1px; } .gameappfluid .container .mainbackcontent { margin-top: 20%; } .gameappfluid .container .mainbackcontent .row .subpart { margin-top: 30px; } .gameappfluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #fff; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .gameappfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .gameappfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #fff; background-image: linear-gradient(to right, #fff, #fff); color: #16222b; font-weight: 550; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .gameappfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .gameappfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #16222b; } .gameappfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 40px; padding-right: 100px; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #fff; font-size: 14px; font-weight: 550; margin-top: 0; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .gameappfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .gamecompanyfluid .container .devmethology { width: 100%; margin: 0 auto; margin-bottom: 40px; margin-top: 100px; } .gamecompanyfluid .container .devmethology h2 { font-size: 20px; text-transform: capitalize; font-weight: 500; color: #08223a; font-family: Montserrat; } .gamecompanyfluid .container .devmethology h3 { font-size: 24px; line-height: 35px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .gamecompanyfluid.rubtservice .container .devmethology h2 { font-size: 24px; line-height: 35px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .gamecompanyfluid .container .devmethology .developmentcontent p { font-size: 14px; font-weight: 500; color: #08223a; margin-bottom: 20px; font-family: Montserrat; } .gamecompanyfluid .container .mehologyimage img { width: 80%; height: auto; margin-top: 100px; } .gamebusinessfluid .mainpart .procedure { margin-top: 20px; } .gamecompanyfluid .container .procedure ul li { font-size: 13px; font-weight: 500; color: #08223a; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .gamebusinessfluid .mainpart .procedure ul li { font-size: 13px; font-weight: 500; color: #08223a; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .gamebusinessfluid .mainpart .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .gamebusinessfluid .mainpart .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: 2px; } .gamebusinessfluid .mainpart .procedure ul li:nth-last-child(1):before { border-left: none; } .gamecompanyfluid .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: 2px; } .gamecompanyfluid .container .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .gamecompanyfluid .container .procedure ul li:nth-last-child(1):before { border-left: none; } .gamebusinessfluid .container .devforbusiness { margin-top: 50px; } .gamebusinessfluid .container .devforbusiness .leftpart { margin-bottom: 50px; margin-top: 30px; } .gamebusinessfluid .container .devforbusiness .leftpart .headingpart h3 { font-size: 30px; font-family: Montserrat; font-weight: 550; color: #08223a; line-height: 40px; } .gamebusinessfluid .container .devforbusiness .leftpart .headingpart p { font-size: 14px; text-align: justify; margin-right: 50px; color: #4e4e4e; font-family: Montserrat; font-weight: 500; line-height: 24px; margin-bottom: 20px; } .gamebusinessfluid .container .devforbusiness .leftpart .imagepart { text-align: center; margin-top: 40px; } .gamebusinessfluid .container .devforbusiness .leftpart .imagepart img { width: 300px; height: auto; } .gamebusinessfluid .container .devforbusiness .rightpart { margin-bottom: 60px; } .gamebusinessfluid .container .devforbusiness .rightpart .mainpart { padding: 15px 15px; border: 1px solid #bfbfbf; border-radius: 5px; border-style: dashed; margin-bottom: 20px; } .gamebusinessfluid .container .devforbusiness .rightpart .headingpart img { width: 40px; height: auto; float: left; } .gamebusinessfluid .container .devforbusiness .rightpart .headingpart h4 { font-size: 22px; margin-top: 8px; display: inline-block; margin-left: 20px; font-weight: 550; color: #08223a; font-family: Montserrat; } .gamebusinessfluid .container .devforbusiness .rightpart .contentpart p { font-size: 14px; color: 308223a; font-family: Montserrat; } .gamecompanyfluid .mehologyimage { text-align: center; } .custom-app .container .mehologyimage img { width: 50%; margin-top: 20px; } .custom-app .container .devmethology { width: 100%; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; } .mywebdesigningpage { background-image: url(../images/webdesigning/web_back.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .mywebdesigningpage .headerfluid .container .logo .mobdisnone { display: none; } .mywebdesigningpage .headerfluid .container .logo .disnone { display: block; } .webdesigningfluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #08223a; line-height: 50px; margin-top: 5px; margin-bottom: 5px; } .webdesigningfluid .container .mainbackcontent .row h2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #08223a; line-height: 4px; position: relative; } .webdesigningfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; top: 30px; left: 1px; } .webdesigningfluid .container .mainbackcontent { margin-top: 12%; } .webdesigningfluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .webdesigningfluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #3f6484; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .webdesigningfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .webdesigningfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .webdesigningfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .webdesigningfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 15px; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 10px 1px 10px; border: 1px solid #e9e9e97a; box-shadow: 4px 8px 36px -5px #e2e2e2b0; border-radius: 5px; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 12px; font-weight: 550; margin-top: 0; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .webdesigningfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .websitedesignfluid .container .websitedesign { padding-top: 30px; padding-bottom: 50px; } .sport-betting-feature .container .websitedesign { padding-top: 30px; padding-bottom: 0; } .websitedesignfluid .container .websitedesign .toppart { text-align: center; } .chess-feature .chess-icon { background-image: url(../images/chess_game/chess_icons.png); display: block; height: 70px; width: 70px; } .chess-feature .chess-icon1 { background-position: -45px -15px; } .chess-feature .chess-icon2 { background-position: -135px -15px; } .chess-feature .chess-icon3 { background-position: -212px -14px; } .chess-feature .chess-icon4 { background-position: -287px -15px; } .chess-feature .chess-icon5 { background-position: -360px -15px; } .chess-feature .chess-icon6 { background-position: -434px -12px; } .chess-feature .container .websitedesign .toppart h2 { font-size: 30px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; } .chess-feature .container .websitedesign .toppart h2:after { border-bottom: 0; position: absolute; content: ""; width: 83px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .websitedesignfluid .container .websitedesign .toppart h3 { font-size: 26px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .websitedesignfluid .container .websitedesign .toppart h3:after { display: none; border-bottom: 0; position: absolute; content: ""; width: 83px; height: 2px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .chess-feature .container .websitedesign .toppart p { font-size: 16px; font-family: Montserrat; color: #08223a; margin-right: 15%; margin-left: 15%; margin-top: 20px; line-height: 20px; font-weight: 500; } .websitedesignfluid .container .websitedesign .toppart h4 { font-size: 14px; font-family: Montserrat; color: #4b4c50; margin-right: 15%; margin-left: 15%; margin-top: 30px; line-height: 20px; font-weight: 400; } .websitedesignfluid.sportsfeature .container .websitedesign .servicepart .service { padding: 20px 25px; border: 1px solid #dcdcdc8a; border-radius: 5px; min-height: 350px; } .websitedesignfluid .container .websitedesign .servicepart { margin-top: 50px; } .websitedesignfluid .container .websitedesign .servicepart .service img { width: 50px; height: auto; } .websitedesignfluid .container .websitedesign .servicepart .service h4 { font-size: 18px; font-weight: 600; font-family: Montserrat; color: #08223a; margin-top: 20px; } .websitedesignfluid .container .websitedesign .servicepart .service { padding: 20px 25px; border: 1px solid #dcdcdc8a; border-radius: 15px; min-height: 290px; background-color: #fff; } .sport-betting-feature .container .websitedesign .servicepart .service { padding: 20px 25px; border: 1px solid #dcdcdc8a; border-radius: 5px; min-height: 250px; } .websitedesignfluid .container .websitedesign .servicepart .service p { font-size: 14px; font-family: Montserrat; color: #08223a; font-weight: 500; } .webdevelopmentfluid .container .webdevelopment { background-image: url(../images/webdesigning/back.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 80px; margin-bottom: 50px; margin-top: 20px; } .webdevelopmentfluid .container .webdevelopment .headingpart h4 { color: #fff; font-size: 24px; font-weight: 600; font-family: inherit; } .webdevelopmentfluid .container .webdevelopment .servicepart { margin-top: 40px; } .webdevelopmentfluid .container .webdevelopment .servicepart .service { margin-bottom: 20px; } .webdevelopmentfluid .container .webdevelopment .servicepart .service img { width: 100%; height: auto; } .websitedevserfluid { background: #fff; background-size: cover; width: 100%; overflow: hidden; } .websitedevserfluid .container .developmentservices .topheading { text-align: center; margin-top: 50px; } .websitedevserfluid .container .developmentservices .topheading h3 { font-size: 16px; font-weight: 500; color: #ededed; font-family: Montserrat; text-transform: uppercase; } .websitedevserfluid .container .developmentservices .topheading h2 { font-size: 34px; font-weight: 600; color: #fff; font-family: Iskoola Pota; position: relative; padding-bottom: 15px; } .websitedevserfluid .container .developmentservices .topheading h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; bottom: 0; margin-left: -50px; left: 50%; } .websitedevserfluid .container .developmentservices .servicepart { margin-bottom: 50px; margin-top: 50px; } .websitedevserfluid .container .developmentservices .servicepart .row .col-sm-2 { width: 20%; } .websitedevserfluid .container .developmentservices .servicepart .service { text-align: center; padding: 40px 0; background: #fff; border-radius: 10px; } .websitedevserfluid .container .developmentservices .servicepart .service .serviceicon img { width: 40px; height: auto; } .websitedevserfluid .container .developmentservices .servicepart .service .servicetitle h3 { font-size: 20px; font-weight: 500; color: #08223a; font-family: Montserrat; line-height: 30px; } .websitedevserfluid .container .developmentservices .industryheading { text-align: center; } .websitedevserfluid .container .developmentservices .industryheading h3 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .websitedevserfluid .container .developmentservices .industryheading h5 { font-size: 16px; margin-left: 150px; margin-right: 150px; line-height: 22px; color: #b3b3b3; font-family: Montserrat; font-weight: 400; } .websitedevserfluid .container .developmentservices .industryweserve { background: #fff; padding: 30px 30px 30px 30px; border-radius: 8px; margin-bottom: 50px; margin-top: 30px; } .websitedevserfluid .container .developmentservices .industryweserve .letstalk .headingpart { width: 60%; float: left; } .websitedevserfluid .container .developmentservices .industryweserve .letstalk { margin-left: 20%; margin-right: 20%; padding: 30px 20px 30px 30px; border: 1px solid #d4e0eb; margin-top: 30px; margin-bottom: 30px; border-style: dotted; border-radius: 8px; } .websitedevserfluid .container .developmentservices .industryweserve .letstalk .headingpart h4 { font-size: 16px; font-weight: 700; color: #08223a; font-family: Montserrat; font-style: italic; margin-top: 0; } .websitedevserfluid .container .developmentservices .industryweserve .letstalk .headingpart span { font-style: normal; } .websitedevserfluid .container .developmentservices .industryweserve .letstalk .clickpart a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 400; width: 170px; font-size: 14px; text-align: center; height: 20px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 12px 50px; color: #fff !important; text-transform: uppercase; } .websitedevserfluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover { text-decoration: none; } .websitedevserfluid .container .developmentservices .industryweserve .industryserice .service { text-align: center; } .websitedevserfluid .container .developmentservices .industryweserve .industryserice { margin-left: 120px; margin-right: 120px; margin-top: 50px; } .websitedevserfluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img { width: 40px; height: auto; } .websitedevserfluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 { font-size: 16px; color: #08223a; font-weight: 550; font-family: Montserrat; } .websitedevserfluid .container .developmentservices .industryweserve .industryserice .sevicemiddle { margin-left: 12.5%; margin-top: 50px; } .myphppage { background-image: url(../images/webdesigning/php.png); background-size: cover; width: 100%; height: 750px; overflow: hidden; } .phppagefluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 900; font-style: normal; color: #fff; line-height: 55px; margin-top: 5px; margin-bottom: 5px; } .phppagefluid .container .mainbackcontent .row h2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 4px; position: relative; } .phppagefluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 30px; left: 1px; } .phppagefluid .container .mainbackcontent { margin-top: 20%; } .phppagefluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .phppagefluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #fff; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .phppagefluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .phppagefluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .phppagefluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .phppagefluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .phppagefluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 15px; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; background: #fff; padding: 1px 10px 1px 10px; border: 1px solid #e9e9e97a; box-shadow: 4px 8px 36px -5px #e2e2e2b0; border-radius: 5px; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 12px; font-weight: 550; margin-top: 0; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .phppagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .aboutphpfluid { background-image: url(../images/Mobileapp/Back_white.png); background-size: cover; width: 100%; overflow: hidden; } .aboutphpfluid .container .aboutdevelopment { width: 80%; margin: 0 auto; margin-bottom: 100px; margin-top: 100px; } .aboutphpfluid .container .aboutdevelopment h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 40px; } .aboutphpfluid .container .aboutdevelopment h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 40px; left: 1px; } .aboutphpfluid .container .aboutdevelopment h3:before { border-bottom: 0; position: absolute; content: ""; width: 180px; height: 300px; background: #e0e0e040; top: -40px; left: -40px; } .aboutphpfluid .container .aboutdevelopment .developmentcontent p { font-size: 14px; font-weight: 500; color: #7c7c7c; margin-bottom: 20px; font-family: Montserrat; } .phpservicefluid { background: #fff; background-size: cover; width: 100%; overflow: hidden; } .phpservicefluid .container .developmentservices .topheading { text-align: center; margin-top: 50px; } .phpservicefluid .container .developmentservices .topheading h3 { font-size: 16px; font-weight: 500; color: #ededed; font-family: Montserrat; text-transform: uppercase; } .phpservicefluid .container .developmentservices .topheading h2 { font-size: 34px; font-weight: 600; color: #fff; font-family: Iskoola Pota; position: relative; padding-bottom: 15px; } .phpservicefluid .container .developmentservices .topheading h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; bottom: 0; margin-left: -50px; left: 50%; } .phpservicefluid .container .developmentservices .servicepart { margin-bottom: 50px; margin-top: 50px; } .phpservicefluid .container .developmentservices .servicepart .row .col-sm-2 { width: 20%; } .phpservicefluid .container .developmentservices .servicepart .service { text-align: center; padding: 40px 0; background: #fff; border-radius: 10px; } .phpservicefluid .container .developmentservices .servicepart .service .serviceicon img { width: 40px; height: auto; } .phpservicefluid .container .developmentservices .servicepart .service .servicetitle h3 { font-size: 20px; font-weight: 500; color: #08223a; font-family: Montserrat; line-height: 30px; } .phpservicefluid .container .developmentservices .industryheading { text-align: center; } .phpservicefluid .container .developmentservices .industryheading h3 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .phpservicefluid .container .developmentservices .industryheading h5 { font-size: 16px; margin-left: 150px; margin-right: 150px; line-height: 22px; color: #b3b3b3; font-family: Montserrat; font-weight: 400; } .phpservicefluid .container .developmentservices .industryweserve { background: #fff; padding: 30px 30px 30px 30px; border-radius: 8px; margin-bottom: 50px; margin-top: 30px; } .phpservicefluid .container .developmentservices .industryweserve .letstalk .headingpart { width: 60%; float: left; } .phpservicefluid .container .developmentservices .industryweserve .letstalk { margin-left: 25%; margin-right: 25%; padding: 30px 20px 30px 30px; border: 1px solid #d4e0eb; margin-top: 30px; margin-bottom: 30px; border-style: dotted; border-radius: 8px; } .phpservicefluid .container .developmentservices .industryweserve .letstalk .headingpart h4 { font-size: 16px; font-weight: 700; color: #08223a; font-family: Montserrat; font-style: italic; margin-top: 0; } .phpservicefluid .container .developmentservices .industryweserve .letstalk .headingpart span { font-style: normal; } .phpservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 400; width: 170px; font-size: 14px; text-align: center; height: 20px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 12px 50px; color: #fff !important; text-transform: uppercase; } .phpservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover { text-decoration: none; } .phpservicefluid .container .developmentservices .industryweserve .industryserice .service { text-align: center; } .phpservicefluid .container .developmentservices .industryweserve .industryserice { margin-left: 120px; margin-right: 120px; margin-top: 50px; } .phpservicefluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img { width: 40px; height: auto; } .phpservicefluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 { font-size: 16px; color: #08223a; font-weight: 550; font-family: Montserrat; } .phpservicefluid .container .developmentservices .industryweserve .industryserice .sevicemiddle { margin-left: 12.5%; margin-top: 50px; } .phpframworkfluid .container .webdevelopment { background-image: url(../images/webdesigning/back.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 80px; margin-bottom: 50px; margin-top: 20px; } .phpframworkfluid .container .webdevelopment .headingpart h4 { color: #fff; font-size: 24px; font-weight: 600; font-family: inherit; } .phpframworkfluid .container .webdevelopment .servicepart { margin-top: 40px; } .phpframworkfluid .container .webdevelopment .servicepart .service { margin-bottom: 20px; } .phpframworkfluid .container .webdevelopment .servicepart .service img { width: 100%; height: auto; } .myjavapage { background-image: url(../images/webdesigning/java.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .myjavapagefluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 900; font-style: normal; color: #fff; line-height: 55px; margin-top: 5px; margin-bottom: 5px; } .myjavapagefluid .container .mainbackcontent .row h2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 4px; position: relative; } .myjavapagefluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 30px; left: 1px; } .myjavapagefluid .container .mainbackcontent { margin-top: 15%; } .myjavapagefluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .myjavapagefluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #fff; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .myjavapagefluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .myjavapagefluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .myjavapagefluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .myjavapagefluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 15px; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; background: #fff; padding: 1px 10px 1px 10px; border: 1px solid #e9e9e97a; box-shadow: 4px 8px 36px -5px #e2e2e2b0; border-radius: 5px; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 12px; font-weight: 550; margin-top: 0; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .myjavapagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .aboutjavafluid { background-image: url(../images/Mobileapp/Back_white.png); background-size: cover; width: 100%; overflow: hidden; } .aboutjavafluid .container .aboutdevelopment { width: 80%; margin: 0 auto; margin-bottom: 100px; margin-top: 100px; } .aboutjavafluid .container .aboutdevelopment h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 40px; } .aboutjavafluid .container .aboutdevelopment h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 40px; left: 1px; } .aboutjavafluid .container .aboutdevelopment h3:before { border-bottom: 0; position: absolute; content: ""; width: 180px; height: 300px; background: #e0e0e040; top: -40px; left: -40px; } .aboutjavafluid .container .aboutdevelopment .developmentcontent p { font-size: 14px; font-weight: 500; color: #7c7c7c; margin-bottom: 20px; font-family: Montserrat; } .javaframworkfluid .container .webdevelopment { background-image: url(../images/webdesigning/back.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 80px; margin-bottom: 50px; margin-top: 20px; } .javaframworkfluid .container .webdevelopment .headingpart h4 { color: #fff; font-size: 24px; font-weight: 600; font-family: inherit; } .javaframworkfluid .container .webdevelopment .servicepart { margin-top: 40px; } .javaframworkfluid .container .webdevelopment .servicepart .service { margin-bottom: 20px; } .javaframworkfluid .container .webdevelopment .servicepart .service img { width: 100%; height: auto; } .javaservicefluid { background: #fff; background-size: cover; width: 100%; overflow: hidden; } .javaservicefluid .container .developmentservices .topheading { text-align: center; margin-top: 50px; } .javaservicefluid .container .developmentservices .topheading h3 { font-size: 16px; font-weight: 500; color: #ededed; font-family: Montserrat; text-transform: uppercase; } .javaservicefluid .container .developmentservices .topheading h2 { font-size: 34px; font-weight: 600; color: #fff; font-family: Iskoola Pota; position: relative; padding-bottom: 15px; } .javaservicefluid .container .developmentservices .topheading h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; bottom: 0; margin-left: -50px; left: 50%; } .javaservicefluid .container .developmentservices .servicepart { margin-bottom: 50px; margin-top: 50px; } .javaservicefluid .container .developmentservices .servicepart .row .col-sm-2 { width: 20%; } .javaservicefluid .container .developmentservices .servicepart .service { text-align: center; padding: 40px 0; background: #fff; border-radius: 10px; } .javaservicefluid .container .developmentservices .servicepart .service .serviceicon img { width: 40px; height: auto; } .javaservicefluid .container .developmentservices .servicepart .service .servicetitle h3 { font-size: 20px; font-weight: 500; color: #08223a; font-family: Montserrat; line-height: 30px; } .javaservicefluid .container .developmentservices .industryheading { text-align: center; } .javaservicefluid .container .developmentservices .industryheading h3 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .javaservicefluid .container .developmentservices .industryheading h5 { font-size: 16px; margin-left: 150px; margin-right: 150px; line-height: 22px; color: #b3b3b3; font-family: Montserrat; font-weight: 400; } .javaservicefluid .container .developmentservices .industryweserve { background: #fff; padding: 30px 30px 30px 30px; border-radius: 8px; margin-bottom: 50px; margin-top: 30px; } .javaservicefluid .container .developmentservices .industryweserve .letstalk .headingpart { width: 60%; float: left; } .javaservicefluid .container .developmentservices .industryweserve .letstalk { margin-left: 25%; margin-right: 25%; padding: 30px 20px 30px 30px; border: 1px solid #d4e0eb; margin-top: 30px; margin-bottom: 30px; border-style: dotted; border-radius: 8px; } .javaservicefluid .container .developmentservices .industryweserve .letstalk .headingpart h4 { font-size: 16px; font-weight: 700; color: #08223a; font-family: Montserrat; font-style: italic; margin-top: 0; } .javaservicefluid .container .developmentservices .industryweserve .letstalk .headingpart span { font-style: normal; } .javaservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 400; width: 170px; font-size: 14px; text-align: center; height: 20px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 12px 50px; color: #fff !important; text-transform: uppercase; } .javaservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover { text-decoration: none; } .javaservicefluid .container .developmentservices .industryweserve .industryserice .service { text-align: center; } .javaservicefluid .container .developmentservices .industryweserve .industryserice { margin-left: 120px; margin-right: 120px; margin-top: 50px; } .javaservicefluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img { width: 40px; height: auto; } .javaservicefluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 { font-size: 16px; color: #08223a; font-weight: 550; font-family: Montserrat; } .javaservicefluid .container .developmentservices .industryweserve .industryserice .sevicemiddle { margin-left: 12.5%; margin-top: 50px; } .myangulerpage { background-image: url(../images/webdesigning/Anguler.png); background-size: cover; width: 100%; height: 650px; overflow: hidden; } .angulerpagefluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 900; font-style: normal; color: #fff; line-height: 55px; margin-top: 5px; margin-bottom: 5px; } .angulerpagefluid .container .mainbackcontent .row h2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 4px; position: relative; } .angulerpagefluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 20px; left: 1px; } .angulerpagefluid .container .mainbackcontent { margin-top: 12%; } .angulerpagefluid .container .mainbackcontent .row .subpart { margin-top: 25px; } .angulerpagefluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #fff; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .angulerpagefluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .angulerpagefluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .angulerpagefluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .angulerpagefluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 15px; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; background: #fff; padding: 1px 10px 1px 10px; border: 1px solid #e9e9e97a; box-shadow: 4px 8px 36px -5px #e2e2e2b0; border-radius: 5px; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 12px; font-weight: 550; margin-top: 0; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .angulerpagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .angularjsnfluid .container .websitedesign { padding-top: 30px; padding-bottom: 50px; } .angularjsnfluid .container .websitedesign .toppart { text-align: center; } .angularjsnfluid .container .websitedesign .toppart h3 { font-size: 26px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .angularjsnfluid .container .websitedesign .toppart h3:after { border-bottom: 0; position: absolute; content: ""; width: 83px; height: 2px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .angularjsnfluid .container .websitedesign .toppart h4 { font-size: 15px; font-family: Montserrat; color: #303d6b; margin-right: 100px; margin-left: 100px; margin-top: 30px; line-height: 20px; font-weight: 500; } .angularjsnfluid .container .websitedesign .servicepart { margin-top: 50px; } .angularjsnfluid .container .websitedesign .servicepart .service img { width: 50px; height: auto; } .angularjsnfluid .container .websitedesign .servicepart .service h4 { font-size: 18px; line-height: 26px; font-weight: 600; font-family: Montserrat; color: #08223a; margin-top: 20px; } .angularjsnfluid .container .websitedesign .servicepart .service { padding: 20px 25px; border: 1px solid #dcdcdc8a; border-radius: 5px; } .angularjsnfluid .container .websitedesign .servicepart .service p { font-size: 14px; font-family: Montserrat; color: #1e1f44; font-weight: 500; } .myrubypage { background-image: url(../images/webdesigning/Rails.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .rubypagefluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 900; font-style: normal; color: #fff; line-height: 55px; margin-top: 5px; margin-bottom: 5px; } .rubypagefluid .container .mainbackcontent .row h2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 4px; position: relative; } .rubypagefluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 30px; left: 1px; } .rubypagefluid .container .mainbackcontent { margin-top: 20%; } .rubypagefluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .rubypagefluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #fff; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .rubypagefluid .container .mainbackcontent .row .subpart p { font-size: 16px; color: #fff; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .rubypagefluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .rubypagefluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .rubypagefluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .rubypagefluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 15px; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; background: #fff; padding: 1px 10px 1px 10px; border: 1px solid #e9e9e97a; box-shadow: 4px 8px 36px -5px #e2e2e2b0; border-radius: 5px; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 12px; font-weight: 550; margin-top: 0; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .rubypagefluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .myuiuxdesignpage { background-image: url(../images/uiux/uiuxbanner.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; } .myuiuxdesignpage .headerfluid .container .logo .mobdisnone { display: none; } .myuiuxdesignpage .headerfluid .container .logo .disnone { display: block; } .uiuxdesignfluid .container .mainbackcontent .row h1 { font-size: 44px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; color: #08223a; line-height: 55px; } .uiuxdesignfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #08223a; line-height: 4px; position: relative; } .uiuxdesignfluid .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; top: 30px; left: 1px; } .uiuxdesignfluid .container .mainbackcontent { margin-top: 20%; } .uiuxdesignfluid .container .mainbackcontent .row .subpart { margin-top: 40px; } .uiuxdesignfluid .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #3f6484; line-height: 26px; font-family: Montserrat; font-weight: 500; margin-right: 130px; } .uiuxdesignfluid .container .mainbackcontent .row .requestquate { margin-top: 40px; } .uiuxdesignfluid .container .mainbackcontent .row .requestquate a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .uiuxdesignfluid .container .mainbackcontent .row .requestquate a:hover { text-decoration: none; } .uiuxdesignfluid .container .mainbackcontent .row .requestquate .fa { font-size: 14px; font-weight: 700; margin-left: 5px; color: #fff; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 40px; padding-right: 100px; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4 { box-shadow: 1px 1px 9px 0 #fff; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .content1 h3 { font-size: 40px; font-weight: 700; color: #4784cf; margin-bottom: 5px; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .content1 span { font-size: 14px; font-weight: 550; color: #979898; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .content3 h3 { color: #0cf; } .uiuxdesignfluid .container .mainbackcontent .row .aboutbottompart .col-sm-4:hover { box-shadow: 1px 7px 20px 6px rgba(8, 8, 97, 0.08); transform: scale(1.05, 1.05); border: none; } .uiuxmethologyfluid { background-image: url(../images/iPhone/circles.png); background-size: cover; width: 100%; overflow: hidden; } .uiuxmethologyfluid .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 180px; margin-top: 150px; } .uiuxmethologyfluid .container .devmethology h2 { font-size: 20px; text-transform: uppercase; font-weight: 400; color: #d8d8d8; font-family: Montserrat; } .uiuxmethologyfluid .container .devmethology h3 { font-size: 24px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .uiuxmethologyfluid .container .devmethology .developmentcontent p { font-size: 14px; font-weight: 500; color: #adaebd; margin-bottom: 20px; font-family: Montserrat; } .uiuxmethologyfluid .container .mehologyimage { text-align: center; background-image: url(../images/iPhone/Graphics.png); background-repeat: no-repeat, repeat; background-size: 400px auto; background-position: 66% 60%; } .uiuxmethologyfluid .container .mehologyimage img { width: 300px; height: auto; margin-top: 90px; } .uiuxmethologyfluid .container .procedure ul li { font-size: 13px; font-weight: 500; color: #606277; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .uiuxmethologyfluid .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: 2px; } .uiuxmethologyfluid .container .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .uiuxmethologyfluid .container .procedure ul li:nth-last-child(1):before { border-left: none; } .commonpagefluid { padding-top: 40px; padding-bottom: 40px; } .commonpagefluid .commonpage .imagepart img { width: 100%; height: auto; margin-top: 60px; } .commonpagefluid .commonpage .sliderpart .left, .commonpagefluid .commonpage .sliderpart .right { background: 0 0; } .commonpagefluid .commonpage .accordionpart .headingpart h4 { font-size: 30px; color: #08223a; font-weight: 600; text-transform: uppercase; font-family: Montserrat; } .commonpagefluid .commonpage .accordionpart .headingpart h5 { font-size: 15px; color: #08223a; font-weight: 500; line-height: 20px; font-family: Montserrat; } .commonpagefluid .commonpage .accordionpart .panel-title a { font-weight: 600; font-size: 16px; color: #08223a; font-family: Montserrat; width: 100%; display: inline-block; } .commonpagefluid .commonpage .accordionpart .panel-heading { padding: 18px 20px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .commonpagefluid .commonpage .accordionpart .panel-default > .panel-heading { color: #333; background-color: #fff; border-color: #fff; border: 1px solid #f3f3f3; box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, 0.08); border-bottom: none !important; } .commonpagefluid .commonpage .accordionpart .panel-group .panel { margin-bottom: 0; border-radius: 4px; border: none; box-shadow: none; } .commonpagefluid .commonpage .accordionpart .panel-title a .fa { margin-right: 10px; } .commonpagefluid .commonpage .accordionpart .panel-title a .farighr { float: right; } .commonpagefluid .commonpage .accordionpart .active .panel-title:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .commonpagefluid .commonpage .accordionpart .panel-body { font-size: 14px; color: #08223a; font-weight: 500; font-family: Montserrat; border: none; } .homeaboutcontainer .aboutusimage { margin-top: 0; margin-bottom: 0; text-align: center; padding-top: 30%; padding-bottom: 30%; position: relative; } .homeaboutcontainer .aboutusimage img { width: 150px; height: auto; } .homeaboutcontainer .aboutusimage .firstimage { position: absolute; -webkit-animation-name: firstanimation; -webkit-animation-duration: 10s; animation-name: firstanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .homeaboutcontainer .aboutusimage .firstimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .homeaboutcontainer .aboutusimage .secondimage { position: absolute; -webkit-animation-name: secondanimation; -webkit-animation-duration: 10s; animation-name: secondanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .homeaboutcontainer .aboutusimage .secondimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .homeaboutcontainer .aboutusimage .thirdimage { position: absolute; -webkit-animation-name: thirdanimation; -webkit-animation-duration: 10s; animation-name: thirdanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .homeaboutcontainer .aboutusimage .thirdimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .homeaboutcontainer .aboutusimage .fourthimage { position: absolute; -webkit-animation-name: fourthanimation; -webkit-animation-duration: 10s; animation-name: fourthanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .homeaboutcontainer .aboutusimage .fourthimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } .homeaboutcontainer .aboutusimage .fivethimage { position: absolute; -webkit-animation-name: fivethanimation; -webkit-animation-duration: 10s; animation-name: fivethanimation; animation-duration: 10s; animation-delay: 2s; animation-iteration-count: infinite; } .homeaboutcontainer .aboutusimage .fivethimage img { width: 70px; height: auto; box-shadow: 4px 8px 13px 0 #e0e0e09e; border-radius: 50%; } @-webkit-keyframes firstanimation { 0% { left: 45%; top: 0; } 20% { left: 80%; top: 35%; } 40% { left: 65%; top: 80%; } 60% { left: 20%; top: 80%; } 80% { left: 15px; top: 35%; } 100% { left: 45%; top: 0; } } @-webkit-keyframes secondanimation { 0% { left: 80%; top: 35%; } 20% { left: 65%; top: 80%; } 40% { left: 20%; top: 80%; } 60% { left: 15px; top: 35%; } 80% { left: 45%; top: 0; } 100% { left: 80%; top: 35%; } } @-webkit-keyframes thirdanimation { 0% { left: 65%; top: 80%; } 20% { left: 20%; top: 80%; } 40% { left: 15px; top: 35%; } 60% { left: 45%; top: 0; } 80% { left: 80%; top: 35%; } 100% { left: 65%; top: 80%; } } @-webkit-keyframes fourthanimation { 0% { left: 20%; top: 80%; } 20% { left: 15px; top: 35%; } 40% { left: 45%; top: 0; } 60% { left: 80%; top: 35%; } 80% { left: 65%; top: 80%; } 100% { left: 20%; top: 80%; } } @-webkit-keyframes fivethanimation { 0% { left: 15px; top: 35%; } 20% { left: 45%; top: 0; } 40% { left: 80%; top: 35%; } 60% { left: 65%; top: 80%; } 80% { left: 20%; top: 80%; } 100% { left: 15px; top: 35%; } } .techgropsepopup { z-index: 99999999; } .techgropsepopup .modal-header { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .techgropsepopup .modal-dialog { width: 800px; } .techgropsepopup .modal-header button { margin-top: -32px; color: #fff; opacity: 1; } .techgropsepopup .modal-dialog .modal-content { width: 800px; } .techgropsepopup .modal-header h4 { color: #fff; font-size: 24px; font-family: Montserrat; } .techgropsepopup .labeltech { display: block; } .techgropsepopup .radiotech .form-group { border: 1px solid #d6d6d6; padding: 10px 1px 15px 8px; } .techgropsepopup .techformenqury label { color: #08223a; line-height: 20px; font-size: 14px; margin-bottom: 10px; margin-top: 10px; font-family: Montserrat; font-weight: 600; } .techgropsepopup .techtermandcondition a:hover { text-decoration: none; color: #005d80; } .techgropsepopup .techtermandcondition label { font-size: 15px; } .techgropsepopup .btn-primary { color: #fff; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); margin-top: 20px; width: 150px; font-family: Montserrat; } .techgropsepopup .form-group { margin-bottom: 0; } .techgropsepopup input[type="file"] { border: 1px solid #b5ccff5c; background-color: #fff; border-radius: 4px; padding: 4px 10px; width: 100%; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control { border: 1px solid #b5ccff5c; color: #555; } .techgropsepopup .form-control { border: 1px solid #3c77ff1f; color: #555; height: 45px; background-color: #f4f6fa52; box-shadow: none; } .techgropsepopup textarea.form-control { height: auto; } .mainblockchainfluid .container .blockchainleft p a { color: #08223a; font-weight: 700; } .techgropsepopup .uploadfile { width: 80%; margin: 0 auto; padding: 15px 20px; background: #f4f6fa; border: dashed 1px #e4e4e4; border-radius: 5px; margin-top: 30px; margin-bottom: 30px; } .techgropsepopup .contentfile { width: 60%; float: left; } .techgropsepopup .contentfile h3 { font-size: 20px; color: #08223a; font-weight: 550; margin-bottom: 5px; font-family: Montserrat; margin-top: 0; } .techgropsepopup .contentfile h4 { font-size: 12px; color: #a5a5a5; font-weight: 500; font-style: italic; margin-top: 5px; font-family: Montserrat; } .techgropsepopup .uploadicon label { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 200px; font-size: 12px; text-align: center; height: 40px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 10px 2px 2px 1px; color: #fff !important; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .techgropsepopup .uploadicon input[type="file"] { display: none; } .mobileappusa { background-image: url(../images/mobileappusa/banner.png); } .mobileappuae { background-image: url(../images/iphoneuae/banner.png); } .mobileappkuwait { background-image: url(../images/kuwait/banner_bg.png); } .mobileappusa .blockchaintopfluid .container .requestqquote .form-group input { width: 370px; border-radius: 4px; height: 45px; background: #ffffff1a; border: 1px solid #e7e7e7; border-right: none; } .devmethologyfluid .container .devmethology .developmentcontent p a { color: #08223a; font-weight: 600; } .whytechgropse { background-image: url(../images/whytechgropse/back.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 0; margin-bottom: 60px; } .whytechgropse .container .tophrading h3 { font-size: 40px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .whytechgropse .container .tophrading h3:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #fff; top: 60px; left: 5px; } .whytechgropse .container .contentpart p { font-size: 14px; font-weight: 500; font-family: Montserrat; line-height: 20px; color: #ffffffc2; margin-bottom: 20px; } .whytechgropse .container .letstalk a { padding: 14px 30px; background-color: #fff; background-image: linear-gradient(to right, #fff, #fff); color: #08223a; font-weight: 600; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .whytechgropse .container .letstalk { margin-top: 40px; margin-bottom: 40px; } .whytechgropse .container .letstalk a .fa { margin-left: 10px; } .whytechgropse .container .whyimg img { width: 85%; height: auto; float: right; } .whytechgropse .contentpart ul li:after { font-family: FontAwesome; content: "\f111"; position: absolute; left: 0; font-size: 14px; color: #fff; top: 0; } .whytechgropse .contentpart ul li { font-size: 16px; color: #fff; padding-left: 30px; font-weight: 500; margin-bottom: 10px; font-family: Montserrat; position: relative; } .iphoneusa { background-image: url(../images/mobileappusa/iphoneusa.png); } .iphoneusa .container .mainbackcontent .row h1 { text-align: left; margin-right: 10%; } .iphoneusa .container .mainbackcontent .row h1:after { top: 120px; left: 20px; } .iphoneusa .container .mainbackcontent .row .subpart h3 { font-size: 16px; color: #ebebeb; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: left; margin-left: 0; margin-right: 120px; } .iphoneusa .container .mainbackcontent .row .aboutbottompart { display: inline-block; width: 100%; margin-top: 5px; padding-right: 100px; } .iphoneusa .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; border: 1px solid #d98522; box-shadow: 1px 1px 9px 0 #e77a09; background: #fff; } .iphoneusa .container .mainbackcontent .row .aboutbottompart .content2 h3 { color: #47cfa1; font-size: 40px; font-weight: 700; margin-bottom: 5px; } .iphoneusa .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #08223a; font-size: 14px; font-weight: 550; margin-top: 0; } .iphoneusa .container .mainbackcontent .enquiryform { width: 70%; padding: 25px 30px; background: #ffffff1a; margin: 0 auto; } .iphoneusa .container .mainbackcontent .enquiryform h4 { text-align: center; font-size: 20px; color: #fff; font-weight: 600; background: #ed7707; padding: 10px 0; text-transform: uppercase; } .iphoneusa .container .mainbackcontent .enquiryform .form-control { border: 1px solid #b5ccff5c; color: #555; height: 40px; box-shadow: none; } .iphoneusa .container .mainbackcontent .enquiryform button { text-align: center; width: 100%; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; height: 40px; font-weight: 600; text-transform: uppercase; } .svgimage img { width: 80%; height: auto; } .iphonesaudi { background-image: url(../images/mobileappusa/iphonesaudi.png); } .androidusa { background-image: url(../images/mobileappusa/androidusa.png); } .androidusa .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; border: 1px solid #3c363c; box-shadow: 1px 1px 21px 0 #171717; background: #fff; } .androidusa .container .mainbackcontent .enquiryform button { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); border-color: #2265ff; } .androidusa .container .mainbackcontent .enquiryform h4 { background: #00336e; border-radius: 5px; text-transform: none; } .whyandroidusa { background-image: url(../images/mobileappusa/whyback.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 0; } .whyandroidusa { color: #fffffc; font-size: 18px; font-weight: 550; } .androidusafluid .container .blockchainappleft img { width: 80%; height: auto; } .whyandroidusa .container .whyimg img { width: 100%; height: auto; float: right; margin-top: 50px; } .androiduk { background-image: url(../images/mobileappusa/androiduk.png); } .androiduk .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; border: 1px solid #0d80f9; box-shadow: 1px 1px 9px 0 #0d7ef9; background: #fff; } .gameappdevelopment .container .mainbackcontent .row .chess-heading { margin-right: 100px; } .gameappdevelopment .container .mainbackcontent .row h2 { line-height: 26px; margin-right: 100px; } .gameappdevelopment .container .mainbackcontent .row h2:after { width: 110px; top: -10px; left: 1px; } .gameappdevelopment .container .mainbackcontent .row .subpart { margin-top: 20px; } .gameappdevelopment { background-image: url(../images/banner/pokergame.png); background-size: cover; width: 100%; height: 750px; background-position: center; overflow: hidden; } .pokergame .container .devforbusiness .leftpart .imagepart img { width: 80%; height: auto; } .pokerwhy { background-image: url(../images/whytechgropse/pokerwhy.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 0; } .pokerwhy .container .whyimg img { width: 90%; height: auto; float: right; } .pokergame { margin-top: 50px; } .poker-feature .poker-icon { background-image: url(../images/poker/game_icons.png); display: block; height: 80px; width: 80px; } .poker-feature .poker-icon1 { background-position: -41px -236px; } .poker-feature .poker-icon2 { background-position: -435px -15px; } .poker-feature .poker-icon3 { background-position: -121px -236px; } .poker-feature .poker-icon4 { background-position: -200px -236px; } .poker-feature .poker-icon5 { background-position: -284px -236px; } .poker-feature .poker-icon6 { background-position: -369px -236px; } .poker-business .poker-icon { background-image: url(../images/poker/game_icons.png); display: inline-block !important; float: left; width: 70px; height: 70px; } .poker-business .poker-icon1 { background-position: -45px -90px; } .poker-business .poker-icon2 { background-position: -130px -90px; } .poker-business .poker-icon3 { background-position: -215px -90px; } .betting-business .betting-icon { background-image: url(../images/images/game_icons.png); display: inline-block !important; float: left; width: 60px; height: 60px; } .betting-business .betting-icon1 { background-position: -45px -90px; } .betting-business .betting-icon2 { background-position: -130px -90px; } .betting-business .betting-icon3 { background-position: -215px -90px; } .betting-business .contentpart { clear: both; } .backpoker .container .webdevelopment { background-image: url(../images/whytechgropse/backpoker.png); background-size: cover; width: 100%; overflow: hidden; padding: 40px 80px; margin-bottom: 50px; margin-top: 20px; } .seopage { background-image: url(../images/seo/seobanner.png); background-size: cover; width: 100%; height: 650px; overflow: hidden; } .seopage .container .mainbackcontent .row h2 { line-height: 26px; margin-right: 100px; } .seopage .container .mainbackcontent .row h2:after { width: 110px; top: -10px; left: 1px; } .seopage .container .mainbackcontent .row .subpart { margin-top: 20px; } .seofluid { padding-left: 0; } .seofluid .container { padding-left: 0; width: 100%; } .seofluid .container .row { padding-left: 0; } .seofluid .container .row .col-sm-5 { padding-left: 0; } .seofluid .container .blockchainright { margin-top: 0; } .seoworkfluid .weworkfor .rightpart .mainpart img { width: 70px; height: 60px; } .seoworkfluid { padding-top: 50px; padding-bottom: 100px; background: #f0f0f0; } .whyseo { background: #32004b; } .seofluid .container .blockchainright img { border: 10px solid #ececec; } .smopage { background-image: url(../images/smo/smobanner.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .smopage .container .mainbackcontent .row h2 { line-height: 26px; margin-right: 100px; } .smopage .container .mainbackcontent .row h2:after { width: 110px; top: -10px; left: 1px; } .smopage .container .mainbackcontent .row .subpart { margin-top: 20px; } .fantasyfluid { background-image: url(../images/fantasy/fantasy.png); background-size: cover; width: 100%; height: 750px; overflow: hidden; } .fantasyabout .container .clockimage ul > li img { width: 146px; height: auto; } .fantasyfluid .container .mainbackcontent { margin-top: 12%; } .fantasyfluid .container .mainbackcontent .row h2 { font-size: 18px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #08223a; line-height: 24px; position: relative; margin-right: 100px; } .fantasyfluid .container .mainbackcontent .row h2:after { display: none; border-bottom: 0; position: absolute; content: ""; width: 148px; height: 3px; background: #005fff; top: -10px; left: 5px; } .fantasyfluid .headerfluid .container .mymenu li > a { color: #000; } .fantasyfluid .container .mymenu li:nth-last-child(1) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; box-shadow: none; } .fantasyfluid .headerfluid .container .navbar-default .navbar-nav > .open > a, .fantasyfluid .headerfluid .container .navbar-default .navbar-nav > .open > a:focus, .fantasyfluid .headerfluid .container .navbar-default .navbar-nav > .open > a:hover { color: #08223a !important; background-color: #e7e7e700; } .fantasy-about .blockchainright img { width: 70% !important; } .casinofluid { background-image: url(../images/casino/casino.png); } .casino-icon { background-image: url(../images/casino/casino-icon.png); display: block; height: 80px; width: 80px; } .casino-icon1 { background-position: -41px -161px; } .casino-icon2 { background-position: -131px -161px; } .casino-icon3 { background-position: -209px -161px; } .casino-icon4 { background-position: -288px -161px; } .casino-icon5 { background-position: -365px -161px; } .casino-icon6 { background-position: -435px -15px; } .casino-business .casino-icon { background-image: url(../images/casino/casino-icon.png); display: inline-block !important; float: left; width: 70px; height: 70px; } .casino-business .casino-icon1 { background-position: -45px -90px; } .casino-business .casino-icon2 { background-position: -130px -90px; } .casino-business .casino-icon3 { background-position: -215px -90px; } .portfoliofantasy { background: #f6ffec; } .whysaudiarabia .container .tophrading h3 { font-size: 32px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; line-height: 44px; } .whysaudiarabia .container .tophrading h3:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #fff; top: 100px; left: 5px; } .myinvestor { background-image: url(../images/investor/investor_banner.png); background-size: cover; width: 100%; height: 660px; overflow: hidden; } .myinvestor .disnone { display: block; } .myinvestor .mobdisnone { display: none; } .myinvestor .headerfluid .container .mymenu li > a { color: #061333; } .myinvestor .headerfluid .container .mymenu li:nth-last-child(1) a { color: #fff; box-shadow: none; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .myinvestor .container .mainbackcontent .row h1 { font-size: 42px; color: #061333; line-height: 50px; } .myinvestor .container .mainbackcontent .row h2 { color: #061333; } .myinvestor .container .mainbackcontent .row h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #1a60ff; top: 30px; left: 1px; } .myinvestor .container .mainbackcontent .row .subpart h3 { color: #061333; } .myinvestor .container .mainbackcontent .row .aboutbottompart .content1 h4 { color: #061333; } .myinvestor .container .mainbackcontent .row .aboutbottompart .content1 { text-align: center; padding: 1px 1px 1px 1px; border: 1px solid #f0f0f0; box-shadow: 1px 4px 16px 0 #e5e5e5; } .blockchainservicefluid .container .blockchainservice .leftpart .service1:after { right: -42px; } .blockchainservicefluid .container .blockchainservice .rightpart .service1:after { left: -36px; } .firstfooterfluid .maindiv .homeaddress { padding: 28px; height: 223px; } .investorproject { padding-top: 40px; padding-bottom: 50px; } .investorproject .project .projectimage img { width: 100%; height: 55px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.1; -webkit-transition: 1s all; -o-transition: 1s all; transition: 1s all; filter: gray; -webkit-filter: grayscale(100%); -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .investorproject .project .projectimage img:hover { filter: initial; opacity: 1; } .investoestartups { padding-top: 50px; padding-bottom: 50px; } .investoestartups .startups .leftpart .iconpart .icon img { width: auto; height: auto; } .investoestartups { background-image: url(../images/investor/graphic.png); background-repeat: no-repeat, repeat; background-size: 300px 220px; background-position: 0 45%; background-color: #fff; } .investoestartups .startups .leftpart .iconpart { box-shadow: 1px 7px 40px -4px #04083514; padding: 20px 10px; width: 90%; margin-bottom: 40px; border-radius: 10px; background: #fff; } .investoestartups .startups .leftpart .iconpart .title { margin-top: 10px; } .investoestartups .startups .leftpart .iconpart .title p { font-size: 14px; color: #061333; font-family: Montserrat; } .investoestartups .startups .leftpart .iconpart .title span { display: block; } .investoestartups .startups .rightpart { margin-top: 80px; } .investoestartups .startups .rightpart h4 { font-size: 20px; color: #b0acac; font-weight: 500; font-family: Montserrat; } .investoestartups .startups .rightpart h3 { font-size: 24px; color: #061333; font-weight: 550; font-family: Montserrat; } .investoestartups .startups .rightpart p { font-size: 14px; color: #7a8193; margin-bottom: 15px; font-weight: 500; font-family: Montserrat; } .investoestartups .martop50 { margin-top: 50px; } .investoestartups .martop80 { margin-top: 80px; } .investor360 .solution .leftpart { margin-top: 20px; } .investor360 .solution .leftpart h4 { font-size: 20px; color: #b0acac; font-weight: 500; font-family: Montserrat; } .investor360 .solution .leftpart h3 { font-size: 24px; color: #061333; font-weight: 550; font-family: Montserrat; } .investor360 .solution .leftpart p { font-size: 14px; color: #7a8193; margin-bottom: 15px; font-weight: 500; font-family: Montserrat; } .investor360 .solution .rightpart { text-align: center; } .investor360 .solution .rightpart img { width: 80%; height: auto; } .investorgreatdeal { background-image: url(../images/investor/banner2.png); background-size: cover; width: 100%; height: auto; overflow: hidden; } .investorgreatdeal .greatdeal .leftpart { padding-top: 200px; padding-bottom: 200px; } .investorgreatdeal .greatdeal .leftpart h3 { font-size: 36px; color: #fffcfc; font-weight: 600; font-family: "Iskoola Pota"; line-height: 50px; position: relative; } .investorgreatdeal .greatdeal .leftpart h3:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 2px; background: #fff; top: 105px; left: 1px; } .investorgreatdeal .greatdeal .leftpart p { font-size: 14px; color: #fff; font-weight: 400; font-family: Montserrat; position: relative; } .investorgreatdeal .greatdeal .leftpart p:after { border-bottom: 0; position: absolute; content: ""; width: 25px; height: 2px; background: #fff; top: 60px; left: 1px; } .investorgreatdeal .greatdeal .leftpart span { display: inherit; } .investorform { margin-top: 40px; margin-bottom: 100px; } .investorform .myform .leftpart .businessimge { text-align: center; } .investorform .myform .leftpart .businessimge img { width: 220px; height: auto; } .investorform .myform .leftpart .persantage { width: 80%; margin: 0 auto; margin-top: 30px; } .investorform .myform .leftpart .persantage .title h3 { font-weight: 500; color: #181b3a; font-size: 30px; font-family: fantasy; margin-bottom: 3px; position: relative; } .investorform .myform .leftpart .persantage .title.one h3:after { border-bottom: 0; position: absolute; content: ""; width: 12px; height: 12px; background: #35cb60; top: 12px; left: -20px; border-radius: 50px; } .investorform .myform .leftpart .persantage .title.two h3:after { border-bottom: 0; position: absolute; content: ""; width: 12px; height: 12px; background: #366ffd; top: 12px; left: -20px; border-radius: 50px; } .investorform .myform .leftpart .persantage .title.three h3:after { border-bottom: 0; position: absolute; content: ""; width: 12px; height: 12px; background: #f88500; top: 12px; left: -20px; border-radius: 50px; } .investorform .myform .leftpart .persantage .title p { font-size: 14px; color: #c4c4c4; font-family: Montserrat; } .investorform .myform .leftpart .persantage .title span { display: inherit; } .investorform .myform .rightpart { padding: 20px 20px; box-shadow: 0 2px 37px 1px #1309390d; position: absolute; top: -540px; background: #fff; border-radius: 8px; z-index: 2; } .investorform .myform .rightpart .form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #b5ccff5c; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .investorform .myform .rightpart .form-group label { font-size: 14px; font-weight: 550; font-family: Montserrat; color: #08223a; line-height: 35px; } .investorform .myform .rightpart .uploadfile { width: 100%; margin: 0 auto; padding: 15px 20px; background: #f4f6fa; border: 1px solid #e4e4e4; border-style: dotted; border-radius: 5px; margin-top: 30px; margin-bottom: 30px; float: left; position: relative; } .investorform .myform .rightpart .contentfile { width: 100%; float: left; } .investorform .myform .rightpart .contentfile h3 { font-size: 15px; color: #08223a; font-weight: 550; margin-bottom: 5px; font-family: Montserrat; margin-top: 0; text-align: center; } .investorform .myform .rightpart .contentfile h4 { font-size: 10px; color: #a5a5a5; font-weight: 500; font-style: italic; margin-top: 5px; font-family: Montserrat; text-align: center; margin-bottom: 0; } .investorform .myform .rightpart .uploadicon label { background-color: #f4f6fa00; background-image: linear-gradient(to right, #f4f6fa00, #f4f6fa00); font-weight: 700; width: 100%; font-size: 14px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding: 6px 2px 2px 1px; color: #f4f6fa00 !important; text-transform: uppercase; position: absolute; top: 0; z-index: 999999; left: 0; height: 74px; cursor: pointer; } .investorform .myform .rightpart .uploadicon input[type="file"] { display: none; } .investorform .myform .rightpart .textarea-control { min-height: 150px; max-height: 150px; } .investorform .myform .rightpart .submitbotton { width: 190px; height: 45px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 550; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; font-family: Montserrat; } .investorform .myform .rightpart .requestbutton { text-align: center; margin-top: 25px; } .myinvestor .headerfluid .container .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #000; background-color: #e7e7e700; } .investorform .myform .sideheading span { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); float: left; margin-left: -86px; margin-top: -250px; margin-bottom: 140px; font-weight: 700; color: #000; font-size: 15px; font-family: Montserrat; letter-spacing: 0; text-transform: uppercase; } .investorform .myform .sideheading span:before { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 2px; background: #484848; top: 10px; left: -120px; } .investorform .myform .sideheading span:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 2px; background: #484848; top: 10px; left: 185px; } .investoestartups .startups .leftpart .iconpart:hover { box-shadow: 5px 10px 30px -4px #04083536; padding: 20px 10px; width: 90%; margin-bottom: 40px; border-radius: 0; background: #fff; } .investor360 .solution .leftpart .points360 h5 { color: #070707; font-weight: 550; font-size: 20px; } .investor360 .solution .leftpart .points360 ul > li { font-weight: 500; font-size: 15px; margin-bottom: 5px; color: #202643; } .digitalmarketing { background-image: url(../images/digitalmarketing/banner.png); } .digitalmarketing .blockchaintopfluid .container .mainbackcontent .row h2 { font-size: 16px; font-family: Montserrat; font-weight: 500; font-style: normal; color: #ebebeb; line-height: 24px; } .digitalmarketing .container .mainbackcontent .row h1:after { top: 105px; left: 15px; } .digitalmain .container .blockchainright { text-align: center; } .digitalmain .container .blockchainright img { width: 70%; height: auto; } .digitalmain .container .blockchainleft h2 { font-size: 40px; color: #000; font-family: poppinsbold; margin-bottom: 10px; line-height: 60px; } .digitalmain .container .blockchainleft h6 { font-size: 28px; color: #000; font-family: poppinsregular; margin-top: 20px; margin-bottom: 20px; } .startupbusiness.mainblockchainfluid .container .blockchainleft { margin-right: 40px; } .startupbusiness.mainblockchainfluid .container .blockchainleft p { font-family: poppinsregular !important; line-height: 26px !important; font-weight: 500 !important; color: #525252 !important; font-size: 16px !important; margin-bottom: 15px !important; } .ecommerce_service.digitalmain .container .blockchainleft h2 { font-size: 22px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: uppercase; margin-bottom: 10px; line-height: 36px; position: relative; } .flutter-iphoneapp .container .blockchainleft h2 { font-size: 24px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: uppercase; margin-bottom: 10px; line-height: 36px; position: relative; } .digitalmain .container .blockchainleft h3 { font-size: 20px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: uppercase; margin-bottom: 10px; line-height: 36px; position: relative; } .digitalmain .container .blockchainleft h3::after { border-bottom: 0; display: none; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; top: 30px; left: 0; } .digitalmain .container .blockchainleft h3 span { text-transform: lowercase !important; } .usaiphoneapp .blockchainleft h2 { font-size: 24px !important; color: #08223a !important; font-family: Montserrat; font-weight: 550 !important; text-transform: capitalize !important; margin-bottom: 10px; line-height: 36px; position: relative; } .wearable_app .container .blockchainleft h3::after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; top: 20px; left: 0; } .digitalservice { background-image: url(../images/digitalmarketing/back.png); background-size: cover; width: 100%; overflow: hidden; } .digitalservice .myservice .toppart { text-align: center; margin-top: 30px; } .digitalservice .myservice .toppart h5 { font-size: 16px; font-weight: 600; color: #b0b0b0; text-transform: uppercase; font-family: Montserrat; } .digitalservice .myservice .toppart h4 { font-weight: 600; font-size: 40px; color: #fff; font-family: Montserrat; position: relative; } .digitalservice .myservice .toppart h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 2px; background: #fff; bottom: -15px; margin-left: -50px; left: 50%; } .digitalservice .myservice .toppart p { font-size: 14px; font-family: Montserrat; } .digitalservice .myservice .bottompart .service { border-radius: 5px; background: #fff; width: 90%; padding: 30px 15px 30px 15px; box-shadow: 0 3px 24px -9px #969696b5; border: 1px solid #d8d8d88a; margin-bottom: 50px; height: 325px; } .digitalservice .myservice .bottompart .service:hover { box-shadow: 1px 9px 60px -12px #1b3cb133; transition: all 1s; margin-top: -10px; } .digitalservice .myservice .bottompart { margin-top: 50px; margin-bottom: 50px; } .digitalservice .myservice .bottompart .service .serviceimg img { height: 70px; width: 70px; } .digitalservice .myservice .bottompart .service .sevicetext { margin-top: 30px; } .digitalservice .myservice .bottompart .service .sevicetext h4 { font-size: 18px; color: #1c1051; font-weight: 550; line-height: 24px; margin-bottom: 5px; font-family: Montserrat; } .digitalservice .myservice .bottompart .service .sevicetext p { font-weight: 500; font-size: 13px; color: #08223a; line-height: 20px; font-family: Montserrat; } .reputationmanagement { background-image: url(../images/digitalmarketing/banner2.png); background-size: cover; width: 100%; overflow: hidden; padding-top: 50px; padding-bottom: 200px; position: relative; } .reputationmanagement .reputation .leftpart h5 { font-weight: 600; color: #08223a; text-transform: uppercase; font-size: 16px; font-family: Montserrat; } .reputationmanagement .reputation .leftpart h4 { font-size: 36px; font-weight: 700; color: #08223a; font-family: Montserrat; position: relative; } .reputationmanagement .reputation .leftpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 90px; height: 2px; background: #08223a; top: 90px; left: 2px; } .reputationmanagement .reputation .leftpart p { font-size: 14px; color: #08223a; font-weight: 500; position: relative; font-family: Montserrat; margin-top: 20px; } .reputationmanagement .rightsideimage img { width: 700px; position: absolute; bottom: -120px; right: 0; z-index: 9999; } .emporwingpower { padding-top: 60px; } .emporwingpower .empowering .leftpart .pointspart .pointimage img { width: 50px; height: auto; } .emporwingpower .empowering .leftpart .pointspart .pointimage { text-align: center; } .emporwingpower .empowering .leftpart .pointspart .pointtext h3 { margin-top: 0; font-size: 26px; font-weight: 500; color: #08223a; font-family: fantasy; margin-bottom: 10px; } .emporwingpower .empowering .leftpart .pointspart .pointtext h4 { font-size: 14px; line-height: 20px; color: #787878; font-weight: 550; margin-top: 0; font-family: Montserrat; } .emporwingpower .empowering .leftpart .col-sm-4 { width: 33.33333333%; padding: 0; } .emporwingpower .empowering .leftpart .pointspart { border-right: 1px solid #d5d5d55c; float: left; border-bottom: 1px solid #e1e1e178; padding: 20px; height: 125px; width: 100%; margin: 0 20px 20px; } .emporwingpower .empowering .leftpart .pointspart:hover { box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.1); transition-duration: 0.3s; } .category:before { background: #fff; transition-duration: 0.3s; } .emporwingpower .empowering .leftpart .pointspart3 { border-right: none !important; } .emporwingpower .empowering .leftpart .pointspart4 { border-bottom: none !important; } .emporwingpower .empowering .rightpart { padding: 0 70px 0 30px; } .emporwingpower .empowering .rightpart h4 { font-size: 18px; text-transform: capitalize; font-weight: 550; color: #08223a; font-family: Montserrat; } .emporwingpower .empowering .rightpart h3 { font-size: 26px; color: #08223a; font-weight: 550; font-family: Montserrat; } .emporwingpower .empowering .rightpart p { font-size: 14px; color: #08223a; font-weight: 500; font-family: Montserrat; } .healthcarefluid { background-image: url(../images/healthcare/healthcare.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; background-attachment: fixed; } .healthcarefluid.myaboutpage { height: 100vh; background-image: url(../images/aboutanimation/aboutbg.jpg); display: flex; align-items: center; margin-top: 0; background-size: cover; background-attachment: fixed; background-position: top; } .abouttopheaingfluid .container .mainbackcontent .buttons-part .letstalk { padding: 12px 20px; border-radius: 4px; font-size: 16px; color: #fff; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; border: 0; margin-left: 10px; margin-right: 10px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .abouttopheaingfluid .container .mainbackcontent .buttons-part .portfolio { background: white; padding: 12px 20px; border-radius: 4px; font-size: 16px; color: #437cff; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; margin-left: 10px; margin-right: 10px; } .healthcarefluid .disnone { display: block; } .healthcarefluid .mobdisnone { display: none; } .healthcarefluid .headerfluid .container .mymenu li > a { color: #030303; } .healthcarefluid .headerfluid .container .mymenu li:nth-last-child(1) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 40px; font-size: 12px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding-right: 15px; color: #fff !important; } .healthcarefluid .headerfluid .container .mymenu li:nth-last-child(2) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 170px; font-size: 12px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding-right: 15px; color: #fff !important; } .healthcarefluid .headerfluid .logo .disnone { display: block; } .healthcarefluid .headerfluid .container .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #030303; background-color: #e7e7e700; } .healthcarefluid .blockchaintopfluid .container .mainbackcontent .row h1 { color: #08223a; font-size: 40px !important; font-weight: 700; text-align: left; margin-bottom: 40px; } .healthcarefluid .blockchaintopfluid .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 300px; height: 2px; background: #175dff; top: 120px; margin-left: 20px; left: 0; } .healthcarefluid .blockchaintopfluid .container .mainbackcontent .row .subpart h3 { font-size: 15px; color: #969797; } .healthcarefluid .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 15px; color: #08223a; text-align: left; font-weight: 500; } .healthcarefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg img { text-align: center; width: 100%; height: auto; } .healthcareappfluid .healthcareapp .toppart h5 { font-size: 14px; text-transform: uppercase; color: #acacac; font-weight: 550; font-family: Montserrat; } .chess-portfolio .healthcareapp .toppart h3 { font-size: 30px; font-weight: 700; color: #08223a; position: relative; font-family: Montserrat; } .chess-portfolio .healthcareapp .toppart h3:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .portfolio-php .healthcareapp .toppart h4 { font-size: 40px; font-weight: 700; color: #08223a; position: relative; font-family: Montserrat; } .portfolio-php .healthcareapp .toppart h4:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .healthcareappfluid .healthcareapp .toppart h2 { font-size: 30px; font-weight: 700; color: #08223a; position: relative; font-family: Montserrat; margin-top: 20px; margin-bottom: 0; } .healthcareappfluid.food-delivery .healthcareapp .toppart h3 { font-size: 18px; font-weight: 550; color: #08223a; text-transform: uppercase; } .healthcareappfluid .healthcareapp .toppart h4 { font-size: 32px; font-weight: 700; color: #08223a; position: relative; font-family: Montserrat; } .healthcareappfluid .healthcareapp .toppart h4:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .healthcareappfluid.ruby-portfolio .healthcareapp .toppart h2 { font-size: 30px; font-weight: 700; color: #08223a; position: relative; font-family: Montserrat; } .healthcareappfluid .healthcareapp .toppart p { font-size: 16px; font-weight: 500; margin-top: 15px; color: #09243c; font-family: Montserrat; text-transform: capitalize; } .healthcareappfluid .healthcareapp .bottompart .leftpart img { width: 80%; height: auto; } .healthcareappfluid .healthcareapp .bottompart .rightpart { margin-top: 40px; } .healthcareappfluid .healthcareapp .bottompart .rightpart h2 { font-size: 30px; color: #08223a; margin-bottom: 20px; font-weight: 700; font-family: Montserrat; } .chess-portfolio .healthcareapp .bottompart .rightpart h4 { font-size: 14px; color: #08223a; font-weight: 500; margin-bottom: 20px; font-family: Montserrat; } .healthcareappfluid .healthcareapp .bottompart .rightpart p { font-size: 14px; color: #08223a; font-weight: 500; margin-bottom: 20px; font-family: Montserrat; } .wasphahealth { background-image: url(../images/healthcare/back_2.png); background-size: cover; width: 100%; position: relative; overflow: hidden; } .wasphahealth .healthcare .leftpart { padding-top: 90px; padding-bottom: 150px; } .wasphahealth .healthcare .leftpart h2 { font-size: 32px; text-transform: uppercase; color: #616161; font-weight: 700; font-family: Montserrat; margin-bottom: 20px; } .wasphahealth .healthcare .leftpart h5 { font-size: 15px; text-transform: uppercase; color: #eee; font-weight: 600; font-family: Montserrat; } .wasphahealth .healthcare .leftpart h4 { font-family: Montserrat; font-size: 30px; font-weight: 600; color: #fff; position: relative; } .wasphahealth .healthcare .leftpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 2px; background: #fff; top: 45px; left: 0; } .wasphahealth .healthcare .leftpart p { color: #fff; margin-top: 30px; font-weight: 500; } .wasphahealth .healthcare .rightpart .image1 img { top: 125px; position: absolute; right: 40px; width: 280px; } .wasphahealth .healthcare .rightpart .image2 img { top: 40px; position: absolute; right: 225px; width: 370px; } .industyweserve { padding-bottom: 70px; padding-top: 70px; background-image: url(../images/healthcare/graphic.png); background-repeat: no-repeat, repeat; background-size: 200px 200px; background-position: 98% 94%; } .industyweserve .industry .leftpart { background-image: url(../images/healthcare/img.png); background-size: cover; width: 100%; padding: 175px 70px; } .industyweserve .industry .leftpart h5 { font-weight: 600; font-size: 16px; text-transform: uppercase; color: #fff; font-family: Montserrat; } .industyweserve .industry .leftpart h4 { font-size: 36px; font-weight: 700; color: #fff; position: relative; font-family: Montserrat; } .industyweserve .industry .leftpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 3px; background: #fff; top: 55px; left: 0; } .industyweserve .industry .leftpart p { font-size: 14px; text-transform: uppercase; margin-top: 40px; color: #fff; font-weight: 500; font-family: Montserrat; } .industyweserve .industry .rightpart .textpart p { padding: 20px 20px; font-size: 14px; color: #838282; font-weight: 500; font-family: Montserrat; } .industyweserve .industry { background: #fff; border-radius: 42px; box-shadow: 1px 1px 39px 0 #238de929; } .industyweserve .industry .rightpart .servicepart { text-align: center; margin-top: 40px; } .industyweserve .industry .rightpart .servicepart .row { margin-bottom: 50px; } .industyweserve .industry .rightpart .servicepart .servicimage img { width: 50%; height: auto; } .industyweserve .industry .rightpart .servicepart .servicimage img:hover { transform: rotateY(180deg); transition: ease all 1s; -webkit-transition: ease all 1s; } .industyweserve .industry .rightpart .servicepart .sevicetext { margin-top: 25px; } .industyweserve .industry .rightpart .servicepart .sevicetext span { font-size: 12px; color: #767676; font-weight: 550; font-family: Montserrat; } .ecommercefluid { background-image: url(../images/ecommerce/back.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; } .ecommercefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg { text-align: left; margin-top: 0; } .ecommercefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg .request-form { margin-top: 0; } .ecommercefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg img { text-align: center; width: 80%; height: auto; } .orgaecommerce { background-image: url(../images/ecommerce/back-2.png); background-size: cover; width: 100%; position: relative; overflow: hidden; } .realestatefluid { background-image: url(../images/realestate/back.png); background-size: cover; width: 100%; height: 100vh; overflow: hidden; } .myblockchainpage.realestatefluid .blockchaintopfluid .container .mainbackcontent .row h1 { text-align: left; margin-bottom: 0; margin-top: 20px; } .myblockchainpage.realestatefluid .blockchaintopfluid .container .mainbackcontent .row h1:after { top: 140px; left: 20px; } .realestatefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg { text-align: left; margin-top: 0; } .realestatefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg img { text-align: center; width: 53%; height: auto; } .realstatepro { background-image: url(../images/realestate/back-2.png); background-size: cover; width: 100%; position: relative; overflow: hidden; background-attachment: fixed; } .error404 { background: #fff; height: 550px !important; } .error404 .errorpage .errorimage { text-align: center; margin-top: 100px; } .error404 .errorpage .errorimage img { width: 500px; height: auto; margin: 0 auto; } .error404 .errorpage .texterror { text-align: center; } .error404 .errorpage .texterror h4 { font-size: 20px; color: #0d2049; font-weight: 700; margin-bottom: 10px; font-family: Montserrat; } .error404 .errorpage .texterror p { font-size: 12px; font-weight: 500; color: #aaa6a6; font-family: Montserrat; } .error404 .headerfluid { box-shadow: 0 0 35px #10429c2e, -2px -2px 5px #ccc; } .error404 .errorpage .backtohome { text-align: center; margin-top: 30px; } .error404 .errorpage .backtohome a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; font-size: 13px; text-align: center; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; color: #fff !important; padding: 12px 30px; } .sportsapp { background-image: url(../images/sports/banner2.png); background-size: cover; width: 100%; position: relative; overflow: hidden; } .fooddelivery { background-image: url(../images/fooddelivery/banner2.png); } .myportfoliopage .leftpart .appportfolio { text-align: center; position: relative; } .myportfoliopage .leftpart .appportfolio .image1 img { width: 50%; height: auto; } .myportfoliopage .leftpart .appportfolio .image2 img { width: 80%; height: auto; } .myportfoliopage .leftpart .appportfolio .image2 { position: absolute; top: 10px; z-index: 99; left: 28%; } .myportfoliopage .rightpart .webportfolio { text-align: center; position: relative; } .myportfoliopage .rightpart .webportfolio .image1 img { width: 80%; height: auto; } .myportfoliopage .rightpart .webportfolio .image2 img { width: 80%; height: auto; } .myportfoliopage .rightpart .webportfolio .image2 { position: absolute; top: 30px; z-index: 99; left: 20%; } .portfoliotopfluid .container .mainbackcontent { margin-top: 20%; } .myportfoliopage .rightpart .pngortfolio { position: relative; left: 20%; margin-top: 20%; } .portfoliotopfluid { padding: 0; } .myportfoliopage .left-portfolio, .myportfoliopage .right-portfolio { text-align: center; } .myportfoliopage .left-portfolio .img1 img, .myportfoliopage .right-portfolio .img1 img { width: 50%; } .myportfoliopage .left-portfolio .img2 img, .myportfoliopage .right-portfolio .img2 img { width: 65%; } .myportfoliopage .mid-portfolio img { width: 100%; } .myportfoliopage .left-portfolio .img2, .myportfoliopage .right-portfolio .img2 { position: absolute; top: 0; left: 20%; z-index: 99; } .myportfoliopage .mid-portfolio .img2 { position: absolute; top: 40px; z-index: 99; left: 15%; } .backtohomemobile { top: 50px; z-index: 999999; position: absolute; left: 10px; } .backtohomemobile a { background: #fff; padding: 10px 12px; border-radius: 5px; font-size: 20px; font-weight: 600; } .myportfoliopage .rightpart .pngortfolio .image1 img { width: 80%; height: auto; } .myportfoliopage .rightpart .pngortfolio .image2 img { width: 65%; height: auto; } .myportfoliopage .rightpart .pngortfolio .image2 { position: absolute; top: 50px; z-index: 99; left: 12%; } .headerfluid.stick .container .mymenu li .callpopup { color: #fff; } #contactModal { background: rgba(20, 20, 20, 0.52); z-index: 2147483647; } #contactModal .modal-content { background-image: url(pop_back.png); background-size: cover; width: 100%; } #contactModal .modal-header { padding: 0; border-bottom: none; } #contactModal .modal-dialog { width: 760px; } #contactModal .modal-body { position: relative; padding: 0; } #contactModal .rightpart .topheading { padding: 2px 20px; background: #fff; margin-top: 20px; margin-right: 20px; border-radius: 10px; box-shadow: 1px 24px 30px -1px #3746700d; } #contactModal .rightpart .topheading h4 { font-size: 34px; text-transform: uppercase; font-family: oswaldbold; letter-spacing: 2px; color: #2c2951; } #contactModal .rightpart .topheading h3 { text-transform: uppercase; font-size: 24px; font-family: oswaldlight; font-weight: 400; color: #a3a2ad; letter-spacing: 2px; } #contactModal .rightpart .contactdetails { margin-top: 30px; } #contactModal .rightpart .contactdetails h3 { font-size: 26px; color: #949db4; font-family: oswaldlight; padding-top: 22px; } #contactModal .rightpart .contactnumber ul { padding: 0; } #contactModal .rightpart .contactnumber { display: inline-block; } #contactModal .rightpart .contactnumber ul li { width: 50%; float: left; margin-top: 15px; } #contactModal .rightpart .contactnumber ul li a { font-size: 24px; color: #1b1732; font-family: oswaldregular; letter-spacing: 1px; } #contactModal .rightpart .contactnumber ul li span { font-size: 16px; color: #949db4; font-family: oswaldlight; } #contactModal .rightpart .contactnumber ul li:nth-last-child(1) a { color: #fd7d8c; } #contactModal .rightpart .lookinginvestor { margin-right: 30px; background: #03a9f4; margin-top: 30px; margin-bottom: 30px; border-radius: 10px; } #contactModal .rightpart .lookinginvestor .heading { padding: 10px 20px; } #contactModal .rightpart .lookinginvestor .heading h3 { color: #fff; font-family: oswaldbold; font-size: 24px; letter-spacing: 0.5px; } #contactModal .rightpart .lookinginvestor .heading h4 { color: #fff; font-family: oswaldlight; font-size: 18px; } #contactModal .leftpart { background-image: url(../images/popup/leftback.png); background-size: cover; height: 500px; width: 100%; } #contactModal .leftpart .footersocialmedia { padding-top: 470px; padding-left: 35px; } #contactModal .leftpart .footersocialmedia ul li { float: left; padding: 0 20px 0 0; } #contactModal .leftpart .footersocialmedia ul li a { color: #fff; } #contactModal .leftpart .footersocialmedia ul li a:hover { color: #195fff; } #contactModal .rightpart .lookinginvestor .moveicon { margin-top: 35px; margin-left: 20px; } #contactModal .close { color: #000; background: #fff; opacity: 1; padding: 10px; border-radius: 20px; position: absolute; bottom: -60px; left: 47%; line-height: 15px; } .sliderwahphafluid .backimg1 { background-image: url(../images/homeportfolio/1/back.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .sliderwahphafluid .backimg2 { background-image: url(../images/homeportfolio/2/back.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .sliderwahphafluid .backimg3 { background-image: url(../images/homeportfolio/3/back.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .sliderwahphafluid .backimg4 { background-image: url(../images/homeportfolio/4/back.png); background-size: cover; width: 100%; height: 600px; overflow: hidden; } .firstfooterfluid .maindiv .homeaddress .address ul > li > a { color: #7d7d7d; } .myinvestor .headerfluid .logo .disnone { display: block; } .myinvestor .headerfluid .container .mymenu li:nth-last-child(2) a { color: #fff; box-shadow: none; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .healthcareappfluid .healthulli ul > li { font-size: 13px; color: #08223a; font-weight: 500; margin-bottom: 10px; font-family: Montserrat; margin-left: 40px; position: relative; } .betting-portfolio .healthulli ul > li { font-size: 13px; color: #08223a; font-weight: 500; margin-bottom: 10px; font-family: Montserrat; margin-left: 20px; position: relative; } .healthcareappfluid .healthulli ul > li:before { left: -20px; font-family: FontAwesome; content: "\f111"; position: absolute; top: 0; color: #6393ff; } .loader3 span { position: absolute; display: inline-block; width: 100px; height: 100px; border-radius: 100%; background-image: linear-gradient(to right, #125aff, #5387ff); -webkit-animation: loader3 1.5s linear infinite; animation: loader3 1.5s linear infinite; } .loader3 span:last-child { animation-delay: -0.9s; -webkit-animation-delay: -0.9s; } @keyframes loader3 { 0% { transform: scale(0, 0); opacity: 0.8; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes loader3 { 0% { -webkit-transform: scale(0, 0); opacity: 0.8; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } .homeindustryfluid { background: #f1f3f6; } .homeindustryfluid .homeindustry { margin-bottom: 30px; } .homeindustryfluid .homeindustry .leftpart { margin-top: 120px; } .homeindustryfluid .homeindustry .leftpart .headingpart { position: relative; } .homeindustryfluid .homeindustry .leftpart .headingpart h3 { font-size: 36px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .homeindustryfluid .homeindustry .leftpart .headingpart h3:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #0070f5; top: 60px; left: 0; } .homeindustryfluid .homeindustry .leftpart .headingpart h4 { font-size: 45px; z-index: 1; color: #a3bcd3; opacity: 0.4; letter-spacing: 2px; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; text-transform: uppercase; top: -40px; position: absolute; } .homeindustryfluid .homeindustry .leftpart .headingpart h5 { font-size: 16px; color: #08223a; line-height: 24px; font-family: Montserrat; font-weight: 600; margin-top: 40px; } .homeindustryfluid .homeindustry .leftpart .headingpart p { font-size: 16px; font-family: Montserrat; color: #7e879b; line-height: 26px; font-weight: 400; margin-top: 10px; margin-right: 120px; margin-bottom: 24px; } .homeindustryfluid .homeindustry .rightpart { margin-top: 60px; } .homeindustryfluid .homeindustry .rightpart .mysection { text-align: center; background: #fff; border: 1px solid #e9e9e9ad; border-radius: 8px; margin-bottom: 25px; } .homeindustryfluid .homeindustry .rightpart .mysection:hover { -webkit-box-shadow: 0 21px 51px -13px rgba(8, 8, 97, 0.08); -moz-box-shadow: 0 21px 51px -13px rgba(8, 8, 97, 0.08); box-shadow: 0 21px 51px -13px rgba(8, 8, 97, 0.32); transition: all 1s; } .homeindustryfluid .homeindustry .rightpart .mysection img { width: 50px; height: auto; } .homeindustryfluid .homeindustry .rightpart .mysection h4 { font-size: 16px; color: #2b5c89; font-weight: 550; font-family: Montserrat; margin-top: 20px; } .homeindustryfluid .homeindustry .rightpart .thirdpart .mysection:nth-child(1) { padding-top: 15px; padding-bottom: 15px; } .homeindustryfluid .homeindustry .rightpart .thirdpart .mysection:nth-child(2) { padding-top: 15px; padding-bottom: 15px; } .homeindustryfluid .homeindustry .rightpart .thirdpart .mysection:nth-child(3) { padding-top: 15px; padding-bottom: 15px; } .homeindustryfluid .homeindustry .rightpart .secondpart { margin-top: 130px; } .homeindustryfluid .homeindustry .rightpart .secondpart .mysection:nth-child(1) { padding-top: 20px; padding-bottom: 20px; } .homeindustryfluid .homeindustry .rightpart .secondpart .mysection:nth-child(2) { padding-top: 25px; padding-bottom: 25px; } .homeindustryfluid .homeindustry .rightpart .firstpart { margin-top: 300px; } .homeindustryfluid .homeindustry .rightpart .firstpart .mysection:nth-child(1) { padding-top: 25px; padding-bottom: 25px; } .achievementdigital .rightpart { margin-top: 60px; } .achievementdigital .container .leftpart p { font-size: 14px; font-family: Montserrat; color: #08223a; line-height: 26px; font-weight: 500; margin-top: 10px; margin-right: 40px; margin-bottom: 24px; } .achievementdigital .container .leftpart { margin-top: 100px; } .digitalmarketing .container .requestqquote { width: 100%; margin: 0 auto; text-align: left; padding-top: 30px; } .digitalmarketing .container .requestqquote .form-group input { width: 275px; border-radius: 4px; height: 45px; background: #7904c500; border: 1px solid #cbcbcb; border-right: none; } .syypechat { position: fixed; bottom: 80px; right: 10px; } .syypechat img { height: auto; width: 65px; } .wearabledev .wear-icon { background-image: url(../images/images/game_icons.png); display: inline-block !important; float: left; width: 65px; height: 65px; } .wearabledev .wear-icon1 { background-position: -45px -90px; } .wearabledev .wear-icon2 { background-position: -130px -90px; } .wearabledev .wear-icon3 { background-position: -215px -90px; } .wear-ser .wear-ser-icon { background-image: url(../images/werable/custom_icons.png); display: inline-block !important; width: 75px; height: 75px; } .wear-ser .wear-ser-icon1 { background-position: 7px 6px; } .wear-ser .wear-ser-icon2 { background-position: -72px 6px; } .wear-ser .wear-ser-icon3 { background-position: -151px 6px; } .wear-ser .wear-ser-icon4 { background-position: -236px 6px; } .wear-ser .wear-ser-icon5 { background-position: -319px 6px; } .mob-app .mob-app-icon { background-image: url(../images/images/game_icons.png); display: inline-block !important; float: left; width: 65px; height: 65px; } .mob-app .mob-app-icon1 { background-position: -45px -90px; } .mob-app .mob-app-icon2 { background-position: -130px -90px; } .mob-app .mob-app-icon3 { background-position: -215px -90px; } .mob-ser .mob-ser-icon { background-image: url(../images/werable/custom_icons.png); display: inline-block !important; width: 75px; height: 75px; } .mob-ser .mob-ser-icon1 { background-position: 7px 6px; } .mob-ser .mob-ser-icon2 { background-position: -72px 6px; } .mob-ser .mob-ser-icon3 { background-position: -151px 6px; } .mob-ser .mob-ser-icon4 { background-position: -236px 6px; } .mob-ser .mob-ser-icon5 { background-position: -319px 6px; } .res-web .res-web-icon { background-image: url(../images/webdevelopment/web_icons.png); display: inline-block !important; width: 80px; height: 80px; } .res-web .res-web-icon1 { background-position: -630px -650px; } .res-web .res-web-icon2 { background-position: -724px -650px; } .res-web .res-web-icon3 { background-position: -842px -650px; } .web-dev .web-dev-icon { background-image: url(../images/webdevelopment/web_icons.png); display: inline-block !important; width: 80px; height: 80px; } .web-dev .web-dev-icon1 { background-position: -9px -653px; } .web-dev .web-dev-icon2 { background-position: -122px -653px; } .web-dev .web-dev-icon3 { background-position: -228px -653px; } .web-dev .web-dev-icon4 { background-position: -325px -653px; } .web-dev .web-dev-icon5 { background-position: -418px -653px; } .web-dev .web-dev-icon6 { background-position: -521px -653px; } .i-dev .i-dev-icon { background-image: url(../images/images/game_icons.png); display: inline-block !important; float: left; width: 65px; height: 65px; } .i-dev .i-dev-icon1 { background-position: -45px -90px; } .i-dev .i-dev-icon2 { background-position: -130px -90px; } .i-dev .i-dev-icon3 { background-position: -215px -90px; } .i-dev .i-dev-icon4 { background-position: -285px -90px; } .i-dev .i-dev-icon5 { background-position: -356px -90px; } .a-dev .a-dev-icon { background-image: url(../images/images/game_icons.png); display: inline-block !important; float: left; width: 65px; height: 65px; } .a-dev .a-dev-icon1 { background-position: -45px -90px; } .a-dev .a-dev-icon2 { background-position: -130px -90px; } .a-dev .a-dev-icon3 { background-position: -215px -90px; } .a-dev .a-dev-icon4 { background-position: -435px -90px; } .a-dev .a-dev-icon5 { background-position: -285px -90px; } .whytechfluid { background-image: url(../images/whytech/banner.png); height: 720px; } .whytechfluid .container .mainbackcontent .row h1 { font-size: 35px; font-weight: 600; line-height: 50px; position: relative; } .whytechfluid .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #fff; bottom: -10px; left: 0; } .whytechfluid .container .mainbackcontent .row .subpart h3 { font-size: 18px; color: #fff; line-height: 30px; font-family: Montserrat; font-weight: 500; margin-right: 50px; } .whytechfluid .container .mainbackcontent { margin-top: 20%; } .achievmentfluid { background: #fff; } .achievmentfluid .topheading { text-align: center; margin-top: 15px; } .achievmentfluid .topheading h3 { font-size: 30px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .achievment-techgropse.achievmentfluid .topheading h2 { font-size: 30px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .achievmentfluid .topheading p { font-size: 16px; font-family: Montserrat; color: #08223a; line-height: 20px; font-weight: 500; } .achievmentfluid .myachievement { margin-top: 80px; margin-bottom: 30px; } .achievmentfluid .myachievement .leftpart { text-align: center; margin-top: 30px; } .achievmentfluid .myachievement .leftpart img { width: 70%; height: auto; } .achievmentfluid .myachievement .rightpart .achievepart { margin-bottom: 30px; } .achievmentfluid .myachievement .rightpart .achievepart .achiveimg img { width: 50%; height: auto; } .achievmentfluid .myachievement .rightpart .achievepart .achiveheding { margin-top: 15px; margin-left: 30px; } .achievmentfluid .myachievement .rightpart .achievepart .achiveheding p { font-size: 15px; font-family: Montserrat; color: #08223a; } .achievmentfluid .myachievement .rightpart .achievepart .achiveimg1 img { width: 65%; } .numbergamesfluid { background-image: url(../images/whytech/back.png); padding-top: 20px; margin-bottom: 20px; } .numbergamesfluid .topheading { text-align: center; margin-top: 10px; } .numbergamesfluid .topheading h3 { font-size: 36px; color: #fff; font-weight: 600; font-family: Montserrat; position: relative; } .numbergamesfluid .topheading p { font-size: 16px; font-family: Montserrat; color: #fff; line-height: 20px; font-weight: 500; } .numbergamesfluid .numbersgame { margin-top: 60px; margin-bottom: 60px; } .numbergamesfluid .numbersgame .games { background: #fff; padding: 40px 10px 40px 90px; border-radius: 15px; width: 90%; margin: 0 auto; position: relative; height: 200px; } .numbergamesfluid .numbersgame .number2 { padding: 40px 10px 40px 65px; } .numbergamesfluid .numbersgame .number1:after { display: block; position: absolute; content: url(../images/whytech/years.png); top: 35px; margin-left: 0; left: 0; z-index: 99; } .numbergamesfluid .numbersgame .number2:after { display: block; position: absolute; content: url(../images/whytech/android_ios.png); top: 35px; margin-left: 0; left: 0; z-index: 99; } .numbergamesfluid .numbersgame .number3:after { display: block; position: absolute; content: url(../images/whytech/clients.png); top: 55px; margin-left: 0; left: 0; z-index: 99; } .numbergamesfluid .numbersgame .number4:after { display: block; position: absolute; content: url(../images/whytech/app_play.png); top: 25px; margin-left: 0; left: 0; z-index: 99; } .numbergamesfluid .numbersgame .games h2 { font-size: 40px; font-weight: 700; color: #08223a; font-family: oswaldbold; } .numbergamesfluid .numbersgame .games span { font-size: 20px; font-weight: 700; color: #08223a; font-family: oswaldregular; } .numbergamesfluid .numbersgame .games h4 { font-size: 20px; font-family: oswaldlight; color: #a3a2ad; letter-spacing: 1px; } .whytech360 .solution { margin-top: 60px; margin-bottom: 40px; } .whytech360 .solution .rightpart { text-align: center; } .whytech360 .solution .rightpart img { width: 60%; height: auto; } .whytech360 .solution .leftpart { margin-top: 80px; } .whytech360 .solution .leftpart h4 { font-size: 20px; text-transform: uppercase; font-weight: 550; color: #08223a; font-family: Montserrat; } .whytech360 .solution .leftpart h3 { font-size: 30px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; line-height: 40px; } .whytech360 .solution .leftpart p { font-size: 16px; color: #08223a; line-height: 30px; font-family: Montserrat; font-weight: 500; } .moneybackfluid { margin-bottom: 50px; margin-top: 10px; } .moneybackfluid .leftpart, .moneybackfluid .righrpart { border: 1px solid #f0f0f0; border-radius: 8px; padding: 20px 10px 20px 70px; box-shadow: 1px 1px 46px 14px #e1dada69; width: 85%; position: relative; margin: 0 auto; background: #fff; } .moneybackfluid .leftpart h3, .moneybackfluid .righrpart h3 { font-size: 20px; color: #08223a; font-weight: 550; font-family: Montserrat; position: relative; line-height: 30px; margin-right: 150px; margin-bottom: 5px; } .moneybackfluid .leftpart p, .moneybackfluid .righrpart p { font-size: 16px; color: #08223a; line-height: 26px; font-family: Montserrat; font-weight: 500; } .moneybackfluid .leftpart:after { display: block; position: absolute; content: url(../images/whytech/money.png); top: 30px; margin-left: 0; left: -50px; z-index: 99; } .moneybackfluid .righrpart:after { display: block; position: absolute; content: url(../images/whytech/time.png); top: 30px; margin-left: 0; left: -80px; z-index: 99; } .whytecfluid { background: #f1f4f8; padding-top: 60px; padding-bottom: 40px; } .whytecfluid .leftpart .toppart h3 { font-size: 26px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .whytecfluid .leftpart .toppart p { font-size: 16px; color: #08223a; line-height: 24px; font-family: Montserrat; font-weight: 500; } .whytecfluid .leftpart .points { margin-top: 30px; } .whytecfluid .leftpart .points ul > li { font-size: 17px; color: #08223a; font-family: Montserrat; font-weight: 500; margin-bottom: 10px; position: relative; padding-left: 40px; } .whytecfluid .leftpart .points ul > li:after { display: block; position: absolute; content: url(../images/whytech/tick.png); top: 2px; margin-left: 0; left: 0; z-index: 99; } .whytecfluid .rightpart img { width: 85%; height: auto; } .ourpertner { padding: 0; margin-bottom: 50px; } .ourpertner img { width: 100%; height: auto; } .startupbusiness.ecommerce_benifit .container .blockchainleft h2 { font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: capitalize; margin-bottom: 10px; } .startupbusiness .container .blockchainleft h3 { font-size: 36px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: capitalize; margin-bottom: 10px; } .gropsesubmenu { padding: 10px 20px; } .gropsesubmenu .mysubmenu .heading h4 { font-size: 12px; font-weight: 500; color: #0082f1; text-transform: uppercase; border-bottom: 1px solid #00a3e7; padding-bottom: 10px; margin: 10px 0 5px; } .gropsesubmenu .mysubmenu .headingpart ul li .font-10, .gropsesubmenu .mysubmenu .headingpart ul > li > a { font-size: 10px !important; padding-right: 0 !important; padding-left: 20px; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d !important; letter-spacing: 0 !important; margin-right: 0 !important; } .gropsesubmenu .mysubmenu .headingpart ul > li { padding-bottom: 5px; margin-bottom: 5px; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li { margin-bottom: 0; padding: 5px 10px; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover { background-color: #125aff; border-radius: 5px; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li .font-10 .icon-black, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li a .icon-black, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10 .icon-white, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a .icon-white { width: 12px; height: 12px; margin-right: 2px; margin-bottom: 2px; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li .font-10 .icon-white, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li a .icon-white { display: none; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10 .icon-black, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a .icon-black { display: none; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10 .icon-white, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a .icon-white { display: inline-block; } .headerfluid .container .headingpart li:nth-last-child(2) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d; letter-spacing: 1px; box-shadow: none; } .headerfluid .container .headingpart li:nth-last-child(1) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d; letter-spacing: 1px; box-shadow: none; } .headerfluid.stick .container .headingpart li:nth-last-child(2) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d !important; letter-spacing: 1px; box-shadow: none; background: 0 0; } .headerfluid.stick .container .headingpart li:nth-last-child(1) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d !important; letter-spacing: 1px; box-shadow: none; background: 0 0; } .headerfluid .reviewimages .imagemenu img { width: 80%; height: auto; margin: 0 auto; } .headerfluid .reviewimages { margin-top: 30px; } .gropsesubmenu .mysubmenu .headingpart ul > li > a:hover { color: #0074f5; } .myinvestor .headerfluid .container .headingpart li:nth-last-child(2) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d; letter-spacing: 1px; box-shadow: none; background: 0 0; } .myinvestor .headerfluid .container .headingpart li:nth-last-child(1) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d; letter-spacing: 1px; box-shadow: none; background: 0 0; } .healthcarefluid .headerfluid .container .headingpart li:nth-last-child(2) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d !important; letter-spacing: 1px; box-shadow: none; background: 0 0; } .healthcarefluid .headerfluid .container .headingpart li:nth-last-child(1) a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d !important; letter-spacing: 1px; box-shadow: none; background: 0 0; } .seofluid .container .blockchainleft h1 { font-size: 26px; } .seofluid .container .blockchainleft h1:after { border-bottom: 0; position: absolute; content: ""; width: 90px; height: 2px; background: #175eff; top: 40px; left: 2px; } .fantasyfluid .container .mymenu li:nth-last-child(2) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; box-shadow: none; } .gropsesubmenu li:nth-last-child(2) a { background: 0 0 !important; box-shadow: none !important; color: #08223a !important; } .gropsesubmenu li:nth-last-child(1) a { background: 0 0 !important; box-shadow: none !important; color: #08223a !important; } .fantacywhy .container .whyimg img { width: 70%; height: auto; margin-right: 20%; margin-top: 8%; } .topheaingfluid .carousel-control.left { background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100% ); background-repeat: repeat-x; } .topheaingfluid .carousel-control.right { background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100% ); background-repeat: repeat-x; } .topheaingfluid .glyphicon-chevron-left:before { content: no-close-quote; } .topheaingfluid .glyphicon-chevron-right:before { content: no-close-quote; } .topheaingfluid .digitalparthome { background: #fff; border-radius: 10px; box-shadow: 0 21px 51px -13px rgba(8, 8, 97, 0.08); } .digitalparthome .aboutheading .headings h2 { font-size: 24px; color: #08223a; font-weight: 700; font-family: "Iskoola Pota"; position: relative; margin-bottom: 40px; } .digitalparthome { margin-top: 50px; } .digitalparthome .aboutheading .headings h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 40px; left: 1px; } .digitalparthome .aboutheading .aboutcontent p { font-size: 14px; font-family: Montserrat; color: #9a9a9a; line-height: 21px; font-weight: 500; margin-top: 10px; margin-right: 50px; margin-bottom: 24px; } .digitalparthome .readmoreabout a { padding: 14px 30px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; } .digitalparthome .readmoreabout { margin-top: 30px; } .digitalparthome .svgimage { text-align: center; } .digitalparthome .svgimage img { width: 100%; height: auto; } .digitalparthome .homeabotus { padding: 20px 30px; margin-top: 30px; } .moneyfluid .topheang { text-align: center; margin-bottom: 60px; } .moneyfluid .topheang h4 { font-size: 24px; color: #08223a; z-index: 2; font-family: "Iskoola Pota"; font-weight: 700; position: relative; } .moneyfluid .moneydesign .leftpart { text-align: center; } .moneyfluid .moneydesign .leftpart img { width: auto; height: auto; } .moneyfluid .moneydesign .leftpart img:nth-child(2) { display: none; } .moneyfluid { padding: 50px 0; background: #fff; } .moneyfluid .moneydesign .rightpart h3 { font-size: 20px; color: #08223a; font-weight: 550; font-family: Montserrat; position: relative; line-height: 30px; margin-bottom: 5px; margin-top: 0; } .moneyfluid .moneydesign .rightpart p { font-size: 15px; color: #a9b1ba; line-height: 26px; font-family: Montserrat; font-weight: 500; } .moneyfluid .moneydesign { padding: 55px 35px; border: 1px solid #f2f0f0; border-radius: 10px; background: #fff; box-shadow: 0 13px 40px 0 #e7e7e7; } .moneyfluid .moneydesign .col-sm-10 { padding-left: 0; } .moneyfluid .moneydesign:hover { background-image: linear-gradient(to right, #125aff, #5387ff); } .moneyfluid .moneydesign:hover .rightpart h3 { color: #fff; } .moneyfluid .moneydesign:hover .rightpart p { color: #fff; } .moneyfluid .moneydesign:hover .leftpart img:nth-child(2) { display: block; } .moneyfluid .moneydesign:hover .leftpart img:nth-child(1) { display: none; } .whytech360home .solution .leftpart h4 { font-size: 30px; font-weight: 700; color: #08223a; font-family: Montserrat; z-index: 2; position: relative; } .whytech360home .solution .leftpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #005fff; top: 40px; left: 1px; } .whytech360home .solution .leftpart h5 { color: #dae9f7; opacity: 0.3; letter-spacing: 0; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; z-index: 1; position: absolute; top: 35px; font-size: 40px; } .whytech360home .solution .leftpart h3 { font-size: 13px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; line-height: 40px; text-transform: uppercase; } .firtfooterfluid .address-box .contentpart h3 { font-size: 20px; font-weight: 600; color: #08223a; font-family: Montserrat; } .firtfooterfluid .address-box .contentpart h5 { margin-top: 15px; font-size: 14px; font-weight: 500; color: #1b1b1b; font-family: Montserrat; margin-bottom: 0; } .firtfooterfluid .address-box .contentpart h6 { margin-top: 10px; font-size: 14px; font-weight: 500; color: #1b1b1b; font-family: Montserrat; margin-bottom: 0; } .blogsection { width: 100%; height: 100%; background-position: center; padding-top: 80px; padding-bottom: 80px; } .blogsection .blogpart .baner img { width: 100%; height: auto; border-radius: 10px; } .blogsection .blogpart .baner .home img { width: 100%; height: 190px; border-radius: 10px; } .blogsection .blogpart .textpart { border: 1px solid #f0f0f0; padding: 20px 20px 30px 35px; border-radius: 0 0 10px 10px; background: #fff; border-top: 0; } .blogsection .blogpart .textpart h5 { font-size: 14px; color: #1d62ff; font-weight: 600; font-family: Montserrat; position: relative; line-height: 20px; } .blogsection .blogpart .textpart h5:after { border-bottom: 0; position: absolute; content: ""; width: 5px; height: 25px; background: #447cff; top: -3px; left: -35px; border-radius: 0 20px 20px 0; } .blogsection .blogpart .textpart h4 { font-size: 20px; color: #08223a; font-weight: 550; font-family: Montserrat; line-height: 25px; } .blogsection .blogpart .textpart p { font-size: 15px; color: #08223a; line-height: 24px; font-family: Montserrat; font-weight: 500; } .blogsection .blogpart .textpart:hover { box-shadow: 1px 1px 40px -8px #8c929766; } .chess-blog .moreblogpart h2 { font-size: 40px; font-weight: 700; color: #000; font-family: Montserrat, bold; position: relative; z-index: 111; margin-bottom: 40px; } .blogsection .moreblogpart h3 { font-size: 40px; font-weight: 700; color: #000; font-family: Montserrat, bold; position: relative; z-index: 111; margin-bottom: 40px; } .blogsection .moreblogpart { margin-left: 10px; margin-top: 0; } .blogsection .moreblogpart h4 { font-size: 50px; text-transform: uppercase; position: absolute; top: 10px; color: #f3f3f3; opacity: 0.6; font-family: "Iskoola Pota"; font-weight: 700; font-style: normal; } .home-blog .moreblogpart p { font-size: 16px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; line-height: 40px; text-transform: capitalize; line-height: 22px; } .chess-blog .moreblogpart p { font-size: 14px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; text-transform: capitalize; line-height: 22px; } .blogsection .moreblogpart h5 { font-size: 14px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; line-height: 40px; text-transform: uppercase; line-height: 22px; } .blogsection .moreblogpart .more img { width: 200px; height: auto; } .firtfooterfluid { margin-top: 40px; margin-bottom: 50px; } .firtfooterfluid .address-box { position: relative; border: 1px solid #f3f3f3; padding: 10px 20px; height: 300px; border-radius: 10px; } .firtfooterfluid .address-box:hover { box-shadow: 10px 10px 14px -10px #d1d1d1; } .firtfooterfluid .address-box .addresspart { transition: 0.8s ease-in-out; } .firtfooterfluid .address-box:hover .addresspart { transform: rotateY(360deg); } .firtfooterfluid .addresspart { background-image: url(../images/homeimages/icons.png); width: 100px; height: 100px; background-size: 1000px 600px; } .firtfooterfluid .address1 { background-position: -65px -340px; } .firtfooterfluid .address2 { background-position: -195px -340px; } .firtfooterfluid .address3 { background-position: -310px -340px; } .firtfooterfluid .address-box .contentpart { padding-left: 15px; } .firtfooterfluid .address-box .contentpart h6 span { margin-bottom: 5px; display: block; } .firtfooterfluid .address-box .contentpart h6 a { color: #1b1b1b; } .iphoneappdevelop .container .blockchainright { background: #1f63ff; border-radius: 6px; } .iphoneappdevelop .container .blockchainright img { width: 100%; height: auto; border: 5px solid #ededed; border-radius: 6px; } .iphoneappdevelop .container .blockchainright img:hover { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .iphoneappdevelop .container .blockchainright { margin-top: 15px; } .iphoneappdevelop .container .procedure ul li { font-size: 13px; font-weight: 500; color: #606277; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .iphoneappdevelop .container .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .iphoneappdevelop .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: 2px; } .iphoneappdevelop .container .procedure ul li:nth-last-child(1):before { border-left: none; } .iphoneappdevelop .headingtop { text-align: center; } .flutter-iphoneapp .headingtop h2 { font-weight: 600; font-size: 24px; color: #08223a; font-family: Montserrat; position: relative; } .iphoneappdevelop .headingtop h3 { font-weight: 600; font-size: 30px; color: #08223a; font-family: Montserrat; position: relative; } .iphone-uae.iphoneappdevelop .headingtop h2 { font-weight: 600; font-size: 30px; color: #08223a; font-family: Montserrat; position: relative; } .iphoneappdevelop .headingtop h4 { font-weight: 550; font-size: 18px; color: #08223a; font-family: Montserrat; margin-top: 25px; } .iphoneappdevelop .androidapp { margin: 0 auto; text-align: center; margin-top: 30px; } .iphone-uae.iphoneappdevelop .androidapp { margin: 0 auto; text-align: center; } .flutter-iphoneapp .androidapp img { margin-top: 0 !important; } .iphoneappdevelop .androidapp img { width: 55%; height: auto; margin-top: 10px; } .usaiphoneapp .androidapp img { width: 60%; height: auto; margin-top: 0; } .iphoneappdevelop .headingtop h3:after { border-bottom: 0; position: absolute; content: ""; width: 70px; height: 2px; background: #08223a; bottom: -15px; margin-left: -50px; left: 50%; display: none; } .foodservice .androidapp img { width: 100%; height: auto; } .iphoneappdevelop .blockchainleft { margin-top: 20px; } .iphoneappdevelop .row { margin-top: 20px; margin-bottom: 20px; } .careerpage { background-image: url(../images/banner/Career.png); background-size: cover; background-position: center; width: 100%; height: 100vh; overflow: hidden; } .careerpage .container .mainbackcontent .row .subpart { margin-top: 15px; text-align: center; } .careerpage .container .mainbackcontent .row .subpart h4 { font-size: 20px; color: #ebebeb; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: center; } .careerpage .container .mainbackcontent .row h1:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; top: 60px; left: 370px; } .careerpage .container .mainbackcontent { margin-top: 24%; } .kuwait .androidapp img { width: 80%; height: auto; } #requestsendModal { background: rgba(20, 20, 20, 0.52); z-index: 2147483647; } #requestsendModal .modal-content { background-image: url(../images/popup/popup-web.png); background-size: cover; width: 100%; height: 450px; border-radius: 20px; } #requestsendModal .modal-header { padding: 0; border-bottom: none; } #requestsendModal .modal-dialog { width: 600px; } #requestsendModal .modal-body { position: relative; padding: 0; } #requestsendModal .modal-body .sendmessege { margin-top: 290px; margin-left: 42px; } #requestsendModal .modal-body .sendmessege .heading h3 { font-size: 20px; font-family: oswaldlight; font-weight: 400; color: #5f5f5f; letter-spacing: 1px; } #requestsendModal .modal-body .sendmessege .contactnuber { margin-right: 35%; } #requestsendModal .modal-body .sendmessege .contactnuber ul { padding: 0; } #requestsendModal .modal-body .sendmessege .contactnuber ul li { float: left; margin-top: 10px; margin-right: 10px; } #requestsendModal .modal-body .sendmessege .contactnuber ul li a { font-size: 14px; color: #1b1732; font-family: oswaldregular; letter-spacing: 1px; } #requestsendModal .modal-body .sendmessege .contactnuber ul li span { font-size: 10px; color: #949db4; font-family: oswaldlight; } #requestsendModal .modal-body .sendmessege .contactnuber ul li:nth-last-child(1) a { color: #03a9f4; } #requestsendModal .close { color: #000; background: #fff; opacity: 1; padding: 10px; border-radius: 20px; position: absolute; bottom: -60px; left: 47%; line-height: 15px; } #requestnotsendModal { background: rgba(20, 20, 20, 0.52); z-index: 2147483647; } #requestnotsendModal .modal-content { background-image: url(../images/popup/popup-web-2.png); background-size: cover; width: 100%; height: 450px; border-radius: 20px; } #requestnotsendModal .modal-header { padding: 0; border-bottom: none; } #requestnotsendModal .modal-dialog { width: 600px; } #requestnotsendModal .modal-body { position: relative; padding: 0; } #requestnotsendModal .modal-body .sendmessege { margin-top: 290px; margin-left: 42px; } #requestnotsendModal .modal-body .sendmessege .heading h3 { font-size: 20px; font-family: oswaldlight; font-weight: 400; color: #5f5f5f; letter-spacing: 1px; } #requestnotsendModal .modal-body .sendmessege .contactnuber { margin-right: 35%; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul { padding: 0; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li { float: left; margin-top: 10px; margin-right: 10px; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li a { font-size: 14px; color: #1b1732; font-family: oswaldregular; letter-spacing: 1px; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li span { font-size: 10px; color: #949db4; font-family: oswaldlight; } #requestnotsendModal .modal-body .sendmessege .contactnuber ul li:nth-last-child(1) a { color: #03a9f4; } #requestnotsendModal .close { color: #000; background: #fff; opacity: 1; padding: 10px; border-radius: 20px; position: absolute; bottom: -60px; left: 47%; line-height: 15px; } .loaderrequest { text-align: center; } .loaderrequest img { width: 100px; height: auto; } .mobileviewportfolio .appheading { text-align: center; position: relative; margin-top: 40px; } .mobileviewportfolio .appheading h1 { font-size: 36px; color: #08223a; font-family: proxima_nova_alt_rgbold; position: relative; } .mobileviewportfolio .appheading h1:after { border-bottom: 0; position: absolute; content: ""; width: 56px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 55%; } .mobileviewportfolio .appheading h2 { text-transform: uppercase; color: #e1e1e1; opacity: 0.5; font-family: "Iskoola Pota"; font-weight: 500; font-style: normal; z-index: 1; position: absolute; top: -38px; left: 10%; font-size: 42px; } .mobileviewportfolio .mobileview .appimage { position: relative; } .mobileviewportfolio .mobileview .appimage img { width: 100%; height: auto; border-radius: 10px; } .mobileviewportfolio .mobileview .appimage h2 { position: absolute; bottom: 0; left: 10px; font-size: 30px; color: #fff; font-family: proxima_nova_alt_rgbold; } .mobileviewportfolio .mobileview { margin-top: 20px; margin-bottom: 20px; } .mobileviewportfolio .mobileview .store .appicon { float: left; } .mobileviewportfolio .mobileview .store .appicon img { width: 30px; height: auto; } .mobileviewportfolio .mobileview .store .name { margin-left: 40px; } .mobileviewportfolio .mobileview .store .name h3 { font-size: 14px; line-height: 15px; color: #515050; font-family: proxima_nova_alt_rgbold; } .pngortfolioo .websitelink a { padding: 15px 25px; background-image: linear-gradient(to right, #125aff, #5387ff); border-radius: 5px; color: #fff; margin-top: 15px; display: block; text-align: center; } .homepage-fluid { background-image: url(../images/homeimages/home_banner.png); background-size: cover; background-position: center; width: 100%; padding: 0; height: 100vh; position: relative; } .headerfluid .container .navbar-default { margin-top: 20px; } .headerfluid { position: absolute; top: 0; left: 0; width: 100%; } .stick .headerfluid .container .navbar-default .navbar-default .navbar-nav > .open > a, .stick .headerfluid .container .navbar-default .navbar-nav > .open > a:focus, .stick .headerfluid .container .navbar-default .navbar-nav > .open > a:hover { color: #000 !important; background-color: #e7e7e700; } .stick .headerfluid { left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; box-shadow: 0 0 28px 0 #0b1d4833; background: #fff; -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0, 1); transition: all 1s cubic-bezier(0.4, 0.25, 0, 1); transform-origin: top; } .stick .headerfluid .container .mymenu li > a { color: #000; } .stick .headerfluid .container .logo .disnone { display: block; } .stick .headerfluid .container .logo .stickdisnone { display: none; } .headerfluid.stick .container .navbar-default { background-color: transparent; border-color: transparent; margin-top: 5px; margin-bottom: 5px; } .stick .headerfluid .container .navbar-default { margin-top: 10px; } .stick .headerfluid .container .mymenu li:nth-last-child(1) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 40px; font-size: 12px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding-right: 15px; } .stick .headerfluid .container .mymenu li:nth-last-child(2) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); font-weight: 700; width: 170px; font-size: 12px; text-align: center; height: 48px; box-shadow: 0 8px 9px -6px #0094da00; border-radius: 4px; padding-right: 15px; } .stick .headerfluid .container .mymenu .mysubmenu li:nth-last-child(1) a { font-weight: 500; } .stick .headerfluid .container .mymenu .mysubmenu li:nth-last-child(2) a { font-weight: 500; } .homepage-heading .profilewebsite .container h2 { color: #fff; font-size: 20px; font-weight: 700; text-transform: capitalize; } .homepage-fluid .agency-part { width: 50%; margin: 0 auto; margin-bottom: 40px; } .homepage-fluid .agency-part .agencyicon img { width: 80px; height: auto; } .topheadercontent { margin-top: 12%; } .topheadercontent .leftpart h1 { font-size: 60px; font-family: proxima_nova_alt_rgbold; font-weight: 700; font-style: normal; color: #fff; line-height: 65px; text-align: left; } .homepage-fluid .profilewebsite .container-fluid .leftpart h2 { font-size: 60px; font-family: proxima_nova_alt_rgbold; font-weight: 700; font-style: normal; color: #fff; line-height: 65px; text-align: left; } .topheadercontent .leftpart h1 span { display: block; font-weight: 400; font-family: proxima_nova_altlight; font-size: 30px; } .topheadercontent .leftpart .subpart p { font-size: 18px; color: #fff; line-height: 28px; font-family: proxima_nova_altlight; margin-right: 50px; text-align: left; } .topheadercontent .requestqquote { margin-top: 30px; } .topheadercontent .leftpart .headerlinks { display: none; margin-top: 30px; } .topheadercontent .leftpart .headerlinks a { border: 2px solid #e2e1e1; padding: 10px 10px; border-radius: 8px; color: #fff; font-size: 12px; width: 150px; text-align: center; margin-right: 20px; font-family: proxima_nova_altlight; } .topheadercontent .leftpart .headerlinks a:nth-child(1) { background: #1c5eff; border: 2px solid #1c5eff; } .topheadercontent .leftpart .headerlinks a:hover { background: #1c5eff; border: 2px solid #1c5eff; } .topheadercontent .requestqquote .form-group input { width: 275px; border-radius: 4px; height: 48px; background: #0250ce; border: 1px solid #ffffff40; border-right: none; border-radius: 10px 0 0 10px; } .topheadercontent .requestqquote .form-group input:focus { color: #fff; } .topheadercontent .requestqquote .form-group input::placeholder { color: #fff; font-size: 14px; } .emerging-fluid .tab-content .tabspart .leftpart.iot img { width: 80%; height: auto; } .emerging-fluid .tab-content .tabspart .leftpart.arvr img { width: 75%; height: auto; } .emerging-fluid .tab-content .tabspart .leftpart.machlern img { width: 80%; height: auto; } .topheadercontent .requestqquote button { width: 180px; height: 48px; border-radius: 4px; border: 2px solid #fff; margin-left: -15px; font-size: 14px; font-weight: 550; font-family: Montserrat; border-radius: 0 10px 10px 0; } .topheadercontent .svgimage img { width: 85%; height: auto; float: right; } .profilewebsite { position: absolute; width: 100%; bottom: 40px; } .homepage-fluid .profilewebsite ul { display: flex; } .homepage-fluid .profilewebsite ul li { width: 20%; } .profilewebsite .profilepart { padding: 10px 10px 10px 40px; position: relative; border: 1px solid #ffffff3d; margin-right: 15px; background-color: #ffffff05; transition: 0.5s; } .profilewebsite .profilepart:hover, a .profilewebsite .profilepart:hover { background-color: #fff; } .profilewebsite .profilepart:hover span, a .profilewebsite .profilepart:hover span { color: #000 !important; font-weight: 500; } .homepage-heading .profilewebsite .profilepart:after { background-image: url(../images/homeimages/techicon.png); display: block; width: 50px; height: 50px; content: ""; position: absolute; top: -12px; left: 3px; background-position: -58px -950px; } .homepage-heading .profilewebsite .profilepart > span { font-size: 12px; color: #fff; font-family: Montserrat; margin-bottom: 5px; display: block; } .homepage-heading a .profilewebsite .profilepart > span { font-size: 12px; color: #fff; font-family: Montserrat; margin-bottom: 5px; display: block; } .homepage-heading .profilewebsite .profilepart p { font-size: 10px; color: #fff; font-family: Montserrat; line-height: 15px; } .homepage-heading .profilewebsite .profilepart p span { display: inline-block; } .startup-fluid { margin-top: 80px; margin-bottom: 50px; } .startup-fluid .headingpart { text-align: center; } .home-startup .headingpart h3 { font-size: 32px; color: black; font-family: Montserrat; position: relative; line-height: 50px; } .home-startup.startup-fluid .headingpart p { font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; letter-spacing: 1px; position: relative; margin-left: 0; margin-right: 0; } .home-startup.startup-fluid.updated-home-startup .headingpart p::before { position: absolute; content: ""; left: 31%; width: 60px; height: 2px; background: black; top: 8px; } .home-startup.startup-fluid.updated-home-startup .headingpart p::after { position: absolute; content: ""; right: 31%; width: 60px; height: 2px; background: black; top: 8px; } .startup-fluid .headingpart h4 { font-size: 40px; color: #08223a; font-family: Montserrat; font-weight: 700; position: relative; } .startup-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .startup-fluid .headingpart p { font-size: 16px; text-transform: capitalize; font-family: Montserrat; color: #08223a; margin-right: 100px; margin-left: 100px; margin-top: 20px; line-height: 20px; font-weight: 500; } .startup-fluid .featurepart { margin: 50px; } .startup-fluid .featurepart .feature { text-align: center; padding: 40px 0; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .home-startup .featurepart .feature:hover { box-shadow: 0 10px 25px -10px #ccc; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .home-startup .featurepart .feature:hover .featureicon { transition: 0.7s ease-in-out; } .home-startup .featurepart .feature:hover .featureicon { transform: rotateY(360deg); } .startup-fluid .featurepart .feature p { font-size: 14px; font-family: Montserrat; color: #000; margin-top: 30px; line-height: 24px; font-weight: 500; } .startup-fluid .featurepart .feature p span { display: block; } .home-startup .container .featurepart .featureicon { background-image: url(../images/homeimages/techicon.png); height: 90px; width: 90px; background-size: 1200px 700px; } .home-startup .container .featurepart .icon1 { background-position: -113px -1287px; margin: 0 auto; } .home-startup .container .featurepart .icon2 { background-position: -222px -1287px; margin: 0 auto; } .home-startup .container .featurepart .icon3 { background-position: -337px -1287px; margin: 0 auto; } .home-startup .container .featurepart .icon4 { background-position: -448px -1287px; margin: 0 auto; } .homeabotus .featurepart .feature { display: flex; } .homeabotus .featurepart .feature .featureicon { background: url(../images/homeimages/icons.png) no-repeat; background-size: 1200px auto; width: 70px; height: 60px; margin: 0 auto; margin-bottom: 10px; } .homeabotus .featurepart .feature .icon1 { background-position: -415px -40px; } .homeabotus .featurepart .feature .icon2 { background-position: -485px -40px; } .homeabotus .featurepart .feature .icon3 { background-position: -572px -40px; } .homeaboutcontainer .socialnediaabourt .sideheading span { margin-top: 120px; } .homeservicefluid { background: #eef3ff; padding: 75px 0; } .homeservicefluid .homeservice .servicehrading .heading p { margin-top: 30px; font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; position: relative; letter-spacing: 1px; } .homeservicefluid .homeservice .servicehrading .heading p::before { position: absolute; content: ""; left: 32%; width: 60px; height: 2px; background: black; top: 10px; } .homeservicefluid .homeservice .servicehrading .heading p::after { position: absolute; content: ""; right: 32%; width: 60px; height: 2px; background: black; top: 10px; } .homeservicefluid .homeservice .servicehrading .heading h3 { font-size: 14px; font-weight: 550; text-transform: capitalize; color: #08223a; font-family: Montserrat; margin-top: 20px; } .services-fluid .homeservice .myservices .row .mainpart { text-align: left; padding: 20px 25px 25px; border-radius: 10px; transition: 0.5s all; background-color: #fff; border: 2px solid #f2f2f2; } .services-fluid .homeservice .myservices .row .mainpart:hover { background: white; box-shadow: 0 0 40px #0000001f; transform: scale(0.9); } .services-fluid .homeservice .myservices .row .mainpart .serviceimage { transition: 0.7s ease-in-out; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage { background: url(../images/homeimages/icons.png) no-repeat; background-size: 1200px auto; width: 70px; height: 60px; margin-bottom: 10px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon1 { background-position: -662px -40px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon2 { background-position: -750px -40px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon3 { background-position: -830px -40px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon4 { background-position: -1099px -40px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon5 { background-position: -1000px -40px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon6 { background-position: -920px -40px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon7 { background-position: -871px -317px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon8 { background-position: -946px -317px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon9 { background-position: -1042px -317px; } .services-fluid .homeservice .myservices .row .mainpart .serviceimage.icon10 { background-position: -1114px -317px; } .services-fluid .homeservice .myservices .row .mainpart .serviceheadng h4 { font-size: 16px; color: #000; font-weight: 700; font-family: poppinsregular; margin-top: 20px; line-height: 25px; } .services-fluid .homeservice .myservices .row .mainpart .serviceheadng h5 { font-size: 16px; color: #08223a; font-weight: 700; } .services-fluid .homeservice .myservices .row .mainpart .serviceheadng p { font-size: 12px; color: #7f7f7f; font-family: poppinsregular; font-weight: 500; margin-bottom: 10px; } .services-fluid .homeservice .myservices .row .mainpart .serviceheadng span { font-size: 12px; color: #7f7f7f; font-family: poppinsregular; font-weight: 600; margin-bottom: 10px; display: inline-block; padding-bottom: 1px; border-bottom: 1px solid; } .services-fluid .homeservice .myservices .row .mainpart .serviceheadng a { font-size: 14px; color: #000; font-family: Montserrat; } .home-service-img { margin-left: -5px; } .video-fluid { padding-top: 50px; padding-bottom: 80px; background: linear-gradient(to top, #eaeef4 50%, #fff 50%); } .video-fluid .headingpart { text-align: center; } .video-fluid .headingpart p { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; line-height: 40px; } .video-fluid .headingpart p span { display: block; } .video-fluid .headingpart h4 { font-size: 26px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; line-height: 40px; } .video-fluid .headingpart h4 span { display: block; } .video-fluid .headingpart h4 samp { font-weight: 700; color: #08223a; } .video-fluid .videopart { text-align: center; margin-top: 40px; } .emerging-fluid { margin-top: 80px; margin-bottom: 50px; } .emerging-fluid .headingpart { text-align: center; } .home-emerging .headingpart h3 { font-size: 32px; color: black; font-family: Montserrat; z-index: 2; position: relative; } .emerging-fluid .headingpart h4 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .emerging-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .emerging-fluid .headingpart p { margin-top: 30px; font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; position: relative; letter-spacing: 1px; } .home-emerging.emerging-fluid .headingpart p::before { position: absolute; content: ""; left: 32%; width: 60px; height: 2px; background: black; top: 12px; } .home-emerging.emerging-fluid .headingpart p::after { position: absolute; content: ""; right: 32%; width: 60px; height: 2px; background: black; top: 12px; } .emerging-fluid .emergingtech { margin-top: 60px; margin-bottom: 40px; } .emerging-fluid .emergingtech .nav-tabs { border: none; display: flex; justify-content: center; } .emerging-fluid .emergingtech .nav-tabs li { margin: 0 25px; } .emerging-fluid .emergingtech ul li a { cursor: pointer; } .emerging-fluid .emergingtech ul li a:hover { background: transparent; margin-left: 0; } .emerging-fluid .emergingtech ul li a h4 { text-align: center; font-size: 20px; color: #666666; font-weight: 700; font-family: poppinsregular; position: relative; letter-spacing: 1px; } .emerging-fluid .emergingtech ul li.active a h4 { color: #000; } .emerging-fluid .emergingtech ul li:nth-child(1) a { padding: 0; border: none; } .emerging-fluid .emergingtech ul li:nth-child(2) a { padding: 0; border: none; } .emerging-fluid .emergingtech ul li:nth-child(3) a { padding: 0; border: none; } .emerging-fluid .emergingtech ul li:nth-child(4) a { padding: 0; border: none; } .emerging-fluid .emergingtech .nav-tabs { border: none; display: flex; justify-content: center; } .emerging-fluid .emergingtech .iconwithactive { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 70px; height: 60px; background-position: -260px -140px; display: block; } .emerging-fluid .emergingtech .active .iconwithactive { display: none; } .emerging-fluid .emergingtech .iconwithoutactive { display: none; } .emerging-fluid .emergingtech .active .iconwithoutactive { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 70px; height: 60px; background-position: -260px -220px; display: block; } .emerging-fluid .emergingtech .iconwithactive1 { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 80px; height: 60px; background-position: -350px -140px; display: block; } .emerging-fluid .emergingtech .active .iconwithactive1 { display: none; } .emerging-fluid .emergingtech .iconwithoutactive1 { display: none; } .emerging-fluid .emergingtech .active .iconwithoutactive1 { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 80px; height: 60px; background-position: -350px -220px; display: block; } .emerging-fluid .emergingtech .iconwithactive2 { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 70px; height: 60px; background-position: -450px -140px; display: block; } .emerging-fluid .emergingtech .active .iconwithactive2 { display: none; } .emerging-fluid .emergingtech .iconwithoutactive2 { display: none; } .emerging-fluid .emergingtech .active .iconwithoutactive2 { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 70px; height: 60px; background-position: -450px -220px; display: block; } .emerging-fluid .emergingtech .iconwithactive3 { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 70px; height: 60px; background-position: -530px -140px; display: block; } .emerging-fluid .emergingtech .active .iconwithactive3 { display: none; } .emerging-fluid .emergingtech .iconwithoutactive3 { display: none; } .emerging-fluid .emergingtech .active .iconwithoutactive3 { background: url(../images/homeimages/icons.png) no-repeat; margin: 0 auto; background-size: 1200px auto; width: 70px; height: 60px; background-position: -530px -220px; display: block; } .emerging-fluid .tab-content { margin-top: 100px; } .emerging-fluid .tab-content .tabspart .leftpart { text-align: center; } .emerging-fluid .tab-content .tabspart .leftpart img { width: 85%; height: auto; } .emerging-fluid .tab-content .tabspart .rightpart .heading h4 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .emerging-fluid .tab-content .tabspart .rightpart .heading h4:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #0070f5; top: 40px; left: 0; } .emerging-fluid .tab-content .tabspart .rightpart .heading h4 span { font-size: 16px; font-weight: 600; color: #08223a; display: block; margin-top: 20px; } .emerging-fluid .tab-content .tabspart .rightpart .heading p { font-size: 16px; font-family: Montserrat; color: #08223a; line-height: 24px; font-weight: 500; margin-bottom: 10px; } .emerging-fluid .tab-content .tabspart .rightpart .pointspart { margin-top: 30px; } .emerging-fluid .tab-content .tabspart .rightpart .pointspart ul li { font-size: 16px; color: #08223a; padding-left: 30px; font-weight: 500; margin-bottom: 20px; font-family: Montserrat; position: relative; width: 100%; } .emerging-fluid .tab-content .tabspart .rightpart .pointspart ul li:after { font-family: FontAwesome; content: "\f058"; position: absolute; left: 0; font-size: 24px; color: #379bff; top: -6px; } .workingprocessfluid { background-image: url(../images/homeimages/agile_bg.png); background-size: cover; background-position: center; width: 100%; } .solution360-fluid { background-image: url(../images/homeimages/360back.png); background-size: cover; background-position: center; padding-top: 80px; padding-bottom: 50px; } .solution360-fluid .headingpart { text-align: center; } .home-stand-out .headingpart h3 { font-size: 35px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .solution360-fluid .headingpart h4 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .home-stand-out .headingpart h3:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .solution360-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .solution360-fluid .headingpart p { font-size: 16px; font-family: Montserrat; color: #08223a; margin-right: 20%; margin-left: 20%; margin-top: 20px; line-height: 20px; font-weight: 500; text-transform: capitalize; } .solution360-fluid .solutionimage { text-align: center; margin-top: 50px; margin-bottom: 40px; } .solution360-fluid .solutionimage img { width: 50%; height: auto; } .industry-fluid { margin-top: 50px; margin-bottom: 50px; } .industry-fluid .headingpart { text-align: center; } .home-industry .headingpart h3 { font-size: 35px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .industry-fluid .headingpart h4 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .industry-fluid .headingpart h5 { font-size: 16px; color: #08223a; font-family: Montserrat; font-weight: 700; margin-top: 20px; text-transform: capitalize; } .home-industry .headingpart h3:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .industry-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .industry-fluid .headingpart p { font-size: 14px; font-family: Montserrat; color: #08223a; margin-right: 0; margin-left: 0; margin-top: 20px; line-height: 24px; font-weight: 500; } .industry-fluid .industrypart { margin-top: 50px; margin-bottom: 0; } .industry-fluid .industrypart .industry { padding: 15px 10px 15px 90px; border: 1px solid #e3e7ec; border-radius: 10px; position: relative; margin-bottom: 30px; transition: 0.5s ease-in-out; } .industry-fluid .industrypart .industry:hover { box-shadow: 0 15px 39px -11px #46638e45; transform: translate(-5px, -5px); transition: 0.5s ease-in-out; } .industry-fluid .industrypart .industry h6 { font-size: 16px; font-family: Montserrat; color: #08223a; font-weight: 500; } .industry-fluid .industrypart .industry:after { background-image: url(../images/homeimages/icons.png); display: block; width: 70px; height: 60px; content: ""; position: absolute; top: 10px; left: 10px; } .industry-fluid .industrypart .industry.icon1:after { background-position: -25px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon2:after { background-position: -120px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon3:after { background-position: -215px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon4:after { background-position: -310px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon5:after { background-position: -410px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon6:after { background-position: -500px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon7:after { background-position: -685px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon8:after { background-position: -960px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon9:after { background-position: -775px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon10:after { background-position: -590px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon11:after { background-position: -860px -415px; margin: 0 auto; } .industry-fluid .industrypart .industry.icon12:after { background-position: -1050px -415px; margin: 0 auto; } .technology-fluid { background-image: url(../images/homeimages/technology.png); background-size: cover; background-position: center; padding: 80px 0; } .technology-fluid .headingpart { text-align: center; } .home-technology .headingpart h1 { font-size: 30px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .home-technology .headingpart h1:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; bottom: -11px; margin-left: -50px; left: 50%; } .home-technology .headingpart h2 { font-size: 30px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .home-technology .headingpart h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; bottom: -11px; margin-left: -50px; left: 50%; } .chess-technology .headingpart h2 { font-size: 30px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .chess-technology .headingpart h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; bottom: -15px; margin-left: -50px; left: 50%; } .technology-fluid .headingpart h4 { font-size: 30px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .technology-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; bottom: -15px; margin-left: -50px; left: 50%; } .technology-fluid .headingpart p { font-size: 14px; font-family: Montserrat; color: #fff; margin-right: 20%; margin-left: 20%; margin-top: 20px; line-height: 24px; font-weight: 500; } .technology-fluid .technologytabs { margin-top: 50px; margin-bottom: 80px; } .technology-fluid .technologytabs .nav-tabs { border-bottom: none; } .technology-fluid .technologytabs .nav-tabs > li { float: left; margin-bottom: -1px; width: 12.5%; } .home-technology .technologytabs .nav-tabs > li a h2 { text-align: center; color: #ffffff75; font-size: 16px; font-weight: 550; font-family: Montserrat; } .technology-fluid .technologytabs .nav-tabs > li a { text-align: center; color: #ffffff75; font-size: 16px; font-weight: 550; font-family: Montserrat; } .technology-fluid .technologytabs .nav-tabs > li a:hover { background: 0 0; border: none; } .technology-fluid .technologytabs .nav-tabs > li a:focus { background: 0 0; border: none; } .home-technology .technologytabs .nav-tabs > li.active a h2 { text-align: center; color: #fff; font-size: 16px; font-weight: 600; font-family: Montserrat; background: 0 0; border: none; margin-left: 0; } .technology-fluid .technologytabs .nav-tabs > li.active a { text-align: center; color: #fff; font-size: 16px; font-weight: 600; font-family: Montserrat; background: 0 0; border: none; margin-left: 0; border-bottom: 2px solid #fff; } .technology-fluid .tab-content .technologypart { margin: 0 auto; margin-top: 50px; width: 100%; } .technology-fluid .tab-content .technologypart ul li { text-align: center; float: left; padding: 10px 20px; position: relative; color: #fff; font-size: 16px; font-family: Montserrat; width: 14.28%; } .technology-fluid .tab-content .technologypart ul li:after { background-image: url(../images/homeimages/techicon.png); display: block; width: 90px; height: 90px; content: ""; position: absolute; top: -85px; left: 25%; } .java-techstack .tab-content .technologypart ul li:after { background-image: url(../images/webdevelopment/web_icons.png); display: block; width: 90px; height: 90px; content: ""; position: absolute; top: -85px; left: 25%; } .php-techstack .tab-content .technologypart ul li:after { background-image: url(../images/webdevelopment/web_icons.png); display: block; width: 90px; height: 90px; content: ""; position: absolute; top: -85px; left: 25%; } .technology-fluid .tab-content .technologypart ul li:nth-child(1):after { background-position: -25px -40px; margin: 0 auto; } .technology-fluid .tab-content .technologypart ul li:nth-child(2):after { background-position: -210px -40px; margin: 0 auto; } .technology-fluid .tab-content .technologypart ul li:nth-child(3):after { background-position: -385px -40px; margin: 0 auto; } .technology-fluid .tab-content .technologypart ul li:nth-child(4):after { background-position: -565px -40px; margin: 0 auto; } .technology-fluid .tab-content .technologypart ul li:nth-child(5):after { background-position: -750px -40px; margin: 0 auto; } .technology-fluid .tab-content .technologypart ul li:nth-child(6):after { background-position: -920px -40px; margin: 0 auto; } .technology-fluid .tab-content .technologypart ul li:nth-child(7):after { background-position: -1100px -40px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(1):after { background-position: -6px -338px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(2):after { background-position: -110px -338px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(3):after { background-position: -213px -338px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(4):after { background-position: -316px -338px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(5):after { background-position: -420px -338px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(6):after { background-position: -524px -338px; margin: 0 auto; } .java-techstack .tab-content .technologypart ul li:nth-child(7):after { background-position: -628px -338px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(1):after { background-position: -10px -3px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(2):after { background-position: -111px -3px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(3):after { background-position: -212px -3px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(4):after { background-position: -313px -3px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(5):after { background-position: -414px -3px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(6):after { background-position: -515px -3px; margin: 0 auto; } .php-techstack .tab-content .technologypart ul li:nth-child(7):after { background-position: -616px -3px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech1 { margin: 0 auto; margin-top: 150px; width: 90%; } .technology-fluid .tab-content .technologypart.tech1 ul li { width: 16.66%; } .technology-fluid .tab-content .technologypart.tech1 ul li:after { left: 30%; } .technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(1):after { background-position: -565px -260px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(2):after { background-position: -212px -150px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(3):after { background-position: -390px -150px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(4):after { background-position: -570px -150px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(5):after { background-position: -750px -150px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(6):after { background-position: -926px -150px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech1 ul li:nth-child(1):after { background-position: -12px -112px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech1 ul li:nth-child(2):after { background-position: -112px -112px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech1 ul li:nth-child(3):after { background-position: -6px -450px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech1 ul li:nth-child(4):after { background-position: -212px -112px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech1 ul li:nth-child(5):after { background-position: -109px -450px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech1 ul li:nth-child(6):after { background-position: -512px -112px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech1 ul li:nth-child(1):after { background-position: -12px -112px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech1 ul li:nth-child(2):after { background-position: -112px -112px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech1 ul li:nth-child(3):after { background-position: -212px -112px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech1 ul li:nth-child(4):after { background-position: -312px -112px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech1 ul li:nth-child(5):after { background-position: -412px -112px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech1 ul li:nth-child(6):after { background-position: -512px -112px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech2 { margin: 0 auto; margin-top: 150px; width: 80%; } .technology-fluid .tab-content .technologypart.tech2 ul li { width: 20%; } .technology-fluid .tab-content .technologypart.tech2 ul li:after { left: 28%; } .technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(1):after { background-position: -30px -260px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(2):after { background-position: -210px -260px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(3):after { background-position: -390px -260px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(4):after { background-position: -560px -260px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(5):after { background-position: -738px -260px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.game-icon ul li::after { background-position: center !important; margin: 0 auto !important; border-radius: 50px; height: 70px; width: 70px; background-size: 64px; background-repeat: no-repeat; left: 0 !important; right: 0 !important; } .technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(1):after { background: #fff url(../images/homeimages/unity-icon.png); background-size: 75px; } .technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(2):after { background: #fff url(../images/homeimages/SpriteKit.png); background-size: 75px; } .technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(3):after { background: #fff url(../images/homeimages/NextPeer.png); background-size: 75px; } .technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(4):after { background: #fff url(../images/homeimages/amazon-lumberyard.png); background-size: 75px; } .technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(5):after { background: #fff url(../images/homeimages/coronaSDK.png); background-size: 75px; } .java-techstack .tab-content .technologypart.tech2 ul li:nth-child(1):after { background-position: -6px -554px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech2 ul li:nth-child(2):after { background-position: -106px -554px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech2 ul li:nth-child(3):after { background-position: -206px -554px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech2 ul li:nth-child(4):after { background-position: -306px -554px; margin: 0 auto; } .java-techstack .tab-content .technologypart.tech2 ul li:nth-child(5):after { background-position: -406px -554px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech2 ul li:nth-child(1):after { background-position: -6px -226px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech2 ul li:nth-child(2):after { background-position: -106px -226px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech2 ul li:nth-child(3):after { background-position: -206px -226px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech2 ul li:nth-child(4):after { background-position: -306px -226px; margin: 0 auto; } .php-techstack .tab-content .technologypart.tech2 ul li:nth-child(5):after { background-position: -406px -226px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech3 ul li { width: 20%; } .technology-fluid .tab-content .technologypart.tech3 { margin: 0 auto; margin-top: 150px; width: 50%; } .technology-fluid .tab-content .technologypart.tech3 ul li { width: 33.33%; } .technology-fluid .tab-content .technologypart.tech3 ul li:after { left: 27%; } .technology-fluid .tab-content .technologypart.tech3 ul li:nth-child(1):after { background-position: -30px -370px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech3 ul li:nth-child(2):after { background-position: -210px -370px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech3 ul li:nth-child(3):after { background-position: -390px -370px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech4 { margin: 0 auto; margin-top: 150px; width: 90%; } .technology-fluid .tab-content .technologypart.tech4 ul li { width: 16.66%; } .technology-fluid .tab-content .technologypart.tech4 ul li:after { left: 28%; } .technology-fluid .tab-content .technologypart.tech4 ul li:nth-child(1):after { background-position: -30px -480px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech4 ul li:nth-child(2):after { background-position: -210px -480px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech4 ul li:nth-child(3):after { background-position: -390px -480px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech4 ul li:nth-child(4):after { background-position: -565px -480px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech4 ul li:nth-child(5):after { background-position: -750px -480px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech4 ul li:nth-child(6):after { background-position: -930px -480px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 { margin: 0 auto; margin-top: 150px; width: 100%; } .technology-fluid .tab-content .technologypart.tech5 ul li { width: 14.28%; } .technology-fluid .tab-content .technologypart.tech5 ul li:after { left: 25%; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(1):after { background-position: -30px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(2):after { background-position: -207px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(3):after { background-position: -385px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(4):after { background-position: -562px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(5):after { background-position: -740px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(6):after { background-position: -920px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech5 ul li:nth-child(7):after { background-position: -1100px -595px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 { margin: 0 auto; margin-top: 150px; width: 100%; } .technology-fluid .tab-content .technologypart.tech6 ul li { width: 14.28%; } .technology-fluid .tab-content .technologypart.tech6 ul li:after { left: 25%; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(1):after { background-position: -30px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(2):after { background-position: -205px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(3):after { background-position: -383px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(4):after { background-position: -565px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(5):after { background-position: -740px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(6):after { background-position: -920px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech6 ul li:nth-child(7):after { background-position: -1100px -705px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech7 { margin: 0 auto; margin-top: 150px; width: 90%; } .technology-fluid .tab-content .technologypart.tech7 ul li { width: 16.66%; } .technology-fluid .tab-content .technologypart.tech7 ul li:after { left: 28%; } .technology-fluid .tab-content .technologypart.tech7 ul li:nth-child(1):after { background-position: -30px -815px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech7 ul li:nth-child(2):after { background-position: -210px -815px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech7 ul li:nth-child(3):after { background-position: -390px -815px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech7 ul li:nth-child(4):after { background-position: -570px -815px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech7 ul li:nth-child(5):after { background-position: -745px -815px; margin: 0 auto; } .technology-fluid .tab-content .technologypart.tech7 ul li:nth-child(6):after { background-position: -920px -815px; margin: 0 auto; } .slder-fluid { position: relative; height: 100vh; } .nav .dropdown.desktopdropdown { position: initial !important; display: block; } .headerfluid .navbar.navbar-default { position: initial !important; } .skipbutton { position: absolute; bottom: 50px; z-index: 9999; left: 25%; } .skipbutton a { color: #fff; font-size: 16px; font-weight: 500; font-family: Montserrat; position: relative; } .skipbutton a:after { border-bottom: 0; position: absolute; content: ""; width: 350px; height: 2px; background: #fff; left: -365px; top: 8px; } .testimonial-fluid { padding-top: 40px; padding-bottom: 0; } .testimonial-fluid .testimonial { text-align: center; margin-top: 0; position: relative; } .home-testimonial .testimonial .heading h3 { font-size: 35px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .home-testimonial .testimonial .heading h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #175eff; bottom: -5px; margin-left: -40px; left: 50%; } .testimonial-fluid .testimonial .heading h6 { font-size: 45px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .testimonial-fluid .testimonial .heading h6:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 2px; background: #175eff; bottom: -5px; margin-left: -40px; left: 50%; } .testimonial-fluid .testimonial .content h4 { font-size: 16px; color: #08223a; font-family: Montserrat; padding-top: 0; font-weight: 500; text-transform: capitalize; } .testimonial-fluid ol.timeline { position: absolute; width: initial; left: 0; top: 0; display: flex; margin: 0; height: 100%; flex-direction: column; justify-content: space-between; } .testimonial-fluid ol.timeline:before { content: ""; position: absolute; width: 2px; height: 100%; background: #d4d9df; right: 0; left: 0; margin: 0 auto; z-index: -1; } .testimonial-fluid ol.timeline > li { display: block; text-indent: initial; background: #fff; flex: 1; height: 16px !important; max-height: 16px !important; width: 16px !important; max-width: 16px !important; border: 2px solid #b0b1b3 !important; margin: initial !important; } .testimonial-fluid ol.timeline > li.active { background: #2196f3; border: 0 !important; } .testimonial-fluid .itembox { padding-left: 30px; } .testimonial-fluid .itembox h5 { margin-top: 0; margin-bottom: 10px; font-size: 24px; font-weight: 700; color: #08223a; text-align: left; font-family: Montserrat; } .testimonial-fluid .itembox h5 small { font-size: 14px; color: #08223a; display: block; margin-top: 5px; font-family: Montserrat; font-weight: 400; } .testimonial-fluid .itembox p { font-size: 14px; color: #08223a; display: block; margin-top: 5px; font-family: Montserrat; font-weight: 400; margin-right: 20%; } .testimonial-fluid .testimonial-part { padding-top: 100px; } .testimonial-fluid .vertical .carousel-inner { height: 100%; } .testimonial-fluid .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .testimonial-fluid .carousel.vertical .active { top: 0; } .testimonial-fluid .carousel.vertical .next { top: 400px; } .testimonial-fluid .carousel.vertical .prev { top: -400px; } .testimonial-fluid .carousel.vertical .next.left, .testimonial-fluid .carousel.vertical .prev.right { top: 0; } .testimonial-fluid .carousel.vertical .active.left { top: -400px; } .carousel.vertical .active.right { top: 400px; } .testimonial-fluid .carousel.vertical .item { left: 0; } .testimonial-fluid .imgBox { display: block; width: 100%; position: relative; height: 300px; } .testimonial-fluid .imgBox .thumbimg { width: 85px; height: 85px; border-radius: 50%; position: absolute; opacity: 0.5; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .testimonial-fluid .imgBox .thumbimg1 { top: -30%; left: 15%; } .testimonial-fluid .imgBox .thumbimg2 { right: 20%; top: 0; } .testimonial-fluid .imgBox .thumbimg3 { top: 55%; left: 10%; } .testimonial-fluid .imgBox .thumbimg4 { top: 30% !important; left: 40%; } .testimonial-fluid .imgBox .activeImg { width: 110px !important; height: 110px !important; opacity: 1 !important; border: 10px solid #efefef; box-shadow: 0 3px 25px -8px #a0a0a0; } .country-slide ul li { margin-right: 35px; } .country-slide { overflow: hidden; } .country-slide { position: relative; padding-bottom: 230px; z-index: 9; } .country-slide ul { list-style: none; padding: 50px 0; margin: 0; display: -ms-flexbox; display: flex; position: absolute; left: 0; opacity: 1; will-change: transform; -webkit-animation: 1s fadeIn forwards 1s; animation: 1s fadeIn forwards 1s; overflow: hidden; z-index: 8; } .country-slide ul li a { padding: 16px 35px 14px 73px; position: relative; display: block; transition: 0.4s transform ease; height: 62px; display: flex; justify-content: center; align-items: center; } .country-slide ul li a:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); } .country-slide ul li a strong { font-family: neutrif-pro-medium; letter-spacing: -0.01em; font-size: 14px; line-height: 16px; color: #0f1622; } .country-slide ul li a span, .country-slide ul li a strong { position: relative; z-index: 1; display: block; } .country-slide ul li a span { white-space: nowrap; font-size: 12px; font-family: neutrif-pro; color: #6d6969; letter-spacing: -0.01em; } .country-slide ul li a::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 6px 12px rgba(0, 8, 24, 0.08), 0 2px 4px rgba(0, 8, 24, 0.04); border-radius: 30px; transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: box-shadow 0.1s ease, transform 0.1s ease; transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease; } .country-slide ul li a::after { background: url(../images/homeimages/slideflag.png) no-repeat; background-position: 0 -500px; position: absolute; content: ""; left: 8px; top: calc(50% - 25px); height: 50px; width: 52px; } .country-slide ul li a.aust::after { background-position: 0 -50px; } .country-slide ul li a.ind::after { background-position: 0 -250px; } .country-slide ul li a.tur::after { background-position: 0 -400px; } .country-slide ul li a.ame::after { background-position: 0 0; } .country-slide ul li a.canada::after { background-position: 0 -100px; } .country-slide ul li a.nether::after { background-position: 0 -300px; } .country-slide ul li a.uae::after { background-position: 0 -450px; } .country-slide ul li a.germ::after { background-position: 0 -200px; } .country-slide ul li a.switz::after { background-position: 0 -350px; } .country-slide ul li a.france::after { background-position: 0 -150px; } .video-fluid .videopart iframe { box-shadow: 1px 1px 30px -9px #c6ccd8; border: 20px solid #e7eeff; border-radius: 10px; } .mobile-tech-fluid .technologytabs .nav-tabs > li { float: left; margin-bottom: -1px; width: 20%; } .app-tech-fluid .technologytabs .nav-tabs > li { float: left; margin-bottom: -1px; width: 33.33%; } .startupbusiness .container .blockchainright img { width: 90%; height: auto; margin-top: 50px; } .why-fluid .numbersgame .games { background: #fff; padding: 40px 10px 40px 90px; border-radius: 15px; width: 100%; margin: 0 auto; position: relative; height: 220px; margin-bottom: 30px; } .why-fluid .numbersgame .number1:after { display: block; position: absolute; content: url(../images/whytech/years.png); top: 60px; margin-left: 0; left: 0; z-index: 99; } .why-fluid .numbersgame .games h2 { font-size: 30px; font-weight: 500; color: #08223a; font-family: oswaldbold; } .why-fluid .numbersgame .games p { font-size: 14px; line-height: 22px; color: #08223a; font-family: Montserrat; font-weight: 400; } .appportfolio-fluid { padding-top: 40px; } .appportfolio-fluid .topheadingpart { text-align: center; } .appportfolio-fluid .topheadingpart h2 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .appportfolio-fluid .topheadingpart p { font-size: 16px; margin-left: 150px; margin-right: 150px; line-height: 22px; color: #b3b3b3; font-family: Montserrat; font-weight: 400; } .appportfolio-fluid .portfoliosection { margin-top: 40px; margin-bottom: 40px; } .appportfolio-fluid .portfoliosection.pngort .row { margin-top: 40px; margin-bottom: 40px; } .appportfolio-fluid .portfoliosection .imagepart img { width: 70%; height: auto; } .appportfolio-fluid .portfoliosection .contentpart h3 { font-size: 24px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: capitalize; margin-bottom: 20px; line-height: 45px; position: relative; } .appportfolio-fluid .portfoliosection .contentpart h3 span { font-size: 16px; font-weight: 600; color: #8a8383; display: block; margin-top: 5px; } .appportfolio-fluid .portfoliosection .contentpart h3:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; top: 40px; left: 0; } .appportfolio-fluid .portfoliosection .contentpart p { font-size: 14px; font-family: Montserrat; color: #08223a; line-height: 22px; font-weight: 450; margin-bottom: 20px; } .mobile-app-tech .technologytabs .nav-tabs > li { float: left; margin-bottom: -1px; width: 33.33%; } .game-techstack .technologytabs .nav-tabs > li { float: left; margin-bottom: -1px; width: 25%; } .mobileappmalaysia { background-image: url(../images/mobile_app_malaysia/banner_malaysia.jpg); } .mainblockchainfluid .container .procedure ul li { font-size: 13px; font-weight: 500; color: #08223a; margin-bottom: 10px; margin-left: 30px; font-family: Montserrat; position: relative; } .mainblockchainfluid .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: 2px; } .mainblockchainfluid .container .procedure ul li:before { border-bottom: 0; position: absolute; content: ""; width: 1px; height: 20px; border-left: 1px solid #678eef; border-left-style: dotted; left: -26px; font-size: 12px; margin-top: 12px; } .mainblockchainfluid .container .procedure ul li:nth-last-child(1):before { border-left: none; } .iphonedevfor { margin-top: 50px; } .blockproduct { margin-top: 50px; margin-bottom: 50px; } .wearabledev .container .devforbusiness .leftpart .imagepart img { width: 70%; height: auto; } .wearabledev .container .devforbusiness .leftpart .imagepart { text-align: left; margin-top: 40px; } .about-java img { width: 90% !important; height: auto; } .about-php img { width: 70% !important; height: auto; } .aboutwebdevelop .responsiveweb { margin-top: 0; text-align: center; } .devmethologyfluid .responsiveweb img { width: 100%; height: auto; } .aboutwebdevelop .container .devmethology { width: 100%; margin: 0 auto; margin-bottom: 10px; margin-top: 20px; } .aboutwebdevelop.rubyabout .responsiveweb { margin-top: 0; } .webesignservice .servicepart .row { margin-bottom: 30px; } .webesignservice { background: #eef3ff; padding-top: 20px; } .webidea { margin-bottom: 50px; margin-top: 50px; } .webidea .container .devmethology { width: 100%; } .angularjsser { background: #ebf1ff; background-size: cover; width: 100%; overflow: hidden; } .angularjsser .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 40px; margin-top: 50px; } .angularjsser .container .mehologyimage img { width: 400px; height: auto; margin-top: 50px; } .rubtservice .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 40px; margin-top: 50px; } .rubtservice .container .mehologyimage img { width: 350px; height: auto; margin-top: 50px; } .phptservice .container .mehologyimage img { width: 450px; height: auto; margin-top: 31px; } .develop-php .container .mehologyimage img { width: 100% !important; height: auto; margin-top: 31px; } .homepage-heading.stick .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10, .homepage-heading.stick .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10, .mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a { color: #fff !important; } .whychooseus-fluid { padding-bottom: 40px; padding-top: 30px; margin-bottom: 30px; background: #ebf1ff; } .whychooseus-fluid .topheading h3 { font-size: 40px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .whychooseus-fluid .topheading p { font-size: 14px; font-family: Montserrat; color: #494e52; line-height: 20px; font-weight: 400; margin-left: 10%; margin-right: 10%; } .whychooseus-fluid .choosepart ul li { background-image: url(../images/webdesigning/choose.png); background-position: center; background-size: 100% 100%; float: left; background-repeat: no-repeat, repeat; width: 18%; margin-right: 2%; text-align: center; font-size: 16px; padding: 20px 40px; height: 222px; font-weight: 600; color: #1f1f1f; } .whychooseus-fluid .choosepart { margin-top: 150px; margin-bottom: 40px; display: inline-block; } .whychooseus-fluid .choosepart ul li span { font-size: 80px; display: block; font-weight: 400; color: #86a3e4; font-family: Montserrat; } .whychooseus-fluid .choosepart ul li:nth-child(2) { margin-top: -60px; } .whychooseus-fluid .choosepart ul li:nth-child(3) { margin-top: 60px; } .whychooseus-fluid .choosepart ul li:nth-child(4) { margin-top: -60px; } .aligemobile-fluid { padding-bottom: 75px; padding-top: 75px; } .aligemobile-fluid h2 { font-size: 32px; color: black; font-family: Montserrat; z-index: 2; position: relative; } .aligemobile-fluid .topheading h3 { font-size: 40px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; } .aligemobile-fluid .topheading { text-align: center; } .aligemobile-fluid .topheading h3 { font-size: 32px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .aligemobile-fluid .topheading h4 { font-size: 24px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .aligemobile-fluid .topheading p { margin-top: 30px; font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; position: relative; letter-spacing: 1px; } .aligemobile-fluid .topheading p::before { position: absolute; content: ""; left: 32%; width: 60px; height: 2px; background: black; top: 12px; } .aligemobile-fluid .topheading p::after { position: absolute; content: ""; right: 32%; width: 60px; height: 2px; background: black; top: 12px; } .aligemobile-fluid .agileimage { margin-top: 50px; margin-bottom: 50px; text-align: center; } .aligemobile-fluid .agileimage img { width: 80%; height: auto; } .aligemobile-fluid a span { padding: 15px 45px; background: blue; color: white; font-family: poppinsbold; font-size: 14px; border-radius: 5px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .appportfolio-fluid .procedure ul > li { font-size: 14px; color: #08223a; font-weight: 500; margin-bottom: 10px; font-family: Montserrat; margin-left: 40px; position: relative; } .appportfolio-fluid .procedure ul > li:before { left: -20px; font-family: FontAwesome; content: "\f111"; position: absolute; top: 0; color: #6393ff; } .mainblockchainfluid .toppart { text-align: center; } .mainblockchainfluid .toppart h4 { font-size: 36px; font-family: Iskoola Pota; color: #08223a; font-weight: 600; } .mainblockchainfluid .toppart p { font-size: 16px; margin-left: 10%; margin-right: 10%; line-height: 22px; color: #08223a; font-family: Montserrat; font-weight: 500; } .gamecompanyfluid.platform .container .devmethology h3 { font-size: 30px; line-height: 42px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-bottom: 15px; } .gamecompanyfluid.platform .container .devmethology .developmentcontent h4 { font-size: 18px; line-height: 40px; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; margin-bottom: 0; } .gamecompanyfluid.platform { background: 0 0; } .gamecompanyfluid.platform .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 100px; margin-top: 100px; } .gamecompanyfluid.platform .container .mehologyimage img { width: 350px; height: auto; margin-top: 100px; } .startupbusiness .container .blockchainleft h5 { font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: capitalize; margin-bottom: 20px; line-height: 20px; } .healthcareappfluid .healthulli ul > li b { display: block; margin-bottom: 10px; } .ourteamfluid.smoservice .row .rightpart h2:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #175eff; top: 95px; left: 0; } .ourteamfluid.smoservice .row .rightpart p { margin-bottom: 10px; font-size: 14px; font-weight: 500; font-family: Montserrat; line-height: 24px; color: #989292; margin-right: 110px; } .realestateapp .androidapp img { width: 80%; height: auto; } .iphoneportfolio .androidapp { margin: 0 auto; text-align: center; margin-top: 0; } .androidapp img { max-width: 400px; } .startupbusiness.wearable_app .container .blockchainright img { width: 70%; height: auto; } .startupbusiness.wearable_app .container .blockchainright { margin-top: 0; } .devmethologyfluid.aboutwebdevelop { margin-bottom: 0; } .responsive_fluid { background-image: url(../images/webdesigning/web_banner.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .about_design .container .blockchainright img { width: 85%; height: auto; } .about_design .container .blockchainright { margin-top: 0; } .development_copany .responsiveweb img { width: 65%; height: auto; } .development_copany .responsiveweb { margin-top: 50px; text-align: center; } .development_copany .container .devmethology { width: 100%; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; } .width30 { width: 30px !important; } .healthcareappfluid.angularportfolio .healthcareapp .bottompart .leftpart img { width: 100%; height: auto; margin-top: 5%; } .healthcareappfluid.ruby-portfolio .healthcareapp .bottompart .leftpart img { width: 70%; height: auto; margin-top: 5%; } .startupbusiness.ecommerce_benifit .container .blockchainright img { width: 100%; height: auto; margin-top: 10%; } .kuwait.ecommerce_service .androidapp img { width: 100%; height: auto; margin-top: 0; } .mainblockchainfluid.result_seo .container .blockchainleft h1:after { top: 90px; left: 2px; } .startupbusiness.healhcare_type .container .blockchainright img { width: 80%; height: auto; } .startupbusiness.healhcare_type .container .blockchainright { margin-top: 70px; } .email_mar_fluid { background-image: url(../images/email_marketing/web_back.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .devcompanyfluid.boon_business .container .mehologyimage { background: 0 0; } .devcompanyfluid.boon_business .container .mehologyimage img { width: 90%; height: auto; margin-top: 30%; } .deliver_payperclick.mainblockchainfluid .container .blockchainleft h4 { font-size: 24px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; padding-bottom: 20px; margin-top: 5px; } .deliver_payperclick.mainblockchainfluid .container .blockchainleft h4:after { border-bottom: 0; position: absolute; content: ""; width: 90px; height: 2px; background: #175eff; top: 40px; left: 2px; } .deliver_payperclick.mainblockchainfluid .container .blockchainright { margin-top: 0; } .paymerclick_fluid { background-image: url(../images/payperclick/web_back.png); background-size: cover; width: 100%; height: 650px; overflow: hidden; background-position: center; } .devcompanyfluid.payclick_advertising .container .mehologyimage { background: 0 0; } .devcompanyfluid.payclick_advertising .container .mehologyimage img { width: 100%; height: auto; margin-top: 30%; } .reputationmanagement.result_paycickk .rightsideimage img { width: 700px; position: absolute; bottom: 50px; right: 0; z-index: 9999; } .mainblockchainfluid.smo_result { padding-top: 50px; padding-bottom: 50px; } .mainblockchainfluid.smo_result .container .blockchainright img { width: 80%; height: auto; } .devmethologyfluid.methology_smo .container .mehologyimage { background: 0 0; } .devmethologyfluid.methology_smo .container .mehologyimage img { width: 100%; height: auto; margin-top: 10px; } .twitterfeeds { max-height: 300px; overflow: hidden; border-radius: 5px; margin-top: 30px; } .changebusiness h2 { margin-top: 12px; font-weight: 700; font-size: 18px; text-transform: uppercase; font-family: inherit; margin-bottom: 24px; color: #fff; } .secondfooterfluid .awards { padding: 5px; margin: 5px; } .secondfooterfluid img { width: 80%; transition: 0.8s ease-in-out; } .secondfooterfluid img:hover { transform: scale(1.07); } .thirdfooterfluid .sitemaplink { text-align: left; } .thirdfooterfluid .sitemaplink ul { display: inline-block; } .thirdfooterfluid .sitemaplink ul li { float: left; padding: 0 10px 0 10px; } .thirdfooterfluid .sitemaplink ul li a { color: #e6e6e6; font-size: 14px; font-family: Montserrat; } .seoservice-fluid .homeservice .myservices .row .mainpart .serviceheadng h3 { font-size: 14px; font-weight: 600; font-family: Montserrat; text-transform: uppercase; padding-top: 10px; color: #000; } .applinkdesigb { margin-top: 40px; } .applinkdesigb a img { width: 60px; height: auto; margin-right: 20px; } .headerportfolio .headerfluid { position: absolute; top: -20px; width: 100%; left: 0; z-index: 999999; } .mobileappportfolios.slder-fluid .p-section__in .rightpart img { width: 280px; height: auto; } .mobileappportfolios.slder-fluid .p-section__in .rightpart .secondimage { width: 190px; height: auto; position: absolute; top: 10%; right: 28%; z-index: -1; } .mobileappportfolios.slder-fluid .p-section__in .rightpart { position: relative; margin-top: 10%; } .pngortfolios.slder-fluid .p-section__in .rightpart img { width: 100%; height: auto; } .pngortfolios.slder-fluid .p-section__in .rightpart .secondimage { width: 190px; height: auto; position: absolute; top: 13%; right: 28%; z-index: -1; } .pngortfolios.slder-fluid .p-section__in .leftpart { margin-top: 20%; } .pngortfolios.slder-fluid .p-section__in .rightpart { position: relative; margin-top: 10%; } .weblinks { margin-top: 40px; } .weblinks a { padding: 15px 25px; background-image: linear-gradient(to right, #fff, #fff); border-radius: 5px; color: #000; font-size: 16px; font-weight: 600; } .weblinks a .fa { margin-right: 20px; } .mobileappportfolios .portfolio1.is-shown-asc { background-color: #3abdff; background-image: linear-gradient(to right, #3abdff, #dd2036); } .mobileappportfolios .portfolio2.is-shown-asc { background-color: #3ecfa5; background-image: linear-gradient(to right, #39be8b, #3ecda6); } .whytechgropse-fluid { background-color: #125aff; padding-top: 100px; padding-bottom: 150px; } .whytechgropse-fluid .mainsection .leftsection .whyheading { position: relative; } .whytechgropse-fluid .mainsection .leftsection .whyheading:after { content: ""; position: absolute; left: 0; bottom: -50px; width: 300px; height: 1px; background-color: #9dc2ce; opacity: 0.5; } .whytechgropse-fluid .mainsection .leftsection .whyheading h2 { color: #fff; font-size: 30px; font-weight: 550; word-spacing: 3px; font-family: montserrat; } .whytechgropse-fluid .mainsection .leftsection .whyheading h3 { color: #fff; font-size: 30px; font-weight: 550; word-spacing: 3px; font-family: montserrat; } .whytechgropse-fluid .mainsection .leftsection .whyheading p { color: #efefef; font-family: montserrat; margin-right: 15%; line-height: 24px; } .home-whytechgropse .mainsection .leftsection .tabsection .tabcontent h3 { color: #fff; font-size: 30px; font-weight: 550; word-spacing: 3px; line-height: 2; font-family: montserrat; padding-top: 60px; margin-left: 120px; } .whytechgropse-fluid .mainsection .leftsection .tabsection .tabcontent h3 { color: #fff; font-size: 30px; font-weight: 550; word-spacing: 3px; line-height: 2; font-family: montserrat; padding-top: 60px; margin-left: 120px; } .whytechgropse-fluid .mainsection .leftsection .tabsection .tabcontent h4 { color: #fff; font-size: 30px; font-weight: 550; word-spacing: 3px; line-height: 2; font-family: montserrat; padding-top: 60px; margin-left: 120px; } .whytechgropse-fluid .mainsection .leftsection .tabsection .tabcontent span { top: 40px; margin-right: 15px; position: absolute; left: 0; font-size: 60px; } .whytechgropse-fluid .mainsection .leftsection .tabsection .tabcontent { position: relative; } .whytechgropse-fluid .mainsection .leftsection .tabsection .tabcontent p { color: #efefef; font-family: montserrat; margin-right: 15%; line-height: 24px; margin-left: 120px; } .whytechgropse-fluid .mainsection .rightsection .backimage { text-align: center; } .whytechgropse-fluid .mainsection .rightsection { position: relative; } .whytechgropse-fluid .mainsection .rightsection .backimage img { width: 60%; height: auto; margin-top: 100px; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .controlimage { background: #fdfdfd; border-radius: 100%; border: 5px solid #2d0dac; padding: 20px 20px; display: inline-block; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .controlimage img { width: 50px; height: auto; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li.active img { width: 70px; height: auto; transition-duration: 0.5s; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li.active .controlimage { box-shadow: 5px 5px 72px -7px #210a7dba; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .active a { color: #555; cursor: default; background-color: transparent; border: none; border-bottom-color: transparent; margin-left: 0; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li { position: absolute; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li:nth-child(1) { bottom: -25%; left: 0; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li:nth-child(2) { bottom: -5%; right: 15%; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li:nth-child(3) { top: 20%; right: 10%; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li:nth-child(4) { top: -20%; left: 35%; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs li:nth-child(5) { top: 20%; left: 5%; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol a:hover { border-color: #eee0 #eee0 #ddd0; background-color: #eee0; margin-left: 0; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol a:focus { border-color: #eee0 #eee0 #ddd0; background-color: #eee0; margin-left: 0; } .whytechgropse-fluid .mainsection .rightsection .tabcontrol .nav-tabs { border-bottom: none; } .home-slder-fluid .leftpart { margin-top: 40%; } .home-slder-fluid .leftpart .heading h6 { font-size: 50px; color: #fff; font-weight: 700; font-family: Montserrat; } .home-slder-fluid .leftpart .heading h6 span { font-size: 24px; color: #fff; font-weight: 500; font-family: Montserrat; } .home-slder-fluid .leftpart .heading p { color: #fff; font-size: 16px; font-family: Montserrat; line-height: 24px; } .home-slder-fluid .leftpart .casestudy { padding-left: 50px; margin-top: 30px; position: relative; } .home-slder-fluid .leftpart .casestudy:after { background-image: url(../images/homeimages/icons.png); display: block; width: 50px; height: 50px; content: ""; position: absolute; top: 2px; left: 0; background-position: -120px -124px; background-size: 1000px auto; } .home-slder-fluid .leftpart .casestudy h5 { color: #fff; font-size: 14px; font-family: Montserrat; line-height: 24px; font-weight: 550; margin-bottom: 0; } .home-slder-fluid .leftpart .casestudy h6 { color: #fff; font-size: 12px; font-family: Montserrat; line-height: 20px; margin-top: 0; font-weight: 400; } .home-slder-fluid .rightpart { position: relative; margin-top: 10%; margin-bottom: 10%; } .home-slder-fluid .rightpart img { width: 300px; height: auto; } .home-slder-fluid .rightpart .secondimage { width: 200px; height: auto; position: absolute; top: 11%; right: 37%; z-index: -1; } .home-slder-fluid { padding: 0; } .home-slder-fluid .slider1 { background: #1e0a46; height: 100vh; } .home-slder-fluid .slider2 { background: #3abdff; height: 100vh; } .home-slder-fluid .slider3 { background: #41d599; height: 100vh; } .home-slder-fluid .slider4 { background: #961234; height: 100vh; } .home-slder-fluid .slider5 { background: #f0702c; height: 100vh; } .home-slder-fluid .carousel-control.left { background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100% ); } .home-slder-fluid .carousel-control.right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100% ); } .home-slder-fluid .glyphicon-chevron-left:before { content: "\f060"; font-family: FontAwesome; font-size: 10px; background: #fff; color: #1d61ff; padding: 9px 10px; border-radius: 50%; font-weight: 400; } .home-slder-fluid .glyphicon-chevron-right:before { content: "\f061"; font-family: FontAwesome; font-size: 10px; background: #fff; color: #1d61ff; padding: 9px 10px; border-radius: 50%; font-weight: 400; } .home-slder-fluid .carousel-control { position: absolute; top: auto; bottom: 30px; left: 45%; width: 50px; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 0 0 rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); opacity: 1; height: 50px; } .home-slder-fluid .carousel-control.right { right: 45%; left: auto; } .home-slder-fluid .carousel-indicators li { display: block; margin: 0; margin-top: 30px; position: relative; width: 12px; height: 12px; border: 2px solid #fff; } .home-slder-fluid .carousel-indicators { position: absolute; right: 0; z-index: 15; width: 10%; padding-left: 0; text-align: center; list-style: none; top: 35%; left: auto; } .home-slder-fluid .carousel-indicators li:after { content: ""; position: absolute; width: 2px; height: 32px; background: #fff; z-index: 99999; right: 3px; top: 10px; } .home-slder-fluid .carousel-indicators li:nth-last-child(1):after { content: ""; position: absolute; width: 2px; height: 32px; background: #fff; z-index: 99999; right: 3px; top: 10px; display: none; } .home-slder-fluid .carousel-indicators .active { width: 12px; height: 12px; background-color: #fff; margin-top: 30px; } .home-slder-fluid .vertical .carousel-inner { height: 100%; } .home-slder-fluid .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .myblockchainpage.singapore-fluid { background-image: url(../images/singapore/banner.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .myblockchainpage.singapore-fluid .container .mainbackcontent .row h1 { font-size: 42px; } .myblockchainpage.singapore-fluid .container .mainbackcontent .row .subpart h3 { font-size: 18px; } .myblockchainpage.singapore-fluid .container .requestqquote .form-group input { border: 1px solid #fff; } .about-singapure .blockchainleft { margin-top: 50px; } .about-singapure .container .blockchainright { margin-top: 30px; } .flutter-startup .container .blockchainleft h2 { font-size: 20px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; text-transform: capitalize; } .digitalmain.stratupusa .container .blockchainleft h2 { font-size: 24px; color: #08223a; font-family: Montserrat; font-weight: 700; text-transform: none; margin-bottom: 10px; line-height: 30px; } .digitalmain.stratupusa .container .blockchainleft h3 { font-size: 24px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: none; margin-bottom: 0; line-height: 30px; } .singapore-function.stratupusa .container .blockchainleft h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .startuo-singapore.digitalmain.stratupusa .container .blockchainleft h2 { font-size: 24px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: none; margin-bottom: 0; line-height: 30px; } .digitalmain.stratupusa .container .blockchainleft h4 { font-size: 14px; font-family: Montserrat; color: #737373; line-height: 22px; font-weight: 450; margin-bottom: 10px; } .digitalmain.stratupusa .container .blockchainleft h4 a { color: #1f1f1f; } .mainblockchainfluid.stratupusa .container .blockchainleft b { color: #1f1f1f; margin-bottom: 5px; display: inline-block; position: relative; } .mainblockchainfluid.stratupusa .container .blockchainleft b:after { content: ""; width: 100%; height: 2px; background: #379bff; left: 0; top: 25px; position: absolute; } .myblockchainpage.seo-singapore-fluid { background-image: url(../images/seo_singapore/seo_singapore.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .seo-singapore-fluid .blockchaintopfluid .container .requestqquote .form-group input { border: 1px solid #f3f3f3; } .seo-service-fluid { background: #00386f; } .homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading h2 { font-size: 36px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; text-transform: capitalize; } .homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading h3 { color: #fff; } .homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading p { color: #fff; font-size: 14px; font-weight: 550; text-transform: capitalize; font-family: Montserrat; margin-top: 20px; } .homeservicefluid.seo-service-fluid .homeservice .servicehrading .hadabsolute h3 { font-size: 50px; z-index: 1; color: #ffffff1a; opacity: 0.4; letter-spacing: 2px; } .homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading h2:after { background: #fff; bottom: -15px; } .business-profit.mainblockchainfluid { padding-top: 10px; padding-bottom: 10px; } .gameappdevelopment.chessgame_fluid { background-image: url(../images/chess_game/chess_web_development.png); background-size: cover; width: 100%; height: 750px; overflow: hidden; } .mainblockchainfluid.chessdevelop .container .blockchainright { text-align: center; } .mainblockchainfluid.chessdevelop .container .blockchainright img { width: 70%; height: auto; } .myjavapage.spots_betting { background-image: url(../images/sports_betting/sports-top-img.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .myjavapage.spots_betting .myjavapagefluid .container .mainbackcontent .row h2 { line-height: 26px; position: relative; } .myjavapage.spots_betting .myjavapagefluid .container .mainbackcontent .row h2:after { top: 66px; } .ecommerce_website { background-image: url(../images/ecommerce_website/banner.png); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .ecommerce_website .blockchaintopfluid .container .requestqquote .form-group input { border: 1px solid #fff6; } .ecommerce_websitee .responsiveweb { margin-top: 70px; text-align: center; } .ecommerce_websitee .responsiveweb img { width: 70%; height: auto; } .ecoerce_webidea .responsiveweb { margin-top: 150px; text-align: center; } .ecoerce_webidea .responsiveweb img { width: 70%; height: auto; } .androidbusinessfluid.devforbusiness .container .devforbusiness .leftpart .imagepart img { width: 80%; height: auto; } .flutter-app { text-align: center; } .flutter-app img { width: 85% !important; } .flutterapp { background-image: url(../images/flutter_app/flutter-app-developement-company.png); } .breadcrumb-fluid { background: #efefef; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .breadcrumb-fluid .page-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; justify-content: space-between; padding: 0; position: relative; background: #fff0; margin: 10px 0 10px; border-bottom: 0 solid #eee; padding-left: 35px; } .breadcrumb-fluid .page-header:after { content: ""; background-image: url(../images/icons/arrorback.png); position: absolute; background-size: 30px 20px; background-position: 30px 20px; left: 0; width: 30px; height: 20px; top: 0; } .breadcrumb-fluid .page-header .page-title { display: none; } .breadcrumb-fluid .page-header .breadcrumb { display: flex; flex-wrap: wrap; margin-bottom: 0 !important; list-style: none; border-radius: 3px; left: 0; bottom: 0; padding: 0 !important; background-color: transparent !important; } .breadcrumb-fluid .page-header .breadcrumb-item a { font-family: Montserrat; color: #08223a; font-weight: 600; border-right: 1px solid black; padding: 0 5px; } .breadcrumb-fluid .page-header .breadcrumb > .active { color: #175eff; font-weight: 600; padding-left: 5px; display: flex; align-items: center; } .breadcrumb-fluid .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding: 0; color: rgba(255, 255, 255, 0.3); content: ""; } .breadcrumb-fluid .page-header .breadcrumb-item + .breadcrumb-item::before { color: #080e1b; } .privacy-policy .mainbackcontent p { font-family: Montserrat; color: #08223a; font-size: 14px !important; font-weight: 500 !important; margin: 5px 0 !important; line-height: 20px; } .privacy-policy .mainbackcontent h1 { font-size: 22px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: uppercase; margin-bottom: 10px; line-height: 24px; } .privacy-fluid h1:after { border-bottom: 0 !important; position: absolute !important; content: ""; width: 80px; height: 3px; background: #fff !important; bottom: -10px !important; left: 0 !important; } .privacy-policy .mainbackcontent h2 { font-size: 20px !important; font-weight: 550 !important; text-transform: capitalize !important; margin: 15px 0 !important; color: #08223a; font-family: Montserrat; line-height: 24px; text-decoration: underline; } .privacy-policy .mainbackcontent h3 { font-size: 18px !important; font-weight: 550 !important; text-transform: capitalize !important; margin: 10px 0 !important; color: #08223a; font-family: Montserrat; line-height: 24px; } .privacy-policy .mainbackcontent ul li { font-size: 14px; font-family: Montserrat; color: #08223a; line-height: 24px; font-weight: 450; } .privacy-policy .mainbackcontent .ul-styling .alpha-heading { margin-left: 15px; } .privacy-policy .mainbackcontent .ul-styling .list-subheading { list-style: disc; margin-left: 30px; } .privacy-policy .ul-styling { list-style: none; } .privacy-policy .ul-styling .list-heading { font-size: 14px !important; margin-bottom: 10px !important; margin-top: 10px !important; } .privacy-policy .ul-styling .list-heading p { margin-left: 15px !important; } .privacy-policy .ul-styling p { margin-left: 15px !important; } .privacy-policy .ul-styling .sub-heading { list-style: disc; margin-left: 25px; } .privacy-policy .ul-styling .list-heading-disc { list-style-type: disc; margin-left: 15px; } .privacy-policy { margin-bottom: 30px; } .privacy-policy .ul-styling { padding-left: 0 !important; } .footersocialmedia { margin-top: 30px; } .footertopcontent .footer-content .footer-heading h3 { font-size: 35px; font-weight: 700; text-transform: capitalize; color: #08223a; text-align: center; position: relative; } .footertopcontent .footer-content .footer-heading h3:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #175eff; margin-left: -40px; left: 50%; top: 50px; } .chess-business .contentpart { clear: both; } .casino-business .contentpart { clear: both; } .rummy-devbusiness .contentpart { clear: both; } .poker-business .contentpart { clear: both; } .develop-java .container .procedure ul li:after { border-bottom: 0; position: absolute; content: "\f111"; color: #678eef; font-family: FontAwesome; left: -30px; font-size: 12px; margin-top: -27px; } .portfolio-java img { margin-top: 5% !important; } .ul-styling { list-style-type: disc; padding-left: 15px; } .after-none::after { display: none; } .game-banner-heading { font-size: 44px !important; font-family: "Iskoola Pota" !important; font-weight: 700 !important; font-style: normal; color: #08223a !important; line-height: 55px !important; position: initial !important; margin-right: 100px !important; } .game-banner-heading:after { border-bottom: 0; position: absolute; content: ""; width: 80px !important; height: 3px !important; background: #005fff !important; top: 69px !important; left: 18px !important; } .game-banner-para { font-size: 15px; color: #08223a; line-height: 30px; font-family: Montserrat; font-weight: 500; margin-right: 150px; } .game-about-heading1 { font-size: 30px !important; color: #08223a !important; font-family: Montserrat !important; font-weight: 700 !important; position: relative; } .game-about-heading2 { font-size: 15px !important; color: #08223a; font-family: Montserrat; font-weight: 700 !important; text-transform: uppercase; margin-bottom: 20px; line-height: 24px; } .game-feature-heading1 { font-size: 30px !important; color: #08223a !important; font-weight: 700; font-family: Montserrat; position: relative; } .game-feature-heading1:after { border-bottom: 0; position: absolute; content: ""; width: 83px; height: 3px; background: #005fff; bottom: -18px; margin-left: -50px; left: 50%; } .game-feature-heading2 { font-size: 18px !important; font-weight: 600 !important; font-family: Montserrat; color: #08223a; margin-top: 10px; } .game-feature-para1 { font-size: 16px !important; font-family: Montserrat; color: #08223a; margin-right: 15%; margin-left: 15%; margin-top: 40px; line-height: 20px; font-weight: 500; } .game-feature-para2 { font-size: 14px !important; font-family: Montserrat; color: #08223a; font-weight: 500; } .game-devbusiness-heading1 { font-size: 24px !important; font-family: Montserrat; font-weight: 700; color: #08223a !important; line-height: 40px !important; } .game-devbusiness-heading2 { font-size: 24px !important; margin-top: 20px !important; display: inline-block !important; margin-left: 0; font-weight: 550; color: #08223a !important; font-family: Montserrat; } .game-devbusiness-para { font-size: 14px !important; color: #08223a !important; font-family: Montserrat; font-weight: 500; } .game-portfolio-heading { font-size: 30px !important; font-weight: 700 !important; color: #08223a !important; position: relative; font-family: Montserrat; } .game-portfolio-heading:after { border-bottom: 0; position: absolute; content: ""; width: 100px; height: 3px; background: #005fff; bottom: -15px; margin-left: -50px; left: 50%; } .game-portfolio-para { font-size: 14px !important; color: #08223a !important; font-weight: 500s; margin-bottom: 20px; font-family: Montserrat; } .game-technology-heading { font-size: 30px !important; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .game-technology-heading:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; bottom: -15px; margin-left: -50px; left: 50%; } .game-blog-heading { font-size: 40px !important; font-weight: 700 !important; color: #000; font-family: Montserrat, bold; position: relative; z-index: 111; margin-bottom: 20px !important; } .game-blog-heading:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #1a60ff; top: 43px; left: 0; } .game-blog-para { font-size: 14px !important; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; text-transform: capitalize !important; line-height: 22px; } .web-banner-heading1 { font-size: 44px !important; font-family: "Iskoola Pota" !important; font-weight: 900 !important; font-style: normal !important; color: #fff !important; line-height: 55px !important; margin-top: 5px !important; margin-bottom: 5px !important; } .web-banner-heading2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 20px; position: relative; } .web-banner-heading-black { font-size: 44px !important; font-family: "Iskoola Pota" !important; font-weight: 900 !important; font-style: normal !important; color: #000 !important; line-height: 55px !important; margin-top: 5px !important; margin-bottom: 5px !important; } .web-banner-heading-black2 { font-size: 16px !important; margin-top: 24px !important; font-family: Montserrat !important; font-weight: 550 !important; font-style: normal !important; color: #000 !important; line-height: 20px !important; } .web-banner-para { font-size: 16px !important; color: #fff !important; line-height: 26px !important; font-family: Montserrat !important; font-weight: 500 !important; margin-right: 130px !important; } .web-banner-para-black { font-size: 16px !important; color: #000 !important; line-height: 26px !important; font-family: Montserrat !important; font-weight: 500 !important; margin-right: 130px !important; } .web-about-heading { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: capitalize !important; } .web-about-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; margin-bottom: 10px !important; font-family: Montserrat !important; } .web-develop-heading { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; } .web-develop-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; margin-bottom: 20px !important; font-family: Montserrat !important; } .web-portfolio-heading { font-size: 30px !important; color: #08223a !important; z-index: 2; font-family: Montserrat !important; font-weight: 700 !important; position: relative !important; } .web-portfolio-heading:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .web-portfolio-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; margin-bottom: 20px !important; font-family: Montserrat !important; } .web-technology-heading { font-size: 30px !important; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .web-technology-heading:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #fff; bottom: -15px; margin-left: -50px; left: 50%; } .web-blog-heading { font-size: 40px !important; font-weight: 700 !important; color: #000; font-family: Montserrat, bold; position: relative; z-index: 111; margin-bottom: 20px !important; } .web-blog-heading:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #1a60ff; top: 43px; left: 0; } .web-blog-para { font-size: 14px !important; color: #08223a; font-weight: 600; font-family: Montserrat; position: relative; text-transform: capitalize !important; line-height: 22px; } .web-achievement-heading { font-size: 30px !important; color: #16191b !important; z-index: 2; font-family: Montserrat; font-weight: 600 !important; position: relative; padding-bottom: 10px !important; margin-top: 5px !important; margin-bottom: 0; } .web-achievement-para { font-size: 14px !important; font-weight: 500 !important; font-family: Montserrat; line-height: 20px !important; color: #08223a !important; margin-right: 80px; } .web-service-heading { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-align: left; } .web-service-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; font-family: Montserrat !important; margin-right: 0 !important; margin-left: 0 !important; margin-top: 30px; line-height: 20px; text-align: left; } .web-service-para1 { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; font-family: Montserrat !important; margin-right: 0 !important; margin-left: 0 !important; margin-top: 5px; line-height: 20px; text-align: left; } .web-feature-heading2 { font-size: 18px !important; font-weight: 600 !important; font-family: Montserrat; color: #08223a; margin-top: 10px; } .web-feature-para2 { font-size: 14px !important; font-family: Montserrat; color: #08223a; font-weight: 500; } .custom-startup .container .blockchainright img { width: 85%; } .custom-banner-margin { margin-top: 12% !important; } .custom-banner-heading1 { font-size: 44px !important; font-family: "Iskoola Pota" !important; font-weight: 700 !important; font-style: normal !important; color: #fff !important; line-height: 55px !important; margin-top: 5px !important; margin-bottom: 5px !important; } .custom-banner-heading2 { font-size: 18px; margin-top: 24px; font-family: Montserrat; font-weight: 550; font-style: normal; color: #fff; line-height: 20px; position: relative; } .custom-banner-heading-black { font-size: 44px !important; font-family: "Iskoola Pota" !important; font-weight: 900 !important; font-style: normal !important; color: #000 !important; line-height: 55px !important; margin-top: 5px !important; margin-bottom: 5px !important; } .custom-banner-heading-black2 { font-size: 16px !important; margin-top: 24px !important; font-family: Montserrat !important; font-weight: 550 !important; font-style: normal !important; color: #000 !important; line-height: 20px !important; } .custom-banner-para { font-size: 16px !important; color: #fff !important; line-height: 26px !important; font-family: Montserrat !important; font-weight: 500 !important; margin-right: 130px !important; } .custom-banner-para-black { font-size: 16px !important; color: #000 !important; line-height: 26px !important; font-family: Montserrat !important; font-weight: 500 !important; margin-right: 130px !important; } .custom-about-heading { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: capitalize !important; } .custom-about-heading-iphone { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: none !important; } .custom-about-heading-white { font-size: 24px !important; color: #fff !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: capitalize !important; } .custom-about-heading-iphone-white { font-size: 24px !important; color: #fff !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: none !important; } .custom-about-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; margin-bottom: 10px !important; font-family: Montserrat !important; } .custom-about-para-white { font-size: 14px !important; font-weight: 500 !important; color: #fff !important; margin-bottom: 10px !important; font-family: Montserrat !important; } .custom-feature-heading2 { font-size: 18px !important; font-weight: 600 !important; font-family: Montserrat; color: #08223a; margin-top: 10px; } .custom-devbusiness-heading1 { font-size: 24px !important; font-family: Montserrat !important; font-weight: 700 !important; color: #08223a !important; line-height: 40px !important; } .custom-devbusiness-heading2 { font-size: 24px !important; margin-top: 20px !important; margin-bottom: 20px !important; display: inline-block !important; margin-left: 0; font-weight: 550; color: #08223a !important; font-family: Montserrat; } .custom-devbusiness-para { font-size: 14px !important; color: #08223a !important; font-family: Montserrat; font-weight: 500; } .custom-agile-heading1 { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: capitalize !important; } .custom-agile-heading2 { font-size: 18px !important; font-weight: 600 !important; font-family: Montserrat; color: #08223a; margin-top: 10px; } .custom-agile-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; margin-bottom: 10px !important; font-family: Montserrat !important; } .custom-portfolio-heading1 { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: capitalize !important; } .custom-portfolio-heading1-iphone { font-size: 24px !important; color: #08223a !important; font-weight: 700 !important; font-family: Montserrat !important; position: relative !important; margin-bottom: 15px !important; text-transform: none !important; } .custom-portfolio-heading2 { font-size: 18px !important; font-weight: 600 !important; font-family: Montserrat !important; color: #08223a !important; margin-top: 10px; text-transform: capitalize !important; } .custom-portfolio-heading2-white { font-size: 18px !important; font-weight: 600 !important; font-family: Montserrat !important; color: #fff !important; margin-top: 10px; text-transform: capitalize !important; } .custom-portfolio-para { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; margin-bottom: 10px !important; font-family: Montserrat !important; } .custom-portfolio-para-white { font-size: 14px !important; font-weight: 500 !important; color: #fff !important; margin-bottom: 10px !important; font-family: Montserrat !important; } .list-heading { font-size: 13px !important; font-weight: 500 !important; color: #08223a !important; margin: 0 0 5px 0 !important; font-family: Montserrat !important; position: relative !important; line-height: 1.42857143 !important; } .acomp .acomp-heading { text-align: left; font-size: 30px; font-weight: 700; color: #08223a; margin: 20px 0; } .box-property { box-shadow: 0 3px 24px -9px #969696b5; border: 1px solid #d8d8d88a; padding: 10px; margin: 20px 0; } .mob-achievement .rightpart { margin-top: 10px; } .mob-achievement .custom-about-para { font-size: 18px !important; } .wearable_app .blockchainleft { margin-top: 30px; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #e6e6e6; } .myblogpage .gropsesubmenu .mysubmenu .headingpart ul > li > a { font-size: 12px; padding-right: 0; text-transform: capitalize; font-family: Montserrat; font-weight: 500; color: #0d0d0d !important; letter-spacing: 1px; } .myblogpage .headerfluid .container .navbar-brand { display: none; } .myblogpage .headerfluid .logo .disnone { display: block; } .myblogpage .container .mymenu li:nth-last-child(2) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; box-shadow: none; margin-right: 5px; font-weight: 700; text-transform: uppercase; width: 160px; text-align: center; height: 45px; border-radius: 4px; padding-left: 0; padding-right: 0; font-size: 12px; } .myblogpage .container .mymenu li:nth-last-child(1) a { background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; box-shadow: none; } .margin-b-5 { margin-bottom: 5px; } .mb-20 { margin-bottom: 20px; } .margin-t-10 { margin-top: 10px; } .margin-l-10 { margin-left: 10px; } .margin-b-10 { margin-bottom: 10px; } .margin-top-20 { margin: 20px 0 0 !important; } .margin-bot-20 { margin: 0 0 20px !important; } .margin-b-40 { margin-bottom: 40px !important; } .margin-r-20 { margin-right: 20% !important; } .margin-y-10 { margin: 10px 0; } .margin-y-20 { margin: 20px 0; } .margin-y-50 { margin: 50px 0; } .margin-x-50 { margin: 0 50px !important; } .padding-0 { padding: 0; } .padding-lg-icon { padding: 10px 10px !important; } .padding-t-0 { padding-top: 0; } .padding-l-0 { padding-left: 0; } .padding-l-20 { padding-left: 20px; } .padding-x-10 { padding: 0 10px; } .padding-x-20 { padding: 0 20px; } .padding-50 { padding: 50px; } .max-h-40 { max-height: 40px; } .font-11 { font-size: 11px !important; margin-top: 10px !important; } .font-14 { font-size: 15px !important; line-height: 20px !important; margin: 2px 0 !important; } .font-17 { font-size: 17px !important; line-height: 24px !important; margin: 5px 0; } .width-100 { width: 100%; } .border-grey { border: 1px solid #e4e4e4d1; } .post-border { border: 1px solid #e4e4e4d1; padding: 10px 0; } .border-down { border-color: #adadad; border-style: solid; border-width: 0 0 1px 0; border-radius: 0 !important; } .border-box { border-width: 1px 1px 1px 0; border-style: solid; border-color: #e6e6e6; } .border-box-top { border-width: 0 1px 1px 1px; border-style: solid; border-color: #e6e6e6; } .border-full { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #e6e6e6; } .border-none { border: none !important; padding: 10px 0 30px !important; } .height-225 { height: 225px !important; } .pos-rel { position: relative !important; } .pos-abs { position: absolute !important; } .text-center { text-align: center !important; } .bg-white { background: #fff !important; z-index: 0; } .icon-align { top: 0; right: 5px; } .blog-blockchain { margin-top: 12%; margin-bottom: 50px; } .blog-heading1 { font-size: 16px; margin: 15px 0 10px 0; font-weight: 600; color: #3c6dcd; text-transform: capitalize; } .blog-sm-heading1 { font-size: 12px; margin: 10px 0 10px 0; font-weight: 600; color: #3c6dcd; text-transform: capitalize; } .blog-heading2 { font-size: 32px; margin: 15px 0 15px 0; font-weight: 700; color: #1f1f1f; line-height: 45px; max-height: 90px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize; } .blog-sm-heading2 { font-size: 20px; line-height: 28px; font-weight: 700; color: #1f1f1f; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0; text-transform: capitalize; } .blog-xs-heading2 { font-size: 13px; line-height: 15px; font-weight: 700; color: #1f1f1f; max-height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; text-transform: capitalize; } .blog-heading-light { font-size: 20px; line-height: 28px; font-weight: 700; margin: 0; color: #a1a1a1; max-height: 60px; } .blog-para { font-weight: 500; color: #767676; max-height: 60px; font-size: 16px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 0 0; } .blog-sm-para { font-weight: 500; font-size: 12px; color: #767676; line-height: 20px; max-height: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0; } .button-styling-blue { background-color: #0a4bc2; border-radius: 10px; color: #fff; font-weight: 500; padding: 0 25px; font-size: 14px; height: 40px; margin: 10px 0; } .button-styling-trans { border-radius: 10px; position: relative; overflow: hidden; background: 0 0; color: #0a4bc2; font-weight: 550; padding: 0 25px; font-size: 14px; height: 40px; border: 1px solid #dad4d4; margin: 10px 0; } .button-styling-trans:hover { color: #fff; } .btn-abs { right: 0; top: 0; margin: 0 !important; } .btn-ani-style .button-styling-trans::after { content: ""; position: absolute; top: 0; left: -100%; background-color: #155cff; border-radius: 7px; width: 100%; height: 100%; transition: 0.3s ease-in-out; z-index: -1; } .btn-ani-style .button-styling-trans:hover::after { left: 0; } .button-sm-styling-trans { border-radius: 7px; color: #0a4bc2; background: 0 0; border: 1px solid #dad4d4; font-weight: 600; height: 28px; font-size: 10px; margin-top: 5px; overflow: hidden; } .button-sm-styling-trans:hover { color: #fff; } .btn-ani-style .button-sm-styling-trans::after { content: ""; position: absolute; top: 0; left: -100%; background-color: #0a4bc2; border-radius: 7px; width: 100%; height: 100%; transition: 0.3s ease-in-out; z-index: -1; } .btn-ani-style .button-sm-styling-trans:hover::after { left: 0; } .button-linkedin { padding: 0 30px; height: 60px; margin: 20px 0; width: 170px; } input:focus { outline: 0; } .heart-icon-red .fa-heart { color: #ff0012; text-align: center; padding: 10px; border: 1px solid #d0d0d0; border-radius: 50px; } .heart-icon-white .fa-heart-o { text-align: center; padding: 10px; border: 1px solid #d0d0d0; border-radius: 50px; } .eye-icon .fa-eye { text-align: center; padding: 10px; border: 1px solid #d0d0d0; border-radius: 50px; } .heart-icon-white-sm .fa-heart-o { text-align: center; padding: 5px; border: 1px solid #d0d0d0; border-radius: 50px; } .eye-icon-sm .fa-eye { text-align: center; padding: 5px; border: 1px solid #d0d0d0; border-radius: 50px; } .share-icon .fa-share-alt { text-align: center; padding: 10px 12px; border: 1px solid #d0d0d0; border-radius: 50px; } .blog-blockchain .left-part, .blog-businessdev .right-part, .blog-list .left-part, .blog-mostliked .left-part, .blog-recentpost .left-part, .blog-recentpost .sm-left-part, .blog-techinfo .left-part, .detail-latestpost .card, .detail-latestpost .left-part { overflow: hidden; } .blog-blockchain .left-part img, .blog-businessdev .right-part img, .blog-list .left-part img, .blog-mostliked .left-part img, .blog-recentpost .left-part img, .blog-recentpost .sm-left-part img, .blog-techinfo .left-part img, .detail-latestpost .card img, .detail-latestpost .left-part img { width: 100%; -webkit-transition: transform 1s ease-in-out; } .blog-blockchain .left-part img:hover, .blog-businessdev .right-part img:hover, .blog-list .left-part img:hover, .blog-mostliked .left-part img:hover, .blog-recentpost .left-part img:hover, .blog-techinfo .left-part img:hover, .detail-latestpost .left-part img:hover { transform: scale(1.06); } .blog-recentpost .sm-left-part img:hover { transform: scale(1.3); } .blog-blockchain .right-part, .blog-businessdev .left-part, .blog-mostliked .right-part, .blog-recentpost .right-part, .detail-latestpost .right-part { height: 280px; } .blog-date-margin { margin: 5px 0 5px 0; } .blog-blockchain .blockchain-text span, .blog-businessdev .businessdev-text span, .blog-list .list-text span, .blog-mostliked .mostliked-text span { color: #606060; font-size: 16px; font-weight: 700; } .blog-blockchain .blockchain-text .icons span, .blog-businessdev .businessdev-text .icons span, .blog-list .list-text span, .blog-mostliked .mostliked-text .icons span, .blog-recentpost .recentpost-text .icons span, .detail-latestpost .latestpost-text .left-part { margin: 0 5px 0 0; } .blog-recentpost .recentpost-text span { color: #606060; font-size: 12px; font-weight: 700; } .blog-techinfo .blog-heading2 { margin-bottom: 0; } .blog-techinfo .blog-para { line-height: 25px; } .blog-techinfo .right-part { margin: 39px; } .blog-techinfo .right-part input::placeholder { color: #2b2b2a; font-size: 14px; font-weight: 500; opacity: 1; } .blog-techinfo .right-part .input-styling { border: none; padding: 15px 0 15px 30px; width: 70%; float: left; border-radius: 20px; box-shadow: -8px 10px 10px 0 rgba(208, 208, 208, 0.47); } .blog-techinfo .right-part .input-button { background-color: #0a4bc2; color: #fff; height: 50px; padding: 0 30px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; width: 30%; margin-left: -30px; } .card-body { margin: 20px 0 20px 10px; } .detail-latestpost { margin-top: 12%; margin-bottom: 50px; } .detail-latestpost .right-part-175 { max-height: 175px; position: relative; padding: 15px 20px 20px; } .detail-latestpost .latestpost-text .top-right-icon { position: absolute; right: 5px; } .detail-latestpost .card span, .detail-latestpost .latestpost-text span { color: #606060; font-size: 12px; font-weight: 700; } .detail-latestpost .latestpost-text .custom-para { line-height: 18px !important; } .detail-latestpost .list-styling { padding-bottom: 10px; } .detail-latestpost .list-styling li { padding: 5px 0 5px 20px; font-size: 14px; color: #767676; } .detail-latestpost .mini-form { padding: 5px 20px 20px; } .detail-latestpost .mini-form .input-styling { padding: 15px 0 15px 5px; width: 100%; } .detail-latestpost .mini-form .input-styling::placeholder { color: #767676; font-weight: 600; opacity: 0.8; font-size: 12px; } .detail-latestpost .mini-form .input-button { background-color: #0a4bc2; color: #fff; height: 50px; padding: 0 30px; width: 100%; } .detail-latestpost .item-inline { text-align: center; margin: 10px; } .detail-latestpost .item-inline li { display: inline; margin: 10px; font-size: 16px; } .detail-latestpost .item-inline li.active { background-color: #0a4bc2; padding: 10px 15px; border-radius: 50px; } .detail-latestpost .item-inline li.active a { color: #fff; } .detail-latestpost .item-black li a:hover { color: #000; font-weight: 500; } .blog-list { margin-top: 12%; margin-bottom: 50px; } .blog-list .pos-abs i { color: #000; } .blog-list .blog-profile .blog-heading2 { font-size: 32px; margin: 15px 0 0 0; } .sticky { border-left: 1px solid #d4d4d4; position: sticky; top: 0; } .sticky-gap .sticky-styling { font-size: 16px; color: #777; font-weight: 700; padding: 10px 20px; } .sticky-gap .sticky-styling:active, .sticky-gap .sticky-styling:focus { color: #1c6c9f; font-weight: 700; border-left: 5px solid #1c6c9f; } .sticky-gap .sticky-styling.active { color: #1c6c9f; font-weight: 700; border-left: 5px solid #1c6c9f; } .select-styling { width: 175px; height: 40px; border-radius: 10px; border: 1px solid #dedede; right: 0; top: 3%; color: #08223a; font-weight: 600; } .select-styling:focus { outline: 0; } .select-styling option { color: #08223a; font-weight: 600; } .collapsed .fa-plus { display: block !important; } .collapsed .fa-minus { display: none; } #blog-sidebar.blogstick { position: fixed; top: 100px; z-index: 10000; } .card-position { top: 90%; right: 5%; } .slide-section { border: 1px solid #d7d7d7; } .MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position: relative; } .MultiCarousel { height: auto; } .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; } .MultiCarousel .MultiCarousel-inner .item { float: left; } .MultiCarousel .MultiCarousel-inner .item > div { padding: 0; margin: 20px; background: #f1f1f1; color: #666; } .MultiCarousel .leftLst, .MultiCarousel .rightLst { position: absolute; border-radius: 50%; top: calc(50% - 20px); } .MultiCarousel .leftLst { left: 0; background: #155cff; } .MultiCarousel .rightLst { right: 0; background: #155cff; } .MultiCarousel .leftLst:focus, .MultiCarousel .rightLst:focus { outline: 0; } .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background: #155cff; } html { scroll-behavior: smooth; } .quote-style { min-height: 250px; text-align: center; padding-top: 100px; } .quote-style a { padding: 14px 18px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; font-weight: 500; border-radius: 4px; font-size: 14px; letter-spacing: 0.5px; display: inline-block; } .digital-marketing .digital-icon { background-image: url(../images/sports_betting/sport_service.png); display: block; width: 100px; height: 100px; } .digital-marketing .icon1 { background-position: -20px -215px; } .digital-marketing .icon2 { background-position: -150px -215px; } .digital-marketing .icon3 { background-position: -290px -215px; } .digital-marketing .icon4 { background-position: -435px -215px; } .digital-marketing .icon5 { background-position: -560px -215px; } .digital-marketing .icon6 { background-position: -705px -215px; } .digital-marketing .icon7 { background-position: -30px -335px; } .digital-marketing .icon8 { background-position: -155px -335px; } .digital-marketing .icon9 { background-position: -285px -335px; } .betting-approach h2, .betting-approach p { text-align: center; } .betting-approach .betting-styling { padding: 20px; margin: 15px 0; border: 1px solid #dcdcdc8a; border-radius: 5px; text-align: center; } .betting-approach .betting-icon { background-image: url(../images/sports_betting/sport_service.png); display: block; width: 60px; height: 60px; margin: 0 auto; } .betting-approach .betting-icon1 { background-position: -25px -30px; } .betting-approach .betting-icon2 { background-position: -85px -30px; } .betting-approach .betting-icon3 { background-position: -140px -30px; } .betting-approach .betting-icon4 { background-position: -200px -30px; } .betting-approach .betting-icon5 { background-position: -255px -30px; } .betting-approach .betting-icon6 { background-position: -315px -30px; } .betting-approach .betting-icon7 { background-position: -390px -30px; } .betting-approach .betting-icon8 { background-position: -445px -30px; } .betting-approach .betting-icon9 { background-position: -505px -30px; } .betting-approach .betting-icon10 { background-position: -560px -30px; } .betting-approach .betting-icon11 { background-position: -620px -30px; } .betting-approach .betting-icon12 { background-position: -675px -30px; } .sport-betting-feature .feature-icon { background-image: url(../images/sports_betting/sport_service.png); display: block; width: 100px; height: 75px; } .sport-betting-feature .icon1 { background-position: -25px -120px; } .sport-betting-feature .icon2 { background-position: -125px -120px; } .sport-betting-feature .icon3 { background-position: -245px -120px; } .sport-betting-feature .icon4 { background-position: -360px -120px; } .sport-betting-feature .icon5 { background-position: -510px -120px; } .sport-betting-feature .icon6 { background-position: -625px -120px; } .sport-betting-feature .icon7 { background-position: -750px -120px; } .fantasy-approach h2, .fantasy-approach p { text-align: center; } .fantasy-approach .fantasy-styling { padding: 20px; margin: 15px 0; border: 1px solid #dcdcdc8a; border-radius: 5px; text-align: center; } .fantasy-approach .fantasy-icon { background-image: url(../images/sports_betting/sport_service.png); display: block; width: 60px; height: 60px; margin: 0 auto; } .fantasy-approach .fantasy-icon1 { background-position: -25px -30px; } .fantasy-approach .fantasy-icon2 { background-position: -85px -30px; } .fantasy-approach .fantasy-icon3 { background-position: -140px -30px; } .fantasy-approach .fantasy-icon4 { background-position: -200px -30px; } .fantasy-approach .fantasy-icon5 { background-position: -255px -30px; } .fantasy-approach .fantasy-icon6 { background-position: -315px -30px; } .fantasy-approach .fantasy-icon7 { background-position: -390px -30px; } .fantasy-approach .fantasy-icon8 { background-position: -445px -30px; } .fantasy-approach .fantasy-icon9 { background-position: -505px -30px; } .fantasy-approach .fantasy-icon10 { background-position: -560px -30px; } .fantasy-approach .fantasy-icon11 { background-position: -620px -30px; } .fantasy-approach .fantasy-icon12 { background-position: -675px -30px; } .style-form { height: 250px; padding-top: 100px; } .angular-about .responsiveweb { margin-top: 0; text-align: center; } .angular-portfolio .healthcareapp .bottompart .rightpart p { font-size: 14px; color: #08223a; font-weight: 500; margin-bottom: 10px; font-family: Montserrat; } .angular-portfolio .healthulli ul > li b { display: block; margin-bottom: 0; } .angular-portfolio .healthulli ul > li:before { left: -20px; font-family: FontAwesome; content: "\f111"; position: absolute; top: 3px; color: #6393ff; } .game_app_image { text-align: center; } .game_app_image img { width: 80%; } .mob-app .container .devforbusiness .rightpart .mainpart { border: none; } .reputationmanagement .web-portfolio-heading:after { display: none; } .reputationmanagement .leftpart .web-portfolio-para:after { display: none; } .mobileappsaudi { background-image: url(../images/mobileappsaudi/saudi_banner.png); height: 715px; } .arabia-app-service.mainblockchainfluid { padding-bottom: 0; } .arabia-service { background: #2e89bc !important; width: 100%; height: auto; } .arabia-service .servicepart .service { text-align: center; padding: 50px 0; background: #edf3ff; border-radius: 15px; min-height: 230px; box-shadow: 4px 7px 23px -17px #474747; background-repeat: no-repeat; width: 100%; background-size: 100% 150px; background-position: bottom; transition: 0.5s ease-in-out; } .arabia-service .servicepart .service:hover { transform: translateY(-10px); transition: 0.5s ease-in-out; box-shadow: 3px 3px 8px 2px #c1c1c194; } .arabia-service .servicepart .service:hover .serviceicon img { transform: rotate(360deg); } .arabia-service .servicepart .box-1 { background-image: url(../images/mobileappsaudi/box-1.png); } .arabia-service .servicepart .box-2 { background-image: url(../images/mobileappsaudi/box-2.png); } .arabia-service .servicepart .box-3 { background-image: url(../images/mobileappsaudi/box-3.png); } .arabia-service .servicepart .box-4 { background-image: url(../images/mobileappsaudi/box-4.png); } .arabia-service .heading-white { font-size: 30px; color: #fff; font-weight: 600; margin: 0 40px; } .arabia-service .para-white { font-size: 16px; color: #fff; font-weight: 500; line-height: 30px; margin: 10px 40px; } .arabia-service .topheading { margin-top: 150px; margin-bottom: 10px; } .arabia-service .service span { text-transform: lowercase !important; } .arabia-service .custom-about-heading { margin: 10px 0 !important; line-height: 30px !important; } .arabia-service .custom-about-para { line-height: 22px; } .saudi-about.mainblockchainfluid { padding-bottom: 0; } .saudi-about.mainblockchainfluid .container .blockchainright { margin-top: -25px; } .saudi-about .container .blockchainright img { width: 75%; height: auto; } .saudi-about.mainblockchainfluid .container .blockchainleft h3 { margin-bottom: 10px; } .arabia-app-service.iphoneappdevelop .androidapp { margin-top: 0; } .arabia-app-service .androidapp img { width: 65%; height: auto; margin-top: 0; } .arabia-app-service .blockchainleft { margin-top: 20px; } .arabia-360 .solution .leftpart { margin-top: 50px; } .arabia-360 .solution .leftpart h4 { font-size: 20px; color: #08223a; font-weight: 700; font-family: Montserrat; } .arabia-360 .solution .leftpart h3 { font-size: 24px; color: #08223a; font-weight: 550; font-family: Montserrat; line-height: 30px; } .investor360 .solution .leftpart p { font-size: 14px; color: #08223a; margin-bottom: 15px; font-weight: 500; font-family: Montserrat; } .arabia-image img { width: 90%; margin-top: 50px; } .mobile-web-bahrain { background-image: url(../images/mobilewebbahrain/bahrain-banner.png); width: 100%; height: 700px; overflow: hidden; background-size: cover; } .mobile-web-bahrain .subpart p { font-size: 14px; color: #fff; font-weight: 500; text-align: center; } .bahrain-web-service .web-service-heading { text-align: center; } .bahrain-web-service .web-service-para { margin: 0 100px 0 !important; line-height: 24px; text-align: center; } .bahrain-portfolio .portfoliosection .imagepart img { width: 70%; height: auto; margin-top: 20px; } .bahrain-web-service .container .websitedesign .servicepart .service { background-color: #fff; overflow: hidden; transition: 0.5s ease-in-out; box-shadow: 5px 5px 10px 1px #e8e8e8c2; padding: 0 25px 10px; border: 1px solid #dcdcdc8a; border-radius: 5px; min-height: 210px; } .bahrain-web-service .container .websitedesign .servicepart .service .web-dev-icon { position: absolute; top: 15px; left: 20px; transition: 0.5s ease-in-out; } .bahrain-web-service .container .websitedesign .servicepart .service .bahrain-webservice-text .web-feature-heading2 { margin-bottom: 5px !important; font-size: 16px !important; } .bahrain-web-service .container .websitedesign .servicepart .service .bahrain-webservice-text .web-feature-para2 { font-size: 13px !important; } .bahrain-webservice-text { transition: 0.5s ease-in-out; margin: 85px 30px 0 5px; } .bahrain-web-service .container .websitedesign .servicepart .service .bahrain-icon-position { bottom: -40px; left: 30px; border: 1px solid #fff; border-radius: 50px; padding: 8px 10px; background: #fff; transition: 0.5s ease-in-out; } .bahrain-web-service .container .websitedesign .servicepart .service .bahrain-icon-position i { color: #1e7dff; font-size: x-large; } .bahrain-web-service .container .websitedesign .servicepart .service:hover { background-color: #1e7dff; } .bahrain-web-service .container .websitedesign .servicepart .service:hover .web-dev-icon { position: absolute; top: -80px; transition: 0.5s ease-in-out; } .bahrain-web-service .container .websitedesign .servicepart .service:hover .bahrain-webservice-text { transition: 0.5s ease-in-out; margin: 20px 30px 80px 5px; } .bahrain-web-service .container .websitedesign .servicepart .service:hover .bahrain-webservice-text .web-feature-heading2 { color: #fff !important; } .bahrain-web-service .container .websitedesign .servicepart .service:hover .bahrain-webservice-text .web-feature-para2 { color: #fff !important; font-size: 13px !important; } .bahrain-web-service .container .websitedesign .servicepart .service:hover .bahrain-icon-position { bottom: 30px; left: 30px; transition: 0.5s ease-in-out; } .mobile-web-bahrain .container .requestqquote .form-group input { border: 1px solid #ffffffcf; } .digitalmain.healhcare_type .container .blockchainright { margin: 0; } .startupbusiness.healhcare_type .container .blockchainleft h3 { font-size: 18px; color: #08223a; font-family: Montserrat; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; } .iphone-uae { padding-bottom: 0 !important; } .business-uae.whytech360 .solution .rightpart img { width: 60%; } .business-uae.whytech360 .solution .leftpart { margin-top: 0; } .business-uae.whytech360 .solution { margin-top: 0; } .healthcarefluid.realestatefluid .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 15px; color: #08223a; font-size: 16px; line-height: 24px; font-family: Montserrat; margin-bottom: 11px; text-align: left; } .healthcareappfluid.realstate-fluid .healthcareapp .toppart h2 { font-size: 30px; font-weight: 700; color: #08223a; position: relative; font-family: Montserrat; } .realestateapp .toppart h2 { font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 550; margin-bottom: 10px; } .digitalmain.realestateapp .container .blockchainleft h2 { font-size: 22px; color: #08223a; font-family: Montserrat; font-weight: 550; text-transform: uppercase; margin-bottom: 10px; line-height: 36px; position: relative; } .wasphahealth.realstate-project .healthcare .leftpart h2 { font-size: 15px; text-transform: uppercase; color: #eee; font-weight: 600; font-family: Montserrat; } .smopage .iphoneappfluid .mainbackcontent .subpart p { color: #08223a; font-weight: 500; } .methology_smo.devmethologyfluid.methology_smo .container .devmethology h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; } .emporwingpower .rightpart h2 { font-size: 24px; font-weight: 550; color: #08223a; text-transform: uppercase; } .achievementsfluid .container .leftpart h2 { color: #08223a; font-weight: 700; font-size: 24px; margin: 0; } .seopage .iphoneappfluid .mainbackcontent h3 { font-size: 20px; color: #08223a; font-weight: 600; } .seopage .iphoneappfluid .mainbackcontent .subpart { margin-right: 100px; } .seopage .iphoneappfluid .mainbackcontent .subpart p { color: #08223a; font-weight: 500; } .whytechfluid .container .mainbackcontent .row .subpart p { color: #fff; } .whytech360 .leftpart h2 { font-size: 30px; color: #08223a; font-weight: 600; text-transform: capitalize; } .whytecfluid .leftpart .toppart h2 { font-size: 30px; color: #08223a; font-weight: 600; text-transform: capitalize; } .food-delivery .healthcareapp .bottompart { text-align: left; } .healthcareappfluid.food-delivery .healthcareapp .bottompart .rightpart p { margin: 15px 0; } .healthcareappfluid.food-delivery .healthcareapp .bottompart .leftpart img { width: 75%; } .healthcareappfluid.food-delivery .healthcareapp .toppart h4:after { display: none; } .gamecompanyfluid.platform.food-platform { margin: 50px 0; } .gamecompanyfluid.food-platform .container .devmethology { width: 100%; margin: 0 auto; margin-bottom: 30px; margin-top: 30px; } .gamecompanyfluid.food-platform .container .mehologyimage img { width: 350px; height: auto; margin-top: 10px; } .gamecompanyfluid.food-platform .container .devmethology h2 { font-size: 26px; text-transform: capitalize; font-weight: 700; line-height: 30px; } .foodservice .toppart h2 { font-size: 30px; color: #08223a; font-weight: 700; } .foodservice .androidapp img { margin-top: 10px; } .wasphahealth.fooddelivery .healthcare .leftpart h2 { font-size: 15px; text-transform: uppercase; color: #eee; font-weight: 600; font-family: Montserrat; } .food-portfolio.appportfolio-fluid .topheadingpart h2 { font-size: 30px; font-weight: 700; font-family: Montserrat; } .mainblockchainfluid.content-about .container .blockchainright img { width: 60%; height: auto; } .devcompanyfluid.content-feature .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 50px; margin-top: 0; } .devcompanyfluid.content-feature .container .mehologyimage img { width: 50%; height: auto; margin-top: 50px; } .devcompanyfluid.content-feature .container .devmethology h2 { font-size: 24px; text-transform: uppercase; font-weight: 550; color: #08223a; font-family: Montserrat; } .paymerclick_fluid.myiphoneapppage { height: 700px; } .devcompanyfluid.payclick_advertising .container .devmethology h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; text-transform: capitalize; } .devcompanyfluid.payclick_advertising .container .devmethology p { color: #08223a; font-size: 14px; font-weight: 500; margin-bottom: 10px; } .deliver_payperclick.mainblockchainfluid .container .blockchainright img { width: 60%; height: auto; } .devcompanyfluid.payclick_advertising .container .devmethology { width: 100%; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; } .devcompanyfluid.payclick_advertising .container .mehologyimage img { margin-top: 0; width: 80%; } .devcompanyfluid.payclick_advertising { padding-bottom: 50px; } .reputationmanagement.result_paycickk .reputation .leftpart h2 { font-weight: 700; color: #08223a; text-transform: capitalize; font-size: 30px; font-family: Montserrat; } .myiphoneapppage.email_mar_fluid { height: 700px; } .email_mar_fluid .iphoneappfluid .container .mainbackcontent { margin-top: 15%; } .feature-email { padding-bottom: 50px; } .devcompanyfluid.feature-email .container .devmethology { width: 80%; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; } .devcompanyfluid.feature-email .container .mehologyimage img { width: 70%; height: auto; margin-top: 50px; } .devcompanyfluid.feature-email .container .devmethology h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; text-transform: capitalize; } .email-repitation .reputation .leftpart h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; margin-top: 5px; text-transform: capitalize; } .mainblockchainfluid.develop-malaysia { padding-top: 30px; padding-bottom: 30px; } .mainblockchainfluid.about-malaysia .container .blockchainright img { width: 100%; } .develop-malaysia.mainblockchainfluid .container .blockchainleft h4 { font-size: 18px; font-weight: 550; } .develop-malaysia.mainblockchainfluid .container .blockchainleft h2 { font-size: 24px; } .iphone-malaysia.iphoneappdevelop .androidapp img, .iphone-malaysia.iphoneappdevelop .blockchainleft, .iphoneappdevelop.iphone-malaysia .androidapp { margin-top: 0; } .iphone-malaysia .blockchainleft { padding-top: 20px; } .iphone-malaysia.digitalmain .container .blockchainleft h2 { font-size: 24px; color: #08223a; font-weight: 700; text-transform: capitalize; } .iphone-malaysia.iphoneappdevelop .headingtop h2 { font-size: 30px; color: #08223a; font-weight: 700; text-transform: capitalize; } .iphone-malaysia.iphoneappdevelop .headingtop p { font-size: 18px; color: #08223a; font-weight: 550; margin-top: 20px; text-transform: capitalize; } .a-dev.androidbusinessfluid .container .devforbusiness .leftpart { margin-bottom: 0; } .flutter-iphoneapp.iphoneappdevelop .androidapp { margin-top: 0; } .mobileappkuwait { background-image: url(../images/kuwait/banner_bg.png); } .deliver_payperclick.mainblockchainfluid.smo_result .container .blockchainright img { width: 100%; height: auto; } video, video:focus { outline: 0.5px solid #000; } .gropsesubmenu.icon-parent ul li a:after { display: block; } .gropsesubmenu.icon-parent ul li:hover a:after { display: none; } .gropsesubmenu.icon-parent ul li:hover a:before { display: block; } .icon-parent a { position: relative; } .icon-parent a:after { position: absolute; content: ""; width: 18px; height: 18px; top: -4px; left: -3%; background-image: url(../images/home_page/black.png); background-size: 400px auto; transition: 0.5s all; } .icon-parent a:before { position: absolute; content: ""; width: 18px; height: 18px; top: -4px; left: -3%; background-image: url(../images/home_page/white.png); background-size: 400px auto; } .icon-parent .icon-multi1:after { background-position: -2px -7px; } .icon-parent .icon-multi2:after { background-position: -31px -7px; } .icon-parent .icon-multi3:after { background-position: -63px -7px; } .icon-parent .icon-multi4:after { background-position: -95px -7px; } .icon-parent .icon-multi5:after { background-position: -127px -7px; } .icon-parent .icon-multi6:after { background-position: -162px -7px; } .icon-parent .icon-multi7:after { background-position: -195px -7px; } .icon-parent .icon-multi8:after { background-position: -224px -7px; } .icon-parent .icon-multi9:after { background-position: -259px -7px; } .icon-parent .icon-multi10:after { background-position: -292px -7px; } .icon-parent .icon-multi11:after { background-position: -324px -7px; } .icon-parent .icon-multi12:after { background-position: -4px -37px; } .icon-parent .icon-multi13:after { background-position: -37px -37px; } .icon-parent .icon-multi14:after { background-position: -71px -37px; } .icon-parent .icon-multi15:after { background-position: -103px -37px; } .icon-parent .icon-multi16:after { background-position: -133px -37px; } .icon-parent .icon-multi17:after { background-position: -164px -37px; } .icon-parent .icon-multi18:after { background-position: -200px -37px; } .icon-parent .icon-multi19:after { background-position: 167px -37px; } .icon-parent .icon-multi20:after { background-position: 136px -37px; } .icon-parent .icon-multi21:after { background-position: 107px -37px; } .icon-parent .icon-multi22:after { background-position: 76px -36px; } .icon-parent .icon-multi23:after { background-position: -4px -66px; } .icon-parent .icon-multi24:after { background-position: -38px -66px; } .icon-parent .icon-multi25:after { background-position: -72px -66px; } .icon-parent .icon-multi26:after { background-position: -105px -66px; } .icon-parent .icon-multi27:after { background-position: -137px -66px; } .icon-parent .icon-multi28:after { background-position: -167px -66px; } .icon-parent .icon-multi29:after { background-position: -5px -98px; } .icon-parent .icon-multi30:after { background-position: -35px -98px; } .icon-parent .icon-multi31:after { background-position: -68px -98px; } .icon-parent .icon-multi32:after { background-position: -101px -98px; } .icon-parent .icon-multi33:after { background-position: -133px -98px; } .icon-parent .icon-multi34:after { background-position: -168px -98px; } .icon-parent .icon-multi35:after { background-position: -198px -98px; } .icon-parent .icon-multi36:after { background-position: -228px -98px; } .icon-parent .icon-multi37:after { background-position: -260px -98px; } .icon-parent .icon-multi38:after { background-position: -289px -98px; } .icon-parent .icon-multi39:after { background-position: -322px -98px; } .icon-parent .icon-multi40:after { background-position: -355px -98px; } .icon-parent .icon-multi41:after { background-position: -5px -130px; } .icon-parent .icon-multi42:after { background-position: -35px -127px; } .icon-parent .icon-multi43:after { background-position: -67px -130px; } .icon-parent .icon-multi1:before { background-position: -2px -7px; } .icon-parent .icon-multi2:before { background-position: -31px -7px; } .icon-parent .icon-multi3:before { background-position: -63px -7px; } .icon-parent .icon-multi4:before { background-position: -95px -7px; } .icon-parent .icon-multi5:before { background-position: -127px -7px; } .icon-parent .icon-multi6:before { background-position: -162px -7px; } .icon-parent .icon-multi7:before { background-position: -195px -7px; } .icon-parent .icon-multi8:before { background-position: -224px -7px; } .icon-parent .icon-multi9:before { background-position: -259px -7px; } .icon-parent .icon-multi10:before { background-position: -292px -7px; } .icon-parent .icon-multi11:before { background-position: -324px -7px; } .icon-parent .icon-multi12:before { background-position: -4px -37px; } .icon-parent .icon-multi13:before { background-position: -37px -37px; } .icon-parent .icon-multi14:before { background-position: -71px -37px; } .icon-parent .icon-multi15:before { background-position: -103px -37px; } .icon-parent .icon-multi16:before { background-position: -133px -37px; } .icon-parent .icon-multi17:before { background-position: -164px -37px; } .icon-parent .icon-multi18:before { background-position: -198px -37px; } .icon-parent .icon-multi19:before { background-position: 167px -37px; } .icon-parent .icon-multi20:before { background-position: 136px -37px; } .icon-parent .icon-multi21:before { background-position: 107px -37px; } .icon-parent .icon-multi22:before { background-position: 73px -37px; } .icon-parent .icon-multi23:before { background-position: -4px -66px; } .icon-parent .icon-multi24:before { background-position: -38px -66px; } .icon-parent .icon-multi25:before { background-position: -72px -66px; } .icon-parent .icon-multi26:before { background-position: -105px -66px; } .icon-parent .icon-multi27:before { background-position: -137px -66px; } .icon-parent .icon-multi28:before { background-position: -167px -66px; } .icon-parent .icon-multi29:before { background-position: -5px -98px; } .icon-parent .icon-multi30:before { background-position: -35px -98px; } .icon-parent .icon-multi31:before { background-position: -68px -98px; } .icon-parent .icon-multi32:before { background-position: -101px -98px; } .icon-parent .icon-multi33:before { background-position: -133px -98px; } .icon-parent .icon-multi34:before { background-position: -168px -98px; } .icon-parent .icon-multi35:before { background-position: -198px -98px; } .icon-parent .icon-multi36:before { background-position: -232px -98px; } .icon-parent .icon-multi37:before { background-position: -260px -98px; } .icon-parent .icon-multi38:before { background-position: -286px -98px; } .icon-parent .icon-multi39:before { background-position: -317px -98px; } .icon-parent .icon-multi40:before { background-position: -347px -98px; } .icon-parent .icon-multi41:before { background-position: -5px -132px; } .icon-parent .icon-multi42:before { background-position: -36px -132px; } .icon-parent .icon-multi43:before { background-position: -67px -132px; } .glimpse { padding: 30px 0 30px 15px; } .glimpse .heading { padding-bottom: 30px; } .glimpse .heading h3 { font-size: 30px; color: #08223a; font-weight: 700; line-height: 40px; text-transform: uppercase; font-family: Montserrat; } .glimpse .heading h3 span { display: block; position: relative; font-family: Montserrat; } .glimpse .heading h3 span:after { position: absolute; width: 100px; height: 2px; background: #48c8f5; top: 50px; left: 0; content: ""; } .glimpse .heading p { font-size: 14px; font-weight: 500; color: #08223a; font-family: Montserrat; padding-top: 15px; } .glimpse .heading p span { display: block; font-family: Montserrat; } .glimpse .app-number { width: 100%; position: relative; padding-top: 30px; padding-bottom: 30px; } .glimpse .app-number .number1 h3 { font-size: 40px; font-weight: 600; margin-bottom: 10px; font-family: Montserrat; } .glimpse .app-number .color1 h3 { color: #f7934c; } .glimpse .app-number .color2 h3 { color: #f05b86; } .glimpse .app-number .color3 h3 { color: #9ecd61; } .glimpse .app-number .color4 h3 { color: #44c8f5; } .glimpse .app-number .number1 h4 { font-size: 16px; font-weight: 650; color: #08223a; margin-top: 0; margin-bottom: 0; font-family: Montserrat; } .glimpse .app-number .number1 p { font-size: 12px; color: #08223a; font-family: Montserrat; } .aboutmarijuana.mainblockchainfluid { padding-bottom: 10px; } .aboutmarijuana .blockchainleft { margin-top: 30px; } .marijuanadevelopment .container .developmentservices .servicepart .service { min-height: 170px; } .marijuanafeature .container .blockchainleft ul li { list-style: disc; } .needandrise { margin-bottom: 30px; } .needandrise h2 { font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 700; margin-top: 5px; } .needandrise p { font-size: 14px; font-weight: 400; color: #08223a; font-family: Montserrat; margin-bottom: 10px; } .needandrise ul { list-style-type: decimal; margin-left: 15px; } .needandrise ul li { color: #08223a; font-family: Montserrat; padding-bottom: 10px; } .marijuanacountry { margin-top: 30px; margin-bottom: 30px; } .marijuanacountry h2 { font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 700; } .marijuanacountry p { font-size: 16px; color: #08223a; font-family: Montserrat; font-weight: 550; margin-bottom: 15px; } .marijuanacountry .map-style img { width: 50%; margin-top: 10px; } .marijuanacountry .form-group label { color: #08223a; font-family: Montserrat; margin-top: 15px; margin-bottom: 10px; } .marijuanacountry iframe { margin-left: 15px; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .servicetitle { padding: 0 5px; } .hiredeveloper { margin-top: 30px; margin-bottom: 30px; } .hiredeveloper .consult-button { padding: 14px 30px; color: #125aff; font-weight: 500; border-radius: 4px; border: 1px solid #125aff; font-size: 14px; letter-spacing: 0.5px; background-size: 200% 100%; background-position: right bottom; transition: all 0.5s ease-out; } .hiredeveloper .consult-button:hover { background-image: linear-gradient(to right, #125aff, #5387ff); color: #fff; background-position: left bottom; } .hiredeveloper .consult-button .fa { margin-left: 25px; font-size: 20px; } .hiredeveloper h2 { font-size: 40px; color: #08223a; font-weight: 700; font-family: Montserrat; margin-bottom: 15px; } .hiredeveloper p { font-size: 14px; font-weight: 500; color: #08223a; font-family: Montserrat; margin-bottom: 30px; } .hiredeveloper .tab-content { margin: 0 50px 0 20px; } .hiredeveloper .tabs-left > li, .tabs-right > li { float: none; } .hiredeveloper .tabs-left > li { border: 1px solid #ddd; } .hiredeveloper .tabs-left > li.active > a, .hiredeveloper .tabs-left > li.active > a:focus, .hiredeveloper .tabs-left > li.active > a:hover { color: #125aff; cursor: pointer; font-size: 14px; margin-left: 0; font-weight: 550; border: transparent; } .hiredeveloper .tabs-left > li > a { margin-right: 0; display: block; color: #000; border-radius: 0; padding: 20px 15px; } .hiredeveloper .tabs-left > li > a:hover { background-color: transparent; border-color: transparent; } .hiredeveloper .tabs-left > li:after { display: block; content: ""; border-bottom: solid 2px #125aff; transform: scaleX(0); transition: transform 250ms ease-in-out; } .hiredeveloper .tabs-left > li:hover:after { transform: scaleX(1); } .hiredeveloper .tabs-left > li:hover a { color: #125aff; font-weight: 550; } .terms-fluid { background-image: url(../images/home_page/terms-and-conditions.png); } .terms-fluid .termsandconditionsfluid .mainbackcontent .row h1 { font-size: 35px; font-weight: 700; line-height: 50px; position: relative; font-family: "Iskoola Pota"; font-style: normal; color: #fff; } .terms-fluid .termsandconditionsfluid .mainbackcontent .row h2 { font-size: 28px; font-weight: 500; line-height: 50px; position: relative; font-family: "Iskoola Pota"; font-style: normal; color: #fff; } .terms-fluid .termsandconditionsfluid .mainbackcontent .row h3 { font-size: 16px !important; } .terms-and-conditions .main-content { margin-top: 15px; } .terms-and-conditions .main-content p { line-height: 24px; font-size: 14px; color: #08223a; margin-top: 5px; } .terms-and-conditions .main-content h2 { font-size: 18px; font-weight: 550; margin: 15px 0; color: #08223a; font-family: Montserrat; line-height: 24px; } .terms-and-conditions .main-content .ul-styling li { color: #08223a; font-size: 12px; margin: 5px 0; } .terms-and-conditions .main-content span { color: #08223a; } .switch-button { position: absolute; bottom: 40px; left: 50px; z-index: 99999; } .switch-button a { padding: 14px 20px; background-color: #fff; color: #000; font-weight: 700; border-radius: 4px; font-size: 14px; } .form-full { background: black; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; margin-top: 30px; } .form-full .form-heading { font-size: 35px; color: #fff; font-family: Montserrat; font-weight: 700; position: relative; margin-bottom: 50px; text-transform: uppercase; text-align: center; } .form-full .form-heading:after { position: absolute; width: 100px; height: 2px; background: #fff; top: 50px; left: 45%; content: ""; } .form-full .form-group input { border-width: 0 0 1px 0; height: 40px; margin-bottom: 30px; color: #fff; font-weight: 700; background-color: transparent; border-bottom: 1px solid #fff; } .form-full .form-group label { margin-left: 10px; margin-bottom: 5px; color: #fff; font-weight: 500; } .form-full .form-group select { border-width: 0 0 1px 0; height: 40px; margin-bottom: 30px; color: #fff; font-weight: 300; background-color: transparent; border-bottom: 1px solid #fff; } .form-full .form-group select:focus { color: #dbdbdbd6; background: #010628e0; } .form-full .form-group textarea { border-width: 0 0 1px 0; height: 70px; margin-bottom: 50px; color: #fff; font-weight: 700; background-color: transparent; border-bottom: 1px solid #fff; } .form-full .form-group input::placeholder, .form-full .form-group textarea::placeholder { color: #fff; opacity: 1; font-weight: 300; } .form-full .form-group input:focus, .form-full .form-group textarea:focus { outline: 0; box-shadow: 0 8px 10px -3px rgb(0 0 0 / 24%); border-color: #fff; } .form-full .btn-styling { background: #fff; border: none; font-size: 14px; font-weight: 600; padding: 0 35px 0 35px; height: 45px; position: relative; border-radius: 8px; color: black; margin-bottom: 30px; } .form-full .btn-styling:active { background-color: #fff !important; border-color: #fff !important; } .gamecompanyfluid .service-box { margin-top: 30px; } .gamecompanyfluid .service-box .box { border: 1px solid #e8e8e8; padding: 15px 25px 20px; border-radius: 20px; height: 275px; position: relative; margin-bottom: 40px; text-align: center; transition: 0.5s ease-in-out; background-color: #f7fafa; } .gamecompanyfluid .service-box .box:hover { background: #fff; transform: scale(1.03); } .gamecompanyfluid .service-box .box:hover .icon { transform: rotateY(360deg); } .gamecompanyfluid .service-box .box .icon { background: url(../images/Mobileapp/mobile-game-icons.png) no-repeat; background-size: 750px auto; width: 70px; height: 60px; margin: 0 auto; transition: 0.8s ease-in-out; } .gamecompanyfluid .service-box .box .icon1 { background-position: -30px 0; } .gamecompanyfluid .service-box .box .icon2 { background-position: -104px 0; } .gamecompanyfluid .service-box .box .icon3 { background-position: -182px 0; } .gamecompanyfluid .service-box .box .icon4 { background-position: -255px 0; } .gamecompanyfluid .service-box .box .icon5 { background-position: -330px 0; } .gamecompanyfluid .service-box .box .icon6 { background-position: -404px 0; } .gamecompanyfluid .service-box .box .icon7 { background-position: -472px 0; } .gamecompanyfluid .service-box .box .icon8 { background-position: -540px 0; } .gamecompanyfluid .service-box .box .icon9 { background-position: -620px 0; } .gamecompanyfluid .service-box .box h4 { font-size: 16px; color: #08223a; margin-bottom: 10px; font-weight: 700; } .gamecompanyfluid .service-box .box p { font-size: 13px; color: #08223a; font-weight: 550; } .faq-fluid .fa { float: right; margin-right: 25px; } .faq-fluid .panel-default > .panel-heading { background-color: transparent; } .faq-fluid .panel-title { font-weight: 600; } .faq-fluid .panel-heading { padding: 20px 15px; } .faq-fluid .panel-group { margin: 20px 100px 50px; } .faq-fluid .panel-default { border-color: transparent; } .faq-fluid .faq-text { text-align: center; margin-bottom: 50px; } .faq-fluid .faq-text h2 { font-size: 35px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .faq-fluid .faq-text h2:after { border-bottom: 0; position: absolute; content: ""; width: 80px; height: 3px; background: #175eff; bottom: -5px; margin-left: -40px; left: 50%; } .faq-fluid .faq-text p { font-size: 16px; color: #08223a; font-family: Montserrat; padding-top: 0; font-weight: 500; text-transform: capitalize; } .faq-fluid .panel-body { border-top: 1px solid transparent !important; font-weight: 500; font-family: Montserrat; margin: 10px 0 20px; color: #08223a; } .faq-fluid .panel-body ul { list-style-type: decimal; margin-left: 15px; padding: 5px 0; color: #08223a; } .faq-fluid .panel-body p { color: #08223a; } .whychoose-fluid .box { padding: 20px; min-height: 230px; background: #125aff; margin-top: 30px; border-radius: 10px; text-align: center; transition: 0.5s ease-in-out; } .whychoose-fluid .box h4, .whychoose-fluid .box p { color: #fff; } .whychoose-fluid .box:hover { background: #000; transform: scale(1.05); } .whychoose-fluid .box:hover h4, .whychoose-fluid .box:hover p { color: #fff; } .blockchainservicefluid.marijuana-feature { background: #5bbe36; background-size: cover; width: 100%; overflow: hidden; padding-top: 0; padding-bottom: 0; } .blockchainservicefluid.marijuana-feature .container .blockchainservice .leftpart .service1:before, .blockchainservicefluid.marijuana-feature .container .blockchainservice .leftpart .service3:before, .blockchainservicefluid.marijuana-feature .container .blockchainservice .leftpart .service5:before, .blockchainservicefluid.marijuana-feature .container .blockchainservice .rightpart .service2:before, .blockchainservicefluid.marijuana-feature .container .blockchainservice .rightpart .service4:before, .blockchainservicefluid.marijuana-feature .container .blockchainservice .rightpart .service6:before { display: none; } .blockchainservicefluid.marijuana-feature .container .blockchainservice:after { height: 820px; } .werdevserfluid.marijuanadevelopment { background: 0 0; margin: 30px 0 30px 0; padding-top: 20px; padding-bottom: 20px; } .werdevserfluid.marijuanadevelopment .container .developmentservices .topheading { margin: 30px 0; } .werdevserfluid.marijuanadevelopment .container .developmentservices .topheading h3 { color: #08223a; font-family: Montserrat; font-weight: 700; } .werdevserfluid.marijuanadevelopment .container .developmentservices .topheading h2 { color: #08223a; font-family: Montserrat; font-weight: 500; } .werdevserfluid.marijuanadevelopment .container .developmentservices .topheading h2:after { display: none; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service { background: #2e89bc; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service:hover { background: #5bbe36; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon { transition: 1.3s; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service:hover .icon { transform: rotate(360deg); } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .servicetitle h3 { color: #fff; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon { background-image: url(../images/icons/marijuana.png); width: 60px; height: 60px; margin: 0 auto; background-size: 1000px auto; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon1 { background-position: -25px -15px; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon2 { background-position: -205px -15px; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon3 { background-position: -115px -15px; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon4 { background-position: -315px -15px; } .werdevserfluid.marijuanadevelopment .container .developmentservices .servicepart .service .icon5 { background-position: -405px -15px; } .blockchainservicefluid.marijuana-feature .serviceheading h2 { font-size: 30px !important; } .whychoose-fluid { padding: 50px 0; background: #e9e9e961; } .whychoose-fluid h2 { text-align: center; font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 700; } .emerging-fluid.corefeature-fluid { background-color: #f3f3f3a6; padding-top: 50px; padding-bottom: 50px; margin: 0; } .emerging-fluid.corefeature-fluid .emergingtech .nav-tabs { border-bottom: 1px solid #ddd0; display: flex; justify-content: space-between; } .emerging-fluid.corefeature-fluid .emergingtech { margin-bottom: 0; margin-top: 40px; } .emerging-fluid.corefeature-fluid .tab-content { margin-top: 30px; } .emerging-fluid.corefeature-fluid .headingpart h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; position: relative; } .emerging-fluid.corefeature-fluid .headingpart h2:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #2e89bc; bottom: -10px; margin-left: -50px; left: 50%; } .emerging-fluid.corefeature-fluid .emergingtech ul li { width: 17%; } .emerging-fluid.corefeature-fluid .emergingtech ul li:nth-child(1) a, .emerging-fluid.corefeature-fluid .emergingtech ul li:nth-child(2) a, .emerging-fluid.corefeature-fluid .emergingtech ul li:nth-child(3) a { border-radius: 50%; padding: 75px 0 60px; background-color: #fff; } .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(1) a:after, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(2) a:after { position: absolute; content: " "; width: 220px; height: 5px; background: #2e89bc; left: 90%; bottom: 45%; } .emerging-fluid.corefeature-fluid .emergingtech ul li:nth-child(1) h3, .emerging-fluid.corefeature-fluid .emergingtech ul li:nth-child(2) h3, .emerging-fluid.corefeature-fluid .emergingtech ul li:nth-child(3) h3 { color: #000; } .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(1) a, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(2) a, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(3) a { background-color: #2e89bc; position: relative; } .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(1) h3, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(2) h3, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(3) h3 { color: #fff; } .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(1):after, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(2):after, .emerging-fluid.corefeature-fluid .emergingtech ul li.active:nth-child(3):after { display: none; } .emerging-fluid.corefeature-fluid .emergingtech .marijuana-content ul li { width: 100%; padding: 5px 0; color: #08223a; } .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content .marijuana-box { height: 150px; text-align: center; background: #2e89bc; margin: 20px 10px; padding: 20px 10px; border-radius: 10px; transition: 0.3s ease-in-out; } .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content .marijuana-box:hover { box-shadow: 10px 10px 25px -12px #a6a6a6; background: #fff; transform: scale(1.05); } .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content .marijuana-box:hover h4, .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content .marijuana-box:hover p { color: #000 !important; } .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content h4 { color: #fff; font-size: 16px; font-weight: 550; font-family: Montserrat; } .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content p { font-size: 12px; color: #fff !important; } .marijuana .blockchaintopfluid .container .mainbackcontent .row .subpart p, .marijuana .blockchaintopfluid .container .mainbackcontent .row h1 { text-align: left; margin-left: 0; margin-right: 0; } .mainblockchainfluid.aboutmarijuana .container .blockchainright img, .mainblockchainfluid.needandrise .container .blockchainright img { width: 55%; height: auto; } .blockchainservicefluid.healthcare-services { background-color: #fff; } .myblockchainpage.marijuana { background-image: url(../images/home_page/marijuana-banner.jpg); background-size: cover; width: 100%; height: 700px; overflow: hidden; } .arabia-service.healthcare-services { background: #2e2e2e !important; } .arabia-service.healthcare-services p { font-size: 14px; color: #fff; font-weight: 400; margin: 5px 40px 20px; } .health-capabilities.startup-fluid .featurepart .feature { text-align: center; padding: 20px; transition-duration: 0.5s; -webkit-animation-fill-mode: none; animation-fill-mode: none; height: 200px; background: #f2f2f28c; background-repeat: no-repeat; width: 100%; background-size: 100% 150px; background-position: bottom; border-radius: 20px; } .home-startup.health-capabilities .featurepart .feature:hover { box-shadow: 0 10px 25px -10px #ccc; padding: 20px 20px; background: #2e89bc; text-align: left; } .home-startup.health-capabilities .featurepart .feature h4 { font-size: 20px; font-family: Montserrat; color: #000; line-height: 20px; font-weight: 700; } .home-startup.health-capabilities .featurepart .feature p { color: #fff; } .health-capabilities { margin-bottom: 50px; } .health-capabilities.startup-fluid .featurepart .feature:hover .auto-hidden { display: none; } .health-capabilities.startup-fluid .featurepart .feature p { display: none; } .health-capabilities.startup-fluid .featurepart .feature:hover p { display: block; } .health-capabilities.startup-fluid .featurepart .feature .auto-hidden img { width: 25%; margin-top: 20px; } .wasphahealth .healthcare .leftpart { position: relative; } .wasphahealth .healthcare .btn-white { background: #fff; color: #000; font-size: 14px; position: absolute; bottom: 100px; font-weight: 700; height: 40px; border-radius: 5px; } .wasphahealth .healthcare .btn-white:focus { outline: 0; } .wasphahealth .healthcare .btn-white:hover { color: #fff; background: #337ab7; } .healthcareappfluid.ecommerce-partner .healthcareapp .bottompart .leftpart img { width: 50%; margin-top: 10px; } .healthcareappfluid.ecommerce-partner .healthcareapp .bottompart .rightpart { margin-top: 30px; } .healthcareappfluid .healthcareapp .toppart h2 { font-size: 30px; font-weight: 700; color: #08223a; font-family: Montserrat; margin-top: 10px; margin-bottom: 0; text-align: center; } .emerging-fluid.corefeature-fluid .emergingtech .tab-content .marijuana-content h3 { font-size: 18px; font-weight: 700; color: #08223a; font-family: Montserrat; padding-left: 30px; text-align: center; } .mt-5-per { margin-top: 5%; } .healthcarefluid .blockchaintopfluid .container .mainbackcontent .subpart { margin-top: 30px; } .mainblockchainfluid.usaaboutmobil.aboutmarijuana .container .blockchainleft h2 { font-size: 24px !important; } .mainblockchainfluid.aboutmarijuana .container .blockchainright img { width: 65%; height: auto; border-radius: 10px; } .why-marijuana.arabia-service { background: #5bbe36 !important; } .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box { margin-bottom: 50px; } .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box .service-box { height: 250px; padding: 10px; margin: 20px 5px; border-radius: 10px; background: #f7fafa; text-align: center; transition: 0.3s ease-in-out; } .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box .service-box h4 { font-weight: 700; color: #08223a; } .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box .service-box p { font-weight: 500; color: #08223a; text-align: center; margin: 0; } .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box .service-box:hover { transform: scale(1.04); box-shadow: 0 10px 25px -10px #ccc; background-color: #fff; } .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box .service-box:hover h4, .gamebusinessfluid .container .devforbusiness .leftpart .game-service-box .service-box:hover p { color: #000; } .needandrise .need-box { padding: 10px 5px; background: #5bbe36; border-radius: 10px; text-align: center; margin-top: 20px; height: 125px; } .needandrise .need-box h4 { color: #fff; font-size: 14px; font-weight: 700; margin: 5px 0; } .needandrise .need-box p { color: #fff; font-size: 12px; font-weight: 500; line-height: 22px; } .gameappfluid .custom-banner-margin { margin-top: 15% !important; } .healthcare-services.arabia-service .heading-white { margin-bottom: 20px; } .blockchainservicefluid.ecommerce-service { background-image: url(../images/ecommerce/scope.png); background-size: cover; width: 100%; height: auto; overflow: hidden; background-attachment: fixed; } .startupbusiness.ecommerce_benifit h2 { color: #08223a; font-size: 30px; font-weight: 700; text-align: center; } .startupbusiness.ecommerce_benifit p { color: #08223a; font-weight: 500; font-size: 16px; text-align: center; } .startupbusiness.ecommerce_benifit .ecommerce-box { height: 250px; text-align: center; background: #f1f5f682; border-radius: 10px; padding: 20px; margin: 20px 10px; box-shadow: 10px 10px 10px -10px #bdbdbdbf; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon { background: url(../images/ecommerce/icons.png) no-repeat; width: 80px; height: 80px; margin: 0 auto; background-size: 500px auto; transition: 1s ease-in-out; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon1 { background-position: 10px 0; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon2 { background-position: -70px 0; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon3 { background-position: -150px 0; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon4 { background-position: -235px 0; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon5 { background-position: -310px 0; } .startupbusiness.ecommerce_benifit .ecommerce-box .icon6 { background-position: -395px 0; } .startupbusiness.ecommerce_benifit .ecommerce-box h4 { color: #000; font-weight: 700; font-size: 20px; margin-top: 30px; } .startupbusiness.ecommerce_benifit .ecommerce-box p { display: none; } .startupbusiness.ecommerce_benifit .ecommerce-box:hover { background: #fff; transition: 0.8s; } .startupbusiness.ecommerce_benifit .ecommerce-box:hover .icon { transform: rotateY(360deg); } .startupbusiness.ecommerce_benifit .ecommerce-box:hover h4 { display: none; } .startupbusiness.ecommerce_benifit .ecommerce-box:hover p { display: block; font-size: 14px; transition-delay: 0.8s; } .ecommerce-work { padding: 40px 0; background-image: url(../images/ecommerce/best-tailor.png); background-size: cover; width: 100%; overflow: hidden; background-attachment: fixed; } .ecommerce-work .border-line { border: 3px solid #fff; height: 3px; border-radius: 5px; background-color: #fff; } .ecommerce-work h2 { font-size: 30px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 700; text-align: center; margin-bottom: 30px; } .ecommerce-work .work-box-top { position: relative; margin-bottom: 40px; } .ecommerce-work .work-box-bottom { margin-top: 40px; } .ecommerce-work .work-box { padding: 20px; height: 200px; text-align: center; background: #fff; position: relative; } .ecommerce-work .work-box-top .work-box:before { position: absolute; width: 3px; height: 40px; content: " "; background-color: #fff; left: 50%; bottom: -40px; } .ecommerce-work .work-box-bottom .work-box:before { position: absolute; width: 3px; height: 40px; content: " "; background-color: #fff; left: 50%; top: -40px; } .ecommerce-work .work-box h4 { font-weight: 700; font-size: 18px; color: #000; } .ecommerce-work .work-box p { font-weight: 500; font-size: 12px; color: #000; } .emerging-fluid.ecommerce_feature { background-color: #fff; } .emerging-fluid.ecommerce_feature .headingpart h2:after { background: #269dc6; } .emerging-fluid.ecommerce_feature .emergingtech ul li:nth-child(1) a, .emerging-fluid.ecommerce_feature .emergingtech ul li:nth-child(2) a, .emerging-fluid.ecommerce_feature .emergingtech ul li:nth-child(3) a { background-color: #f6f6f6; } .emerging-fluid.ecommerce_feature .emergingtech ul li.active:nth-child(1) a, .emerging-fluid.ecommerce_feature .emergingtech ul li.active:nth-child(2) a, .emerging-fluid.ecommerce_feature .emergingtech ul li.active:nth-child(3) a { background-color: #269dc6; } .emerging-fluid.ecommerce_feature .emergingtech ul li.active:nth-child(1) a:after, .emerging-fluid.ecommerce_feature .emergingtech ul li.active:nth-child(2) a:after { background: #269dc6; } .emerging-fluid.ecommerce_feature .emergingtech .tab-content .marijuana-content .marijuana-box { background-color: #269dc6; } .startupbusiness.ecommerce_benifit { padding-bottom: 30px; } .bg-blue { background-color: #00f; } .blockchainservicefluid.healthcare-services .container .blockchainservice .myservices { background: #ade6e6; } .blockchainservicefluid.healthcare-services .container .blockchainservice .myservices .servicenumber h4 { color: #08223a; } .blockchainservicefluid.healthcare-services .container .blockchainservice .leftpart .service1:after, .blockchainservicefluid.healthcare-services .container .blockchainservice .rightpart .service1:after, .blockchainservicefluid.healthcare-services .container .blockchainservice:after { background: #ade6e6; } .blockchainservicefluid.ecommerce-service .container .blockchainservice .myservices { background: #fff; } .blockchainservicefluid.ecommerce-service .container .blockchainservice .myservices .servicenumber h4 { color: #fff; } .blockchainservicefluid.ecommerce-service .container .blockchainservice .leftpart .service1:after, .blockchainservicefluid.ecommerce-service .container .blockchainservice .rightpart .service1:after, .blockchainservicefluid.ecommerce-service .container .blockchainservice:after { background: #fff; } .healthcare-services .arabia-image img { width: 70%; margin-top: 50px; } .portfolio-mobile { background: tomato; background-size: cover; width: 100%; height: 100vh; overflow: hidden; } .industries { padding-top: 50px; padding-bottom: 100px; background: #eef3ff; border-bottom: 5px solid #fff; } .industries .heading { padding-bottom: 70px; text-align: center; } .industries .heading h3 { font-size: 32px; color: black; font-family: Montserrat; z-index: 2; position: relative; } .industries .heading p { margin-top: 30px; font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; position: relative; letter-spacing: 1px; } .industries .heading p::before { position: absolute; content: ""; left: 32%; width: 60px; height: 2px; background: black; top: 12px; } .industries .heading p::after { position: absolute; content: ""; right: 32%; width: 60px; height: 2px; background: black; top: 12px; } .industries .heading p span { display: block; } .industries .box .col-md-3 { max-width: 20%; } .industries .box .box-inner { background: #fff; position: relative; padding: 8px 10px 8px 10px; height: 75px; border-radius: 5px; margin-bottom: 30px; border: 1px solid #ececec; transition-duration: 1s; transition-delay: 0.1s; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .industries .box .box-inner:hover { box-shadow: 0 10px 25px -10px #ccc; transition-duration: 1s; transition-delay: 0.1s; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .industries .box .box-inner:hover .icon { transition-duration: 1s; transition-delay: 0.1s; transform: rotateY(360deg); } .industries .box .box-inner h3 { font-size: 14px; margin-top: 20px; color: #6b6b6b; font-weight: 650; padding-left: 70px; font-family: proxima_nova_altlight; } .industries .box .box-inner img { position: absolute; top: 16px; width: 25px; height: auto; left: 25px; } .industries .box .icon { background-image: url(../images/icons/industry-icons.png); width: 60px; height: 60px; background-size: 500px auto; float: left; } .industries .box .icon1 { background-position: 0 0; } .industries .box .icon2 { background-position: -80px 0; } .industries .box .icon3 { background-position: -155px 0; } .industries .box .icon4 { background-position: -245px 0; } .industries .box .icon5 { background-position: -332px 0; } .industries .box .icon6 { background-position: -408px 0; } .industries .box .icon7 { background-position: 0 -65px; } .industries .box .icon8 { background-position: -80px -65px; } .industries .box .icon9 { background-position: -165px -65px; } .industries .box .icon10 { background-position: -250px -65px; } .industries .box .icon11 { background-position: -325px -65px; } .industries .box .icon12 { background-position: -410px -65px; } .industries .box .icon13 { background-position: 0 -126px; } .industries .box .icon14 { background-position: -245px 0; } .industries .box .icon15 { background-position: -150px -126px; } .industries ul { margin: 0 80px; display: flex; flex-wrap: wrap; justify-content: center; } .industries ul li { width: 25%; display: inline-block; text-align: center; padding: 40px 0 20px; transition: 0.5s all; } .industries ul li:hover { background-color: #fff; } .industries ul li h4 { color: black; font-family: Montserrat; font-size: 18px; margin-top: 30px; font-weight: 600; } .secondfooterfluid .awards-height { height: 150px; } .interface-section { background-position: center; width: 100%; padding-top: 10%; height: 800px; } .interface-section1 { background-image: url(../images/portfoliopage/heyhang-bg.png); } .interface-section2 { background-image: url(../images/portfoliopage/zanomy-bg.png); } .interface-section3 { background-image: url(../images/portfoliopage/bioessence-bg.png); } .interface-section4 { background-image: url(../images/portfoliopage/designer-bg.png); } .interface-section5 { background-image: url(../images/portfoliopage/menzil-bg.png); } .interface-section6 { background-image: url(../images/portfoliopage/mim-bg.png); } .interface-section7 { background-image: url(../images/portfoliopage/pomegranate-bg.png); } .interface-section8 { background-image: url(../images/portfoliopage/carcom-bg.png); } .interface-section9 { background-image: url(../images/portfoliopage/rim-bg.png); } .interface-section10 { background-image: url(../images/portfoliopage/tada-bg.png); } .interface-section11 { background-image: url(../images/portfoliopage/saudi-bg.png); } .interface-section12 { background-image: url(../images/portfoliopage/white-bg.png); } .interface-section .notification-img { text-align: center; } .interface-section .notification-img img { width: 40%; } .interface-section a button { border-radius: 5px; margin-top: 20px; color: #08223a; font-weight: 550; } .game-interface-section1 { background-image: url(../images/portfoliopage/wordnot-bg.png); } .game-interface-section2 { background-image: url(../images/portfoliopage/bushpig-bg.png); } .game-interface-section2 .app-link button { background: #d50117 !important; } .game-interface-section3 { background-image: url(../images/portfoliopage/iglott-bg.png); } .game-interface-section3 .app-link button { background: #060606 !important; } .interface-section .web-img img { width: 100%; } .web-interface-section1 { background-image: url(../images/portfoliopage/web-ammanzon-bg.png); } .web-interface-section2 { background-image: url(../images/portfoliopage/web-starimpoter.png); } .web-interface-section3 { background-image: url(../images/portfoliopage/web-cars-iq-bg.png); } .web-interface-section4 { background-image: url(../images/portfoliopage/web-gebhaly-bg.png); } .interface-section .web-content { margin-top: 50px; } .interface-section .web-content h2 { color: #fff; font-weight: 700; } .interface-section .web-content p { color: #fff; font-weight: 550; } .user-interface .heading h3 { font-size: 30px; margin-top: 0; color: #fff; font-weight: 700; } .user-interface .heading p { font-size: 12px; color: #fff; line-height: 20px; } .user-interface { padding-left: 40%; position: relative; } .user-interface .heading { padding-bottom: 9%; padding-top: 20px; width: 75%; } .user-interface .ui-element h4 { color: #fff; font-size: 16px; } .user-interface .ui-element .middle-img { width: 60%; } .user-interface .ui-element { position: relative; } .user-interface .ui-element .topimg { position: absolute; width: 60%; right: -2%; } .user-interface .ui-element .bottomimg { position: absolute; width: 60%; right: -15px; top: 40%; } .user-interface .mockup-img { position: absolute; top: 3%; left: -10%; width: 40%; } .interface-section .app-link { text-align: center; } .interface-section .app-link .link { margin-right: 15px; } .interface-section .app-link .link img { width: 12%; } .mob-port-header { position: relative; } .mob-port-header .headerfluid { position: fixed; } .homepage-heading .topheadercontent .leftpart img { width: 100%; } .mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row .subpart p, .mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row h1, .mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row h2 { text-align: left; } .mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row .subpart p { margin: 0 !important; } .arabia-app-development { background: #000000c9; } .arabia-app-development .top-para { font-size: 14px; color: #fff; z-index: 2; font-family: Montserrat; font-weight: 500; text-align: center; margin-bottom: 30px; } .arabia-service.why-arabia { background: #000000c9 !important; margin-bottom: 0; } .why-arabia .topheading p { color: #fff; margin: 10px 40px; } .secondfooterfluid a { font-size: 18px; color: #fff; } .secondfooterfluid a i { transition: 0.5s ease-in-out; } .secondfooterfluid a:hover { color: red; } .secondfooterfluid a:hover i { transform: scale(1.3); } .fp-tableCell { vertical-align: top !important; } .interface-section .app-link .link img { transition: 0.3s ease-in-out; } .interface-section .app-link .link img:hover { transform: scale(1.1); } .bahrain-portfolio .headingtop h2 { font-size: 30px !important; } .whybahrain img { width: 100%; } .whybahrain .heading-part h2 { text-align: center; font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 700; } .whybahrain .heading-part p { text-align: center; color: #08223a; font-family: Montserrat; font-weight: 500; } .whybahrain .servicebox h4 { font-size: 16px; color: #08223a; font-family: Montserrat; font-weight: 700; } .whybahrain .servicebox p { font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 500; } .whybahrain .servicebox { border: 1px solid #eaeaea; border-radius: 5px; padding: 20px 15px; margin: 20px 0; text-align: center; background: #fff; transition: 0.5s all; } .whybahrain .servicebox:hover { box-shadow: 3px 5px 14px 0 rgb(204 204 204 / 35%); transform: translateY(-10px); } .whybahrain .servicebox:hover .icon { transform: rotateY(360deg); } .whybahrain .servicebox .icon { background-image: url(../images/mobile_app_malaysia/bahrainicons.png); background-size: 400px auto; width: 60px; height: 60px; margin: 0 auto; transition: 0.8s ease-in-out; } .whybahrain .servicebox .icon1 { background-position: -10px -5px; } .whybahrain .servicebox .icon2 { background-position: -87px -5px; } .whybahrain .servicebox .icon3 { background-position: -163px -5px; } .whybahrain .servicebox .icon4 { background-position: -225px -5px; } .bahrainservice { margin: 20px 0 30px; } .bahrainservice .heading { margin: 0 0 30px; text-align: center; } .bahrainservice .heading h2 { text-align: center; font-size: 30px; color: #08223a; font-family: Montserrat; font-weight: 700; } .bahrainservice .heading p { text-align: center; font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 500; } .bahrainservice .service { border: 1px solid #eaeaea; border-radius: 5px; padding: 20px; text-align: center; height: 200px; transition: 0.5s ease-in-out; } .bahrainservice .service p { display: none; } .bahrainservice .service h4 { font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 700; } .bahrainservice .service p { font-size: 14px; color: #08223a; font-family: Montserrat; font-weight: 500; line-height: 22px; padding-top: 10px; } .bahrainservice .service:hover { transform: scale(1.08); box-shadow: 3px 5px 14px 0 rgb(217 217 217 / 35%); } .bahrainservice .service:hover .icon, .bahrainservice .service:hover h4 { display: none; } .bahrainservice .service:hover p { display: block; } .bahrainservice .service .icon { background-image: url(../images/mobilewebbahrain/bahrainicons.png); background-size: 300px auto; width: 50px; height: 50px; margin: 0 auto; transition: 0.4s ease-in-out; } .bahrainservice .service .icon1 { background-position: -5px -55px; } .bahrainservice .service .icon2 { background-position: -60px -55px; } .bahrainservice .service .icon3 { background-position: -115px -55px; } .bahrainservice .service .icon4 { background-position: -175px -50px; } .bahrainservice .service .icon5 { background-position: -235px -55px; } .interface-section .app-link button { color: #fff; font-weight: 700; font-size: 14px; border-radius: 5px; border: 1px solid #fff; background: #eb7d7d; } .malaysia-business .service { background: #fff; border: 1px solid #e9e9e9bf; border-radius: 10px; margin: 20px 0 0; padding: 20px; min-height: 200px; text-align: center; transition: 0.5s ease-in-out; } .malaysia-business .service:hover { border: #fff; box-shadow: 3px 5px 14px 0 rgb(217 217 217 / 35%); } .malaysia-business .service h4 { font-size: 16px !important; font-weight: 700 !important; color: #08223a !important; } .malaysia-business .service p { font-size: 12px !important; font-weight: 500 !important; color: #08223a !important; } .develop-malaysia.mainblockchainfluid .blockchainleft { margin-top: 30px; } .mobileappmalaysia .blockchaintopfluid .container .mainbackcontent { margin-top: 20%; } .malaysia-app.devserfluid .container .developmentservices .topheading p { color: #fff; } .malaysia-app.devserfluid .container .developmentservices .servicepart .service { padding: 10px 10px 20px; } .malaysia-app.devserfluid .container .developmentservices .servicepart .service h4 { font-weight: 700; color: #08223a; } .malaysia-app.devserfluid .container .developmentservices .servicepart .service p { font-weight: 500; color: #08223a; font-size: 12px; } .malaysia-app .servicepart .icon { background-image: url(../images/Mobileapp/malaysia-service.png); width: 70px; height: 70px; background-size: 500px auto; margin: 0 auto; } .malaysia-app .servicepart .icon1 { background-position: -16px -11px; } .malaysia-app .servicepart .icon2 { background-position: -90px -11px; } .malaysia-app .servicepart .icon3 { background-position: -170px -11px; } .malaysia-app .servicepart .icon4 { background-position: -245px -11px; } .malaysia-app .servicepart .icon5 { background-position: -310px -11px; } .singapore-fluid .blockchaintopfluid .mainbackcontent h1, .singapore-fluid .blockchaintopfluid .mainbackcontent h2 { text-align: left !important; } .singapore-fluid .blockchaintopfluid .mainbackcontent h3 { text-align: left !important; margin: 0 !important; font-size: 16px !important; } .about-singapure h2 { font-size: 30px; color: #08223a; z-index: 2; font-family: Montserrat; font-weight: 700; margin-top: 5px; } .singapore-startup h2 { font-size: 30px !important; font-weight: 700 !important; } .singapore-startup.startupbusiness .container .blockchainright img { width: 75%; } .singapore-service h3 { margin: 10px 5px; font-size: 16px !important; } .singapore-process { margin: 20px auto; background: #1c1c1cdb !important; } .mainblockchainfluid.iphoneappdevelop h2.custom-portfolio-heading1 { font-size: 30px !important; } .why-techgropse { margin: 30px auto 0; } .malaysia-business .service:hover .icon { transform: rotateY(360deg); } .malaysia-business .icon { background-image: url(../images/mobile_app_malaysia/malaysia-icon.png); background-size: 500px auto; width: 60px; height: 60px; margin: 0 auto; transition: 0.7s ease-in-out; } .malaysia-business .icon1 { background-position: 0 0; } .malaysia-business .icon2 { background-position: -100px 0; } .malaysia-business .icon3 { background-position: -200px 0; } .malaysia-business .icon4 { background-position: -300px 0; } .gameappbusiness .game-service-box .service-box .icon { background-image: url(../images/gameapp/gameapp-icon.png); width: 60px; height: 60px; background-size: 500px auto; margin: 0 auto; } .gameappbusiness .game-service-box .service-box .icon1 { background-position: -10px -10px; } .gameappbusiness .game-service-box .service-box .icon2 { background-position: -80px -10px; } .gameappbusiness .game-service-box .service-box .icon3 { background-position: -145px -10px; } .gameappbusiness .game-service-box .service-box .icon4 { background-position: -220px -10px; } .gameappbusiness .game-service-box .service-box .icon5 { background-position: -295px -10px; } .gameappbusiness .game-service-box .service-box .icon6 { background-position: -365px -10px; } .healthcare-services .blockchainservice .icon { background-image: url(../images/healthcare/healthcare-icons.png); width: 60px; height: 60px; background-size: 500px auto; } .healthcare-services .blockchainservice .icon1 { background-position: -5px -15px; } .healthcare-services .blockchainservice .icon2 { background-position: -80px -15px; } .healthcare-services .blockchainservice .icon3 { background-position: -155px -15px; } .healthcare-services .blockchainservice .icon4 { background-position: -220px -15px; } .healthcare-services .blockchainservice .icon5 { background-position: -290px -15px; } .healthcare-services .blockchainservice .icon6 { background-position: -355px -15px; } .myaboutpage { background-image: url(../images/aboutanimation/about-banner.png); background-size: cover; width: 100%; } .mypageloader { background: #fff; z-index: 99999999; display: block; position: fixed; width: 100%; height: calc(100% + 2px); } .pageloader { position: absolute; left: 50%; top: 50%; text-align: center; margin-left: -50px; margin-top: -50px; } .pageloader img { width: 100px; height: auto; } .navigate-category { position: fixed; top: 40%; left: 1%; } .customtooltip { position: relative; display: inline-block; } .customtooltip:hover .customtooltiptext { visibility: visible; } .customtooltip .customtooltiptext { visibility: hidden; width: 120px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 10px; left: 105%; } .customtooltip img { transition: 0.7s ease-in-out; } .customtooltip:hover img { transform: rotateY(360deg); } .client-heading-fluid h2 { font-size: 30px; color: #08223a; font-weight: 700; line-height: 40px; text-transform: uppercase; font-family: Montserrat; margin: 35px auto; position: relative; } .client-heading-fluid h2::after { content: ""; position: absolute; bottom: -20px; left: 0; width: 125px; height: 3px; background: #48c8f5; } .client-fluid { background-image: url(../images/homeimages/client.png); background-position: center; background-size: cover; height: 250px; margin-bottom: 40px; animation: slideimage 100s linear infinite; } @keyframes slideimage { from { background-position: 0 0; } to { background-position: -10000px 0; } } .aiapppage { background-image: url(../images/ai/background.png); background-size: cover; background-position: center; width: 100%; height: 100vh; overflow: hidden; } .aiapppage .aiappfluid .mainbackcontent { margin-top: 20%; } .aiapppage .aiappfluid .mainbackcontent .subpart { margin: 15px 0; } .aicompany-fluid .container .ai-left h2 { margin-bottom: 20px; font-weight: 700; font-size: 30px; } .expertise-fluid.container-fluid { background-image: linear-gradient(to right, #321675, #500df09c) !important; } .expertise-fluid .expertise-para { font-size: 14px; color: #fff; font-weight: 500; margin: 15px 40px 10px; } .expertise-fluid .topheading { margin-top: 120px; } .expertise-fluid .arabia-image img { margin: 30px auto; } .machine-ai-fluid.container-fluid { background-image: url(../images/ai/machine-ai.png); background-attachment: fixed; } .machine-ai-fluid.container-fluid .topheading h2 { color: #fff; font-size: 30px; font-family: Montserrat; font-weight: 700; text-transform: uppercase; } .machine-ai-fluid.container-fluid .topheading p { color: #fff; font-size: 14px; font-family: Montserrat; font-weight: 500; } .machine-ai-fluid.container-fluid .container .devaproches { margin-bottom: 70px; } .machine-ai-fluid.container-fluid .container .devaproches .leftpart { padding: 40px 30px; } .machine-ai-fluid.container-fluid .container .devaproches .rightpart { padding: 40px 30px; } .whyai-fluid.container-fluid { padding: 30px 0 50px; } .whyai-fluid.container-fluid .healthcareapp .toppart h2 { margin: 0 auto 30px; color: #08223a; font-size: 30px; font-family: Montserrat; font-weight: 700; text-transform: uppercase; text-align: center; } .whyai-fluid .healthcareapp .bottompart .leftpart { text-align: center; } .whyai-fluid.container-fluid .healthcareapp .bottompart .leftpart img { width: 70%; margin-top: 10px; } .aiadvantage-fluid.container-fluid { background-image: url(../images/ai/advantage.png); background-size: cover; background-position: center; background-attachment: fixed; } .aiadvantage-fluid .container .serviceheading { width: 80%; margin: 20px auto 30px; } .aiadvantage-fluid .serviceheading p { font-size: 14px; font-weight: 500; color: #fff; font-family: Montserrat; margin: 20px auto; } .aicompany-fluid .container .blockchainright img { width: 85%; } #particles-js { position: absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; top: 0; left: 0; } .healthcare-services.arabia-service .topheading a { margin: 10px 40px; padding: 10px 15px; background: white; color: black; font-weight: 700; } .request-form { margin-top: 15px; margin-right: 0; } .request-form .form-styling { background: #00000099; padding: 40px; border-radius: 10px; box-shadow: 0 10px 25px -10px #ccc; width: 90%; margin-left: 90px; } .request-form .form-heading { color: #fff !important; font-size: 34px; margin-top: 5px; text-align: left !important; font-weight: 700 !important; } .request-form .form-styling .form-group { margin-bottom: 20px; } .request-form .form-styling .form-group input { height: 40px; color: #000; font-weight: bold; border-width: 0 0 1px 0; border-bottom: 1px solid rgb(223 223 223); box-shadow: none; } .request-form .form-styling .form-group input::placeholder { color: black !important; font-weight: 500 !important; opacity: 0.6; } .request-form .form-styling .form-group input:focus { outline: 0; border-bottom: 1px solid rgb(223 223 223); box-shadow: 0 8px 5px rgb(38 171 226 / 20%); } .request-form .form-styling .form-group label { margin-left: 10px; margin-bottom: 5px; color: #000; } .request-form .form-styling .form-group select:focus { outline: 0; box-shadow: none; border-color: #000000b3; } .request-form .form-styling .form-group textarea { color: #000; font-weight: bold; border-width: 0 0 1px 0; border-bottom: 1px solid rgb(223 223 223); box-shadow: none; } .request-form .form-styling .form-group textarea::placeholder { color: black !important; font-weight: 500 !important; opacity: 0.6; } .request-form .form-styling .form-group textarea:focus { outline: 0; box-shadow: 0 8px 5px rgb(38 171 226 / 20%); border-bottom: 1px solid rgb(223 223 223); } .request-form .form-styling .btn-styling { background: #000; border-color: #fff; font-size: 14px; font-weight: 600; padding: 0px 70px 0px 15px; height: 45px; position: relative; border-radius: 8px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .request-form .form-styling .btn-styling:active { background: #000; border-color: #000; } .request-form .form-styling .btn-styling:focus { box-shadow: none; } .request-form .form-styling .btn-styling:hover img { right: 15%; transition-duration: 1s; transition-delay: 0.1s; } .request-form .form-styling .btn-styling img { position: absolute; top: 17px; right: 35%; transition-duration: 1s; transition-delay: 0.1s; text-align: center; width: 10% !important; height: auto; } .form-full .form-image { position: relative; } .form-full .form-image img { width: 100%; } .form-full .form-image span { position: absolute; content: ""; top: 45%; left: 10%; font-size: 40px; font-weight: 700; color: white; } .form-full .form-styling { margin: 50px auto 50px; } #firstChildLi:hover .deskgropmenu { display: block; } #solution:hover .solutionmenu { display: block; } #hire:hover .hiremenu { display: block; } .headerfluid .container .navbar-default .navbar-nav > #solution .solutionmenu { width: 550px; left: 41%; margin: 0; } .healthcareappfluid { margin: 50px auto; } .write-us-fluid { background-image: url(../images/healthcare/write-us.png); background-size: cover; height: 250px; } .write-us-fluid .write-us-content { margin-top: 150px; } .write-us-fluid .write-us-content h3 { margin: 5px 0; font-weight: bold; color: white; } .write-us-fluid .write-us-content h4 { font-weight: bold; color: white; } .write-us-fluid .write-us-content a button { background: #fff; border: none; font-size: 14px; font-weight: 600; padding: 0 20px; height: 45px; position: relative; border-radius: 5px; color: black; margin-top: 10px; } .myblockchainpage.healthcarefluid .blockchaintopfluid .container .mainbackcontent .row h1:after { margin-left: 0; } .wasphahealth-fluid.home-slder-fluid .rightpart .secondimage { width: 250px; height: auto; position: absolute; top: 8%; right: 35%; z-index: -1; } .wasphahealth-fluid.home-slder-fluid .portfolio-heading h2 { font-size: 35px; color: #08223a; font-weight: 700; font-family: Montserrat; margin: 20px 60px 40px; text-transform: capitalize; text-align: center; position: relative; } .wasphahealth-fluid.home-slder-fluid .portfolio-heading h2:after { position: absolute; content: ""; width: 80px; height: 3px; background: #5da2c9; bottom: -10px; margin-left: -50px; left: 50%; } .wasphahealth-fluid.home-slder-fluid .vertical .carousel-inner { height: 675px; } .wasphahealth-fluid.home-slder-fluid .leftpart { margin-top: 30%; } .wasphahealth-fluid.home-slder-fluid .slider1 { background: #799bb0; } .wasphahealth-fluid.home-slder-fluid .slider2 { background: #010180; } .wasphahealth-fluid.home-slder-fluid .slider3 { background: #78e8e9; } .whyhealthcare.arabia-service { background-image: linear-gradient(to right, #092088, #44549e) !important; } .food-delivery-fluid.myblockchainpage { background-image: url(../images/fooddelivery/background.png); background-size: cover; background-position: center; width: 100%; background-attachment: fixed; } .food-delivery-fluid.myblockchainpage .blockchaintopfluid .mainbackcontent h1 { text-align: left !important; margin-top: 10%; margin-bottom: 10px !important; position: relative !important; } .food-delivery-fluid.myblockchainpage .blockchaintopfluid .mainbackcontent h1::after { top: 110px !important; bottom: 0 !important; left: 0 !important; } .food-delivery-fluid.myblockchainpage .blockchaintopfluid .mainbackcontent .subpart { margin-top: 15px; } .food-delivery-fluid.myblockchainpage .blockchaintopfluid .mainbackcontent .subpart p { text-align: left !important; margin: 5px 0 !important; } .food-delivery.healthcareappfluid { margin: 50px auto 20px; } .food-delivery.healthcareappfluid .healthcareapp .toppart { text-align: center; } .food-delivery.healthcareappfluid .healthcareapp .toppart h2 { margin: 0; text-align: center; } .food-delivery.healthcareappfluid .healthcareapp .bottompart .leftpart { text-align: center; } .food-delivery.healthcareappfluid .healthcareapp .bottompart .leftpart img { width: 65%; } .food-delivery.healthcareappfluid .healthcareapp .bottompart .rightpart { margin-top: 30px; } .food-delivery.healthcareappfluid .healthulli ul > li { margin-left: 20px; } .foodservice { padding-bottom: 0 !important; } .foodservice .androidapp img { width: 75%; } .consultant { margin: 25px 0; } .consultant .consultant-button { margin: 10px 0; padding: 15px; background: black; color: white; font-weight: 700; } .wasphahealth-fluid.home-slder-fluid.fooddelivery-project .slider1 { background: #fe7802; } .wasphahealth-fluid.home-slder-fluid.fooddelivery-project .slider2 { background: #000001; } .wasphahealth-fluid.home-slder-fluid.fooddelivery-project .slider3 { background: #ec3851; } .healthcareappfluid.ecommerce-partner { margin: 10px auto; } .healthcarefluid.ecommercefluid .blockchaintopfluid .container .mainbackcontent .row h1 { margin-bottom: 20px; position: relative; } .healthcarefluid.ecommercefluid .blockchaintopfluid .container .mainbackcontent .row h1:after { top: 115px; } .ecommerceproject-fluid { margin-bottom: 30px; margin-top: 30px; } .ecommerceproject-fluid.wasphahealth-fluid.home-slder-fluid .slider1 { background: #bf1e2e; } .ecommerceproject-fluid.wasphahealth-fluid.home-slder-fluid .slider2 { background: #030921; } .ecommerceproject-fluid.wasphahealth-fluid.home-slder-fluid .slider3 { background: #ff5101; } .realestateapp { padding-top: 30px; padding-bottom: 10px !important; } .realestateapp.iphoneappdevelop .androidapp { margin-top: 0; } .realestateapp.mainblockchainfluid .container .blockchainleft { margin-bottom: 30px; } .thankyou-fluid { background-image: url(../images/home_page/thankyou.png); background-repeat: no-repeat; width: 100%; height: 100vh; background-position: center; background-size: cover; } .whats-app { position: fixed; width: 60px; height: 60px; bottom: 13px; left: 14px; background-color: #25d366; color: #fff !important; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; animation-name: pulsewala; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; display: flex; align-items: center; justify-content: center; } @keyframes pulsewala { 0% { box-shadow: 0 0 0 0 #25d366; } 80% { box-shadow: 0 0 0 14px #25d36678; } } .whats-app i { transition: 0.5s ease-in-out; } .skype-app { position: fixed; width: 60px; height: 60px; bottom: 5px; left: 12px; background-color: #4b81ff; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; } .skype-app i { transition: 0.5s ease-in-out; } .my-float { margin-top: 16px; } .myblockchainpage.marijuana.elearning { background-image: url(../images/elearning/background.png); height: 100vh; background-size: cover; background-attachment: fixed; width: auto; position: relative; } .myblockchainpage.marijuana.elearning::before { position: absolute; content: ""; background-color: #1c1c1c9c; width: 100%; height: 100%; } .about-elearning.mainblockchainfluid { margin: 20px 0 50px; padding-top: 10px; } .elearning-feature-fluid.emerging-fluid { margin-top: 40px; margin-bottom: 40px; } .elearning-feature-fluid.emerging-fluid .tab-content { margin-top: 30px; } .elearning-feature-fluid.emerging-fluid .tab-content .rightpart { margin-top: 50px; } .elearning-feature-fluid.emerging-fluid .tab-content .tabspart .leftpart { text-align: end; } .elearning-feature-fluid.emerging-fluid .tab-content .tabspart .leftpart img { width: 80%; height: auto; } .elearning-feature-fluid.emerging-fluid .tab-content .tabspart .rightpart { margin-left: 50px; } .elearning-feature-fluid.emerging-fluid .tab-content .tabspart .rightpart .heading h3 { font-size: 24px; font-weight: 700; color: black; } .elearning-feature-fluid.emerging-fluid .tab-content .tabspart .rightpart .heading p { font-size: 14px; color: #08223a; } .elearning-feature-fluid.emerging-fluid .tab-content .tabspart .rightpart .heading p i { margin: 0 10px 0 0; color: #6236fe; font-size: 16px; } .elearning-feature-fluid.emerging-fluid .emergingtech .nav-tabs { padding: 0; list-style-type: none; margin: 40px 0 20px; text-align: center; } .elearning-feature-fluid.emerging-fluid .emergingtech .nav-tabs li { display: inline-block; float: none; width: 150px; text-align: center; } .elearning-feature-fluid.emerging-fluid .emergingtech ul li:nth-child(1) a, .elearning-feature-fluid.emerging-fluid .emergingtech ul li:nth-child(2) a, .elearning-feature-fluid.emerging-fluid .emergingtech ul li:nth-child(3) a { font-weight: 700; font-size: 18px; color: #000; padding: 20px; background: #fff; border-radius: 10px; border: 2px solid #6236fe; width: auto; display: inline-block; text-align: center; margin: 0; } .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(1) a, .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(2) a, .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(3) a { color: #fff; background: #6236fe; box-shadow: 3px 3px 10px rgb(139 139 139 / 60%); } .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(1)::after, .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(2)::after, .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(3)::after { display: none; } .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(1) a img, .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(2) a img, .elearning-feature-fluid.emerging-fluid .emergingtech ul li.active:nth-child(3) a img { filter: brightness(10); } .elearning-feature-fluid.emerging-fluid .emergingtech ul li:nth-child(1) h3, .elearning-feature-fluid.emerging-fluid .emergingtech ul li:nth-child(2) h3, .elearning-feature-fluid.emerging-fluid .emergingtech ul li:nth-child(3) h3 { margin: 10px auto; color: #000000; font-size: 16px; text-align: center; font-weight: 700; } .elearning-solution-fluid.mainblockchainfluid .container .blockchainright img { width: 80%; } .advance-feature-fluid { margin-top: 50px; margin-bottom: 20px; } .advance-feature-fluid .tab-content { margin-top: 50px; } .advance-feature-fluid .advance-feature { text-align: center; padding: 15px; border: 1px solid #ededed; min-height: 290px; margin-bottom: 30px; transition: 0.3s ease-in-out; filter: grayscale(85%); } .advance-feature-fluid .advance-feature:hover { box-shadow: 0 5px 15px rgb(0 0 0 / 10%); border-bottom: 3px solid #6236fe; filter: grayscale(0); } .advance-feature-fluid .advance-feature h3 { color: #08223a; font-weight: 700; font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .advance-feature-fluid .headingpart h3:after { width: 100px; bottom: -20px; } .advance-feature-fluid .advance-feature p { color: #333; font-weight: 500; font-size: 12px; } .advance-feature-fluid .emergingtech { margin-top: 50px; margin-bottom: 10px; } .advance-feature-fluid .emergingtech .nav-tabs { padding: 0; list-style-type: none; margin: 40px 0 20px; text-align: center; } .advance-feature-fluid .emergingtech .nav-tabs li { display: inline-block; float: none; width: 250px; } .advance-feature-fluid .emergingtech ul li:nth-child(1) a, .advance-feature-fluid .emergingtech ul li:nth-child(2) a { font-weight: 700; font-size: 18px; color: #000; padding: 20px; background: #e7e7e7; width: 100%; display: inline-block; text-align: center; border-radius: 0; } .advance-feature-fluid .emergingtech ul li.active:nth-child(1) a, .advance-feature-fluid .emergingtech ul li.active:nth-child(2) a { color: #fff; background: #1d73f8; } .advance-feature-fluid .emergingtech ul li.active:nth-child(1)::after, .advance-feature-fluid .emergingtech ul li.active:nth-child(2)::after { display: none; } .advance-feature-fluid .emergingtech ul li.active:nth-child(1) a img, .advance-feature-fluid .emergingtech ul li.active:nth-child(2) a img { filter: brightness(10); } .advance-feature-fluid .emergingtech ul li:nth-child(1) a img, .advance-feature-fluid .emergingtech ul li:nth-child(2) a img { margin: 0 10px 0 0; filter: brightness(0); } .advance-feature-fluid .emergingtech ul li:nth-child(1) a h3, .advance-feature-fluid .emergingtech ul li:nth-child(2) a h3 { display: inline-block; margin: 0 auto; color: #000000; font-size: 16px; } .advance-feature-fluid .advance-feature .feature-img { width: 100px; height: 100px; margin: auto; } .advance-feature-fluid .advance-feature .feature-img img { width: 50px; height: 50px; transform: translateY(50%); } .advance-feature-fluid .advance-feature:hover .feature-img { background: #fbfbfb; border: 1px solid #e4f2ff; border-radius: 50%; } .advance-feature-fluid .advance-feature:hover h3 { color: #6236fe; } .hiringmodel-fluid { margin-top: 50px; margin-bottom: 50px; } .hiringmodel-fluid h2 { font-weight: 700; font-size: 30px; color: #08223a; margin-bottom: 15px; text-transform: uppercase; text-align: center; } .hiringmodel-fluid .top-content { font-size: 14px; font-weight: 500; text-align: center; margin: 0 150px 70px; } .hiringmodel-fluid .left-image { text-align: left; } .hiringmodel-fluid .left-image img { width: 80%; margin-top: 10px; } .hiringmodel-fluid .right-content .content { position: relative; } .hiringmodel-fluid .right-content .content1 { margin-left: -250px; margin-bottom: 30px; } .hiringmodel-fluid .right-content .content2 { margin-left: -140px; margin-bottom: 40px; } .hiringmodel-fluid .right-content .content3 { margin-left: -90px; margin-bottom: 50px; } .hiringmodel-fluid .right-content .content4 { margin-left: -90px; margin-bottom: 50px; } .hiringmodel-fluid .right-content .content5 { margin-left: -140px; margin-bottom: 40px; } .hiringmodel-fluid .right-content .content6 { margin-left: -250px; margin-bottom: 30px; } .hiringmodel-fluid .right-content .content .icon { position: absolute; top: 0; left: -65px; } .hiringmodel-fluid .right-content .content h4 { color: #1d73f8; font-size: 17px; font-weight: 700; margin-bottom: 5px; margin-top: 0; } .hiringmodel-fluid .right-content .content p { color: #000; font-size: 13px; line-height: 20px; } .arabia-service.why-marijuana.why-elearning { background: linear-gradient(to right, #1c1c53eb 0%, #00006b 100%) !important; } .elearning-solution-fluid.needandrise .need-box { background: #007cff; height: 180px; padding: 10px; text-align: center; } .elearning-solution-fluid .solution-image { margin-bottom: 10px; } .elearning-solution-fluid .solution-image img { width: 40px; } .about-elearning.mainblockchainfluid .blockchainleft { margin-top: 0; } .project-fluid { background-image: url(../images/commonpart/project.png); padding: 50px 0; background-size: cover; background-attachment: fixed; position: relative; text-align: center; } .project-fluid::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #616161c7; top: 0; z-index: 9; } .project-fluid .project { z-index: 10; position: relative; } .project-fluid .project .project-text h2 { color: #fff; font-weight: 700; font-size: 24px; } .project-fluid .project .project-text p { font-size: 16px; font-weight: 550; color: #fff; margin: 30px auto 40px; width: 80%; } .myblockchainpage.marijuana.ewallet { background-image: url(../images/ewallet/background.png); height: 100vh; background-size: cover; background-attachment: fixed; position: relative; } .myblockchainpage.marijuana.ewallet::before { position: absolute; content: ""; background-color: #3d3d3dd6; width: 100%; height: 100%; } .elearning-solution-fluid.mainblockchainfluid.ewallet-solution-fluid .container .blockchainright img { width: 75%; } .mainblockchainfluid.ewallet-solution-fluid { padding-bottom: 0; margin-bottom: 10px; } .blockchainservicefluid.marijuana-feature.ewallet-feature { background: #fff; padding-top: 40px; } .blockchainservicefluid.marijuana-feature.ewallet-feature .container .blockchainservice .myservices .servicenumber h4 { color: #000; } .blockchainservicefluid.marijuana-feature.ewallet-feature .container .blockchainservice:after { background: #009ffd; } .blockchainservicefluid.marijuana-feature.ewallet-feature .container .blockchainservice .myservices { box-shadow: 2px 3px 10px rgb(0 0 0 / 10%); border-bottom: 2px solid #009ffd; } .blockchainservicefluid.marijuana-feature.ewallet-feature .container .blockchainservice .leftpart .service1:after, .blockchainservicefluid.marijuana-feature.ewallet-feature .container .blockchainservice .rightpart .service1:after { background: #009ffd; width: 35px; } .mobileappusa.ewallet .blockchaintopfluid .container .mainbackcontent .row .subpart p { font-size: 14px; font-weight: 500; } .mainblockchainfluid.about-ewallet .container .blockchainright img { width: 75%; } .mainblockchainfluid.about-ewallet { padding-bottom: 40px; } .ewallet-solution-fluid.needandrise .need-box { background: #000000cf; height: 180px; padding: 10px; text-align: center; transition: 0.3s ease-in-out; } .ewallet-solution-fluid.needandrise .need-box:hover { transform: translate(-5px, -5px); box-shadow: 10px 10px 10px 0px #b4b4b4; } .myblockchainpage.ewallet.grocery { background-image: url(../images/grocery/background.png); background-position: center; position: relative; } .hiringmodel-fluid.grocery-hiring-fluid .content p { font-size: 14px; } .myblockchainpage.marijuana.ewallet.fitness { background-image: url(../images/fitness/background.png); position: relative; } .myblockchainpage.marijuana.ewallet.fitness::before { position: absolute; content: ""; background-color: #00000091; width: 100%; height: 100%; } .elearning-feature-fluid.fitness-panel .tab-content .tabspart .leftpart img { margin-top: 20px; } .elearning-feature-fluid.fitness-panel .tab-content .rightpart { margin-top: 0; } .myblockchainpage.marijuana.ewallet.medicine::before { background-color: #000000a8; } .myblockchainpage.marijuana.ewallet.medicine { background-image: url(../images/medicine/background.png); } .ewallet-solution-fluid.medicine-solution.needandrise .need-box { background: #012445; height: 210px; } .myblockchainpage.marijuana.ewallet.car-wash { background-image: url(../images/carwash/background.png); } .elearning-feature-fluid.carwash-panel.emerging-fluid .tab-content .tabspart .leftpart img { margin-top: 40px; } .blockchainservicefluid.marijuana-feature.carwash-feature .container .blockchainservice:after { height: 750px; } .myblockchainpage.marijuana.ewallet.dating { background-image: url(../images/dating/background.png); } .myblockchainpage.marijuana.ewallet.dating::before { background-color: #00000094; } .myblockchainpage.marijuana.taxi-booking { background-image: url(../images/taxi/background.png); } .myblockchainpage.marijuana.taxi-booking::before { background-color: #000000c7; } .myblockchainpage.marijuana.handyman { background-image: url(../images/handyman/background.png); } .myblockchainpage.marijuana.handyman::before { background-color: #000000c7; } .grocery-solution-fluid.needandrise .need-box { height: 200px; } .updated-homepage-fluid { background: url(../images/updated/updated-home-bg.png); background-size: cover; padding-left: 15px; padding-right: 15px; } .updated-homepage-fluid .updated-banner-text { padding-left: 15%; margin-top: 25px; } .updated-homepage-fluid .updated-banner-text h1 { font-size: 44px; font-weight: 700; color: black; line-height: 60px; font-family: poppinsbold; } .updated-homepage-fluid .updated-banner-text p { font-size: 18px; color: #4a4a4a; font-weight: 500; line-height: 34px; padding-right: 0; margin-top: 20px; font-family: poppinsregular; margin-bottom: 10px; } .updated-homepage-fluid .updated-banner-image img { width: 70%; } .brand-fluid { margin: 20px auto 60px; } .brand-fluid img { padding: 80px 50px; width: -webkit-fill-available; max-width: 100%; } .brand-fluid .hover-display img:nth-child(2) { display: none; } .brand-fluid .hover-display:hover img:nth-child(1) { display: none; } .brand-fluid .hover-display:hover img:nth-child(2) { display: block; } .brand-fluid h2 { color: black; font-weight: 500; font-family: Montserrat; font-size: 32px; } .brand-fluid p { text-transform: uppercase; color: black; font-weight: 700; font-family: poppinsbold; letter-spacing: 1px; font-size: 20px; margin-top: 20px; margin-bottom: 60px; position: relative; display: inline-block; } .brand-fluid .row { position: relative; margin-right: 50px; margin-left: 50px; } .brand-fluid .row.border-bottom::before { position: absolute; content: ""; bottom: 0; width: 90%; left: 5%; height: 1px; background: #e5e5e5; } .border-right { border-right: 1px solid #e5e5e5; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .homeaboutcontainer .homeabotus { padding: 0 !important; } .updated-homepage-fluid .row { margin-top: 10%; } .updated-footer-fluid { background: #f4f9ff; padding: 50px 100px 0; } .updated-footer-fluid .footer-link-fluid p { color: #777; font-family: Montserrat; font-size: 14px; line-height: 24px; font-style: normal; font-weight: 500; } .updated-footer-fluid .footer-link-fluid h4 { color: #0a55bc; font-family: Montserrat; font-weight: 700; font-size: 20px; font-style: normal; } .updated-footer-fluid .footer-link-fluid ul { margin-top: 30px; } .updated-footer-fluid .footer-link-fluid ul li { margin-bottom: 15px; color: #777; font-family: Montserrat; font-style: normal; font-weight: 500; } .updated-footer-fluid .footer-link-fluid h5 { color: #666666; font-size: 16px; font-family: Montserrat; font-weight: 700; } .updated-footer-fluid .footer-link-fluid .modify-margin { margin-top: 10px; } .updated-footer-fluid .footer-logo-fluid { padding-top: 40px; padding-bottom: 20px; position: relative; } .updated-footer-fluid .footer-logo-fluid h4 { color: black; font-family: Montserrat; font-weight: 700; font-size: 20px; position: relative; font-style: normal; } .updated-footer-fluid .footer-logo-fluid h4::before { position: absolute; content: ""; width: 100%; height: 1px; background: #e5e5e5; left: 0; top: -30px; } .updated-footer-fluid .footer-logo-fluid h4::after { position: absolute; content: ""; width: 100%; height: 1px; background: #e5e5e5; left: 0; bottom: -170px; } .updated-footer-fluid .footer-logo-fluid .logo-bg { background: white; text-align: center; padding: 10px 0; box-shadow: 0px 0px 4px 1px #00000057; } .updated-footer-fluid .footer-logo-fluid .logo-bg img { width: 75px; } .updated-footer-fluid .footer-address-fluid { margin-top: 50px; } .updated-footer-fluid .footer-address-fluid .address-fluid { display: flex; padding: 40px 10px 40px 60px; } .updated-footer-fluid .footer-address-fluid .address-fluid .address-text { margin-left: 15px; } .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h3 { margin-top: 5px; margin-bottom: 5px; color: black; font-family: Montserrat; font-weight: 700; font-size: 14px; text-transform: uppercase; font-style: normal; } .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h4 { margin-top: 0; margin-bottom: 10px; color: #206cd5; font-weight: 700; font-size: 18px; font-style: normal; } .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h5 { margin-top: 0; margin-bottom: 5px; font-weight: 700; font-size: 16px; letter-spacing: 1px; color: #777; line-height: 20px; font-style: normal; } .footer-social-fluid { padding: 25px 50px 75px; background: #f1f6fc; } .footer-social-fluid .social-link { display: flex; justify-content: space-evenly; } .footer-social-fluid .social-link a { font-weight: 700; font-size: 14px; color: #484848; font-style: normal; } .footer-social-fluid h4 { margin: 5px 0; font-weight: 700; font-size: 14px; color: #484848; text-align: center; font-style: normal; } .footer-social-fluid .footer-icon { text-align: end; margin-right: 40px; } .footer-social-fluid .footer-icon a { color: black; margin: 0 10px 0 30px; } .footer-social-fluid .footer-icon a:hover { color: #007cff; } .footer-social-fluid .footer-icon a i { font-size: 24px; } .emerging-fluid .latest-tech { margin-top: 60px; margin-bottom: 40px; } .emerging-fluid .latest-tech .nav-tabs { border: none; display: flex; justify-content: center; } .emerging-fluid .latest-tech .nav-tabs li { margin: 0 15px; } .emerging-fluid .latest-tech ul li a h4 { text-align: center; font-size: 20px; color: #666666; font-weight: 700; position: relative; letter-spacing: 1px; } .emerging-fluid .latest-tech ul li a { margin: 0; padding: 5px 15px; } .emerging-fluid .latest-tech ul li a:hover, .emerging-fluid .latest-tech ul li a:focus { background: none; margin-left: 0; } .emerging-fluid .latest-tech ul li.active a h4 { color: #000; position: relative; } .emerging-fluid .latest-tech ul li.active a h4::before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #000; bottom: -15px; left: 0; } .emerging-fluid .latest-tech ul li:nth-child(1) a, .emerging-fluid .latest-tech ul li:nth-child(2) a, .emerging-fluid .latest-tech ul li:nth-child(3) a, .emerging-fluid .latest-tech ul li:nth-child(4) a { border: none; } .emerging-fluid .latest-tech .tab-content .tabspart .rightpart .heading h4 { font-size: 40px; color: #000; font-family: Montserrat; margin-bottom: 10px; margin-top: 0; line-height: 50px; } .emerging-fluid .latest-tech .tab-content .tabspart .rightpart .heading h4::after { display: none; } .emerging-fluid .latest-tech .tab-content .tabspart .rightpart .heading h4 span { margin-top: 10px; font-size: 26px; color: #000; font-weight: 500; } .emerging-fluid .latest-tech .tab-content .tabspart .rightpart .heading p { font-family: Montserrat; line-height: 26px; color: #686868; margin-bottom: 15px; } .mainblockchainfluid.custom-startup { padding-top: 60px; padding-bottom: 70px; } .updated-tech-fluid.home-technology { background-image: none; } .updated-tech-fluid.home-technology .headingpart h2 { font-size: 32px; color: black; font-family: Montserrat; z-index: 2; position: relative; font-weight: 500; } .updated-tech-fluid.home-technology .headingpart h2::after { display: none; } .updated-tech-fluid.home-technology .headingpart p { text-transform: uppercase; font-size: 20px; color: black; position: relative; letter-spacing: 1px; margin: 30px 0 0; } .updated-tech-fluid.home-technology .headingpart p::before { position: absolute; content: ""; left: 32%; width: 60px; height: 2px; background: black; top: 10px; } .updated-tech-fluid.home-technology .headingpart p::after { position: absolute; content: ""; right: 32%; width: 60px; height: 2px; background: black; top: 10px; } .updated-tech-fluid .tech-fluid { margin-top: 50px; } .updated-tech-fluid .tech-fluid .nav-tabs { border: none; display: flex; justify-content: center; } .updated-tech-fluid .tech-fluid .nav-tabs li { margin: 0 10px; } .updated-tech-fluid .tech-fluid ul li a { margin: 0; padding: 5px 10px; } .updated-tech-fluid .tech-fluid ul li a:hover, .updated-tech-fluid .tech-fluid ul li a:focus { background: none; margin-left: 0; } .updated-tech-fluid .tech-fluid ul li a h4 { text-align: center; font-size: 18px; color: #666666; font-weight: 700; position: relative; } .updated-tech-fluid .tech-fluid ul li.active a h4 { color: #424242; position: relative; } .updated-tech-fluid .tech-fluid ul li.active a h4::before { position: absolute; content: ""; width: 100%; height: 2px; background-color: #424242; bottom: -15px; left: 0; } .updated-tech-fluid .tech-fluid ul li:nth-child(1) a, .updated-tech-fluid .tech-fluid ul li:nth-child(2) a, .updated-tech-fluid .tech-fluid ul li:nth-child(3) a, .updated-tech-fluid .tech-fluid ul li:nth-child(4) a, .updated-tech-fluid .tech-fluid ul li:nth-child(5) a { border: none; } .updated-tech-fluid .tech-fluid .tab-content .tabspart .rightpart .heading h4 { font-size: 40px; color: #000; font-family: Montserrat; margin-bottom: 10px; margin-top: 0; line-height: 50px; } .updated-tech-fluid .tech-fluid .tab-content .tabspart .rightpart .heading h4::after { display: none; } .updated-tech-fluid .tech-fluid .tab-content .tabspart .rightpart .heading h4 span { margin-top: 10px; font-size: 26px; color: #000; font-family: poppinsregular; font-weight: 500; } .updated-tech-fluid .tech-fluid .tab-content .tabspart .rightpart .heading p { font-family: Montserrat; line-height: 26px; color: #686868; margin-bottom: 15px; } .technology-fluid .tab-content .technologypart .technology { display: flex; justify-content: center; } .technology-fluid .tab-content .technologypart .technology .tech { margin: 0 8px; text-align: center; } .technology-fluid .tab-content .technologypart .technology .tech img { width: 100px; height: 100px; background: #f5f5f5; padding: 25px; object-fit: contain; } .technology-fluid .tab-content .technologypart .technology .tech p { margin-top: 15px; text-align: center; font-size: 16px; color: #666666; font-family: Montserrat; font-weight: 500; } .ach-tech-fluid { padding: 50px 100px; } .ach-tech-fluid .row { display: flex; align-items: flex-end; } .ach-tech-fluid h2 { font-size: 44px; font-weight: 700; color: black; font-family: "poppinsmedium"; line-height: 60px; position: relative; letter-spacing: 1px; } .ach-tech-fluid p { font-size: 18px; font-family: Montserrat; color: #646464; line-height: 35px; margin-top: 40px; margin-right: 60px; } .ach-tech-fluid .tech-card { text-align: center; padding: 60px 10px; } .ach-tech-fluid .tech-card h3 { color: #1a81ff; font-size: 80px; display: inline-block; } .ach-tech-fluid .tech-card .plus-icon { position: relative; } .ach-tech-fluid .tech-card .plus-icon::before { position: absolute; content: "\002B"; top: -45px; right: -40px; font-size: 70px; font-weight: 500; } .ach-tech-fluid .tech-card p { color: black; font-family: Montserrat; margin: 0 auto; } .ach-tech-fluid .tech-card.card-fade { background-color: #f9fbf9; } .ach-tech-fluid .tech-card.card-fade h3 { font-family: Montserrat; } .ach-tech-fluid .tech-card.card-white { background-color: white; box-shadow: 0 10px 25px -10px #ccc; } .updatedport { color: #000; background-color: #f4f4f4; transition: background-color 1s ease; } .updatedport .panel { min-height: 100vh; margin: 0; border-radius: 0; padding: 100px; } .color-purple { background-color: #0f1b31; } .color-orange { background-color: #fe4e02; } .color-blue { background-color: #016bd8; } .color-skyblue { background-color: #63bfe4; } .updatedport h2 { text-transform: uppercase; font-size: 26px; color: white; font-family: Montserrat; margin-top: 50px; } .updatedport h3 { text-transform: capitalize; font-size: 40px; color: white; font-family: Montserrat; letter-spacing: 1px; line-height: 55px; } .updatedport h4 { font-size: 18px; color: white; font-family: poppinsregular; line-height: 34px; margin-right: 70px; margin-bottom: 40px; } .updatedport a { padding: 14px 30px; background-color: #125aff; color: #fff; border-radius: 4px; font-size: 14px; font-family: poppinsmedium; } .updatedport .bg-white { color: #000; } .updatedport a i { margin-left: 10px; } .updatedport .port-card { padding: 15px 30px; margin-top: 40px; } .updatedport .port-card.card1 { background-color: #182439; } .updatedport .port-card.card2 { background-color: #fe550c; } .updatedport .port-card.card3 { background-color: #0b71da; } .updatedport .port-card.card4 { background-color: #74c6e7; } .updatedport .port-card ul { } .updatedport .port-card ul li { color: white; display: inline-block; font-size: 34px; font-family: poppinsbold; letter-spacing: 1px; margin-right: 20px; } .updatedport .port-card ul li p { font-size: 14px; font-family: Montserrat; letter-spacing: 0; } .updatedport .port-detail { display: flex; align-items: center; } .updatedport .port-detail .port-img { width: 15%; display: inline-block; border-radius: 50px; margin-right: 10px; } .updatedport .port-detail .port-img img { width: 70px; height: 70px; border-radius: 50px; } .updatedport .port-detail .port-text { width: 80%; display: inline-block; } .updatedport .port-detail .port-text h5 { font-size: 14px; color: white; font-family: poppinsregular; line-height: 26px; margin-top: 30px; margin-bottom: 10px; } .updatedport .port-detail .port-text h6 { font-size: 14px; color: white; font-family: Montserrat; line-height: 28px; margin-left: 20px; position: relative; margin-top: 10px; } .updatedport .port-detail .port-text h6::before { position: absolute; content: ""; width: 10px; height: 1px; background: white; left: -20px; top: 12px; } .updatedport img { width: 60%; } .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .row { margin-top: 15px; } .updated-homepage-fluid .headerfluid .container .mymenu li a { text-transform: capitalize; letter-spacing: 0; font-family: poppinsregular !important; font-weight: 700 !important; font-size: 16px; } .updated-homepage-fluid .headerfluid .container .mymenu li:nth-last-child(2) a, .updated-homepage-fluid .headerfluid .container .mymenu li:nth-last-child(1) a { font-size: 16px; } .updated-homepage-fluid .fixed-sm-icon { position: fixed; right: 60px; top: 50%; transform: translateY(-50%); z-index: 99; } .updated-homepage-fluid .fixed-sm-icon a { color: black; font-size: 26px; } .updated-homepage-fluid .fixed-sm-icon a:hover { color: #007cff; } .updated-homepage-fluid .fixed-sm-icon a i { margin-bottom: 15px; } .homeaboutcontainer { margin-top: 50px; } .emerging-fluid .latest-tech ul li a img { display: none; } .banner-button { margin-top: 30px; } .banner-button a span { padding: 15px 45px; background: blue; color: white; font-family: poppinsbold; font-size: 14px; border-radius: 5px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .nav-menu-button { display: none; } .mobile-app-quote { margin-top: 25px; } .mobile-app-quote span { padding: 15px 30px; background: blue; color: white; font-family: poppinsbold; font-size: 14px; border-radius: 5px; background-color: #125aff; background-image: linear-gradient(to right, #125aff, #5387ff); } .custom-startup.mobile-app-startup h6 { text-transform: uppercase; color: black; font-weight: 700; font-family: poppinsbold; letter-spacing: 1px; font-size: 20px; margin-top: 20px; margin-bottom: 50px; position: relative; } .request-form.modified-form { margin: 0; } .request-form.modified-form .form-styling { background: white; margin-left: 0 !important; border: 1px solid #dbe9ff; border-radius: 15px; box-shadow: 0 0px 20px rgb(155 155 155 / 7%); padding: 25px 40px; } .request-form.modified-form .form-heading { color: #125aff !important; margin-bottom: 30px; } .request-form.modified-form .form-styling .form-group input, .request-form.modified-form .form-styling .form-group textarea { border: 1px solid #ccc; } .request-form.modified-form .form-styling .btn-styling { background-color: #125aff !important; } .clientfocus-fluid { padding: 80px 0; } .clientfocus-fluid .headingpart { text-align: center; } .home-clientfocus .headingpart h3 { font-size: 32px; color: black; font-family: Montserrat; position: relative; line-height: 50px; } .home-clientfocus.clientfocus-fluid .headingpart p { font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; letter-spacing: 1px; position: relative; margin-left: 0; margin-right: 0; } .home-clientfocus.clientfocus-fluid.updated-home-clientfocus .headingpart p::before { position: absolute; content: ""; left: 31%; width: 60px; height: 2px; background: black; top: 8px; } .home-clientfocus.clientfocus-fluid.updated-home-clientfocus .headingpart p::after { position: absolute; content: ""; right: 31%; width: 60px; height: 2px; background: black; top: 8px; } .clientfocus-fluid .headingpart h4 { font-size: 40px; color: #08223a; font-family: Montserrat; font-weight: 700; position: relative; } .clientfocus-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .clientfocus-fluid .headingpart p { font-size: 16px; text-transform: capitalize; font-family: Montserrat; color: #08223a; margin-right: 100px; margin-left: 100px; margin-top: 20px; line-height: 20px; font-weight: 500; } .clientfocus-fluid .featurepart { margin: 50px 0 0; } .clientfocus-fluid .featurepart .feature { text-align: center; padding: 18px 18px; transition-duration: 0.5s; transition-delay: 0.1s; animation-fill-mode: none; border-radius: 14px; height: 415px; border: 2px solid #bababa3b; } .clientfocus-fluid .featurepart .col-sm-3.col-xs-6 { padding: 0 10px; } .img_box { background-color: #eef3ff; border-radius: 10px; border: 2px solid #bababa3b; } .img_box img { max-width: 230px; margin: 0 auto; width: 100%; } .clientfocus-fluid .featurepart .feature h4 { font-size: 18px; text-transform: capitalize; font-weight: 600; color: #08223a; margin-top: 20px; margin-bottom: 10px; } .clientfocus-fluid .featurepart .feature p { font-size: 14px; font-family: Montserrat; color: #08223a; font-weight: 500; line-height: 22px; } .leaders-fluid { padding-top: 80px; padding-bottom: 80px; background-image: url(../images/aboutanimation/leaderbackground.jpg); background-size: cover; } .leaders-fluid .headingpart { text-align: center; } .home-leaders .headingpart h2 { font-size: 32px; color: white; font-family: Montserrat; position: relative; line-height: 50px; } .home-leaders.leaders-fluid .headingpart p { font-size: 18px; color: white; position: relative; line-height: 30px; width: 80%; margin: 0 auto; } .home-leaders.leaders-fluid.updated-home-leaders .headingpart p::before { position: absolute; content: ""; left: 31%; width: 60px; height: 2px; background: black; top: 8px; } .home-leaders.leaders-fluid.updated-home-leaders .headingpart p::after { position: absolute; content: ""; right: 31%; width: 60px; height: 2px; background: black; top: 8px; } .leaders-fluid .headingpart h4 { font-size: 40px; color: #08223a; font-family: Montserrat; font-weight: 700; position: relative; } .leaders-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .leaders-fluid .headingpart p { font-size: 16px; text-transform: capitalize; font-family: Montserrat; color: #08223a; margin-right: 100px; margin-left: 100px; margin-top: 20px; line-height: 20px; font-weight: 500; } .leaders-fluid .leader-member { margin-top: 100px; } .leaders-fluid .leader-member .leader img { width: 100%; height: auto; border-radius: 5px; } .leaders-fluid .leader-member .leader h3 { text-align: center; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 20px; margin-bottom: 10px; } .leaders-fluid .leader-member .leader p { text-align: center; color: #fff; font-size: 16px; } .lifetechfropse-fluid { padding: 60px 0; } .lifetechfropse-fluid .headingpart { text-align: center; } .home-lifetechfropse .headingpart h3 { font-size: 32px; color: black; font-family: Montserrat; position: relative; line-height: 50px; } .home-lifetechfropse.lifetechfropse-fluid .headingpart p { font-family: poppinsbold; text-transform: uppercase; font-size: 20px; color: black; letter-spacing: 1px; position: relative; margin-left: 0; margin-right: 0; } .home-lifetechfropse.lifetechfropse-fluid.updated-home-lifetechfropse .headingpart p::before { position: absolute; content: ""; left: 31%; width: 60px; height: 2px; background: black; top: 8px; } .home-lifetechfropse.lifetechfropse-fluid.updated-home-lifetechfropse .headingpart p::after { position: absolute; content: ""; right: 31%; width: 60px; height: 2px; background: black; top: 8px; } .lifetechfropse-fluid .headingpart h4 { font-size: 40px; color: #08223a; font-family: Montserrat; font-weight: 700; position: relative; } .lifetechfropse-fluid .headingpart h4:after { border-bottom: 0; position: absolute; content: ""; width: 60px; height: 3px; background: #005fff; bottom: -10px; margin-left: -50px; left: 50%; } .lifetechfropse-fluid .headingpart p { font-size: 16px; text-transform: capitalize; font-family: Montserrat; color: #08223a; margin-right: 100px; margin-left: 100px; margin-top: 20px; line-height: 20px; font-weight: 500; } .lifetechfropse-fluid .featurepart { margin: 50px 0 0; } .lifetechfropse-fluid .featurepart .feature { text-align: center; transition-duration: 0.5s; transition-delay: 0.1s; -webkit-animation-fill-mode: none; animation-fill-mode: none; margin-bottom: 30px; } .lifetechfropse-fluid .featurepart .feature p { font-size: 20px; text-transform: uppercase; font-weight: 600; color: #000000; margin-top: 20px; } .lifetechfropse-fluid .featurepart .feature img { width: 100%; height: auto; border-radius: 5px; } .aboutteam_section { background-image: url(../images/aboutanimation/backgrround1.png); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 580px; padding: 50px 0 50px; display: flex; align-items: center; justify-content: flex-start; } .aboutteam_section .game-feature-heading1, .aboutteam_section .game-feature-para1 { color: #fff !important; } .aboutteam_section .game-feature-para1 { margin: 40px 0 0; line-height: 27px; } .aboutteam_section .game-feature-heading1 { line-height: 40px; text-transform: capitalize; } .aboutteam_section .toppart { width: 44%; } .aboutteam_section .game-feature-heading1:after { margin-left: 0; left: 0; background-color: #fff; } .industries .box { margin-top: 40px; } .empowerbusiness_section { padding: 100px 0; border-bottom: 2px solid #f2f2f2; } .empowerbusiness_outer { background-color: #1a81ff; padding: 0px 40px 10px; border-radius: 30px; background-position: center; background-attachment: fixed; background-repeat: no-repeat; height: 420px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 0 40px #00000045; position: relative; } .empowerbusiness_outer::after { position: absolute; content: ""; top: 0; left: 0; inset: 0; z-index: 0; background: url(../images/ai/backgrround1.png); background-size: cover; } .empowerbusiness_outer .game-feature-heading1, .development-record-main .game-feature-heading1 { font-size: 30px !important; color: #fff !important; font-weight: 700; margin-top: 0; line-height: 40px; } .empowerbusiness_outer .game-feature-para1, .development-record-main .game-feature-para1 { color: #fff; line-height: 27px; margin: 48px 0 0; } .empowerbusiness_outer .game-feature-heading1:after { margin-left: 0; left: 0; background: #ffffff; } .development-record-main .game-feature-heading1:after { margin-left: 0; background: #fff; left: 0; } .empowerbusiness_box { background-color: #fff; border-radius: 14px; padding: 14px; width: 100%; max-width: 26%; min-height: 170px; } .business_box_count { display: flex; height: 90px; width: 100%; align-items: center; justify-content: center; border-radius: 14px; color: #467eff; font-weight: 700; font-size: 28px; background-color: #f2f2f2; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 15px #447dff85; } .empowerbusiness_box p { font-weight: 600; line-height: 21px; color: #000; text-align: center; margin: 10px 0 0; font-family: poppinsregular; font-size: 13px; } .empowerbusiness_main { display: flex; align-items: center; justify-content: space-evenly; } .empowerbusiness_main .empowerbusiness_box:nth-child(2) { transform: translateY(40px); } .development-record { padding: 80px 0; overflow: hidden; background-color: #1a81ff; } .development-record-main { padding: 0 0 0 100px; } .Developing_sldier_box .click_show_data { text-align: center; font-size: 15px; color: #fff; transition: 0.5s all; opacity: 0; transform: translateY(-106px); z-index: 0; position: relative; z-index: -1; } .Developing_sldier { margin-top: 40px; } .Developing_sldier_box.active .click_show_data { transform: translateY(-10px); opacity: 1; } .Developing_sldier_box .click_this { display: block; text-align: center; font-size: 68px; color: #eee2ff3d; position: relative; margin-bottom: 10px; cursor: pointer; transition: 0.5s all; } .Developing_sldier_box.active .click_this { color: #fff; } .Developing_sldier_box .click_this::after { position: absolute; top: 50%; content: ""; height: 14px; width: 14px; left: 0; right: 0; margin: 0 auto; background-color: #fff; border-radius: 50px; transform: translateY(-50%); transition: 0.2s all; border: 5px solid transparent; } .Developing_sldier_box.active .click_this::after { height: 24px; width: 24px; border: 5px solid #25d366; } .Developing_sldier_box .date_text { text-align: center; display: block; color: #fff; font-weight: 600; font-size: 18px; transition: 0.3s all; position: relative; z-index: 0; } .Developing_sldier .owl-stage-outer { padding: 80px 0 0; } .Developing_sldier_box.active .date_text { transform: translateY(-158px); } .Developing_sldier .owl-nav button { color: #1a81ff !important; font-size: 44px !important; font-weight: 500 !important; display: inline-flex; justify-content: center; align-items: center; background-color: #fff !important; height: 40px; width: 40px; border-radius: 50px; margin: 0 4px; } .Developing_sldier .owl-nav button span { display: block; position: relative; top: -4px; } .Developing_sldier .owl-nav { position: absolute; top: -90px; right: 50px; } .development-process { padding: 80px 0; background: #eef3ff; border-bottom: 2px solid #f2f2f2; } .development-process-box { box-shadow: 0px 3px 53px #0000001a; background: #ffffff 0% 0% no-repeat padding-box; padding: 17px; border-radius: 15px; position: relative; height: 140px; display: flex; align-items: center; } .development-process-box::-webkit-scrollbar { display: none; } .left_box_design .development-process-box::after { content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-left: 21px solid white; border-bottom: 10px solid transparent; } .right_box_design .development-process-box::after { content: ""; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-right: 21px solid white; border-bottom: 10px solid transparent; } .development-process-box p { font-weight: 600; color: #08223a; font-size: 14px; line-height: 22px; } .development-process-outter { display: flex; justify-content: center; max-width: 1170px; margin: 180px auto 0; } .development-process-main { display: flex; padding: 15px 0; } .circle_border, .height_adjust { display: flex; align-items: center; position: relative; } .circle_border::after { content: ""; position: absolute; top: 56px; left: 0; right: 0; margin: 0 auto; width: 4px; height: 200px; background-color: #1a81ff; z-index: 0; } .right_box_design .height_adjust { justify-content: flex-end; } .circle_design { display: flex; background-color: #1a81ff; height: 30px; width: 30px; border-radius: 50px; border: 7px solid #fff; box-shadow: 0px 3px 63px #000000c9; margin: 0 auto; position: relative; z-index: 1; } .development-head { box-shadow: 0px 3px 53px #0000001a; background: #ffffff 0% 0% no-repeat padding-box; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; } .development-head h3 { margin: 0; font-weight: 600; font-size: 15px; color: #08223a; } .development-process-outter-block .development-process-main:last-child .circle_border::after { height: 80px; background-color: #ecf1fd; } .development-head img { max-width: 36px; } .left_box_design .development-head img { margin-left: -17px; margin-right: 17px; } .right_box_design .development-head img { margin-right: -15px; margin-left: 17px; } .left_box_design .development-head { padding: 12px 24px 12px 30px; } .right_box_design .development-head { padding: 12px 30px 12px 24px; } .globally-connect { padding: 80px 0; } .globally-connect-box { height: 270px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; display: flex; align-items: flex-end; flex-wrap: wrap; border-radius: 8px; box-shadow: 0 0 40px #00000045; overflow: hidden; border: 5px solid #f2f2f2; } .globally-connect-box::after { position: absolute; content: ""; bottom: 0; left: 0; height: 70%; width: 100%; background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, #031231 100%); } .globally-outter { margin-top: 60px; } .globally-connect-inner h3 { color: #fff; font-weight: 700; font-size: 24px; } .globally-connect-inner { padding: 14px 20px; transition: 0.5s all; transform: translateY(112px); position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-start; height: 180px; } .hover_part p { color: #fff; font-weight: 600; font-size: 15px; min-height: 80px; } .globally-connect-box:hover .globally-connect-inner { transform: translateY(5px); } .globally-connect { padding: 80px 0; border-bottom: 2px solid #f2f2f2; } .comman_process { display: flex; background: #1a81ff; border-radius: 80px 50px 50px 50px; transform: rotate(49deg); height: 190px; width: 190px; margin: 0 auto; align-items: center; justify-content: center; box-shadow: 0 0 20px #447dff75; border: 4px solid #fff; padding: 0 10px; cursor: pointer; position: relative; z-index: 4; } .comman_process .process-inner-part { transform: rotate(-50deg); text-align: center; } .comman_process .process-inner-part h3 { color: #ffffff; font-weight: 600; font-size: 18px; margin-bottom: 0; } .process-inner-part img { max-width: 32px; } .development-process-bottom { transform: translateX(115px); } .development-process-bottom .comman_process { border-radius: 50px 50px 80px 50px; } .comman_process:hover .hover_show { display: block; } .comman_process:hover h3, .comman_process:hover img { display: none; } .hover_show { font-size: 12px; color: #fff; font-weight: 500; line-height: 20px; text-align: center; margin: 0 auto; display: none; } .development-process-top .comman_process::after { position: absolute; content: ""; right: -60px; bottom: 20px; height: 60px; width: 60px; border-radius: 0; z-index: 0; border-top: 3px dashed #1a81ff; } .development-process-bottom .comman_process::after { position: absolute; content: ""; left: -5px; top: -50px; height: 60px; width: 60px; border-radius: 0; z-index: 0; border-right: 3px dashed #1a81ff; } .development-process-top .process-top-col:last-child .comman_process::after { display: none; } .healthcarefluid.myaboutpage .mainbackcontent { margin-top: 160px; } .mobile_view { display: none; } .lifetechfropse-fluid .featurepart .feature .left_side_img img { height: 720px; object-fit: cover; } .lifetechfropse-fluid .featurepart .feature .main_big_img img { height: 400px; object-fit: cover; } .lifetechfropse-fluid .featurepart .feature .bottom_side_img img { height: 290px; object-fit: cover; } .comman_heading { margin-bottom: 40px; } .comman_heading h2 { font-size: 30px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; line-height: 44px; margin: 0 0 32px; text-transform: capitalize; } .comman_heading h2::after { border-bottom: 0; position: absolute; content: ""; width: 83px; height: 3px; background: #1a81ff; bottom: -16px; left: 0; } .comman_heading p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 15px; line-height: 26px; } .heading_white h2, .heading_white p, .heading_white strong, .heading_white li { color: #fff !important; } .heading_white h2::after { background: #ffffff; } .heading_center h2, .heading_center p { text-align: center; } .heading_center h2::after { margin: 0 auto; right: 0; } .padding-comman { padding: 80px 0; } .development_servicess_outer { display: flex; flex-wrap: wrap; margin-top: 30px; } .development_box { padding: 20px 25px; border: 1px solid #dcdcdc8a; border-radius: 15px; background-color: #fff; width: 48%; margin: 0 5px 15px; } .blockchain_developments_services .development_box { margin-bottom: 10px; min-height: 360px; } .development_box .ios_icon img { max-width: 50px; } .cta_comman { border-bottom: 4px solid #eef3ff; } .cta_comman .container { background-color: #08223a; padding: 52px 50px; border-radius: 30px; box-shadow: 0 0 40px #00000045; position: relative; z-index: 1; } .cta_comman .comman_heading .comman_btn { margin-top: 22px; border: 2px solid #ffffff; background: #fff; color: #1a81ff; } .cta_comman .comman_heading .comman_btn:hover { color: #fff; background-color: #000000; border-color: #000000; } .comman_btn { background-color: #1a81ff; color: #fff; font-weight: 600; text-transform: uppercase; border-radius: 50px; padding: 14px 30px; display: inline-flex; font-size: 16px; transition: 0.5s all; margin-top: 20px; border: 2px solid #1a81ff; } .development_box h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; margin-top: 20px; line-height: 23px; margin: 10px 0 10px; } .development_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 24px; } .cta_comman .comman_heading { margin: 0; } .comman_btn:hover { border: 2px solid #fff; background-color: transparent; color: #fff; } .hover_change:hover { border: 2px solid #3773ff; background-image: unset; color: #3773ff; } .types_of_ios_box { border: 1px solid #bfbfbf; border-radius: 5px; border-style: dashed; padding: 20px 38px; position: relative; margin-bottom: 20px; background-color: #eef3ff; } .types_of_ios_box span { display: inline-flex; align-items: center; justify-content: center; position: absolute; left: -25px; background-color: #fff; height: 50px; width: 50px; border-radius: 50px; border: 1px solid #bfbfbf; border-style: dashed; } .types_of_ios_box h3 { font-size: 16px; font-weight: 700; text-transform: capitalize; color: #08223a; line-height: 20px; margin: 0 0 10px; } .types_of_ios_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; } .types_of_ios_box span img { max-width: 36px; } .mb_high { margin-bottom: 70px; } .whybahrain .row { display: flex; align-items: center; flex-wrap: wrap; } .whybahrain { background: #eef3ff; } .ios-development-process { background-color: #fff; } .manifesto_content { background-color: #fff; padding: 40px 50px; margin: 0; } .comman_heading strong { display: block; font-style: italic; font-size: 18px; margin: 40px 0px 10px; color: #4c82ff; } .development-manifesto, .robusts-solutions { background: #eef3ff; } .manifesto_rightcontent { margin-left: -60px; padding: 30px 40px; background-color: #1a81ff; } .manifesto_rightcontent h3 { color: #fff; font-weight: 600; margin: 0 0 14px; display: flex; align-items: center; font-size: 17px; } .manifesto_rightcontent span { background-color: #fff; border-radius: 50px; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .manifesto_rightcontent p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; line-height: 24px; } .development-manifesto .row { display: flex; align-items: center; flex-wrap: wrap; } .manifesto_rightcontent .manifesto_inner { margin-bottom: 30px; } .manifesto_rightcontent span img { max-width: 32px; } .manifesto_rightcontent .manifesto_inner:last-child { margin: 0; } .iphoneappfluid .mainbackcontent { margin-top: 12%; text-align: left; } .development_servicess { background: #eef3ff; } .development_servicess .comman_heading h2 { font-size: 38px; line-height: 58px; } .devmethologyfluid .row { display: flex; align-items: center; flex-wrap: wrap; } .reform_business { background: #eef3ff; } .reform_box { display: flex; align-items: center; width: 50%; background-color: #fff; } .reform_img img { height: 340px; width: 100%; object-fit: cover; } .reform_img { width: 50%; } .reform_business_main { display: flex; } .reform_content { width: 50%; padding: 10px 20px; } .reform_content span { font-size: 40px; font-weight: 700; display: block; color: #d3d3d3; } .reform_content h3 { font-size: 19px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 24px; margin: 6px 0 10px; } .reform_content p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .reform_business_main { display: flex; flex-wrap: wrap; } .order_change { order: 1; } .iphoneportfolio .row { display: flex; align-items: center; } .glimpse { background-color: #eef3ff; } .moreblogpart .comman_heading { margin-bottom: 0; } .faq_section { position: relative; } .faq_section::after { position: absolute; content: ""; top: 0; right: 0; background-image: url(../../common/images/iPhone/dots.png); height: 100%; width: 100%; background-repeat: repeat; background-size: 13px; background-position: center; z-index: -1; } .faq_box { background-color: #fff; padding: 0px 25px; box-shadow: 0 0 20px #88898b3b; border-radius: 10px; margin-bottom: 30px; } .faq_box_head { padding: 15px 0; display: block; font-weight: 600; color: #08223a; font-size: 17px; position: relative; } .faq_box_head::after { content: ""; position: absolute; right: -15px; background-image: url(../images/common_icons/add-fill.svg); height: 32px; width: 32px; background-size: 29px; top: 50%; transform: translateY(-50%); } .faq_box.active .faq_box_head::after { background-image: url(../images/common_icons/subtract-fill.svg); } .faq_data { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; padding-bottom: 18px; line-height: 26px; display: none; } .faq_box.active .faq_data { display: block; } .faq_section_custom { margin: 60px 50px 0; } .weoffer_outer { display: flex; flex-wrap: wrap; justify-content: space-between; } .weoffer_box { width: 100%; max-width: 45%; position: relative; padding: 30px; border-radius: 30px; margin: 30px 0; background: #1a81ff; box-shadow: 0 0 50px #447dff75; } .weoffer_box img { filter: brightness(20.5); max-width: 50px; } .weoffer_box h3 { color: #ffffff; font-weight: 600; font-family: Montserrat; font-size: 16px; line-height: 22px; margin: 6px 0 8px; } .weoffer_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; } .weoffer .row { display: flex; align-items: center; } .weoffer_box::after { position: absolute; content: ""; right: -80px; top: 50%; height: 0px; width: 110px; border-radius: 0; z-index: -1; border-bottom: 3px dashed #5186ff; } .weoffer_outer .weoffer_box:nth-child(2)::after { right: 0; left: 0; margin: 0 auto; top: auto; bottom: -100px; border-right: 3px dashed #5186ff; border-bottom: 0; height: 120px; width: 0px; } .weoffer_outer .weoffer_box:nth-child(1)::before { position: absolute; content: ""; right: 0; left: 0; margin: 0 auto; top: auto; bottom: -100px; border-right: 3px dashed #5186ff; border-bottom: 0; height: 120px; width: 0px; z-index: -1; } .weoffer_outer .weoffer_box:nth-child(4)::after { display: none; } .weoffer { border-bottom: 4px solid #f2f2f2; } .hire_team .row { display: flex; justify-content: center; } .hire_team_box { background-image: linear-gradient(to right, #125aff, #125aff); box-shadow: 0 0 50px #447dff75; border-radius: 0; padding: 30px 50px; height: 250px; display: flex; align-items: center; } .hire_team_box h2 { font-size: 28px; color: #ffffff; font-weight: 600; font-family: Montserrat; margin-top: 0; line-height: 38px; text-transform: capitalize; } .hire_team_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 5px; line-height: 26px; } .hire_team_box a { color: #fff; border-bottom: 1px dashed #fff; padding-bottom: 4px; font-weight: 500; display: inline-block; margin-top: 10px; transition: 0.5s all; } .hire_team_box a:hover { transform: translateX(5px); } .hire_team_box.change_color { background: #437cffeb; } .hire_team { border-bottom: 3px solid #f2f2f2; } .hire_team .col-md-6 { padding: 0; } .comman_background { background-size: cover; width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; background-attachment: fixed; background-position: center; } .overlay-show::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; } .comman_background .mainbackcontent .row h1 { font-size: 42px; font-weight: 700; font-style: normal; color: #ffffff; line-height: 60px; text-transform: capitalize; margin-bottom: 20px; } .comman_background .mainbackcontent strong { display: block; margin-bottom: 14px; font-size: 18px; color: #fff; } .comman_background .mainbackcontent .row span { display: block; font-weight: 600; font-family: Montserrat; color: #ffffff; margin-bottom: 14px; font-size: 16px; font-style: italic; } .comman_background .mainbackcontent p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 20px; line-height: 28px; } .comman_background .mainbackcontent { max-width: 890px; margin: 100px auto 0; position: relative; z-index: 1; } .comman_background header { z-index: 99; } .why_invest { background: #eef3ff; } .invest_box { padding: 20px; border: 2px dashed #eef3ff; border-radius: 10px; transition: 0.5s all; position: relative; background-color: #fff; cursor: pointer; box-shadow: 0 1px 5px 1px #0000000d; min-height: 190px; } .invest_box:hover { background-color: #eef3ff; color: #fff; border: 2px dashed #ffffff; transform: translateY(6px); } .invest_box span { background-color: #eef3ff; border: 2px dashed #fff; display: inline-flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50px; position: absolute; top: -29px; left: 18px; } .invest_box h3 { margin: 22px 0 0; font-weight: 600; font-size: 17px; color: #08223a; padding: 0; } .invest_box span img { max-width: 33px; } .invest_box p { font-weight: 500; font-size: 14px; margin: 9px 0 0; color: #08223a; } .inves_box_outer { margin-top: 50px; } .android_integration .reform_box { background-color: #1a81ff; box-shadow: 0 1px 5px 1px #0000000d; } .android_integration .reform_content span, .android_integration .reform_content h3, .android_integration .reform_content p { color: #fff; } .requestqquote .form-control { height: 52px; border-radius: 11px 0 0 10px; color: #000; font-size: 15px; padding: 0 28px; border: 2px solid #185fff; width: 320px; } .flutter_benefits_box { position: relative; padding: 50px 25px 25px 25px; background-color: #f9f9f9; box-shadow: 0 0px 0 rgb(0 0 0 / 7%); border-radius: 20px; border: 5px solid #00000012; transition: 0.5s all; margin: 30px 0; min-height: 230px; text-align: center; } .flutter_benefits_box:hover span { transform: rotateY(350deg); } .flutter_benefits_box span { height: 70px; width: 70px; border-radius: 50px; background-color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; border: 5px solid #00000012; top: -36px; transition: 0.5s all; right: 0; margin: 0 auto; } .flutter_benefits_box h3 { margin-top: 0; font-size: 17px; font-weight: 600; color: #08223a; margin-bottom: 8px; } .flutter_benefits_box p { font-size: 14px; font-weight: 500; margin-bottom: 0; color: #08223a; } .flutter_benefits_box span img { max-width: 40px; } .flutter_solutions { background-color: #1a81ff; } .flutter_solutions_box { background: #ffffff; border-radius: 15px; box-shadow: 0px 0px 22px #7d7d7dc2; transition: 0.5s all; text-align: center; padding: 30px 40px; height: 244px; display: flex; align-items: center; justify-content: center; margin: 16px 0; overflow: hidden; cursor: pointer; position: relative; } .hover_content_part { transition: 0.5s all; transform: translateY(220px); position: absolute; margin: 0 30px; } .flutter_solutions_box h3 { font-size: 17px; color: #08223a; font-weight: 600; margin: 0; line-height: 23px; } .content_flutter img { max-height: 120px; margin-bottom: 22px; } .content_flutter { transition: 0.5s all; } .flutter_solutions_box:hover .content_flutter { transform: translateY(-220px); position: absolute; } .flutter_solutions_box:hover .hover_content_part { transform: translateY(0); } .hover_content_part p { font-size: 16px; font-weight: 600; line-height: 28px; color: #08223a; } .games_technologynew { background-color: #eef3ff; } .games_technologynew .tech-fluid ul li a { background-color: transparent; } .games_technologynew .tab-content .technologypart .technology .tech img { background: #ffffff; } .iphone_developments_services .development_box { min-height: 363px; } .android_developments_services .development_box { min-height: 403px; } .flutter_developments_services .development_box { min-height: 322px; } .react_developments_services .development_box { min-height: 460px; } .wearable_developments_services .development_box { min-height: 366px; } .mobilegame_developments_services .development_box { min-height: 388px; } .arvr_developments_services .development_box { min-height: 320px; margin-bottom: 20px; } .aiml_developments_services .development_box { min-height: 390px; margin-bottom: 20px; } .iot_developments_services .development_box { min-height: 300px; margin-bottom: 20px; } .healthcares_services .development_box { min-height: 390px; margin-bottom: 20px; } .chessgame_services .development_box { min-height: 320px; margin-bottom: 20px; } .ott_developments_services .development_box { min-height: 298px; margin-bottom: 20px; } .hiredeveloper_services .development_box { width: 32%; margin-bottom: 20px; min-height: 250px; } .support_maintenances_services .development_box { min-height: 390px; margin-bottom: 20px; } .hire-game-servicers .development_box { min-height: 300px; } .iot_advantages .blockchain_stack_box { min-height: 385px; } .iot_advantages .blockchain_stack_box { min-height: 335px; } .faq_data ul { list-style: circle; padding-left: 20px; margin-bottom: 10px; } .industries_wefuel_box { width: 100%; position: relative; padding: 30px; border-radius: 30px; margin: 0 0 20px; background-image: linear-gradient(to right, #125aff, #5387ff); box-shadow: 0 0 50px #447dff75; min-height: 274px; } .industries_wefuel_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; } .industries_wefuel_box span { display: block; margin-bottom: 10px; } .industries_wefuel_box span img { filter: brightness(10.5); max-width: 56px; } .industries_wefuel_box h3 { color: #ffffff; font-weight: 600; font-family: Montserrat; font-size: 16px; line-height: 22px; margin: 6px 0 8px; } .blockchain_stack, .reactnativebusiness { background: #447dff; } .blockchain_stack_box { box-shadow: 0 0 30px #00000047; background-color: #fff; border-radius: 23px; text-align: center; padding: 24px; transition: 0.5s all; cursor: pointer; min-height: 345px; margin-bottom: 30px; } .blockchain_stack_box:hover { box-shadow: 0 0 50px #0000007a; transform: translateY(-5px); } .blockchain_stack_box h3 { color: #08223a; font-weight: 700; font-family: Montserrat; font-size: 17px; line-height: 25px; margin: 6px 0 8px; } .blockchain_stack_box span { display: flex; align-items: center; justify-content: center; height: 85px; width: 85px; background-color: #447dff; margin: 14px auto 14px; border-radius: 50px; box-shadow: inset 0 0 10px #ffffff8c; } .blockchain_stack_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 24px; } .blockchain_stack_box span img { max-width: 72px; filter: brightness(10.5); } .reactnativebusiness_box { box-shadow: 0 0 30px #00000047; background-color: #fff; border-radius: 15px; text-align: center; padding: 25px; transition: 0.5s all; cursor: pointer; margin-bottom: 20px; position: relative; width: 100%; max-width: 49%; display: flex; align-items: center; } .reactnative_content { text-align: left; width: 80%; border-left: 2px dashed #447dff; padding: 0 10px 0 25px; height: 100%; display: flex; align-items: center; } .reactnativebusiness_box img { max-width: 74px; } .reactnative_img { width: 20%; text-align: left; } .reactnativebusiness_outter { display: flex; flex-wrap: wrap; justify-content: space-between; } .reactnativebusiness_box h3 { color: #08223a; font-weight: 700; font-family: Montserrat; font-size: 16px; line-height: 23px; margin: 6px 0 10px; } .reactnativebusiness_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .icon-parent .react_icon a:before { position: absolute; content: ""; width: 20px; height: 20px; top: -4px; left: -3%; background-image: url(../images/updated/react.svg); background-size: 19px auto; background-repeat: no-repeat; } .icon-parent .react_icon:hover a:before { filter: brightness(10.5); } .icon-parent .react_icon a:after { display: none !important; } .whymobiles_services { background-color: #1a81ff; } .whymobiles_box .img-box img { max-width: 160px; margin: 0 auto; } .whymobiles_box { text-align: center; background-color: #fff; border-radius: 20px; box-shadow: inset 0 0 30px #1a80fe7d; min-height: 280px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 10px 20px; } .whymobiles_box h3 { font-size: 18px; color: #1a81ff; font-weight: 600; font-family: Montserrat; position: relative; margin: 22px 0 10px; } .whymobiles_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; } .weserve_mobilegame .row { display: flex; flex-wrap: wrap; } .robusts-solutions-box { background: #fff; padding: 20px; text-align: center; border-radius: 10px; box-shadow: 0 0 20px #0000001f; width: 100%; max-width: 30%; margin: 60px 6px 0; transition: 0.5s all; display: block; } .robusts-solutions-box:hover { transform: translateY(-5px); } .robusts-solutions-box h3 { margin: 0 0 10px; display: block; font-size: 16px; color: #08223a; font-weight: 600; line-height: 21px; text-transform: capitalize; } .robusts-solutions-box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 10px; line-height: 26px; } .robusts-icon { display: flex; align-items: center; justify-content: center; height: 90px; width: 90px; border-radius: 50px; background-color: #fff; margin: -68px auto 16px; border: 8px solid #eef3ff; transition: 0.5s all; } .robusts-icon img { max-width: 40px; } .robusts-solutions-outter { display: flex; flex-wrap: wrap; justify-content: center; } .robusts-solutions-box:hover .robusts-icon { transform: rotateY(360deg); } .robusts-solutions .comman_heading { margin-bottom: 0; } .list_crcle { list-style: circle; font-size: 21px; padding: 0 0 0 25px; } .list_crcle li p { margin-bottom: 0; font-size: 15px; } .artificial-intelligence { background-color: #eef3ff; } .iot_advantages_box { width: 100%; position: relative; padding: 20px; border-radius: 30px; margin: 0 0 20px; background-image: linear-gradient(to right, #125aff, #5387ff); box-shadow: 0 0 50px #447dff75; min-height: 325px; border-bottom: 10px solid #fff; transition: 0.5s all; } .iot_advantages_box:hover { border-bottom: 15px solid #fff; } .iot_advantages_box h3 { color: #ffffff; font-weight: 600; font-family: Montserrat; font-size: 16px; line-height: 22px; margin: 6px 0 8px; } .iot_advantages_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; } .iot_advantages_box span img { filter: brightness(10.5); max-width: 50px; } .iot_advantages { background-color: #eef3ff; } .iot_advantages .row { display: flex; flex-wrap: wrap; justify-content: center; } .headerfluid .container .headingpart li.commanmenu_icon a { padding-left: 20px; } .headerfluid .container .headingpart li.commanmenu_icon a:before { position: absolute; content: ""; width: 20px; height: 20px; top: -4px; left: -3%; background-image: url(../images/updated/react.svg); background-size: 19px auto; background-repeat: no-repeat; } .headerfluid .container .headingpart li.commanmenu_icon a::after { display: none; } .headerfluid .container .headingpart li.commanmenu_icon.arvr_icon a:before { background-image: url(../images/updated/arvr_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.aiml_icon a:before { background-image: url(../images/updated/aiml_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.iot_icon a:before { background-image: url(../images/updated/iot_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.healthcare_icon a:before { background-image: url(../images/updated/healthcare_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.ott_icon a:before { background-image: url(../images/updated/ott_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.support_icon a:before { background-image: url(../images/updated/support_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hybrid_icon a:before { background-image: url(../images/updated/hybrid_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.mobile_icon a:before { background-image: url(../images/updated/mobile_app.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_mobile_icon a:before { background-image: url(../images/updated/hire-mobile-app-developers.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_android_icon a:before { background-image: url(../images/updated/hire_android_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_game_icon a:before { background-image: url(../images/updated/hire-game-developers.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_php_icon a:before { background-image: url(../images/updated/hire-php-app-developer.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_flutter_icon a:before { background-image: url(../images/updated/hire-flutter-developers.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_reactnative_icon a:before { background-image: url(../images/updated/hire-react-native-developers.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_node_icon a:before { background-image: url(../images/updated/hire-node-js-developers.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_vue_icon a:before { background-image: url(../images/updated/vue_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_golang_icon a:before { background-image: url(../images/updated/golang_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_dedicated_icon a:before { background-image: url(../images/updated/dedicated_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_angular_icon a:before { background-image: url(../images/updated/angular.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_python_icon a:before { background-image: url(../images/updated/python_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_iphone_icon a:before { background-image: url(../images/updated/hire_iphone_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_blockchain_icon a:before { background-image: url(../images/updated/hire_blockchain_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_ame_icon a:before { background-image: url(../images/updated/hire_aem_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.hire_laravel_icon a:before { background-image: url(../images/updated/hire_laravel_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.pos_icon a:before { background-image: url(../images/updated/pos_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.ondemand_icon a:before { background-image: url(../images/updated/ondemand_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon.web3_icon a:before { background-image: url(../images/updated/web3_icon.png); } .headerfluid .container .headingpart li.commanmenu_icon:hover a:before { filter: invert(1) brightness(50.5); } .stick .navbar-right li a.btns_color { color: #fff !important; } .gaming_expertise { background: #eef3ff; } .gamingexpertise_outter, .ecommerce_features_outter, .connectpeople_outer { display: flex; justify-content: space-between; flex-wrap: wrap; } .gamingexpertise_box { width: 32%; text-align: center; background-color: #fff; padding: 30px 14px; border-radius: 10px; border-top: 6px solid #1a81ff; border-bottom: 6px solid #1a81ff; } .gamingexpertise_box img { max-width: 170px; } .gamingexpertise_box h3 { color: #08223a; font-weight: 700; font-family: Montserrat; font-size: 16px; line-height: 23px; margin: 6px 0 10px; } .gamingexpertise_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 23px; } .gaminge_img { display: block; margin-bottom: 20px; } .business_types .robusts-solutions-box .bthead { color: #407aff; display: inline-block; padding: 4px 10px; border: 2px dashed #447dff; border-radius: 7px; font-size: 13px; margin: 8px 0 16px; } .ecommercefeatures_box { width: 32%; position: relative; padding: 40px 30px; border-radius: 30px; margin: 0 0 20px; background-image: linear-gradient(to right, #125aff, #5387ff); box-shadow: 0 0 50px #447dff75; border-bottom: 10px solid #fff; transition: 0.5s all; text-align: center; min-height: 740px; } .ecommercefeatures_box h3 { color: #ffffff; font-weight: 700; font-family: Montserrat; font-size: 18px; margin: 0 0 15px; text-align: center; position: relative; display: inline-block; text-transform: uppercase; } .ecommercefeatures { text-align: left; } .ecommercefeatures_box h3::after { position: absolute; top: 8px; left: -44px; content: ""; height: 4px; width: 35px; background-color: #fff; border-radius: 50px; } .ecommercefeatures_box h3::before { position: absolute; top: 8px; right: -44px; content: ""; height: 4px; width: 35px; background-color: #fff; border-radius: 50px; } .features_inner h4 { color: #ffffff; font-weight: 600; font-family: Montserrat; font-size: 14px; margin: 0 0 5px; position: relative; padding: 0 0 0 17px; } .features_inner h4::after { position: absolute; top: 2px; left: 0; content: ""; height: 10px; width: 10px; background-color: #fff; border-radius: 50px; } .features_inner p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; line-height: 22px; } .features_inner { padding: 10px 0; } .ecommercefeatures_box strong { display: block; color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 10px; } .eccomerce_benifits { background-color: #fff; } .connectpeople { background-color: #1a81ff; } .connectpeople_box { width: 100%; max-width: 25%; text-align: center; padding: 14px 20px; border-right: 1px solid #ffffff54; } .connectpeople_box img { max-width: 150px; } .connectpeople_box h3 { margin: 26px 0 12px; display: block; font-size: 16px; color: #ffffff; font-weight: 600; } .connectpeople_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .connectpeople_outer { justify-content: center; } .connectpeople_outer .connectpeople_box:last-child { border: 0; } .techniques_boxs { position: relative; padding: 20px 20px 30px; border-radius: 15px; margin: 0 0 20px; background-image: linear-gradient(to right, #125aff, #5387ff); box-shadow: 0 0 50px #447dff75; border-bottom: 8px solid #fff; text-align: center; min-height: 400px; } .techniques_boxs h3 { margin: 15px 0 12px; display: block; font-size: 17px; color: #ffffff; font-weight: 600; line-height: 23px; } .techniques_boxs p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; margin-bottom: 0; line-height: 23px; } .techniques_icons { display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #fff; width: 80px; border-radius: 130px 120px 160px 130px; height: 80px; margin-top: -50px; border: 4px solid #417aff; margin-bottom: 22px; } .techniques_icons img { max-width: 44px; } .virtual_reality .container .mehologyimage img { width: 100%; } .agmented-reality .container .mehologyimage img { width: 250px; } .developers_expertise .row { display: flex; flex-wrap: wrap; justify-content: center; } .developers_expertise .types_of_ios_box { min-height: 210px; } .enterprises_outter { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px; box-shadow: 0 0 20px #00000017; } .enterprises_outter .enterprises_box:nth-child(1), .enterprises_outter .enterprises_box:nth-child(2), .enterprises_outter .enterprises_box:nth-child(3) { border-bottom: 0; } .enterprises_box { width: 33.33%; padding: 30px; text-align: left; border: 1px solid #ffffffbf; transition: 0.5s all; background-color: #1a81ff; } .enterprises_icon { display: flex; align-items: center; justify-content: center; margin-left: 0; height: 70px; width: 70px; background-color: #fff; transition: 0.5s all; border-radius: 130px 120px 160px 130px; } .enterprises_icon img { max-width: 50px; } .enterprises_box h3 { margin: 18px 0 10px; display: block; font-size: 16px; color: #ffffff; font-weight: 700; line-height: 22px; transition: 0.5s all; } .enterprises_box p { font-size: 15px; font-family: Montserrat; color: #ffffff; font-weight: 500; line-height: 27px; transition: 0.5s all; } .enterprises_outter .enterprises_box:nth-child(even) { background-color: #fff; } .enterprises_outter .enterprises_box:nth-child(even) h3, .enterprises_outter .enterprises_box:nth-child(even) p { color: #08223a; } .enterprises_outter .enterprises_box:nth-child(even) .enterprises_icon { background-color: #1a81ff; } .whyhiredeveloper { background-color: #1a81ff; } .whyhiredeveloper_outter { display: flex; align-items: center; justify-content: space-between; } .whyhiredeveloper_box { background-color: #ffff; width: 23%; height: 270px; text-align: center; overflow: hidden; transition: 0.5s all; display: flex; align-items: center; padding: 20px; justify-content: center; border-radius: 10px; cursor: pointer; position: relative; } .after_hover { transition: 0.3s all; transform: translateY(1000%); position: absolute; } .whyhiredeveloper_inner h3 { margin: 10px 0 0; display: block; font-size: 18px; color: #08223a; font-weight: 600; line-height: 28px; text-transform: capitalize; } .hiredeveloper_icon { display: flex; margin: 0 auto; justify-content: center; } .hiredeveloper_icon img { max-width: 85px; } .whyhiredeveloper_box:hover .after_hover { position: relative; transform: translate(0); } .without_hover { transition: 0.3s all; } .whyhiredeveloper_box:hover .without_hover { transform: translateY(-1000%); position: absolute; opacity: 0; left: 0; right: 0; } .after_hover p { font-weight: 600; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 24px; } .portfolio_design { background: #eef3ff; } .portfolio_images img { max-width: 90%; } .portfolio_design_box { display: flex; align-items: center; padding: 45px 25px; border-bottom: 4px dashed #eef3ff; background-color: #fff; } .portfolio_design_box .comman_heading strong { margin: 0 0 5px; } .whytechgrops_bharin { background-color: #fff; } .whytechgrops_bharin .servicebox { background-color: #eef3ff; } .whytechgrops_bharin { background-color: #fff; border-bottom: 4px solid #eef3ff; } .portfolio_design_box .comman_heading h2 { font-size: 24px; line-height: 28px; } .portfolio_design_box .comman_heading p { font-size: 15px; } .portfolio_design_box .comman_heading strong { margin: 0 0 5px; font-size: 16px; } .portfolio_design_box .comman_heading { margin-bottom: 0; } .portfolio_design_box .list_crcle { display: flex; flex-wrap: wrap; } .portfolio_design_box .list_crcle li { width: 50%; } .bg-remove { background-color: transparent !important; } .mobile_support { background-color: transparent; } .mobile_support .manifesto_content { background-color: #edf2fe; } .hybrid_developments_services .development_box { width: 32%; } .Key_benefits_hybrid .enterprises_box { min-height: 483px; } .Key_benefits_hybrid { background-color: #eef3ff; } .hire-android-benefits .development_box { min-height: 300px; } .guaranteed_growth { background-color: #1a81ff; } .guaranteedgrowth_box { border: 2px solid #fff; border-radius: 10px; overflow: hidden; width: 100%; max-width: 31%; margin: 10px 10px; } .guaranteedgrowth_icon { width: 100%; height: 120px; background-color: #fff; display: flex; align-items: center; justify-content: center; } .guaranteedgrowth_icon img { max-width: 70px; } .guaranteedgrowth_content { padding: 20px 20px; text-align: center; } .guaranteedgrowth_content h3 { margin: 0 0 10px; display: block; font-size: 17px; color: #ffffff; font-weight: 600; } .guaranteedgrowth_content p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; } .guaranteed_outter { display: flex; flex-wrap: wrap; justify-content: center; } .modelhiring_sec { background-color: #4980ff; } .modelhiring_box { width: 360px; height: 360px; margin: 0 auto; text-align: center; background-color: #fff; border-radius: 50%; position: relative; padding: 32px 30px 0; box-shadow: 0 0 30px #ffffff4d; } .hiring_ico { height: 80px; width: 80px; background-color: #4980ff; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin: -60px auto 20px; } .hiring_ico img { max-width: 54px; filter: brightness(10.5); } .modelhiring_box h3 { font-size: 16px; font-weight: 700; font-family: Montserrat; color: #08223a; line-height: 17px; margin: 0 0 12px; } .modelhiring_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 10px; line-height: 22px; } .modelhiring_sec .row .col-md-6 { margin-top: 30px; } .modelhiring_box::before { position: absolute; content: ""; right: -270px; top: 50%; border-bottom: 3px dashed #ffffff; height: auto; width: 310px; z-index: 0; } .modelhiring_sec .row .col-md-6:nth-child(2) .modelhiring_box::before { display: none; } .modelhiring_sec .row { max-width: 1100px; margin: 0 auto; } .platformsgame_box { border-radius: 47% 53% 88% 12% / 30% 82% 18% 70%; background-color: #4980ff; position: relative; padding: 65px 60px 40px 38px; box-shadow: 0 0 30px #00000024; min-height: 360px; } .platformsgame_ico { position: absolute; top: 20px; right: 65px; height: 60px; width: 60px; display: flex; align-items: center; background-color: #fff; border-radius: 47% 53% 88% 12% / 30% 82% 18% 70%; justify-content: center; border: 2px solid #4980ff; } .platformsgame_ico img { max-width: 40px; } .platformsgame_box h3 { font-size: 16px; font-weight: 700; font-family: Montserrat; color: #ffffff; line-height: 21px; margin: 0 0 12px; max-width: 70%; } .platformsgame_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; margin-bottom: 10px; line-height: 24px; } .hire-php-servicers .development_box { width: 32%; margin-bottom: 20px; min-height: 340px; } .whyhirephp { background-color: #1a81ff; } .whyhirephp_box { box-shadow: 0 0 30px #00000047; background-color: #fff; border-radius: 20px; text-align: left; padding: 30px 24px; transition: 0.5s all; margin: 0 10px 20px; width: 48%; } .whyhirephp_box h3 { color: #08223a; font-weight: 700; font-family: Montserrat; font-size: 17px; line-height: 25px; margin: 6px 0 8px; } .whyhirephp_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 24px; } .whyhireicon { display: flex; align-items: center; justify-content: center; height: 85px; width: 100px; background-color: #1a81ff; margin: 0px auto 16px -24px; border-radius: 0 40px 40px 0; box-shadow: inset 0 0 10px #ffffff8c; } .whyhireicon img { max-width: 62px; filter: brightness(10.5); } .whyhirephp_outter { display: flex; flex-wrap: wrap; justify-content: center; } .fantasys_services .development_box { min-height: 320px; margin-bottom: 20px; } .sports-app-features { background-color: #eef3ff; } .sports-app-features .ecommerce_features_outter { justify-content: space-evenly; } .sports-app-features .ecommerce_features_outter .ecommercefeatures_box { min-height: 905px; width: 40%; } .whybahrain_icon { background-color: #fff; height: 60px; width: 60px; margin: 0 auto 22px; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .whybahrain_icon img { max-width: 48px; } .opengposfluid .container .positionjob .row { display: flex; justify-content: flex-start; flex-wrap: wrap; } .brand_flex { display: flex; flex-wrap: wrap; justify-content: center; } .industrylinks { display: block; } .cookie_body p, .cookie_body a { color: #fff; font-size: 14px; line-height: 21px; } .cookie_popup { height: 100vh; width: 100%; position: fixed; bottom: 0; left: 0; display: flex; align-items: flex-end; top: 0; right: 0; background-color: #0000004f; z-index: 9999999999999999999 !important; backdrop-filter: blur(3px); } .cookie_body { opacity: 1; z-index: 90000000000000000000000 !important; transition: 0.5s all ease-in-out; width: 80%; margin: 0 auto 90px; border-radius: 16px; background-image: linear-gradient(to right, #125affc2, #5387ff); padding: 20px 35px; border: 0; box-shadow: 0 0px 50px #0000002b; display: flex; align-items: center; justify-content: space-between; } .cookie_popup.active { bottom: -100px !important; opacity: 0; } .cookie_body a { color: #ffffff; font-weight: 700; border-bottom: 1px solid; padding: 0 3px 1px; margin: 0 0 0 10px; display: inline-block; } .hire-react-js-services .development_box { min-height: 370px; margin-bottom: 20px; } .iti { width: 100%; } .iti__flag { background-image: url("../images/updated/flags.png") !important; } .iti input { padding-left: 50px !important; } .faq_data strong { display: block; margin: 12px 0 2px; } .steps-to-hire .platformsgame_box { min-height: 290px; padding: 65px 60px 40px 38px; border-radius: 57% 53% 88% 2% / 30% 82% 18% 70%; } .steps-to-hire .platformsgame_box .platformsgame_ico { position: absolute; top: 20px; right: 35px; height: 60px; } .hire-flutter-services .development_box { min-height: 330px; } .hireflutter_benefits .row { display: flex; flex-wrap: wrap; } .cookieNotice_main { position: fixed; bottom: 100px; width: 80%; padding: 26px; z-index: 99999999999999999 !important; border-radius: 20px; left: 0; right: 0; margin: 0 auto; box-shadow: 0 0 0px #447dff75; background-color: #125aff; } .title-wrap h4 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #ffffff; line-height: 23px; margin: 0px 0 10px; } .msg-wrap p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 14px; margin-bottom: 16px; line-height: 23px; } .btn-wrap .comman_btn { margin: 0; background: #fff; align-items: center; font-size: 13px; border-radius: 7px; padding: 4px 21px; border: 0; color: #000; font-weight: 700; } div#cookieNotice { height: 100vh; width: 100%; position: fixed; bottom: 0; left: 0; display: flex; align-items: flex-end; top: 0; right: 0; background-color: #0000004f; z-index: 9999999999999999999 !important; backdrop-filter: blur(3px); } div#closeIcon img { max-width: 30px; position: absolute; border-radius: 50px; right: -10px; top: -10px; } .buttn_adjust { display: flex; align-items: center; justify-content: space-between; } .btn-wrap .Decline_btn { background: #f20 !important; color: #fff; } .realestate_services .development_box { min-height: 410px; margin-bottom: 20px; } .astate_app .industries_wefuel_box { min-height: 340px; } .developmentexemplary .blockchain_stack_box { min-height: 390px; } .realestateappp .platformsgame_box { min-height: 380px; } .mymenu .gropsesubmenu .mysubmenu .headingpart ul li.react_icon a { padding-left: 20px; } .headerfluid .container .dropdown-toggle::after { position: absolute; content: ""; background-color: transparent; height: 30px; width: 100%; left: 0; right: 0; bottom: -13px; } .hire-react-native-services .development_box { min-height: 370px; margin-bottom: 20px; } .whychose_native .techniques_boxs { min-height: 330px; } .hire-node-js-services .development_box { min-height: 400px; } .nodeimplement .industries_wefuel_box { min-height: 324px; } .submenushape { display: none !important; } .headerfluid .container .navbar-default .navbar-nav > .desktopdropdown .deskgropmenu.hiremenu { width: 550px; left: 470px; } .hire-vuejs-services .development_box { min-height: 300px; margin-bottom: 20px; } .nav .dropdown.desktopdropdown:hover .dropdown-toggle::after { background-color: transparent; bottom: -12px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white; height: 15px; width: 15px; transform: rotate(-90deg); left: 0; right: 0; margin: 0 auto; } .hire-golang-services .development_box { min-height: 415px; margin-bottom: 20px; } .applicationsgolang .platformsgame_box { min-height: 330px; padding: 65px 60px 40px 30px; } .updated-footer-fluid .footer-link-fluid img { margin-top: 20px; margin-bottom: 20px; max-width: 164px; } .faq_data p { margin-bottom: 10px; } .faq_data p:last-child, .faq_data li p { margin-bottom: 0; } .hire-angular-services .development_box { width: 32.33%; } .ratesfrom_box { background-image: linear-gradient(to right, #125aff, #125aff); box-shadow: 0 0 50px #447dff75; padding: 20px 20px; border-radius: 10px; width: 100%; max-width: 31%; position: relative; z-index: 2; margin-top: 20px; } .ratesfrom_box::after { position: absolute; content: ""; right: 0; left: 0; top: -34px; height: 50px; width: 4px; border-radius: 0; z-index: 2; border-right: 3px dashed #125aff; margin: 0 auto; } .ratesfrom_box::before { position: absolute; content: ""; right: 0; left: 0; top: -44px; height: 16px; width: 16px; z-index: 2; background-color: #125aff; margin: 0 auto; border-radius: 50%; } .ratesfrom_techgropse { background-color: #eef3ff; } .ratesfrom_box h3 { color: #ffffff; font-weight: 600; font-family: Montserrat; font-size: 20px; line-height: 22px; margin: 6px 0 28px; text-align: center; } .ratesfrom_box ul li p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; margin-bottom: 0; line-height: 23px; } .ratesfrom_box ul li { position: relative; } .ratesfrom_box ul li::after { position: absolute; top: 8px; left: 0; content: ""; height: 8px; width: 8px; background-color: #fff; border-radius: 50px; } .ratesfrom_box ul li { position: relative; padding-left: 16px; margin-bottom: 3px; } .ratesfrom_outter { display: flex; flex-wrap: wrap; justify-content: space-between; } .bestwebdevelopment { background-color: #eef3ff; } .step_angularhire .platformsgame_box { min-height: 320px; } .sub_para { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 13px; margin-bottom: 22px; line-height: 22px; text-align: center; margin-top: -17px; } .custom_format { text-transform: none !important; } .aem_servicess .development_box { width: 32%; } .aem_steps .blockchain_stack_box { min-height: auto; } .pos_development_servicess .development_box { width: 32%; } .bg-changed { background-color: #eef3ff; } .taxii_features_outter { display: flex; flex-wrap: wrap; justify-content: space-between; } .taxii_features_box { width: 32%; position: relative; padding: 40px 30px; border-radius: 30px; margin: 0 0 20px; background: #1a81ff; box-shadow: 0 0 50px #447dff75; border-bottom: 10px solid #fff; transition: 0.5s all; text-align: center; } .taxii_features_box h3 { color: #ffffff; font-weight: 700; font-family: Montserrat; font-size: 18px; margin: 0 0 15px; text-align: center; position: relative; display: inline-block; text-transform: uppercase; } .taxii_features_box h3::before { position: absolute; top: 8px; right: -44px; content: ""; height: 4px; width: 35px; background-color: #fff; border-radius: 50px; } .taxii_features_box h3::after { position: absolute; top: 8px; left: -44px; content: ""; height: 4px; width: 35px; background-color: #fff; border-radius: 50px; } .axii_features_inner { padding: 10px 0; text-align: left; } .taxii_features_box h4 { color: #ffffff; font-weight: 600; font-family: Montserrat; font-size: 14px; margin: 0 0 5px; position: relative; padding: 0 0 0 17px; } .axii_features_inner h4::after { position: absolute; top: 2px; left: 0; content: ""; height: 10px; width: 10px; background-color: #fff; border-radius: 50px; } .taxii_features_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; line-height: 22px; } .development-process-box ul li { line-height: 21px; margin-bottom: 3px; } .development-process-box ul li p { font-size: 14px; } .handyman_services .development_box { width: 32%; } .box_services3 .development_box { width: 32%; } .feature_2boxes .taxii_features_outter { justify-content: space-evenly; } .feature_2boxes .taxii_features_outter .taxii_features_box { width: 40%; } .footer-logo-fluid { display: flex; flex-wrap: wrap; justify-content: center; } .location_whychoose .industries_wefuel_box { height: 300px; } .location_whychoose { background: #eef3ff; } .gettouch_techgropse { background-color: #447dff; } .gettouch_techgropse .ratesfrom_box { background-color: #fff; background-image: unset; border-radius: 10px; padding: 20px 50px 20px; } .gettouch_techgropse .ratesfrom_box h3 { color: #08223a; margin: 6px 0 20px; } .gettouch_techgropse .ratesfrom_box::before { background-color: #fff; } .gettouch_techgropse .ratesfrom_box::after { border-color: #fff; } .gettouch_techgropse .ratesfrom_box ul li p { color: #08223a; } .gettouch_techgropse .ratesfrom_box ul li::after { background-color: #447dff; } .form_banner .mainbackcontent { max-width: 100%; margin: 80px auto 0; } .form_banner .comman_content { text-align: left; } .banner_Form { padding: 25px 15px; background-color: #0000006e; backdrop-filter: blur(81px); border: 2px solid #fff; border-radius: 8px; } .form_banner .mainbackcontent .row h1 { font-size: 36px; line-height: 50px; } .form_banner .mainbackcontent p { font-size: 15px; margin-bottom: 10px; line-height: 27px; } .form-main { margin: 0; display: flex; flex-wrap: wrap; } .form-main .form-group { text-align: left; margin-bottom: 16px; } .form-main .form-group label { color: #fff; font-size: 13px; font-weight: 500; font-family: Montserrat; margin-bottom: 5px; } .form-main .form-group .form-control { display: block; width: 100%; height: 42px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #000; font-weight: 500; background-color: #fff; background-image: none; border: 1px solid #b5ccff5c; border-radius: 4px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-main .form-group textarea.form-control { height: 80px; } .form-main .form-group .comman_btn { font-size: 14px; padding: 13px 32px; font-weight: 500; margin: 0; } .form-main .form-group:last-child { margin-bottom: 0; margin-top: 5px; text-align: center; } .iti__country { padding: 5px 10px; outline: none; color: #000; } .form_banner .mainbackcontent .iti__country span { display: inline-block; color: #000 !important; font-size: 13px; margin: 0; font-style: normal; font-weight: 400; } .form_banner .mainbackcontent > .row { display: flex; align-items: center; flex-wrap: wrap; } .quote_heading { color: #fff; font-size: 24px; font-weight: 700; font-family: Montserrat; margin: 0 14px 20px; text-align: left; } .Steps_follwed { margin-top: 20px; background: #fff; border-radius: 5px; padding: 14px 0; } .Steps_follwed strong { color: #08223a; font-weight: 700; font-family: Montserrat; display: block; margin-bottom: 6px; } .Steps_follwed li { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 3px; } .hire_comman { background-color: #f4f9ff; height: auto; display: flex; align-items: center; padding: 80px 0; } .hire_comman .hiremobile_left h1 { font-weight: 800; color: #08223a; font-size: 42px; margin: 0 0 18px; line-height: 56px; } .hire_comman .hiremobile_left h1 span { color: #1a81ff; display: block; } .hire_comman .hiremobile_left p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 12px; line-height: 28px; } .hiremobile_main { display: flex; align-items: center; margin-top: 70px; } .hiremobile_left, .hiremobile_right { width: 100%; max-width: 50%; } .hiremobile_left { padding-right: 50px; } .hiremobile_right { display: flex; flex-wrap: wrap; justify-content: space-between; } .Hire_commanbtn { background-color: #1a81ff; color: #fff; font-weight: 600; text-transform: capitalize; border-radius: 50px; padding: 15px 35px; display: inline-flex; font-size: 15px; margin-right: 10px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 20px #0000001a; } .Hire_commanbtn:hover { background-color: #fff; color: #1a81ff; border: 2px solid #1a81ff; } .hiremobile_right .hirebanner_box:nth-child(3) { margin: 0; } .hiremobile_right .hirebanner_box:nth-child(4) { margin: 0; } .Hire_commanbtn1 { background-color: #fff; color: #1a81ff; font-weight: 600; text-transform: capitalize; border-radius: 50px; padding: 15px 35px; display: inline-flex; font-size: 15px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 20px #0000001a; } .Hire_commanbtn1:hover { background-color: #1a81ff; color: #fff; border: 2px solid #1a81ff; } .hirebanner_box { border-radius: 12px; overflow: hidden; box-shadow: 0 0 50px #0000002e; margin-bottom: 20px; width: 48%; background: #fff; } .hirebanner_boxicon { background-color: #1a81ff; display: flex; align-items: center; justify-content: center; width: 70px; border-radius: 0 0 150px 150px; height: 65px; margin: 0 auto; } .hirebanner_boxicon img { max-width: 40px; } .hirebanner_content { text-align: center; padding: 15px 10px 16px; } .hirebanner_content h2 { color: #1a81ff; font-weight: 700; margin: 5px 0; font-size: 19px; font-family: Montserrat; } .hirebanner_content span { color: #08223a; font-weight: 500; font-size: 13px; display: block; } .hire_development_outer { display: flex; flex-wrap: wrap; justify-content: center; } .hire_development_box { padding: 22px; text-align: left; border-radius: 10px; width: 100%; box-shadow: 0 0 30px #00000026; max-width: 31%; transition: 0.5s all; display: block; background-image: linear-gradient(to right, #125aff, #5387ff); margin: 30px 12px 0; cursor: pointer; } .hire_development_box:hover { transform: translateY(-5px); } .hire_development_box:hover .hire_icon { margin: 0 0 16px 0; width: 70px; border-radius: 50px; } .hire_development_box h3 { margin: 0 0 10px; display: block; font-size: 16px; color: #ffffff; font-weight: 600; line-height: 21px; text-transform: capitalize; } .hire_development_box p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 14px; margin-bottom: 10px; line-height: 25px; } .hire_icon { display: flex; align-items: center; justify-content: center; height: 70px; width: 100px; border-radius: 0 50px 50px 0; background-color: #fff; margin: 0 auto 16px -22px; transition: 0.5s all; } .hire_icon img { max-width: 42px; } .hire_development_services { background-color: #f4f9ff; border-top: 10px solid #fff; } .hirecta .comman_heading { margin: 0; } .hirecta { padding: 50px 0; } .busineed_mobile { background: #08223a; } .busineed_mobile .container-fluid { margin-left: 90px; } .Produce_main_ouuter { display: flex; position: relative; padding: 50px 0 0; align-items: flex-start; justify-content: center; } .Produce_main_box { width: 15%; text-align: center; position: relative; transition: 0.9s all; box-shadow: 0px 3px 53px #0000001a; background: #ffffff 0% 0% no-repeat padding-box; padding: 16px 10px; border-radius: 8px; margin: 0 9px; min-height: 162px; } .Produce_main_box::after { content: ""; position: absolute; left: 0; width: 0; height: 0; border-top: 10px solid transparent; border-left: 16px solid white; border-bottom: 10px solid transparent; right: 0; margin: 0 auto; top: -17px; z-index: 1; transform: rotate(-90deg); } .Produce_main_box::before { position: absolute; content: ""; top: -70px; width: 100%; height: 70px; background-color: transparent; left: 0; right: 0; z-index: 0; } .Produce_icon img { max-width: 50px; } .Produce_main_box h3 { margin: 10px 0 8px; display: block; font-size: 14px; color: #08223a; font-weight: 600; line-height: 21px; text-transform: capitalize; } .Produce_main_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 23px; display: none; } .Produce_main_box:hover { width: 30%; min-height: auto; } .Produce_main_box:hover p { display: block; } .Produce_main_ouuter::after { position: absolute; content: ""; top: 0; left: 0; border-bottom: 2px dashed #1a81ff; width: 100%; } .Produce_main { background: #eef3ff; } .count_produce { background-color: #fff; position: absolute; top: -70px; left: 0; right: 0; display: inline-flex; height: 40px; width: 40px; align-items: center; justify-content: center; font-weight: 700; border-radius: 50px; margin: 0 auto; z-index: 1; box-shadow: 0px 3px 53px #0000001a; border: 2px dashed #1a81ff; font-size: 16px; color: #1a81ff; } .first_circle { height: 20px; width: 20px; position: absolute; left: -2px; background-color: #1a81ff; top: -9px; z-index: 1; border-radius: 20px; } .last_circle { height: 20px; width: 20px; position: absolute; right: -2px; background-color: #1a81ff; top: -9px; z-index: 1; border-radius: 20px; } .whyconsider_bg { background-image: url(../images/hire-mobile-app-developers/why_choose_us.jpg); height: 600px; background-size: cover; background-position: center; border-radius: 0 20px 20px 0; box-shadow: 0px 3px 53px #0000001a; } .whyconsider_icon { transition: 0.3s all; box-shadow: 0px 3px 53px #0000001a; background: #ffffff 0% 0% no-repeat padding-box; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 20px; } .whyconsider_icon img { max-width: 40px; } .whyconsider_box h3 { margin: 18px 0 12px; display: block; font-size: 17px; color: #08223a; font-weight: 600; line-height: 20px; text-transform: capitalize; } .whyconsider_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .whyconsider_contentpart { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 30px; } .whyconsider_box { width: 48%; margin-bottom: 30px; } .client_testimonialsss { background-color: #1a81ff; } .client_testimonialsss_box { background-color: #ffff; padding: 30px 30px; border-radius: 5px; position: relative; text-align: center; transition: 0.4s all; margin: 0 10px; transform: scale(0.9); } .client_testimonialsss_slider .slick-track { display: flex; align-items: center; } .client_profile { height: 80px; width: 80px; border-radius: 50px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; } .client_testimonialsss_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .client_testimonialsss_box h3 { margin: 16px 0 12px; display: block; font-size: 17px; color: #08223a; font-weight: 600; line-height: 21px; text-transform: capitalize; } .client_testimonialsss_box strong { font-size: 17px; color: #4ba6e5; font-weight: 600; } .client_testimonialsss_slider { display: flex; align-items: center; justify-content: space-between; } .client_testimonialsss_slider .client_testimonialsss_box:nth-child(2) { transform: scale(1); } .hirededicated { background-color: #eef3ff; } .myservices .row { display: flex; flex-wrap: wrap; } .hirededicated_main { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; } .hirededicated_box { text-align: center; width: 32%; box-shadow: 0px 3px 53px #0000001a; border-radius: 15px; transition: 0.3s all; } .hirededicated_box:hover { transform: translateY(-5px); } .hirededicated_top { background-color: #1a81ff; border-radius: 15px 15px 0 0; height: 250px; display: flex; align-items: center; justify-content: center; padding: 0 28px; } .hirededicated_top h3 { margin: 16px 0; display: block; font-size: 24px; color: #ffffff; font-weight: 700; line-height: 23px; text-transform: capitalize; } .hirededicated_top span { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; } .hirededicated_bottom { display: flex; align-items: center; height: 100px; background-color: #fff; justify-content: center; border-radius: 0 0 15px 15px; } .hirededicated_bottom p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin: 0; } .hirededicated_bottom p { font-weight: 600; font-family: Montserrat; color: #08223a; font-size: 15px; margin: 0; max-width: 340px; } .hirededicated_main .hirededicated_box:nth-child(2) { margin-top: -50px; } .hirededicated_main .hirededicated_box:nth-child(2) .hirededicated_top { background-color: #fff; } .hirededicated_main .hirededicated_box:nth-child(2) .hirededicated_top span, .hirededicated_main .hirededicated_box:nth-child(2) .hirededicated_top h3 { color: #08223a; } .hirededicated_main .hirededicated_box:nth-child(2) .hirededicated_bottom { background-color: #1a81ff; } .hirededicated_main .hirededicated_box:nth-child(2) .hirededicated_bottom p { color: #fff; } .hire_industry { background-color: #1a81ff; } .hire_industry_main { display: flex; justify-content: space-between; margin-top: 60px; } .industry_circle h3 { margin: 9px 0 0; display: block; font-size: 15px; color: #08223a; font-weight: 600; line-height: 20px; text-transform: capitalize; max-width: 140px; text-align: center; } .industry_circle img { max-width: 50px; } .industry_circle { height: 150px; background-color: #fff; display: flex; align-items: center; justify-content: center; width: 12%; border-radius: 10px; text-align: center; box-shadow: 0px 3px 53px #0000001a; transition: 0.5s all; position: relative; } .industry_circle:hover { transform: translateY(-6px); } .industry_circle::after { position: absolute; content: ""; right: -42px; top: 80px; height: 0px; width: 70px; border-radius: 0; z-index: 1; border-bottom: 3px dashed #fff; } .industry_circle:last-child::after { display: none; } .hire_industry_main .industry_circle:nth-child(2), .hire_industry_main .industry_circle:nth-child(4), .hire_industry_main .industry_circle:nth-child(6) { margin-top: -40px; } .team_strenth { background-color: #1a81ff; } .strenth_single strong { display: block; font-size: 40px; color: #fff; font-weight: 800; line-height: 21px; text-transform: capitalize; margin-right: 5px; } .strenth_count { display: flex; align-items: center; font-size: 40px; color: #fff; font-weight: 400; line-height: 18px; margin-bottom: 28px; } .strenth_icon { display: flex; align-items: center; justify-content: center; height: 70px; width: 70px; border-radius: 50%; border: 2px dashed #fff; margin: 0 0 34px; transition: 0.5s all; } .strenth_icon img { max-width: 37px; } .strenth_single span { margin: 11px 0 0; display: block; font-size: 16px; color: #ffff; font-weight: 500; text-transform: capitalize; } .team_strenth_details { display: flex; justify-content: space-between; } .strenth_single { width: 31%; } .team_left { border-right: 2px solid #ffffff61; } .teamstrenth_box { background-color: #fff; display: flex; align-items: center; justify-content: center; width: 48%; height: 160px; border-radius: 10px; text-align: center; margin: 8px 0; padding: 0 20px; background: #fff url(../../common/images/iPhone/dots.png); background-size: 40px; box-shadow: 0 0 20px #0000002e; } .team_strenth_right { display: flex; flex-wrap: wrap; justify-content: space-between; } .team_strenth .row { display: flex; align-items: center; flex-wrap: wrap; } .team_right { padding-left: 40px; } .teamstrenth_box img { max-width: 60px; } .teamstrenth_box span { margin: 6px 0 0; display: block; font-size: 14px; color: #08223a; font-weight: 600; text-transform: capitalize; line-height: 21px; } .model_hiring_box { border-bottom: 15px solid #1a81ff; border-left: 4px solid #1a81ff; border-right: 4px solid #1a81ff; border-top: 4px solid #1a81ff; border-radius: 20px; box-shadow: 0px 3px 53px #0000001a; padding: 20px 20px; width: 32%; transition: 0.5s all; } .model_hiring_box img { max-width: 54px; } .hiring_model_outer { display: flex; justify-content: space-between; } .model_hiring_box h3 { margin: 14px 0 12px; display: block; font-size: 17px; color: #08223a; font-weight: 600; line-height: 20px; text-transform: capitalize; } .model_hiring_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .busineed_mobile_box { background-color: transparent; margin: 0px 20px; padding: 20px; border-bottom: 15px solid #fff; border-left: 4px solid #fff; border-right: 4px solid #fff; border-top: 4px solid #fff; border-radius: 20px; height: auto; } .icon_mobile img { max-width: 51px; } .busineed_mobile_box h3 { margin: 20px 0 12px; display: block; font-size: 18px; color: #fff; font-weight: 600; line-height: 23px; text-transform: capitalize; } .busineed_mobile_box p { font-weight: 400; font-family: Montserrat; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 26px; } .busineed_mobile .row { display: flex; align-items: center; flex-wrap: wrap; } .busineed_mobile_main .slick-prev { display: none !important; } .busineed_mobile_main .slick-next { background: #fff url(../images/updated/arrow-right.png); height: 60px; text-indent: -10320px; width: 60px; border-radius: 50px; position: absolute; right: -100%; top: 50%; background-size: 26px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); transition: 0.5s all; } .busineed_mobile_main { padding-right: 40px; } .busineed_mobile .comman_heading { margin-bottom: 0; } .busineed_mobile:hover .slick-next { right: 28px; } .client_testimonialsss_slider .slick-prev { background: #fff url(../images/updated/arrow-right.png); height: 60px; text-indent: -10320px; width: 60px; border-radius: 50px; position: absolute; left: -60px; top: 50%; background-size: 26px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%) rotate(180deg); transition: 0.5s all; z-index: 1; } .client_testimonialsss_slider .slick-next { background: #fff url(../images/updated/arrow-right.png); height: 60px; text-indent: -10320px; width: 60px; border-radius: 50px; position: absolute; right: -60px; top: 50%; background-size: 26px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); transition: 0.5s all; } .client_testimonialsss_box.slick-slide.slick-current.slick-active.slick-center { transform: scale(1); } .model_hiring_box:hover { box-shadow: 0px 1px 23px #00000066; } .only_mobile { display: none; } .ewallet_wallet .whyhiredeveloper_box { width: 19%; } .develpoment_cost .row { display: flex; flex-wrap: wrap; align-items: flex-start; } .develpoment_cost .row .comman_heading { margin-bottom: 10px; } .busineed_mobile .Hire_commanbtn1 { margin-top: 10px; background-color: #fff; color: #1a81ff; } .whyto_consider .row { display: flex; flex-wrap: wrap; align-items: center; } .client_profile img { height: 100%; width: 100%; object-fit: cover; } .snow_canvas { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; pointer-events: none; } .dubai_popup_main { height: auto; width: 320px; box-shadow: 0 7px 7px #0000002e; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 20px; left: 100px; z-index: 9; border-radius: 4px; overflow: hidden; } .dubai_popup_img img { max-width: 100%; width: 100%; border-radius: 4px; } .christmas_bg { background-image: url(../images/festival_banner/christmas_bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px 0; } .close_btnn { background-color: #fff; position: absolute; z-index: 1; top: 0px; right: 0px; height: 28px; width: 30px; display: flex; align-items: center; justify-content: center; font-weight: 800; border-radius: 0 0 0 14px; font-size: 15px; color: #000 !important; } .christmas__form { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); max-width: 450px; padding: 28px 40px; border-radius: 10px; background: white; border-top: 10px solid #1a81ff; border-bottom: 10px solid #1a81ff; } .christmas__form h1 { font-size: 22px; font-weight: 800; text-align: center; color: #1a81ff; margin: 0 0 20px; position: relative; padding-bottom: 10px; } .christmas__form h1::after { position: absolute; content: ""; left: 0; right: 0; bottom: -5px; background-color: #1a81ff; height: 4px; width: 60px; margin: 0 auto; border-radius: 30px; } .christmas__form .form-group label { font-size: 13px; font-weight: 600; margin-bottom: 5px; } .christmas__form .form-group .form-control { height: 42px; color: #000; border: 1px solid #3d3d3d40 !important; box-shadow: unset !important; padding: 13px 15px; font-size: 13px; } .christmas__form .form-group textarea.form-control { height: 90px; resize: none; } .christmas__form .form-group .form-control::placeholder { color: #3d3d3d; } .submit_btn { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; padding: 12px 30px; display: inline-flex; font-size: 14px; transition: 0.5s all; justify-content: center; text-align: center; height: auto; margin-top: 8px; } .christmas__form form .form-group:last-child { margin: 0; } .christmas_bg .container { position: relative; height: 100vh; } .christmas__form form .form-group { padding: 0 8px; margin-bottom: 13px; } .christmas_mobile { display: none; } .hire_comman .list_circle_design li p { margin: 0; } .list_circle_design li { margin-bottom: 3px; } .hire_comman .list_circle_design { list-style: circle; padding-left: 20px; margin-bottom: 15px; font-size: 20px; } .hireindian_img img { max-width: 100%; } .hireindian_banner .hiremobile_right { justify-content: center; } .hireindian_bottom { display: flex; justify-content: space-between; margin-top: 32px; } .hireindian_bannerbox { background-color: #fff; padding: 8px 13px; width: 32%; box-shadow: 0 0 20px #0000002e; border-radius: 8px; background: #fff url(../../common/images/iPhone/dots.png); background-size: 40px; } .hireindian_bannerbox strong { font-weight: 800; color: #1a81ff; font-size: 22px; display: block; margin-bottom: 0; } .hireindian_bannerbox span { font-weight: 600; color: #000; font-size: 14px; } .hireindian_banner .hiremobile_left p { margin-bottom: 8px; } .cost_hire_developers { background-color: #1a81ff; } .cost_hire_box { width: 32%; box-shadow: 0px 3px 53px #0000001a; border-radius: 10px; background-color: #fff; padding: 25px 28px 25px; position: relative; text-align: center; height: 318px; } .cost_hire_box h3 { font-size: 20px; font-weight: 700; font-family: Montserrat; color: #08223a; margin: 0 auto 15px; } .cost_hire_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .price_box strong { color: #08223a; font-weight: 900; font-size: 28px; } .price_box { font-weight: 600; color: #817474; margin: 25px 0; } .hire_btns { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: capitalize; border-radius: 4px; padding: 10px 20px; display: flex; font-size: 15px; justify-content: center; text-align: center; } .cost_hire_outter { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 100px; } .cost_hire_outter .cost_hire_box:nth-child(2) { margin-top: -50px; } .bg_blue { background-color: #1a81ff; } .cta_new .container { display: flex; align-items: center; justify-content: space-between; } .cta_new h2 { margin: 0; font-size: 28px; color: #fff; font-weight: 700; font-family: Montserrat; } .cta_new { padding: 25px 0; } .cta_btn { background: #fff; color: #1a81ff !important; font-weight: 700; text-transform: uppercase; border-radius: 4px; padding: 13px 21px; display: flex; font-size: 14px; justify-content: center; text-align: center; } .cta_left { width: 76%; } .hireindian_banner .hiremobile_left { padding-right: 12px; } .flexibel_modal_box { width: 32%; position: relative; padding: 30px 30px; border-radius: 20px; margin: 0; background: #1a81ff; box-shadow: 0 0 50px #447dff75; border-bottom: 10px solid #fff; transition: 0.5s all; text-align: center; } .flexibel_modal_box h3 { color: #ffffff; font-weight: 700; font-family: Montserrat; font-size: 18px; margin: 0 0 20px; text-align: center; position: relative; display: inline-block; text-transform: uppercase; } .flexibel_modal_box h3::before { position: absolute; top: 8px; right: -44px; content: ""; height: 4px; width: 35px; background-color: #fff; border-radius: 50px; } .flexibel_modal_box h3::after { position: absolute; top: 8px; left: -44px; content: ""; height: 4px; width: 35px; background-color: #fff; border-radius: 50px; } .flexibel_modal_box ul { text-align: left; padding-left: 15px; } .flexibel_modal_box ul li p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; line-height: 22px; } .flexibel_modal_box ul li { position: relative; margin-bottom: 12px; } .flexibel_modal_box ul li::after { position: absolute; top: 5px; left: -16px; content: ""; height: 10px; width: 10px; background-color: #fff; border-radius: 50px; } .flexibel_modal_box ul li:last-child { margin: 0; } .flexibel_modal_main { display: flex; flex-wrap: wrap; justify-content: space-between; } .team_skills_main { display: flex; flex-wrap: wrap; justify-content: center; } .team_skills_main .techniques_boxs { min-height: auto; width: 23%; margin: 60px 11px 0; } .team_skills .comman_heading { margin-bottom: 0; } .bg-theme1 { background-color: #eef3ff !important; } .whyhirenew_boxes h3 { margin: 0 0 10px; display: block; font-size: 16px; color: #08223a; font-weight: 600; line-height: 21px; } .whyhirenew_boxes p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 10px; line-height: 22px; } .whyhirenew_boxes { padding: 30px 26px 30px; background: #ffffff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; border-radius: 20px; margin: 10px 10px 20px; height: 360px; } .whyhirenew_boxes img { max-width: 50px; margin-bottom: 20px; } .whyhirenew_slider .slick-prev { display: none !important; } .whyhirenew_slider .slick-next { background: #1a81ff url(../images/updated/arrow-right-white.png); height: 60px; text-indent: -10320px; width: 60px; border-radius: 50px; position: absolute; right: -100%; top: 50%; background-size: 26px; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); transition: 0.5s all; } .whyhire_newdesign:hover .slick-next { right: 28px; } .whyhirenew_left .comman_heading, .whyhirenew_left .comman_heading p:last-child { margin: 0; } .whyhire_newdesign .container-fluid { margin-left: 90px; } .whyhirenew_slider { padding-right: 40px; } .web-interface-section5 { background-image: url("../images/portfoliopage/web-interface-section5.png"); } .dubai_popup_mobile { display: none; } .interface-captain { background-image: url("../images/portfoliopage/captainapp.png"); } .interface-saudi-enaya { background-image: url("../images/portfoliopage/saudienayapp.png"); } .interface-freshtraders { background-image: url("../images/portfoliopage/interface-freshtraders.png"); } .interface-passport { background-image: url("../images/portfoliopage/interface-passport.png"); } .interface-Sorise { background-image: url("../images/portfoliopage/interface-Sorise.png"); } .interface-starimpoter { background-image: url("../images/portfoliopage/interface-starimpoter.png"); } .interface-maidstage { background-image: url("../images/portfoliopage/interface-maidstage.png"); } .saudienaya_bg { background-image: url("../images/portfoliopage/saudienaya_bg.png"); } .patenta_bg { background-image: url("../images/portfoliopage/patenta_bg.png"); } .Captain_bg { background-image: url("../images/portfoliopage/Captain_bg.png"); } .hire_comman .hirecomman_img img { max-width: 100%; } .hirededicated_page .hiremobile_left { padding-right: 30px; } .hire_comman_btn { margin-top: 24px; } .dedicated_developer_strenth .strenth_count { margin-bottom: 20px; } .dedicated_developer_strenth .strenth_count .counter { font-size: 29px; line-height: 18px; } .hireright_img { justify-content: center; } .devbox_icon { background-color: #fff; padding: 8px 13px; width: 30%; box-shadow: 0 0 10px #00000030; border-radius: 8px; background: #fff url(../../common/images/iPhone/dots.png); background-size: 40px; display: flex; align-items: center; margin-right: 20px; } .comman_devbox { display: flex; justify-content: flex-start; margin: 14px 0 20px; } .devbox_icon img { max-width: 37px; } .devbox_icon span { font-weight: 700; color: #1a81ff; font-size: 15px; display: inline-block; margin-left: 2px; margin-top: 2px; } .comman_heading .d_maring { margin: 0 0 8px; } .webdesign_box { height: 130px; background-color: #1a81ff; width: 15%; border-radius: 10px; text-align: center; box-shadow: 0px 3px 53px #0000001a; transition: 0.5s all; position: relative; display: flex; align-items: flex-start; justify-content: center; padding: 19px 12px; } .webdesign_box::after { position: absolute; content: ""; right: -42px; top: 50%; height: 0px; width: 70px; border-radius: 0; z-index: 1; border-bottom: 2px dashed #1a81ff; } .webdesign_box_ouuter .webdesign_box:last-child::after { display: none; } .webdesign_box_ouuter { display: flex; justify-content: space-between; } .webdesign_box_icon img { max-width: 42px; } .webdesign_box_icon { display: block; margin-bottom: 10px; } .webdesign_box h3 { margin: 0; display: block; font-size: 15px; color: #ffffff; font-weight: 600; line-height: 22px; text-transform: capitalize; } .portfolioo_content .comman_heading strong { margin-top: 0; } .portfolioo_box { display: flex !important; justify-content: space-between; align-items: flex-start; } .portfolioo_img { width: 47%; background-color: #ecf7f9; padding: 30px; border-radius: 12px; } .portfolioo_content { width: 48%; } .portfolioo_img img { max-width: 100%; } .portfolioo_content .comman_heading h2 { font-size: 24px; line-height: 35px; } .website_portfolioo { background-color: #1a81ff; } .website_portfolioo_slider .slick-dots button { border-radius: 50px; height: 20px; width: 20px; text-indent: -999999999999999px; background-color: transparent; border: 2px dashed #fff; padding: 0; margin: 5px 0; transition: 0.5s all; } .website_portfolioo_slider .slick-dots { position: absolute; right: -70px; top: 50%; width: 22px; } .website_portfolioo_slider .slick-active button { background-color: #fff; } .innvotaions_servics { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .nnvotaions_boxs { box-shadow: 20px 20px 76px #0000001a; border-radius: 8px; padding: 20px 20px; width: 48%; margin: 10px 0; background-color: #fff; height: 225px; position: relative; } .nnvotaions_boxs::before, .nnvotaions_boxs::after { content: ""; position: absolute; width: 30px; height: 30px; opacity: 1; visibility: visible; transition: 1s; } .nnvotaions_boxs:hover::before, .nnvotaions_boxs:hover::after { width: 100%; height: 100%; } .nnvotaions_boxs::before { left: 0; top: 0; border-left: 2px solid #1a81ff; border-top: 2px solid #1a81ff; } .nnvotaions_boxs::after { right: 0; bottom: 0; border-right: 2px solid #1a81ff; border-bottom: 2px solid #1a81ff; } .nnvotaions_boxs img { max-width: 45px; } .nnvotaions_boxs h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; margin: 7px 0 8px; line-height: 23px; } .nnvotaions_boxs p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; line-height: 25px; position: relative; z-index: 2; } .why_choose_innvotaions .row { display: flex; flex-wrap: wrap; align-items: center; } .theme_bg1 { background-color: #1a81ff !important; } .theme_bg2 { background-color: #eef3ff !important; } .mb-Ziro { margin: 0 !important; } .achivementMain { display: flex; flex-wrap: wrap; } .achivement_devlopment .row { display: flex; align-items: center; } .achivement_imgss { background-color: #fff; width: 30%; border-radius: 6px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 8px 0; box-shadow: 0px 3px 53px #0000001a; transition: 0.3s all; margin: 10px 10px; } .achivement_imgss:hover { transform: translateY(-5px); } .achivement_imgss img { height: 76%; } .achivementMain .achivement_imgss:nth-child(3n + 2) { transform: translateY(-30px); } .success_banner { padding: 120px 0 50px; position: relative; background-color: #f4f9ff; } .success__main { display: flex; align-items: center; justify-content: space-between; position: relative; background-color: #fff; padding: 50px 0 0 40px; margin-bottom: 70px; border-radius: 8px; } .success_left { width: 55%; padding-bottom: 50px; } .success_right { width: 42%; text-align: center; } .success_left h1 { font-weight: 800; color: #08223a; font-size: 38px; margin: 0 0 16px; line-height: 53px; } .success_left h1 span { color: #1a81ff; } .success_left p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 12px; line-height: 28px; } .success_botom { display: flex; justify-content: space-between; margin-top: 30px; } .success_bottom_box { text-align: center; width: 22%; position: relative; } .success_bottom_box strong { font-size: 18px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 21px; margin: 18px 0 10px; display: block; } .success_bottom_box span { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 24px; display: block; } .success_circle { display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 20px; height: 120px; width: 120px; margin: 0 auto; position: relative; z-index: 1; border: 2px dashed #1a81ff; } .success_bottom_box::after { position: absolute; content: ""; right: -152px; top: 31%; height: 0px; width: 100%; border-radius: 0; z-index: 0; border-bottom: 2px dashed #1a81ff; } .success_botom .success_bottom_box:last-child:after { border-color: #f4f9ff; } .success_circle img { max-height: 54px; transition: 0.5s all; } .success_circle:hover img { transform: scale(0.8); } .success_right img { max-width: 100%; } .footer-logo-fluid .col-set { width: 12%; margin: 0 12px; } .app_work .comman_heading strong { margin: 15px 0 15px !important; } .app_work .comman_heading, .considered_Payment .comman_heading { margin: 0; } .gpay_features_main ul li { position: relative; padding-left: 28px; margin-bottom: 20px; } .gpay_features_main ul li::after { position: absolute; content: ""; top: 6px; background-image: url(../images/gpay/features_icon.jpg); height: 16px; width: 16px; background-size: 13px; left: 0; background-repeat: no-repeat; } .gpay_features_main ul li p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; } .gpay_features_img { text-align: center; } .gpay_features_img img { width: 75%; } .gpay_features .row { display: flex; flex-wrap: wrap; align-items: center; } .note_part { margin-top: 50px; } .note_part p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .gpay_achivement_main { display: flex; flex-wrap: wrap; } .gpay_achivement_box span { font-weight: 800; color: #fff; font-size: 27px; display: inline-flex; align-items: center; justify-content: center; margin-right: 3px; margin-bottom: 8px; } .count_bx { font-weight: 800; color: #fff; font-size: 27px; display: inline-block; } .gpay_achivement_box h3 { font-size: 16px; color: #fff; font-weight: 600; font-family: Montserrat; margin: 0; line-height: 23px; text-transform: capitalize; } .gpay_achivement_box { width: 20%; margin-bottom: 30px; padding: 10px 15px; border-left: 2px solid #ffffff59; } .gpay_achivement { position: relative; } .gpay_achivement::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: 220px; background-position: center; z-index: 1; filter: brightness(30.5); } .gpay_achivement .container { position: relative; z-index: 2; } .appscreens_box img { max-width: 100%; } .gpaycta .comman_heading { margin-bottom: 0; } .gpaycta .comman_heading a { background: #fff; color: #1a81ff !important; font-weight: 700; text-transform: capitalize; border-radius: 6px; padding: 11px 28px; display: inline-flex; font-size: 16px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: flex-start; text-align: center; align-items: center; } .gpaycta .comman_heading a img { max-width: 28px; margin-right: 10px; margin-top: -3px; } .gpaycta .row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .gpaycta { padding: 60px 0; } .gpaycta_btn { display: flex; justify-content: center; margin-top: 40px; } .gpay_single { margin: 0 10px; } .gpay_topbtn span { display: block; text-align: left; font-size: 12px; color: #000; } .gpay_topbtn { text-align: left; } .AngularJS_dev .webdesign_box { height: 150px; } .Stand_Out .comman_heading strong { margin: 15px 0 15px !important; } .game_developed .comman_heading { margin: 0; } .Locationbanner { padding: 90px 0; background: linear-gradient(45deg, #1a81ff, #03151d) !important; } .Locationbanner .hiremobile_left p { color: #fff; } .Locationbanner .hiremobile_left h1 { color: #fff; line-height: 55px; } .Locationbanner .hiremobile_left h1 span { color: #fff; font-weight: 600; } .Locationbanner_btn { background-color: #fff; color: #1a81ff !important; font-weight: 600; text-transform: capitalize; border-radius: 50px; padding: 15px 35px; display: inline-flex; font-size: 15px; transition: 0.5s all; border: 2px solid #fff; box-shadow: 0 0 20px #0000001a; margin-top: 12px; } .purecounter_bx { color: #1a81ff; font-weight: 700; margin: 0; font-size: 24px; font-family: Montserrat; display: flex; align-items: center; justify-content: center; } .c_plus { margin-left: 2px; } .Locationbanner .hirebanner_content h2 { margin: 0; font-size: 22px; } .mb_0 { margin-bottom: 0; } .Locationbanner .only_desktop .hirebanner_box:nth-child(1) { transform: translateY(-30px); } .Locationbanner .only_desktop .hirebanner_box:nth-child(3) { transform: translateY(-30px); } .Testimonialss_banner { padding: 150px 0 100px; background: linear-gradient(45deg, #1a81ff, #03151d) !important; display: flex; align-items: center; } .Testimonialss_right h1 { font-weight: 800; color: #fff; font-size: 42px; margin: 0 0 18px; line-height: 58px; } .Testimonialss_right h1 span { font-weight: 600; display: block; } .Testimonialss_right p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 16px; margin-bottom: 20px; line-height: 28px; } .Testimonial---btn a { background-color: #fff; color: #1a81ff !important; font-weight: 600; text-transform: capitalize; border-radius: 50px; padding: 15px 35px; display: inline-flex; font-size: 15px; transition: 0.5s all; border: 2px solid #fff; box-shadow: 0 0 20px #0000001a; margin-top: 12px; } .Testimonialss_banner_main { display: flex; align-items: center; justify-content: center; } .Testimonialss_banner_main .Testimonialss_left, .Testimonialss_banner_main .Testimonialss_right { width: 50%; } .Testimonialss--b-img img { max-width: 90%; } .Testimonialss_page { position: relative; } .Testimonialss_page::after { content: ""; background: url(../images/testimonials_page/bg-img.webp); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; z-index: 0; height: 100%; width: 100%; } .Testimonialss_page .container { z-index: 1; position: relative; } .Testimonialss_pagebox:hover { transform: translateY(-10px); } .Testimonialss_pagebox { transition: 0.8s all; background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding: 30px 30px; border-radius: 10px; margin-bottom: 30px; width: 100%; } .Testimonialss_page_main { margin-top: 20px; display: flex; flex-wrap: wrap; } .pagebox_descripttion p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; line-height: 28px; margin: 0; } .pagebox_descripttion { margin-bottom: 70px; } .testimonial_profilee { height: 60px; width: 60px; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-left: 0; margin-right: 15px; } .testimonial_profilee img { height: 100%; width: 100%; object-fit: cover; } .pagebox_bottom { display: flex; align-items: center; justify-content: flex-start; } .testimonial_dataa h3 { margin: 0 0 4px; display: block; font-size: 17px; color: #1a81ff; font-weight: 600; line-height: 21px; text-transform: capitalize; } .location_testimonal { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin: 0; } .google_review { display: inline-flex; background: #1a81ff; border-radius: 6px; padding: 10px 20px; } .google_review span { color: #fff; font-weight: 600; font-family: Montserrat; font-size: 14px; display: block; margin-right: 4px; } .Review_boxx { display: flex; color: #fff; font-size: 15px; } .Review_boxx > div { margin-left: 6px; } .Testimonialss_pagebox > .row { display: flex; flex-wrap: wrap; align-items: flex-end; } .storymain--box { padding: 22px 35px 30px; border: 0; border-radius: 4px 4px 10px 10px; background-color: #fff; width: 47%; margin: 170px 15px 40px; display: flex; align-items: flex-start; box-shadow: 0 46px 90px #0000000f; transition: 0.3s all; } .storymain--box:hover { box-shadow: 0 46px 40px #0000003b; } .storymain-left { margin-top: -157px; background-color: #fff; padding: 18px 18px 0; border-radius: 10px 10px 0 0; width: 50%; } .storymain-right { width: 50%; } .storymain-left img { max-width: 100%; } .storymain-right p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 20px; line-height: 25px; } .storymain-right h2 { font-size: 21px; font-weight: 700; font-family: Montserrat; color: #08223a; line-height: 30px; margin: 0 0 11px; } .storymain-right a { background-color: #1a81ff; color: #fff; font-weight: 600; text-transform: capitalize; border-radius: 6px; padding: 9px 19px; display: inline-flex; font-size: 13px; margin-right: 0; border: 2px solid #1a81ff; box-shadow: 0 0 20px #0000001a; } .storymain--outter { display: flex; flex-wrap: wrap; } .page--success--right img { max-width: 90%; } .page--success--right { width: 50%; text-align: center; } .page--success--left { width: 50%; padding-right: 20px; } .page--success--main { display: flex; align-items: center; } .banner-page-success { padding: 80px 0; } .page--success--main { display: flex; align-items: center; margin-top: 70px; } .page--success--left h1 { font-weight: 800; color: #08223a; font-size: 42px; margin: 0 0 18px; line-height: 57px; } .page--success--left h1 span { color: #1a81ff; display: block; } .page--success--left p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 12px; line-height: 28px; } .demand_comman { display: flex; align-items: center; padding: 150px 0 70px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; background-attachment: fixed; height: 100vh; } .demand_comman::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; } .demand_comman .container { z-index: 1; } .demand_comman .demand_comman_left h1 { font-weight: 800; font-size: 42px; margin: 0 0 20px; line-height: 60px; color: #fff; } .demand_comman .demand_comman_left h1 span { color: #1a81ff; display: block; } .demand_comman .demand_comman_left p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 20px; line-height: 30px; } .demand_btn { background-color: #1a81ff; color: #fff !important; font-weight: 600; text-transform: capitalize; border-radius: 50px; padding: 15px 35px; display: inline-flex; font-size: 15px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 20px #0000001a; } .demand_comman_right { text-align: center; background-color: #fff; padding: 30px 40px; border-radius: 10px; margin-left: 50px; box-shadow: 0 0 50px #00000070; } .demand_comman_right h2 { font-size: 20px; color: #08223a; font-weight: 700; position: relative; line-height: 22px; margin: 0px 0 5px; text-transform: capitalize; } .demand_comman_right h3 { margin: 12px 0 0; font-weight: 500; font-size: 17px; } .demand_comman_right form { margin-top: 30px; } .demand_comman_right form .form-group { text-align: left; position: relative; margin-bottom: 24px; } .demand_comman_right form .form-group .form-control { height: 46px; box-shadow: unset; font-weight: 500; font-size: 14px; border: 2px solid #1a81ff; } .demand_comman_right form .form-group .form-control::placeholder { font-size: 14px; } .demand_comman_right form .form-group label { position: absolute; top: -9px; left: 10px; background-color: #fff; padding: 0 6px; color: #1a81ff; font-weight: 600; font-size: 13px; z-index: 1; } .demand_comman_right form .form-group textarea.form-control { height: 100px; } .demand_comman_right form .form-group:last-child { margin: 0; text-align: center; } .demand_comman_right form .form-group button { background: #1a81ff; color: #fff !important; font-weight: 600; text-transform: uppercase; border-radius: 7px; padding: 12px 30px; display: inline-flex; font-size: 14px; transition: 0.5s all; box-shadow: 0 0 20px #0000002e; justify-content: center; text-align: center; height: auto; } .demand_comman .container .row { display: flex; align-items: center; } .fully_featured_box { margin: 0; padding: 40px 30px; border-bottom: 1px solid #f6f6f6; display: flex; flex-wrap: wrap; align-items: center; } .fully_featured_content .featured_heading h3 { font-size: 26px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; line-height: 34px; margin: 0px 0 20px; text-transform: capitalize; } .featured_data h4 { font-size: 15px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 18px; margin: 0 0 8px; } .featured_data p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; margin-bottom: 0; line-height: 22px; } .featured_data { padding-left: 20px; position: relative; margin-bottom: 16px; } .featured_data::after { content: ""; position: absolute; top: 4px; height: 10px; width: 10px; background-color: #1a81ff; left: 0; border-radius: 50px; } .fully_featured_content .comman_heading { margin-bottom: 30px; } .fully_featured_inner .featured_data:last-child { margin-bottom: 0; } .fully_featured_img img { max-width: 95%; } .Sevicessmid img { max-width: 100%; } .left_servicees { text-align: right; padding: 20px 40px 20px 20px; } .right_servicees { text-align: left; padding: 20px 20px 20px 40px; } .demand_Sevicess { background: #ffffff 0% 0% no-repeat padding-box; position: relative; border-radius: 10px; margin-bottom: 20px; height: auto; box-shadow: 0px 3px 53px #0000001a; transition: 0.3s all; } .demand_Sevicess:hover { transform: translateY(-5px); } .Sevicessmid img { max-width: 90%; margin: 0 auto; } .Sevicessmid { text-align: center; } .demand_Sevicess_main .row { display: flex; flex-wrap: wrap; align-items: center; } .demand_Sevicess_data h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 20px; margin: 0 0 8px; } .demand_Sevicess_data p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 25px; } .demand_Sevicess_icon { height: 55px; width: 55px; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: absolute; top: 20px; background-color: #fff; border-radius: 7px; } .demand_Sevicess_icon img { max-width: 36px; } .right_servicees .demand_Sevicess_icon { left: -21px; } .left_servicees .demand_Sevicess_icon { left: auto; right: -21px; } .demand_themechng { background-color: #1a81ff; } .demand_themechng .demand_Sevicess_data h3, .demand_themechng .demand_Sevicess_data p { color: #fff; } .demand_themechng .demand_Sevicess_icon { background-color: #1a81ff; } .Produce_Demand .Produce_main_box { width: 20%; min-height: 140px; } .six_procedure .Produce_main_box { width: 16%; min-height: 140px; } .Produce_Demand .Produce_main_box:hover { width: 40%; } .Produce_Demand .Produce_main_ouuter::after { border-color: #fff; } .Produce_Demand .first_circle, .Produce_Demand .last_circle { background-color: #fff; } .readymade_box { background: #ffffff; position: relative; border-radius: 10px; box-shadow: 0px 3px 53px #0000001a; transition: 0.3s all; display: block; width: 23%; margin: 0 10px; perspective: 50em; overflow: hidden; padding: 10px 10px 0; } .readymade_box:hover { transform: translateY(-8px); } .readymade_hover { color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #1a81fff2; border-radius: 12px; padding: 0 10px; transition: 0.8s all; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; right: 0; transform: rotateX(110deg); transform-origin: 50% 100%; } .readymade_box:hover .readymade_hover { z-index: 0; transform: rotateX(0); transition: all 0.35s ease; z-index: 1; transition-delay: 0.21s; } .readymade_main { display: flex; } .readymade_box img { width: 80%; } .readymade_box_img { display: flex; justify-content: center; align-items: center; padding: 34px 0; border-radius: 10px; } .readymade_box h3 { font-size: 17px; color: #08223a; font-weight: 600; font-family: Montserrat; margin: 22px 0px; text-align: center; } .readymade_hover p { font-size: 14px; line-height: 24px; margin-bottom: 16px; font-weight: 500; } .readymade_hover .arrow_btn { display: flex; align-items: center; justify-content: center; height: 42px; width: 42px; margin: 0 auto; background-color: #ffffff; border-radius: 50px; } .arrow_btn img { max-width: 24px; margin-right: -3px; filter: invert(1); } .cta1_comman .comman_btn { margin-top: 22px; border: 2px solid #ffffff; background: #fff; color: #1a81ff; } .cta1_comman .comman_heading { margin-bottom: 0; } .cta1_comman { padding: 50px 0; } .fully_featured_img { text-align: center; } .competitors_box { height: 210px; background-color: #fff; width: 30%; border-radius: 10px; text-align: center; box-shadow: 0px 3px 53px #0000001a; transition: 0.3s all; position: relative; padding: 20px 0; perspective: 50em; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 15px 30px; } .competitors_box img { max-width: 90px; } .competitors_box h3 { font-size: 17px; color: #08223a; font-weight: 600; font-family: Montserrat; margin: 24px 0 0; } .competitors_box p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 14px; margin-bottom: 0; line-height: 24px; } .competitors_hover { color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #000000d9; border-radius: 10px; padding: 10px 30px; transition: 0.8s all; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; right: 0; transform: rotateX(110deg); transform-origin: 50% 100%; } .competitors_box:hover .competitors_hover { z-index: 0; transform: rotateX(0); transition: all 0.35s ease; z-index: 1; transition-delay: 0.21s; } .competitors_box:hover { transform: translateY(-8px); } .competitors_main { display: flex; flex-wrap: wrap; justify-content: center; } .demand_comman_imgg img { max-width: 500px; } .portfolio_bg1 { background-color: #ff9259; } .portfolio_bg2 { background-color: #364250; } .portfolio_slide_left { display: flex; align-items: center; width: 50%; } .portfolio_slide_right { width: 50%; padding: 0 50px; } .portfolio_main_img img { max-width: 90%; margin: 0 auto; } .portfolio_innerimg img { max-width: 90%; margin: 0 auto; } .portfolio_btns a img { max-width: 50px; margin: 0 8px; } .portfolio_innerimg { text-align: center; } .portfolio_slide .container { display: flex; padding: 80px 15px; align-items: center; } .portfolio_main_img { margin-right: 30px; text-align: center; } .portfolio_btns { text-align: center; margin-top: 22px; display: flex; justify-content: center; } .portfolio_designn .slick-dots button { border-radius: 50px; height: 20px; width: 20px !important; text-indent: -999999999999999px; background-color: transparent; border: 2px dashed #fff; padding: 0; margin: 5px 0; transition: 0.5s all; } .portfolio_designn .slick-active button { background-color: #fff; width: 20px !important; } .portfolio_designn .slick-dots { position: absolute; right: 40px; top: 50%; width: 22px; margin-left: auto; margin-right: 0; display: block !important; } .demand_comman_imgg { text-align: center; } .hire_comman .list_circle_design li::after { content: ""; position: absolute; height: 10px; width: 10px; background-color: #1a81ff; top: 9px; left: -18px; border-radius: 50px; } .hire_comman .list_circle_design li { position: relative; list-style: none; } .hire_industry .row { justify-content: center; display: flex; flex-wrap: wrap; } .modalssmain_boxx { padding: 24px 20px; background: #ffffff; border-radius: 10px; transition: 0.5s all; width: 32%; border: 2px solid #1a81ff; } .modalssmain_boxx:hover { border: 2px solid transparent; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transform: translateY(-5px); } .modalssmain_boxx h3 { margin: 0 0 10px; display: block; font-size: 18px; color: #08223a; font-weight: 600; line-height: 26px; display: flex; align-items: center; justify-content: flex-start; } .modalssmain_boxx h3 img { max-width: 53px; margin-right: 12px; } .modalssmain_btn { text-align: center; background-color: #1a81ff; color: #fff !important; font-weight: 600; text-transform: capitalize; border-radius: 50px; padding: 13px 25px; display: flex; font-size: 15px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 10px #0000001a; text-align: center; justify-content: center; } .newhire_modalssmain { display: flex; flex-wrap: wrap; justify-content: space-between; } .modalssmain_boxx ul li p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .modalssmain_boxx ul { margin: 25px 0 25px; padding-left: 34px; min-height: 127px; } .modalssmain_boxx ul li { margin-bottom: 5px; position: relative; } .modalssmain_boxx ul li::after { content: ""; position: absolute; height: 10px; width: 10px; background-color: #1a81ff; top: 9px; left: -23px; border-radius: 2px; } .experience_devbox { background-color: #ffff; padding: 24px 24px; border-radius: 5px; position: relative; text-align: left; transition: 0.4s all; margin: 0 10px; } .developer_img { display: flex; justify-content: flex-start; align-items: center; } .developer_img img { border-radius: 50px; height: 70px; width: 70px; margin-right: 18px; } .developer_img h3 { margin: 0 0 4px; display: block; font-size: 18px; color: #08223a; font-weight: 600; line-height: 21px; } .developer_img span { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; } .experience_devbox p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 28px; } .developer_skilss { margin: 22px 0 13px; display: flex; flex-wrap: wrap; justify-content: flex-start; } .skilss { padding: 4px 17px; background-color: #1a81ff; border-radius: 50px; margin: 0 3px 9px; color: #fff; font-weight: 500; font-size: 12px; } .it-project-banner { background-size: cover; height: 660px; background-position: center; } .it-project-box { padding: 30px 25px 30px; border: 0; border-radius: 4px; background-color: #fff; width: 31%; margin: 0 10px 20px; box-shadow: 0 46px 90px #0000000f; transition: 0.3s all; } .it-project-box:hover { box-shadow: 0 46px 40px #0000003b; transform: translateY(-10px); } .it-project-inner { display: flex; flex-wrap: wrap; margin: 0 -10px; } .it-project-box h3 { font-size: 17px; font-weight: 700; font-family: Montserrat; color: #08223a; line-height: 24px; margin: 10px 0 12px; } .it-project-box a { font-weight: 600; color: #1a81ff; font-size: 15px; display: inline-block; border-bottom: 1px solid; } .it-project-box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 20px; line-height: 27px; } .it-project-icon img { max-width: 50px; } .it-project-icon { margin-bottom: 15px; display: block; } .itproject_banner::after { opacity: 0.8; } .platform_banner .success__main { margin-bottom: 20px; } .Tranding_box { padding: 60px 40px; background-color: #fff; margin: 0; border-bottom: 1px solid #f2f2f2; } .Tranding_main .container > .row { margin: 0; } .Tranding_img { text-align: center; } .Tranding_img img { max-width: 260px; } .Tranding_box_top { display: flex; align-items: center; flex-wrap: wrap; margin: 0; } .Tranding_main_content .comman_heading { margin: 0 0 30px; } .rate_show { font-weight: 700; color: #1a81ff; font-size: 18px; margin-bottom: 10px; } .User_Satisfaction h3 { font-size: 20px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; line-height: 24px; margin: 0 0 17px; text-transform: capitalize; } .User_Satisfaction_box { background-color: #1a81ff; border-radius: 4px; padding: 10px 14px; box-shadow: 0px 3px 13px #0000001a; width: 48%; display: flex; align-items: center; margin-right: 11px; margin-bottom: 11px; } .User_Satisfaction_box span { color: #1a81ff; font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; height: 34px; width: 34px; background-color: #fff; border-radius: 50px; margin-right: 7px; } .User_Satisfaction_box strong { color: #fff; font-weight: 600; font-size: 14px; width: 81%; } .User_Satisfaction_inner { display: flex; flex-wrap: wrap; } .user_thinks h3 { font-size: 20px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; line-height: 24px; margin: 0 0 17px; text-transform: capitalize; } .user_thinks ul li p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 26px; } .user_thinks ul li { position: relative; list-style: none; margin-bottom: 5px; } .user_thinks ul li::after { content: ""; position: absolute; height: 10px; width: 10px; background-color: #1a81ff; top: 7px; left: -18px; border-radius: 50px; } .user_thinks ul { padding-left: 20px; } .user_thinks { margin: 60px 0 0; } .infographics_banner { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; height: 400px; display: flex; align-items: flex-end; padding-bottom: 40px; } .infographics_banner .container { position: relative; z-index: 1; } .infographics_banner_inner h1 { font-size: 42px; font-weight: 700; font-style: normal; color: #ffffff; line-height: 60px; text-transform: capitalize; margin: 0; } .infographics_bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; } .date_part { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 0; } .infog_username { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 15px; margin-bottom: 0; } .infog_content span { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 11px; margin-bottom: 0; } .infog_user { height: 50px; width: 50px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; border-radius: 50px; border: 2px solid #fff; margin-right: 12px; } .infog_user img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; } .infographics_user { display: flex; align-items: center; } .infographics-main-inner { display: flex; justify-content: space-between; } .search_box .form-control { box-shadow: 0px 3px 53px #0000001a !important; background: #ffffff 0% 0% no-repeat padding-box; height: 50px; border: 0; padding: 0 20px; font-size: 16px; border-radius: 10px; } .search_box .form-group { margin: 0; position: relative; } .search_icon { position: absolute; top: 50%; right: 16px; max-width: 26px; transform: translateY(-50%); } .infographics-form { box-shadow: 0px 3px 53px #0000001a !important; background: #ffffff 0% 0% no-repeat; border-radius: 10px; padding: 22px 20px; } .infographics-form strong { margin: 0 0 12px; font-weight: 700; font-size: 28px; line-height: 40px; color: #3d3d3d; border-bottom: 6px solid #1a81ff54; padding-bottom: 12px; display: block; } .infographics-form span { color: #1a81ff; } .infographics-form .form-group .form-control { height: 46px; border: 0 !important; border-bottom: 1px solid #e9e9e9 !important; border-radius: 0; font-size: 15px; font-weight: 500; color: #3d3d3d; box-shadow: unset !important; padding: 10px 0; } .infographics-form .form-group { margin-bottom: 11px; } .infographics-form .Hire_commanbtn { padding: 19px 20px; width: 100%; text-align: center; justify-content: center; align-items: center; } .infographics-form form .form-group:last-child { margin: 30px 0 0; } .infographics-content p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 18px; line-height: 30px; } .infographics-content img { max-width: 100%; margin-bottom: 30px; } .infographics-main .row { display: flex; align-items: flex-start; } .box-freeze { position: sticky; top: 105px; } .main_banner { background-size: cover; background-position: bottom; position: relative; padding: 130px 0px 60px; display: flex; align-items: center; } .main_banner_form { border-radius: 6px; padding: 30px 30px; background: #ffffffc2 !important; box-shadow: 7px 1px 100px rgb(0 0 0 / 10%); margin: 0 70px; } .main_banner .row { display: flex; align-items: center; flex-wrap: wrap; } .main_banner_form form { display: flex; justify-content: space-between; flex-wrap: wrap; } .main_banner_form form .form-group { margin: 0 0 15px; width: 100%; } .main_banner_form form .form-group:last-child { margin-bottom: 0; } .main_banner_form h3 { margin-top: 0; font-weight: 700; font-size: 20px; margin-bottom: 18px; color: #3d3d3e; border-left: 4px solid #1a81ff; padding: 3px 0 3px 12px; } .main_banner_form form .form-group .form-control { height: 46px; border: 0 !important; border-bottom: 1px solid #c1c1c1 !important; border-radius: 0; font-size: 15px; font-weight: 600; color: #3d3d3d; box-shadow: unset !important; padding: 10px 0; background-color: transparent; } .main_banner_form form .form-group textarea.form-control { height: 100px; } .main_banner_form form .form-group .btn { background-color: #1a81ff; color: #fff; font-weight: 600; text-transform: capitalize; border-radius: 4px; padding: 10px 20px; display: flex; font-size: 15px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 20px #0000001a; justify-content: center; height: auto; width: 100%; } .main_banner_form form .form-group .form-control::placeholder { color: #000; } .main_banner_heading { text-align: left; } .main_banner_heading h1 { font-weight: 800; color: #08223a; font-size: 44px; margin: 0 0 17px; line-height: 62px; } .main_banner_heading h1 span { color: #1a81ff; } .main_banner_heading p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 30px; line-height: 28px; } .dubai_services_main .nav-tabs { width: 50%; position: relative; z-index: 1; border: 0; } .dubai_services_main { display: flex; align-items: center; } .dubai_services_main .tab-content { width: 50%; } .dubai_inner h3 { font-size: 20px; color: #fff; font-weight: 700; font-family: Montserrat; position: relative; line-height: 32px; margin: 14px 0px 10px; text-transform: capitalize; } .dubai_inner p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 15px; margin-bottom: 0; line-height: 27px; } .dubai_inner { background: #1a81ff; border-radius: 8px; padding: 40px 36px; box-shadow: 0px 3px 53px #0000001a; height: 351px; } .dubai_services_main .nav-tabs li.active a { border: 2px solid #1a81ff !important; color: #1a81ff !important; } .dubai_services_main .nav-tabs li a { border: 0 !important; display: flex; align-items: center; min-height: 72px; border-radius: 4px; padding: 10px 13px; background-color: #fff !important; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); font-size: 15px !important; font-weight: 700; color: #08223a !important; margin: 0 !important; border: 2px solid #fff !important; } .dubai_services_main .nav-tabs li:nth-child(8), .dubai_services_main .nav-tabs li:nth-child(7) { margin-bottom: 0; } .dubai_services_main .nav-tabs li a img { margin-right: 10px; max-width: 33px; } .dubai_services_main .nav-tabs li { width: 47%; margin-bottom: 16px; margin-right: 15px; } .Cta_head h2 { font-weight: 700; color: #fff; font-size: 26px; margin: 0; line-height: 36px; } .Cta_head img { max-width: 80px; margin-right: 30px; } .Cta_section .container { display: flex; align-items: center; justify-content: space-between; } .Cta_head { display: flex; align-items: center; width: 80%; } .Cta_section { background: #1a81ff; padding: 12px 0; } .Cta_btn { width: 20%; text-align: end; } .Cta_btn .Hire_commanbtn1 { padding: 13px 25px; border-radius: 10px; background-color: #fff; color: #1a81ff; } .dubai_industries_main { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; } .dubai_industries_main .nav-tabs { width: 100%; border: 0; margin-bottom: 30px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .dubai_industries_main .tab-content { width: 97%; text-align: center; } .dubai_industries_main .nav-tabs li a { border: 0 !important; display: flex; align-items: center; min-height: 58px; border-radius: 4px; padding: 10px; background-color: #fff !important; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); font-size: 16px !important; font-weight: 700; color: #08223a !important; border: 2px solid #fff !important; margin: 0 !important; } .dubai_industries_main .nav-tabs li.active a span { color: #1a81ff; background-color: #fff; } .dubai_industries_main .nav-tabs li { width: 23%; margin: 0 9px 18px; } .dubai_industries_main .nav-tabs li a span { height: 30px; width: 30px; display: flex; align-items: center; background-color: #1a81ff; border-radius: 50px; text-align: center; justify-content: center; font-size: 15px; margin-right: 11px; color: #fff; font-weight: 600; font-family: Montserrat; } .dubai_industries_box { background: #ffffff; border-radius: 8px; padding: 50px 45px; box-shadow: 0px 3px 53px #0000001a; position: relative; } .dubai_industries_box::after { content: ""; position: absolute; left: 0; width: 0; height: 0; border-top: 10px solid transparent; border-left: 16px solid white; border-bottom: 10px solid transparent; right: 0; margin: 0 auto; top: -17px; z-index: 1; transform: rotate(-90deg); } .dubai_industries_box h3 a { color: #08223a; } .dubai_industries_box h3 { font-size: 22px; font-weight: 700; font-family: Montserrat; color: #08223a; line-height: 30px; margin: 20px 0 15px; } .dubai_industries_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 29px; } .dubai_industries_main .nav-tabs li.active a { background-color: #1a81ff !important; border: 2px solid #fff !important; color: #fff !important; } .dubai_brand { margin: 0 auto !important; } .dubai_inner img { max-width: 42px; } .Advance_Services_main { display: flex; justify-content: space-between; flex-wrap: wrap; } .Advance_Services_box { border-radius: 4px; padding: 30px 30px; background-color: #fff !important; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); width: 48%; margin: 12px 0; transition: 0.3s all; } .Advance_Services_box:hover { transform: translateY(-10px); } .Advance_Services_box h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 23px; margin: 18px 0 8px; } .Advance_Services_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .Advance_Services_box img { max-width: 38px; } .Advance_Services .row { display: flex; align-items: center; } .Advance_Services .comman_heading p { margin-bottom: 35px; } .tackstact_dubai_main .nav-tabs li a { border: 0 !important; display: flex; align-items: center; min-height: 55px; border-radius: 4px; padding: 10px 13px; background-color: #fff !important; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); font-size: 15px !important; font-weight: 700; color: #08223a !important; margin: 0 !important; border: 2px solid #fff !important; } .tackstact_dubai_main .nav-tabs li a::after { position: absolute; content: ""; bottom: -12px; right: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid white; left: 0; margin: 0 auto; width: 17px; opacity: 0; } .tackstact_dubai_main .nav-tabs li.active a::after { opacity: 1; } .tackstact_dubai_main .nav-tabs li.active a { border: 2px solid #1a81ff !important; color: #1a81ff !important; } .tackstact_dubai_main .nav-tabs li a img { margin-right: 10px; max-width: 24px; } .tackstact_dubai_main { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; } .tackstact_dubai_main .nav-tabs li { width: 19%; margin-bottom: 0; } .tackstact_dubai_main .nav-tabs { width: 100%; border: 0; display: flex; margin-bottom: 30px; justify-content: space-between; } .tackstact_dubai_main .tab-content { width: 72%; } .tackstact_box { border-radius: 8px; padding: 30px 35px; background-color: #fff !important; box-shadow: 15px 3px 36px rgba(0, 0, 0, 0.05); height: 100%; display: flex; align-items: center; } .tackstact_box_single a { background: #eef3ff; display: flex; align-items: center; width: 90px; justify-content: center; height: 90px; border-radius: 4px; margin: 0 auto 8px; } .tackstact_box_single a img { max-height: 55px; object-fit: contain; width: 70%; } .tackstact_box_single span { font-size: 14px !important; font-weight: 600; color: #08223a !important; display: block; text-align: center; } .tackstact_box_single { width: 20%; } .dubai_slider_box { display: flex; align-items: center; } .portfolio_slider_img { width: 40%; text-align: center; } .portfolio_slider_img img { max-width: 250px; margin: 0 auto; } .portfolio_slider_details h3 { font-size: 30px; font-weight: 700; font-family: Montserrat; color: #ffffff; line-height: 30px; margin: 0 0 25px; } .portfolio_slider_details p { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 16px; margin-bottom: 35px; line-height: 30px; } .portfolio_slider_details { width: 60%; } .dubai_slider_box { background-color: #1a81ff; border-radius: 20px; padding: 50px 40px; box-shadow: 0px 3px 53px #0000001a; } .dubai_slider1 { background-color: #ff8752; } .dubai_slider2 { background-color: #364250; } .dubai_slider3 { background-color: #42cffd; } .dubai_slider4 { background-color: #0f1b31; } .Jahez_bg { background-color: #e11b2c; } .ihear_bg { background-color: #448600; } .portfolio_dubaibtnss a { display: inline-block; margin-right: 20px; } .portfolio_dubaibtnss a img { max-width: 58px; } .dubai_innerer { display: flex; align-items: center; } .dubai_portfolio_slider .slick-dots li button { height: 4px; border: 0; background-color: #fff; width: 10px !important; margin: 0 4px; border-radius: 4px; text-indent: -9.9999999999e22px; transition: 0.3s all; opacity: 0.6; padding: 0; } .dubai_portfolio_slider .slick-dots { display: flex !important; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 11px; } .dubai_portfolio_slider .slick-dots .slick-active button { background-color: #fff; width: 14px !important; opacity: 1; } .dubai_industries_box img { max-width: 50px; } .saudi_banner { background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative; padding: 130px 0px 60px; height: 100vh; display: flex; align-items: center; } .saudi_banner .container { position: relative; z-index: 1; } .saudi_banner_content p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 16px; margin-bottom: 10px; line-height: 28px; } .saudi_banner_content h2 { font-weight: 800; color: #ffffff; font-size: 44px; margin: 0 0 17px; line-height: 62px; } .saudi_banner .container .row { display: flex; align-items: center; flex-wrap: wrap; } .saudi_form { background-color: #fff !important; border-radius: 4px; } .enterlinks_url { font-weight: 700; color: #1a81ff !important; text-transform: capitalize; } .Services_Saudi_box { position: relative; background-color: #fff; border: 1px solid rgba(249, 249, 249, 0.168627451); padding: 25px 30px; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); transition: all 0.3s ease; margin: 54px 20px 60px; } .why_Arabia .container-fluid { padding: 0; } .Services_Saudi_box::before { background-image: url("../images/mobile_app_arabia/dots.png"); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .Services_Saudi_box span { position: absolute; right: 0; top: 26px; height: 60px; width: 140px; font-size: 38px; line-height: 60px; border-radius: 10px; background: linear-gradient( to right, rgba(209, 200, 200, 0.1803921569), transparent ); content: ""; transition: all 0.3s ease; padding-left: 15px; font-weight: 600; color: #e9e9e9; } .Services_Saudi_box:hover { background-color: #1a81ff; } .Services_Saudi_box h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 24px; margin: 10px 0 10px; transition: all 0.3s ease; } .Services_Saudi_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; transition: all 0.3s ease; } .Saudi_box_icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #fff; border-radius: 4px; margin-bottom: 18px; } .Saudi_box_icon img { max-width: 40px; transition: all 0.3s ease; } .Services_Saudi_box:hover h3, .Services_Saudi_box:hover p { color: #fff; } .Services_Saudi_box:hover img { filter: brightness(1); } .Services_Saudi_slider .slick-prev { } .why_Arabia .comman_heading { margin-bottom: 0; } .why_Arabia_slider .slick-next, .why_Arabia_slider .slick-prev { background: #1a81ff url(../images/mobile_app_arabia/arrow-right-line.png); height: 45px; text-indent: -10320px; width: 45px; border-radius: 50px; position: absolute; right: 104px; top: -90px; background-size: 24px; background-repeat: no-repeat; background-position: center; transition: 0.5s all; border: 2px solid #1a81ff; } .why_Arabia_slider .slick-prev { right: 160px; transform: rotate(180deg); } .dedicated_newdesign { background-color: #f4f9ff; height: auto; display: flex; align-items: center; padding: 80px 0; } .dedicated_newmain h1 { font-weight: 800; color: #08223a; font-size: 42px; margin: 0 0 18px; line-height: 56px; } .dedicated_newmain p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 12px; line-height: 28px; } .dedicated_newmain h1 span { color: #1a81ff; } .dedicated_newmain { display: flex; align-items: flex-start; margin-top: 70px; } .dedicated_left { width: 100%; max-width: 50%; } .dedicated_right { width: 100%; max-width: 50%; padding-left: 60px; text-align: center; } .dedicated_form .form-control { height: 52px; border: 0; box-shadow: unset; font-weight: 500; padding: 0 22px; border-radius: 10px 0 0 10px; width: 70%; font-size: 15px; } .dedicated_form { margin: 30px 0 0; width: 100%; } .dedicated_form button { height: 52px; border: 0; background: #1a81ff; color: #fff !important; font-weight: 600; border-radius: 0 10px 10px 0; padding: 0 20px; width: 31%; font-size: 15px !important; } .dedicated_form .form-group { margin: 0; display: flex; box-shadow: 0 0 20px #0000002e; border-radius: 10px; } .dedicated_bottom .hireindian_bannerbox strong { font-size: 18px; font-weight: 800; margin-bottom: 0px; } .dedicated_bottom .hireindian_bannerbox span { font-size: 13px; display: block; text-transform: capitalize; } .dedicated_bottom .hireindian_bannerbox { padding: 11px 15px; } .counter_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; border-radius: 10px; padding: 30px 20px; width: 24%; background-color: #fff; transition: 0.3s; } .counter_box:hover { transform: translateY(-5px); } .counter_box::before { background-image: url(../images/hire-dedicated/dots.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .counter_box h3 { font-size: 16px; font-weight: 600; color: #08223a; margin-bottom: 0; margin-top: 20px; line-height: 23px; } .count_top { font-size: 32px; font-weight: 800; color: #1a81ff; display: block; line-height: 28px; } .counter_main { display: flex; justify-content: space-between; margin-top: 50px; } .dedicated_right img { max-width: 450px; } .technology_tabs .nav-tabs { width: 32%; border: 0; margin: 0; } .technology_tabs .nav-tabs li a { background: #1a81ff !important; border-radius: 10px; padding: 22px 20px !important; margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start; height: 80px; box-shadow: unset; font-size: 18px !important; color: #ffff !important; font-weight: 700; width: 100%; cursor: pointer !important; margin-left: 0 !important; border: 2px solid #fff !important; } .technology_tabs .nav-tabs li.active a { background: #fff !important; color: #08223a !important; } .technology_tabs .nav-tabs li { width: 100%; position: sticky; top: 113px; z-index: 0; } .technology_tabs .nav-tabs li a img { max-width: 40px; margin-right: 18px; filter: brightness(20.5); } .technology_tabs .nav-tabs li.active a img { filter: unset; } .technology_tabs .tab-content { width: 62%; } .technology_tabs { display: flex; align-items: flex-start; justify-content: space-between; } .technology_reqire_main p { font-weight: 500; font-family: Montserrat; color: #fff; font-size: 16px; margin-bottom: 30px; line-height: 28px; } .technology_box img { max-width: 44px; } .technology_inner { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .technology_box h3 { margin: 15px 0 0; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 25px; } .technology_box { padding: 30px 20px; width: 33%; border-right: 1px solid #f5f5f575; border-top: 1px solid #f5f5f575; } .technology_inner .technology_box:nth-child(1), .technology_inner .technology_box:nth-child(2), .technology_inner .technology_box:nth-child(3) { border-top: 0; } .technology_inner .technology_box:nth-child(3n + 0) { border-right: 0; } .benefit_dedi_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); position: relative; border-radius: 10px; padding: 30px 20px; width: 48%; background-color: #fff; transition: 0.3s; display: flex; align-items: flex-start; margin-right: 22px; margin-bottom: 22px; } .benefit_dedi_box:hover { transform: translateY(-5px); } .benefit_ico img { max-width: 44px; } .benefit_detailss { margin-left: 20px; position: relative; z-index: 1; } .benefit_detailss h3 { margin: 0 0 10px; display: block; font-size: 16px; color: #08223a; font-weight: 600; line-height: 21px; text-transform: capitalize; } .benefit_detailss p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 29px; } .benefit_dedi_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); } .benefit_dedicated_main { display: flex; flex-wrap: wrap; } .exploringworld_table tr th { color: #08223a; background-color: #ffffff; font-size: 14px; font-weight: 600; padding: 18px 20px !important; border: 0; text-transform: uppercase; text-align: center; white-space: nowrap; vertical-align: middle; } .exploringworld_table tr td { color: #08223a; font-size: 14px; padding: 15px 20px !important; border: 0; text-align: center; vertical-align: middle !important; border-bottom: 1px solid #ffffff; white-space: nowrap; font-weight: 500; } .exploringworld_table tbody tr th:first-child, .exploringworld_table thead tr th:first-child { text-align: left; } .exploringworld_table { background-color: #eef3ff; padding: 15px; } .exploringworld_table .table { margin: 0; } .bottom_btn { text-align: center; margin-top: 40px; } .Dedicated_cta_main h2 { font-size: 30px; color: #08223a; font-weight: 700; font-family: Montserrat; position: relative; margin-top: 0; line-height: 43px; margin-bottom: 12px; } .trusted_counter .trusted_counter_box:last-child { border: 0; } .clutch_section .Hire_commanbtn { margin-top: 15px; } .Dedicated_cta_main p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 15px; line-height: 26px; } .Dedicated_cta_left { width: 65%; } .Dedicated_cta_main { background-color: #eef3ff; padding: 40px 50px; border-radius: 10px; position: relative; overflow: hidden; } .Dedicated_cta { padding-top: 80px; } .overflow-x-add { overflow-x: hidden; } .Dedicated_cta_main img { position: absolute; bottom: 0; right: 80px; max-width: 100%; top: 0; width: auto; height: 100%; } .dedecated_slogan_box { border: 6px solid #1a81ff; padding: 34px 40px; position: relative; margin: 0 auto; max-width: 800px; } .dedecated_slogan_box::before, .dedecated_slogan_box::after { content: ""; width: 6px; background: #fff; height: 48px; position: absolute; left: -6px; top: 20px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } .dedecated_slogan_box:hover::before, .dedecated_slogan_box:hover::after { height: 0px; } .dedecated_slogan_box::after { left: auto; top: auto; right: -6px; bottom: 20px; } .dedecated_slogan { padding-bottom: 80px; } .dedecated_slogan_box p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; margin-bottom: 0; line-height: 33px; } .dedecated_slogan_box strong { font-size: 30px; color: #08223a; font-weight: 700; font-family: Montserrat; margin: 0; } .saudi_services_boxx { position: relative; background-color: #fff; border: 1px solid rgba(249, 249, 249, 0.168627451); padding: 25px 30px; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); transition: all 0.3s ease; height: 100%; } .Advancetech_icon img { margin-bottom: 20px; width: 100%; border-radius: 10px; height: 200px; object-fit: cover; } .saudi_services_row { display: flex; flex-wrap: wrap; justify-content: center; } .saudi_flex { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; } .saudi_services_boxx .saudi_flex img { max-width: 50px; } .saudi_services_boxx .saudi_flex span { width: 20%; display: flex; } .saudi_services_boxx h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 21px; margin: 0; transition: all 0.3s ease; width: 80%; } .saudi_services_boxx::before { background-image: url(../images/mobile_app_arabia/dots.png); content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; transform: scale(-1); } .saudi_services_boxx p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin-bottom: 0; line-height: 26px; } .saudi_services_row .col-md-4 { margin-bottom: 30px; } .saudi_services_row .col-md-4:nth-child(even) .saudi_services_boxx { background-color: #1a81ff; } .saudi_services_row .col-md-4:nth-child(even) .saudi_services_boxx h3 { color: #fff; } .saudi_services_row .col-md-4:nth-child(even) .saudi_services_boxx p { color: #fff; } .saudi_services_boxx:hover { transform: translateY(-10px); } .Advancetech_icon { background-color: #fff; border-radius: 10px; padding: 24px 30px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .Advancetech_icon p { margin: 0; color: #08223a; line-height: 27px; font-size: 15px; } .Advancetech_saudi .nav-tabs li.active a { background: #fff !important; color: #08223a !important; } .Advancetech_saudi .nav-tabs li a { color: #08223a !important; background: #fff !important; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); } .Advancetech_saudi .nav-tabs li a img { max-width: 40px; margin-right: 18px; filter: unset; } .Advancetech_saudi .nav-tabs li.active a { background: #1a81ff !important; color: #ffffff !important; border-color: #1a81ff !important; } .Advancetech_saudi .nav-tabs li.active a img { filter: brightness(20.5); } .Industries_main_box { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); background-color: #fff; border-radius: 4px; transition: all 0.3s ease; width: 8%; height: 240px; display: flex; align-items: baseline; overflow: hidden; position: relative; cursor: pointer; justify-content: center; } .Industries_hover { transition: all 0.2s; padding: 15px 20px; position: absolute; right: 100%; top: 0; } .Industries_arbia { display: flex; justify-content: space-between; } .Industries_first h3 { writing-mode: vertical-lr; margin: 10px auto 12px; font-size: 17px; font-weight: 600; font-family: Montserrat; color: #08223a; line-height: 21px; } .Industries_first img { max-width: 44px; } .Industries_first { transition: all 0.3s; padding: 12px 24px; text-align: center; } .Industries_main_box:hover { width: 30%; } .Industries_main_box:hover .Industries_first { opacity: 0; position: absolute; left: -100%; } .Industries_main_box:hover .Industries_hover { display: block; text-align: left; transition: all 0.3s; opacity: 1; position: unset; right: 0; } .Industries_hover h3 { font-size: 16px; font-weight: 600; font-family: Montserrat; color: #08223a; margin: 10px 0; } .Industries_hover img { max-width: 52px; } .Industries_hover p { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 15px; margin: 0; line-height: 26px; } .trusted_main { background: #ffffffc2 !important; box-shadow: 7px 1px 100px rgb(0 0 0 / 10%); border-radius: 6px; display: flex; } .trusted_icons img { max-width: 100px; } .trusted_inner h3 { color: #08223a; font-weight: 700; font-size: 18px; margin: 0; } .trusted_inner { width: 42%; padding: 24px 24px; } .trusted_counter_box h2 { color: #08223a; font-weight: 600; font-size: 14px; line-height: 24px; margin: 0; } .trusted_counter_box span { color: #1a81ff; font-weight: 800; font-size: 34px; margin: 0 0 0; } .trusted_counter { width: 58%; display: flex; } .trusted_counter_box { width: 25%; display: flex; align-items: center; flex-wrap: wrap; padding: 0px 10px; border-right: 1px solid #e1e1e1; justify-content: center; } .trusted_icons { margin-top: 15px; } .dubai_bottom_bar { margin-top: 50px; } .loaction_ctaa { padding: 0 0 80px; } .clutch_section .comman_heading { margin: 0; } .clutch_section .mehologyimage img { box-shadow: 0px 3px 15px #0000001a; border-radius: 7px; } .clutch_section .comman_heading p a { font-weight: 700; color: #1a81ff; } .Produce_kuwait .Produce_main_box { min-height: 130px; } .sitemap_banner { position: relative; height: 400px; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; } .sitemap_banner .container { position: relative; z-index: 1; margin-top: 90px; } .sitemap_banner .comman_heading h2 { font-size: 50px; margin: 0 0 44px; } .sitemap_banner .comman_heading p { font-size: 18px; } .sitemap_banner .comman_heading h2::after { bottom: -24px; } .sitemap_main .row { display: flex; align-items: stretch; flex-wrap: wrap; } .sitemap_box { box-shadow: 0px 3px 53px #0000001a; background-color: #fff; padding: 30px 25px; border-radius: 4px; transition: 0.3s all; height: 100%; } .sitemap_box h2 { font-weight: 600; font-family: Montserrat; color: #08223a; margin: 0 0 20px; font-size: 20px; border-left: 5px solid #1a81ff; padding-left: 13px; } .sitemap_ul li { position: relative; list-style: none; padding-left: 20px; margin-bottom: 10px; transition: 0.3s; } .sitemap_ul li a { font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 16px; transition: 0.3s; display: block; } .sitemap_ul li:hover { transform: translateY(-5px); } .sitemap_ul li::after { content: ""; position: absolute; height: 10px; width: 10px; background-color: #1a81ff; top: 6px; left: 0; border-radius: 50px; } .mrgin_add { margin-bottom: 30px; } .ul_manage { display: flex; flex-wrap: wrap; } .ul_manage li { width: 50%; } .faq_data p a { color: #195fff; font-weight: 600; } .sub_headinghire { font-size: 20px; font-weight: 700; color: #1a81ff; margin-bottom: 10px; text-transform: capitalize; } .developers_box { padding: 24px 20px; background: #ffffff; border-radius: 6px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; width: 24%; transition: 0.5s all; margin-right: 15px; position: relative; } .developers_pic { display: flex; align-items: center; justify-content: center; border-radius: 4px; height: 65px; width: 28%; margin-left: 0; } .developer_top { display: flex; align-items: center; margin-bottom: 20px; } .developers_pic img { height: 100%; object-fit: contain; width: 100%; border-radius: 4px; } .developer_mid { display: flex; justify-content: center; background-color: #eef3ff; border-radius: 4px; padding: 10px 12px; margin-bottom: 12px; } .developer_description p { font-family: Montserrat; color: #08223a; font-size: 14px; font-weight: 500; line-height: 23px; margin: 0; } .exp_box span { font-size: 13px; color: #08223a; font-weight: 600; display: block; margin-bottom: 4px; } .exp_box strong { display: block; font-weight: 700; color: #1a81ff; font-size: 14px; } .exp_box { width: 49%; } .developers_top_right h2 { font-size: 15px; color: #08223a; font-weight: 700; margin: 0 0 7px; } .developers_top_right h3 { margin: 0; font-weight: 500; font-family: Montserrat; color: #08223a; font-size: 14px; line-height: 19px; } .developers_top_right { margin-left: 12px; width: 62%; } .developers_main { display: flex; flex-wrap: wrap; } .developers_main .developers_box:last-child { margin-right: 0; } .expert_in { margin-top: 18px; border: 1px solid #cbcbcb; border-radius: 4px; padding: 16px 16px 7px; position: relative; } .expert_in span { background-color: #fff; position: absolute; top: -11px; padding: 0 7px; font-weight: 600; color: #08223a; left: 8px; font-size: 14px; } .developers_box:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; transform: translateY(-5px); } .skills a { font-size: 11px; font-weight: 600; background-color: #1a81ff; display: inline-block; color: #fff; padding: 4px 9px; border-radius: 4px; margin-bottom: 6px; } .hover_btns { transition: 0.5s all; opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; border-radius: 6px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); } .developers_box:hover .hover_btns { opacity: 1; } .hover_btns a { background-color: #1a81ff; color: #fff !important; font-weight: 600; text-transform: capitalize; border-radius: 6px; padding: 11px 15px; display: flex; font-size: 13px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 10px #0000001a; text-align: center; justify-content: center; } .clickable { color: #195fff !important; font-weight: 600; } #canvassnow { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; pointer-events: none; } .header_logonew a { display: block; position: relative; } .header_logonew .Christmas_cap { position: absolute; top: -16px; left: -11px; max-width: 40px; transform: scaleX(-1); filter: unset !important; } .fittness_banner { height: auto; } .fittness_banner .container .row { flex-wrap: wrap; } .fittness_banner .container .row .counter_box { border-radius: 4px; padding: 25px 20px; } .fittness_banner .container .row .count_top { font-size: 24px; line-height: 18px; } .fittness_banner .container .row .counter_box h3 { font-size: 15px; margin-top: 14px; line-height: 20px; } .success__cta { padding: 0 0 80px; } .sml_letter { text-transform: none; display: inline-block; } .dedicated_newdesign .dedicated_left .uppertag { display: block; font-size: 16px; color: #08223a; margin-bottom: 10px; } .bannerhome_design { padding: 0; background: rgba(18, 21, 38, 1); position: relative; z-index: 1; height: 100vh; display: flex; align-items: center; } .clients_slider { margin-top: 40px; } .clients_slider_outer { position: absolute; bottom: 10px; z-index: 2; width: 100%; left: 0; right: 0; } .bannerhome_content h1 { font-weight: 800; font-size: 52px; line-height: 76px; margin: 0 0 20px; color: #ffffff; } .bannerhome_content P { font-weight: 500; font-family: Montserrat; color: #ffffff; font-size: 17px; margin-bottom: 25px; line-height: 29px; } .bannerhome_design::after { position: absolute; content: ""; top: 0; background-image: url(../images/homepagee/lines.png); height: 100%; width: 100%; right: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(0.5); } .bannerhome_design::before { position: absolute; content: ""; top: 0; background-image: url(../images/homepagee/lines2.png); height: 100%; width: 100%; left: 0; background-size: cover; background-position: center; z-index: 0; filter: brightness(0.5); } .bannerhome_design .container { position: relative; z-index: 2; } .bannerhome_content h1 span { color: #ffffff; text-decoration: underline; } .bannerhome_pic img { max-width: 380px; } .bannerhome_design .container .row { display: flex; align-items: center; } .clients_slider img { max-width: 140px; margin: 0 auto; filter: invert(1) brightness(20.5); transition: 0.5s all; } .slider_imgg:hover img { filter: unset; transform: scale(1.1); } .tech_slide { display: flex; align-items: center; justify-content: center; border: 1px solid #e6e7f6; border-radius: 10px; padding: 12px 18px; font-weight: 600; font-size: 15px; margin: 10px 8px; white-space: nowrap; background-color: #fff; } .tech_slide img { max-height: 25px; margin-right: 10px; } .technologyStacksSlider { position: relative; margin-top: 12px; } .technologyStacksSlider::before { background-image: linear-gradient( 268deg, #ffffff24 0%, #ffffff2b 49.39%, #eef3ff 100% ); width: 160px; height: 100%; position: absolute; left: 0; top: 0; content: ""; z-index: 9; } .technologyStacksSlider::after { background-image: linear-gradient( 90deg, #ffffff24 0%, #ffffff2b 49.39%, #eef3ff 100% ); width: 160px; height: 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 9; } .versatility { padding: 70px 30px; position: sticky; top: 50px; } .versatility .aboutnew_content h2 { font-size: 30px; line-height: 36px; margin-bottom: 16px; } .footernew { z-index: 2; position: relative; padding: 50px 0 0; background-color: rgba(18, 21, 38, 1); } .footernew_award { background-color: #ffff; display: block; border-radius: 14px; padding: 10px 0px; } .footernew_award img { max-height: 135px; } .social_icons { margin-top: 40px; } .social_icons a { color: #fff; display: inline-flex; align-items: center; justify-content: center; margin: 0 6px; background-color: #fff; border-radius: 14px; height: 50px; width: 50px; transition: 0.5s; } .social_icons a img { max-width: 25px; } .social_icons a:hover { transform: rotateY(-360deg); } .footernew_mid { padding: 50px 0; margin: 40px 0 0; border-top: 1px solid #f2f2f269; border-bottom: 1px solid #f2f2f269; } .footernew_bottom { padding: 30px 0; border-bottom: 1px solid #f2f2f269; } .fnadd_right { width: 100%; } .fnadd_right span { color: #fff; font-weight: 800; font-size: 16px; display: block; margin-bottom: 3px; } .fnadd_left { width: 100%; text-align: center; margin-bottom: 10px; } .fnadd_right strong { color: #fff; font-weight: 500; font-size: 14px; display: block; margin-bottom: 0px; } .fnadd_left img { max-width: 50px; } .fnadd_right p { color: #fff; font-weight: 500; margin-bottom: 4px; font-size: 13px; } .fnadd_right a { color: #ffff; font-weight: 700; font-size: 14px; display: block; } .footernew_address { text-align: center; padding: 20px 10px; background: rgba(5, 8, 26, 1); border-radius: 14px; min-height: 218px; } .menus_head { color: #fff; font-weight: 800; font-size: 18px; text-transform: uppercase; margin-bottom: 13px; } .footernew_menuss li { position: relative; padding-left: 24px; margin-bottom: 8px; transition: 0.5s all; } .footernew_menuss li:hover { transform: translateY(-5px); } .footernew_menuss li a { color: #fff; font-weight: 500; font-size: 14px; display: block; } .footernew_menuss li::after { position: absolute; content: ""; left: 4px; top: 7px; height: 9px; width: 9px; transition: 0.3s all; background-color: #ffffff; border-radius: 2px; } .footernew_menuss ul { padding: 0; margin: 0; list-style: none; } .copy_rightt { padding: 20px 0; color: #fff; text-align: center; font-weight: 600; font-size: 13px; } .footernew_top .row .col-auto { width: 13%; text-align: center; } .footernew_top .icons_adver { display: flex; justify-content: space-between; } .newportfolio_box { background-color: #000; border-radius: 14px; box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); align-items: center; padding: 20px 28px; display: flex; margin: 0; } .newportfolio_img img { max-width: 220px; } .newportfolio_right h2 { color: #fff; font-weight: 800; font-size: 32px; margin-bottom: 16px; } .newportfolio_right h3 { color: #fff; font-size: 14px; margin-bottom: 25px; } .newportfolio_right p { color: #fff; font-weight: 500; font-size: 15px; line-height: 26px; margin-bottom: 20px; } .newportfolio_right { padding: 0 25px; } .feedbacks_boxx { display: flex; align-items: flex-start; margin-top: 34px; border-top: 1px solid #ffffff4d; padding: 24px 0; border-bottom: 1px solid #ffffff4d; } .feedback_img { height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 3px solid #fff; } .feedback_img img { max-width: 100%; height: 100%; object-fit: cover; border-radius: 50px; } .feedbacks_content { width: 80%; padding-left: 20px; } .feedbacks_content strong { font-size: 14px; color: #fff; display: block; } .feedbacks_content p { font-size: 14px; line-height: 23px; margin-top: 5px; margin-bottom: 0; } .newportfolio_right .readbtn span { height: 25px; width: 25px; margin-left: 6px; } .newportfolio_right .readbtn { margin: 0; font-size: 13px; padding: 4px 4px 4px 15px; color: #1a81ff !important; background-color: #fff; } .newportfolio_right .readbtn span { background-color: #1a81ff; } .newportfolio_right .readbtn:hover span { transform: translateX(9px); margin-left: 0px; } .newportfolio_right .readbtn span img { filter: brightness(20.5); } .newportfolio_img { height: 500px; display: flex; align-items: center; justify-content: center; } .portfolio_details strong { font-size: 60px; display: block; color: #fff; font-weight: 800; margin-bottom: 10px; line-height: 60px; } .portfolio_details span { color: #fff; font-weight: 500; font-size: 18px; display: block; } .portfolio_details { text-align: center; padding: 30px 0; border-bottom: 1px solid #ffffff4d; } .portfolio_bg1 { background-color: #0f1b31 !important; } .portfolio_bg2 { background-color: #e51956 !important; } .portfolio_bg3 { background-color: #ff9259 !important; } .portfolio_bg4 { background-color: #63bfe4 !important; } .portfolio_sticky { position: sticky; top: 115px; } .readbtn { display: inline-flex; align-items: center; background-color: #fff; border-radius: 50px; font-weight: 600; font-size: 13px; padding: 4px 4px 4px 15px; color: #1a81ff !important; margin: 0; } .readbtn span { background-color: #fff; height: 25px; width: 25px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-left: 6px; transition: 0.3s all; } .newportfolio_right .readbtn span { background-color: #1a81ff; } .newportfolio_right .readbtn span img { filter: brightness(20.5); } .readbtn span img { max-width: 90%; } .interlink_a { color: #195fff !important; font-weight: 800; } .interlink_white { color: #fff !important; font-weight: 600; } .heading_link { text-decoration: underline !important; color: #1a81ff !important; } .heading_link_white { text-decoration: underline !important; color: #fff !important; } .Anasa_bg { background-image: url(../images/portfoliopage/app-Anasa-bg.png); } body.modal-open { padding: 0 !important; } .Drop_Requirement .modal_form_img { background-image: url(../images/drop_requirement.png); height: 480px; background-size: cover; background-position: left; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; border-radius: 12px; } .Drop_Requirement form .form-group .form-control { height: 38px; font-size: 13px; font-weight: 500; color: #3d3d3d; box-shadow: unset !important; padding: 8px 12px; border: 1px solid #ededed !important; border-radius: 4px; } .Drop_Requirement form .form-group .btn { background-color: #1a81ff; color: #fff; font-weight: 600; text-transform: capitalize; border-radius: 4px; padding: 8px 20px; display: flex; font-size: 14px; transition: 0.5s all; border: 2px solid #1a81ff; box-shadow: 0 0 20px #0000001a; justify-content: center; height: auto; width: 100%; margin-top: 8px; } .Drop_Requirement form .form-group { margin-bottom: 12px; } .Drop_Requirement .modal-dialog { max-width: 700px; margin: 3.75rem auto; width: 100%; } .Drop_Requirement .modal-content { padding: 20px; border-radius: 20px; border: 0; } .Drop_Requirement .modal-body { padding: 0; } .Drop_Requirement form .form-group label { font-weight: 600; color: #08223acf; font-size: 13px; text-transform: capitalize; margin-bottom: 6px; } .Drop_Requirement .modal-body > .row { display: flex; align-items: center; } .Drop_Requirement .close { font-size: 34px; position: absolute; top: -52px; right: -20px; opacity: 1; filter: brightness(30.5); color: #fff; } .modal_form_img h2 { color: #fff; font-weight: 800; line-height: 53px; font-size: 35px; margin: 0; } .extract_img img { margin-top: -20px; } .newrequest_main { box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1); background-color: #fff; position: relative; display: flex; } .newrequest_left { width: 50%; position: relative; padding: 50px 40px; background-image: linear-gradient( to right top, #4d0a8b, #401b8c, #32248d, #222b8c, #0e308a ); } .newrequest_right { width: 50%; padding: 50px 40px; } .newrequest_form .form-group .form-control::placeholder { font-weight: 600; color: #08223a9e !important; } .newrequest_form .form-group .form-control { height: 50px !important; font-weight: 600; color: #08223a; box-shadow: unset; padding: 10px 16px; font-size: 15px; border: 2px solid #08223a1f; border-radius: 14px; } .newrequest_form .form-group .form-select { color: #08223a9e !important; } .newrequest_form .form-group label { font-weight: 500; color: #08223a; margin-bottom: 5px; display: block; font-size: 14px; } .newrequest_form .form-group { margin-bottom: 24px; } .newrequestbox_detil { width: 80%; padding-left: 14px; } .newrequestbox_icon { width: 20%; } .newrequest_bottom { display: flex; flex-wrap: wrap; } .newrequestbox_detil h4 { font-size: 30px; font-weight: 700; color: #fff; margin: 0 0 2px; line-height: 34px; font-family: Montserrat; } .newrequest_box { display: flex; align-items: center; width: 50%; margin-top: 26px; } .newrequestbox_detil span { display: block; color: #fff; font-size: 14px; font-weight: 600; } @-webkit-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .newrequest_form .form-group textarea.form-control { height: 100px !important; } .newrequestbox_icon img { max-width: 45px; } .expert_team p { font-size: 15px; color: #fff; line-height: 25px; font-weight: 500; font-family: Montserrat; margin-bottom: 12px; } .expert_team h3 { margin: 0 0 16px; line-height: 40px; font-size: 30px; color: #ffffff; font-weight: 700; font-family: Montserrat; } .newbtn_design2 { background-color: #1a81ff !important; font-weight: 600; font-size: 16px; padding: 14px 20px; display: block; border-radius: 14px; color: #fff !important; height: auto; width: 100%; border: 0 !important; } .newrequest_form .form-group select { color: #08223a9e !important; } .ctabtnmpadding { padding-bottom: 80px; } .newheading { margin-bottom: 40px; } .newheading h2 { color: #08223a; font-weight: 800; font-size: 36px; margin: 0 0 10px; line-height: 54px; } .newheading h2 span { text-decoration: underline; color: #1a81ff; } .newheading p { font-weight: 500; color: #08223a; font-size: 16px; margin-bottom: 8px; line-height: 29px; } .aboutbanner_new { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; display: flex; align-items: flex-end; } .aboutbanner_content h1 { text-align: center; color: #fff; font-weight: 900; font-size: 38px; line-height: 54px; margin-bottom: 20px; } .aboutbanner_content { text-align: center; margin-bottom: 100px; } .aboutbanner_content strong { font-size: 18px; font-weight: 700; font-family: Montserrat; color: #fff; line-height: 26px; margin-bottom: 15px; display: block; } .aboutbanner_content p { font-size: 16px; font-weight: 500; font-family: Montserrat; color: #fff; margin-bottom: 15px; line-height: 26px; } .sitemap_heading { text-align: center; } .sitemap_heading h1 { color: #fff; font-weight: 900; font-size: 60px; line-height: 70px; margin-bottom: 20px; margin-top: 0; } .sitemap_heading p { color: #fff; font-size: 16px; margin: 0; } .contactpopup_main { display: flex; position: relative; overflow: hidden; background-color: #ebefff; } .contactpopup_main::after { position: absolute; content: ""; background-color: #1a81ff; height: 20px; width: 100%; bottom: 0; left: 0; right: 0; border-radius: 100px 100px 0 0; z-index: 0; } .contactpopup_form::after { position: absolute; content: ""; height: 186px; width: 478px; top: -20px; left: -110px; right: 0; background-image: url(../images/common_icons/animate.svg); background-repeat: no-repeat; background-size: contain; background-position: top center; z-index: -1; opacity: 0.4; } .contactpopup_form::before { position: absolute; content: ""; height: 186px; width: 478px; bottom: -20px; left: auto; right: -110px; background-image: url(../images/common_icons/animate.svg); background-repeat: no-repeat; background-size: contain; background-position: top center; z-index: -1; opacity: 0.4; transform: scale(-1); } .contactpopup_form { width: 100%; padding: 40px 30px; position: relative; z-index: 1; } .contactpopup_heading { text-align: center; } .contactpopup_form form .form-group:last-child { text-align: center; } .contact_popup .modal-body { padding: 0; } .contact_popup .modal-content { border: 0; } .contact_popup .modal-dialog { width: 660px; margin: 40px auto; } .contactpopup_heading h2 { color: rgba(18, 21, 38, 1); font-weight: 800; font-size: 28px; line-height: 38px; margin-bottom: 10px; } .contactpopup_heading p { font-weight: 500; color: #08223a; font-size: 16px; line-height: 25px; margin-bottom: 14px; } .contactpopup_form .form-group .form-control { height: 50px; border-radius: 50px; border: 0; box-shadow: unset !important; padding: 10px 25px; background-color: #fff !important; font-weight: 500; font-size: 15px; border: 1px solid rgba(177, 179, 184, 0.45); color: #1d1d1d; } .contactpopup_form .form-group textarea.form-control { height: 100px; border-radius: 20px; padding: 14px 25px; resize: none; } .contactpopup_form .form-group { margin-bottom: 20px; } .iprefer_main { margin-top: 15px; } .iprefer { text-align: center; font-size: 14px; font-weight: 700; border-bottom: 2px solid rgba(18, 21, 38, 1); margin: 0; cursor: pointer; color: rgba(18, 21, 38, 1) !important; text-transform: capitalize; } .contactpopup_form .form-group select.form-control { -webkit-appearance: none; color: #1d1d1d; background-image: url(../images/common_icons/arrow-down-s-line.svg); background-repeat: no-repeat; background-position: 93% center; background-size: 24px; } .contactpopup_form .form-group .form-control::placeholder { color: #1d1d1d; } .contact_popup button.close { position: absolute; z-index: 2; right: 9px; top: 10px; opacity: 1; font-weight: 400; border: 0; font-size: 32px; color: #000; text-shadow: unset; filter: unset; display: flex; align-items: center; justify-content: center; height: 25px; width: 25px; background-color: #fff; border-radius: 50px; } .newbtn_design { background: #1a81ff; color: rgba(255, 255, 255, 1) !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; } .newbtn_design:hover { padding: 5px 25px 5px 60px; } .newbtn_design img { max-width: 20px; position: absolute; right: 22px; animation: wobble 1s ease infinite; transition: 0.5s; } .newbtn_design:hover img { right: calc(100% - 50px); } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .heading_link { text-decoration: underline !important; color: #1a81ff !important; } .breadcrumb-fluid .page-header .breadcrumb > .active h2 { font-weight: 600; font-size: 14px; margin: 0; } .download_link a { margin-right: 20px; } .download_link a img { max-width: 35px; } .maillink { color: #fff !important; font-weight: 600; font-size: 16px; display: flex; align-items: center; justify-content: center; margin: 16px 0 0px; } .maillink img { filter: invert(1); margin-right: 10px; } .popupmail { color: rgba(18, 21, 38, 1) !important; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; } .popupmail img { margin-right: 8px; } .blog_more_btn { text-align: center; padding: 30px 0 0; } .blog_more_btn a { color: #2e3b5b; border: 1.35px solid #2e3b5b; transition: 0.5s all; font-family: Poppins; font-size: 17.49px; font-weight: 600; line-height: 26.24px; text-align: left; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 0 20px; } .blog_more_btn a:hover { background-color: #2e3b5b; color: #fff; } .blog_more_btn a img { margin-left: 15px; transition: 0.3s all; max-width: 28px; } .blog_more_btn a:hover img { filter: brightness(20.5); margin-left: 20px; } .interlink_update { color: #0080ff !important; font-weight: 900; font-style: italic; } .interlink_update_wht { font-weight: 900; font-style: italic; color: #fff !important; text-decoration: underline; } .gpaycta p .interlink_update_wht { color: #fff !important; font-weight: 900; font-style: italic; background: transparent !important; padding: 0 !important; text-decoration: underline !important; box-shadow: none !important; } .hire_team_box .interlink_update_wht { text-decoration: none; } .new-imgg-bx { margin-top: 20px; width: 100% !important; } .new-imgg-bx img { width: 100% !important; } .new-iconn-bx img { max-width: 45px; } .sticky_box { position: sticky; top: 110px; } .cta-commbx { margin: 40px 0 0; } .cta-commbx .container { background: #eef3ff; border-radius: 20px; padding: 45px 30px; text-align: center; color: #08223a; } .cta-commbx .container h2 { font-size: 30px; font-weight: 700; position: relative; line-height: 44px; margin: 0 0 32px; } .cta-commbx .container p { font-weight: 500; font-size: 16px; margin-bottom: 25px; line-height: 26px; } @media (max-width: 2500px) { .contactfluid .container .mainpart .contactform .form-group label, .requestformfluid .container .mainpart .contactform .form-group label { font-size: 18px; line-height: 35px; margin-bottom: 5px; } .contactfluid .container .mainpart .topheading p { font-size: 20px; } } @media (max-width: 1920px) { .blogsection .blogpart .baner .home img { height: 260px; } } @media (max-width: 1679px) { .blogsection .blogpart .baner .home img { height: 240px; } .contactfluid .container .mainpart .contactform .form-group label, .requestformfluid .container .mainpart .contactform .form-group label { font-size: 16px; line-height: 35px; margin-bottom: 3px; } } @media (max-width: 1439px) { .blogsection .blogpart .baner .home img { height: 200px; } } @media (max-width: 1330px) { .christmas_bg { padding: 60px 0; } } @media (max-width: 1279px) { .headerfluid .container .navbar-default .navbar-nav > .desktopdropdown .deskgropmenu.hiremenu { left: 340px; } .uploadfile { width: 100%; } .busineed_mobile .container-fluid { margin-left: 20px; } .whyhire_newdesign .container-fluid { margin-left: 20px; } .client_testimonialsss_slider .slick-arrow { width: 30px; height: 30px; background-size: 16px; } .client_testimonialsss_slider .slick-prev { left: -17px; } .client_testimonialsss_slider .slick-next { right: -17px; } .main_banner { height: auto; } .saudi_banner { height: auto; } .requestformfluid .container { width: 100%; } .aboutbanner_content { margin-bottom: 60px; } } @media (max-width: 1199px) { .blogsection .blogpart .baner .home img { height: 230px; } .infographics_banner { height: 320px; } .infographics_banner_inner h1 { font-size: 34px; line-height: 40px; margin: 0; } .infographics-form strong { font-size: 24px; line-height: 33px; } .hire_comman .list_circle_design li::after { display: none; } .hireright_img { order: -1; margin-bottom: 30px; } .hire_comman .list_circle_design { list-style: none; } .healthcarefluid.myaboutpage .mainbackcontent { margin-top: 0; } .headerfluid .container .mymenu li > a { font-size: 13px; } .comman_background .mainbackcontent .row h1 { font-size: 32px; line-height: 50px; } .abouttopheaingfluid .container .mainbackcontent .row h1 { font-size: 28px; line-height: 37px; margin-bottom: 30px; padding-bottom: 18px; } .empowerbusiness_outer { width: 100%; } .empowerbusiness_box { max-width: 31%; } .homeservicefluid .homeservice .myservices { margin: 30px 0px; } .development-record-main { padding: 0 0 0 40px; } .clientfocus-fluid .featurepart .feature { height: auto; } .globally-connect-box { height: 220px; } .globally-connect-inner h3 { font-size: 18px; } .hover_part p { font-size: 12px; min-height: 76px; line-height: 20px; } .myiphoneapppage { height: 550px; } .iphoneappfluid .container .mainbackcontent .row h1 { font-size: 32px; line-height: 50px; } .comman_btn { font-size: 14px; } .development_servicess .comman_heading h2 { font-size: 30px; line-height: 44px; } .development_box h3 { font-size: 15px; } .development_box { padding: 20px 20px; margin: 0 8px 20px; width: 48%; } .ipad_view { width: 100%; } .comman_heading h2 { font-size: 26px; line-height: 35px; } .reform_content span { font-size: 26px; } .reform_content h3 { font-size: 16px; line-height: 20px; } .comman_process .process-inner-part h3 { font-size: 16px; } .healthcarefluid.myaboutpage { height: 700px; } .comman_background { height: 600px; } .reform_content p { font-size: 14px; } .inves_box_outer { margin-top: 45px; width: 50%; } .weoffer .col-md-5 { width: 100%; } .weoffer .col-md-7 { width: 100%; } .weoffer .row { flex-wrap: wrap; } .weoffer_box::after { right: -140px; width: 210px; } .hire_team_box h2 { font-size: 25px; line-height: 34px; } .hire_team_box p { font-size: 14px; margin-bottom: 4px; line-height: 24px; } .headerfluid .container { width: 95%; } .flutter_developments_services .development_box { min-height: 214px; } .android_developments_services .development_box { min-height: 264px; } .iphone_developments_services .development_box { min-height: 243px; } .blockchain_developments_services .development_box { margin-bottom: 10px; min-height: 240px; } .blockchain_stack .row, .industries_wefuel .row { display: flex; flex-wrap: wrap; } .blockchain_stack .row .col-md-4, .industries_wefuel .row .col-md-4 { width: 50%; } .blockchain_stack_box { min-height: 306px; } .industries_wefuel_box { min-height: 234px; } .development-head h3 { font-size: 14px; } .development-head img { max-width: 33px; } .circle_border { width: 8%; } .development-process-outter-block .col-md-5 { width: 46%; } .react_developments_services .development_box { min-height: 300px; } .wearable_developments_services .development_box { min-height: 256px; } .weserve_mobilegame .col-md-4 { width: 50%; } .whymobiles_box p { font-size: 14px; line-height: 20px; } .robusts-solutions-box h3 { line-height: 22px; } .arvr_developments_services .development_box { min-height: 220px; } .robusts-solutions-box { max-width: 32%; } .aiml_developments_services .development_box { min-height: 270px; } .iot_developments_services .development_box { min-height: 230px; margin-bottom: 20px; } .iot_advantages .row .col-md-4 { width: 50%; } .iot_advantages_box { min-height: 265px; } .healthcares_services .development_box { min-height: 260px; margin-bottom: 20px; } .chessgame_services .development_box { min-height: 230px; } .ecommercefeatures_box { width: 49%; } .ott_developments_services .development_box { min-height: 210px; margin-bottom: 20px; } .techniques_sec .col-md-3 { width: 50%; margin-top: 40px; } .techniques_boxs { min-height: 280px; } .techniques_sec .mb_high { margin: 0; } .hiredeveloper_services .development_box { width: 31%; margin-bottom: 20px; min-height: 300px; } .whyhiredeveloper_outter { flex-wrap: wrap; } .whyhiredeveloper_inner h3 { font-size: 16px; line-height: 24px; } .whyhiredeveloper_box { width: 49%; margin-bottom: 18px; } .after_hover { transition: 0.3s all; transform: unset; position: relative; margin-top: 10px; } .whyhiredeveloper_box:hover .without_hover { transform: unset; position: relative; opacity: 1; } .support_maintenances_services .development_box { min-height: 250px; } .Key_benefits_hybrid .enterprises_box { min-height: 563px; } .hybrid_developments_services .development_box { width: 32%; margin: 0 6px; min-height: 370px; } .hire-android-benefits .development_box { min-height: 220px; } .hire-game-servicers .development_box { min-height: 210px; } .platformsgame_box { border-radius: 30px; padding: 25px; min-height: 330px; } .platformsgame_ico { position: absolute; top: -30px; right: 35px; } .hire-php-servicers .development_box { width: 31%; min-height: 390px; } .whyhirephp_box { margin: 0 8px 20px; width: 48%; } .fantasys_services .development_box { min-height: 220px; } .sports-app-features .ecommerce_features_outter .ecommercefeatures_box { min-height: 905px; width: 48%; } .hire-react-js-services .development_box { min-height: 250px; } .hire-flutter-services .development_box { min-height: 230px; } .realestate_services .development_box { min-height: 270px; margin-bottom: 20px; } .realestateappp .platformsgame_box { min-height: 330px; } .platformsgame_ico img { max-width: 36px; } .hire-react-native-services .development_box { min-height: 250px; margin-bottom: 20px; } .whychose_native .techniques_boxs { min-height: 240px; } .developmentexemplary .blockchain_stack_box { min-height: 340px; } .hire-node-js-services .development_box { min-height: 280px; } .nodeimplement .industries_wefuel_box { min-height: 274px; } .hire-vuejs-services .development_box { min-height: 270px; margin-bottom: 20px; width: 31%; } .hire-golang-services .development_box { min-height: 270px; } .applicationsgolang .platformsgame_box { min-height: 290px; padding: 45px 30px 35px 30px; } .updated-footer-fluid .footer-link-fluid .col-md-2 { width: 100%; text-align: center; margin-bottom: 20px; } .updated-footer-fluid .footer-link-fluid .col-md-6 { width: 66%; } .hire-angular-services .development_box { width: 31.33%; } .step_angularhire .platformsgame_box { min-height: 260px; } .updated-tech-fluid .tech-fluid ul li a h4 { font-size: 16px; } .technology-fluid .tab-content .technologypart { margin-top: 40px; } .aem_servicess .development_box { width: 31%; } .box_services3 .development_box { width: 31%; } .quote_heading { color: #fff; font-size: 18px; font-weight: 700; font-family: Montserrat; margin: 0 14px 12px; text-align: left; } .form-main .form-group .form-control { height: 36px; font-size: 13px; } .headerfluid .container .mymenu li > a { font-size: 13px; } .uploadicon { width: 22%; text-align: left; } .hire_comman { padding: 0; } .hiremobile_main { margin: 70px 0; flex-wrap: wrap; } .hire_comman .hiremobile_left h1 { font-size: 38px; margin: 0 0 20px; line-height: 49px; } .Hire_commanbtn1, .Hire_commanbtn { padding: 14px 28px; font-size: 15px; } .hiremobile_left, .hiremobile_right { width: 100%; max-width: 100%; text-align: center; } .hiremobile_left { margin-bottom: 0; } .hirebanner_box { width: 23%; } .hire_development_box { max-width: 31%; margin: 20px 8px 0; } .busineed_mobile_box h3 { font-size: 17px; } .busineed_mobile .col-md-4 { width: 50%; } .busineed_mobile .col-md-8 { width: 50%; } .busineed_mobile_main .slick-next { right: 28px; } .strenth_single strong { font-size: 34px; line-height: 16px; } .teamstrenth_box span { line-height: 21px; } .whyconsider_contentpart { padding: 0 10px; } .whyconsider_box h3 { margin: 14px 0 12px; font-size: 16px; line-height: 20px; } .slick-dots { display: flex !important; position: absolute; bottom: -49px; left: 0; right: 0; margin: 0 auto; justify-content: center; } .slick-dots .slick-active button { width: 25px !important; opacity: 1; } .slick-dots button { height: 4px; width: 15px !important; display: inline-flex; align-items: center; justify-content: center; text-indent: -6.111e25px; border-radius: 20px; background-color: #fff; padding: 0; transition: 0.5s all; opacity: 0.5; } .slick-dots li { margin: 0 4px; } .client_testimonialsss_box { height: auto; } .model_hiring_box h3 { margin: 14px 0 9px; font-size: 16px; } .industry_circle h3 { font-size: 14px; } .ewallet_wallet .whyhiredeveloper_box { width: 32%; } .ewallet_wallet .whyhiredeveloper_outter { justify-content: space-evenly; } .christmas_bg .container { height: 470px; } .hireindian_banner .hiremobile_left, .hireindian_banner .hiremobile_right { width: 50%; max-width: 50%; text-align: left; margin: 0; } .flexibel_modal_box h3 { font-size: 16px; } .cost_hire_box { height: auto; } .whyhire_newdesign .col-md-5 { width: 50%; } .whyhire_newdesign .col-md-7 { width: 50%; } .whyhirenew_boxes { height: auto; } .team_skills_main .techniques_boxs { min-height: auto; width: 31%; margin: 60px 9px 0; } .nnvotaions_boxs { height: auto; } .website_portfolioo_slider .slick-dots { display: none !important; } .footer-logo-fluid .col-set { width: 11%; margin: 0 9px; } .success_banner { padding: 60px 0 50px; } .hire_comman .hirecomman_img img { max-width: 60%; } .Testimonialss_banner { padding: 60px 0 70px; } .Testimonialss_right h1 { font-size: 38px; margin: 0 0 20px; line-height: 49px; } .Testimonialss_right p { font-size: 15px; margin-bottom: 20px; line-height: 27px; } .Testimonial---btn a { padding: 14px 28px; font-size: 15px; } .page--success--main { margin-top: 0; } .banner-page-success { padding: 50px 0; } .page--success--left h1 { font-size: 38px; margin: 0 0 20px; line-height: 49px; } .storymain--box { width: 46%; } .demand_comman .demand_comman_left h1 { font-size: 38px; margin: 0 0 18px; line-height: 50px; } .demand_comman_right { margin-left: 30px; } .demand_comman .container .row { flex-wrap: wrap; } .demand_comman { padding: 70px 0 70px; height: auto; } .demand_Sevicess { height: 190px; } .readymade_main { flex-wrap: wrap; } .readymade_box { width: 47%; margin: 0 10px 25px; perspective: 60em; } .readymade_box img { width: 60%; } .competitors_box img { max-width: 70px; } .competitors_box h3 { font-size: 15px; } .competitors_box { width: 46%; } .portfolio_designn .slick-active button { width: 20px !important; } .modalssmain_boxx h3 { font-size: 15px; } .modalssmain_boxx h3 img { max-width: 43px; margin-right: 7px; } .modalssmain_boxx ul { margin: 15px 0 20px; padding-left: 24px; min-height: auto; } .modalssmain_boxx ul li p { font-size: 15px; margin-bottom: 0; line-height: 27px; } .modalssmain_boxx ul li::after { height: 8px; width: 8px; top: 10px; left: -19px; border-radius: 2px; } .modalssmain_btn { font-size: 14px; } .User_Satisfaction_box { width: 47%; } .main_banner_heading h1 { font-size: 38px; margin: 0 0 20px; line-height: 49px; } .main_banner_form { margin: 0 20px; } .main_banner { height: auto; padding: 60px 0px 60px; } .dubai_inner { border-radius: 8px; padding: 30px 40px; height: auto; } .dubai_inner h3 { font-size: 20px; } .dubai_inner p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .dubai_services_main .nav-tabs { width: 50%; display: flex; flex-wrap: wrap; } .dubai_services_main .nav-tabs li { width: 46%; margin-bottom: 16px; margin-right: 15px; } .dubai_services_main .nav-tabs li a img { margin-right: 10px; max-width: 29px; } .dubai_services_main .nav-tabs li a { font-size: 14px !important; } .Cta_head h2 { font-size: 22px; } .dubai_industries_main .nav-tabs li a { font-size: 14px !important; } .dubai_industries_box h3 { font-size: 20px; } .tackstact_dubai_main .nav-tabs li a img { margin-right: 0; display: none; } .tackstact_dubai_main .nav-tabs li a { text-align: center; justify-content: center; } .dedicated_newmain h1 { font-size: 38px; margin: 0 0 20px; line-height: 49px; } .dedicated_newdesign { padding: 70px 0; } .dedicated_newmain { margin-top: 0; flex-wrap: wrap; } .dedicated_left { width: 100%; max-width: 100%; order: 1; margin-top: 40px; text-align: center; } .dedicated_right img { max-width: 60%; } .dedicated_right { width: 100%; max-width: 100%; padding-left: 0; text-align: center; } .benefit_dedi_box { width: 47%; } .saudi_banner { padding: 60px 0px 60px; } .saudi_banner_content h2 { font-size: 38px; margin: 0 0 20px; line-height: 49px; } .saudi_services_boxx h3 { padding-left: 14px; } .Industries_first { display: none; } .Industries_hover { display: block; position: relative; right: 0; } .Industries_main_box { width: 32%; margin-right: 18px; margin-bottom: 18px; height: auto; align-items: flex-start; } .Industries_main_box:hover { width: 32%; } .Industries_arbia { flex-wrap: wrap; justify-content: flex-start; } .Industries_arbia .Industries_main_box:nth-child(3n + 0) { margin-right: 0; } .why_Arabia_slider .slick-next { right: 54px; } .why_Arabia_slider .slick-prev { right: 110px; } .trusted_icons img { max-width: 80px; } .Dedicated_cta_main h2 { font-size: 26px; margin-top: 0; line-height: 36px; margin-bottom: 11px; } .Dedicated_cta_main img { right: 60px; max-width: 250px; } .developers_box { width: 48%; margin-right: 15px !important; margin-bottom: 15px; } .Industry_page { margin-top: 0; } .bannerhome_design { height: auto; padding: 60px 0 120px; } .bannerhome_content h1 { font-size: 40px; line-height: 56px; margin: 0 0 18px; } .bannerhome_content P { font-size: 16px; margin-bottom: 20px; line-height: 27px; } .bannerhome_pic img { max-width: 300px; } .demand_comman_imgg img { max-width: 400px; } .mycontactpage { width: 100%; padding: 60px 0 70px; } .requserquotefluid .container .mainbackcontent .row h1 { font-size: 40px; line-height: 54px; margin-bottom: 32px; } .myrequserquotepage { width: 100%; padding: 80px 0 100px; } .aboutbanner_content h1 { font-weight: 900; font-size: 28px; line-height: 40px; margin-bottom: 10px; } .aboutbanner_content strong { margin-bottom: 10px; } .aboutbanner_content { margin-bottom: 0; } .aboutbanner_new { height: auto; padding: 220px 0 80px; } .footernew_award img { max-height: 115px; } .fully_featured_content .featured_heading h3 { font-size: 22px; line-height: 30px; margin: 0px 0 15px; } } @media (max-width: 1023px) { .blogsection .blogpart .baner .home img { height: 190px; } .infographics-main .row { flex-wrap: wrap; } .infographics-main .row .col-md-4 { position: unset; top: 0; width: 100%; margin-bottom: 40px; } .achivement_devlopment .row { flex-wrap: wrap; } .Testimonialss--b-img { text-align: center; } .achivement_devlopment .col-md-5 { width: 100%; margin-bottom: 20px; } .achivement_devlopment .col-md-7 { width: 100%; } .achivementMain .achivement_imgss:nth-child(2) { transform: unset; } .dubai_popup_main { height: auto; width: 360px; } .christmas_mobile { display: block; } .christmas_mobile img { max-width: 100%; width: 100%; } .christmas_bg { background-image: unset; position: relative; padding: 0 0 50px; } .christmas_bg .container { height: auto; max-width: 100%; margin: 0; padding: 0; } .christmas__form form .form-group.col-md-6 { width: 50%; } .christmas__form form .form-group.col-md-12 { width: 100%; } .christmas__form form { display: flex; flex-wrap: wrap; } .christmas__form { position: relative; right: 0; top: 0; transform: unset; max-width: 70%; margin: -50px auto 0; z-index: 1; box-shadow: 0 0 20px #00000038; } .hiremobile_left { padding-right: 0; } .requestformfluid .container .mainpart .contactform { padding: 30px 30px; } .uploadfile { flex-wrap: wrap; } .contentfile { width: 100%; margin-bottom: 20px; text-align: center; } .uploadicon { width: 100%; text-align: center; } .headerfluid .container .mymenu li > a { font-size: 11px; padding-right: 0; } .footer-logo-fluid .col-md-12 { width: 100%; } .footer-social-fluid h4 { margin: 18px 0; } .comman_background .mainbackcontent p { font-size: 15px; margin-bottom: 20px; line-height: 25px; } .comman_background .mainbackcontent .row h1 { font-size: 28px; line-height: 43px; } .healthcarefluid.myaboutpage { height: 530px; } .lifetechfropse-fluid .featurepart .feature .bottom_side_img img { height: 190px; } .lifetechfropse-fluid .featurepart .feature .main_big_img img { height: 310px; } .lifetechfropse-fluid .featurepart .feature .left_side_img img { height: 530px; } .abouttopheaingfluid .container .mainbackcontent .row h1 { font-size: 24px; line-height: 34px; } .abouttopheaingfluid .container .mainbackcontent .row h2 { font-size: 20px; } .abouttopheaingfluid .container .mainbackcontent .buttons-part a { font-size: 14px !important; } .game-feature-heading1 { font-size: 24px !important; } .aboutteam_section .game-feature-heading1 { line-height: 31px; } .container { width: 100%; max-width: 94%; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h5 { font-size: 30px; } .mainaboutfluid { padding: 60px 0; } .websitedesignfluid .container .websitedesign .servicepart .col-sm-3 { width: 50%; margin-bottom: 30px; } .empowerbusiness_section { padding: 60px 0; } .empowerbusiness_outer .game-feature-heading1, .development-record-main .game-feature-heading1 { font-size: 24px !important; line-height: 33px; } .empowerbusiness_outer { background-color: #1a81ff; padding: 50px 20px; height: auto; flex-wrap: wrap; margin: 0; } .empowerbusiness_main { flex-wrap: wrap; } .empowerbusiness_outer .col-md-6 { width: 100%; margin: 40px 0; } .Developing_sldier .owl-nav { display: none; } .development-process { padding: 60px 0; } .development-record { padding: 60px 0; } .homeservicefluid { padding: 60px 0; } .development-process-top .row, .development-process-bottom .row { display: flex; justify-content: center; } .development-process-outter { max-width: 90%; margin: 50px auto 0; } .clientfocus-fluid .featurepart .col-sm-3.col-xs-6 { padding: 0 10px; width: 50%; margin-bottom: 30px; } .featurepart > .row { display: flex; flex-wrap: wrap; } .globally-connect { padding: 60px 0; } .globally-outter { margin-top: 40px; } .globally-outter { margin-top: 40px; display: flex; flex-wrap: wrap; } .globally-outter .col-md-3 { width: 50%; margin-bottom: 30px; } .updated-footer-fluid .footer-logo-fluid .logo-bg { margin-bottom: 20px; } .comman_process .process-inner-part { transform: unset; text-align: center; } .comman_process { height: 160px; width: 160px; transform: unset; } .development-process-bottom { transform: translateX(10px); margin-top: 50px; } .comman_process .process-inner-part h3 { font-size: 15px; margin-bottom: 0; } .development-process-bottom .comman_process::after { position: absolute; content: ""; left: 7px; top: -138px; height: 140px; width: 60px; } .clientfocus-fluid { padding: 60px 0; } .industries ul li h4 { font-size: 14px; } .iphoneappfluid .container .mainbackcontent .row h1 { font-size: 28px; line-height: 43px; } .iphoneappfluid .container .mainbackcontent p { font-size: 15px; margin-bottom: 20px; line-height: 25px; } .comman_btn { font-size: 14px; padding: 11px 30px; margin-top: 10px; } .myiphoneapppage { height: 520px; } .aboutteam_section .toppart { width: 54%; } .padding-comman { padding: 60px 0; } .development_servicess .comman_heading h2 { font-size: 24px; line-height: 28px; } .comman_heading p { font-size: 15px; margin-bottom: 12px; line-height: 25px; } .comman_heading { margin-bottom: 45px; } .development_servicess_outer { margin-top: 0; } .development_box { padding: 20px 20px; margin: 0 8px 18px; width: 47%; } .devmethologyfluid .row { flex-wrap: wrap; } .devmethologyfluid .container .mehologyimage img { width: 50%; } .devmethologyfluid .col-md-5 { width: 100%; margin-bottom: 40px; } .comman_heading h2 { font-size: 24px; line-height: 35px; } .devmethologyfluid .comman_heading { margin-bottom: 0; } .cta_comman .comman_btn { margin-top: 16px; } .types_of_ios .col-md-6.text-center { width: 100%; margin: 70px 0 40px; } .reform_box { flex-wrap: wrap; width: 47%; margin: 8px 8px; } .reform_content { width: 100%; padding: 20px 20px; height: 250px; } .reform_img { width: 100%; order: -1; } .reform_img img { height: 260px; } .reform_business_main { align-items: flex-start; } .reform_content h3 { font-size: 16px; } .manifesto_content { padding: 30px; } .manifesto_rightcontent { margin-left: 0; padding: 30px; } .comman_heading strong { font-size: 16px; } .iphoneportfolio .row { flex-wrap: wrap; } .iphoneportfolio .row .col-sm-6 { width: 100%; } .iphoneportfolio .row .col-sm-6 { width: 100%; margin: 20px 0; } .iphoneportfolio .comman_heading { margin-bottom: 0; } .weoffer .row { flex-wrap: wrap; } .weoffer .comman_heading { margin-bottom: 10px; } .glimpse .app-number { padding: 0; } .hire_team_box { padding: 36px 30px; height: auto; } .hire_team_box h2 { font-size: 24px; line-height: 33px; } .blogsection { padding: 60px 0; } .faq_section_custom { margin: 50px 0px 0; } .faq_box_head { font-size: 15px; } .faq_data { font-size: 14px; } .faq_box { border-radius: 4px; padding: 0px 20px; margin-bottom: 20px; } .comman_background { height: auto; padding: 50px 0 80px; } .why_invest .row { display: flex; flex-wrap: wrap; } .hire_team .row { flex-wrap: wrap; } .hire_team .col-md-6 { padding: 0; width: 100%; } .cta_comman .container { padding: 32px 40px; } .flutter_benefits .row { display: flex; flex-wrap: wrap; } .flutter_benefits_box { margin: 0; } .flutter_benefits .row .col-md-6, .flutter_benefits .row .col-md-4 { width: 100%; margin-bottom: 45px; } .technology-fluid .tab-content .technologypart .technology .tech p { margin-top: 10px; font-size: 14px; } .updated-tech-fluid .tech-fluid ul li a h4 { font-size: 14px; line-height: 20px; } .technology-fluid .tab-content .technologypart { margin-top: 20px; } .updated-tech-fluid .tech-fluid { margin-top: 40px; margin-bottom: 0; } .flutter_developments_services .development_box { min-height: 240px; } .android_developments_services .development_box { min-height: 314px; } .blockchain_developments_services .development_box { margin-bottom: 10px; min-height: 320px; } .blockchain_stack_box { min-height: 369px; } .industries_wefuel_box { min-height: 294px; } .development-process-box { height: auto; padding: 12px; } .development-process-box p { font-size: 13px; line-height: 20px; } .development-head img { max-width: 22px; } .left_box_design .development-head img { margin-left: -16px; margin-right: 10px; } .right_box_design .development-head img { margin-right: -18px; margin-left: 10px; } .development-process-main { display: flex; padding: 7px 0; } .circle_design { height: 24px; width: 24px; } .circle_border::after { top: 73px; } .reactnativebusiness_box { max-width: 100%; } .react_developments_services .development_box { min-height: 390px; } .wearable_developments_services .development_box { min-height: 316px; } .industries_wefuel_box span { display: block; margin-bottom: 10px; } .weserve_mobilegame .industries_wefuel_box { height: 290px; } .whymobiles_box { margin-bottom: 30px; } .robusts-solutions-box { max-width: 48%; } .arvr_developments_services .development_box { min-height: 270px; } .aiml_developments_services .development_box { min-height: 340px; } .iot_developments_services .development_box { min-height: 280px; margin-bottom: 20px; } .healthcares_services .development_box { min-height: 320px; margin-bottom: 20px; } .chessgame_services .development_box { min-height: 280px; } .gamingexpertise_box { width: 100%; margin-bottom: 30px; } .reactnativebusiness_box p { font-size: 14px; } .ott_developments_services .development_box { min-height: 250px; } .techniques_sec .col-md-3 { width: 50%; margin-top: 60px; } .techniques_sec .row { display: flex; flex-wrap: wrap; } .techniques_boxs { min-height: 330px; margin: 0; } .connectpeople_box { max-width: 49%; padding: 30px; border-right: 0; border: 1px solid #ffffff54 !important; } .connectpeople_outer { justify-content: space-between; } .hiredeveloper_services .development_box { width: 47%; margin-bottom: 20px; min-height: 300px; } .enterprises_box { width: 100%; min-height: auto !important; } .whyhiredeveloper_box { width: 49%; margin-bottom: 18px; height: auto; } .portfolio_design_box .comman_heading h2 { font-size: 20px; line-height: 21px; } .portfolio_design_box .col-md-7, .portfolio_design_box .col-md-5 { width: 100%; } .portfolio_design_box { flex-wrap: wrap; border: 0; margin-bottom: 30px; padding: 30px 20px; } .portfolio_design_box .col-md-5 { order: -1; margin-bottom: 40px; } .portfolio_design_box .comman_heading p { font-size: 14px; } .portfolio_design_box .comman_heading strong { margin: 0 0 5px; font-size: 15px; } .portfolio_images { text-align: center; } .whybahrain img { width: 100%; display: none; } .whybahrain .col-md-4 { width: 100%; } .portfolio_images img { max-width: 60%; } .androidinbharin .col-md-5 { order: -1; } .support_maintenances_services .development_box { min-height: 320px; } .development-process-outter-block .development-process-main:last-child .circle_border::after { height: 120px; background-color: #ecf1fd; } .hybrid_developments_services .development_box { width: 48%; margin: 0 6px 20px; min-height: 350px; } .enterprises_outter { margin: 0; } .hire-android-benefits .development_box { min-height: 250px; } .guaranteedgrowth_box { max-width: 48%; margin: 10px 6px; } .guaranteedgrowth_icon img { max-width: 60px; } .reactnative_img { text-align: center; } .hire-game-servicers .development_box { min-height: 256px; } .modelhiring_sec .row .col-md-6 { margin: 18px 0 60px; } .modelhiring_box::before { display: none; } .platforms_game .row { display: flex; flex-wrap: wrap; justify-content: center; } .platforms_game .col-md-4 { width: 50%; margin-bottom: 50px; } .platformsgame_box { min-height: 310px; } .hire-php-servicers .development_box { width: 47%; min-height: 340px; } .whyhirephp_box { margin: 0 6px 20px; width: 48%; } .whyhireicon img { max-width: 52px; } .whyhireicon { height: 70px; width: 80px; } .techniques_boxs h3 { font-size: 15px; margin: 12px 0 9px; } .whyhirephp_box h3 { font-size: 15px; } .fantasys_services .development_box { min-height: 280px; } .sports-app-features .ecommerce_features_outter .ecommercefeatures_box { min-height: auto; width: 100%; } .opengposfluid .container .positionjob .row .col-sm-4 { width: 50%; } .contacttopheaingfluid .container .mainbackcontent .row h1 { font-size: 33px; } .uploadfile { width: 100%; display: flex; align-items: center; } .requserquotefluid .container .mainbackcontent .row h1 { font-size: 33px; } .requserquotefluid .container .mainbackcontent .row h2 { font-size: 18px; } .hire-react-js-services .development_box { min-height: 290px; } .hire-flutter-services .development_box { min-height: 260px; } .realestate_services .development_box { min-height: 340px; margin-bottom: 20px; } .hire-react-native-services .development_box { min-height: 300px; } .whychose_native .techniques_boxs { min-height: 280px; } .realestateappp .platformsgame_box { min-height: 270px; } .blockchain_stack_box span img { max-width: 62px; } .hire-node-js-services .development_box { min-height: 320px; } .nodeimplement .industries_wefuel_box { min-height: 362px; } .whyhiredeveloper_outter { align-items: unset; } .hire-vuejs-services .development_box { min-height: 240px; margin-bottom: 20px; width: 47%; } .hire-golang-services .development_box { min-height: 340px; } .applicationsgolang .platformsgame_box { min-height: 260px; } .updated-footer-fluid .footer-link-fluid .col-md-6 { width: 100%; } .updated-footer-fluid .footer-link-fluid .col-md-6 .row .col-sm-6 { width: 33.33%; } .businessideas .col-md-7 { order: 1; } .ratesfrom_outter { justify-content: center; } .ratesfrom_box { max-width: 47%; margin: 30px 9px 35px; } .ratesfrom_box h3 { font-size: 17px; line-height: 19px; margin: 3px 0 18px; } .enterprises_box h3 { font-size: 15px; font-weight: 600; } .hire-angular-services .development_box { width: 47%; } .sub_para { margin-top: -7px; } .aem_servicess .development_box { width: 47%; } .box_services3 .development_box { width: 47%; } .taxii_features_box { width: 100%; } .reliable_name .row .col-md-8 { order: 1; margin-top: 50px; } .feature_2boxes .taxii_features_outter .taxii_features_box { width: 100%; } .order_change_mobile { order: -1; margin-bottom: 30px; } .form_banner .comman_content { text-align: center; } .form-main .col-md-6 { width: 50%; } .form-main .col-md-12 { width: 100%; } .form-main .form-group .comman_btn { font-size: 14px; padding: 11px 30px; margin-top: 10px; } .hiremobile_main { margin: 60px 0; } .hire_comman .hiremobile_left h1 { font-size: 30px; margin: 0 0 20px; line-height: 39px; } .hire_comman .hiremobile_left p { font-size: 15px; margin-bottom: 24px; line-height: 27px; } .Hire_commanbtn1, .Hire_commanbtn { padding: 13px 30px; font-size: 14px; } .hirebanner_box { width: 49%; margin-bottom: 15px; } .only_mobile { display: block; margin-top: 20px; } .only_desktop { display: none; } .only_mobile .slick-dots button { background-color: #4ba6e5; } .only_mobile .slick-dots { bottom: -39px; } .hirebanner_box { margin: 18px 20px !important; width: auto; box-shadow: 0 0 20px #0000002e; } .hire_development_box { max-width: 47%; margin: 0px 8px 20px; } .hire_icon { height: 60px; width: 80px; margin: 0 auto 14px -22px; } .hire_icon img { max-width: 36px; } .hire_development_box h3 { font-size: 15px; } .busineed_mobile_box { margin: 0px 10px; padding: 15px; border-bottom: 8px solid #fff; border-left: 3px solid #fff; border-right: 3px solid #fff; border-top: 3px solid #fff; border-radius: 10px; } .busineed_mobile_box h3 { font-size: 16px; margin: 10px 0 9px; } .icon_mobile img { max-width: 50px; } .busineed_mobile_box p { font-size: 14px; line-height: 23px; } .busineed_mobile_main { padding-right: 20px; } .busineed_mobile_main .slick-next, .whyhirenew_slider .slick-next { right: 8px; background-size: 22px; height: 40px; width: 40px; } .busineed_mobile:hover .slick-next, .whyhire_newdesign:hover .slick-next { right: 8px; } .hire_development_box:hover .hire_icon { margin: 0 0 16px 0; width: 60px; } .client_testimonialsss_box { transform: scale(1); } .client_testimonialsss_box p { font-size: 14px; margin-bottom: 0; line-height: 23px; } .client_testimonialsss_box h3 { margin: 16px 0 12px; font-size: 15px; line-height: 17px; } .slick-dots { bottom: -39px; } .client_testimonialsss_box strong { font-size: 15px; } .Produce_main_ouuter { flex-wrap: wrap; padding: 20px 0 0; } .Produce_main_box { width: 47%; padding: 16px 10px; margin: 0 9px 20px; cursor: pointer; min-height: auto; } .Produce_main_ouuter::after, .last_circle, .first_circle, .count_produce, .Produce_main_box::after { display: none; } .Produce_main_box p { display: block; } .team_strenth .row .col-md-7 { width: 100%; margin-bottom: 40px; border: 0; } .team_strenth .row .col-md-5 { width: 100%; } .strenth_icon { height: 60px; width: 60px; border: 1px dashed #fff; margin: 0 0 20px; } .strenth_single strong { font-size: 28px; line-height: 10px; } .strenth_icon img { max-width: 35px; } .strenth_count { margin-bottom: 15px; } .strenth_single span { font-size: 15px; } .team_right { padding-left: 0; } .Produce_main_box:hover { width: 47%; min-height: auto; } .model_hiring_box { border-bottom: 11px solid #4ba6e5; border-left: 3px solid #4ba6e5; border-right: 3px solid #4ba6e5; border-top: 3px solid #4ba6e5; border-radius: 16px; box-shadow: 0px 3px 53px #0000001a; padding: 15px; width: 49%; margin-bottom: 20px; } .hiring_model_outer { flex-wrap: wrap; } .model_hiring_box h3 { margin: 14px 0 12px; font-size: 15px; line-height: 10px; } .model_hiring_box p { font-size: 14px; margin-bottom: 0; line-height: 23px; } .model_hiring_box img { max-width: 48px; } .whyconsider_bg { height: 400px; margin-bottom: 30px; border-radius: 0; display: none; } .whyconsider_contentpart { padding: 0 30px; text-align: center; justify-content: center; } .whyconsider_box p { font-size: 14px; line-height: 24px; } .whyconsider_box h3 { margin: 14px 0 11px; font-size: 15px; line-height: 17px; } .hirededicated_main .hirededicated_box:nth-child(2) { margin-top: 0; } .hirededicated_main { flex-wrap: wrap; } .hirededicated_box { width: 100%; margin-bottom: 20px; } .hirededicated_top { padding: 30px 0; height: auto; } .hirededicated_top h3 { margin: 13px 0; display: block; font-size: 20px; line-height: 20px; } .hirededicated_top span { font-size: 15px; } .hirededicated_bottom { height: auto; padding: 16px 0; } .hirededicated_bottom p { margin: 0 auto; max-width: 90%; } .industry_circle { height: 150px; width: 31.33%; margin-bottom: 20px; } .hire_industry_main .industry_circle:nth-child(2), .hire_industry_main .industry_circle:nth-child(4), .hire_industry_main .industry_circle:nth-child(6) { margin-top: 0; } .hire_industry_main { flex-wrap: wrap; } .industry_circle::after { display: none; } .ewallet_wallet .whyhiredeveloper_box { width: 48%; } .hiredeveloper_icon img { max-width: 55px; } .whyconsider_box { text-align: center; padding: 26px; border: 2px solid #f2f2f28a; border-radius: 10px; margin: 0 10px 20px; width: 47%; } .whyconsider_icon { margin: 0 auto; } .teamstrenth_box img { max-width: 50px; } .teamstrenth_box { height: 130px; } .team_strenth_details { margin-top: 50px; } .hireindian_banner .hiremobile_left, .hireindian_banner .hiremobile_right { width: 100%; max-width: 110%; text-align: center; margin: 0; } .hireindian_banner .hiremobile_left { order: 1; margin-top: 50px; } .hire_comman .list_circle_design { list-style: none; padding-left: 0; margin-bottom: 0; } .hireindian_img img { max-width: 80%; } .cta_left { width: 100%; margin-bottom: 20px; text-align: center; } .cta_new .container { flex-wrap: wrap; justify-content: center; } .cta_new h2 { margin: 0; font-size: 24px; } .cta_btn { padding: 10px 21px; font-size: 13px; } .flexibel_modal_box { width: 49%; margin-bottom: 20px; } .flexibel_modal_box ul li p { font-size: 14px; line-height: 21px; } .cost_hire_outter .cost_hire_box:nth-child(2) { margin-top: 0; } .cost_hire_box { width: 49%; margin-bottom: 15px; } .cost_hire_outter { flex-wrap: wrap; margin-top: 40px; } .cost_hire_box h3 { font-size: 16px; margin: 0 auto 11px; } .cost_hire_box p { font-size: 14px; margin-bottom: 0; line-height: 22px; } .price_box { margin: 15px 0; } .price_box strong { font-size: 20px; } .whyhire_newdesign .row { display: flex; flex-wrap: wrap; } .whyhirenew_slider { padding-right: 10px; } .techniques_icons { width: 70px; height: 70px; margin-bottom: 12px; } .techniques_icons img { max-width: 42px; } .team_skills_main .techniques_boxs { min-height: auto; width: 47%; margin: 50px 9px 0; } .webdesign_box_ouuter { flex-wrap: wrap; } .webdesign_box { height: 130px; width: 32%; margin-bottom: 20px; } .webdesign_box::after { display: none; } .d_maring { margin: 15px 0 20px !important; } .portfolioo_img { width: 100%; } .portfolioo_box { flex-wrap: wrap; } .portfolioo_content { width: 100%; margin-top: 30px; } .footer-logo-fluid .col-set { width: 22%; margin: 0 9px; } .success_banner { padding: 40px 0 40px; } .success__main { padding: 20px 0 0 20px; margin-bottom: 40px; border-radius: 8px; } .success_circle img { max-height: 44px; } .success_circle { border-radius: 8px; height: 90px; width: 90px; border: 1px dashed #1a81ff; } .success_bottom_box::after { right: -92px; top: 20%; height: 0px; width: 100%; border-radius: 0; z-index: 0; border-bottom: 1px dashed #1a81ff; } .success_bottom_box strong { font-size: 15px; line-height: 17px; margin: 16px 0 10px; } .success_bottom_box span { font-size: 14px; margin-bottom: 0; line-height: 22px; } .considered_Payment .mehologyimage { margin-bottom: 40px; } .success_left h1 { font-size: 28px; margin: 0 0 14px; line-height: 41px; } .success_left p { font-size: 15px; margin-bottom: 12px; line-height: 26px; } .success_left { padding-bottom: 20px; } .app_work .col-md-4 { order: -1; margin-bottom: 40px; } .gpay_features .row { justify-content: center; } .gpay_features_main { margin-top: 40px; } .gpay_features_img img { width: 50%; } .gpay_achivement .container { position: relative; z-index: 3; } .gpay_achivement_box { width: 33%; } .Locationbanner_btn { margin-top: 0; } .hiremobile_left { margin-bottom: 20px; } .order_convert .col-md-7 { order: 1; } .Locationbanner_btn { padding: 13px 30px; font-size: 14px; } .Testimonialss_banner_main .Testimonialss_left, .Testimonialss_banner_main .Testimonialss_right { width: 100%; } .Testimonialss_banner_main { flex-wrap: wrap; } .Testimonialss_right { text-align: center; margin-top: 50px; } .Testimonialss_right h1 { font-size: 30px; margin: 0 0 20px; line-height: 42px; } .Testimonial---btn a { padding: 13px 30px; font-size: 14px; } .Testimonialss_right p { font-size: 15px; margin-bottom: 15px; line-height: 27px; } .pagebox_descripttion p { font-size: 14px; line-height: 24px; margin: 0; } .pagebox_descripttion { margin-bottom: 30px; } .testimonial_profilee { height: 45px; width: 45px; border-radius: 6px; margin-left: 0; margin-right: 12px; } .testimonial_dataa h3 { margin: 0 0 2px; font-size: 15px; line-height: 17px; } .location_testimonal { font-size: 13px; } .google_review span { font-size: 13px; } .Review_boxx { font-size: 14px; } .google_review { border-radius: 4px; padding: 7px 12px; } .Testimonialss_pagebox { padding: 20px 20px; border-radius: 10px; margin-bottom: 15px; } .Testimonialss_pagebox .col-md-6 { width: 50%; } .Testimonialss_page_main { margin-top: 50px; } .page--success--left h1 { font-size: 30px; margin: 0 0 20px; line-height: 39px; } .page--success--left p { font-size: 15px; margin-bottom: 24px; line-height: 27px; } .page--success--left { width: 100%; padding-right: 0; text-align: center; } .page--success--main { flex-wrap: wrap; } .page--success--right { width: 100%; text-align: center; order: -1; margin-bottom: 30px; } .page--success--right img { max-width: 60%; } .storymain--box { width: 100%; margin: 160px 0 40px; } .storymain-left { width: 36%; } .demand_comman .demand_comman_left h1 { font-size: 30px; margin: 0 0 20px; line-height: 36px; } .demand_comman .demand_comman_left p { font-size: 15px; margin-bottom: 24px; line-height: 27px; } .demand_btn { padding: 13px 30px; font-size: 14px; } .demand_comman .container .row .col-md-6:last-child { order: -1; width: 100%; } .demand_comman_right { margin-left: 0; } .demand_comman_left { text-align: center; margin-top: 40px; } .fully_featured_img img { max-width: 80%; } .fully_featured_img { text-align: center; margin-bottom: 20px; } .fully_featured_main .fully_featured_box:nth-child(2) .col-md-6:last-child { order: -1; } .demand_Sevicess { height: auto; margin-bottom: 25px; } .Sevicessmid img { max-width: 60%; margin: 20px auto; } .Produce_Demand .Produce_main_box { width: 46%; min-height: auto; } .demand_comman_imgg img { max-width: 50%; } .demand_comman_imgg { text-align: center; } .competitors_box { width: 46%; margin: 0 8px 16px; } .readymade_box h3 { font-size: 15px; margin: 20px 0px; } .cta1_comman .comman_btn { margin-top: 12px; } .cta1_comman { padding: 35px 0; } .competitors_box p { font-size: 13px; line-height: 23px; } .blogsection .blogpart .textpart h4 { font-size: 18px; } .modalssmain_boxx { width: 47%; margin: 0 10px 20px; } .newhire_modalssmain { justify-content: center; } .experience_devbox p { font-size: 15px; line-height: 25px; } .developer_img h3 { margin: 0 0 4px; font-size: 16px; } .developer_img span { font-size: 14px; } .skilss { padding: 4px 17px; margin: 0 2px 6px; font-size: 11px; } .it-project-box { width: 47%; } .it-project-icon img { max-width: 50px; } .Tranding_img img { max-width: 140px; } .Tranding_box_top { justify-content: center; } .Tranding_img { margin-bottom: 40px; } .Tranding_img { margin-bottom: 40px; } .user_thinks { margin: 30px 0 0; } .Tranding_box { padding: 40px 30px; } .Tranding_main .container > .row .Tranding_box:nth-child(even) .Tranding_box_top .col-md-7 { order: 1; } .main_banner_heading h1 { font-size: 30px; margin: 0 0 20px; line-height: 43px; } .main_banner_heading p { font-size: 15px; margin-bottom: 30px; line-height: 27px; } .main_banner .row { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; text-align: center; } .main_banner .row .col-md-6:first-child { order: 1; text-align: center; margin-top: 38px; } .main_banner_heading { text-align: center; } .main_banner_form h3 { text-align: left; } .dubai_services_main { flex-wrap: wrap; justify-content: center; } .dubai_services_main .nav-tabs { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } .dubai_services_main .nav-tabs li a img { max-width: 29px; display: block; margin: 0 auto 10px; } .dubai_services_main .nav-tabs li a { font-size: 12px !important; display: block; text-align: center; } .dubai_services_main .nav-tabs li { width: 23%; margin-bottom: 12px; margin-right: 12px; } .dubai_services_main .tab-content { width: 100%; } .dubai_inner { text-align: center; } .dubai_inner img { max-width: 37px; } .dubai_inner h3 { font-size: 18px; } .Cta_head img { max-width: 60px; margin-right: 20px; } .Cta_btn .Hire_commanbtn1 { padding: 11px 16px; } .Cta_head h2 { font-size: 18px; line-height: 31px; } .Advance_Services .row { flex-wrap: wrap; } .Advance_Services_box { border-radius: 4px; padding: 20px 20px; } .dubai_industries_main .nav-tabs li { width: 22%; margin: 0 7px 14px; } .dubai_industries_main .nav-tabs li a span { display: none; } .dubai_industries_main .nav-tabs li a { font-size: 13px !important; text-align: center; justify-content: center; } .dubai_industries_box img { max-width: 34px; } .dubai_industries_box h3 { font-size: 17px; margin: 10px 0 10px; } .dubai_industries_box p { font-size: 15px; margin-bottom: 0; line-height: 28px; } .dubai_industries_box { padding: 30px 25px; position: relative; } .main_banner { background-image: url(../images/mobile_app_dubai/mobile_bg.jpg); } .dubai_slider_box { border-radius: 10px; padding: 40px 10px; } .portfolio_slider_img img { max-width: 150px; } .portfolio_slider_details h3 { font-size: 20px; line-height: 20px; margin: 0 0 20px; } .portfolio_slider_details p { font-size: 15px; margin-bottom: 20px; line-height: 27px; } .portfolio_dubaibtnss a img { max-width: 46px; } .dubai_portfolio_slider .slick-dots li { margin: 0 0; } .tackstact_dubai_main .tab-content { width: 100%; } .tackstact_box_single a { width: 70px; height: 70px; } .tackstact_box_single a img { max-height: 35px; } .tackstact_box_single span { font-size: 13px !important; } .tackstact_dubai_main .nav-tabs li a { font-size: 13px !important; } .dedicated_newdesign { padding: 60px 0; } .dedicated_newmain h1 { font-size: 30px; margin: 0 0 20px; line-height: 39px; } .dedicated_newmain p { font-weight: 500; margin-bottom: 24px; line-height: 27px; font-size: 15px; } .counter_box h3 { font-size: 14px; margin-bottom: 0; margin-top: 14px; line-height: 22px; } .count_top { font-size: 25px; line-height: 24px; } .counter_box { border-radius: 10px; padding: 22px 14px; } .counter_main { margin-top: 30px; } .dedecated_slogan { padding-bottom: 60px; } .technology_tabs .nav-tabs { width: 40%; border: 0; margin: 0; } .technology_tabs .nav-tabs li a img { max-width: 33px; margin-right: 14px; } .technology_tabs .tab-content { width: 56%; } .technology_reqire_main p { font-size: 15px; margin-bottom: 20px; line-height: 26px; } .technology_box h3 { margin: 12px 0 0; font-size: 14px; font-weight: 600; color: #ffffff; line-height: 20px; } .technology_box img { max-width: 38px; } .technology_box { padding: 20px 10px; } .technology_tabs .nav-tabs li a { padding: 13px 20px !important; margin-bottom: 20px; height: 64px; width: 100%; font-size: 14px !important; font-weight: 600; } .Dedicated_cta { padding-top: 60px; } .success__cta { padding: 0 0 60px; } .Dedicated_cta_main { padding: 30px 35px; } .Dedicated_cta_main h2 { font-size: 24px; margin-top: 0; line-height: 35px; } .Dedicated_cta_main p { font-size: 15px; margin-bottom: 15px; line-height: 25px; } .Dedicated_cta_main img { right: 20px; max-width: 240px; } .benefit_dedi_box { width: 100%; margin-right: 0; } .hire_industry_main { margin-top: 20px; } .dedecated_slogan_box strong { font-size: 24px; } .dedecated_slogan_box p { font-size: 15px; margin-bottom: 0; line-height: 30px; } .saudi_banner_content h2 { font-size: 30px; margin: 0 0 20px; line-height: 43px; } .saudi_banner_content p { font-size: 15px; margin-bottom: 20px; line-height: 27px; } .saudi_banner_content { text-align: center; } .saudi_banner .container .row .col-md-6:first-child { order: 1; margin-top: 40px; } .saudi_services_row .col-md-4 { margin-bottom: 30px; width: 50%; } .saudi_services_boxx .saudi_flex img { max-width: 40px; } .saudi_services_boxx .saudi_flex span { width: 15%; display: flex; } .saudi_services_boxx h3 { padding-left: 14px; width: 85%; } .Advancetech_icon { border-radius: 10px; padding: 18px 15px; } .Industries_main_box { width: 49%; margin-right: 13px; margin-bottom: 13px; } .Industries_arbia .Industries_main_box:nth-child(3n + 0) { margin-right: 13px; } .Industries_arbia .Industries_main_box:nth-child(2n + 0) { margin-right: 0; } .Industries_hover img { max-width: 40px; } .Industries_hover p { line-height: 25px; } .Produce_icon img { max-width: 45px; } .main_banner .row .col-md-12 { order: 2; } .trusted_main { flex-wrap: wrap; } .trusted_inner { width: 100%; } .trusted_counter { width: 100%; display: flex; padding: 24px 10px; } .trusted_icons img { max-width: 110px; } .loaction_ctaa { padding: 0 0 60px; } .clutch_section .mehologyimage { margin-bottom: 40px; } .sitemap_banner { height: 260px; } .sitemap_banner .container { margin-top: 0; } .sitemap_banner .comman_heading h2 { font-size: 36px; margin: 0 0 40px; } .sitemap_banner .comman_heading p { font-size: 16px; } .sitemap_banner .container .comman_heading { margin: 0; } .mrgin_add { margin-bottom: 30px; width: 100%; } .developers_box { width: 48%; margin-right: 12px !important; margin-bottom: 12px; } .Industry_page { padding: 60px 0 40px; } .industry_row .industry_col:nth-child(odd) { transform: unset; } .footernew_award { border-radius: 14px; padding: 15px 10px; } .footernew_award img { max-height: 54px; } .social_icons a img { max-width: 22px; } .social_icons a { margin: 0 2px; border-radius: 14px; height: 40px; width: 40px; } .footernew_mid { padding: 40px 0 10px; margin: 40px 0 0; } .footernew_mid .row { display: flex; flex-wrap: wrap; } .footernew_mid .row .col-md-3 { width: 50%; margin-bottom: 30px; } .footernew { padding: 40px 0 0; } .footernew_bottom .row { display: flex; flex-wrap: wrap; } .footernew_bottom .row .col-md-3 { width: 50%; margin-bottom: 30px; } .newportfolio_box { margin: 0; flex-wrap: wrap; padding: 40px 38px; } .portfolio_sticky { position: relative; top: 0; margin-bottom: 30px; } .portfolio_details strong { font-size: 40px; margin-bottom: 7px; line-height: 46px; } .portfolio_details span { font-size: 15px; display: block; } .portfolio_details { text-align: center; padding: 20px 0; } .newportfolio_box .col-md-6:nth-child(1) { width: 100%; } .newportfolio_box .col-md-6:nth-child(1) .row .col-md-6:nth-child(1) { display: none; } .newportfolio_right { padding: 0; text-align: center; } .feedbacks_boxx { text-align: left; } .Drop_Requirement .modal-body > .row .col-md-6 { width: 50%; } .newrequest_main { flex-wrap: wrap; } .newrequest_left { width: 100%; } .newrequest_right { width: 100%; padding: 50px 40px; } .contactfluid .container { max-width: 100%; padding: 0; margin: 0; } .footernew_top .icons_adver { flex-wrap: wrap; justify-content: center; } .footernew_top .row .col-auto { width: 22%; margin: 0 10px 16px; } .footernew_award img { max-height: 104px; } .achivementMain .achivement_imgss:nth-child(3n + 2) { transform: unset; } .sitemap_heading h1 { font-size: 40px; line-height: 50px; margin-bottom: 15px; margin-top: 0; } .contactpopup_form .form-group select.form-control { background-position: 97% center; } .contactpopup_left img { max-width: 240px; margin-top: 160px; } .contactpopup_form form.row { display: flex; flex-wrap: wrap; } .contactpopup_form form.row .col-md-6 { width: 50%; } .contactpopup_form form.row .col-md-12 { width: 100%; } .newbtn_design { font-size: 15px; line-height: 22px; height: 52px; border-radius: 12px; } .sticky_box { position: relative; top: auto; } } @media (max-width: 767px) { .hire_comman .hirecomman_img img { max-width: 100%; } .development_box p { font-size: 14px; line-height: 22px; } .achivement_imgss { width: 100%; padding: 5px 0; margin-bottom: 14px; } .achivement_imgss img { height: 86%; } .achivementMain { flex-wrap: wrap; } .close_btnn { height: 30px; width: 32px; font-size: 16px; } .dubai_popup_main { height: auto; width: 100%; left: 0; transform: scale(0.7); bottom: 30px; right: 0; margin: 0 auto; } .dubai_popup_mobile img { max-width: 100%; border-radius: 8px; } .dubai_popup_mobile { display: block; } .submit_btn { font-size: 13px; } .christmas__form .form-group textarea.form-control { height: 70px; } .christmas__form .form-group .form-control { height: 38px; } .christmas__form form .form-group.col-md-6 { width: 100%; } .christmas__form h1 { font-size: 18px; } .christmas__form { max-width: 90%; margin: -70px auto 0; padding: 25px 28px; border-radius: 10px; background: white; border-top: 6px solid #1a81ff; border-bottom: 6px solid #1a81ff; } .christmas_mobile img { max-width: 100%; width: 100%; height: 370px; object-fit: cover; } .myservices .row .col-sm-4 { width: 100%; } .contentfile { margin-bottom: 0px; } .ufile { position: relative; z-index: 2; background-color: transparent; background-image: unset; height: auto; border-radius: 0; } .uploadicon input[type="file"] { color: #000; font-size: 11px; z-index: 0; position: unset; top: 0; transform: unset; left: 0; width: 100%; outline: 0; height: 30px; line-height: 10px; } .aem_servicess .development_box { width: 100%; } .step_angularhire .platformsgame_box { min-height: 220px; } .faq_box_head { padding-right: 22px; } .eccomerce_benifits .row { margin: 0; } .myiphoneapppage { width: 100%; height: 600px; overflow: hidden; background: #2196f3; } .comman_background .mainbackcontent { max-width: 100%; margin: 0 auto 0; } .comman_background .mainbackcontent .row h1 { font-size: 24px; line-height: 34px; } .comman_background .mainbackcontent strong { margin-bottom: 12px; font-size: 16px; } .comman_background .mainbackcontent p { font-size: 14px; margin-bottom: 20px; line-height: 23px; } .lifetechfropse-fluid .featurepart .feature img { height: auto !important; } .mobile_view { display: block; } .mobile_view .row { display: flex; flex-wrap: wrap; } .process-top-col { width: 100%; margin-bottom: 30px; } .comman_process { height: auto; padding: 25px 0; width: 100%; transform: unset; border-radius: 20px; } .hover_show { font-size: 14px; line-height: 24px; margin: 15px 13px 0; display: block; } .ipad_view { display: none; } .empowerbusiness_main .empowerbusiness_box:nth-child(2) { transform: unset; } .empowerbusiness_box { max-width: 100%; margin-bottom: 20px; min-height: auto; } .container { width: 100%; max-width: 96%; } .aboutteam_section .toppart { width: 100%; } .headerfluid .container .navbar-header .collapsed { border: none; margin: 8px 0px; } .healthcarefluid.myaboutpage { height: auto; margin-top: 0; padding: 30px 0; } .abouttopheaingfluid .container .mainbackcontent .row h1 { font-size: 20px; line-height: 29px; font-weight: 600; margin-bottom: 0; padding: 0; } .abouttopheaingfluid .container .mainbackcontent .row h1:after { display: none; } .abouttopheaingfluid .container .mainbackcontent .buttons-part a { font-size: 14px !important; display: inline-block; margin-bottom: 20px; } .aboutteam_section .game-feature-heading1 { line-height: 27px; margin-top: 0; } .aboutteam_section { min-height: auto; padding: 40px 0; } .aboutteam_section .game-feature-para1 { margin: 40px 0 0; line-height: 24px; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h5 { font-size: 20px; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h5:after { top: 35px; left: 0; } .mainaboutfluid .mainaboutus .aboutright .aboutcontent h3 { font-size: 13px; } .websitedesignfluid .container .websitedesign .servicepart .col-sm-3 { width: 100%; } .empowerbusiness_section { padding: 40px 0; } .empowerbusiness_outer { padding: 30px 20px; margin: 0 auto; } .empowerbusiness_outer .game-feature-heading1, .development-record-main .game-feature-heading1 { font-size: 18px !important; line-height: 28px; } .empowerbusiness_outer .game-feature-para1, .development-record-main .game-feature-para1 { color: #fff; line-height: 25px; margin: 38px 0 0; } .empowerbusiness_outer { padding: 30px 10px; margin: 0 auto; border-radius: 10px; } .homeservicefluid { padding: 40px 0; } .development-record { padding: 40px 0; } .development-record-main { padding: 0 20px; } .development-process { padding: 40px 0; } .clientfocus-fluid .featurepart { margin: 30px 0 0; } .clientfocus-fluid .featurepart .col-sm-3.col-xs-6 { padding: 0 10px; width: 100%; margin-bottom: 30px; } .industries { padding: 40px 0; } .industries ul { margin: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; } .globally-connect { padding: 40px 0; } .globally-outter .col-md-3 { width: 100%; } .lifetechfropse-fluid { padding: 40px 0; } .myiphoneapppage { height: 600px; } .myiphoneapppage .container { max-width: 100%; } .iphoneappfluid .container .mainbackcontent .row h1 { font-size: 24px; line-height: 34px; } .iphoneappfluid .container .mainbackcontent strong { margin-bottom: 12px; font-size: 16px; } .iphoneappfluid .container .mainbackcontent p { font-size: 14px; margin-bottom: 20px; line-height: 23px; } .breadcrumb-fluid .container { max-width: 100%; padding: 0; margin: 0; } .padding-comman { padding: 40px 0; } .development_servicess .comman_heading h2 { font-size: 18px; line-height: 25px; } .comman_heading p { font-size: 14px; margin-bottom: 10px; line-height: 24px; } .development_box { padding: 20px 20px; margin: 0 0px 18px; min-height: auto !important; width: 100%; } .devmethologyfluid .container .mehologyimage img { width: 94%; height: auto; } .devmethologyfluid .container .mehologyimage { background-size: 270px auto; } .comman_heading h2 { font-size: 20px; line-height: 30px; margin: 0 0 32px; } .types_of_ios img { max-width: 100%; } .types_of_ios_box { padding: 20px 18px; } .types_of_ios_box p { font-size: 14px; } .types_of_ios_box span { position: unset; left: 0; border-radius: 4px; margin-bottom: 20px; } .reform_box { width: 100%; margin: 0; } .reform_business .row { margin: 0; } .reform_content p { font-size: 14px; line-height: 24px; } .reform_content { width: 100%; padding: 20px 20px; height: auto; } .development-process-outter { max-width: 90%; margin: 30px auto 0; } .manifesto_content { padding: 20px; margin: 0; } .comman_heading strong { font-size: 14px; margin: 30px 0px 10px; } .manifesto_rightcontent { margin-left: 0; padding: 20px; } .manifesto_rightcontent h3 { font-size: 15px; line-height: 20px; } .androidapp img { width: 100%; } .industries .box { margin-top: 20px; } .comman_btn { font-size: 13px; padding: 10px 30px; margin-top: 10px; } .weoffer_box { width: 100%; max-width: 100%; } .weoffer_box { padding: 20px; border-radius: 10px; margin: 20px 0; } .weoffer_box::after { display: none; } .weoffer_box h3 { font-size: 15px; } .weoffer_outer .weoffer_box:nth-child(1)::before, .weoffer_outer .weoffer_box:nth-child(2)::before, .weoffer_outer .weoffer_box:nth-child(3)::before { position: absolute; content: ""; right: 0; left: 0; margin: 0 auto; top: auto; bottom: -100px; border-right: 3px dashed #5186ff; border-bottom: 0; height: 120px; width: 0px; z-index: -1; } .testimonial-fluid .itembox h5 { font-size: 18px; } .hire_team_box { height: auto; } .hire_team .row { flex-wrap: wrap; margin: 0; } .hire_team_box { padding: 24px; } .hire_team_box h2 { font-size: 18px; line-height: 26px; } .hire_team_box p { font-size: 14px; margin-bottom: 5px; line-height: 23px; } .comman_background { height: auto; padding: 40px 0 50px; background-attachment: unset; } .inves_box_outer { margin-top: 45px; width: 100%; } .invest_box h3 { margin: 25px 0 0; font-size: 15px; } .cta_comman .container { padding: 25px 30px; max-width: 90%; border-radius: 10px; } .cta_comman .comman_heading .comman_btn { margin-top: 12px; } .flutter_benefits_box h3 { font-size: 15px; line-height: 22px; } .flutter_benefits .row .col-md-4:last-child { margin: 0; } .flutter_solutions_box h3 { font-size: 15px; line-height: 15px; } .hover_content_part p { font-size: 14px; font-weight: 600; line-height: 25px; } .content_flutter img { max-width: 100%; margin-bottom: 15px; } .flutter_solutions_box { height: auto; flex-wrap: wrap; justify-content: center; padding: 20px 20px; } .content_flutter { margin-bottom: 15px; } .hover_content_part { transform: unset; position: relative; margin: 0; width: 100%; } .invest_box { min-height: auto; } .updated-tech-fluid .tech-fluid .nav-tabs { border: none; justify-content: flex-start; overflow: auto; } .updated-tech-fluid .tech-fluid .nav-tabs li { margin: 0; } .updated-tech-fluid .tech-fluid ul li a { margin: 0; padding: 0 10px; white-space: nowrap; } .updated-tech-fluid .tech-fluid { margin: 0 -20px; } .technology-fluid .tab-content .technologypart .technology { flex-wrap: wrap; } .technology-fluid .tab-content .technologypart .technology .tech { margin: 0 8px; text-align: center; width: 30%; } .technology-fluid .tab-content .technologypart .technology .tech img { width: 70px; height: 70px; background: #f5f5f5; padding: 15px; } .technology-fluid .tab-content .technologypart .technology .tech { margin: 0 5px 20px; text-align: center; width: 29%; } .blogsection .blogpart .textpart h4 { font-size: 15px; } .blogsection .blogpart .textpart p { font-size: 14px; color: #08223a; } .faq_box_head { font-size: 14px; } .comman_background .container { padding: 0; } .comman_background .mainbackcontent .row span { font-size: 13px; } .development_box h3 { font-size: 14px; line-height: 20px; } .blockchain_stack_box, .industries_wefuel_box { min-height: auto !important; border-radius: 15px; margin-bottom: 20px; } .industries_wefuel_box { padding: 20px; } .blockchain_stack .row .col-md-4, .industries_wefuel .row .col-md-4 { width: 100%; } .circle_border { display: none; } .development-process-main { flex-wrap: wrap; } .development-process-outter-block .col-md-5 { width: 100%; } .height_adjust { order: -1; } .development-head { width: 100%; padding: 12px 12px !important; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; text-align: center; } .development-process-box p { text-align: center; } .development-head img { max-width: 33px; display: block !important; width: 100%; margin: 0 0 10px !important; order: -1; } .development-head h3 { font-size: 14px; display: block; width: 100%; line-height: 20px; } .left_box_design .development-process-box::after { display: none; } .right_box_design .development-process-box::after { display: none; } .development-process-main { flex-wrap: wrap; padding: 0 0 32px; } .reactnativebusiness_box { max-width: 100%; flex-wrap: wrap; } .reactnative_img { width: 100%; } .reactnative_content { text-align: center; width: 100%; border-left: 0; border-top: 2px dashed #447dff; padding: 18px 0 0; display: flex; align-items: center; margin-top: 22px; height: auto; } .reactnativebusiness_box p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .weserve_mobilegame .col-md-4 { width: 100%; } .weserve_mobilegame .industries_wefuel_box { height: auto; } .robusts-solutions-box { max-width: 100%; margin: 60px 0 0; } .robusts-solutions-box h3 { font-size: 15px; } .iot_advantages .row .col-md-4 { width: 100%; } .iot_advantages_box { min-height: auto !important; border-radius: 20px; } .ecommercefeatures_box { width: 100%; border-radius: 10px; padding: 20px 20px; min-height: auto; } .ecommercefeatures_box h3 { font-size: 16px; margin: 0 0 12px; } .ecommercefeatures_box h3::before { top: 6px; right: -33px; content: ""; height: 3px; width: 25px; } .ecommercefeatures_box h3::after { top: 6px; left: -33px; content: ""; height: 3px; width: 25px; } .features_inner p { font-size: 13px; line-height: 21px; } .ecommercefeatures_box strong { font-size: 13px; margin-bottom: 10px; } .techniques_boxs { min-height: auto; margin: 0; } .techniques_sec .col-md-3 { width: 100%; margin-top: 50px; } .techniques_boxs h3 { margin: 0px 0 7px; font-size: 15px; } .techniques_icons { width: 70px; height: 70px; margin-top: -50px; border: 3px solid #417aff; margin-bottom: 16px; } .techniques_icons img { max-width: 40px; } .connectpeople_box { max-width: 100%; padding: 20px; margin-bottom: 20px; } .connectpeople_box img { max-width: 150px; } .agmented-reality .container .mehologyimage img { width: 250px; } .hiredeveloper_services .development_box { width: 100%; margin-bottom: 20px; } .enterprises_outter { margin: 0; } .enterprises_box { width: 100%; min-height: auto; padding: 20px; } .enterprises_box h3 { margin: 16px 0 9px; display: block; font-size: 15px; } .whyhiredeveloper_inner h3 { font-size: 15px; line-height: 23px; } .whyhiredeveloper_box { width: 100%; } .after_hover p { font-weight: 500; } .hiredeveloper_icon img { max-width: 65px; } .portfolio_images img { max-width: 100%; } .portfolio_design_box { padding: 20px 0; margin: 0 0 20px; } .portfolio_design_box .comman_heading h2 { font-size: 16px; line-height: 24px; margin-bottom: 22px; } .portfolio_design_box .comman_heading h2::after { width: 34px; height: 3px; bottom: -12px; left: 1px; } .portfolio_design_box .comman_heading p { font-size: 14px; line-height: 23px; } .portfolio_design_box .list_crcle li { width: 100%; } .portfolio_design_box .comman_heading strong { margin: 0 0 5px; font-size: 14px; } .enterprises_box p { font-size: 14px; line-height: 24px; } .hybrid_developments_services .development_box { width: 100%; margin: 0 0 20px; min-height: 350px; } .guaranteedgrowth_box { max-width: 100%; margin: 10px 0; } .hire-game-servicers .development_box { width: 100%; } .platformsgame_box { min-height: auto; } .platforms_game .col-md-4 { width: 100%; margin-bottom: 50px; } .platformsgame_ico img { max-width: 38px; } .modelhiring_box h3 { font-size: 14px; } .modelhiring_box { width: 100%; height: auto; border-radius: 20px; padding: 12px 20px 20px; } .hiring_ico img { max-width: 44px; } .platformsgame_box h3 { font-size: 15px; } .hiring_ico { height: 60px; width: 60px; border-radius: 50px; margin: -45px auto 20px; } .modelhiring_sec .row { margin: 0 -15px 0; } .hire-php-servicers .development_box { width: 100%; margin: 0 0 20px; } .whyhirephp_box { margin: 0 0 20px; width: 100%; min-height: auto; padding: 20px 24px; } .whyhirephp_box h3 { font-size: 14px; line-height: 16px; } .whyhirephp_box p { line-height: 21px; } .whyhireicon img { max-width: 42px; } .whyhireicon { height: 56px; width: 70px; } .opengposfluid .container .positionjob .row .col-sm-4 { width: 100%; padding: 0; } .contacttopheaingfluid .container .mainbackcontent .row h2 { font-size: 14px; } .contacttopheaingfluid .container .mainbackcontent { margin-top: 6%; } .uploadfile { flex-wrap: wrap; justify-content: center; text-align: center; } .contentfile { width: 100%; float: left; } .contentfile h3 { font-size: 14px; } .requserquotefluid .container .mainbackcontent { margin-top: 5%; } .requserquotefluid .container .mainbackcontent .row h1 { font-size: 24px; } .uploadfile .uploadicon label { height: auto !important; padding: 4px 15px !important; margin-top: 14px; font-size: 13px !important; background-color: #125aff; background-image: unset; } .requserquotefluid .container .mainbackcontent .row h1 { font-size: 22px; line-height: 18px; margin-bottom: 0; } .requserquotefluid .container .mainbackcontent .row h2 { font-size: 14px; margin-top: 20px; } .requserquotefluid .container .mainbackcontent .row .subpart h3 { font-size: 13px; color: #fff; margin-top: 0 !important; line-height: 23px; } .contactform .row { display: flex; flex-wrap: wrap; justify-content: center; } .contactform .col-sm-6 { width: 100%; } .order-change { order: 1; } .guaranteedgrowth_content h3 { font-size: 15px; } .guaranteedgrowth_icon { height: 90px; } .guaranteedgrowth_icon img { max-width: 53px; } .steps-to-hire .platformsgame_box { min-height: auto; padding: 30px; border-radius: 30px; } .steps-to-hire .platformsgame_box .platformsgame_ico { position: absolute; top: -30px; right: 35px; } .cookieNotice_main { position: fixed; bottom: 100px; width: 90%; padding: 16px; z-index: 99999999999999999 !important; left: 0; right: 0; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 60px #00000061; text-align: center; } .blockchain_stack_box span { height: 75px; width: 75px; } .blockchain_stack_box span img { max-width: 52px; } .realestateappp .platformsgame_box { min-height: auto; } .updated-homepage-fluid .headerfluid .container .mymenu li a { font-size: 14px; font-weight: 500 !important; } .headerfluid .container .mymenu .mobile_design a { width: auto !important; display: inline-flex; padding: 0 20px !important; align-items: center; justify-content: center; margin: 16px auto 0 !important; } .headerfluid .container .mymenu .mobile_design { text-align: center; } .headerfluid .container .mymenu .mobile_design .btns_color { background-image: linear-gradient(to right, #125aff, #5387ff) !important; color: #fff !important; } .headerfluid .container .mymenu li > a { text-align: left; } .whychose_native .techniques_boxs { min-height: auto; } .developmentexemplary .blockchain_stack_box { min-height: auto; } .hire-vuejs-services .development_box { width: 100%; } .applicationsgolang .platformsgame_box { min-height: auto; } .updated-footer-fluid .footer-link-fluid img { margin-top: 20px; margin-bottom: 14px; max-width: 144px; } .updated-footer-fluid .footer-link-fluid h4 { font-size: 18px; } .updated-footer-fluid .footer-link-fluid ul li { margin-bottom: 12px; color: #777; font-family: Montserrat; font-size: 14px; } .updated-footer-fluid .footer-link-fluid .col-md-6 .row .col-sm-6 { width: 100%; text-align: center; } .footer-link-fluid { text-align: center; } .updated-footer-fluid .container { max-width: 100%; padding: 0 4px; } .ratesfrom_box { max-width: 100%; margin: 30px 9px 35px; padding: 15px 18px; } .ratesfrom_box h3 { font-size: 15px; line-height: 15px; margin: 3px 0 15px; } .ratesfrom_box ul li p { font-size: 13px; line-height: 20px; } .ratesfrom_box ul li::after { top: 8px; height: 7px; width: 7px; } .ratesfrom_box ul li { position: relative; padding-left: 13px; margin-bottom: 4px; } .overlay-show::after { opacity: 0.7; } .hire-angular-services .development_box { width: 100%; } .taxii_features_box { width: 100%; padding: 20px 20px; border-radius: 10px; } .taxii_features_box h3 { font-size: 15px; margin: 0 0 10px; } .taxii_features_box h3::after { top: 6px; left: -33px; height: 4px; width: 25px; } .taxii_features_box h3::before { top: 6px; right: -33px; height: 4px; width: 25px; } .box_services3 .development_box { width: 100%; } .development-process-box ul li p { font-size: 13px; text-align: left; } .development-process-box ul li { line-height: 17px; margin-bottom: 3px; } .order_change_mobile { order: -1; margin-bottom: 20px; } .form-main .form-group .comman_btn { font-size: 13px; padding: 10px 30px; margin-top: 10px; } .banner_Form { padding: 20px 5px; } .quote_heading { font-size: 16px; } .form-main .form-group label { font-size: 12px; } .form-main .col-md-6 { width: 100%; } .form-main .form-group:last-child { margin-top: 0; } .form-main .form-group { text-align: left; margin-bottom: 12px; } .form-main .form-group textarea.form-control { height: 70px; } .blogsection .blogpart .baner .home img { height: auto; border-radius: 10px; } .gettouch_techgropse .ratesfrom_box { border-radius: 10px; padding: 10px 30px 10px; } .gettouch_techgropse .ratesfrom_box h3 { margin: 6px 0 10px; } .uploadicon input[type="file"]::after { position: absolute; content: ""; height: 16px; width: 84px; background-color: #125aff; left: 15px; } .uploadicon input[type="file"] { display: none; } .hire_comman .hiremobile_left h1 { font-size: 24px; margin: 0 0 12px; line-height: 31px; } .hire_comman .hiremobile_left p { font-size: 14px; margin-bottom: 24px; line-height: 24px; } .Hire_commanbtn1, .Hire_commanbtn { padding: 12px 30px; font-size: 13px; display: block; text-align: center; } .hiremobile_left .Hire_commanbtn { margin-bottom: 14px; margin-right: 0; } .hiremobile_left { margin-bottom: 0; } .hirebanner_box { width: 100%; margin-bottom: 15px; } .hirebanner_boxicon img { max-width: 30px; } .hirebanner_box { margin: 17px !important; } .hirebanner_boxicon { width: 60px; height: 48px; } .hirebanner_content h2 { margin: 4px 0; font-size: 17px; } .hirebanner_content span { font-size: 12px; display: block; } .hiremobile_right .hirebanner_box:nth-child(3) { margin-right: 0; margin-bottom: 15px; } .hiremobile_main { margin: 45px 0; } .only_mobile .slick-dots { bottom: -31px; } .hire_development_box { max-width: 100%; padding: 16px; margin: 0px 0px 20px; } .hire_icon { height: 50px !important; width: 70px !important; margin: 0 auto 14px -16px !important; border-radius: 0 50px 50px 0 !important; } .busineed_mobile .col-md-4 { width: 100%; } .busineed_mobile .container-fluid { margin-left: 0; } .busineed_mobile .col-md-8 { width: 100%; } .busineed_mobile_main { padding-right: 0; margin-top: 30px; } .busineed_mobile_main .slick-dots { bottom: -29px; } .Produce_main_box { width: 100% !important; min-height: auto; margin: 0 0px 18px; padding: 20px; } .model_hiring_box { border-radius: 6px; padding: 15px; width: 100%; margin-bottom: 20px; } .model_hiring_box p { font-size: 14px; margin-bottom: 0; line-height: 22px; } .model_hiring_box img { max-width: 42px; } .strenth_single { width: 100%; border: 2px solid #ffffff63; border-radius: 10px; padding: 20px 20px; text-align: center; margin-bottom: 20px; } .strenth_icon { height: 60px; width: 60px; border: 1px dashed #fff; margin: 0 auto 20px; } .strenth_single strong { font-size: 25px; line-height: 10px; } .strenth_single span { font-size: 14px; } .team_strenth_details { flex-wrap: wrap; } .team_strenth .row .col-md-7 { width: 100%; margin-bottom: 0; border: 0; } .team_strenth .row .col-md-5 { width: 100%; padding: 0 16px; } .teamstrenth_box { margin: 8px 0; padding: 22px 20px; height: auto; } .teamstrenth_box img { max-width: 48px; } .Produce_main_ouuter { flex-wrap: wrap; padding: 0px 0 0; } .hire_industry_main { margin-top: 40px; justify-content: center; } .industry_circle { height: 150px; width: 46%; margin: 0 5px 13px; } .industry_circle h3 { margin: 9px 0 0; font-size: 14px; line-height: 20px; max-width: 140px; } .whyconsider_icon { height: 60px; width: 60px; margin-bottom: 16px; box-shadow: unset; background-color: #f1f1f1; } .whyconsider_icon img { max-width: 36px; } .hirededicated_top h3 { margin: 13px 0; display: block; font-size: 18px; line-height: 17px; } .hirededicated_bottom p { font-size: 14px; line-height: 22px; } .whyconsider_contentpart { padding: 0 25px; } .whyconsider_box h3 { margin: 18px 0 9px; font-size: 15px; line-height: 20px; } .whyconsider_box { width: 100%; margin: 0 0 20px; box-shadow: 0px 3px 53px #0000001a; padding: 20px 20px; border-radius: 10px; background-color: #fff; } .slick-dots { bottom: -23px; } .busineed_mobile_box h3 { font-size: 15px; margin: 10px 0 9px; } .busineed_mobile_box p { font-size: 14px; line-height: 24px; } .Produce_main_box h3 { margin: 10px 0 11px; display: block; font-size: 15px; } .teamstrenth_box span { line-height: 19px; font-size: 13px; } .ewallet_wallet .whyhiredeveloper_box { width: 100%; } .Hire_commanbtn { margin-right: 0; } .industry_circle img { max-width: 46px; } .strenth_count { margin-bottom: 15px; text-align: center; justify-content: center; } .startupbusiness.mainblockchainfluid .container .blockchainleft { margin-right: 0; } .myblockchainpage.singapore-fluid { height: auto; padding: 50px 0; } .singapore-fluid .blockchaintopfluid .mainbackcontent h3 { text-align: left !important; margin: 0 !important; font-size: 15px !important; } .mainblockchainfluid { padding-top: 20px; padding-bottom: 30px; padding: 20px 0; } .startupbusiness.mainblockchainfluid .container .blockchainleft p { line-height: 24px !important; font-size: 14px !important; margin-bottom: 14px !important; } .singapore-service h3 { margin: 10px 5px; font-size: 14px !important; line-height: 24px; } .devserfluid { padding: 0; } .singapore-process { padding: 0; margin: 0; } .whybahrain { padding: 30px 0; } .technology-fluid { padding: 30px 0; } .updated-tech-fluid.home-technology .headingpart h2 { font-size: 25px; } .updated-tech-fluid.home-technology .headingpart p { font-size: 16px; margin: 20px 0 0; } .updated-tech-fluid.home-technology .headingpart p::after, .updated-tech-fluid.home-technology .headingpart p::before { display: none; } .order_changed { display: flex; flex-wrap: wrap; } .order_changed .col-sm-6:last-child { order: -1; } .hireindian_img img { max-width: 100%; } .hireindian_banner .hiremobile_left { margin-top: 30px; padding: 0; } .hireindian_bannerbox { width: 100%; margin-top: 10px; } .hireindian_bottom { flex-wrap: wrap; margin-top: 12px; } .cta_new h2 { margin: 0; font-size: 20px; line-height: 32px; } .flexibel_modal_box { width: 100%; margin-bottom: 20px; border-bottom: 6px solid #fff; border-radius: 10px; padding: 20px 20px; } .flexibel_modal_box ul li { margin-bottom: 10px; } .flexibel_modal_box h3 { font-size: 16px; margin: 0 0 15px; } .flexibel_modal_box h3::before { top: 6px; right: -31px; width: 25px; } .flexibel_modal_box h3::after { top: 6px; left: -31px; width: 25px; } .cost_hire_box { width: 100%; margin-bottom: 15px; } .cost_hire_box { width: 100%; margin-bottom: 15px; padding: 20px 18px; } .hire_btns { border-radius: 4px; padding: 9px 20px; font-size: 14px; } .price_box { margin: 15px 0; font-size: 12px; } .cost_hire_outter { margin-top: 0; } .whyhire_newdesign .container-fluid { margin-left: 0; } .whyhire_newdesign .col-md-5, .whyhire_newdesign .col-md-7 { width: 100%; } .whyhirenew_slider { padding-right: 0; } .whyhirenew_boxes { padding: 20px 16px 20px; box-shadow: unset !important; border-radius: 10px; margin: 30px 0px 10px; } .whyhirenew_boxes img { max-width: 40px; margin-bottom: 10px; } .whyhirenew_boxes h3 { margin: 10px 0 8px; font-size: 15px; } .team_skills_main .techniques_boxs { width: 100%; margin: 44px 9px 0; } .techniques_boxs p { font-weight: 400; } .whyhirenew_slider .slick-dots button { background-color: #1a81ff; } .dedicated_developer_strenth .strenth_count .counter { font-size: 25px; line-height: 10px; } .dedicated_developer_strenth .strenth_count { margin-bottom: 14px; } .hire_comman .hiremobile_left { padding-right: 0 !important; } .hireright_img { order: -1; margin-bottom: 30px; } .comman_devbox { flex-wrap: wrap; margin: 14px 0 10px; } .devbox_icon { width: 100%; margin-bottom: 12px; margin-right: 0; } .devbox_icon span { font-size: 14px; } .reactnativebusiness_box h3 { font-size: 15px; margin: 0 0 7px; } .d_maring { margin: 12px 0 0 !important; } .connectpeople_box h3 { font-size: 15px; } .d_maring { margin: 12px 0 14px !important; } .webdesign_box_ouuter { padding: 0 14px; } .webdesign_box { height: 130px; width: 48%; margin-bottom: 12px; } .webdesign_box h3 { font-size: 13px; line-height: 18px; } .webdesign_box_icon img { max-width: 42px; } .portfolioo_content .comman_heading h2 { font-size: 20px; line-height: 30px; margin: 0 0 28px; } .list_crcle li p { font-size: 14px; } .nnvotaions_boxs { height: auto; width: 100%; margin: 7px 0; } .nnvotaions_boxs h3 { font-size: 14px; margin: 5px 0 6px; line-height: 22px; } .nnvotaions_boxs p { font-size: 14px; line-height: 23px; } .footer-logo-fluid .col-set { width: 43%; margin: 0 8px; } .updated-footer-fluid .footer-logo-fluid h4::after { display: none; } .success_left { width: 100%; padding: 18px 20px; } .success_left p { font-size: 14px; margin-bottom: 11px; line-height: 24px; } .success_right { width: 100%; } .success__main { flex-wrap: wrap; margin-bottom: 0; padding: 0; } .success_left h1 { font-size: 24px; margin: 0 0 14px; line-height: 33px; } .success_botom { flex-wrap: wrap; margin-bottom: 0; } .success_circle img { max-height: 35px; } .success_bottom_box { text-align: center; width: 50%; position: relative; margin-top: 20px; } .success_circle { border-radius: 4px; height: 70px; width: 70px; } .success_bottom_box strong { font-size: 14px; line-height: 15px; margin: 14px 0 6px; } .success_bottom_box span { font-size: 13px; margin-bottom: 0; line-height: 21px; } .success_bottom_box::after { display: none; } .gpay_features_img img { width: 100%; } .gpay_features_main { margin-top: 30px; } .gpay_features_main ul li p { font-size: 14px; } .gpay_features_main ul li { padding-left: 23px; margin-bottom: 12px; } .gpaycta_btn { flex-wrap: wrap; margin-top: 10px; } .gpay_single { margin: 15px 0 0; width: 100%; } .gpaycta .comman_heading a { width: 100%; justify-content: center; } .hirededicated .comman_heading { margin-bottom: -20px !important; } .gpay_achivement_box { border: 2px solid #ffffff59; width: 47%; margin-right: 8px; margin-bottom: 8px; } .gpay_achivement_box span { font-size: 22px; margin-bottom: 3px; } .note_part { margin-top: 10px; } .note_part p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .count_bx { font-size: 22px; } .gpay_achivement_box h3 { font-size: 13px; margin: 0; line-height: 19px; } .Locationbanner_btn { padding: 12px 30px; font-size: 13px; } .Testimonialss--b-img { height: 220px; width: 100%; border-radius: 10px; } .Testimonialss_right { margin-top: 45px; } .Testimonialss_right h1 { font-size: 24px; margin: 0 0 12px; line-height: 34px; } .Testimonialss_right p { font-size: 14px; margin-bottom: 20px; line-height: 24px; } .Testimonial---btn a { padding: 12px 30px; font-size: 13px; display: block; text-align: center; } .Testimonialss_banner { padding: 40px 0 40px; } .Testimonialss_page_main { margin-top: 40px; } .pagebox_descripttion p { font-size: 14px; line-height: 23px; } .Testimonialss_pagebox { padding: 15px; border-radius: 4px; margin-bottom: 15px; } .Testimonialss_pagebox .col-md-6 { width: 100%; text-align: left !important; } .pagebox_bottom { width: 100%; margin-bottom: 20px; } .google_review { border-radius: 4px; padding: 7px 12px; width: 100%; justify-content: center; } .Testimonialss--b-img img { max-width: 100%; } .page--success--right img { max-width: 100%; } .page--success--left h1 { font-size: 24px; margin: 0 0 12px; line-height: 31px; } .page--success--left p { font-size: 14px; margin-bottom: 0; line-height: 23px; } .page--success--left h1 span { display: inline-block; } .storymain-right h2 { font-size: 16px; line-height: 24px; margin: 0 0 10px; } .storymain--box { width: 100%; margin: 160px 0 40px; flex-wrap: wrap; padding: 15px 25px 25px; } .storymain-right a { width: 100%; text-align: center; justify-content: center; } .storymain-right { width: 100%; text-align: center; margin-top: 20px; } .storymain-left { width: 100%; text-align: center; } .storymain-right p { font-size: 14px; margin-bottom: 20px; line-height: 24px; } .storymain-left img { max-width: 70%; } .demand_comman_right { margin-left: 0; padding: 20px 20px; } .demand_comman_right h2 { font-size: 17px; line-height: 25px; margin: 0px 0 5px; } .demand_comman_right h3 { margin: 6px 0 0; font-size: 14px; } .demand_comman_right form .form-group .form-control { height: 42px; font-size: 12px; border: 1px solid #1a81ff; } .demand_comman_right form .form-group .form-control::placeholder { font-size: 12px; } .demand_comman_right form .form-group label { top: -8px; left: 10px; font-size: 12px; } .demand_comman_right form .form-group { margin-bottom: 17px; } .demand_comman { padding: 40px 0 40px; } .demand_comman_right form .form-group textarea.form-control { height: 80px; } .demand_comman_right form .form-group button { padding: 10px 29px; font-size: 12px; } .demand_comman .demand_comman_left h1 { font-size: 24px; margin: 0 0 12px; line-height: 31px; } .demand_comman .demand_comman_left p { font-size: inherit; margin-bottom: 24px; line-height: 24px; } .fully_featured_box { margin: 0; padding: 20px 10px; } .fully_featured_img img { max-width: 90%; } .fully_featured_content .comman_heading h2 { font-size: 16px; line-height: 27px; margin: 0 0 18px; } .featured_data::after { top: 4px; height: 7px; width: 7px; } .featured_data { padding-left: 18px; margin-bottom: 12px; } .demand_Sevicess_data h3 { font-size: 15px; } .demand_Sevicess_data p { font-size: 14px; margin-bottom: 0; line-height: 23px; } .demand_Sevicess_icon img { max-width: 32px; } .Sevicessmid img { max-width: 80%; margin: 20px auto; } .right_servicees .demand_Sevicess_icon { left: -11px; } .right_servicees { padding: 20px 20px 20px 50px; } .left_servicees .demand_Sevicess_icon { left: auto; right: -11px; } .left_servicees { padding: 20px 50px 20px 20px; } .demand_comman_imgg img { max-width: 90%; } .demand_comman_left { margin-top: 30px; } .readymade_box { width: 100%; margin: 0 0 25px; perspective: 70em; } .readymade_hover .arrow_btn { display: none; } .readymade_hover { position: unset; margin-bottom: 15px; transform: unset; background-color: #fff; padding: 0; } .readymade_box h3 { font-size: 15px; margin: 20px 0px 10px; } .readymade_hover p { font-size: 14px; line-height: 24px; color: #08223a; } .competitors_box { width: 100%; margin: 0 0 16px; } .competitors_box { width: 100%; margin: 0 0 16px; height: auto; padding: 20px 20px; flex-wrap: wrap; } .competitors_box h3 { font-size: 14px; margin: 14px 0 0; line-height: 20px; } .competitors_box img { max-width: 60px; } .competitors_hover { position: unset; width: 100%; transform: unset; padding: 0; background-color: transparent; } .competitors_box p { font-size: 14px; line-height: 23px; color: #08223a; margin-top: 8px; } .portfolio_slide .container { padding: 50px 14px; flex-wrap: wrap; } .portfolio_slide_left { width: 100%; margin-bottom: 40px; justify-content: center; flex-wrap: wrap; } .portfolio_main_img { margin-right: 0; text-align: center; } .portfolio_main_img img { max-width: 100%; margin: 0 auto; } .portfolio_innerimg > img { display: none; } .portfolio_slide_right { width: 100%; padding: 0; } .portfolio_slide_right .comman_heading { margin-bottom: 0; } .portfolio_btns { margin-top: 32px; } .portfolio_designn .slick-dots { display: none !important; } .modalssmain_boxx { width: 100%; margin: 0 0 20px; padding: 17px; } .modalssmain_boxx h3 img { max-width: 38px; margin-right: 5px; } .modalssmain_boxx ul li p { font-size: 14px; margin-bottom: 0; line-height: 25px; } .modalssmain_boxx ul li::after { top: 8px; left: -19px; } .modalssmain_btn { font-size: 13px; border-radius: 7px; padding: 11px 5px; } .developer_img img { border-radius: 50px; height: 50px; width: 50px; margin-right: 10px; } .experience_devbox { padding: 15px 14px; } .developer_img h3 { margin: 0px 0 0px; font-size: 14px; } .developer_img span { font-size: 13px; } .developer_skilss { margin: 16px 0 9px; } .skilss { padding: 3px 10px; margin: 0 2px 4px; font-size: 11px; border-radius: 4px; } .experience_devbox p { font-size: 14px; line-height: 23px; } .it-project-box { width: 100%; } .it-project-box { padding: 16px 18px 28px; } .it-project-box h3 { font-size: 15px; line-height: 21px; margin: 10px 0 8px; } .it-project-box p { font-size: 14px; margin-bottom: 16px; line-height: 24px; } .it-project-box a { font-size: 13px; } .Tranding_box { padding: 30px 0px; } .Tranding_img img { max-width: 170px; } .rate_show { font-size: 16px; margin-bottom: 8px; } .User_Satisfaction h3 { font-size: 16px; } .User_Satisfaction_box { flex-wrap: wrap; width: 47%; text-align: center; margin-right: 6px; margin-bottom: 6px; } .User_Satisfaction_box span { margin: 0 auto 10px; } .User_Satisfaction_box strong { width: 100%; } .user_thinks h3 { font-size: 16px; margin: 0 0 8px; } .user_thinks ul li p { font-size: 14px; margin-bottom: 10px; line-height: 24px; } .search_box .form-control { height: 46px; padding: 0 17px; font-size: 14px; border-radius: 4px; } .infographics-form { border-radius: 4px; padding: 14px 16px; margin-top: 18px; } .infographics-form strong { font-size: 20px; line-height: 27px; } .search_icon { right: 14px; max-width: 21px; } .infographics-form .form-group .form-control { height: 44px; font-size: 14px; } .infographics-form .form-group { margin-bottom: 9px; } .infographics-form .Hire_commanbtn { padding: 4px 20px; } .infographics-form form .form-group:last-child { margin: 20px 0 0; } .infographics-main .row .col-md-4 { margin-bottom: 30px; } .date_part { font-size: 14px; margin-bottom: 0; } .infographics_bottom { margin-top: 20px; } .infographics_banner_inner h1 { font-size: 24px; line-height: 35px; margin: 0; } .infographics_banner { height: 250px; padding-bottom: 30px; } .infographics-content p { font-size: 15px; margin-bottom: 14px; line-height: 27px; } .main_banner_heading h1 { font-size: 24px; margin: 0 0 12px; line-height: 34px; } .main_banner_heading p { font-size: 14px; margin-bottom: 24px; line-height: 27px; } .main_banner_form { margin: 0 0; border-radius: 5px; padding: 20px 20px; } .main_banner_form h3 { margin-top: 0; font-size: 14px; margin-bottom: 12px; border-left: 4px solid #1a81ff; padding: 3px 0 3px 8px; } .main_banner_form form .form-group .form-control { height: 38px; font-size: 14px; font-weight: 600; padding: 6px 0; } .main_banner_form form .form-group a { border-radius: 4px; padding: 9px 20px; font-size: 14px; } .main_banner_form form .form-group textarea.form-control { height: 80px; } .main_banner { height: auto; padding: 40px 0px 40px; } .main_banner .row .col-md-6:first-child { margin-top: 30px; } .dubai_services_main .nav-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin: 0; } .dubai_app_services .comman_heading { margin-bottom: 0; } .dubai_services_main .nav-tabs::-webkit-scrollbar { display: none; } .dubai_services_main .nav-tabs li { width: 44%; margin-bottom: 0; margin-right: 12px; } .dubai_services_main .nav-tabs li a { font-size: 12px !important; display: block; text-align: center; margin: 22px 0 !important; } .dubai_inner { border-radius: 4px; padding: 20px 20px; height: auto; } .dubai_inner h3 { font-size: 16px; line-height: 28px; margin: 13px 0px 10px; } .dubai_inner img { max-width: 34px; } .Cta_section .container { justify-content: center; flex-wrap: wrap; } .Cta_head { display: flex; align-items: center; width: 100%; flex-wrap: wrap; justify-content: center; text-align: center; margin-bottom: 13px; } .Cta_head img { max-width: 60px; margin-right: 0; display: block; margin-bottom: 13px; } .Cta_head h2 { font-size: 16px; line-height: 26px; } .Cta_btn { width: 100%; text-align: end; } .Cta_section { padding: 20px 0; } .Advance_Services_box { border-radius: 4px; padding: 20px 20px; width: 100%; margin-top: 0; margin-bottom: 20px; } .Advance_Services_box img { max-width: 35px; } .Advance_Services_box h3 { font-size: 15px; line-height: 21px; margin: 16px 0 8px; } .Advance_Services_box p { font-size: 14px; margin-bottom: 0; line-height: 26px; } .dubai_industries_main .nav-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; } .dubai_industries_main .nav-tabs::-webkit-scrollbar { display: none; } .dubai_industries_main .nav-tabs li { margin-bottom: 0; margin-right: 12px; width: auto; } .dubai_industries_main .nav-tabs li a { font-size: 13px !important; display: block; text-align: center; white-space: nowrap; min-height: auto; } .dubai_industries_box { padding: 20px; position: relative; border-radius: 4px; } .dubai_industries_box h3 { font-size: 16px; line-height: 28px; margin: 13px 0px 6px; } .dubai_industries_box p { font-size: 14px; margin-bottom: 0; line-height: 27px; } .tackstact_dubai_main .nav-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; } .tackstact_dubai_main .nav-tabs::-webkit-scrollbar { display: none; } .tackstact_dubai_main .nav-tabs li { margin-bottom: 0; margin-right: 12px; width: auto; } .tackstact_dubai_main .nav-tabs li a { font-size: 13px !important; display: block; text-align: center; white-space: nowrap; min-height: auto; } .tackstact_dubai_main .nav-tabs li a::after { display: none; } .tackstact_box { border-radius: 4px; padding: 20px; flex-wrap: wrap; justify-content: center; } .tackstact_box_single { width: 32%; margin-bottom: 13px; } .tackstact_box_single a { width: 60px; height: 60px; margin: 0 auto 5px; } .tackstact_box_single span { font-size: 11px !important; } .portfolio_slider_img { width: 100%; text-align: center; margin-bottom: 30px; } .dubai_innerer { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; text-align: center; } .portfolio_slider_details { width: 100%; } .portfolio_dubaibtnss a img { max-width: 40px; } .portfolio_dubaibtnss a { display: inline-block; margin-right: 0; margin: 0 5px; } .portfolio_slider_details h3 { font-size: 16px; line-height: 15px; margin: 0 0 14px; } .portfolio_slider_details p { font-size: 14px; margin-bottom: 20px; line-height: 27px; } .dubai_slider_box { border-radius: 4px; padding: 40px 10px 60px; } .dedicated_newdesign { padding: 45px 0; } .dedicated_right img { max-width: 100%; } .dedicated_newmain h1 { font-size: 24px; margin: 0 0 12px; line-height: 35px; } .dedicated_newmain p { font-size: 14px; margin-bottom: 20px; line-height: 23px; } .dedicated_form .form-control { height: 48px; padding: 0 14px; border-radius: 4px; width: 100%; font-size: 14px; } .dedicated_form .form-group { flex-wrap: wrap; box-shadow: unset; } .dedicated_form button { height: 48px; border: 0; font-weight: 600; border-radius: 4px; padding: 0 20px; width: 100%; font-size: 15px !important; margin-top: 14px; } .counter_box h3 { font-size: 13px; margin-bottom: 0; margin-top: 14px; line-height: 19px; } .count_top { font-size: 19px; line-height: 15px; } .counter_main { margin-top: 20px; flex-wrap: wrap; } .counter_box { border-radius: 6px; padding: 21px 13px; width: 48%; margin-bottom: 12px; } .dedecated_slogan { padding-bottom: 45px; } .dedecated_slogan_box { border: 4px solid #1a81ff; padding: 22px 22px; max-width: 100%; } .dedecated_slogan_box p { font-size: 14px; margin-bottom: 0; line-height: 26px; } .dedecated_slogan_box strong { font-size: 20px; } .technology_tabs .nav-tabs { width: 100%; border: 0; margin: 0; } .technology_tabs .nav-tabs li { width: 100%; position: unset; top: 0; z-index: 0; margin-right: 10px; } .technology_tabs .nav-tabs li a { padding: 8px 14px !important; margin-bottom: 2px; height: auto; width: auto; font-size: 14px !important; font-weight: 600; white-space: nowrap; border-radius: 4px; justify-content: center; } .technology_tabs .nav-tabs { width: 100%; border: 0; margin: 0; display: flex; overflow-x: auto; overflow-y: hidden; } .technology_tabs { flex-wrap: wrap; } .technology_tabs .nav-tabs li a img { max-width: 28px; margin-right: 9px; } .technology_tabs .tab-content { width: 100%; margin-top: 20px; } .technology_reqire_main p { font-size: 14px; margin-bottom: 20px; line-height: 25px; } .blank_box { display: none; } .technology_inner { justify-content: space-between; } .technology_box { padding: 20px 10px; border-radius: 4px; border: 1px solid #fff !important; width: 48%; margin-bottom: 14px; } .Dedicated_cta { padding-top: 45px; } .success__cta { padding: 0 0 45px; } .Dedicated_cta_main { padding: 25px 25px; text-align: center; } .Dedicated_cta_main h2 { font-size: 20px; margin-top: 0; line-height: 30px; margin-bottom: 10px; } .Dedicated_cta_main p { font-size: 14px; margin-bottom: 12px; line-height: 24px; } .Dedicated_cta_left { width: 100%; position: relative; z-index: 1; } .Dedicated_cta_main img { right: 0px; max-width: 60%; z-index: 0; opacity: 0.3; width: 100%; top: 0; bottom: auto; display: none; } .Dedicated_cta_main a { padding: 12px 22px; display: inline-block; margin-top: 5px; border-radius: 50px; color: #ffffff; font-weight: 600; font-size: 14px; } .benefit_detailss { margin-left: 0; } .benefit_dedi_box { flex-wrap: wrap; } .benefit_ico img { max-width: 36px; } .benefit_ico { width: 100%; margin-bottom: 14px; } .benefit_detailss p { font-size: 14px; margin-bottom: 0; line-height: 26px; } .benefit_detailss h3 { margin: 0 0 10px; font-size: 15px; line-height: 19px; } .exploringworld_table tr th, .exploringworld_table tr td { font-size: 12px; padding: 12px 10px !important; } .saudi_banner { padding: 40px 0px 40px; } .saudi_banner_content h2 { font-size: 24px; margin: 0 0 12px; line-height: 34px; } .saudi_banner_content p { font-size: 14px; margin-bottom: 24px; line-height: 27px; } .saudi_services_row .col-md-4 { margin-bottom: 20px; width: 100%; } .saudi_services_boxx h3 { padding-left: 14px; width: 85%; font-size: 15px; } .saudi_services_boxx { padding: 18px 18px; border-radius: 4px; } .saudi_services_boxx p { font-size: 14px; line-height: 24px; } .Advancetech_icon img { width: 100%; height: auto; object-fit: cover; border-radius: 4px; } .Advancetech_icon { border-radius: 4px; padding: 16px 14px; } .Industries_main_box { width: 100%; margin-right: 0 !important; margin-bottom: 15px; } .Industries_hover h3 { font-size: 15px; } .Industries_hover p { line-height: 24px; font-size: 14px; } .Industries_hover { padding: 15px 15px; } .Services_Saudi_box { padding: 15px 16px; border-radius: 4px; margin: 20px 20px 0; box-shadow: none; border: 2px solid #f2f2f2; } .Saudi_box_icon img { max-width: 34px; transition: all 0.3s ease; } .Saudi_box_icon { width: 50px; height: 50px; } .Services_Saudi_box span { position: absolute; right: 0; top: 14px; height: 50px; width: 90px; font-size: 26px; line-height: 50px; border-radius: 6px; } .Services_Saudi_box h3 { font-size: 15px; } .Services_Saudi_box p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .trusted_counter_box span { font-size: 20px; margin: 0 0 0; } .trusted_counter_box h2 { font-size: 12px; line-height: 17px; margin: 0; } .trusted_icons { margin-top: 7px; } .trusted_counter { flex-wrap: wrap; padding: 14px 17px; justify-content: space-between; } .trusted_counter_box { width: 48%; flex-wrap: wrap; padding: 8px 10px; border: 1px solid #f2f2f2 !important; margin-bottom: 10px; } .trusted_inner { padding: 17px 12px; } .dubai_bottom_bar { margin-top: 30px; } .main_banner { background: #fff; } .loaction_ctaa { padding: 0 0 45px; } .dedicated_left .hire_comman_btn .Hire_commanbtn:first-child { margin-bottom: 14px; } .sitemap_box { padding: 20px 20px; } .sitemap_box h2 { margin: 0 0 15px; font-size: 16px; border-left: 4px solid #1a81ff; padding-left: 10px; } .sitemap_ul li { padding-left: 17px; margin-bottom: 10px; } .sitemap_ul li a { font-size: 15px; } .sitemap_ul li::after { height: 8px; width: 8px; top: 7px; left: 0; } .ul_manage li { width: 100%; } .sitemap_banner .comman_heading h2 { font-size: 26px; margin: 0 0 30px; } .sitemap_banner .comman_heading p { font-size: 15px; } .sitemap_banner .comman_heading h2::after { bottom: -18px; } .sitemap_banner { height: 250px; } .sitemap_heading h1 { font-size: 32px; line-height: 40px; margin-bottom: 15px; margin-top: 0; } .sitemap_heading p { font-size: 15px; margin: 0; } .developers_box { width: 100%; margin-right: 0px !important; margin-bottom: 12px; } .comman_heading { margin-bottom: 40px; } .sub_headinghire { font-size: 15px; } .Industry_page { padding: 40px 0 25px; } .Industry_page_box { border-radius: 4px; padding: 12px 12px; } .Industry_page_img { height: 160px; border-radius: 4px; margin-bottom: 18px; } .Industry_bottom h3 { font-size: 16px; line-height: 17px; margin: 0 0 8px; } .Industry_bottom p { font-size: 14px; margin-bottom: 0; line-height: 24px; } .industry_col { margin-bottom: 20px; } .Industry_page .comman_heading { margin-bottom: 20px; } .header_logonew .Christmas_cap { position: absolute; top: -13px; left: -6px; max-width: 30px; } .bannerhome_design { height: auto; padding: 40px 0 100px; } .bannerhome_design .container .row { flex-wrap: wrap; } .bannerhome_design .container .row .col-md-5 { order: -1; margin-bottom: 20px; } .bannerhome_content h1 { font-size: 30px; line-height: 45px; margin: 0 0 10px; } .bannerhome_pic img { max-width: 90%; } .bannerhome_content P { font-size: 15px; margin-bottom: 10px; line-height: 25px; } .bannerhome_content { text-align: center; } .technologyStacksSlider::after, .technologyStacksSlider::before { width: 100px; } .footernew_top .icons_adver { display: flex; justify-content: center; flex-wrap: wrap; } .footernew_top .row .col-auto { width: 47%; text-align: center; margin: 0 4px 14px; } .social_icons { margin-top: 20px; } .footernew_mid { padding: 30px 0 10px; margin: 30px 0 0; } .footernew_mid .row .col-md-3 { margin-bottom: 20px; } .fnadd_left img { max-width: 40px; } .fnadd_right span { color: #fff; font-weight: 800; font-size: 13px; display: block; margin-bottom: 4px; } .fnadd_right strong { font-size: 12px; } .fnadd_right p { color: #fff; font-weight: 500; margin-bottom: 6px; font-size: 12px; line-height: 20px; } .fnadd_right a { color: #ffff; font-weight: 700; font-size: 12px; display: block; } .footernew_mid .row .col-md-3:nth-child(2), .footernew_mid .row .col-md-3:nth-child(4) { padding-left: 8px; } .footernew_mid .row .col-md-3:nth-child(1), .footernew_mid .row .col-md-3:nth-child(3) { padding-right: 8px; } .footernew_bottom .row .col-md-3 { width: 100%; margin-bottom: 20px; text-align: center; } .footernew_menuss li::after { display: none; } .footernew_menuss li { padding-left: 0; } .footernew_bottom { padding: 30px 0 0; } .newportfolio_img { height: auto; margin-bottom: 20px; } .newportfolio_box { padding: 30px 18px; } .newportfolio_right h2 { font-size: 24px; margin-bottom: 4px; } .newportfolio_right h3 { font-size: 14px; margin-bottom: 12px; } .newportfolio_right p { font-size: 14px; line-height: 25px; margin-bottom: 20px; } .feedbacks_boxx { text-align: left; flex-wrap: wrap; justify-content: center; } .feedbacks_content { width: 100%; padding-left: 0; margin-top: 15px; text-align: center; } .footernew_menuss li a { font-size: 13px; display: block; } .menus_head { font-size: 17px; } .Drop_Requirement .modal-body > .row .col-md-6:first-child { display: none; } .Drop_Requirement .modal-body > .row .col-md-6 { width: 100%; } .Drop_Requirement .modal-dialog { max-width: 90%; } .Drop_Requirement .modal-content { padding: 15px; border-radius: 6px; border: 0; } .Drop_Requirement form .form-group label { margin-bottom: 5px; } .Drop_Requirement .close { top: -52px; right: 0px; } .newrequest_left { padding: 25px; width: 100%; } .expert_team h3 { font-size: 22px; margin: 0 0 10px; line-height: 31px; } .expert_team p { font-size: 14px; line-height: 23px; margin-bottom: 10px; } .newrequestbox_icon { width: 100%; text-align: center; margin-bottom: 8px; } .newrequest_box { width: 50%; margin-top: 20px; flex-wrap: wrap; } .newrequestbox_icon img { max-width: 40px; } .newrequestbox_detil { width: 100%; padding-left: 0; text-align: center; } .newrequestbox_detil h4 { font-size: 22px; margin: 0px 0 0px; line-height: 36px; } .newrequestbox_detil span { font-size: 13px; } .newrequest_right { width: 100%; padding: 25px 10px; } .newrequest_form .form-group { margin-bottom: 15px; } .newrequest_form .form-group .form-control { padding: 8px 16px; font-size: 14px; border-radius: 8px; height: 46px !important; } .newbtn_design2 { font-size: 15px; padding: 10px 20px; border-radius: 10px; } .ctabtnmpadding { padding-bottom: 45px; } .mycontactpage { padding: 20px 0 40px; } .contactfluid .container .mainpart .topheading p { max-width: 100%; margin: 0 0 20px; font-size: 15px; } .contactfluid .container { max-width: 100%; padding: 0; margin: 0; } .contacttopheaingfluid { padding: 0; } .contactfluid .container .mainpart .contactform .form-group label, .requestformfluid .container .mainpart .contactform .form-group label { font-size: 13px; line-height: 22px; margin-bottom: 3px; } .requestformfluid { margin-top: 30px; z-index: 1; } .myrequserquotepage { width: 100%; padding: 40px 0 60px; } .requestformfluid .container { width: 100%; margin: 0 auto; padding: 0; } .requserquotefluid { padding: 0; } .g-recaptcha iframe { transform: scale(0.8); } .aboutbanner_new { height: auto; padding: 50px 0 50px; } .aboutbanner_content h1 { font-size: 26px; line-height: 38px; margin-bottom: 10px; } .aboutbanner_content strong { margin-bottom: 10px; font-size: 16px; } .aboutbanner_content p { font-size: 15px; margin-bottom: 15px; line-height: 22px; } .aboutbanner_new::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; } .aboutbanner_content { margin-bottom: 0; position: relative; z-index: 12; } .globally-connect-inner { padding: 11px 20px; transform: unset; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; height: auto; } .contactpopup_heading h2 { font-size: 24px; line-height: 34px; margin-bottom: 8px; } .contactpopup_heading p { font-size: 15px; line-height: 24px; margin-bottom: 18px; } .contactpopup_form { width: 100%; padding: 40px 20px; } .contact_popup .modal-dialog { width: 92%; margin: 30px auto; } .contactpopup_form .form-group .form-control { height: 46px; border-radius: 10px; border: 0; padding: 10px 18px; } .contactpopup_form .form-group { margin-bottom: 16px; } .contactpopup_form form.row .col-md-6 { width: 100%; } .contactpopup_form .form-group select.form-control { background-position: 95% center; } .contactpopup_form .form-group .form-control { height: 46px; border-radius: 10px; border: 0; padding: 10px 18px; font-size: 14px; } .contactpopup_form form.row .col-md-12:last-child { text-align: center; } .iprefer { display: block; border: 0; margin-top: 20px; margin-left: 0; } .contactpopup_form::after { height: 96px; width: 338px; top: 0px; left: -110px; } .contactpopup_form::before { height: 96px; width: 338px; bottom: 0; right: -110px; } .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .fully_featured_content .featured_heading h3 { font-size: 18px; line-height: 24px; margin: 0px 0 15px; } .dmca_protected { margin-top: 20px; } .maillink { font-size: 14px; margin: 14px 0 0px; } .cta-commbx .container h2 { font-size: 22px; line-height: 30px; margin: 0 0 20px; } .cta-commbx .container { border-radius: 10px; padding: 20px; } }