/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*!
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
[role="button"] {
    cursor: pointer;
}
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
    display: none !important;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 80px auto 0;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}
* {
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
input,
textarea {
    outline: none !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    outline: none;
}
*:focus {
    outline: none;
}
html,
body {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}
body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    background-size: cover;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-family: "Source Serif Pro", serif;
}
p {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 24px;
}
@media all and (min-width: 1360px) {
    p {
        margin: 0px 0px 25px 0px;
        padding: 0px 0px 0px 0px;
    }
}
img {
    max-width: 100%;
}
a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: initial;
    text-decoration: none;
}
a:focus {
    text-decoration: none;
    outline: none;
}
.show-back-to-top {
    transform: translateY(-25px);
}
.showPanel {
    transform: translateX(0);
}
.home-page #main-wrapper {
    padding-top: 0;
}
.bg-white {
    background-color: #fff !important;
}
.bg-grey {
    background-color: #f5f5f5 !important;
}
.white {
    color: #fff !important;
}
.black {
    color: #333 !important;
}
.green {
    color: #14df7d !important;
}
.darker-green {
    color: #05b281 !important;
}
.orange {
    color: #e76c00 !important;
}
.orangebtn {
    color: #ff5800 !important;
}
.orange-darker {
    color: #db4c00 !important;
}
.light-grey {
    color: #c8c7cc !important;
}
.lighter-grey {
    color: #f9f9f9 !important;
}
.lighter-blue {
    color: #4a90e2 !important;
}
.blue {
    color: #205fa9 !important;
}
.darker-blue {
    color: #1d2942 !important;
}
.new-blue {
    color: #4a90e2 !important;
}
.para-green {
    color: #36e079;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.font-family-mot {
    font-family: "Montserrat", sans-serif !important;
}
.font-family-sour {
    font-family: "Source Serif Pro", serif !important;
}
h1 {
    font-size: 32px;
    line-height: 46px;
}
@media all and (min-width: 1024px) {
    h1 {
        font-size: 62px;
        line-height: 75px;
    }
}
h2 {
    font-size: 34px;
    line-height: 40px;
}
@media all and (min-width: 1024px) {
    h2 {
        font-size: 48px;
        line-height: 61px;
    }
}
h3 {
    font-size: 28px;
    line-height: 38px;
}
@media all and (min-width: 1024px) {
    h3 {
        font-size: 36px;
        line-height: 49px;
    }
}
h4 {
    font-size: 19px;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    h4 {
        font-size: 30px;
        line-height: 43px;
    }
}
h5 {
    font-size: 24px;
    line-height: 32px;
}
h6 {
    font-size: 20px;
    line-height: 33px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.u-center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.u-pull-right {
    float: right !important;
}
.u-pull-left {
    float: left !important;
}
.u-hide {
    display: none !important;
}
.u-show {
    display: block !important;
}
.u-invisible {
    visibility: hidden;
}
.u-text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.u-hidden {
    display: none !important;
}
.u-affix {
    position: fixed;
}
.u-align-left {
    text-align: left !important;
}
.u-align-center {
    text-align: center !important;
}
.u-align-right {
    text-align: right !important;
}
.no-image {
    background-image: none !important;
}
.no-padding {
    padding: 0;
}
.no-box-shadow {
    background-color: transparent !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.is-faded {
    opacity: 0;
    visibility: hidden;
}
.is-faded__false {
    opacity: 1;
    visibility: visible;
}
iframe[name="google_conversion_frame"] {
    position: absolute;
    left: -100%;
    bottom: 0;
}
.display-inline-block {
    display: inline-block;
}
.font-size-24 {
    font-size: 24px !important;
}
.font-size-20 {
    font-size: 20px !important;
}
.subtitle {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
.anchor-link {
    font-size: 14px;
    line-height: 24px;
    color: #d6d6d6;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-decoration: underline;
    max-width: 340px;
    margin: 20px auto 0;
    display: block;
}
.anchor-link:hover {
    color: #4a90e2;
}
@media all and (max-width: 768px) {
    .anchor-link {
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        max-width: 100%;
    }
}
.banner-link {
    font-size: 14px;
    line-height: 24px;
    color: #d6d6d6;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-decoration: underline;
    display: block;
}
.banner-link:hover {
    color: #4a90e2;
}
.banner-link-left-align {
    font-size: 14px;
    line-height: 24px;
    color: #d6d6d6;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-decoration: underline;
    max-width: 340px;
    display: block;
}
.banner-link-left-align:hover {
    color: #4a90e2;
}
.margin-0 {
    margin: 0 !important;
}
.margin-0-auto {
    margin: 0px auto;
}
.body-text-medium {
    font-size: 19px;
    line-height: 32px;
    color: #333;
    font-family: "Source Serif Pro", serif;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .body-text-medium {
        font-size: 16px;
        line-height: 28px;
    }
}
.body-text-small {
    font-size: 23px;
    line-height: 28px;
    color: #205fa9;
    font-family: "Source Serif Pro", serif;
    font-weight: 500;
}
.body-text-smaller {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
.btn {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 12px 0px;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .btn {
        padding: 19px 0px;
    }
}
.circular-border {
    border: 1px solid #ccc;
    border-radius: 50%;
}
.pattern-cn-left {
    background: url(images/common/pattern-left.html) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 350px;
}
.pattern-cn-right {
    background: url("images/common/pattern-right.html") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 350px;
}
.padding-top-130 {
    padding-top: 130px;
}
.padding-top-80 {
    padding-top: 80px;
}
.padding-top-60 {
    padding-top: 60px;
}
.padding-top-40 {
    padding-top: 40px;
}
.padding-top-50 {
    padding-top: 50px;
}
.padding-top-20 {
    padding-top: 20px;
}
.lets-talk {
    background: url(images/common/schedule-talk-bg.jpg);
    background-size: cover;
}
.lets-talk-home {
    background: url(images/home/lets-talk-bg.jpg);
    background-size: cover;
}
.lets-talk-home .button-holder {
    position: relative;
    display: inline-block;
    width: 71%;
}
.lets-talk-home .button-holder:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url(images/home/dc-left-img.png) no-repeat 0 0;
    width: 225px;
    height: 71px;
}
.lets-talk-home .button-holder:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url(images/home/dc-right-img.png) no-repeat 0 0;
    width: 225px;
    height: 71px;
}
.text-center {
    text-align: center;
}
.padding-50 {
    padding-top: 25px;
    padding-bottom: 25px;
}
@media all and (min-width: 1024px) {
    .padding-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.padding-60 {
    padding-top: 30px;
    padding-bottom: 30px;
}
@media all and (min-width: 1024px) {
    .padding-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.padding-all-60 {
    padding: 30px;
}
@media all and (min-width: 768px) {
    .padding-all-60 {
        padding: 60px;
    }
}
.padding-40 {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media all and (min-width: 1024px) {
    .padding-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.padding-80 {
    padding-top: 40px;
    padding-bottom: 25px;
}
@media all and (min-width: 1024px) {
    .padding-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.padding-120 {
    padding-top: 60px;
    padding-bottom: 40px;
}
@media all and (min-width: 1024px) {
    .padding-120 {
        padding-top: 120px;
        padding-bottom: 80px;
    }
}
.padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.padding-bottom-50 {
    padding-bottom: 50px;
}
.padding-bottom-60 {
    padding-bottom: 60px;
}
.padding-bottom-80 {
    padding-bottom: 80px;
}
.padding-bottom-0 {
    padding-bottom: 0px !important;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}
.margin-bottom-0,
.o-efforts__desc {
    margin-bottom: 0;
}
.margin-left-5 {
    margin-left: 5px;
}
.center-block {
    margin: 0px auto;
    display: block;
}
.z-index-2 {
    z-index: 2;
}
.pos-rel {
    position: relative;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.text-capitalize {
    text-transform: capitalize;
}
.pos-left-150:after {
    left: -150px !important;
}
.border-top-lightgreen {
    border-top: 1px solid #e2f1ef;
}
.border-bottom-lightgreen {
    border-bottom: 1px solid #e2f1ef;
}
html *,
html *:before,
html *:after {
    box-sizing: border-box;
}
html i,
html em,
html b,
html strong,
html span {
    transition: none;
}
.btn-center-block {
    margin: 0px auto;
    width: 295px;
}
@media all and (min-width: 1024px) {
    .btn-center-block {
        width: 350px;
    }
}
.btn-center-block--380 {
    margin: 0px auto;
    width: 380px;
}
@media all and (min-width: 1024px) {
    .btn-center-block--380 {
        width: 380px;
    }
}
.btn-center-block--380 .btn {
    max-width: 380px;
}
.btn_wrapper {
    overflow: hidden;
}
.btn_wrapper .btn-orange {
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
}
.btn_wrapper .btn-orange:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    z-index: -1;
    border-radius: 5px;
}
@media all and (max-width: 768px) {
    .btn_wrapper .btn-orange:before {
        -webkit-transform: translateX(-195%);
        transform: translateX(-195%);
    }
}
@media all and (max-width: 767px) {
    .btn_wrapper .btn-orange {
        font-weight: bold;
    }
}
.btn_wrapper .btn-orange:hover {
    color: #ff5800;
}
.btn_wrapper .btn-orange:hover:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.btn_wrapper .btn-orange:hover:after {
    background: url(images/common/arrow-orange.png) no-repeat;
    background-position: 94% 50%;
}
.btn_wrapper .btn-orange:after {
    content: "";
    background: url(images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
}
@media all and (max-width: 767px) {
    .btn_wrapper .btn-orange:after {
        margin-left: 5px;
    }
}
.btn_wrapper .btn-white {
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
}
.btn_wrapper .btn-white:hover {
    color: #ff5800;
}
.btn_wrapper .btn-white:hover:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.btn_wrapper .btn-white:hover:after {
    background: url(images/common/arrow-orange.png) no-repeat;
    background-position: 94% 50%;
}
.btn_wrapper .btn-white:after {
    content: "";
    background: url(images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
}
.gradient-blue-green {
    background: #004475;
    background: -moz-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #004475), color-stop(53%, #0b8a8a), color-stop(100%, #00b35c));
    background: -webkit-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: -o-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: -ms-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: linear-gradient(135deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004475', endColorstr='#00b35c', GradientType=1 );
}
.gradient-green-blue {
    background: #00b35c;
    background: -moz-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #00b35c), color-stop(47%, #0b8a8a), color-stop(100%, #004475));
    background: -webkit-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: -o-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: -ms-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: linear-gradient(135deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b35c', endColorstr='#004475', GradientType=1 );
}
.n-gradient-blue-green {
    background: #004475;
    background: -moz-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #004475), color-stop(53%, #0b8a8a), color-stop(100%, #00b35c));
    background: -webkit-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: -o-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: -ms-linear-gradient(-45deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    background: linear-gradient(135deg, #004475 0%, #0b8a8a 53%, #00b35c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004475', endColorstr='#00b35c', GradientType=1 );
}
.n-gradient-green-blue {
    background: #037c71;
    background: -moz-linear-gradient(-45deg, #037c71 0%, #042b4e 100%);
    background: -webkit-linear-gradient(-45deg, #037c71 0%, #042b4e 100%);
    background: linear-gradient(135deg, #037c71 0%, #042b4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037c71', endColorstr='#042b4e',GradientType=1 );
}
.pattern {
    position: relative;
    overflow: hidden;
}
.pattern:after {
    content: "";
    position: absolute;
    width: 604px;
    height: 250px;
    z-index: 1;
}
@media all and (min-width: 1024px) {
    .pattern-br:after {
        background: url(images/common/pattern-tl.png) no-repeat 100% 100%;
        right: 0;
        bottom: 0;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-tl:after {
        background: url(images/common/pattern-tl.png) no-repeat 0 0;
        left: 0px;
        top: 0;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-tr:after {
        background: url(images/common/pattern-tr.png) no-repeat 100% 0;
        right: 0;
        top: 0;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-bl:after {
        background: url(images/common/pattern-tr.png) no-repeat 0 100%;
        left: 0;
        bottom: 0;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-lighterbr:after {
        background: url(images/common/lighter-pattern.png) no-repeat 100% 100%;
        right: -210px;
        bottom: -31px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-lighterbr-new:after {
        background: url(images/common/br-pt.png) no-repeat 100% 100%;
        right: 0;
        bottom: 0;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-lightertr:after {
        background: url(images/common/lighter-pattern-right.png) no-repeat 0 0;
        right: -210px;
        top: 0;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-lightertl:after {
        background: url(images/common/lighter-pattern.png) no-repeat 100% 0;
        left: -210px;
        top: -31px;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
}
@media all and (min-width: 1024px) {
    .pattern-lighterbl:after {
        background: url(images/common/lighter-pattern-right.png) no-repeat 0 100%;
        left: -210px;
        bottom: -31px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
.masonry {
    transition: all 0.5s ease-in-out;
    column-gap: 30px;
    column-fill: initial;
}
.masonry .brick {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}
.masonry.gutterless {
    column-gap: 0;
}
.masonry.gutterless .brick {
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .masonry {
        column-count: 2;
    }
}
@media only screen and (min-width: 1024px) {
    .desc {
        font-size: 1.25em;
    }
    .intro {
        letter-spacing: 1px;
    }
    .masonry {
        column-count: 3;
    }
}
.z-index-10 {
    z-index: 10;
    position: relative;
}
.tranparent-bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0px;
    display: none;
}
.contact-modal {
    background: rgba(0, 0, 0, 0.4);
}
.work-holder {
    margin-bottom: 20px;
}
.work-holder .work-pan {
    width: 100%;
    display: inline-block;
    margin: 0 0 5% 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px #8f8f8f;
    -moz-box-shadow: 0px 0px 5px 0px #8f8f8f;
    box-shadow: 0px 0px 5px 0px #8f8f8f;
    vertical-align: top;
    background-color: #fff;
}
@media all and (min-width: 768px) {
    .work-holder .work-pan {
        width: 45%;
        margin: 2%;
        min-height: 420px;
    }
}
.work-holder .work-pan .work-img-bg {
    padding: 20px 20px 0 20px;
}
.work-holder .work-pan .work-text {
    padding: 20px;
    text-align: left;
}
.work-holder .work-pan .work-text h3 {
    color: #333;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}
.work-holder .work-pan .work-text p {
    color: #333;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 28px;
}
.work-holder .work-pan .work-text a {
    text-decoration: underline;
    color: #578edc;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
.work-holder .work-pan-auto {
    min-height: auto;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.max-width-650 {
    max-width: 650px;
}
.max-width-700 {
    max-width: 700px;
}
.green-bg-headine {
    background-color: #14df7d;
    color: #333;
    padding: 10px 20px;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 40px;
    position: relative;
    text-transform: capitalize;
}
.green-bg-headine:before {
    position: absolute;
    left: 0;
    bottom: -19px;
    content: "";
    width: 48px;
    height: 19px;
    background: url(images/common/heading-left-bg.png) no-repeat 100% 0;
}
.green-bg-headine:after {
    position: absolute;
    right: 0;
    bottom: -19px;
    content: "";
    width: 48px;
    height: 19px;
    background: url(images/common/heading-right-bg.png) no-repeat 100% 0;
}
ul.bullet-list li {
    font-size: 19px;
    line-height: 29px;
    padding: 0 0 20px 20px;
    position: relative;
}
ul.bullet-list li:before {
    content: "\2022";
    color: #14df7d;
    font-weight: bold;
    display: inline-block;
    width: 7px;
    position: absolute;
    left: 0;
}
.form-control {
    border: 0 !important;
    display: inline-block !important;
    background: transparent !important;
    box-shadow: none !important;
}
@media all and (min-width: 768px) {
    .image-left-mergin {
        margin-left: -30px;
    }
}
@media all and (min-width: 768px) {
    .image-left-mergin-0 {
        margin-left: 0;
    }
}
.border-left-grey {
    border-left: 1px solid transparent;
}
@media all and (min-width: 768px) {
    .border-left-grey {
        border-left: 1px solid #efeff4;
    }
}
.border-right-grey {
    border-right: 1px solid transparent;
}
@media all and (min-width: 768px) {
    .border-right-grey {
        border-right: 1px solid #efeff4;
    }
}
.padding-l-50 {
    padding-left: 15px;
}
@media all and (min-width: 768px) {
    .padding-l-50 {
        padding-left: 50px;
    }
}
.padding-r-50 {
    padding-right: 15px;
}
@media all and (min-width: 768px) {
    .padding-r-50 {
        padding-right: 50px;
    }
}
.banner-top-position {
    position: relative;
}
.banner-top-position__center {
    position: relative;
}
@media all and (min-width: 768px) {
    .banner-top-position__center {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-60%);
        -webkit-transform: translateY(-60%);
        -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
    }
}
.padding-top-20 {
    padding-top: 20px;
}
.bullet-icon-circle {
    position: relative;
}
.bullet-icon-circle li:before {
    width: 6px !important;
    height: 6px !important;
    top: 3px !important;
    border-radius: 50%;
    background-color: #000 !important;
    background-image: none !important;
    position: absolute !important;
    top: 30% !important;
    transform: translateY(-50%) !important;
    left: 17px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.small-dot {
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
.relative {
    position: relative;
}
.box-bg {
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 188px;
    margin-bottom: 30px;
    position: relative;
    display: block;
}
.box-bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.box-bg_service {
    height: 250px;
}
.box-bg_service img {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -30%);
}
.box-bg_service h6 {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -70%);
    width: 70%;
}
.home-page #navbar {
    position: fixed;
    top: -104px;
}
.logo-thumb a {
    background-color: #fff;
}
.logo-thumb a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 75%;
    transform: translate(-50%, 0);
    background-image: url(images/home/home-arrow.png);
    width: 22px;
    height: 22px;
}
.logo-thumb a:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
}
.logo-thumb a:hover:before {
    background-image: url(images/home/home-orange-arrow.png);
}
.logo-thumb_service a:before {
    top: 80%;
}
.font-size-24 {
    font-size: 24px;
    line-height: 32px;
}
.font-size-28 {
    font-size: 28px !important;
    line-height: 40px;
}
.font-size-30 {
    font-size: 30px;
    line-height: 43px;
}
@media all and (max-width: 767px) {
    .font-size-30 {
        font-size: 28px;
    }
}
.font-family-mot {
    font-family: "Montserrat", sans-serif;
}
.font-family-pro {
    font-family: "Source Serif Pro", serif;
}
.font-size-20 {
    font-size: 20px;
    line-height: 33px;
}
.font-size-54 {
    font-size: 54px;
}
.font-weight-600 {
    font-weight: 600;
}
.font-size-36 {
    font-size: 36px !important;
    line-height: 53px;
}
@media all and (max-width: 767px) {
    .font-size-36 {
        line-height: 42px;
        margin-bottom: 15px;
    }
}
.services-pan a.btn {
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-decoration: underline;
    max-width: 340px;
    margin: 0 auto 0;
    display: block;
    padding: 0;
    text-transform: none;
}
.new-contact .o-contact-us-new h2 {
    background-image: none !important;
}
.quickform-holder .group {
    text-align: left !important;
}
.montserrat-400 {
    font-weight: 400;
}
.montserrat-300 {
    font-weight: 300;
}
.montserrat-200 {
    font-weight: 200;
}
.text-transform-normal {
    text-transform: none !important;
}
.margin-top-10 {
    margin-top: 10px;
}
.padding-top-100 {
    padding-top: 80px;
}
@media all and (min-width: 1024px) {
    .padding-top-100 {
        padding-top: 100px;
    }
}
.font-size-19 {
    font-size: 19px;
    line-height: 30px;
}
.margin-btm-0 {
    margin-bottom: 0px;
}
.ten-years {
    color: #fff;
    padding: 0px 50px;
}
@media all and (max-width: 767px) {
    .ten-years {
        padding: 0;
    }
}
.bg-lightter-grey {
    background-color: #f8f8f8;
}
.padding-0 {
    padding: 0px !important;
}
.line-height-34 {
    line-height: 34px !important;
}
.ai-subheading {
    color: #14de7d;
    margin-top: 20px;
}
.pattern-lighter {
    position: relative;
}
.pattern-lighter:after {
    content: "";
    position: absolute;
    width: 530px;
    height: 326px;
    z-index: 1;
}
.pattern-lighter-br {
    position: relative;
}
.pattern-lighter-br:after {
    content: "";
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    display: none;
}
@media all and (min-width: 1024px) {
    .pattern-lighter-br:after {
        display: block;
    }
}
.pattern-lighter-bl {
    position: relative;
}
.pattern-lighter-bl:after {
    content: "";
    background: url(images/web-application/pattern-bottom-left.html) no-repeat bottom right;
    bottom: 0;
    left: 0;
    display: none;
}
@media all and (min-width: 1024px) {
    .pattern-lighter-bl:after {
        display: block;
    }
}
.pattern-solid-lighter {
    position: relative;
}
.pattern-solid-lighter:after {
    content: "";
    position: absolute;
    width: 548px;
    height: 286px;
    z-index: 1;
}
.pattern-solid-lighter-bl {
    position: relative;
}
.pattern-solid-lighter-bl:after {
    content: "";
    background: url(images/web-application/pattern-solid-lighter-bottom-left.html) no-repeat bottom right;
    bottom: 0;
    left: 0;
    display: none;
}
@media all and (min-width: 1024px) {
    .pattern-solid-lighter-bl:after {
        display: block;
    }
}
.o-gradient-blue-green {
    position: relative;
    background: linear-gradient(285deg, #07b260 0%, #00517f 30%, #023e66 75%, #051b39 100%);
}
.max-width-1024-center {
    max-width: 1024px;
    margin: 0px auto;
}
.padding-bottom-180 {
    padding-bottom: 80px;
}
@media all and (min-width: 1024px) {
    .padding-bottom-180 {
        padding-bottom: 180px;
    }
}
.color-text-black {
    color: #2b2a2a !important;
}
.min-height-150 {
    min-height: 150px !important;
}
.google-background {
    background-color: #db4c29;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 250px;
    margin: 0 10px;
}
.google-background a {
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}
.google-background:hover {
    box-shadow: 5px 8px 10px 0px #00000036;
}
.clutch-background {
    background-color: #17426d;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 250px;
    margin: 0 10px;
}
.clutch-background a {
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}
.clutch-background:hover {
    box-shadow: 5px 8px 10px 0px #00000036;
}
.goodfirms-background {
    background-color: #4985f7;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 250px;
    margin: 0 10px;
    z-index: 9;
}
.goodfirms-background a {
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}
.goodfirms-background:hover {
    box-shadow: 5px 8px 10px 0px #00000036;
}
.padding-left-20 {
    padding-left: 20px;
}
.padding-left-65 {
    padding-left: 65px;
}
.btn2 ul {
    text-align: center;
}
.btn2 ul li {
    display: inline-block;
    margin: 0 5px;
}
.btn2 ul li a.btn-ora {
    border: 2px solid #ff5800;
    background: url(images/common/arrow-white.png) 90% 50% no-repeat #ff5800 !important;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    padding: 16px 60px 18px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    display: inline-block;
    font-weight: 500;
}
.btn2 ul li a.btn-ora:hover {
    background: url(images/common/arrow-orange.png) 90% 50% no-repeat #fff !important;
    color: #ff5800;
}
.btn2 ul li a.btn-whi {
    border: 2px solid #ff5800;
    background: url(images/products/arrow-black.png) 90% 50% no-repeat #fff !important;
    color: #333;
    font-size: 17px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    padding: 16px 60px 18px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    display: inline-block;
    font-weight: 500;
}
.btn2 ul li a.btn-whi:hover {
    background: url(images/common/arrow-white.png) 90% 50% no-repeat #ff5800 !important;
    color: #fff;
}
ul.freamwork-list {
    display: flex;
    flex-wrap: wrap;
}
ul.freamwork-list li {
    flex: 50%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
ul.freamwork-list li img {
    margin-right: 20px;
    max-width: 187px;
}
ul.freamwork-list li p {
    padding-right: 20px;
    font-size: 18px;
    padding-bottom: 15px;
}
ul.freamwork-list li p a {
    display: block;
    font-family: "Montserrat", sans-serif;
    color: #333333;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: 500;
}
ul.freamwork-list li p a:hover {
    text-decoration: none;
}
.font-14 {
    font-size: 14px !important;
    line-height: 20px !important;
}
.font-16 {
    font-size: 16px !important;
    line-height: 24px !important;
}
.step-heading {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    margin-left: 10px;
    width: 80%;
}
@media all and (min-width: 1024px) {
    .step-holder img {
        margin: 100px auto 0 !important;
    }
}
.why-dotnet li {
    vertical-align: top;
    margin-bottom: 30px;
}
.why-dotnet li img {
    display: inline-block;
    margin-right: 20px;
    width: 5%;
    vertical-align: top;
}
.why-dotnet li span {
    display: inline-block;
    width: 19%;
    font-size: 20px;
    font-weight: 600;
    margin-right: 30px;
    line-height: 28px;
    vertical-align: top;
    font-family: "Montserrat", sans-serif;
}
.why-dotnet li p {
    display: inline-block;
    width: 70%;
    font-size: 18px;
    line-height: 28px;
    vertical-align: top;
}
.step-holder ol {
    margin-left: 20px;
}
.step-holder ol li {
    list-style-type: decimal;
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 5px;
}
.dedicated-development-teams .custom-software-development:before {
    display: none !important;
}
.dedicated-development-teams .custom-software-development:after {
    display: none !important;
}
.wordpress .newclass1 {
    top: -5px !important;
}
.wordpress #navbar {
    top: 45px !important;
}
.wordpress .o-navigation-bar .c-btn {
    display: none !important;
} /*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 0px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger-box {
    width: 30px;
    height: 18px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #333;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -8px;
}
.hamburger-inner::after {
    bottom: -8px;
}
.hamburger--spring .hamburger-inner {
    top: 1px;
    transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
    top: 8px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
    top: 16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
    top: -16px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -8px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mm-hidden {
    display: none !important;
}
.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}
.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.mm-panels,
.mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.mm-panels {
    overflow: hidden;
}
.mm-panel {
    transform: translate(100%, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transition: transform 0.4s ease;
    transform-origin: top left;
}
.mm-panel.mm-opened {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-panel.mm-subopened {
    transform: translate(-30%, 0);
    transform: translate3d(-30%, 0, 0);
    -webkit-transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
}
.mm-panel.mm-highest {
    z-index: 1;
}
.mm-panel.mm-noanimation {
    transition: none !important;
}
.mm-panel.mm-noanimation.mm-subopened {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-panels > .mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px;
}
.mm-panels > .mm-panel:not(.mm-hidden) {
    display: block;
}
.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
    content: "";
    display: block;
    height: 20px;
}
.mm-vertical .mm-panel {
    transform: none !important;
}
.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent;
}
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
    display: block;
}
.mm-listview > li.mm-vertical > .mm-next,
.mm-vertical .mm-listview > li > .mm-next {
    box-sizing: border-box;
    height: 40px;
    bottom: auto;
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    right: 19px;
}
.mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
    content: "";
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: rotate(-45deg);
}
.mm-clear:before,
.mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px;
}
.mm-clear:after,
.mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px;
}
.mm-next:after,
.mm-prev:before {
    content: "";
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.mm-prev:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 23px;
    right: auto;
}
.mm-next:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 23px;
    left: auto;
}
.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.mm-navbar > * {
    display: block;
    padding: 10px 0;
}
.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none;
}
.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mm-navbar .mm-btn:first-child {
    left: 0;
}
.mm-navbar .mm-btn:last-child {
    text-align: right;
    right: 0;
}
.mm-panel .mm-navbar {
    display: none;
}
.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}
.mm-listview,
.mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}
.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}
.mm-listview a,
.mm-listview a:hover {
    text-decoration: none;
}
.mm-listview > li {
    position: relative;
}
.mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before,
.mm-listview > li:after {
    border-color: inherit;
}
.mm-listview > li > a,
.mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}
.mm-listview > li:not(.mm-divider):after {
    content: "";
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: -20px;
}
.mm-listview > li:not(.mm-divider):after {
    left: 20px;
}
.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.mm-listview .mm-next:before {
    content: "";
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
    margin-right: 50px;
}
.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none;
}
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 50px;
    margin-right: 0;
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px;
}
.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
    color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
    border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
    tap-highlight-color: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-offcanvas.mm-right {
    left: auto;
}
html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
    transform: translate(-80%, 0);
    transform: translate3d(-80%, 0, 0);
    -webkit-transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    -moz-transform: translate(-80%, 0);
    -moz-transform: translate3d(-80%, 0, 0);
}
@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
        transform: translate(-140px, 0);
        transform: translate3d(-140px, 0, 0);
        -webkit-transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        -moz-transform: translate(-140px, 0);
        -moz-transform: translate3d(-140px, 0, 0);
    }
}
@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
        transform: translate(-440px, 0);
        transform: translate3d(-440px, 0, 0);
        -webkit-transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        -moz-transform: translate(-440px, 0);
        -moz-transform: translate3d(-440px, 0, 0);
    }
}
html.mm-front .mm-slideout {
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 0;
}
html.mm-front #mm-blocker {
    z-index: 1;
}
html.mm-front .mm-menu.mm-offcanvas {
    z-index: 2;
}
.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
    transition: transform 0.4s ease;
    transform: translate(-100%, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: transform 0.4s ease;
    -webkit-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
}
.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
    transform: translate(100%, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-offcanvas.mm-top {
    transform: translate(0, -100%);
    transform: translate3d(0, -100%, 0);
}
.mm-menu.mm-offcanvas.mm-bottom {
    transform: translate(0, 100%);
    transform: translate3d(0, 100%, 0);
}
.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.mm-menu.mm-offcanvas.mm-bottom {
    top: auto;
}
html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}
.mm-page {
    box-sizing: border-box;
    position: relative;
}
.mm-slideout {
    transition: transform 0.4s ease;
    z-index: 1;
}
html.mm-opened {
    overflow-x: hidden;
    position: relative;
}
html.mm-blocking {
    overflow: hidden;
}
html.mm-blocking body {
    overflow: hidden;
}
html.mm-background .mm-page {
    background: inherit;
}
#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
html.mm-blocking #mm-blocker {
    display: block;
}
.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
}
.mm-menu.mm-offcanvas.mm-opened {
    display: block;
}
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
    z-index: 10;
}
.mm-menu.mm-offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}
html.mm-opening .mm-menu ~ .mm-slideout {
    transform: translate(80%, 0);
    transform: translate3d(80%, 0, 0);
    -webkit-transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px) {
    html.mm-opening .mm-menu ~ .mm-slideout {
        transform: translate(140px, 0);
        transform: translate3d(140px, 0, 0);
        -webkit-transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
    }
}
@media all and (min-width: 550px) {
    html.mm-opening .mm-menu ~ .mm-slideout {
        transform: translate(440px, 0);
        transform: translate3d(440px, 0, 0);
        -webkit-transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
    }
}
.mm-sronly {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}
.mm-menu.mm-opened[class*="mm-pagedim"] ~ #mm-blocker {
    opacity: 0;
}
html.mm-opening .mm-menu.mm-opened[class*="mm-pagedim"] ~ #mm-blocker {
    opacity: 0.3;
    transition: opacity 0.4s ease 0.4s;
}
.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
    background: inherit;
}
.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
    background: #fff;
}
.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
    background: #000;
}
.mm-menu.mm-fx-menu-zoom {
    transition: transform 0.4s ease;
}
html.mm-opened .mm-menu.mm-fx-menu-zoom {
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform-origin: left center;
}
html.mm-opening .mm-menu.mm-fx-menu-zoom {
    transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform-origin: right center;
}
html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
    transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu.mm-fx-menu-slide {
    transition: transform 0.4s ease;
}
html.mm-opened .mm-menu.mm-fx-menu-slide {
    transform: translate(-30%, 0);
    transform: translate3d(-30%, 0, 0);
    -webkit-transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
}
html.mm-opening .mm-menu.mm-fx-menu-slide {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
    transform: translate(30%, 0);
    transform: translate3d(30%, 0, 0);
    -webkit-transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
}
html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-menu.mm-fx-menu-fade {
    opacity: 0;
    transition: opacity 0.4s ease;
}
html.mm-opening .mm-menu.mm-fx-menu-fade {
    opacity: 1;
}
.mm-menu .mm-fx-panels-none.mm-panel,
.mm-menu.mm-fx-panels-none .mm-panel {
    transition-property: none;
}
.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-menu .mm-fx-panels-zoom.mm-panel,
.mm-menu.mm-fx-panels-zoom .mm-panel {
    transform-origin: left center;
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
}
.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
    transform: scale(1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}
.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
    transform: translate(-100%, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
}
.mm-menu .mm-fx-panels-slide-up.mm-panel,
.mm-menu.mm-fx-panels-slide-up .mm-panel {
    transform: translate(0, 100%);
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
}
.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li {
    transition: none 0.4s ease;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(1) {
    transition-delay: 50ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(2) {
    transition-delay: 0.1s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(3) {
    transition-delay: 150ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(4) {
    transition-delay: 0.2s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(5) {
    transition-delay: 250ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(6) {
    transition-delay: 0.3s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(7) {
    transition-delay: 350ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(8) {
    transition-delay: 0.4s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(9) {
    transition-delay: 450ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(10) {
    transition-delay: 0.5s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(11) {
    transition-delay: 550ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(12) {
    transition-delay: 0.6s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(13) {
    transition-delay: 650ms;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(14) {
    transition-delay: 0.7s;
}
.mm-menu[class*="mm-fx-listitems-"] .mm-listview > li:nth-child(15) {
    transition-delay: 750ms;
}
.mm-menu.mm-fx-listitems-slide .mm-listview > li {
    transition-property: transform, opacity;
    transform: translate(50%, 0);
    transform: translate3d(50%, 0, 0);
    -webkit-transform: translate(50%, 0);
    -webkit-transform: translate3d(50%, 0, 0);
    opacity: 0;
}
html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
}
.mm-menu.mm-fx-listitems-fade .mm-listview > li {
    transition-property: opacity;
    opacity: 0;
}
html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
}
.mm-menu.mm-fx-listitems-drop .mm-listview > li {
    transition-property: opacity, top;
    opacity: 0;
    top: -25%;
}
html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
    top: 0;
}
.mm-menu.mm-shadow-page:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
}
.mm-menu.mm-shadow-page.mm-right:after {
    left: auto;
    right: 100%;
}
.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
    content: none;
    display: none;
}
.mm-menu.mm-shadow-page:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n + 2) {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar > * {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-shadow-page.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n + 2) {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
    background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333;
}
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}
.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar > * {
    color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
    tap-highlight-color: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-shadow-page.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n + 2) {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-indexer a {
    color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff;
}
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}
.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar > * {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    tap-highlight-color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-fixeddivider span {
    background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-shadow-page.mm-theme-black:after {
    content: none;
    display: none;
}
.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n + 2) {
    box-shadow: false;
}
.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
    background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000;
}
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%;
}
em.mm-counter + a.mm-next {
    width: 90px;
}
em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
    margin-right: 90px;
}
em.mm-counter + a.mm-fullsubopen {
    padding-left: 0;
}
em.mm-counter + a.mm-fullsubopen + a,
em.mm-counter + a.mm-fullsubopen + span {
    padding-right: 90px;
}
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a,
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
    padding-right: 90px;
}
.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0;
}
.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px;
}
.mm-nosubresults > .mm-counter {
    display: none;
}
.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}
.mm-navbars-bottom,
.mm-navbars-top {
    background: inherit;
    border-color: inherit;
    border-width: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
}
.mm-navbars-bottom > .mm-navbar,
.mm-navbars-top > .mm-navbar {
    border: none;
    padding: 0;
    position: relative;
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.mm-navbars-top {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    top: 0;
}
.mm-navbars-bottom {
    border-top-style: solid;
    border-top-width: 1px;
    bottom: 0;
}
.mm-navbar.mm-hasbtns {
    padding: 0 40px;
}
.mm-navbar[class*="mm-navbar-content-"] > * {
    box-sizing: border-box;
    display: block;
    float: left;
}
.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px;
}
.mm-navbar .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px;
}
.mm-navbar .mm-breadcrumbs > a {
    text-decoration: underline;
}
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px;
}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0;
}
.mm-hasnavbar-top-1 .mm-panels {
    top: 40px;
}
.mm-hasnavbar-top-2 .mm-panels {
    top: 80px;
}
.mm-hasnavbar-top-3 .mm-panels {
    top: 120px;
}
.mm-hasnavbar-top-4 .mm-panels {
    top: 160px;
}
.mm-hasnavbar-bottom-1 .mm-panels {
    bottom: 40px;
}
.mm-hasnavbar-bottom-2 .mm-panels {
    bottom: 80px;
}
.mm-hasnavbar-bottom-3 .mm-panels {
    bottom: 120px;
}
.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px;
}
.mm-navbar-size-2 {
    height: 80px;
}
.mm-navbar-size-3 {
    height: 120px;
}
.mm-navbar-size-4 {
    height: 160px;
}
.mm-navbar-content-2 > * {
    width: 50%;
}
.mm-navbar-content-3 > * {
    width: 33.33%;
}
.mm-navbar-content-4 > * {
    width: 25%;
}
.mm-navbar-content-5 > * {
    width: 20%;
}
.mm-navbar-content-6 > * {
    width: 16.67%;
}
.mm-search,
.mm-search input {
    box-sizing: border-box;
}
.mm-search {
    height: 40px;
    padding: 7px 10px 0 10px;
    position: relative;
}
.mm-search input {
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin: 0;
    padding: 0 10px;
}
.mm-search input::-ms-clear {
    display: none;
}
.mm-search .mm-clear,
.mm-search .mm-next {
    right: 0;
}
.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mm-panel.mm-hassearch {
    padding-top: 40px;
}
.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px;
}
.mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
    top: 40px;
}
.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0;
}
.mm-noresults .mm-indexer {
    display: none !important;
}
li.mm-nosubresults > a.mm-next {
    display: none;
}
li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px;
}
.mm-menu .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.75);
}
.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3);
}
.hamburger {
    position: relative;
    bottom: -4px;
}
.mm-navbar {
    height: 38px;
    line-height: 16px;
}
.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar > * {
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.mm-listview > li > a,
.mm-listview > li > span {
    color: #333;
    padding: 13px 10px 13px 20px;
    font-size: 16px;
}
.mm-listview > li:hover > a,
.mm-listview > li:hover > span {
    color: #9c9c9c;
}
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
    border-color: #333;
}
.mm-menu.mm-theme-white .mm-divider {
    background: none;
    padding: 10px 20px 0;
    color: #24c783;
    font-weight: 400;
}
#mm-blocker {
    cursor: pointer;
}
.mm-nav-icon {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 10px;
}
.o-pushmenu {
    display: block;
}
.o-navigation-bar {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    padding: 20px 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-family: "Montserrat", sans-serif;
    border-radius: 0 !important;
}
.o-navigation-bar__logo .default {
    display: block;
}
.o-navigation-bar__logo .sticky {
    display: none;
}
.o-navigation-bar .contact-us {
    color: #333;
    font-size: 18px;
    line-height: 59px;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 768px) {
    .o-navigation-bar .contact-us i {
        margin-right: 10px;
    }
}
@media all and (min-width: 1200px) {
    .o-navigation-bar #primaryNav {
        display: block;
        float: right;
        padding: 6.5px 0;
    }
}
.o-navigation-bar #primaryNav .request-quote {
    font-size: 13px;
    padding: 10px 31px 10px 12px;
    line-height: 41px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ff5800;
    border: 2px solid #ff5800;
    text-transform: uppercase;
    position: relative;
    margin-left: 10px;
}
@media all and (min-width: 1024px) {
    .o-navigation-bar #primaryNav .request-quote {
        font-size: 14px;
        line-height: 24px;
    }
}
@media all and (min-width: 1080px) {
    .o-navigation-bar #primaryNav .request-quote {
        line-height: 41px;
    }
}
@media all and (max-width: 1199px) {
    .o-navigation-bar #primaryNav .request-quote {
        margin-left: 10px !important;
        width: 130px !important;
        padding: 13px 5px !important;
        font-size: 12px !important;
    }
}
@media all and (max-width: 991px) {
    .o-navigation-bar #primaryNav .request-quote {
        margin-left: 5px !important;
        width: 70px !important;
        padding: 10px 4px !important;
        font-size: 11px !important;
    }
}
.o-navigation-bar #primaryNav .request-quote:after {
    width: 21px;
    height: 14px;
    background-size: contain;
    margin-left: 7px;
    background: url(images/common/arrow-orange.png) 50% 50% no-repeat;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    transition: 0.8s;
    background-size: 16px;
}
.o-navigation-bar #primaryNav .request-quote i {
    margin-right: 10px;
    display: none;
}
.o-navigation-bar #primaryNav .request-quote:hover {
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
}
.o-navigation-bar #primaryNav .request-quote:hover:after {
    background: url(images/common/arrow-white.png) 50% 50% no-repeat;
    content: "";
    background-size: 16px;
}
@media all and (max-width: 1199px) {
    .o-navigation-bar #primaryNav ul {
        padding-left: 20px;
    }
}

@media all and (min-width: 768px) {
   .o-navigation-bar #primaryNav ul {
       float: left;
   }
}
.o-navigation-bar #primaryNav li {
    display: block;
    position: relative;
    z-index: 1;
}
@media all and (min-width: 768px) {
    .o-navigation-bar #primaryNav li {
        float: left;
    }
}
.o-navigation-bar #primaryNav li:hover {
    z-index: 2;
}
.o-navigation-bar #primaryNav li a,
.o-navigation-bar #primaryNav li span {
    font-size: 12px;
    display: block;
    color: #333;
    line-height: 45px;
    padding: 0 5px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 1024px) {
    .o-navigation-bar #primaryNav li a,
    .o-navigation-bar #primaryNav li span {
        padding: 0 2px;
    }
}
@media all and (min-width: 1080px) {
    .o-navigation-bar #primaryNav li a,
    .o-navigation-bar #primaryNav li span {
        padding: 0 5px;
    }
}
@media all and (min-width: 1200px) {
    .o-navigation-bar #primaryNav li a,
    .o-navigation-bar #primaryNav li span {
        font-size: 14px;
    }
}
@media all and (max-width: 991px) {
    .o-navigation-bar #primaryNav li a,
    .o-navigation-bar #primaryNav li span {
        padding: 0 3px;
    }
}
@media all and (max-width: 767px) {
    .o-navigation-bar #primaryNav li a,
    .o-navigation-bar #primaryNav li span {
        color: #fff;
    }
}
.o-navigation-bar #primaryNav li a:hover,
.o-navigation-bar #primaryNav li span:hover {
    color: #333;
}
.o-navigation-bar #primaryNav li ul {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media all and (min-width: 1200px) {
    .o-navigation-bar #primaryNav li ul {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 280px;
        background: #fff;
        padding: 0px 0;
        text-align: left;
        box-shadow: 6px 8px 10px rgba(0, 0, 0, 0.16);
        border-top: 3px solid #14df7d;
        border-radius: 3px;
        -webkit-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}
.o-navigation-bar #primaryNav li ul.orange {
    border-top: 3px solid #ff8443;
}
.o-navigation-bar #primaryNav li ul.orange:before {
    border-color: transparent transparent #ff8443 transparent;
}
.o-navigation-bar #primaryNav li ul.blue {
    border-top: 3px solid #4492dc;
}
.o-navigation-bar #primaryNav li ul.blue:before {
    border-color: transparent transparent #4492dc transparent;
}
.o-navigation-bar #primaryNav li ul.green {
    border-top: 3px solid #14df7d;
}
.o-navigation-bar #primaryNav li ul.green:before {
    border-color: transparent transparent #14df7d transparent;
}
@media all and (min-width: 768px) {
    .o-navigation-bar #primaryNav li ul:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-color: transparent transparent #14df7d transparent;
        border-style: solid dashed solid dashed;
        border-width: 0 7px 7px 7px;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -7px;
    }
}
.o-navigation-bar #primaryNav li ul li {
    float: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
.o-navigation-bar #primaryNav li ul li:last-of-type {
    border: none;
}
.o-navigation-bar #primaryNav li ul li a,
.o-navigation-bar #primaryNav li ul li span {
    text-transform: none;
    font-size: 15px;
    line-height: 1.4;
}
@media all and (min-width: 768px) {
    .o-navigation-bar #primaryNav li ul li:hover > a,
    .o-navigation-bar #primaryNav li ul li:hover > span {
        background: #f1f1f1;
    }
}
@media all and (min-width: 1200px) {
    .o-navigation-bar #primaryNav li ul li ul {
        position: absolute;
        top: 0;
        left: 90%;
        width: 280px;
        background: #fff;
        padding: 0px 0;
        text-align: left;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
        border-top: none;
        border-radius: 3px;
        -webkit-transform: translate(20px, 0);
        -moz-transform: translate(20px, 0);
        -ms-transform: translate(20px, 0);
        -o-transform: translate(20px, 0);
        transform: translate(20px, 0);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .o-navigation-bar #primaryNav li ul li ul:before {
        display: none;
    }
}
@media all and (min-width: 1200px) {
    .o-navigation-bar #primaryNav li ul li:hover > ul {
        opacity: 1;
        visibility: visible;
        display: block;
        -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
}
@media all and (min-width: 1200px) {
    .o-navigation-bar #primaryNav li:hover > ul {
        opacity: 1;
        visibility: visible;
        display: block;
        -webkit-transform: translate(-50%, 0px);
        -moz-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
        -o-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
}
.o-navigation-bar #primaryNav li.has-submenu {
    padding-right: 9px;
    position: relative;
}
.o-navigation-bar #primaryNav li.has-submenu > a,
.o-navigation-bar #primaryNav li.has-submenu > span {
    position: relative;
    padding-right: 13px;
    background: url("images/common/nav-down-arrow.svg") 100% 50% no-repeat;
}
.o-navigation-bar #primaryNav li.has-submenu .has-submenu {
    padding-right: 9px;
}
.o-navigation-bar #primaryNav li.has-submenu .has-submenu > a,
.o-navigation-bar #primaryNav li.has-submenu .has-submenu > span {
    position: relative;
    padding-right: 13px;
}
.o-navigation-bar .nav-link {
    font-size: 17px;
    color: #333;
    margin-right: 22px;
    line-height: 17px;
    display: none;
}
@media all and (min-width: 768px) {
    .o-navigation-bar .nav-link {
        display: inline-block;
    }
}
.o-navigation-bar .nav-link img {
    width: 21px;
    height: auto;
}
.o-navigation-bar.fixed {
    padding: 10px 0;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.o-navigation-bar.fixed .o-navigation-bar__logo .default {
    display: none;
}
.o-navigation-bar.fixed .o-navigation-bar__logo .sticky {
    display: block;
}
@media all and (min-width: 1200px) {
    .o-navigation-bar.fixed #primaryNav {
        padding: 0px 0;
    }
}
.o-navigation-bar.fixed #primaryNav .request-quote {
    line-height: 35px;
}
.o-navigation-bar.fixed #primaryNav li a,
.o-navigation-bar.fixed #primaryNav li span {
    line-height: 38px;
}
.o-navigation-bar.fixed #primaryNav li ul li a,
.o-navigation-bar.fixed #primaryNav li ul li span {
    line-height: 1.4;
}
.o-navigation-bar.fixed .contact-us {
    font-size: 18px;
    line-height: 38px;
}
@media all and (min-width: 1200px) {
    .o-navigation-bar-new #primaryNav li ul {
        width: 300px;
        background: #fff;
        padding: 0;
        border: 1px solid #ccc;
        -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.37);
        -moz-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.37);
        box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.37);
        border-radius: 0;
    }
    .o-navigation-bar-new #primaryNav li ul li {
        position: relative;
    }
    .o-navigation-bar-new #primaryNav li ul li.has-submenu {
        padding-right: 0 !important;
    }
    .o-navigation-bar-new #primaryNav li ul li.has-submenu > a,
    .o-navigation-bar-new #primaryNav li ul li.has-submenu > span {
        position: relative;
        background: url("images/common/nav-right-arrow.svg") 90% 50% no-repeat !important;
        border-left: 4px solid #fff;
        padding: 10px 0 10px 10px;
    }
    .o-navigation-bar-new #primaryNav li ul li.has-submenu:hover > a,
    .o-navigation-bar-new #primaryNav li ul li.has-submenu:hover > span {
        background: url("images/common/nav-right-arrow.svg") 90% 50% no-repeat #dadada !important;
        color: #333 !important;
        border-left: 4px solid #14df7d;
    }
    .o-navigation-bar-new #primaryNav li ul li a {
        padding: 10px;
        border-left: 4px solid #fff;
    }
    .o-navigation-bar-new #primaryNav li ul li a:hover {
        background-color: #dadada;
        color: #333;
        border-left: 4px solid #14df7d;
    }
    .o-navigation-bar-new #primaryNav li ul li ul {
        left: 100% !important;
        width: 300px;
        position: absolute;
        background: #fff;
        -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.37);
        -moz-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.37);
        box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.37);
        padding: 0;
    }
    .o-navigation-bar-new #primaryNav li ul li ul li a {
        padding: 10px 0 10px 10px;
        background-color: #fff;
        background-image: none !important;
    }
    .o-navigation-bar-new #primaryNav li ul li ul li a:hover {
        background-color: #dadada !important;
        background-image: none !important;
        color: #333;
        border-left: 4px solid #14df7d;
    }
}
.showinMobile {
    display: none;
}
@media all and (min-width: 768px) {
    .showinMobile {
        display: inline-block;
    }
}
@media all and (min-width: 1160px) {
    .showinMobile {
        display: inline;
    }
}
@media all and (max-width: 767px) {
    .dropdown > ul.dropdown-menu {
        background-color: transparent !important;
        background-image: none !important;
    }
}
@media all and (max-width: 767px) {
    .dropdown > ul.dropdown-menu .has-submenu .dropdown-menu {
        background-color: #f5f5f5 !important;
    }
}
@media all and (max-width: 767px) {
    .scrollable-menu {
        height: auto;
        max-height: 500px;
        overflow-x: hidden;
    }
}
@media all and (min-width: 993px) {
    .nav > li > a:focus,
    .nav > li > a:hover {
        text-decoration: none;
        background-color: transparent !important;
    }
}
.home-hamburger {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    padding: 5px;
}
@media all and (max-width: 767px) {
    .o-navigation-bar {
        position: absolute;
    }
}
@media all and (max-width: 991px) {
    .o-navigation-bar .container {
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    #primaryNav {
        background: rgba(39, 27, 49, 0.95);
    }
}
@media all and (max-width: 767px) {
    #primaryNav .navbar-nav {
        margin: 7.5px 0;
        padding-left: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-navigation-bar-new #primaryNav .request-quote br {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .o-navigation-bar-new #primaryNav .request-quote {
        width: 200px !important;
        margin-left: 15px !important;
        margin-bottom: 15px;
    }
}
.o-footer {
    text-align: center;
    color: #333;
    position: relative;
    padding: 40px 0 80px 0;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 1024px) {
    .o-footer {
        text-align: left;
        background-size: 25%;
        padding-top: 0;
    }
}
@media all and (min-width: 1024px) {
    .o-footer--footer-divider {
        margin: 0 0 80px 0;
        position: relative;
        height: 1px;
        background-color: #e7e7e7;
    }
}
@media all and (min-width: 1024px) {
    .o-footer--footer-divider div {
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        width: 51px;
        height: 51px;
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        cursor: pointer;
    }
}
@media all and (min-width: 1024px) {
    .o-footer--footer-divider div span {
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #a4a4a4;
        border-radius: 50%;
        margin-top: 23px;
    }
}
.o-footer--copyright {
    padding: 40px 20px;
}
@media all and (min-width: 1024px) {
    .o-footer--copyright {
        padding: 0 30px 0;
        border-left: 1px solid #dfdfdf;
    }
}
.o-footer--copyright ul {
    overflow: hidden;
}
.o-footer--copyright ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    border-left: 1px solid #dfdfdf;
    padding: 0 10px;
    margin-bottom: 4px;
}
.o-footer--copyright ul li:first-child {
    border-left: 0;
    padding: 0 10px 0 0;
}
.o-footer--copyright ul li a {
    color: #414446;
    font-family: "Montserrat", sans-serif;
}
.o-footer--copyright ul li a:hover {
    text-decoration: underline;
}
.o-footer--copyright p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
}
.o-footer--copyright p strong {
    font-weight: bold;
}
.o-footer .dmca-badge {
    text-align: center;
    margin-top: 2px;
}
@media all and (min-width: 1024px) {
    .o-footer .dmca-badge {
        text-align: right;
    }
}
.social-footer-divider {
    position: relative;
    background-color: #fff;
}
.social-footer-divider--social-pan {
    text-align: center;
    border-top: 1px solid #e7e7e7;
    padding: 40px 0;
}
.social-footer-divider--social-pan li {
    display: inline-block;
    margin: 0 7px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    background-size: 100%;
}
@media all and (max-width: 768px) {
    .social-footer-divider--social-pan li {
        margin: 0 2px;
    }
}
.social-footer-divider--social-pan li a {
    line-height: 44px;
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    text-indent: -10000px;
    background-image: url("images/common/common-sprite.png");
}
.social-footer-divider--social-pan li a .display-vissable {
    display: inline-block;
}
.social-footer-divider--social-pan li a .display-hidden {
    display: none;
}
.social-footer-divider--social-pan li a:hover .display-vissable {
    display: none;
}
.social-footer-divider--social-pan li a:hover .display-hidden {
    display: inline-block;
}
.social-footer-divider--social-pan li.social-1 a {
    background-position: 0 -341px;
}
.social-footer-divider--social-pan li.social-1 a:hover {
    background-position: -55px -341px;
}
.social-footer-divider--social-pan li.social-2 a {
    background-position: -108px -341px;
}
.social-footer-divider--social-pan li.social-2 a:hover {
    background-position: -164px -341px;
}
.social-footer-divider--social-pan li.social-3 a {
    background-position: -220px -341px;
}
.social-footer-divider--social-pan li.social-3 a:hover {
    background-position: -275px -341px;
}
.social-footer-divider--social-pan li.social-4 a {
    background-position: -2px -376px;
}
.social-footer-divider--social-pan li.social-4 a:hover {
    background-position: -55px -376px;
}
.social-footer-divider--social-pan li.social-5 a {
    background-position: -108px -375px;
}
.social-footer-divider--social-pan li.social-5 a:hover {
    background-position: -162px -375px;
}
.social-footer-divider--social-pan li.social-6 a {
    background-position: -218px -375px;
}
.social-footer-divider--social-pan li.social-6 a:hover {
    background-position: -272px -375px;
}
.new-footer {
    background-color: #091b38;
    color: #aec7da;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 25px;
}
.new-footer a {
    color: #aec7da;
}
.new-footer h6 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 20px;
}
.new-social-links li {
    display: inline-block;
    margin-right: 16px;
}
.new-social-links {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    margin-top: 35px;
    justify-content: space-evenly;
}
.new-social-links li:first-child {
    padding-left: 0;
}
.new-social-links li:last-child {
    padding-right: 0;
}
.new-social-links li a:hover svg path,
.new-social-links li a:hover svg circle {
    stroke: #2dbe70;
}
.new-social-links li a svg {
    transition: 0.3s all ease-in-out;
}
.new-footer-bot {
    border-top: 1px solid #979797;
}
.footer-btm-line {
    margin: 60px 0 40px;
    padding: 0;
    background: #979797;
    height: 1px;
    opacity: 0.3;
}
.f-logo {
    margin-bottom: 25px;
    width: 180px;
}
.new-footer-ul {
    display: inline-block;
    vertical-align: top;
}
ul.new-footer-ul-mr {
    margin-right: 40px;
}
.bottom-col-wrap ul {
    margin-bottom: 20px;
}
.bottom-col-wrap ul li {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid;
    padding-right: 10px;
    line-height: 14px;
}
.bottom-col-wrap ul li:last-child {
    border-right: 0;
}
.bottom-col-wrap p {
    margin-bottom: 0;
}
.dmca {
    text-align: right;
    padding-top: 40px;
}
.o-awards {
    color: #333;
    position: relative;
    padding: 70px 0 50px;
    display: none;
    background-color: #fff;
    position: relative;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-awards {
        display: block;
    }
}
.o-awards--award-partner {
    text-align: center;
}
.o-awards--award-partner li {
    display: inline-block;
    padding: 20px 10px;
    vertical-align: middle;
    width: 16%;
}
.o-awards h4 {
    font-size: 22px;
    line-height: 28px;
}
@media all and (min-width: 1024px) {
    .o-awards h4 {
        font-size: 24px;
        line-height: 32px;
    }
}
.o-awards--divider {
    padding-bottom: 0;
}
.o-awards--divider .container {
    padding-bottom: 50px;
}
.o-services-hero {
    position: relative;
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: #0e4173;
    background: -moz-linear-gradient(-45deg, #0e4173 0%, #051423 100%);
    background: -webkit-linear-gradient(-45deg, #0e4173 0%, #051423 100%);
    background: linear-gradient(135deg, #0e4173 0%, #051423 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4173', endColorstr='#051423',GradientType=1 );
}
.o-services-hero--overlay-testing {
    background-color: rgba(3, 19, 31, 0.86);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
}
@media all and (min-width: 768px) {
    .o-services-hero {
        padding: 35px 0;
    }
}
@media all and (min-width: 1024px) {
    .o-services-hero--graphic {
        padding: 35px 0 250px 0;
    }
}
.o-services-hero--landing-page {
    text-align: left;
}
.o-services-hero--game h1 {
    margin-bottom: 20px;
}
.o-services-hero--game p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 55px;
    color: #fff;
}
.o-services-hero--web {
    padding-top: 15px;
}
.o-services-hero--web h1 {
    font-size: 30px;
    color: #14df7d !important;
    line-height: 46px;
    text-transform: capitalize;
}
@media all and (min-width: 768px) {
    .o-services-hero--web h1 {
        font-size: 54px;
        line-height: 56px;
        font-weight: 600;
        margin-bottom: 5px !important;
    }
}
.o-services-hero--web .banner-icons ul {
    text-align: center;
}
.o-services-hero--web .banner-icons ul li {
    display: inline-block;
    border-right: 1px solid #d8d8d8;
    width: 150px;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.o-services-hero--web .banner-icons ul li:last-of-type {
    border-right: none;
}
.o-services-hero--web .banner-icons ul li figure img {
    margin-bottom: 15px;
}
.o-services-hero--web h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 45px;
    color: #fff !important;
    font-weight: 500;
}
.o-services-hero--web .hero-price-block {
    max-width: 550px;
    margin: 0 auto 20px;
    position: relative;
}
.o-services-hero--web .hero-price-block__web {
    max-width: 680px;
}
.o-services-hero--web .hero-price-block .box-heading {
    font-size: 28px;
    line-height: 32px;
    color: #fff !important;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}
@media all and (min-width: 768px) {
    .o-services-hero--web .hero-price-block .box-heading {
        position: absolute;
        left: 50%;
        top: -17px;
        margin-bottom: 0;
        transform: translate(-50%, 0);
        width: 75%;
    }
}
.o-services-hero--web .hero-price-block .box-heading:after {
    width: 100%;
    height: 3px;
    content: "";
    position: absolute;
    left: 50%;
    top: 16px;
    background: #175a77;
    margin-bottom: 0;
    transform: translate(-50%, 0);
    z-index: -1;
}
.o-services-hero--web .hero-price-block .box-heading--gredient-divider:after {
    background: #00406e;
    background: -moz-linear-gradient(left, #00406e 0%, #00406e 50%, #13637e 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #00406e), color-stop(50%, #00406e), color-stop(100%, #13637e));
    background: -webkit-linear-gradient(left, #00406e 0%, #00406e 50%, #13637e 100%);
    background: -o-linear-gradient(left, #00406e 0%, #00406e 50%, #13637e 100%);
    background: -ms-linear-gradient(left, #00406e 0%, #00406e 50%, #13637e 100%);
    background: linear-gradient(to right, #00406e 0%, #00406e 50%, #13637e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00406e', endColorstr='#13637e', GradientType=1 );
}
.o-services-hero--web .hero-price-block .monthly {
    background: #006ea5;
    background: -moz-linear-gradient(-45deg, #006ea5 0%, #006ea5 55%, #00bd97 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #006ea5), color-stop(55%, #006ea5), color-stop(100%, #00bd97));
    background: -webkit-linear-gradient(-45deg, #006ea5 0%, #006ea5 55%, #00bd97 100%);
    background: -o-linear-gradient(-45deg, #006ea5 0%, #006ea5 55%, #00bd97 100%);
    background: -ms-linear-gradient(-45deg, #006ea5 0%, #006ea5 55%, #00bd97 100%);
    background: linear-gradient(135deg, #006ea5 0%, #006ea5 55%, #00bd97 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ea5', endColorstr='#00bd97', GradientType=1 );
    width: 232px;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
    padding: 15px 16px 0 16px;
    margin-bottom: 20px;
    min-height: 222px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.o-services-hero--web .hero-price-block .monthly__web {
    width: 303px;
}
@media all and (min-width: 768px) {
    .o-services-hero--web .hero-price-block .monthly {
        margin: 0 15px;
    }
}
.o-services-hero--web .hero-price-block .monthly span.hiring-text {
    display: block;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px dotted #12a0da;
    margin-bottom: 10px;
    font-weight: 500;
}
.o-services-hero--web .hero-price-block .monthly p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 500;
}
.o-services-hero--web .hero-price-block .monthly p strong {
    font-weight: bold;
    font-size: 36px;
    color: #14df7d;
    display: block;
    padding: 10px 0;
}
.o-services-hero--web .hero-price-block .monthly p span {
    display: block;
    color: #14df7d;
    font-size: 16px;
    padding-bottom: 10px;
}
.o-services-hero--web .hero-price-block .hero-price-top {
    position: relative;
    font-size: 28px;
    line-height: 32px;
    color: #fff !important;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}
.o-services-hero--web .hero-price-block .hero-price-top:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    background-image: url("assets/images/common/round-tl.png");
    width: 65px;
    height: 24px;
}
.o-services-hero--web .hero-price-block .hero-price-top:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    background-image: url("assets/images/common/round-tr.png");
    width: 65px;
    height: 24px;
}
.o-services-hero--web .hero-price-block .hero-price-mid {
    position: relative;
    padding: 22px 0 5px;
    margin-top: -13px;
}
.o-services-hero--web .hero-price-block .hero-price-mid:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("assets/images/common/green-line.png") repeat-y 0 0;
    width: 1px;
    height: 100%;
}
.o-services-hero--web .hero-price-block .hero-price-mid:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url("assets/images/common/green-line.png") repeat-y 0 0;
    width: 1px;
    height: 100%;
}
.o-services-hero--web .hero-price-block .hero-price-bot {
    position: relative;
}
.o-services-hero--web .hero-price-block .hero-price-bot div {
    background: url(assets/images/common/green-line.png) repeat-x 0 100%;
    width: 92%;
    height: 24px;
    margin: 0 4%;
}
.o-services-hero--web .hero-price-block .hero-price-bot:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("assets/images/common/round-bl.png");
    width: 65px;
    height: 24px;
}
.o-services-hero--web .hero-price-block .hero-price-bot:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("assets/images/common/round-br.png");
    width: 65px;
    height: 24px;
}
.o-services-hero--web .hero-price-block .hero-price-bot .c-btn {
    background-color: #10425d !important;
    color: #fff !important;
    padding: 10px 40px !important;
    margin: 0 !important;
    border: 1px solid #14df7d !important;
    font-size: 16px !important;
    line-height: inherit !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.o-services-hero--web .hero-price-block .hero-price-bot .c-btn:after {
    display: none;
}
.o-services-hero--web .hero-price-block .hero-price-bot .c-btn:hover {
    text-decoration: none;
}
.o-services-hero--web .review-logos {
    margin-top: 20px;
}
.o-services-hero--web .web-right-form {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
}
@media all and (min-width: 768px) {
    .o-services-hero--web .web-right-form {
        margin-top: 0;
    }
}
.o-services-hero--web .web-right-form h2 {
    font-size: 28px;
    line-height: 34px;
    color: #104f79 !important;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}
.o-services-hero--web .web-right-form input[type="text"],
.o-services-hero--web .web-right-form input[type="email"] {
    border: 1px solid #a7a7a7 !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    background-image: none;
    padding: 10px;
    margin-bottom: 10px;
}
.o-services-hero--web .web-right-form input.green-text {
    background-color: #cff593 !important;
}
.o-services-hero--web .web-right-form textarea {
    border: 1px solid #a7a7a7 !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    background-image: none;
    padding: 10px;
    margin-bottom: 10px;
    height: 80px;
    width: 100%;
}
.o-services-hero--web .web-right-form .sub-text {
    font-size: 16px;
    margin-top: 10px;
}
.o-services-hero--web .web-right-form .sub-text span {
    display: block;
    padding-bottom: 10px;
    position: relative;
    width: 140px;
    margin: 10px auto 0;
}
.o-services-hero--web .web-right-form .sub-text span:before {
    position: absolute;
    left: 0px;
    top: 12px;
    content: "";
    width: 50px;
    background-color: #979797;
    height: 1px;
}
.o-services-hero--web .web-right-form .sub-text span:after {
    position: absolute;
    right: 0px;
    top: 12px;
    content: "";
    width: 50px;
    background-color: #979797;
    height: 1px;
}
.o-services-hero--web .web-right-form .c-btn--lg {
    font-size: 18px;
}
.o-services-hero--phpdev {
    padding-top: 15px;
}
.o-services-hero--phpdev h1 {
    font-size: 30px;
    color: #fff !important;
    line-height: 46px;
    text-transform: capitalize;
}
@media all and (min-width: 768px) {
    .o-services-hero--phpdev h1 {
        font-size: 72px;
        line-height: 82px;
        font-weight: 500;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}
.o-services-hero--phpdev p {
    color: #fff !important;
    font-size: 18px;
    line-height: 33px;
    font-family: roboto;
}
.o-services-hero__background-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.o-services-hero__background-2 {
    width: 100%;
    height: 100%;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.o-services-hero .container {
    z-index: 5;
    padding: 30px 15px;
}
@media all and (min-width: 768px) {
    .o-services-hero .container {
        padding: 40px 20px;
    }
}
.o-services-hero--social h1 {
    font-size: 42px;
    line-height: 52px;
    padding-bottom: 30px;
}
@media all and (min-width: 768px) {
    .o-services-hero--social h1 {
        font-size: 68px;
        line-height: 80px;
    }
}
.o-services-hero--social .container {
    padding: 60px 15px 0 15px;
}
.o-services-hero__title span {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #333;
    background: #14df7d;
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0 0 56px;
}
@media all and (max-width: 767px) {
    .o-services-hero__title span {
        line-height: 24px;
        padding: 10px 20px;
        margin: 0 0 26px;
    }
}
@media all and (min-width: 768px) {
    .o-services-hero__title span {
        padding: 0 30px;
        margin: 0 0 40px;
        font-size: 28px;
        line-height: 54px;
    }
}
.o-services-hero__title span:before,
.o-services-hero__title span:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: dashed solid dashed solid;
    border-color: transparent #148d52 transparent transparent;
    border-width: 0 40px 18px 0;
}
.o-services-hero__title span:after {
    left: auto;
    right: 0;
    border-color: transparent transparent transparent #148d52;
    border-width: 0 0 18px 40px;
}
.o-services-hero h1 {
    color: #fff;
    margin-bottom: 20px;
}
.o-services-hero h2 {
    color: #32c5bc;
    font-size: 24px;
    line-height: 32px;
    text-transform: none;
}
.o-services-hero__icons {
    margin: 0 0 40px;
}
@media all and (min-width: 768px) {
    .o-services-hero__icons {
        margin: 0 0 60px;
    }
}
.o-services-hero__icons a {
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
}
.o-services-hero__icons a:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.o-services-hero__icons img {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 20px;
    height: 70px;
    width: auto;
}
@media all and (min-width: 768px) {
    .o-services-hero__icons img {
        height: auto;
        margin: 0 30px;
    }
}
@media all and (max-width: 767px) {
    .o-services-hero__icons img {
        margin: 0 5px;
    }
}
.o-services-hero__icons-big {
    margin: 0 0 40px;
}
@media all and (min-width: 768px) {
    .o-services-hero__icons-big {
        margin: 0 0 60px;
    }
}
.o-services-hero__icons-big a {
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
}
.o-services-hero__icons-big a:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
@media all and (min-width: 768px) {
    .o-services-hero__icons-big img {
        height: auto;
        margin: 0 30px;
    }
}
.o-services-hero--testing .o-services-hero__icons {
    margin: 65px 0 60px;
}
.o-services-hero--testing .o-services-hero__icons img {
    margin: 0 4px;
    width: 57px;
    height: auto;
}
@media all and (min-width: 768px) {
    .o-services-hero--testing .o-services-hero__icons img {
        margin: 0 10px;
        width: 115px;
        height: auto;
    }
}
@media all and (min-width: 1024px) {
    .o-services-hero--testing .o-services-hero__icons img {
        margin: 0 20px;
        width: auto;
        height: auto;
    }
}
.o-services-hero--testing h2 {
    color: #fff;
    font-weight: 400;
    margin: 30px 0 60px 0;
}
@media all and (min-width: 1024px) {
    .o-services-hero--ai-chatbots {
        padding: 35px 0 0 0;
    }
}
.o-services-hero--ai-chatbots .container {
    padding-bottom: 0;
}
.o-services-hero--ai-chatbots .ai-chatbots-hero-left {
    text-align: center;
    margin-bottom: 40px;
}
@media all and (min-width: 1024px) {
    .o-services-hero--ai-chatbots .ai-chatbots-hero-left {
        text-align: left;
    }
}
.o-services-hero--ai-chatbots .ai-chatbots-hero-left h3 {
    color: #14df7d;
    margin-bottom: 20px;
}
.o-services-hero--ai-chatbots .ai-chatbots-hero-left h2 {
    color: #14df7d;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
}
@media all and (min-width: 1024px) {
    .o-services-hero--ai-chatbots .ai-chatbots-hero-left h2 {
        font-size: 36px;
        line-height: 44px;
    }
}
.o-services-hero--ai-chatbots .ai-chatbots-hero-left p {
    color: #fff;
    margin-bottom: 50px;
}
@media all and (min-width: 1024px) {
    .o-services-hero--ai-chatbots .ai-chatbots-hero-left p {
        font-size: 24px;
        line-height: 40px;
    }
}
.o-services-hero--psd h2 {
    color: #fff;
    font-weight: 300;
    font-size: 28px;
}
.o-services-hero--banner-ads {
    padding-bottom: 345px;
}
.o-services-hero--banner-ads h1 span {
    color: #14df7d;
    display: block;
    padding: 30px 0;
}
.o-services-hero .header-text {
    color: #fff;
    padding: 40px 0 0;
}
.o-services-hero .subheading-text-new {
    font-size: 20px;
    margin-bottom: 40px;
    line-height: 32px;
    color: #fff;
}
@media all and (min-width: 1024px) {
    .o-services-hero .subheading-text-new {
        font-size: 26px;
        margin-bottom: 40px;
        line-height: 40px;
    }
}
.o-services-hero .subheading-text-price {
    font-weight: 500;
    color: #4fe159;
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 38px;
}
@media all and (min-width: 1024px) {
    .o-services-hero .subheading-text-price {
        font-size: 34px;
        line-height: 44px;
    }
}
.o-services-hero .left-banner-txt p {
    font-size: 22px;
    line-height: 35px;
    color: #fff;
    text-align: left;
    padding-right: 30px;
}
.o-services-hero .right-banner-txt {
    border-top: 2px solid #14df7d;
    border-bottom: 2px solid #14df7d;
    border-right: 2px solid #14df7d;
    border-left: 0;
    text-align: center;
    padding-bottom: 45px;
    position: relative;
}
.o-services-hero .right-banner-txt:before {
    position: absolute;
    width: 2px;
    left: 0;
    top: 0;
    height: 30%;
    background-color: #14df7d;
    content: "";
}
.o-services-hero .right-banner-txt:after {
    position: absolute;
    width: 2px;
    left: 0;
    bottom: 0;
    height: 30%;
    background-color: #14df7d;
    content: "";
}
.o-services-hero .right-banner-txt .heighlight-txt {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    line-height: 66px;
    padding: 0 0 30px 0;
    color: #fff;
    letter-spacing: 10px;
}
@media all and (min-width: 1024px) {
    .o-services-hero .right-banner-txt .heighlight-txt {
        font-size: 56px;
        line-height: 56px;
    }
}
.o-services-hero .right-banner-txt .heighlight-txt span {
    font-size: 110px;
    font-weight: 600;
    display: block;
    line-height: 150px;
    letter-spacing: 0;
}
@media all and (min-width: 1025px) {
    .o-services-hero .right-banner-txt .heighlight-txt span {
        font-size: 240px;
        line-height: 240px;
    }
}
.o-services-hero--office {
    text-align: left;
    padding: 0;
}
.o-services-hero--office h1 {
    font-size: 28px;
    line-height: 36px;
}
@media all and (min-width: 768px) {
    .o-services-hero--office h1 {
        font-size: 37px;
        line-height: 42px;
    }
}
.o-services-hero--office p {
    font-size: 22px;
    color: #fff;
}
.o-services-hero--office .left-align {
    text-align: left;
}
.o-services-hero--office .o-services-hero__title span {
    font-size: 23px;
}
.o-services-hero--office .small-video {
    margin-top: 80px;
}
.o-services-hero-map {
    position: relative;
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background: #0e4173;
    background: -moz-linear-gradient(-45deg, #0e4173 0%, #051423 100%);
    background: -webkit-linear-gradient(-45deg, #0e4173 0%, #051423 100%);
    background: linear-gradient(135deg, #0e4173 0%, #051423 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4173', endColorstr='#051423',GradientType=1 );
    min-height: 400px;
}
@media all and (min-width: 768px) {
    .o-services-hero-map {
        padding: 35px 0;
    }
}
.o-services-hero-map__background-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.o-services-hero-map .container {
    z-index: 5;
    padding: 30px 15px;
}
@media all and (min-width: 768px) {
    .o-services-hero-map .container {
        padding: 40px 20px;
    }
}
.o-services-hero-map h2 {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    text-transform: none;
    margin-bottom: 20px;
}
@media all and (min-width: 768px) {
    .o-services-hero-map h2 {
        font-size: 36px;
        line-height: 46px;
    }
}
.o-services-hero-map p {
    color: #fff;
    font-size: 25px;
}
.o-services-hero-map p sup {
    font-size: 20px;
}
.o-services-hero-map .map-img {
    border: 3px solid #ccc;
    width: 700px;
    height: 360px;
    margin: 40px auto;
}
.what-we-do-section {
    background-color: #fff;
}
.what-we-do-section .what-blocks {
    max-width: 95%;
    margin: 0px auto;
    background-color: #fafafa;
    box-shadow: 0px 0px 10px 0px #ccc;
    border-collapse: collapse;
}
.what-we-do-section .what-blocks div {
    padding: 35px;
    width: 100% !important;
}
@media all and (min-width: 768px) {
    .what-we-do-section .what-blocks div {
        width: 33.33% !important;
    }
}
.what-we-do-section .what-blocks div figure:before {
    visibility: hidden;
}
.what-we-do-section .what-blocks div p {
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 32px;
}
.what-we-do-section .what-blocks div a {
    padding: 6px 16px;
    display: inline-block;
    margin-top: 30px !important;
    background-color: #fa5801 !important;
    border-radius: 5px !important;
    color: #fff;
    font-size: 16px !important;
    text-transform: uppercase !important;
}
.what-we-do-section .what-blocks div a:hover {
    color: #fff;
    border-color: #fff !important;
    background-color: #14df7d !important;
}
.what-we-do-section .what-blocks div:hover {
    background: transparent;
}
.what-we-do-section .what-blocks div:focus {
    background: transparent;
}
.what-we-do-section .what-blocks div:active {
    background: transparent;
}
.reasons-capital .js-process-col {
    position: relative;
}
.reasons-capital .js-process-col a {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.reasons-capital .js-process-col a figure {
    width: 100px;
    height: 100px;
}
.reasons-capital .js-process-col a figure:before {
    visibility: hidden;
}
.reasons-capital .js-process-col p {
    margin-left: 95px;
    text-align: left;
    font-size: 15px !important;
}
.new-review-box {
    position: relative;
}
.new-review-box .review-quotes {
    position: absolute;
    bottom: -25px;
    right: 10px;
    background-color: #fafafa;
    padding: 10px;
}
.expertise-module {
    padding: 0 !important;
    background-color: #f6f6f6 !important;
}
.expertise-module .technologies {
    width: 66.66667% !important;
    padding: 60px 0;
}
.expertise-module .technologies .row .tech-logo li {
    border: transparent;
    border-radius: 0;
    width: 120px;
}
.expertise-module .technologies .row .tech-logo li:last-child span {
    top: 57%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.expertise-module .reviews {
    padding: 60px 20px;
    background-color: #fff;
}
.reviews-web {
    padding: 0 !important;
    background-color: #fff;
}
.reviews-web .row div {
    width: 100%;
    margin: 0;
}
.reviews-web .row div .new-review-box {
    border: none;
    text-align: center;
    padding: 0;
}
.reviews-web .row div .new-review-box img {
    position: relative;
    margin: 0px auto;
    width: 150px;
    top: 0;
    left: 0;
    background-color: #fff !important;
}
.reviews-web .row div .new-review-box h3 {
    margin-top: 0;
    font-size: 20px;
}
.reviews-web .row div .new-review-box p {
    color: #000;
    font-size: 14px;
}
.reviews-web .row div .new-review-box h4 {
    font-size: 20px;
    line-height: 28px;
}
.reviews-web .row div .slick-dots {
    margin-bottom: 0;
}
.subheading-web {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 20px;
}
.o-skills-hero {
    position: relative;
    overflow: hidden;
    background: #071c36;
    padding-bottom: 20px;
}
.o-skills-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: none;
}
@media all and (min-width: 768px) {
    .o-skills-hero__background {
        display: block;
    }
}
.o-skills-hero .container {
    z-index: 5;
    padding: 30px 15px;
}
@media all and (min-width: 1024px) {
    .o-skills-hero .container {
        padding: 50px 15px 50px 15px;
    }
}
@media all and (max-width: 768px) {
    .o-skills-hero .container {
        padding: 15px 15px 0;
    }
}
.o-skills-hero h1 {
    color: #fff;
    text-transform: capitalize;
}
@media all and (max-width: 768px) {
    .o-skills-hero h1 {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero h1 {
        margin-bottom: 25px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero h1 br {
        display: none;
    }
}
.o-skills-hero p {
    color: #fff;
}
@media all and (max-width: 768px) {
    .o-skills-hero p {
        text-align: center;
    }
}
.o-skills-hero .js-hero-content {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-top: 20px;
    font-family: "Montserrat", sans-serif;
}
.o-skills-hero__data-science {
    text-align: center;
}
.o-skills-hero__schedule {
    font-family: "Montserrat", sans-serif;
}
.o-skills-hero__schedule p {
    font-size: 17px;
}
.o-skills-hero__schedule .header_left_pan {
    color: #fff;
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule .header_left_pan img {
        margin: 0 auto 20px;
        display: block;
    }
}
.o-skills-hero__schedule .header_left_pan ul li {
    font-size: 17px;
    padding-left: 30px;
    padding-bottom: 10px;
    position: relative;
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule .header_left_pan ul li {
        font-size: 16px;
        padding-left: 28px;
        padding-bottom: 15px;
    }
}
.o-skills-hero__schedule .header_left_pan ul li:before {
    content: "";
    background: url(images/common/tick.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule .header_left_pan ul li:before {
        top: 2px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule .header_left_pan h2 br {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule h2 {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule h2.font-size-20 {
        font-size: 16px;
        line-height: 28px;
    }
}
.o-skills-hero__schedule .header_right_pan {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #1d2942a3;
    padding: 6px;
    margin-top: 20px;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__schedule .header_right_pan {
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule .header_right_pan .regular.slider h3 {
        font-size: 20px;
        line-height: 28px;
    }
}
.o-skills-hero__schedule .header_right_pan .holder {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px 10px;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__schedule .header_right_pan .holder {
        padding: 40px 50px 15px 50px;
    }
}
.o-skills-hero__schedule .header_right_pan .sub-text {
    font-size: 19px;
    border-bottom: 2px dotted #14df7d;
    padding: 0 40px 20px;
}
.o-skills-hero__schedule .header_right_pan ul li {
    margin: 0 6px;
    width: 19%;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #fff;
}
.o-skills-hero__schedule .header_right_pan ul li img {
    width: 100%;
}
.o-skills-hero__schedule .header_right_pan .anchor-link:hover {
    color: #fff;
}
@media all and (max-width: 767px) {
    .o-skills-hero__schedule .header_right_pan {
        margin-bottom: 25px;
        margin-top: 0;
    }
}
.o-skills-hero__padding-top-15 {
    padding: 15px 0 0;
}
.o-skills-hero .cms-icons li {
    display: inline-block;
    padding: 10px 10px 30px;
    color: #fff;
    font-weight: 600;
}
.o-skills-hero .cms-icons li img {
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 15px;
}
.o-skills-hero__product {
    text-align: left;
}
.o-skills-hero__product .container {
    padding: 50px 15px 0 15px !important;
}
.o-skills-hero__product .container .product_banner {
    padding-bottom: 80px;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__product .container .product_banner {
        background: url(images/products/header-image.png) no-repeat 10% 0;
        padding-bottom: 160px;
        padding-top: 80px;
        padding-left: 40%;
    }
}
.o-skills-hero__product .container .product_banner h1 {
    color: #14df7d;
    font-size: 55px;
    padding-bottom: 10px;
}
.o-skills-hero__product .container .product_banner p {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 33px;
}
.o-skills-hero-cs__case-studies__banner-content h4 {
    color: #14df7d;
    font-family: "Source Serif Pro", serif;
}
.o-skills-hero-cs__case-studies__banner-content h2 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.o-skills-hero-cs__case-studies__technology-div ul {
    display: none;
}
@media all and (min-width: 768px) {
    .o-skills-hero-cs__case-studies__technology-div ul {
        display: block;
        text-align: center;
    }
}
.o-skills-hero-cs__case-studies__technology-div ul li {
    vertical-align: top;
}
@media all and (min-width: 768px) {
    .o-skills-hero-cs__case-studies__technology-div ul li {
        display: inline-block;
        margin: 0 6px;
    }
}
@media all and (min-width: 768px) {
    .o-skills-hero-cs__case-studies__technology-div ul li span {
        display: block;
        width: 100px;
        height: 100px;
        text-align: center;
        padding: 20px 10px;
        border: 2px solid #14df7d;
        border-radius: 50%;
        margin-bottom: 10px;
        color: #fff;
        font-size: 11px;
        font-family: "Montserrat", sans-serif;
        position: relative;
    }
}
.o-skills-hero-cs__case-studies__technology-div ul li span img {
    margin-bottom: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 42px;
    width: 42px;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
    margin: 0 auto;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@media all and (max-width: 991px) {
    .header_right_pan.display-inline-block {
        display: inherit;
    }
}
@media all and (max-width: 767px) {
    .header_right_pan.display-inline-block .btn-orange {
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .header_right_pan h3 {
        font-size: 20px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .magento-page h1 {
        font-size: 28px !important;
        line-height: 38px !important;
    }
}
@media all and (max-width: 767px) {
    .magento-page p {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
.o-clients {
    position: relative;
    padding: 35px 0;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #cae0e7;
}
.o-clients ul {
    display: flex;
    align-items: center;
}
@media all and (max-width: 767px) {
    .o-clients ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.o-clients ul li {
    display: inline-block;
    padding: 15px 12px;
}
@media all and (max-width: 767px) {
    .o-clients ul li {
        flex: 0 0 24%;
    }
}
@media all and (max-width: 575px) {
    .o-clients ul li {
        flex: 0 0 25%;
    }
}
.o-clients ul li img {
    width: 100%;
}
@media all and (max-width: 575px) {
    .o-clients ul li:nth-child(1),
    .o-clients ul li:nth-child(2) {
        flex: 0 0 50%;
    }
}
@media all and (max-width: 575px) {
    .o-clients ul li:nth-child(3),
    .o-clients ul li:nth-child(5) {
        flex: 0 0 25%;
    }
}
@media all and (max-width: 575px) {
    .o-clients ul li:nth-child(4) {
        flex: 0 0 41%;
    }
}
@media all and (max-width: 575px) {
    .o-clients ul li:nth-child(6),
    .o-clients ul li:nth-child(7) {
        display: none;
    }
}
.o-clients h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    margin: 0 0 10px 0;
    text-transform: none;
    vertical-align: middle;
    font-weight: bold;
}
@media all and (min-width: 1024px) {
    .o-clients h2 {
        margin: 0 40px 20px 0;
    }
}
.o-clients__list {
    position: relative;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-clients__list {
        vertical-align: middle;
        overflow: hidden;
    }
}
@media all and (min-width: 1024px) {
    .o-clients__list:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
        height: 38px;
        content: "";
        z-index: 1;
    }
}
@media all and (min-width: 1024px) {
    .o-clients__list:after {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        height: 38px;
        content: "";
        z-index: 1;
    }
}
.o-clients__list figure {
    position: relative;
    margin: 0 30px 0 0;
    display: inline-block;
}
@media all and (max-width: 767px) {
    .o-clients__list figure {
        margin: 0;
    }
}
.o-clients__list figure img.large-logo {
    display: none;
}
@media all and (min-width: 1024px) {
    .o-clients__list figure img.large-logo {
        display: block;
    }
}
.o-clients__list figure img.mid-logo {
    display: none;
}
@media all and (min-width: 640px) {
    .o-clients__list figure img.mid-logo {
        display: block;
    }
}
@media all and (min-width: 1024px) {
    .o-clients__list figure img.mid-logo {
        display: none;
    }
}
.o-clients__list figure img.small-logo {
    display: block;
}
@media all and (min-width: 640px) {
    .o-clients__list figure img.small-logo {
        display: none;
    }
}
@media all and (min-width: 1024px) {
    .o-clients__list figure img.small-logo {
        display: none;
    }
}
.o-clients__list-casestudies {
    width: 100%;
}
.o-clients__list-casestudies figure {
    float: none;
    position: relative;
    margin: 10px 30px;
    display: inline-block;
}
.o-clients-new {
    border-bottom: 0;
}
.o-clients-new h2 {
    font-size: 24px;
    color: #333;
}
.o-clients-new p {
    max-width: 500px;
    margin: 0 auto 40px;
}
.real-google-reviews h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}
.review-top {
    margin-bottom: 60px;
}
.review-top h2 {
    font-size: 36px;
}
.review-top h3 {
    font-size: 24px;
    line-height: 32px;
    max-width: 530px;
    margin: 0 auto 20px;
}
.review-top p {
    font-size: 18px !important;
    line-height: 22px;
    max-width: 850px;
    margin: 0 auto 80px;
}
.review-top ul li {
    background-image: url("images/common/common-sprite.png");
    background-position: -27px -295px;
    width: 25px;
    height: 25px;
}
.new-real-google-reviews {
    padding: 50px 0 !important;
}
@media all and (max-width: 767px) {
    .new-real-google-reviews {
        padding: 50px 0 15px !important;
    }
}
.new-real-google-reviews h3 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 500;
}
.new-real-google-reviews ul li {
    display: inline-block;
    margin-right: 3px;
}
.new-real-google-reviews .new-review-box {
    border: 2px solid #c8c7cc;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: left;
    margin-bottom: 40px;
    padding: 40px 30px 0;
}
@media all and (min-width: 1024px) {
    .new-real-google-reviews .new-review-box {
        margin-bottom: 20px;
        padding: 30px;
        min-height: 330px;
    }
}
@media all and (max-width: 767px) {
    .new-real-google-reviews .new-review-box {
        padding: 5px 15px 0;
        background: #fff;
    }
}
.new-real-google-reviews .new-review-box ul li {
    display: inline-block;
}
.new-real-google-reviews .new-review-box ul li img {
    width: 15px;
}
.new-real-google-reviews .new-review-box .client-img {
    display: none;
    width: 84px;
}
@media all and (min-width: 768px) {
    .new-real-google-reviews .new-review-box .client-img {
        position: absolute;
        left: 20px;
        top: -40px;
        background-color: #ffffff;
        padding: 10px;
        display: block;
    }
}
.new-real-google-reviews .new-review-box .client-img__home {
    background-color: transparent;
}
.new-real-google-reviews .new-review-box .review-quote {
    display: none;
}
@media all and (min-width: 768px) {
    .new-real-google-reviews .new-review-box .review-quote {
        position: absolute;
        right: 10px;
        bottom: -25px;
        background-color: #fafafa;
        padding: 10px;
        display: block;
    }
}
.new-real-google-reviews .new-review-box .review-quote__home {
    padding: 0 10px;
    bottom: -15px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );
}
.new-real-google-reviews .new-review-box h3 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 26px;
    margin-top: 20px;
}
.new-real-google-reviews .new-review-box h4 {
    color: #205fa9;
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: "Source Serif Pro", serif;
}
@media all and (max-width: 767px) {
    .new-real-google-reviews .new-review-box h4 {
        font-size: 19px;
        line-height: 23px;
    }
}
.new-real-google-reviews .new-review-box p.clint-details {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8f;
    line-height: 18px;
    margin-top: 10px;
}
.new-real-google-reviews .new-review-box p.clint-details strong {
    color: #333;
}
.new-real-google-reviews .new-review-box p {
    font-size: 16px;
    font-weight: 400;
}
.new-real-google-reviews h5 {
    font-size: 18px;
    font-weight: 600;
}
.new-real-google-reviews ul.review-icon li {
    margin: 0 20px 40px !important;
}
@media all and (max-width: 767px) {
    .new-real-google-reviews ul.review-icon li {
        margin: 0 5px 40px !important;
    }
}
.new-real-google-reviews ul.review-icon li a:hover img {
    opacity: 0.7;
}
.reviews-web {
    padding: 0 !important;
    background-color: #fff;
}
.reviews-web .row div {
    width: 100%;
    margin: 0;
}
.reviews-web .row div .new-review-box {
    border: none;
    text-align: center;
    padding: 0;
}
.reviews-web .row div .new-review-box img {
    position: relative;
    margin: 0px auto;
    width: 150px;
    top: 0;
    left: 0;
    background-color: #fff !important;
}
.reviews-web .row div .new-review-box h3 {
    margin-top: 0;
    font-size: 20px;
}
.reviews-web .row div .new-review-box p {
    color: #000;
    font-size: 14px;
}
.reviews-web .row div .new-review-box h4 {
    font-size: 20px;
    line-height: 28px;
}
.reviews-web .row div .slick-dots {
    margin-bottom: 0;
}
.c-icon-desc-3-col {
    position: relative;
    text-align: center;
    background-color: #fff;
}
.c-icon-desc-3-col .row > div {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
@media all and (min-width: 1024px) {
    .c-icon-desc-3-col .row > div {
        width: 33%;
        margin: 0 0 40px;
    }
}
.c-icon-desc-3-col figure {
    width: 132px;
    height: 132px;
    margin: 0 auto 25px;
    position: relative;
}
.c-icon-desc-3-col figure img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.c-icon-desc-3-col figure:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-animation: spin 30s linear 0s infinite;
    -moz-animation: spin 30s linear 0s infinite;
    -ms-animation: spin 30s linear 0s infinite;
    -o-animation: spin 30s linear 0s infinite;
    animation: spin 30s linear 0s infinite;
}
.c-icon-desc-3-col figure.delay-1s:before {
    -webkit-animation: spin 30s linear 1s infinite;
    -moz-animation: spin 30s linear 1s infinite;
    -ms-animation: spin 30s linear 1s infinite;
    -o-animation: spin 30s linear 1s infinite;
    animation: spin 30s linear 1s infinite;
}
.c-icon-desc-3-col figure.delay-2s:before {
    -webkit-animation: spin 30s linear 2s infinite;
    -moz-animation: spin 30s linear 2s infinite;
    -ms-animation: spin 30s linear 2s infinite;
    -o-animation: spin 30s linear 2s infinite;
    animation: spin 30s linear 2s infinite;
}
.c-icon-desc-3-col figure.delay-3s:before {
    -webkit-animation: spin 30s linear 3.5s infinite;
    -moz-animation: spin 30s linear 3.5s infinite;
    -ms-animation: spin 30s linear 3.5s infinite;
    -o-animation: spin 30s linear 3.5s infinite;
    animation: spin 30s linear 3.5s infinite;
}
.c-icon-desc-3-col figure.delay-4s:before {
    -webkit-animation: spin 30s linear 2.5s infinite;
    -moz-animation: spin 30s linear 2.5s infinite;
    -ms-animation: spin 30s linear 2.5s infinite;
    -o-animation: spin 30s linear 2.5s infinite;
    animation: spin 30s linear 2.5s infinite;
}
.c-icon-desc-3-col figure.delay-5s:before {
    -webkit-animation: spin 30s linear 1.5s infinite;
    -moz-animation: spin 30s linear 1.5s infinite;
    -ms-animation: spin 30s linear 1.5s infinite;
    -o-animation: spin 30s linear 1.5s infinite;
    animation: spin 30s linear 1.5s infinite;
}
.c-icon-desc-3-col p {
    font-size: 15px;
    line-height: 24px;
}
.testimonial-heading-color {
    color: #1f1f1f;
}
.ex-padding-100 {
    padding: 80px 0 20px;
}
.review-item .star {
    display: none;
}
.review-item p {
    color: #333333;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}
.review-item p span {
    color: #205fa9;
    text-decoration: underline;
}
.review-item h3 {
    font-family: "Montserrat", sans-serif;
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    padding-right: 15px;
    font-style: italic;
}
.btn-modifier {
    margin: 0 auto;
}
.btn-modifier p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #1f1f1f;
    margin-top: 15px;
}
.review-masonry {
    column-count: 1;
    margin: 2em 0;
    column-gap: 2em;
    -webkit-column-gap: 2em;
}
@media all and (min-width: 560px) {
    .review-masonry {
        column-count: 2;
    }
}
@media all and (min-width: 1024px) {
    .review-masonry {
        column-count: 3;
    }
}
.box.review-item {
    margin-bottom: 30px;
    display: inline-block;
    border: 1px solid #c3c3c3;
    border-radius: 6px;
    padding: 30px 35px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    position: relative;
}
.box.review-item:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(images/clients-reviews/quote-icon.html);
    background-repeat: no-repeat;
    right: 35px;
    bottom: 30px;
}
.padding-bottom-50 {
    padding-bottom: 50px;
}
.o-case-studies-top-selector__client-review .selector-dropdown {
    margin: 30px auto;
    margin-right: auto !important;
}
.o-case-studies-top-selector__client-review .selector-dropdown .selector-toggle {
    position: relative;
    border: 1px solid #aebecd !important;
    padding: 0 60px 0 20px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    min-width: 200px;
    text-align: left;
}
.o-case-studies-top-selector__client-review .selector-dropdown .selector-toggle:before {
    content: "";
    background: url(images/common/nav-down-arrow.svg) 100% 50% no-repeat;
    position: absolute;
    right: 20px;
    width: 10px;
    height: 10px;
    top: 16px;
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content {
    position: absolute;
    min-width: 219px;
    box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2);
    padding: 12px 24px;
    z-index: 1;
    width: 97%;
    left: 4px;
    top: 30px;
    border-left: 1px solid #aebecd;
    border-right: 1px solid #aebecd;
    border-bottom: 1px solid #aebecd;
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content :before {
    display: none;
    content: "";
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content li :before {
    display: none;
    content: "";
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content li a {
    display: block;
    text-align: left;
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content li a.active {
    box-shadow: none;
}
.o-case-studies-top-selector .selector-dropdown .dropdown-content ul li a {
    color: #333;
}
.o-case-studies-top-selector .selector-dropdown {
    width: 100%;
    height: 42px;
    border: 1px solid #979797;
    font-size: 14px;
    line-height: 42px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
}
.o-case-studies-top-selector__client-review .selector-dropdown .selector-toggle {
    position: relative;
    border: 1px solid #aebecd !important;
    padding: 0 60px 0 20px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 25px;
    min-width: 227px;
    text-align: left;
}
.o-case-studies-top-selector .selector-dropdown span {
    line-height: 35px;
    cursor: pointer;
    display: block;
    font-family: montserrat;
}
.o-case-studies-top-selector .selector-dropdown:last-child {
    margin-right: 0;
    border: 0;
    width: auto;
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content {
    position: absolute;
    min-width: 219px;
    box-shadow: 0px 0 0 0px rgba(0, 0, 0, 0.2);
    padding: 12px 24px;
    z-index: 1;
    width: 100%;
    left: 4px;
    top: 30px;
    border-left: 1px solid #aebecd;
    border-right: 1px solid #aebecd;
    border-bottom: 1px solid #aebecd;
    background: #fff;
    display: none;
}
.o-case-studies-top-selector__client-review .selector-dropdown .dropdown-content li a {
    display: block;
    text-align: left;
}
.o-case-studies-top-selector .selector-dropdown .dropdown-content ul li a {
    color: #333;
}
.selector-dropdown li a {
    font-size: 13px;
    font-weight: 400;
    padding: 12px 0;
}
.review-star {
    display: inline-block;
    background: url(images/clients-reviews/star-icon.svg) no-repeat 0 0;
    width: 88px;
    height: 14px;
    margin-top: 10px;
}
.margin-top-0 {
    margin-top: 0;
}
.reviews-border {
    border: 5px solid #a9a2a247;
    border-radius: 50%;
    padding: 15px;
    width: 160px;
    height: 160px;
    line-height: 115px;
    margin: 0 10px !important;
}
.reviews-border a {
    display: block;
    width: 120px;
    margin: 0px auto;
}
.reviews-border:hover {
    box-shadow: 0px 0px 10px 0px #ccc;
}
.client-top-wrap {
    display: flex;
}
.client-top-wrap .client-circle {
    display: inline-block;
    width: 65px;
    height: 65px;
    overflow: hidden;
    margin-right: 20px;
}
.client-top-wrap .client-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.client-top-wrap .client-review-right {
    flex: 1;
}
.client-top-wrap .client-review-right h3 {
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}
.client-top-wrap .client-review-right h6 {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
}
.client-top-wrap .client-review-right p {
    color: #8c8585;
    font-size: 14px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.review-item h6 {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #333;
}
.review-item h6 strong {
    display: block;
    font-weight: 500 !important;
}
.client-review-bnr-icon-wrap img {
    margin: 0 25px;
}
@media all and (max-width: 768px) {
    .client-review-bnr-icon-wrap img {
        margin: 15px;
    }
}
.client-reviews-bnr {
    background: #091b38 !important;
}
.client-review-helper {
    padding-top: 30px;
}
.client-review-helper .row {
    display: flex;
    align-items: center;
    margin: 50px -15px;
}
@media all and (max-width: 992px) {
    .client-review-helper .row {
        display: inherit;
    }
}
.client-review-helper .row .selector-dropdown {
    margin: 0;
}
@media all and (max-width: 992px) {
    .client-review-helper .row .selector-dropdown {
        margin-top: 20px;
    }
}
.no-slider {
    display: block;
}
@media all and (max-width: 767px) {
    .no-slider {
        display: none;
    }
}
.grt-slider {
    display: none;
}
@media all and (max-width: 767px) {
    .grt-slider {
        display: block;
    }
}
.grt-slider .slick-list {
    width: 100% !important;
}
@media all and (max-width: 767px) {
    .grt-slider-box {
        padding-top: 35px;
    }
}
@media all and (max-width: 767px) {
    .new-real-google-reviews .new-review-box .client-img {
        display: block;
        position: absolute;
        top: -37px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 70px;
    }
}
@media all and (max-width: 767px) {
    .new-real-google-reviews .new-review-box {
        padding: 25px 15px 0;
        text-align: center;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-real-google-reviews .new-review-box h3 {
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .new-real-google-reviews .new-review-box h4 {
        font-size: 22px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .review-top {
        margin-bottom: 40px;
    }
}
@media all and (max-width: 767px) {
    .new-real-google-reviews h3 {
        font-size: 17px;
        line-height: 26px;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col h2 {
        padding: 15px 0 !important;
        font-size: 30px;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    ul.review-icon {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
}
@media all and (max-width: 767px) {
    ul.review-icon li {
        margin: 0 15px 40px !important;
    }
}
.o-skills-hero__case-studies__banner-content h4 {
    color: #14df7d;
    font-family: "Source Serif Pro", serif;
}
.o-skills-hero__case-studies__banner-content h2 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.o-skills-hero__case-studies__banner-content p {
    color: #14df7d;
    font-family: "Source Serif Pro", serif;
    font-size: 30px;
    line-height: 43px;
    font-weight: 600;
    margin-bottom: 0;
}
.o-skills-hero__case-studies__banner-content h1 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 61px;
    text-transform: none;
}
@media all and (max-width: 768px) {
    .o-skills-hero__case-studies__banner-content h1 {
        font-size: 24px;
        line-height: 32px;
    }
}
.o-skills-hero__case-studies__technology-div ul {
    display: none;
}
@media all and (min-width: 768px) {
    .o-skills-hero__case-studies__technology-div ul {
        display: block;
        text-align: center;
    }
}
.o-skills-hero__case-studies__technology-div ul li {
    vertical-align: top;
}
@media all and (min-width: 768px) {
    .o-skills-hero__case-studies__technology-div ul li {
        display: inline-block;
    }
}
@media all and (min-width: 768px) {
    .o-skills-hero__case-studies__technology-div ul li:first-child {
        font-family: "Source Serif Pro", serif;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        margin-right: 30px;
        vertical-align: top;
        line-height: 110px;
    }
}
@media all and (min-width: 768px) {
    .o-skills-hero__case-studies__technology-div ul li span {
        display: block;
        width: 100px;
        height: 100px;
        text-align: center;
        padding: 20px 10px;
        border: 2px solid #14df7d;
        border-radius: 50%;
        margin-right: 15px;
        background-color: #133b55;
        color: #fff;
        font-size: 11px;
        font-family: "Montserrat", sans-serif;
    }
}
.o-skills-hero__case-studies__technology-div ul li span img {
    margin-bottom: 3px;
}
.o-case-study__clients__the-client-content h3 {
    font-size: 30px;
    font-family: "Source Serif Pro", serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}
.o-case-study__clients__the-client-content h4 {
    font-size: 30px;
    font-family: "Source Serif Pro", serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content h4 {
        font-size: 20px;
    }
}
.o-case-study__clients__the-client-content p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content p {
        margin-top: 15px;
        font-size: 16px;
        line-height: 26px;
    }
}
.o-case-study__clients__the-client-content ul {
    margin-bottom: 15px;
}
.o-case-study__clients__the-client-content ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 19px;
    line-height: 32px;
    position: relative;
}
.o-case-study__clients__the-client-content ul li:before {
    content: "";
    background-image: url(images/common/green-arrow.png);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 100%;
}
@media all and (min-width: 768px) {
    .o-case-study__clients__the-client-content__services ul {
        display: flex;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content__services ul {
        text-align: center;
    }
}
.o-case-study__clients__the-client-content__services ul li {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}
.o-case-study__clients__the-client-content__services ul li span {
    display: block;
    min-height: 60px;
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content__services ul li span {
        font-size: 16px;
        min-height: 50px;
    }
}
.o-case-study__clients__the-client-content__services ul li span img {
    margin-bottom: 10px;
}
@media all and (min-width: 768px) {
    .o-case-study__clients__the-client-content__services ul li {
        width: 170px;
    }
}
.o-case-study__clients__the-client-content__services ul li:before {
    display: none;
}
@media all and (min-width: 768px) {
    .o-case-study__clients__the-client-content__services ul li:after {
        content: "";
        border-right: 1px solid #d8d8d8;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
    }
}
.o-case-study__clients__the-client-content__services ul li:last-of-type:after {
    content: "";
    border-right: 1px solid transparent;
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content__services ul li {
        display: inline-block;
        width: 46%;
        vertical-align: top;
    }
}
.o-case-study__clients__the-client-content .the-results {
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
@media all and (min-width: 1024px) {
    .o-case-study__clients__the-client-content .the-results {
        top: -150px;
    }
}
.o-case-study__clients__the-client-content .results-content {
    background-color: #fff;
    color: #333;
}
.o-case-study__clients__the-client-content .results-content ul li:before {
    width: 20px;
    height: 20px;
    top: 5px;
    background-size: 100%;
}
.o-case-study__clients__the-client-content .results-content h4 {
    margin: 0;
}
.o-case-study__clients__the-client-content__icon-header {
    position: relative;
}
.o-case-study__clients__the-client-content__icon-header img {
    position: absolute;
}
.o-case-study__clients__the-client-content__icon-header h4 {
    padding-left: 75px;
}
.o-case-study__clients__the-results {
    position: relative;
    margin-top: 100px;
}
@media all and (min-width: 1024px) {
    .o-case-study__clients__the-results {
        margin-top: 50px;
    }
}
.o-case-study__clients__the-results__div {
    padding-top: 10px;
}
@media all and (min-width: 1024px) {
    .o-case-study__clients__the-results__div {
        padding-top: 0;
    }
}
.o-case-studies-new {
    padding: 50px 0;
}
.o-case-studies-new .filter {
    margin-bottom: 10px;
    text-align: right;
}
.o-case-studies-new .filter span.flt-tech {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: 500;
    color: #000;
}
.o-case-studies-new .filter ul li {
    font-size: 12px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.o-case-studies-new .product {
    width: 90%;
    margin: 15px;
    min-height: 430px;
    text-align: center;
    border: 1px solid #eaeaea;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 0px #00000030;
    background-color: #fff;
    overflow: hidden;
}
@media all and (min-width: 768px) {
    .o-case-studies-new .product {
        width: 28%;
        display: inline-block;
        text-align: left;
        padding: 0;
        vertical-align: top;
    }
}
@media all and (min-width: 1080px) {
    .o-case-studies-new .product {
        width: 100%;
    }
}
.o-case-studies-new .product a img {
    width: 100%;
}
.o-case-studies-new .product-portfolio {
    width: 100%;
    float: left;
    text-align: center;
    min-height: 340px;
    padding: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    border: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
}
@media all and (min-width: 768px) {
    .o-case-studies-new .product-portfolio {
        width: 31%;
        float: left;
        text-align: left;
    }
}
.o-case-studies-new .product-portfolio h3 {
    padding: 10px 0;
    min-height: 70px;
    text-align: left;
    font-weight: 400;
}
.o-case-studies-new .product-portfolio p {
    font-weight: 500;
    text-align: left;
}
.o-case-studies-new .product-portfolio img {
    margin-left: 0;
    margin-right: 0;
}
.o-case-studies-new .product-portfolio .pp-thumb {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.o-case-studies-new .product-portfolio .p-button {
    border: 1px solid #a4bb66;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
    margin-right: 20px;
}
.o-case-studies-new .product-portfolio .p-button:hover {
    background-color: #a4bb66;
    color: #fff;
}
.o-case-studies-new .product-portfolio .p-link {
    margin-bottom: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 300;
    background: url(assets/images/portfolio/link-icon.png) 83% 6px no-repeat;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 120px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 0 2px 19px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: right;
}
.o-case-studies-new .product-portfolio .p-link:hover {
    color: #fff;
    background: url(assets/images/portfolio/link-icon-hover.png) 83% 6px no-repeat #ff5800;
}
.o-case-studies-new .product-portfolio .bottom-casestudies {
    padding: 0 20px;
    text-align: left !important;
}
.o-case-studies-new .product-portfolio .bottom-casestudies .country-code {
    text-indent: 0 !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 30px !important;
    display: inline-block !important;
}
.o-case-studies-new .product-portfolio .bottom-casestudies .country-code img {
    width: auto;
}
.o-case-studies-new .product-portfolio .bottom-casestudies img {
    border: none !important;
    padding: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 15px !important;
    width: 20px;
}
.o-case-studies-new .product span {
    text-indent: -10000px;
    font-size: 0;
    line-height: 0;
    display: none;
}
.o-case-studies-new .product h3 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
    overflow: hidden;
}
.o-case-studies-new .product h3 a {
    color: #000;
}
.o-case-studies-new .product h2 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}
.o-case-studies-new .product h2 a {
    color: #000;
}
.o-case-studies-new .product p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 85px;
}
.o-case-studies-new .product .bottom-casestudies {
    text-align: center;
    overflow: hidden;
}
@media all and (min-width: 768px) {
    .o-case-studies-new .product .bottom-casestudies {
        text-align: left;
        border-top: 1px solid #eaeaea;
        padding: 15px 20px 20px;
        margin-top: auto;
    }
}
.o-case-studies-new .product .bottom-casestudies a.color-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.o-case-studies-new .product .bottom-casestudies a.color-icon img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
}
.o-case-studies-new .product .bottom-casestudies .btn-casestudies {
    padding: 0 15px;
    float: none;
    display: block;
    margin: 10px auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #ff5800;
}
.o-case-studies-new .product .bottom-casestudies .btn-casestudies:hover {
    background-color: #ff5800;
    color: #fff;
    border: 2px solid #ff5800;
}
@media all and (min-width: 768px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies {
        float: right;
        margin: 0 0 0 0;
    }
}
.o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
    padding: 13px 32px;
    float: left;
    display: block;
    margin: 10px auto 0;
    max-width: 200px;
    background-color: #fff;
    color: #333;
    background: url(images/case-study-home/icon-pdf.svg) 0 50% no-repeat;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative;
}
@media all and (max-width: 768px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
        float: none;
        background-size: 15px;
        background-position: 15% 50%;
    }
}
.o-case-studies-new .product .bottom-casestudies .btn-casestudies1:after {
    content: "";
    position: absolute;
    left: 32px;
    bottom: 9px;
    width: 100px;
    background-color: #c3c3c3;
    height: 1px;
}
@media all and (max-width: 768px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1:after {
        width: 120px;
    }
}
.o-case-studies-new .product .bottom-casestudies .btn-casestudies1:hover::after {
    background-color: #494646;
}
@media all and (min-width: 768px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
        float: left;
        margin: 0 0 0 0;
    }
}
.o-case-studies-new .filter-height {
    height: 340px;
    overflow-y: scroll;
    margin: 0 0 50px 0;
    display: none;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 25px;
    right: 0px;
    top: 2px;
    text-align: left;
}
.o-case-studies-new .filter-height ul li {
    padding: 0 0 10px;
    position: relative;
}
.o-case-studies-new .filter-height ul li img {
    margin-right: 10px;
    width: 20px;
}
.o-case-studies-new .filter-height ul li input {
    margin: 0 10px 0 0;
}
.btn-casestudies {
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    background: #ff5800;
    border-radius: 4px;
    font-size: 16px;
    line-height: 43px;
    text-transform: uppercase;
    border: 2px solid #ff5800;
    padding: 0 27px;
}
.btn-casestudies:hover {
    color: #fff;
    border-color: #fff;
    background-color: #14df7d;
}
.drop-down-technologies {
    text-align: right;
    margin-right: 20px;
    position: relative;
}
.drop-down-technologies .selected a img.filter-icon {
    margin-top: -6px;
}
.drop-down-technologies .selected a img.icon-arrow {
    z-index: 10;
    position: relative;
    background-color: #fff;
}
.drop-down-technologies .selected a img.icon-up {
    padding: 10px 15px;
    border-right: 1px solid #ccc;
    transform: rotate(180deg);
    -wenkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.drop-down-technologies .selected a img.icon-down {
    padding: 10px 15px;
    border: 1px solid #ccc;
    transform: rotate(0deg);
    -wenkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    border-bottom: none;
}
.o-case-study-cta {
    padding: 20px 0 60px 0;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-case-study-cta {
        padding: 30px 0 80px;
    }
}
.paging {
    text-align: center;
    margin: 30px 0 0 0;
}
.paging span {
    padding: 6px 12px;
    font-weight: bold;
    color: #000;
    margin: 5px;
}
.paging span.current {
    background: #ff5800;
    color: #fff;
}
.paging em {
    padding: 10px;
    font-weight: bold;
    color: #000;
    margin: 5px;
}
.paging a {
    color: #000;
    font-weight: bold;
    padding: 6px;
}
.paging ul {
    text-align: center;
}
.paging ul li {
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.paging ul li:first-child {
    border: 1px solid #373737;
    color: #373737;
}
@media all and (max-width: 768px) {
    .paging ul li:first-child {
        margin-right: 5px;
    }
}
.paging ul li .flex-center {
    padding: 5px 15px;
    cursor: pointer;
}
.paging ul li .active-page {
    background: #ff5800;
    color: #fff;
}
.paging ul li:last-child {
    border: 1px solid #373737;
    color: #373737;
}
@media all and (max-width: 768px) {
    .paging ul li:last-child {
        margin-left: 5px;
    }
}
.filter ::-webkit-scrollbar {
    width: 5px;
    background-color: #ccc;
}
.filter ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fcfcfc;
    border-radius: 10px;
}
.filter ::-webkit-scrollbar-thumb {
    border-radius: 25px;
    height: 30px;
    background-color: #4a4a4a;
    margin-top: 25px;
}
.banner-image-over {
    display: none;
}
@media all and (min-width: 1024px) {
    .banner-image-over {
        display: block;
        position: absolute;
        top: 65%;
        right: -85px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
}
.image-position-case {
    position: relative;
    width: 80px;
    float: left;
    height: 60px;
}
.image-position-case img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -wenkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.padding-top-90-mlnp {
    padding-top: 90px !important;
    height: 509px;
}
.case-study-background-mlnp {
    height: 509px;
}
.case-studies-banner {
    background-color: #cc2622db;
    padding: 0 15px !important;
}
@media all and (max-width: 768px) {
    .case-studies-banner {
        padding: 0px !important;
    }
}
.case-studies-banner .mlpn-left {
    padding-left: 0px;
}
.case-studies-banner__banner-content {
    padding-top: 50px;
}
@media all and (max-width: 768px) {
    .case-studies-banner__banner-content {
        padding-left: 15px;
    }
}
.case-studies-banner__banner-content p {
    background-color: #9e2116;
    display: inline;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
}
.case-studies-banner__banner-content h1 {
    font-size: 36px;
    padding: 5px 0 25px;
    line-height: 46px;
}
@media all and (max-width: 768px) {
    .case-studies-banner__banner-content h1 {
        font-size: 24px;
        line-height: 34px;
    }
}
.client-heading-mlnp {
    color: #494949;
    font-size: 40px !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    margin-top: 35px !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
}
@media all and (min-width: 992px) {
    .client-heading-mlnp {
        font-size: 55px !important;
    }
}
@media all and (max-width: 768px) {
    .client-heading-mlnp {
        font-size: 30px !important;
    }
}
.client-description-mlnp {
    font-size: 17px !important;
}
.challenge-bullets {
    display: block;
}
@media all and (min-width: 992px) {
    .challenge-bullets {
        display: flex;
    }
}
.challenge-bullets li {
    padding-left: 20px !important;
    padding-right: 10px;
    line-height: 28px !important;
}
.challenge-bullets li:before {
    content: "";
    background-color: #ec3e2e;
    background-image: none !important;
    top: 5px !important;
    width: 4px !important;
    height: 50px !important;
}
@media all and (min-width: 992px) {
    .challenge-bullets li:before {
        height: 75px !important;
    }
}
@media all and (max-width: 768px) {
    .challenge-bullets li:before {
        height: 20px !important;
    }
}
.mlnp-watch-text {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    display: inline;
    position: relative;
    padding-top: 2px !important;
}
.mlnp-watch-text:before {
    content: "";
    position: absolute;
    width: 290px;
    height: 4px;
    background-color: #d0352b;
    left: 0;
    top: -8px;
}
.video-mlnp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video {
    height: 315px;
}
.video-box {
    height: 315px;
    position: relative;
}
.video-thumbnail {
    z-index: 300;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.video-frame {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.thumbnail-link .video-thumbnail {
    display: block;
}
.thumbnail-link:hover .video-thumbnail {
    display: none;
}
#video-container {
    position: relative;
    max-width: 40em;
    margin: auto;
    border: 1px solid #000;
    box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.3);
}
#video-container video {
    display: block;
    width: 100%;
    height: auto;
}
#video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    cursor: pointer;
}
.hide {
    display: none;
}
#starter {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
@media all and (max-width: 768px) {
    .padding-small-view {
        padding: 0;
    }
}
@media all and (max-width: 768px) {
    .padding-small-view .padding-0 {
        padding: 30px 15px !important;
    }
}
.gradient-green-blue-mlnp {
    background: #00b35c;
    background: -moz-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #00b35c), color-stop(47%, #0b8a8a), color-stop(100%, #004475));
    background: -webkit-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: -o-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: -ms-linear-gradient(-45deg, #00b35c 0%, #0b8a8a 47%, #004475 100%);
    background: linear-gradient(135deg, #00b35c -22%, #0e5579 47%, #004475 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b35c', endColorstr='#004475', GradientType=1 );
}
p.service-txt {
    min-height: auto !important;
    margin-bottom: 10px !important;
    font-family: "Montserrat", sans-serif;
}
.download-form {
    max-width: 625px;
    margin: 0 auto;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
@media all and (max-width: 767px) {
    .download-form {
        margin: 0 15px;
    }
}
.download-form form {
    padding: 20px 60px 40px;
    background-color: #fff;
}
@media all and (max-width: 767px) {
    .download-form form {
        padding: 20px 15px 40px;
    }
}
.download-form label {
    display: block;
    margin-bottom: 10px;
}
.download-form input {
    border-bottom: 1px solid #000;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 10px 20px 50px;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.download-form .cs-name {
    background: url(images/common/form-icon-1.png) 0 50% no-repeat;
}
.download-form .cs-email {
    background: url(images/common/form-icon-2.png) 0 50% no-repeat;
}
.download-form button {
    margin: 20px 0 0 0;
}
.download-form .popup-heading {
    width: 100%;
    height: 150px;
    padding: 40px 110px 30px 60px;
    position: relative;
}
@media all and (max-width: 767px) {
    .download-form .popup-heading {
        padding: 15px 15px 15px 15px;
        height: auto;
        text-align: center;
    }
}
.download-form .popup-heading:after {
    background: url(images/case-study/popup-heading-bg.png) 100% 100% no-repeat;
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 108px;
    height: 88px;
}
.download-form .popup-heading h2 {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
    color: #fff;
}
.download-form .popup-heading p {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
}
.popup-modal button.close {
    z-index: 999;
    position: relative;
    right: 23% !important;
    top: 42px !important;
    background: transparent !important;
    padding: 10px;
    opacity: 1;
}
@media all and (max-width: 767px) {
    .popup-modal button.close {
        right: 2% !important;
    }
}
.cs-banner-pdf {
    padding: 7px 32px;
    float: left;
    display: block;
    margin: 30px auto 0;
    color: #fff;
    background: url(images/case-study-home/icon-pdf-1.svg) 0 50% no-repeat;
    text-decoration: underline;
    font-family: "Montserrat", sans-serif;
    position: relative;
    text-decoration: none;
    font-size: 20px;
}
.cs-banner-pdf:after {
    content: "";
    position: absolute;
    left: 34px;
    bottom: 0px;
    width: 288px;
    background-color: #14df7d;
    height: 2px;
}
@media all and (max-width: 767px) {
    .cs-banner-pdf:after {
        width: 245px;
        display: none;
    }
}
.cs-banner-pdf:hover {
    color: #fff;
}
.cs-banner-pdf:hover::after {
    background-color: #fff;
}
.cs-banner-pdf:focus {
    color: #fff;
}
@media all and (max-width: 767px) {
    .cs-banner-pdf {
        font-size: 14px;
        margin-bottom: 25px;
        float: none;
        text-align: center;
        background-size: 15px;
        background-position: 5% 50%;
        max-width: 280px;
    }
}
.case-study-download {
    padding: 30px 0;
    margin: 60px 0 0 0;
    background: url(images/case-study/download-bg.jpg) 50% 50% no-repeat #091b38;
}
@media all and (max-width: 767px) {
    .case-study-download {
        background-image: none;
    }
}
.case-study-download img.download-icon {
    float: right;
}
@media all and (max-width: 767px) {
    .case-study-download img.download-icon {
        display: none;
    }
}
.case-study-download h2 {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    font-weight: bold;
    padding: 15px 0 0;
    text-transform: uppercase;
}
@media all and (max-width: 767px) {
    .case-study-download h2 {
        text-align: center;
        font-size: 34px;
        line-height: 44px;
        text-transform: capitalize;
    }
}
.cs-bot-banner-pdf {
    border: 2px solid #ff5800;
    color: #fff;
    background: url(images/case-study/icon-down-arrow.png) 88% 50% no-repeat;
    font-size: 17px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    padding: 16px 60px 18px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 40px 0 0 0;
    display: inline-block;
    background-color: #ff5800;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .cs-bot-banner-pdf {
        margin: 40px auto;
        width: 235px;
        display: block;
    }
}
.cs-bot-banner-pdf:focus {
    color: #fff;
}
.cs-bot-banner-pdf:hover {
    background-color: #ff5800;
    color: #fff;
    border: 2px solid #fff;
}
.retention-rate {
    background: #10d08e;
    background: -moz-linear-gradient(-45deg, #10d08e 0%, #082653 100%);
    background: -webkit-linear-gradient(-45deg, #10d08e 0%, #082653 100%);
    background: linear-gradient(135deg, #10d08e 0%, #082653 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10D08E', endColorstr='#082653',GradientType=1 );
    padding: 45px 35px 130px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.hurry {
    width: 80%;
    position: absolute;
    left: 50%;
    top: -210px;
    transform: translate(-50%, -50%);
    padding: 40px 80px 60px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 18px 0px #a6a6a6;
    -moz-box-shadow: 0px 0px 18px 0px #a6a6a6;
    box-shadow: 0px 0px 18px 0px #a6a6a6;
    background: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.hurry h3 {
    font-size: 36px;
    margin-bottom: 10px;
}
.hurry p {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}
.hurry .btn {
    padding: 19px 0px !important;
    max-width: 350px !important;
}
.o-casestudies-thankyou {
    text-align: center;
    position: relative;
    padding: 170px 0 50px;
    overflow: hidden;
    background: url(images/casestudies-thank-you/thank-you-banner.jpg) 50% 50% no-repeat;
    margin-bottom: 290px;
}
.o-casestudies-thankyou h1 {
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
.o-casestudies-thankyou p {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding-bottom: 40px;
}
.o-casestudies-thankyou p a {
    text-decoration: underline;
    color: #fff !important;
}
.case-thanks .btn {
    z-index: 0;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    padding: 12px 0px;
    max-width: 240px;
}
.case-thanks .btn:after {
    content: "";
    background: url(images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
}
.case-thanks .social-footer-divider--social-pan {
    border-top: 0 !important;
}
.cheaper-better {
    border: 2px solid #15b96a;
    padding: 50px 35px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.cheaper-better p {
    font-size: 30px;
    line-height: 36px;
    font-family: "Montserrat", sans-serif;
}
.cheaper-better p span {
    display: block;
    font-size: 110px;
    line-height: 120px;
    font-weight: 600;
}
.retention-rate1 {
    background: #10d08e;
    background: -moz-linear-gradient(-45deg, #10d08e 0%, #082653 100%);
    background: -webkit-linear-gradient(-45deg, #10d08e 0%, #082653 100%);
    background: linear-gradient(135deg, #10d08e 0%, #082653 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10D08E', endColorstr='#082653',GradientType=1 );
    padding: 45px 35px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.retention-rate1 h4 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    line-height: 36px;
    padding-bottom: 20px;
}
.off-video-pan {
    border: 1px solid #d8d8d8;
    padding: 20px;
    margin-bottom: 30px;
}
.off-video-pan .off-video {
    max-width: 250px;
    margin-right: 10px;
    float: left;
}
.off-video-pan .off-video-txt {
    width: 45%;
    margin-top: 0;
    float: left;
    margin-left: 10px;
}
.off-video-pan .off-video-txt h3 {
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 28px;
}
.off-video-pan .off-video-txt p {
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}
.off-video-pan .off-video-txt a {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #ff5800 !important;
}
.post-pan {
    border: 1px solid #d8d8d8;
    padding: 10px 20px 30px 20px;
}
.post-pan h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.post-pan ul {
    padding-bottom: 20px;
}
.post-pan ul li {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
}
.post-pan ul li span {
    float: left;
    margin-right: 20px;
}
.post-pan ul li a {
    color: #000;
    display: inline-block;
    width: 80%;
    padding-top: 10px;
}
.post-pan .btn {
    max-width: 300px !important;
}
.thank-right-top {
    overflow: hidden;
}
.thank-right-top ul {
    overflow: hidden;
    margin-bottom: 20px;
}
.thank-right-top ul li {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.thank-right-top ul li span {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
}
.thank-right-top ul li a {
    color: #000;
}
.thank-right-top h3 {
    font-size: 28px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
}
.thank-right-top p {
    font-family: "Montserrat", sans-serif;
    font-size: 19px;
    font-weight: 600;
}
.t-left {
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin-bottom: 30px;
    float: left;
    width: 48%;
    min-height: 368px;
}
.t-right {
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin-bottom: 30px;
    float: right;
    width: 48%;
    min-height: 368px;
}
@media all and (max-width: 767px) {
    .o-skills-hero-cs__case-studies__technology-div {
        display: none;
    }
}
@media all and (max-width: 767px) {
    section.o-case-studies-new {
        padding-top: 80px !important;
    }
}
@media all and (max-width: 767px) {
    .case-studies-class .navbar-toggle .icon-bar {
        background-color: #333;
    }
}
.o-case-studies-new .masonry {
    column-count: inherit;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0 !important;
}
.o-case-studies-new .product {
    width: 100%;
    margin: 15px 10px;
}
@media all and (min-width: 768px) {
    .o-case-studies-new .product {
        display: flex;
        flex: 0 0 31%;
        max-width: 31%;
        flex-wrap: wrap;
    }
}
.o-case-studies-new .product p.service-txt {
    width: 100%;
    display: block;
}
form#brandfilter {
    display: inline-block;
}
.font-bold {
    font-weight: 700;
}
.ai-pattern-bl:before {
    background: url(images/ai-chatbots/bottom-left-pattern.png) no-repeat bottom left;
    bottom: 0px;
    height: auto;
}
.ai-pattern-bl:after {
    display: none;
}
.ai-chatbots {
    padding-bottom: 50px;
    background-color: #f8f8f8;
}
.ai-chatbots h2 {
    margin-bottom: 0;
}
@media all and (min-width: 1024px) {
    .ai-chatbots h2 {
        padding: 0 50px;
        margin-bottom: 50px;
    }
}
.ai-chatbots h3 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 25px;
    margin-top: 30px;
}
@media all and (min-width: 1024px) {
    .ai-chatbots h3 {
        font-size: 36px;
    }
}
.ai-chatbots .section-para {
    font-size: 19px;
    line-height: 29px;
    text-align: center;
}
@media all and (max-width: 767px) {
    .ai-chatbots .section-para {
        font-size: 16px;
        line-height: 28px;
    }
}
.ai-chatbots .dc-white-pan {
    min-height: inherit;
    height: auto;
}
@media all and (min-width: 1024px) {
    .ai-chatbots .dc-white-pan {
        min-height: inherit;
        box-shadow: 0px 0px 34px 0px #0000001c;
    }
}
@media all and (min-width: 1080px) {
    .ai-chatbots .dc-white-pan {
        height: 180px;
    }
}
.ai-chatbots .dc-white-pan div span {
    position: absolute;
    width: 88px;
    height: 88px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ai-chatbots .dc-white-pan div span img {
    margin-right: 20px;
}
.ai-chatbots .body-text-medium {
    font-size: 19px;
    line-height: 32px;
    color: #333333;
    font-family: "Source Serif Pro", serif;
    font-weight: 500;
    margin-top: 15px;
    padding-left: 100px;
}
.ai-chatbots .correct-img {
    text-align: center;
}
@media all and (min-width: 1024px) {
    .ai-chatbots .correct-img {
        text-align: inherit;
    }
}
.ai-chatbots .correct-img img {
    width: 300px;
    margin: 0 auto;
}
@media all and (min-width: 1024px) {
    .ai-chatbots .correct-img img {
        width: 100%;
        margin: 0;
    }
}
.ai-chatbots .number-section-bnt {
    text-align: center;
    margin-bottom: 25px;
}
.ai-chatbots .number-section-bnt a {
    display: inline-block;
    padding: 10px 50px 10px 15px;
    line-height: 46px;
    background: transparent;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    border-radius: 6px;
    border: 3px solid #14df7d;
    margin-bottom: 15px;
    transition: 0.3s all ease-in;
}
@media all and (min-width: 1024px) {
    .ai-chatbots .number-section-bnt a {
        width: 470px;
        height: 72px;
        margin: 0 15px 15px;
        font-size: 24px;
    }
}
@media all and (min-width: 1080px) {
    .ai-chatbots .number-section-bnt a {
        width: 470px;
    }
}
.ai-chatbots .number-section-bnt a:before {
    content: "";
    position: absolute;
    background: url(images/common/right-circle-icon.png) no-repeat right center;
    height: 35px;
    width: 35px;
    top: 15px;
    right: 10px;
}
@media all and (min-width: 1024px) {
    .ai-chatbots .number-section-bnt a:before {
        right: 30px;
    }
}
.ai-chatbots .number-section-bnt a:hover {
    background: #fff;
    color: #ff5800;
    border: 3px solid #ff5800;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.skill-mod {
    padding: 80px 0;
    background: url(images/common/bottom-left-pt.png) left bottom no-repeat;
    background-size: 30% auto;
    text-align: center;
}
.skill-mod h2 {
    font-family: "Montserrat", sans-serif;
    color: #333;
    margin-bottom: 40px;
}
.skill-mod p {
    font-family: "Source Serif Pro", serif;
    font-weight: 400;
    color: #414446;
    font-size: 19px;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    .skill-mod p {
        padding-right: 80px;
        padding-left: 80px;
    }
}
.skill-mod .holder {
    text-align: left;
    margin-bottom: 20px;
}
.skill-mod .holder .listing-heading {
    text-align: left;
    padding-bottom: 35px;
    display: flex;
    align-items: center;
}
.skill-mod .holder .listing-heading img.listing-heading-icon {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.skill-mod .holder .listing-heading h3.listing-heading-txt {
    display: inline-block;
    margin: 0;
    padding-left: 30px;
}
.skill-mod .holder ul {
    text-align: left;
    margin: 0px 0px 25px 0;
}
.skill-mod .holder ul li {
    padding: 0 0 15px 35px;
    line-height: 28px;
    position: relative;
    display: block;
    font-family: "Source Serif Pro", serif;
    font-weight: 300;
    color: #414446;
    font-size: 17px;
}
.skill-mod .holder ul li:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0px;
    background: url("images/common/icon-bullet-dark.svg") 50% 50% no-repeat;
    background-size: auto;
    background-size: contain;
}
.skill-mod h5 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    margin: 0px 0px 35px 0px;
    font-family: "Source Serif Pro", serif;
}
.tech-mod {
    padding: 80px 0;
    background: url(images/common/small-bottom-right-pt.png) right bottom no-repeat #fafafa;
    background-size: 30% auto;
    text-align: center;
}
.tech-mod h2 {
    font-family: "Montserrat", sans-serif;
    color: #333;
    margin-bottom: 25px;
    text-align: center;
}
.tech-mod h5 {
    font-weight: 400;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.tech-mod--no-background {
    background: none;
}
@media all and (min-width: 1024px) {
    .tech-mod--no-background {
        padding: 100px 0 120px 0;
    }
}
@media all and (min-width: 1024px) {
    .tech-mod--inline-block {
        width: 49%;
        vertical-align: top;
    }
}
@media all and (min-width: 1025px) {
    .tech-mod--inline-block {
        display: inline-block;
        float: none;
        width: 24%;
    }
}
.tech-mod__blocks {
    border-radius: 6px;
    font-size: 18px;
    line-height: 26px;
    padding: 40px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    margin-top: 8px;
}
.tech-mod__blocks h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
@media all and (min-width: 1024px) {
    .tech-mod__blocks h5 {
        font-size: 24px;
        line-height: 32px;
    }
}
.tech-mod__blocks h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}
@media all and (min-width: 1024px) {
    .tech-mod__blocks h3 {
        font-size: 24px;
        line-height: 32px;
    }
}
.tech-mod__blocks span.technologies-sub-heaidng {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .tech-mod__blocks span.technologies-sub-heaidng {
        font-size: 24px;
        line-height: 32px;
    }
}
.tech-mod__blocks__icons .tech-icon {
    width: 132px;
    height: 132px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 25px;
}
.tech-mod__blocks__icons .tech-icon img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.tech-mod__blocks__icons .tech-icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-image: url("assets/images/common/why-us-oval.svg");
    -webkit-animation: spin 30s linear 0s infinite;
    -moz-animation: spin 30s linear 0s infinite;
    -ms-animation: spin 30s linear 0s infinite;
    -o-animation: spin 30s linear 0s infinite;
    animation: spin 30s linear 0s infinite;
}
.tech-mod__blocks__icons .tech-icon.delay-1s:before {
    -webkit-animation: spin 30s linear 1s infinite;
    -moz-animation: spin 30s linear 1s infinite;
    -ms-animation: spin 30s linear 1s infinite;
    -o-animation: spin 30s linear 1s infinite;
    animation: spin 30s linear 1s infinite;
}
.tech-mod__blocks__icons .tech-icon.delay-2s:before {
    -webkit-animation: spin 30s linear 2s infinite;
    -moz-animation: spin 30s linear 2s infinite;
    -ms-animation: spin 30s linear 2s infinite;
    -o-animation: spin 30s linear 2s infinite;
    animation: spin 30s linear 2s infinite;
}
.tech-mod__blocks__icons .tech-icon.delay-3s:before {
    -webkit-animation: spin 30s linear 3.5s infinite;
    -moz-animation: spin 30s linear 3.5s infinite;
    -ms-animation: spin 30s linear 3.5s infinite;
    -o-animation: spin 30s linear 3.5s infinite;
    animation: spin 30s linear 3.5s infinite;
}
.tech-mod__blocks__icons .tech-icon.delay-4s:before {
    -webkit-animation: spin 30s linear 2.5s infinite;
    -moz-animation: spin 30s linear 2.5s infinite;
    -ms-animation: spin 30s linear 2.5s infinite;
    -o-animation: spin 30s linear 2.5s infinite;
    animation: spin 30s linear 2.5s infinite;
}
.tech-mod__blocks__icons .tech-icon.delay-5s:before {
    -webkit-animation: spin 30s linear 5s infinite;
    -moz-animation: spin 30s linear 5s infinite;
    -ms-animation: spin 30s linear 5s infinite;
    -o-animation: spin 30s linear 5s infinite;
    animation: spin 30s linear 5s infinite;
}
.tech-mod__blocks__lists {
    text-align: left;
    width: 147px;
    margin: 27px auto 0 auto;
}
.tech-mod__blocks__lists li {
    line-height: 30px;
    margin-bottom: 14px;
    position: relative;
    white-space: nowrap;
    height: 30px;
}
.tech-mod__blocks__lists li i {
    width: 30px;
    display: inline-block;
    margin-right: 20px;
}
.tech-mod__blocks__lists li a {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.tech-mod__blocks__lists li a:hover {
    color: #666666;
}
.tech-mod__blocks__lists li:last-child:after {
    border: none;
}
.tech-mod__blocks__lists li:after {
    position: absolute;
    content: "";
    left: 48px;
    bottom: -8px;
    width: 95px;
    height: 1px;
    border-bottom: 1px solid #e7e7e7;
}
.tech-mod__samefee h2 {
    margin-bottom: 20px;
    text-align: center;
}
.tech-mod__samefee h5 {
    font-weight: 600;
    padding-bottom: 40px;
    text-align: center;
}
.tech-mod__samefee .samefee-left-pan {
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 10px 11px 45px 0px #e3e3e3;
    -moz-box-shadow: 10px 11px 45px 0px #e3e3e3;
    box-shadow: 10px 11px 45px 0px #e3e3e3;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media all and (min-width: 768px) {
    .tech-mod__samefee .samefee-left-pan {
        padding-top: 110px;
    }
}
.tech-mod__samefee .samefee-left-pan h5 {
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}
@media all and (min-width: 1024px) {
    .tech-mod__samefee .samefee-left-pan h5 {
        padding-bottom: 40px;
    }
}
.tech-mod__samefee .samefee-left-pan img {
    margin-bottom: 35px;
}
.tech-mod__samefee .samefee-left-pan p {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    line-height: 32px;
    font-family: "Source Serif Pro", serif;
    font-weight: 300;
    color: #414446;
}
@media all and (min-width: 1024px) {
    .tech-mod__samefee .samefee-left-pan p {
        padding-left: 40px;
        padding-right: 40px;
    }
}
.tech-mod__samefee .samefee-mid-pan {
    padding-top: 5%;
    padding-bottom: 6%;
}
@media all and (min-width: 1024px) {
    .tech-mod__samefee .samefee-mid-pan {
        padding-top: 20%;
    }
}
.tech-mod__samefee .samefee-right-pan {
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 10px 11px 45px 0px #e3e3e3;
    -moz-box-shadow: 10px 11px 45px 0px #e3e3e3;
    box-shadow: 10px 11px 45px 0px #e3e3e3;
    padding: 30px 0;
}
.tech-mod__samefee .samefee-right-pan h3 {
    background: url("images/common/cheaper-and-better-heading-bg.png") no-repeat 50% 0;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: "Caveat", cursive;
    font-weight: normal;
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 30px 20px;
    vertical-align: top;
}
@media all and (min-width: 768px) {
    .tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder {
        width: 32%;
    }
}
@media all and (min-width: 1080px) {
    .tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder {
        width: 33%;
    }
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder h5 {
    font-size: 20px;
    padding-bottom: 10px;
}
@media all and (min-width: 1024px) {
    .tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder h5 {
        padding-bottom: 40px;
    }
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder p {
    font-size: 18px;
    line-height: 32px;
    font-family: "Source Serif Pro", serif;
    font-weight: 300;
    color: #414446;
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-holder img {
    margin-bottom: 35px;
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
@media all and (min-width: 768px) {
    .tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid {
        border-left: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
        border-top: 0;
        border-bottom: 0;
    }
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid:after {
    position: absolute;
    right: -17px;
    top: 24%;
    content: "";
    background: url("images/common/cheaper-and-better-icon-9.png") no-repeat 0 0;
    width: 34px;
    height: 34px;
    display: none;
}
@media all and (min-width: 1024px) {
    .tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid:after {
        display: block;
    }
}
.tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid:before {
    position: absolute;
    left: -17px;
    top: 24%;
    content: "";
    background: url("images/common/cheaper-and-better-icon-9.png") no-repeat 0 0;
    width: 34px;
    height: 34px;
    display: none;
}
@media all and (min-width: 1024px) {
    .tech-mod__samefee .samefee-right-pan .samefee-right-pan-mid:before {
        display: block;
    }
}
.tech-mod .js-tech-col {
    min-height: inherit;
}
@media all and (min-width: 1024px) {
    .tech-mod .js-tech-col {
        min-height: 735px;
    }
}
@media all and (min-width: 1080px) {
    .tech-mod .js-tech-col {
        min-height: 608px;
    }
}
.margin-top-30-i {
    margin-top: 30px !important;
}
.margin-top-50-i {
    margin-top: 50px !important;
}
.o-apply-now {
    padding: 80px 0 70px;
    background: #00b35d;
    background: -moz-linear-gradient(-45deg, #00b35d 0%, #1db39b 16%, #28b2b3 24%, #004475 100%);
    background: -webkit-linear-gradient(-45deg, #00b35d 0%, #1db39b 16%, #28b2b3 24%, #004475 100%);
    background: linear-gradient(135deg, #00b35d 0%, #1db39b 16%, #28b2b3 24%, #004475 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b35d', endColorstr='#004475',GradientType=1 );
    position: relative;
    text-align: center;
}
.o-apply-now h5 {
    color: #fff;
    font-size: 36px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 40px;
}
.big-data {
    padding: 35px 0;
}
@media all and (min-width: 1024px) {
    .big-data {
        padding: 70px 0;
    }
}
.big-data p {
    font-family: "Montserrat", sans-serif;
}
.big-data .heighlight-txt {
    font-family: "Montserrat", sans-serif;
}
.big-data .heighlight-txt span {
    font-family: "Montserrat", sans-serif;
}
.big-data .right-banner-txt {
    width: 90%;
    margin: 0 auto;
}
@media all and (min-width: 768px) {
    .big-data .right-banner-txt {
        width: 58.33333333%;
        margin: 0;
    }
}
.font-weight-400 {
    font-weight: 400 !important;
}
.u-pad-top-30 {
    padding-top: 30px;
}
.margin-left-0 {
    margin-left: 0 !important;
}
.work-bnr {
    padding: 35px 0 65px 0;
}
.work-bnr .margin-25 {
    margin-bottom: 25px;
}
.work-bnr h1 {
    font-size: 24px;
    line-height: 34px;
    padding-top: 40px;
    font-weight: 400;
}
@media all and (min-width: 1024px) {
    .work-bnr h1 {
        padding-top: 75px;
    }
}
.o-two-col-section-mod {
    background: url(images/common/bottom-left-pt.png) left bottom no-repeat;
    background-size: 30% auto !important;
}
.o-two-col-section-mod h2 {
    text-align: center;
    font-size: 24px;
    line-height: 28px;
}
@media all and (min-width: 1024px) {
    .o-two-col-section-mod h2 {
        font-size: 42px;
        line-height: 52px;
    }
}
.o-two-col-section-mod p {
    text-align: center;
    font-family: "Source Serif Pro", serif;
    font-weight: 400;
    color: #414446;
    font-size: 18px;
    line-height: 28px;
    margin-top: 30px;
}
.o-two-col-section__key-traits {
    text-align: center;
    background-color: #f9f9f9;
    position: relative;
    text-align: center;
}
.o-two-col-section__key-traits h2 {
    margin-bottom: 30px;
}
.o-two-col-section__key-traits p {
    font-family: "Source Serif Pro", serif;
    font-weight: 400;
    color: #414446;
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
}
.o-two-col-section__key-traits ul {
    height: auto;
    padding-top: 50px;
    margin-bottom: 50px;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul {
        height: 420px;
    }
}
.o-two-col-section__key-traits ul:after {
    clear: both;
    content: "";
}
.o-two-col-section__key-traits ul li .style_prevu_kit {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    border: 0;
    height: auto;
    position: relative;
    -webkit-transition: all 400ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 400ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 400ms ease-in;
    -moz-transform: scale(1);
    transition: all 400ms ease-in;
    transform: scale(1);
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.05);
    padding: 30px 20px;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit {
        height: 310px;
        padding: 20px 0;
        margin-bottom: 0;
    }
}
@media all and (min-width: 1080px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit {
        padding: 80px 0;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit img {
    margin-bottom: 40px;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit img {
        margin-bottom: 0;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit h2 {
    font-size: 22px;
    line-height: 28px;
    text-transform: none;
    padding-top: 20px;
    display: none;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit h2 {
        display: block;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit .icon-text-hover {
    opacity: 1;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit .icon-text-hover {
        opacity: 0;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit h3 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 22px;
}
.o-two-col-section__key-traits ul li .style_prevu_kit:hover {
    box-shadow: 0px 0px 10px #ccc;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover {
        z-index: 2;
        -webkit-transition: all 400ms ease-in;
        -webkit-transform: scale(1.4);
        -ms-transition: all 400ms ease-in;
        -ms-transform: scale(1.4);
        -moz-transition: all 400ms ease-in;
        -moz-transform: scale(1.4);
        transition: all 400ms ease-in;
        transform: scale(1.4);
        background-color: #094a79;
        color: #fff;
        padding: 30px 0;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover {
    opacity: 1;
    padding: 0;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover {
        padding: 20px;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover h3 {
    color: #333333;
    text-align: center;
    padding: 0;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover h3 {
        font-size: 15px;
        line-height: 22px;
        color: #fff;
        text-align: left;
        margin-bottom: 50px;
    }
}
@media all and (min-width: 1080px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover p {
    color: #333333;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover p {
        color: #fff;
        font-size: 11px;
        line-height: 16px;
        margin-top: 15px;
        text-align: left;
    }
}
@media all and (min-width: 1080px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .icon-text-hover p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 30px;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit:hover img,
.o-two-col-section__key-traits ul li .style_prevu_kit:hover .o-two-col-section__key-traits ul li .style_prevu_kit:hover h2 {
    display: inline-block;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover img,
    .o-two-col-section__key-traits ul li .style_prevu_kit:hover .o-two-col-section__key-traits ul li .style_prevu_kit:hover h2 {
        display: none;
    }
}
.o-two-col-section__key-traits ul li .style_prevu_kit:hover h2 {
    display: none;
}
.pt-mod {
    background: url(images/common/small-bottom-right-pt.png) right bottom no-repeat #fafafa;
    background-size: 30% auto !important;
}
.o-two-col-section__choosing-steps {
    background: url(images/common/bottom-left-pt.png) bottom left no-repeat;
    background-size: 30% auto !important;
    padding-top: 80px;
    position: relative;
}
.o-two-col-section__choosing-steps h2 {
    margin-bottom: 50px;
}
.o-two-col-section__choosing-steps .steps-holder {
    padding: 10px;
    margin-bottom: 50px;
    clear: both;
    display: table;
    width: 100%;
}
.o-two-col-section__choosing-steps .steps-holder .steps-point {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #3e93da;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    z-index: 1;
}
.o-two-col-section__choosing-steps .steps-holder .step-left-img {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 0;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__choosing-steps .steps-holder .step-left-img {
        float: left;
        width: 30%;
        padding-bottom: 0;
        text-align: left;
        padding-top: 50px;
    }
}
.o-two-col-section__choosing-steps .steps-holder .step-left-img img {
    display: block;
    margin: 0;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__choosing-steps .steps-holder .step-left-img img {
        margin: 0 auto;
        display: inherit;
    }
}
.o-two-col-section__choosing-steps .steps-holder .step-right-content {
    float: none;
    width: 100%;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    padding: 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content {
        float: right;
        width: 67%;
    }
}
.o-two-col-section__choosing-steps .steps-holder .step-right-content span {
    font-size: 20px;
    font-weight: 500;
    color: #3e93da;
    padding-bottom: 25px;
    display: flex;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content span {
        display: block;
    }
}
.o-two-col-section__choosing-steps .steps-holder .step-right-content h3 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 29px;
    text-transform: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #333;
}
.o-two-col-section__choosing-steps .steps-holder .step-right-content p {
    padding-bottom: 20px;
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #6f6e6e;
    padding-bottom: 0 !important;
}
.o-two-col-section__choosing-steps .steps-holder .step-right-content ul li {
    padding-left: 20px;
    padding-bottom: 20px;
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    line-height: 32px;
    color: #6f6e6e;
    background: url("images/work-with-the-top-developers/blue-tick.png") 0 8px no-repeat;
}
.o-two-col-section__choosing-steps .steps-holder .step-right-content ul li strong {
    font-weight: 600;
}
.o-two-col-section__choosing-steps .step-1 {
    position: relative;
}
.o-two-col-section__choosing-steps .step-1:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    left: 320px;
    top: 200px;
    content: "";
    width: 61px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-1:before {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-1:after {
    border-left: 1px dashed #3e93da;
    height: 200px;
    position: absolute;
    left: 320px;
    top: 0;
    content: "";
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-1:after {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-1 .steps-point {
    position: absolute;
    left: 310px;
    top: 0;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-1 .steps-point {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-2 {
    position: relative;
    padding: 10px;
    margin-bottom: 50px;
    clear: both;
    display: table;
    width: 100%;
}
.o-two-col-section__choosing-steps .step-2:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    right: 320px;
    top: 150px;
    content: "";
    width: 61px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-2:before {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-2:after {
    border-left: 1px dashed #3e93da;
    height: 210px;
    position: absolute;
    right: 320px;
    top: -60px;
    content: "";
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-2:after {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-2 .steps-point-2 {
    position: absolute;
    right: 310px;
    top: 40px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-2 .steps-point-2 {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-3 {
    position: relative;
}
.o-two-col-section__choosing-steps .step-3:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    left: 320px;
    top: 200px;
    content: "";
    width: 61px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-3:before {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-3:after {
    border-left: 1px dashed #3e93da;
    height: 260px;
    position: absolute;
    left: 320px;
    top: -60px;
    content: "";
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-3:after {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-3 .steps-point-3 {
    position: absolute;
    left: 310px;
    top: 50px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-3 .steps-point-3 {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-4 {
    position: relative;
    padding: 10px;
    margin-bottom: 50px;
    clear: both;
    display: table;
    width: 100%;
}
.o-two-col-section__choosing-steps .step-4:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    right: 320px;
    top: 150px;
    content: "";
    width: 61px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-4:before {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-4:after {
    border-left: 1px dashed #3e93da;
    height: 210px;
    position: absolute;
    right: 320px;
    top: -60px;
    content: "";
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-4:after {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-4 .steps-point-4 {
    position: absolute;
    right: 310px;
    top: 50px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-4 .steps-point-4 {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-5 {
    position: relative;
}
.o-two-col-section__choosing-steps .step-5:before {
    border-bottom: 1px dashed #3e93da;
    height: 1px;
    position: absolute;
    left: 320px;
    top: 200px;
    content: "";
    width: 61px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-5:before {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-5:after {
    border-left: 1px dashed #3e93da;
    height: 260px;
    position: absolute;
    left: 320px;
    top: -60px;
    content: "";
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-5:after {
        display: block;
    }
}
.o-two-col-section__choosing-steps .step-5 .steps-point-5 {
    position: absolute;
    left: 310px;
    top: 50px;
    display: none;
}
@media all and (min-width: 1080px) {
    .o-two-col-section__choosing-steps .step-5 .steps-point-5 {
        display: block;
    }
}
.o-two-col-section__why-choose-us-mod {
    background: url(images/common/small-bottom-right-pt.png) 100% 100% no-repeat;
    background-size: 30% auto !important;
    background-color: #f9f9f9;
    text-align: center;
    padding: 80px 0 60px;
}
.o-two-col-section__why-choose-us-mod h2 {
    margin-bottom: 30px;
}
.o-two-col-section__why-choose-us-mod p {
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    line-height: 28px;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__why-choose-us-mod p {
        padding: 0 70px;
    }
}
.u-align-right {
    text-align: right !important;
}
.u-pull-right {
    float: right !important;
}
.o-skills-hero--cn-uses-ai {
    padding: 35px 0;
}
@media all and (min-width: 1024px) {
    .o-skills-hero--cn-uses-ai {
        padding: 35px 0 0 0;
    }
}
.o-skills-hero--cn-uses-ai .container {
    position: relative;
    padding-bottom: 0;
}
@media all and (min-width: 1024px) {
    .o-skills-hero--cn-uses-ai .container .machine-img {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}
.o-skills-hero--cn-uses-ai .container .extra-padding {
    padding-bottom: 0;
}
@media all and (min-width: 1024px) {
    .o-skills-hero--cn-uses-ai .container .extra-padding {
        padding-bottom: 80px;
    }
}
.o-skills-hero--cn-uses-ai .margin-25 {
    margin-bottom: 25px;
}
.o-skills-hero--cn-uses-ai h1 {
    font-size: 46px;
    line-height: 58px;
}
.o-skills-hero--cn-uses-ai p {
    font-size: 22px;
    line-height: 32px;
    font-family: "Source Serif Pro", serif;
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
}
@media all and (min-width: 1024px) {
    .o-skills-hero--cn-uses-ai p {
        padding-right: 15px;
    }
}
.o-skill-intro--cn-uses-ai {
    background: url(images/common/bottom-left-pt.png) left bottom no-repeat;
    background-size: auto;
    background-size: 30% auto;
    text-align: center;
    padding: 30px 0;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--cn-uses-ai {
        padding: 60px 0;
    }
}
.o-skill-intro--cn-uses-ai h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--cn-uses-ai h3 {
        font-size: 36px;
        line-height: 44px;
    }
}
.o-skill-intro--cn-uses-ai p {
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    line-height: 30px;
}
.o-skill-intro--puzzle {
    background-color: #f9fbfc;
    background-image: none;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--puzzle {
        padding: 80px 0;
        background: url("images/common/small-bottom-right-pt.png") right bottom no-repeat #f9fbfc;
        background-size: auto;
        background-size: 30% auto;
    }
}
.o-skill-intro--puzzle p {
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
.o-skill-intro--puzzle .font-20 {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}
.o-skill-intro--puzzle img {
    text-align: center;
    margin: 40px auto;
    display: block;
}
.project-management {
    background: url(images/common/bottom-left-pt.png) left bottom no-repeat;
    background-size: auto;
    background-size: 30% auto !important;
    position: relative;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .project-management {
        padding: 80px 0;
        background-size: 30% auto;
    }
}
.project-management img {
    margin: 0 0 20px;
}
.project-management h2 {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0px 0px 50px 0px;
}
@media all and (min-width: 1024px) {
    .project-management h2 {
        font-size: 42px;
        line-height: 52px;
    }
}
.project-management p {
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px 0px 25px 0px;
}
.o-skill-intro--better {
    background-color: #f8f9fb;
    background-image: none;
    position: relative;
    padding: 40px 0;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--better {
        padding: 80px 0;
        background: url("images/common/small-bottom-right-pt.png") right bottom no-repeat #f8f9fb;
        background-size: auto;
        background-size: 30% auto;
    }
}
.o-skill-intro--better h2 {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0px 0px 50px 0px;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--better h2 {
        font-size: 42px;
        line-height: 52px;
    }
}
.o-skill-intro--better p {
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px 0px 25px 0px;
}
.o-skill-intro--better .white-bg {
    background-color: #fff;
    text-align: center;
    padding: 20px 0 30px 0;
    width: 100%;
    margin: 0;
    min-height: initial;
}
@media all and (min-width: 768px) {
    .o-skill-intro--better .white-bg {
        width: 30%;
        text-align: left;
        margin: 40px 1.5% 40px;
        min-height: 640px;
        padding: 0;
    }
}
.o-skill-intro--better .white-bg h3 {
    font-size: 18px;
    line-height: 22px;
    color: #222222;
    padding: 30px 15px;
    position: relative;
    margin-bottom: 20px;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--better .white-bg h3 {
        padding: 30px 35px 20px 35px;
    }
}
.o-skill-intro--better .white-bg h3:before {
    content: "";
    position: absolute;
    background-color: #27c070;
    height: 3px;
    width: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@media all and (min-width: 768px) {
    .o-skill-intro--better .white-bg h3:before {
        left: 15px;
        right: inherit;
        margin: 0;
    }
}
@media all and (min-width: 1024px) {
    .o-skill-intro--better .white-bg h3:before {
        left: 35px;
    }
}
.o-skill-intro--better .white-bg p {
    padding: 0 20px;
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--better .white-bg p {
        padding: 0 35px;
    }
}
.o-skill-intro--better .btn_wrapper {
    margin-top: 30px;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--better .btn_wrapper {
        margin-top: 0;
    }
}
.key-benefits:after {
    display: none !important;
}
.key-benefits .main-span {
    font-weight: 400;
    line-height: 28px;
}
.key-benefits .service-wrap .services-pan {
    padding-top: 40px !important;
    height: auto;
}
.key-benefits .service-wrap .services-pan:before {
    display: none;
}
.key-benefits .service-wrap .services-pan p {
    font-size: 16px !important;
    line-height: 26px !important;
}
@media all and (min-width: 1024px) {
    .key-benefits .service-wrap .services-pan {
        min-height: 515px !important;
        height: initial !important;
    }
}
.o-skill-intro--conclusion {
    position: relative;
    padding: 40px 0;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-skill-intro--conclusion {
        padding: 80px 0;
        background: url("images/common/small-bottom-right-pt.png") right bottom no-repeat;
        background-size: auto;
        background-size: 30% auto;
    }
}
.o-skill-intro--conclusion h2 {
    font-size: 42px;
    line-height: 52px;
    text-transform: capitalize;
    margin: 0px 0px 50px 0px;
}
.o-skill-intro--conclusion p {
    font-family: "Source Serif Pro", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    .left-banner-txt-mod {
        padding-top: 40px;
    }
}
.bottom-right-pt {
    position: relative;
}
.bottom-right-pt:before {
    content: "";
    position: absolute;
    background: url(images/work-with-the-top-developers/bottom-right-pt.png) bottom right;
    background-repeat: no-repeat;
    z-index: 9;
    width: 615px;
    height: 325px;
    bottom: 0;
    right: 0;
    display: none;
}
@media all and (min-width: 1024px) {
    .bottom-right-pt:before {
        display: block;
    }
}
.bottom-left-pt {
    position: absolute;
    background: url(images/common/bottom-left-pt.png) bottom left;
    background-repeat: no-repeat;
    z-index: 9;
    width: 615px;
    height: 325px;
    bottom: 0;
    left: 0;
    display: none;
}
@media all and (min-width: 1024px) {
    .bottom-left-pt {
        display: block;
    }
}
.padding-0-100 {
    padding: 0 !important;
}
@media all and (min-width: 1024px) {
    .padding-0-100 {
        padding: 0 100px !important;
    }
}
.margin-bottom-15 {
    margin-bottom: 20px;
}
.machine-img {
    z-index: 1;
    right: 30px;
    bottom: 0;
    width: 51%;
}
@media all and (min-width: 768px) {
    .machine-img {
        position: absolute;
        text-align: right;
    }
}
@media all and (max-width: 992px) {
    .machine-img {
        position: relative !important;
        width: auto;
        text-align: center;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 480px;
        padding: 0 15px;
    }
}
.custom-align {
    text-align: right;
}
@media all and (max-width: 992px) {
    .custom-align {
        text-align: center;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 992px) {
    .ex-padding-top {
        margin-top: 20px;
    }
}
.how-it-works-holder span.blue {
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
    color: #5eacf9 !important;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 600;
}
.how-it-works-holder span.green {
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 600;
}
.how-it-works-holder span.orange {
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 600;
}
.how-it-works-holder h3 {
    font-size: 24px;
}
.how-it-works-holder p {
    font-size: 19px !important;
    line-height: 30px !important;
}
.how-it-works-holder img {
    margin: 15px auto 0;
}
@media all and (min-width: 1024px) {
    .how-it-works-holder img {
        margin: 50px auto 0;
    }
}
.how-it-works-holder .text-bg {
    max-width: inherit;
}
@media all and (min-width: 1024px) {
    .how-it-works-holder .text-bg {
        max-width: 514px !important;
    }
}
@media all and (min-width: 992px) {
    .how-it-works-holder .text-bg {
        max-width: 413px;
    }
}
@media all and (min-width: 1024px) {
    .how-it-works-holder .custom-left {
        float: left;
    }
}
@media all and (min-width: 1024px) {
    .how-it-works-holder .custom-right {
        float: right;
    }
}
@media all and (min-width: 1024px) {
    .ex-padding-bottom2 {
        padding-bottom: 200px;
    }
}
.description-box {
    padding-top: 70px;
}
.description-box p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    .description-box .description-box-img {
        height: 500px;
    }
}
.description-box .description-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.description-box .frame-text {
    padding: 20px 15px;
    border: 8px solid #f3f3f3;
}
@media all and (min-width: 1024px) {
    .description-box .frame-text {
        padding: 20px 15px;
    }
}
@media all and (min-width: 1080px) {
    .description-box .frame-text {
        padding: 40px 30px;
        max-height: 500px;
    }
}
@media all and (min-width: 1200px) {
    .description-box .frame-text {
        padding: 40px 50px;
        max-height: 500px;
    }
}
.description-box .frame-text p {
    font-size: 16px;
    line-height: 24px;
}
@media all and (min-width: 1024px) {
    .description-box .frame-text p {
        font-size: 18px;
        line-height: 28px;
    }
}
@media all and (min-width: 1200px) {
    .description-box .frame-text p {
        font-size: 19px;
        line-height: 30px;
    }
}
.description-box .frame-text2 {
    padding: 20px 15px;
}
@media all and (min-width: 1024px) {
    .description-box .frame-text2 {
        padding: 40px 40px 15px;
    }
}
.description-box .o-open-office--description .description-box-img {
    position: relative;
}
.description-box .o-open-office--description .description-box-img span {
    bottom: 0;
    padding: 20px 15px;
}
@media all and (min-width: 1024px) {
    .description-box .o-open-office--description .description-box-img span {
        bottom: 30px;
        padding: 40px 40px;
    }
}
.description-box .o-open-office--description .description-box-img .m-left {
    left: 0;
}
@media all and (min-width: 1024px) {
    .description-box .o-open-office--description .description-box-img .m-left {
        left: 0;
    }
}
.description-box .o-open-office--description .description-box-img .m-right {
    right: 0;
}
@media all and (min-width: 1024px) {
    .description-box .o-open-office--description .description-box-img .m-right {
        right: 0;
    }
}
.o-office-design2 {
    padding: 70px 0 55px;
}
.here-details p {
    font-family: "Montserrat", sans-serif;
    line-height: 36px;
}
.frame-text3 {
    padding: 15px;
    height: auto;
    margin-bottom: 15px;
    border: 8px solid #f3f3f3;
}
@media all and (min-width: 992px) {
    .frame-text3 {
        height: 488px;
        padding: 0;
    }
}
.frame-text3 h3 {
    padding: 0 0 40px;
}
.frame-text4 {
    padding: 15px;
    height: auto;
    margin-bottom: 15px;
    border: 8px solid #f3f3f3;
}
@media all and (min-width: 992px) {
    .frame-text4 {
        height: 543px;
        padding: 0;
    }
}
.frame-text4 h3 {
    padding: 0 0 40px;
}
.frame-text5 {
    height: auto;
    padding: 15px;
    margin-bottom: 15px;
    border: 8px solid #f3f3f3;
}
@media all and (min-width: 992px) {
    .frame-text5 {
        height: 512px;
        padding: 0;
    }
}
.frame-text5 h3 {
    padding: 0 0 40px;
}
.frame-text6 {
    height: auto;
    padding: 15px;
    margin-bottom: 15px;
    border: 8px solid #f3f3f3;
}
@media all and (min-width: 992px) {
    .frame-text6 {
        height: 503px;
        padding: 0;
    }
}
.frame-text6 h3 {
    padding: 0 0 40px;
}
@media all and (min-width: 768px) {
    .text-content-box {
        display: flex;
        align-items: center;
    }
}
.text-content-box p {
    text-align: left;
    margin-bottom: 0;
}
.text-content-box p span {
    color: #3be185;
}
.text-content-box img {
    margin-right: 25px;
    flex: 0 0 auto;
}
@media all and (min-width: 1024px) {
    .text-wrap {
        max-width: 90%;
        margin: 0 auto;
    }
}
@media all and (min-width: 1024px) {
    .text-wrap .side-padding {
        padding: 0 50px;
    }
}
.img-full img {
    width: 100%;
}
.company-video {
    background: url(images/office-and-infrastructure/video-bg2.jpg) no-repeat 0 0 / cover;
    padding: 80px 0;
}
.hww-list {
    text-align: center;
    margin-bottom: 40px;
    padding: 40px 0;
}
@media all and (max-width: 767px) {
    .hww-list {
        margin-bottom: 0;
    }
}
.hww-list li {
    display: inline-block;
    margin: 0 20px;
    color: #fff;
    width: 142px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 400;
    position: relative;
}
@media all and (max-width: 767px) {
    .hww-list li {
        margin: 0 0 30px 0;
        width: 100%;
    }
}
.hww-list li span {
    display: block;
    padding-top: 20px;
    font-family: "Montserrat", sans-serif;
}
.hww-list li:before {
    content: "";
    background: url(images/daas/arrow.png) no-repeat 0 0;
    width: 53px;
    height: 30px;
    position: absolute;
    right: -50px;
    top: 40px;
}
@media all and (max-width: 767px) {
    .hww-list li:before {
        display: none;
    }
}
.hww-list li:last-child:before {
    display: none;
}
.hww-list-1 li {
    color: #fff;
    position: relative;
    padding: 0 0 20px 28px;
    font-size: 19px;
    line-height: 30px;
    position: relative;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .hww-list-1 li {
        font-size: 16px;
        line-height: 28px;
    }
}
.hww-list-1 li:before {
    width: 5px;
    height: 5px;
    background-color: #27c070;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.o-engagement-model__cards__top_daas1:before {
    background: url(images/daas/price-icon-1.png) no-repeat 0 0 !important;
    height: 62px !important;
    width: 64px !important;
}
.o-engagement-model__cards__top_daas2:before {
    background: url(images/daas/price-icon-2.png) no-repeat 0 0 !important;
    height: 62px !important;
    width: 64px !important;
}
.reasons-capital__blocks-wc1:before {
    background: url(images/daas/why-choose-1.png) no-repeat 0 0 !important;
}
.reasons-capital__blocks-wc2:before {
    background: url(images/daas/why-choose-2.png) no-repeat 0 0 !important;
}
.reasons-capital__blocks-wc3:before {
    background: url(images/daas/why-choose-3.png) no-repeat 0 0 !important;
}
.reasons-capital__blocks-wc4:before {
    background: url(images/daas/why-choose-4.png) no-repeat 0 0 !important;
}
.reasons-capital__blocks-wc5:before {
    background: url(images/daas/why-choose-5.png) no-repeat 0 0 !important;
}
.services-pan__daas-service-01:before {
    background: url(images/daas/daas-service-1.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-02:before {
    background: url(images/daas/daas-service-2.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-03:before {
    background: url(images/daas/daas-service-3.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-04:before {
    background: url(images/daas/daas-service-4.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-05:before {
    background: url(images/daas/daas-service-5.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-06:before {
    background: url(images/daas/daas-service-6.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-07:before {
    background: url(images/daas/daas-service-7.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.services-pan__daas-service-08:before {
    background: url(images/daas/daas-service-8.png) no-repeat 0 0 !important;
    width: 63px !important;
    height: 63px !important;
}
.panel1 {
    padding: 0 18px;
    background-color: white;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: none;
    font-size: 19px;
    line-height: 30px;
    font-family: "Source Serif Pro", serif;
    font-weight: 500;
}
.panel1 p {
    font-size: 19px;
    line-height: 30px;
    font-family: "Source Serif Pro", serif;
    font-weight: 500;
}
.panel1 ul {
    padding-bottom: 20px;
    padding-left: 20px;
}
.panel1 ul li {
    list-style-type: disc;
    padding-bottom: 10px;
}
.cheaper-batter-header p {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    text-align: left;
}
@media all and (min-width: 1024px) {
    .cheaper-batter-header-left {
        background: url(images/common/cheape-heading-bg.png) no-repeat 0 0 !important;
        padding-left: 40px;
    }
}
.cheaper-batter-header-left .c-b-heading {
    font-size: 36px;
    line-height: 43px;
    font-weight: bold;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 50px;
    text-transform: uppercase;
    letter-spacing: 6px;
}
@media all and (min-width: 1024px) {
    .cheaper-batter-header-left .c-b-heading {
        padding-top: 140px;
    }
}
.cheaper-batter-header-left .c-b-heading span {
    display: block;
    font-size: 160px;
    line-height: 160px;
    font-weight: bold;
    text-transform: uppercase;
}
.cheaper-batter-header-right {
    padding-top: 80px;
    padding-left: 20px;
}
@media all and (min-width: 1024px) {
    .cheaper-batter-header-right {
        padding-left: 80px;
    }
}
.cheaper-batter-header-right p {
    line-height: 36px;
}
.new-cb-heading {
    margin-top: 30px;
    margin-bottom: 30px;
}
.new-cb-heading span {
    font-family: "Source Serif Pro", serif !important;
    font-weight: bold;
}
.new-cb-section {
    text-align: left;
}
.new-cb-section-pan {
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    line-height: 29px;
    font-family: "Source Serif Pro", serif;
}
.new-cb-section-pan h4 {
    height: 70px;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
    position: relative;
}
.new-cb-section-pan h4 span {
    position: absolute;
    bottom: 0;
}
.new-cb-section-pan img {
    margin: 30px 0;
    min-height: 55px;
}
.new-cb-section-1 {
    border: 1px solid #8a8a8f;
    background-color: #fafafa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 35px;
    -webkit-box-shadow: -2px 5px 20px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: -2px 5px 20px 0px rgba(0, 0, 0, 0.17);
    box-shadow: -2px 5px 20px 0px rgba(0, 0, 0, 0.17);
    position: relative;
}
@media all and (min-width: 1024px) {
    .new-cb-section-1 {
        padding: 68px 35px;
        width: 23%;
        min-height: 546px;
    }
}
.new-cb-section-1:after {
    content: "";
    position: absolute;
    background: url(images/mobile-all/icon-plus.html) no-repeat 0 0 !important;
    width: 39px;
    height: 39px;
    top: 96%;
    right: 50%;
    background-size: 100% !important;
}
@media all and (min-width: 1024px) {
    .new-cb-section-1:after {
        top: 95px;
        right: -20px;
    }
}
.new-cb-section-2 {
    border-bottom: 1px solid #e7e7e7;
    padding: 0 30px 0;
    position: relative;
    position: relative;
}
@media all and (min-width: 1024px) {
    .new-cb-section-2 {
        padding: 50px 30px 0;
        width: 18%;
        min-height: 510px;
        border-right: 1px solid #e7e7e7;
        border-bottom: 0;
        margin: 20px 0;
    }
}
.new-cb-section-2:after {
    content: "";
    position: absolute;
    background: url(images/mobile-all/icon-plus.html) no-repeat 0 0 !important;
    width: 30px;
    height: 30px;
    background-size: 100% !important;
    top: 96%;
    right: 50%;
}
@media all and (min-width: 1024px) {
    .new-cb-section-2:after {
        top: 80px;
        right: -17px;
    }
}
.last-child-cb {
    border: 0;
}
.last-child-cb:after {
    display: none !important;
}
.cb-wecare {
    background: #07b260;
    background: -moz-linear-gradient(-45deg, #07b260 0%, #00517f 29%, #051b39 100%);
    background: -webkit-linear-gradient(-45deg, #07b260 0%, #00517f 29%, #051b39 100%);
    background: linear-gradient(135deg, #07b260 0%, #00517f 29%, #051b39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07b260', endColorstr='#051b39',GradientType=1 );
}
.cb-wecare-heading {
    text-align: left;
    color: #fff;
    margin-bottom: 50px;
}
.cb-wecare-heading h2 {
    color: #fff;
    font-size: 48px;
    line-height: 58px;
    padding-bottom: 20px;
}
.cb-wecare-heading p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 10px;
}
.cb-wecare-heading p strong {
    font-weight: bold;
}
.cb-wecare-box1 {
    background-color: #1d2942;
    padding: 50px 30px;
    color: #fff;
    text-align: left;
}
.cb-wecare-box1 h3,
.cb-wecare-box2 h3 {
    color: #fff;
    margin-bottom: 30px;
}
.cb-wecare-box1 p,
.cb-wecare-box2 p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 19px;
}
.cb-wecare-box2 {
    padding: 50px 30px;
    color: #fff;
    text-align: left;
    border: 1px solid #fff;
    margin-top: 30px;
    margin-top: 50px;
}
.cb-wecare-box1 a,
.cb-wecare-box2 a {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 50px 10px 20px;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    border: 2px solid #ff5800;
    color: #fff;
    width: auto;
    position: relative;
    margin-top: 20px;
}
.cb-wecare-box1 a:hover,
.cb-wecare-box2 a:hover {
    border: 2px solid #fff;
}
.cb-wecare-box1 a.c-btn:after,
.cb-wecare-box2 a.c-btn:after {
    content: "";
    background: url(images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
}
.services-pan__dotnet-service-01:before {
    background: url(images/dotnet/service-icon-1.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-02:before {
    background: url(images/dotnet/service-icon-2.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-03:before {
    background: url(images/dotnet/service-icon-3.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-04:before {
    background: url(images/dotnet/service-icon-4.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-05:before {
    background: url(images/dotnet/service-icon-5.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-06:before {
    background: url(images/dotnet/service-icon-6.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-07:before {
    background: url(images/dotnet/service-icon-7.png) no-repeat 0 0 !important;
}
.services-pan__dotnet-service-08:before {
    background: url(images/dotnet/service-icon-8.png) no-repeat 0 0 !important;
}
.dotnet-industry {
    position: relative;
}
.dotnet-industry:after {
    display: none !important;
}
.dotnet-industry .services-pan__dotnet-industry-01:before {
    background: url(images/dotnet/industry-icon-1.png) no-repeat 0 0 !important;
}
.dotnet-industry .services-pan__dotnet-industry-02:before {
    background: url(images/dotnet/industry-icon-2.png) no-repeat 0 0 !important;
}
.whydotnet .fi-pan {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    background-color: transparent;
}
.whydotnet .fi-pan img {
    margin-bottom: 20px;
}
.whymagento .fi-pan {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    background-color: transparent;
    width: 22%;
}
.whymagento .fi-pan img {
    margin-bottom: 20px;
}
.magento-page h1 {
    font-size: 55px;
    line-height: 62px;
}
.magento-page p {
    font-size: 24px;
    line-height: 30px;
}
.magento-page p span {
    color: #2dbe70;
}
.magento-section-1 ul li {
    background: url(images/magento/greentick.png) no-repeat 0 7px !important;
    padding: 0 0 10px 40px;
    font-size: 20px;
    line-height: 32px;
}
@media all and (max-width: 570px) {
    .fi-pan a {
        min-height: inherit !important;
    }
}
@media all and (max-width: 991px) {
    .fi-pan h3 {
        font-size: 20px !important;
    }
}
@media all and (max-width: 767px) {
    .web-app-service .cmn-heading-para {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .web-app-service p {
        font-size: 16px !important;
        line-height: 23px !important;
    }
}
@media all and (max-width: 767px) {
    .web-app-service {
        padding-bottom: 25px !important;
    }
}
@media all and (max-width: 767px) {
    .services-pan {
        padding: 5px 15px 30px !important;
    }
}
@media all and (max-width: 767px) {
    .o-industrial-experience {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .faq-section {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .rm-review {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .web-app-service .service-wrap .brick.services-pan.services-pan__php {
        padding: 5px 15px 30px !important;
    }
}
.web-app-service .service-wrap .services-pan__php-home-01:before {
    background: url(images/home/service-icon-1.svg) no-repeat 50% 50% !important;
    width: 68px !important;
    height: 68px !important;
}
.web-app-service .service-wrap .services-pan__php-home-02:before {
    background: url(images/home/service-icon-2.svg) no-repeat 50% 50% !important;
    width: 68px !important;
    height: 68px !important;
}
.web-app-service .service-wrap .services-pan__php-home-03:before {
    background: url(images/home/service-icon-3.svg) no-repeat 50% 50% !important;
    width: 68px !important;
    height: 68px !important;
}
.web-app-service .service-wrap .services-pan__php-home-04:before {
    background: url(images/home/service-icon-4.svg) no-repeat 50% 50% !important;
    width: 68px !important;
    height: 68px !important;
}
.web-app-service .service-wrap .services-pan__php-home-05:before {
    background: url(images/home/service-icon-5.svg) no-repeat 50% 50% !important;
    width: 68px !important;
    height: 68px !important;
}
.web-app-service .service-wrap .services-pan__php-home-06:before {
    background: url(images/home/service-icon-6.svg) no-repeat 50% 50% !important;
    width: 68px !important;
    height: 68px !important;
}
.web-app-service .service-wrap .services-pan__php-home-01 p,
.web-app-service .service-wrap .services-pan__php-home-02 p,
.web-app-service .service-wrap .services-pan__php-home-03 p,
.web-app-service .service-wrap .services-pan__php-home-04 p,
.web-app-service .service-wrap .services-pan__php-home-05 p,
.web-app-service .service-wrap .services-pan__php-home-06 p {
    font-size: 18px !important;
    line-height: 26px !important;
}
.web-app-service .service-wrap .services-pan__php-home-01 a,
.web-app-service .service-wrap .services-pan__php-home-02 a,
.web-app-service .service-wrap .services-pan__php-home-03 a,
.web-app-service .service-wrap .services-pan__php-home-04 a,
.web-app-service .service-wrap .services-pan__php-home-05 a,
.web-app-service .service-wrap .services-pan__php-home-06 a {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0);
}
.gradient-blue-green .container {
    position: relative;
    z-index: 9;
}
.o-services-hero__icons span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    margin-top: 15px;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .o-services-hero__icons span {
        font-size: 18px;
    }
}
.green-bg-headine {
    position: relative;
    font-size: 30px;
    padding: 7px 30px;
}
@media all and (max-width: 767px) {
    .green-bg-headine {
        font-family: "Source Serif Pro", serif;
        line-height: 24px;
        font-size: 18px;
    }
}
.green-bg-headine:before {
    content: "";
    position: absolute;
    background: url(images/common/heading-left-bg2.png) no-repeat 0 0;
    width: 41px;
    height: 19px;
    top: -17px;
    left: 0;
}
.gradient-blue-green {
    position: relative;
    background: linear-gradient(285deg, #07b260 0%, #00517f 30%, #023e66 75%, #051b39 100%);
}
.gradient-blue-green:after {
    background: url(images/data-science/top-right-pt.png) no-repeat top right;
    top: 0;
    right: 0;
    left: inherit;
    bottom: inherit;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .gradient-blue-green:after {
        display: block;
    }
}
.o-services-hero__title span:before {
    content: "";
    position: absolute;
    background: url(images/common/heading-left-bg2.png) no-repeat 0 0;
    width: 41px;
    height: 19px;
    top: -17px;
    left: 0;
    border: none;
}
.o-industrial-experience-mod .data-science-tech {
    margin: 0 auto;
    width: 96%;
}
@media all and (min-width: 768px) {
    .o-industrial-experience-mod .data-science-tech {
        width: auto;
        margin: 0 10px 45px;
    }
}
.o-industrial-experience-mod .data-science-tech span {
    background-color: #349ee6;
    padding: 23px 20px;
}
.o-industrial-experience-mod .data-science-tech span:after {
    border-left: 10px solid #349ee6;
}
.o-industrial-experience-mod .data-science-tech img {
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-industrial-experience-mod .data-science-tech img {
        top: 5px;
    }
}
.data-science .o-skills-hero .container {
    padding-top: 90px;
}
.data-science .dc-white-pan {
    min-height: inherit;
}
@media all and (min-width: 1024px) {
    .data-science .dc-white-pan {
        min-height: 596px;
    }
}
.margin-top-50 {
    margin-top: 50px;
}
.padding-bottom-40 {
    padding-bottom: 40px;
}
@media all and (max-width: 767px) {
    .o-skills-hero__data-science h1 {
        font-size: 24px;
        line-height: 36px;
    }
}
.padding-bottom-0 {
    padding-bottom: 0;
}
.margin-top-10 {
    margin-top: 10px;
}
.o-skills-hero__e-commerce .container {
    padding-top: 90px;
}
@media all and (max-width: 767px) {
    .o-skills-hero__e-commerce .container {
        padding-top: 25px;
    }
}
.o-skills-hero__e-commerce .container h1 {
    text-transform: initial;
    margin-bottom: 25px;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__e-commerce .container h1 {
        padding: 0 50px;
    }
}
.o-services-hero__icons-mod img {
    width: 45px;
    height: auto;
}
@media all and (min-width: 1024px) {
    .o-services-hero__icons-mod img {
        height: 100px;
        width: auto;
    }
}
.number-section {
    padding-bottom: 50px;
}
.number-section h2 {
    margin-bottom: 50px;
}
@media all and (min-width: 1024px) {
    .number-section h2 {
        padding: 0 50px;
    }
}
@media all and (max-width: 767px) {
    .number-section h2 {
        margin-bottom: 0;
        font-size: 24px !important;
        line-height: 32px;
    }
}
@media all and (max-width: 767px) {
    .number-section .padding-bottom-60 {
        padding-bottom: 30px;
    }
}
.number-section h3 {
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin-bottom: 25px;
    margin-top: 30px;
}
@media all and (min-width: 1024px) {
    .number-section h3 {
        font-size: 48px;
    }
}
.number-section .section-para {
    color: #fff;
    font-size: 19px;
    line-height: 29px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}
@media all and (max-width: 767px) {
    .number-section .section-para {
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px;
    }
}
@media all and (min-width: 1024px) {
    .number-section .section-para {
        padding: 0 60px;
    }
}
@media all and (max-width: 767px) {
    .down-arrow {
        display: none;
    }
}
.number-section-mod .dc-white-pan {
    min-height: inherit;
    height: auto;
}
@media all and (min-width: 1024px) {
    .number-section-mod .dc-white-pan {
        height: 390px;
        min-height: inherit;
    }
}
@media all and (min-width: 1080px) {
    .number-section-mod .dc-white-pan {
        height: 295px;
    }
}
@media all and (max-width: 767px) {
    .number-section-mod .dc-white-pan {
        padding: 15px 15px;
    }
}
.number-section-mod .dc-white-pan span {
    font-size: 36px;
    font-weight: 500;
}
.number-section-mod .body-text-medium {
    float: right;
    width: 78%;
    padding-top: 20px;
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .number-section-mod .body-text-medium {
        font-size: 16px;
        line-height: 24px;
    }
}
.correct-img {
    text-align: center;
}
@media all and (min-width: 1024px) {
    .correct-img {
        text-align: inherit;
    }
}
.correct-img img {
    width: 300px;
    margin: 0 auto;
}
@media all and (min-width: 1024px) {
    .correct-img img {
        width: 100%;
        margin: 0;
    }
}
.number-section-bnt {
    text-align: center;
    margin-bottom: 25px;
}
.number-section-bnt a {
    display: inline-block;
    padding: 10px 50px 10px 15px;
    line-height: 46px;
    background: transparent;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    border-radius: 6px;
    border: 3px solid #14df7d;
    margin-bottom: 15px;
    transition: 0.3s all ease-in;
}
@media all and (min-width: 1024px) {
    .number-section-bnt a {
        width: 470px;
        height: 72px;
        margin: 0 15px 15px;
        font-size: 24px;
    }
}
@media all and (min-width: 1080px) {
    .number-section-bnt a {
        width: 470px;
    }
}
.number-section-bnt a:before {
    content: "";
    position: absolute;
    background: url(images/common/right-circle-icon.png) no-repeat right center;
    height: 35px;
    width: 35px;
    top: 15px;
    right: 10px;
}
@media all and (min-width: 1024px) {
    .number-section-bnt a:before {
        right: 30px;
    }
}
.number-section-bnt a:hover {
    background: #fff;
    color: #ff5800;
    border: 3px solid #ff5800;
}
.e-commerce-why {
    position: relative;
}
.e-commerce-why:before {
    content: "";
    position: absolute;
    background: url(images/common/bottom-left-pt.png) no-repeat bottom left;
    bottom: 0;
    left: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .e-commerce-why:before {
        display: block;
    }
}
.e-commerce-why .container {
    position: relative;
    z-index: 9;
}
.e-commerce-why h2 {
    margin-bottom: 15px;
    color: #fff;
}
.e-commerce-why .main-span {
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 50px;
    font-size: 19px;
    font-weight: 300;
}
.e-commerce-why .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
@media all and (max-width: 767px) {
    .e-commerce-why .service-wrap .font-size-24 {
        font-size: 20px !important;
    }
}
.e-commerce-why .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 17px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .e-commerce-why .service-wrap .services-pan {
        width: 28%;
        height: 600px;
        padding: 120px 25px 30px;
    }
}
@media all and (min-width: 1080px) {
    .e-commerce-why .service-wrap .services-pan {
        width: 30%;
        height: 476px;
    }
}
@media all and (min-width: 1024px) {
    .e-commerce-why .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.e-commerce-why .service-wrap .services-pan p {
    font-size: 18px;
    line-height: 26px;
}
@media all and (max-width: 767px) {
    .e-commerce-why .service-wrap .services-pan p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }
}
.e-commerce-why .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
}
.e-commerce-why .service-wrap .services-pan__php {
    position: relative;
}
.e-commerce-why .service-wrap .services-pan__php:before {
    background: url(images/e-commerce/why-group-icon.png) no-repeat 0 0;
    width: 67px;
    height: 71px;
}
.e-commerce-why .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.e-commerce-why .service-wrap .services-pan__php-service-02:before {
    background-position: -68px 0;
}
.e-commerce-why .service-wrap .services-pan__php-service-03:before {
    background-position: -135px 0;
}
.e-commerce-why .service-wrap .services-pan__php-service-04:before {
    background-position: 0 -71px;
}
.e-commerce-why .service-wrap .services-pan__php-service-05:before {
    background-position: -68px -71px;
}
.e-commerce-why .service-wrap .services-pan__php-service-06:before {
    background-position: -62px -55px;
}
.e-commerce-why .service-wrap .services-pan__php-service-07:before {
    background-position: -123px -57px;
}
.e-commerce-why .service-wrap .services-pan__php-service-08:before {
    background-position: -183px -57px;
}
.correct-section {
    padding: 100px 0 0;
    position: relative;
    background: #f5f5f5;
}
@media all and (max-width: 767px) {
    .correct-section {
        padding: 50px 0 0;
    }
}
.correct-section h2 {
    line-height: 44px;
    margin-bottom: 30px;
}
@media all and (max-width: 767px) {
    .correct-section h2 {
        text-align: center;
        font-size: 24px !important;
        line-height: 32px;
    }
}
.correct-section p {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 60px;
}
@media all and (min-width: 1024px) {
    .correct-section p {
        margin-bottom: 100px;
    }
}
@media all and (max-width: 767px) {
    .correct-section p {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }
}
.correct-section .correct-img {
    position: relative;
}
@media all and (min-width: 1024px) {
    .correct-section .correct-img img {
        position: absolute;
        top: 44px;
    }
}
.solution-section {
    padding: 100px 0;
}
@media all and (max-width: 767px) {
    .solution-section {
        padding: 50px 0 30px;
    }
}
.solution-section h2 {
    margin-bottom: 25px;
}
@media all and (max-width: 767px) {
    .solution-section h2 {
        font-size: 28px;
    }
}
.solution-section p {
    color: #333;
    font-size: 19px;
    line-height: 29px;
}
@media all and (max-width: 767px) {
    .solution-section p {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
.solution-section h3 {
    margin-bottom: 25px;
}
@media all and (max-width: 767px) {
    .solution-section h3 {
        font-size: 20px !important;
    }
}
.solution-section .solution-left {
    padding-bottom: 60px;
}
@media all and (max-width: 767px) {
    .solution-section .solution-left {
        padding-bottom: 30px;
    }
}
.solution-section .body-img2 {
    position: relative;
}
@media all and (min-width: 1024px) {
    .solution-section .body-img2 img {
        position: absolute;
        top: -10px;
    }
}
.solution-section ul li {
    position: relative;
    font-family: "Source Serif Pro", serif;
    font-size: 19px;
    line-height: 24px;
    padding-left: 40px;
    margin-bottom: 10px;
}
@media all and (max-width: 767px) {
    .solution-section ul li {
        font-size: 16px;
        line-height: 28px;
    }
}
.solution-section ul li:before {
    content: "";
    position: absolute;
    background: url(images/e-commerce/black-circle-icon.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
}
@media all and (max-width: 767px) {
    .solution-section ul li:before {
        height: 20px;
        top: 5px;
    }
}
.solution-section .add-more {
    font-family: "Montserrat", sans-serif;
    color: #333;
    font-size: 16px;
    margin: 20px 0 30px;
    display: inline-block;
}
.solution-section .btn_wrapper {
    margin: 0;
}
.solution-section .anchor-link {
    text-align: left;
    margin: 0;
    font-weight: 600;
    line-height: 20px;
}
@media all and (min-width: 1024px) {
    .solution-section .anchor-link {
        max-width: 340px;
    }
}
.solution-section .solution-white-box {
    background: #fff;
    padding: 50px 15px 50px 15px;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
@media all and (min-width: 1024px) {
    .solution-section .solution-white-box {
        padding: 50px 25px 50px 40px;
        margin-bottom: 0;
    }
}
@media all and (min-width: 1024px) {
    .solution-section .solution-white-box {
        height: auto;
    }
}
@media all and (min-width: 1080px) {
    .solution-section .solution-white-box {
        height: 750px;
    }
}
@media all and (max-width: 767px) {
    .solution-section .solution-white-box span {
        width: 100%;
        text-align: center;
        display: block;
    }
}
@media all and (min-width: 1024px) {
    .solution-section .solution-white-box img {
        float: left;
        margin-right: 30px;
        margin-bottom: 45px;
    }
}
@media all and (min-width: 1024px) {
    .solution-section .solution-white-box h4 {
        float: left;
        position: relative;
        top: 5px;
        font-weight: 900;
    }
}
@media all and (max-width: 767px) {
    .solution-section .solution-white-box h4 {
        text-align: center;
    }
}
.solution-section .solution-white-box p {
    font-size: 19px;
    line-height: 29px;
    font-weight: 400;
}
@media all and (max-width: 767px) {
    .solution-section .solution-white-box p {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
}
.solution-section .solution-white-box h5 {
    margin-bottom: 25px;
}
.solution-section .solution-white-hd {
    font-size: 20px;
}
@media all and (min-width: 1024px) {
    .solution-section .solution-white-hd {
        font-size: 36px;
    }
}
.solution-section .btn-center-block {
    width: 100%;
}
.help-sec {
    position: relative;
}
.help-sec:before {
    content: "";
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .help-sec:before {
        display: block;
    }
}
.help-sec h3 {
    padding-right: 0;
}
.help-sec .btn_wrapper {
    width: 235px;
    margin-top: 30px;
}
.help-sec .btn_wrapper a {
    padding: 15px 0px;
}
.help-sec .ex-margin-top {
    margin-top: 0;
}
@media all and (min-width: 1024px) {
    .help-sec .ex-margin-top {
        margin-top: 0;
    }
}
@media all and (min-width: 1080px) {
    .help-sec .ex-margin-top {
        margin-top: 158px;
    }
}
.solution-section-pt {
    position: relative;
}
.solution-section-pt:before {
    content: "";
    background: url(images/e-commerce/top-right-pt.png) no-repeat top right;
    position: absolute;
    top: 0;
    right: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .solution-section-pt:before {
        display: block;
    }
}
.pull-top {
    position: relative;
}
@media all and (min-width: 1024px) {
    .pull-top {
        top: 7px;
    }
}
@media all and (min-width: 1024px) {
    .padding-left-0 {
        padding-left: 0;
    }
}
.cmn-body-class .cms-dev-service {
    position: relative;
}
.cmn-body-class .cms-dev-service .container {
    position: relative;
    z-index: 9;
}
.cmn-body-class .cms-dev-service h2 {
    margin-bottom: 25px;
}
.cmn-body-class .cms-dev-service p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .cmn-body-class .cms-dev-service p {
        font-size: 16px;
        line-height: 28px;
    }
}
.cmn-body-class .cms-dev-service .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    height: auto;
}
@media all and (max-width: 767px) {
    .cmn-body-class .cms-dev-service .service-wrap .services-pan {
        margin: 15px 0 !important;
    }
}
@media all and (min-width: 1024px) {
    .cmn-body-class .cms-dev-service .service-wrap .services-pan {
        width: 29%;
        height: 795px;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .cmn-body-class .cms-dev-service .service-wrap .services-pan {
        width: 30%;
        height: 655px;
    }
}
@media all and (min-width: 1024px) {
    .cmn-body-class .cms-dev-service .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php {
    position: relative;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php:before {
    background: url(images/cms-developer/services-group-icon.png) no-repeat 0 0;
    width: 83px;
    height: 68px;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php-service-01:before {
    background-position: 0px -10px;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php-service-02:before {
    background-position: -95px -5px;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php-service-03:before {
    background-position: -195px 0px;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php-service-04:before {
    background-position: -289px -11px;
}
.cmn-body-class .cms-dev-service .service-wrap .services-pan__php-service-05:before {
    background-position: -382px -10px;
}
.cmn-body-class .cms-why {
    position: relative;
}
.cmn-body-class .cms-why:before {
    content: "";
    position: absolute;
    background: url(images/common/bottom-left-pt.png) no-repeat bottom left;
    bottom: 0;
    left: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
}
@media all and (max-width: 1024px) {
    .cmn-body-class .cms-why:before {
        display: none;
    }
}
.cmn-body-class .cms-why .container {
    position: relative;
    z-index: 9;
}
.cmn-body-class .cms-why h2 {
    margin-bottom: 15px;
    color: #fff;
}
.cmn-body-class .cms-why .main-span {
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 50px;
    font-size: 19px;
    font-weight: 300;
}
.cmn-body-class .cms-why .service-wrap {
    text-align: center;
    margin-bottom: 35px;
    font-family: "Source Serif Pro", serif;
}
.cmn-body-class .cms-why .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .cmn-body-class .cms-why .service-wrap .services-pan {
        width: 46%;
        height: 410px;
        padding: 120px 25px 30px;
    }
}
@media all and (min-width: 1024px) {
    .cmn-body-class .cms-why .service-wrap .services-pan h3 {
        padding: 0 2px;
        padding-top: 20px;
    }
}
.cmn-body-class .cms-why .service-wrap .services-pan p {
    font-size: 18px;
    line-height: 26px;
}
.cmn-body-class .cms-why .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php {
    position: relative;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php:before {
    background: url(images/cms-developer/services-group-icon.png) no-repeat 0 0;
    width: 95px;
    height: 95px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-01:before {
    background-position: -10px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-02:before {
    background-position: -114px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-03:before {
    background-position: -220px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-04:before {
    background-position: -325px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-05:before {
    background-position: -10px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-06:before {
    background-position: -114px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-07:before {
    background-position: -220px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-08:before {
    background-position: -325px -90px;
}
.cmn-body-class .cms-why .service-wrap .services-pan__php-service-09:before {
    background-position: -325px -90px;
}
.cmn-body-class .dedicated-team .cms-blocks {
    position: relative;
}
@media all and (min-width: 768px) {
    .cmn-body-class .dedicated-team .cms-blocks {
        padding: 0 40px 0 70px;
    }
}
@media all and (min-width: 768px) {
    .cmn-body-class .dedicated-team .cms-blocks div:before {
        content: "";
        position: absolute;
        left: 0;
        background-image: url(images/cms-developer/cms-team.png);
        width: 53px;
        height: 57px;
    }
}
.cmn-body-class .dedicated-team .cms-blocks p {
    font-size: 19px !important;
    text-align: left;
    line-height: 28px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-01:before {
    background-position: 0px 0px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-02:before {
    background-position: -185px 0px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-03:before {
    background-position: -62px -67px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-04:before {
    background-position: -63px 0px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-05:before {
    background-position: -252px 0px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-06:before {
    background-position: -126px -67px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-07:before {
    background-position: -125px 0px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-08:before {
    background-position: 0px -67px;
}
.cmn-body-class .dedicated-team .cms-blocks__choose-09:before {
    background-position: -185px -67px;
}
.margin-top-small {
    margin-top: 20px;
}
@media all and (min-width: 1024px) {
    .margin-top-small {
        margin-top: 0px;
    }
}
@media all and (max-width: 767px) {
    .section-helper h2 {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .section-helper p {
        text-align: center !important;
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
@media all and (max-width: 767px) {
    .cmn-body-class .cms-why .service-wrap .services-pan {
        margin: 15px 0;
    }
}
@media all and (max-width: 767px) {
    .cmn-body-class .cms-why .service-wrap .services-pan p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    p.ten-years.font-size-28 {
        font-size: 20px;
        line-height: 34px;
    }
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.service-process .dc-white-pan div h3 {
    font-size: 16px;
    line-height: 26px;
}
@media all and (min-width: 1024px) {
    .service-process .dc-white-pan div h3 {
        font-size: 22px;
        line-height: 32px;
    }
}
.o-skills-hero__mobile-app {
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__mobile-app .container {
        padding-top: 110px;
        padding-bottom: 75px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__mobile-app .container {
        padding-top: 40px;
    }
}
.o-skills-hero__mobile-app h1 {
    margin-bottom: 25px;
    text-transform: initial;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__mobile-app h1 {
        padding: 0 120px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__mobile-app h1 {
        margin-bottom: 0;
    }
}
.o-skills-hero__mobile-app h2 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    margin-bottom: 35px;
}
.o-skills-hero__mobile-app .o-services-hero__icons img {
    width: 50px;
    height: auto;
}
@media all and (min-width: 1024px) {
    .o-skills-hero__mobile-app .o-services-hero__icons img {
        height: 70px;
        width: auto;
    }
}
.beauty-section {
    padding: 80px 0 40px;
}
@media all and (max-width: 767px) {
    .beauty-section {
        padding: 50px 0 30px;
    }
}
.beauty-section h2 {
    margin-bottom: 25px;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .beauty-section h2 {
        padding: 0 210px;
    }
}
.beauty-section p {
    font-size: 19px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
}
@media all and (min-width: 1024px) {
    .beauty-section p {
        padding: 0 40px;
    }
}
@media all and (max-width: 767px) {
    .beauty-section p {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
@media all and (min-width: 1024px) {
    .beauty-section .beauty-list {
        padding: 0 50px;
    }
}
.beauty-section .beauty-list span {
    position: relative;
    font-size: 19px;
    line-height: 29px;
    display: inline-block;
    margin-bottom: 30px;
    padding-left: 40px;
}
@media all and (max-width: 767px) {
    .beauty-section .beauty-list span {
        font-size: 16px;
        line-height: 28px;
    }
}
.beauty-section .beauty-list span:before {
    content: "";
    position: absolute;
    background: url(images/mobile-app/right-arrow.png) no-repeat 0 0;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
}
@media all and (max-width: 767px) {
    .beauty-section .beauty-list span:before {
        height: 27px;
    }
}
.service-process .dc-white-pan {
    position: relative;
    padding: 30px 15px;
    height: auto;
    min-height: inherit;
}
@media all and (min-width: 768px) {
    .service-process .dc-white-pan {
        padding: 30px;
    }
}
.service-process .dc-white-pan:before {
    content: "";
    background: url(images/mobile-app/process-group-icon.png) no-repeat 0 0;
    width: 66px;
    height: 65px;
    position: absolute;
    right: 10px;
    top: 30px;
}
@media all and (min-width: 768px) {
    .service-process .dc-white-pan:before {
        right: 25px;
    }
}
@media all and (min-width: 1024px) {
    .service-process .dc-white-pan {
        min-height: 495px;
    }
}
.service-process .dc-white-pan div {
    margin-bottom: 15px;
}
.service-process .dc-white-pan .body-text-medium {
    width: 100%;
}
@media all and (max-width: 767px) {
    .service-process .dc-white-pan .body-text-medium {
        font-size: 16px;
        line-height: 28px;
    }
}
.service-process .process-box1:before {
    background-position: 0 0;
}
.service-process .process-box2:before {
    background-position: -67px 0;
}
.service-process .process-box3:before {
    background-position: -132px 0;
}
.service-process .process-box4:before {
    background-position: -198px 0;
}
.o-mobile-app-features {
    color: #fff;
    position: relative;
    padding: 0;
    overflow: hidden;
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features {
        padding: 100px 0 120px;
    }
    .is-safari .o-mobile-app-features {
        height: auto;
        perspective: 1000px;
    }
}
.o-mobile-app-features--blue {
    background: none #115687;
}
.o-mobile-app-features--green {
    background: #43ae76;
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features .js-mobileapp-feature-1-parallax-1 {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        bottom: 0px;
        left: 0;
        background: url("images/mobile-app/consumer-apps-bg.png") 100% 100% no-repeat #115687;
        background-size: 70%;
    }
    .is-safari .o-mobile-app-features .js-mobileapp-feature-1-parallax-1 {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features .js-mobileapp-feature-2-parallax-1 {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        bottom: 0px;
        left: 0;
        background: url("images/mobile-app/enterprise-apps-bg.png") 100% 100% no-repeat #43ae76;
        background-size: 84%;
    }
    .is-safari .o-mobile-app-features .js-mobileapp-feature-2-parallax-1 {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@media all and (min-width: 1024px) {
    .o-mobile-app-features .container {
        height: 100%;
    }
}
@media all and (min-width: 1024px) {
    .o-mobile-app-features .js-mobileapp-features-content {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.o-mobile-app-features .mobile-holder-clip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(auto, auto, auto, auto);
    display: none;
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features .mobile-holder-clip {
        display: block;
    }
}
.is-safari .o-mobile-app-features .mobile-holder-clip {
    clip: auto;
}
.o-mobile-app-features .mobile-holder-clip .mobile-holder-phone {
    width: 33vw;
    height: 50vh;
    position: fixed;
    bottom: -20px;
    right: 60px;
}
.o-mobile-app-features .mobile-holder-clip .mobile-in-hand {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: auto;
    display: none;
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features .mobile-holder-clip .mobile-in-hand {
        display: block;
    }
}
.o-mobile-app-features h2 {
    display: block;
    padding: 33px 0 31px 0;
    margin: 0;
    position: relative;
}
@media all and (min-width: 480px) {
    .o-mobile-app-features h2 {
        padding-right: 0;
        margin: 0;
    }
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features h2 {
        text-align: left;
        padding: 0;
        margin-bottom: 50px;
    }
}
.o-mobile-app-features h2:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    background: url(images/common/collapsed-icon-white.svg) no-repeat 0 0;
    bottom: 0;
    margin: auto;
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features h2:before {
        content: none;
    }
}
.o-mobile-app-features h2.is-active:before {
    background: url(images/common/opened-icon-white.svg) no-repeat 0 0;
}
.o-mobile-app-features h2,
.o-mobile-app-features h5,
.o-mobile-app-features p {
    color: #fff;
}
.o-mobile-app-features .col-md-12 {
    padding: 0;
}
@media all and (min-width: 1024px) {
    .o-mobile-app-features .col-md-12 {
        display: block;
        padding: 0 15px;
    }
}
.o-mobile-app-features__content {
    display: none;
    padding: 0 15px 80px 15px;
}
@media all and (max-width: 767px) {
    .o-mobile-app-features__content {
        padding: 0 15px 30px 15px;
    }
}
@media all and (min-width: 1025px) {
    .o-mobile-app-features__content {
        display: block;
        padding: 0;
    }
}
.o-mobile-app-features__content--bgblue {
    background: url("images/m-mobileapp-features/consumer-apps-bg.html") 50% 100% no-repeat;
    background-size: 100%;
}
@media all and (min-width: 1024px) {
    .o-mobile-app-features__content--bgblue {
        background: none;
    }
}
.o-mobile-app-features__content--bggreen {
    background: url("images/m-mobileapp-features/enterprise-apps-bg.html") 50% 100% no-repeat;
    background-size: 100%;
}
@media all and (min-width: 1024px) {
    .o-mobile-app-features__content--bggreen {
        background: none;
    }
}
.o-mobile-app-features__button {
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-mobile-app-features__button {
        text-align: left;
    }
}
.o-mobile-app-features p {
    font-size: 19px;
    line-height: 29px;
}
.c-ticked-list--light li {
    position: relative;
    padding: 0 0 15px 35px;
    line-height: 29px;
    font-size: 19px;
    font-weight: 300;
}
.c-ticked-list--light li:before {
    content: "";
    position: absolute;
    background: url("images/common/icon-bullet.svg") 50% 50% no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0px;
}
.o-mobile-app-features__content h5 {
    margin-bottom: 20px;
}
.scroll-section .btn_wrapper {
    margin: 30px 0 0;
}
.scroll-section .anchor-link {
    margin: 20px 0 0;
}
.scroll-section .js-mobileapp-features-content-1 h2 {
    font-size: 24px;
}
@media all and (min-width: 1024px) {
    .scroll-section .js-mobileapp-features-content-1 h2 {
        font-size: 34px;
    }
}
.scroll-section .js-mobileapp-features-content-2 h2 {
    font-size: 24px;
}
@media all and (min-width: 1024px) {
    .scroll-section .js-mobileapp-features-content-2 h2 {
        font-size: 34px;
    }
}
.padding-0 {
    padding: 0;
}
.top-right-pt {
    position: relative;
}
.top-right-pt:before {
    content: "";
    background: url(images/e-commerce/top-right-pt.png) no-repeat top right;
    position: absolute;
    top: 0;
    right: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .top-right-pt:before {
        display: block;
    }
}
.top-left-pt {
    position: relative;
}
.top-left-pt:before {
    content: "";
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    width: 517px;
    height: 206px;
    display: none;
}
@media all and (min-width: 1024px) {
    .top-left-pt:before {
        display: block;
    }
}
.margin-top-60 {
    margin-top: 50px;
}
.ai-chatbots-hero .container {
    padding-top: 80px;
    padding-bottom: 0;
}
@media all and (max-width: 767px) {
    .ai-chatbots-hero .container {
        padding-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots-hero .container .js-hero-title {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots-hero .container .col-md-4 {
        margin-bottom: 35px;
    }
}
@media all and (min-width: 1024px) {
    .ai-chatbots-hero h1 {
        padding-right: 70px;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots-hero h1 {
        font-size: 24px;
        line-height: 34px;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots-hero h2 {
        font-size: 20px !important;
        line-height: 28px;
    }
}
@media all and (min-width: 1024px) {
    .ai-chatbots-hero .chatbot-gif {
        position: absolute;
        top: 88px;
    }
}
@media all and (min-width: 1080px) {
    .ai-chatbots-hero .chatbot-gif {
        position: static;
    }
}
@media all and (min-width: 1024px) {
    .ai-pattern-bl p {
        padding: 0 80px 0;
    }
}
.light-grey-border {
    border: 1px solid #e0e0e0;
}
.build {
    padding: 80px 0;
}
.build h2 {
    margin-bottom: 10px;
}
@media all and (min-width: 1024px) {
    .build h2 {
        font-size: 48px;
    }
}
.build__wrap {
    margin: 30px 0;
}
.build__wrap p {
    margin: 45px 0 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
@media all and (min-width: 1024px) {
    .build__wrap p {
        padding: 0 30px;
    }
}
.build h3 {
    margin: 40px 0;
}
@media all and (min-width: 1024px) {
    .build h3 {
        padding: 0 80px;
    }
}
.build .chat-app-group {
    margin-bottom: 60px;
}
@media all and (max-width: 767px) {
    .build .chat-app-group {
        display: none;
    }
}
.customer-want {
    padding: 100px 0 60px;
}
.customer-want h2 {
    margin-bottom: 50px;
}
@media all and (min-width: 1024px) {
    .customer-want h2 {
        font-size: 48px;
    }
}
.customer-want__box {
    position: relative;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-bottom: 15px;
    padding: 120px 15px 30px;
}
@media all and (min-width: 1024px) {
    .customer-want__box {
        padding: 150px 30px 30px;
        min-height: 419px;
        margin-bottom: 0;
    }
}
.customer-want__box:before {
    content: "";
    position: absolute;
    background: url(images/ai-chatbots/want-group-icon.png) no-repeat 0 0;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 76px;
    height: 65px;
}
.customer-want__box p {
    font-size: 18px;
    line-height: 28px;
}
.customer-want__box1:before {
    background-position: 0 0;
}
.customer-want__box2:before {
    background-position: -76px 0;
}
.customer-want__box3:before {
    background-position: -152px 0;
}
.blue-gradient {
    background: linear-gradient(80deg, #00b35d 0%, #09718c 10%, #003155 100%);
}
.o-how-we-create-your-bot {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    z-index: 106;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-how-we-create-your-bot {
        padding: 100px 0 0;
        background: url("images/ai-chatbots/slider-bg.png") 100% 100% no-repeat;
        background-size: 55%;
    }
}
.o-how-we-create-your-bot .inner {
    margin: 0 auto;
}
.o-how-we-create-your-bot .inner .slider-para {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-para {
        padding: 0 100px;
    }
}
.o-how-we-create-your-bot .inner .slider-container {
    padding: 40px 0 0;
}
.o-how-we-create-your-bot .inner .slider-container .left {
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .left {
        max-width: none;
    }
}
.o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
    max-width: 100%;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .left .icon-phone {
        max-width: none;
    }
}
.o-how-we-create-your-bot .inner .slider-container .left img {
    display: block;
    max-width: 100%;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .left img {
        max-width: none;
    }
}
.o-how-we-create-your-bot .inner .slider-container .icons {
    position: absolute;
    width: 180px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .icons {
        left: 55%;
        width: 280px;
    }
}
@media all and (min-width: 1080px) {
    .o-how-we-create-your-bot .inner .slider-container .icons {
        top: 40%;
        left: 46%;
    }
}
@media all and (min-width: 768px) {
    .o-how-we-create-your-bot .inner .slider-container .icons {
        top: 40%;
    }
}
.o-how-we-create-your-bot .inner .slider-container .icons .slick-slide {
    font-family: "Montserrat", sans-serif;
}
.o-how-we-create-your-bot .inner .slider-container .icons .slick-slide img {
    margin: 0 auto;
}
.o-how-we-create-your-bot .inner .slider-container .icons img {
    width: 150px;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .icons img {
        width: auto;
    }
}
.o-how-we-create-your-bot .inner .slider-container .numbers {
    position: absolute;
    top: 5px;
    width: 100px;
    height: 100px;
    background: #fff;
    font-weight: 700;
    font-size: 62px;
    line-height: 100px;
    color: #14df7d;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .numbers {
        right: -48px;
    }
}
@media all and (min-width: 1080px) {
    .o-how-we-create-your-bot .inner .slider-container .numbers {
        right: 5px;
    }
}
.o-how-we-create-your-bot .inner .slider-container .numbers .slick-slide {
    font-family: "Montserrat", sans-serif;
}
.o-how-we-create-your-bot .inner .slider-container .right {
    padding-top: 0;
    text-align: left;
    position: relative;
    left: 0;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .right {
        left: 65px;
        padding-top: 50px;
    }
}
.o-how-we-create-your-bot .inner .slider-container .right .text-rotator h2 {
    margin-bottom: 15px;
}
.o-how-we-create-your-bot .inner .slider-container .right .text-rotator h3 {
    margin-bottom: 15px;
    line-height: 34px;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    min-height: 150px;
}
@media all and (min-width: 1024px) {
    .o-how-we-create-your-bot .inner .slider-container .right .text-rotator h3 {
        width: 460px;
        font-size: 26px;
        line-height: 34px;
        min-height: 180px;
    }
}
@media all and (max-width: 767px) {
    .o-how-we-create-your-bot .inner .slider-container .right .text-rotator h3 {
        min-height: inherit;
        text-align: center;
        font-size: 18px;
    }
}
.o-how-we-create-your-bot .inner .slider-container .right .text-rotator strong {
    font-weight: 700;
    color: #14df7d;
}
.o-how-we-create-your-bot .inner .slider-container .right .next-prev {
    position: relative;
    margin-bottom: 42px;
}
.o-how-we-create-your-bot .inner .slider-container .right .next-prev:before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%) rotate(15deg);
    -webkit-transform: translateY(-50%) rotate(15deg);
    -moz-transform: translateY(-50%) rotate(15deg);
}
.o-how-we-create-your-bot .inner .slider-container .right #slider-prev {
    display: block;
    float: left;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    transform: scale(-1, 1);
    margin-right: 25px;
}
.o-how-we-create-your-bot .inner .slider-container .right #slider-prev:hover {
    opacity: 1;
}
.o-how-we-create-your-bot .inner .slider-container .right #slider-next {
    display: block;
    float: left;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.o-how-we-create-your-bot .inner .slider-container .right #slider-next:hover {
    opacity: 1;
}
.o-how-we-create-your-bot .inner .slider-container .pagers {
    position: relative;
    display: inline-block;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .slick-dots {
    margin-bottom: 30px;
    text-align: left;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .slick-dots li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 7px;
    border-radius: 50%;
    background: #e0e0e0;
    cursor: pointer;
    vertical-align: -moz-middle-with-baseline;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .slick-dots li button {
    background: #e0e0e0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-align: center;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    width: 0;
    height: 0;
    visibility: hidden;
    pointer-events: none;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .slick-dots li.slick-active {
    background: #3069e3;
    width: 12px;
    height: 12px;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .slick-dots li.slick-active button {
    background: #3069e3;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .arrows {
    position: absolute;
    width: 100%;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .arrows .slick-next {
    position: absolute;
    right: -14px;
    top: 7px;
    text-indent: -9999px;
    background: url(images/common/icon-arrow-next-o.html) no-repeat;
}
.o-how-we-create-your-bot .inner .slider-container .pagers .arrows .slick-prev {
    position: absolute;
    left: -14px;
    top: 7px;
    text-indent: -9999px;
    background: url(images/common/icon-arrow-prev-o.html) no-repeat;
}
.custom-para {
    position: relative;
}
.custom-para h2 {
    margin-bottom: 25px;
}
@media all and (max-width: 767px) {
    .custom-para h2 {
        font-size: 32px !important;
    }
}
.custom-para p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .custom-para p {
        font-size: 16px;
        line-height: 28px;
    }
}
.custom-para .container {
    position: relative;
    z-index: 9;
}
@media all and (max-width: 767px) {
    .ai-chatbots .body-text-medium {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 1024px) {
    #howTo {
        padding: 70px 0 0;
    }
    #howTo .inner p {
        font-size: 20px;
        line-height: 34px;
    }
}
@media all and (max-width: 980px) {
    #howTo .slider-container {
        padding-top: 30px;
    }
    .numbers {
        right: -25px;
    }
    #howTo .inner p {
        font-size: 18px;
        line-height: 26px;
    }
    #howTo .slider-container .right p {
        margin-bottom: 40px;
    }
}
@media all and (max-width: 700px) {
    #howTo .slider-container .left > img {
        margin: 0 auto;
        max-width: 280px;
    }
    #howTo .slider-container .right {
        max-width: 280px;
        margin: 0 auto;
    }
    #howTo .slider-container .right .text-rotator h3 {
        min-height: 220px;
        padding-bottom: 20px;
        padding-top: 30px;
    }
    #howTo .slider-container .icons {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
.custom-software-development {
    position: relative;
}
.custom-software-development:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .custom-software-development:before {
        display: block;
    }
}
.custom-software-development:after {
    content: "";
    position: absolute;
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .custom-software-development:after {
        display: block;
    }
}
.custom-software-development .container {
    position: relative;
    z-index: 9;
}
.custom-software-development h2 {
    margin-bottom: 25px;
}
.custom-software-development p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .custom-software-development p {
        font-size: 16px;
        line-height: 23px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .cmn-heading-para {
        display: none;
    }
}
.custom-software-development .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.custom-software-development .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .custom-software-development .service-wrap .services-pan {
        width: 30%;
        min-height: auto;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .custom-software-development .service-wrap .services-pan {
        min-height: 620px;
    }
}
@media all and (min-width: 1024px) {
    .custom-software-development .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.custom-software-development .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s all ease-in;
}
.custom-software-development .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
}
.custom-software-development .service-wrap .services-pan__php {
    position: relative;
}
.custom-software-development .service-wrap .services-pan__php:before {
    background: url(images/custom-software-development/service-group-icon.png) no-repeat 0 0;
    width: 64px;
    height: 63px;
}
.custom-software-development .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.custom-software-development .service-wrap .services-pan__php-service-02:before {
    background-position: -64px 0;
}
.custom-software-development .service-wrap .services-pan__php-service-03:before {
    background-position: -128px 0;
}
.custom-software-development .service-wrap .services-pan__php-service-04:before {
    background-position: 0 -63px;
}
.custom-software-development .service-wrap .services-pan__php-service-05:before {
    background-position: -64px -63px;
}
.custom-software-development .service-wrap .services-pan__php-service-06:before {
    background-position: -128px -63px;
}
.custom-software-development .service-wrap .services-pan__php-service-07:before {
    background-position: 0 -126px;
}
.custom-software-development .service-wrap .services-pan__php-service-08:before {
    background-position: -65px -126px;
}
.custom-software-development .service-wrap .services-pan__frontend {
    position: relative;
}
.custom-software-development .service-wrap .services-pan__frontend-service-01:before {
    background: url(images/front-end/icon-fs-1.svg) no-repeat 0 0 !important;
    width: 64px;
    height: 63px;
}
.custom-software-development .service-wrap .services-pan__frontend-service-02:before {
    background: url(images/front-end/icon-fs-2.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-03:before {
    background: url(images/front-end/icon-fs-3.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-04:before {
    background: url(images/front-end/icon-fs-4.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-05:before {
    background: url(images/front-end/icon-fs-5.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-06:before {
    background: url(images/front-end/icon-fs-6.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-07:before {
    background: url(images/front-end/icon-fs-7.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-08:before {
    background: url(images/front-end/icon-fs-8.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-09:before {
    background: url(images/front-end/icon-fs-9.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-10:before {
    background: url(images/front-end/icon-fs-10.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-11:before {
    background: url(images/front-end/icon-fs-11.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__frontend-service-12:before {
    background: url(images/front-end/icon-fs-12.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend {
    position: relative;
}
.custom-software-development .service-wrap .services-pan__backend:before {
    width: 78px;
    height: 75px;
}
.custom-software-development .service-wrap .services-pan__backend-service-01:before {
    background: url(images/backend/icon-bs-1.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-02:before {
    background: url(images/backend/icon-bs-2.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-03:before {
    background: url(images/backend/icon-bs-3.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-04:before {
    background: url(images/backend/icon-bs-4.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-05:before {
    background: url(images/backend/icon-bs-5.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-06:before {
    background: url(images/backend/icon-bs-6.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-07:before {
    background: url(images/backend/icon-bs-7.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-08:before {
    background: url(images/backend/icon-bs-8.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__backend-service-09:before {
    background: url(images/backend/icon-bs-9.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-01:before {
    background: url(images/react/react-service-icon-1.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-02:before {
    background: url(images/react/react-service-icon-2.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-03:before {
    background: url(images/react/react-service-icon-3.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-04:before {
    background: url(images/react/react-service-icon-4.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-05:before {
    background: url(images/react/react-service-icon-5.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-06:before {
    background: url(images/react/react-service-icon-6.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-07:before {
    background: url(images/react/react-service-icon-7.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-08:before {
    background: url(images/react/react-service-icon-8.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__reactjs-service-09:before {
    background: url(images/react/react-service-icon-9.svg) no-repeat 0 0 !important;
}
.custom-software-development .service-wrap .services-pan__staff {
    position: relative;
}
.custom-software-development .service-wrap .services-pan__staff:before {
    width: 78px;
    height: 75px;
}
.custom-software-development .service-wrap .services-pan__staff-service-01:before {
    background: url(images/staff/dt-icon-1.svg) no-repeat 50% 50%;
}
.custom-software-development .service-wrap .services-pan__staff-service-02:before {
    background: url(images/staff/dt-icon-2.svg) no-repeat 50% 50%;
}
.custom-software-development .service-wrap .services-pan__staff-service-03:before {
    background: url(images/staff/dt-icon-3.svg) no-repeat 50% 50%;
}
.custom-software-development .service-wrap .services-pan__staff-service-04:before {
    background: url(images/staff/dt-icon-4.svg) no-repeat 50% 50%;
}
.custom-software-development .service-wrap .services-pan__staff-service-05:before {
    background: url(images/staff/dt-icon-5.svg) no-repeat 50% 50%;
}
.custom-software-development .service-wrap .services-pan__staff-service-06:before {
    background: url(images/staff/dt-icon-6.svg) no-repeat 50% 50%;
}
.custom-software-development .service-wrap-mod .services-pan {
    min-height: initial;
    width: auto;
    margin: 15px 0;
}
.outsource-product {
    position: relative;
}
.outsource-product:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .outsource-product:before {
        display: block;
    }
}
.outsource-product:after {
    content: "";
    position: absolute;
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .outsource-product:after {
        display: block;
    }
}
.outsource-product .container {
    position: relative;
    z-index: 9;
}
.outsource-product h2 {
    margin-bottom: 25px;
}
@media all and (max-width: 767px) {
    .outsource-product .cmn-heading-para {
        display: none;
    }
}
.outsource-product p {
    font-size: 19px;
    line-height: 30px;
}
.outsource-product .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.outsource-product .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .outsource-product .service-wrap .services-pan {
        width: 30%;
        min-height: auto;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .outsource-product .service-wrap .services-pan {
        min-height: 620px;
    }
}
@media all and (min-width: 1024px) {
    .outsource-product .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.outsource-product .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s all ease-in;
}
.outsource-product .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
}
.outsource-product .service-wrap .services-pan__php {
    position: relative;
}
.outsource-product .service-wrap .services-pan__php:before {
    background: url(images/outsource-product-development/service-group-icon.png) no-repeat 0 0;
    width: 73px;
    height: 63px;
}
.outsource-product .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.outsource-product .service-wrap .services-pan__php-service-02:before {
    background-position: -73px 0;
}
.outsource-product .service-wrap .services-pan__php-service-03:before {
    background-position: -146px 0;
}
.outsource-product .service-wrap .services-pan__php-service-04:before {
    background-position: 0 -63px;
}
.outsource-product .service-wrap .services-pan__php-service-05:before {
    background-position: -73px -63px;
}
.outsource-product .service-wrap .services-pan__php-service-06:before {
    background-position: -146px -63px;
}
.outsource-product .service-wrap-mod .services-pan {
    min-height: initial;
    width: auto;
    margin: 15px 0;
}
.dedicated-teams {
    position: relative;
}
.dedicated-teams:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .dedicated-teams:before {
        display: block;
    }
}
.dedicated-teams:after {
    content: "";
    position: absolute;
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .dedicated-teams:after {
        display: block;
    }
}
.dedicated-teams .container {
    position: relative;
    z-index: 9;
}
.dedicated-teams h2 {
    margin-bottom: 25px;
}
@media all and (max-width: 767px) {
    .dedicated-teams h2 br {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .dedicated-teams h2 {
        font-size: 28px;
    }
}
.dedicated-teams p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .dedicated-teams p {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
@media all and (max-width: 767px) {
    .dedicated-teams .cmn-heading-para {
        display: none;
    }
}
.dedicated-teams .service-wrap {
    text-align: center;
}
.dedicated-teams .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .dedicated-teams .service-wrap .services-pan {
        width: 30%;
        min-height: auto;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .dedicated-teams .service-wrap .services-pan {
        min-height: 620px;
    }
}
@media all and (min-width: 1024px) {
    .dedicated-teams .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.dedicated-teams .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s all ease-in;
}
.dedicated-teams .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
}
.dedicated-teams .service-wrap .services-pan__php {
    position: relative;
}
.dedicated-teams .service-wrap .services-pan__php:before {
    background: url(images/software-development-team/service-group-icon.png) no-repeat 0 0;
    width: 63px;
    height: 63px;
}
.dedicated-teams .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.dedicated-teams .service-wrap .services-pan__php-service-02:before {
    background-position: -63px 0;
}
.dedicated-teams .service-wrap .services-pan__php-service-03:before {
    background-position: -126px 0;
}
.dedicated-teams .service-wrap .services-pan__php-service-04:before {
    background-position: 0 -63px;
}
.dedicated-teams .service-wrap .services-pan__php-service-05:before {
    background-position: -63px -63px;
}
.dedicated-teams .service-wrap .services-pan__php-service-06:before {
    background-position: -126px -63px;
}
.dedicated-teams .service-wrap-mod .services-pan {
    min-height: initial;
    width: auto;
    margin: 15px 0;
}
.testing-qa {
    position: relative;
}
.testing-qa:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .testing-qa:before {
        display: block;
    }
}
.testing-qa .container {
    position: relative;
    z-index: 9;
}
.testing-qa h2 {
    margin-bottom: 25px;
}
.testing-qa p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .testing-qa p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .testing-qa .cmn-heading-para {
        display: none;
    }
}
.testing-qa .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.testing-qa .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .testing-qa .service-wrap .services-pan {
        width: 30%;
        min-height: auto;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .testing-qa .service-wrap .services-pan {
        min-height: 620px;
    }
}
@media all and (min-width: 1024px) {
    .testing-qa .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.testing-qa .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s all ease-in;
}
.testing-qa .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
}
.testing-qa .service-wrap .services-pan__php {
    position: relative;
}
.testing-qa .service-wrap .services-pan__php:before {
    background: url(images/testing-qa/service-group-icon.png) no-repeat 0 0;
    width: 63px;
    height: 63px;
}
.testing-qa .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.testing-qa .service-wrap .services-pan__php-service-02:before {
    background-position: -63px 0;
}
.testing-qa .service-wrap .services-pan__php-service-03:before {
    background-position: -126px 0;
}
.testing-qa .service-wrap .services-pan__php-service-04:before {
    background-position: 0 -63px;
}
.testing-qa .service-wrap .services-pan__php-service-05:before {
    background-position: -63px -63px;
}
.testing-qa .service-wrap .services-pan__php-service-06:before {
    background-position: -126px -63px;
}
.testing-qa .service-wrap .services-pan__php-service-07:before {
    background-position: 0 -126px;
}
.testing-qa .service-wrap .services-pan__php-service-08:before {
    background-position: -63px -126px;
}
.testing-qa .service-wrap .services-pan__php-service-09:before {
    background-position: -126px -126px;
}
.testing-qa .service-wrap-mod .services-pan {
    min-height: initial;
    width: auto;
    margin: 15px 0;
}
.text-transform-capitalize {
    text-transform: capitalize !important;
}
.devops {
    position: relative;
}
.devops:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .devops:before {
        display: block;
    }
}
.devops:after {
    content: "";
    position: absolute;
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .devops:after {
        display: block;
    }
}
.devops .container {
    position: relative;
    z-index: 9;
}
.devops h2 {
    margin-bottom: 25px;
}
.devops p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .devops p {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
@media all and (max-width: 767px) {
    .devops .cmn-heading-para {
        display: none;
    }
}
.devops .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.devops .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .devops .service-wrap .services-pan {
        width: 30%;
        min-height: auto;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .devops .service-wrap .services-pan {
        min-height: inherit;
    }
}
@media all and (min-width: 1024px) {
    .devops .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.devops .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s all ease-in;
}
.devops .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
}
.devops .service-wrap .services-pan__php {
    position: relative;
}
.devops .service-wrap .services-pan__php:before {
    background: url(images/devopps/service-group-icon.png) no-repeat 0 0;
    width: 70px;
    height: 63px;
}
.devops .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.devops .service-wrap .services-pan__php-service-02:before {
    background-position: -70px 0;
}
.devops .service-wrap .services-pan__php-service-03:before {
    background-position: -140px 0;
}
.devops .service-wrap .services-pan__php-service-04:before {
    background-position: 0 -63px;
}
.devops .service-wrap .services-pan__php-service-05:before {
    background-position: -70px -63px;
}
.devops .service-wrap .services-pan__php-service-06:before {
    background-position: -140px -63px;
}
.devops .service-wrap .services-pan__php-service-07:before {
    background-position: 0 -126px;
}
.devops .service-wrap .services-pan__php-service-08:before {
    background-position: -70px -126px;
}
.devops .service-wrap .services-pan__php-service-09:before {
    background-position: -140px -126px;
}
.devops .service-wrap-box .services-pan__php {
    width: auto;
    margin: 15px 0;
}
.devops-stack {
    background: #05547d;
}
.devops-stack:before,
.devops-stack:after {
    display: none;
}
.devops-stack .service-wrap .services-pan__php {
    text-align: left;
    padding-top: 30px;
}
.devops-stack .service-wrap .services-pan__php:before {
    display: none;
}
.devops-stack .service-wrap .services-pan__php h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    padding-right: 25px;
    position: relative;
    padding-bottom: 30px;
}
.devops-stack .service-wrap .services-pan__php h3:before {
    content: "";
    position: absolute;
    background: #24c06d;
    height: 3px;
    bottom: 5px;
    left: 0;
    width: 35px;
}
.devops-stack .service-wrap .services-pan__php h4 {
    font-size: 19px;
    line-height: 25px;
    font-family: "Source Serif Pro", serif;
}
.devops-stack .service-wrap .services-pan__php h4 span {
    color: #24c06d;
}
.devops-stack .service-wrap .services-pan__php ul {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.devops-stack .service-wrap .services-pan__php ul li {
    display: flex;
    align-items: flex-start;
    padding: 0 0 20px;
    flex: 0 0 50%;
}
.devops-stack .service-wrap .services-pan__php ul li:last-child {
    padding-bottom: 0;
}
.devops-stack .service-wrap .services-pan__php ul li:nth-child(2n + 1) {
    border-right: 1px solid #dedede;
    padding-right: 10px;
}
.devops-stack .service-wrap .services-pan__php ul li:nth-child(2n) {
    padding-left: 10px;
}
.devops-stack .service-wrap .services-pan__php ul li span {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-right: 15px;
}
@media all and (max-width: 767px) {
    .devops-stack .service-wrap .services-pan__php ul li span {
        margin-right: 5px;
    }
}
.devops-stack .service-wrap .services-pan__php ul li span img {
    width: 95%;
}
.devops-stack .service-wrap .services-pan__php ul li h5 {
    color: #333;
    font-family: "Source Serif Pro", serif;
    font-size: 16px;
    line-height: 20px;
    flex: 1;
}
@media (min-width: 768px) {
    .devops-stack .service-wrap .services-pan__php .iac-ul li:nth-child(2n + 1) {
        flex: 0 0 45%;
    }
}
@media (min-width: 768px) {
    .devops-stack .service-wrap .services-pan__php .iac-ul li:nth-child(2n) {
        flex: 0 0 55%;
    }
}
.devops-stack .service-wrap-mod .services-pan {
    min-height: initial;
    width: auto;
    margin: 15px 0;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (max-width: 1199px) {
    .devops-stack-extra .service-wrap-mod .services-pan {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media (max-width: 1199px) {
    .devops-stack-extra .service-wrap-mod .services-pan h5 {
        font-size: 14px !important;
    }
}
.o-bottom-form .form-text {
    background-color: #1d2942;
    width: 100%;
    float: none;
    color: #fff;
    padding: 20px;
}
@media all and (min-width: 1024px) {
    .o-bottom-form .form-text {
        width: 50%;
        float: left;
        padding: 77px 60px;
    }
}
@media all and (max-width: 1199px) {
    .o-bottom-form .form-text {
        padding: 80px 48px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text {
        padding: 30px 15px;
        text-align: center;
    }
}
.o-bottom-form .form-text h2,
.o-bottom-form .form-text h3,
.o-bottom-form .form-text h4,
.o-bottom-form .form-text h5 {
    color: #fff;
}
.o-bottom-form .form-text .sub-heading {
    font-size: 19px;
    line-height: 32px;
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text .sub-heading {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 0;
    }
}
.o-bottom-form .form-text ul li {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding-top: 70px;
    width: 62px;
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text ul li {
        width: 45px;
        padding-top: 40px;
    }
}
.o-bottom-form .form-text ul li.am-1 {
    background: url(images/common/shovan.png) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li.am-2 {
    background: url(images/common/indrajit.png) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li.am-3 {
    background: url(images/common/dibakar.png) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li.am-4 {
    background: url(images/common/rohit.html) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li.am-5 {
    background: url(images/common/avik.png) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li.am-6 {
    background: url(images/common/tumpa.html) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li.am-7 {
    background: url(images/common/sagnik.png) 50% 0 no-repeat;
    background-size: 100%;
}
.o-bottom-form .form-text ul li span {
    display: block;
    padding-top: 10px;
}
.o-bottom-form .form-text .form-bot-text {
    border-top: 1px solid #364462;
    margin-top: 60px;
    padding-top: 60px;
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text .form-bot-text {
        margin-top: 0;
        padding-top: 20px;
        display: none;
    }
}
.o-bottom-form .form-panel {
    background-color: #fff;
    width: 100%;
    float: none;
    padding: 20px;
}
@media all and (min-width: 1024px) {
    .o-bottom-form .form-panel {
        width: 50%;
        float: left;
        padding: 60px;
    }
}
@media all and (max-width: 767px) {
    #bottom-form ul {
        display: none;
    }
}
.contact-modal .modal-content {
    padding: 30px;
    background-color: #fff;
}
.contact-modal .modal-content .modal-header button.close img {
    width: 20px;
}
.contact-modal .modal-content .modal-header figure {
    width: 70px;
    height: 70px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 25px;
}
.contact-modal .modal-content .modal-header figure img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50% !important;
}
.contact-modal .modal-content .modal-header figure:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-animation: spin 10s linear 0s infinite;
    -moz-animation: spin 10s linear 0s infinite;
    -ms-animation: spin 10s linear 0s infinite;
    -o-animation: spin 10s linear 0s infinite;
    animation: spin 10s linear 0s infinite;
}
.contact-modal .modal-content .modal-header .close {
    position: absolute;
    right: 30px;
    top: 30px;
    background-color: transparent;
}
.contact-modal .modal-content .modal-header h5 {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
}
.contact-modal .modal-content input.form-control {
    width: 100%;
}
.contact-modal .modal-content .btn {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0px;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 158px;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #ffffff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    width: 250px;
}
#attachedFiles {
    margin-top: 20px;
}
#attachedFiles li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 8px 15px;
    border-radius: 30px;
    background: #fafafa;
}
#attachedFiles li input {
    line-height: 20px;
    width: 87%;
}
#attachedFiles li button {
    background: url("images/common/icon-delete.svg") 0 0 no-repeat;
    width: 14px;
    height: 19px;
    margin-right: 10px;
    vertical-align: middle;
}
.u-name {
    background: url("images/common/form-icon-1.png") 0 50% no-repeat;
    border-bottom: 1px solid #ccc;
}
.u-email {
    background: url("images/common/form-icon-2.png") 0 50% no-repeat;
    border-bottom: 1px solid #ccc;
}
.u-phone {
    background: url("images/common/form-icon-3.png") 0 50% no-repeat;
    border-bottom: 1px solid #ccc;
}
.u-company {
    background: url("images/common/form-icon-4.png") 0 50% no-repeat;
    border-bottom: 1px solid #ccc;
}
.u-message {
    background: url("images/common/form-icon-5.png") 0 20px no-repeat;
    border-bottom: 1px solid #ccc;
}
.attach {
    background: url("images/common/form-icon-6.png") 0 20px no-repeat;
    font-family: "Montserrat", sans-serif;
    padding: 20px 20px 20px 40px;
}
.attach .attach-inputfile {
    display: none;
}
.attach label {
    color: #205fa9;
    cursor: pointer;
    text-decoration: underline;
}
.attach label:hover {
    text-decoration: none;
}
.common-input {
    border-bottom: 1px solid #333;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
}
.u-submit {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 19px 0px;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    width: 250px;
    margin: 0 auto;
}
.u-submit:after {
    content: "";
    background: url(images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
}
::-webkit-input-placeholder {
    font-weight: 300;
}
::-moz-placeholder {
    font-weight: 300;
}
:-ms-input-placeholder {
    font-weight: 300;
}
:-moz-placeholder {
    font-weight: 300;
}
label.error {
    color: red;
    text-align: left;
    display: block;
    font-weight: 300;
}
.quickform-holder {
    position: fixed;
    bottom: 0;
    right: 4%;
    z-index: 10000;
    padding: 0;
    width: 93%;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 1024px) {
    .quickform-holder {
        width: 754px;
    }
}
@media all and (max-width: 767px) {
    .quickform-holder {
        bottom: 2%;
    }
}
.quickform-holder .big-girl {
    position: absolute;
    left: -100%;
    top: 60px;
    z-index: 1;
    display: none;
    width: 245px;
    display: none;
}
@media all and (min-width: 1024px) {
    .quickform-holder .big-girl {
        left: 7%;
    }
}
.quickform-holder .small-girl {
    float: right;
}
.quickform-holder .qi-btn-holder {
    text-align: right;
    height: 68px;
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder {
        height: 102px;
    }
}
.quickform-holder .qi-btn-holder .qi-btn {
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #3be06e;
    padding: 0;
    position: relative;
    width: 60px;
    margin-bottom: 10px;
    text-align: left;
    text-transform: capitalize;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 60px;
    background: #1383c8;
    background: -moz-linear-gradient(-45deg, #1383c8 0%, #00cdd2 100%);
    background: -webkit-linear-gradient(-45deg, #1383c8 0%, #00cdd2 100%);
    background: linear-gradient(135deg, #1383c8 0%, #00cdd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1383c8', endColorstr='#00cdd2',GradientType=1 );
    bottom: 0;
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder .qi-btn {
        width: 45%;
        height: auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 10px;
    }
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder .qi-btn img {
        height: 68px;
    }
}
.quickform-holder .qi-btn-holder .qi-btn i {
    width: 25px;
    height: 25px;
    background: url(images/common/icon-plus.png) no-repeat 50% 50%;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 15px;
    display: none;
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder .qi-btn i {
        display: inline-block;
    }
}
.quickform-holder .qi-btn-holder .qi-btn span {
    padding-top: 7px;
    padding-left: 10px;
    vertical-align: top;
    font-weight: 500;
    font-size: 20px;
    width: 230px;
    line-height: 26px;
    display: none;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder .qi-btn span {
        display: inline-block;
    }
}
.quickform-holder .qi-btn-holder .qi-btn.plus {
    position: relative;
    top: 26px;
    z-index: 100;
    background: transparent;
    box-shadow: none;
}
.quickform-holder .qi-btn-holder .qi-btn.plus i {
    background: url(images/common/black-minus.png) no-repeat 50% 50%;
    display: block;
    position: relative;
    right: -10px;
    top: 40px;
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder .qi-btn.plus i {
        position: absolute;
        right: 20px;
        top: 85px;
    }
}
@media all and (max-width: 767px) {
    .quickform-holder .qi-btn-holder .qi-btn.plus i {
        right: -25px;
        top: 28px;
        background: #fff;
        height: 3px;
        width: 20px;
        border-radius: 0;
    }
}
.quickform-holder .qi-btn-holder .qi-btn.plus img {
    display: none;
}
.quickform-holder .qi-btn-holder .qi-btn.plus span {
    display: none;
}
.quickform-holder .qi-btn-holder .qi-btn.plus:after {
    display: none;
}
.quickform-holder .qi-btn-holder .qi-btn:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2fc9d2;
    position: absolute;
    content: "";
    right: 20px;
    bottom: -9px;
    display: none;
}
@media all and (min-width: 1024px) {
    .quickform-holder .qi-btn-holder .qi-btn:after {
        display: inline-block;
    }
}
.quickform-holder .quickform {
    overflow: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.5);
    position: relative;
    bottom: 0;
}
@media all and (min-width: 1024px) {
    .quickform-holder .quickform {
        bottom: 0;
    }
}
.quickform-holder .quickform .s-f-left {
    float: left;
    width: 50%;
    background: #12ec90;
    background: -moz-linear-gradient(-45deg, #12ec90 0%, #0e3361 100%);
    background: -webkit-linear-gradient(-45deg, #12ec90 0%, #0e3361 100%);
    background: linear-gradient(135deg, #12ec90 0%, #0e3361 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ec90', endColorstr='#0e3361',GradientType=1 );
    display: none;
}
@media all and (min-width: 1024px) {
    .quickform-holder .quickform .s-f-left {
        display: block;
    }
}
@media all and (max-width: 768px) {
    .quickform-holder .quickform .s-f-left {
        float: none;
        display: block;
        width: 100%;
    }
}
.quickform-holder .quickform .s-f-left .calender {
    background: url(images/common/s-f-left-date.png) no-repeat 0 0;
    padding: 163px 20px 20px 20px;
}
.quickform-holder .quickform .s-f-left .calender .girl {
    position: absolute;
    left: 70px;
    top: 0;
    height: 388px;
}
.quickform-holder .quickform .s-f-left .calender .text {
    z-index: 1;
    position: relative;
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .s-f-left .calender .text {
        width: 240px;
    }
}
.quickform-holder .quickform .s-f-left .calender .text1 {
    z-index: 1;
    position: relative;
    margin: 0 auto;
    display: block;
    padding: 25px 0 7px;
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .s-f-left .calender .text1 {
        padding: 10px 0 7px;
    }
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .s-f-left .calender {
        background: none;
        padding: 30px 20px 20px 20px;
        text-align: center;
    }
}
.quickform-holder .quickform .s-f-right {
    float: none;
    width: 100%;
    background-color: #dbf1f3;
    position: relative;
}
@media all and (min-width: 1024px) {
    .quickform-holder .quickform .s-f-right {
        float: right;
        width: 50%;
    }
}
.quickform-holder .quickform .s-f-right h6 {
    color: #325153;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    background: url(images/common/s-f-right-arrow.png) no-repeat 200px 31px #fff;
    padding: 20px 0 20px 20px;
    background-size: 31px;
}
.quickform-holder .quickform .s-f-right h2 {
    color: #325153;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    background: url(images/common/s-f-right-arrow.png) no-repeat 200px 31px #fff;
    padding: 20px 0 20px 20px;
    background-size: 31px;
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .s-f-right h2 {
        padding: 10px 0 10px 0;
        line-height: 30px;
        font-size: 24px;
        background-image: none;
        text-align: center;
    }
}
.quickform-holder .quickform .s-f-right .s-f-right-bottom {
    background-color: #dbf1f3;
    overflow: hidden;
    padding: 20px 20px 6px 20px;
    display: none;
}
@media all and (min-width: 1024px) {
    .quickform-holder .quickform .s-f-right .s-f-right-bottom {
        display: block;
    }
}
.quickform-holder .quickform .s-f-right .s-f-right-bottom ul li {
    float: left;
    width: 41%;
    min-height: 70px;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 14px;
    margin-left: 20px;
}
.quickform-holder .quickform .s-f-right .s-f-right-bottom ul li img {
    display: block;
    margin-bottom: 5px;
}
.quickform-holder .quickform .o-contact-form {
    padding: 0;
    background-color: #fff;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg {
    padding: 0 20px 7px 20px;
    background-color: #fff;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un {
    position: relative;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un input {
    padding: 10px 0;
    background: transparent;
    margin-bottom: 16px;
    width: 100%;
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un input {
        padding: 5px 0;
    }
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .un:after {
    border-bottom: 1px solid #c9c8c8;
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .ue {
    position: relative;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .ue input {
    padding: 10px 0;
    background: transparent;
    margin-bottom: 16px;
    width: 100%;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .ue:after {
    border-bottom: 1px solid #c9c8c8;
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 9px;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .com {
    position: relative;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .com input {
    padding: 0;
    background: transparent;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .com:after {
    border-bottom: 1px solid #c9c8c8;
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 9px;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .um-placeholder {
    position: relative;
    background: url(assets/images/common/icon-message.svg) 0 8px no-repeat;
    font-size: 14px;
    padding: 5px 0 5px 10px;
    color: #969696;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .u-name,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .u-email,
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .u-company {
    padding: 5px 0 5px 50px;
    font-size: 14px;
    border-bottom: 0;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .u-message {
    margin-bottom: 0;
    border-bottom: 0;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .u-message textarea {
    font-size: 14px;
    min-height: 110px;
    border: 1px solid #c9c8c8;
    background-image: none;
    margin-bottom: 0;
    padding: 5px;
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg {
    line-height: 0;
    font-size: 13px;
    margin: 0;
    border-radius: 5px;
    display: block;
    font-weight: 400;
    background: url(images/common/contact-form-button.png) no-repeat 0 0;
    border: 0;
    padding-left: 60px;
    padding-bottom: 10px;
    background-size: 100%;
}
@media all and (min-width: 1024px) {
    .quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg {
        line-height: 0;
        font-size: 18px;
        padding-left: 70px;
        width: 100%;
        height: 80px;
    }
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg {
        height: 46px;
        display: flex;
        align-items: center;
        padding-bottom: 0;
        margin-bottom: 15px;
        width: inherit;
        max-width: 260px;
        padding-left: 65px;
        padding-right: 0;
        margin: 0 auto;
        background: #fd7e34;
        padding: 0 15px;
    }
}
.quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg::after {
    width: 20px;
    height: 16px;
    background-size: auto;
    vertical-align: middle;
}
@media all and (max-width: 767px) {
    .quickform-holder .quickform .o-contact-form .o-contact-form--white-bg .c-btn--lg::after {
        display: none;
    }
}
@media all and (min-width: 768px) {
    .quickform-holder .quickform .o-contact-form h2 {
        font-size: 28px;
    }
}
.quickform-holder .quickform .o-contact-form .c-btn-1 {
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    background: #e76c00;
    border-radius: 4px;
    font-size: 16px;
    line-height: 43px;
    text-transform: uppercase;
    border: 2px solid #e76c00;
    padding: 0 27px;
}
.quickform-holder .quickform .o-contact-form .c-btn-1:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(images/common/icon-arrow-next.svg) 50% 50% no-repeat;
    background-size: 7px auto;
    margin-left: 5px;
}
.quickform-holder .quickform .o-contact-form .c-btn-1:hover {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}
.quickform-holder .quickform .o-contact-form .c-btn-1:focus {
    color: #fff;
}
.quickform-holder .quickform .o-contact-form .c-btn-1:disabled {
    background: #737272;
    border: none;
    color: #9e9d9d;
}
.quickform-holder .quickform .o-contact-form .c-btn-1:disabled .disabled_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    border: 2px double;
    border-radius: 50%;
    border-color: transparent #fff #fff;
    animation: cssload-spin 870ms infinite linear;
    -o-animation: cssload-spin 870ms infinite linear;
    -ms-animation: cssload-spin 870ms infinite linear;
    -webkit-animation: cssload-spin 870ms infinite linear;
    -moz-animation: cssload-spin 870ms infinite linear;
}
.quickform-holder .quickform .group .choosecountry #selected_Country_front ul {
    font-size: 12px !important;
    width: 260px;
}
.quickform-holder .quickform #country-search {
    font-size: 14px;
}
.quickform-holder .none {
    display: none;
}
.mm-slideout {
    transition: transform 0.4s ease;
    z-index: 100;
}
body[data-page="contact-us"] .o-contact-form--mobile-top {
    background: url("images/contact-us/contact-form-top-border-mobile.html") 0 0 repeat-x;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form {
        position: relative;
        -webkit-box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
        padding: 0;
        background: transparent;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile {
    text-align: center;
    display: block;
    padding-top: 66px;
    padding: 60px 0 40px 0;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile {
        padding: 76px 0 40px 0;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile h2 {
    font-size: 36px;
    line-height: 54px;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile h2 {
        font-size: 48px;
        line-height: 58px;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile h3 {
    font-size: 16px;
    font-weight: 400;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile h3 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile h5 {
    font-size: 16px;
    font-weight: 400;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile h5 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile h6,
body[data-page="contact-us"] .o-contact-form--mobile .contact-linkedin,
body[data-page="contact-us"] .o-contact-form--mobile .attach,
body[data-page="contact-us"] .o-contact-form--mobile .u-company {
    display: none;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile h6,
    body[data-page="contact-us"] .o-contact-form--mobile .contact-linkedin,
    body[data-page="contact-us"] .o-contact-form--mobile .attach,
    body[data-page="contact-us"] .o-contact-form--mobile .u-company {
        display: block;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile .group .choosecountry {
    display: none;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile .group .choosecountry {
        display: block;
    }
}
body[data-page="contact-us"] .o-contact-form--mobile .group input[type="text"] {
    padding: 20px 20px 20px 0;
    background: url("assets/images/common/icon-phone.svg") 0 50% no-repeat;
}
@media all and (min-width: 1024px) {
    body[data-page="contact-us"] .o-contact-form--mobile .group input[type="text"] {
        padding: 20px 20px 20px 40px;
        background: none;
    }
}
body[data-page="contact-us"] .o-contact-form--contact-form-footer {
    background: #c8c7cc;
    padding: 20px 0;
    margin-top: 30px;
    text-align: left;
}
@media all and (min-width: 768px) {
    body[data-page="contact-us"] .o-contact-form--contact-form-footer {
        text-align: center;
    }
}
body[data-page="contact-us"] .o-contact-form--contact-form-footer ul li {
    margin: 0 15px;
}
body[data-page="contact-us"] .o-contact-form__attachement-text {
    padding-left: 18px;
}
body[data-page="contact-us"] .contact-mobile {
    display: none;
}
@media all and (min-width: 1024px) {
    .o-contact-form {
        background: url("assets/images/m-contact-form/contact-form-pattern.jpg") 100% 0 no-repeat #fff;
        background-size: 30%;
        color: #333;
        overflow: hidden;
        text-align: center;
        position: relative;
    }
}
.o-contact-form h2 {
    margin-bottom: 15px;
}
@media all and (min-width: 1024px) {
    .o-contact-form h2 {
        font-size: 60px;
        letter-spacing: 2.5px;
        text-shadow: 1px 1px 0px #333, -1px 1px 0px #333, 1px -1px 0px #333, -1px -1px 0px #333;
    }
}
@media all and (min-width: 1024px) {
    .o-contact-form h3 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500;
    }
}
.o-contact-form h3 br {
    display: none;
}
@media all and (min-width: 1025px) {
    .o-contact-form h3 br {
        display: block;
    }
}
@media all and (min-width: 1024px) {
    .o-contact-form h5 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500;
    }
}
.o-contact-form h5 br {
    display: none;
}
@media all and (min-width: 1025px) {
    .o-contact-form h5 br {
        display: block;
    }
}
.o-contact-form h4 {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
}
.o-contact-form h6 {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
}
@media all and (min-width: 1024px) {
    .o-contact-form--white-bg {
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
        padding: 80px 0 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
        display: block;
    }
}
.o-contact-form .form-animate {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    -webkit-animation: formanimation 0.3s ease-in-out 0s 2;
    -moz-animation: formanimation 0.3s ease-in-out 0s 2;
    -ms-animation: formanimation 0.3s ease-in-out 0s 2;
    -o-animation: formanimation 0.3s ease-in-out 0s 2;
    animation: formanimation 0.3s ease-in-out 0s 2;
}
.o-contact-form__heart {
    display: inline-block;
    margin-left: -4px;
    line-height: 49px;
    vertical-align: top;
    -webkit-animation: pulse 1.5s ease-out 0s infinite;
    -moz-animation: pulse 1.5s ease-out 0s infinite;
    -ms-animation: pulse 1.5s ease-out 0s infinite;
    -o-animation: pulse 1.5s ease-out 0s infinite;
    animation: pulse 1.5s ease-out 0s infinite;
    padding-left: 10px;
    padding-right: 10px;
}
@media all and (min-width: 560px) {
    .o-contact-form__heart {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (min-width: 1024px) {
    .o-contact-form__heart img {
        height: 58px;
    }
}
.o-contact-form__privacy {
    margin: 20px 0 20px 0;
    font-size: 15px;
    text-align: center;
}
.o-contact-form__privacy i {
    margin-right: 10px;
}
.o-contact-form__attachement-text a {
    color: #4492dc;
    text-decoration: underline;
}
.o-contact-form__attachement-text a:hover {
    text-decoration: none;
}
.o-contact-form__attachement-text label {
    color: #4492dc;
    text-decoration: underline;
    cursor: pointer;
}
.o-contact-form__attachement-text label:hover {
    text-decoration: none;
}
.o-contact-form--contact-form-footer {
    background-color: #f2f2f2;
    padding: 40px 0;
    margin-top: 60px;
}
.o-contact-form--contact-form-footer ul li {
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin: 0 30px;
}
.o-contact-form--contact-form-footer ul li i {
    margin-right: 20px;
}
.o-contact-form--contact-form-footer ul li strong {
    font-weight: 700;
}
.o-contact-form--contact-form-footer a {
    color: #333;
}
.o-contact-form--contact-form-footer a:hover {
    text-decoration: underline;
}
.o-contact-form--contact-form-footer .o-clients {
    padding: 30px 0 0 0;
}
.o-contact-form--place-order .tagline {
    font-size: 12px;
}
.o-contact-form--place-order .attach span {
    vertical-align: top;
}
.common-input.u-message {
    background: url("images/common/email-icon.png") 0 20px no-repeat;
}
.form-inside p {
    font-size: 18px;
    color: #333333;
    padding-bottom: 5px !important;
    line-height: 30px;
    margin-top: 15px;
}
@media all and (min-width: 1024px) {
    .form-inside p {
        margin-top: 0;
    }
}
.form-inside p a {
    color: #4a90e2;
}
.bnr-form .group input[type="text"] {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}
.bnr-form .u-name {
    border-bottom: 1px solid #c9c8c8;
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}
.bnr-form .u-email {
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}
.bnr-form .u-company {
    padding: 20px 20px 20px 40px;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}
.bnr-form .u-message.bnr-msg {
    border-bottom: 1px solid #c9c8c8;
    margin-bottom: 10px;
    position: relative;
    font-weight: 400;
}
.bnr-form .u-message.bnr-msg textarea {
    background: url("images/common/form-icon-5.png") 0 20px no-repeat;
    padding: 20px 20px 20px 40px;
    color: #333;
    min-height: 110px;
    width: 100%;
    margin-bottom: 15px;
}
.bnr-form .attach {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}
.bnr-form .attach span {
    margin-left: 10px;
    display: inline-block;
}
.bnr-form .o-contact-form__attachement-text {
    font-size: 16px;
    color: #878787;
}
.bnr-form .attach span {
    margin-left: 10px;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 26px;
}
.bnr-form .attach {
    padding: 20px 20px 20px 25px;
}
.o-contact-form__privacy {
    margin: 20px 0 20px 0;
    font-size: 15px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #414446 !important;
}
.u-message span {
    position: absolute;
    right: 25px;
    bottom: 12px;
    font-size: 14px;
    color: #333;
    font-weight: 300;
}
.small-heading {
    text-align: left;
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 35px;
}
input,
textarea {
    font-size: 16px;
}
.s-btn-modifier {
    width: 265px;
}
@media all and (min-width: 560px) {
    .s-btn-modifier {
        width: 478px;
    }
}
.cntct-bnr {
    position: absolute;
    height: 340px;
}
.cntct-pg-section {
    background: #fff;
}
.cn-form {
    position: relative;
    background: #fff;
}
.cn-form:before {
    content: "";
    position: absolute;
    background: url(images/contact-us/dashed-line.png) 0 0 repeat;
    height: 5px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.cn-form:after {
    content: "";
    position: absolute;
    background: url(images/contact-us/dashed-line.png) 0 0 repeat;
    height: 5px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}
.o-contact-us {
    padding-top: 60px !important;
}
.contact-addr .office ul {
    background: #fff;
}
.o-contact-form__contact-form {
    padding: 0 15px;
}
@media all and (min-width: 1024px) {
    .o-contact-form__contact-form {
        padding: 0;
    }
}
.opt-phn {
    position: relative;
}
.opt-phn input {
    background: transparent;
    width: 100%;
    font-size: 14px;
}
.url-list label {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    cursor: default;
}
.url-input {
    padding: 0;
    font-size: 16px;
    display: initial;
    display: initial;
}
.contact-modal .modal-content button#cloudFileAdd {
    background-color: #fd5900;
    color: #ffffff;
    font-size: 17px;
    line-height: 16px;
    height: 42px;
    padding: 10px;
    text-transform: uppercase;
    display: block !important;
    width: 150px;
    margin: 0 0 20px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    font-weight: 600;
}
.contact-modal .modal-content button#cloudFileAdd:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url("images/common/arrow-white.png") 50% 50% no-repeat;
    background-size: auto;
    background-size: 15px;
    margin-left: 10px;
}
.contact-h1 {
    padding-left: 0;
    padding-top: 0;
    position: relative;
    font-weight: 900;
    text-transform: none;
    background: url(assets/images/contact-us/c-icon1.png) 0 0 no-repeat;
    padding-left: 40px;
    font-size: 42px !important;
    line-height: 61px;
    color: #333 !important;
    display: inline-block;
    letter-spacing: 2.5px;
    text-shadow: none;
    margin-bottom: 15px;
}
.contact-h1 .white-text {
    position: relative;
    color: #fff !important;
}
.contact-h1:before {
    content: "";
    position: absolute;
    background: url(images/contact-us/chat-big-icon.png) 0 0 no-repeat;
    height: 70px;
    width: 105px;
    right: -6px;
    top: -7px;
}
@media all and (min-width: 1024px) {
    .contact-h1:before {
        right: 0;
        top: 0;
    }
}
.drop-p {
    font-size: 18px !important;
    line-height: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
    color: #333 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: 0;
}
@media all and (min-width: 1024px) {
    .new-contact .o-contact-us {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}
.new-contact .o-contact-us .subheading {
    font-weight: 600;
}
.new-contact .o-contact-us .office .main-img {
    position: relative;
    vertical-align: top;
    margin-bottom: 20px;
}
.new-contact .o-contact-us .office .main-img img {
    width: 100%;
}
.new-contact .o-contact-us .office .main-img h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 48px;
    color: #fff;
}
.new-contact .o-contact-us .office .main-img .location-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    margin: auto;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
}
.new-contact .o-contact-us .office .main-img .location-icon img {
    width: 16px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.new-contact .o-contact-us .office .main-img .location-icon:hover {
    background: rgba(255, 88, 0, 0.2);
}
.new-contact .o-contact-us .office ul {
    padding-bottom: 30px;
}
.new-contact .o-contact-us .office ul li {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
}
.new-contact .o-contact-us .office ul li img {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}
.new-contact .o-contact-us .office ul li .mailicon {
    width: 17px;
    padding-top: 3px;
    opacity: 0.5;
}
.new-contact .o-contact-us .office ul li span {
    display: inline-block;
    width: 88%;
}
.new-contact .o-contact-us .office ul li a {
    color: #333;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
}
.new-contact .o-contact-us .office ul li a.email {
    color: #4492dc;
}
.new-contact .o-contact-us .office ul li a:hover {
    text-decoration: underline;
}
.new-contact .o-contact-form--white-bg input#phoneNumber {
    background: url(images/common/icon-phone.png) 0 50% no-repeat;
}
.new-contact .s-f-right input#phoneNumber {
    background-image: none;
}
.new-contact .o-contact-form--white-bg input.pc-phone {
    padding-left: 40px !important;
}
.new-contact .o-contact-us-new h2 {
    text-transform: none;
    background: url(assets/images/contact-us/c-icon1.png) 0 0 no-repeat;
    padding-left: 40px;
    font-size: 42px !important;
    display: inline-block;
    padding-top: 30px;
}
.new-contact .o-contact-us-new .subheading {
    font-size: 22px;
    line-height: 38px;
    padding-top: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    padding-right: 0;
    padding-bottom: 75px;
}
@media all and (min-width: 1024px) {
    .new-contact .o-contact-us-new .subheading {
        padding-bottom: 120px;
        padding-right: 125px;
    }
}
.new-contact .o-contact-us-new .subheading strong {
    font-weight: 700;
    color: #27c070;
}
.new-contact .o-contact-us-new .o-contact-form--white-bg {
    background: url(assets/images/contact-us/dashed-line.png) 0 0 repeat-x;
    padding: 40px 0 !important;
    position: relative;
    background-color: #fff;
}
.new-contact .o-contact-us-new .o-contact-form--white-bg .form-text {
    position: relative;
    padding-bottom: 20px;
}
.new-contact .o-contact-us-new .o-contact-form--white-bg .form-text:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 1px solid #4a90e2;
    width: 200px;
    transform: translate(-50%, 0);
    width: 240px;
}
.new-contact .ywg {
    padding: 80px 0 40px;
}
.new-contact .ywg h2 {
    text-transform: uppercase;
    font-size: 40px;
}
.new-contact .ywg ul li {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 20px 55px 0;
    vertical-align: top;
    font-weight: 500;
}
@media all and (min-width: 1024px) {
    .new-contact .ywg ul li {
        width: 23%;
    }
}
.new-contact .ywg ul li img {
    float: none;
    margin: 0 auto;
    display: block;
}
.new-contact .addr-section {
    background: url(images/contact-us/pattern2.png) no-repeat 100% 105%;
}
.new-contact .contact-addr {
    padding-top: 60px;
    padding-bottom: 40px;
}
.new-contact .contact-addr h2 {
    text-transform: inherit;
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 50px;
    font-family: "Montserrat", sans-serif;
}
.new-contact .contact-addr .office {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 40px;
}
.new-contact .contact-addr .office .main-img {
    margin-bottom: 0;
}
.new-contact .contact-addr .office ul {
    padding-bottom: 10px;
    padding-top: 15px;
}
@media all and (min-width: 1024px) {
    .new-contact .contact-addr .office ul {
        min-height: 228px;
    }
}
.new-contact .contact-addr .office ul li {
    padding-left: 20px;
    font-weight: 500;
}
.new-contact .contact-addr .office .office-left {
    float: left;
    width: 100%;
}
@media all and (min-width: 1024px) {
    .new-contact .contact-addr .office .office-left {
        width: 32%;
    }
}
.new-contact .contact-addr .office .office-right {
    float: right;
    width: 100%;
    padding: 30px 20px;
}
@media all and (min-width: 1024px) {
    .new-contact .contact-addr .office .office-right {
        width: 64%;
        padding: 30px 0 0 0;
    }
}
.new-contact .contact-addr .office .office-right h4 {
    font-size: 30px;
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}
.new-contact .contact-addr .office .office-right p {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
}
.new-contact .contact-addr .office .office-right .addr {
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 27px;
    float: left;
    width: 100%;
    background: url(images/contact-us/map.png) 0 0 no-repeat;
    padding-left: 40px;
}
@media all and (min-width: 1024px) {
    .new-contact .contact-addr .office .office-right .addr {
        width: 54%;
    }
}
.new-contact .contact-addr .office .office-right .contact-new {
    float: none;
}
@media all and (min-width: 1024px) {
    .new-contact .contact-addr .office .office-right .contact-new {
        margin-right: 50px;
        float: right;
    }
}
.new-contact .contact-addr .office .office-right .contact-new ul {
    padding: 0;
}
.new-contact .contact-addr .office .office-right .contact-new ul li {
    list-style-type: none;
    padding-left: 0;
    vertical-align: top;
    font-size: 15px;
}
@media all and (min-width: 1024px) {
    .new-contact .contact-addr .office .office-right .contact-new ul li {
        font-size: 16px;
    }
}
.new-contact .blue-bg {
    background-color: #132a49;
    background-image: url(images/contact-us/pattern.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
}
.new-contact .blue-bg h2 {
    color: #fff;
    text-transform: inherit;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    margin-bottom: 60px;
}
.new-contact .blue-bg li span {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    margin-top: 25px;
    display: block;
    line-height: 24px;
}
.new-contact .office-right p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}
.new-contact .office-right p:before {
    display: none;
}
.new-contact .office h4 {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 15px;
}
.new-contact .office p {
    position: relative;
    padding-left: 35px;
    font-family: "Montserrat", sans-serif;
}
.new-contact .office p:before {
    content: "";
    background: url(images/contact-us/map.png) no-repeat 0 0;
    height: 50px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 15px;
}
.new-contact .office img {
    width: 22px;
    margin-right: 5px;
}
.new-contact .office a:hover {
    text-decoration: none;
}
.new-contact .o-contact-us-new h2 {
    padding-left: 0;
    padding-top: 0;
    position: relative;
    font-weight: 900;
    font-size: 40px;
}
.new-contact .o-contact-us-new h2:before {
    content: "";
    position: absolute;
    background: url(images/contact-us/chat-big-icon.png) 0 0 no-repeat;
    height: 70px;
    width: 105px;
    right: -6px;
    top: -7px;
}
@media all and (min-width: 1024px) {
    .new-contact .o-contact-us-new h2:before {
        right: 0;
        top: 0;
    }
}
.new-contact .o-contact-us-new h2 span {
    position: relative;
}
.new-contact .o-contact-us-new h2 .white-text {
    color: #fff;
    text-shadow: none;
}
.new-contact .o-contact-form {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: 30px;
}
@media all and (min-width: 1024px) {
    .new-contact .o-contact-form {
        margin-top: 0;
    }
}
.new-contact .o-skills-hero__background.cntct-bnr {
    display: block;
}
.new-contact .gd-compny {
    text-align: center !important;
    color: #9b9b9b !important;
    font-size: 16px !important;
    text-transform: uppercase;
}
@media all and (min-width: 1024px) {
    .new-contact .o-contact-form__contact-form {
        text-align: center;
    }
}
.new-contact .o-contact-us {
    position: relative;
    top: 52px;
}
@media all and (min-width: 1024px) {
    .new-contact .o-contact-us {
        top: 0;
    }
}
.new-contact .grp-logo {
    display: block;
    margin: 0 auto;
}
@media all and (min-width: 1024px) {
    .new-contact .grp-logo {
        display: inherit;
    }
}
/* .new-contact .o-navigation-bar #primaryNav .request-quote {
    display: none !important;
} */
.logo-group {
    position: relative;
}
.logo-group:before {
    content: "";
    position: absolute;
    background: #f9f5f5;
    height: 100%;
    width: 1px;
    left: 50%;
}
.logo-group-sub {
    display: flex;
    border-bottom: 1px solid #f9f5f5;
    align-items: center;
}
.logo-group-sub-box {
    flex: 1;
    text-align: center;
    padding: 35px 15px;
}
.logo-group .no-border {
    border-bottom: 0;
}
.o-slider--portfolio {
    z-index: 122;
    clear: both;
    padding-bottom: 50px;
    background: #fff;
}
.o-slider--portfolio h2 {
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    margin-top: 50px;
    text-transform: capitalize;
}
.o-portfolio-container {
    text-align: center;
}
.o-portfolio-container h2 {
    text-align: left;
}
.o-portfolio-container__thumbnail1 {
    overflow: hidden;
    display: inline-block;
    margin: 0px 0px -2px 0px !important;
    width: 100%;
}
@media all and (min-width: 1024px) {
    .o-portfolio-container__thumbnail1 {
        width: 360px;
    }
}
.o-portfolio-container__thumbnail {
    margin-bottom: 30px;
    overflow: hidden;
}
.o-portfolio-container__thumbnail a {
    position: relative;
}
.o-portfolio-container__thumbnail a:before {
    background: url("images/common/portfolio-hover.png") 50% 50% no-repeat;
    width: 360px;
    height: 268px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 11;
    transform: translate(-50%, -50%);
    content: "";
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in;
    -ms-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
}
.o-portfolio-container__thumbnail a:hover:before {
    opacity: 1;
}
.o-portfolio-container__thumbnail img {
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.o-portfolio-container__thumbnail img:hover {
    transform: scale(1.1);
}
@media (max-width: 767px) {
    .o-portfolio-container__thumbnail img {
        width: 100%;
    }
}
.o-portfolio-container .fade-scale {
    opacity: 0;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.o-portfolio-container .fade-scale.in {
    opacity: 1;
}
.modal-open {
    overflow: auto;
}
.c-modal-portolio {
    background: rgba(0, 0, 0, 0.61);
    position: absolute;
    right: 15px;
    left: 15px;
    bottom: 30px;
}
.c-modal-portolio .modal-content {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.188);
    border: none;
}
.c-modal-portolio .modal-content h3 {
    font-size: 35px;
    color: #333333;
    line-height: 1.1;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .c-modal-portolio .modal-content h3 {
        margin-top: 30px;
    }
}
.c-modal-portolio .modal-content p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.65;
}
.c-modal-portolio .modal-content .btn {
    border: 1px solid #fd5900;
    padding: 13px 25px;
    border-radius: 30px;
    color: #333333;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
}
.c-modal-portolio .modal-content .btn:hover {
    background-color: #fd5900;
    color: #fff;
}
.c-modal-portolio .modal-body {
    height: 442px;
}
.c-modal-portolio .modal-body a {
    background-color: transparent !important;
    color: #337ab7 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 16px !important;
    line-height: inherit !important;
    font-weight: 500 !important;
    text-transform: none !important;
    text-decoration: underline !important;
}
.c-modal-portolio .modal-body a:hover {
    text-decoration: none !important;
}
.c-modal-portolio .btn-prev,
.c-modal-portolio .btn-next {
    width: 48px;
    height: 49px;
    text-indent: -9999px;
}
.c-modal-portolio .btn-prev {
    background: url("images/common/modal-left-arrow.png") no-repeat;
}
.c-modal-portolio .btn-prev:hover {
    background: url("images/common/modal-left-arrow-hover.png") no-repeat;
}
.c-modal-portolio .btn-next {
    background: url("images/common/modal-right-arrow.png") no-repeat;
}
.c-modal-portolio .btn-next:hover {
    background: url("images/common/modal-right-arrow-hover.png") no-repeat;
}
.c-modal-portolio .modal-header,
.c-modal-portolio .modal-footer {
    border: none;
}
.c-modal-portolio .modal-footer {
    text-align: center;
    background: #f7f6f6;
    border-radius: 6px;
}
@media (min-width: 1110px) {
    .c-modal-portolio .modal-lg {
        width: 1080px;
    }
}
.c-modal-portolio .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    font-size: 24px;
    color: #a29f9f;
    cursor: pointer;
    z-index: 999;
    background: url("images/common/crose.png") no-repeat;
    opacity: 1;
}
@media all and (max-width: 767px) {
    .reasons-capital .row.reasons-capital.margin-top-30 {
        margin-top: 0;
    }
}
.reasons-capital__blocks {
    position: relative;
    padding: 80px 15px 0 15px;
}
@media all and (min-width: 768px) {
    .reasons-capital__blocks {
        padding: 0 40px 0 95px;
    }
}
.reasons-capital__blocks div:before {
    content: "";
    position: absolute;
    left: 15px;
    background-image: url("images/common/common-sprite.png");
    width: 70px;
    height: 70px;
    right: 15px;
    margin: 0 auto;
    top: 0;
}
@media all and (min-width: 1024px) {
    .reasons-capital__blocks div:before {
        content: "";
        position: absolute;
        left: 0;
        background-image: url("images/common/common-sprite.png");
        width: 70px;
        height: 70px;
        right: inherit;
        margin: 0;
        top: inherit;
    }
}
.reasons-capital__blocks__choose-01:before {
    content: "";
    background-position: -112px -200px;
}
.reasons-capital__blocks__choose-02:before {
    content: "";
    background-position: -200px -200px;
}
.reasons-capital__blocks__choose-03:before {
    content: "";
    background-position: -272px -200px;
}
.reasons-capital__blocks__choose-04:before {
    content: "";
    background-position: -112px -270px;
}
.reasons-capital__blocks__choose-05:before {
    content: "";
    background-position: -200px -270px;
}
.reasons-capital__blocks__choose-06:before {
    content: "";
    background-position: -272px -270px;
}
.reasons-capital__blocks p {
    font-size: 19px !important;
    text-align: left;
    line-height: 30px;
    font-weight: 500;
}
.reasons-capital__blocks p strong {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
    display: block;
}
@media all and (max-width: 767px) {
    .reasons-capital__blocks p strong {
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .reasons-capital__blocks p {
        font-size: 16px !important;
        line-height: 23px;
        text-align: center;
        margin-bottom: 25px;
    }
}
.o-engagement-model {
    position: relative;
    background-color: #c8c7cc;
}
.o-engagement-model .container {
    position: relative;
    z-index: 5;
}
.o-engagement-model header {
    text-align: center;
    color: #fff;
}
.o-engagement-model header h2 {
    color: inherit;
    margin: 0 0 40px;
    text-transform: capitalize;
}
.o-engagement-model__panel--leftnew {
    width: 100%;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--leftnew {
        width: 49%;
        float: left;
    }
}
.o-engagement-model__panel--leftnew img {
    margin: 0 auto;
}
.o-engagement-model__panel--leftnew .most-popular {
    position: absolute;
    height: auto;
    width: 90px;
    top: -6px;
    left: -6px;
    background: url("images/common/most-popular-green.png") no-repeat 0 0;
    background-size: cover;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--leftnew .most-popular {
        position: absolute;
        height: 151px;
        width: 152px;
        top: -10px;
        left: -10px;
    }
}
.o-engagement-model__panel--leftnew .price-text {
    text-align: center;
    position: relative;
    padding-top: 20px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
    font-size: 16px;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--leftnew .price-text {
        padding-bottom: 20px;
    }
}
.o-engagement-model__panel--leftnew .price-text span {
    font-size: 32px;
    color: #ff5800;
    display: block;
    text-transform: none;
    padding-top: 15px;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--leftnew .price-text span {
        font-size: 48px;
        padding-top: 25px;
    }
}
.o-engagement-model__panel--leftnew .price-text span strong {
    font-size: 26px;
}
.o-engagement-model__panel--leftnew .font-family-mot {
    font-size: 18px;
}
@media all and (max-width: 767px) {
    .o-engagement-model__panel--leftnew .font-family-mot {
        font-size: 16px;
        line-height: 23px;
    }
}
.o-engagement-model__panel--leftnew a {
    background-color: transparent !important;
    color: #337ab7 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 500 !important;
    text-transform: none !important;
    text-decoration: underline !important;
}
.o-engagement-model__panel--leftnew ul li {
    font-weight: 500;
    margin-bottom: 10px;
}
.o-engagement-model__panel--rightnew {
    width: 100%;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--rightnew {
        width: 49%;
        float: right;
    }
}
.o-engagement-model__panel--rightnew img {
    margin: 0 auto;
}
.o-engagement-model__panel--rightnew .price-text {
    text-align: center;
    position: relative;
    padding-top: 20px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
    font-size: 16px;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--rightnew .price-text {
        padding-bottom: 20px;
    }
}
.o-engagement-model__panel--rightnew .price-text span {
    font-size: 32px;
    color: #ff5800;
    display: block;
    text-transform: none;
    padding-top: 15px;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__panel--rightnew .price-text span {
        font-size: 48px;
        padding-top: 25px;
    }
}
.o-engagement-model__panel--rightnew .price-text span strong {
    font-size: 26px;
}
.o-engagement-model__panel--rightnew .font-family-mot {
    font-size: 18px;
}
@media all and (max-width: 767px) {
    .o-engagement-model__panel--rightnew .font-family-mot {
        font-size: 16px;
        line-height: 23px;
    }
}
.o-engagement-model__panel--rightnew a {
    background-color: transparent !important;
    color: #337ab7 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 500 !important;
    text-transform: none !important;
    text-decoration: underline !important;
}
.o-engagement-model__panel--rightnew ul li {
    font-weight: 500;
    margin-bottom: 10px;
}
.o-engagement-model__cards {
    background: #fff;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    padding: 35px 22px;
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 30px;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards {
        padding: 50px 30px 30px;
        min-height: 435px;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model__cards {
        padding: 30px 15px 15px;
    }
}
.o-engagement-model__cards__top {
    position: relative;
    display: table;
    width: 100%;
    margin: 0;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__top:before {
        content: "";
        background: url(images/common/common-sprite.png);
        position: absolute;
        width: 50px;
        height: 52px;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        z-index: 0;
    }
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__top {
        margin: 0 0 20px;
        padding-top: 50px;
    }
}
.o-engagement-model__cards__top__inner {
    display: block;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__top__inner {
        padding-top: 70px;
        display: table-row;
    }
}
.o-engagement-model__cards__top__inner > div {
    display: table-cell;
    vertical-align: middle;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__top__inner h3 {
        margin: 25px 0 0 0;
        text-align: center;
        padding: 0;
        font-size: 32px;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model__cards__top__inner h3 {
        font-size: 22px !important;
        line-height: 30px;
    }
}
.o-engagement-model__cards__top__inner img {
    display: none;
    max-width: 100%;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__top__inner img {
        display: block;
    }
}
.o-engagement-model__cards__top__inner__left {
    width: 73px;
    padding-right: 15px;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__top__inner__left {
        width: 130px;
        padding-right: 0;
    }
}
.o-engagement-model__cards__top__inner__left img {
    display: inline-block;
    max-width: 100%;
}
.o-engagement-model__cards__top__inner__right {
    padding: 0 40px 0 0;
}
@media all and (min-width: 480px) {
    .o-engagement-model__cards__top__inner__right {
        padding: 0 63px 0 0;
    }
}
.o-engagement-model__cards__top__inner__right h3 {
    margin: 0px;
    font-size: 19px;
    line-height: 23px;
}
@media all and (min-width: 480px) {
    .o-engagement-model__cards__top__inner__right h3 {
        font-size: 28px;
        line-height: 34px;
    }
}
.o-engagement-model__cards__01:before {
    content: "";
    background-position: 0px -200px;
}
.o-engagement-model__cards__02:before {
    content: "";
    background-position: -61px -200px;
}
.o-engagement-model__cards__bottom {
    margin-bottom: 25px;
    padding-top: 25px;
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__bottom {
        padding-top: 0;
        position: relative;
        padding-bottom: 60px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model__cards__bottom {
        padding-top: 0;
    }
}
@media all and (min-width: 1024px) {
    .o-engagement-model__cards__bottom__button {
        text-align: left;
        position: absolute;
        bottom: 0;
    }
}
.o-engagement-model__cards ul li.special-list {
    display: none;
}
.o-engagement-model__cards ul li.special-list a {
    font-weight: 500;
}
.o-skills-benefits .row .col {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
@media all and (min-width: 1024px) {
    .o-skills-benefits .row .col {
        width: 49%;
    }
}
.o-skills-benefits__contentholder {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    display: block;
    vertical-align: top;
    padding: 18px;
    position: relative;
    min-height: 100%;
}
@media all and (min-width: 768px) {
    .o-skills-benefits__contentholder {
        display: inline-block;
        min-height: 100%;
    }
}
@media all and (min-width: 1024px) {
    .o-skills-benefits__contentholder {
        display: inline-block;
        min-height: 440px;
        padding: 150px 50px 25px;
    }
}
.o-skills-benefits__contentholder h4 {
    color: #333;
    font-weight: 600;
    padding: 0 0 25px 0;
    position: relative;
}
.o-skills-benefits__contentholder h3 {
    color: #333;
    font-weight: 600;
    padding: 0 0 25px 0;
    position: relative;
}
.o-skills-benefits__contentholder p {
    font-size: 16px;
    line-height: 25px;
}
@media all and (min-width: 1024px) {
    .o-skills-benefits__contentholder p {
        font-size: 19px;
        line-height: 32px;
    }
}
@media all and (min-width: 1024px) {
    .o-skills-benefits__contentholder .content-panel:before {
        content: "";
        position: absolute;
        width: 76px;
        height: 72px;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(images/common/common-sprite.png);
    }
}
.o-skills-benefits__contentholder__partners-01:before {
    content: "";
    background-position: 0 -120px;
}
.o-skills-benefits__contentholder__partners-02:before {
    content: "";
    background-position: -86px -120px;
}
.o-skills-benefits__contentholder__partners-03:before {
    content: "";
    background-position: -172px -120px;
}
.o-skills-benefits__contentholder__partners-04:before {
    content: "";
    background-position: -258px -120px;
}
.o-skills-benefits .bottom_pattern {
    padding: 40px 0;
    background-size: 50%;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-skills-benefits .bottom_pattern {
        padding: 80px 0 100px;
    }
}
.o-skills-benefits h5 {
    color: #fff;
    font-weight: 300;
    margin-bottom: 60px;
    font-size: 20px;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    .o-skills-benefits h5 {
        font-size: 28px;
        line-height: 40px;
    }
}
.o-skills-benefits--social h5 {
    font-size: 24px;
    line-height: 40px;
}
.o-industrial-experience {
    text-align: center;
}
.o-industrial-experience h2 {
    color: #333;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.o-industrial-experience p.subheading {
    font-size: 22px;
    line-height: 30px;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 1024px) {
    .o-industrial-experience p.subheading {
        font-size: 30px;
        line-height: 36px;
    }
}
.o-industrial-experience__listed-items {
    margin-top: 30px;
    margin-bottom: 30px;
}
.o-industrial-experience__listed-items ul li {
    width: 100%;
    display: inline-block;
    padding: 15px;
    vertical-align: top;
    position: relative;
    padding-top: 50px;
    margin-bottom: 35px;
}
@media all and (min-width: 768px) {
    .o-industrial-experience__listed-items ul li {
        width: 24%;
    }
}
.o-industrial-experience__listed-items ul li:before {
    content: "";
    background-image: url(images/common/common-sprite.png);
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.o-industrial-experience__listed-items ul li:first-child:before {
    content: "";
    background-position: 0px 0;
}
.o-industrial-experience__listed-items ul li:nth-child(2):before {
    content: "";
    background-position: -60px 0;
}
.o-industrial-experience__listed-items ul li:nth-child(3):before {
    content: "";
    background-position: -120px 0;
}
.o-industrial-experience__listed-items ul li:nth-child(4):before {
    content: "";
    background-position: -180px 0;
}
.o-industrial-experience__listed-items ul li:nth-child(5):before {
    content: "";
    background-position: -240px 0;
}
.o-industrial-experience__listed-items ul li:nth-child(6):before {
    content: "";
    background-position: -300px 0;
}
.o-industrial-experience__listed-items ul li:nth-child(7):before {
    content: "";
    background-position: 0px -60px;
}
.o-industrial-experience__listed-items ul li:nth-child(8):before {
    content: "";
    background-position: -60px -60px;
}
.o-industrial-experience__listed-items ul li:nth-child(9):before {
    content: "";
    background-position: -120px -60px;
}
.o-industrial-experience__listed-items ul li:nth-child(10):before {
    content: "";
    background-position: -180px -60px;
}
.o-industrial-experience__listed-items ul li:nth-child(11):before {
    content: "";
    background-position: -240px -60px;
}
.o-industrial-experience__listed-items ul li:nth-child(12):before {
    content: "";
    background-position: -300px -60px;
}
.o-industrial-experience__listed-items ul li img {
    margin-bottom: 20px;
}
.o-industrial-experience__listed-items ul li p {
    font-size: 19px;
    color: #333;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.o-industrial-experience__listed-items1 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.o-industrial-experience__listed-items1 ul.list1 {
    margin-bottom: 40px;
}
.o-industrial-experience__listed-items1 ul.list1 li {
    width: 100%;
    display: inline-block;
    padding: 100px 15px 15px 15px;
    vertical-align: top;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 175px;
}
@media all and (min-width: 768px) {
    .o-industrial-experience__listed-items1 ul.list1 li {
        width: 32%;
    }
}
.o-industrial-experience__listed-items1 ul.list1 li:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 63px;
    height: 63px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.o-industrial-experience__listed-items1 ul.list1 li:first-child:before {
    content: "";
    background: url(images/java-developer/java-industry-icon1.png) no-repeat 0 0 !important;
    background-size: 100%;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(2):before {
    content: "";
    background: url(images/java-developer/java-industry-icon2.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(3):before {
    content: "";
    background: url(images/java-developer/java-industry-icon3.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(4):before {
    content: "";
    background: url(images/java-developer/java-industry-icon4.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(5):before {
    content: "";
    background: url(images/java-developer/java-industry-icon5.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(6):before {
    content: "";
    background: url(images/java-developer/java-industry-icon6.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(7):before {
    content: "";
    background: url(images/java-developer/java-industry-icon7.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(8):before {
    content: "";
    background: url(images/java-developer/java-industry-icon8.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list1 li:nth-child(9):before {
    content: "";
    background: url(images/java-developer/java-industry-icon9.png) no-repeat 0 0 !important;
    background-size: 100%;
}
.o-industrial-experience__listed-items1 ul.list1 li img {
    margin-bottom: 20px;
}
.o-industrial-experience__listed-items1 ul.list1 li p {
    font-size: 19px;
    color: #333;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.o-industrial-experience__listed-items1 ul.list2 {
    margin-bottom: 40px;
}
.o-industrial-experience__listed-items1 ul.list2 li {
    width: 100%;
    display: inline-block;
    padding: 100px 15px 15px 15px;
    vertical-align: top;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 175px;
}
@media all and (min-width: 768px) {
    .o-industrial-experience__listed-items1 ul.list2 li {
        width: 32%;
    }
}
.o-industrial-experience__listed-items1 ul.list2 li:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 63px;
    height: 63px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.o-industrial-experience__listed-items1 ul.list2 li:first-child:before {
    content: "";
    background: url(images/java-developer/java-industry-icon7.png) no-repeat 0 0 !important;
    background-size: 100%;
}
.o-industrial-experience__listed-items1 ul.list2 li:nth-child(2):before {
    content: "";
    background: url(images/java-developer/java-industry-icon8.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list2 li:nth-child(3):before {
    content: "";
    background: url(images/java-developer/java-industry-icon9.png) no-repeat 0 0 !important;
    background-size: 100% !important;
}
.o-industrial-experience__listed-items1 ul.list2 li img {
    margin-bottom: 20px;
}
.o-industrial-experience__listed-items1 ul.list2 li p {
    font-size: 19px;
    color: #333;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.o-industrial-experience__listed-items1 ul.list1 li.no-right-border,
.o-industrial-experience__listed-items1 ul.list2 li.no-right-border {
    border-right: 0 !important;
}
.o-industrial-experience__listed-items1 ul.list1 li.no-bot-border,
.o-industrial-experience__listed-items1 ul.list2 li.no-bot-border {
    border-bottom: 0 !important;
}
.why-us-outer-blocks {
    text-align: left;
    position: relative;
}
@media all and (max-width: 767px) {
    .why-us-outer-blocks {
        text-align: center;
    }
}
.why-us-outer-blocks figure {
    position: absolute;
    left: 18px;
    top: 5px;
}
.why-us-outer-blocks figure:before {
    display: none;
}
.why-us-outer-blocks__why-us-blocks {
    position: relative;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__why-us-blocks {
        padding-left: 90px;
    }
}
.why-us-outer-blocks__why-us-blocks h3 {
    margin-bottom: 10px;
    line-height: 26px;
    font-size: 24px;
}
.why-us-outer-blocks__why-us-blocks h5 {
    margin-bottom: 10px;
    line-height: 26px;
}
.why-us-outer-blocks__why-us-blocks p {
    font-size: 19px;
    line-height: 32px;
    font-family: "Source Serif Pro", serif;
}
@media all and (max-width: 767px) {
    .why-us-outer-blocks__why-us-blocks p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__why-us-blocks:before {
        content: "";
        position: absolute;
        left: 0px;
        width: 80px;
        height: 75px;
    }
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__django-blocks:before {
        background-image: url("images/django/django-sprite.png");
    }
}
.why-us-outer-blocks__django-why-01:before {
    background-position: -335px 0;
}
.why-us-outer-blocks__django-why-02:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__django-why-03:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__django-why-04:before {
    background-position: -170px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__ios-blocks:before {
        background-image: url("images/ios/ios-sprite.png");
    }
}
.why-us-outer-blocks__ios-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__ios-why-02:before {
    background-position: -73px 0;
}
.why-us-outer-blocks__ios-why-03:before {
    background-position: -151px 0;
}
.why-us-outer-blocks__ios-why-04:before {
    background-position: -229px 0;
}
.why-us-outer-blocks__ios-why-05:before {
    background-position: -302px 0;
}
.why-us-outer-blocks__ios-why-06:before {
    background-position: -378px -75px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__android-blocks:before {
        background-image: url("images/android/android-sprite.png");
        width: 75px;
        height: 67px;
    }
}
.why-us-outer-blocks__android-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__android-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__android-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__android-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__android-why-05:before {
    background-position: 0 -77px;
}
.why-us-outer-blocks__android-why-06:before {
    background-position: -86px -77px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__flutter-blocks:before {
        background-image: url("images/flutter/flutter-sprite.png");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__flutter-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__flutter-why-02:before {
    background-position: -74px 0;
}
.why-us-outer-blocks__flutter-why-03:before {
    background-position: -149px 0;
}
.why-us-outer-blocks__flutter-why-04:before {
    background-position: -224px 0;
}
.why-us-outer-blocks__flutter-why-05:before {
    background-position: -297px 0;
}
.why-us-outer-blocks__flutter-why-06:before {
    background-position: 0 -75px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__swift-blocks:before {
        background-image: url("images/swift/swift-sprite.png");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__swift-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__swift-why-02:before {
    background-position: -66px 0;
}
.why-us-outer-blocks__swift-why-03:before {
    background-position: -149px 0;
}
.why-us-outer-blocks__swift-why-04:before {
    background-position: -222px 0;
}
.why-us-outer-blocks__swift-why-05:before {
    background-position: -296px 0;
}
.why-us-outer-blocks__swift-why-06:before {
    background-position: -370px -75px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__ionic-blocks:before {
        background-image: url("images/ionic/ionic-sprite.png");
        height: 64px;
        width: 72px;
    }
}
.why-us-outer-blocks__ionic-why-01:before {
    background-position: -166px -73px;
}
.why-us-outer-blocks__ionic-why-02:before {
    background-position: -247px -74px;
}
.why-us-outer-blocks__ionic-why-03:before {
    background-position: -330px -74px;
}
.why-us-outer-blocks__ionic-why-04:before {
    background-position: 0 -148px;
}
.why-us-outer-blocks__ionic-why-05:before {
    background-position: -84px -148px;
}
.why-us-outer-blocks__ionic-why-06:before {
    background-position: -167px -148px;
}
.why-us-outer-blocks__ionic-why-07:before {
    background-position: -248px -147px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__flask-blocks:before {
        background-image: url("images/flask/flask-sprite.png");
        width: 72px;
        height: 67px;
    }
}
.why-us-outer-blocks__flask-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__flask-why-02:before {
    background-position: -82px 0;
}
.why-us-outer-blocks__flask-why-03:before {
    background-position: -164px 0;
}
.why-us-outer-blocks__flask-why-04:before {
    background-position: -247px 0;
}
.why-us-outer-blocks__flask-why-05:before {
    background-position: -328px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__reactn-blocks:before {
        background-image: url("images/react-native/react-native-sprite.png");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__reactn-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__reactn-why-02:before {
    background-position: -74px 0;
}
.why-us-outer-blocks__reactn-why-03:before {
    background-position: -148px 0;
}
.why-us-outer-blocks__reactn-why-04:before {
    background-position: -222px 0;
}
.why-us-outer-blocks__reactn-why-05:before {
    background-position: -297px 0;
}
.why-us-outer-blocks__reactn-why-06:before {
    background-position: 0 -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__php-blocks:before {
        background-image: url("images/php/php-sprite.png");
    }
}
.why-us-outer-blocks__php-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__php-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__php-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__php-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__php-why-05:before {
    background-position: -340px 0;
}
.why-us-outer-blocks__php-why-06:before {
    background-position: -430px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__codeigniter-blocks:before {
        background-image: url("images/codeigniter/codeigniter-sprite.png");
    }
}
.why-us-outer-blocks__codeigniter-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__codeigniter-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__codeigniter-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__codeigniter-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__codeigniter-why-05:before {
    background-position: -335px 0;
}
.why-us-outer-blocks__codeigniter-why-06:before {
    background-position: -425px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__laravel-blocks:before {
        background-image: url("images/laravel/laravel-sprite.png");
    }
}
.why-us-outer-blocks__laravel-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__laravel-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__laravel-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__laravel-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__laravel-why-05:before {
    background-position: -335px 0;
}
.why-us-outer-blocks__laravel-why-06:before {
    background-position: -425px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__symfony-blocks:before {
        background-image: url("images/symfony/symfony-sprite.png");
    }
}
.why-us-outer-blocks__symfony-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__symfony-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__symfony-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__symfony-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__symfony-why-05:before {
    background-position: -335px 0;
}
.why-us-outer-blocks__symfony-why-06:before {
    background-position: -425px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__yii-blocks:before {
        background-image: url("images/yii/yii-sprite.png");
    }
}
.why-us-outer-blocks__yii-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__yii-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__yii-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__yii-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__yii-why-05:before {
    background-position: -335px 0;
}
.why-us-outer-blocks__yii-why-06:before {
    background-position: -425px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__zend-blocks:before {
        background-image: url("images/zend/zend-sprite.png");
    }
}
.why-us-outer-blocks__zend-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__zend-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__zend-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__zend-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__zend-why-05:before {
    background-position: -335px 0;
}
.why-us-outer-blocks__zend-why-06:before {
    background-position: -425px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__rshiny-blocks:before {
        background-image: url("images/rshiny/rshiny-sprite.png");
    }
}
.why-us-outer-blocks__rshiny-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__rshiny-why-02:before {
    background-position: -90px 0;
}
.why-us-outer-blocks__rshiny-why-03:before {
    background-position: -180px 0;
}
.why-us-outer-blocks__rshiny-why-04:before {
    background-position: -270px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__react-blocks:before {
        background-image: url("images/react/react-sprite.png");
    }
}
.why-us-outer-blocks__react-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__react-why-02:before {
    background-position: -85px 0;
}
.why-us-outer-blocks__react-why-03:before {
    background-position: -170px 0;
}
.why-us-outer-blocks__react-why-04:before {
    background-position: -255px 0;
}
.why-us-outer-blocks__react-why-05:before {
    background-position: -335px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__cake-php-blocks:before {
        background-image: url("images/cake-php/cake-sprite.png");
    }
}
.why-us-outer-blocks__cake-php-why-01:before {
    background-position: 0px 0;
}
.why-us-outer-blocks__cake-php-why-02:before {
    background-position: -90px 0;
}
.why-us-outer-blocks__cake-php-why-03:before {
    background-position: -180px 0;
}
.why-us-outer-blocks__cake-php-why-04:before {
    background-position: -270px 0;
}
.why-us-outer-blocks__cake-php-why-05:before {
    background-position: -360px 0;
}
.why-us-outer-blocks__cake-php-why-06:before {
    background-position: -450px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__python-blocks:before {
        background-image: url("images/python/python-sprite.png");
        width: 63px;
        height: 63px;
    }
}
.why-us-outer-blocks__python-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__python-why-02:before {
    background-position: -73px 0;
}
.why-us-outer-blocks__python-why-03:before {
    background-position: -145px 0;
}
.why-us-outer-blocks__python-why-04:before {
    background-position: -218px 0;
}
.why-us-outer-blocks__python-why-05:before {
    background-position: -290px 0;
}
.why-us-outer-blocks__python-why-06:before {
    background-position: -363px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__wordpress-blocks:before {
        background-image: url("images/wordpress/wordpress-sprite.png");
        width: 64px;
        height: 63px;
    }
}
.why-us-outer-blocks__wordpress-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__wordpress-why-02:before {
    background-position: -75px 0;
}
.why-us-outer-blocks__wordpress-why-03:before {
    background-position: -150px 0;
}
.why-us-outer-blocks__wordpress-why-04:before {
    background-position: -225px 0;
}
.why-us-outer-blocks__wordpress-why-05:before {
    background-position: -300px 0;
}
.why-us-outer-blocks__wordpress-why-06:before {
    background-position: -375px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__woocommerce-blocks:before {
        background-image: url("images/woocommerce/woocommerce-sprite.png");
        width: 70px;
        height: 63px;
    }
}
.why-us-outer-blocks__woocommerce-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__woocommerce-why-02:before {
    background-position: -80px 0;
}
.why-us-outer-blocks__woocommerce-why-03:before {
    background-position: -161px 0;
}
.why-us-outer-blocks__woocommerce-why-04:before {
    background-position: -242px 0;
}
.why-us-outer-blocks__woocommerce-why-05:before {
    background-position: -322px 0;
}
.why-us-outer-blocks__woocommerce-why-06:before {
    background-position: -402px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__magento-blocks:before {
        background-image: url("images/magento/magento-sprite.png");
        width: 76px;
        height: 63px;
    }
}
.why-us-outer-blocks__magento-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__magento-why-02:before {
    background-position: -86px 0;
}
.why-us-outer-blocks__magento-why-03:before {
    background-position: -172px 0;
}
.why-us-outer-blocks__magento-why-04:before {
    background-position: -256px 0;
}
.why-us-outer-blocks__magento-why-05:before {
    background-position: -344px 0;
}
.why-us-outer-blocks__magento-why-06:before {
    background-position: -431px 0;
}
.why-us-outer-blocks__magento-why-07:before {
    background-position: -517px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__joomla-blocks:before {
        background-image: url("images/joomla/joomla-sprite.png");
        width: 65px;
        height: 64px;
    }
}
.why-us-outer-blocks__joomla-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__joomla-why-02:before {
    background-position: -75px 0;
}
.why-us-outer-blocks__joomla-why-03:before {
    background-position: -150px 0;
}
.why-us-outer-blocks__joomla-why-04:before {
    background-position: -225px 0;
}
.why-us-outer-blocks__joomla-why-05:before {
    background-position: -300px 0;
}
.why-us-outer-blocks__joomla-why-06:before {
    background-position: -375px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__drupal-blocks:before {
        background-image: url("images/drupal/drupal-sprite.png");
        width: 64px;
        height: 63px;
    }
}
.why-us-outer-blocks__drupal-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__drupal-why-02:before {
    background-position: -74px 0;
}
.why-us-outer-blocks__drupal-why-03:before {
    background-position: -148px 0;
}
.why-us-outer-blocks__drupal-why-04:before {
    background-position: -222px 0;
}
.why-us-outer-blocks__drupal-why-05:before {
    background-position: -296px 0;
}
.why-us-outer-blocks__drupal-why-06:before {
    background-position: -370px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__shopify-blocks:before {
        background-image: url("images/shopify/shopify-sprite.png");
        width: 83px;
        height: 71px;
    }
}
.why-us-outer-blocks__shopify-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__shopify-why-02:before {
    background-position: -93px 0;
}
.why-us-outer-blocks__shopify-why-03:before {
    background-position: -187px 0;
}
.why-us-outer-blocks__shopify-why-04:before {
    background-position: -281px 0;
}
.why-us-outer-blocks__shopify-why-05:before {
    background-position: -375px 0;
}
.why-us-outer-blocks__shopify-why-06:before {
    background-position: -463px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__web-developer-blocks:before {
        background-image: url("images/web-developer/shopify-sprite.png");
        width: 83px;
        height: 71px;
    }
}
.why-us-outer-blocks__web-developer-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__web-developer-why-02:before {
    background-position: -93px 0;
}
.why-us-outer-blocks__web-developer-why-03:before {
    background-position: -187px 0;
}
.why-us-outer-blocks__web-developer-why-04:before {
    background-position: -281px 0;
}
.why-us-outer-blocks__web-developer-why-05:before {
    background-position: -375px 0;
}
.why-us-outer-blocks__web-developer-why-06:before {
    background-position: -463px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__full-stack-developer-blocks:before {
        background-image: url("images/web-developer/shopify-sprite.png");
        width: 83px;
        height: 71px;
    }
}
.why-us-outer-blocks__full-stack-developer-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__full-stack-developer-why-02:before {
    background-position: -93px 0;
}
.why-us-outer-blocks__full-stack-developer-why-03:before {
    background-position: -187px 0;
}
.why-us-outer-blocks__full-stack-developer-why-04:before {
    background-position: -281px 0;
}
.why-us-outer-blocks__full-stack-developer-why-05:before {
    background-position: -375px 0;
}
.why-us-outer-blocks__full-stack-developer-why-06:before {
    background-position: -463px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__vuejs-blocks:before {
        background-image: url("images/vue/vuejs-sprite.png");
        width: 79px;
        height: 63px;
    }
}
.why-us-outer-blocks__vuejs-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__vuejs-why-02:before {
    background-position: -89px 0;
}
.why-us-outer-blocks__vuejs-why-03:before {
    background-position: -178px 0;
}
.why-us-outer-blocks__vuejs-why-04:before {
    background-position: -267px 0;
}
.why-us-outer-blocks__vuejs-why-05:before {
    background-position: -356px 0;
}
.why-us-outer-blocks__vuejs-why-06:before {
    background-position: 0px -73px;
}
.why-us-outer-blocks__vuejs-why-07:before {
    background-position: -89px -73px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__meanstackjs-blocks:before {
        background-image: url("images/mean/meanstackjs-sprite.png");
        width: 63px;
        height: 63px;
    }
}
.why-us-outer-blocks__meanstackjs-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__meanstackjs-why-02:before {
    background-position: -73px 0;
}
.why-us-outer-blocks__meanstackjs-why-03:before {
    background-position: -147px 0;
}
.why-us-outer-blocks__meanstackjs-why-04:before {
    background-position: -220px 0;
}
.why-us-outer-blocks__meanstackjs-why-05:before {
    background-position: -293px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__mernstackjs-blocks:before {
        background-image: url("images/mern/mernstackjs-sprite.png");
        width: 63px;
        height: 63px;
    }
}
.why-us-outer-blocks__mernstackjs-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__mernstackjs-why-02:before {
    background-position: -73px 0;
}
.why-us-outer-blocks__mernstackjs-why-03:before {
    background-position: -146px 0;
}
.why-us-outer-blocks__mernstackjs-why-04:before {
    background-position: -219px 0;
}
.why-us-outer-blocks__mernstackjs-why-05:before {
    background-position: -292px 0;
}
.why-us-outer-blocks__mernstackjs-why-06:before {
    background-position: -365px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__angularjs-blocks:before {
        background-image: url("images/angular/angularjs-sprite.png");
        width: 67px;
        height: 63px;
    }
}
.why-us-outer-blocks__angularjs-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__angularjs-why-02:before {
    background-position: -73px 0;
}
.why-us-outer-blocks__angularjs-why-03:before {
    background-position: -146px 0;
}
.why-us-outer-blocks__angularjs-why-04:before {
    background-position: -219px 0;
}
.why-us-outer-blocks__angularjs-why-05:before {
    background-position: -292px 0;
}
.why-us-outer-blocks__angularjs-why-06:before {
    background-position: -365px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__nodejs-blocks:before {
        background-image: url("images/node/nodejs-sprite.png");
        width: 63px;
        height: 60px;
    }
}
.why-us-outer-blocks__nodejs-why-01:before {
    background-position: 0 0;
}
.why-us-outer-blocks__nodejs-why-02:before {
    background-position: -73px 0;
}
.why-us-outer-blocks__nodejs-why-03:before {
    background-position: -146px 0;
}
.why-us-outer-blocks__nodejs-why-04:before {
    background-position: -219px 0;
}
.why-us-outer-blocks__nodejs-why-05:before {
    background-position: -292px 0;
}
.why-us-outer-blocks__nodejs-why-06:before {
    background-position: -365px 0;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__ror-blocks:before {
        background-image: url("images/ror/ror-sprite.png");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__ror-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__ror-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__ror-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__ror-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__ror-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__ror-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__ecommerce-developer-blocks:before {
        background-image: url("images/ecommerce-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__ecommerce-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__ecommerce-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__ecommerce-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__ecommerce-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__ecommerce-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__ecommerce-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__cms-developer-blocks:before {
        background-image: url("images/cms-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__cms-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__cms-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__cms-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__cms-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__cms-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__cms-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__software-developer-blocks:before {
        background-image: url("images/software-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__software-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__software-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__software-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__software-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__software-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__software-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__javascript-developer-blocks:before {
        background-image: url("images/javascript-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__javascript-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__javascript-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__javascript-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__javascript-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__javascript-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__javascript-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__amp-developer-blocks:before {
        background-image: url("images/amp-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__amp-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__amp-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__amp-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__amp-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__amp-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__amp-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__vaadin-developer-blocks:before {
        background-image: url("images/vaadin-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__vaadin-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__vaadin-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__vaadin-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__vaadin-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__vaadin-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__vaadin-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__frontent-developer-blocks:before {
        background-image: url("images/frontent-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__frontent-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__frontent-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__frontent-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__frontent-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__frontent-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__frontent-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__kotlin-developer-blocks:before {
        background-image: url("images/kotlin-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__kotlin-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__kotlin-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__kotlin-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__kotlin-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__kotlin-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__kotlin-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__objective-c-blocks:before {
        background-image: url("images/objective-c/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__objective-c-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__objective-c-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__objective-c-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__objective-c-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__objective-c-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__objective-c-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__augmented-reality-blocks:before {
        background-image: url("images/augmented-reality/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__augmented-reality-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__augmented-reality-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__augmented-reality-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__augmented-reality-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__augmented-reality-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__augmented-reality-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__iot-developer-blocks:before {
        background-image: url("images/iot-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__iot-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__iot-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__iot-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__iot-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__iot-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__iot-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__app-developer-blocks:before {
        background-image: url("images/app-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__app-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__app-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__app-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__app-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__app-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__app-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__wearable-developer-blocks:before {
        background-image: url("images/wearable-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__wearable-developer-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__wearable-developer-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__wearable-developer-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__wearable-developer-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__wearable-developer-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__wearable-developer-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__blockchain-blocks:before {
        background-image: url("images/blockchain/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__blockchain-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__blockchain-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__blockchain-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__blockchain-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__blockchain-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__blockchain-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__machine-learning-blocks:before {
        background-image: url("images/machine-learning/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__machine-learning-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__machine-learning-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__machine-learning-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__machine-learning-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__machine-learning-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__machine-learning-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__chatbot-blocks:before {
        background-image: url("images/chatbot/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__chatbot-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__chatbot-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__chatbot-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__chatbot-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__chatbot-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__chatbot-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__tensorflow-blocks:before {
        background-image: url("images/tensorflow/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__tensorflow-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__tensorflow-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__tensorflow-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__tensorflow-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__tensorflow-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__tensorflow-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__ethereum-blocks:before {
        background-image: url("images/ethereum/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__ethereum-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__ethereum-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__ethereum-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__ethereum-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__ethereum-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__ethereum-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__hyperledger-blocks:before {
        background-image: url("images/hyperledger/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__hyperledger-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__hyperledger-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__hyperledger-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__hyperledger-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__hyperledger-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__hyperledger-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__smart-contract-blocks:before {
        background-image: url("images/smart-contract/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__smart-contract-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__smart-contract-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__smart-contract-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__smart-contract-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__smart-contract-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__smart-contract-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__erc-blocks:before {
        background-image: url("images/erc/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__erc-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__erc-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__erc-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__erc-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__erc-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__erc-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__ico-blocks:before {
        background-image: url("images/ico/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__ico-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__ico-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__ico-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__ico-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__ico-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__ico-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__solidity-blocks:before {
        background-image: url("images/solidity/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__solidity-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__solidity-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__solidity-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__solidity-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__solidity-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__solidity-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__cryptocurrency-blocks:before {
        background-image: url("images/cryptocurrency/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__cryptocurrency-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__cryptocurrency-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__cryptocurrency-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__cryptocurrency-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__cryptocurrency-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__cryptocurrency-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__cryptoexchange-blocks:before {
        background-image: url("images/cryptoexchange/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__cryptoexchange-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__cryptoexchange-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__cryptoexchange-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__cryptoexchange-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__cryptoexchange-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__cryptoexchange-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__multichain-blocks:before {
        background-image: url("images/multichain/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__multichain-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__multichain-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__multichain-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__multichain-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__multichain-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__multichain-why-06:before {
    background-position: -370px -74px;
}
@media all and (min-width: 1024px) {
    .why-us-outer-blocks__stellar-blocks:before {
        background-image: url("images/stellar/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
.why-us-outer-blocks__stellar-why-01:before {
    background-position: 0 -74px;
}
.why-us-outer-blocks__stellar-why-02:before {
    background-position: -74px -74px;
}
.why-us-outer-blocks__stellar-why-03:before {
    background-position: -148px -74px;
}
.why-us-outer-blocks__stellar-why-04:before {
    background-position: -222px -74px;
}
.why-us-outer-blocks__stellar-why-05:before {
    background-position: -296px -74px;
}
.why-us-outer-blocks__stellar-why-06:before {
    background-position: -370px -74px;
}
.services-pan {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    text-align: center;
}
.services-pan_two-col {
    width: 100%;
    margin: 0 0 20px 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
@media all and (min-width: 1024px) {
    .services-pan_two-col {
        width: 30%;
        margin: 20px 15px;
        min-height: 760px;
    }
}
.services-pan_two-col ul li {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 20px;
    background: url("images/common/tick.png") no-repeat 0 0;
    padding-left: 40px;
}
@media all and (min-width: 1024px) {
    .services-pan:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50px;
        width: 100px;
        height: 75px;
        transform: translate(-50%, 0);
    }
}
@media all and (min-width: 1024px) {
    .services-pan__django:before {
        background-image: url("images/django/django-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__ios:before {
        background-image: url("images/ios/ios-sprite.png");
        width: 68px;
        height: 68px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__android:before {
        background-image: url("images/android/android-sprite.png");
        width: 75px;
        height: 67px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__reactn:before {
        background-image: url("images/react-native/react-native-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__flutter:before {
        background-image: url("images/flutter/flutter-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__swift:before {
        background-image: url("images/swift/swift-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__ionic:before {
        background-image: url("images/ionic/ionic-sprite.png");
        width: 72px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__flask:before {
        background-image: url("images/flask/flask-sprite.png");
        width: 72px;
        height: 67px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__php:before {
        background-image: url("images/php/php-sprite.png");
        width: 75px;
        height: 75px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__codeigniter:before {
        background-image: url("images/codeigniter/codeigniter-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__laravel:before {
        background-image: url("images/laravel/laravel-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__symfony:before {
        background-image: url("images/symfony/symfony-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__yii:before {
        background-image: url("images/yii/yii-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__zend:before {
        background-image: url("images/zend/zend-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__rshiny:before {
        background-image: url("images/rshiny/rshiny-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__react:before {
        background-image: url("images/react/react-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__cake-php:before {
        background-image: url("images/cake-php/cake-sprite.png");
    }
}
@media all and (min-width: 1024px) {
    .services-pan__python:before {
        background-image: url("images/python/python-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__wordpress:before {
        background-image: url("images/wordpress/wordpress-sprite.png");
        width: 87px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__woocommerce:before {
        background-image: url("images/woocommerce/woocommerce-sprite.png");
        width: 70px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__magento:before {
        background-image: url("images/magento/magento-sprite.png");
        width: 76px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__joomla:before {
        background-image: url("images/joomla/joomla-sprite.png");
        width: 88px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__drupal:before {
        background-image: url("images/drupal/drupal-sprite.png");
        width: 75px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__shopify:before {
        background-image: url("images/shopify/shopify-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__web-developer:before {
        background-image: url("images/web-developer/shopify-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__full-stack-developer:before {
        background-image: url("images/full-stack-developer/shopify-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__vuejs:before {
        background-image: url("images/vue/vuejs-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__meanstackjs:before {
        background-image: url("images/mean/meanstackjs-sprite.png");
        width: 75px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__mernstackjs:before {
        background-image: url("images/mern/mernstackjs-sprite.png");
        width: 75px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__angularjs:before {
        background-image: url("images/angular/angularjs-sprite.png");
        width: 64px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__nodejs:before {
        background-image: url("images/node/nodejs-sprite.png");
        width: 75px;
        height: 63px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__ror:before {
        background-image: url("images/ror/ror-sprite.png");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__ecommerce-developer:before {
        background-image: url("images/ecommerce-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__cms-developer:before {
        background-image: url("images/cms-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__software-developer:before {
        background-image: url("images/software-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__javascript-developer:before {
        background-image: url("images/javascript-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__amp-developer:before {
        background-image: url("images/amp-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__vaadin-developer:before {
        background-image: url("images/vaadin-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__frontent-developer:before {
        background-image: url("images/frontent-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__kotlin-developer:before {
        background-image: url("images/kotlin-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__objective-c:before {
        background-image: url("images/objective-c/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__augmented-reality:before {
        background-image: url("images/augmented-reality/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__wearable-developer:before {
        background-image: url("images/wearable-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__iot-developer:before {
        background-image: url("images/iot-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__app-developer:before {
        background-image: url("images/app-developer/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__blockchain:before {
        background-image: url("images/blockchain/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__machine-learning:before {
        background-image: url("images/machine-learning/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__chatbot:before {
        background-image: url("images/chatbot/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__tensorflow:before {
        background-image: url("images/tensorflow/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__ethereum:before {
        background-image: url("images/ethereum/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__hyperledger:before {
        background-image: url("images/hyperledger/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__smart-contract:before {
        background-image: url("images/smart-contract/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__erc:before {
        background-image: url("images/erc/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__ico:before {
        background-image: url("images/ico/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__solidity:before {
        background-image: url("images/solidity/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__cryptocurrency:before {
        background-image: url("images/cryptocurrency/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__cryptoexchange:before {
        background-image: url("images/cryptoexchange/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__multichain:before {
        background-image: url("images/multichain/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan__stellar:before {
        background-image: url("images/stellar/ror-sprite.html");
        width: 64px;
        height: 64px;
    }
}
@media all and (min-width: 1024px) {
    .services-pan {
        padding: 120px 30px 30px;
    }
}
.services-pan__django-service-01:before {
    background-position: 0 -85px;
}
.services-pan__django-service-02:before {
    background-position: -110px -85px;
}
.services-pan__django-service-03:before {
    background-position: -220px -85px;
}
.services-pan__django-service-04:before {
    background-position: -330px -85px;
}
.services-pan__django-service-05:before {
    background-position: 0 -168px;
}
.services-pan__django-service-06:before {
    background-position: -110px -168px;
}
.services-pan__ios-service-01:before {
    background-position: -81px -78px;
}
.services-pan__ios-service-02:before {
    background-position: -157px -78px;
}
.services-pan__ios-service-03:before {
    background-position: -234px -79px;
}
.services-pan__ios-service-04:before {
    background-position: -313px -79px;
}
.services-pan__ios-service-05:before {
    background-position: 0 -157px;
}
.services-pan__ios-service-06:before {
    background-position: -79px -156px;
}
.services-pan__android-service-01:before {
    background-position: -171px -77px;
}
.services-pan__android-service-02:before {
    background-position: -256px -77px;
}
.services-pan__android-service-03:before {
    background-position: 0px -154px;
}
.services-pan__android-service-04:before {
    background-position: -86px -154px;
}
.services-pan__android-service-05:before {
    background-position: -171px -154px;
}
.services-pan__android-service-06:before {
    background-position: -256px -154px;
}
.services-pan__android-service-07:before {
    background-position: 0 -232px;
}
.services-pan__reactn-service-01:before {
    background-position: -75px -74px;
}
.services-pan__reactn-service-02:before {
    background-position: -148px -73px;
}
.services-pan__reactn-service-03:before {
    background-position: -222px -74px;
}
.services-pan__reactn-service-04:before {
    background-position: -296px -74px;
}
.services-pan__reactn-service-05:before {
    background-position: 0 -147px;
}
.services-pan__reactn-service-06:before {
    background-position: -74px -147px;
}
.services-pan__reactn-service-07:before {
    background-position: -148px -147px;
}
.services-pan__flutter-service-01:before {
    background-position: -75px -75px;
}
.services-pan__flutter-service-02:before {
    background-position: -149px -74px;
}
.services-pan__flutter-service-03:before {
    background-position: -223px -74px;
}
.services-pan__flutter-service-04:before {
    background-position: -297px -74px;
}
.services-pan__flutter-service-05:before {
    background-position: 0 -149px;
}
.services-pan__flutter-service-06:before {
    background-position: -76px -148px;
}
.services-pan__flutter-service-07:before {
    background-position: -148px -148px;
}
.services-pan__flutter-service-08:before {
    background-position: -223px -148px;
}
.services-pan__swift-service-01:before {
    background-position: -73px -72px;
}
.services-pan__swift-service-02:before {
    background-position: -146px -72px;
}
.services-pan__swift-service-03:before {
    background-position: -221px -72px;
}
.services-pan__swift-service-04:before {
    background-position: -296px -74px;
}
.services-pan__swift-service-05:before {
    background-position: 0 -148px;
}
.services-pan__swift-service-06:before {
    background-position: -73px -148px;
}
.services-pan__ionic-service-01:before {
    background-position: 0 0;
}
.services-pan__ionic-service-02:before {
    background-position: -84px 0;
}
.services-pan__ionic-service-03:before {
    background-position: -166px 0px;
}
.services-pan__ionic-service-04:before {
    background-position: -248px 0;
}
.services-pan__ionic-service-05:before {
    background-position: -330px 0;
}
.services-pan__ionic-service-06:before {
    background-position: 0 -74px;
}
.services-pan__ionic-service-07:before {
    background-position: -85px -74px;
}
.services-pan__flask-service-01:before {
    background-position: 0 -78px;
}
.services-pan__flask-service-02:before {
    background-position: -82px -78px;
}
.services-pan__flask-service-03:before {
    background-position: -165px -78px;
}
.services-pan__flask-service-04:before {
    background-position: -246px -78px;
}
.services-pan__flask-service-05:before {
    background-position: -328px -78px;
}
.services-pan__flask-service-06:before {
    background-position: 0px -153px;
}
.services-pan__flask-service-07:before {
    background-position: -82px -152px;
}
.services-pan__php-service-01:before {
    background-position: -80px -169px;
}
.services-pan__php-service-02:before {
    background-position: 0px -83px;
}
.services-pan__php-service-03:before {
    background-position: -255px -83px;
}
.services-pan__php-service-04:before {
    background-position: -76px -83px;
}
.services-pan__php-service-05:before {
    background-position: -330px -83px;
}
.services-pan__php-service-06:before {
    background-position: -430px -83px;
}
.services-pan__php-service-07:before {
    background-position: 0px -168px;
}
.services-pan__php-service-08:before {
    background-position: -168px -83px;
}
.services-pan__codeigniter-service-01:before {
    background-position: 0 -85px;
}
.services-pan__codeigniter-service-02:before {
    background-position: -110px -85px;
}
.services-pan__codeigniter-service-03:before {
    background-position: -220px -85px;
}
.services-pan__codeigniter-service-04:before {
    background-position: -330px -85px;
}
.services-pan__codeigniter-service-05:before {
    background-position: 0 -168px;
}
.services-pan__codeigniter-service-06:before {
    background-position: -110px -168px;
}
.services-pan__codeigniter-service-07:before {
    background-position: -220px -168px;
}
.services-pan__codeigniter-service-08:before {
    background-position: -330px -168px;
}
.services-pan__laravel-service-01:before {
    background-position: 0 -85px;
}
.services-pan__laravel-service-02:before {
    background-position: -110px -85px;
}
.services-pan__laravel-service-03:before {
    background-position: -220px -85px;
}
.services-pan__laravel-service-04:before {
    background-position: -330px -85px;
}
.services-pan__laravel-service-05:before {
    background-position: 0 -168px;
}
.services-pan__laravel-service-06:before {
    background-position: -110px -168px;
}
.services-pan__laravel-service-07:before {
    background-position: -220px -168px;
}
.services-pan__laravel-service-08:before {
    background-position: -330px -168px;
}
.services-pan__laravel-service-09:before {
    background-position: 0 -263px;
}
.services-pan__symfony-service-01:before {
    background-position: 0 -85px;
}
.services-pan__symfony-service-02:before {
    background-position: -110px -85px;
}
.services-pan__symfony-service-03:before {
    background-position: -220px -85px;
}
.services-pan__symfony-service-04:before {
    background-position: -330px -85px;
}
.services-pan__symfony-service-05:before {
    background-position: 0 -168px;
}
.services-pan__symfony-service-06:before {
    background-position: -110px -168px;
}
.services-pan__symfony-service-07:before {
    background-position: -220px -168px;
}
.services-pan__symfony-service-08:before {
    background-position: -330px -168px;
}
.services-pan__symfony-service-09:before {
    background-position: 0 -263px;
}
.services-pan__yii-service-01:before {
    background-position: 0 -85px;
}
.services-pan__yii-service-02:before {
    background-position: -110px -85px;
}
.services-pan__yii-service-03:before {
    background-position: -220px -85px;
}
.services-pan__yii-service-04:before {
    background-position: -330px -85px;
}
.services-pan__yii-service-05:before {
    background-position: 0 -168px;
}
.services-pan__yii-service-06:before {
    background-position: -110px -168px;
}
.services-pan__yii-service-07:before {
    background-position: -220px -168px;
}
.services-pan__zend-service-01:before {
    background-position: 0 -85px;
}
.services-pan__zend-service-02:before {
    background-position: -110px -85px;
}
.services-pan__zend-service-03:before {
    background-position: -220px -85px;
}
.services-pan__zend-service-04:before {
    background-position: -330px -85px;
}
.services-pan__zend-service-05:before {
    background-position: 0 -168px;
}
.services-pan__zend-service-06:before {
    background-position: -110px -168px;
}
.services-pan__zend-service-07:before {
    background-position: -220px -168px;
}
.services-pan__rshiny-service-01:before {
    background-position: 30px -83px;
}
.services-pan__rshiny-service-02:before {
    background-position: -103px -83px;
}
.services-pan__rshiny-service-03:before {
    background-position: -206px -83px;
}
.services-pan__react-service-01:before {
    background-position: 0 -85px;
}
.services-pan__react-service-02:before {
    background-position: -110px -85px;
}
.services-pan__react-service-03:before {
    background-position: -220px -85px;
}
.services-pan__react-service-04:before {
    background-position: -330px -85px;
}
.services-pan__react-service-05:before {
    background-position: 0 -168px;
}
.services-pan__react-service-06:before {
    background-position: -110px -168px;
}
.services-pan__react-service-07:before {
    background-position: -220px -168px;
}
.services-pan__cake-php-service-01:before {
    background-position: 15px -85px;
}
.services-pan__cake-php-service-02:before {
    background-position: -100px -85px;
}
.services-pan__cake-php-service-03:before {
    background-position: -200px -85px;
}
.services-pan__cake-php-service-04:before {
    background-position: -320px -85px;
}
.services-pan__cake-php-service-05:before {
    background-position: 10px -170px;
}
.services-pan__cake-php-service-06:before {
    background-position: -430px -85px;
}
.services-pan__cake-php-service-07:before {
    background-position: -100px -170px;
}
.services-pan__python-service-01:before {
    background-position: 0 -78px;
}
.services-pan__python-service-02:before {
    background-position: -74px -78px;
}
.services-pan__python-service-03:before {
    background-position: -148px -78px;
}
.services-pan__python-service-04:before {
    background-position: -222px -78px;
}
.services-pan__python-service-05:before {
    background-position: -296px -78px;
}
.services-pan__python-service-06:before {
    background-position: -370px -78px;
}
.services-pan__python-service-07:before {
    background-position: 0px -152px;
}
.services-pan__python-service-08:before {
    background-position: -74px -152px;
}
.services-pan__python-service-09:before {
    background-position: -148px -152px;
}
.services-pan__wordpress-service-01:before {
    background-position: 0 -73px;
}
.services-pan__wordpress-service-02:before {
    background-position: -97px -73px;
}
.services-pan__wordpress-service-03:before {
    background-position: -194px -73px;
}
.services-pan__wordpress-service-04:before {
    background-position: -291px -73px;
}
.services-pan__wordpress-service-05:before {
    background-position: -388px -73px;
}
.services-pan__wordpress-service-06:before {
    background-position: 0px -146px;
}
.services-pan__wordpress-service-07:before {
    background-position: -97px -146px;
}
.services-pan__wordpress-service-08:before {
    background-position: -194px -146px;
}
.services-pan__wordpress-service-09:before {
    background-position: -291px -146px;
}
.services-pan__wordpress-service-10:before {
    background-position: -388px -146px;
}
.services-pan__wordpress-service-11:before {
    background-position: 0px -219px;
}
.services-pan__woocommerce-service-01:before {
    background-position: 0 -73px;
}
.services-pan__woocommerce-service-02:before {
    background-position: -80px -73px;
}
.services-pan__woocommerce-service-03:before {
    background-position: -161px -73px;
}
.services-pan__woocommerce-service-04:before {
    background-position: -242px -73px;
}
.services-pan__woocommerce-service-05:before {
    background-position: -322px -73px;
}
.services-pan__woocommerce-service-06:before {
    background-position: -402px -73px;
}
.services-pan__woocommerce-service-07:before {
    background-position: -0px -146px;
}
.services-pan__magento-service-01:before {
    background-position: 0 -73px;
}
.services-pan__magento-service-02:before {
    background-position: -86px -73px;
}
.services-pan__magento-service-03:before {
    background-position: -172px -73px;
}
.services-pan__magento-service-04:before {
    background-position: -258px -73px;
}
.services-pan__magento-service-05:before {
    background-position: -344px -73px;
}
.services-pan__magento-service-06:before {
    background-position: -431px -73px;
}
.services-pan__joomla-service-01:before {
    background-position: 0 -74px;
}
.services-pan__joomla-service-02:before {
    background-position: -98px -74px;
}
.services-pan__joomla-service-03:before {
    background-position: -196px -74px;
}
.services-pan__joomla-service-04:before {
    background-position: -294px -74px;
}
.services-pan__joomla-service-05:before {
    background-position: -385px -74px;
}
.services-pan__joomla-service-06:before {
    background-position: -0px -147px;
}
.services-pan__joomla-service-07:before {
    background-position: -98px -147px;
}
.services-pan__drupal-service-01:before {
    background-position: 0 -73px;
}
.services-pan__drupal-service-02:before {
    background-position: -85px -73px;
}
.services-pan__drupal-service-03:before {
    background-position: -170px -73px;
}
.services-pan__drupal-service-04:before {
    background-position: -255px -73px;
}
.services-pan__drupal-service-05:before {
    background-position: -340px -73px;
}
.services-pan__drupal-service-06:before {
    background-position: -0px -146px;
}
.services-pan__shopify-service-01:before {
    background-position: 0 -81px;
}
.services-pan__shopify-service-02:before {
    background-position: -74px -81px;
}
.services-pan__shopify-service-03:before {
    background-position: -148px -81px;
}
.services-pan__shopify-service-04:before {
    background-position: -222px -81px;
}
.services-pan__shopify-service-05:before {
    background-position: -296px -81px;
}
.services-pan__shopify-service-06:before {
    background-position: -370px -81px;
}
.services-pan__web-developer-service-01:before {
    background-position: 0 -81px;
}
.services-pan__web-developer-service-02:before {
    background-position: -74px -81px;
}
.services-pan__web-developer-service-03:before {
    background-position: -148px -81px;
}
.services-pan__web-developer-service-04:before {
    background-position: -222px -81px;
}
.services-pan__web-developer-service-05:before {
    background-position: -296px -81px;
}
.services-pan__web-developer-service-06:before {
    background-position: -370px -81px;
}
.services-pan__full-stack-developer-service-01:before {
    background-position: 0 -81px;
}
.services-pan__full-stack-developer-service-02:before {
    background-position: -74px -81px;
}
.services-pan__full-stack-developer-service-03:before {
    background-position: -148px -81px;
}
.services-pan__full-stack-developer-service-04:before {
    background-position: -222px -81px;
}
.services-pan__full-stack-developer-service-05:before {
    background-position: -296px -81px;
}
.services-pan__full-stack-developer-service-06:before {
    background-position: -370px -81px;
}
.services-pan__ecommerce-developer-service-01:before {
    background-position: 0 -81px;
}
.services-pan__ecommerce-developer-service-02:before {
    background-position: -74px -81px;
}
.services-pan__ecommerce-developer-service-03:before {
    background-position: -148px -81px;
}
.services-pan__ecommerce-developer-service-04:before {
    background-position: -222px -81px;
}
.services-pan__ecommerce-developer-service-05:before {
    background-position: -296px -81px;
}
.services-pan__ecommerce-developer-service-06:before {
    background-position: -370px -81px;
}
.services-pan__vuejs-service-01:before {
    background-position: 0 -146px;
}
.services-pan__vuejs-service-02:before {
    background-position: -74px -146px;
}
.services-pan__vuejs-service-03:before {
    background-position: -149px -146px;
}
.services-pan__vuejs-service-04:before {
    background-position: -223px -146px;
}
.services-pan__vuejs-service-05:before {
    background-position: -297px -146px;
}
.services-pan__vuejs-service-06:before {
    background-position: -370px -146px;
}
.services-pan__meanstackjs-service-01:before {
    background-position: 0 -73px;
}
.services-pan__meanstackjs-service-02:before {
    background-position: -85px -73px;
}
.services-pan__meanstackjs-service-03:before {
    background-position: -170px -73px;
}
.services-pan__meanstackjs-service-04:before {
    background-position: -255px -73px;
}
.services-pan__meanstackjs-service-05:before {
    background-position: -340px -73px;
}
.services-pan__meanstackjs-service-06:before {
    background-position: 0px -146px;
}
.services-pan__mernstackjs-service-01:before {
    background-position: 0 -73px;
}
.services-pan__mernstackjs-service-02:before {
    background-position: -85px -73px;
}
.services-pan__mernstackjs-service-03:before {
    background-position: -170px -73px;
}
.services-pan__mernstackjs-service-04:before {
    background-position: -255px -73px;
}
.services-pan__mernstackjs-service-05:before {
    background-position: -340px -73px;
}
.services-pan__mernstackjs-service-06:before {
    background-position: 0px -146px;
}
.services-pan__angularjs-service-01:before {
    background-position: 0 -70px;
}
.services-pan__angularjs-service-02:before {
    background-position: -73px -70px;
}
.services-pan__angularjs-service-03:before {
    background-position: -146px -70px;
}
.services-pan__angularjs-service-04:before {
    background-position: -219px -70px;
}
.services-pan__angularjs-service-05:before {
    background-position: -292px -70px;
}
.services-pan__nodejs-service-01:before {
    background-position: 0 -73px;
}
.services-pan__nodejs-service-02:before {
    background-position: -85px -73px;
}
.services-pan__nodejs-service-03:before {
    background-position: -170px -73px;
}
.services-pan__nodejs-service-04:before {
    background-position: -256px -73px;
}
.services-pan__nodejs-service-05:before {
    background-position: -342px -73px;
}
.services-pan__nodejs-service-06:before {
    background-position: -428px -73px;
}
.services-pan__ror-service-01:before {
    background-position: 0 0;
}
.services-pan__ror-service-02:before {
    background-position: -74px 0;
}
.services-pan__ror-service-03:before {
    background-position: -148px 0;
}
.services-pan__ror-service-04:before {
    background-position: -222px 0;
}
.services-pan__ror-service-05:before {
    background-position: -296px 0;
}
.services-pan__ror-service-06:before {
    background-position: -370px 0;
}
.services-pan__ror-service-07:before {
    background-position: 0px -148px;
}
.services-pan__cms-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__cms-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__cms-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__cms-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__cms-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__cms-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__cms-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__software-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__software-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__software-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__software-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__software-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__software-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__software-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__javascript-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__javascript-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__javascript-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__javascript-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__javascript-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__javascript-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__javascript-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__amp-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__amp-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__amp-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__amp-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__amp-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__amp-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__amp-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__vaadin-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__vaadin-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__vaadin-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__vaadin-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__vaadin-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__vaadin-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__vaadin-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__frontent-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__frontent-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__frontent-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__frontent-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__frontent-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__frontent-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__frontent-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__kotlin-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__kotlin-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__kotlin-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__kotlin-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__kotlin-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__kotlin-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__kotlin-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__objective-c-service-01:before {
    background-position: 0 0;
}
.services-pan__objective-c-service-02:before {
    background-position: -74px 0;
}
.services-pan__objective-c-service-03:before {
    background-position: -148px 0;
}
.services-pan__objective-c-service-04:before {
    background-position: -222px 0;
}
.services-pan__objective-c-service-05:before {
    background-position: -296px 0;
}
.services-pan__objective-c-service-06:before {
    background-position: -370px 0;
}
.services-pan__objective-c-service-07:before {
    background-position: 0px -148px;
}
.services-pan__augmented-reality-service-01:before {
    background-position: 0 0;
}
.services-pan__augmented-reality-service-02:before {
    background-position: -74px 0;
}
.services-pan__augmented-reality-service-03:before {
    background-position: -148px 0;
}
.services-pan__augmented-reality-service-04:before {
    background-position: -222px 0;
}
.services-pan__augmented-reality-service-05:before {
    background-position: -296px 0;
}
.services-pan__augmented-reality-service-06:before {
    background-position: -370px 0;
}
.services-pan__augmented-reality-service-07:before {
    background-position: 0px -148px;
}
.services-pan__iot-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__iot-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__iot-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__iot-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__iot-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__iot-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__iot-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__app-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__app-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__app-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__app-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__app-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__app-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__app-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__wearable-developer-service-01:before {
    background-position: 0 0;
}
.services-pan__wearable-developer-service-02:before {
    background-position: -74px 0;
}
.services-pan__wearable-developer-service-03:before {
    background-position: -148px 0;
}
.services-pan__wearable-developer-service-04:before {
    background-position: -222px 0;
}
.services-pan__wearable-developer-service-05:before {
    background-position: -296px 0;
}
.services-pan__wearable-developer-service-06:before {
    background-position: -370px 0;
}
.services-pan__wearable-developer-service-07:before {
    background-position: 0px -148px;
}
.services-pan__blockchain-service-01:before {
    background-position: 0 0;
}
.services-pan__blockchain-service-02:before {
    background-position: -74px 0;
}
.services-pan__blockchain-service-03:before {
    background-position: -148px 0;
}
.services-pan__blockchain-service-04:before {
    background-position: -222px 0;
}
.services-pan__blockchain-service-05:before {
    background-position: -296px 0;
}
.services-pan__blockchain-service-06:before {
    background-position: -370px 0;
}
.services-pan__blockchain-service-07:before {
    background-position: 0px -148px;
}
.services-pan__machine-learning-service-01:before {
    background-position: 0 0;
}
.services-pan__machine-learning-service-02:before {
    background-position: -74px 0;
}
.services-pan__machine-learning-service-03:before {
    background-position: -148px 0;
}
.services-pan__machine-learning-service-04:before {
    background-position: -222px 0;
}
.services-pan__machine-learning-service-05:before {
    background-position: -296px 0;
}
.services-pan__machine-learning-service-06:before {
    background-position: -370px 0;
}
.services-pan__machine-learning-service-07:before {
    background-position: 0px -148px;
}
.services-pan__chatbot-service-01:before {
    background-position: 0 0;
}
.services-pan__chatbot-service-02:before {
    background-position: -74px 0;
}
.services-pan__chatbot-service-03:before {
    background-position: -148px 0;
}
.services-pan__chatbot-service-04:before {
    background-position: -222px 0;
}
.services-pan__chatbot-service-05:before {
    background-position: -296px 0;
}
.services-pan__chatbot-service-06:before {
    background-position: -370px 0;
}
.services-pan__chatbot-service-07:before {
    background-position: 0px -148px;
}
.services-pan__tensorflow-service-01:before {
    background-position: 0 0;
}
.services-pan__tensorflow-service-02:before {
    background-position: -74px 0;
}
.services-pan__tensorflow-service-03:before {
    background-position: -148px 0;
}
.services-pan__tensorflow-service-04:before {
    background-position: -222px 0;
}
.services-pan__tensorflow-service-05:before {
    background-position: -296px 0;
}
.services-pan__tensorflow-service-06:before {
    background-position: -370px 0;
}
.services-pan__tensorflow-service-07:before {
    background-position: 0px -148px;
}
.services-pan__ethereum-service-01:before {
    background-position: 0 0;
}
.services-pan__ethereum-service-02:before {
    background-position: -74px 0;
}
.services-pan__ethereum-service-03:before {
    background-position: -148px 0;
}
.services-pan__ethereum-service-04:before {
    background-position: -222px 0;
}
.services-pan__ethereum-service-05:before {
    background-position: -296px 0;
}
.services-pan__ethereum-service-06:before {
    background-position: -370px 0;
}
.services-pan__ethereum-service-07:before {
    background-position: 0px -148px;
}
.services-pan__hyperledger-service-01:before {
    background-position: 0 0;
}
.services-pan__hyperledger-service-02:before {
    background-position: -74px 0;
}
.services-pan__hyperledger-service-03:before {
    background-position: -148px 0;
}
.services-pan__hyperledger-service-04:before {
    background-position: -222px 0;
}
.services-pan__hyperledger-service-05:before {
    background-position: -296px 0;
}
.services-pan__hyperledger-service-06:before {
    background-position: -370px 0;
}
.services-pan__hyperledger-service-07:before {
    background-position: 0px -148px;
}
.services-pan__smart-contract-service-01:before {
    background-position: 0 0;
}
.services-pan__smart-contract-service-02:before {
    background-position: -74px 0;
}
.services-pan__smart-contract-service-03:before {
    background-position: -148px 0;
}
.services-pan__smart-contract-service-04:before {
    background-position: -222px 0;
}
.services-pan__smart-contract-service-05:before {
    background-position: -296px 0;
}
.services-pan__smart-contract-service-06:before {
    background-position: -370px 0;
}
.services-pan__smart-contract-service-07:before {
    background-position: 0px -148px;
}
.services-pan__erc-service-01:before {
    background-position: 0 0;
}
.services-pan__erc-service-02:before {
    background-position: -74px 0;
}
.services-pan__erc-service-03:before {
    background-position: -148px 0;
}
.services-pan__erc-service-04:before {
    background-position: -222px 0;
}
.services-pan__erc-service-05:before {
    background-position: -296px 0;
}
.services-pan__erc-service-06:before {
    background-position: -370px 0;
}
.services-pan__erc-service-07:before {
    background-position: 0px -148px;
}
.services-pan__ico-service-01:before {
    background-position: 0 0;
}
.services-pan__ico-service-02:before {
    background-position: -74px 0;
}
.services-pan__ico-service-03:before {
    background-position: -148px 0;
}
.services-pan__ico-service-04:before {
    background-position: -222px 0;
}
.services-pan__ico-service-05:before {
    background-position: -296px 0;
}
.services-pan__ico-service-06:before {
    background-position: -370px 0;
}
.services-pan__ico-service-07:before {
    background-position: 0px -148px;
}
.services-pan__solidity-service-01:before {
    background-position: 0 0;
}
.services-pan__solidity-service-02:before {
    background-position: -74px 0;
}
.services-pan__solidity-service-03:before {
    background-position: -148px 0;
}
.services-pan__solidity-service-04:before {
    background-position: -222px 0;
}
.services-pan__solidity-service-05:before {
    background-position: -296px 0;
}
.services-pan__solidity-service-06:before {
    background-position: -370px 0;
}
.services-pan__solidity-service-07:before {
    background-position: 0px -148px;
}
.services-pan__cryptocurrency-service-01:before {
    background-position: 0 0;
}
.services-pan__cryptocurrency-service-02:before {
    background-position: -74px 0;
}
.services-pan__cryptocurrency-service-03:before {
    background-position: -148px 0;
}
.services-pan__cryptocurrency-service-04:before {
    background-position: -222px 0;
}
.services-pan__cryptocurrency-service-05:before {
    background-position: -296px 0;
}
.services-pan__cryptocurrency-service-06:before {
    background-position: -370px 0;
}
.services-pan__cryptocurrency-service-07:before {
    background-position: 0px -148px;
}
.services-pan__cryptoexchange-service-01:before {
    background-position: 0 0;
}
.services-pan__cryptoexchange-service-02:before {
    background-position: -74px 0;
}
.services-pan__cryptoexchange-service-03:before {
    background-position: -148px 0;
}
.services-pan__cryptoexchange-service-04:before {
    background-position: -222px 0;
}
.services-pan__cryptoexchange-service-05:before {
    background-position: -296px 0;
}
.services-pan__cryptoexchange-service-06:before {
    background-position: -370px 0;
}
.services-pan__cryptoexchange-service-07:before {
    background-position: 0px -148px;
}
.services-pan__multichain-service-01:before {
    background-position: 0 0;
}
.services-pan__multichain-service-02:before {
    background-position: -74px 0;
}
.services-pan__multichain-service-03:before {
    background-position: -148px 0;
}
.services-pan__multichain-service-04:before {
    background-position: -222px 0;
}
.services-pan__multichain-service-05:before {
    background-position: -296px 0;
}
.services-pan__multichain-service-06:before {
    background-position: -370px 0;
}
.services-pan__multichain-service-07:before {
    background-position: 0px -148px;
}
.services-pan__stellar-service-01:before {
    background-position: 0 0;
}
.services-pan__stellar-service-02:before {
    background-position: -74px 0;
}
.services-pan__stellar-service-03:before {
    background-position: -148px 0;
}
.services-pan__stellar-service-04:before {
    background-position: -222px 0;
}
.services-pan__stellar-service-05:before {
    background-position: -296px 0;
}
.services-pan__stellar-service-06:before {
    background-position: -370px 0;
}
.services-pan__stellar-service-07:before {
    background-position: 0px -148px;
}
.services-pan__java-service-01:before {
    background: url(images/java-developer/java-service-icon1.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-02:before {
    background: url(images/java-developer/java-service-icon2.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-03:before {
    background: url(images/java-developer/java-service-icon3.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-04:before {
    background: url(images/java-developer/java-service-icon4.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-05:before {
    background: url(images/java-developer/java-service-icon5.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-06:before {
    background: url(images/java-developer/java-service-icon6.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-07:before {
    background: url(images/java-developer/java-service-icon7.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-08:before {
    background: url(images/java-developer/java-service-icon8.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.services-pan__java-service-09:before {
    background: url(images/java-developer/java-service-icon9.png) no-repeat 0 0 !important;
    background-size: 100% !important;
    height: 64px !important;
}
.o-team .team-holder {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(128, 126, 128, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(128, 126, 128, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(128, 126, 128, 0.3);
    padding: 30px 30px 10px;
    min-height: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder {
        min-height: 710px;
        padding: 50px 30px 250px;
        background-size: 100% !important;
    }
}
.o-team .team-holder h5 {
    font-size: 24px;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder h5 {
        font-size: 20px;
    }
}
.o-team .team-holder h3 {
    font-size: 24px;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder h3 {
        font-size: 20px;
        line-height: 32px;
    }
}
.o-team .team-holder p.department {
    font-size: 16px;
    color: #3fab85;
    padding: 5px 0;
}
.o-team .team-holder p {
    font-size: 19px;
    line-height: 32px;
}
@media all and (max-width: 767px) {
    .o-team .team-holder p {
        font-size: 16px;
        line-height: 28px;
    }
}
.o-team .team-holder__team-1 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-1 {
        background: url("images/common/dimpi.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-2 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-2 {
        background: url("images/common/sabir.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-3 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-3 {
        background: url("images/common/tanuja.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-4 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-4 {
        background: url("images/common/gourab.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-5 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-5 {
        background: url("images/common/team-1.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-6 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-6 {
        background: url("images/common/team-2.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-7 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-7 {
        background: url("images/common/team-3.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-8 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-8 {
        background: url("images/common/team-4.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-9 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-9 {
        background: url("images/common/team-5.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-10 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-10 {
        background: url("images/common/team-6.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-11 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-11 {
        background: url("images/common/team-7.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-12 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-12 {
        background: url("images/common/team-8.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-13 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-13 {
        background: url("images/common/team-9.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-14 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-14 {
        background: url("images/common/team-10.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-15 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-15 {
        background: url("images/common/team-11.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-16 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-16 {
        background: url("images/common/team-12.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-17 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-17 {
        background: url("images/common/team-13.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-18 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-18 {
        background: url("images/common/team-14.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-19 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-19 {
        background: url("images/common/team-15.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-20 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-20 {
        background: url("images/common/team-16.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-21 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-21 {
        background: url("images/common/team-17.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-22 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-22 {
        background: url("images/common/team-18.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-23 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-23 {
        background: url("images/common/team-19.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-24 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-24 {
        background: url("images/common/team-20.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-25 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-25 {
        background: url("images/common/team-21.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-26 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-26 {
        background: url("images/common/team-22.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-27 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-27 {
        background: url("images/common/team-23.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-28 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-28 {
        background: url("images/common/team-24.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-29 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-29 {
        background: url("images/common/team-25.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-30 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-30 {
        background: url("images/common/team-26.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-31 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-31 {
        background: url("images/common/team-27.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-32 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-32 {
        background: url("images/common/team-28.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-33 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-33 {
        background: url("images/common/team-29.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-34 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-34 {
        background: url("images/common/team-30.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-35 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-35 {
        background: url("images/common/team-31.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-36 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-36 {
        background: url("images/common/team-32.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-37 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-37 {
        background: url("images/common/team-33.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-38 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-38 {
        background: url("images/common/team-34.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-39 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-39 {
        background: url("images/common/team-35.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-40 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-40 {
        background: url("images/common/team-36.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-41 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-41 {
        background: url("images/common/team-37.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-42 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-42 {
        background: url("images/common/team-38.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-43 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-43 {
        background: url("images/common/team-39.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-44 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-44 {
        background: url("images/common/team-40.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-45 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-45 {
        background: url("images/common/team-45.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-46 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-46 {
        background: url("images/common/team-46.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-47 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-47 {
        background: url("images/common/team-47.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-48 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-48 {
        background: url("images/common/team-48.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-49 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-49 {
        background: url("images/common/team-49.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-50 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-50 {
        background: url("images/common/team-50.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-51 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-51 {
        background: url("images/common/team-51.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-52 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-52 {
        background: url("images/common/team-52.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-53 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-53 {
        background: url("images/common/team-53.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-54 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-54 {
        background: url("images/common/team-54.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-55 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-55 {
        background: url("images/common/team-55.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-56 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-56 {
        background: url("images/common/team-56.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-57 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-57 {
        background: url("images/common/team-57.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-58 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-58 {
        background: url("images/common/team-58.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-59 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-59 {
        background: url("images/common/team-59.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-60 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-60 {
        background: url("images/common/team-60.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-61 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-61 {
        background: url("images/common/team-61.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-62 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-62 {
        background: url("images/common/team-62.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-63 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-63 {
        background: url("images/common/team-63.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-64 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-64 {
        background: url("images/common/team-64.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-65 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-65 {
        background: url("images/common/team-65.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-66 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-66 {
        background: url("images/common/team-66.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-67 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-67 {
        background: url("images/common/team-67.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-68 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-68 {
        background: url("images/common/team-68.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-69 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-69 {
        background: url("images/common/team-69.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-70 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-70 {
        background: url("images/common/team-70.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-71 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-71 {
        background: url("images/common/team-71.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-72 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-72 {
        background: url("images/common/team-72.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-73 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-73 {
        background: url("images/common/team-73.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-74 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-74 {
        background: url("images/common/team-74.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-75 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-75 {
        background: url("images/common/team-75.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-76 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-76 {
        background: url("images/common/team-76.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-77 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-77 {
        background: url("images/common/team-77.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-78 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-78 {
        background: url("images/common/team-78.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-79 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-79 {
        background: url("images/common/team-79.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-80 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-80 {
        background: url("images/common/team-80.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-81 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-81 {
        background: url("images/common/team-81.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-82 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-82 {
        background: url("images/common/team-82.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-83 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-83 {
        background: url("images/common/team-83.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-84 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-84 {
        background: url("images/common/team-84.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-85 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-85 {
        background: url("images/common/team-85.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-86 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-86 {
        background: url("images/common/team-86.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-87 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-87 {
        background: url("images/common/team-87.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-88 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-88 {
        background: url("images/common/team-88.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-89 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-89 {
        background: url("images/common/team-89.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-90 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-90 {
        background: url("images/common/team-90.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-91 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-91 {
        background: url("images/common/team-91.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-92 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-92 {
        background: url("images/common/team-92.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-93 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-93 {
        background: url("images/common/team-93.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-94 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-94 {
        background: url("images/common/team-94.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-95 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-95 {
        background: url("images/common/team-95.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-96 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-96 {
        background: url("images/common/team-96.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-97 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-97 {
        background: url("images/common/team-97.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-98 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-98 {
        background: url("images/common/team-98.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-99 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-99 {
        background: url("images/common/team-99.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-100 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-100 {
        background: url("images/common/team-100.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-101 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-101 {
        background: url("images/common/team-101.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-102 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-102 {
        background: url("images/common/team-102.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-103 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-103 {
        background: url("images/common/team-103.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-104 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-104 {
        background: url("images/common/team-104.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-105 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-105 {
        background: url("images/common/team-105.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-106 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-106 {
        background: url("images/common/team-106.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-107 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-107 {
        background: url("images/common/team-107.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-108 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-108 {
        background: url("images/common/team-108.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-109 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-109 {
        background: url("images/common/team-109.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-110 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-110 {
        background: url("images/common/team-110.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-111 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-111 {
        background: url("images/common/team-111.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-112 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-112 {
        background: url("images/common/team-112.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-113 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-113 {
        background: url("images/common/team-113.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-114 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-114 {
        background: url("images/common/team-114.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-115 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-115 {
        background: url("images/common/team-115.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-116 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-116 {
        background: url("images/common/team-116.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-117 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-117 {
        background: url("images/common/team-117.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-118 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-118 {
        background: url("images/common/team-118.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-119 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-119 {
        background: url("images/common/team-119.html") no-repeat 50% 100% #fff;
    }
}
.o-team .team-holder__team-120 {
    background-color: #fff;
}
@media all and (min-width: 1024px) {
    .o-team .team-holder__team-120 {
        background: url("images/common/team-120.html") no-repeat 50% 100% #fff;
    }
}
.experience-list ul {
    width: 80%;
    margin: 0px auto;
    text-align: center;
}
@media all and (max-width: 767px) {
    .experience-list ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
        justify-content: center;
    }
}
.experience-list ul li {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c8c7cc;
    vertical-align: top;
}
@media all and (min-width: 1024px) {
    .experience-list ul li {
        width: 30%;
        margin: 10px;
    }
}
@media all and (max-width: 767px) {
    .experience-list ul li {
        flex: 0 0 44%;
        margin: 10px 10px;
    }
}
@media all and (max-width: 370px) {
    .experience-list ul li {
        flex: 0 0 43%;
        margin: 10px 10px;
    }
}
.experience-list ul li a {
    position: relative;
    padding: 30px 60px 30px 30px;
    display: block;
    height: 115px;
}
@media all and (max-width: 767px) {
    .experience-list ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 15px;
    }
}
.experience-list ul li a img {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media all and (max-width: 767px) {
    .experience-list ul li a img {
        position: inherit;
        left: inherit;
        right: inherit;
        top: inherit;
        transform: translate(0);
    }
}
@media all and (max-width: 370px) {
    .experience-list ul li a img {
        width: 80px;
    }
}
.experience-list ul li a:before {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    border: 1px solid #c8c7cc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: url("images/common/arrow-black.png") no-repeat 50% 50%;
}
@media all and (max-width: 767px) {
    .experience-list ul li a:before {
        width: 20px;
        height: 20px;
        background-size: 6px;
        display: none;
    }
}
.experience-list ul li a:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(153, 153, 153, 0.5);
}
.experience-list ul li p {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
}
.related-tab {
    -webkit-box-shadow: 0px 0px 18px 0px #bab8ba;
    -moz-box-shadow: 0px 0px 18px 0px #bab8ba;
    box-shadow: 0px 0px 18px 0px #bab8ba;
    margin-bottom: 50px;
    height: 400px;
    overflow: hidden;
}
@media all and (min-width: 1024px) {
    .related-tab {
        height: 100%;
        overflow: inherit;
    }
}
.related-tab .tab {
    float: left;
    background-color: #f9f9f9;
    width: 100%;
    height: 445px;
    overflow-y: scroll;
}
@media all and (min-width: 1024px) {
    .related-tab .tab {
        width: 25%;
    }
}
.related-tab .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px 22px 80px;
    width: 50%;
    float: left;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
}
@media all and (min-width: 1024px) {
    .related-tab .tab button {
        width: 100%;
        float: none;
    }
}
.related-tab .tab button span {
    width: 37px;
    height: 23px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    background: url(images/react/react-sprite.png) no-repeat 0 0;
}
.related-tab .tab button span.react-tab-1 {
    background-position: 0 -253px;
}
.related-tab .tab button span.react-tab-2 {
    background-position: -47px -253px;
}
.related-tab .tab button span.react-tab-3 {
    background-position: -94px -253px;
}
.related-tab .tab button span.react-tab-4 {
    background-position: -141px -253px;
}
.related-tab .tab button span.react-tab-5 {
    background-position: -188px -253px;
}
.related-tab .tab button span.react-tab-6 {
    background-position: -235px -253px;
}
.related-tab .tab button span.react-tab-7 {
    background-position: -282px -253px;
}
.related-tab .tab button span.react-tab-8 {
    background-position: -329px -253px;
}
.related-tab .tab button span.react-tab-9 {
    background-position: -376px -253px;
}
.related-tab .tab button span.react-tab-10 {
    background-position: 0 -286px;
}
.related-tab .tab button span.react-tab-11 {
    background-position: -47px -286px;
}
.related-tab .tab button span.react-tab-12 {
    background-position: -94px -286px;
}
.related-tab .tab button:hover {
    background-color: #fff;
}
.related-tab .tab button.active {
    background-color: #fff;
}
.related-tab .tabcontent {
    float: left;
    padding: 170px 20px 20px 20px;
    width: 100%;
    border-left: none;
    height: 445px;
    background-color: transparent;
    position: relative;
    text-align: left;
    display: block;
}
@media all and (min-width: 1024px) {
    .related-tab .tabcontent {
        width: 75%;
        padding: 90px 50px 90px 26%;
        background-color: #fff;
    }
}
.related-tab .tabcontent:before {
    content: "";
    width: 246px;
    height: 174px;
    position: absolute;
    left: 20px;
    top: 0;
}
@media all and (min-width: 1024px) {
    .related-tab .tabcontent:before {
        left: 50px;
        top: 50%;
        transform: translate(0, -50%);
    }
}
.related-tab .tabcontent__react-1:before {
    background: url(images/react/ts-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-2:before {
    background: url(images/react/es-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-3:before {
    background: url(images/react/redux-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-4:before {
    background: url(images/react/GraphQl-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-5:before {
    background: url(images/react/apollo-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-6:before {
    background: url(images/react/Jest-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-7:before {
    background: url(images/react/Jaasmine-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-8:before {
    background: url(images/react/Karma-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-9:before {
    background: url(images/react/next-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-10:before {
    background: url(images/react/webpack-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-11:before {
    background: url(images/react/babel-b.png) no-repeat 50% 50%;
}
.related-tab .tabcontent__react-12:before {
    background: url(images/react/flux-b.png) no-repeat 50% 50%;
}
.related-tab ::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}
.related-tab ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
}
.related-tab ::-webkit-scrollbar-thumb {
    background-color: #c8c7cc;
    border-radius: 10px;
}
.related-tab ::-webkit-scrollbar-thumb:hover {
    background: #c8c7cc;
}
.dc-white-pan {
    text-align: left;
    position: relative;
    border-radius: 5px;
    padding: 30px;
    background-color: #fff;
    min-height: 596px;
}
@media all and (max-width: 767px) {
    .dc-white-pan {
        padding: 15px 15px;
        text-align: center;
    }
}
.dc-white-pan strong {
    font-weight: 600;
}
.dc-white-pan div {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
@media all and (max-width: 767px) {
    .dc-white-pan div {
        margin-bottom: 0;
    }
}
.dc-white-pan div span {
    float: left;
    color: #14df7d;
    font-family: "Montserrat", sans-serif;
    font-weight: 200;
    font-size: 58px;
    line-height: 71px;
    vertical-align: middle;
}
.dc-white-pan div span.use-case {
    background-image: url(images/data-science/data-science-sprite.png);
    width: 70px;
    height: 70px;
    display: inline-block;
}
.dc-white-pan div span.use-case__1 {
    background-position: 0 0;
}
.dc-white-pan div span.use-case__2 {
    background-position: -80px 0;
}
.dc-white-pan div span.use-case__3 {
    background-position: -160px 0;
}
.dc-white-pan div span.use-case__4 {
    background-position: -240px 0;
}
.dc-white-pan div span.use-case__5 {
    background-position: -320px 0;
}
.dc-white-pan div h5 {
    vertical-align: middle;
    font-size: 22px;
    line-height: 32px;
    position: absolute;
    left: 90px;
    top: 50%;
    transform: translate(0, -50%);
}
.dc-white-pan div h3 {
    vertical-align: middle;
    font-size: 22px;
    line-height: 32px;
    position: absolute;
    left: 90px;
    top: 50%;
    transform: translate(0, -50%);
}
.data-science-tech {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    margin: 0 10px 10px;
    display: inline-block;
    width: 96%;
}
@media all and (min-width: 1024px) {
    .data-science-tech {
        text-align: center;
        margin: 10px;
        width: auto;
    }
}
.data-science-tech span {
    background-color: #205fa9;
    padding: 18px 20px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    display: block;
    position: relative;
}
@media all and (min-width: 1024px) {
    .data-science-tech span {
        display: inline-block;
        float: left;
    }
}
.data-science-tech span:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #205fa9;
    transform: translate(0, -50%);
    display: none;
}
@media all and (min-width: 1024px) {
    .data-science-tech span:after {
        display: block;
    }
}
.data-science-tech ul {
    padding: 10px 30px;
}
@media all and (min-width: 1024px) {
    .data-science-tech ul {
        float: left;
    }
}
.data-science-tech ul li {
    padding: 0 10px;
}
@media all and (min-width: 1024px) {
    .data-science-tech ul li {
        float: left;
    }
}
.mean-intro {
    min-height: 560px;
    background-color: #fff;
    margin-bottom: 30px;
}
@media all and (max-width: 767px) {
    .mean-intro {
        min-height: inherit !important;
    }
}
.mean-intro__technology {
    padding: 50px;
    text-align: center;
}
@media all and (max-width: 767px) {
    .mean-intro__technology {
        padding: 20px 15px;
    }
}
.mean-intro__technology h5 {
    font-size: 30px;
    margin: 30px 0;
    position: relative;
}
.mean-intro__technology h5:after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 58px;
    height: 1px;
    background-color: #ccc;
    left: 43%;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
}
.mean-intro__technology p {
    font-size: 20px;
    line-height: 32px;
}
@media all and (max-width: 767px) {
    .mean-intro__technology p {
        font-size: 16px;
        line-height: 28px;
    }
}
.hire-java .fi-pan a {
    border-bottom: 0;
    min-height: 360px;
}
.hire-java .fi-pan a:hover {
    border-bottom: 0;
}
.hire-java .fi-pan h3 {
    position: relative;
    margin-bottom: 50px;
}
.hire-java .fi-pan h3:after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: #009c52;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.fi-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    width: 30%;
    overflow: hidden;
    background-color: #fff;
}
@media all and (max-width: 767px) {
    .fi-pan {
        margin: 15px 0;
    }
}
.o-case-studies-new .row {
    margin: 0;
}
.fi-pan h3 {
    text-transform: none;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.fi-pan p {
    font-size: 19px !important;
    text-align: left;
    line-height: 30px;
    color: #333;
    font-weight: 500;
}
.fi-pan a {
    display: block;
    padding: 40px 25px;
    position: relative;
    min-height: 340px;
    border-bottom: 5px solid #4a90e2;
}
.fi-pan a:hover {
    border-bottom: 10px solid #4a90e2;
}
.fi-pan a.odd {
    border-bottom: 5px solid #009c52;
}
.fi-pan a.odd:hover {
    border-bottom: 10px solid #009c52;
}
.fi-pan span {
    text-transform: uppercase;
    color: #27c070;
    font-size: 15px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    background: url(images/common/arrow-green.png) no-repeat 100% 50%;
    display: inline-block;
    padding-right: 30px;
}
.cs-slider {
    background-color: #fff;
    overflow: hidden;
}
.cs-slider img {
    float: right;
}
@media all and (max-width: 991px) {
    .cs-slider img {
        float: none;
    }
}
@media all and (max-width: 767px) {
    .cs-slider img {
        display: none;
    }
}
.cs-slider div {
    float: left;
    width: 50%;
    text-align: left;
    padding: 50px;
}
@media all and (max-width: 1199px) {
    .cs-slider div {
        width: 41%;
    }
}
@media all and (max-width: 991px) {
    .cs-slider div {
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .cs-slider div {
        padding: 50px 15px 30px;
    }
}
.cs-slider div h4 {
    position: relative;
    font-size: 22px;
    line-height: 28px;
    font-family: "Source Serif Pro", serif;
    color: #27c070;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.cs-slider div h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 4px;
    background-color: #27c070;
}
.cs-slider div h5 {
    margin-bottom: 20px;
    font-size: 24px;
}
.cs-slider div p.cs-tech {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    font-family: "Source Serif Pro", serif;
}
.cs-slider div p.cs-tech span {
    color: #27c070;
    font-weight: bold;
}
.cs-slider div p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    font-family: "Source Serif Pro", serif;
}
@media all and (max-width: 767px) {
    .cs-slider div p {
        font-size: 16px;
        line-height: 23px;
    }
}
.cs-slider div a {
    text-transform: uppercase;
    color: #27c070;
    font-size: 15px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    background: url(images/common/arrow-green.png) no-repeat 100% 50%;
    display: inline-block;
    padding-right: 30px;
}
@media all and (max-width: 768px) {
    .cs-slider div a {
        display: none;
    }
}
.case-studies-slider .slick-prev {
    background: url(images/common/previous-arrow.png) no-repeat 0 0;
    width: 21px;
    height: 42px;
    text-indent: -10000px;
    position: absolute;
    left: -30px;
    top: 50%;
    z-index: 999;
}
@media all and (max-width: 767px) {
    .case-studies-slider .slick-prev {
        display: none !important;
    }
}
.case-studies-slider .slick-next {
    background: url(images/common/next-arrow.png) no-repeat 0 0;
    width: 21px;
    height: 42px;
    text-indent: -10000px;
    position: absolute;
    right: -30px;
    top: 50%;
}
@media all and (max-width: 767px) {
    .case-studies-slider .slick-next {
        display: none !important;
    }
}
.faq-pan {
    z-index: 9;
    position: relative;
    margin-top: 30px;
}
.faq-holder {
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.accordion1 {
    background-color: transparent;
    color: #333;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    line-height: 25px;
    transition: 0.4s;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    position: relative;
}
@media all and (max-width: 767px) {
    .accordion1 {
        font-size: 13px;
        line-height: 17px;
        padding: 15px 35px 15px 15px;
    }
}
.active1,
.accordion1:hover {
    background-color: transparent;
}
.accordion1:after {
    content: "\002B";
    color: #27c070;
    font-weight: normal;
    float: right;
    margin-left: 5px;
    font-size: 30px;
    position: absolute;
    right: 18px;
    top: 18px;
}
.active1:after {
    content: "\2212";
}
.product-1-left h3 {
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 80px;
}
.product-1-left p {
    font-size: 19px;
    line-height: 30px;
}
@media all and (min-width: 1024px) {
    .product-1-right ul {
        padding-left: 100px;
    }
}
.product-1-right ul li {
    background: url(images/products/green-tick.png) no-repeat 0 10px;
    padding: 0 0 10px 30px;
    font-size: 19px;
    line-height: 28px;
    font-weight: bold;
}
.product-pan2 h3 {
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 80px;
    padding-top: 50px;
}
.product-pan2 p {
    font-size: 19px;
    line-height: 30px;
    padding-top: 20px;
}
.product-pan2 ul {
    padding-top: 20px;
}
.product-pan2 ul li {
    background: url(images/products/green-tick.png) no-repeat 0 10px;
    padding: 0 0 10px 30px;
    font-size: 19px;
    line-height: 28px;
    font-weight: bold;
}
.p-logo-sec {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.p-logo-sec li {
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle;
}
.p-logo-sec li:first-child {
    padding: 0 20px 20px 0;
    border-right: 1px solid #979797;
}
.p-logo-sec li:last-child {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.p-logo-sec li:last-child img {
    margin-right: 10px;
    display: inline-block;
}
.p-logo-sec li a {
    display: inline-block;
    color: #333333;
}
.product-blue-banner {
    background: #091b38;
    padding-bottom: 20px;
}
@media all and (min-width: 1024px) {
    .product-blue-banner {
        padding-bottom: 0;
    }
}
.product-blue-banner img {
    float: right;
}
.product-blue-banner h2 {
    color: #fff;
    font-size: 44px;
    line-height: 55px;
    font-weight: bold;
    padding: 25px 0 0;
}
.product-blue-banner a {
    border: 2px solid #ff5800;
    background: url(images/common/arrow-white.png) 90% 50% no-repeat;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    padding: 16px 60px 18px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0 0 0;
    display: inline-block;
    font-weight: 500;
}
@media all and (min-width: 1024px) {
    .product-blue-banner a {
        font-size: 17px;
    }
}
.product-blue-banner a:focus {
    color: #fff;
}
.product-blue-banner a:hover {
    background-color: #ff5800;
    color: #fff;
}
.o-home-hero__background {
    background-color: #071c36;
}
.o-home-hero .video-pan {
    display: none;
}
@media all and (min-width: 1024px) {
    .o-home-hero .video-pan {
        display: block;
    }
}
.o-home-hero .home-video {
    width: 631px;
}
.o-home-hero .banner-logo {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100000;
    transform: translate(-50%, -50%);
}
.o-home-hero .award-logo {
    width: 100%;
    margin-left: 0;
}
@media all and (min-width: 1024px) {
    .o-home-hero .award-logo {
        width: 571px;
        margin-left: 40px;
    }
}
.o-home-hero h1 .subheading {
    color: #8cc34c !important;
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .o-home-hero h1 .subheading {
        font-size: 28px;
        line-height: 40px;
    }
}
.o-home-service {
    position: relative;
    min-height: 820px;
    padding: 20px 10px;
}
@media all and (min-width: 1024px) {
    .o-home-service {
        padding: 0;
    }
}
.o-home-service .home-pattern {
    display: none;
}
@media all and (min-width: 1024px) {
    .o-home-service .home-pattern {
        display: block;
    }
}
.o-home-service_holder {
    width: 100%;
}
@media all and (min-width: 1024px) {
    .o-home-service_holder {
        width: 1000px;
        position: absolute;
        left: 50%;
        top: 80px;
        transform: translate(-50%, 0);
    }
}
.o-home-service_holder h3 {
    color: #333 !important;
}
@media all and (min-width: 1024px) {
    .o-home-service_holder h3 {
        color: #fff !important;
    }
}
@media all and (max-width: 767px) {
    .o-home-service_holder h3 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 25px;
    }
}
@media all and (max-width: 767px) {
    .o-home-service_holder h3 br {
        display: none;
    }
}
.o-home-service .white-box {
    background-color: #fff;
    display: inline-block;
    width: 225px;
    height: 225px;
    border-bottom: 4px solid #009c52;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 10px 20px;
    position: relative;
    padding: 130px 20px 0;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #333;
    font-weight: 500;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(168, 168, 168, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(168, 168, 168, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(168, 168, 168, 0.5);
}
@media all and (min-width: 1024px) {
    .o-home-service .white-box {
        margin: 0 10px;
    }
}
@media all and (max-width: 767px) {
    .o-home-service .white-box {
        width: 43%;
    }
}
.o-home-service .white-box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
    background-image: url("images/home/home-sprite.png");
    width: 70px;
    height: 63px;
}
.o-home-service .white-box:hover {
    border-bottom: 20px solid #009c52;
}
.o-home-service .white-box__blue-border {
    border-bottom: 4px solid #4a90e2;
}
.o-home-service .white-box__blue-border:hover {
    border-bottom: 20px solid #4a90e2;
}
.o-home-service .white-box__choose-01:before {
    content: "";
    background-position: 0 0;
}
.o-home-service .white-box__choose-02:before {
    content: "";
    background-position: -80px 0;
}
.o-home-service .white-box__choose-03:before {
    content: "";
    background-position: -160px 0;
}
.o-home-service .white-box__choose-04:before {
    content: "";
    background-position: -240px 0;
}
.o-home-service .white-box:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    background-image: url("images/home/home-arrow.png");
    width: 22px;
    height: 22px;
}
.home-link {
    font-family: "Montserrat", sans-serif;
    color: #333;
    font-size: 19px;
    font-weight: 500;
    text-decoration: underline;
}
.o-home-technology .box {
    background-color: #fff;
    display: inline-block;
    width: 175px;
    height: 210px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 5px 20px;
    position: relative;
    padding: 120px 10px 0;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #333;
    font-weight: 500;
    vertical-align: top;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(168, 168, 168, 0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(168, 168, 168, 0.5);
    box-shadow: 0px 0px 12px 0px rgba(168, 168, 168, 0.5);
    z-index: 9;
}
@media all and (min-width: 1024px) {
    .o-home-technology .box {
        margin: 0 5px;
    }
}
@media all and (max-width: 500px) {
    .o-home-technology .box {
        width: 44%;
        font-size: 18px;
    }
}
.o-home-technology .box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
    background-image: url("images/home/home-sprite.png");
    width: 60px;
    height: 55px;
}
.o-home-technology .box:hover {
    color: #fff;
}
.o-home-technology .box:hover:before {
    background-image: url("images/home/home-sprite.png");
}
.o-home-technology .box:hover:after {
    background-image: url("images/home/home-arrow-hover.png");
}
.o-home-technology .box__home-technology-01:before {
    content: "";
    background-position: 0 -73px;
}
.o-home-technology .box__home-technology-01:hover {
    background-color: #00b05c;
}
.o-home-technology .box__home-technology-01:hover:before {
    content: "";
    background-position: 0 -138px;
}
.o-home-technology .box__home-technology-02:before {
    content: "";
    background-position: -70px -73px;
}
.o-home-technology .box__home-technology-02:hover {
    background-color: #00af93;
}
.o-home-technology .box__home-technology-02:hover:before {
    content: "";
    background-position: -70px -138px;
}
.o-home-technology .box__home-technology-03:before {
    content: "";
    background-position: -140px -73px;
}
.o-home-technology .box__home-technology-03:hover {
    background-color: #0095b5;
}
.o-home-technology .box__home-technology-03:hover:before {
    content: "";
    background-position: -140px -138px;
}
.o-home-technology .box__home-technology-04:before {
    content: "";
    background-position: -210px -73px;
}
.o-home-technology .box__home-technology-04:hover {
    background-color: #007fab;
}
.o-home-technology .box__home-technology-04:hover:before {
    content: "";
    background-position: -210px -138px;
}
.o-home-technology .box__home-technology-05:before {
    content: "";
    background-position: -280px -73px;
}
.o-home-technology .box__home-technology-05:hover {
    background-color: #014d95;
}
.o-home-technology .box__home-technology-05:hover:before {
    content: "";
    background-position: -280px -138px;
}
.o-home-technology .box__home-technology-06:before {
    content: "";
    background-position: -350px -73px;
}
.o-home-technology .box__home-technology-06:hover {
    background-color: #15336b;
}
.o-home-technology .box__home-technology-06:hover:before {
    content: "";
    background-position: -350px -138px;
}
.o-home-technology .box:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    background-image: url("images/home/home-arrow.png");
    width: 22px;
    height: 22px;
}
.o-home-casestudies .casestudies-pan {
    background-color: #fff;
    display: inline-block;
    width: 25%;
    position: relative;
    font-size: 25px;
    font-family: "Montserrat", sans-serif;
    vertical-align: top;
    float: left;
}
.o-home-casestudies .casestudies-pan h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
}
.o-home-casestudies .casestudies-pan a {
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #fff;
}
.o-home-casestudies .casestudies-pan a:hover {
    text-decoration: none;
}
.o-home-casestudies .casestudies-pan .small-casestudies {
    margin: 1px 0;
    border: 1px solid #f5f5f5;
    padding: 100px 40px 40px 40px;
    background-image: url("images/home/home-casestudies.png");
    width: 285px;
    height: 282px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.o-home-casestudies .casestudies-pan .small-casestudies:hover {
    transform: scale(1.05);
    z-index: 9;
}
.o-home-casestudies .casestudies-pan .small-casestudies_small-c1 {
    background-position: 0 0;
}
.o-home-casestudies .casestudies-pan .small-casestudies_small-c2 {
    background-position: -285px -569px;
}
.o-home-casestudies .casestudies-pan .small-casestudies_small-c3 {
    background-position: -572px 0;
}
.o-home-casestudies .casestudies-pan .small-casestudies_small-c4 {
    background-position: -858px -569px;
}
.o-home-casestudies .casestudies-pan .small-casestudies span {
    width: 34px;
    height: 34px;
    background-color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.o-home-casestudies .casestudies-pan .big-casestudies {
    margin: 1px 0;
    border: 1px solid #f5f5f5;
    padding: 100px 20px 20px 20px;
    background-image: url("images/home/home-casestudies.png");
    width: 285px;
    height: 564px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.o-home-casestudies .casestudies-pan .big-casestudies:hover {
    transform: scale(1.05);
    z-index: 9;
}
.o-home-casestudies .casestudies-pan .big-casestudies_big-c1 {
    background-position: 0 -285px;
}
.o-home-casestudies .casestudies-pan .big-casestudies_big-c2 {
    background-position: -286px 0;
}
.o-home-casestudies .casestudies-pan .big-casestudies_big-c3 {
    background-position: -572px -285px;
}
.o-home-casestudies .casestudies-pan .big-casestudies_big-c4 {
    background-position: -858px 0;
}
.o-home-casestudies .casestudies-pan .big-casestudies_extra-top-pad {
    padding-top: 410px;
}
.o-home-casestudies .casestudies-pan .big-casestudies span {
    width: 34px;
    height: 34px;
    background-color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.o-home-casestudies .casestudies-pan span.watch {
    background: url("images/home/icon-watch.svg") no-repeat 50% 50% #fff;
}
.o-home-casestudies .casestudies-pan span.mobile {
    background: url("images/home/icon-mobile.svg") no-repeat 50% 50% #fff;
}
.o-home-casestudies .casestudies-pan span.desktop {
    background: url("images/home/icon-desktop.svg") no-repeat 50% 50% #fff;
}
.o-home-casestudies .casestudies-pan span.game {
    background: url("images/home/icon-game.svg") no-repeat 50% 50% #fff;
}
.o-why-choose-cn {
    background: url("images/home/why-choose-cn.jpg") no-repeat 50% 50%;
    color: #fff;
}
.o-why-choose-cn_left {
    background-color: #1d2942;
    min-height: 256px;
    padding: 80px 50px;
}
@media all and (min-width: 1024px) {
    .o-why-choose-cn_left {
        min-height: 416px;
    }
}
@media all and (max-width: 768px) {
    .o-why-choose-cn_left {
        min-height: 200px;
        padding: 30px 15px;
        text-align: center;
    }
}
.o-why-choose-cn_left h2 {
    font-size: 36px;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
}
@media all and (max-width: 767px) {
    .o-why-choose-cn_left h2 {
        text-transform: capitalize;
        font-size: 34px;
    }
}
@media all and (min-width: 1024px) {
    .o-why-choose-cn_left h2 {
        font-size: 48px;
        line-height: 45px;
    }
}
.o-why-choose-cn_left h2 span {
    display: block;
    font-size: 24px;
    padding-bottom: 10px;
    text-transform: capitalize;
}
@media all and (min-width: 1024px) {
    .o-why-choose-cn_left h2 span {
        font-size: 34px;
    }
}
.o-why-choose-cn_left h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    background-color: #14df7d;
    width: 170px;
    height: 3px;
}
@media all and (max-width: 768px) {
    .o-why-choose-cn_left h2:before {
        margin: 0 auto;
        right: 0;
    }
}
.o-why-choose-cn_right {
    background-color: #075091;
    min-height: 416px;
    padding: 50px 25px 10px;
}
@media all and (min-width: 1024px) {
    .o-why-choose-cn_right {
        padding: 50px 50px 0;
    }
}
.o-why-choose-cn_right h5 {
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .o-why-choose-cn_right h3 br {
        display: none;
    }
}
@media all and (max-width: 768px) {
    .o-why-choose-cn_right {
        text-align: center;
        min-height: inherit;
        padding: 30px 25px 10px;
    }
}
@media all and (max-width: 767px) {
    .o-why-choose-cn_right {
        background-color: #1d2942;
        padding: 0 25px 10px;
    }
}
.o-home-cn-details_details-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1%;
    margin-right: 1%;
    background-size: cover !important;
    float: left;
    position: relative;
    overflow: hidden;
}
.o-home-cn-details_details-box a {
    display: block;
    min-height: 225px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.o-home-cn-details_details-box a:hover {
    transform: scale(1.1);
}
@media all and (max-width: 768px) {
    .o-home-cn-details_details-box a {
        text-align: center;
        padding: 100px 0 20px 0;
        min-height: inherit;
    }
}
.o-home-cn-details_box1 {
    width: 100%;
    border: 1px solid #ccc;
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box1 {
        width: 40%;
    }
}
.o-home-cn-details_box1 a {
    padding: 70px 0 0 160px;
}
.o-home-cn-details_box1 a:before {
    position: absolute;
    left: 50px;
    top: 50%;
    content: "";
    background: url("images/home/details-icon-1.png") no-repeat 50% 50%;
    width: 74px;
    height: 76px;
    transform: translate(0, -50%);
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box1 a:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
        transform: translate(0);
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box1 a {
        text-align: center;
        padding: 100px 0 20px 0;
    }
}
.o-home-cn-details_box2 {
    width: 100%;
    background: url("images/home/details-bg-1.jpg") no-repeat 50% 50%;
    min-height: 225px;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box2 {
        width: 40%;
    }
}
.o-home-cn-details_box2 a {
    padding-top: 160px;
    font-size: 16px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box2 a {
        text-align: center;
        padding: 150px 0 20px 0;
    }
}
.o-home-cn-details_box2 span {
    width: 55px;
    height: 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url("images/home/play-button.png") no-repeat 50% 50%;
}
.o-home-cn-details_box2 span:hover {
    background: url("images/home/play-button-hover.png") no-repeat 50% 50%;
}
.o-home-cn-details_box3 {
    width: 100%;
    background-color: #009c52;
    min-height: 225px;
    margin-right: 0;
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box3 {
        width: 18%;
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box3 {
        min-height: inherit;
    }
}
.o-home-cn-details_box3 a {
    padding: 80px 0 0 50px;
    background-color: #009c52;
}
.o-home-cn-details_box3 a:before {
    position: absolute;
    left: 50px;
    top: 40px;
    content: "";
    background: url("images/home/details-icon-3.png") no-repeat 0 0;
    width: 38px;
    height: 38px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box3 a:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
        transform: translate(0);
    }
}
.o-home-cn-details_box3 a h6 {
    line-height: 24px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box3 a {
        text-align: center;
        padding: 70px 0 20px 0;
    }
}
.o-home-cn-details_box4 {
    width: 100%;
    background-color: #009c52;
    min-height: 225px;
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box4 {
        width: 19%;
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box4 {
        min-height: inherit;
    }
}
.o-home-cn-details_box4 a {
    padding: 110px 0 0 50px;
    background-color: #009c52;
}
.o-home-cn-details_box4 a:before {
    position: absolute;
    left: 50px;
    top: 50px;
    content: "";
    background: url("images/home/details-icon-4.png") no-repeat 0 0;
    width: 56px;
    height: 53px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box4 a:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
        transform: translate(0);
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box4 a {
        text-align: center;
        padding: 70px 0 20px 0;
    }
}
.o-home-cn-details_box4 a h6 {
    line-height: 24px;
}
.o-home-cn-details_box5 {
    width: 100%;
    background: url("images/home/details-bg-2.jpg") no-repeat 50% 50%;
    min-height: 225px;
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box5 {
        width: 40%;
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box5 {
        min-height: inherit;
    }
}
.o-home-cn-details_box5 a {
    padding: 80px 0 0 110px;
}
.o-home-cn-details_box5 a:before {
    position: absolute;
    left: 45px;
    top: 86px;
    content: "";
    background: url("images/home/details-icon-8.png") no-repeat 0 0;
    width: 41px;
    height: 41px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box5 a:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
        transform: translate(0);
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box5 a {
        text-align: center;
        padding: 70px 0 20px 0;
    }
}
.o-home-cn-details_box5 a h6 {
    line-height: 27px;
    position: relative;
    display: inline-block;
}
.o-home-cn-details_box5 a h6 span {
    display: block;
    font-size: 16px;
}
.o-home-cn-details_box5 a h6:after {
    position: absolute;
    right: -40px;
    bottom: 2px;
    content: "";
    background: url(images/home/home-white-arrow.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
}
.o-home-cn-details_box5 a h6:hover:after {
    position: absolute;
    right: -40px;
    bottom: 2px;
    content: "";
    background: url(images/home/home-orange-arrow.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
}
.o-home-cn-details_box6 {
    width: 100%;
    background-color: #4a90e2;
    min-height: 225px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box6 {
        min-height: inherit;
    }
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box6 {
        width: 20%;
    }
}
.o-home-cn-details_box6 a {
    padding: 90px 0 0 50px;
    background-color: #4a90e2;
}
.o-home-cn-details_box6 a:before {
    position: absolute;
    left: 50px;
    top: 40px;
    content: "";
    background: url("images/home/details-icon-6.png") no-repeat 0 0;
    width: 56px;
    height: 53px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box6 a:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
        transform: translate(0);
    }
}
.o-home-cn-details_box6 a h6 {
    line-height: 24px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box6 a {
        text-align: center;
        padding: 70px 0 20px 0;
    }
}
.o-home-cn-details_box7 {
    width: 100%;
    min-height: 225px;
    border: 1px solid #ccc;
    margin-right: 0;
}
@media all and (min-width: 1024px) {
    .o-home-cn-details_box7 {
        width: 18%;
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box7 {
        min-height: inherit;
    }
}
.o-home-cn-details_box7 a {
    padding: 90px 10px 0 30px;
}
.o-home-cn-details_box7 a:before {
    position: absolute;
    left: 30px;
    top: 40px;
    content: "";
    background: url("images/home/details-icon-7.png") no-repeat 0 0;
    width: 140px;
    height: 44px;
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box7 a:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
        transform: translate(0);
    }
}
@media all and (max-width: 768px) {
    .o-home-cn-details_box7 a {
        text-align: center;
        padding: 70px 0 20px 0;
    }
}
.o-home-cn-details_box7 a h6 {
    line-height: 24px;
}
.home-pattern {
    position: relative;
    overflow: hidden;
}
.home-pattern:after {
    content: "";
    position: absolute;
    width: 604px;
    height: 250px;
    z-index: 1;
}
@media all and (min-width: 1024px) {
    .home-pattern-br:after {
        background: url(images/home/right-bot-pattern.png) no-repeat 100% 100%;
        right: 0;
        bottom: 0;
    }
}
@media all and (min-width: 1024px) {
    .home-pattern-tl:after {
        background: url(images/home/left-top-pattern.png) no-repeat 0 0;
        left: 0px;
        top: 0;
    }
}
@media all and (min-width: 1024px) {
    .home-pattern-tr:after {
        background: url(images/home/right-top-pattern.png) no-repeat 100% 0;
        right: 0;
        top: 0;
    }
}
@media all and (min-width: 1024px) {
    .home-pattern-bl:after {
        background: url(images/home/left-bot-pattern.png) no-repeat 0 100%;
        left: 0;
        bottom: 0;
    }
}
@media all and (min-width: 1024px) {
    .home-pattern-header:after {
        background: url(images/home/banner-pattern.png) no-repeat 0 100%;
        right: -40px;
        bottom: -2px;
        width: 404px;
        height: 160px;
    }
}
.home-page .btn-center-block {
    margin: 0px auto;
    width: 270px;
}
@media all and (min-width: 1024px) {
    .home-page .btn-center-block {
        width: 300px;
    }
}
.home-page .btn {
    font-size: 16px;
    max-width: 270px;
}
@media all and (min-width: 1024px) {
    .home-page .btn {
        font-size: 18px;
        max-width: 350px;
    }
}
@media all and (max-width: 768px) {
    .home-page .btn {
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .home-page .btn {
        width: 100%;
    }
}
.home-page .o-case-studies-new .product .u-pull-left {
    float: none !important;
}
@media all and (min-width: 1024px) {
    .home-page .o-case-studies-new .product .u-pull-left {
        float: left;
    }
}
@media all and (max-width: 992px) {
    .home-page #navbar {
        top: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .home-page #navbar {
        position: absolute;
    }
}
@media all and (max-width: 992px) {
    #home-pan {
        padding-top: 104px;
    }
}
.responsive-image-award {
    display: none;
}
@media all and (max-width: 767px) {
    .responsive-image-award {
        /* display: block; */
        margin-bottom: 25px;
    }
}
.responsive-image-award-no-logo {
    display: block;
}
@media all and (max-width: 767px) {
    .responsive-image-award-no-logo {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .cs-slider {
        border: 1px solid #e5e5e5;
    }
}
.grt-slider .slick-list.draggable {
    border: none;
}
.home-fi {
    background: url(images/home/remotedev-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
}
.home-fi h2 {
    background: url(images/home/remotedev-heading-bg.png) no-repeat 0 0;
    color: #fff;
    font-size: 20px;
    padding: 0px 0 10px 20px;
    line-height: 46px;
    margin-top: 40px;
}
.home-fi h3 {
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    padding: 20px 40% 20px 0;
}
@media all and (min-width: 1024px) {
    .home-fi h3 {
        font-size: 44px;
        line-height: 50px;
        padding: 20px 0;
    }
}
.home-fi h3 span {
    color: #36e079;
}
.book-img {
    display: none;
}
@media all and (min-width: 1024px) {
    .book-img {
        display: block;
        position: relative;
    }
}
.book-img img {
    position: absolute;
    top: -50px;
}
.home-fi .btn {
    margin: 0;
}
.book-img-left {
    padding-right: 60px;
    padding-bottom: 60px;
    background: url(images/home/remotedev-img-mobile.png) no-repeat 100% 100%;
}
@media all and (min-width: 1024px) {
    .book-img-left {
        padding-right: 0;
        padding-top: 60px;
        padding-bottom: 90px;
        background-image: none;
    }
}
.cmn-bottom-border {
    border-bottom: 1px solid #cae0e7;
}
.green-head-ribbon span:before {
    content: "";
    position: absolute;
    background: url(images/common/heading-left-bg2.png) no-repeat 0 0;
    width: 41px;
    height: 19px;
    top: -17px;
    left: 0;
    border: none;
}
.wb-bnr .font-family-pro {
    font-family: "Source Serif Pro", serif;
}
.small-h1 {
    text-align: center;
}
.small-h1 h1 {
    font-size: 22px;
    line-height: 32px;
}
@media all and (min-width: 1024px) {
    .small-h1 h1 {
        padding: 0 80px;
        font-size: 36px;
        line-height: 51px;
    }
}
.small-h1 h2 {
    font-size: 22px;
    color: #14e07e;
    margin-top: 25px;
    font-weight: 900;
}
@media all and (min-width: 1024px) {
    .small-h1 h2 {
        font-size: 26px;
    }
}
.small-h1 .bnr-ofr-text {
    color: #14e07e;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: bold;
}
@media all and (min-width: 1024px) {
    .small-h1 .bnr-ofr-text {
        padding: 0 280px;
        font-size: 26px;
        line-height: 36px;
        font-size: 18px;
        font-weight: 600;
        margin-top: 10px;
    }
}
.small-h1 .bnr-ofr-text a {
    text-decoration: underline;
    color: #14e07e;
}
.web-app-service {
    position: relative;
}
.web-app-service:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    display: none;
}
@media all and (min-width: 1024px) {
    .web-app-service:before {
        display: block;
    }
}
.web-app-service:after {
    content: "";
    position: absolute;
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 326px;
    -webkit-transform: rotate(0deg);
    display: none;
}
@media all and (min-width: 1024px) {
    .web-app-service:after {
        display: block;
    }
}
.web-app-service .container {
    position: relative;
    z-index: 9;
}
.web-app-service h2 {
    margin-bottom: 25px;
}
.web-app-service p {
    font-size: 16px;
    line-height: 24px;
}
@media all and (min-width: 1024px) {
    .web-app-service p {
        font-size: 19px;
        line-height: 30px;
    }
}
.web-app-service .service-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.web-app-service .service-wrap .services-pan {
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .web-app-service .service-wrap .services-pan {
        width: 30%;
        height: auto;
        padding: 120px 30px 30px;
    }
}
@media all and (min-width: 1080px) {
    .web-app-service .service-wrap .services-pan {
        height: 600px;
    }
}
@media all and (min-width: 1024px) {
    .web-app-service .service-wrap .services-pan h3 {
        padding: 0 2px;
    }
}
.web-app-service .service-wrap .services-pan a {
    width: 134px;
    height: 46px;
    line-height: 42px;
    border: 2px solid #333333;
    border-radius: 5px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    transition: 0.3s all ease-in;
}
.web-app-service .service-wrap .services-pan a:hover {
    border: 2px solid #ff5800;
    color: #ff5800;
}
.web-app-service .service-wrap .services-pan__php {
    position: relative;
}
.web-app-service .service-wrap .services-pan__php:before {
    background: url(images/web-application/services-group-icon.png) no-repeat 0 0;
    width: 61px;
    height: 56px;
}
.web-app-service .service-wrap .services-pan__php-service-01:before {
    background-position: 0 0;
}
.web-app-service .service-wrap .services-pan__php-service-02:before {
    background-position: -62px 0;
}
.web-app-service .service-wrap .services-pan__php-service-03:before {
    background-position: -123px 0;
}
.web-app-service .service-wrap .services-pan__php-service-04:before {
    background-position: -183px 0;
}
.web-app-service .service-wrap .services-pan__php-service-05:before {
    background-position: 0 -57px;
}
.web-app-service .service-wrap .services-pan__php-service-06:before {
    background-position: -62px -55px;
}
.web-app-service .service-wrap .services-pan__php-service-07:before {
    background-position: -123px -57px;
}
.web-app-service .service-wrap .services-pan__php-service-08:before {
    background-position: -183px -57px;
}
.experience-list {
    padding: 0 15px;
}
@media all and (min-width: 1024px) {
    .experience-list {
        padding: 0;
    }
}
.experience-list ul {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .experience-list li {
        width: 22%;
    }
}
.o-two-col-section {
    padding: 40px 0;
    background-size: 50% auto;
}
@media all and (min-width: 768px) {
    .o-two-col-section {
        padding: 100px 0 60px;
    }
}
.o-two-col-section h3 {
    text-align: center;
    margin-bottom: 20px;
}
@media all and (max-width: 767px) {
    .o-two-col-section h3 br {
        display: none;
    }
}
.o-two-col-section h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 50px;
}
.o-two-col-section__left-panel {
    padding-bottom: 40px;
    text-align: center;
    overflow: hidden;
}
@media all and (min-width: 640px) {
    .o-two-col-section__left-panel {
        text-align: left;
    }
}
.o-two-col-section__left-panel figure {
    width: 60px;
    height: 70px;
    margin: 0 auto 25px 0;
    position: relative;
    float: none;
    display: inline-block;
}
@media all and (min-width: 640px) {
    .o-two-col-section__left-panel figure {
        font-size: 37px;
        line-height: 63px;
        float: left;
        margin: 0 30px 25px 0;
    }
}
.o-two-col-section__left-panel figure img {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.o-two-col-section__left-panel .content-section {
    width: 100%;
    text-align: center;
}
@media all and (min-width: 640px) {
    .o-two-col-section__left-panel .content-section {
        float: left;
        width: 85%;
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__left-panel .content-section p {
        font-size: 16px;
        line-height: 28px;
    }
}
.o-two-col-section__right-panel {
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-two-col-section__right-panel {
        text-align: left;
        display: block;
        padding-top: 50px;
    }
}
.o-two-col-section__right-panel img {
    margin-bottom: 50px;
}
@media all and (max-width: 767px) {
    .o-two-col-section__right-panel img {
        margin-bottom: 20px;
        width: 120px;
    }
}
.o-two-col-section__right-panel p {
    background: url("images/agencies/icon-quote.svg") no-repeat 0 0;
    padding: 20px 0 0 10px;
    font-size: 22px;
    line-height: 44px;
}
@media all and (max-width: 767px) {
    .o-two-col-section__right-panel p {
        font-size: 16px;
        line-height: 28px;
        background-size: 50px;
    }
}
@media all and (min-width: 640px) {
    .o-two-col-section__right-panel p {
        font-size: 34px;
        line-height: 63px;
    }
}
.cms-why .service-wrap .services-pan {
    width: 100%;
    padding: 30px 25px 30px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .cms-why .service-wrap .services-pan {
        width: 46%;
        height: 500px;
        margin: 15px;
        padding: 120px 25px 30px;
    }
}
@media all and (max-width: 767px) {
    .cms-why .service-wrap .services-pan p {
        font-size: 16px;
        line-height: 28px;
    }
}
.cms-why .service-wrap .agencies-services:before {
    content: "";
}
@media all and (min-width: 1024px) {
    .cms-why .service-wrap .agencies-services:before {
        background-image: url(images/agencies/agencies-sprite.png);
        width: 77px;
        height: 77px;
    }
}
.cms-why .service-wrap .agencies-01:before {
    background-position: 0px 0px;
}
.cms-why .service-wrap .agencies-02:before {
    background-position: -87px 0px;
}
.cms-why .service-wrap .agencies-03:before {
    background-position: -174px 0px;
}
.cms-why .service-wrap .agencies-04:before {
    background-position: -261px 0px;
}
.o-we-love-intro {
    padding: 40px 0 80px;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-we-love-intro {
        padding: 40px 0 100px;
    }
}
@media all and (max-width: 767px) {
    .o-we-love-intro {
        padding: 40px 0 30px;
    }
}
.o-we-love-intro h1 {
    margin-bottom: 30px;
    text-transform: none;
    line-height: 50px;
}
@media all and (min-width: 1024px) {
    .o-we-love-intro h1 {
        font-size: 80px;
        line-height: 55px;
        letter-spacing: 2.5px;
        text-shadow: 1px 1px 0px #333, -1px 1px 0px #333, 1px -1px 0px #333, -1px -1px 0px #333;
    }
}
@media all and (max-width: 767px) {
    .o-we-love-intro h1 {
        padding-top: 50px;
    }
}
.o-we-love-intro h2 {
    margin-bottom: 30px;
    text-transform: none;
    line-height: 50px;
}
@media all and (min-width: 1024px) {
    .o-we-love-intro h2 {
        font-size: 80px;
        line-height: 55px;
    }
}
.o-we-love-intro h2.love-subheading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
@media all and (min-width: 1024px) {
    .o-we-love-intro h2.love-subheading {
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
        margin-bottom: 10px;
    }
}
.o-we-love-intro h3 {
    margin-bottom: 20px;
}
.o-we-love-intro h4 {
    margin-bottom: 20px;
}
.o-we-love-intro p strong {
    font-weight: 600;
}
.o-we-love-intro__other-text {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 767px) {
    .o-we-love-intro__other-text {
        font-size: 16px;
        line-height: 28px;
    }
}
.o-we-love-intro__we-love-image {
    padding-bottom: 40px;
}
.o-we-love-intro .c-btn {
    margin-top: 20px;
}
.cto-info-p-heading {
    font-size: 23px !important;
    line-height: 35px !important;
}
.cto-last-solid-info {
    padding: 0 60px;
    margin-bottom: 40px;
}
.margin-top-bottom-10 {
    margin: 10px 0 !important;
}
@media all and (max-width: 767px) {
    .cmo-service .o-home-service_holder h3 {
        color: #fff !important;
    }
}
.o-services-intro-2 {
    background: #fff url(images/common/bottom-pattern-r.html) 100% 100% no-repeat;
    background-size: 40%;
}
.o-services-intro-2 h2 {
    text-transform: capitalize;
}
.o-services-intro-2 .how-it-works-holder {
    background: none;
    text-align: center;
    margin: 40px 0;
}
@media all and (min-width: 992px) {
    .o-services-intro-2 .how-it-works-holder {
        background: #fff url(images/common/divider.png) 50% 0 repeat-y;
        text-align: left;
        margin: 80px 0;
    }
}
.o-services-intro-2 .how-it-works-holder .text-bg h5 {
    margin-bottom: 10px;
}
.o-services-intro-2 .how-it-works-holder img {
    display: none;
}
@media all and (min-width: 1024px) {
    .o-services-intro-2 .how-it-works-holder img {
        display: block;
    }
}
.o-services-intro-2 .right {
    float: none;
}
@media all and (min-width: 1024px) {
    .o-services-intro-2 .right {
        float: right;
    }
}
.o-services-intro-2 .text-bg {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 27px 0px #e3e3e3;
    -moz-box-shadow: 0px 0px 27px 0px #e3e3e3;
    box-shadow: 0px 0px 27px 0px #e3e3e3;
    padding: 30px 20px 20px;
    margin-bottom: 60px;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-services-intro-2 .text-bg {
        padding: 50px 60px 30px;
    }
}
.o-services-intro-2 .text-bg.no-margin {
    margin-bottom: 0;
}
.o-services-intro-2 .text-bg:before {
    position: absolute;
    top: 50px;
    width: 30px;
    height: 30px;
    content: "";
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
}
.o-services-intro-2 .text-bg span {
    font-size: 36px;
    font-weight: 500;
}
.o-services-intro-2 .text-bg span.blue {
    color: #3e93da;
}
.o-services-intro-2 .text-bg span.green {
    color: #24c683;
}
.o-services-intro-2 .text-bg span.orange {
    color: #fa8b00;
}
.o-services-intro-2 .text-bg span.light-blue {
    color: #5eacf9;
}
.o-services-intro-2 .text-bg p {
    font-size: 16px;
}
.o-services-intro-2 .text-bg-1:before {
    border: 4px solid #3e93da;
    display: none;
}
@media all and (min-width: 992px) {
    .o-services-intro-2 .text-bg-1:before {
        left: -110px;
        display: block;
    }
}
@media all and (min-width: 1200px) {
    .o-services-intro-2 .text-bg-1:before {
        left: -71px;
        display: block;
    }
}
.o-services-intro-2 .text-bg-2:before {
    border: 4px solid #24c683;
    display: none;
}
@media all and (min-width: 992px) {
    .o-services-intro-2 .text-bg-2:before {
        right: -110px;
        display: block;
    }
}
@media all and (min-width: 1200px) {
    .o-services-intro-2 .text-bg-2:before {
        right: -71px;
        display: block;
    }
}
.o-services-intro-2 .text-bg-3:before {
    border: 4px solid #fa8b00;
    display: none;
}
@media all and (min-width: 992px) {
    .o-services-intro-2 .text-bg-3:before {
        left: -110px;
        display: block;
    }
}
@media all and (min-width: 1200px) {
    .o-services-intro-2 .text-bg-3:before {
        left: -71px;
        display: block;
    }
}
.o-services-intro-2 .text-bg-4:before {
    border: 4px solid #5eacf9;
    display: none;
}
@media all and (min-width: 992px) {
    .o-services-intro-2 .text-bg-4:before {
        right: -110px;
        display: block;
    }
}
@media all and (min-width: 1200px) {
    .o-services-intro-2 .text-bg-4:before {
        right: -71px;
        display: block;
    }
}
.o-services-intro-2 .text-bg-5:before {
    border: 4px solid #24c683;
    display: none;
}
@media all and (min-width: 992px) {
    .o-services-intro-2 .text-bg-5:before {
        left: -110px;
        display: block;
    }
}
@media all and (min-width: 1200px) {
    .o-services-intro-2 .text-bg-5:before {
        left: -71px;
        display: block;
    }
}
.o-services-intro-2__footer-block {
    padding-top: 70px;
    padding-bottom: 20px;
}
.o-office-desk {
    color: #fff;
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-office-desk {
        padding: 150px 0 100px;
    }
}
.o-office-desk__content {
    margin-bottom: 20px;
    text-align: left;
}
@media all and (min-width: 768px) {
    .o-office-desk__content {
        margin-bottom: 80px;
    }
}
.o-office-desk__content p {
    font-size: 18px;
    line-height: 38px;
    color: #333;
    padding-top: 40px;
}
.o-office-desk__content .img-holder {
    position: relative;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-office-desk__content .img-holder {
        text-align: left;
    }
}
.o-office-desk__content .img-holder img {
    z-index: 1;
    position: relative;
    width: 100%;
}
@media all and (min-width: 768px) {
    .o-office-desk__content .img-holder img {
        width: auto;
    }
}
.o-office-desk__content .img-holder:after {
    position: absolute;
    content: "";
    left: 280px;
    top: -50px;
    width: 208px;
    height: 208px;
    background-color: #ffa56d;
    display: none;
}
@media all and (min-width: 768px) {
    .o-office-desk__content .img-holder:after {
        display: block;
    }
}
.o-office-desk__content .img-holder--m-even {
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-office-desk__content .img-holder--m-even {
        text-align: right;
    }
}
.o-office-desk__content .img-holder--m-even:after {
    left: 100px;
    top: -50px;
    background-color: #b8e986;
}
.o-office-design {
    color: #fff;
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    background: url(images/office-and-infrastructure/office-design-bg.jpg) 0% 50% no-repeat;
    background-size: cover;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-office-design {
        padding: 70px 0 55px;
    }
}
.o-office-design h2 {
    color: #fff;
    font-size: 38px;
    text-transform: capitalize;
}
@media all and (min-width: 768px) {
    .o-office-design h2 {
        font-size: 48px;
    }
}
.o-office-design p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}
.o-office-design--m-infrastructure {
    background: url(images/office-and-infrastructure/infrastructure-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.o-office-design--m-infrastructure .text-content {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 3px solid #b8e986;
    padding: 30px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 28px;
}
.o-office-video {
    color: #fff;
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    background: url(images/office-and-infrastructure/video-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
}
@media all and (min-width: 768px) {
    .o-office-video {
        padding: 100px 0;
    }
}
.o-office-video iframe {
    border: 10px solid #d6d6d6;
}
.o-open-office {
    position: relative;
    padding: 60px 0 100px 0;
    overflow: hidden;
    background: url(images/common/bottom-pattern-r.html) 100% 100% no-repeat;
    text-align: center;
    background-size: 40%;
}
.o-open-office p {
    font-size: 24px;
    font-weight: 600;
}
.o-open-office h3 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    position: relative;
    padding-top: 0;
    padding-bottom: 40px;
}
@media all and (min-width: 992px) {
    .o-open-office h3 {
        text-align: left;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media all and (min-width: 1080px) {
    .o-open-office h3 {
        padding-top: 0;
        font-size: 34px;
        line-height: 50px;
    }
}
@media all and (min-width: 1280px) {
    .o-open-office h3 {
        font-size: 44px;
        line-height: 62px;
    }
}
.o-open-office h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #333;
    width: 80px;
    margin-bottom: 0;
}
@media all and (min-width: 992px) {
    .o-open-office h3:after {
        left: 0;
        margin: 0 auto;
        right: inherit;
    }
}
@media all and (max-width: 992px) {
    .o-open-office .frame-text6 h3 {
        left: 48%;
        transform: translate(-48%, -50%);
    }
}
.o-open-office--description {
    position: relative;
    margin-bottom: 30px;
}
.o-open-office--description img {
    height: auto;
}
@media all and (min-width: 1024px) {
    .o-open-office--description img {
        height: 100%;
    }
}
.o-open-office--description span {
    background-color: #fff;
    position: relative;
    bottom: 0;
    border-bottom: 6px solid #b8e986;
    color: #333;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    min-height: auto;
}
@media all and (min-width: 1024px) {
    .o-open-office--description span {
        max-width: 230px;
        min-height: 205px;
        padding: 30px 20px;
        position: absolute;
        bottom: 50px;
    }
}
.o-open-office--description span.m-left {
    left: 0;
}
@media all and (min-width: 1024px) {
    .o-open-office--description span.m-left {
        left: 15px;
    }
}
.o-open-office--description span.m-right {
    right: 0;
}
@media all and (min-width: 1024px) {
    .o-open-office--description span.m-right {
        right: 15px;
    }
}
.o-open-office--description span.m-left-top {
    left: 0;
    bottom: 20px;
}
.o-open-office--description span.m-right-bot {
    right: 0;
    bottom: 20px;
}
.o-open-office--description span.org-border {
    border-bottom: 6px solid #ff8438;
}
.o-security {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
    background: url(images/common/bottom-pattern-r.html) 100% 100% no-repeat;
    text-align: center;
    background-size: 40%;
}
@media all and (min-width: 768px) {
    .o-security {
        padding: 60px 0 100px;
    }
}
.o-security .security-sub-heading {
    font-size: 24px;
    font-weight: 600;
    color: #333;
}
.o-security h2 {
    font-size: 34px;
    line-height: 38px;
    color: #333;
    margin-bottom: 40px;
    text-transform: capitalize;
}
@media all and (min-width: 768px) {
    .o-security h2 {
        font-size: 48px;
        line-height: 56px;
    }
}
.o-security--m-greybg {
    background-color: #fafafa;
    padding: 40px 0;
}
@media all and (min-width: 768px) {
    .o-security--m-greybg {
        padding: 100px 0;
    }
}
.o-security--m-greybg h2 {
    margin-bottom: 30px;
}
.o-security--m-greybg p {
    font-size: 18px;
    color: #333;
}
.o-security .security-holder {
    margin-bottom: 40px;
}
@media all and (min-width: 768px) {
    .o-security .security-holder {
        margin-bottom: 100px;
    }
}
.o-security .security-holder:last-child {
    margin-bottom: 0;
}
.o-security .security-holder:after {
    clear: both;
    content: "";
}
.o-security .security-holder .security-holder-img {
    width: 100%;
}
@media all and (min-width: 768px) {
    .o-security .security-holder .security-holder-img {
        width: 40%;
    }
}
.o-security .security-holder .security-holder-img img {
    width: 100%;
}
.o-security .security-holder .security-holder-txt {
    width: 100%;
    position: relative;
    text-align: left;
}
@media all and (min-width: 768px) {
    .o-security .security-holder .security-holder-txt {
        width: 60%;
    }
}
.o-security .security-holder .security-holder-txt .white-bg {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding: 20px 0;
}
@media all and (min-width: 768px) {
    .o-security .security-holder .security-holder-txt .white-bg {
        padding: 80px 80px 40px 80px;
    }
}
.o-security .security-holder .security-holder-txt .white-bg--m-greybg {
    background-color: #fafafa;
}
.o-security .security-holder .security-holder-txt .white-bg h3 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 40px;
    line-height: 40px;
}
@media all and (min-width: 768px) {
    .o-security .security-holder .security-holder-txt .white-bg h3 {
        font-size: 30px;
    }
}
.o-security .security-holder .security-holder-txt .white-bg p {
    font-size: 18px;
    font-weight: 300;
}
.o-security .security-holder .security-holder-txt .white-bg ul li {
    line-height: 35px;
    padding-bottom: 5px;
    padding-left: 30px;
    background: url(images/office-and-infrastructure/list-bullet.png) 0 9px no-repeat;
}
.o-security .security-holder .security-holder-txt.left-text-content:before {
    position: absolute;
    content: "";
    right: -50px;
    top: -50px;
    width: 208px;
    height: 208px;
    background-color: #b8e986;
    display: none;
}
@media all and (min-width: 768px) {
    .o-security .security-holder .security-holder-txt.left-text-content:before {
        padding: 80px 80px 40px 80px;
        display: block;
    }
}
.o-security .security-holder .security-holder-txt.right-text-content:before {
    position: absolute;
    content: "";
    left: -50px;
    top: -50px;
    width: 208px;
    height: 208px;
    background-color: #ffa56d;
    display: none;
}
@media all and (min-width: 768px) {
    .o-security .security-holder .security-holder-txt.right-text-content:before {
        padding: 80px 80px 40px 80px;
        display: block;
    }
}
.o-security .security-holder .m-left {
    float: left;
}
.o-security .security-holder .m-right {
    float: right;
}
.o-photo-gallery {
    position: relative;
    padding: 40px 0;
    text-align: center;
    position: relative;
    background-color: #fff;
}
@media all and (min-width: 768px) {
    .o-photo-gallery {
        padding: 100px 0;
    }
}
.o-photo-gallery h2 {
    margin: 0 0 50px;
}
.o-photo-gallery__list {
    position: relative;
    margin-top: 18px;
}
@media all and (min-width: 1024px) {
    .o-photo-gallery__list {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
}
.o-photo-gallery__list .slick-dots li {
    width: 10px;
    height: 10px;
}
.o-photo-gallery__list .slick-dots li.slick-active {
    width: 15px;
    height: 15px;
}
.o-photo-gallery__list button.slick-prev {
    position: absolute;
    left: -40px;
    top: 40%;
    width: 21px;
    height: 34px;
    text-indent: -10000px;
    border-radius: 50%;
    z-index: 100;
    background: url(images/office-and-infrastructure/left-arrow.png) no-repeat 0 0;
}
.o-photo-gallery__list button.slick-next {
    position: absolute;
    right: -40px;
    top: 40%;
    width: 21px;
    height: 34px;
    text-indent: -10000px;
    border-radius: 50%;
    z-index: 100;
    background: url(images/office-and-infrastructure/right-arrow.png) no-repeat 0 0;
}
.o-photo-gallery__list .single-slide {
    float: left;
    position: relative;
    margin: 0 10px;
}
.o-photo-gallery__list .single-slide .gal-img-holder {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #707070;
    -moz-box-shadow: 0px 0px 5px 0px #707070;
    box-shadow: 0px 0px 5px 0px #707070;
    position: relative;
    margin-bottom: 20px;
}
.o-photo-gallery__list .single-slide .gal-img-holder span {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding: 15px;
    display: block;
    text-align: left;
}
.o-photo-gallery__list .single-slide .gal-img-holder i {
    position: absolute;
    right: 25px;
    top: 25px;
}
.o-photo-gallery .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.o-photo-gallery .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 3px;
    width: 65%;
}
.o-photo-gallery .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 35px;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
}
.o-photo-gallery .close:hover,
.o-photo-gallery .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}
.o-photo-gallery .mySlides {
    display: none;
}
.o-photo-gallery .mySlides img {
    width: 100%;
}
.o-photo-gallery .cursor {
    cursor: pointer;
}
.o-photo-gallery .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}
.o-photo-gallery .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}
.o-photo-gallery .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.o-photo-gallery .prev:hover,
.o-photo-gallery .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
.o-photo-gallery .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}
.o-photo-gallery .caption-container {
    text-align: center;
    background-color: #fff;
    padding: 20px 20px 15px 20px;
    color: white;
}
.o-photo-gallery .caption-container #caption {
    text-align: left;
    padding: 10px 0 0 0;
    margin: 0;
    font-weight: 500;
    float: left;
}
.o-photo-gallery .caption-container a {
    display: none;
}
@media all and (min-width: 768px) {
    .o-photo-gallery .caption-container a {
        display: block;
        float: right;
    }
}
.o-photo-gallery .demo {
    opacity: 0.6;
}
.o-photo-gallery .active,
.o-photo-gallery .demo:hover {
    opacity: 1;
}
.o-photo-gallery img.hover-shadow {
    transition: 0.3s;
}
.o-photo-gallery .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.o-photo-gallery #video-gallery .mySlides {
    display: block !important;
}
.pad-bot-80 {
    padding-bottom: 80px;
}
.o-testing-faq {
    position: relative;
    padding: 40px 0;
}
.o-testing-faq:before {
    content: "";
    position: absolute;
    background: url(images/web-application/small-top-left-pt.png) no-repeat top left;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
}
@media all and (min-width: 768px) {
    .o-testing-faq {
        padding: 100px 0 120px;
    }
}
.o-testing-faq--white-bg {
    background-color: #fff;
}
.o-testing-faq__block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}
.o-testing-faq__block .heading-panel h3 {
    line-height: 28px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    position: relative;
    padding-right: 40px;
}
@media all and (min-width: 1024px) {
    .o-testing-faq__block .heading-panel h3 {
        line-height: 34px;
        font-size: 20px;
    }
}
.o-testing-faq__block .heading-panel h3:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 23px;
    margin-top: -12px;
    right: 15px;
    z-index: 5;
    background: url(images/office-and-infrastructure/plus-icon.svg) no-repeat;
    background-size: 100% auto;
}
.o-testing-faq__block .heading-panel.is-active {
    border-radius: 6px 6px 0 0;
}
.o-testing-faq__block .heading-panel.is-active h3:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 29px;
    margin-top: -12px;
    right: 15px;
    z-index: 5;
    background: url(images/office-and-infrastructure/minus-icon.svg) no-repeat;
    background-size: 100% auto;
}
.o-testing-faq__block .content-panel-section {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}
.o-testing-faq__block .content-panel-section ul {
    padding-bottom: 3px;
}
.o-testing-faq__block .content-panel-section ul li {
    font-size: 16px;
    line-height: 28px;
    position: relative;
}
.o-testing-faq__block .content-panel-section ul li span strong {
    font-weight: bold;
}
.o-testing-faq__block .content-panel-section ul li span ul {
    margin-bottom: 25px;
    padding-left: 20px;
}
.o-testing-faq__block .content-panel-section ul li span ul li {
    list-style-type: disc;
    padding-bottom: 10px;
}
.o-testing-faq .container {
    position: relative;
    z-index: 5;
}
.o-testing-faq header {
    text-align: center;
    color: #fff;
}
.o-testing-faq header h2 {
    margin: 0 0 40px;
}
.o-testing-faq__panel--left {
    width: 100%;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-testing-faq__panel--left {
        width: 57%;
        float: left;
    }
}
.o-testing-faq__panel--left .most-popular {
    position: absolute;
    height: auto;
    width: 90px;
    top: -6px;
    left: -6px;
}
@media all and (min-width: 1024px) {
    .o-testing-faq__panel--left .most-popular {
        position: absolute;
        height: 151px;
        width: 152px;
        top: -10px;
        left: -10px;
    }
}
.o-testing-faq__panel--right {
    width: 100%;
}
@media all and (min-width: 1024px) {
    .o-testing-faq__panel--right {
        width: 42%;
        float: left;
        padding: 45px 0 35px 0;
        position: relative;
        left: -5px;
        z-index: -9;
    }
}
.o-testing-faq .talk-to-us-pan {
    padding-top: 50px;
    text-align: center;
}
.o-testing-faq .talk-to-us-pan h3 {
    padding-bottom: 40px;
}
.cto-wrap {
    text-align: center;
    margin-bottom: 35px;
}
.cto-wrap .cto-services {
    position: relative;
    height: auto;
    padding: 120px 30px 0px;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
}
.cto-wrap .cto-services :before {
    content: "";
    background: url(images/cto/cto-sprite.png) no-repeat 0 0;
    width: 95px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-services :before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translate(0);
    }
}
@media all and (min-width: 1024px) {
    .cto-wrap .cto-services {
        width: 30%;
        padding: 120px 30px 30px;
    }
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-services p {
        margin-bottom: 0;
    }
}
.cto-wrap .cto-service-01 :before {
    content: "";
    background-position: 0 0;
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-service-01 :before {
        background-position: 14px 15px;
    }
}
.cto-wrap .cto-service-02 :before {
    content: "";
    background-position: -105px 0;
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-service-02 :before {
        background-position: -90px 10px;
    }
}
.cto-wrap .cto-service-03 :before {
    content: "";
    background-position: -210px 0;
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-service-03 :before {
        background-position: -203px 0;
    }
}
.color-white {
    color: #fff;
}
.cto-competitor {
    text-align: center;
}
.cto-competitor .cto-competitor-service {
    position: relative;
    padding: 120px 25px 30px;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.cto-competitor .cto-competitor-service:before {
    content: "";
    background: url(images/cto/cto-sprite.png) no-repeat 0 0;
    width: 95px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
}
@media all and (min-width: 1024px) {
    .cto-competitor .cto-competitor-service {
        width: 30%;
        height: 500px;
    }
}
.cto-competitor .cto-competitor-service-01:before {
    background-position: -315px 0px;
}
.cto-competitor .cto-competitor-service-02:before {
    background-position: -420px 0px;
}
.cto-competitor .cto-competitor-service-03:before {
    background-position: 0px -89px;
}
.margin-top-30 {
    margin-top: 30px;
}
.slick-dots {
    margin-bottom: 30px;
    text-align: center;
}
.slick-dots li {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -10000px;
    width: 5px;
    height: 5px;
    background-color: #9b9b9b;
    margin: 0 10px;
    vertical-align: middle;
}
.slick-dots li.slick-active {
    width: 10px;
    height: 10px;
}
.cmo-blocks {
    min-height: auto;
}
@media all and (min-width: 1024px) {
    .cmo-blocks {
        height: 135px;
    }
}
.cmo-blocks div {
    margin-bottom: 15px;
}
.cmo-blocks div span {
    display: none;
}
@media all and (min-width: 1024px) {
    .cmo-blocks div span {
        margin-right: 20px;
        display: block;
    }
}
.cmo-services {
    position: relative;
}
.cmo-services .cmo-services-wrap {
    text-align: center;
    margin-bottom: 35px;
    column-count: 1;
    transition: all 0.5s ease-in-out;
    column-gap: 0px;
    column-fill: initial;
}
@media all and (min-width: 1024px) {
    .cmo-services .cmo-services-wrap {
        column-count: 3;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block {
    width: auto;
    position: relative;
    margin: 15px 0;
    padding: 120px 15px 10px;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}
@media all and (min-width: 1024px) {
    .cmo-services .cmo-services-wrap .cmo-services-block {
        padding: 120px 30px 30px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block {
        padding: 75px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translate(-50%, 0);
    background: url(images/cmo/cmo-sprite.png) no-repeat 0 0;
    width: 84px;
    height: 98px;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block:before {
        transform: translate(0);
        top: 0;
        left: 0;
        margin: 0 auto;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-01 {
        padding: 90px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-01:before {
    background-position: 0 0;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-01:before {
        height: 65px;
        background-position: 12px 2px;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-02 {
        padding: 120px 30px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-02:before {
    background-position: -94px 0;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-02:before {
        background-position: -80px 4px;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-03 {
        padding: 100px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-03:before {
    background-position: -188px 0;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-03:before {
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-04 {
        padding: 100px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-04:before {
    background-position: -283px 0px;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-04:before {
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-05 {
        padding: 120px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-05:before {
    background-position: -377px 0px;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-05:before {
        background-position: -370px 5px;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-06 {
        padding: 130px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-06:before {
    background-position: -471px 0px;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-06:before {
        background-position: -462px 9px;
        height: 120px;
        top: 20px;
    }
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-07 {
        padding: 115px 15px 0;
    }
}
.cmo-services .cmo-services-wrap .cmo-services-block-07:before {
    background-position: -565px 0px;
}
@media all and (max-width: 767px) {
    .cmo-services .cmo-services-wrap .cmo-services-block-07:before {
        background-position: -553px 5px;
        top: 20px;
    }
}
.cmo-services .cmo-services-wrap p {
    font-size: 19px;
    line-height: 30px;
}
.cmo-services:after {
    content: "";
    position: absolute;
    background: url(images/web-application/small-bottom-right-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 326px;
}
.o-our-services {
    position: relative;
    padding: 40px 0;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .o-our-services {
        padding: 40px 0 70px 0;
    }
}
.o-our-services h5 {
    margin: 20px 0;
}
.o-our-services h5 a {
    color: #333;
}
.o-our-services span.service-sub-heaidng {
    font-size: 24px;
    line-height: 32px;
    color: #000;
    font-weight: 600;
    margin: 20px 0;
    display: block;
}
.o-our-services span.service-sub-heaidng a {
    color: #000;
}
.o-our-services__intro {
    margin-bottom: 60px;
}
@media all and (min-width: 1024px) {
    .o-our-services__intro {
        margin-bottom: 60px;
    }
}
.o-our-services__intro h3 {
    margin-bottom: 20px;
}
.o-our-services__row {
    margin-bottom: 40px;
}
@media all and (min-width: 1024px) {
    .o-our-services__row {
        margin-bottom: 70px;
    }
}
.o-our-services__block {
    padding: 0 30px 0 30px;
}
@media all and (min-width: 1024px) {
    .o-our-services__block {
        padding: 0 55px 5px 55px;
    }
    .o-our-services__block:last-child {
        border: none;
    }
}
.o-current-openings {
    position: relative;
    padding: 40px 0;
    background-color: #0a4a79;
}
@media all and (min-width: 768px) {
    .o-current-openings {
        padding: 100px 0 120px;
    }
}
.o-current-openings__background-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("images/careers/top-bg.html") 62% 0% no-repeat #0a4a79;
}
@media all and (min-width: 1024px) {
    .o-current-openings__background-1 {
        background-color: transparent;
    }
}
@media all and (min-width: 1600px) {
    .o-current-openings__background-1 {
        background-size: 100% auto;
    }
}
.o-current-openings__block {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 6px;
}
.o-current-openings__block .heading-panel {
    min-height: 66px;
    background: #1fc7b6;
    border-radius: 6px;
    text-align: center;
}
.o-current-openings__block .heading-panel h3 {
    line-height: 66px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    position: relative;
}
.o-current-openings__block .heading-panel h3:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    z-index: 5;
    background: url(assets/images/common/collapsed-icon-white.svg) no-repeat;
    background-size: 100% auto;
}
@media all and (min-width: 768px) {
    .o-current-openings__block .heading-panel h3:after {
        display: none;
    }
}
@media all and (min-width: 768px) {
    .o-current-openings__block .heading-panel {
        background: #031f5c;
        background: -moz-linear-gradient(left, #031f5c 0%, #022945 98%, #022945 100%, #7db9e8 100%, #207cca 100%, #2989d8 100%, #207cca 102%, #022945 103%);
        background: -webkit-linear-gradient(left, #031f5c 0%, #022945 98%, #022945 100%, #7db9e8 100%, #207cca 100%, #2989d8 100%, #207cca 102%, #022945 103%);
        background: linear-gradient(to right, #031f5c 0%, #022945 98%, #022945 100%, #7db9e8 100%, #207cca 100%, #2989d8 100%, #207cca 102%, #022945 103%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031f5c', endColorstr='#022945',GradientType=1 );
        border-radius: 6px 6px 0 0;
        text-align: center;
    }
    .o-current-openings__block .heading-panel h3 {
        line-height: 66px;
        font-size: 26px;
        color: #fff;
        font-weight: 500;
    }
}
.o-current-openings__block .heading-panel.is-active {
    border-radius: 6px 6px 0 0;
}
.o-current-openings__block .heading-panel.is-active h3:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    z-index: 5;
    background: url(assets/images/common/opened-icon-white.svg) no-repeat;
    background-size: 100% auto;
}
.o-current-openings__block .content-panel {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}
.o-current-openings__block .content-panel p {
    padding: 20px 30px 20px 20px;
    margin: 0;
    line-height: 22px;
}
.o-current-openings__block .content-panel ul {
    padding-bottom: 3px;
    height: 310px;
    overflow-x: auto;
    padding: 0 20px;
}
.o-current-openings__block .content-panel ul li {
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.5;
    position: relative;
    padding: 20px 0;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}
.o-current-openings__block .content-panel ul li img {
    margin-right: 20px;
}
.o-current-openings__block .content-panel ul li a {
    color: #333;
    padding: 20px 70px 20px 68px;
    display: block;
    -webkit-transition: all 0.3s each-in;
    -moz-transition: all 0.3s each-in;
    -ms-transition: all 0.3s each-in;
    -o-transition: all 0.3s each-in;
    transition: all 0.3s each-in;
}
.o-current-openings__block .content-panel ul li a:hover {
    opacity: 0.6;
}
.o-current-openings__block .content-panel ul li:after {
    width: 6px;
    height: 12px;
    background-size: 14px auto;
    vertical-align: text-bottom;
    position: absolute;
    content: "";
    right: 22px;
    top: 50%;
    margin-top: -6px;
}
.o-current-openings__block .content-panel ul li:before {
    position: absolute;
    content: "";
    left: 20px;
    top: 16px;
    height: 32px;
    width: 33px;
}
.o-current-openings__block .content-panel ul li.urgent span:after {
    position: absolute;
    top: 50%;
    right: 18px;
    background: url("images/careers/hiring-now-tag.html") no-repeat;
    height: 20px;
    width: 60px;
    content: "";
    margin-top: -5px;
}
.o-current-openings__block .content-panel ul li.php:before {
    background: url("images/careers/icon-php.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.net:before {
    background: url("images/careers/icon-net.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.html:before {
    background: url("images/careers/icon-html.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.javascript:before {
    background: url("images/careers/icon-javascript.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.android:before {
    background: url("images/careers/icon-android.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.ios:before {
    background: url("images/careers/icon-ios.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.mobile-app:before {
    background: url("images/careers/icon-mobile-app.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.ui-ux:before {
    background: url("images/careers/icon-ui-ux.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.animators:before {
    background: url("images/careers/icon-animators.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.graphic-designer:before {
    background: url("images/careers/icon-graphic-designer.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.seo:before {
    background: url("images/careers/icon-seo.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.copywriters:before {
    background: url("images/careers/icon-copywriters.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.ppc:before {
    background: url("images/careers/icon-ppc.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.tech-manager:before {
    background: url("images/careers/icon-tech-manager.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.project-manager:before {
    background: url("images/careers/icon-project-manager.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.business-analyst:before {
    background: url("images/careers/icon-business-analyst.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.bde:before {
    background: url("images/careers/icon-bde.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.desktop-support:before {
    background: url("images/careers/icon-desktop-support.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.front-desk:before {
    background: url("images/careers/icon-front-desk.html") no-repeat;
}
.o-current-openings__block .content-panel ul li.accountant:before {
    background: url("images/careers/icon-accountant.html") no-repeat;
}
.o-current-openings .container {
    position: relative;
    z-index: 5;
}
.o-current-openings header {
    text-align: center;
    color: #fff;
}
.o-current-openings header h2 {
    color: inherit;
    margin: 0 0 40px;
}
.o-current-openings header p {
    color: inherit;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 50px;
}
@media all and (min-width: 768px) {
    .o-current-openings header p {
        font-size: 28px;
        line-height: 40px;
        background-size: 100% auto;
    }
}
.o-current-openings__panel--left {
    width: 100%;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-current-openings__panel--left {
        width: 57%;
        float: left;
    }
}
.o-current-openings__panel--left .most-popular {
    position: absolute;
    height: auto;
    width: 90px;
    top: -6px;
    left: -6px;
}
@media all and (min-width: 1024px) {
    .o-current-openings__panel--left .most-popular {
        position: absolute;
        height: 151px;
        width: 152px;
        top: -10px;
        left: -10px;
    }
}
.o-current-openings__panel--right {
    width: 100%;
}
@media all and (min-width: 1024px) {
    .o-current-openings__panel--right {
        width: 42%;
        float: left;
        padding: 45px 0 35px 0;
        position: relative;
        left: -5px;
        z-index: -9;
    }
}
.o-current-openings__cards {
    background: #fff;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    padding: 35px 22px;
    margin-bottom: 30px;
    border-radius: 4px;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards {
        padding: 50px 49px 60px;
    }
}
.o-current-openings__cards__top {
    display: table;
    width: 100%;
    margin: 0;
    position: relative;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__top {
        margin: 0 0 20px;
    }
}
.o-current-openings__cards__top:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    background: url(assets/images/common/collapsed-icon-black.svg) no-repeat 0 0;
    bottom: 0;
    margin: auto;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__top:before {
        content: none;
    }
}
.o-current-openings__cards__top.is-active:before {
    background: url(assets/images/common/opened-icon-black.svg) no-repeat 99% center;
}
.o-current-openings__cards__top__inner {
    display: table-row;
    text-align: center;
}
.o-current-openings__cards__top__inner > div {
    display: table-cell;
    vertical-align: middle;
}
.o-current-openings__cards__top__inner h3 {
    text-align: left;
    padding: 0 0 0 25px;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__top__inner h3 {
        margin: 25px 0 0 0;
        text-align: center;
        padding: 0;
    }
}
.o-current-openings__cards__top__inner img {
    display: none;
    max-width: 100%;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__top__inner img {
        display: block;
    }
}
.o-current-openings__cards__top__inner__left {
    width: 73px;
    padding-right: 15px;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__top__inner__left {
        width: 130px;
        padding-right: 0;
    }
}
.o-current-openings__cards__top__inner__left img {
    display: inline-block;
    max-width: 100%;
}
.o-current-openings__cards__top__inner__right {
    padding: 0 40px 0 0;
}
@media all and (min-width: 480px) {
    .o-current-openings__cards__top__inner__right {
        padding: 0 63px 0 0;
    }
}
.o-current-openings__cards__top__inner__right h3 {
    margin: 0px 0px 0px;
    font-size: 19px;
    line-height: 23px;
}
@media all and (min-width: 480px) {
    .o-current-openings__cards__top__inner__right h3 {
        font-size: 28px;
        line-height: 34px;
    }
}
.o-current-openings__cards__bottom {
    margin-bottom: 25px;
    padding-top: 25px;
    display: none;
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__bottom {
        display: block;
        padding-top: 0;
        position: relative;
        padding-bottom: 60px;
        margin-bottom: 0;
    }
}
@media all and (min-width: 1024px) {
    .o-current-openings__cards__bottom__button {
        text-align: left;
        position: absolute;
        bottom: 0;
    }
}
.o-current-openings__cards ul li.special-list {
    display: none;
}
.o-current-openings__cards ul li.special-list a {
    font-weight: 500;
}
.o-aboutus strong {
    font-weight: 700;
}
.o-aboutus h5 {
    text-align: center;
}
.o-aboutus h3.heading-cp {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
}
@media all and (min-width: 768px) {
    .o-aboutus h3.heading-cp {
        font-size: 24px;
        line-height: 32px;
    }
}
.o-aboutus--about-partner {
    text-align: center;
    margin-bottom: 25px;
}
.o-aboutus--about-partner li {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    margin: 0 8px 20px;
}
.o-aboutus--leadership-team {
    text-align: center;
    padding-bottom: 60px;
    overflow: hidden;
}
@media all and (max-width: 767px) {
    .o-aboutus--leadership-team {
        padding-bottom: 0;
    }
}
.o-aboutus--leadership-team:after {
    content: "";
    clear: both;
    overflow: hidden;
    position: relative;
}
.o-aboutus--leadership-team .team {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 18px;
    line-height: 26px;
    padding: 40px 0;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.o-aboutus--leadership-team .team:hover {
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
}
.o-aboutus--leadership-team .team span {
    font-size: 24px;
    font-weight: 700;
    display: block;
}
.o-aboutus--leadership-team .team figure {
    display: inline-block;
    border: 20px solid #f7f7f7;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 30px;
}
.o-aboutus--leadership-team .team figure img {
    width: 158px;
}
.o-aboutus--leadership-team-new h2 {
    margin-top: 50px;
    margin-bottom: 50px;
}
@media all and (max-width: 767px) {
    .o-aboutus--leadership-team-new h2 {
        margin: 0 0 20px;
    }
}
.o-aboutus--leadership-team-new .team {
    background-color: #fff;
}
.o-aboutus--leadership-team-new .team span {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
}
.o-aboutus--leadership-team-new .team .team-img-holder {
    width: 178px;
    height: 178px;
    margin: 0 auto 40px;
    position: relative;
}
.o-aboutus--leadership-team-new .team .team-img-holder a.linkid-in {
    position: absolute;
    right: 12px;
    bottom: 40px;
}
.o-aboutus .partner-logo {
    display: block;
    margin-bottom: 40px;
    float: none;
}
@media all and (min-width: 768px) {
    .o-aboutus .partner-logo {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 60px;
        margin-right: -4px;
    }
}
@media all and (min-width: 1024px) {
    .o-section-5 {
        background: url(images/common/bottom-left-pt.png) left bottom no-repeat;
        background-size: 30% auto;
    }
}
.o-section-5 h2 {
    font-size: 26px;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    padding: 40px 0 0 0;
    margin-bottom: 0;
    text-transform: none;
}
@media all and (min-width: 768px) {
    .o-section-5 h2 {
        font-size: 36px;
        line-height: 46px;
        display: inline-block;
        vertical-align: top;
        padding: 80px 0 20px 0;
    }
}
.o-section-5 ul.star {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    margin-left: 0;
    padding-bottom: 20px;
}
@media all and (min-width: 768px) {
    .o-section-5 ul.star {
        padding-top: 90px;
        margin-left: 30px;
    }
}
.o-section-5 ul.star li {
    float: left;
    text-align: center;
    margin: 0 5px;
}
.o-section-5 p {
    font-size: 18px;
    width: 100%;
    line-height: 28px;
}
.o-section-5 .button-link-pan {
    margin-bottom: 40px;
}
@media all and (min-width: 768px) {
    .o-section-5 .button-link-pan {
        margin-bottom: 120px;
    }
}
.o-section-5 .button-link-pan div {
    width: 193px;
    text-align: center;
    display: inline-block;
}
.o-section-5 .button-link-pan div a img {
    display: block;
}
.o-section-5 .button-link-pan div a span {
    color: #898989;
    font-size: 14px;
    border-bottom: 1px dotted #898989;
    display: block;
    width: 90px;
    margin: -10px auto 0;
    line-height: 25px;
}
@media all and (min-width: 768px) {
    .humanbg3 {
        background: url(images/about-us/human-3.png) 100% 100% no-repeat;
        background-size: 40%;
        padding-right: 300px;
    }
}
.office-pra-text {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 0;
}
@media all and (min-width: 1024px) {
    .office-pra-text {
        font-size: 21px !important;
        line-height: 36px;
    }
}
.office-pra-text a {
    color: #fff;
    text-decoration: underline;
}
.timeline-section {
    padding: 30px 0 80px;
}
@media all and (min-width: 1024px) {
    .timeline-section {
        background: url("images/common/small-bottom-right-pt.png") right bottom no-repeat;
        background-size: auto;
        background-size: auto;
        background-size: 30% auto;
    }
}
.timeline-section h1 {
    font-size: 32px;
    margin-bottom: 50px;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .timeline-section h1 {
        font-size: 48px;
        font-weight: 700;
    }
}
.timeline-section img {
    display: block;
    margin: 0 auto;
}
@media all and (min-width: 1024px) {
    .timeline-section img {
        display: initial;
        margin: 0;
    }
}
.timeline-section .achivement-box {
    position: relative;
    padding: 0 30px;
}
@media all and (min-width: 1024px) {
    .timeline-section .achivement-box {
        max-width: initial;
        margin: 0;
        padding: 0;
    }
}
.timeline-section .achivement-box span {
    display: block;
    max-width: 90px;
    margin: 10px auto;
    border: 2px solid #ea83c2;
    border-radius: 25px;
    line-height: 31px;
    font-size: 20px;
    position: relative;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.timeline-section .achivement-box span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
    background: url(images/about-us/bottom-v.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
}
.timeline-section .achivement-box p {
    margin-bottom: 0;
    font-size: 14px;
}
@media all and (min-width: 768px) {
    .timeline-section .achivement-box p {
        font-size: 16px;
    }
}
@media all and (min-width: 1024px) {
    .timeline-section .achivement-box p {
        font-size: 14px;
    }
}
.timeline-section-achivement {
    text-align: center;
}
@media all and (min-width: 1024px) {
    .timeline-section-achivement-sub {
        max-width: 84%;
        margin: 0 auto;
        display: inherit;
    }
}
.timeline-section-achivement-sub-top {
    max-width: 100%;
    margin: 0 auto;
}
@media all and (min-width: 768px) {
    .timeline-section-achivement-sub-top {
        flex-wrap: wrap;
    }
}
@media all and (min-width: 1024px) {
    .timeline-section-achivement-sub-top {
        max-width: initial;
        margin: 0;
        flex-wrap: initial;
    }
}
.timeline-section-achivement-sub-top .achivement-box {
    padding-bottom: 40px;
}
@media all and (min-width: 768px) {
    .timeline-section-achivement-sub-top .achivement-box {
        padding-bottom: 40px;
        max-width: 33%;
    }
}
@media all and (min-width: 1024px) {
    .timeline-section-achivement-sub-top .achivement-box {
        padding-bottom: 40px;
        max-width: 16%;
        margin: 0 auto;
    }
    .timeline-section-achivement-sub-top .achivement-box:before {
        content: "";
        position: absolute;
        height: 35px;
        width: 2px;
        background: #00b35c;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }
    .timeline-section-achivement-sub-top .achivement-box:after {
        content: "";
        position: absolute;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        border: 2px solid #fff;
        background: #00b35c;
        bottom: -8px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
.timeline-section-achivement-sub-middle {
    width: 14px;
    margin: 0 auto;
    border-radius: 20px;
    background: linear-gradient(360deg, #00b35c 33%, #0b8a8a 50%, #3d6cb4 100%);
    align-self: stretch;
}
@media all and (min-width: 1024px) {
    .timeline-section-achivement-sub-middle {
        background: linear-gradient(270deg, #00b35c 33%, #0b8a8a 50%, #3d6cb4 100%);
        width: 100%;
        height: 14px;
    }
}
.timeline-section-achivement-sub-bottom {
    max-width: 49%;
    margin: 0 auto;
}
@media all and (min-width: 1024px) {
    .timeline-section-achivement-sub-bottom {
        max-width: 80%;
        padding: 0;
    }
}
.timeline-section-achivement-sub-bottom .achivement-box {
    padding-top: 40px;
}
@media all and (min-width: 1024px) {
    .timeline-section-achivement-sub-bottom .achivement-box {
        max-width: 20%;
        margin: 0 auto;
    }
    .timeline-section-achivement-sub-bottom .achivement-box:before {
        content: "";
        position: absolute;
        height: 35px;
        width: 2px;
        background: #00b35c;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }
    .timeline-section-achivement-sub-bottom .achivement-box:after {
        content: "";
        position: absolute;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        border: 2px solid #fff;
        background: #00b35c;
        top: -8px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
.timeline-section-achivement-sub-bottom p {
    margin-bottom: 0;
}
@media all and (min-width: 768px) {
    .flex-item {
        display: flex;
    }
}
@media all and (min-width: 1024px) {
    .align-bottom {
        align-items: flex-end;
    }
}
.we-do .o-skills-benefits__contentholder {
    padding: 70px 85px 25px;
}
.we-do .o-skills-benefits__contentholder .content-panel:before {
    display: none;
}
.we-do .o-skills-benefits__contentholder .content-panel h6 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.tech-sec .o-current-openings__block .content-panel ul li a {
    padding: 0;
    font-family: "Montserrat", sans-serif;
    position: relative;
}
.tech-sec .o-current-openings__block .content-panel ul li a:hover {
    opacity: 1;
}
.tech-sec .o-current-openings__block .content-panel ul li a:before {
    content: "";
    position: absolute;
    background: url(images/about-us/grey-right.png) no-repeat 0 0;
    width: 13px;
    height: 11px;
    right: 0;
    top: 10px;
}
.tech-sec .o-current-openings__block .content-panel ul li:last-child {
    border-bottom: none;
}
.none-item {
    display: block;
}
@media all and (min-width: 1024px) {
    .none-item {
        display: none;
    }
}
.block-item {
    display: none;
}
@media all and (min-width: 1024px) {
    .block-item {
        display: block;
    }
}
.block-item2 {
    display: none;
}
@media all and (min-width: 1024px) {
    .block-item2 {
        display: flex;
    }
}
.cmn-body-class {
    border-bottom: 1px solid #cae0e7;
}
.about-bnr-logo {
    margin-top: 30px;
}
.about-bnr-logo li {
    display: inline-block;
    margin-right: 30px;
}
.about-bnr-logo li:last-child {
    margin-right: 0;
}
.abou-bnr {
    background-image: url(images/about-us/about-bnr-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.abou-bnr h2 {
    color: #fff;
    font-size: 60px;
    line-height: 75px;
    margin-bottom: 30px;
}
.abt-video {
    border: 8px solid rgba(0, 0, 0, 0.5);
    overflow: hidden;
    min-height: 396px;
}
.video-pan video {
    width: 100%;
    position: relative;
    display: block;
}
.holder-bg {
    background: url(images/about-us/overley-img.html) no-repeat 0 0 / cover;
    opacity: 1;
    width: 104%;
    height: 107%;
    position: absolute;
    left: -12px;
    top: -10px;
    right: 0;
    transition: 2s opacity;
    filter: blur(6px);
}
.holder-bg-fade {
    opacity: 0;
}
.play {
    background: url(images/about-us/play-button.svg) no-repeat 50% 50%;
    width: 96px;
    height: 89px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    outline: none;
}
.pause {
    background: url(images/about-us/pause-button.html) no-repeat 50% 50%;
    width: 96px;
    height: 89px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    outline: none;
    display: none;
}
.o-home-hero .home-video {
    width: 100%;
}
.video-pan {
    position: relative;
}
.abou-details-para {
    text-align: center;
}
.abou-details-para {
    text-align: center;
}
@media all and (min-width: 768px) {
    .abou-details-para {
        width: 77%;
        margin: 0 auto;
    }
}
.abou-details-para p {
    color: #333;
    font-size: 19px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .abou-details-para p {
        font-size: 16px;
        line-height: 28px;
    }
}
.abou-details-para p strong {
    font-size: 24px;
    line-height: 40px;
}
@media all and (max-width: 767px) {
    .abou-details-para p strong {
        font-size: 20px;
        line-height: 32px;
    }
}
.about-details {
    padding: 75px 0 50px;
}
@media all and (max-width: 767px) {
    .about-details {
        padding: 30px 0 15px;
    }
}
.market-section {
    padding: 75px 0 50px;
    background-color: #f9f9f9;
}
@media all and (max-width: 767px) {
    .market-section {
        padding: 35px 0 5px;
    }
}
.market-section .market-wrapper {
    display: flex;
    align-items: flex-start;
}
@media all and (min-width: 768px) {
    .market-section .market-wrapper {
        width: 77%;
        margin: 0 auto 30px;
    }
}
@media all and (max-width: 767px) {
    .market-section .market-wrapper {
        flex-wrap: wrap;
        text-align: center;
    }
}
.market-section .market-wrapper-icon {
    width: 13%;
}
@media all and (max-width: 767px) {
    .market-section .market-wrapper-icon {
        width: 100%;
    }
}
.market-section .market-wrapper-text {
    flex: 1;
}
@media all and (max-width: 767px) {
    .market-section .market-wrapper-text {
        flex: 0 0 100%;
    }
}
.market-section .market-wrapper-text h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
@media all and (max-width: 767px) {
    .market-section .market-wrapper-text h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 15px;
    }
}
.market-section .market-wrapper-text p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .market-section .market-wrapper-text p {
        font-size: 16px;
        line-height: 28px;
    }
}
.fact-section {
    background: #07b260;
    background: linear-gradient(145deg, #07b260 0%, #00517f 25%, #051b39 100%);
    padding: 40px 0;
}
.fact-section h2 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    position: relative;
    padding-bottom: 15px;
    font-weight: 600;
}
.all-facts {
    margin-top: 20px;
}
.all-facts ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}
.all-facts ul li {
    list-style: none;
    width: 19%;
    border: 1px solid #49c684;
    background-color: transparent;
    border-radius: 3px;
    padding: 25px 20px 15px 30px;
    line-height: 16px;
    margin: 3px 2px;
}
@media all and (max-width: 767px) {
    .all-facts ul li {
        width: 100%;
    }
}
.all-facts ul li h3 {
    font-weight: 600;
    color: #fff;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.all-facts ul li small {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}
.all-facts ul li span {
    color: #8abaf2;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    display: block;
}
@media all and (max-width: 767px) {
    .all-facts ul li span br {
        display: none;
    }
}
.all-facts ul li .black-h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 10px;
}
.all-facts ul li .ex-small {
    font-size: 16px;
}
.all-facts ul li .ex-big {
    font-size: 18px;
}
.all-facts ul li:nth-child(2) {
    background: #4a90e2;
    border-color: #4a90e2;
}
.all-facts ul li:nth-child(3) {
    border-color: #4a90e2;
}
.all-facts ul li:nth-child(4) {
    background: #009c52;
    border-color: #009c52;
}
.all-facts ul li:nth-child(5) {
    background: #4a90e2;
    border-color: #4a90e2;
}
.all-facts ul li:nth-child(6) {
    background: #091b38;
    border-color: #091b38;
}
.all-facts ul li:nth-child(8) {
    background: #fff;
    border-color: #fff;
}
.all-facts ul li:nth-child(8) small {
    font-size: 18px;
    color: #333;
}
.all-facts ul li:nth-child(8) h3 {
    margin-bottom: 10px;
    margin-top: 5px;
}
.all-facts ul li:last-child {
    width: 38%;
    padding: 30px 35px;
    border-color: #4a90e2;
}
@media all and (max-width: 767px) {
    .all-facts ul li:last-child {
        width: 100%;
    }
}
.about-client-section-wrapper {
    width: 100%;
    margin: 0 auto;
}
.about-client-section-wrapper .client-icon {
    padding-right: 50px;
    margin-top: 40px;
}
@media all and (max-width: 767px) {
    .about-client-section-wrapper .client-icon {
        padding-right: 0;
    }
}
.about-client-section-wrapper .client-icon li {
    display: flex;
    width: 100%;
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 40px;
}
.about-client-section-wrapper .client-icon li span {
    flex: 0 0 90px;
}
.about-client-section-wrapper .client-icon li span:before {
    content: "";
    overflow: hidden;
}
.about-client-section-wrapper .client-logo {
    background: #fff;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
@media all and (max-width: 767px) {
    .about-client-section-wrapper .client-logo {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 50%;
        justify-content: center;
    }
}
.about-client-section-wrapper .client-logo:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 800px;
    height: 2px;
    background-color: #ccc;
    transform: translate(-50%, -50%);
}
@media all and (max-width: 767px) {
    .about-client-section-wrapper .client-logo:before {
        width: 100%;
    }
}
.about-client-section-wrapper .client-logo li {
    list-style: none;
    padding: 33px 21px;
    display: inline-block;
}
@media all and (max-width: 767px) {
    .about-client-section-wrapper .client-logo li {
        flex: 0 50%;
        padding: 15px 10px;
    }
}
.about-client-section-wrapper .client-logo li:last-child {
    border-bottom: none;
}
.about-client-section h2 {
    padding-top: 64px;
    text-align: center;
}
@media all and (max-width: 767px) {
    .about-client-section h2 {
        padding-top: 30px;
    }
}
.list-client {
    display: flex;
    margin-bottom: 50px;
    font-size: 19px;
    line-height: 28px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .list-client {
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: 25px;
    }
}
.list-client span {
    flex: 0 0 27%;
    display: inline-block;
}
@media all and (max-width: 767px) {
    .list-client span {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }
}
.services {
    padding: 75px 0;
    background: #f9f9f9;
}
@media all and (max-width: 767px) {
    .services {
        padding: 30px 0;
    }
}
.services h2 {
    text-align: center;
    font-size: 48px;
    line-height: 75px;
}
.services p {
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 40px;
}
.services .row .col-sm-3:nth-child(2n + 1) .srv-box {
    border-bottom: 5px solid #49c684;
}
.services .row .col-sm-3:nth-child(2n) .srv-box {
    border-bottom: 5px solid #4a90e2;
}
.services a {
    color: #000;
}
.services .srv-box {
    background: #fff;
    box-shadow: 0 1px 28px 1px rgba(0, 0, 0, 0.1);
    padding: 35px 20px 0;
    min-height: 221px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 5px;
}
.services .srv-box img {
    margin-bottom: 30px;
}
.services .srv-box p {
    line-height: 24px;
}
.services .ex-padding-srv {
    padding-top: 60px;
}
.tech {
    padding: 85px 0;
}
@media all and (max-width: 767px) {
    .tech {
        padding: 30px 0;
    }
}
.tech h2 {
    text-align: center;
}
.tech span {
    text-align: center;
    color: #35de79;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 25px;
    display: block;
    width: 100%;
}
.tech p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .tech p {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
}
.tech ul {
    text-align: center;
    margin-bottom: 30px;
}
.tech ul li {
    background: #fff;
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.05);
    text-align: center;
    border: 1px solid #ededed;
    height: 70px;
    line-height: 70px;
    width: 12%;
    display: inline-block;
    border-radius: 5px;
    margin: 0 13px 20px;
}
.tech ul li:first-child {
    margin-left: 0;
}
.tech ul li:nth-child(7) {
    margin-right: 0;
}
@media all and (max-width: 767px) {
    .tech ul li {
        width: 43%;
        margin: 0 10px 20px !important;
    }
}
.pricings-section {
    background: #f5f5f5;
    padding: 40px 0;
    border-bottom: 1px solid #dedede;
}
.pricings-section h2 {
    text-align: center;
    font-size: 48px;
    text-align: center;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
    color: #333;
}
@media all and (max-width: 767px) {
    .pricings-section h2 {
        font-size: 34px;
    }
}
.pmb-holder {
    display: flex;
}
@media all and (min-width: 768px) {
    .pmb-holder {
        width: 65%;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .pmb-holder {
        flex-wrap: wrap;
    }
}
.pmb-holder .pricing-modal-box:nth-child(2) {
    margin-right: 0;
}
@media all and (max-width: 767px) {
    .pmb-holder .pricing-modal-box:nth-child(2) {
        margin: 0;
        margin-bottom: 30px;
    }
}
.pmb-holder .pricing-modal-box:nth-child(1) {
    margin-left: 0;
}
@media all and (max-width: 767px) {
    .pmb-holder .pricing-modal-box:nth-child(1) {
        margin-right: 0;
    }
}
.pricing-modal-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin: 0 15px 50px 15px;
    background: #fff;
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    border-radius: 5px;
}
@media all and (max-width: 767px) {
    .pricing-modal-box {
        flex-wrap: wrap;
    }
}
.pricing-modal-box .pricing-modal-img {
    position: relative;
    width: 50%;
}
@media all and (max-width: 767px) {
    .pricing-modal-box .pricing-modal-img {
        width: 100%;
    }
}
.img-hold {
    position: relative;
    width: 101px;
}
@media all and (max-width: 767px) {
    .img-hold {
        margin: 0 auto 15px;
    }
}
.pricing-modal-box .pricing-modal-img span {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 600;
}
@media all and (max-width: 767px) {
    .pricing-modal-box .pricing-modal-text {
        width: 100%;
        text-align: center;
    }
}
.pricing-modal-box h4 {
    padding-left: 45px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    color: #333;
    position: relative;
}
@media all and (max-width: 767px) {
    .pricing-modal-box h4 {
        padding-left: 0;
        font-size: 20px;
    }
}
.pricing-modal-box h4:before {
    content: "";
    position: absolute;
    background: #2dbe70;
    height: 1px;
    width: 35px;
    left: 4px;
    top: 27px;
}
@media all and (max-width: 767px) {
    .pricing-modal-box h4:before {
        display: none;
    }
}
.culture {
    padding: 75px 0;
}
@media all and (max-width: 767px) {
    .culture {
        padding: 30px 0 15px;
    }
}
.culture h2 {
    margin-bottom: 40px;
}
.culture-box {
    margin-bottom: 40px;
}
.culture-box h3 {
    font-size: 22px;
    margin: 15px 0 0;
}
.culture-box p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .culture-box p {
        font-size: 16px;
        line-height: 28px;
    }
}
.product {
    padding: 75px 0;
    background: #fbfbfb;
}
@media all and (max-width: 767px) {
    .product {
        text-align: center;
        padding: 30px 15px;
    }
}
.product .product-wrapper p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .product .product-wrapper p {
        font-size: 16px;
        line-height: 28px;
    }
}
.product .product-wrapper .product-logo {
    background: #fff;
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1);
    padding: 20px 25px;
    margin: 20px 0 25px;
}
.product .product-wrapper .product-logo span {
    font-size: 18px;
    display: inline-block;
    margin-left: 25px;
    font-family: "Montserrat", sans-serif;
    vertical-align: middle;
}
.product .product-wrapper .product-logo span a {
    font-size: 18px;
    color: #333;
}
.product .product-wrapper .product-logo span a:hover {
    text-decoration: underline;
}
@media all and (min-width: 768px) {
    .product .product-wrapper .product-img {
        text-align: right;
    }
}
@media all and (max-width: 767px) {
    .product .btn-center-block {
        margin: 30px auto;
    }
}
.about-contact {
    padding: 40px 0;
}
.about-contact h2 {
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.about-contact .world-map {
    text-align: center;
}
.about-contact-wrapper {
    background: #fff;
    padding: 25px 0;
    margin-bottom: 30px;
    border-radius: 10px;
    border-bottom: 7px solid #2dbe70;
    position: relative;
    top: -50px;
}
.about-contact-wrapper .col-md-4 {
    position: relative;
}
.about-contact-wrapper .col-md-4:nth-child(1):before {
    content: "";
    position: absolute;
    background: #dbdbdb;
    height: 95px;
    width: 1px;
    right: 1px;
    top: 43px;
    display: none;
}
@media all and (min-width: 768px) {
    .about-contact-wrapper .col-md-4:nth-child(1):before {
        display: block;
    }
}
.about-contact-wrapper .col-md-4:nth-child(2):before {
    content: "";
    position: absolute;
    background: #dbdbdb;
    height: 95px;
    width: 1px;
    right: 1px;
    top: 43px;
    display: none;
}
@media all and (min-width: 768px) {
    .about-contact-wrapper .col-md-4:nth-child(2):before {
        display: block;
    }
}
@media all and (min-width: 768px) {
    .about-contact-wrapper .country {
        padding: 0 20px;
    }
}
.about-contact-wrapper .country h3 {
    color: #2dbe70;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}
.about-contact-wrapper .country h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
}
.about-contact-wrapper .country p {
    font-size: 16px;
    line-height: 24px;
}
.country-con-details {
    padding-left: 20px;
}
.country-con-details li {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    vertical-align: top;
    padding-right: 40px;
}
.country-con-details li a {
    color: #333;
}
.country-con-details li a:hover {
    text-decoration: underline;
}
.country-con-details li img {
    margin-right: 10px;
}
.country-con-details li span {
    display: block;
    padding-left: 32px;
    color: #135ca4;
}
span.mail-to {
    font-size: 16px;
}
span.mail-to a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
}
span.mail-to a:hover {
    text-decoration: underline;
}
span.mail-to a img {
    margin-right: 15px;
}
.team {
    min-height: 380px;
}
.top-right-pt {
    position: relative;
}
.top-right-pt:before {
    content: "";
    position: absolute;
    background-image: url(images/about-us/tp-rt-pt.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 75%;
    height: 326px;
    width: 615px;
    top: 0;
    right: 0;
    display: none;
}
@media all and (min-width: 1025px) {
    .top-right-pt:before {
        display: block;
    }
}
.top-left-pt {
    position: relative;
}
.top-left-pt:before {
    content: "";
    position: absolute;
    background-image: url(images/about-us/tp-lt-pt.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 60%;
    height: 326px;
    width: 615px;
    top: 0;
    left: 0;
    display: none;
}
@media all and (min-width: 768px) {
    .top-left-pt:before {
        display: block;
    }
}
.btm-left-pt {
    position: relative;
}
.btm-left-pt:after {
    content: "";
    position: absolute;
    background-image: url(images/about-us/btm-lt-pt.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 60%;
    height: 326px;
    width: 615px;
    bottom: 0;
    left: 0;
    display: none;
}
@media all and (min-width: 768px) {
    .btm-left-pt:after {
        display: block;
    }
}
.bottom-right-pt {
    position: relative;
}
.bottom-right-pt:before {
    content: "";
    position: absolute;
    background-image: url(images/about-us/btm-rt-pt1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60%;
    height: 326px;
    width: 615px;
    bottom: 0;
    right: 0;
    display: none;
}
@media all and (min-width: 768px) {
    .bottom-right-pt:before {
        display: block;
    }
}
.display-none {
    display: none !important;
}
.display-block {
    display: block !important;
}
.cmn-heading-para {
    font-size: 20px !important;
    line-height: 32px !important;
    color: #333 !important;
    margin-bottom: 20px;
    font-weight: 500 !important;
    font-family: "Montserrat", sans-serif !important;
}
@media all and (max-width: 767px) {
    .cmn-heading-para {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
.cmn-heading-para-w {
    font-size: 20px !important;
    line-height: 32px !important;
    color: #fff !important;
    margin-bottom: 20px;
    font-weight: 500 !important;
    font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 767px) {
    .cmn-heading-para-w {
        font-size: 16px !important;
        line-height: 28px !important;
        margin-top: 20px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .cmn-heading-para-w br {
        display: none;
    }
}
.n-award {
    text-align: center;
    padding: 50px 0 75px;
}
.n-award h2 {
    margin-bottom: 30px;
}
.n-award-wrapper {
    width: 80%;
    margin: 0 auto;
}
.n-award-wrapper li {
    display: inline-block;
    margin: 0 15px 35px;
}
.pricings-section h3 {
    font-size: 48px;
    line-height: 61px;
    margin-bottom: 25px;
    text-align: center;
}
@media all and (max-width: 767px) {
    .pricings-section h3 {
        font-size: 34px;
        line-height: 42px;
    }
}
.why-text {
    line-height: 30px;
    font-size: 24px;
}
.font-24 {
    font-size: 24px;
    line-height: 32px;
}
.font-20 {
    font-size: 20px;
    line-height: 24px;
}
.font-20-h5 {
    font-size: 20px;
    line-height: 27px;
    position: relative;
    display: inline-block;
}
.same-h4 {
    font-size: 20px;
    line-height: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px;
}
.side-no-pad {
    padding-left: 0;
    padding-right: 0;
}
.extra-h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    margin: 0px 0px 35px 0px;
    font-family: "Source Serif Pro", serif;
}
.apply-p {
    color: #fff;
    font-size: 36px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 40px;
    font-family: "Montserrat", sans-serif;
}
.batch-span {
    font-size: 18px;
    font-weight: 600;
    display: block;
    line-height: 32px;
    color: #333;
    font-family: "Montserrat", sans-serif;
}
.verify-h4 {
    font-size: 24px;
    line-height: 32px;
}
.seamless-h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
}
.h3-24 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
}
.about-us #main-wrapper {
    padding-top: 0;
}
.about-bg:after {
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(9, 27, 56, 0.8);
    transform: translate(-50%, 0);
}
.play-video {
    background: url(images/common/play-button.svg) no-repeat 50% 0;
    color: #8abaf2;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    padding-top: 90px;
    padding-bottom: 30px;
    display: inline-block;
}
.play-video:hover {
    color: #fff;
    background: url(images/about-us/play-button-hover.svg) no-repeat 50% 0;
}
.about-bg h1 .subheading {
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    font-family: "Source Serif Pro", serif !important;
}
.about-logo {
    position: absolute;
    left: 0;
    top: -65px;
}
#myModal1 .modal-content {
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}
#myModal1 .modal-body {
    padding: 80px 0;
}
#myModal1 .modal-dialog {
    width: 100%;
    background: #000;
    margin: 0 auto;
    height: 100%;
}
#myModal1 button.close {
    z-index: 999;
    position: relative;
    right: 0;
    top: 0;
    background: #ffffff;
    opacity: 1;
    padding: 10px;
}
ul.short-nav {
    position: absolute;
    right: 20px;
    top: -53px;
    z-index: 9;
}
ul.short-nav li {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
}
ul.short-nav li a {
    color: #fff;
}
.home-hamburger {
    top: 33px;
}
.about-bg h2 {
    font-size: 62px;
    line-height: 70px;
    color: #fff;
    background: linear-gradient(to left, #14df7d 10%, #fff 20%, #fff 20%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear;
}
@media all and (max-width: 1024px) {
    .about-bg h2 {
        font-size: 32px;
        line-height: 42px;
    }
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
.new-blue-bg {
    background: #091b38 !important;
}
.tr-bg-icon {
    position: relative;
}
.tr-bg-icon:before {
    content: "";
    position: absolute;
    background: url(images/wordpress-maintenance/wordpress-watermark.png) no-repeat top right;
    top: 0;
    right: 0;
    width: 542px;
    height: 434px;
    background-size: 85%;
}
.bl-g-img {
    position: relative;
}
.bl-g-img:before {
    content: "";
    position: absolute;
    background: url(images/wordpress-maintenance/wordpress-banner-bl-img.png) no-repeat top right;
    bottom: -40px;
    left: 0;
    width: 290px;
    height: 199px;
    background-size: 75%;
    display: none;
}
@media all and (min-width: 1200px) {
    .bl-g-img:before {
        background-size: 100%;
        width: 351px;
        height: 320px;
    }
}
@media all and (min-width: 1025px) {
    .bl-g-img:before {
        display: block;
    }
}
.partition {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
}
.partition-left {
    display: flex;
    flex-wrap: wrap;
    flex: 100%;
}
@media all and (min-width: 768px) {
    .partition-left {
        flex: 0 0 46%;
    }
}
.partition-left-text {
    flex: 0 0 50%;
    text-align: left;
    padding-right: 15px;
}
@media all and (min-width: 1025px) {
    .partition-left-text {
        padding-right: 30px;
    }
}
.partition-left-text h5 {
    font-size: 18px;
    line-height: 24px;
    color: #14df7d;
    font-weight: 500;
}
@media all and (min-width: 1025px) {
    .partition-left-text h5 {
        font-size: 22px;
        line-height: 33px;
    }
}
.partition-left-text p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding-right: 0;
}
@media all and (min-width: 1025px) {
    .partition-left-text p {
        font-size: 21px;
        line-height: 33px;
        padding-right: 35px;
    }
}
.partition-right {
    flex: 100%;
}
@media all and (min-width: 768px) {
    .partition-right {
        flex: 1;
    }
}
.partition-right h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    text-align: left;
}
@media all and (min-width: 1025px) {
    .partition-right h4 {
        font-size: 36px;
        line-height: 54px;
    }
}
.partition-right h4 span {
    color: #14df7d;
}
.partition-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 100%;
    margin: 20px 0;
}
@media all and (min-width: 768px) {
    .partition-center {
        flex: 0 0 14%;
        margin: 0;
    }
}
.partition-center span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    font-size: 14px;
    border-radius: 50%;
    background: #14df7d;
    color: #000;
    font-weight: 500;
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);
    position: relative;
}
@media all and (min-width: 1025px) {
    .partition-center span {
        width: 62px;
        height: 62px;
        font-size: 24px;
    }
}
.partition-center span:before {
    content: "";
    position: absolute;
    background: #2b637a;
    height: 2px;
    width: 75px;
    top: 17px;
    right: 50px;
    transform: rotate(0);
}
@media all and (min-width: 768px) {
    .partition-center span:before {
        width: 75px;
        top: -50px;
        right: -43px;
        transform: rotate(108deg);
    }
}
@media all and (min-width: 1025px) {
    .partition-center span:before {
        width: 90px;
        top: -60px;
        right: -45px;
        transform: rotate(108deg);
    }
}
.partition-center span:after {
    content: "";
    position: absolute;
    background: #2b637a;
    height: 2px;
    width: 73px;
    bottom: 16px;
    transform: rotate(0);
    left: 50px;
}
@media all and (min-width: 768px) {
    .partition-center span:after {
        bottom: -50px;
        transform: rotate(108deg);
        left: -40px;
    }
}
@media all and (min-width: 1025px) {
    .partition-center span:after {
        width: 90px;
        bottom: -60px;
        left: -48px;
    }
}
.partition-left .partition-left-text:nth-child(2n) {
    padding-right: 0;
}
.partition-left .partition-left-text:nth-child(2n) p {
    padding-right: 0;
}
.packages {
    background: #f5f5f5;
    padding: 100px 0;
}
.packages h2 {
    margin-bottom: 50px;
}
.packages .package-box {
    border: 1px solid #e1dfe6;
    border-radius: 8px;
    overflow: hidden;
    min-height: 500px;
    margin-bottom: 15px;
}
@media all and (min-width: 1025px) {
    .packages .package-box {
        min-height: inherit;
        margin-bottom: 0;
    }
}
.packages .package-box-top {
    padding: 30px;
}
.packages .package-box-top h6 {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 15px;
}
.packages .package-box-top h6 span {
    display: block;
}
.packages .package-box .box-color1 {
    background: #29b05b;
}
.packages .package-box .box-color2 {
    background: #0595d3;
}
.packages .package-box .box-color3 {
    background: #0a4d95;
}
.packages .package-box .box-color4 {
    background: #123069;
}
.packages .package-box-text {
    padding: 15px 15px 15px;
    border-bottom: 1px solid #e1dfe6;
}
.packages .package-box-text p {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
}
.packages .package-box-info {
    padding: 15px 15px;
}
.packages .package-box-info p {
    color: #333333;
    font-size: 13px;
    line-height: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
}
.packages .package-box-info p span {
    color: #000;
    font-weight: 600;
}
.packages .package-box-info h3 {
    font-weight: 600;
    font-size: 36px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.packages .package-box-info h3 small {
    font-size: 14px;
    font-weight: 500;
    color: #6d7278;
    top: -8px;
}
.packages .package-box-info .color1 {
    color: #29b05b;
}
.packages .package-box-info .color2 {
    color: #0595d3;
}
.packages .package-box-info .color3 {
    color: #0a4d95;
}
.packages .package-box-info .color4 {
    color: #123069;
}
.packages .package-box-info a {
    max-width: 200px;
    padding: 10px 15px;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin: 15px auto;
    border: 2px solid #ff5800;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}
.packages .package-box-info a img {
    margin-left: 5px;
}
.packages h3 {
    font-size: 36px;
    text-align: center;
    margin: 50px auto 20px;
    max-width: 756px;
}
.packages p {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 20px;
}
.bl-pt {
    position: relative;
}
.bl-pt:before {
    content: "";
    position: absolute;
    background: url(images/wordpress-maintenance/bl-pt.png) no-repeat bottom left;
    bottom: 0;
    left: 0;
    width: 615px;
    height: 325px;
    background-size: 85%;
    display: none;
}
@media all and (min-width: 1025px) {
    .bl-pt:before {
        display: block;
    }
}
.br-pt {
    position: relative;
}
.br-pt:before {
    content: "";
    position: absolute;
    background: url(images/wordpress-maintenance/br-pt.png) no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 615px;
    height: 325px;
    background-size: 85%;
    display: none;
}
@media all and (min-width: 1025px) {
    .br-pt:before {
        display: block;
    }
}
.faq-helper:after {
    display: none;
}
.support {
    padding: 100px 0;
}
.support h2 {
    font-size: 36px;
    max-width: 716px;
    margin: 0 auto 50px;
}
.support-box {
    min-height: inherit;
    margin-bottom: 35px;
}
@media all and (min-width: 768px) {
    .support-box {
        min-height: 350px;
    }
}
@media all and (min-width: 1200px) {
    .support-box {
        min-height: 350px;
    }
}
.support-box-icon {
    width: 50px;
    height: 60px;
    margin-bottom: 15px;
    position: relative;
    background: url(images/wordpress-maintenance/support-sprite.png) no-repeat;
}
.support-box-icon1 {
    background-position: 0 0;
}
.support-box-icon2 {
    background-position: -66px 0;
}
.support-box-icon3 {
    background-position: -134px 0;
    width: 80px;
}
.support-box-icon4 {
    background-position: -221px 0;
}
.support-box-icon5 {
    background-position: 0 -60px;
    width: 60px;
}
.support-box-icon6 {
    background-position: -60px -62px;
}
.support-box-icon7 {
    background-position: -124px -60px;
}
.support-box-icon8 {
    background-position: -188px -60px;
}
.support-box h5 {
    font-size: 17px;
    line-height: 22px;
    padding-right: 50px;
    margin-bottom: 15px;
}
@media all and (min-width: 1200px) {
    .support-box h5 {
        font-size: 22px;
        line-height: 28px;
    }
}
.support-box p {
    font-size: 15px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    padding-right: 30px;
}
@media all and (min-width: 1200px) {
    .support-box p {
        font-size: 18px;
        line-height: 30px;
    }
}
.needs:after {
    display: none;
}
.needs:before {
    content: "";
    position: absolute;
    background: url(images/wordpress-maintenance/bl-pt.png) no-repeat bottom left;
    bottom: 0;
    top: inherit;
    left: 0;
    width: 615px;
    height: 325px;
    background-size: 85%;
}
.needs h2 {
    color: #fff;
}
.needs-box {
    margin: 15px 5px !important;
    width: 100% !important;
    height: auto !important;
    padding: 30px 10px 30px !important;
}
@media all and (min-width: 1200px) {
    .needs-box {
        padding: 120px 10px 30px !important;
        height: 470px !important;
    }
}
@media all and (min-width: 768px) {
    .needs-box {
        width: 47% !important;
        height: 450px !important;
    }
}
@media all and (min-width: 992px) {
    .needs-box {
        width: 23% !important;
    }
}
.needs-box:before {
    content: "" !important;
    background: url(images/wordpress-maintenance/need-sprite.png) no-repeat 0 0 !important;
    display: inline-block !important;
}
.needs-box h3 {
    font-size: 15px;
    line-height: 20px;
}
@media all and (min-width: 1200px) {
    .needs-box h3 {
        font-size: 18px;
        line-height: 26px;
    }
}
.needs-box p {
    font-size: 14px;
}
@media all and (min-width: 1200px) {
    .needs-box p {
        font-size: 17px;
    }
}
.needs-box1:before {
    background-position: 6px 4px !important;
}
.needs-box2:before {
    background-position: -58px 0px !important;
    height: 60px !important;
}
.needs-box3:before {
    background-position: -126px 0px !important;
}
.needs-box4:before {
    background-position: -190px 0px !important;
}
.needs-box5:before {
    background-position: 4px -75px !important;
}
.needs-box6:before {
    background-position: -60px -73px !important;
}
.needs-box7:before {
    background-position: -130px -73px !important;
}
.needs-box8:before {
    background-position: -202px -69px !important;
    width: 68px !important;
}
.how-it-work {
    padding: 100px 0;
    background: #f5f5f5;
}
.how-it-work h2 {
    text-align: center;
}
.how-it-work span {
    text-align: center;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}
.how-it-work-box {
    max-width: 970px;
    margin: 0 auto;
    display: flex;
    padding: 50px 30px;
    background: #fff;
    border: 1px solid #e1dfe6;
    border-radius: 10px;
    margin-bottom: 70px;
    position: relative;
}
.how-it-work-box:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 62px;
    height: 60px;
    background: url(images/wordpress-maintenance/how-number1.png) no-repeat 0 0;
}
.how-it-work-box:after {
    content: "";
    position: absolute;
    bottom: -75px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 18px;
    height: 60px;
    background: url(images/wordpress-maintenance/bottom-arrow.png) no-repeat 0 0;
}
.how-it-work-box-icon {
    background: url(images/wordpress-maintenance/how-icon1.png) no-repeat 0 0;
    width: 100px;
    height: 70px;
    flex: 0 0 100px;
}
.how-it-work-box-icon2 {
    background: url(images/wordpress-maintenance/how-icon2.png) no-repeat 0 0;
}
.how-it-work-box-icon3 {
    background: url(images/wordpress-maintenance/how-icon3.png) no-repeat 0 0;
}
.how-it-work-box-text h5 {
    margin-bottom: 15px;
}
.how-it-work-box-text p {
    font-size: 18px;
    line-height: 30px;
}
.how-it-work-box2:before {
    background: url(images/wordpress-maintenance/how-number2.png) no-repeat 0 0;
}
.how-it-work-box3:before {
    background: url(images/wordpress-maintenance/how-number3.png) no-repeat 0 0;
}
.how-it-work-box3:after {
    display: none;
}
.bg-white {
    background: #fff !important;
}
.response {
    padding: 100px 0;
}
.response h2 {
    color: #fff;
    text-align: center;
}
.response p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    font-family: "Montserrat", sans-serif;
    margin-top: 15px;
    padding: 0;
}
@media all and (min-width: 768px) {
    .response p {
        padding: 0 75px;
    }
}
.response-table {
    margin-top: 50px;
}
.response-table-header {
    margin-bottom: 10px;
    display: flex;
}
.response-table-header h6 {
    font-size: 11px;
    line-height: inherit;
    font-weight: 600;
    color: #49c684;
    padding: 0 15px;
}
@media all and (min-width: 768px) {
    .response-table-header h6 {
        font-size: 16px;
    }
}
.response-table-header h6:nth-child(1) {
    flex: 1;
}
@media all and (min-width: 768px) {
    .response-table-header h6:nth-child(1) {
        flex: 0 0 150px;
    }
}
.response-table-header h6:nth-child(2) {
    flex: 1;
}
.response-table-header h6:last-child {
    flex: 1;
}
@media all and (min-width: 768px) {
    .response-table-header h6:last-child {
        flex: 0 0 260px;
    }
}
.response-table-body {
    background: #fff;
    border-radius: 5px;
    display: flex;
    height: auto;
    margin-bottom: 10px;
}
@media all and (min-width: 768px) {
    .response-table-body {
        height: 64px;
    }
}
.response-table-body p {
    color: #333;
    padding: 0 15px;
    border-right: 1px solid #dfdfdf;
    margin: 0;
    font-size: 12px;
    line-height: inherit;
    text-align: left;
    display: flex;
    align-items: center;
}
@media all and (min-width: 768px) {
    .response-table-body p {
        font-size: 16px;
    }
}
.response-table-body p:nth-child(1) {
    flex: 1;
}
@media all and (min-width: 768px) {
    .response-table-body p:nth-child(1) {
        flex: 0 0 150px;
    }
}
.response-table-body p:nth-child(2) {
    flex: 1;
}
.response-table-body p:last-child {
    border: none;
    flex: 1;
}
@media all and (min-width: 768px) {
    .response-table-body p:last-child {
        flex: 0 0 260px;
    }
}
.gradient-blue-green-mod {
    background: linear-gradient(132deg, #07b260 0%, #023e66 25%, #051b39 56%);
}
.floating-form {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    max-width: 365px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    height: 100vh;
}
.floating-form form {
    padding: 20px 30px 0 30px;
}
.floating-form form .floating-form-1 {
    background: url(images/wad-new/name-icon.png) no-repeat 0 6px;
}
.floating-form form .floating-form-2 {
    background: url(images/wad-new/mail-icon.png) no-repeat 0 6px;
}
.floating-form form .floating-form-3 {
    background: url(images/wad-new/phone-icon.png) no-repeat 0 6px;
}
.floating-form form h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}
.floating-form form h4:before {
    content: "";
    position: absolute;
    background: #14df7d;
    height: 3px;
    width: 53px;
    left: 0;
    bottom: 0;
}
.floating-form form p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #6d7278;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}
.floating-form form input {
    border-bottom: 1px solid #333333;
    width: 100%;
    padding: 5px 15px 10px 25px;
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
}
.floating-form form ::-webkit-input-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 500;
}
.floating-form form :-ms-input-placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 500;
}
.floating-form form ::placeholder {
    color: #3b3b3b;
    opacity: 1;
    font-weight: 500;
}
.floating-form form .btn-center-block {
    width: auto;
    margin: 15px 0 15px;
}
.floating-form form .btn-center-block .btn-orange {
    max-width: 220px;
    margin: 0;
    font-size: 16px;
    padding: 10px 0px;
}
.floating-form-bottom {
    border-top: 1px dashed #bebebe;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
}
.floating-form-bottom-left {
    display: flex;
}
.floating-form-bottom-left span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url(images/wad-new/calender-icon.png) no-repeat 0 0;
}
.floating-form-bottom-left p {
    flex: 1;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0;
}
.floating-form-bottom-right {
    display: flex;
}
.floating-form-bottom-right span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url(images/wad-new/lock-icon.png) no-repeat 0 0;
}
.floating-form-bottom-right p {
    flex: 1;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0;
}
.floating-form-ft {
    text-align: center;
    padding: 20px 30px;
    background: #f5f5f5;
}
.floating-form-ft h5 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.floating-form-ft a {
    color: #ff5800;
    font-weight: 600;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    text-decoration: underline;
}
.wad-bnr-img {
    background: url(images/wad-new/banner-img.png) no-repeat right bottom;
    background-size: 75%;
    position: absolute;
    bottom: -90px;
    right: 30px;
    width: 400px;
    height: 330px;
}
.banner-helper {
    background: #091b38 !important;
    text-align: left !important;
}
.banner-helper .col-lg-9 {
    position: relative;
}
.banner-helper h1 {
    text-align: left !important;
    padding: 0 40px 0 0;
    font-size: 50px;
    line-height: 64px;
}
.banner-helper p {
    padding: 0 100px 0 0;
    color: #bbc4d4;
    font-size: 20px;
    line-height: 36px;
}
.banner-helper h4 {
    font-size: 34px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
}
.banner-helper h5 {
    font-size: 20px;
    line-height: 20px;
    color: #bbc4d4;
}
.banner-helper ul {
    max-width: 280px;
}
.banner-helper ul li {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin-top: 15px;
    padding-left: 40px;
    background: url(images/wad-new/tick-icon.png) no-repeat 0 10px;
    color: #bbc4d4;
}
.banner-helper ul li strong {
    color: #fff;
}
.clients-helper {
    text-align: left;
}
.font-size-22 {
    font-size: 22px;
    line-height: 28px;
}
.service-helper {
    text-align: left;
}
.service-helper p {
    color: #6d7278 !important;
}
.service-helper .service-wrap {
    text-align: left;
}
.service-helper .services-pan {
    text-align: left;
    padding: 60px 0 30px !important;
    box-shadow: none !important;
    border: none !important;
    width: 29% !important;
    height: inherit !important;
}
.service-helper .services-pan:before {
    transform: translate(0, 0);
    left: 0;
    top: 0;
}
.service-helper .services-pan a {
    margin: 0;
}
.service-helper .services-pan h3 span {
    display: block;
}
.service-helper .services-pan p {
    height: 250px;
    color: #333 !important;
}
.insight-helper .fi-pan {
    width: 46%;
}
.why-helper .col-lg-9 {
    float: left !important;
}
@media all and (min-width: 1200px) {
    .why-helper .col-lg-9 {
        width: 75% !important;
    }
}
.why-helper .reasons-capital__blocks {
    width: 47% !important;
}
.why-helper .reasons-capital {
    text-align: left;
}
.why-helper .new-review-box h4 {
    font-size: 18px !important;
}
.why-helper .new-review-box {
    min-height: 347px;
}
.slider-helper .cs-slider img {
    width: 50%;
}
.industry-helper {
    text-align: left;
}
.industry-helper ul li:before {
    transform: translate(0, 0);
    left: 15px;
}
.industry-helper .anchor-link {
    margin: 0;
}
.clients-helper ul {
    text-align: left;
}
.clients-helper ul li {
    display: inline-block;
    margin: 10px 15px;
}
.clients-helper ul li:first-child {
    margin-left: 0;
}
.stack-helper .experience-list ul {
    flex-wrap: wrap;
    display: flex;
}
.stack-helper .experience-list ul li {
    flex: 0 0 33.3%;
    margin: 0 0;
    background: none;
    border: none;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0;
}
.stack-helper .experience-list ul li:nth-child(3) {
    border-right: 0;
}
.stack-helper .experience-list ul li:nth-child(6) {
    border-right: 0;
}
.stack-helper .experience-list ul li:nth-child(9) {
    border-right: 0;
}
.stack-helper .experience-list ul li:nth-child(10) {
    border-bottom: 0;
}
.stack-helper .experience-list ul li:nth-child(11) {
    border-bottom: 0;
}
.stack-helper .experience-list ul li:nth-child(12) {
    border-right: 0;
    border-bottom: 0;
}
.stack-helper .experience-list ul li a:before {
    display: none;
}
.model-helper .o-engagement-model__panel--rightnew {
    float: left;
    width: 46%;
}
.model-helper .o-engagement-model__panel--leftnew {
    float: left;
    width: 46%;
    margin-right: 20px;
}
.model-helper .o-engagement-model__cards {
    min-height: 360px;
}
.model-helper .o-engagement-model__cards__top {
    padding-top: 0;
}
.model-helper .o-engagement-model__cards__top:before {
    display: none;
}
.model-helper .o-engagement-model__cards__top h3 {
    text-align: left;
    text-transform: capitalize;
    font-weight: 600;
}
.model-helper .o-engagement-model__cards__top__inner {
    padding-top: 0;
}
.model-helper .o-engagement-model__cards__top__inner h3 {
    margin-top: 15px;
    line-height: 40px;
    font-weight: 600;
}
.model-helper .o-engagement-model__cards__bottom {
    text-align: left;
}
.model-helper .o-engagement-model__cards__bottom p {
    text-align: left;
    padding: 0;
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    line-height: 28px;
}
.model-helper .o-engagement-model__cards__bottom p span {
    text-align: left;
    color: #49c684;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
}
.model-helper .o-engagement-model__cards__bottom p span strong {
    color: #49c684;
    font-size: 20px;
    font-weight: 600;
}
.model-helper .o-engagement-model__cards__bottom a {
    font-size: 18px !important;
    color: #6d7278 !important;
    font-family: "Montserrat", sans-serif;
    text-decoration: none !important;
}
.model-helper .most-popular {
    background: url("images/wad-new/most-popular-green.png") no-repeat 0 0;
    height: 120px;
}
.talk-helper h2 {
    font-size: 36px;
}
.home-pattern-bl.faq-helper {
    background-size: 75%;
}
.slider-helper h4 {
    font-size: 44px !important;
    color: #333333 !important;
    font-family: "Montserrat", sans-serif !important;
}
.slider-helper h4:before {
    display: none;
}
.slider-helper h5 {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.slider-helper .cs-tech {
    color: #717171;
}
.slider-helper .cs-tech span {
    color: #4a90e2 !important;
}
.talk-helper .talk-link {
    font-size: 14px;
    font-family: "Montserrat", sans-serif !important;
    color: #fff;
    margin-top: 15px;
    font-weight: 600;
    text-decoration: underline;
    display: block;
}
.wad-helper #primaryNav {
    display: none !important;
}
.wad-helper ul.social-footer-divider--social-pan {
    max-width: 860px;
}
.wad-helper .row.o-footer--footer-divider {
    background: transparent;
}
@media (max-width: 1280px) {
    .wad-helper .col-lg-9 {
        padding-right: 50px;
    }
}
.faq-helper2:after {
    background-size: 55%;
}
.slider-helper {
    padding: 100px 0;
}
.slider-helper .cs-slider {
    display: flex;
}
.slider-helper .cs-slider .text-side {
    flex: 0 0 55%;
    max-width: 55%;
}
.slider-helper .cs-slider .img-side {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 0 0 0 30px;
}
.slider-helper .cs-slider .img-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-helper .slick-prev {
    left: 360px;
    bottom: 5%;
    top: inherit;
    background-size: 10px;
}
.slider-helper .slick-next {
    left: 379px;
    bottom: 5%;
    top: inherit;
    background-size: 10px;
}
.why-helper-tl:before {
    content: "";
    background: url("images/wad-new/g-tl-pt.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    background-size: 65%;
}
.slider-helper-tl-pt {
    position: relative;
}
.slider-helper-tl-pt:before {
    content: "";
    background: url("images/wad-new/g-tl-pt.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    background-size: 65%;
}
.model-helper-bl-pt {
    position: relative;
}
.model-helper-bl-pt:before {
    content: "";
    background: url("images/wad-new/bl-pt.png") no-repeat bottom left;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 615px;
    height: 326px;
    background-size: 65%;
}
.model-helper-bl-pt:after {
    display: none;
}
.industry-helper:before {
    content: "";
    background: url("images/wad-new/tl-pt.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 615px;
    height: 326px;
    background-size: 55%;
}
.industry-helper:after {
    display: none;
}
.service-helper:before {
    display: none;
}
.service-helper:after {
    display: none;
}
.service-helper-br-pt:before {
    content: "";
    background: url("images/wad-new/br-pt.png") no-repeat bottom right;
    position: absolute;
    bottom: -80px;
    right: -60px;
    width: 478px;
    height: 326px;
    background-size: 75%;
}
.faq-helper2 .accordion1:after {
    color: #4a90e2;
}
.hamb-icon {
    position: absolute;
    z-index: 99999;
    right: 400px;
    top: 15px;
    background: url("images/wad-new/hamb-icon.png") no-repeat 0 0;
    width: 30px;
    height: 30px;
}
@media all and (max-width: 767px) {
    .career-bnr {
        background: #091a38;
    }
}
@media all and (max-width: 767px) {
    .career-bnr .container {
        padding: 40px 15px 0;
    }
}
@media all and (max-width: 767px) {
    .career-bnr:before {
        content: "";
        position: absolute;
        background: url(images/wordpress-maintenance/br-pt.png) no-repeat bottom right;
        bottom: 0;
        right: 0;
        width: 188px;
        height: 100px;
        background-size: 85%;
    }
}
.career-bnr .o-skills-hero__background {
    background-image: url(images/career/career-bnr-img.png);
}
.career-bnr-icon {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
@media all and (max-width: 991px) {
    .career-bnr-icon {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media all and (max-width: 991px) {
    .career-bnr-icon-img {
        margin: 15px 15px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img {
        margin: 10px 13px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img:nth-child(1) {
        flex: 0 0 14%;
        max-width: 14%;
    }
}
.career-bnr-icon-img:nth-child(2) {
    flex: 0 0 140px;
    max-width: 140px;
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img:nth-child(2) {
        flex: 0 0 22%;
        max-width: 22%;
    }
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img:nth-child(3) {
        flex: 0 0 37%;
        max-width: 37%;
    }
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img:nth-child(4) {
        flex: 0 0 27%;
        max-width: 27%;
    }
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img:nth-child(5) {
        flex: 0 0 16%;
        max-width: 16%;
    }
}
@media all and (max-width: 767px) {
    .career-bnr-icon-img:nth-child(6) {
        flex: 0 0 18%;
        max-width: 18%;
    }
}
.career-bnr .font-family-mot {
    font-weight: 700;
}
@media all and (max-width: 767px) {
    .career-bnr .font-family-mot {
        padding: 7px 45px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr .green-head-ribbon span:before {
        width: 25px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr .green-head-ribbon span:after {
        border-width: 0 0 13px 26px;
    }
}
.career-bnr h1 {
    font-size: 48px;
    line-height: 66px;
}
@media all and (max-width: 991px) {
    .career-bnr h1 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
    }
}
.career-bnr h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 40px;
}
@media all and (max-width: 991px) {
    .career-bnr h2 {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
}
.career-bnr .bnr-tag-line {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
}
@media all and (max-width: 991px) {
    .career-bnr .bnr-tag-line {
        margin-top: 25px;
    }
}
@media all and (max-width: 767px) {
    .career-bnr .bnr-tag-line {
        font-size: 16px;
    }
}
.career-bnr .bnr-tag-line strong {
    font-weight: 600;
    color: #49c684;
}
.career-bnr .bnr-tag-line a {
    color: #fff;
}
.career-bnr .btn_wrapper {
    padding-top: 25px;
    width: 340px !important;
    margin-bottom: 30px;
}
@media all and (max-width: 767px) {
    .career-bnr .btn_wrapper {
        max-width: 280px;
    }
}
.career-bnr .btn_wrapper .btn {
    max-width: 385px;
}
@media all and (max-width: 767px) {
    .career-bnr .btn_wrapper .btn {
        max-width: 280px;
        padding: 12px 25px;
        font-size: 14px;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .career-bnr .btn_wrapper .btn strong {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .career-bnr .btn_wrapper .btn:after {
        position: relative;
        top: -12px;
        right: -35px;
    }
}
.position {
    padding: 100px 0;
    background: #f5f5f5;
}
@media all and (max-width: 767px) {
    .position {
        padding: 50px 0;
    }
}
@media all and (max-width: 767px) {
    .position:after {
        content: "";
        position: absolute;
        background: url(images/career/br-pt2.png) no-repeat bottom right;
        bottom: 0;
        right: 0;
        width: 249px;
        height: 137px;
        background-size: 85%;
    }
}
.position h2 {
    text-align: center;
}
@media all and (max-width: 767px) {
    .position h2 {
        font-size: 24px;
        line-height: 34px;
        font-weight: 600;
    }
}
.position h3 {
    text-align: center;
    position: relative;
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    margin-top: 30px;
}
@media all and (max-width: 767px) {
    .position h3 {
        font-size: 18px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}
.position h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 60px;
    height: 2px;
    background: #2dbe70;
}
.position .backend-wrap-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media all and (max-width: 767px) {
    .position .backend-wrap-con {
        padding: 0 15px;
    }
}
.position .backend-wrap-con-box {
    margin: 0 15px;
    position: relative;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    flex: 0 0 30%;
    border-radius: 8px;
    padding: 20px 0;
    margin: 15px 15px;
    background: #fff;
}
@media all and (max-width: 767px) {
    .position .backend-wrap-con-box {
        flex: 0 0 100%;
        padding: 19px 15px 19px 0;
        margin: 10px 15px;
        height: 103px;
    }
}
.position .backend-wrap-con-box-img {
    height: 80px;
    width: 80px;
    position: relative;
    left: -10px;
}
@media all and (max-width: 767px) {
    .position .backend-wrap-con-box-img {
        height: 64px;
        width: 64px;
        left: -6px;
    }
}
.position .backend-wrap-con-box-text {
    flex: 1;
    padding-left: 15px;
}
.position .backend-wrap-con-box-text h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
    .position .backend-wrap-con-box-text h4 {
        font-size: 16px;
        line-height: 18px;
    }
}
.position .backend-wrap-con-box-text span {
    font-size: 18px;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    color: #333;
}
@media all and (max-width: 767px) {
    .position .backend-wrap-con-box-text span {
        font-size: 15px;
    }
}
.position .dont-see-text {
    display: block;
    text-align: center;
    margin: 40px 0 30px;
    font-size: 30px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 767px) {
    .position .dont-see-text {
        margin: 20px 0 20px;
        font-size: 20px;
        font-weight: 400;
    }
}
@media all and (max-width: 767px) {
    .position .btn-orange {
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .position:after {
        content: "";
        position: absolute;
        background: url(images/career/br-pt2.png) no-repeat bottom right;
        bottom: 0;
        right: 0;
        width: 249px;
        height: 137px;
        background-size: 85%;
    }
}
@media all and (max-width: 767px) {
    .position ul.slick-dots {
        margin-top: 0;
    }
}
.key-section {
    padding: 100px 0;
}
@media all and (max-width: 767px) {
    .key-section {
        padding: 50px 0;
    }
}
@media all and (max-width: 767px) {
    .key-section:after {
        content: "";
        position: absolute;
        background: url(images/career/bl-pt.png) no-repeat bottom left;
        bottom: 0;
        left: 0;
        width: 249px;
        height: 137px;
        background-size: 85%;
    }
}
@media all and (max-width: 767px) {
    .key-section .container {
        padding: 0 30px;
    }
}
@media all and (max-width: 767px) {
    .key-section .container .row {
        max-width: 360px;
        margin: 0 auto;
    }
}
.key-section h2 {
    text-align: center;
}
@media all and (max-width: 767px) {
    .key-section h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;
    }
}
.key-section p {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-family: "Montserrat", sans-serif;
    padding: 15px 0 25px;
}
@media all and (max-width: 767px) {
    .key-section p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 0 10px;
        margin-bottom: 15px;
    }
}
.key-section .key-box {
    display: flex;
    align-items: flex-start;
}
.key-section .key-box-img {
    width: 70px;
}
@media all and (max-width: 767px) {
    .key-section .key-box-img {
        width: 70px;
    }
}
.key-section .key-box-text {
    padding-left: 25px;
}
.key-section .key-box-text h3 {
    font-size: 36px;
    color: #2dbe70;
    font-weight: 700;
}
@media all and (max-width: 767px) {
    .key-section .key-box-text h3 {
        text-align: left;
    }
}
.key-section .key-box-text p {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
@media all and (max-width: 767px) {
    .key-section .btn-orange {
        font-size: 14px;
    }
}
.perks-section {
    padding: 100px 0;
    background: #f5f5f5;
}
@media all and (max-width: 767px) {
    .perks-section {
        padding: 50px 0;
    }
}
@media all and (max-width: 767px) {
    .perks-section:after {
        content: "";
        position: absolute;
        background: url(images/career/br-pt2.png) no-repeat bottom right;
        bottom: 0;
        right: 0;
        width: 249px;
        height: 137px;
        background-size: 85%;
    }
}
@media all and (max-width: 767px) {
    .perks-section .container {
        padding: 0 30px;
    }
}
.perks-section h2 {
    text-align: center;
}
@media all and (max-width: 767px) {
    .perks-section h2 {
        font-size: 24px;
        font-weight: 700;
    }
}
.perks-section p {
    text-align: center;
    max-width: 735px;
    margin: 0 auto 30px;
    font-size: 20px;
    line-height: 30px;
}
.perks-section-wrap {
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px -15px 50px;
}
@media all and (max-width: 767px) {
    .perks-section-wrap {
        flex-wrap: wrap;
        margin: 25px auto 0;
    }
}
.perks-section-wrap-box {
    padding: 28px 15px 28px 20px;
    flex: 0 0 22.3%;
    margin: 15px 15px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #fff;
}
@media all and (max-width: 991px) {
    .perks-section-wrap-box {
        flex: 0 0 29%;
    }
}
@media all and (max-width: 767px) {
    .perks-section-wrap-box {
        flex: 0 0 100%;
        border: none;
        border-bottom: 1px solid #d8d8d8;
    }
}
.perks-section-wrap-box span {
    display: inline-block;
    width: 52px;
}
.perks-section-wrap-box h5 {
    flex: 1;
    padding-left: 15px;
    font-size: 18px;
    line-height: 22px;
}
@media all and (max-width: 767px) {
    .perks-section-wrap-box h5 {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .perks-section .btn-orange {
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .perks-section ul.slick-dots {
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .working {
        padding-bottom: 50px;
    }
}
@media all and (max-width: 767px) {
    .working h2 {
        font-size: 24px;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .working p {
        padding: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .working .container {
        padding: 0 30px;
    }
}
@media all and (max-width: 767px) {
    .working:after {
        content: "";
        position: absolute;
        background: url(images/career/bl-pt.png) no-repeat bottom left;
        bottom: 0;
        left: 0;
        width: 249px;
        height: 137px;
        background-size: 85%;
        display: block !important;
        top: inherit;
    }
}
.process-section {
    padding: 100px 0;
}
@media all and (max-width: 767px) {
    .process-section {
        padding: 50px 0;
    }
}
@media all and (max-width: 767px) {
    .process-section:after {
        content: "";
        position: absolute;
        background: url(images/career/br-pt2.png) no-repeat bottom right;
        bottom: 0;
        right: 0;
        width: 249px;
        height: 137px;
        background-size: 85%;
    }
}
.process-section h2 {
    text-align: center;
    margin-bottom: 5px;
}
@media all and (max-width: 767px) {
    .process-section h2 {
        font-size: 24px;
        font-weight: 700;
    }
}
.process-section p {
    text-align: center;
    max-width: 735px;
    margin: 0 auto 50px;
    font-size: 20px;
    line-height: 30px;
}
@media all and (max-width: 767px) {
    .process-section .container {
        padding: 0 30px;
    }
}
.process-section .process-wrap {
    justify-content: center;
    position: relative;
}
@media all and (max-width: 767px) {
    .process-section .process-wrap {
        display: flex;
        flex-direction: row-reverse;
        max-width: 325px;
        margin: 0 auto;
    }
}
.process-section .process-wrap-box {
    flex: 0 0 199px;
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    width: 199px;
    height: 199px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}
.process-section .process-wrap-box:before {
    content: "";
    position: absolute;
    background: url(images/career/path1.png) no-repeat 0 0;
    width: 199px;
    height: 100px;
    top: 0;
    left: 0;
}
@media all and (max-width: 767px) {
    .process-section .process-wrap-box {
        flex: 0 0 274px;
        max-width: 274px;
        margin: 0 auto;
    }
}
.process-section .process-wrap-box-img {
    width: 153px;
    height: 153px;
    border-radius: 50%;
    border: 5px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}
.process-section .process-wrap-box h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
    padding: 0 75px;
    line-height: 20px;
}
@media all and (max-width: 767px) {
    .process-section .process-wrap-box h5 {
        font-size: 14px;
    }
}
.process-section .process-wrap-box:nth-child(3) h5 {
    top: 50%;
}
.process-section .process-wrap-box:nth-child(2) h5 {
    padding: 0 80px;
}
.process-section .process-wrap-box:last-child:after {
    display: none;
}
.process-section .top-process-name {
    display: flex;
    position: absolute;
    top: 10px;
}
@media all and (max-width: 767px) {
    .process-section .top-process-name {
        flex-wrap: wrap;
        position: inherit;
        flex: 1;
        padding-left: 15px;
    }
}
.process-section .top-process-name-box {
    display: flex;
    flex: 1;
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box {
        flex: 0 0 100%;
        align-items: center;
    }
}
.process-section .top-process-name-box h4 {
    font-size: 30px;
    line-height: 26px;
    font-weight: 500;
    padding-right: 10px;
    align-self: baseline;
    border-right: 1px solid #e2e2e2;
}
@media all and (max-width: 991px) {
    .process-section .top-process-name-box h4 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
        padding-right: 5px;
    }
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box h4 {
        font-size: 24px;
        line-height: 26px;
        align-self: center;
    }
}
.process-section .top-process-name-box:nth-child(1) h4 {
    color: #36e079;
}
@media all and (max-width: 991px) {
    .process-section .top-process-name-box:nth-child(1) {
        top: 0;
    }
}
.process-section .top-process-name-box:nth-child(2) h4 {
    color: #28c89a;
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box:nth-child(2) {
        top: -8px;
        position: relative;
    }
}
.process-section .top-process-name-box:nth-child(3) {
    position: relative;
    left: 24px;
}
.process-section .top-process-name-box:nth-child(3) h4 {
    color: #2bbdc3;
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box:nth-child(3) {
        left: 0;
        top: -32px;
    }
}
.process-section .top-process-name-box:nth-child(4) h4 {
    color: #1b89af;
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box:nth-child(4) {
        position: relative;
        top: -54px;
    }
}
.process-section .top-process-name-box:nth-child(5) {
    flex: 0 0 213px;
}
.process-section .top-process-name-box:nth-child(5) h4 {
    color: #036497;
}
@media all and (max-width: 991px) {
    .process-section .top-process-name-box:nth-child(5) {
        flex: 0 0 170px;
    }
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box:nth-child(5) {
        position: relative;
        top: -68px;
    }
}
.process-section .top-process-name-box:nth-child(6) h4 {
    color: #2c4d82;
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box:nth-child(6) {
        position: relative;
        top: -76px;
    }
}
.process-section .top-process-name-box h5 {
    font-size: 17px;
    color: #333333;
    line-height: 23px;
    padding-left: 15px;
}
@media all and (max-width: 1199px) {
    .process-section .top-process-name-box h5 {
        font-size: 14px;
        line-height: 18px;
        padding-left: 10px;
    }
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box h5 {
        font-size: 18px;
        line-height: 24px;
    }
}
.process-section .top-process-name-box:nth-child(2n + 1) {
    position: relative;
    bottom: -245px;
}
@media all and (max-width: 991px) {
    .process-section .top-process-name-box:nth-child(2n + 1) {
        bottom: -170px;
    }
}
@media all and (max-width: 767px) {
    .process-section .top-process-name-box:nth-child(2n + 1) {
        bottom: 0;
    }
}
.process-section .process-img {
    padding: 50px 0;
    margin-bottom: 75px;
}
@media all and (max-width: 767px) {
    .process-section .process-img {
        padding: 0;
    }
}
@media all and (max-width: 767px) {
    .process-section .btn-orange {
        font-size: 14px;
    }
}
.working {
    background: linear-gradient(135deg, #07b260 0%, #00517f 40%, #023e66 60%, #051b39 100%);
}
.working p {
    margin-top: 30px;
    padding: 0 100px;
    margin-bottom: 40px;
}
@media all and (max-width: 767px) {
    .working p {
        margin-top: 5px;
        margin-bottom: 30px;
    }
}
.working .masonry {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media all and (max-width: 767px) {
    .working .masonry h3 {
        font-size: 20px !important;
    }
}
.working .masonry .brick {
    flex: 0 0 31%;
    padding: 120px 25px 30px;
}
@media all and (max-width: 767px) {
    .working .masonry .brick {
        height: auto;
        padding-top: 90px !important;
    }
}
.working .masonry .brick:before {
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
@media all and (max-width: 767px) {
    .working .masonry .brick:before {
        display: block !important;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100px;
        height: 75px;
        top: 23px;
    }
}
.working .masonry .brick p {
    padding: 0;
}
@media all and (max-width: 767px) {
    .working .masonry .brick {
        flex: 0 0 100%;
    }
}
.working .masonry .services-pan__php-service-01:before {
    background-image: url(images/career/working-icon.png);
    display: block !important;
}
.working .masonry .services-pan__php-service-02:before {
    background-image: url(images/career/working-icon2.png);
}
.working .masonry .services-pan__php-service-03:before {
    background-image: url(images/career/working-icon3.png);
}
.working .masonry .services-pan__php-service-04:before {
    background-image: url(images/career/working-icon4.png);
}
.working .masonry .services-pan__php-service-05:before {
    background-image: url(images/career/working-icon5.png);
}
.working .masonry .services-pan__php-service-06:before {
    background-image: url(images/career/working-icon6.png);
}
.working span.opportunity-text {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 767px) {
    .working span.opportunity-text {
        font-size: 20px;
        line-height: 26px;
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .working .btn-orange {
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .working ul.slick-dots {
        margin-top: 0;
    }
}
.hq {
    padding: 100px 0;
    background: #f5f5f5;
}
@media all and (max-width: 767px) {
    .hq {
        padding: 50px 0;
    }
}
@media all and (max-width: 767px) {
    .hq .container {
        padding: 0 30px;
    }
}
.hq ul.slick-dots {
    margin-top: 30px;
}
.hq ul.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 6px;
}
@media all and (max-width: 767px) {
    .hq ul.slick-dots li {
        width: 7px;
        height: 7px;
    }
}
.hq ul.slick-dots li.slick-active {
    background: #49c684;
    width: 13px;
    height: 13px;
}
@media all and (max-width: 767px) {
    .hq ul.slick-dots li.slick-active {
        width: 10px;
        height: 10px;
    }
}
.hq h2 {
    text-align: center;
    margin-bottom: 40px;
}
@media all and (max-width: 767px) {
    .hq h2 {
        font-size: 24px;
    }
}
.hq p {
    text-align: center;
    max-width: 945px;
    margin: 0 auto 50px;
    font-size: 20px;
    line-height: 30px;
}
.hq-slider-all-img {
    display: flex !important;
    align-items: flex-end;
}
@media all and (max-width: 767px) {
    .hq-slider-all-img {
        flex-wrap: wrap;
    }
}
.hq-slider-all-img-box {
    margin: 0 5px;
}
@media all and (max-width: 767px) {
    .hq-slider-all-img-box {
        margin: 0;
        flex: 0 0 100%;
    }
}
.hq-slider-all-img-box a {
    position: relative;
    display: block;
}
.hq-slider-all-img-box a:before {
    content: "";
    position: absolute;
    background: url(images/career/view-icon.png) no-repeat center center;
    width: 35px;
    height: 35px;
    top: 25px;
    right: 20px;
}
.hq-slider-all-img-box img {
    margin: 5px 0;
}
.hq-slider-all-img img {
    width: 100%;
}
.any-q {
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    margin-top: 30px;
}
.any-q-a {
    font-size: 16px;
    margin-top: 15px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}
.any-q-a a {
    color: #4a90e2;
}
.career-form {
    background: url(images/career/form-bg.jpg) no-repeat center center; background-size:cover;
}
@media all and (max-width: 767px) {
    .career-form {
        padding-bottom: 50px;
        padding-top: 50px;
    }
}
.career-form h2 {
    font-weight: 700;
    margin-bottom: 10px;
}
.career-form p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}
@media all and (max-width: 767px) {
    .career-form p {
        font-size: 16px;
        line-height: 24px;
    }
}
.career-form .form-text {
    position: relative;
    width: 100%;
    float: none;
    padding: 50px 60px;
}
@media all and (max-width: 767px) {
    .career-form .form-text {
        display: none;
    }
}
.career-form .form-text .form-bot-text {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
@media all and (max-width: 767px) {
    .career-form .form-text .form-bot-text {
        margin-top: 20px;
        padding-top: 25px;
    }
}
@media all and (max-width: 767px) {
    .career-form .form-text {
        text-align: left !important;
    }
}
@media all and (max-width: 767px) {
    .career-form .form-text h2 {
        font-size: 24px !important;
        position: relative;
        padding-bottom: 10px;
    }
}
@media all and (max-width: 767px) {
    .career-form .form-text h2:before {
        content: "";
        background: #2dbe70;
        width: 50px;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .career-form .form-text p {
        font-family: "Source Serif Pro", serif !important;
        font-weight: 400;
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .career-form .form-text ul li {
        width: 60px;
    }
}
@media all and (max-width: 767px) {
    .career-form .form-text:before {
        content: "";
        background: #1d2942;
        position: absolute;
        width: 27px;
        height: 27px;
        transform: rotate(45deg);
        bottom: -13px;
        left: 30px;
    }
}
.career-form .form-bot-text .font-family-mot {
    font-size: 24px;
    font-weight: 500;
}
.career-form .form-bot-text .font-family-pro {
    font-family: "Source Serif Pro", serif !important;
    font-weight: 400;
    font-size: 15px;
}
@media all and (max-width: 767px) {
    .career-form .form-bot-text {
        display: block !important;
        margin-top: 20px;
        padding-top: 25px;
    }
}
@media all and (max-width: 767px) {
    .career-form ul {
        display: block !important;
    }
}
@media all and (max-width: 767px) {
    .career-form ul li {
        margin-bottom: 25px;
    }
}
.career-form .notice-period {
    background: url(images/career/form-icon6.png) no-repeat center left;
}
.career-form .position-icon {
    background: url(images/career/form-icon9.png) no-repeat center left;
}
.career-form .u-submit {
    padding: 15px 0px;
}
.career-form .form-panel {
    padding: 0;
    width: 100%;
    float: none;
}
.career-form .form-panel h4 {
    position: relative;
    font-size: 36px !important;
    margin-bottom: 15px;
}
@media all and (max-width: 767px) {
    .career-form .form-panel h4 {
        font-size: 24px !important;
    }
}
.career-form .form-panel h4:before {
    content: "";
    position: absolute;
    left: 91px;
    top: 0;
    background: url(images/career/shape.png) no-repeat 0 0;
    width: 120px;
    height: 55px;
    background-size: 80%;
}
@media all and (max-width: 767px) {
    .career-form .form-panel h4:before {
        left: 56px;
        top: 0;
        background: url(images/career/shape.png) no-repeat 0 0;
        width: 70px;
        height: 55px;
        background-size: 100%;
    }
}
.career-form .form-panel h4 span {
    z-index: 99;
    position: relative;
    color: #fff;
}
.career-form .form-panel form {
    padding: 53px 60px !important;
    position: relative;
}
@media all and (max-width: 767px) {
    .career-form .form-panel form {
        padding: 53px 35px !important;
    }
}
.career-form .form-panel form:before {
    content: "";
    background: url(images/contact-us/dashed-line.png) repeat-x 0 0;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.career-form .form-panel form:after {
    content: "";
    background: url(images/contact-us/dashed-line.png) repeat-x 0 0;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.career-form .am-1 {
    background: url(images/career/hr-img1.html) 50% 0 no-repeat !important;
}
.career-form .am-2 {
    background: url(images/career/hr-img3.html) 50% 0 no-repeat !important;
}
.career-form .am-3 {
    background: url(images/career/hr-img2.html) 50% 0 no-repeat !important;
}
.career-form .am-4 {
    background: url(images/career/hr-img5.html) 50% 0 no-repeat !important;
}
.career-form .am-5 {
    background: url(images/career/hr-img4.html) 50% 0 no-repeat !important;
}
.career-form .am-6 {
    background: url(images/career/hr-img6.html) 50% 0 no-repeat !important;
}
.career-form ul li {
    padding-top: 53px !important;
}
.career-form ul li span {
    font-size: 13px;
}
.career-form .extra-wrap {
    max-width: 569px;
    margin: 0 auto;
}
@media all and (max-width: 767px) {
    .mobile-off {
        display: none !important;
    }
}
@media all and (min-width: 768px) {
    .mobile-on {
        display: none !important;
    }
}
ul.slick-dots {
    margin-top: 30px;
}
ul.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 6px;
}
@media all and (max-width: 767px) {
    ul.slick-dots li {
        width: 7px;
        height: 7px;
    }
}
ul.slick-dots li.slick-active {
    background: #49c684;
    width: 13px;
    height: 13px;
}
@media all and (max-width: 767px) {
    ul.slick-dots li.slick-active {
        width: 10px;
        height: 10px;
    }
}
@media all and (max-width: 767px) {
    .display-none-f {
        display: none !important;
    }
}
@media all and (max-width: 767px) {
    .extra-wrap {
        margin: 0 -15px;
    }
}
.newest-nav {
    background: #fff !important;
}
@media all and (max-width: 767px) {
    .newest-nav {
        padding-bottom: 15px !important;
    }
}
@media all and (max-width: 767px) {
    .o-navigation-bar-new #primaryNav {
        position: relative;
        top: 15px;
    }
}
.request-quote {
    background-color: transparent !important;
    font-size: 15px !important;
    border: 2px solid #ff5800 !important;
    color: #333 !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
}
@media all and (max-width: 767px) {
    .request-quote {
        display: none !important;
    }
}
@media all and (max-width: 767px) {
    .request-quote-m {
        padding: 7px 15px;
        border-radius: 5px;
        color: #fff !important;
        background: #ff5800 !important;
        font-size: 15px !important;
        border: 2px solid #ff5800 !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        position: absolute;
        right: 70px;
        top: 14px;
    }
}
.hire-btn {
    background-color: #ff5800 !important;
    font-size: 15px !important;
    border: 2px solid #ff5800 !important;
    color: #fff !important;
    font-weight: 400 !important;
    width: 125px;
    padding: 10px 20px;
    border-radius: 5px;
    margin-left: 5px;
}

@media all and (max-width: 1199px) {
    .hire-btn{
         width: 100px;
    }
}

@media all and (max-width: 767px) {
    .hire-btn {
        display: none;
    }
}
.newest-nav .o-navigation-bar #primaryNav li a,
.newest-nav .o-navigation-bar #primaryNav li span {
    color: #333 !important;
}
.new-nav .o-navigation-bar #primaryNav li a,
.new-nav .o-navigation-bar #primaryNav li span {
    color: #333 !important;
}
@media all and (max-width: 767px) {
    .new-nav .o-navigation-bar #primaryNav li a,
    .new-nav .o-navigation-bar #primaryNav li span {
        color: #fff !important;
    }
}
.new-nav .o-navigation-bar #primaryNav li .dropdown-menu li a span {
    color: #fff !important;
}
@media all and (max-width: 767px) {
    .mobile-on {
        display: inline-block !important;
    }
}
@media all and (max-width: 767px) {
    .navbar-toggle {
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .navbar-toggle:before {
        content: "";
        position: absolute;
        background: url(images/career/new-hamburger.png) no-repeat center center;
        width: 50px;
        height: 50px;
        top: -7px;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .navbar-toggle span {
        display: none;
    }
}
@media all and (min-width: 767px) {
    .mobile-on-k {
        display: none !important;
    }
}
@media all and (min-width: 767px) {
    .mobile-on-p {
        display: none !important;
    }
}
@media all and (min-width: 767px) {
    .social-footer-divider--social-pan {
        border-top: 0;
    }
}
@media all and (min-width: 767px) {
    .social-footer-divider .col-md-12 {
        padding: 0;
    }
}
@media all and (min-width: 767px) {
    .o-footer {
        padding: 0 0 30px 0;
    }
}
.o-navigation-bar-new #primaryNav li.has-submenu > a,
.o-navigation-bar-new #primaryNav li.has-submenu > span {
    background: url(images/common/nav-down-arrow.svg) 100% 40% no-repeat !important;
}
@media all and (max-width: 767px) {
    .o-navigation-bar-new #primaryNav li.has-submenu > a,
    .o-navigation-bar-new #primaryNav li.has-submenu > span {
        background: url(images/common/nav-down-arrow-white.svg) 100% 50% no-repeat !important;
    }
}
.job-left h2.subheading {
    color: #fff;
    padding-top: 20px;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .job-left h2.subheading {
        text-align: left;
    }
}
.job-left h2.subheading span {
    color: #27c070;
    font-size: 36px;
    line-height: 50px;
}
.job-right {
    margin-top: 90px;
}
.job-bnr {
    position: absolute;
    height: 460px;
}
.from-icon {
    position: absolute;
    left: 0;
    top: -110px;
    z-index: 1;
}
.job-left span.bnr-tag-line {
    font-size: 16px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: bold;
    margin-top: 10px !important;
}
.job-left span.bnr-tag-line strong {
    color: #27c070;
    font-weight: bold;
}
.job-left h3 {
    font-size: 24px;
    padding-bottom: 20px;
    color: #fff;
}
@media all and (min-width: 1024px) {
    .job-left h3 {
        color: #333;
    }
}
.job-left ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 32px;
    position: relative;
    font-family: "Source Serif Pro", serif !important;
    color: #fff;
}
@media all and (min-width: 1024px) {
    .job-left ul li {
        color: #333;
    }
}
.job-left ul li:before {
    content: "";
    background-image: url(images/common/green-arrow.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 71%;
    background-repeat: no-repeat;
}
.job-left h2 {
    color: #fff;
    text-align: left;
}
@media all and (min-width: 1024px) {
    .job-left h2 {
        padding-top: 80px;
        color: #333;
    }
}
.job-left p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 32px;
    font-family: "Source Serif Pro", serif !important;
    text-align: left;
}
@media all and (min-width: 1024px) {
    .job-left p {
        color: #333;
    }
}
.job-left-top {
    border-bottom: 1px solid #27c070;
    padding-bottom: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.job-right h2 {
    font-size: 30px;
    text-transform: uppercase;
}
@media all and (min-width: 1024px) {
    .job-right h2 {
        font-size: 42px;
    }
}
.job-right h2 span {
    background-color: #27c070;
    border-radius: 20px;
    color: #fff;
    padding: 0 20px;
}
.job-right h4 {
    font-size: 18px;
    line-height: 28px;
    padding: 0 50px;
    font-weight: 600;
    text-align: center;
}
.job-right h5 {
    font-size: 16px;
    line-height: 28px;
    padding: 20px 50px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}
.job-right input {
    width: 85%;
    margin: 0 20px 0 20px;
    border-bottom: 1px solid #ccc !important;
    padding: 30px 30px 30px 40px;
    font-size: 16px;
    color: #878787;
    font-weight: 600;
}
@media all and (min-width: 1024px) {
    .job-right input {
        width: 38%;
    }
}
.job-right input.input1 {
    background: url(images/career/job-icon-1.png) 0 50% no-repeat !important;
}
.job-right input.input2 {
    background: url(images/career/job-icon-2.png) 0 50% no-repeat !important;
}
.job-right input.input3 {
    background: url(images/career/job-icon-3.png) 0 50% no-repeat !important;
}
.job-right input.input4 {
    background: url(images/career/job-icon-4.png) 0 50% no-repeat !important;
}
.job-right .input5 {
    background: url(images/career/job-icon-5.png) 0 50% no-repeat !important;
    width: 38%;
    margin: 0 20px 0 20px;
    border-bottom: 1px solid #ccc !important;
    padding: 30px 30px 30px 40px;
    font-size: 16px;
    color: #878787;
    font-weight: 600;
    display: inline-block;
}
.job-right .input5 select {
    width: 100%;
}
.job-right .input6 {
    background: url(images/career/job-icon-6.png) 0 50% no-repeat !important;
    width: 38%;
    margin: 0 20px 0 20px;
    border-bottom: 1px solid #ccc !important;
    padding: 30px 30px 30px 40px;
    font-size: 16px;
    color: #878787;
    font-weight: 600;
    display: inline-block;
}
.job-right .input6 select {
    width: 100%;
}
.job-right input.input7 {
    background: url(images/career/job-icon-7.png) 0 50% no-repeat !important;
}
.job-right input.input8 {
    background: url(images/career/job-icon-8.png) 0 50% no-repeat !important;
}
.job-right input.input9 {
    background: url(images/career/job-icon-9.png) 0 50% no-repeat !important;
}
.job-right input.input10 {
    background: url(images/career/job-icon-10.png) 0 50% no-repeat !important;
}
.job-right .job-description-holder__attachement-text {
    text-align: left;
}
.job-right label.attachement-button {
    border: 1px solid #ccc;
    padding: 12px 25px 12px 40px;
    border-radius: 7px;
    margin: 40px 10px 10px 40px;
    text-align: left;
    background: url(images/career/job-icon-11.png) 10px 50% no-repeat !important;
}
.job-right .job-description-holder__attachement-text span {
    font-size: 15px;
    padding-left: 40px;
}
.o-job-form {
    overflow: inherit;
}
.job-right button {
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 19px 0px;
    font-size: 18px;
    text-transform: uppercase;
    max-width: 350px;
    text-decoration: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #fff;
    border: 2px solid #ff5800;
    background-color: #ff5800;
    margin: 30px auto 40px;
    width: 300px;
}
.job-right button:after {
    content: "";
    background: url(images/common/arrow-white.png) no-repeat;
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 15px;
    z-index: -1;
}
.job-bottom {
    padding-top: 20px;
}
@media all and (min-width: 1024px) {
    .job-bottom {
        padding-top: 0;
    }
}
.job-bottom h3 {
    font-size: 24px;
    padding-bottom: 20px;
    padding-left: 10px;
}
.job-bottom ul li {
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 32px;
    position: relative;
    font-family: "Source Serif Pro", serif !important;
}
.job-bottom ul li:before {
    content: "";
    background-image: url(images/common/green-arrow.png);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: 71%;
    background-repeat: no-repeat;
}
.Careers .btn_wrapper {
    width: 240px;
}
.Careers .position .btn_wrapper {
    width: 350px;
}
.job-heading-pan {
    background-color: #091a38;
    padding: 20px;
}
.Job-Application .cn-form {
    padding: 80px 20px 20px 20px;
}
@media all and (min-width: 1024px) {
    .Job-Application .cn-form {
        padding: 80px 0 0 0;
    }
}
.job-bnr-icon-img {
    display: inline-block;
    margin-right: 17px;
}
@media all and (max-width: 767px) {
    .margin-bottom-50.green-bg-headine {
        margin-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .cms-bnr h1 {
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .cms-team h2 {
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new h2 {
        padding-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .custom-para-helper {
        padding-bottom: 0px;
    }
}
@media all and (max-width: 767px) {
    .custom-para-helper p {
        padding-bottom: 25px;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots {
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots h2 {
        padding-bottom: 40px;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots .body-text-medium {
        padding-left: 0;
        text-align: center;
        margin-bottom: 0;
        margin-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots span {
        transform: translateY(0) !important;
        right: 0;
        margin: 0 auto;
        top: 0 !important;
        position: static !important;
        width: 100% !important;
        text-align: center;
        display: block;
        float: none !important;
        height: auto !important;
    }
}
@media all and (max-width: 767px) {
    .ai-chatbots span img {
        margin: 0 auto !important;
    }
}
@media all and (max-width: 767px) {
    .build {
        padding: 50px 0 30px;
    }
}
@media all and (max-width: 767px) {
    .build h3 {
        margin: 0 0 35px;
    }
}
@media all and (max-width: 767px) {
    .build__wrap p {
        margin: 20px 0 0;
    }
}
@media all and (max-width: 767px) {
    .o-how-we-create-your-bot {
        padding: 50px 0 20px;
    }
}
@media all and (max-width: 767px) {
    .o-how-we-create-your-bot .slider-container {
        padding-top: 15px;
    }
}
@media all and (max-width: 767px) {
    .customer-want__box p {
        margin-top: 15px;
    }
}
@media all and (max-width: 767px) {
    .customer-want {
        padding: 50px 0 30px;
    }
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-services {
        padding: 80px 30px 0px;
    }
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-services:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translate(0);
    }
}
.cto-wrap h2:before,
.cto-wrap p:before {
    display: none;
}
@media all and (max-width: 767px) {
    .cto-wrap .cto-services:before {
        position: relative !important;
    }
}
@media all and (max-width: 767px) {
    .big-h2 {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .cto-last-solid-info {
        padding: 0;
    }
}
@media all and (max-width: 767px) {
    .number-section {
        padding: 15px 0 25px;
    }
}
@media all and (max-width: 1024px) {
    .cmo-services:after {
        display: none;
    }
}
@media all and (max-width: 767px) {
    section.o-case-studies-new {
        padding-top: 40px !important;
    }
}
@media all and (max-width: 767px) {
    .o-footer {
        padding: 40px 0 30px 0;
    }
}
@media all and (max-width: 767px) {
    .agencies-bnr h1 {
        margin-bottom: 0;
        padding-bottom: 20px;
        font-size: 28px !important;
        line-height: 38px !important;
    }
}
@media all and (max-width: 767px) {
    .agencies-bnr .u-pad-top-30 {
        padding-top: 0;
    }
}
@media all and (max-width: 767px) {
    .o-home-technology  {
        padding-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .services-pan {
        padding: 5px 15px 30px !important;
    }
}
@media all and (max-width: 767px) {
    .cms-dev-service .services-pan {
        padding: 5px 15px 35px !important;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section h3 {
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section h4 {
        margin-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__left-panel figure {
        margin: 0 auto 10px 0;
    }
}
.about-bg .container {
    padding-top: 140px;
}
@media all and (max-width: 767px) {
    .about-bg .container {
        padding-top: 15px;
    }
}
@media all and (max-width: 767px) {
    .n-award-wrapper {
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .n-award-wrapper ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.n-award-wrapper ul li {
    flex: 0 0 40%;
    margin: 0 10px 35px;
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col h2 {
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .why-us-bnr h1 {
        font-size: 30px;
        line-height: 42px;
        padding-top: 30px;
    }
}
@media all and (max-width: 767px) {
    .why-us-bnr .anchor-link {
        margin-top: 30px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--cn-uses-ai p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--puzzle {
        padding: 30px 0;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--puzzle p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .project-management h2 {
        margin: 0px 0px 15px 0px;
    }
}
@media all and (max-width: 767px) {
    .project-management p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better h2 {
        margin: 0px 0px 15px 0px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better p {
        font-size: 16px;
        line-height: 28px;
        text-align: center !important;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better .white-bg p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .e-commerce-why .main-span {
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--conclusion h2 {
        font-size: 34px;
        line-height: 40px;
        margin: 0px 0px 15px 0px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--conclusion p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero__top-developers img {
        display: block;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .work-bnr {
        padding: 45px 0 20px 0;
    }
}
@media all and (max-width: 767px) {
    .work-bnr h1 {
        font-size: 20px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section-mod p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__key-traits ul {
        padding-top: 10px;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__key-traits ul li h3 {
        margin-bottom: 15px !important;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__key-traits ul li img {
        margin-bottom: 20px !important;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__key-traits p {
        margin-top: 15px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__choosing-steps .steps-holder .step-left-img img {
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content {
        text-align: center;
        padding: 40px 15px 10px;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content span {
        justify-content: center;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content h3 {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .o-two-col-section__choosing-steps .steps-holder .step-right-content p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header-left .c-b-heading {
        font-size: 19px;
        line-height: 23px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding-top: 90px;
        padding-bottom: 70px;
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header-left .c-b-heading:before {
        content: "";
        position: absolute;
        background: url(images/mobile-all/cb-bnr-circle.html) no-repeat 0 0;
        width: 325px;
        height: 315px;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header-left .c-b-heading span {
        font-size: 84px;
        line-height: 100px;
        letter-spacing: 0;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header-left .anchor-link {
        margin-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header {
        padding-top: 75px;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header:before {
        content: "";
        position: absolute;
        background: url(images/mobile-all/rb-pt.html) no-repeat bottom right;
        width: 188px;
        height: 100px;
        bottom: 0;
        right: 0;
        z-index: 99;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header p.mobile-on-cs:before {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header .anchor-link {
        margin-top: 15px;
        color: #cbe3ff !important;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header-right {
        padding-top: 0;
        padding-left: 15px;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header-right p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-2:after {
        top: 93%;
    }
}
@media all and (max-width: 767px) {
    .cheaper-batter-header .container {
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .tech-mod {
        padding: 30px 0;
    }
}
@media all and (max-width: 767px) {
    .tech-mod h2 {
        font-size: 26px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .tech-mod .row {
        margin: inherit;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-pan {
        margin-bottom: 50px;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-pan h4 {
        text-align: center;
        height: auto;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-pan h4 span {
        position: static;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-pan img {
        margin: 30px auto;
        display: block;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-pan p {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .new-cb-section-1:after,
    .new-cb-section-2:after {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .tech-mod__samefee .margin-top-50-i {
        margin-top: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .skill-mod {
        padding: 30px 0;
    }
}
@media all and (max-width: 767px) {
    .skill-mod .extra-h4 {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .skill-mod p {
        font-size: 16px;
        line-height: 28px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .skill-mod .margin-top-50-i {
        margin-top: 25px !important;
    }
}
@media all and (max-width: 767px) {
    .skill-mod .holder .listing-heading {
        display: block;
        padding-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .skill-mod .holder .listing-heading h3 {
        display: block !important;
        text-align: center;
        padding-left: 0 !important;
        padding-top: 15px !important;
    }
}
@media all and (max-width: 767px) {
    .skill-mod .holder .listing-heading img {
        margin: 0 auto !important;
        display: block !important;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading h2 {
        font-size: 32px;
        line-height: 44px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading p {
        text-align: center;
        font-size: 18px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-box1 h3,
    .cb-wecare-box2 h3 {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-box1 p,
    .cb-wecare-box2 p {
        text-align: center;
        font-size: 18px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-box1,
    .cb-wecare-box2 {
        padding: 50px 0px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-box1 a,
    .cb-wecare-box2 a {
        font-size: 12px;
        padding: 10px 5px 10px 5px;
        text-align: center;
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-box1 a.c-btn:after,
    .cb-wecare-box2 a.c-btn:after {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .o-apply-now {
        padding: 30px 0;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-top-selector__client-review .row {
        margin-top: 0;
        margin-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-top-selector__client-review h2 {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .box.review-item {
        padding: 30px 15px;
    }
}
@media all and (max-width: 767px) {
    .google-background,
    .clutch-background {
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .o-whitepapers-listing__client-review {
        padding-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .description-box {
        padding-top: 30px;
    }
}
@media all and (max-width: 767px) {
    .description-box .o-open-office--description .description-box-img .m-left {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .description-box .min-height-150 {
        min-height: inherit !important;
    }
}
@media all and (max-width: 767px) {
    .description-box .frame-text {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .description-box .frame-text p {
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .description-box p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .o-open-office--description span {
        font-size: 16px;
        line-height: 26px;
    }
}
@media all and (max-width: 767px) {
    .o-open-office--description img {
        max-width: 100%;
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .o-open-office--description span.m-left {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .frame-text3 h3 {
        padding-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .frame-text3 h3 br {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .frame-text3 h3:after {
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .description-box .o-open-office--description .description-box-img .m-right {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .o-open-office--description span.m-left-top {
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .o-office-design h2 {
        font-size: 34px;
    }
}
@media all and (max-width: 767px) {
    .o-office-design .text-content-box img {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-office-design p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .o-office-design--m-infrastructure .text-content {
        padding: 30px 15px;
    }
}
@media all and (max-width: 1024px) {
    .o-testing-faq:before {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .company-video {
        padding: 30px 0;
    }
}
@media all and (max-width: 767px) {
    .o-open-office .frame-text6 h3 {
        left: 0;
        transform: translate(0);
    }
}
@media all and (max-width: 767px) {
    .o-open-office h3 {
        padding-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-open-office h3:after {
        margin: 0 auto;
    }
}
.how-we-work-bnr h1 {
    font-size: 48px !important;
    line-height: 56px !important;
}
@media all and (max-width: 767px) {
    .how-we-work-bnr h1 {
        font-size: 28px !important;
        line-height: 38px !important;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .how-it-works-holder p {
        margin-bottom: 0;
        font-size: 16px !important;
        line-height: 28px !important;
    }
}
@media all and (max-width: 767px) {
    .o-services-intro-2 .text-bg {
        margin-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .product-bnr .container {
        padding: 10px 15px 0 15px !important;
    }
}
@media all and (max-width: 767px) {
    .product-bnr h1 {
        font-size: 28px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .product-bnr p {
        font-size: 28px !important;
        line-height: 36px !important;
    }
}
@media all and (max-width: 767px) {
    .product-bnr .product_banner {
        padding-bottom: 30px !important;
    }
}
@media all and (max-width: 767px) {
    .p-logo-sec li:first-child {
        border-right: 0;
    }
}
@media all and (max-width: 767px) {
    .product-1-left h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .product-1-left p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .product-1-right ul li {
        font-size: 16px;
        line-height: 24px;
        background-position: 0 6px;
        background-size: 18px;
    }
}
@media all and (max-width: 767px) {
    .product-pan1 {
        padding-top: 0;
        padding-bottom: 40px;
    }
}
@media all and (max-width: 767px) {
    .product-pan2 h3 {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 15px;
        padding-top: 30px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .product-pan2 p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .product-pan2 ul li {
        font-size: 16px;
        line-height: 24px;
        background-position: 0 6px;
        background-size: 18px;
    }
}
@media all and (max-width: 767px) {
    .product-blue-banner h2 {
        font-size: 28px;
        line-height: 38px;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .product-blue-banner img {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .product-blue-banner a {
        margin: 20px auto;
        max-width: 295px;
        display: block;
    }
}
@media all and (max-width: 767px) {
    .none-mb {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .new-contact .o-contact-us {
        top: 0;
        padding-top: 30px !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .o-contact-us-new .subheading {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .logo-group {
        top: 40px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .o-contact-us-new .o-contact-form--white-bg {
        margin-top: 90px;
    }
}
@media all and (max-width: 767px) {
    .contact-h1 {
        padding-left: 0;
    }
}
@media all and (max-width: 767px) {
    .contact-h1:before {
        right: 2px;
        top: 2px;
    }
}
@media all and (max-width: 767px) {
    .form-inside p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .blue-bg h2 {
        font-size: 34px;
        margin-bottom: 0;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg {
        padding: 30px 0 40px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg ul li {
        margin: 0 0 30px 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg ul li span {
        font-size: 16px;
    }
}
@media all and (max-width: 1024px) {
    .new-contact .blue-bg {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr h2 {
        font-size: 34px;
        margin-bottom: 30px;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office .office-right h4 {
        text-align: center;
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .office p {
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office .office-right .addr {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .addr-section {
        background: none;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr {
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office {
        margin-top: 20px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .office-right p {
        padding-left: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .cntct-bnr {
        height: 300px;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .product {
        padding: 0 0 20px;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .filter {
        margin-bottom: 10px;
        padding-top: 50px;
        text-align: right;
    }
}
@media all and (max-width: 767px) {
    .drop-down-technologies {
        margin-right: 0;
    }
}
@media all and (max-width: 767px) {
    .drop-down-technologies .selected a img.icon-up {
        border-right: 0;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .filter span.flt-tech {
        margin-right: 0px;
        margin-left: 0;
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .product h2 {
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .product p {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
        margin: 15px 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 767px) {
    .bottom-casestudies {
        padding-top: 15px;
        border-top: 1px solid #ccc;
        margin-top: 15px;
        display: flex;
        padding: 15px;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1 {
        margin: 0;
        padding: 0 0 0 25px;
        flex: 1;
        display: flex;
        align-items: center;
        background-position: 3% 50%;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies1:after {
        left: 25px;
        width: 95px;
        bottom: 8px;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new .product .bottom-casestudies .btn-casestudies {
        height: 42px;
        padding: 0 10px;
        font-size: 15px;
        line-height: 38px;
        margin: 0;
    }
}
@media all and (min-width: 768px) {
    .mobile-on-cs {
        display: none !important;
    }
}
@media all and (max-width: 767px) {
    p.mobile-on-cs {
        font-size: 20px;
        position: relative;
    }
}
@media all and (max-width: 767px) {
    p.mobile-on-cs:before {
        content: "";
        position: absolute;
        background: #14df7d;
        height: 1px;
        width: 112px;
        left: 0;
        right: 0;
        bottom: 5px;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    h1.mobile-on-cs {
        padding: 0 50px;
    }
}
.cs-banner-pdf {
    position: relative;
}
@media all and (max-width: 767px) {
    .cs-banner-pdf {
        padding: 7px 0 7px 30px;
        font-size: 16px;
        font-weight: 600;
    }
}
@media all and (max-width: 767px) {
    .cs-banner-pdf:before {
        content: "";
        position: absolute;
        background: #14df7d;
        height: 2px;
        width: 235px;
        left: 38px;
        bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero-cs__case-studies__technology-div {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero-cs__case-studies__technology-div ul {
        display: flex;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero-cs__case-studies__technology-div ul li {
        text-align: center;
        flex: 1;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero-cs__case-studies__technology-div ul li span {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        text-align: center;
        border: 2px solid #14df7d;
        display: flex;
        align-items: center;
        margin: 0 auto 5px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero-cs__case-studies__technology-div ul li span img {
        position: inherit;
        transform: inherit;
        height: auto;
        width: 35px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content h3 {
        text-align: center;
        margin-bottom: 10px;
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content p.text-center-xs {
        text-align: center;
        margin-top: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content__services ul {
        display: flex;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content__services ul li {
        padding-left: 3px;
        padding-right: 3px;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-results {
        background: #04426b;
    }
}
@media all and (max-width: 767px) {
    .o-case-study__clients__the-client-content .the-results {
        top: -140px;
        width: 175px;
    }
}
@media all and (max-width: 767px) {
    .case-study-download img.download-icon {
        display: block;
        margin: 0 auto;
        width: 100px;
        float: none;
    }
}
@media all and (max-width: 767px) {
    .case-study-download h2 {
        font-size: 24px;
        line-height: 31px;
        text-transform: uppercase;
        padding: 15px 45px 0;
    }
}
@media all and (max-width: 767px) {
    .cs-bot-banner-pdf {
        padding: 11px 60px 11px 30px;
        margin: 15px auto 20px;
    }
}
@media all and (max-width: 767px) {
    .case-study-download {
        background: url(images/mobile-all/wave-bg.html);
    }
}
@media all and (max-width: 767px) {
    .m-padding-0 {
        padding: 0;
    }
}
@media all and (max-width: 767px) {
    .padding-80.o-case-study__clients {
        padding-top: 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .o-contact-us-new .o-contact-form--white-bg {
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .contact-h1 {
        text-align: left !important;
        display: block;
        font-size: 36px !important;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .contact-h1:before {
        right: inherit;
        top: 2px;
        left: 103px;
    }
}
@media all and (max-width: 767px) {
    .o-contact-form__contact-form {
        padding: 0 30px;
    }
}
@media all and (max-width: 767px) {
    .form-inside p {
        text-align: left;
        line-height: 24px;
    }
}
@media all and (max-width: 767px) {
    .form-inside p:after {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .bnr-form .u-name,
    .bnr-form input[type="text"],
    .bnr-form .u-email,
    .bnr-form .u-message.bnr-msg {
        border-bottom: 1px solid #222 !important;
    }
}
@media all and (max-width: 767px) {
    .bnr-form .u-message.bnr-msg {
        min-height: 75px;
    }
}
@media all and (max-width: 767px) {
    .s-btn-modifier {
        margin: 0;
        padding: 13px 0px;
        margin-top: 25px;
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .o-contact-form__privacy {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .cn-form:after {
        background: none;
        border-bottom: 1px solid #e6e3e3;
    }
}
@media all and (max-width: 767px) {
    .new-contact .blue-bg {
        display: block;
        background-image: none;
    }
}
@media all and (max-width: 767px) {
    .new-contact .blue-bg h2 {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 25px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg ul {
        padding: 0 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg ul li {
        display: flex;
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg ul li span {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        padding-left: 20px;
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .ywg ul li img {
        width: 50px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .container {
        padding: 0 30px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .no-border {
        border: none !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr h2 {
        font-size: 24px;
        position: relative;
        padding-bottom: 5px;
        text-align: left !important;
        margin-bottom: 10px;
    }
    .new-contact .contact-addr h2:before {
        content: "";
        position: absolute;
        background: #49c684;
        height: 2px;
        width: 50px;
        bottom: 0;
        left: 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office {
        display: flex;
        box-shadow: none;
        background: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #ccc;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-left {
        width: 85px;
        height: 85px;
        flex: 0 0 85px;
        border-radius: 50%;
        overflow: hidden;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office .main-img {
        width: 85px;
        height: 85px;
        flex: 0 0 85px;
        border-radius: 50%;
        overflow: hidden;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office .main-img a {
        width: 100%;
        height: 100%;
        display: block;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office .main-img a img {
        width: 100%;
        height: 100%;
        display: block;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office .main-img img {
        height: 100%;
        object-fit: cover;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-right {
        padding: 0 0 0 25px !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-right h4 {
        text-align: left !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-right .addr {
        padding-left: 0 !important;
        background: none !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-right .c-name {
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-right p {
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office-right a {
        color: #4a90e2 !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office ul .c-name {
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office ul p {
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office ul a {
        color: #4a90e2 !important;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office ul p {
        padding-left: 0;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office ul p:before {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .new-contact .contact-addr .office ul li {
        margin-bottom: 5px;
    }
}
@media all and (max-width: 767px) {
    .mb-container {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .cs-bnr-icon {
        display: flex !important;
        justify-content: center;
        max-width: 360px;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .cs-bnr-icon li {
        flex: 1;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .mobile-container {
        padding: 15px 30px !important;
    }
}
@media all and (max-width: 767px) {
    .cs-bnr-icon {
        margin-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .cs-bnr-icon li:nth-child(1) {
        flex: 0 0 64px;
    }
}
@media all and (max-width: 767px) {
    .o-services-hero__title span {
        font-size: 20px;
        padding: 6px 20px;
    }
}
@media all and (max-width: 767px) {
    .small-h1 h1 {
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx {
        background: #000;
        border-radius: 7px;
        padding: 25px 10px;
        background: #11a984;
        background: -moz-linear-gradient(160deg, #11a984 0%, #0d7d88 17%, #0a4f8e 50%);
        background: -webkit-linear-gradient(160deg, #11a984 0%, #0d7d88 17%, #0a4f8e 50%);
        background: linear-gradient(160deg, #11a984 0%, #0d7d88 17%, #0a4f8e 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11a984",endColorstr="#0a4f8e",GradientType=1);
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx h2 {
        font-size: 32px;
        color: #fff;
        position: relative;
        display: inline-block;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx h2 span {
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx h2:before {
        content: "";
        position: absolute;
        background: url(images/mobile-all/talk-bg.html) no-repeat 0 0;
        width: 100px;
        height: 55px;
        right: -25px;
        top: 0;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx .bold-p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        padding: 20px 10px;
        margin-bottom: 0;
        border-bottom: 1px dashed #ccc;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx h3 {
        color: #fff;
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx h3 span {
        color: #36e079;
        margin-top: 15px;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx h3 .anchor-link {
        color: #fff;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx .btn_wrapper {
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx .btn_wrapper a {
        font-size: 14px;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .mobile-talk-bx p a {
        font-size: 13px;
        line-height: 20px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .cmn-heading-para {
        display: block;
        line-height: 24px !important;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development h2 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 700 !important;
    }
}
@media all and (max-width: 767px) {
    .service-wrap .services-pan {
        padding: 100px 30px 10px !important;
    }
}
@media all and (max-width: 767px) {
    .service-wrap .services-pan .font-size-24 {
        font-size: 20px !important;
    }
}
@media all and (max-width: 767px) {
    .service-wrap .services-pan a {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php:after {
        content: "";
        background: url(images/custom-software-development/service-group-icon.png) no-repeat 0 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 64px;
        height: 63px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-01:after {
        background-position: 0 0;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-02:after {
        background-position: -64px 0;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-03:after {
        background-position: -128px 0;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-04:after {
        background-position: 0 -63px;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-05:after {
        background-position: -64px -63px;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-06:after {
        background-position: -128px -63px;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-07:after {
        background-position: 0 -126px;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-08:after {
        background-position: -65px -126px;
        top: 45px;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-01:after {
        background-position: 0 0;
    }
}
@media all and (max-width: 767px) {
    .custom-software-development .service-wrap .services-pan__php-service-01:after {
        background-position: 0 0;
    }
}
@media all and (max-width: 767px) {
    .btn_wrapper .btn-orange {
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .anchor-link {
        font-size: 13px;
        line-height: 15px;
    }
}
@media all and (max-width: 767px) {
    .experience-list .new-stack li a {
        align-items: flex-start !important;
        padding: 13px 15px;
        height: 79px;
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .experience-list .new-stack li a:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/circle-arrow.html) no-repeat 0 0;
        width: 21px;
        height: 21px;
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: 8px;
    }
}
@media all and (max-width: 767px) {
    .experience-list .new-stack .php-logo {
        width: 48px;
    }
}
@media all and (max-width: 767px) {
    .experience-list h3 {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }
}
.stack-section h2 {
    position: relative;
}
@media all and (max-width: 767px) {
    .stack-section h2 {
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .stack-section h2::before {
        content: "";
        background: #49c684;
        height: 2px;
        width: 50px;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
    }
}
@media all and (max-width: 767px) {
    .new-skill-hero h1 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .o-clients.new-clients ul li:nth-child(6),
    .o-clients ul li:nth-child(7) {
        display: flex !important;
    }
}
@media all and (max-width: 767px) {
    .o-clients.new-clients ul {
        max-width: 400px;
    }
}
@media all and (max-width: 767px) {
    .o-clients.new-clients ul li {
        padding: 5px 5px;
        flex: 0 0 33%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
}
@media all and (max-width: 767px) {
    .o-clients.new-clients ul li:last-child {
        flex: 0 0 150px;
    }
}
@media all and (max-width: 767px) {
    .why-skill h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks {
        text-align: left;
        position: relative;
    }
}
@media all and (max-width: 767px) and (max-width: 767px) {
    .why-skill .why-us-outer-blocks h3 {
        font-size: 20px;
        font-weight: 600 !important;
    }
}
@media all and (max-width: 767px) and (max-width: 767px) {
    .why-skill .why-us-outer-blocks p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks__why-us-blocks {
        padding-left: 80px;
        position: relative;
        max-height: 300px;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks__why-us-blocks:after {
        content: "";
        position: absolute;
        background-image: url(images/wordpress/wordpress-sprite.png);
        width: 64px;
        height: 63px;
        top: 0;
        left: 0;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks .why-us-outer-blocks__wordpress-why-01:after {
        background-position: 0 0;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks .why-us-outer-blocks__wordpress-why-02:after {
        background-position: -75px 0;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks .why-us-outer-blocks__wordpress-why-03:after {
        background-position: -150px 0;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks .why-us-outer-blocks__wordpress-why-04:after {
        background-position: -225px 0;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks .why-us-outer-blocks__wordpress-why-05:after {
        background-position: -300px 0;
    }
}
@media all and (max-width: 767px) {
    .why-skill .why-us-outer-blocks .why-us-outer-blocks__wordpress-why-06:after {
        background-position: -375px 0;
    }
}
@media all and (max-width: 767px) {
    .skill-service h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .skill-service p {
        line-height: 24px !important;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .brick {
        padding: 100px 30px 20px !important;
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .brick:after {
        content: "";
        background-image: url(images/wordpress/wordpress-sprite.png);
        width: 87px;
        height: 63px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 30px;
        position: absolute;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .brick h3 {
        font-size: 24px !important;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-01:after {
        background-position: 0 -73px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-02:after {
        background-position: -97px -73px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-03:after {
        background-position: -194px -73px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-04:after {
        background-position: -291px -73px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-05:after {
        background-position: -388px -73px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-06:after {
        background-position: 0px -146px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-07:after {
        background-position: -97px -146px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-08:after {
        background-position: -194px -146px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-09:after {
        background-position: -291px -146px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-10:after {
        background-position: -388px -146px;
    }
}
@media all and (max-width: 767px) {
    .skill-service .masonry .services-pan__wordpress-service-11:after {
        background-position: 0px -219px;
    }
}
@media all and (max-width: 767px) {
    .new-benefits h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder {
        display: inline-block;
        min-height: inherit;
        padding: 110px 15px 25px;
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder h3 {
        padding: 0 0 10px 0;
        font-size: 20px !important;
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder .content-panel:after {
        content: "";
        position: absolute;
        width: 76px;
        height: 72px;
        top: 25px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-image: url(images/common/common-sprite.png);
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder__partners-01:after {
        background-position: 0 -120px;
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder__partners-02:after {
        background-position: -86px -120px;
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder__partners-03:after {
        background-position: -172px -120px;
    }
}
@media all and (max-width: 767px) {
    .new-benefits .o-skills-benefits__contentholder__partners-04:after {
        background-position: -258px -120px;
    }
}
@media all and (max-width: 767px) {
    .insights-section h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .insights-section .fi-pan {
        box-shadow: none;
    }
}
@media all and (max-width: 767px) {
    .insights-section .fi-pan h3 {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .insights-section .fi-pan p {
        font-size: 16px !important;
        line-height: 24px;
    }
}
@media all and (max-width: 767px) {
    .insights-section .fi-pan span {
        float: left;
    }
}
@media all and (max-width: 767px) {
    .insights-section .fi-pan a {
        min-height: inherit;
    }
}
@media all and (max-width: 767px) {
    .insights-section ul.slick-dots {
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col-ccn h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col-ccn .row {
        margin-left: 0;
        margin-right: 0;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col-ccn .row > div {
        padding: 0 15px 0 80px;
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col-ccn .row > div p {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col-ccn .row > div p strong {
        font-size: 20px;
    }
}
@media all and (max-width: 767px) {
    .c-icon-desc-3-col-ccn .row > div div:before {
        right: inherit;
        top: 0;
        left: 0;
    }
}
.cs-slider {
    display: flex !important;
}
@media all and (min-width: 768px) {
    .cs-slider {
        flex-direction: row-reverse;
    }
}
@media all and (max-width: 767px) {
    .cs-slider {
        flex-wrap: wrap;
        border-top-left-radius: 5px;
    }
}
@media all and (max-width: 767px) {
    .cs-slider img {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .cs-slider h5 {
        font-size: 20px !important;
        font-weight: 600 !important;
    }
}
.cs-slider-img {
    padding: 0 !important;
    float: none !important;
    flex: 1;
}
@media all and (max-width: 767px) {
    .cs-slider-img {
        padding: 0 !important;
        flex: 0 0 100%;
    }
}
.cs-slider-text {
    padding: 50px;
    float: none;
    flex: 1;
}
@media all and (max-width: 767px) {
    .cs-slider-text {
        padding: 30px 20px 15px !important;
        flex: 0 0 100%;
    }
}
@media all and (max-width: 767px) {
    .o-case-studies-new h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .faq-section {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .faq-section .padding-top-80 {
        padding-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .faq-section .margin-bottom-20 {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 767px) {
    .accordion1 {
        font-size: 16px;
        line-height: 22px;
    }
}
@media all and (max-width: 767px) {
    .panel1 p {
        font-size: 16px;
        line-height: 30px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form {
        padding: 0;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-panel {
        padding: 20px 0px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text {
        text-align: left;
        padding: 60px 30px;
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text:before {
        content: "";
        background: #1d2942;
        width: 25px;
        height: 25px;
        transform: rotate(-45deg);
        position: absolute;
        bottom: -12px;
        left: 35px;
    }
}
.o-bottom-form .form-text h2 {
    position: relative;
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text h2 {
        font-size: 28px !important;
        line-height: 36px;
        font-weight: 700;
        padding-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text h2:before {
        content: "";
        position: absolute;
        background: #2ebf72;
        width: 50px;
        height: 1px;
        bottom: 0;
        left: 0;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .form-text p {
        margin-top: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .attach {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .btn-orange {
        margin: 15px 0 30px;
        padding: 13px 0px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .common-input {
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .container {
        padding: 0;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .u-submit {
        font-size: 14px;
    }
}
@media all and (max-width: 767px) {
    .rm-review {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .loadmore {
        font-size: 15px;
        font-family: "Montserrat", sans-serif;
        position: relative;
        font-weight: 500;
        color: #ff5800;
        padding-bottom: 5px;
        border-bottom: 1px solid #ff5800;
        padding-right: 25px;
        display: inline-block;
        margin-bottom: 25px;
        cursor: pointer;
        text-transform: uppercase;
    }
}
@media all and (max-width: 767px) {
    .loadmore:before {
        content: "+";
        position: absolute;
        top: 1px;
        right: 0;
        font-size: 30px;
        font-weight: 300;
    }
}
@media all and (max-width: 767px) {
    .hidden-p {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .home-cs-bnr-icon {
        flex-wrap: wrap;
    }
}
@media all and (max-width: 767px) {
    .home-cs-bnr-icon li {
        flex: 0 0 33% !important;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-home-bnr {
        background: #091b38;
    }
}
@media all and (max-width: 767px) {
    .new-home-bnr h1 {
        font-size: 36px;
    }
}
@media all and (max-width: 767px) {
    .new-home-bnr h1 .subheading {
        font-size: 24px;
        line-height: 29px;
        font-weight: bold;
    }
}
@media all and (max-width: 767px) {
    .new-home-bnr .anchor-link {
        color: #cbe3ff !important;
    }
}
@media all and (max-width: 767px) {
    .new-why-home {
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .new-why-home:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 570px;
        width: 100%;
        padding: 50px 10px;
        background: #037d70;
        background: -moz-linear-gradient(140deg, #037d70 0%, #00517f 30%, #023e66 73%, #051b39 100%);
        background: -webkit-linear-gradient(140deg, #037d70 0%, #00517f 30%, #023e66 73%, #051b39 100%);
        background: linear-gradient(140deg, #037d70 0%, #00517f 30%, #023e66 73%, #051b39 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#037d70",endColorstr="#051b39",GradientType=1);
    }
}
@media all and (max-width: 767px) {
    .new-why-home .o-home-service_holder {
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .o-home-service_holder h3 {
        font-size: 20px;
        line-height: 28px;
        color: #fff !important;
        padding-top: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .o-home-service_holder h4 {
        font-size: 24px;
        color: #fff;
        padding: 0px 25px 25px;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .white-box {
        height: 170px;
        padding: 90px 20px 0;
        width: 47%;
        margin: 0 4px 10px;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .white-box:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 20px;
        transform: inherit;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .white-box:after {
        transform: inherit;
        left: 0;
        right: 0;
        bottom: 10px;
        margin: 0 auto;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .white-box span {
        font-size: 16px;
        line-height: 19px;
        font-weight: 600;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .white-box .padding-bottom-50 {
        padding-bottom: 25px;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .home-link {
        font-size: 16px;
    }
}
@media all and (max-width: 767px) {
    .new-why-home .btn_wrapper {
        padding-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .new-tech h2 {
        font-size: 24px;
        line-height: 38px;
    }
}
@media all and (max-width: 767px) {
    .new-tech .box {
        height: 180px;
        padding: 100px 10px 0;
    }
}
@media all and (max-width: 767px) {
    .new-tech .box:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 20px;
        transform: inherit;
    }
}
@media all and (max-width: 767px) {
    .new-tech .padding-bottom-50 {
        padding-bottom: 25px;
    }
}
@media all and (max-width: 767px) {
    .new-tech .home-link {
        font-size: 16px;
    }
}
@media all and (max-width: 767px) {
    .new-tech .btn_wrapper {
        padding-top: 0;
    }
}
@media all and (max-width: 767px) {
    .home-fi h2 {
        font-size: 16px;
        padding: 0px 0 10px 20px;
        margin-top: 40px;
        width: 180px;
        background-size: 100%;
        line-height: 38px;
    }
}
@media all and (max-width: 767px) {
    .home-fi .book-img-left {
        padding-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .home-fi .btn-orange {
        max-width: 246px;
    }
}
@media all and (max-width: 767px) {
    .box-shadow .experience-list .new-stack li {
        box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.05);
    }
}
@media all and (max-width: 767px) {
    .o-why-choose-cn {
        background: none;
        padding-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-why-choose-cn h2 {
        font-size: 30px;
        text-align: left;
        text-transform: uppercase;
        padding: 0 30px 0 15px;
    }
}
@media all and (max-width: 767px) {
    .o-why-choose-cn h2 span {
        font-size: 20px;
        text-transform: capitalize;
        line-height: 14px;
    }
}
@media all and (max-width: 767px) {
    .o-why-choose-cn h2:before {
        right: inherit;
        left: 15px;
        bottom: -15px;
        width: 103px;
        height: 2px;
    }
}
@media all and (max-width: 767px) {
    .o-why-choose-cn_left {
        padding: 50px 15px 65px;
        border-radius: 5px;
        margin: 0 15px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_details-box {
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details h3 {
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details h4 {
        font-size: 16px;
        line-height: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box1 a {
        text-align: left;
        padding: 33px 0 33px 100px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box1 a:before {
        left: 15px;
        right: inherit;
        top: 25px;
        margin: 0;
        background-size: 73%;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box1 a h3 {
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box1 a h4 {
        font-size: 16px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box2 {
        min-height: 155px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box2 a {
        padding: 90px 0 20px 0;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box2 span {
        top: 40%;
        background-size: 100%;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box3 {
        width: 48%;
        margin-right: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box3 a {
        text-align: left;
        padding: 70px 15px 20px 15px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box3 a:before {
        left: 15px;
        right: inherit;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box4 {
        width: 48%;
        margin-right: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box4 a {
        text-align: left;
        padding: 70px 15px 20px 15px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box4 a:before {
        left: 15px;
        right: inherit;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box5 a {
        padding: 75px 0 45px 0;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box5 a h5 span {
        display: block;
        font-size: 16px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box6 {
        width: 48%;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box6 a {
        text-align: left;
        padding: 70px 15px 20px 15px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box6 a:before {
        left: 15px;
        right: inherit;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box7 {
        width: 48%;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box7 a {
        text-align: left;
        padding: 70px 15px 20px 15px;
    }
}
@media all and (max-width: 767px) {
    .o-home-cn-details .o-home-cn-details_box7 a:before {
        left: 15px;
        right: inherit;
        top: 25px;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form .btn-orange {
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .abou-details-para {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .abou-details-para p strong {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .fact-section h2 {
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul {
        justify-content: space-between;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li {
        flex: 0 0 47%;
        max-width: 47%;
        width: inherit;
        margin: 8px 2px;
        padding: 20px 20px 15px 20px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li:last-child {
        flex: 0 0 98%;
        max-width: 98%;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li h3 {
        font-size: 24px;
        margin-bottom: 0;
        margin-top: 5px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li small {
        font-size: 13px;
        line-height: 16px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li img {
        width: 45px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li .ex-small {
        font-size: 10px;
        line-height: 12px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li span {
        font-size: 13px;
        line-height: 18px;
    }
}
@media all and (max-width: 767px) {
    .fact-section .all-facts ul li .black-h3 {
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    .new-client-h2 {
        font-size: 24px !important;
    }
}
@media all and (max-width: 767px) {
    .list-client {
        flex-wrap: nowrap;
        text-align: left;
        align-items: center;
        font-size: 15px;
        line-height: 20px;
        padding: 0 10px;
    }
}
@media all and (max-width: 767px) {
    .list-client span {
        flex: 0 0 60px;
        margin-right: 15px;
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .work-slider .slick-prev {
        position: absolute;
        background: url(images/mobile-all/left-icon.html) no-repeat 0 0;
        left: 0;
        top: 15px;
        font-size: 0;
        width: 14px;
        height: 26px;
    }
}
@media all and (max-width: 767px) {
    .work-slider .slick-next {
        position: absolute;
        background: url(images/mobile-all/right-icon.html) no-repeat 0 0;
        right: 0;
        top: 15px;
        font-size: 0;
        width: 14px;
        height: 26px;
    }
}
@media all and (max-width: 767px) {
    .new-service h2 {
        font-size: 24px;
        line-height: 44px;
    }
}
@media all and (max-width: 767px) {
    .new-service .cmn-heading-para {
        font-size: 18px !important;
        line-height: 26px !important;
    }
}
@media all and (max-width: 767px) {
    .new-service .row .col-xs-6:nth-child(2n) {
        padding-left: 5px;
    }
}
@media all and (max-width: 767px) {
    .new-service .row .col-xs-6:nth-child(2n) .srv-box {
        border-bottom: 3px solid #4a90e2;
    }
}
@media all and (max-width: 767px) {
    .new-service .row .col-xs-6:nth-child(2n + 1) {
        padding-right: 5px;
    }
}
@media all and (max-width: 767px) {
    .new-service .row .col-xs-6:nth-child(2n + 1) .srv-box {
        border-bottom: 3px solid #00b05c;
    }
}
@media all and (max-width: 767px) {
    .new-service .srv-box {
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
        margin-bottom: 15px;
        padding: 35px 15px 0;
        height: 180px;
        min-height: inherit;
    }
}
@media all and (max-width: 767px) {
    .new-service .srv-box p {
        padding: 0 0 0;
        font-size: 15px;
        line-height: 22px;
    }
}
@media all and (max-width: 767px) {
    .new-service .srv-box img {
        margin-bottom: 15px;
        width: 45px;
    }
}
@media all and (max-width: 767px) {
    .tech h2 {
        font-size: 24px;
    }
}
@media all and (max-width: 767px) {
    .tech span {
        margin-top: 5px;
    }
}
@media all and (max-width: 767px) {
    .tech ul {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 767px) {
    .tech .btn_wrapper span {
        margin-bottom: 0;
    }
}
@media all and (max-width: 767px) {
    .pricing-modal-box {
        flex-wrap: nowrap;
        padding: 20px 25px;
        width: inherit !important;
        margin: 0 15px 20px 15px;
    }
}
@media all and (max-width: 767px) {
    .pricing-modal-box .img-hold {
        margin: 0;
    }
}
@media all and (max-width: 767px) {
    .pricing-modal-box .img-hold:before {
        content: "";
        background: #2dbe70;
        height: 1px;
        width: 18px;
        right: -25px;
        top: 50px;
        position: absolute;
    }
}
@media all and (max-width: 767px) {
    .pricing-modal-text {
        text-align: left !important;
        flex: 0 0 120px;
        width: inherit !important;
    }
}
@media all and (max-width: 767px) {
    .pricings-section h2 {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .culture h2 {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .o-aboutus h2 {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .o-aboutus .slick-prev {
        position: absolute;
        background: url(images/mobile-all/small-left-icon.html) no-repeat 0 0;
        left: 44%;
        bottom: -10px;
        font-size: 0;
        width: 14px;
        height: 26px;
        background-size: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-aboutus .slick-next {
        position: absolute;
        background: url(images/mobile-all/small-right-icon.html) no-repeat 0 0;
        right: 44%;
        bottom: -10px;
        font-size: 0;
        width: 14px;
        height: 26px;
        background-size: 10px;
    }
}
@media all and (max-width: 767px) {
    .o-aboutus .btn_wrapper {
        padding-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .o-aboutus .team {
        min-height: inherit;
        padding: 25px 0;
    }
}
@media all and (max-width: 767px) {
    .o-aboutus .team-img-holder {
        margin: 0 auto 20px;
    }
}
@media all and (max-width: 767px) {
    .lets-talk h2 {
        font-size: 24px;
        line-height: 27px;
    }
}
@media all and (max-width: 767px) {
    .n-award h2 {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .n-award-wrapper ul {
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .n-award-wrapper ul li {
        flex: 0 0 21%;
        margin: 0 5px 15px;
    }
}
@media all and (max-width: 767px) {
    .n-award-wrapper ul li:nth-child(6),
    .n-award-wrapper ul li:nth-child(7) {
        flex: 0 0 42%;
    }
}
@media all and (max-width: 767px) {
    .hiring-section h2 {
        font-size: 25px;
        line-height: 32px;
        font-weight: 600;
        padding: 15px 15px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section h2 br {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .o-services-hero__title span {
        line-height: 20px;
        font-size: 22px;
        font-weight: 600;
        padding: 10px 28px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .o-services-hero__title span:before {
        width: 30px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .o-services-hero__title span:after {
        width: 30px;
        border-width: 0 0 13px 30px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-heading {
        margin-bottom: 5px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-pan {
        box-shadow: none;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-top {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-top h4 {
        font-weight: 600;
        text-align: left;
        padding-left: 15px;
        flex: 1;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-top h4 strong {
        font-weight: 600;
        display: block;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-pan {
        margin-bottom: 30px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-pan p {
        text-align: left;
        font-size: 17px;
        line-height: 28px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-pan img {
        margin: 15px 0;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-1 {
        padding: 15px 35px;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-1:after {
        top: 92%;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .new-cb-section-1:after {
        top: 92%;
    }
}
@media all and (max-width: 767px) {
    .hiring-section .last-child-cb p {
        margin-bottom: 10px;
    }
}
@media all and (max-width: 767px) {
    .why-matters h2 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 10px;
        font-weight: 600;
    }
}
@media all and (max-width: 767px) {
    .why-matters .why-matters-top {
        display: flex;
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .why-matters .why-matters-top h3 {
        margin-left: 15px !important;
        font-size: 20px;
        line-height: 36px;
        flex: 1;
        text-align: left !important;
        padding-top: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .why-matters .why-matters-top span {
        width: 60px;
        height: 60px;
        align-items: center;
        justify-content: center;
        display: flex;
        border-radius: 50%;
        border: 1px solid #333;
    }
}
@media all and (max-width: 767px) {
    .why-matters .holder .listing-heading img {
        margin: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .why-matters h4 {
        text-align: left !important;
        font-size: 16px !important;
        margin: 0px 0px 15px 0px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .col-md-8 {
        padding: 0 45px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .listing-heading-icon1 {
        width: 25px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .listing-heading-icon2 {
        width: 40px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .listing-heading-icon3 {
        width: 40px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .holder .listing-heading h3 {
        padding-top: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .why-matters .holder ul li {
        font-size: 14px;
        line-height: 24px;
        padding-left: 30px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .col-md-8 p {
        text-align: left !important;
        font-size: 17px !important;
        margin: 0px 0px 15px 0px;
    }
}
@media all and (max-width: 767px) {
    .why-matters .btn_wrapper {
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .skill-mod .holder ul li:before {
        width: 15px;
        height: 15px;
    }
}
@media all and (max-width: 767px) {
    .btn {
        font-size: 15px;
    }
}
@media all and (max-width: 767px) {
    p .anchor-link {
        font-size: 13px;
        line-height: 19px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading-img {
        width: 125px;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading {
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading .cb-wecare-heading-f-p {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading p strong {
        font-weight: 500;
        font-family: "Montserrat", sans-serif;
        padding: 0 15px;
        font-size: 17px;
        display: block;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare-heading h2 {
        padding-bottom: 5px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .anchor-link {
        color: #cbe3ff !important;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .small-wrap .col-md-2 {
        flex: 0 0 70px;
    }
}
.cb-wecare .small-wrap-top {
    display: flex;
    flex-wrap: wrap;
}
.cb-wecare .small-wrap-top-img {
    flex: 0 0 200px;
    max-width: 200px;
    display: flex;
    justify-content: center;
}
@media all and (max-width: 767px) {
    .cb-wecare .small-wrap-top-img {
        flex: 0 0 70px;
        max-width: 70px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .small-wrap-top-img img {
        width: 40px;
    }
}
.cb-wecare .small-wrap-top h3 {
    flex: 1;
}
@media all and (max-width: 767px) {
    .cb-wecare .small-wrap-top h3 {
        padding-left: 5px;
    }
}
.cb-wecare .small-wrap-text {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: -42px;
}
@media all and (max-width: 767px) {
    .cb-wecare .small-wrap-text {
        top: 0;
    }
}
.cb-wecare .small-wrap-text-left {
    flex: 0 0 200px;
    max-width: 200px;
}
@media all and (max-width: 767px) {
    .cb-wecare .small-wrap-text-left {
        flex: 0 0 15px;
        max-width: 15px;
    }
}
.cb-wecare .small-wrap-text-right {
    flex: 1;
}
.cb-wecare .row {
    padding: 50px 30px 10px;
}
@media all and (max-width: 767px) {
    .cb-wecare .row {
        padding: 50px 20px 50px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .row h3 {
        text-align: left;
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .row p {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .row .col-md-10 {
        padding-left: 5px;
    }
}
.cb-wecare .container .row:first-child {
    padding: 0 30px 0;
}
@media all and (max-width: 767px) {
    .cb-wecare .cb-wecare-box1,
    .cb-wecare .cb-wecare-box2 {
        margin: 20px 0;
        border-radius: 5px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .cb-wecare-box1 p,
    .cb-wecare .cb-wecare-box2 p {
        font-size: 16px;
        line-height: 26px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .cb-wecare-box1 h3,
    .cb-wecare .cb-wecare-box2 h3 {
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .cb-wecare-box1 a,
    .cb-wecare .cb-wecare-box2 a {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        padding: 13px 25px 13px 25px;
        text-align: left;
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .cb-wecare .cb-wecare-box1 a:before,
    .cb-wecare .cb-wecare-box2 a:before {
        content: "";
        position: absolute;
        background: url(images/mobile-all/wr-arrow.html) no-repeat 0 0;
        width: 25px;
        height: 15px;
        top: 30px;
        right: 20px;
    }
}
@media all and (max-width: 767px) {
    .new-home-bnr:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/rb-pt.html) no-repeat bottom right;
        width: 188px;
        height: 100px;
        bottom: 0;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .new-why-home:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/lt-pt.html) no-repeat top left;
        width: 188px;
        height: 100px;
        top: 0;
        left: 0;
    }
}
@media all and (max-width: 767px) {
    .new-tech:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/rt-pt.html) no-repeat top right;
        width: 200px;
        height: 100px;
        top: 0;
        right: 0;
    }
}
.o-case-studies-new {
    position: relative;
}
.o-case-studies-new.faq-section{background: #f5f5f5;}
@media all and (max-width: 767px) {
    .o-case-studies-new:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/lt-pt.html) no-repeat top left;
        width: 200px;
        height: 100px;
        top: 0;
        left: 0;
    }
}
.real-google-reviews {
    position: relative;
}
@media all and (max-width: 767px) {
    .real-google-reviews:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/rt-pt.html) no-repeat top right;
        width: 200px;
        height: 100px;
        top: 0;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .new-about-bnr .green-head-ribbon span {
        width: 265px;
    }
}
@media all and (max-width: 767px) {
    .new-about-bnr h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 0;
    }
}
@media all and (max-width: 767px) {
    .new-about-bnr .play-video {
        padding-top: 75px;
        background-size: 40%;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero .anchor-link {
        color: #cbe3ff !important;
    }
}
@media all and (max-width: 767px) {
    .product h2 {
        font-size: 24px;
        line-height: 36px;
    }
}
@media all and (max-width: 767px) {
    .product .product-wrapper .product-logo {
        box-shadow: none;
        background: none;
        display: flex;
        padding: 0;
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .product .product-wrapper .product-logo span {
        flex: 1;
        background: url(images/mobile-all/globe-icon.html) no-repeat 2px 4px;
    }
}
@media all and (max-width: 767px) {
    .product .product-wrapper .product-logo span a {
        font-size: 12px;
    }
}
@media all and (max-width: 767px) {
    .product .product-wrapper p {
        text-align: left;
        margin-top: 30px;
    }
}
@media all and (max-width: 767px) {
    .new-about-bnr {
        min-height: inherit !important;
    }
}
@media all and (max-width: 767px) {
    .new-about-bnr:before {
        content: "";
        position: absolute;
        background: url(images/mobile-all/a-rb-pt.html) no-repeat bottom right;
        width: 188px;
        height: 100px;
        bottom: 0;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .o-bottom-form:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/rt-pt.html) no-repeat top right;
        width: 188px;
        height: 100px;
        top: 0;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .fact-section:after {
        content: "";
        position: absolute;
        background: url(images/mobile-all/rb-pt.html) no-repeat bottom right;
        width: 188px;
        height: 100px;
        bottom: 0;
        right: 0;
    }
}
@media all and (max-width: 767px) {
    .wb-bnr {
        background: #165b5e;
        background: -moz-linear-gradient(138deg, #165b5e 0%, #0f3a4a 17%, #091b38 50%);
        background: -webkit-linear-gradient(138deg, #165b5e 0%, #0f3a4a 17%, #091b38 50%);
        background: linear-gradient(138deg, #165b5e 0%, #0f3a4a 17%, #091b38 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#165b5e",endColorstr="#091b38",GradientType=1);
    }
}
@media all and (max-width: 767px) {
    .show-icon {
        position: relative;
    }
}
@media all and (max-width: 767px) {
    .show-icon:before {
        content: "";
        width: 54px;
        height: 62px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 25px;
        position: absolute;
        background: url(images/common/common-sprite.png) no-repeat 0 0;
    }
}
@media all and (max-width: 767px) {
    .show2:before {
        content: "";
        background-position: -61px -200px;
    }
}
@media all and (max-width: 767px) {
    .show1:before {
        content: "";
        background-position: 0px -200px;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model__cards {
        padding: 100px 15px 15px;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model__cards .o-engagement-model__panel--leftnew .most-popular {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model h2 {
        font-size: 24px;
        line-height: 32px;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model .anchor-link {
        padding: 0 30px;
    }
}
@media all and (max-width: 767px) {
    .engagement-box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}
@media all and (max-width: 767px) {
    .most-popular-mb {
        position: absolute;
        height: 111px;
        width: 111px;
        top: -9px;
        left: -10px;
        background: url(images/mobile-all/save-icon.html) no-repeat 0 0;
        background-size: cover;
    }
}
@media all and (max-width: 767px) {
    .o-engagement-model__cards__top__inner h3 {
        font-size: 20px !important;
        line-height: 24px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero--cn-uses-ai {
        background-image: url(images/mobile-all/ai-bnr-bg.html);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
        background-color: #091b38;
        padding: 35px 0 0;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero--cn-uses-ai h1 {
        font-size: 24px;
        line-height: 32px;
        padding-top: 60px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero--cn-uses-ai p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media all and (max-width: 767px) {
    .o-skills-hero--cn-uses-ai .machine-img {
        padding: 0px 30px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--puzzle .font-20 {
        font-size: 16px;
        line-height: 27px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better .white-bg h3 {
        text-align: left;
        padding: 30px 30px 15px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better .white-bg h3:before {
        left: 30px;
        right: inherit;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better .white-bg p {
        padding: 0 30px;
        text-align: left !important;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--better .white-bg {
        padding: 0 0 30px 0;
    }
}
@media all and (max-width: 767px) {
    .mb-xs-pd {
        padding: 0 15px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro .anchor-link {
        margin-top: 20px;
    }
}
@media all and (max-width: 767px) {
    .key-benefits h2 {
        font-size: 24px;
        line-height: 32px;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--conclusion h2 {
        font-size: 24px;
        line-height: 32px;
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .o-skill-intro--conclusion p {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .o-apply-now h2 {
        font-size: 24px;
        line-height: 32px;
    }
}
@media all and (max-width: 767px) {
    .pm-img {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
}
@media all and (max-width: 767px) {
    .pm-img li {
        padding-left: 0 !important;
    }
}
@media all and (max-width: 767px) {
    .pm-img li:before {
        display: none;
    }
}
@media all and (max-width: 767px) {
    .pm-img li img {
        margin: 0 auto 10px !important;
    }
}
@media all and (max-width: 767px) {
    .pm-img li h5 {
        color: #fff;
        font-size: 15px;
        font-weight: 600 !important;
        line-height: 15px;
    }
}
@media all and (max-width: 767px) {
    .pm-img li small {
        font-size: 10px;
        color: #cbe3ff;
        font-weight: 500 !important;
    }
}
@media all and (max-width: 767px) {
    .how-we-work-bnr {
        padding-bottom: 110px;
        background-color: #091b38;
    }
}
@media all and (max-width: 767px) {
    .how-we-work-bnr:before {
        content: "";
        position: absolute;
        background: url(images/mobile-all/hw-bnr-pt.html) no-repeat bottom left;
        left: 0;
        bottom: 0;
        width: 354px;
        height: 173px;
    }
}
@media all and (max-width: 767px) {
    .how-we-work-bnr h1 {
        padding: 0;
        margin-bottom: 15px;
        font-size: 20px !important;
        line-height: 28px !important;
    }
}
@media all and (max-width: 767px) {
    .follow-pr h2 {
        font-size: 24px;
        line-height: 32px;
    }
}
@media all and (max-width: 767px) {
    .o-services-intro-2 .text-bg {
        text-align: left;
        padding: 30px 30px 20px;
    }
}
@media all and (max-width: 767px) {
    .o-services-intro-2 .text-bg span {
        font-size: 20px;
    }
}
@media all and (max-width: 767px) {
    .how-it-works-holder h3 {
        font-size: 20px;
        width: 150px;
        line-height: 24px;
    }
}
.text-bg {
    position: relative;
}
@media all and (max-width: 767px) {
    .text-bg:after {
        content: "";
        position: absolute;
        top: 20px;
        right: 20px;
        width: 110px;
        height: 110px;
        display: block !important;
        background-size: 100% !important;
    }
}
@media all and (max-width: 767px) {
    .text-bg-1:after {
        background: url(images/service/how-it-works-icon-1.png) no-repeat 0 0;
    }
}
@media all and (max-width: 767px) {
    .text-bg-2:after {
        background: url(images/service/how-it-works-icon-2.png) no-repeat 0 0;
    }
}
@media all and (max-width: 767px) {
    .text-bg-3:after {
        background: url(images/service/how-it-works-icon-3.png) no-repeat 0 0;
    }
}
@media all and (max-width: 767px) {
    .text-bg-4:after {
        background: url(images/service/how-it-works-icon-4.png) no-repeat 0 0;
    }
}
@media all and (max-width: 767px) {
    .text-bg-4 h3 {
        width: 118px;
        margin-top: 10px;
    }
}
@media all and (max-width: 767px) {
    .text-bg-5:after {
        background: url(images/service/how-it-works-icon-5.png) no-repeat 0 0;
    }
}
@media all and (max-width: 767px) {
    .text-bg-5 h3 {
        width: 115px;
        margin-top: 10px;
    }
}
@media all and (max-width: 767px) {
    .green-head-ribbon span {
        width: 270px;
    }
}
@media all and (max-width: 767px) {
    .green-head-ribbon span small {
        font-size: 13px;
        line-height: 16px;
        display: block;
    }
}
@media all and (max-width: 767px) {
    .oi-bnr .small-h1 h1 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .oi-bnr .office-pra-text {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
@media all and (max-width: 767px) {
    .oi-bnr .anchor-link {
        margin-top: 15px;
    }
}
@media all and (max-width: 767px) {
    .description-box .o-open-office--description .description-box-img {
        border-radius: 3px;
        overflow: hidden;
    }
}
@media all and (max-width: 767px) {
    .description-box .o-open-office--description span {
        position: absolute;
        bottom: 30px !important;
        width: 155px;
        text-align: left !important;
        padding: 25px 20px !important;
    }
}
@media all and (max-width: 767px) {
    .description-box .o-open-office--description .oi-width {
        width: 200px !important;
    }
}
@media all and (max-width: 767px) {
    .description-box .frame-text p {
        text-align: left !important;
    }
}
@media all and (max-width: 767px) {
    .product-bnr {
        background: url(images/mobile-all/m-product-bnr.html) no-repeat 0 0;
        min-height: 520px;
        background-size: cover;
    }
}
@media all and (max-width: 767px) {
    .product-bnr .product_banner .o-skills-hero__case-studies__banner-content {
        padding: 30px 0;
    }
}
@media all and (max-width: 767px) {
    .product-bnr .product_banner .o-skills-hero__case-studies__banner-content h1 {
        text-align: left;
        font-size: 30px;
        line-height: 38px;
        color: #fff;
    }
}
@media all and (max-width: 767px) {
    .product-bnr .product_banner .o-skills-hero__case-studies__banner-content p {
        text-align: left;
        font-size: 18px !important;
        line-height: 27px !important;
        color: #49c684;
    }
}
@media all and (max-width: 767px) {
    .product-bnr .mobile-container {
        padding: 15px 30px !important;
    }
}
@media all and (max-width: 767px) {
    .p-logo-sec {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
}
@media all and (max-width: 767px) {
    .p-logo-sec li:first-child {
        width: 125px;
        padding: 0 20px 0 0;
    }
}
.p-logo-sec li:nth-child(2) {
    position: relative;
}
@media all and (max-width: 767px) {
    .p-logo-sec li:nth-child(2) {
        display: flex;
        align-items: center;
    }
}
@media all and (max-width: 767px) {
    .p-logo-sec li:nth-child(2) a {
        font-size: 12px;
    }
}
@media all and (max-width: 767px) {
    .p-logo-sec li:nth-child(2) img {
        width: 15px;
        height: 15px;
    }
}
@media all and (max-width: 767px) {
    .p-logo-sec li:nth-child(2):before {
        content: "";
        position: absolute;
        background: #d8d8d8;
        height: 20px;
        width: 1px;
        top: 0;
        left: 5px;
    }
}
@media all and (max-width: 767px) {
    .product-1-left h3 {
        text-align: left;
        font-size: 18px;
        line-height: 27px;
    }
}
@media all and (max-width: 767px) {
    .product-1-left p {
        text-align: left;
        margin-top: 15px;
    }
}
@media all and (max-width: 767px) {
    .btn2 ul li a.btn-whi {
        display: block;
        width: 100%;
    }
}
@media all and (max-width: 767px) {
    .btn2 ul li {
        display: block;
    }
}
@media all and (max-width: 767px) {
    .product-pan2 h3 {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .product-pan2 p {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .product-blue-banner {
        background: url(images/mobile-all/hire-img.html) no-repeat 0 0;
        background-color: #091b38;
        padding-top: 300px;
    }
}
@media all and (max-width: 767px) {
    .product-blue-banner h2 {
        text-align: left;
    }
}
@media all and (max-width: 767px) {
    .product-blue-banner a {
        margin: 20px 0;
    }
}
.pos-relative {
    position: relative;
}
@media all and (max-width: 767px) {
    .o-open-office--description span.m-right {
        right: inherit;
        left: 0;
    }
}
.mx-auto,
.ml-auto {
    margin-left: auto;
}
.mx-auto,
.mr-auto {
    margin-right: auto;
}
@media (min-width: 992px) {
    .mr-lg-0 {
        margin-right: 0;
    }
}
.w-75 {
    width: 75%;
}
.d-none {
    display: none;
}
.d-block {
    display: block;
}
.d-flex {
    display: flex;
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: flex;
    }
}
.align-items-center {
    align-items: center;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
@media (min-width: 992px) {
    .order-lg-2 {
        order: 2;
    }
}
.o-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
@media (min-width: 992px) {
    .o-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (min-width: 992px) {
    .o-section--think-green {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}
.o-section__header {
    text-align: center;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .o-section__header {
        margin-bottom: 50px;
    }
}
.o-section__desc {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 768px) {
    .o-section__desc {
        font-size: 18px;
        line-height: 1.75;
    }
}
@media (max-width: 767px) {
    .o-section__container-mobile {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.o-skills-hero--csr {
    background: #232b34;
    padding-bottom: 0;
}
@media all and (min-width: 1024px) {
    .o-skills-hero--csr .o-skills-hero__background {
        left: auto;
        right: 0;
        background-size: auto 100%;
        background-position: right center;
    }
}
@media (min-width: 1800px) {
    .o-skills-hero--csr .o-skills-hero__background {
        background-size: cover;
    }
}
.o-skills-hero--csr .o-skills-hero__background::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 70%;
    height: 100%;
    background: -moz-linear-gradient(left, #232b34 0%, #232b34 50%, rgba(125, 185, 232, 0.02) 99%, rgba(125, 185, 232, 0) 100%);
    background: -webkit-linear-gradient(left, #232b34 0%, #232b34 50%, rgba(125, 185, 232, 0.02) 99%, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to right, #232b34 0%, #232b34 50%, rgba(125, 185, 232, 0.02) 99%, rgba(125, 185, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232b34', endColorstr='#007db9e8',GradientType=1 );
}
@media all and (min-width: 1600px) {
    .o-skills-hero--csr .o-skills-hero__background::after {
        width: 80%;
    }
}
@media all and (min-width: 768px) {
    .o-skills-hero--csr .o-skills-hero__container {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (min-width: 992px) {
    .o-skills-hero--csr .o-skills-hero__container {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}
@media (min-width: 992px) {
    .o-skills-hero__heading {
        font-size: 55px;
        line-height: 70px;
    }
}
.o-skills-hero__sub-heading {
    font-family: "Montserrat", sans-serif;
}
@media all and (min-width: 768px) {
    .o-skills-hero__sub-heading {
        font-size: 18px;
        line-height: 1.75;
    }
}
@media (min-width: 992px) {
    .o-skills-hero__sub-heading {
        font-size: 24px;
        line-height: 40px;
    }
}
.o-efforts__item {
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .o-efforts__item {
        margin-bottom: 50px;
    }
}
@media (min-width: 992px) {
    .o-efforts__item {
        margin-bottom: 80px;
    }
}
.o-efforts__item:last-child {
    margin-bottom: 40px;
}
.o-efforts__heading {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .o-efforts__heading {
        margin-bottom: 20px;
    }
}
.o-efforts__info {
    padding: 30px 30px 0;
    margin: -50px 30px 0;
    text-align: center;
}
@media (min-width: 768px) {
    .o-efforts__info {
        padding: 50px 50px 0;
    }
}
@media (min-width: 992px) {
    .o-efforts__info {
        padding: 70px 0 70px 80px;
        margin: 0 0 0 -180px;
        text-align: left;
        max-width: 535px;
    }
}
@media (min-width: 992px) {
    .o-efforts__info--right {
        padding: 60px 80px 60px 0;
        margin: 0 -180px 0 0;
    }
}
.o-efforts__desc {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 2;
}
@media (min-width: 992px) {
    .o-efforts__desc {
        font-size: 18px;
    }
}
.o-think-green__media-wrapper {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .o-think-green__media-wrapper {
        margin-bottom: 0;
    }
}
.o-think-green__list-item {
    position: relative;
    font-family: "Source Serif Pro", serif;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 36px;
}
@media (min-width: 992px) {
    .o-think-green__list-item {
        font-size: 18px;
    }
}
.o-think-green__list-item:not(:last-child) {
    margin-bottom: 20px;
}
.o-think-green__list-item::before {
    content: "";
    background-image: url("images/csr/check_icon.svg");
    width: 21px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 8px;
}
@media (min-width: 992px) {
    .o-section--portfolio .o-section__heading {
        font-size: 46px;
        line-height: 56px;
    }
}
.o-section--portfolio .o-section__desc {
    font-weight: 500;
    max-width: 90%;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .o-section--portfolio .o-section__desc {
        font-size: 24px;
        max-width: 80%;
    }
}
.o-portfolio {
    margin-left: -15px;
}
.o-portfolio__item {
    padding: 0 0 15px 15px;
    position: relative;
    cursor: pointer;
}
.o-portfolio__inner {
    position: relative;
}
.o-portfolio__media {
    margin: 0;
}
.o-portfolio__name {
    position: absolute;
    left: 35px;
    bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    color: white;
    margin: 0;
    padding-right: 60px;
    word-break: break-word;
    text-align: left;
}
@media (min-width: 1200px) {
    .o-portfolio__name {
        font-size: 24px;
        line-height: 32px;
        left: 50px;
        bottom: 35px;
        padding-right: 80px;
    }
}
.o-portfolio__icon {
    position: absolute;
    right: 20px;
    bottom: 35px;
}
@media (min-width: 1200px) {
    .o-portfolio__icon {
        right: 35px;
        bottom: 42px;
    }
}
.o-portfolio .slick-prev,
.o-portfolio .slick-next {
    background-image: url(images/node/prev.svg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    padding: 20px 30px;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.o-portfolio .slick-prev.slick-disabled,
.o-portfolio .slick-next.slick-disabled {
    opacity: 0.3;
    cursor: default;
}
@media (min-width: 1200px) {
    .o-portfolio .slick-prev,
    .o-portfolio .slick-next {
        left: -65px;
    }
}
.o-portfolio .slick-next {
    background-image: url(images/node/next.svg);
    left: auto;
    right: -45px;
}
@media (min-width: 1200px) {
    .o-portfolio .slick-next {
        right: -80px;
    }
}
.o-portfolio__right-pan {
    padding: 30px 15px;
    color: #333;
}
@media (min-width: 992px) {
    .o-portfolio__right-pan {
        padding: 60px;
    }
}
.o-portfolio__proj-name {
    font-size: 24px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    line-height: 32px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
@media (min-width: 992px) {
    .o-portfolio__proj-name {
        font-size: 30px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.o-portfolio__proj-desc {
    font-family: "Source Serif Pro", serif;
    font-size: 16px;
    line-height: normal;
}
@media (min-width: 992px) {
    .o-portfolio__proj-desc {
        font-size: 18px;
    }
}
.o-portfolio__link {
    font-family: "Source Serif Pro", serif;
    color: #4a90e2;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
}
.slick-lightbox-on {
    overflow: hidden !important;
}
.js-slider-modal {
    display: none;
}
.slick-lightbox .slick-lightbox-inner {
    overflow-y: auto;
    display: flex;
    padding: 50px;
}
@media (min-width: 992px) {
    .slick-lightbox .slick-lightbox-inner {
        padding: 0;
    }
}
.slick-lightbox .slick-lightbox-inner-wrap {
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: auto;
    max-width: 100%;
}
@media (min-width: 992px) {
    .slick-lightbox .slick-lightbox-inner-wrap {
        max-width: 940px;
    }
}
@media (min-width: 1200px) {
    .slick-lightbox .slick-lightbox-inner-wrap {
        max-width: 1170px;
    }
}
.slick-lightbox .slick-lightbox-slick-item {
    height: auto !important;
}
.slick-lightbox .slick-lightbox-slick-item-inner {
    max-width: 100%;
    max-height: none !important;
    margin-top: -20px;
}
@media (min-width: 992px) {
    .slick-lightbox .slick-lightbox-slick-item-inner {
        max-height: 600px !important;
        overflow: hidden;
    }
}
.slick-lightbox .slick-lightbox-slick-img {
    display: none !important;
}
.slick-lightbox .slick-lightbox-slick-caption {
    margin: 0;
    text-align: left;
}
.slick-lightbox .slick-slide img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.slick-lightbox .slick-lightbox-close {
    background: url(images/node/close.svg) no-repeat center #fff;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
}
@media (min-width: 992px) {
    .slick-lightbox .slick-lightbox-close {
        top: 10px;
        right: 10px;
    }
}
.slick-lightbox .slick-arrow {
    background-image: url(images/node/prev.svg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2dbe70;
    background-size: 13px auto;
    border: 1px solid #2dbe70;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translate(0, -50%);
}
.slick-lightbox .slick-arrow.slick-disabled {
    opacity: 0.3;
    cursor: default;
    border: 1px solid #333;
    background: #fff;
}
@media (min-width: 768px) {
    .slick-lightbox .slick-arrow {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 992px) {
    .slick-lightbox .slick-arrow {
        transform: none;
        top: auto;
        bottom: 0;
        border: 0;
        border-left: 1px solid #2dbe70;
        border-right: 1px solid #2dbe70;
    }
}
.slick-lightbox .slick-next {
    background-image: url(images/node/next.svg);
    right: -45px !important;
}
@media (min-width: 992px) {
    .slick-lightbox .slick-next {
        right: 0 !important;
    }
}
.slick-lightbox .slick-prev {
    left: -45px !important;
}
@media (min-width: 992px) {
    .slick-lightbox .slick-prev {
        left: auto !important;
        right: 51px;
    }
}
@media (min-width: 992px) {
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }
}
.o-pricing {
    padding: 30px 0 50px;
    text-align: center;
}
.o-pricing__card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0 auto 30px;
    padding: 50px 30px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    position: relative;
    max-width: 375px;
    -webkit-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
    .o-pricing__card {
        margin: 30px auto;
    }
}
.o-pricing__card--popular {
    margin-top: 0;
    box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
    .o-pricing__card--popular {
        min-height: 703px;
    }
}
@media (min-width: 1200px) {
    .o-pricing__card--popular {
        min-height: 633px;
    }
}
.o-pricing__heading {
    position: relative;
    padding: 0 0 20px;
    margin-bottom: 35px;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}
.o-pricing__heading:after {
    content: "";
    width: 100px;
    height: 1px;
    background: #d8d8d8;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.o-pricing__price-rate {
    display: block;
    font-size: 28px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #ff5800;
    margin-bottom: 35px;
}
@media (min-width: 992px) {
    .o-pricing__price-rate {
        font-size: 32px;
    }
}
@media (min-width: 1200px) {
    .o-pricing__price-rate {
        font-size: 36px;
    }
}
.o-pricing__price-rate span {
    font-weight: 400;
    font-size: 16px;
}
.o-pricing__info {
    font-size: 17px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .o-pricing__info {
        min-height: 75px;
    }
}
.o-pricing__list {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .o-pricing__list {
        min-height: 220px;
    }
    .o-pricing__card--popular .o-pricing__list {
        min-height: 256px;
    }
}
@media (min-width: 1200px) {
    .o-pricing__list {
        min-height: 160px;
    }
    .o-pricing__card--popular .o-pricing__list {
        min-height: 198px;
    }
}
.o-pricing__text {
    padding-left: 30px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    position: relative;
}
.o-pricing__text:before {
    content: "";
    background: url(images/common/check.html) no-repeat 0/100% auto;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}
.o-pricing__btn {
    margin: 0 auto;
}
.o-pricing__btn:after {
    display: none !important;
}
.o-pricing__popular {
    position: absolute;
    height: 151px;
    width: 120px;
    left: -8px;
    top: -7px;
    background: url(images/common/most_popular.html) no-repeat 0 0/100% auto;
}
@media (min-width: 360px) {
    .o-pricing__popular {
        height: 151px;
        width: 152px;
        top: -9px;
        left: -10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .o-pricing__popular {
        height: 151px;
        width: 120px;
        left: -8px;
        top: -7px;
    }
}
.o-pricing__bot-info {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    display: inline-block;
    margin: 0 auto;
}
.o-payment-methods {
    display: flex;
    flex-direction: column;
}
@media (min-width: 992px) {
    .o-payment-methods {
        flex-direction: row;
    }
}
@media (min-width: 992px) {
    .o-payment-methods__left {
        flex: 0 0 30%;
        max-width: 30%;
        font-size: 48px;
        line-height: 60px;
        padding-right: 150px;
        text-align: left;
    }
}
@media (min-width: 1200px) {
    .o-payment-methods__left {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
.o-payment-methods__heading {
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .o-payment-methods__heading {
        font-size: 42px;
        line-height: 55px;
        text-align: left;
    }
}
@media (min-width: 1200px) {
    .o-payment-methods__heading {
        font-size: 48px;
        line-height: 68px;
    }
}
@media (min-width: 992px) {
    .o-payment-methods__right {
        flex: 0 0 70%;
        max-width: 70%;
    }
}
@media (min-width: 1200px) {
    .o-payment-methods__right {
        flex: 0 0 66.66666%;
        max-width: 66.666666%;
    }
}
.o-payment-methods__item {
    display: flex;
    flex-direction: row;
    padding: 0 0 30px 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #d8d8d8;
}
@media (min-width: 768px) {
    .o-payment-methods__item {
        padding: 0 0 50px 0;
        margin: 0 0 40px;
    }
}
.o-payment-methods__info {
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 15px;
    position: relative;
}
@media (min-width: 768px) {
    .o-payment-methods__info {
        padding-right: 50px;
    }
}
@media (min-width: 992px) {
    .o-payment-methods__info {
        flex: 0 0 70%;
        max-width: 70%;
    }
}
@media (min-width: 1200px) {
    .o-payment-methods__info {
        flex: 0 0 520px;
        max-width: 520px;
    }
}
.o-payment-methods__info:after {
    content: "";
    background: #ddd;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 75px;
    margin: auto;
}
.o-payment-methods__info > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.o-payment-methods__name {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .o-payment-methods__name {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.o-payment-methods__desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .o-payment-methods__desc {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }
}
.o-payment-methods__pricing {
    flex: 0 0 25%;
    max-width: 25%;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color: #2dbe70;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
@media (min-width: 768px) {
    .o-payment-methods__pricing {
        font-size: 30px;
        padding-left: 50px;
    }
}
@media (min-width: 992px) {
    .o-payment-methods__pricing {
        flex: 0 0 30%;
        max-width: 30%;
    }
}
@media (min-width: 1200px) {
    .o-payment-methods__pricing {
        flex: 0 0 265px;
        max-width: 265px;
        padding-left: 80px;
    }
}
.staff-chart {
    font-family: "Montserrat", sans-serif;
}
.staff-chart .chart-head .chart-head-1 {
    width: 19%;
    display: inline-block;
    background-color: #71e19d;
    padding: 10px 15px;
    vertical-align: top;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;
}
.staff-chart .chart-head .chart-head-1:first-child {
    background-color: transparent;
}
.staff-chart .chart-head .chart-head-1 img {
    display: inline-block;
    vertical-align: top;
}
.staff-chart .chart-head .chart-head-1 span {
    display: inline-block;
}
.staff-chart .chart-head .chart-head-1 span strong {
    display: block;
}
.staff-chart .chart-mid .chart-mid-1 {
    width: 19%;
    display: inline-block;
    background-color: #fff;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
    min-height: 88px;
    border-bottom: 1px solid #ccc;
}
.staff-chart .chart-mid .chart-mid-1 span.price {
    font-size: 18px;
    padding: 23px 0;
    display: inline-block;
}
.staff-chart .chart-mid .chart-mid-1 span {
    display: block;
}
.staff-chart .chart-mid .chart-mid-1:first-child {
    border-bottom: 1px solid #474d5a;
    background-color: #cbe3ff;
    font-size: 12px;
}
.staff-chart .chart-mid .chart-mid-1:first-child span {
    font-size: 18px;
    padding-bottom: 5px;
}
.staff-chart .chart-mid .staff-first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.staff-chart .chart-mid .staff-first-child-bottom {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
.staff-chart .chart-mid .staff-last-child {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #474d5a;
}
.staff-chart .chart-mid .last-line-min {
    min-height: 105px;
}
ul.skill-page-mod {
    display: flex;
    width: 80%;
}
ul.skill-page-mod li {
    flex: 1;
    position: inherit !important;
    padding: 0 10px !important;
}
ul.skill-page-mod li:before {
    display: none;
}
ul.skill-page-mod li svg {
    height: 100%;
    width: 100%;
}
ul.skill-page-mod li:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
}
.schedule-box {
    padding: 40px 30px 80px 30px;
}
.schedule-box-top {
    padding: 10px 15px 10px;
    background: url(images/common/mid.png) repeat-y;
    background-position: 0 0;
    background-size: 100%;
}
.schedule-box-top .btn-center-block {
    width: 340px;
    margin: 0 auto;
}
.schedule-box-top .anchor-link {
    margin-top: 10px;
}
.schedule-box-top .btn-orange {
    padding: 14px 15px;
    max-width: 340px !important;
    font-weight: 700;
}
.schedule-box-top-text img {
    width: 69px;
    height: 69px;
}
.schdule_h_img {
    vertical-align: top;
    margin-right: 15px;
}
.schedule-box-top-text h2 {
    text-align: left;
    font-size: 25px !important;
    line-height: 35px;
    padding-top: 0;
    font-weight: 600 !important;
}
.schdule_h_text {
    font-size: 17px !important;
    line-height: 27px !important;
}
.schedule-box-top-img {
    background: url(images/common/top.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: 29px;
}
.schedule-box-bottom-img {
    background: url(images/common/bottom.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: 45px;
}
.with-cn-list {
    padding: 0 20px;
}
.with-cn-list li {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 21px;
    clear: both;
    margin-bottom: 20px;
    vertical-align: top;
}
.with-cn-list li span {
    float: left;
    vertical-align: top;
    width: 55px;
    margin-bottom: 30px;
}
.mid-border {
    background: url(images/staff/mid-border.png) repeat-y 50% 50%;
}
.staff-technology .box {
    width: 235px;
}
.staff-technology .box__home-technology-01 {
    border-bottom: 4px solid #00b05c;
}
.staff-technology .box__home-technology-02 {
    border-bottom: 4px solid #00af93;
}
.staff-technology .box__home-technology-03 {
    border-bottom: 4px solid #0095b5;
}
.staff-technology .box__home-technology-04 {
    border-bottom: 4px solid #007fab;
}
.staff-technology .box {
    padding: 110px 10px 0;
}
.staff-technology .box__home-technology-01:before {
    background: url(images/staff/icon-web.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px;
}
.staff-technology .box__home-technology-02:before {
    background: url(images/staff/icon-software.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px;
}
.staff-technology .box__home-technology-03:before {
    background: url(images/staff/icon-outsource.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px;
}
.staff-technology .box__home-technology-04:before {
    background: url(images/staff/icon-qa.svg) repeat-y 50% 50% !important;
    width: 70px;
    height: 64px;
    top: 30px;
}
.gst {
    color: #cbe3ff;
    font-size: 14px;
    padding: 10px;
}
.expertise-python-section {
    border-top: 2px solid #14df7d;
}
.expertise-python {
    border-bottom: 1px solid #9aa1ac;
    padding: 10px 0;
}
.expertise-python span {
    width: 38%;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    font-family: "Montserrat", sans-serif;
    color: #333;
    font-weight: 600;
    vertical-align: top;
    padding-top: 10px;
}
.expertise-python .python-img-holder {
    display: inline-block;
    width: 60%;
}
.expertise-python img {
    display: inline-block;
    margin: 10px;
}
.python-chart .last-line-min {
    min-height: auto !important;
}
.case-studies-slider .slick-list {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.24);
}
.cs-slider div {
    padding-bottom: 0;
}
.cb-header-left {
    text-align: left !important;
    padding-top: 40px;
}
.cb-header-left h1 {
    font-size: 48px !important;
    line-height: 58px !important;
    font-weight: bold;
    padding-bottom: 20px;
}
.cb-header-left p {
    margin-bottom: 0;
    color: #2dbe70;
    font-size: 20px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
.cb-header-left ul {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}
.cb-header-left ul li {
    align-self: center;
    margin-right: 20px;
}
.cb-header-right {
    text-align: left !important;
    padding-top: 40px;
}
.cb-header-right ul {
    display: flex;
    flex-wrap: wrap;
}
.cb-header-right ul li {
    width: 184px;
    color: #fff;
    padding: 20px;
    margin: 0 10px 20px;
    border-radius: 5px;
}
.cb-header-right ul li:nth-child(1) {
    background-color: #4a90e2;
    border: 1px solid #4a90e2;
}
.cb-header-right ul li:nth-child(2) {
    border: 1px solid #4a90e2;
}
.cb-header-right ul li:nth-child(3) {
    border: 1px solid #009363;
}
.cb-header-right ul li:nth-child(4) {
    background-color: #009363;
    border: 1px solid #009363;
}
.cb-header-right img {
    margin-bottom: 10px;
    min-height: 46px;
}
.cb-header-right h4 {
    color: #fff;
    font-size: 24px;
    line-height: 29px;
}
.cb-header-right h5 {
    color: #fff;
    font-size: 16px;
    line-height: 29px;
}
.tech-list {
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}
.tech-list div {
    float: left;
    width: 20%;
    padding: 20px 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: #fff;
}
.tech-list div.tect-blue-bg {
    background-color: #4a90e2;
}
.tech-list div.tect-green-bg {
    background-color: #49c684;
}
.tech-list ul {
    padding: 20px 0 20px 20px;
    float: left;
}
.tech-list ul li {
    float: left;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    border-right: 1px solid #dedede;
}
.tech-list ul li:last-child {
    border-right: 0;
}
.tech-list ul li a {
    color: #333333;
}
.tech-list ul li a:hover {
    color: #4a90e2;
    text-decoration: underline;
}
.font-size-48 {
    font-size: 48px;
    line-height: 56px;
}
.industry-box {
    padding: 40px;
    margin-bottom: 30px;
    min-height: 500px;
}
.industry-box h3 {
    font-size: 30px;
    line-height: 40px;
    padding-top: 20px;
}