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(../images/home_page/banner.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    height: 900px
}

.headerfluid.stick {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    box-shadow: 0 0 35px #10429c2e, -2px -2px 5px #ccc;
    background: #fff;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 0s
}

.headerfluid.stick .container .mymenu li>a {
    color: #000
}

.headerfluid.stick .container .logo .disnone {
    display: block
}

.headerfluid.stick .container .logo .stickdisnone {
    display: none
}

.headerfluid.stick .container .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px
}

.headerfluid.stick .container .mymenu li:nth-last-child(1) a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 700;
    width: 40px;
    font-size: 12px;
    text-align: center;
    height: 48px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding-right: 15px;
    color: #fff !important
}

.headerfluid.stick .container .mymenu li:nth-last-child(2) a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 700;
    width: 170px;
    font-size: 12px;
    text-align: center;
    height: 48px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding-right: 15px;
    color: #fff !important
}

.headerfluid .mysubmenu {
    margin-bottom: 20px
}

.headerfluid .mysubmenu img {
    width: 100%;
    margin-top: 50px
}

.headerfluid .container .navbar-default .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #e7e7e700
}

.headerfluid .container .navbar-default .navbar-nav>.desktopdropdown .deskgropmenu {
    width: 60%;
    padding: 0;
    border-radius: 0;
    border: none;
    margin: 0;
    left: 150px;
    top: 80px;
}

.stick .headerfluid .container .navbar-default .navbar-nav>.desktopdropdown .deskgropmenu {
    top: 66px;
}

.headerfluid .container .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #e7e7e700
}

.myblogpage .headerfluid .container .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: #e7e7e700
}

