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: .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: -.25em 
}
sup {
    top: -.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: .35em .625em .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: .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(../png/banner-2.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: .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: .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(../png/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: .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: .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(../png/whpha1.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden 
}
.sliderwahphafluid .sliderback2 {
    background-image: url(../png/whpha2.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden 
}
.sliderwahphafluid .sliderback3 {
    background-image: url(../png/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: .7 
}
.sliderwahphafluid .slidernuber ul li:nth-child(2) {
    opacity: .5 
}
.sliderwahphafluid .slidernuber ul li:nth-child(3) {
    opacity: .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(../png/blockchain-3.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: .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: .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(../png/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: .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 .5s;
    -o-transition: all .5s;
    transition: all .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 .5s;
    -o-transition: all .5s;
    transition: all .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, .15);
    top: 0 
}
.mkaccordionitem .mkaccordionbox {
    padding: 15px;
    color: #fff;
    padding: 0;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .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: .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: .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, .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: .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, .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(.9);
    -moz-transform: translate(-50%, -50%) scale(.9);
    -ms-transform: translate(-50%, -50%) scale(.9);
    -o-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .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: .6s;
    transition-delay: .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: .2s;
    transition-delay: .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: .7s;
    transition-delay: .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: .4s;
    transition-delay: .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: .2s;
    transition-delay: .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: .3s;
    transition-delay: .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(.5, -.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(.5, -.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(.5, -.01, 0, 1.005);
    transition: all 1s cubic-bezier(.5, -.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(.5, -.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(.5, -.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(.5, -.01, 0, 1.005);
    transition: all 1s cubic-bezier(.5, -.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(../png/india-2.png);
    background-size: cover;
    width: 100%;
    overflow: hidden 
}
.firstfooterfluid .maindiv .egypt {
    background-image: url(../png/egypt.png);
    background-size: cover;
    width: 100%;
    overflow: hidden 
}
.firstfooterfluid .maindiv .usa {
    background-image: url(../png/usa-2.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, .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, .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, .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, .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(../png/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(../png/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, .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, .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(../png/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(../png/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, .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, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .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: .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(../careerback.html);
    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, .08);
    -moz-box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, .08);
    box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, .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: .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(../png/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(../png/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(../png/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(../png/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(../png/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(../block.html);
    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, .08);
    -moz-box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, .08);
    box-shadow: 2px 3px 31px -1px rgba(8, 8, 97, .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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.aboutdevelopmentfluid {
    background-image: url(../png/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(../png/mobile_back-2.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, .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, .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, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .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: .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(../case_cta2.html);
    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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.devmethologyfluid {
    background-image: url(../circles.html);
    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(../backapproaches.html);
    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(../png/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: .5px;
    text-transform: uppercase 
}
.indweserveluid .container .indweserve .letstalk a:hover {
    text-decoration: none 
}
.myandroidapppage {
    background-image: url(../back_full.html);
    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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.devcompanyfluid {
    background-image: url(../circles.html);
    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(../playstore.html);
    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(../backapproaches-2.html);
    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: .5px;
    text-transform: uppercase 
}
.andindweserveluid .container .indweserve .letstalk a:hover {
    text-decoration: none 
}
.mywerableapppage {
    background-image: url(../wearable.html);
    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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.aboutwerablefluid {
    background-image: url(../png/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(../back.html);
    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, .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(../game.html);
    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: .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, .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(../png/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: .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, .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(../png/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(../png/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(../png/php-3.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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.aboutphpfluid {
    background-image: url(../png/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(../png/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(../png/java-3.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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.aboutjavafluid {
    background-image: url(../png/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(../png/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(../png/anguler-2.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: .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, .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(../png/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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.myuiuxdesignpage {
    background-image: url(../uiuxbanner.html);
    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: .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, .08);
    transform: scale(1.05, 1.05);
    border: none 
}
.uiuxmethologyfluid {
    background-image: url(../circles.html);
    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(../graphics.html);
    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, .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, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .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(../banner.html) 
}
.mobileappuae {
    background-image: url(../banner-2.html) 
}
.mobileappkuwait {
    background-image: url(../banner_bg.html) 
}
.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(../back-2.html);
    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: .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(../iphoneusa.html) 
}
.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(../iphonesaudi.html) 
}
.androidusa {
    background-image: url(../androidusa.html) 
}
.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(../whyback.html);
    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(../androiduk.html) 
}
.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(../png/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(../pokerwhy.html);
    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(../png/game_icons-2.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(../png/game_icons-2.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(../game_icons.html);
    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(../backpoker.html);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding: 40px 80px;
    margin-bottom: 50px;
    margin-top: 20px 
}
.seopage {
    background-image: url(../png/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(../png/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(../fantasy.html);
    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(../casino.html) 
}
.casino-icon {
    background-image: url(../casino-icon.html);
    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(../casino-icon.html);
    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(../investor_banner.html);
    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: .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(../graphic.html);
    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(../banner2.html);
    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, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .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: .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(../png/banner-3.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(../png/back-2.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(../png/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, .1);
    transition-duration: .3s 
}
.category:before {
    background: #fff;
    transition-duration: .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(../healthcare.html);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-attachment: fixed;
}
.healthcarefluid.myaboutpage {
    height: 100vh;
    background-image: url(../jpg/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(../back_2.html);
    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(../graphic-2.html);
    background-repeat: no-repeat, repeat;
    background-size: 200px 200px;
    background-position: 98% 94% 
}
.industyweserve .industry .leftpart {
    background-image: url(../img.html);
    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(../back-3.html);
    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(../back-4.html);
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden 
}
.realestatefluid {
    background-image: url(../back-5.html);
    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(../back-6.html);
    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(../banner2-2.html);
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden 
}
.fooddelivery {
    background-image: url(../banner2-3.html) 
}
.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, .52);
    z-index: 2147483647 
}
#contactModal .modal-content {
    background-image: url(../pop_back.html);
    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: .5px 
}
#contactModal .rightpart .lookinginvestor .heading h4 {
    color: #fff;
    font-family: oswaldlight;
    font-size: 18px 
}
#contactModal .leftpart {
    background-image: url(../png/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(../back-7.html);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden 
}
.sliderwahphafluid .backimg2 {
    background-image: url(../back-8.html);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden 
}
.sliderwahphafluid .backimg3 {
    background-image: url(../back-9.html);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden 
}
.sliderwahphafluid .backimg4 {
    background-image: url(../back-10.html);
    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: -.9s;
    -webkit-animation-delay: -.9s 
}
@keyframes loader3 {
    0% {
        transform: scale(0, 0);
        opacity: .8 
    }
    100% {
        transform: scale(1, 1);
        opacity: 0 
    }
}
@-webkit-keyframes loader3 {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: .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: .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, .08);
    -moz-box-shadow: 0 21px 51px -13px rgba(8, 8, 97, .08);
    box-shadow: 0 21px 51px -13px rgba(8, 8, 97, .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(../game_icons.html);
    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(../png/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(../game_icons.html);
    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(../png/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(../png/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(../png/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(../game_icons.html);
    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(../game_icons.html);
    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(../png/banner-4.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(../png/back-3.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(../png/years.png);
    top: 35px;
    margin-left: 0;
    left: 0;
    z-index: 99 
}
.numbergamesfluid .numbersgame .number2:after {
    display: block;
    position: absolute;
    content: url(../png/android_ios.png);
    top: 35px;
    margin-left: 0;
    left: 0;
    z-index: 99 
}
.numbergamesfluid .numbersgame .number3:after {
    display: block;
    position: absolute;
    content: url(../png/clients.png);
    top: 55px;
    margin-left: 0;
    left: 0;
    z-index: 99 
}
.numbergamesfluid .numbersgame .number4:after {
    display: block;
    position: absolute;
    content: url(../png/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(../png/money.png);
    top: 30px;
    margin-left: 0;
    left: -50px;
    z-index: 99 
}
.moneybackfluid .righrpart:after {
    display: block;
    position: absolute;
    content: url(../time.html);
    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(../png/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, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x 
}
.topheaingfluid .carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(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, .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: .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: .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: .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: .8s ease-in-out 
}
.firtfooterfluid .address-box:hover .addresspart {
    transform: rotateY(360deg) 
}
.firtfooterfluid .addresspart {
    background-image: url(../icons.html);
    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: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .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(../png/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, .52);
    z-index: 2147483647 
}
#requestsendModal .modal-content {
    background-image: url(../png/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, .52);
    z-index: 2147483647 
}
#requestnotsendModal .modal-content {
    background-image: url(../png/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: .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(../home_banner.html);
    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(.4, .25, 0, 1);
    transition: all 1s cubic-bezier(.4, .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: .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(../techicon.html);
    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: .5s;
    transition-delay: .1s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none 
}
.home-startup .featurepart .feature:hover {
    box-shadow: 0 10px 25px -10px #ccc;
    transition-duration: .5s;
    transition-delay: .1s;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px) 
}
.home-startup .featurepart .feature:hover .featureicon {
    transition: .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(../techicon.html);
    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 img {
    margin-right: 20px;
}
.homeabotus .featurepart .feature .featureicon {
    background: url(../icons.html) 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 
}
.homeabotus .featurepart .feature p {
    font-size: 14px;
    font-family: poppinsregular;
    color: #08223a;
    line-height: 24px;
    font-weight: 500;
    text-align: left;
}
.homeabotus .featurepart .feature p span {
    display: block 
}
.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: .7s ease-in-out 
}
.services-fluid .homeservice .myservices .row .mainpart .serviceimage {
    background: url(../icons.html) 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(../icons.html) 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(../icons.html) 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(../icons.html) 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(../icons.html) 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(../icons.html) 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(../icons.html) 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(../icons.html) 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(../icons.html) 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(../agile_bg.html);
    background-size: cover;
    background-position: center;
    width: 100% 
}
.solution360-fluid {
    background-image: url(../360back.html);
    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: .5s ease-in-out 
}
.industry-fluid .industrypart .industry:hover {
    box-shadow: 0 15px 39px -11px #46638e45;
    transform: translate(-5px, -5px);
    transition: .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(../icons.html);
    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(../technology.html);
    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(../techicon.html);
    display: block;
    width: 90px;
    height: 90px;
    content: "";
    position: absolute;
    top: -85px;
    left: 25% 
}
.java-techstack .tab-content .technologypart ul li:after {
    background-image: url(../png/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(../png/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(../unity-icon.html);
    background-size: 75px;
}
.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(2):after {
    background: #fff url(../spritekit.html);
    background-size: 75px;
}
.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(3):after {
    background: #fff url(../nextpeer.html);
    background-size: 75px;
}
.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(4):after {
    background: #fff url(../amazon-lumberyard.html);
    background-size: 75px;
}
.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(5):after {
    background: #fff url(../coronasdk.html);
    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: .6s ease-in-out top;
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .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: .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: .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: -.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: -.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, .08), 0 2px 4px rgba(0, 8, 24, .04);
    border-radius: 30px;
    transition: box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease 
}
.country-slide ul li a::after {
    background: url(../slideflag.html) 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(../png/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(../banner_malaysia.html) 
}
.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(../png/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(../png/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(../png/web_back-2.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(../png/web_back-3.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: .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: .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: .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(../icons.html);
    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, .0001) 100%) 
}
.home-slder-fluid .carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(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, .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: .6s ease-in-out top;
    -moz-transition: .6s ease-in-out top;
    -ms-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top 
}
.myblockchainpage.singapore-fluid {
    background-image: url(../png/banner-5.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(../png/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: .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(../png/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(../png/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(../png/banner-6.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(../flutter-app-developement-company.html) 
}
.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(../png/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, .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: .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: .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, .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: .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: .5px;
    display: inline-block 
}
.digital-marketing .digital-icon {
    background-image: url(../png/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(../png/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(../png/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(../png/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(../saudi_banner.html);
    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: .5s ease-in-out 
}
.arabia-service .servicepart .service:hover {
    transform: translateY(-10px);
    transition: .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(../box-1.html) 
}
.arabia-service .servicepart .box-2 {
    background-image: url(../box-2.html) 
}
.arabia-service .servicepart .box-3 {
    background-image: url(../box-3.html) 
}
.arabia-service .servicepart .box-4 {
    background-image: url(../box-4.html) 
}
.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(../bahrain-banner.html);
    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: .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: .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: .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: .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: .5s ease-in-out 
}
.bahrain-web-service .container .websitedesign .servicepart .service:hover .bahrain-webservice-text {
    transition: .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: .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(../banner_bg.html) 
}
.deliver_payperclick.mainblockchainfluid.smo_result .container .blockchainright img {
    width: 100%;
    height: auto 
}
video, video:focus {
    outline: .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(../png/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(../png/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: .5px;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .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(../png/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: .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(../png/mobile-game-icons.png) no-repeat;
    background-size: 750px auto;
    width: 70px;
    height: 60px;
    margin: 0 auto;
    transition: .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: .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(../marijuana.html);
    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: .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(../jpg/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: .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: .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(../scope.html);
    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(../icons-2.html) 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: .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: .8s 
}
.ecommerce-work {
    padding: 40px 0;
    background-image: url(../best-tailor.html);
    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: .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: .1s;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px) 
}
.industries .box .box-inner:hover .icon {
    transition-duration: 1s;
    transition-delay: .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(../industry-icons.html);
    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(../png/heyhang-bg.png) 
}
.interface-section2 {
    background-image: url(../png/zanomy-bg.png) 
}
.interface-section3 {
    background-image: url(../png/bioessence-bg.png) 
}
.interface-section4 {
    background-image: url(../png/designer-bg.png) 
}
.interface-section5 {
    background-image: url(../png/menzil-bg.png) 
}
.interface-section6 {
    background-image: url(../png/mim-bg.png) 
}
.interface-section7 {
    background-image: url(../png/pomegranate-bg.png) 
}
.interface-section8 {
    background-image: url(../png/carcom-bg.png) 
}
.interface-section9 {
    background-image: url(../png/rim-bg.png) 
}
.interface-section10 {
    background-image: url(../png/tada-bg.png) 
}
.interface-section11 {
    background-image: url(../png/saudi-bg.png) 
}
.interface-section12 {
    background-image: url(../png/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(../png/wordnot-bg.png) 
}
.game-interface-section2 {
    background-image: url(../png/bushpig-bg.png) 
}
.game-interface-section2 .app-link button {
    background: #d50117 !important 
}
.game-interface-section3 {
    background-image: url(../png/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(../png/web-ammanzon-bg.png) 
}
.web-interface-section2 {
    background-image: url(../png/web-starimpoter.png) 
}
.web-interface-section3 {
    background-image: url(../png/web-cars-iq-bg.png) 
}
.web-interface-section4 {
    background-image: url(../png/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: .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: .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(../png/bahrainicons.png);
    background-size: 400px auto;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    transition: .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: .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(../bahrainicons.html);
    background-size: 300px auto;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    transition: .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: .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(../png/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(../png/malaysia-icon.png);
    background-size: 500px auto;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    transition: .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(../gameapp-icon.html);
    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(../healthcare-icons.html);
    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(../png/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: .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(../client.html);
    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(../background.html);
    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(../machine-ai.html);
    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(../advantage.html);
    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 .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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: .1s;
}
.request-form .form-styling .btn-styling img {
    position: absolute;
    top: 17px;
    right: 35%;
    transition-duration: 1s;
    transition-delay: .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(../write-us.html);
    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(../background-2.html);
    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(../png/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(../background-3.html);
    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(../png/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(../background-4.html);
    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(../background-5.html);
    background-position: center;
    position: relative;
}
.hiringmodel-fluid.grocery-hiring-fluid .content p {
    font-size: 14px;
}
.myblockchainpage.marijuana.ewallet.fitness {
    background-image: url(../background-6.html);
    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(../background-7.html);
}
.ewallet-solution-fluid.medicine-solution.needandrise .need-box {
    background: #012445;
    height: 210px;
}
.myblockchainpage.marijuana.ewallet.car-wash {
    background-image: url(../background-8.html);
}
.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(../background-9.html);
}
.myblockchainpage.marijuana.ewallet.dating::before {
    background-color: #00000094;
}
.myblockchainpage.marijuana.taxi-booking {
    background-image: url(../background-10.html);
}
.myblockchainpage.marijuana.taxi-booking::before {
    background-color: #000000c7;
    ;
}
.myblockchainpage.marijuana.handyman {
    background-image: url(../background-11.html);
}
.myblockchainpage.marijuana.handyman::before {
    background-color: #000000c7;
}
.grocery-solution-fluid.needandrise .need-box {
    height: 200px;
}
.updated-homepage-fluid {
    background: url(../png/updated-home-bg.png);
    background-size: cover;
    padding-left: 15px;
    padding-right: 15px;
    height: 100vh;
}
.updated-homepage-fluid .updated-banner-text {
    padding-left: 15%;
    margin-top: 25px;
}
.updated-homepage-fluid .updated-banner-text h1 {
    font-size: 60px;
    font-weight: 700;
    color: black;
    line-height: 80px;
    font-family: poppinsbold;
}
.updated-homepage-fluid .updated-banner-text p {
    font-size: 20px;
    color: #4a4a4a;
    font-weight: 500;
    line-height: 40px;
    padding-right: 25%;
    margin-top: 30px;
    font-family: poppinsregular;
}
.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 p::before {
    position: absolute;
    content: '';
    left: -70px;
    width: 60px;
    height: 2px;
    background: black;
    top: 12px;
}
.brand-fluid p::after {
    position: absolute;
    content: '';
    right: -70px;
    width: 60px;
    height: 2px;
    background: black;
    top: 12px;
}
.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 h2 {
    color: black;
    font-weight: 500;
    font-family: Montserrat;
    font-size: 32px;
}
.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: .5s;
    transition-delay: .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(../jpg/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: .5s;
    transition-delay: .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(../png/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(../backgrround1.html);
    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: 24%;
    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: #1A81FF;
    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(../png/dots-2.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: "\f067";
    color: #195fff;
    position: absolute;
    right: 0;
    font: normal normal normal 20px/1 FontAwesome;
}
.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;
}
.faq_box.active .faq_box_head::after {
    content: "\f068";
}
.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(../svg/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(../svg/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(../png/arvr_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.aiml_icon a:before {
    background-image: url(../png/aiml_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.iot_icon a:before {
    background-image: url(../png/iot_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.healthcare_icon a:before {
    background-image: url(../png/healthcare_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.ott_icon a:before {
    background-image: url(../png/ott_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.support_icon a:before {
    background-image: url(../png/support_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hybrid_icon a:before {
    background-image: url(../png/hybrid_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.mobile_icon a:before {
    background-image: url(../png/mobile_app.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_mobile_icon a:before {
    background-image: url(../png/hire-mobile-app-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_android_icon a:before {
    background-image: url(../png/hire_android_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_game_icon a:before {
    background-image: url(../png/hire-game-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_php_icon a:before {
    background-image: url(../png/hire-php-app-developer.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_flutter_icon a:before {
    background-image: url(../png/hire-flutter-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_reactnative_icon a:before {
    background-image: url(../png/hire-react-native-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_node_icon a:before {
    background-image: url(../png/hire-node-js-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_vue_icon a:before {
    background-image: url(../png/vue_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_golang_icon a:before {
    background-image: url(../png/golang_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_dedicated_icon a:before {
    background-image: url(../png/dedicated_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_angular_icon a:before {
    background-image: url(../png/angular.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_python_icon a:before {
    background-image: url(../png/python_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_iphone_icon a:before {
    background-image: url(../png/hire_iphone_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_blockchain_icon a:before {
    background-image: url(../png/hire_blockchain_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_ame_icon a:before {
    background-image: url(../png/hire_aem_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_laravel_icon a:before {
    background-image: url(../png/hire_laravel_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.pos_icon a:before {
    background-image: url(../png/pos_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.ondemand_icon a:before {
    background-image: url(../png/ondemand_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.web3_icon a:before {
    background-image: url(../png/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: .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('../png/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 .15s, box-shadow ease-in-out .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: #1A81FF;
}
.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(../why_choose_us.html);
    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(../png/dots-2.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(../png/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(../png/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(../png/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(../png/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(../png/dots-2.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 .5rem 1rem rgba(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(../png/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('../png/web-interface-section5.png');
}
.dubai_popup_mobile {
    display: none;
}
.interface-captain {
    background-image: url('../png/captainapp.png');
}
.interface-saudi-enaya {
    background-image: url('../png/saudienayapp.png');
}
.interface-freshtraders {
    background-image: url('../png/interface-freshtraders.png');
}
.interface-passport {
    background-image: url('../png/interface-passport.png');
}
.interface-fiveapp {
    background-image: url('../png/interface-fiveapp.png');
}
.interface-starimpoter {
    background-image: url('../png/interface-starimpoter.png');
}
.interface-maidstage {
    background-image: url('../png/interface-maidstage.png');
}
.saudienaya_bg {
    background-image: url('../png/saudienaya_bg.png');
}
.patenta_bg {
    background-image: url('../png/patenta_bg.png');
}
.Captain_bg {
    background-image: url('../png/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(../png/dots-2.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;
}
.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(../jpg/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(../png/dots-2.png);
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    background-size: 220px;
    background-position: center;
    z-index: 1;
    filter: brightness(30.5);
}
.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(../webp/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: .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 .5rem 1rem rgba(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, .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, .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, .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, .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, .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, .168627451);
    padding: 25px 30px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 70px rgba(32, 35, 66, .1);
    transition: all .3s ease;
    margin: 54px 20px 60px;
}
.why_Arabia .container-fluid {
    padding: 0;
}
.Services_Saudi_box::before {
    background-image: url('../dots-2.html');
    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, .1803921569), transparent);
    content: "";
    transition: all .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 .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 .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 .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(../arrow-right-line.html);
    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, .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(../dots.html);
    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, .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(../png/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_main a {
    background-color: #1A81FF;
    padding: 13px 26px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 50px;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
}
.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, .168627451);
    padding: 25px 30px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 70px rgba(32, 35, 66, .1);
    transition: all .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 .3s ease;
    width: 80%;
}
.saudi_services_boxx::before {
    background-image: url(../dots-2.html);
    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, .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, .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, .1);
    background-color: #fff;
    border-radius: 4px;
    transition: all .3s ease;
    width: 8%;
    height: 240px;
    display: flex;
    align-items: baseline;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    justify-content: center;
}
.Industries_hover {
    transition: all .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 .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 .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 .5rem 1rem rgba(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 .5rem 1rem rgba(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(../png/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(../png/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, .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: 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(../png/app-anasa-bg.png);
}
body.modal-open {
    padding: 0 !important;
}
.Drop_Requirement .modal_form_img {
    background-image: url(../drop_requirement.html);
    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, .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(../svg/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(../svg/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;
    border-radius: 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, .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(../svg/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: .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 
    }
}
.dmca_protected {
    text-align: center;
    margin-top: 30px;
}
.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;
}
@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.111e+25px;
        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(../mobile_bg.html);
    }
    .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;
    }
}
@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 .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;
    }
}