.stick .headerfluid .container .navbar-default .navbar-nav>.open>a,
.stick .headerfluid .container .navbar-default .navbar-nav>.open>a:focus,
.stick .headerfluid .container .navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: #e7e7e700
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenuheading {
    padding: 3px 0 5px 0;
    border-bottom: 1px solid #eaeaea;
    position: relative
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenuheading h3 {
    font-size: 12px;
    font-weight: 600;
    color: #08223a;
    font-family: Montserrat;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 30px
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenuheading h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 155px;
    height: 2px;
    background: #c6e6ff;
    top: 46px;
    left: 27px
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .row {
    margin-right: 0;
    margin-left: 0
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart {
    padding-top: 20px;
    padding-left: 25px;
    background: #f1f1f1a1;
    height: 150px
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li {
    margin-bottom: 18px
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(1) a {
    background: no-repeat;
    color: #8c8b8b !important;
    font-weight: 600;
    width: auto;
    height: 45px;
    box-shadow: none;
    border-radius: 4px;
    padding-right: 15px;
    font-size: 12px
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(2) a {
    background: no-repeat;
    color: #8c8b8b !important;
    font-weight: 600;
    width: auto;
    height: 45px;
    box-shadow: none;
    border-radius: 4px;
    padding-right: 15px;
    font-size: 12px
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(1) a:hover {
    color: #fff !important
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li:nth-last-child(2) a:hover {
    color: #fff !important
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li>a {
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 600;
    color: #8c8b8b;
    letter-spacing: 0;
    padding: 10px 10px 10px 10px;
    text-transform: none
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenushape {
    position: absolute;
    top: -16px;
    left: 32%
}

.headerfluid .container .navbar-default .navbar-nav .desktopdropdown .deskgropmenu .submenupart li>a:hover {
    text-decoration: none;
    background: #0046ff;
    color: #fff;
    border-radius: 4px
}

.headerfluid.stick .container .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: #e7e7e700
}

.topheaingfluid .container .mainbackcontent .row .col-sm-6 {
    padding: 0
}

.topheaingfluid .container .mainbackcontent .row h1 {
    font-size: 50px;
    font-weight: 700;
    font-family: "Iskoola Pota";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 50px
}

.topheaingfluid .container .mainbackcontent {
    margin-top: 50px;
    margin-left: 20px
}

.topheaingfluid .container .mainbackcontent .row h2 {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    font-family: Montserrat;
    margin-right: 135px
}

.topheaingfluid .container .requestqquote .form-group input {
    width: 275px;
    border-radius: 4px;
    height: 48px;
    background: #44b6ee;
    border: 1px solid #ffffff40;
    border-right: none
}

.topheaingfluid .container .requestqquote .form-group input:focus {
    color: #fff
}

.topheaingfluid .container .requestqquote .form-group input::placeholder {
    color: #fff;
    opacity: 1
}

.topheaingfluid .container .requestqquote {
    margin-top: 30px
}

.topheaingfluid .container .requestqquote button {
    width: 180px;
    height: 48px;
    border-radius: 4px;
    border: 2px solid #fff;
    margin-left: -15px;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.topheaingfluid .container .requestqquote .fa {
    font-size: 17px;
    font-weight: 700;
    margin-left: 5px;
    color: #000
}

.homeaboutcontainer .socialnediaabourt .sideheading span {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    float: left;
    margin-left: -86px;
    margin-top: 160px;
    margin-bottom: 140px;
    font-weight: 700;
    color: #000;
    font-size: 14px;
    font-family: Montserrat;
    letter-spacing: 0;
    text-transform: uppercase
}

.homeaboutcontainer .socialnediaabourt .sideheading span:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: #484848;
    top: 10px;
    left: 185px
}

.homeaboutcontainer .socialnediaabourt .sideheading span:before {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #484848;
    top: 10px;
    left: -46px
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li {
    padding-top: 10px
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li>a {
    font-size: 16px;
    color: #212121
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li:nth-child(1) a:hover {
    color: #3b5998
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li:nth-child(2) a:hover {
    color: #55acee
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li:nth-child(3) a:hover {
    color: #0077b5
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li:nth-child(4) a:hover {
    color: #2265ff
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li:nth-child(5) a:hover {
    color: #ea4c89
}

.homeaboutcontainer .maindivabout .socialnediaabourt .socialmediaside ul>li:nth-child(6) a:hover {
    color: #6c2b85
}

.homeaboutcontainer .homeabotus {
    padding: 24px 0 70px 80px
}

.home-about .homeabotus .aboutheading h2 {
    font-size: 40px;
    font-weight: 700;
    color: black;
    font-family: Montserrat;
    z-index: 2;
    position: relative;
    letter-spacing: 1px;
}

.home-about .homeabotus .aboutheading .headings h2:after {
    display: none;
}

.home-about .homeabotus .aboutheading .para {
    font-size: 24px;
    color: black;
    font-family: poppinsregular;
    z-index: 2;
    position: relative;
    line-height: 35px;
    margin-bottom: 25px;
}

.homeaboutcontainer .homeabotus .aboutheading h4 {
    font-size: 50px;
    font-weight: 700;
    color: #08223a;
    font-family: Montserrat;
    z-index: 2;
    position: relative
}

.homeaboutcontainer .homeabotus .aboutheading .headings h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #0070f5;
    top: 60px;
    left: 0
}

.homeaboutcontainer .homeabotus .aboutheading h3 {
    font-size: 16px;
    color: #08223a;
    line-height: 24px;
    font-family: Montserrat;
    font-weight: 600;
    margin-top: 40px;
    text-transform: uppercase
}

.homeaboutcontainer .homeabotus .aboutheading h3 span {
    display: block
}

.homeaboutcontainer .homeabotus .aboutcontent {
    margin-bottom: 35px;
}

.homeaboutcontainer .homeabotus .aboutcontent p {
    font-size: 14px;
    font-family: poppinslight;
    color: #000;
    line-height: 25px;
    font-weight: 500;
    margin-top: 0;
    margin-right: 150px;
    margin-bottom: 20px
}

.homeaboutcontainer .homeabotus .absolutecon {
    position: absolute;
    top: 5px
}

.homeaboutcontainer .homeabotus .absolutecon h2 {
    color: #dae9f7;
    opacity: .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(../images/banner/servocebanner.png);
    background-size: cover;
    width: 100%
}

.homeservicefluid .homeservice .servicehrading {
    text-align: center;
    position: relative;
    margin-top: 70px;
    margin-bottom: 80px;
}

.homeservicefluid .homeservice .servicehrading .heading h2 {
    font-size: 32px;
    color: black;
    font-family: Montserrat;
    z-index: 2;
    position: relative
}

.homeservicefluid .homeservice .servicehrading .hadabsolute {
    position: absolute;
    top: -35px;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}

.homeservicefluid .homeservice .servicehrading .hadabsolute h3 {
    font-size: 50px;
    z-index: 1;
    color: #dae9f7;
    opacity: .4;
    letter-spacing: 2px;
    font-family: "Iskoola Pota";
    font-weight: 700;
    font-style: normal
}

.homeservicefluid .homeservice .myservices {
    margin: 30px 60px;
}

.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(../images/banner/whpha1.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.sliderwahphafluid .sliderback2 {
    background-image: url(../images/banner/whpha2.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.sliderwahphafluid .sliderback3 {
    background-image: url(../images/banner/whpha3.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.sliderwahphafluid .sliderback1 .slidercontainer {
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.carousel-control .icon-prev,
.sliderwahphafluid .carousel-control .glyphicon-chevron-left {
    display: none
}

.carousel-control .icon-next,
.sliderwahphafluid .carousel-control .glyphicon-chevron-right {
    display: none
}

.sliderwahphafluid .carousel-control.left {
    background-image: none
}

.sliderwahphafluid .carousel-control.right {
    background-image: none
}

.sliderwahphafluid .slidercontainer .sliderimagemain .sliderfirstimage {
    float: right;
    position: relative
}

.sliderwahphafluid .slidercontainer .sliderimagemain .sliderfirstimage img {
    margin-top: 150px
}

.sliderwahphafluid .slidercontainer .sliderimagemain .slidersecondimage {
    position: absolute;
    top: 42px;
    margin-left: 75px
}

.sliderwahphafluid .slidercontainer .sliderimagemain .slidersecondimage img {
    height: auto;
    width: 375px
}

.sliderwahphafluid .slidercontainer .sliderimagemain .sliderfirstimage img {
    width: 300px;
    height: auto
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderimagemain {
    position: relative;
    height: 600px
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderfirstimage {
    left: 170px;
    position: absolute;
    top: 0
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderfirstimage img {
    width: 220px;
    height: auto;
    margin-top: 0
}

.sliderwahphafluid .sliderback3 .slidercontainer .slidersecondimage {
    position: absolute;
    top: 0;
    right: 0
}

.sliderwahphafluid .sliderback3 .slidercontainer .slidersecondimage img {
    width: 220px;
    height: auto;
    margin-top: 0
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderthirdimage {
    position: absolute;
    bottom: 0;
    left: 170px
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderthirdimage img {
    width: 220px;
    height: auto;
    margin-top: 0
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderforthimage {
    position: absolute;
    bottom: 0;
    right: 0
}

.sliderwahphafluid .sliderback3 .slidercontainer .sliderforthimage img {
    width: 220px;
    height: auto;
    margin-top: 0
}

.sliderwahphafluid .slidercontainer .silderheaing {
    margin-top: 200px
}

.sliderwahphafluid .slidercontainer .silderheaing h2 {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    font-family: Montserrat;
    text-transform: uppercase
}

.sliderwahphafluid .slidercontainer .silderheaing p {
    color: #fff;
    font-size: 16px;
    font-family: Montserrat;
    line-height: 24px
}

.sliderwahphafluid .carousel-indicators {
    left: 185px
}

.sliderwahphafluid .carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px
}

.sliderwahphafluid .carousel-indicators .active {
    width: 40px;
    height: 7px;
    margin: 0;
    background-color: #fff;
    margin-right: 0;
    margin-left: 0
}

.sliderwahphafluid .carousel-indicators li {
    margin-right: 35px
}

.sliderwahphafluid .carousel-indicators:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, #f7f7f7, #f1f1f100);
    bottom: 9px;
    left: 0
}

.sliderwahphafluid .slidernuber {
    position: absolute;
    bottom: 45px;
    z-index: 999;
    width: 50%;
    margin-left: 95px
}

.sliderwahphafluid .slidernuber ul>li {
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-right: 40px
}

.sliderwahphafluid .slidernuber ul li:nth-child(1) {
    opacity: .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(../images/banner/blockchain.png);
    background-repeat: no-repeat, repeat;
    background-size: 585px 610px;
    background-position: 0 0;
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px;
    margin-top: 50px;
    margin-bottom: 40px
}

.blockchainfluid .leftpart ul>li {
    background: #fff;
    width: 80%;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 0 0 1px #f3f3f3;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 15px;
    position: relative
}

.blockchainfluid .leftpart ul li:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    top: 98px;
    left: 50px;
    border-left: 1px solid #000;
    border-left-style: dotted
}

.blockchainfluid .leftpart ul li:last-child:after {
    border: none
}

.blockchainfluid .leftpart .number {
    width: 100px;
    float: left;
    height: 100%
}

.blockchainfluid .leftpart .number figure {
    font-size: 40px;
    color: #e2e2e2;
    font-family: Montserrat;
    padding: 0 0 0 20px
}

.blockchainfluid .leftpart .numberheading span {
    font-size: 18px;
    color: #5f5f5f;
    font-family: Montserrat;
    font-weight: 600
}

.blockchainfluid .rightpart .blockheading {
    position: relative
}

.blockchainfluid .rightpart .blockheading h2 {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    font-family: Montserrat, bold;
    position: relative;
    z-index: 1111
}

.blockchainfluid .rightpart .blockheading h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #0070f5;
    top: 55px;
    left: 5px
}

.blockchainfluid .rightpart .blockheading h3 {
    font-size: 16px;
    padding-top: 20px;
    color: #171717;
    text-transform: uppercase
}

.blockchainfluid .rightpart .blockheading h4 {
    font-size: 50px;
    text-transform: uppercase;
    font-family: initial;
    position: absolute;
    top: -43px;
    color: #f3f3f3;
    opacity: .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(../images/banner/working.png);
    background-size: cover;
    width: 100%
}

.workingprocessfluid .rightpart {
    margin-top: 150px
}

.home-working-fluid .rightpart .aboutheading .headings h3 {
    color: #fff;
    font-size: 40px;
    font-family: Montserrat;
    font-weight: 700
}

.home-working-fluid .rightpart .aboutheading .headings h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #fff;
    top: 55px;
    left: 0
}

.workingprocessfluid .rightpart .aboutheading .headings h4 {
    color: #fff;
    font-size: 40px;
    font-family: Montserrat;
    font-weight: 700
}

.workingprocessfluid .rightpart .aboutheading .headings h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background: #fff;
    top: 55px;
    left: 0
}

.home-working-fluid .rightpart .aboutheading .headings p {
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
    margin-right: 100px;
    line-height: 24px;
    font-family: Montserrat
}

.workingprocessfluid .rightpart .aboutheading .headings h5 {
    font-size: 18px;
    color: #fff;
    padding-top: 22px;
    margin-right: 100px;
    line-height: 24px;
    font-family: Montserrat
}

.workingprocessfluid .rightpart .aboutheading {
    position: relative
}

.workingprocessfluid .rightpart .aboutheading .absolutecon h2 {
    font-size: 45px;
    color: #e2e2e2;
    opacity: .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(../images/banner/india.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.firstfooterfluid .maindiv .egypt {
    background-image: url(../images/banner/egypt.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.firstfooterfluid .maindiv .usa {
    background-image: url(../images/banner/usa.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.firstfooterfluid .maindiv .homeaddress {
    padding: 28px;
    height: 200px
}

.firstfooterfluid .maindiv .homeaddress h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000
}

.firstfooterfluid .maindiv .homeaddress h2>span {
    font-size: 16px;
    color: #9a9a9a;
    font-family: Montserrat
}

.firstfooterfluid .maindiv .homeaddress .address ul>li {
    color: #7d7d7d;
    font-size: 14px;
    line-height: 30px
}

.firstfooterfluid .maindiv .homeaddress .address img {
    margin-right: 5px;
    width: 15px;
    height: auto
}

.secondfooterfluid {
    padding-top: 70px;
    padding-bottom: 50px;
    background: #060b29
}

.secondfooterfluid .footeraboutus .footerabout .footerlogo img {
    height: auto;
    width: 200px
}

.secondfooterfluid .footeraboutus .footerabout h3 {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-family: Montserrat
}

.secondfooterfluid .footeraboutus .footerabout h3 a {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-family: Montserrat
}

.secondfooterfluid .footeraboutus .footersocialmedia ul>li {
    float: left;
    padding: 0 20px 0 0
}

.secondfooterfluid .footeraboutus .footersocialmedia ul>li>a .fa {
    color: #e6e6e6;
    font-weight: initial;
    font-size: 16px
}

.secondfooterfluid .footeraboutus .dmcsprotect {
    width: 100%;
    display: inline-block
}

.secondfooterfluid .footeraboutus .dmcsprotect img {
    margin-top: 24px;
    width: 100px;
    height: auto
}

.secondfooterfluid .footerpagelink .footerheading h4 {
    margin-top: 12px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    font-family: inherit;
    margin-bottom: 24px;
    color: #fff
}

.secondfooterfluid .footerpagelink .pagelink ul>li>a {
    font-size: 14px;
    color: #efefef;
    font-family: inherit;
    font-weight: 400;
    line-height: 30px
}

.secondfooterfluid .footerpagelink .pagelink ul>li>a:hover,
active {
    text-decoration: none;
    font-weight: 700
}

.secondfooterfluid .footerpagelink .twittermessege {
    max-height: 200px !important;
    overflow: hidden !important
}

.thirdfooterfluid {
    background: #060b29;
    width: 100%;
    overflow: hidden
}

.thirdfooterfluid .container {
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 1px solid #d0d0d0
}

.thirdfooterfluid .lastgooterdetail h4 {
    font-size: 14px;
    color: #fff;
    font-family: Montserrat;
    text-align: left
}

.thirdfooterfluid .lastgooterdetail a {
    font-size: 14px;
    color: #aba9a9;
    font-family: Montserrat
}

.thirdfooterfluid .copyscape img {
    float: right;
    width: 130px;
    height: auto
}

.myaboutpage {
    background-color: #000;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.abouttopheaingfluid .container .mainbackcontent .row h1 {
    font-size: 34px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 48px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.abouttopheaingfluid .container .mainbackcontent .row h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: #fff;
    bottom: 0px;
    left: 50%;margin-left: -50px;}

.abouttopheaingfluid .container .mainbackcontent .row h2 {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 24px
}
 

.abouttopheaingfluid .container .mainbackcontent .row h3 {
    font-size: 17px;
    color: #fff;
    line-height: 25px;
    font-family: Montserrat;
    font-weight: 500;
    margin-bottom: 0;
}

.abouttopheaingfluid .container .requestqquote .form-group input {
    width: 300px;
    border-radius: 4px;
    height: 50px;
    background: #44b6ee;
    border: 1px solid #fff;
    border-right: none
}

.abouttopheaingfluid .container .requestqquote .form-group input:focus {
    color: #fff
}

.abouttopheaingfluid .container .requestqquote .form-group input::placeholder {
    color: #fff;
    opacity: 1
}

.abouttopheaingfluid .container .requestqquote {
    margin-top: 30px
}

.abouttopheaingfluid .container .requestqquote button {
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid #fff;
    margin-left: -8px;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.abouttopheaingfluid .container .requestqquote .fa {
    font-size: 17px;
    font-weight: 700;
    margin-left: 5px;
    color: #000
}

.mainaboutfluid {
    padding: 80px 0;
}

.mainaboutfluid .row {
    margin-right: 0;
    margin-left: -15px
}



.mainaboutfluid .mainaboutus .aboutright .aboutcontent h3 {
    font-size: 15px;
    font-weight: 550;
    font-family: Montserrat;
    color: #08223a;
    text-transform: uppercase
}

.mainaboutfluid .mainaboutus .aboutright .aboutcontent h5 {
    font-size: 40px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

.mainaboutfluid .mainaboutus .aboutright .aboutcontent h5:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #e21e25;
    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(../images/banner/vision_back.png);
    background-size: cover;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px
}

.orvisionfluid .container .leftpart h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #08223a;
    font-weight: 550;
    font-family: Montserrat;
    margin-bottom: 0
}

.orvisionfluid .container .leftpart h4 {
    font-size: 40px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-top: 5px
}

.orvisionfluid .container .leftpart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #175eff;
    top: 50px;
    left: 10px
}

.orvisionfluid .container .rightpart h5 {
    font-size: 14px;
    font-weight: 550;
    font-family: Montserrat;
    line-height: 20px;
    color: #08223a;
    margin-right: 330px
}

.ourteamfluid {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.ourteamfluid .row {
    margin-right: 0;
    margin-left: 0
}

.ourteamfluid .row .rightpart {
    margin-top: 60px
}

.ourteamfluid .row .rightpart h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #08223a;
    font-weight: 550;
    font-family: Montserrat;
    margin-bottom: 0
}

.ourteamfluid .row .rightpart h4 {
    font-size: 40px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-top: 5px
}

.ourteamfluid .row .rightpart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background: #175eff;
    top: 50px;
    left: 10px
}

.ourteamfluid .row .rightpart h5 {
    font-size: 14px;
    font-weight: 550;
    font-family: Montserrat;
    line-height: 20px;
    color: #08223a;
    margin-right: 110px
}

.ourteamfluid .row .rightpart .rightpartimage img {
    width: 100%;
    height: auto
}

.ourteamfluid .leftpart {
    background-image: url(../images/banner/back_graphics.png);
    background-repeat: no-repeat, repeat;
    background-size: 585px 800px;
    background-position: 0 0;
    background-color: #fff;
    margin-top: 50px;
    padding-bottom: 100px
}

.ourteamfluid .leftpart .memberdesign {
    text-align: center;
    background: #fff;
    box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, .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 {
    background-image: url(../images/banner/Contactus.png);
    background-size: cover;
    width: 100%;
    height: 1140px;
    overflow: hidden;
}

.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 {
    margin-top: 15%;}

.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 {
    position: absolute;
    float: left;
    width: 100%;
    top: 390px;
}

.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 .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(../images/banner/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(../images/portfoliopage/background.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.portfoliotopfluid .container .mainbackcontent .row h1 {
    font-size: 50px;
    font-weight: 700;
    font-family: "Iskoola Pota";
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 0
}

.portfoliotopfluid .container .mainbackcontent .row h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    top: 105px;
    left: 15px
}

.portfoliotopfluid .container .mainbackcontent .row h2 {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    color: #ebebeb;
    line-height: 24px
}

.portfoliotopfluid .container .mainbackcontent {
    margin-top: 20%
}

.portfoliotopfluid .container .mainbackcontent .row .subpart h3 {
    font-size: 20px;
    color: #ebebeb;
    line-height: 23px;
    font-family: Montserrat;
    text-transform: uppercase;
    margin-bottom: 10px
}

.portfoliotopfluid .container .requestqquote .form-group input {
    width: 300px;
    border-radius: 4px;
    height: 50px;
    background: #44b6ee;
    border: 1px solid #fff;
    border-right: none
}

.portfoliotopfluid .container .requestqquote .form-group input:focus {
    color: #fff
}

.portfoliotopfluid .container .requestqquote .form-group input::placeholder {
    color: #fff;
    opacity: 1
}

.portfoliotopfluid .container .requestqquote {
    margin-top: 30px
}

.portfoliotopfluid .container .requestqquote button {
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid #fff;
    margin-left: -8px;
    font-size: 14px;
    font-weight: 700;
    font-family: Montserrat
}

.portfoliotopfluid .container .requestqquote .fa {
    font-size: 17px;
    font-weight: 700;
    margin-left: 5px;
    color: #000
}

.portfoliotopfluid .container .bottomicon {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 9999
}

.portfoliotopfluid .container .bottomicon img {
    width: 50px;
    height: auto
}

.myblockchainpage {
    background-image: url(../images/banner/blockchainbanner.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.blockchaintopfluid .container .mainbackcontent .row h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: "Iskoola Pota";
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 0;
    text-align: center
}

.blockchaintopfluid .container .mainbackcontent .row h2 {
    font-size: 34px;
    font-weight: 700;
    font-family: "Iskoola Pota";
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 0;
    text-align: center
}

.blockchaintopfluid .container .mainbackcontent .row h2 {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 24px
}

.blockchaintopfluid .container .mainbackcontent {
    margin-top: 22%;
}

.blockchaintopfluid .container .mainbackcontent .row .subpart {
    margin-top: 15px
}

.ecommerce_website .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    font-size: 19px;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px
}

.flutterapp .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    font-size: 19px;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px
}

.mobileappusa .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px
}

.blockchaintopfluid .container .mainbackcontent .row .subpart h3 {
    font-size: 19px;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px
}

.mobileappuae .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    font-size: 19px;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px
}

.seo-singapore-fluid .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    font-size: 19px;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px
}

.blockchaintopfluid .container .requestqquote .form-group input {
    width: 370px;
    border-radius: 4px;
    height: 45px;
    background: #7904c500;
    border: 1px solid #da9eff;
    border-right: none
}

.sport-betting-feature .requestqquote .form-group input {
    width: 370px;
    border-radius: 4px;
    height: 42px;
    background: #7904c500;
    border: 1px solid #1e7dff;
    border-right: none
}

.blockchaintopfluid .container .requestqquote .form-group input:focus {
    color: #fff
}

.blockchaintopfluid .container .requestqquote .form-group input::placeholder {
    color: #fff;
    opacity: 1
}

.blockchaintopfluid .container .requestqquote {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px
}

.blockchaintopfluid .container .requestqquote button {
    width: 190px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid #e7e7e7;
    margin-left: -8px;
    font-size: 14px;
    font-weight: 550;
    font-family: Montserrat;
    background: #e7e7e7
}

.sport-betting-feature .container .requestqquote button {
    width: 190px;
    height: 45px;
    border-radius: 4px;
    border: 2px solid #e7e7e7;
    margin-left: -8px;
    font-size: 14px;
    font-weight: 550;
    font-family: Montserrat;
    background: #1e7dff
}

.blockchaintopfluid .container .requestqquote .fa {
    font-size: 17px;
    font-weight: 700;
    margin-left: 5px;
    color: #000
}

.sport-betting-feature .container .requestqquote .fa {
    font-size: 17px;
    font-weight: 700;
    margin-left: 5px;
    color: #000
}

.mainblockchainfluid {
    padding-top: 30px;
    padding-bottom: 10px
}

.mainblockchainfluid .container .blockchainleft h5 {
    font-size: 15px;
    color: #bbb;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: uppercase;
    margin-bottom: 10px
}

.mainblockchainfluid .container .blockchainleft h3 {
    font-size: 16px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 24px
}

.mainblockchainfluid.usaaboutmobil .container .blockchainleft h2 {
    font-size: 24px !important
}

.mainblockchainfluid .container .blockchainleft h2 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.mainblockchainfluid.business-profit .container .blockchainleft h2 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.mainblockchainfluid.ecommerce_service .container .blockchainleft h4 {
    font-size: 24px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.aboutmobil-usa .container .blockchainleft h2 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.mainblockchainfluid .container .blockchainleft h4 {
    font-size: 35px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.mainblockchainfluid .container .blockchainleft p {
    font-size: 14px;
    font-family: Montserrat;
    color: #08223a;
    line-height: 22px;
    font-weight: 450;
    margin-bottom: 10px
}

.mainblockchainfluid.about-singapure .container .blockchainleft h2 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.mainblockchainfluid .container .blockchainright {
    margin-top: 0;
    text-align: center
}

.mainblockchainfluid .container .blockchainright img {
    width: 80%;
    height: auto
}

.sports-betting-about .container .blockchainright img {
    width: 100%;
    height: auto;
    margin-top: 10%
}

.casino-develop img {
    width: 50% !important
}

.rummy-icon {
    background-image: url(../images/rummy_game/game_icons.png);
    width: 70px;
    height: 70px
}

.rummy-icon1 {
    background-position: -45px -90px
}

.rummy-icon2 {
    background-position: -130px -90px
}

.rummy-icon3 {
    background-position: -215px -90px
}

.rummy-feature .rummy-icon {
    background-image: url(../images/rummy_game/game_icons.png)
}

.rummy-feature .rummy-icon1 {
    background-position: -41px -314px
}

.rummy-feature .rummy-icon2 {
    background-position: -127px -314px
}

.rummy-feature .rummy-icon3 {
    background-position: -204px -314px
}

.rummy-feature .rummy-icon4 {
    background-position: -288px -314px
}

.rummy-feature .rummy-icon5 {
    background-position: -377px -314px
}

.rummy-feature .rummy-icon6 {
    background-position: -452px -314px
}

.mainblockchainfluid .container .clockimage {
    margin-top: 40px
}

.mainblockchainfluid .container .clockimage ul>li {
    display: inline-block;
    float: left;
    margin-right: 50px
}

.mainblockchainfluid .container .clockimage ul>li img {
    width: 120px;
    height: auto
}

.mainblockchainfluid .container .clockimage ul>li:nth-child(1) img {
    width: 146px;
    height: auto
}

.blockchainreportfluid {
    background-image: url(../images/banner/mobile_back.png);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 50px
}

.blockchainreportfluid .container .blockchainreportleft {
    padding-bottom: 200px;
    padding-top: 200px;
    position: relative;
    background-image: url(../images/Blockchain/block.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(../images/banner/blockservice.png);
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.blockchainservicefluid .container .serviceheading {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.blockchainservicefluid .container .serviceheading h5 {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 550;
    color: #fff;
    line-height: 30px
}

.blockchainservicefluid .container .blockchainservice {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative
}

.blockchainservicefluid .container .blockchainservice:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 1px;
    height: 1000px;
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.blockchainservicefluid .container .blockchainservice .myservices {
    background: #fff;
    padding: 20px 10px 20px 20px;
    width: 500px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    margin-bottom: 80px
}

.blockchainservicefluid .container .blockchainservice .leftpart .service1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #fff;
    top: 51%;
    transform: translateY(-50%);
}
 

.blockchainservicefluid .container .blockchainservice .leftpart .service1:before {
    content: "\f111";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -14px;
    margin: 0 auto;
    z-index: 1;
    font-family: fontAwesome;
    color: #fff;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.blockchainservicefluid .container .blockchainservice .leftpart .service3:before {
    bottom: 75px
}

.blockchainservicefluid .container .blockchainservice .leftpart .service7:before {
    bottom: 84px
}

.blockchainservicefluid .container .blockchainservice .rightpart {
    margin-top: 85px
}

.blockchainservicefluid .container .blockchainservice .rightpart .service1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #fff;
    top: 72px;
    left: -58px
}

 
.blockchainservicefluid .container .blockchainservice .rightpart .service1:before {
    content: "\f111";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -10px;
    margin: 0 auto;
    z-index: 1;
    font-family: fontAwesome;
    color: #fff;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
}

 
.blockchainservicefluid .container .blockchainservice .myservices h5 {
    font-size: 20px;
    font-weight: 500;
    color: #08223a
}

.blockchainservicefluid .container .blockchainservice .myservices h3 {
    font-size: 14px;
    color: #474956;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 24px
}

.blockchainservicefluid .container .blockchainservice .myservices .servicenumber {
    position: absolute;
    top: -60px;
    right: 20px
}

.blockchainservicefluid .container .blockchainservice .myservices .servicenumber h4 {
    font-size: 45px;
    font-weight: 550;
    font-family: initial;
    color: #fff
}

.portfolio1fluid {
    background-image: url(../images/portfolio/back01.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.portfolio1fluid .container .myportfolio .rightpart {
    position: relative;
    height: 100vh
}

.portfolio1fluid .container .myportfolio .rightpart .imageback {
    position: absolute;
    bottom: 10px;
    right: -150px
}

.portfolio1fluid .container .myportfolio .rightpart .imageback img {
    width: 580px;
    height: auto
}

.portfolio1fluid .container .myportfolio .rightpart .imageone {
    position: absolute;
    bottom: 110px;
    right: -60px
}

.portfolio1fluid .container .myportfolio .rightpart .imageone img {
    width: 700px;
    height: auto
}

.portfolio1fluid .container .myportfolio .rightpart .imagetwo {
    position: absolute;
    bottom: -60px;
    left: -140px
}

.portfolio1fluid .container .myportfolio .rightpart .imagetwo img {
    width: 350px;
    height: auto;
    margin-top: 140px
}

.portfolio1fluid .container .myportfolio .leftpart {
    margin-top: 200px
}

.portfolio1fluid .container .myportfolio .leftpart .mycontent h2 {
    font-size: 50px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat
}

.portfolio1fluid .container .myportfolio .leftpart .mycontent h3 {
    font-size: 18px;
    font-family: Montserrat;
    color: #595858;
    margin-right: 114px;
    line-height: 24px;
    font-weight: 500
}

.portfolio1fluid .container .myportfolio .leftpart .mylink {
    margin-top: 50px
}

.portfolio1fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) {
    width: 200px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #4b82ff
}

.portfolio1fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) {
    width: 200px;
    background-color: #fff;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #d6d6d6ab
}

.portfolio1fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) a {
    color: #08223a;
    font-size: 14px;
    font-family: Montserrat
}

.portfolio1fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) a:hover {
    text-decoration: none
}

.portfolio1fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) a span {
    color: #08223a;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 550
}

.portfolio1fluid .container .myportfolio .leftpart .mylink ul>li img {
    width: 18px;
    height: auto;
    margin-top: 6px
}

.portfolio2fluid {
    background-image: url(../images/portfolio/back02.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

.portfolio2fluid .container .myportfolio .rightpart {
    position: relative;
    height: 100vh
}

.portfolio2fluid .container .myportfolio .rightpart .imageone {
    position: absolute;
    bottom: -70px;
    right: 20px
}

.portfolio2fluid .container .myportfolio .rightpart .imageone img {
    width: 300px;
    height: auto
}

.portfolio2fluid .container .myportfolio .rightpart .imagetwo {
    position: absolute;
    bottom: -50px;
    left: 0
}

.portfolio2fluid .container .myportfolio .rightpart .imagetwo img {
    width: 375px;
    height: auto;
    margin-top: 140px
}

.portfolio2fluid .container .myportfolio .leftpart {
    margin-top: 230px
}

.portfolio2fluid .container .myportfolio .leftpart .mycontent h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat
}

.portfolio2fluid .container .myportfolio .leftpart .mycontent h3 {
    font-size: 18px;
    font-family: Montserrat;
    color: #fff;
    margin-right: 114px;
    line-height: 24px;
    font-weight: 500
}

.portfolio2fluid .container .myportfolio .leftpart .mylink {
    margin-top: 50px
}

.portfolio2fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) {
    width: 200px;
    background-color: #fff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #4b82ff
}

.portfolio2fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) {
    width: 200px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    text-align: center;
    padding-top: 12px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #d6d6d6ab
}

.portfolio2fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) a {
    color: #ababab;
    font-size: 14px;
    font-family: Montserrat
}

.portfolio2fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) a:hover {
    text-decoration: none
}

.portfolio2fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) a span {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 550
}

.portfolio2fluid .container .myportfolio .leftpart .mylink ul>li img {
    width: 18px;
    height: auto;
    margin-top: 6px
}

.portfolio3fluid {
    background-image: url(../images/portfolio/back03.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-right: 0;
    padding-left: 0
}

.portfolio3fluid .container .myportfolio .rightpart {
    position: relative;
    height: 100vh
}

.portfolio3fluid .container .myportfolio .rightpart .imageback {
    position: absolute;
    top: 80px;
    right: 30px
}

.portfolio3fluid .container .myportfolio .rightpart .imageback img {
    width: 450px;
    height: auto
}

.portfolio3fluid .container .myportfolio .rightpart .imageone {
    position: absolute;
    top: 130px;
    left: 150px
}

.portfolio3fluid .container .myportfolio .rightpart .imageone img {
    width: 40px;
    height: auto
}

.portfolio3fluid .container .myportfolio .rightpart .imagethree {
    position: absolute;
    top: 410px;
    right: 40px
}

.portfolio3fluid .container .myportfolio .rightpart .imagethree img {
    width: 80px;
    height: auto
}

.portfolio3fluid .container .myportfolio .rightpart .imagetwo {
    position: absolute;
    top: -90px;
    left: 210px
}

.portfolio3fluid .container .myportfolio .rightpart .imagetwo img {
    width: 240px;
    height: auto;
    margin-top: 140px
}

.portfolio3fluid .container .myportfolio .leftpart {
    margin-top: 230px
}

.portfolio3fluid .container .myportfolio .leftpart .mycontent h2 {
    font-size: 50px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat
}

.portfolio3fluid .container .myportfolio .leftpart .mycontent h3 {
    font-size: 18px;
    font-family: Montserrat;
    color: #595858;
    margin-right: 114px;
    line-height: 24px;
    font-weight: 500
}

.portfolio3fluid .container .myportfolio .leftpart .mylink {
    margin-top: 50px
}

.portfolio3fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) {
    width: 200px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #4b82ff
}

.portfolio3fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) {
    width: 200px;
    background-color: #fff;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #d6d6d6ab
}

.portfolio3fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) a {
    color: #ababab;
    font-size: 14px;
    font-family: Montserrat
}

.portfolio3fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) a:hover {
    text-decoration: none
}

.portfolio3fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) a span {
    color: #08223a;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 550
}

.portfolio3fluid .container .myportfolio .leftpart .mylink ul>li img {
    width: 18px;
    height: auto;
    margin-top: 6px
}

.portfolio4fluid {
    background-image: url(../images/portfolio/back04.png);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

.portfolio4fluid .container .myportfolio .rightpart {
    position: relative;
    height: 100vh
}

.portfolio4fluid .container .myportfolio .rightpart .imageback {
    position: absolute;
    top: 0;
    left: 30px
}

.portfolio4fluid .container .myportfolio .rightpart .imageback img {
    width: 280px;
    height: auto
}

.portfolio4fluid .container .myportfolio .rightpart .imageone {
    position: absolute;
    bottom: 0;
    left: -100px
}

.portfolio4fluid .container .myportfolio .rightpart .imageone img {
    width: 280px;
    height: auto
}

.portfolio4fluid .container .myportfolio .rightpart .imagethree {
    position: absolute;
    top: 0;
    right: 0
}

.portfolio4fluid .container .myportfolio .rightpart .imagethree img {
    width: 280px;
    height: auto
}

.portfolio4fluid .container .myportfolio .rightpart .imagetwo {
    position: absolute;
    bottom: 0;
    right: 135px
}

.portfolio4fluid .container .myportfolio .rightpart .imagetwo img {
    width: 280px;
    height: auto
}

.portfolio4fluid .container .myportfolio .leftpart {
    margin-top: 165px
}

.portfolio4fluid .container .myportfolio .leftpart .mycontent h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat
}

.portfolio4fluid .container .myportfolio .leftpart .mycontent h3 {
    font-size: 18px;
    font-family: Montserrat;
    color: #fff;
    margin-right: 114px;
    line-height: 24px;
    font-weight: 500
}

.portfolio4fluid .container .myportfolio .leftpart .mylink {
    margin-top: 50px
}

.portfolio4fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(2) {
    width: 200px;
    background-color: #fff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #fff
}

.portfolio4fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) {
    width: 200px;
    background-color: #ff4712;
    background-image: linear-gradient(to right, #ff390b, #ff5405);
    text-align: center;
    padding-top: 12px;
    padding-bottom: 5px;
    float: left;
    margin-right: 25px;
    border-radius: 4px;
    height: 45px;
    border: 1px solid #ffffff45
}

.portfolio4fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) a {
    color: #ababab;
    font-size: 14px;
    font-family: Montserrat
}

.portfolio4fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) a:hover {
    text-decoration: none
}

.portfolio4fluid .container .myportfolio .leftpart .mylink ul>li:nth-child(1) a span {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 550
}

.portfolio4fluid .container .myportfolio .leftpart .mylink ul>li img {
    width: 18px;
    height: auto;
    margin-top: 6px
}

.mymobileapppage {
    background-image: url(../images/Mobileapp/back_full.png);
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-size: cover
}

.mymobileapppage .headerfluid .container .logo .mobdisnone {
    display: none
}

.mymobileapppage .headerfluid .container .logo .disnone {
    display: block
}

.mobileappfluid .container .mainbackcontent .row h1 {
    font-size: 44px;
    font-family: "Iskoola Pota";
    font-weight: 700;
    font-style: normal;
    color: #08223a;
    line-height: 55px
}

.mobileappfluid .container .mainbackcontent .row h2 {
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 550;
    font-style: normal;
    color: #08223a;
    line-height: 4px;
    position: relative
}

.mobileappfluid .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #005fff;
    top: 30px;
    left: 1px
}

.mobileappfluid .container .mainbackcontent {
    margin-top: 12%
}

.mobileappfluid .container .mainbackcontent .row .subpart {
    margin-top: 40px
}

.mobileappfluid .container .mainbackcontent .row .subpart h3 {
    font-size: 16px;
    color: #3f6484;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.mobileappfluid .container .mainbackcontent .row .requestquate {
    margin-top: 40px
}

.mobileappfluid .container .mainbackcontent .row .requestquate a {
    padding: 14px 18px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .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(../images/Mobileapp/Back_white.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.aboutdevelopmentfluid .container .aboutdevelopment {
    margin-bottom: 100px;
    margin-top: 50px
}

.aboutdevelopmentfluid .container .aboutdevelopment h3 {
    font-size: 24px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    margin-bottom: 40px
}

.aboutdevelopmentfluid .container .aboutdevelopment h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #005fff;
    top: 40px;
    left: 1px
}

.aboutdevelopmentfluid .container .aboutdevelopment h3:before {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 180px;
    height: 300px;
    background: #e0e0e040;
    top: -40px;
    left: -40px
}

.aboutdevelopmentfluid .container .aboutdevelopment .developmentcontent p {
    font-size: 14px;
    font-weight: 500;
    color: #7c7c7c;
    margin-bottom: 20px;
    font-family: Montserrat
}

.devserfluid {
    background-image: url(../images/Mobileapp/Mobile_back.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.devserfluid .container .developmentservices .topheading {
    text-align: center;
    margin-top: 50px
}

.devserfluid .container .developmentservices .topheading h3 {
    font-size: 16px;
    font-weight: 500;
    color: #ededed;
    font-family: Montserrat;
    text-transform: capitalize
}

.devserfluid .container .developmentservices .topheading h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    font-family: Iskoola Pota;
    position: relative;
    padding-bottom: 15px
}

.devserfluid .container .developmentservices .topheading h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #fff;
    bottom: 0;
    margin-left: -50px;
    left: 50%
}

.devserfluid .container .developmentservices .servicepart {
    margin-bottom: 50px;
    margin-top: 50px
}

.devserfluid .container .developmentservices .servicepart .row .col-sm-2 {
    width: 20%
}

.devserfluid .container .developmentservices .servicepart .service {
    text-align: center;
    padding: 40px 0;
    background: #fff;
    border-radius: 10px
}

.devserfluid .container .developmentservices .servicepart .service .serviceicon img {
    width: 45px;
    height: 45px
}

.devserfluid .container .developmentservices .servicepart .service .servicetitle h3 {
    font-size: 20px;
    font-weight: 500;
    color: #08223a;
    font-family: Montserrat;
    line-height: 30px
}

.devserfluid .container .developmentservices .servicepart .service .servicetitle h3 a {
    color: #08223a
}

.devserfluid .container .developmentservices .industryheading {
    text-align: center
}

.devserfluid .container .developmentservices .industryheading h3 {
    font-size: 36px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.devserfluid .container .developmentservices .industryheading h5 {
    font-size: 16px;
    margin-left: 150px;
    margin-right: 150px;
    line-height: 22px;
    color: #b3b3b3;
    font-family: Montserrat;
    font-weight: 400
}

.devserfluid .container .developmentservices .industryweserve {
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-radius: 8px;
    box-shadow: 10px 21px 51px -13px rgba(8, 8, 97, .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
}

.myrequserquotepage {
    background-image: url(../images/banner/request_banner.png);
    background-size: cover;
    width: 100%;
    height: 1050px;
    overflow: hidden;
}

.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
}

.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 {
    margin-top: 10%;}

.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 {
    position: absolute;
    float: left;
    width: 100%;
    top: 300px;}

.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(../images/iPhone/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(../images/iPhone/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;
    /* background-image: url(../images/iPhone/Graphics.png);
    background-repeat: no-repeat, repeat;
    background-size: contain;
    background-position: 66% 60%; */
}
 
.devmethologyfluid .container .mehologyimage img {
    width: 85%;
    height: auto;
    margin-top: 0;
}
.fluter_methalogy .container .mehologyimage img {
    width: 90%;
}

.devmethologyfluid .container .procedure ul li {
    font-size: 13px;
    font-weight: 500;
    color: #08223a;
    margin-bottom: 10px;
    margin-left: 30px;
    font-family: Montserrat;
    position: relative
}

.devmethologyfluid .container .procedure ul li:after {
    border-bottom: 0;
    position: absolute;
    content: "\f111";
    color: #678eef;
    font-family: FontAwesome;
    left: -30px;
    font-size: 12px;
    margin-top: 2px
}

.devmethologyfluid .container .procedure ul li:before {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    border-left: 1px solid #678eef;
    border-left-style: dotted;
    left: -26px;
    font-size: 12px;
    margin-top: 12px
}

.devmethologyfluid .container .procedure ul li:nth-last-child(1):before {
    border-left: none
}

.devaprochesfluid {
    background-image: url(../images/iPhone/Backapproaches.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(../images/chess_game/chess_icons.png);
    width: 70px;
    height: 70px;
    display: inline-block !important;
    float: left
}

.chess-business .chess-icon1 {
    background-position: -45px -90px
}

.chess-business .chess-icon2 {
    background-position: -130px -90px
}

.chess-business .chess-icon3 {
    background-position: -215px -90px
}

.chess-business .container .devforbusiness .leftpart .headingpart h2 {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 700;
    color: #08223a;
    line-height: 40px
}

.chess-portfolio {
    margin-top: 0 !important
}

.devforbusinessfluid .container .devforbusiness .leftpart .headingpart h3 {
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 550;
    color: #08223a;
    line-height: 40px
}

.devforbusinessfluid .container .devforbusiness .leftpart .headingpart h5 {
    font-size: 14px;
    color: #a7a7a7;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 50px;
    line-height: 20px
}

.devforbusinessfluid .container .devforbusiness .leftpart .imagepart {
    text-align: center;
    margin-top: 40px
}

.devforbusinessfluid .container .devforbusiness .leftpart .imagepart img {
    width: 60%;
    height: auto
}

.devforbusinessfluid .container .devforbusiness .rightpart {
    margin-bottom: 30px
}

.devforbusinessfluid .container .devforbusiness .rightpart .mainpart {
    padding: 15px 15px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    border-style: dashed;
    margin-bottom: 20px
}

.devforbusinessfluid .container .devforbusiness .rightpart .headingpart img {
    width: 40px;
    height: auto;
    float: left
}

.devforbusinessfluid .container .devforbusiness .rightpart .headingpart h4 {
    font-size: 24px;
    margin-top: 20px;
    display: inline-block;
    margin-left: 0;
    font-weight: 550;
    color: #08223a;
    font-family: Montserrat
}

.devforbusinessfluid .container .devforbusiness .rightpart .contentpart p {
    font-size: 14px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 500
}

.indweserveluid {
    padding: 0;
    padding-bottom: 50px;
    background: #eef1f7;
    width: 100%;
    margin-bottom: 50px
}

.indweserveluid .container .indweserve .toppart {
    text-align: center;
    margin-top: 50px
}

.indweserveluid .container .indweserve .toppart h2 {
    font-size: 24px;
    font-weight: 600;
    color: #08223a;
    font-family: Montserrat
}

.indweserveluid .container .indweserve .toppart h3 {
    font-size: 14px;
    margin-left: 20%;
    margin-right: 20%;
    color: #7c7c7c;
    font-weight: 500;
    font-family: Montserrat
}

.indweserveluid .container .indweserve .industrypart {
    margin-top: 60px
}

.indweserveluid .container .indweserve .industrypart ul>li {
    float: left;
    width: 14.2%;
    text-align: center
}

.indweserveluid .container .indweserve .industrypart ul>li .icon img {
    width: 90px;
    height: auto
}

.indweserveluid .container .indweserve .industrypart ul>li .heading h3 {
    font-size: 12px;
    font-weight: 550;
    color: #848484;
    font-family: Montserrat
}

.indweserveluid .container .indweserve .letstalk {
    margin-top: 43px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.indweserveluid .container .indweserve .letstalk a {
    padding: 14px 50px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.indweserveluid .container .indweserve .letstalk a:hover {
    text-decoration: none
}

.myandroidapppage {
    background-image: url(../images/android/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(../images/iPhone/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(../images/android/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(../images/android/Backapproaches.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(../images/werable/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(../images/Mobileapp/Back_white.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.aboutwerablefluid .container .aboutdevelopment {
    margin-bottom: 20px;
    margin-top: 20px
}

.aboutwerablefluid .container .aboutdevelopment h3 {
    font-size: 24px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    margin-bottom: 40px
}

.aboutwerablefluid .container .aboutdevelopment h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #005fff;
    top: 40px;
    left: 1px
}

.aboutwerablefluid .container .aboutdevelopment h3:before {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 180px;
    height: 300px;
    background: #e0e0e040;
    top: -40px;
    left: -40px
}

.aboutwerablefluid .container .aboutdevelopment .developmentcontent p {
    font-size: 14px;
    font-weight: 500;
    color: #7c7c7c;
    margin-bottom: 20px;
    font-family: Montserrat
}

.developmentservices {
    margin: 10px 0 30px
}

.image-fix img {
    width: 60%
}

.werdevserfluid {
    background-image: url(../images/werable/back.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(../images/gameapp/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(../images/webdesigning/web_back.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.mywebdesigningpage .headerfluid .container .logo .mobdisnone {
    display: none
}

.mywebdesigningpage .headerfluid .container .logo .disnone {
    display: block
}

.webdesigningfluid .container .mainbackcontent .row h1 {
    font-size: 44px;
    font-family: "Iskoola Pota";
    font-weight: 700;
    font-style: normal;
    color: #08223a;
    line-height: 50px;
    margin-top: 5px;
    margin-bottom: 5px
}

.webdesigningfluid .container .mainbackcontent .row h2 {
    font-size: 18px;
    margin-top: 24px;
    font-family: Montserrat;
    font-weight: 550;
    font-style: normal;
    color: #08223a;
    line-height: 4px;
    position: relative
}

.webdesigningfluid .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #005fff;
    top: 30px;
    left: 1px
}

.webdesigningfluid .container .mainbackcontent {
    margin-top: 12%
}

.webdesigningfluid .container .mainbackcontent .row .subpart {
    margin-top: 40px
}

.webdesigningfluid .container .mainbackcontent .row .subpart h3 {
    font-size: 16px;
    color: #3f6484;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.webdesigningfluid .container .mainbackcontent .row .requestquate {
    margin-top: 40px
}

.webdesigningfluid .container .mainbackcontent .row .requestquate a {
    padding: 14px 18px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .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(../images/chess_game/chess_icons.png);
    display: block;
    height: 70px;
    width: 70px
}

.chess-feature .chess-icon1 {
    background-position: -45px -15px
}

.chess-feature .chess-icon2 {
    background-position: -135px -15px
}

.chess-feature .chess-icon3 {
    background-position: -212px -14px
}

.chess-feature .chess-icon4 {
    background-position: -287px -15px
}

.chess-feature .chess-icon5 {
    background-position: -360px -15px
}

.chess-feature .chess-icon6 {
    background-position: -434px -12px
}

.chess-feature .container .websitedesign .toppart h2 {
    font-size: 30px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative
}

.chess-feature .container .websitedesign .toppart h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 83px;
    height: 3px;
    background: #005fff;
    bottom: -10px;
    margin-left: -50px;
    left: 50%
}

.websitedesignfluid .container .websitedesign .toppart h3 {
    font-size: 26px;
    color: #08223a;
    font-weight: 600;
    font-family: Montserrat;
    position: relative
}

.websitedesignfluid .container .websitedesign .toppart h3:after {
    display: none;
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 83px;
    height: 2px;
    background: #005fff;
    bottom: -15px;
    margin-left: -50px;
    left: 50%
}

.chess-feature .container .websitedesign .toppart p {
    font-size: 16px;
    font-family: Montserrat;
    color: #08223a;
    margin-right: 15%;
    margin-left: 15%;
    margin-top: 20px;
    line-height: 20px;
    font-weight: 500
}

.websitedesignfluid .container .websitedesign .toppart h4 {
    font-size: 14px;
    font-family: Montserrat;
    color: #4b4c50;
    margin-right: 15%;
    margin-left: 15%;
    margin-top: 30px;
    line-height: 20px;
    font-weight: 400
}

.websitedesignfluid.sportsfeature .container .websitedesign .servicepart .service {
    padding: 20px 25px;
    border: 1px solid #dcdcdc8a;
    border-radius: 5px;
    min-height: 350px
}

.websitedesignfluid .container .websitedesign .servicepart {
    margin-top: 50px
}

.websitedesignfluid .container .websitedesign .servicepart .service img {
    width: 50px;
    height: auto
}

.websitedesignfluid .container .websitedesign .servicepart .service h4 {
    font-size: 18px;
    font-weight: 600;
    font-family: Montserrat;
    color: #08223a;
    margin-top: 20px
}

.websitedesignfluid .container .websitedesign .servicepart .service {
    padding: 20px 25px;
    border: 1px solid #dcdcdc8a;
    border-radius: 15px;
    min-height: 290px;
    background-color: #fff;
}

.sport-betting-feature .container .websitedesign .servicepart .service {
    padding: 20px 25px;
    border: 1px solid #dcdcdc8a;
    border-radius: 5px;
    min-height: 250px
}

.websitedesignfluid .container .websitedesign .servicepart .service p {
    font-size: 14px;
    font-family: Montserrat;
    color: #08223a;
    font-weight: 500
}

.webdevelopmentfluid .container .webdevelopment {
    background-image: url(../images/webdesigning/back.png);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding: 40px 80px;
    margin-bottom: 50px;
    margin-top: 20px
}

.webdevelopmentfluid .container .webdevelopment .headingpart h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: inherit
}

.webdevelopmentfluid .container .webdevelopment .servicepart {
    margin-top: 40px
}

.webdevelopmentfluid .container .webdevelopment .servicepart .service {
    margin-bottom: 20px
}

.webdevelopmentfluid .container .webdevelopment .servicepart .service img {
    width: 100%;
    height: auto
}

.websitedevserfluid {
    background: #fff;
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.websitedevserfluid .container .developmentservices .topheading {
    text-align: center;
    margin-top: 50px
}

.websitedevserfluid .container .developmentservices .topheading h3 {
    font-size: 16px;
    font-weight: 500;
    color: #ededed;
    font-family: Montserrat;
    text-transform: uppercase
}

.websitedevserfluid .container .developmentservices .topheading h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    font-family: Iskoola Pota;
    position: relative;
    padding-bottom: 15px
}

.websitedevserfluid .container .developmentservices .topheading h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #fff;
    bottom: 0;
    margin-left: -50px;
    left: 50%
}

.websitedevserfluid .container .developmentservices .servicepart {
    margin-bottom: 50px;
    margin-top: 50px
}

.websitedevserfluid .container .developmentservices .servicepart .row .col-sm-2 {
    width: 20%
}

.websitedevserfluid .container .developmentservices .servicepart .service {
    text-align: center;
    padding: 40px 0;
    background: #fff;
    border-radius: 10px
}

.websitedevserfluid .container .developmentservices .servicepart .service .serviceicon img {
    width: 40px;
    height: auto
}

.websitedevserfluid .container .developmentservices .servicepart .service .servicetitle h3 {
    font-size: 20px;
    font-weight: 500;
    color: #08223a;
    font-family: Montserrat;
    line-height: 30px
}

.websitedevserfluid .container .developmentservices .industryheading {
    text-align: center
}

.websitedevserfluid .container .developmentservices .industryheading h3 {
    font-size: 36px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.websitedevserfluid .container .developmentservices .industryheading h5 {
    font-size: 16px;
    margin-left: 150px;
    margin-right: 150px;
    line-height: 22px;
    color: #b3b3b3;
    font-family: Montserrat;
    font-weight: 400
}

.websitedevserfluid .container .developmentservices .industryweserve {
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-radius: 8px;
    margin-bottom: 50px;
    margin-top: 30px
}

.websitedevserfluid .container .developmentservices .industryweserve .letstalk .headingpart {
    width: 60%;
    float: left
}

.websitedevserfluid .container .developmentservices .industryweserve .letstalk {
    margin-left: 20%;
    margin-right: 20%;
    padding: 30px 20px 30px 30px;
    border: 1px solid #d4e0eb;
    margin-top: 30px;
    margin-bottom: 30px;
    border-style: dotted;
    border-radius: 8px
}

.websitedevserfluid .container .developmentservices .industryweserve .letstalk .headingpart h4 {
    font-size: 16px;
    font-weight: 700;
    color: #08223a;
    font-family: Montserrat;
    font-style: italic;
    margin-top: 0
}

.websitedevserfluid .container .developmentservices .industryweserve .letstalk .headingpart span {
    font-style: normal
}

.websitedevserfluid .container .developmentservices .industryweserve .letstalk .clickpart a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 400;
    width: 170px;
    font-size: 14px;
    text-align: center;
    height: 20px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding: 12px 50px;
    color: #fff !important;
    text-transform: uppercase
}

.websitedevserfluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover {
    text-decoration: none
}

.websitedevserfluid .container .developmentservices .industryweserve .industryserice .service {
    text-align: center
}

.websitedevserfluid .container .developmentservices .industryweserve .industryserice {
    margin-left: 120px;
    margin-right: 120px;
    margin-top: 50px
}

.websitedevserfluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img {
    width: 40px;
    height: auto
}

.websitedevserfluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 {
    font-size: 16px;
    color: #08223a;
    font-weight: 550;
    font-family: Montserrat
}

.websitedevserfluid .container .developmentservices .industryweserve .industryserice .sevicemiddle {
    margin-left: 12.5%;
    margin-top: 50px
}

.myphppage {
    background-image: url(../images/webdesigning/php.png);
    background-size: cover;
    width: 100%;
    height: 750px;
    overflow: hidden
}

.phppagefluid .container .mainbackcontent .row h1 {
    font-size: 44px;
    font-family: "Iskoola Pota";
    font-weight: 900;
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 5px;
    margin-bottom: 5px
}

.phppagefluid .container .mainbackcontent .row h2 {
    font-size: 18px;
    margin-top: 24px;
    font-family: Montserrat;
    font-weight: 550;
    font-style: normal;
    color: #fff;
    line-height: 4px;
    position: relative
}

.phppagefluid .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    top: 30px;
    left: 1px
}

.phppagefluid .container .mainbackcontent {
    margin-top: 20%
}

.phppagefluid .container .mainbackcontent .row .subpart {
    margin-top: 40px
}

.phppagefluid .container .mainbackcontent .row .subpart h3 {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.phppagefluid .container .mainbackcontent .row .requestquate {
    margin-top: 40px
}

.phppagefluid .container .mainbackcontent .row .requestquate a {
    padding: 14px 18px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .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(../images/Mobileapp/Back_white.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.aboutphpfluid .container .aboutdevelopment {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 100px
}

.aboutphpfluid .container .aboutdevelopment h3 {
    font-size: 24px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    margin-bottom: 40px
}

.aboutphpfluid .container .aboutdevelopment h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #005fff;
    top: 40px;
    left: 1px
}

.aboutphpfluid .container .aboutdevelopment h3:before {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 180px;
    height: 300px;
    background: #e0e0e040;
    top: -40px;
    left: -40px
}

.aboutphpfluid .container .aboutdevelopment .developmentcontent p {
    font-size: 14px;
    font-weight: 500;
    color: #7c7c7c;
    margin-bottom: 20px;
    font-family: Montserrat
}

.phpservicefluid {
    background: #fff;
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.phpservicefluid .container .developmentservices .topheading {
    text-align: center;
    margin-top: 50px
}

.phpservicefluid .container .developmentservices .topheading h3 {
    font-size: 16px;
    font-weight: 500;
    color: #ededed;
    font-family: Montserrat;
    text-transform: uppercase
}

.phpservicefluid .container .developmentservices .topheading h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    font-family: Iskoola Pota;
    position: relative;
    padding-bottom: 15px
}

.phpservicefluid .container .developmentservices .topheading h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #fff;
    bottom: 0;
    margin-left: -50px;
    left: 50%
}

.phpservicefluid .container .developmentservices .servicepart {
    margin-bottom: 50px;
    margin-top: 50px
}

.phpservicefluid .container .developmentservices .servicepart .row .col-sm-2 {
    width: 20%
}

.phpservicefluid .container .developmentservices .servicepart .service {
    text-align: center;
    padding: 40px 0;
    background: #fff;
    border-radius: 10px
}

.phpservicefluid .container .developmentservices .servicepart .service .serviceicon img {
    width: 40px;
    height: auto
}

.phpservicefluid .container .developmentservices .servicepart .service .servicetitle h3 {
    font-size: 20px;
    font-weight: 500;
    color: #08223a;
    font-family: Montserrat;
    line-height: 30px
}

.phpservicefluid .container .developmentservices .industryheading {
    text-align: center
}

.phpservicefluid .container .developmentservices .industryheading h3 {
    font-size: 36px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.phpservicefluid .container .developmentservices .industryheading h5 {
    font-size: 16px;
    margin-left: 150px;
    margin-right: 150px;
    line-height: 22px;
    color: #b3b3b3;
    font-family: Montserrat;
    font-weight: 400
}

.phpservicefluid .container .developmentservices .industryweserve {
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-radius: 8px;
    margin-bottom: 50px;
    margin-top: 30px
}

.phpservicefluid .container .developmentservices .industryweserve .letstalk .headingpart {
    width: 60%;
    float: left
}

.phpservicefluid .container .developmentservices .industryweserve .letstalk {
    margin-left: 25%;
    margin-right: 25%;
    padding: 30px 20px 30px 30px;
    border: 1px solid #d4e0eb;
    margin-top: 30px;
    margin-bottom: 30px;
    border-style: dotted;
    border-radius: 8px
}

.phpservicefluid .container .developmentservices .industryweserve .letstalk .headingpart h4 {
    font-size: 16px;
    font-weight: 700;
    color: #08223a;
    font-family: Montserrat;
    font-style: italic;
    margin-top: 0
}

.phpservicefluid .container .developmentservices .industryweserve .letstalk .headingpart span {
    font-style: normal
}

.phpservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 400;
    width: 170px;
    font-size: 14px;
    text-align: center;
    height: 20px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding: 12px 50px;
    color: #fff !important;
    text-transform: uppercase
}

.phpservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover {
    text-decoration: none
}

.phpservicefluid .container .developmentservices .industryweserve .industryserice .service {
    text-align: center
}

.phpservicefluid .container .developmentservices .industryweserve .industryserice {
    margin-left: 120px;
    margin-right: 120px;
    margin-top: 50px
}

.phpservicefluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img {
    width: 40px;
    height: auto
}

.phpservicefluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 {
    font-size: 16px;
    color: #08223a;
    font-weight: 550;
    font-family: Montserrat
}

.phpservicefluid .container .developmentservices .industryweserve .industryserice .sevicemiddle {
    margin-left: 12.5%;
    margin-top: 50px
}

.phpframworkfluid .container .webdevelopment {
    background-image: url(../images/webdesigning/back.png);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding: 40px 80px;
    margin-bottom: 50px;
    margin-top: 20px
}

.phpframworkfluid .container .webdevelopment .headingpart h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: inherit
}

.phpframworkfluid .container .webdevelopment .servicepart {
    margin-top: 40px
}

.phpframworkfluid .container .webdevelopment .servicepart .service {
    margin-bottom: 20px
}

.phpframworkfluid .container .webdevelopment .servicepart .service img {
    width: 100%;
    height: auto
}

.myjavapage {
    background-image: url(../images/webdesigning/java.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.myjavapagefluid .container .mainbackcontent .row h1 {
    font-size: 44px;
    font-family: "Iskoola Pota";
    font-weight: 900;
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 5px;
    margin-bottom: 5px
}

.myjavapagefluid .container .mainbackcontent .row h2 {
    font-size: 18px;
    margin-top: 24px;
    font-family: Montserrat;
    font-weight: 550;
    font-style: normal;
    color: #fff;
    line-height: 4px;
    position: relative
}

.myjavapagefluid .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    top: 30px;
    left: 1px
}

.myjavapagefluid .container .mainbackcontent {
    margin-top: 15%
}

.myjavapagefluid .container .mainbackcontent .row .subpart {
    margin-top: 40px
}

.myjavapagefluid .container .mainbackcontent .row .subpart h3 {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.myjavapagefluid .container .mainbackcontent .row .requestquate {
    margin-top: 40px
}

.myjavapagefluid .container .mainbackcontent .row .requestquate a {
    padding: 14px 18px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .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(../images/Mobileapp/Back_white.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.aboutjavafluid .container .aboutdevelopment {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 100px
}

.aboutjavafluid .container .aboutdevelopment h3 {
    font-size: 24px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    margin-bottom: 40px
}

.aboutjavafluid .container .aboutdevelopment h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #005fff;
    top: 40px;
    left: 1px
}

.aboutjavafluid .container .aboutdevelopment h3:before {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 180px;
    height: 300px;
    background: #e0e0e040;
    top: -40px;
    left: -40px
}

.aboutjavafluid .container .aboutdevelopment .developmentcontent p {
    font-size: 14px;
    font-weight: 500;
    color: #7c7c7c;
    margin-bottom: 20px;
    font-family: Montserrat
}

.javaframworkfluid .container .webdevelopment {
    background-image: url(../images/webdesigning/back.png);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding: 40px 80px;
    margin-bottom: 50px;
    margin-top: 20px
}

.javaframworkfluid .container .webdevelopment .headingpart h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: inherit
}

.javaframworkfluid .container .webdevelopment .servicepart {
    margin-top: 40px
}

.javaframworkfluid .container .webdevelopment .servicepart .service {
    margin-bottom: 20px
}

.javaframworkfluid .container .webdevelopment .servicepart .service img {
    width: 100%;
    height: auto
}

.javaservicefluid {
    background: #fff;
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.javaservicefluid .container .developmentservices .topheading {
    text-align: center;
    margin-top: 50px
}

.javaservicefluid .container .developmentservices .topheading h3 {
    font-size: 16px;
    font-weight: 500;
    color: #ededed;
    font-family: Montserrat;
    text-transform: uppercase
}

.javaservicefluid .container .developmentservices .topheading h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    font-family: Iskoola Pota;
    position: relative;
    padding-bottom: 15px
}

.javaservicefluid .container .developmentservices .topheading h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #fff;
    bottom: 0;
    margin-left: -50px;
    left: 50%
}

.javaservicefluid .container .developmentservices .servicepart {
    margin-bottom: 50px;
    margin-top: 50px
}

.javaservicefluid .container .developmentservices .servicepart .row .col-sm-2 {
    width: 20%
}

.javaservicefluid .container .developmentservices .servicepart .service {
    text-align: center;
    padding: 40px 0;
    background: #fff;
    border-radius: 10px
}

.javaservicefluid .container .developmentservices .servicepart .service .serviceicon img {
    width: 40px;
    height: auto
}

.javaservicefluid .container .developmentservices .servicepart .service .servicetitle h3 {
    font-size: 20px;
    font-weight: 500;
    color: #08223a;
    font-family: Montserrat;
    line-height: 30px
}

.javaservicefluid .container .developmentservices .industryheading {
    text-align: center
}

.javaservicefluid .container .developmentservices .industryheading h3 {
    font-size: 36px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.javaservicefluid .container .developmentservices .industryheading h5 {
    font-size: 16px;
    margin-left: 150px;
    margin-right: 150px;
    line-height: 22px;
    color: #b3b3b3;
    font-family: Montserrat;
    font-weight: 400
}

.javaservicefluid .container .developmentservices .industryweserve {
    background: #fff;
    padding: 30px 30px 30px 30px;
    border-radius: 8px;
    margin-bottom: 50px;
    margin-top: 30px
}

.javaservicefluid .container .developmentservices .industryweserve .letstalk .headingpart {
    width: 60%;
    float: left
}

.javaservicefluid .container .developmentservices .industryweserve .letstalk {
    margin-left: 25%;
    margin-right: 25%;
    padding: 30px 20px 30px 30px;
    border: 1px solid #d4e0eb;
    margin-top: 30px;
    margin-bottom: 30px;
    border-style: dotted;
    border-radius: 8px
}

.javaservicefluid .container .developmentservices .industryweserve .letstalk .headingpart h4 {
    font-size: 16px;
    font-weight: 700;
    color: #08223a;
    font-family: Montserrat;
    font-style: italic;
    margin-top: 0
}

.javaservicefluid .container .developmentservices .industryweserve .letstalk .headingpart span {
    font-style: normal
}

.javaservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 400;
    width: 170px;
    font-size: 14px;
    text-align: center;
    height: 20px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding: 12px 50px;
    color: #fff !important;
    text-transform: uppercase
}

.javaservicefluid .container .developmentservices .industryweserve .letstalk .clickpart a:hover {
    text-decoration: none
}

.javaservicefluid .container .developmentservices .industryweserve .industryserice .service {
    text-align: center
}

.javaservicefluid .container .developmentservices .industryweserve .industryserice {
    margin-left: 120px;
    margin-right: 120px;
    margin-top: 50px
}

.javaservicefluid .container .developmentservices .industryweserve .industryserice .service .serviceicon img {
    width: 40px;
    height: auto
}

.javaservicefluid .container .developmentservices .industryweserve .industryserice .service .servicetitle h3 {
    font-size: 16px;
    color: #08223a;
    font-weight: 550;
    font-family: Montserrat
}

.javaservicefluid .container .developmentservices .industryweserve .industryserice .sevicemiddle {
    margin-left: 12.5%;
    margin-top: 50px
}

.myangulerpage {
    background-image: url(../images/webdesigning/Anguler.png);
    background-size: cover;
    width: 100%;
    height: 650px;
    overflow: hidden
}

.angulerpagefluid .container .mainbackcontent .row h1 {
    font-size: 44px;
    font-family: "Iskoola Pota";
    font-weight: 900;
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 5px;
    margin-bottom: 5px
}

.angulerpagefluid .container .mainbackcontent .row h2 {
    font-size: 18px;
    margin-top: 24px;
    font-family: Montserrat;
    font-weight: 550;
    font-style: normal;
    color: #fff;
    line-height: 4px;
    position: relative
}

.angulerpagefluid .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    top: 20px;
    left: 1px
}

.angulerpagefluid .container .mainbackcontent {
    margin-top: 12%
}

.angulerpagefluid .container .mainbackcontent .row .subpart {
    margin-top: 25px
}

.angulerpagefluid .container .mainbackcontent .row .subpart h3 {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.angulerpagefluid .container .mainbackcontent .row .requestquate {
    margin-top: 40px
}

.angulerpagefluid .container .mainbackcontent .row .requestquate a {
    padding: 14px 18px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .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(../images/webdesigning/Rails.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.rubypagefluid .container .mainbackcontent .row h1 {
    font-size: 44px;
    font-family: "Iskoola Pota";
    font-weight: 900;
    font-style: normal;
    color: #fff;
    line-height: 55px;
    margin-top: 5px;
    margin-bottom: 5px
}

.rubypagefluid .container .mainbackcontent .row h2 {
    font-size: 18px;
    margin-top: 24px;
    font-family: Montserrat;
    font-weight: 550;
    font-style: normal;
    color: #fff;
    line-height: 4px;
    position: relative
}

.rubypagefluid .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    top: 30px;
    left: 1px
}

.rubypagefluid .container .mainbackcontent {
    margin-top: 20%
}

.rubypagefluid .container .mainbackcontent .row .subpart {
    margin-top: 40px
}

.rubypagefluid .container .mainbackcontent .row .subpart h3 {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.rubypagefluid .container .mainbackcontent .row .subpart p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 130px
}

.rubypagefluid .container .mainbackcontent .row .requestquate {
    margin-top: 40px
}

.rubypagefluid .container .mainbackcontent .row .requestquate a {
    padding: 14px 18px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .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(../images/uiux/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(../images/iPhone/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(../images/iPhone/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: 400px;
    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(../images/mobileappusa/banner.html)
}

.mobileappuae {
    background-image: url(../images/iphoneuae/banner.html)
}

.mobileappkuwait {
    background-image: url(../images/kuwait/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(../images/whytechgropse/back.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(../images/mobileappusa/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(../images/mobileappusa/iphonesaudi.html)
}

.androidusa {
    background-image: url(../images/mobileappusa/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(../images/mobileappusa/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(../images/mobileappusa/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(../images/banner/pokergame.png);
    background-size: cover;
    width: 100%;
    height: 750px;
    background-position: center;
    overflow: hidden
}

.pokergame .container .devforbusiness .leftpart .imagepart img {
    width: 80%;
    height: auto
}

.pokerwhy {
    background-image: url(../images/whytechgropse/pokerwhy.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(../images/poker/game_icons.png);
    display: block;
    height: 80px;
    width: 80px
}

.poker-feature .poker-icon1 {
    background-position: -41px -236px
}

.poker-feature .poker-icon2 {
    background-position: -435px -15px
}

.poker-feature .poker-icon3 {
    background-position: -121px -236px
}

.poker-feature .poker-icon4 {
    background-position: -200px -236px
}

.poker-feature .poker-icon5 {
    background-position: -284px -236px
}

.poker-feature .poker-icon6 {
    background-position: -369px -236px
}

.poker-business .poker-icon {
    background-image: url(../images/poker/game_icons.png);
    display: inline-block !important;
    float: left;
    width: 70px;
    height: 70px
}

.poker-business .poker-icon1 {
    background-position: -45px -90px
}

.poker-business .poker-icon2 {
    background-position: -130px -90px
}

.poker-business .poker-icon3 {
    background-position: -215px -90px
}

.betting-business .betting-icon {
    background-image: url(../images/images/game_icons.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(../images/whytechgropse/backpoker.html);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding: 40px 80px;
    margin-bottom: 50px;
    margin-top: 20px
}

.seopage {
    background-image: url(../images/seo/seobanner.png);
    background-size: cover;
    width: 100%;
    height: 650px;
    overflow: hidden
}

.seopage .container .mainbackcontent .row h2 {
    line-height: 26px;
    margin-right: 100px
}

.seopage .container .mainbackcontent .row h2:after {
    width: 110px;
    top: -10px;
    left: 1px
}

.seopage .container .mainbackcontent .row .subpart {
    margin-top: 20px
}

.seofluid {
    padding-left: 0
}

.seofluid .container {
    padding-left: 0;
    width: 100%
}

.seofluid .container .row {
    padding-left: 0
}

.seofluid .container .row .col-sm-5 {
    padding-left: 0
}

.seofluid .container .blockchainright {
    margin-top: 0
}

.seoworkfluid .weworkfor .rightpart .mainpart img {
    width: 70px;
    height: 60px
}

.seoworkfluid {
    padding-top: 50px;
    padding-bottom: 100px;
    background: #f0f0f0
}

.whyseo {
    background: #32004b
}

.seofluid .container .blockchainright img {
    border: 10px solid #ececec
}

.smopage {
    background-image: url(../images/smo/smobanner.png);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.smopage .container .mainbackcontent .row h2 {
    line-height: 26px;
    margin-right: 100px
}

.smopage .container .mainbackcontent .row h2:after {
    width: 110px;
    top: -10px;
    left: 1px
}

.smopage .container .mainbackcontent .row .subpart {
    margin-top: 20px
}

.fantasyfluid {
    background-image: url(../images/fantasy/fantasy.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(../images/casino/casino.html)
}

.casino-icon {
    background-image: url(../images/casino/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(../images/casino/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(../images/investor/investor_banner.png);
    background-size: cover;
    width: 100%;
    height: 660px;
    overflow: hidden
}

.myinvestor .disnone {
    display: block
}

.myinvestor .mobdisnone {
    display: none
}

.myinvestor .headerfluid .container .mymenu li>a {
    color: #061333
}

.myinvestor .headerfluid .container .mymenu li:nth-last-child(1) a {
    color: #fff;
    box-shadow: none;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff)
}

.myinvestor .container .mainbackcontent .row h1 {
    font-size: 42px;
    color: #061333;
    line-height: 50px
}

.myinvestor .container .mainbackcontent .row h2 {
    color: #061333
}

.myinvestor .container .mainbackcontent .row h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #1a60ff;
    top: 30px;
    left: 1px
}

.myinvestor .container .mainbackcontent .row .subpart h3 {
    color: #061333
}

.myinvestor .container .mainbackcontent .row .aboutbottompart .content1 h4 {
    color: #061333
}

.myinvestor .container .mainbackcontent .row .aboutbottompart .content1 {
    text-align: center;
    padding: 1px 1px 1px 1px;
    border: 1px solid #f0f0f0;
    box-shadow: 1px 4px 16px 0 #e5e5e5
}

.blockchainservicefluid .container .blockchainservice .leftpart .service1:after {
    right: -42px
}

.blockchainservicefluid .container .blockchainservice .rightpart .service1:after {
    left: -36px
}

.firstfooterfluid .maindiv .homeaddress {
    padding: 28px;
    height: 223px
}

.investorproject {
    padding-top: 40px;
    padding-bottom: 50px
}

.investorproject .project .projectimage img {
    width: 100%;
    height: 55px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .1;
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.investorproject .project .projectimage img:hover {
    filter: initial;
    opacity: 1
}

.investoestartups {
    padding-top: 50px;
    padding-bottom: 50px
}

.investoestartups .startups .leftpart .iconpart .icon img {
    width: auto;
    height: auto
}

.investoestartups {
    background-image: url(../images/investor/graphic.png);
    background-repeat: no-repeat, repeat;
    background-size: 300px 220px;
    background-position: 0 45%;
    background-color: #fff
}

.investoestartups .startups .leftpart .iconpart {
    box-shadow: 1px 7px 40px -4px #04083514;
    padding: 20px 10px;
    width: 90%;
    margin-bottom: 40px;
    border-radius: 10px;
    background: #fff
}

.investoestartups .startups .leftpart .iconpart .title {
    margin-top: 10px
}

.investoestartups .startups .leftpart .iconpart .title p {
    font-size: 14px;
    color: #061333;
    font-family: Montserrat
}

.investoestartups .startups .leftpart .iconpart .title span {
    display: block
}

.investoestartups .startups .rightpart {
    margin-top: 80px
}

.investoestartups .startups .rightpart h4 {
    font-size: 20px;
    color: #b0acac;
    font-weight: 500;
    font-family: Montserrat
}

.investoestartups .startups .rightpart h3 {
    font-size: 24px;
    color: #061333;
    font-weight: 550;
    font-family: Montserrat
}

.investoestartups .startups .rightpart p {
    font-size: 14px;
    color: #7a8193;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: Montserrat
}

.investoestartups .martop50 {
    margin-top: 50px
}

.investoestartups .martop80 {
    margin-top: 80px
}

.investor360 .solution .leftpart {
    margin-top: 20px
}

.investor360 .solution .leftpart h4 {
    font-size: 20px;
    color: #b0acac;
    font-weight: 500;
    font-family: Montserrat
}

.investor360 .solution .leftpart h3 {
    font-size: 24px;
    color: #061333;
    font-weight: 550;
    font-family: Montserrat
}

.investor360 .solution .leftpart p {
    font-size: 14px;
    color: #7a8193;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: Montserrat
}

.investor360 .solution .rightpart {
    text-align: center
}

.investor360 .solution .rightpart img {
    width: 80%;
    height: auto
}

.investorgreatdeal {
    background-image: url(../images/investor/banner2.png);
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: hidden
}

.investorgreatdeal .greatdeal .leftpart {
    padding-top: 200px;
    padding-bottom: 200px
}

.investorgreatdeal .greatdeal .leftpart h3 {
    font-size: 36px;
    color: #fffcfc;
    font-weight: 600;
    font-family: "Iskoola Pota";
    line-height: 50px;
    position: relative
}

.investorgreatdeal .greatdeal .leftpart h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background: #fff;
    top: 105px;
    left: 1px
}

.investorgreatdeal .greatdeal .leftpart p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    font-family: Montserrat;
    position: relative
}

.investorgreatdeal .greatdeal .leftpart p:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background: #fff;
    top: 60px;
    left: 1px
}

.investorgreatdeal .greatdeal .leftpart span {
    display: inherit
}

.investorform {
    margin-top: 40px;
    margin-bottom: 100px
}

.investorform .myform .leftpart .businessimge {
    text-align: center
}

.investorform .myform .leftpart .businessimge img {
    width: 220px;
    height: auto
}

.investorform .myform .leftpart .persantage {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px
}

.investorform .myform .leftpart .persantage .title h3 {
    font-weight: 500;
    color: #181b3a;
    font-size: 30px;
    font-family: fantasy;
    margin-bottom: 3px;
    position: relative
}

.investorform .myform .leftpart .persantage .title.one h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #35cb60;
    top: 12px;
    left: -20px;
    border-radius: 50px
}

.investorform .myform .leftpart .persantage .title.two h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #366ffd;
    top: 12px;
    left: -20px;
    border-radius: 50px
}

.investorform .myform .leftpart .persantage .title.three h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #f88500;
    top: 12px;
    left: -20px;
    border-radius: 50px
}

.investorform .myform .leftpart .persantage .title p {
    font-size: 14px;
    color: #c4c4c4;
    font-family: Montserrat
}

.investorform .myform .leftpart .persantage .title span {
    display: inherit
}

.investorform .myform .rightpart {
    padding: 20px 20px;
    box-shadow: 0 2px 37px 1px #1309390d;
    position: absolute;
    top: -540px;
    background: #fff;
    border-radius: 8px;
    z-index: 2
}

.investorform .myform .rightpart .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b5ccff5c;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .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(../images/digitalmarketing/banner.png)
}

.digitalmarketing .blockchaintopfluid .container .mainbackcontent .row h2 {
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    color: #ebebeb;
    line-height: 24px
}

.digitalmarketing .container .mainbackcontent .row h1:after {
    top: 105px;
    left: 15px
}

.digitalmain .container .blockchainright {
    text-align: center;
}

.digitalmain .container .blockchainright img {
    width: 70%;
    height: auto
}

.digitalmain .container .blockchainleft h2 {
    font-size: 40px;
    color: #000;
    font-family: poppinsbold;
    margin-bottom: 10px;
    line-height: 60px;
}

.digitalmain .container .blockchainleft h6 {
    font-size: 28px;
    color: #000;
    font-family: poppinsregular;
    margin-top: 20px;
    margin-bottom: 20px;
}

.startupbusiness.mainblockchainfluid .container .blockchainleft {
    margin-right: 40px;
}

.startupbusiness.mainblockchainfluid .container .blockchainleft p {
    font-family: poppinsregular !important;
    line-height: 26px !important;
    font-weight: 500 !important;
    color: #525252 !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
}

.ecommerce_service.digitalmain .container .blockchainleft h2 {
    font-size: 22px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 36px;
    position: relative
}

.flutter-iphoneapp .container .blockchainleft h2 {
    font-size: 24px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 36px;
    position: relative
}

.digitalmain .container .blockchainleft h3 {
    font-size: 20px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 36px;
    position: relative
}

.digitalmain .container .blockchainleft h3::after {
    border-bottom: 0;
    display: none;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #005fff;
    top: 30px;
    left: 0
}

.digitalmain .container .blockchainleft h3 span {
    text-transform: lowercase !important
}

.usaiphoneapp .blockchainleft h2 {
    font-size: 24px !important;
    color: #08223a !important;
    font-family: Montserrat;
    font-weight: 550 !important;
    text-transform: capitalize !important;
    margin-bottom: 10px;
    line-height: 36px;
    position: relative
}

.wearable_app .container .blockchainleft h3::after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #005fff;
    top: 20px;
    left: 0
}

.digitalservice {
    background-image: url(../images/digitalmarketing/back.png);
    background-size: cover;
    width: 100%;
    overflow: hidden
}

.digitalservice .myservice .toppart {
    text-align: center;
    margin-top: 30px
}

.digitalservice .myservice .toppart h5 {
    font-size: 16px;
    font-weight: 600;
    color: #b0b0b0;
    text-transform: uppercase;
    font-family: Montserrat
}

.digitalservice .myservice .toppart h4 {
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    font-family: Montserrat;
    position: relative
}

.digitalservice .myservice .toppart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    background: #fff;
    bottom: -15px;
    margin-left: -50px;
    left: 50%
}

.digitalservice .myservice .toppart p {
    font-size: 14px;
    font-family: Montserrat
}

.digitalservice .myservice .bottompart .service {
    border-radius: 5px;
    background: #fff;
    width: 90%;
    padding: 30px 15px 30px 15px;
    box-shadow: 0 3px 24px -9px #969696b5;
    border: 1px solid #d8d8d88a;
    margin-bottom: 50px;
    height: 325px
}

.digitalservice .myservice .bottompart .service:hover {
    box-shadow: 1px 9px 60px -12px #1b3cb133;
    transition: all 1s;
    margin-top: -10px
}

.digitalservice .myservice .bottompart {
    margin-top: 50px;
    margin-bottom: 50px
}

.digitalservice .myservice .bottompart .service .serviceimg img {
    height: 70px;
    width: 70px
}

.digitalservice .myservice .bottompart .service .sevicetext {
    margin-top: 30px
}

.digitalservice .myservice .bottompart .service .sevicetext h4 {
    font-size: 18px;
    color: #1c1051;
    font-weight: 550;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: Montserrat
}

.digitalservice .myservice .bottompart .service .sevicetext p {
    font-weight: 500;
    font-size: 13px;
    color: #08223a;
    line-height: 20px;
    font-family: Montserrat
}

.reputationmanagement {
    background-image: url(../images/digitalmarketing/banner2.png);
    background-size: cover;
    width: 100%;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 200px;
    position: relative
}

.reputationmanagement .reputation .leftpart h5 {
    font-weight: 600;
    color: #08223a;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Montserrat
}

.reputationmanagement .reputation .leftpart h4 {
    font-size: 36px;
    font-weight: 700;
    color: #08223a;
    font-family: Montserrat;
    position: relative
}

.reputationmanagement .reputation .leftpart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    background: #08223a;
    top: 90px;
    left: 2px
}

.reputationmanagement .reputation .leftpart p {
    font-size: 14px;
    color: #08223a;
    font-weight: 500;
    position: relative;
    font-family: Montserrat;
    margin-top: 20px
}

.reputationmanagement .rightsideimage img {
    width: 700px;
    position: absolute;
    bottom: -120px;
    right: 0;
    z-index: 9999
}

.emporwingpower {
    padding-top: 60px
}

.emporwingpower .empowering .leftpart .pointspart .pointimage img {
    width: 50px;
    height: auto
}

.emporwingpower .empowering .leftpart .pointspart .pointimage {
    text-align: center
}

.emporwingpower .empowering .leftpart .pointspart .pointtext h3 {
    margin-top: 0;
    font-size: 26px;
    font-weight: 500;
    color: #08223a;
    font-family: fantasy;
    margin-bottom: 10px
}

.emporwingpower .empowering .leftpart .pointspart .pointtext h4 {
    font-size: 14px;
    line-height: 20px;
    color: #787878;
    font-weight: 550;
    margin-top: 0;
    font-family: Montserrat
}

.emporwingpower .empowering .leftpart .col-sm-4 {
    width: 33.33333333%;
    padding: 0
}

.emporwingpower .empowering .leftpart .pointspart {
    border-right: 1px solid #d5d5d55c;
    float: left;
    border-bottom: 1px solid #e1e1e178;
    padding: 20px;
    height: 125px;
    width: 100%;
    margin: 0 20px 20px
}

.emporwingpower .empowering .leftpart .pointspart:hover {
    box-shadow: 0 7px 21px 0 rgba(0, 0, 0, .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(../images/healthcare/healthcare.html);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-attachment: fixed;
}
.healthcarefluid.myaboutpage {
    height: 100vh;
    background-image: url(../images/aboutanimation/banner-about1.png);
    display: flex;
    align-items: center;
    margin-top: 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
}
 
.abouttopheaingfluid .container .mainbackcontent .buttons-part .letstalk {
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
}
.abouttopheaingfluid .container .mainbackcontent .buttons-part .portfolio {
    background: white;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 16px;
    color: #437cff;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
}

.healthcarefluid .disnone {
    display: block
}

.healthcarefluid .mobdisnone {
    display: none
}

.healthcarefluid .headerfluid .container .mymenu li>a {
    color: #030303
}

.healthcarefluid .headerfluid .container .mymenu li:nth-last-child(1) a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 700;
    width: 40px;
    font-size: 12px;
    text-align: center;
    height: 48px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding-right: 15px;
    color: #fff !important
}

.healthcarefluid .headerfluid .container .mymenu li:nth-last-child(2) a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    font-weight: 700;
    width: 170px;
    font-size: 12px;
    text-align: center;
    height: 48px;
    box-shadow: 0 8px 9px -6px #0094da00;
    border-radius: 4px;
    padding-right: 15px;
    color: #fff !important
}

.healthcarefluid .headerfluid .logo .disnone {
    display: block
}

.healthcarefluid .headerfluid .container .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #030303;
    background-color: #e7e7e700
}

.healthcarefluid .blockchaintopfluid .container .mainbackcontent .row h1 {
    color: #08223a;
    font-size: 40px !important;
    font-weight: 700;
    text-align: left;
    margin-bottom: 40px
}

.healthcarefluid .blockchaintopfluid .container .mainbackcontent .row h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 300px;
    height: 2px;
    background: #175dff;
    top: 120px;
    margin-left: 20px;
    left: 0
}

.healthcarefluid .blockchaintopfluid .container .mainbackcontent .row .subpart h3 {
    font-size: 15px;
    color: #969797
}

.healthcarefluid .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    font-size: 15px;
    color: #08223a;
    text-align: left;
    font-weight: 500
}

.healthcarefluid .blockchaintopfluid .container .mainbackcontent .healtcaeimg img {
    text-align: center;
    width: 100%;
    height: auto
}

.healthcareappfluid .healthcareapp .toppart h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #acacac;
    font-weight: 550;
    font-family: Montserrat
}

.chess-portfolio .healthcareapp .toppart h3 {
    font-size: 30px;
    font-weight: 700;
    color: #08223a;
    position: relative;
    font-family: Montserrat
}

.chess-portfolio .healthcareapp .toppart h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #005fff;
    bottom: -15px;
    margin-left: -50px;
    left: 50%
}

.portfolio-php .healthcareapp .toppart h4 {
    font-size: 40px;
    font-weight: 700;
    color: #08223a;
    position: relative;
    font-family: Montserrat
}

.portfolio-php .healthcareapp .toppart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #005fff;
    bottom: -15px;
    margin-left: -50px;
    left: 50%
}

.healthcareappfluid .healthcareapp .toppart h2 {
    font-size: 30px;
    font-weight: 700;
    color: #08223a;
    position: relative;
    font-family: Montserrat;
    margin-top: 20px;
    margin-bottom: 0
}

.healthcareappfluid.food-delivery .healthcareapp .toppart h3 {
    font-size: 18px;
    font-weight: 550;
    color: #08223a;
    text-transform: uppercase
}

.healthcareappfluid .healthcareapp .toppart h4 {
    font-size: 32px;
    font-weight: 700;
    color: #08223a;
    position: relative;
    font-family: Montserrat
}

.healthcareappfluid .healthcareapp .toppart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #005fff;
    bottom: -15px;
    margin-left: -50px;
    left: 50%
}

.healthcareappfluid.ruby-portfolio .healthcareapp .toppart h2 {
    font-size: 30px;
    font-weight: 700;
    color: #08223a;
    position: relative;
    font-family: Montserrat
}

.healthcareappfluid .healthcareapp .toppart p {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    color: #09243c;
    font-family: Montserrat;
    text-transform: capitalize
}

.healthcareappfluid .healthcareapp .bottompart .leftpart img {
    width: 80%;
    height: auto
}

.healthcareappfluid .healthcareapp .bottompart .rightpart {
    margin-top: 40px
}

.healthcareappfluid .healthcareapp .bottompart .rightpart h2 {
    font-size: 30px;
    color: #08223a;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: Montserrat
}

.chess-portfolio .healthcareapp .bottompart .rightpart h4 {
    font-size: 14px;
    color: #08223a;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: Montserrat
}

.healthcareappfluid .healthcareapp .bottompart .rightpart p {
    font-size: 14px;
    color: #08223a;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: Montserrat
}

.wasphahealth {
    background-image: url(../images/healthcare/back_2.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(../images/healthcare/graphic.html);
    background-repeat: no-repeat, repeat;
    background-size: 200px 200px;
    background-position: 98% 94%
}

.industyweserve .industry .leftpart {
    background-image: url(../images/healthcare/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(../images/ecommerce/back.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(../images/ecommerce/back-2.html);
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden
}

.realestatefluid {
    background-image: url(../images/realestate/back.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(../images/realestate/back-2.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(../images/sports/banner2.html);
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden
}

.fooddelivery {
    background-image: url(../images/fooddelivery/banner2.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(../images/popup/leftback.png);
    background-size: cover;
    height: 500px;
    width: 100%
}

#contactModal .leftpart .footersocialmedia {
    padding-top: 470px;
    padding-left: 35px
}

#contactModal .leftpart .footersocialmedia ul li {
    float: left;
    padding: 0 20px 0 0
}

#contactModal .leftpart .footersocialmedia ul li a {
    color: #fff
}

#contactModal .leftpart .footersocialmedia ul li a:hover {
    color: #195fff
}

#contactModal .rightpart .lookinginvestor .moveicon {
    margin-top: 35px;
    margin-left: 20px
}

#contactModal .close {
    color: #000;
    background: #fff;
    opacity: 1;
    padding: 10px;
    border-radius: 20px;
    position: absolute;
    bottom: -60px;
    left: 47%;
    line-height: 15px
}

.sliderwahphafluid .backimg1 {
    background-image: url(../images/homeportfolio/1/back.html);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.sliderwahphafluid .backimg2 {
    background-image: url(../images/homeportfolio/2/back.html);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.sliderwahphafluid .backimg3 {
    background-image: url(../images/homeportfolio/3/back.html);
    background-size: cover;
    width: 100%;
    height: 600px;
    overflow: hidden
}

.sliderwahphafluid .backimg4 {
    background-image: url(../images/homeportfolio/4/back.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(../images/images/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(../images/werable/custom_icons.png);
    display: inline-block !important;
    width: 75px;
    height: 75px
}

.wear-ser .wear-ser-icon1 {
    background-position: 7px 6px
}

.wear-ser .wear-ser-icon2 {
    background-position: -72px 6px
}

.wear-ser .wear-ser-icon3 {
    background-position: -151px 6px
}

.wear-ser .wear-ser-icon4 {
    background-position: -236px 6px
}

.wear-ser .wear-ser-icon5 {
    background-position: -319px 6px
}

.mob-app .mob-app-icon {
    background-image: url(../images/images/game_icons.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(../images/werable/custom_icons.png);
    display: inline-block !important;
    width: 75px;
    height: 75px
}

.mob-ser .mob-ser-icon1 {
    background-position: 7px 6px
}

.mob-ser .mob-ser-icon2 {
    background-position: -72px 6px
}

.mob-ser .mob-ser-icon3 {
    background-position: -151px 6px
}

.mob-ser .mob-ser-icon4 {
    background-position: -236px 6px
}

.mob-ser .mob-ser-icon5 {
    background-position: -319px 6px
}

.res-web .res-web-icon {
    background-image: url(../images/webdevelopment/web_icons.png);
    display: inline-block !important;
    width: 80px;
    height: 80px
}

.res-web .res-web-icon1 {
    background-position: -630px -650px
}

.res-web .res-web-icon2 {
    background-position: -724px -650px
}

.res-web .res-web-icon3 {
    background-position: -842px -650px
}

.web-dev .web-dev-icon {
    background-image: url(../images/webdevelopment/web_icons.png);
    display: inline-block !important;
    width: 80px;
    height: 80px
}

.web-dev .web-dev-icon1 {
    background-position: -9px -653px
}

.web-dev .web-dev-icon2 {
    background-position: -122px -653px
}

.web-dev .web-dev-icon3 {
    background-position: -228px -653px
}

.web-dev .web-dev-icon4 {
    background-position: -325px -653px
}

.web-dev .web-dev-icon5 {
    background-position: -418px -653px
}

.web-dev .web-dev-icon6 {
    background-position: -521px -653px
}

.i-dev .i-dev-icon {
    background-image: url(../images/images/game_icons.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(../images/images/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(../images/whytech/banner.png);
    height: 720px
}

.whytechfluid .container .mainbackcontent .row h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 50px;
    position: relative
}

.whytechfluid .container .mainbackcontent .row h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background: #fff;
    bottom: -10px;
    left: 0
}

.whytechfluid .container .mainbackcontent .row .subpart h3 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-family: Montserrat;
    font-weight: 500;
    margin-right: 50px
}

.whytechfluid .container .mainbackcontent {
    margin-top: 20%
}

.achievmentfluid {
    background: #fff
}

.achievmentfluid .topheading {
    text-align: center;
    margin-top: 15px
}

.achievmentfluid .topheading h3 {
    font-size: 30px;
    color: #08223a;
    font-weight: 600;
    font-family: Montserrat;
    position: relative
}

.achievment-techgropse.achievmentfluid .topheading h2 {
    font-size: 30px;
    color: #08223a;
    font-weight: 600;
    font-family: Montserrat;
    position: relative
}

.achievmentfluid .topheading p {
    font-size: 16px;
    font-family: Montserrat;
    color: #08223a;
    line-height: 20px;
    font-weight: 500
}

.achievmentfluid .myachievement {
    margin-top: 80px;
    margin-bottom: 30px
}

.achievmentfluid .myachievement .leftpart {
    text-align: center;
    margin-top: 30px
}

.achievmentfluid .myachievement .leftpart img {
    width: 70%;
    height: auto
}

.achievmentfluid .myachievement .rightpart .achievepart {
    margin-bottom: 30px
}

.achievmentfluid .myachievement .rightpart .achievepart .achiveimg img {
    width: 50%;
    height: auto
}

.achievmentfluid .myachievement .rightpart .achievepart .achiveheding {
    margin-top: 15px;
    margin-left: 30px
}

.achievmentfluid .myachievement .rightpart .achievepart .achiveheding p {
    font-size: 15px;
    font-family: Montserrat;
    color: #08223a
}

.achievmentfluid .myachievement .rightpart .achievepart .achiveimg1 img {
    width: 65%
}

.numbergamesfluid {
    background-image: url(../images/whytech/back.png);
    padding-top: 20px;
    margin-bottom: 20px
}

.numbergamesfluid .topheading {
    text-align: center;
    margin-top: 10px
}

.numbergamesfluid .topheading h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    font-family: Montserrat;
    position: relative
}

.numbergamesfluid .topheading p {
    font-size: 16px;
    font-family: Montserrat;
    color: #fff;
    line-height: 20px;
    font-weight: 500
}

.numbergamesfluid .numbersgame {
    margin-top: 60px;
    margin-bottom: 60px
}

.numbergamesfluid .numbersgame .games {
    background: #fff;
    padding: 40px 10px 40px 90px;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 200px
}

.numbergamesfluid .numbersgame .number2 {
    padding: 40px 10px 40px 65px
}

.numbergamesfluid .numbersgame .number1:after {
    display: block;
    position: absolute;
    content: url(../images/whytech/years.png);
    top: 35px;
    margin-left: 0;
    left: 0;
    z-index: 99
}

.numbergamesfluid .numbersgame .number2:after {
    display: block;
    position: absolute;
    content: url(../images/whytech/android_ios.png);
    top: 35px;
    margin-left: 0;
    left: 0;
    z-index: 99
}

.numbergamesfluid .numbersgame .number3:after {
    display: block;
    position: absolute;
    content: url(../images/whytech/clients.png);
    top: 55px;
    margin-left: 0;
    left: 0;
    z-index: 99
}

.numbergamesfluid .numbersgame .number4:after {
    display: block;
    position: absolute;
    content: url(../images/whytech/app_play.png);
    top: 25px;
    margin-left: 0;
    left: 0;
    z-index: 99
}

.numbergamesfluid .numbersgame .games h2 {
    font-size: 40px;
    font-weight: 700;
    color: #08223a;
    font-family: oswaldbold
}

.numbergamesfluid .numbersgame .games span {
    font-size: 20px;
    font-weight: 700;
    color: #08223a;
    font-family: oswaldregular
}

.numbergamesfluid .numbersgame .games h4 {
    font-size: 20px;
    font-family: oswaldlight;
    color: #a3a2ad;
    letter-spacing: 1px
}

.whytech360 .solution {
    margin-top: 60px;
    margin-bottom: 40px
}

.whytech360 .solution .rightpart {
    text-align: center
}

.whytech360 .solution .rightpart img {
    width: 60%;
    height: auto
}

.whytech360 .solution .leftpart {
    margin-top: 80px
}

.whytech360 .solution .leftpart h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 550;
    color: #08223a;
    font-family: Montserrat
}

.whytech360 .solution .leftpart h3 {
    font-size: 30px;
    color: #08223a;
    font-weight: 600;
    font-family: Montserrat;
    position: relative;
    line-height: 40px
}

.whytech360 .solution .leftpart p {
    font-size: 16px;
    color: #08223a;
    line-height: 30px;
    font-family: Montserrat;
    font-weight: 500
}

.moneybackfluid {
    margin-bottom: 50px;
    margin-top: 10px
}

.moneybackfluid .leftpart,
.moneybackfluid .righrpart {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 20px 10px 20px 70px;
    box-shadow: 1px 1px 46px 14px #e1dada69;
    width: 85%;
    position: relative;
    margin: 0 auto;
    background: #fff
}

.moneybackfluid .leftpart h3,
.moneybackfluid .righrpart h3 {
    font-size: 20px;
    color: #08223a;
    font-weight: 550;
    font-family: Montserrat;
    position: relative;
    line-height: 30px;
    margin-right: 150px;
    margin-bottom: 5px
}

.moneybackfluid .leftpart p,
.moneybackfluid .righrpart p {
    font-size: 16px;
    color: #08223a;
    line-height: 26px;
    font-family: Montserrat;
    font-weight: 500
}

.moneybackfluid .leftpart:after {
    display: block;
    position: absolute;
    content: url(../images/whytech/money.png);
    top: 30px;
    margin-left: 0;
    left: -50px;
    z-index: 99
}

.moneybackfluid .righrpart:after {
    display: block;
    position: absolute;
    content: url(../images/whytech/time.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(../images/whytech/tick.png);
    top: 2px;
    margin-left: 0;
    left: 0;
    z-index: 99
}

.whytecfluid .rightpart img {
    width: 85%;
    height: auto
}

.ourpertner {
    padding: 0;
    margin-bottom: 50px
}

.ourpertner img {
    width: 100%;
    height: auto
}

.startupbusiness.ecommerce_benifit .container .blockchainleft h2 {
    font-size: 30px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: capitalize;
    margin-bottom: 10px
}

.startupbusiness .container .blockchainleft h3 {
    font-size: 36px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: capitalize;
    margin-bottom: 10px
}

.gropsesubmenu {
    padding: 10px 20px
}

.gropsesubmenu .mysubmenu .heading h4 {
    font-size: 12px;
    font-weight: 500;
    color: #0082f1;
    text-transform: uppercase;
    border-bottom: 1px solid #00a3e7;
    padding-bottom: 10px;
    margin: 10px 0 5px
}

.gropsesubmenu .mysubmenu .headingpart ul li .font-10,
.gropsesubmenu .mysubmenu .headingpart ul>li>a {
    font-size: 10px !important;
    padding-right: 0 !important;
    padding-left: 20px;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d !important;
    letter-spacing: 0 !important;
    margin-right: 0 !important
}

.gropsesubmenu .mysubmenu .headingpart ul>li {
    padding-bottom: 5px;
    margin-bottom: 5px
}

.mymenu .gropsesubmenu .mysubmenu .headingpart ul li {
    margin-bottom: 0;
    padding: 5px 10px
}

.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover {
    background-color: #125aff;
    border-radius: 5px
}

.mymenu .gropsesubmenu .mysubmenu .headingpart ul li .font-10 .icon-black,
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li a .icon-black,
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10 .icon-white,
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a .icon-white {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-bottom: 2px
}

.mymenu .gropsesubmenu .mysubmenu .headingpart ul li .font-10 .icon-white,
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li a .icon-white {
    display: none
}

.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10 .icon-black,
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a .icon-black {
    display: none
}

.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover .font-10 .icon-white,
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li:hover a .icon-white {
    display: inline-block
}

.headerfluid .container .headingpart li:nth-last-child(2) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d;
    letter-spacing: 1px;
    box-shadow: none
}

.headerfluid .container .headingpart li:nth-last-child(1) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d;
    letter-spacing: 1px;
    box-shadow: none
}

.headerfluid.stick .container .headingpart li:nth-last-child(2) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d !important;
    letter-spacing: 1px;
    box-shadow: none;
    background: 0 0
}

.headerfluid.stick .container .headingpart li:nth-last-child(1) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d !important;
    letter-spacing: 1px;
    box-shadow: none;
    background: 0 0
}

.headerfluid .reviewimages .imagemenu img {
    width: 80%;
    height: auto;
    margin: 0 auto
}

.headerfluid .reviewimages {
    margin-top: 30px
}

.gropsesubmenu .mysubmenu .headingpart ul>li>a:hover {
    color: #0074f5
}

.myinvestor .headerfluid .container .headingpart li:nth-last-child(2) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d;
    letter-spacing: 1px;
    box-shadow: none;
    background: 0 0
}

.myinvestor .headerfluid .container .headingpart li:nth-last-child(1) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d;
    letter-spacing: 1px;
    box-shadow: none;
    background: 0 0
}

.healthcarefluid .headerfluid .container .headingpart li:nth-last-child(2) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d !important;
    letter-spacing: 1px;
    box-shadow: none;
    background: 0 0
}

.healthcarefluid .headerfluid .container .headingpart li:nth-last-child(1) a {
    font-size: 12px;
    padding-right: 0;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 500;
    color: #0d0d0d !important;
    letter-spacing: 1px;
    box-shadow: none;
    background: 0 0
}

.seofluid .container .blockchainleft h1 {
    font-size: 26px
}

.seofluid .container .blockchainleft h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    background: #175eff;
    top: 40px;
    left: 2px
}

.fantasyfluid .container .mymenu li:nth-last-child(2) a {
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    color: #fff;
    box-shadow: none
}

.gropsesubmenu li:nth-last-child(2) a {
    background: 0 0 !important;
    box-shadow: none !important;
    color: #08223a !important
}

.gropsesubmenu li:nth-last-child(1) a {
    background: 0 0 !important;
    box-shadow: none !important;
    color: #08223a !important
}

.fantacywhy .container .whyimg img {
    width: 70%;
    height: auto;
    margin-right: 20%;
    margin-top: 8%
}

.topheaingfluid .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .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(../images/homeimages/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(../images/banner/Career.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.careerpage .container .mainbackcontent .row .subpart {
    margin-top: 15px;
    text-align: center
}

.careerpage .container .mainbackcontent .row .subpart h4 {
    font-size: 20px;
    color: #ebebeb;
    line-height: 24px;
    font-family: Montserrat;
    margin-bottom: 11px;
    text-align: center
}

.careerpage .container .mainbackcontent .row h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    top: 60px;
    left: 370px
}

.careerpage .container .mainbackcontent {
    margin-top: 24%
}

.kuwait .androidapp img {
    width: 80%;
    height: auto
}

#requestsendModal {
    background: rgba(20, 20, 20, .52);
    z-index: 2147483647
}

#requestsendModal .modal-content {
    background-image: url(../images/popup/popup-web.png);
    background-size: cover;
    width: 100%;
    height: 450px;
    border-radius: 20px
}

#requestsendModal .modal-header {
    padding: 0;
    border-bottom: none
}

#requestsendModal .modal-dialog {
    width: 600px
}

#requestsendModal .modal-body {
    position: relative;
    padding: 0
}

#requestsendModal .modal-body .sendmessege {
    margin-top: 290px;
    margin-left: 42px
}

#requestsendModal .modal-body .sendmessege .heading h3 {
    font-size: 20px;
    font-family: oswaldlight;
    font-weight: 400;
    color: #5f5f5f;
    letter-spacing: 1px
}

#requestsendModal .modal-body .sendmessege .contactnuber {
    margin-right: 35%
}

#requestsendModal .modal-body .sendmessege .contactnuber ul {
    padding: 0
}

#requestsendModal .modal-body .sendmessege .contactnuber ul li {
    float: left;
    margin-top: 10px;
    margin-right: 10px
}

#requestsendModal .modal-body .sendmessege .contactnuber ul li a {
    font-size: 14px;
    color: #1b1732;
    font-family: oswaldregular;
    letter-spacing: 1px
}

#requestsendModal .modal-body .sendmessege .contactnuber ul li span {
    font-size: 10px;
    color: #949db4;
    font-family: oswaldlight
}

#requestsendModal .modal-body .sendmessege .contactnuber ul li:nth-last-child(1) a {
    color: #03a9f4
}

#requestsendModal .close {
    color: #000;
    background: #fff;
    opacity: 1;
    padding: 10px;
    border-radius: 20px;
    position: absolute;
    bottom: -60px;
    left: 47%;
    line-height: 15px
}

#requestnotsendModal {
    background: rgba(20, 20, 20, .52);
    z-index: 2147483647
}

#requestnotsendModal .modal-content {
    background-image: url(../images/popup/popup-web-2.png);
    background-size: cover;
    width: 100%;
    height: 450px;
    border-radius: 20px
}

#requestnotsendModal .modal-header {
    padding: 0;
    border-bottom: none
}

#requestnotsendModal .modal-dialog {
    width: 600px
}

#requestnotsendModal .modal-body {
    position: relative;
    padding: 0
}

#requestnotsendModal .modal-body .sendmessege {
    margin-top: 290px;
    margin-left: 42px
}

#requestnotsendModal .modal-body .sendmessege .heading h3 {
    font-size: 20px;
    font-family: oswaldlight;
    font-weight: 400;
    color: #5f5f5f;
    letter-spacing: 1px
}

#requestnotsendModal .modal-body .sendmessege .contactnuber {
    margin-right: 35%
}

#requestnotsendModal .modal-body .sendmessege .contactnuber ul {
    padding: 0
}

#requestnotsendModal .modal-body .sendmessege .contactnuber ul li {
    float: left;
    margin-top: 10px;
    margin-right: 10px
}

#requestnotsendModal .modal-body .sendmessege .contactnuber ul li a {
    font-size: 14px;
    color: #1b1732;
    font-family: oswaldregular;
    letter-spacing: 1px
}

#requestnotsendModal .modal-body .sendmessege .contactnuber ul li span {
    font-size: 10px;
    color: #949db4;
    font-family: oswaldlight
}

#requestnotsendModal .modal-body .sendmessege .contactnuber ul li:nth-last-child(1) a {
    color: #03a9f4
}

#requestnotsendModal .close {
    color: #000;
    background: #fff;
    opacity: 1;
    padding: 10px;
    border-radius: 20px;
    position: absolute;
    bottom: -60px;
    left: 47%;
    line-height: 15px
}

.loaderrequest {
    text-align: center
}

.loaderrequest img {
    width: 100px;
    height: auto
}

.mobileviewportfolio .appheading {
    text-align: center;
    position: relative;
    margin-top: 40px
}

.mobileviewportfolio .appheading h1 {
    font-size: 36px;
    color: #08223a;
    font-family: proxima_nova_alt_rgbold;
    position: relative
}

.mobileviewportfolio .appheading h1:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 56px;
    height: 3px;
    background: #005fff;
    bottom: -10px;
    margin-left: -50px;
    left: 55%
}

.mobileviewportfolio .appheading h2 {
    text-transform: uppercase;
    color: #e1e1e1;
    opacity: .5;
    font-family: "Iskoola Pota";
    font-weight: 500;
    font-style: normal;
    z-index: 1;
    position: absolute;
    top: -38px;
    left: 10%;
    font-size: 42px
}

.mobileviewportfolio .mobileview .appimage {
    position: relative
}

.mobileviewportfolio .mobileview .appimage img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.mobileviewportfolio .mobileview .appimage h2 {
    position: absolute;
    bottom: 0;
    left: 10px;
    font-size: 30px;
    color: #fff;
    font-family: proxima_nova_alt_rgbold
}

.mobileviewportfolio .mobileview {
    margin-top: 20px;
    margin-bottom: 20px
}

.mobileviewportfolio .mobileview .store .appicon {
    float: left
}

.mobileviewportfolio .mobileview .store .appicon img {
    width: 30px;
    height: auto
}

.mobileviewportfolio .mobileview .store .name {
    margin-left: 40px
}

.mobileviewportfolio .mobileview .store .name h3 {
    font-size: 14px;
    line-height: 15px;
    color: #515050;
    font-family: proxima_nova_alt_rgbold
}

.pngortfolioo .websitelink a {
    padding: 15px 25px;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    border-radius: 5px;
    color: #fff;
    margin-top: 15px;
    display: block;
    text-align: center
}

.homepage-fluid {
    background-image: url(../images/homeimages/home_banner.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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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;
}

.services-fluid .homeservice .myservices .row .mainpart .serviceheadng h5 {
    font-size: 16px;
    color: #08223a;
    font-weight: 700
}

.services-fluid .homeservice .myservices .row .mainpart .serviceheadng p {
    font-size: 12px;
    color: #7f7f7f;
    font-family: poppinsregular;
    font-weight: 500;
    margin-bottom: 10px;
}

.services-fluid .homeservice .myservices .row .mainpart .serviceheadng span {
    font-size: 12px;
    color: #7f7f7f;
    font-family: poppinsregular;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

.services-fluid .homeservice .myservices .row .mainpart .serviceheadng a {
    font-size: 14px;
    color: #000;
    font-family: Montserrat;
}

.home-service-img {
    margin-left: -5px;
}

.video-fluid {
    padding-top: 50px;
    padding-bottom: 80px;
    background: linear-gradient(to top, #eaeef4 50%, #fff 50%)
}

.video-fluid .headingpart {
    text-align: center
}

.video-fluid .headingpart p {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 40px
}

.video-fluid .headingpart p span {
    display: block
}

.video-fluid .headingpart h4 {
    font-size: 26px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 40px
}

.video-fluid .headingpart h4 span {
    display: block
}

.video-fluid .headingpart h4 samp {
    font-weight: 700;
    color: #08223a
}

.video-fluid .videopart {
    text-align: center;
    margin-top: 40px
}

.emerging-fluid {
    margin-top: 80px;
    margin-bottom: 50px
}

.emerging-fluid .headingpart {
    text-align: center
}

.home-emerging .headingpart h3 {
    font-size: 32px;
    color: black;
    font-family: Montserrat;
    z-index: 2;
    position: relative;
}

.emerging-fluid .headingpart h4 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative
}

.emerging-fluid .headingpart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #005fff;
    bottom: -15px;
    margin-left: -50px;
    left: 50%
}

.emerging-fluid .headingpart p {
    margin-top: 30px;
    font-family: poppinsbold;
    text-transform: uppercase;
    font-size: 20px;
    color: black;
    position: relative;
    letter-spacing: 1px;
}

.home-emerging.emerging-fluid .headingpart p::before {
    position: absolute;
    content: '';
    left: 32%;
    width: 60px;
    height: 2px;
    background: black;
    top: 12px;
}

.home-emerging.emerging-fluid .headingpart p::after {
    position: absolute;
    content: '';
    right: 32%;
    width: 60px;
    height: 2px;
    background: black;
    top: 12px;
}

.emerging-fluid .emergingtech {
    margin-top: 60px;
    margin-bottom: 40px
}

.emerging-fluid .emergingtech .nav-tabs {
    border: none;
    display: flex;
    justify-content: center;
}

.emerging-fluid .emergingtech .nav-tabs li {
    margin: 0 25px;
}

.emerging-fluid .emergingtech ul li a {
    cursor: pointer
}

.emerging-fluid .emergingtech ul li a:hover {
    background: transparent;
    margin-left: 0;
}

.emerging-fluid .emergingtech ul li a h4 {
    text-align: center;
    font-size: 20px;
    color: #666666;
    font-weight: 700;
    font-family: poppinsregular;
    position: relative;
    letter-spacing: 1px;
}

.emerging-fluid .emergingtech ul li.active a h4 {
    color: #000;
}

.emerging-fluid .emergingtech ul li:nth-child(1) a {
    padding: 0;
    border: none;
}

.emerging-fluid .emergingtech ul li:nth-child(2) a {
    padding: 0;
    border: none;
}

.emerging-fluid .emergingtech ul li:nth-child(3) a {
    padding: 0;
    border: none;
}

.emerging-fluid .emergingtech ul li:nth-child(4) a {
    padding: 0;
    border: none;
}

.emerging-fluid .emergingtech .nav-tabs {
    border: none;
    display: flex;
    justify-content: center;
}

.emerging-fluid .emergingtech .iconwithactive {
    background: url(../images/homeimages/icons.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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/agile_bg.html);
    background-size: cover;
    background-position: center;
    width: 100%
}

.solution360-fluid {
    background-image: url(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/homeimages/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(../images/webdevelopment/web_icons.png);
    display: block;
    width: 90px;
    height: 90px;
    content: "";
    position: absolute;
    top: -85px;
    left: 25%
}

.php-techstack .tab-content .technologypart ul li:after {
    background-image: url(../images/webdevelopment/web_icons.png);
    display: block;
    width: 90px;
    height: 90px;
    content: "";
    position: absolute;
    top: -85px;
    left: 25%
}

.technology-fluid .tab-content .technologypart ul li:nth-child(1):after {
    background-position: -25px -40px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart ul li:nth-child(2):after {
    background-position: -210px -40px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart ul li:nth-child(3):after {
    background-position: -385px -40px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart ul li:nth-child(4):after {
    background-position: -565px -40px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart ul li:nth-child(5):after {
    background-position: -750px -40px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart ul li:nth-child(6):after {
    background-position: -920px -40px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart ul li:nth-child(7):after {
    background-position: -1100px -40px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(1):after {
    background-position: -6px -338px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(2):after {
    background-position: -110px -338px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(3):after {
    background-position: -213px -338px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(4):after {
    background-position: -316px -338px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(5):after {
    background-position: -420px -338px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(6):after {
    background-position: -524px -338px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart ul li:nth-child(7):after {
    background-position: -628px -338px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(1):after {
    background-position: -10px -3px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(2):after {
    background-position: -111px -3px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(3):after {
    background-position: -212px -3px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(4):after {
    background-position: -313px -3px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(5):after {
    background-position: -414px -3px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(6):after {
    background-position: -515px -3px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart ul li:nth-child(7):after {
    background-position: -616px -3px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech1 {
    margin: 0 auto;
    margin-top: 150px;
    width: 90%
}

.technology-fluid .tab-content .technologypart.tech1 ul li {
    width: 16.66%
}

.technology-fluid .tab-content .technologypart.tech1 ul li:after {
    left: 30%
}

.technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(1):after {
    background-position: -565px -260px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(2):after {
    background-position: -212px -150px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(3):after {
    background-position: -390px -150px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(4):after {
    background-position: -570px -150px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(5):after {
    background-position: -750px -150px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech1 ul li:nth-child(6):after {
    background-position: -926px -150px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart.tech1 ul li:nth-child(1):after {
    background-position: -12px -112px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart.tech1 ul li:nth-child(2):after {
    background-position: -112px -112px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart.tech1 ul li:nth-child(3):after {
    background-position: -6px -450px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart.tech1 ul li:nth-child(4):after {
    background-position: -212px -112px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart.tech1 ul li:nth-child(5):after {
    background-position: -109px -450px;
    margin: 0 auto
}

.java-techstack .tab-content .technologypart.tech1 ul li:nth-child(6):after {
    background-position: -512px -112px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart.tech1 ul li:nth-child(1):after {
    background-position: -12px -112px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart.tech1 ul li:nth-child(2):after {
    background-position: -112px -112px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart.tech1 ul li:nth-child(3):after {
    background-position: -212px -112px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart.tech1 ul li:nth-child(4):after {
    background-position: -312px -112px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart.tech1 ul li:nth-child(5):after {
    background-position: -412px -112px;
    margin: 0 auto
}

.php-techstack .tab-content .technologypart.tech1 ul li:nth-child(6):after {
    background-position: -512px -112px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech2 {
    margin: 0 auto;
    margin-top: 150px;
    width: 80%
}

.technology-fluid .tab-content .technologypart.tech2 ul li {
    width: 20%
}

.technology-fluid .tab-content .technologypart.tech2 ul li:after {
    left: 28%
}

.technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(1):after {
    background-position: -30px -260px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(2):after {
    background-position: -210px -260px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(3):after {
    background-position: -390px -260px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(4):after {
    background-position: -560px -260px;
    margin: 0 auto
}

.technology-fluid .tab-content .technologypart.tech2 ul li:nth-child(5):after {
    background-position: -738px -260px;
    margin: 0 auto
}


.technology-fluid .tab-content .technologypart.game-icon ul li::after {
    background-position: center !important;
    margin: 0 auto !important;
    border-radius: 50px;
    height: 70px;
    width: 70px;
    background-size: 64px;
    background-repeat: no-repeat;
    left: 0 !important;
    right: 0 !important;
}

.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(1):after { 
    background: #fff url(../images/homeimages/unity-icon.html); 
    background-size: 75px;
}

.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(2):after { 
    background: #fff url(../images/homeimages/SpriteKit.html);
    background-size: 75px;
}

.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(3):after {
    background: #fff url(../images/homeimages/NextPeer.html);
    background-size: 75px;
}

.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(4):after {
    background: #fff url(../images/homeimages/amazon-lumberyard.html);
    background-size: 75px;
}

.technology-fluid .tab-content .technologypart.game-icon ul li:nth-child(5):after {
    background: #fff url(../images/homeimages/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(../images/homeimages/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(../images/whytech/years.png);
    top: 60px;
    margin-left: 0;
    left: 0;
    z-index: 99
}

.why-fluid .numbersgame .games h2 {
    font-size: 30px;
    font-weight: 500;
    color: #08223a;
    font-family: oswaldbold
}

.why-fluid .numbersgame .games p {
    font-size: 14px;
    line-height: 22px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 400
}

.appportfolio-fluid {
    padding-top: 40px
}

.appportfolio-fluid .topheadingpart {
    text-align: center
}

.appportfolio-fluid .topheadingpart h2 {
    font-size: 36px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.appportfolio-fluid .topheadingpart p {
    font-size: 16px;
    margin-left: 150px;
    margin-right: 150px;
    line-height: 22px;
    color: #b3b3b3;
    font-family: Montserrat;
    font-weight: 400
}

.appportfolio-fluid .portfoliosection {
    margin-top: 40px;
    margin-bottom: 40px
}

.appportfolio-fluid .portfoliosection.pngort .row {
    margin-top: 40px;
    margin-bottom: 40px
}

.appportfolio-fluid .portfoliosection .imagepart img {
    width: 70%;
    height: auto
}

.appportfolio-fluid .portfoliosection .contentpart h3 {
    font-size: 24px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 45px;
    position: relative
}

.appportfolio-fluid .portfoliosection .contentpart h3 span {
    font-size: 16px;
    font-weight: 600;
    color: #8a8383;
    display: block;
    margin-top: 5px
}

.appportfolio-fluid .portfoliosection .contentpart h3:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #005fff;
    top: 40px;
    left: 0
}

.appportfolio-fluid .portfoliosection .contentpart p {
    font-size: 14px;
    font-family: Montserrat;
    color: #08223a;
    line-height: 22px;
    font-weight: 450;
    margin-bottom: 20px
}

.mobile-app-tech .technologytabs .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 33.33%
}

.game-techstack .technologytabs .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 25%
}

.mobileappmalaysia {
    background-image: url(../images/mobile_app_malaysia/banner_malaysia.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(../images/webdesigning/choose.png);
    background-position: center;
    background-size: 100% 100%;
    float: left;
    background-repeat: no-repeat, repeat;
    width: 18%;
    margin-right: 2%;
    text-align: center;
    font-size: 16px;
    padding: 20px 40px;
    height: 222px;
    font-weight: 600;
    color: #1f1f1f
}

.whychooseus-fluid .choosepart {
    margin-top: 150px;
    margin-bottom: 40px;
    display: inline-block
}

.whychooseus-fluid .choosepart ul li span {
    font-size: 80px;
    display: block;
    font-weight: 400;
    color: #86a3e4;
    font-family: Montserrat
}

.whychooseus-fluid .choosepart ul li:nth-child(2) {
    margin-top: -60px
}

.whychooseus-fluid .choosepart ul li:nth-child(3) {
    margin-top: 60px
}

.whychooseus-fluid .choosepart ul li:nth-child(4) {
    margin-top: -60px
}

.aligemobile-fluid {
    padding-bottom: 75px;
    padding-top: 75px
}

.aligemobile-fluid h2 {
    font-size: 32px;
    color: black;
    font-family: Montserrat;
    z-index: 2;
    position: relative;
}

.aligemobile-fluid .topheading h3 {
    font-size: 40px;
    color: #08223a;
    font-weight: 600;
    font-family: Montserrat;
    position: relative
}

.aligemobile-fluid .topheading {
    text-align: center
}

.aligemobile-fluid .topheading h3 {
    font-size: 32px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.aligemobile-fluid .topheading h4 {
    font-size: 24px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.aligemobile-fluid .topheading p {
    margin-top: 30px;
    font-family: poppinsbold;
    text-transform: uppercase;
    font-size: 20px;
    color: black;
    position: relative;
    letter-spacing: 1px;
}

.aligemobile-fluid .topheading p::before {
    position: absolute;
    content: '';
    left: 32%;
    width: 60px;
    height: 2px;
    background: black;
    top: 12px;
}

.aligemobile-fluid .topheading p::after {
    position: absolute;
    content: '';
    right: 32%;
    width: 60px;
    height: 2px;
    background: black;
    top: 12px;
}

.aligemobile-fluid .agileimage {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center
}

.aligemobile-fluid .agileimage img {
    width: 80%;
    height: auto
}

.aligemobile-fluid a span {
    padding: 15px 45px;
    background: blue;
    color: white;
    font-family: poppinsbold;
    font-size: 14px;
    border-radius: 5px;
    background-color: #125aff;
    background-image: linear-gradient(to right, #125aff, #5387ff);
}

.appportfolio-fluid .procedure ul>li {
    font-size: 14px;
    color: #08223a;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: Montserrat;
    margin-left: 40px;
    position: relative
}

.appportfolio-fluid .procedure ul>li:before {
    left: -20px;
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    top: 0;
    color: #6393ff
}

.mainblockchainfluid .toppart {
    text-align: center
}

.mainblockchainfluid .toppart h4 {
    font-size: 36px;
    font-family: Iskoola Pota;
    color: #08223a;
    font-weight: 600
}

.mainblockchainfluid .toppart p {
    font-size: 16px;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 22px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 500
}

.gamecompanyfluid.platform .container .devmethology h3 {
    font-size: 30px;
    line-height: 42px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    margin-bottom: 15px
}

.gamecompanyfluid.platform .container .devmethology .developmentcontent h4 {
    font-size: 18px;
    line-height: 40px;
    color: #08223a;
    font-weight: 600;
    font-family: Montserrat;
    position: relative;
    margin-bottom: 0
}

.gamecompanyfluid.platform {
    background: 0 0
}

.gamecompanyfluid.platform .container .devmethology {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 100px
}

.gamecompanyfluid.platform .container .mehologyimage img {
    width: 350px;
    height: auto;
    margin-top: 100px
}

.startupbusiness .container .blockchainleft h5 {
    font-size: 14px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 20px
}

.healthcareappfluid .healthulli ul>li b {
    display: block;
    margin-bottom: 10px
}

.ourteamfluid.smoservice .row .rightpart h2:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background: #175eff;
    top: 95px;
    left: 0
}

.ourteamfluid.smoservice .row .rightpart p {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat;
    line-height: 24px;
    color: #989292;
    margin-right: 110px
}

.realestateapp .androidapp img {
    width: 80%;
    height: auto
}

/* .iphoneportfolio .androidapp img {
    width: 80%;
    height: auto
} */


.iphoneportfolio .androidapp {
    margin: 0 auto;
    text-align: center;
    margin-top: 0
}

.androidapp img {
    max-width: 400px;
}

.startupbusiness.wearable_app .container .blockchainright img {
    width: 70%;
    height: auto
}

.startupbusiness.wearable_app .container .blockchainright {
    margin-top: 0
}

.devmethologyfluid.aboutwebdevelop {
    margin-bottom: 0
}

.responsive_fluid {
    background-image: url(../images/webdesigning/web_banner.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.about_design .container .blockchainright img {
    width: 85%;
    height: auto
}

.about_design .container .blockchainright {
    margin-top: 0
}

.development_copany .responsiveweb img {
    width: 65%;
    height: auto
}

.development_copany .responsiveweb {
    margin-top: 50px;
    text-align: center
}

.development_copany .container .devmethology {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px
}

.width30 {
    width: 30px !important
}

.healthcareappfluid.angularportfolio .healthcareapp .bottompart .leftpart img {
    width: 100%;
    height: auto;
    margin-top: 5%
}

.healthcareappfluid.ruby-portfolio .healthcareapp .bottompart .leftpart img {
    width: 70%;
    height: auto;
    margin-top: 5%
}

.startupbusiness.ecommerce_benifit .container .blockchainright img {
    width: 100%;
    height: auto;
    margin-top: 10%
}

.kuwait.ecommerce_service .androidapp img {
    width: 100%;
    height: auto;
    margin-top: 0
}

.mainblockchainfluid.result_seo .container .blockchainleft h1:after {
    top: 90px;
    left: 2px
}

.startupbusiness.healhcare_type .container .blockchainright img {
    width: 80%;
    height: auto
}

.startupbusiness.healhcare_type .container .blockchainright {
    margin-top: 70px
}

.email_mar_fluid {
    background-image: url(../images/email_marketing/web_back.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.devcompanyfluid.boon_business .container .mehologyimage {
    background: 0 0
}

.devcompanyfluid.boon_business .container .mehologyimage img {
    width: 90%;
    height: auto;
    margin-top: 30%
}

.deliver_payperclick.mainblockchainfluid .container .blockchainleft h4 {
    font-size: 24px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-top: 5px
}

.deliver_payperclick.mainblockchainfluid .container .blockchainleft h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 90px;
    height: 2px;
    background: #175eff;
    top: 40px;
    left: 2px
}

.deliver_payperclick.mainblockchainfluid .container .blockchainright {
    margin-top: 0
}

.paymerclick_fluid {
    background-image: url(../images/payperclick/web_back.png);
    background-size: cover;
    width: 100%;
    height: 650px;
    overflow: hidden;
    background-position: center
}

.devcompanyfluid.payclick_advertising .container .mehologyimage {
    background: 0 0
}

.devcompanyfluid.payclick_advertising .container .mehologyimage img {
    width: 100%;
    height: auto;
    margin-top: 30%
}

.reputationmanagement.result_paycickk .rightsideimage img {
    width: 700px;
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 9999
}

.mainblockchainfluid.smo_result {
    padding-top: 50px;
    padding-bottom: 50px
}

.mainblockchainfluid.smo_result .container .blockchainright img {
    width: 80%;
    height: auto
}

.devmethologyfluid.methology_smo .container .mehologyimage {
    background: 0 0
}

.devmethologyfluid.methology_smo .container .mehologyimage img {
    width: 100%;
    height: auto;
    margin-top: 10px
}

.twitterfeeds {
    max-height: 300px;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 30px
}

.changebusiness h2 {
    margin-top: 12px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    font-family: inherit;
    margin-bottom: 24px;
    color: #fff
}

.secondfooterfluid .awards {
    padding: 5px;
    margin: 5px
}

.secondfooterfluid img {
    width: 80%;
    transition: .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(../images/homeimages/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(../images/singapore/banner.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.myblockchainpage.singapore-fluid .container .mainbackcontent .row h1 {
    font-size: 42px
}

.myblockchainpage.singapore-fluid .container .mainbackcontent .row .subpart h3 {
    font-size: 18px
}

.myblockchainpage.singapore-fluid .container .requestqquote .form-group input {
    border: 1px solid #fff
}

.about-singapure .blockchainleft {
    margin-top: 50px
}

.about-singapure .container .blockchainright {
    margin-top: 30px
}

.flutter-startup .container .blockchainleft h2 {
    font-size: 20px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px;
    text-transform: capitalize
}

.digitalmain.stratupusa .container .blockchainleft h2 {
    font-size: 24px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;
    line-height: 30px
}

.digitalmain.stratupusa .container .blockchainleft h3 {
    font-size: 24px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: none;
    margin-bottom: 0;
    line-height: 30px
}

.singapore-function.stratupusa .container .blockchainleft h2 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-top: 5px
}

.startuo-singapore.digitalmain.stratupusa .container .blockchainleft h2 {
    font-size: 24px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 550;
    text-transform: none;
    margin-bottom: 0;
    line-height: 30px
}

.digitalmain.stratupusa .container .blockchainleft h4 {
    font-size: 14px;
    font-family: Montserrat;
    color: #737373;
    line-height: 22px;
    font-weight: 450;
    margin-bottom: 10px
}

.digitalmain.stratupusa .container .blockchainleft h4 a {
    color: #1f1f1f
}

.mainblockchainfluid.stratupusa .container .blockchainleft b {
    color: #1f1f1f;
    margin-bottom: 5px;
    display: inline-block;
    position: relative
}

.mainblockchainfluid.stratupusa .container .blockchainleft b:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #379bff;
    left: 0;
    top: 25px;
    position: absolute
}

.myblockchainpage.seo-singapore-fluid {
    background-image: url(../images/seo_singapore/seo_singapore.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.seo-singapore-fluid .blockchaintopfluid .container .requestqquote .form-group input {
    border: 1px solid #f3f3f3
}

.seo-service-fluid {
    background: #00386f
}

.homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading h2 {
    font-size: 36px;
    color: #fff;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    text-transform: capitalize
}

.homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading h3 {
    color: #fff
}

.homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading p {
    color: #fff;
    font-size: 14px;
    font-weight: 550;
    text-transform: capitalize;
    font-family: Montserrat;
    margin-top: 20px
}

.homeservicefluid.seo-service-fluid .homeservice .servicehrading .hadabsolute h3 {
    font-size: 50px;
    z-index: 1;
    color: #ffffff1a;
    opacity: .4;
    letter-spacing: 2px
}

.homeservicefluid.seo-service-fluid .homeservice .servicehrading .heading h2:after {
    background: #fff;
    bottom: -15px
}

.business-profit.mainblockchainfluid {
    padding-top: 10px;
    padding-bottom: 10px
}

.gameappdevelopment.chessgame_fluid {
    background-image: url(../images/chess_game/chess_web_development.png);
    background-size: cover;
    width: 100%;
    height: 750px;
    overflow: hidden
}

.mainblockchainfluid.chessdevelop .container .blockchainright {
    text-align: center
}

.mainblockchainfluid.chessdevelop .container .blockchainright img {
    width: 70%;
    height: auto
}

.myjavapage.spots_betting {
    background-image: url(../images/sports_betting/sports-top-img.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.myjavapage.spots_betting .myjavapagefluid .container .mainbackcontent .row h2 {
    line-height: 26px;
    position: relative
}

.myjavapage.spots_betting .myjavapagefluid .container .mainbackcontent .row h2:after {
    top: 66px
}

.ecommerce_website {
    background-image: url(../images/ecommerce_website/banner.png);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.ecommerce_website .blockchaintopfluid .container .requestqquote .form-group input {
    border: 1px solid #fff6
}

.ecommerce_websitee .responsiveweb {
    margin-top: 70px;
    text-align: center
}

.ecommerce_websitee .responsiveweb img {
    width: 70%;
    height: auto
}

.ecoerce_webidea .responsiveweb {
    margin-top: 150px;
    text-align: center
}

.ecoerce_webidea .responsiveweb img {
    width: 70%;
    height: auto
}

.androidbusinessfluid.devforbusiness .container .devforbusiness .leftpart .imagepart img {
    width: 80%;
    height: auto
}

.flutter-app {
    text-align: center
}

.flutter-app img {
    width: 85% !important
}

.flutterapp {
    background-image: url(../images/flutter_app/flutter-app-developement-company.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(../images/icons/arrorback.png);
    position: absolute;
    background-size: 30px 20px;
    background-position: 30px 20px;
    left: 0;
    width: 30px;
    height: 20px;
    top: 0
}

.breadcrumb-fluid .page-header .page-title {
    display: none
}

.breadcrumb-fluid .page-header .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
    list-style: none;
    border-radius: 3px;
    left: 0;
    bottom: 0;
    padding: 0 !important;
    background-color: transparent !important
}

.breadcrumb-fluid .page-header .breadcrumb-item a {
    font-family: Montserrat;
    color: #08223a;
    font-weight: 600;
    border-right: 1px solid black;
    padding: 0 5px;
}

.breadcrumb-fluid .page-header .breadcrumb>.active {
    color: #175eff;
    font-weight: 600;
    padding-left: 5px;
}

.breadcrumb-fluid .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding: 0;
    color: rgba(255, 255, 255, .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(../images/sports_betting/sport_service.png);
    display: block;
    width: 100px;
    height: 100px
}

.digital-marketing .icon1 {
    background-position: -20px -215px
}

.digital-marketing .icon2 {
    background-position: -150px -215px
}

.digital-marketing .icon3 {
    background-position: -290px -215px
}

.digital-marketing .icon4 {
    background-position: -435px -215px
}

.digital-marketing .icon5 {
    background-position: -560px -215px
}

.digital-marketing .icon6 {
    background-position: -705px -215px
}

.digital-marketing .icon7 {
    background-position: -30px -335px
}

.digital-marketing .icon8 {
    background-position: -155px -335px
}

.digital-marketing .icon9 {
    background-position: -285px -335px
}

.betting-approach h2,
.betting-approach p {
    text-align: center
}

.betting-approach .betting-styling {
    padding: 20px;
    margin: 15px 0;
    border: 1px solid #dcdcdc8a;
    border-radius: 5px;
    text-align: center
}

.betting-approach .betting-icon {
    background-image: url(../images/sports_betting/sport_service.png);
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.betting-approach .betting-icon1 {
    background-position: -25px -30px
}

.betting-approach .betting-icon2 {
    background-position: -85px -30px
}

.betting-approach .betting-icon3 {
    background-position: -140px -30px
}

.betting-approach .betting-icon4 {
    background-position: -200px -30px
}

.betting-approach .betting-icon5 {
    background-position: -255px -30px
}

.betting-approach .betting-icon6 {
    background-position: -315px -30px
}

.betting-approach .betting-icon7 {
    background-position: -390px -30px
}

.betting-approach .betting-icon8 {
    background-position: -445px -30px
}

.betting-approach .betting-icon9 {
    background-position: -505px -30px
}

.betting-approach .betting-icon10 {
    background-position: -560px -30px
}

.betting-approach .betting-icon11 {
    background-position: -620px -30px
}

.betting-approach .betting-icon12 {
    background-position: -675px -30px
}

.sport-betting-feature .feature-icon {
    background-image: url(../images/sports_betting/sport_service.png);
    display: block;
    width: 100px;
    height: 75px
}

.sport-betting-feature .icon1 {
    background-position: -25px -120px
}

.sport-betting-feature .icon2 {
    background-position: -125px -120px
}

.sport-betting-feature .icon3 {
    background-position: -245px -120px
}

.sport-betting-feature .icon4 {
    background-position: -360px -120px
}

.sport-betting-feature .icon5 {
    background-position: -510px -120px
}

.sport-betting-feature .icon6 {
    background-position: -625px -120px
}

.sport-betting-feature .icon7 {
    background-position: -750px -120px
}

.fantasy-approach h2,
.fantasy-approach p {
    text-align: center
}

.fantasy-approach .fantasy-styling {
    padding: 20px;
    margin: 15px 0;
    border: 1px solid #dcdcdc8a;
    border-radius: 5px;
    text-align: center
}

.fantasy-approach .fantasy-icon {
    background-image: url(../images/sports_betting/sport_service.png);
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.fantasy-approach .fantasy-icon1 {
    background-position: -25px -30px
}

.fantasy-approach .fantasy-icon2 {
    background-position: -85px -30px
}

.fantasy-approach .fantasy-icon3 {
    background-position: -140px -30px
}

.fantasy-approach .fantasy-icon4 {
    background-position: -200px -30px
}

.fantasy-approach .fantasy-icon5 {
    background-position: -255px -30px
}

.fantasy-approach .fantasy-icon6 {
    background-position: -315px -30px
}

.fantasy-approach .fantasy-icon7 {
    background-position: -390px -30px
}

.fantasy-approach .fantasy-icon8 {
    background-position: -445px -30px
}

.fantasy-approach .fantasy-icon9 {
    background-position: -505px -30px
}

.fantasy-approach .fantasy-icon10 {
    background-position: -560px -30px
}

.fantasy-approach .fantasy-icon11 {
    background-position: -620px -30px
}

.fantasy-approach .fantasy-icon12 {
    background-position: -675px -30px
}

.style-form {
    height: 250px;
    padding-top: 100px
}

.angular-about .responsiveweb {
    margin-top: 0;
    text-align: center
}

.angular-portfolio .healthcareapp .bottompart .rightpart p {
    font-size: 14px;
    color: #08223a;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: Montserrat
}

.angular-portfolio .healthulli ul>li b {
    display: block;
    margin-bottom: 0
}

.angular-portfolio .healthulli ul>li:before {
    left: -20px;
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    top: 3px;
    color: #6393ff
}

.game_app_image {
    text-align: center
}

.game_app_image img {
    width: 80%
}

.mob-app .container .devforbusiness .rightpart .mainpart {
    border: none
}

.reputationmanagement .web-portfolio-heading:after {
    display: none
}

.reputationmanagement .leftpart .web-portfolio-para:after {
    display: none
}

.mobileappsaudi {
    background-image: url(../images/mobileappsaudi/saudi_banner.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(../images/mobileappsaudi/box-1.html)
}

.arabia-service .servicepart .box-2 {
    background-image: url(../images/mobileappsaudi/box-2.html)
}

.arabia-service .servicepart .box-3 {
    background-image: url(../images/mobileappsaudi/box-3.html)
}

.arabia-service .servicepart .box-4 {
    background-image: url(../images/mobileappsaudi/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(../images/mobilewebbahrain/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(../images/kuwait/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(../images/home_page/black.png);
    background-size: 400px auto;
    transition: 0.5s all;
}

.icon-parent a:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: -4px;
    left: -3%;
    background-image: url(../images/home_page/white.png);
    background-size: 400px auto;
    /* transition: 0.2s all; */
}

.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(../images/home_page/terms-and-conditions.png)
}

.terms-fluid .termsandconditionsfluid .mainbackcontent .row h1 {
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    font-family: "Iskoola Pota";
    font-style: normal;
    color: #fff
}

.terms-fluid .termsandconditionsfluid .mainbackcontent .row h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 50px;
    position: relative;
    font-family: "Iskoola Pota";
    font-style: normal;
    color: #fff
}

.terms-fluid .termsandconditionsfluid .mainbackcontent .row h3 {
    font-size: 16px !important
}

.terms-and-conditions .main-content {
    margin-top: 15px
}

.terms-and-conditions .main-content p {
    line-height: 24px;
    font-size: 14px;
    color: #08223a;
    margin-top: 5px
}

.terms-and-conditions .main-content h2 {
    font-size: 18px;
    font-weight: 550;
    margin: 15px 0;
    color: #08223a;
    font-family: Montserrat;
    line-height: 24px
}

.terms-and-conditions .main-content .ul-styling li {
    color: #08223a;
    font-size: 12px;
    margin: 5px 0
}

.terms-and-conditions .main-content span {
    color: #08223a
}

.switch-button {
    position: absolute;
    bottom: 40px;
    left: 50px;
    z-index: 99999
}

.switch-button a {
    padding: 14px 20px;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    border-radius: 4px;
    font-size: 14px
}

.form-full {
    background: black;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    margin-top: 30px
}

.form-full .form-heading {
    font-size: 35px;
    color: #fff;
    font-family: Montserrat;
    font-weight: 700;
    position: relative;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center
}

.form-full .form-heading:after {
    position: absolute;
    width: 100px;
    height: 2px;
    background: #fff;
    top: 50px;
    left: 45%;
    content: ""
}

.form-full .form-group input {
    border-width: 0 0 1px 0;
    height: 40px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700;
    background-color: transparent;
    border-bottom: 1px solid #fff
}

.form-full .form-group label {
    margin-left: 10px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 500
}

.form-full .form-group select {
    border-width: 0 0 1px 0;
    height: 40px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 300;
    background-color: transparent;
    border-bottom: 1px solid #fff
}

.form-full .form-group select:focus {
    color: #dbdbdbd6;
    background: #010628e0
}

.form-full .form-group textarea {
    border-width: 0 0 1px 0;
    height: 70px;
    margin-bottom: 50px;
    color: #fff;
    font-weight: 700;
    background-color: transparent;
    border-bottom: 1px solid #fff
}

.form-full .form-group input::placeholder,
.form-full .form-group textarea::placeholder {
    color: #fff;
    opacity: 1;
    font-weight: 300
}

.form-full .form-group input:focus,
.form-full .form-group textarea:focus {
    outline: 0;
    box-shadow: 0 8px 10px -3px rgb(0 0 0 / 24%);
    border-color: #fff
}

.form-full .btn-styling {
    background: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 0 35px 0 35px;
    height: 45px;
    position: relative;
    border-radius: 8px;
    color: black;
    margin-bottom: 30px;
}

.form-full .btn-styling:active {
    background-color: #fff !important;
    border-color: #fff !important
}

.gamecompanyfluid .service-box {
    margin-top: 30px
}

.gamecompanyfluid .service-box .box {
    border: 1px solid #e8e8e8;
    padding: 15px 25px 20px;
    border-radius: 20px;
    height: 275px;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    transition: .5s ease-in-out;
    background-color: #f7fafa
}

.gamecompanyfluid .service-box .box:hover {
    background: #fff;
    transform: scale(1.03)
}

.gamecompanyfluid .service-box .box:hover .icon {
    transform: rotateY(360deg)
}

.gamecompanyfluid .service-box .box .icon {
    background: url(../images/Mobileapp/mobile-game-icons.png) no-repeat;
    background-size: 750px auto;
    width: 70px;
    height: 60px;
    margin: 0 auto;
    transition: .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 {
    padding-top;
    30px:
} */

.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(../images/icons/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(../images/home_page/marijuana-banner.jpg);
    background-size: cover;
    width: 100%;
    height: 700px;
    overflow: hidden
}

.arabia-service.healthcare-services {
    background: #2e2e2e !important
}

.arabia-service.healthcare-services p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin: 5px 40px 20px;
}

.health-capabilities.startup-fluid .featurepart .feature {
    text-align: center;
    padding: 20px;
    transition-duration: .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(../images/ecommerce/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(../images/ecommerce/icons.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(../images/ecommerce/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(../images/icons/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(../images/portfoliopage/heyhang-bg.png)
}

.interface-section2 {
    background-image: url(../images/portfoliopage/zanomy-bg.png)
}

.interface-section3 {
    background-image: url(../images/portfoliopage/bioessence-bg.png)
}

.interface-section4 {
    background-image: url(../images/portfoliopage/designer-bg.png)
}

.interface-section5 {
    background-image: url(../images/portfoliopage/menzil-bg.png)
}

.interface-section6 {
    background-image: url(../images/portfoliopage/mim-bg.png)
}

.interface-section7 {
    background-image: url(../images/portfoliopage/pomegranate-bg.png)
}

.interface-section8 {
    background-image: url(../images/portfoliopage/carcom-bg.png)
}

.interface-section9 {
    background-image: url(../images/portfoliopage/rim-bg.png)
}

.interface-section10 {
    background-image: url(../images/portfoliopage/tada-bg.png)
}

.interface-section11 {
    background-image: url(../images/portfoliopage/saudi-bg.png)
}

.interface-section12 {
    background-image: url(../images/portfoliopage/white-bg.png)
}

.interface-section .notification-img {
    text-align: center
}

.interface-section .notification-img img {
    width: 40%
}

.interface-section a button {
    border-radius: 5px;
    margin-top: 20px;
    color: #08223a;
    font-weight: 550
}

.game-interface-section1 {
    background-image: url(../images/portfoliopage/wordnot-bg.png)
}

.game-interface-section2 {
    background-image: url(../images/portfoliopage/bushpig-bg.png)
}

.game-interface-section2 .app-link button {
    background: #d50117 !important
}

.game-interface-section3 {
    background-image: url(../images/portfoliopage/iglott-bg.png)
}

.game-interface-section3 .app-link button {
    background: #060606 !important
}

.interface-section .web-img img {
    width: 100%
}

.web-interface-section1 {
    background-image: url(../images/portfoliopage/web-ammanzon-bg.png)
}

.web-interface-section2 {
    background-image: url(../images/portfoliopage/web-starimpoter.png)
}

.web-interface-section3 {
    background-image: url(../images/portfoliopage/web-cars-iq-bg.png)
}

.web-interface-section4 {
    background-image: url(../images/portfoliopage/web-gebhaly-bg.png)
}

.interface-section .web-content {
    margin-top: 50px
}

.interface-section .web-content h2 {
    color: #fff;
    font-weight: 700
}

.interface-section .web-content p {
    color: #fff;
    font-weight: 550
}

.user-interface .heading h3 {
    font-size: 30px;
    margin-top: 0;
    color: #fff;
    font-weight: 700
}

.user-interface .heading p {
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

.user-interface {
    padding-left: 40%;
    position: relative
}

.user-interface .heading {
    padding-bottom: 9%;
    padding-top: 20px;
    width: 75%
}

.user-interface .ui-element h4 {
    color: #fff;
    font-size: 16px
}

.user-interface .ui-element .middle-img {
    width: 60%
}

.user-interface .ui-element {
    position: relative
}

.user-interface .ui-element .topimg {
    position: absolute;
    width: 60%;
    right: -2%
}

.user-interface .ui-element .bottomimg {
    position: absolute;
    width: 60%;
    right: -15px;
    top: 40%
}

.user-interface .mockup-img {
    position: absolute;
    top: 3%;
    left: -10%;
    width: 40%
}

.interface-section .app-link {
    text-align: center
}

.interface-section .app-link .link {
    margin-right: 15px
}

.interface-section .app-link .link img {
    width: 12%
}

.mob-port-header {
    position: relative
}

.mob-port-header .headerfluid {
    position: fixed
}

.homepage-heading .topheadercontent .leftpart img {
    width: 100%
}

.mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row .subpart p,
.mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row h1,
.mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row h2 {
    text-align: left
}

.mobileappsaudi .blockchaintopfluid .container .mainbackcontent .row .subpart p {
    margin: 0 !important
}

.arabia-app-development {
    background: #000000c9
}

.arabia-app-development .top-para {
    font-size: 14px;
    color: #fff;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px
}

.arabia-service.why-arabia {
    background: #000000c9 !important;
    margin-bottom: 0
}

.why-arabia .topheading p {
    color: #fff;
    margin: 10px 40px
}

.secondfooterfluid a {
    font-size: 18px;
    color: #fff
}

.secondfooterfluid a i {
    transition: .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(../images/mobile_app_malaysia/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(../images/mobilewebbahrain/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(../images/Mobileapp/malaysia-service.png);
    width: 70px;
    height: 70px;
    background-size: 500px auto;
    margin: 0 auto
}

.malaysia-app .servicepart .icon1 {
    background-position: -16px -11px
}

.malaysia-app .servicepart .icon2 {
    background-position: -90px -11px
}

.malaysia-app .servicepart .icon3 {
    background-position: -170px -11px
}

.malaysia-app .servicepart .icon4 {
    background-position: -245px -11px
}

.malaysia-app .servicepart .icon5 {
    background-position: -310px -11px
}

.singapore-fluid .blockchaintopfluid .mainbackcontent h1,
.singapore-fluid .blockchaintopfluid .mainbackcontent h2 {
    text-align: left !important
}

.singapore-fluid .blockchaintopfluid .mainbackcontent h3 {
    text-align: left !important;
    margin: 0 !important;
    font-size: 16px !important
}

.about-singapure h2 {
    font-size: 30px;
    color: #08223a;
    z-index: 2;
    font-family: Montserrat;
    font-weight: 700;
    margin-top: 5px
}

.singapore-startup h2 {
    font-size: 30px !important;
    font-weight: 700 !important
}

.singapore-startup.startupbusiness .container .blockchainright img {
    width: 75%
}

.singapore-service h3 {
    margin: 10px 5px;
    font-size: 16px !important
}

.singapore-process {
    margin: 20px auto;
    background: #1c1c1cdb !important
}

.mainblockchainfluid.iphoneappdevelop h2.custom-portfolio-heading1 {
    font-size: 30px !important
}

.why-techgropse {
    margin: 30px auto 0
}

.malaysia-business .service:hover .icon {
    transform: rotateY(360deg)
}

.malaysia-business .icon {
    background-image: url(../images/mobile_app_malaysia/malaysia-icon.png);
    background-size: 500px auto;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    transition: .7s ease-in-out
}

.malaysia-business .icon1 {
    background-position: 0 0
}

.malaysia-business .icon2 {
    background-position: -100px 0
}

.malaysia-business .icon3 {
    background-position: -200px 0
}

.malaysia-business .icon4 {
    background-position: -300px 0
}

.gameappbusiness .game-service-box .service-box .icon {
    background-image: url(../images/gameapp/gameapp-icon.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(../images/healthcare/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(../images/aboutanimation/about-banner.png);
    background-size: cover;
    width: 100%
}

.mypageloader {
    background: #fff;
    z-index: 99999999;
    display: block;
    position: fixed;
    width: 100%;
    height: calc(100% + 2px)
}

.pageloader {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-left: -50px;
    margin-top: -50px
}

.pageloader img {
    width: 100px;
    height: auto
}

.navigate-category {
    position: fixed;
    top: 40%;
    left: 1%
}

.customtooltip {
    position: relative;
    display: inline-block
}

.customtooltip:hover .customtooltiptext {
    visibility: visible
}

.customtooltip .customtooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 105%
}

.customtooltip img {
    transition: .7s ease-in-out
}

.customtooltip:hover img {
    transform: rotateY(360deg)
}


/* clients */

.client-heading-fluid h2 {
    font-size: 30px;
    color: #08223a;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    font-family: Montserrat;
    margin: 35px auto;
    position: relative;
}

.client-heading-fluid h2::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 125px;
    height: 3px;
    background: #48c8f5;
}

.client-fluid {
    background-image: url(../images/homeimages/client.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;
    }
}


/* ai page */

.aiapppage {
    background-image: url(../images/ai/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(../images/ai/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(../images/ai/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;
}


/* banner form */

.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;
}

/* .headerfluid .container .navbar-default .navbar-nav>#solution .solutionmenu .submenushape {
    position: absolute;
    top: -16px;
    left: 50%;
} */

.healthcareappfluid {
    margin: 50px auto;
}

.write-us-fluid {
    background-image: url(../images/healthcare/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(../images/fooddelivery/background.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(../images/home_page/thankyou.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
}
.whats-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 13px;
    left: 14px;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    animation-name: pulsewala;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulsewala {
	0% {
		box-shadow: 0 0 0 0 #25d366;
	}
	80% {
		box-shadow: 0 0 0 14px #25d36678;
	}
}

.whats-app i {
    transition: 0.5s ease-in-out;
}

.skype-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 5px;
    left: 12px;
    background-color: #4b81ff;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.skype-app i {
    transition: 0.5s ease-in-out;
}

.my-float {
    margin-top: 16px;
}

.myblockchainpage.marijuana.elearning {
    background-image: url(../images/elearning/background.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(../images/commonpart/project.png);
    padding: 50px 0;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    text-align: center;
}

.project-fluid::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #616161c7;
    top: 0;
    z-index: 9;
}

.project-fluid .project {
    z-index: 10;
    position: relative;
}

.project-fluid .project .project-text h2 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}

.project-fluid .project .project-text p {
    font-size: 16px;
    font-weight: 550;
    color: #fff;
    margin: 30px auto 40px;
    width: 80%;
}


/* ewallet */

.myblockchainpage.marijuana.ewallet {
    background-image: url(../images/ewallet/background.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(../images/grocery/background.html);
    background-position: center;
    position: relative;
}

.hiringmodel-fluid.grocery-hiring-fluid .content p {
    font-size: 14px;
}

.myblockchainpage.marijuana.ewallet.fitness {
    background-image: url(../images/fitness/background.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(../images/medicine/background.html);
}

.ewallet-solution-fluid.medicine-solution.needandrise .need-box {
    background: #012445;
    height: 210px;
}

.myblockchainpage.marijuana.ewallet.car-wash {
    background-image: url(../images/carwash/background.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(../images/dating/background.html);
}

.myblockchainpage.marijuana.ewallet.dating::before {
    background-color: #00000094;
}

.myblockchainpage.marijuana.taxi-booking {
    background-image: url(../images/taxi/background.html);
}

.myblockchainpage.marijuana.taxi-booking::before {
    background-color: #000000c7;
    ;
}

.myblockchainpage.marijuana.handyman {
    background-image: url(../images/handyman/background.html);
}

.myblockchainpage.marijuana.handyman::before {
    background-color: #000000c7;
}

.grocery-solution-fluid.needandrise .need-box {
    height: 200px;
}


/* updated homepage */

.updated-homepage-fluid {
    background: url(../images/updated/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;
}

.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: #e21e25;
    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(../images/aboutanimation/leaderbackground.jpg);
    background-size: cover;
}

.leaders-fluid .headingpart {
    text-align: center
}

.home-leaders .headingpart h2 {
    font-size: 32px;
    color: white;
    font-family: Montserrat;
    position: relative;
    line-height: 50px;
}

.home-leaders.leaders-fluid .headingpart p {
    
    
    font-size: 18px;
    color: white;
    
    position: relative;
    
    
line-height: 30px;width: 80%;margin: 0 auto;}

.home-leaders.leaders-fluid.updated-home-leaders .headingpart p::before {
    position: absolute;
    content: '';
    left: 31%;
    width: 60px;
    height: 2px;
    background: black;
    top: 8px;
}

.home-leaders.leaders-fluid.updated-home-leaders .headingpart p::after {
    position: absolute;
    content: '';
    right: 31%;
    width: 60px;
    height: 2px;
    background: black;
    top: 8px;
}

.leaders-fluid .headingpart h4 {
    font-size: 40px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 700;
    position: relative
}

.leaders-fluid .headingpart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #005fff;
    bottom: -10px;
    margin-left: -50px;
    left: 50%
}

.leaders-fluid .headingpart p {
    font-size: 16px;
    text-transform: capitalize;
    font-family: Montserrat;
    color: #08223a;
    margin-right: 100px;
    margin-left: 100px;
    margin-top: 20px;
    line-height: 20px;
    font-weight: 500
}
.leaders-fluid  .leader-member {
   margin-top: 100px;
}

.leaders-fluid  .leader-member .leader img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.leaders-fluid  .leader-member .leader h3{
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
}
.leaders-fluid  .leader-member .leader p{
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.lifetechfropse-fluid {
    padding: 60px 0;
}

.lifetechfropse-fluid .headingpart {
    text-align: center
}

.home-lifetechfropse .headingpart h3 {
    font-size: 32px;
    color: black;
    font-family: Montserrat;
    position: relative;
    line-height: 50px;
}

.home-lifetechfropse.lifetechfropse-fluid .headingpart p {
    font-family: poppinsbold;
    text-transform: uppercase;
    font-size: 20px;
    color: black;
    letter-spacing: 1px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.home-lifetechfropse.lifetechfropse-fluid.updated-home-lifetechfropse .headingpart p::before {
    position: absolute;
    content: '';
    left: 31%;
    width: 60px;
    height: 2px;
    background: black;
    top: 8px;
}

.home-lifetechfropse.lifetechfropse-fluid.updated-home-lifetechfropse .headingpart p::after {
    position: absolute;
    content: '';
    right: 31%;
    width: 60px;
    height: 2px;
    background: black;
    top: 8px;
}

.lifetechfropse-fluid .headingpart h4 {
    font-size: 40px;
    color: #08223a;
    font-family: Montserrat;
    font-weight: 700;
    position: relative
}

.lifetechfropse-fluid .headingpart h4:after {
    border-bottom: 0;
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #005fff;
    bottom: -10px;
    margin-left: -50px;
    left: 50%
}

.lifetechfropse-fluid .headingpart p {
    font-size: 16px;
    text-transform: capitalize;
    font-family: Montserrat;
    color: #08223a;
    margin-right: 100px;
    margin-left: 100px;
    margin-top: 20px;
    line-height: 20px;
    font-weight: 500
}

.lifetechfropse-fluid .featurepart {
    margin: 50px 0 0;
}

.lifetechfropse-fluid .featurepart .feature {
    text-align: center;
    
    transition-duration: .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;
}

 
/* New section css */ 
.aboutteam_section {
    background-image: url(../images/ai/backgrround1.html);
    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: #e21e25;
    padding: 0px 40px 10px;
    border-radius: 30px;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 40px #00000045;
    position: relative;
}
.empowerbusiness_outer::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0; 
    inset: 0;
    z-index: 0;
    background: url(../images/ai/backgrround1.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: #e21e25;
}
.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: #e21e25 !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: #e21e25;
    z-index: 0;
}
.right_box_design .height_adjust{
    justify-content: flex-end;
}
.circle_design {
    display: flex;
    background-color: #e21e25;
    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(92px);
    position: relative;
    z-index: 1;
}
.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: #e21e25;
    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 #e21e25;
} 
.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 #e21e25;
}
.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;
}
/* New section css */

/* services page ios */
.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: #e21e25;
    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;
    /* align-items: flex-start; */
    flex-wrap: wrap;
    margin-top: 30px;
}
.development_box {
    padding: 20px 25px;
    border: 1px solid #dcdcdc8a;
    border-radius: 15px;
    /* min-height: 290px; */
    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: #e21e25;
    padding: 52px 50px;
    border-radius: 30px;
    box-shadow: 0 0 40px #00000045;
    position: relative;
    z-index: 1;
} 
/* .cta_comman .container::before {
    position: absolute;
    content: '';
    right: 0px;
    transform: translateY(-50%);
    top: 50%;
    background-image: url(../../common/images/updated/child-laptop.png);
    height: 140px;
    width: 170px;
    background-size: 240px;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.3;
} */
.cta_comman .comman_heading .comman_btn {
    margin-top: 22px;
    border: 2px solid #ffffff;
    background: #fff;
    color: #e21e25;
}
.cta_comman .comman_heading .comman_btn:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.comman_btn {
    background-color: #e21e25;
    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 #e21e25;
}
.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: #e21e25;
}
.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(../images/iPhone/dots.png);
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    background-size: 13px;
    background-position: center;
    z-index: -1;
}
.faq_box {
    background-color: #fff; 
    padding: 0px 25px;
    box-shadow: 0 0 20px #88898b3b;
    border-radius: 10px;
    margin-bottom: 30px;
}
.faq_box_head {
    padding: 15px 0;
    display: block;
    font-weight: 600;
    color: #08223a;
    font-size: 17px;
    position: relative;
}
.faq_box_head::after {
    content: "\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: #e21e25;
    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;
}
/* .cta_comman::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
} */
.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;
}
.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: 700px;
    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: #e21e25;
    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: #e21e25;
    background:linear-gradient(skyblue, #1d81fc)
}
.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; 
} 

/* Boxses height css  */

.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 {
    /* width: 32%; */
    min-height: 300px;
}

/* Boxses height css  */

.iot_advantages .blockchain_stack_box {
    min-height: 385px;
}
.iot_advantages .blockchain_stack_box {
    min-height: 335px;
}

.faq_data ul {
    list-style: circle;
    padding-left: 20px;
    margin-bottom: 10px;
}
.industries_wefuel_box {
    width: 100%;
    position: relative;
    padding: 30px;
    border-radius: 30px;
    margin: 0 0 20px;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    box-shadow: 0 0 50px #447dff75;
    min-height: 274px;
}
.industries_wefuel_box p{
    font-weight: 500;
    font-family: Montserrat;
    color: #ffffff;
    font-size: 14px;
}
.industries_wefuel_box span {
    display: block;
    margin-bottom: 10px;
}
.industries_wefuel_box span img {
    filter: brightness(10.5);
    max-width: 56px;
}
.industries_wefuel_box h3{
    color: #ffffff;
    font-weight: 600;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 22px;
    margin: 6px 0 8px;
}
.blockchain_stack , .reactnativebusiness {
    background: #447dff;
}
.blockchain_stack_box {
    box-shadow: 0 0 30px #00000047;
    background-color: #fff;
    border-radius: 23px;
    text-align: center;
    padding: 24px;
    transition: 0.5s all;
    cursor: pointer;
    min-height: 345px;
    margin-bottom: 30px;
}
.blockchain_stack_box:hover{
    box-shadow: 0 0 50px #0000007a;
    transform: translateY(-5px);
}
.blockchain_stack_box h3 {
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    font-size: 17px;
    line-height: 25px;
    margin: 6px 0 8px;
}
.blockchain_stack_box span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 85px;
    width: 85px;
    background-color: #447dff;
    margin: 14px auto 14px;
    border-radius: 50px;
    box-shadow: inset 0 0 10px #ffffff8c;
}
.blockchain_stack_box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 24px;
}
.blockchain_stack_box span img {
    max-width: 72px;
    filter: brightness(10.5);
}
.reactnativebusiness_box {
    box-shadow: 0 0 30px #00000047;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 25px;
    transition: 0.5s all;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    max-width: 49%;
    display: flex;
    align-items: center;
}
.reactnative_content {
    text-align: left;
    width: 80%;
    border-left: 2px dashed #447dff;
    padding: 0 10px 0 25px;
    height: 100%;
    display: flex;
    align-items: center;
}
.reactnativebusiness_box img {
    max-width: 74px;
}
.reactnative_img {
    width: 20%;
    text-align: left;
}
.reactnativebusiness_outter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.reactnativebusiness_box h3 {
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 23px;
    margin: 6px 0 10px;
}
.reactnativebusiness_box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 25px;
}
.icon-parent .react_icon a:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: -4px;
    left: -3%;
    background-image: url(../images/updated/react.svg);
    background-size: 19px auto;
    background-repeat: no-repeat;
}
.icon-parent .react_icon:hover a:before {
    filter: brightness(10.5);
}
.icon-parent .react_icon a:after {
    display: none !important;
}
.whymobiles_services {
    background-color: #e21e25;
}
.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: #e21e25;
    font-weight: 600;
    font-family: Montserrat;
    position: relative;
    margin: 22px 0 10px;
}
.whymobiles_box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 15px;
}
.weserve_mobilegame .row {
    display: flex;
    flex-wrap: wrap;
}
.robusts-solutions-box {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 20px #0000001f;
    width: 100%;
    max-width: 30%;
    margin: 60px 6px 0;
    transition: 0.5s all;
    display: block;
}
.robusts-solutions-box:hover{
    transform: translateY(-5px);
}
.robusts-solutions-box h3 {
    margin: 0 0 10px;
    display: block;
    font-size: 16px;
    color: #08223a;
    font-weight: 600;
    line-height: 21px;
    text-transform: capitalize;
}
.robusts-solutions-box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 26px;
}
.robusts-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    border-radius: 50px;
    background-color: #fff;
    margin: -68px auto 16px;
    border: 8px solid #eef3ff;
    transition: 0.5s all;
}
.robusts-icon img {
    max-width: 40px;
}
.robusts-solutions-outter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.robusts-solutions-box:hover .robusts-icon {
    transform: rotateY(360deg);
}
.robusts-solutions .comman_heading {
    margin-bottom: 0;
}
.list_crcle {
    list-style: circle;
    font-size: 21px;
    padding: 0 0 0 25px;
}
.list_crcle li p {
    margin-bottom: 0;
    font-size: 15px;
}
.artificial-intelligence {
    background-color: #eef3ff;
}
.iot_advantages_box {
    width: 100%;
    position: relative;
    padding: 20px;
    border-radius: 30px;
    margin: 0 0 20px;
    background-image: linear-gradient(to right, #125aff, #5387ff);
    box-shadow: 0 0 50px #447dff75;
    min-height: 325px;
    border-bottom: 10px solid #fff;
    transition: 0.5s all;
}
.iot_advantages_box:hover{
    border-bottom: 15px solid #fff;
}
.iot_advantages_box h3 {
    color: #ffffff;
    font-weight: 600;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 22px;
    margin: 6px 0 8px;
}
.iot_advantages_box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #ffffff;
    font-size: 14px;
}
.iot_advantages_box span img {
    filter: brightness(10.5);
    max-width: 50px;
}
.iot_advantages {
    background-color: #eef3ff;
}
.iot_advantages .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.headerfluid .container .headingpart li.commanmenu_icon a {
    padding-left: 20px;
}
.headerfluid .container .headingpart li.commanmenu_icon a:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: -4px;
    left: -3%;
    background-image: url(../images/updated/react.svg);
    background-size: 19px auto;
    background-repeat: no-repeat;
} 
.headerfluid .container .headingpart li.commanmenu_icon a::after{
    display: none;
}


/* Header menus new icons  */

.headerfluid .container .headingpart li.commanmenu_icon.arvr_icon a:before{
    background-image: url(../images/updated/arvr_icon.png);
} 
.headerfluid .container .headingpart li.commanmenu_icon.aiml_icon a:before{
    background-image: url(../images/updated/aiml_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.iot_icon a:before{
    background-image: url(../images/updated/iot_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.healthcare_icon a:before{
    background-image: url(../images/updated/healthcare_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.ott_icon a:before{
    background-image: url(../images/updated/ott_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.support_icon a:before{
    background-image: url(../images/updated/support_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hybrid_icon a:before{
    background-image: url(../images/updated/hybrid_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.mobile_icon a:before{
    background-image: url(../images/updated/mobile_app.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_mobile_icon a:before{
    background-image: url(../images/updated/hire-mobile-app-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_android_icon a:before{
    background-image: url(../images/updated/hire_android_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_game_icon a:before{
    background-image: url(../images/updated/hire-game-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_php_icon a:before{
    background-image: url(../images/updated/hire-php-app-developer.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_flutter_icon a:before{
    background-image: url(../images/updated/hire-flutter-developers.png);
}
/* .headerfluid .container .headingpart li.commanmenu_icon.hire_react_icon a:before{
    background-image: url(../images/updated/hire-react-native-developers.png);
} */
.headerfluid .container .headingpart li.commanmenu_icon.hire_reactnative_icon a:before{
    background-image: url(../images/updated/hire-react-native-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_node_icon a:before{
    background-image: url(../images/updated/hire-node-js-developers.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_vue_icon a:before{
    background-image: url(../images/updated/vue_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_golang_icon a:before{
    background-image: url(../images/updated/golang_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_dedicated_icon a:before{
    background-image: url(../images/updated/dedicated_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_angular_icon a:before{
    background-image: url(../images/updated/angular.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_python_icon a:before{
    background-image: url(../images/updated/python_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_iphone_icon a:before{
    background-image: url(../images/updated/hire_iphone_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_blockchain_icon a:before{
    background-image: url(../images/updated/hire_blockchain_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_ame_icon a:before{
    background-image: url(../images/updated/hire_aem_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.hire_laravel_icon a:before{
    background-image: url(../images/updated/hire_laravel_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.pos_icon a:before{
    background-image: url(../images/updated/pos_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.ondemand_icon a:before{
    background-image: url(../images/updated/ondemand_icon.png);
}
.headerfluid .container .headingpart li.commanmenu_icon.web3_icon a:before{
    background-image: url(../images/updated/web3_icon.png);
}

/* Header menus new icons  */

.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 #e21e25;
    border-bottom: 6px solid #e21e25;
}
.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: #e21e25;
}
.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;
}
/* services page ios */

/* Hire App */
    .developers_expertise .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .developers_expertise .types_of_ios_box {
        min-height: 210px;
    }  
    .enterprises_outter {
        display: flex;
        /* align-items: center; */
        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: #e21e25;
        /* min-height: 364px; */
    }
    .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: #e21e25;
    }
    /* .enterprises_outter .enterprises_box:nth-child(even) .enterprises_icon img {
        filter: brightness(20);
    } */
    .whyhiredeveloper {
        background-color: #e21e25;
    }
    .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; 
    }
/* Hire App */

.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: #e21e25;
}
.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: #e21e25;
}
.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: #e21e25;
    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('../images/updated/flags.png') !important;
}
.iti input {
    padding-left: 50px !important;
}
.faq_data strong {
    display: block;
    margin: 12px 0 2px;
} 
.steps-to-hire .platformsgame_box {
    min-height: 290px;
    padding: 65px 60px 40px 38px;
    border-radius: 57% 53% 88% 2% / 30% 82% 18% 70%;
}
.steps-to-hire .platformsgame_box .platformsgame_ico {
    position: absolute;
    top: 20px;
    right: 35px;
    height: 60px;
}
.hire-flutter-services .development_box {
    min-height: 330px;
} 
.hireflutter_benefits .row {
    display: flex;
    flex-wrap: wrap;
}
.cookieNotice_main {
    position: fixed;
    bottom: 100px;
    width: 80%;
    padding: 26px;
    z-index: 99999999999999999 !important;
    border-radius: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 0 0px #447dff75;
    background-color: #125aff;
}
.title-wrap h4 {
    font-size: 16px;
    font-weight: 600;
    font-family: Montserrat;
    color: #ffffff;
    line-height: 23px;
    margin: 0px 0 10px;
}
.msg-wrap p {
    font-weight: 500;
    font-family: Montserrat;
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 23px;
}
.btn-wrap .comman_btn {
    margin: 0;
    background: #fff;
    align-items: center;
    font-size: 13px;
    border-radius: 7px;
    padding: 4px 21px;
    border: 0;
    color: #000;
    font-weight: 700;
}
div#cookieNotice {
    height: 100vh;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    top: 0;
    right: 0;
    background-color: #0000004f;
    z-index: 9999999999999999999 !important;
    backdrop-filter: blur(3px);
}
div#closeIcon img {
    max-width: 30px;
    position: absolute;
    border-radius: 50px;
    right: -10px;
    top: -10px;
}
.buttn_adjust {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-wrap .Decline_btn {
    background: #f20 !important;
    color: #fff;
}
.realestate_services .development_box {
    min-height: 410px;
    margin-bottom: 20px;
}
.astate_app .industries_wefuel_box {
    min-height: 340px;
}
.developmentexemplary .blockchain_stack_box {
    min-height: 390px;
}
.realestateappp .platformsgame_box {
    min-height: 380px;
}
.mymenu .gropsesubmenu .mysubmenu .headingpart ul li.react_icon a {
    padding-left: 20px;
}
.headerfluid .container .dropdown-toggle::after {
    position: absolute;
    content: '';
    background-color: transparent;
    height: 30px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -13px;
}
.hire-react-native-services .development_box {
    min-height: 370px;
    margin-bottom: 20px;
}
.whychose_native .techniques_boxs {
    min-height: 330px;
}
.hire-node-js-services .development_box {
    min-height: 400px;
}
.nodeimplement .industries_wefuel_box {
    min-height: 324px;
}
.submenushape {
    display: none !important;
}
.headerfluid .container .navbar-default .navbar-nav>.desktopdropdown .deskgropmenu.hiremenu {
    width: 550px;
    left: 470px;
}
.hire-vuejs-services .development_box {
    min-height: 300px;
    margin-bottom: 20px;
}
.nav .dropdown.desktopdropdown:hover .dropdown-toggle::after {
    background-color: transparent;
    bottom: -12px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid white;
    height: 15px;
    width: 15px;
    transform: rotate(-90deg);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hire-golang-services .development_box {
    min-height: 415px;
    margin-bottom: 20px;
}
.applicationsgolang .platformsgame_box {
    min-height: 330px;
    padding: 65px 60px 40px 30px;
}
.updated-footer-fluid .footer-link-fluid img {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 164px;
} 
.faq_data p {
    margin-bottom: 10px;
}
.faq_data p:last-child  , .faq_data li p {
    margin-bottom: 0;
}
.hire-angular-services .development_box {
    width: 32.33%;
}
.ratesfrom_box {
    background-image: linear-gradient(to right, #125aff, #125aff);
    box-shadow: 0 0 50px #447dff75;
    padding: 20px 20px;
    border-radius: 10px;
    width: 100%;
    max-width: 31%;
    position: relative;
    z-index: 2;
    margin-top: 20px;
}
.ratesfrom_box::after {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: -34px;
    height: 50px;
    width: 4px;
    border-radius: 0;
    z-index: 2;
    border-right: 3px dashed #125aff;
    margin: 0 auto;
}
.ratesfrom_box::before {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: -44px;
    height: 16px;
    width: 16px;
    z-index: 2;
    background-color: #125aff;
    margin: 0 auto;
    border-radius: 50%;
}
.ratesfrom_techgropse {
    background-color: #eef3ff;
}
.ratesfrom_box h3 {
    color: #ffffff;
    font-weight: 600;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 22px;
    margin: 6px 0 28px;
    text-align: center;
}
.ratesfrom_box ul li p {
    font-weight: 500;
    font-family: Montserrat;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 23px;
}
.ratesfrom_box ul li{
    position: relative;
}
.ratesfrom_box ul li::after {
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    height: 8px;
    width: 8px;
    background-color: #fff;
    border-radius: 50px;
}
.ratesfrom_box ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 3px;
}
.ratesfrom_outter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bestwebdevelopment {
    background-color: #eef3ff;
}
.step_angularhire .platformsgame_box {
    min-height: 320px;
}
.sub_para {
    font-weight: 500;
    font-family: Montserrat;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: -17px;
}
.custom_format{
    text-transform: none !important;
}
.aem_servicess .development_box {
    width: 32%;
}
.aem_steps .blockchain_stack_box {
    min-height: auto;
}
.pos_development_servicess .development_box {
    width: 32%;
}
.bg-changed{
    background-color: #eef3ff;
}
.taxii_features_outter{
    display: flex;  
    flex-wrap: wrap;
    justify-content: space-between;
}
.taxii_features_box {
    width: 32%;
    position: relative;
    padding: 40px 30px;
    border-radius: 30px;
    margin: 0 0 20px;
    background: #e21e25;
    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 new design css  */
.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: #e21e25;
    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: #e21e25;
    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 #e21e25;
    box-shadow: 0 0 20px #0000001a;
}
.Hire_commanbtn:hover {
    background-color: #fff;
    color: #e21e25;
    border: 2px solid #e21e25;
}
.hiremobile_right .hirebanner_box:nth-child(3) {
    margin: 0;
}
.hiremobile_right .hirebanner_box:nth-child(4) {
    margin: 0;
}
.Hire_commanbtn1 {
    background-color: #fff;
    color: #e21e25;
    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 #e21e25;
    box-shadow: 0 0 20px #0000001a;
}
.Hire_commanbtn1:hover {
    background-color: #e21e25;
    color: #fff;
    border: 2px solid #e21e25;
}
.hirebanner_box {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 50px #0000002e;
    margin-bottom: 20px;
    width: 48%;
    background: #fff;   
}
.hirebanner_boxicon {
    background-color: #e21e25;
    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: #e21e25;
    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: #e21e25;
}
.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 #e21e25;
    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 #e21e25;
    font-size: 16px;
    color: #e21e25;
}
.first_circle {
    height: 20px;
    width: 20px;
    position: absolute;
    left: -2px;
    background-color: #e21e25;
    top: -9px;
    z-index: 1;
    border-radius: 20px;
}
.last_circle{
    height: 20px;
    width: 20px;
    position: absolute;
    right: -2px;
    background-color: #e21e25;
    top: -9px;
    z-index: 1;
    border-radius: 20px;
}
.whyconsider_bg {
    background-image: url(../images/hire-mobile-app-developers/why_choose_us.jpg);
    height: 600px;
    background-size: cover;
    background-position: center;
    border-radius: 0 20px 20px 0;
    box-shadow: 0px 3px 53px #0000001a;
}
.whyconsider_icon {
    transition: 0.3s all;
    box-shadow: 0px 3px 53px #0000001a;
    background: #ffffff 0% 0% no-repeat padding-box;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px;
}
.whyconsider_icon img {
    max-width: 40px;
}
.whyconsider_box h3 {
    margin: 18px 0 12px;
    display: block;
    font-size: 17px;
    color: #08223a;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}
.whyconsider_box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 25px;
}
.whyconsider_contentpart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 30px;
}
.whyconsider_box {
    width: 48%;
    margin-bottom: 30px;
}
.client_testimonialsss {
    background-color: #e21e25;
}
.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;
}
/* hire new design css  */
.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: #e21e25;
    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: #e21e25;
}
.hirededicated_main .hirededicated_box:nth-child(2) .hirededicated_bottom p {
    color: #fff;
}
.hire_industry{
    background-color: #e21e25;
}
.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: #e21e25;
}
.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(../images/iPhone/dots.png);
    background-size: 40px;
    box-shadow: 0 0 20px #0000002e;
}
.team_strenth_right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.team_strenth .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.team_right {
    padding-left: 40px;
}
.teamstrenth_box img {
    max-width: 60px;
}
.teamstrenth_box span {
    margin: 6px 0 0;
    display: block;
    font-size: 14px;
    color: #08223a;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 21px;
}
.model_hiring_box {
    border-bottom: 15px solid #e21e25;
    border-left: 4px solid #e21e25;
    border-right: 4px solid #e21e25;
    border-top: 4px solid #e21e25;
    border-radius: 20px;
    box-shadow: 0px 3px 53px #0000001a;
    padding: 20px 20px;
    width: 32%;
    transition: 0.5s all;
}
.model_hiring_box img {
    max-width: 54px;
}
.hiring_model_outer {
    display: flex;
    justify-content: space-between;
}
.model_hiring_box h3 {
    margin: 14px 0 12px;
    display: block;
    font-size: 17px;
    color: #08223a;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
}
.model_hiring_box p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 26px;
}
.busineed_mobile_box {
    background-color: transparent;
    margin: 0px 20px;
    padding: 20px;
    border-bottom: 15px solid #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    border-radius: 20px;
    height: auto;
}
.icon_mobile img {
    max-width: 51px;
}
.busineed_mobile_box h3 {
    margin: 20px 0 12px;
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    line-height: 23px;
    text-transform: capitalize;
}
.busineed_mobile_box p {
    font-weight: 400;
    font-family: Montserrat;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 26px;
}
.busineed_mobile .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.busineed_mobile_main .slick-prev {
    display: none !important;
}
.busineed_mobile_main .slick-next {
    background: #fff url(../images/updated/arrow-right.png);
    height: 60px;
    text-indent: -10320px;
    width: 60px;
    border-radius: 50px;
    position: absolute;
    right: -100%;
    top: 50%;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    transition: 0.5s all;
}
.busineed_mobile_main {
    padding-right: 40px;
}
.busineed_mobile .comman_heading {
    margin-bottom: 0;
}
.busineed_mobile:hover .slick-next {
    right: 28px;
}
.client_testimonialsss_slider .slick-prev {
    background: #fff url(../images/updated/arrow-right.png);
    height: 60px;
    text-indent: -10320px;
    width: 60px;
    border-radius: 50px;
    position: absolute;
    left: -60px;
    top: 50%;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%) rotate(180deg);
    transition: 0.5s all;
    z-index: 1;
}
.client_testimonialsss_slider .slick-next {
    background: #fff url(../images/updated/arrow-right.png);
    height: 60px;
    text-indent: -10320px;
    width: 60px;
    border-radius: 50px;
    position: absolute;
    right: -60px;
    top: 50%;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    transition: 0.5s all;
}
.client_testimonialsss_box.slick-slide.slick-current.slick-active.slick-center{
    transform: scale(1);
}
.model_hiring_box:hover { 
    box-shadow: 0px 1px 23px #00000066;
}
.only_mobile{
    display: none;
}
.ewallet_wallet .whyhiredeveloper_box {
    width: 19%;
}
.develpoment_cost .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.develpoment_cost .row .comman_heading {
    margin-bottom: 10px;
}
.busineed_mobile .Hire_commanbtn1 {
    margin-top: 10px;
    background-color: #fff;
    color: #e21e25;
}
.whyto_consider .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.client_profile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.snow_canvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
}
.dubai_popup_main {
    height: auto;
    width: 320px;
    box-shadow: 0 7px 7px #0000002e;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    left: 100px;
    z-index: 9;
    border-radius: 4px;
    overflow: hidden;
}
.dubai_popup_img img {
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
}
.christmas_bg {
    background-image: url(../images/festival_banner/christmas_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 0;
}
.close_btnn {
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    height: 28px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    border-radius: 0 0 0 14px;
    font-size: 15px;
    color: #000 !important;
}
.christmas__form {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 450px;
    padding: 28px 40px;
    border-radius: 10px;
    background: white;
    border-top: 10px solid #e21e25;
    border-bottom: 10px solid #e21e25;
}
.christmas__form h1 {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    color: #e21e25;
    margin: 0 0 20px;
    position: relative;
    padding-bottom: 10px;
}
.christmas__form h1::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -5px;
    background-color: #e21e25;
    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: #e21e25;
    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 indian page  */
.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(../images/iPhone/dots.png);
    background-size: 40px;
}
.hireindian_bannerbox strong {
    font-weight: 800;
    color: #e21e25;
    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: #e21e25;
}
.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: #e21e25;
    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: #e21e25;
}
.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: #e21e25 !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: #e21e25;
    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;
}
/* hire indian page  */

.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: #e21e25 url(../images/updated/arrow-right-white.png);
    height: 60px;
    text-indent: -10320px;
    width: 60px;
    border-radius: 50px;
    position: absolute;
    right: -100%;
    top: 50%;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    transition: 0.5s all;
}
.whyhire_newdesign:hover .slick-next {
    right: 28px;
}
.whyhirenew_left .comman_heading , .whyhirenew_left .comman_heading p:last-child {
    margin: 0;
}
.whyhire_newdesign .container-fluid {
    margin-left: 90px;
}
.whyhirenew_slider {
    padding-right: 40px;
}
.web-interface-section5{
    background-image: url('../images/portfoliopage/web-interface-section5.png');
}
.dubai_popup_mobile{
    display: none;
}
.interface-freshtraders{
    background-image: url('../images/portfoliopage/interface-freshtraders.png');
}
.interface-passport{
    background-image: url('../images/portfoliopage/interface-passport.png');
}

.interface-fiveapp{
    background-image: url('../images/portfoliopage/interface-fiveapp.png');
}
.interface-starimpoter{
    background-image: url('../images/portfoliopage/interface-starimpoter.png');
}
.interface-maidstage{
    background-image: url('../images/portfoliopage/interface-maidstage.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(../images/iPhone/dots.png);
    background-size: 40px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.comman_devbox {
    display: flex;
    justify-content: flex-start;
    margin: 14px 0 20px;
}
.devbox_icon img {
    max-width: 37px;
}
.devbox_icon span {
    font-weight: 700;
    color: #e21e25;
    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: #e21e25;
    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 #e21e25;
}
.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: #e21e25;
}
.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 #e21e25;
    border-top: 2px solid #e21e25;
}
.nnvotaions_boxs::after {
    right: 0;
    bottom: 0;
    border-right: 2px solid #e21e25;
    border-bottom: 2px solid #e21e25;
}
.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: #e21e25 !important;
}
.theme_bg2 {
    background-color: #eef3ff !important;
}
.mb-Ziro{
    margin: 0 !important;
}
.achivementMain {
    display: flex;
    justify-content: space-between;
}
.achivement_devlopment .row{
    display: flex;
    align-items: center;
}
.achivement_imgss {
    background-color: #fff;
    width: 31%;
    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;
}
.achivement_imgss:hover{
    transform: translateY(-5px);
}
.achivement_imgss img {
    height: 76%;
}
.achivementMain .achivement_imgss:nth-child(2) {
    transform: translateY(-50px);
}
.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: #e21e25; 
}
.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 h2 {
    font-size: 18px;
    font-weight: 600;
    font-family: Montserrat;
    color: #08223a;
    line-height: 21px;
    margin: 18px 0 10px;
}
.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 #e21e25;
}
.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 #e21e25;
}
.success_botom .success_bottom_box:last-child:after {
    border-color: #f4f9ff;
}
.success_circle img {
    max-height: 54px;
    transition: 0.5s all;
}
.success_circle:hover img {
    transform: scale(0.8);
}
.success_right img {
    max-width: 100%; 
}
.footer-logo-fluid .col-set {
    width: 12%;
    margin: 0 12px;
} 
.app_work .comman_heading strong {
    margin: 15px 0 15px !important;
}
.app_work .comman_heading , .considered_Payment .comman_heading {
    margin: 0;
}
.gpay_features_main ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
}
.gpay_features_main ul li::after {
    position: absolute;
    content: '';
    top: 6px;
    background-image: url(../images/gpay/features_icon.jpg);
    height: 16px;
    width: 16px;
    background-size: 13px;
    left: 0;
    background-repeat: no-repeat;
}
.gpay_features_main ul li p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 16px;
}
.gpay_features_img {
    text-align: center;
}
.gpay_features_img img{
    width: 75%;
}
.gpay_features .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.note_part {
    margin-top: 50px;
}
.note_part p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 26px;
}
.gpay_achivement_main {
    display: flex;
    flex-wrap: wrap;
}
.gpay_achivement_box span {
    font-weight: 800;
    color: #fff;
    font-size: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
    margin-bottom: 8px;
}
.count_bx {
    font-weight: 800;
    color: #fff;
    font-size: 27px;
    display: inline-block;
}
.gpay_achivement_box h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    font-family: Montserrat;
    margin: 0;
    line-height: 23px;
    text-transform: capitalize;
}
.gpay_achivement_box {
    width: 20%;
    margin-bottom: 30px;
    padding: 10px 15px;
    border-left: 2px solid #ffffff59;
}
.gpay_achivement{
    position: relative;
}
.gpay_achivement::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-image: url(../images/iPhone/dots.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: #e21e25 !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, #e21e25, #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: #e21e25 !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: #e21e25;
    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, #e21e25, #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: #e21e25 !important;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 15px 35px;
    display: inline-flex;
    font-size: 15px;
    transition: 0.5s all;
    border: 2px solid #fff;
    box-shadow: 0 0 20px #0000001a;
    margin-top: 12px;
}
.Testimonialss_banner_main {
    display: flex;
    align-items: center;
    justify-content: center;
}
.Testimonialss_banner_main .Testimonialss_left , .Testimonialss_banner_main .Testimonialss_right {
    width: 50%;
}
 
.Testimonialss--b-img img {
    max-width: 90%;
}

.Testimonialss_page{
    position: relative;
}
.Testimonialss_page::after {
    content: "";
    background: url(../images/testimonials_page/bg-img.webp);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    z-index: 0;
    height: 100%;
    width: 100%;
}
.Testimonialss_page .container {
    z-index: 1;
    position: relative;
}
.Testimonialss_pagebox:hover {
    transform: translateY(-10px);
}

.Testimonialss_pagebox {
    transition: .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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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 #e21e25;
    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: #e21e25;
    display: block;
}
.page--success--left p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 28px;
}

/* onn demand new design  */
.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: #e21e25;
    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: #e21e25;
    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 #e21e25;
    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 #e21e25;
}
.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: #e21e25;
    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: #e21e25;
    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 .comman_heading h2 {
    font-size: 20px;
    line-height: 34px;
    margin: 0 0 22px;
}
.fully_featured_content .comman_heading h2::after {
    width: 63px;
    bottom: -8px;
}
.featured_data h3 {
    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: #e21e25;
    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: #e21e25;
}
.demand_themechng .demand_Sevicess_data h3, .demand_themechng .demand_Sevicess_data p {
    color: #fff;
}
.demand_themechng .demand_Sevicess_icon { 
    background-color: #e21e25; 
}
.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; 
}
/* onn demand new design  */

/* Eccommerce Solutions  */
.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: #e21e25f2;
    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: #e21e25;
}
.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;
}
/* Eccommerce Solutions  */
.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: #e21e25;
    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 #e21e25;
}
.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: #e21e25;
    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 #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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 h2 {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #3d3d3d;
    border-bottom: 6px solid #e21e2554;
    padding-bottom: 12px;
}
.infographics-form span{
    color: #e21e25;
}
.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 #e21e25;
    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: #e21e25;
    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 #e21e25;
    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: #e21e25;
}
.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: #e21e25;
    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 #e21e25 !important;
    color: #e21e25 !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: #e21e25;
    padding: 12px 0;
}
.Cta_btn {
    width: 20%;
    text-align: end;
}
.Cta_btn .Hire_commanbtn1 {
    padding: 13px 25px;
    border-radius: 10px;
    background-color: #fff;
    color: #e21e25;
}
 
 
.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: #e21e25;
    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: #e21e25;
    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: #e21e25 !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 #e21e25 !important;
    color: #e21e25 !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: #e21e25;
    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: #e21e25 !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('../images/mobile_app_arabia/dots.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: #e21e25;
}
.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: #e21e25 url(../images/mobile_app_arabia/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 #e21e25;
}
.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: #e21e25; 
}
.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: #e21e25;
    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(../images/hire-dedicated/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: #e21e25;
    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: #e21e25 !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;
}
.benefit_detailss h3 {
    margin: 0 0 10px;
    display: block;
    font-size: 16px;
    color: #08223a;
    font-weight: 600;
    line-height: 21px;
    text-transform: capitalize;
}
.benefit_detailss p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 29px;
}
.benefit_dedi_box::before {
    background-image: url(../images/updated/dots1.png);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    transform: scale(-1);
}
.benefit_dedicated_main {
    display: flex;
    flex-wrap: wrap;
}
.exploringworld_table tr th {
    color: #08223a;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 20px !important;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.exploringworld_table tr td {
    color: #08223a;
    font-size: 14px;
    padding: 15px 20px !important;
    border: 0;
    text-align: center;
    vertical-align: middle !important;
    border-bottom: 1px solid #ffffff;
    white-space: nowrap;
    font-weight: 500;
}
.exploringworld_table tbody tr th:first-child , .exploringworld_table thead tr th:first-child{
    text-align: left;
}
.exploringworld_table {
    background-color: #eef3ff;
    padding: 15px;
}
.exploringworld_table .table {
    margin: 0;
}
.bottom_btn {
    text-align: center;
    margin-top: 40px;
}
.Dedicated_cta_main h2 {
    font-size: 30px;
    color: #08223a;
    font-weight: 700;
    font-family: Montserrat;
    position: relative;
    margin-top: 0;
    line-height: 43px;
    margin-bottom: 12px;
}
.trusted_counter .trusted_counter_box:last-child {
    border: 0;
}
.clutch_section .Hire_commanbtn {
    margin-top: 15px;
}
.Dedicated_cta_main p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 26px;
}
.Dedicated_cta_main a {
    background-color: #e21e25;
    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 #e21e25;
    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(../images/mobile_app_arabia/dots.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: #e21e25;
}
.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: #e21e25!important;
    color: #ffffff !important;
    border-color: #e21e25!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: #e21e25;
    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: #e21e25;
}
.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 #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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: #e21e25;
    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 #e21e25;
    box-shadow: 0 0 10px #0000001a;
    text-align: center;
    justify-content: center;
}
.Industry_page {
    padding: 80px 0 40px;
    margin-top: 101px;
}

.Industry_page_box {
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px;
    box-shadow: 0px 3px 53px #0000001a;
    transition: 0.5s all;
    height: 100%;
}
.Industry_bottom h3 {
    display: block;
    font-size: 20px;
    color: #08223a;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    margin: 0 0 12px;
}
.Industry_page_img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
    width: 100%;
}
.Industry_page_img {
    height: 280px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}
.Industry_page_img::after{
    position: absolute;
    content: '';
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color: #000;
    opacity: 0.4;
    height: 100%;
    width:100%;
    transition: 0.5s all;
}
.Industry_page_box:hover .Industry_page_img::after{
    opacity: 0.1;
}
.Industry_bottom p {
    font-weight: 500;
    font-family: Montserrat;
    color: #08223a;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 27px;
}
.Industry_head {
    display: flex;
    align-items: center;
    margin: 30px 0 18px;
}
.Industry_page_box:hover .Industry_page_img img {
    transform: rotate(3deg) scale(1.2);
}
.industry_row .industry_col:nth-child(odd){
    transform: translateY(-30px);
}
.industry_col{
    margin-bottom: 40px;
}
.industry_row {
    display: flex;
    flex-wrap: wrap;
}
.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;
}

/* New Banner design Homepage  */
.bannerhome_design {
    padding: 0;
    background: #e31e25;
    position: relative;
    z-index: 1;
    height: 100vh;
    display: flex;
    align-items: center;
    background-image: radial-gradient(circle, #1a81ff, #0069cb, #005198, #003967, #08223a);
}
.clients_slider {
    margin-top: 40px; 
}
.clients_slider_outer {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    left: 0;
    right: 0;
}
.bannerhome_content h1 {
    font-weight: 800;
    font-size: 52px;
    line-height: 76px;
    margin: 0 0 20px;
    color: #ffffff;
}
.bannerhome_content P {
    font-weight: 500;
    font-family: Montserrat;
    color: #ffffff;
    font-size: 17px;
    margin-bottom: 25px;
    line-height: 29px;
}
.bannerhome_design::after {
    position: absolute;
    content: '';
    top: 0;
    background-image: url(../images/homepagee/lines.png);
    height: 100%;
    width: 100%;
    right: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
    filter: brightness(10.5);
}
.bannerhome_design::before {
    position: absolute;
    content: '';
    top: 0;
    background-image: url(../images/homepagee/lines2.png);
    height: 100%;
    width: 100%;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
    filter: brightness(10.5);
}
.bannerhome_design .container{
    position: relative;
    z-index: 2;
}
.bannerhome_content h1 span {
    color: #ffffff;
    text-decoration: underline;
}
.bannerhome_pic img {
    max-width: 500px;
}

.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);
} 
/* New Banner design Homepage  */

.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;
}
 
/* new footer csss  */
.footernew {
    z-index: 2;
    position: relative;
    padding: 50px 0 0; 
    background-image: radial-gradient(circle, #1a81ff, #0069cb, #005198, #003967, #08223a);
}
.footernew_award {
    background-color: #ffff;
    display: block;
    border-radius: 14px;
    padding: 20px 20px;
}
.footernew_award img {
    max-height: 78px;
}
.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: #0000002e;
    backdrop-filter: blur(100px);
    border-radius: 14px;
    box-shadow: inset 0px 0px 110px #00000024;
    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;
}
/* new footer csss  */

/* new portfolio css  */
 
.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: #e21e25 !important;
    background-color: #fff;
}
.newportfolio_right .readbtn span{
    background-color: #e21e25;
}
.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: #e21e25 !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: #e21e25;
}
.newportfolio_right .readbtn span img {
    filter: brightness(20.5);
} 
.readbtn span img {
    max-width: 90%;
}
.interlink_a{
    color: #195fff !important;
    font-weight: 600;
}
/* new portfolio css  */

.Anasa_bg {
    background-image: url(../images/portfoliopage/app-Anasa-bg.png);
}
body.modal-open {
    padding: 0 !important;
}
.Drop_Requirement .modal_form_img {
    background-image: url(../images/drop_requirement.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: #e21e25;
    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 #e21e25;
    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: #e21e25 !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: #e21e25;
}
.newheading p {
    font-weight: 500;
    color: #08223a;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 29px;
}

/* ================== Responsivee Css Start Here ==================  */
@media(max-width:1920px){ 
    .blogsection .blogpart .baner .home img { 
        height: 260px; 
    }
}
@media(max-width:1679px){ 
    .blogsection .blogpart .baner .home img {
        height: 240px;
    }
}
@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;
    }
}

@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 h2 {
        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;
        /* min-height: 280px; */
        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%;
    }
    .contactfluid { 
        top: 310px;
    }
    .mycontactpage {
        height: 1100px; 
    }
    .myrequserquotepage { 
        height: 1030px; 
    }
    .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;
    }

    /* new design responsive  */
    .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;
    }
    /* new design responsive  */
    .demand_comman_imgg img {
        max-width: 400px;
    }
}

@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: #e21e25;
        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;
        /* min-height: 300px; */
        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;
    }
    .contactfluid {
        top: 280px;
    }
    .uploadfile {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .mycontactpage {
        height: 1060px;
    } 
    .requserquotefluid .container .mainbackcontent {
        margin-top: 13%;
    }
    .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 #e21e25;
    }
    .success_bottom_box::after { 
        right: -92px;
        top: 20%;
        height: 0px;
        width: 100%;
        border-radius: 0;
        z-index: 0;
        border-bottom: 1px dashed #e21e25;
    }
    .success_bottom_box h2 {
        font-size: 15px;
        line-height: 17px;
        margin: 16px 0 10px;
    }
    .success_bottom_box span {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 22px;
    }
    .considered_Payment .mehologyimage {
        margin-bottom: 40px;
    }
    .success_left h1 {
        font-size: 28px;
        margin: 0 0 14px;
        line-height: 41px;
    }
    .success_left p { 
        font-size: 15px;
        margin-bottom: 12px;
        line-height: 26px;
    }
    .success_left { 
        padding-bottom: 20px;
    }
    .app_work .col-md-4 {
        order: -1;
        margin-bottom: 40px;
    }
    .gpay_features .row {
        justify-content: center;
    }
    .gpay_features_main {
        margin-top: 40px;
    }
    .gpay_features_img img {
        width: 50%;
    }
    .gpay_achivement .container {
        position: relative;
        z-index: 3;
    }
    .gpay_achivement_box {
        width: 33%;
    }
    .Locationbanner_btn {
        margin-top: 0;
    }
    .hiremobile_left {
        margin-bottom: 20px;
    }
    .order_convert .col-md-7 {
        order: 1; 
    }
    .Locationbanner_btn {
        padding: 13px 30px;
        font-size: 14px;
    }
    .Testimonialss_banner_main .Testimonialss_left, .Testimonialss_banner_main .Testimonialss_right {
        width: 100%;
    }
    .Testimonialss_banner_main{
        flex-wrap: wrap;
    }
    .Testimonialss_right {
        text-align: center;
        margin-top: 50px;
    }
    .Testimonialss_right h1 {
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 42px;
    }
    .Testimonial---btn a{
        padding: 13px 30px;
        font-size: 14px;
    }
    .Testimonialss_right p {
        font-size: 15px;
        margin-bottom: 15px;
        line-height: 27px;
    }
    .pagebox_descripttion p {
        font-size: 14px;
        line-height: 24px;
        margin: 0;
    }
    .pagebox_descripttion {
        margin-bottom: 30px;
    }
    .testimonial_profilee {
        height: 45px;
        width: 45px;
        border-radius: 6px; 
        margin-left: 0;
        margin-right: 12px;
    }
    .testimonial_dataa h3 {
        margin: 0 0 2px;
        font-size: 15px; 
        line-height: 17px;
    }
    .location_testimonal {
        font-size: 13px;
    }
    .google_review span {
        font-size: 13px;
    }
    .Review_boxx {
        font-size: 14px;
    }
    .google_review {
        border-radius: 4px;
        padding: 7px 12px;
    }
    .Testimonialss_pagebox {
        padding: 20px 20px;
        border-radius: 10px;
        margin-bottom: 15px; 
    }
    .Testimonialss_pagebox .col-md-6 {
        width: 50%;
    }
    .Testimonialss_page_main {
        margin-top: 50px;
    }
    .page--success--left h1{
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 39px;
    }
    .page--success--left p {
        font-size: 15px;
        margin-bottom: 24px;
        line-height: 27px;
    }
    .page--success--left {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .page--success--main{
        flex-wrap: wrap;
    }
    .page--success--right {
        width: 100%;
        text-align: center;
        order: -1;
        margin-bottom: 30px;
    }
    .page--success--right img {
        max-width: 60%;
    }
    .storymain--box {
        width: 100%;
        margin: 160px 0 40px;
    }
    .storymain-left { 
        width: 36%;
    }
    .demand_comman .demand_comman_left h1 {
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 36px;
    }
    .demand_comman .demand_comman_left p {
        font-size: 15px;
        margin-bottom: 24px;
        line-height: 27px;
    }
    .demand_btn {
        padding: 13px 30px;
        font-size: 14px;
    }
    .demand_comman .container .row .col-md-6:last-child {
        order: -1;
        width: 100%;
    }
    .demand_comman_right {
        margin-left: 0;
    }
    .demand_comman_left {
        text-align: center;
        margin-top: 40px;
    }
    .fully_featured_img img {
        max-width: 80%;
    }
    .fully_featured_img {
        text-align: center;
        margin-bottom: 20px;
    }
    .fully_featured_main .fully_featured_box:nth-child(2) .col-md-6:last-child {
        order: -1;
    }
    .demand_Sevicess {
        height: auto;
        margin-bottom: 25px;
    }
    .Sevicessmid img {
        max-width: 60%;
        margin: 20px auto;
    }
    .Produce_Demand .Produce_main_box {
        width: 46%;
        min-height: auto;
    }
    .demand_comman_imgg img {
        max-width: 50%;
    }
    .demand_comman_imgg {
        text-align: center;
    }
    .competitors_box {
        width: 46%;
        margin: 0 8px 16px;
    }
    .readymade_box h3 {
        font-size: 15px;
        margin: 20px 0px;
    }
    .cta1_comman .comman_btn {
        margin-top: 12px;
    }
    .cta1_comman {
        padding: 35px 0;
    }
    .competitors_box p {
        font-size: 13px;
        line-height: 23px;
    }
    .blogsection .blogpart .textpart h4 {
        font-size: 18px;
    }
    .modalssmain_boxx {
        width: 47%;
        margin: 0 10px 20px;
    }
    .newhire_modalssmain {
        justify-content: center;
    }
    .experience_devbox p {
        font-size: 15px;
        line-height: 25px;
    }
    .developer_img h3 {
        margin: 0 0 4px;
        font-size: 16px;
    }
    .developer_img span {
        font-size: 14px;
    }
    .skilss {
        padding: 4px 17px;
        margin: 0 2px 6px;
        font-size: 11px;
    }
    .it-project-box {
        width: 47%;
    }
    .it-project-icon img {
        max-width: 50px;
    }
    .Tranding_img img {
        max-width: 140px;
    }
    .Tranding_box_top {
        justify-content: center;
    }
    .Tranding_img {
        margin-bottom: 40px;
    }
    .Tranding_img {
        margin-bottom: 40px;
    }
    .user_thinks {
        margin: 30px 0 0;
    }
    .Tranding_box {
        padding: 40px 30px;
    }
    .Tranding_main .container>.row .Tranding_box:nth-child(even) .Tranding_box_top .col-md-7 {
        order: 1;
    }
    .main_banner_heading h1 {
        font-size: 30px;
        margin: 0 0 20px;
        line-height: 43px;
    }
    .main_banner_heading p {
        font-size: 15px;
        margin-bottom: 30px;
        line-height: 27px;
    }
    .main_banner .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .main_banner .row .col-md-6:first-child {
        order: 1;
        text-align: center;
        margin-top: 38px;
    }
    .main_banner_heading {
        text-align: center;
    }
    .main_banner_form h3 {
        text-align: left;
    }
    .dubai_services_main { 
        flex-wrap: wrap;
        justify-content: center;
    }
    .dubai_services_main .nav-tabs {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }
    .dubai_services_main .nav-tabs li a img {
        max-width: 29px;
        display: block;
        margin: 0 auto 10px;
    }
    .dubai_services_main .nav-tabs li a {
        font-size: 12px !important;
        display: block;
        text-align: center;
    }
    .dubai_services_main .nav-tabs li {
        width: 23%;
        margin-bottom: 12px;
        margin-right: 12px;
    }
    .dubai_services_main .tab-content {
        width: 100%;
    }
    .dubai_inner { 
        text-align: center;
    }
    .dubai_inner img {
        max-width: 37px;
    }
    .dubai_inner h3 {
        font-size: 18px;
    }
    .Cta_head img {
        max-width: 60px;
        margin-right: 20px;
    }
    .Cta_btn .Hire_commanbtn1 {
        padding: 11px 16px;
    }
    .Cta_head h2 {
        font-size: 18px;
        line-height: 31px;
    }
    .Advance_Services .row {
        flex-wrap: wrap;
    }
    .Advance_Services_box {
        border-radius: 4px;
        padding: 20px 20px;
    }
    .dubai_industries_main .nav-tabs li {
        width: 22%;
        margin: 0 7px 14px;
    }
    .dubai_industries_main .nav-tabs li a span {
        display: none;
    }
    .dubai_industries_main .nav-tabs li a {
        font-size: 13px !important;
        text-align: center;
        justify-content: center;
    }
    .dubai_industries_box img {
        max-width: 34px;
    }
    .dubai_industries_box h3 {
        font-size: 17px;
        margin: 10px 0 10px;
    }
    .dubai_industries_box p { 
        font-size: 15px;
        margin-bottom: 0;
        line-height: 28px;
    }
    .dubai_industries_box { 
        padding: 30px 25px; 
        position: relative;
    }
    .main_banner {
        background-image: url(../images/mobile_app_dubai/mobile_bg.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;
    }
    /* new design responsive   */
    .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;
    }
    /* new design responsive   */
    .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;
    }
}


@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: 66%;
    }
    .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 #e21e25;
        border-bottom: 6px solid #e21e25;
    }
    .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;
    }
    .contactfluid , .requestformfluid {
        position: unset;
        float: unset;
        width: 100%;
        top: 0;
        padding-top: 30px;
        background-color: #fff;
    }
    .contacttopheaingfluid .container .mainbackcontent .row h2 {
        font-size: 14px;
    }
    .mycontactpage {
        height: auto;
        padding-bottom: 70px;
        margin-top: 0;
    }
    .contacttopheaingfluid .container .mainbackcontent {
        margin-top: 6%;
    }
    .contactfluid .container .mainpart .topheading p {
        font-size: 14px;
        color: #000;
        font-weight: 400;
        margin-right: 0;
        font-family: Montserrat;
        font-style: italic;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .uploadfile { 
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .contentfile {
        width: 100%;
        float: left;
    }
    .contentfile h3 {
        font-size: 14px;
    }
    .myrequserquotepage {
        height: 540px;
        margin-top: 0;
        padding: 20px 0;
        background-position: center;
    }
    .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;
    }
    .requestformfluid {
        margin-top: -320px;
        margin-bottom: 50px;
    }
    .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: #e21e25;
    }
    .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 h2 {
        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 #e21e25;
    }
    .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 h2 {
        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 #e21e25;
        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 #e21e25;
        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 #e21e25;
        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: 200px;
    }
    .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;
    }
    /* new design responsive   */
    .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: 30%;
        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;
    }
    /* new design responsive   */
    .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;
    }
}