/*
Theme Name: FTX Infotech Pvt ltd
Theme URI: http://ftxinfotech.com/
Author: FTX Infotech Pvt Ltd
Author URI: http://ftxinfotech.com
Description:  FTX Infotech is an independently owned company that focuses on scalable, sustainable, and emerging technologies. Our creative solutions are designed and developed to help businesses grow and succeed in our ever-changing, complex digitalized world. We love a challenge, and make it our mission to enhance your business so that you stand out from the rest.
Version: 3.2.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
@import url('//fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Muli&display=swap');
body {
    margin: 0;
    -webkit-font-smoothing: auto;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    overflow-x: hidden
}

a:focus,
button:focus {
    outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
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;
    text-decoration: none!important
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 2.5rem
}

hr {
    box-sizing: content-box;
    height: 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"] {
    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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif
}

h1 {
    font-size: 32px;
    padding-bottom: 10px
}

h2 {
    font-size: 45px;
    font-weight: 600;
    color: #000
}

h3 {
    font-size: 32px;
    line-height: 25px;
    text-transform: uppercase
}

h4 {
    font-size: 16px;
    line-height: 20px
}

h5 {
    font-size: 14px;
    line-height: 17.5px
}

p {
    margin-bottom: 1.5em
}

h1.entry-title {
    font-size: 1.31rem;
    border-bottom: 1px solid #eaecef
}

h2.entry-title {
    border-bottom: 1px solid #eaecef
}

h3.widget-title {
    font-size: 1.2rem
}

body {
    background: #fff;
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

.navbar-brand>a {
    font-size: 1.1rem;
    outline: medium none;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

.navbar-brand>a:visited,
.navbar-brand>a:hover {
    text-decoration: none
}

#page {
    position: relative
}

.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: #fff
}

.page-loader span {
    width: 250px;
    height: 165px;
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.page-loader span img {
    width: 100%;
}

body #main-nav {
    width: 100%;
    justify-content: center!important
}

.getQuote a {
    background: #2a9dcc;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    padding: 10px 13px;
    display: inline-block;
    border-radius: 8px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all .15s ease-in-out;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)
}

.getQuote .svg-menu {
    display: none
}

.getQuote a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #252525;
    opacity: 0;
    transition: all .15s ease-in-out;
    border-radius: 8px
}

.getQuote a:hover:before {
    opacity: 1;
    z-index: -1
}

@media screen and (min-width: 992px) {
    #page-sub-header p {
        max-width: 48rem;
        margin: 0 auto
    }
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(webfonts/fa-brands-400.eot);
    src: url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-brands-400.woff2) format("woff2"), url(webfonts/fa-brands-400.woff) format("woff"), url(webfonts/fa-brands-400.ttf) format("truetype"), url(webfonts/fa-brands-400.svg#fontawesome) format("svg");
    font-display: swap
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(webfonts/fa-regular-400.eot);
    src: url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-regular-400.woff2) format("woff2"), url(webfonts/fa-regular-400.woff) format("woff"), url(webfonts/fa-regular-400.ttf) format("truetype"), url(webfonts/fa-regular-400.svg#fontawesome) format("svg");
    font-display: swap
}

.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(webfonts/fa-solid-900.eot);
    src: url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-solid-900.woff2) format("woff2"), url(webfonts/fa-solid-900.woff) format("woff"), url(webfonts/fa-solid-900.ttf) format("truetype"), url(webfonts/fa-solid-900.svg#fontawesome) format("svg");
    font-display: swap
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free"
}

.fa,
.fas {
    font-weight: 900
}

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comments:before {
    content: "\f086"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-edit:before {
    content: "\f044"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.comment-content.card-block {
    padding: 20px
}

.navigation.post-navigation {
    padding-top: 1.875rem
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    border: 1px solid #ddd;
    border-radius: .938rem;
    display: inline-block;
    padding: .313rem .875rem;
    text-decoration: none
}

.post-navigation .nav-next a::after {
    content: " \2192"
}

.post-navigation .nav-previous a::before {
    content: "\2190 "
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    background: #eee none repeat scroll 0 0
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: .313rem;
    line-height: normal;
    padding: .938rem 1.438rem .875rem;
    text-decoration: none;
    top: .313rem;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

a img.alignright {
    float: right;
    margin: .313rem 0 1.25rem 1.25rem
}

a img.alignnone {
    margin: .313rem 1.25rem 1.25rem 0
}

a img.alignleft {
    float: left;
    margin: .313rem 1.25rem 1.25rem 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption.alignnone {
    margin: .313rem 1.25rem 1.25rem 0
}

.wp-caption.alignleft {
    margin: .313rem 1.25rem 1.25rem 0
}

.wp-caption.alignright {
    margin: .313rem 0 1.25rem 1.25rem
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both
}

.widget {
    margin: 0 0 1.5em;
    font-size: .875rem
}

.widget select {
    max-width: 100%
}

.widget_search .search-form input[type="submit"] {
    display: none
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: none;
    text-decoration: none
}

.half-rule {
    width: 6rem;
    margin: 2.5rem 0
}

.widget_categories .nav-link {
    display: inline-block
}

#content.site-content {
    padding-bottom: 0
}

.sticky .entry-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 1.563rem;
    left: -2.5rem;
    position: absolute;
    top: .375rem;
    font-weight: 900
}

.sticky .entry-title {
    position: relative
}

.single .byline,
.group-blog .byline {
    display: inline
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
    margin-top: 0
}

.post.hentry {
    margin-bottom: 4rem
}

.posted-on,
.byline,
.comments-link {
    color: #9a9a9a
}

.entry-title>a {
    color: inherit
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comment-body .pull-left {
    padding-right: .625rem
}

.comment-list .comment {
    display: block
}

.comment-list {
    padding-left: 0
}

.comments-title {
    font-size: 1.125rem
}

.comment-list .pingback {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: .563rem 0
}

.comment-list .pingback:first-child {
    border: medium none
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: .313rem .313rem 0;
    text-align: center
}

.wp-caption img[class*="wp-image-"] {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.wp-caption .wp-caption-text {
    font-size: .688rem;
    line-height: 1.063rem;
    margin: 0;
    padding: .625rem
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-item .gallery-columns-2 {
    max-width: 50%
}

.gallery-item .gallery-columns-3 {
    max-width: 33.33333%
}

.gallery-item .gallery-columns-4 {
    max-width: 25%
}

.gallery-item .gallery-columns-5 {
    max-width: 20%
}

.gallery-item .gallery-columns-6 {
    max-width: 16.66667%
}

.gallery-item .gallery-columns-7 {
    max-width: 14.28571%
}

.gallery-item .gallery-columns-8 {
    max-width: 12.5%
}

.gallery-item .gallery-columns-9 {
    max-width: 11.11111%
}

.gallery-caption {
    display: block
}

.woocommerce-cart-form .shop_table .coupon .input-text {
    width: 8.313rem!important
}

.variations_form .variations .value>select {
    margin-bottom: .625rem
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
    max-width: 100%
}

.elementor-page article .entry-footer {
    display: none
}

.elementor-page.page-template-fullwidth #content.site-content {
    padding-bottom: 0;
    padding-top: 0
}

.elementor-page .entry-content {
    margin-top: 0
}

.vc_desktop article .entry-footer {
    display: none
}

.vc_desktop #content.site-content {
    padding-bottom: 0;
    padding-top: 0
}

.vc_desktop .entry-content {
    margin-top: 0
}

footer#colophon {
    font-size: 85%
}

body:not(.theme-preset-active) footer#colophon {
    color: #99979c;
    background-color: #f7f7f7
}

.navbar-dark .site-info {
    color: #fff
}

.copyright {
    font-size: .875rem;
    margin-bottom: 0;
    text-align: center
}

.copyright a,
footer#colophon a {
    color: inherit
}

.rightSidebar p {
    font-size: 18px;
    color: #252525
}

.owl-dots {
    display: none
}

.bg-white {
    background: #fff
}

.bg-grey {
    background: #f5f5f5
}

.bg-grey-1 {
    background: #f2f2f2
}

.pt-25 {
    padding-top: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pt-75 {
    padding-top: 75px
}

.pb-75 {
    padding-bottom: 75px
}

input,
textarea,
select {
    font-family: 'Muli', sans-serif
}

button {
    font-family: 'Montserrat', sans-serif
}

.btn {
    margin: 0;
    padding: 20px 50px;
    display: inline-block;
    background: #2a9dcc;
    color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    -webkit-border-radius: 30px;
    border-radius: 8px;
    box-shadow: none
}

.btn svg {
    width: 13px;
    height: 13px;
    margin: 0 15px;
    fill: currentColor
}

.btn-block {
    width: 100%;
    display: block
}

.btn-link {
    padding: 15px 0;
    background: none;
    color: #28292b;
    text-transform: none;
    text-decoration: underline
}

.btn-link:hover {
    color: #28292b;
    text-decoration: underline
}

.btn-link-light {
    color: #fff
}

.btn-link-light:hover {
    color: #fff
}

.btn-black {
    background: #000;
    color: #fff
}

.btn-black:hover {
    background: #2a9dcc;
    color: #fff
}

.btn-white {
    background: #fff;
    color: #2a9dcc
}

.btn-white:hover {
    background: #000;
    color: #fff
}

.btn-schedule {
    background-color: #0663ab;
    color: #fff
}

.btn-schedule:hover {
    background: #000;
    color: #fff
}

.btn-primary {
    background: #2a9dcc;
    color: #fff
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #000!important;
    box-shadow: none!important
}

.container {
    max-width: 1170px
}

.container-16 {
    max-width: 1660px
}

.container-14 {
    max-width: 1400px
}

[data-animate="fadeInUp"] {
    opacity: 0
}

[data-animate="fadeIn"] {
    opacity: 0
}

[data-animate="slideInLeft"] {
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0)
}

[data-animate="slideInRight"] {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0)
}

[data-animate="slideInUp"] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.spacing-1 {
    padding-top: 80px;
    padding-bottom: 80px
}

.spacing-2 {
    padding-top: 60px;
    padding-bottom: 60px
}

.spacing-3 {
    padding-top: 40px;
    padding-bottom: 40px
}

.spacing-4 {
    padding-top: 30px;
    padding-bottom: 30px
}

.tilt {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.tal {
    text-align: left!important
}

.tar {
    text-align: right!important
}

.tac {
    text-align: center!important
}

@media (min-width:576px) {
    .tal-sm {
        text-align: left!important
    }
    .tar-sm {
        text-align: right!important
    }
    .tac-sm {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .tal-md {
        text-align: left!important
    }
    .tar-md {
        text-align: right!important
    }
    .tac-md {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .tal-lg {
        text-align: left!important
    }
    .tar-lg {
        text-align: right!important
    }
    .tac-lg {
        text-align: center!important
    }
    #serviceSection .float-left {
        width: 60%
    }
}

@media (min-width:1200px) {
    .tal-xl {
        text-align: left!important
    }
    .tar-xl {
        text-align: right!important
    }
    .tac-xl {
        text-align: center!important
    }
    body:not(.home) #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i {
        color: #fff
    }
    body:not(.home) .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i {
        color: #000
    }
    .innerHeader .header.sticky .innerLogo {
        display: block;
    }
    .innerHeader .header.sticky .homeLogo {
        display: none;
    }
    .page-template-template-service-cloud-infrastructureapp .key-offering-section {
        background: #f5f5f5;
    }
    body .header-right ul li.tel a:before,
    body .header .header-right ul li.tel a:before {
        background: url(images/sprite.png) no-repeat -77px -41px!important;
    }
    body:not(.home) .header.sticky .header-right ul li.tel a:before {
        background: url(images/sprite.png) no-repeat -77px -41px!important;
    }
    body.page-template-template-hire-landing-1 #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.single-post #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-hire-dedicated-developer #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-product #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-application #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-industry-landing-php #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.error404 #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.search-no-results #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-our-services #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.search-results #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-thank-you #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i,
    body.page-template-template-service-grid-4 #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a,
    .wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a,
    .wpmm-menu-cart .cart-icon .fa-shopping-cart,
    .wp-megamenu-wrap .form .submit,
    .wpmm-menu-cart span.cart-icon i {
        color: #000;
    }
    /*body:not(.home) .header .header-right ul li.tel a:before {
    background: url(images/sprite.png) no-repeat -17px -9px!important;
}*/
    body:not(.home) .header .header-right ul li.tel a {
        color: #fff;
    }
    body:not(.home) .header.sticky .header-right ul li.tel a {
        color: #000;
    }
}

#masthead.innerHeader .header-right ul li.tel a {
    color: #fff !important;
}

#masthead.innerHeader .sticky .header-right ul li.tel a {
    color: #000 !important;
}

#masthead.innerHeader .header-right ul li.tel a::before {
    background: url(images/sprite.png) no-repeat -17px -9px!important;
}

#masthead.innerHeader .sticky .header-right ul li.tel a::before {
    background: url(images/sprite.png) no-repeat -77px -41px!important;
}

.page-template-template-hire-landing-1 #masthead.innerHeader .header-right ul li.tel a,
body.single-post #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-hire-dedicated-developer #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-product #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-application #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-industry-landing-php #masthead.innerHeader .header-right ul li.tel a,
body.error404 #masthead.innerHeader .header-right ul li.tel a,
body.search-no-results #masthead.innerHeader .header-right ul li.tel a,
body.search-results #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-our-services #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-thank-you #masthead.innerHeader .header-right ul li.tel a,
body.page-template-template-service-grid-4 #masthead.innerHeader .header-right ul li.tel a {
    color: #000 !important;
}

body.page-template-template-hire-landing-1 #masthead.innerHeader .header-right ul li.tel a::before,
body.single-post #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-thank-you #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-hire-dedicated-developer #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-product #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-application #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-industry-landing-php #masthead.innerHeader .header-right ul li.tel a::before,
body.error404 #masthead.innerHeader .header-right ul li.tel a::before,
body.search-no-results #masthead.innerHeader .header-right ul li.tel a::before,
body.search-results #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-our-services #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-about-new #masthead.innerHeader .header-right ul li.tel a::before,
body.page-template-template-service-grid-4 #masthead.innerHeader .header-right ul li.tel a::before {
    background: url(images/sprite.png) no-repeat -77px -41px!important;
}

.site-header {
    padding: 0;
    margin: 0;
    position: absolute;
    ;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.sticky-height {
    display: block;
    overflow: hidden
}

.page-template-template-hire-landing-1 .header img.homeLogo,
body.single-post .header img.homeLogo,
body.page-template-template-thank-you .header img.homeLogo,
body.page-template-template-hire-dedicated-developer .header img.homeLogo,
body.page-template-template-product .header img.homeLogo,
body.page-template-template-application .header img.homeLogo,
body.page-template-template-industry-landing-php .header img.homeLogo,
body.error404 .header img.homeLogo,
body.search-no-results .header img.homeLogo,
body.search-results .header img.homeLogo,
body.page-template-template-our-services .header img.homeLogo,
body.page-template-template-service-grid-4 .header img.homeLogo {
    display: none;
}

.page-template-template-hire-landing-1 .header img.innerLogo,
body.single-post .header img.innerLogo,
body.page-template-template-thank-you .header img.innerLogo,
body.page-template-template-hire-dedicated-developer .header img.innerLogo,
body.page-template-template-product .header img.innerLogo,
body.page-template-template-application .header img.innerLogo,
body.page-template-template-industry-landing-php .header img.innerLogo,
body.error404 .header img.innerLogo,
body.search-no-results .header img.innerLogo,
body.search-results .header img.innerLogo,
body.page-template-template-our-services .header img.innerLogo,
body.page-template-template-service-grid-4 .header img.innerLogo {
    display: block;
}

body.single-post #content,
body.page-template-template-thank-you #content,
body.error404 #content,
body.search-no-results #content,
body.search-results #content {
    padding-top: 100px;
}

.site-header .header.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 13px #d6d6d6;
}

.homeHeader .innerLogo {
    display: block
}

.homeHeader .homeLogo {
    display: none
}

.innerHeader .innerLogo {
    display: none
}

.homeHeader .header.sticky .homeLogo {
    display: none
}

.homeHeader .header.sticky .innerLogo {
    display: block
}

.header-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.header-top .navigation {
    flex-grow: 1;
    margin: 0 50px;
}

.container-19 {
    max-width: 1900px
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500!important
}

.navigation .contact-services-info li {
    width: 50%;
    flex-basis: 50%
}

.navigation .contact-services-info li>a,
.navigation .contact-services-info li>span {
    border: 1px solid #f0f0f0
}

.director-profile figure.figure {
    width: 100%
}

.header-top .navigation ul li ul li ul li ul li ul {
    padding: 0 0 0 37px !important
}

.header-top .navigation ul li ul li ul li ul li a span i {
    font-size: 19px!important;
    color: #45c5eb
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a {
    word-break: break-word;
    position: relative
}

.header-top .navigation ul li ul li ul li ul li a span {
    margin: -1px 6px 0!important;
    position: absolute;
    left: 0;
    top: 5px
}

.header-top .navigation ul li ul li ul li ul li a {
    padding: 0 0 0 36px
}

.header-top .navigation ul li.products_menu ul li ul li ul li a,
.header-top .navigation ul li.industry_menu ul li ul li ul li a {
    padding: 0
}

.header-top .navigation ul li ul li ul li ul li ul li a {
    position: relative
}

.header-top .navigation ul li ul li ul li ul li ul li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #45c5eb;
    visibility: hidden;
    transition: all .3s ease-in-out 0
}

.header-top .navigation ul li ul li ul li ul li ul li a {
    position: relative;
    display: inline-block!important;
    font-size: 14px!important
}

.header-top .navigation ul li ul li ul li ul li ul li a:hover:before {
    visibility: visible;
    width: 100%
}

#masthead .navigation #wp-megamenu-primary li.service_main_menu ul li:nth-child(3) ul li {
    padding: 0
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.about_us_menu.wpmm_mega_menu>ul.wp-megamenu-sub-menu>li:nth-child(2) ul li {
    padding: 0 !important;
}

.site-header .header-top .logo {
    max-width: 130px;
}

@media (max-width: 1199px) {
    .site-header .header-top .logo {
        max-width: 110px;
    }
}

.about_us_bg_menu {
    background: url(images/About-Us-menu-image.jpg) no-repeat;
}

.service_menu_botom {
    background: url(images/Service-menu-image.jpg) no-repeat;
}

.product_menu_img {
    background: url(images/Product-menu-Image.jpg) no-repeat;
}

.industy_menu_img {
    background: url(images/Industries-menu-image.jpg) no-repeat;
}

#service_menu {
    position: relative;
    background-size: cover;
    padding: 26px 17px;
    color: #fff
}

#service_menu h3 {
    margin: 14px 0;
    color: #fff;
    text-align: left
}

.capabilities .inner_sub_menu .logo {
    max-width: 115px;
}

.capabilities ul li ul li:nth-child(1) {
    padding: 0!important
}

.capabilities ul li ul li:nth-child(1) ul,
.capabilities ul li ul li:nth-child(1) ul li,
.capabilities ul li ul li:nth-child(1) ul li>div {
    height: 100%
}

#web_side_menu {
    height: 100%;
    background: url(images/Capabilities.jpg) no-repeat;
    position: relative!important;
    background-repeat: no-repeat;
    background-size: cover
}

#web_side_menu .inner_sub_menu {
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 17px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left
}

#web_side_menu .inner_sub_menu h3 {
    margin: 0 0 6px;
    font-size: 24px;
    color: #fff
}

#web_side_menu .inner_sub_menu p {
    margin: 0;
    color: #fff
}

#web_side_menu .inner_sub_menu a {
    background: #252525!important;
    display: inline-block;
    color: #fff!important;
    padding: 8px 25px!important;
    border-radius: 35px;
    margin: 18px 0 0
}

.industy_main_menu ul li a {
    text-transform: capitalize!important;
    margin: 0!important
}

.industy_main_menu ul li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #45c5eb;
    visibility: hidden;
    transition: all .3s ease-in-out 0;
    display: none
}

.industy_main_menu>ul {
    padding: 18px 0 0!important
}

.industy_main_menu ul li a:hover:before {
    visibility: visible;
    width: 100%
}

.industy_main_menu ul li ul li p {
    margin: 0;
    padding: 0 0 22px 35px;
    font-size: 12px
}

.industy_main_menu ul li ul li {
    padding: 0 4px!important
}

.products_menu ul li a::before {
    display: none
}

.products_menu>ul {
    padding-top: 0!important
}

.products_menu ul li:nth-child(3) ul li,
.industry_menu ul li:nth-child(3) ul li {
    padding: 0!important;
    margin-top: 8px!important;
    margin-bottom: 0!important
}

.industry_menu ul li:nth-child(3) ul li {
    margin-top: 0!important
}

.products_menu ul li:nth-child(3) ul li ul {
    background: none;
    padding: 0!important;
    margin: 0!important
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
    width: calc(100% + 40px);
    margin-left: -20px;
    background-color: #fff;
    box-shadow: 0 0 11px #e0e0e0;
    border-radius: 4px!important;
    overflow: hidden;
}

.products_menu ul li ul li ul {
    text-align: center;
    background: #f5f5f5;
    margin: 4px 0 0!important;
    padding: 16px!important;
    height: 100%
}

.industry_menu ul li ul li ul {
    text-align: center
}

.navigation ul li.industry_menu .wp-megamenu-sub-menu .menu-item a span i {
    font-size: 28px!important;
    margin-top: 0;
    margin-bottom: 10px
}

/* .navigation .industry_menu .fa-handshake-o {
    font-family: "Font Awesome 5 Free" !important;
} */

.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.industry_menu ul.wp-megamenu-sub-menu li>ul li ul li a {
    padding: 12px 10px 12px 60px !important;
    text-align: left;
    font-size: 13px !important;
    vertical-align: middle;
    margin: 8px 0 8px !important;
}

.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.industry_menu ul.wp-megamenu-sub-menu li>ul li ul li {
    margin-bottom: 0;
}

.navigation ul li.industry_menu .wp-megamenu-sub-menu .menu-item a span {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 8px;
    margin-left: 0!important;
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu.industry_menu>ul.wp-megamenu-sub-menu>li:nth-child(2) ul li {
    padding: 0 !important;
}

.navigation ul li.industry_menu .wp-megamenu-sub-menu .menu-item a {
    font-size: 13px!important
}

.products_menu ul li ul li {
    margin: 7px 0 2px!important
}

#service_menu:before,
#web_side_menu:before {
    content: "";
    background: rgba(69, 197, 235, .6);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%
}

#service_menu .inner_Service {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#service_menu p {
    margin: 0;
    text-align: left;
    padding: 0!important
}

#service_menu a {
    background: #252525!important;
    color: #fff!important;
    padding: 10px 28px!important;
    border-radius: 29px;
    font-size: 17px!important
}

.industry_single_menu ul li:nth-child(2) ul li {
    padding: 0!important
}

.navigation .wp-megamenu-wrap .wpmm-nav-wrap>ul>li>a {
    line-height: 72px!important;
    padding: 14px 7px;
}

@media (min-width: 992px) {
    .capabilities ul li ul li:nth-child(4) ul li.menu-widget-class:nth-child(2) {
        margin-top: 0;
    }
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li:hover>a,
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.current-menu-ancestor>a,
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.active>a,
    .wpmm-woo-product-category ul li.cat-list a:hover,
    .wpmm-woo-product-category.layout_2 ul li a:hover,
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li:hover>a,
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.active>a {
        color: #45c5eb !important
    }
    .home .site-header .header {
        margin: 0;
        padding: 0 0;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .site-header .header {
        margin: 0;
        padding: 0;
        position: relative;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .site-header .header.sticky {
        padding: 0 0;
        position: fixed;
    }
    /*body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{max-width:1660px;margin:0 auto;float:none}*/
    body #mega-menu-wrap-primary,
    body #mega-menu-wrap-primary #mega-menu-primary {
        background: none;
        position: unset;
        text-align: center
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        position: relative
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before {
        content: '';
        position: absolute;
        background: transparent;
        left: 0;
        right: 0;
        bottom: -3px;
        height: 3px;
        z-index: 1000;
        display: none
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-toggle-on>a.mega-menu-link:before {
        background: #2a9dcc
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item {
        position: unset
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        height: 100px;
        line-height: 100px;
        background: none!important;
        color: #000!important;
        text-transform: uppercase;
        font-size: 14px !important;
    }
    body:not(.home) #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    body .sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #000
    }
    body:not(.home) #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:hover>a.mega-menu-link,
    body .sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:hover>a.mega-menu-link {
        color: #2a9dcc
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.m ega-sub-menu {
        transform: none !important;
        padding: 50px 15px;
        background: url(images/navigation-bg.jpg) center top no-repeat #fff;
        background-size: cover;
        border-top: 1px solid #f3f3f4;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
        color: #2a9dcc !important;
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
        margin: 0;
        padding: 10px 0;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #2a9dcc;
        text-transform: none
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 0
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu>li {
        margin-bottom: 10px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        margin: 0;
        padding: 5px 15px;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 600!important;
        color: #2a9dcc;
        text-transform: none;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        text-transform: uppercase;
        margin: 0 0 10px;
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        padding: 5px 0
    }
    .mega-sub-menu .nav>li>a {
        margin: 0;
        padding: 3px 15px;
        font-size: 15px;
        font-weight: 400;
        color: #333;
        position: relative;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .mega-sub-menu .nav>li>a:before,
    .mega-sub-menu .nav>li>a:after {
        content: '';
        background: #333;
        width: 7px;
        height: 1px;
        position: absolute;
        left: 0;
        top: 0
    }
    .mega-sub-menu .nav>li>a:before {
        top: 12px;
        transform: rotate(45deg)
    }
    .mega-sub-menu .nav>li>a:after {
        top: 17px;
        transform: rotate(-45deg)
    }
    .mega-sub-menu .nav>li>a:hover {
        color: #2a9dcc;
        background: none
    }
    .mega-sub-menu .nav>li>a:hover:before,
    .mega-sub-menu .nav>li>a:hover:after {
        background: #2a9dcc
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
        background: #fff;
        padding: 15px 0 0;
        border: 1px solid #ccc;
        box-shadow: 0 0 4px #838080;
        margin: 13px 0 0
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu .mega-sub-menu:before,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu .mega-sub-menu:after {
        display: none
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu:before {
        display: block;
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ccc;
        border-width: 15px;
        margin-left: -15px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu:after {
        display: block;
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 14px;
        margin-left: -14px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        margin: 0;
        padding: 8px 16px;
        font-size: 15px;
        line-height: 25px;
        font-weight: 400;
        color: #333;
        position: relative;
        background: none;
        text-transform: capitalize;
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
        color: #fff
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover {
        background: #2a9dcc
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
        background: none
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:before,
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:after {
        content: '';
        background: #333;
        width: 7px;
        height: 1px;
        position: absolute;
        left: 0;
        top: 0;
        display: none
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:before {
        top: 12px;
        transform: rotate(45deg)
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:after {
        top: 17px;
        transform: rotate(-45deg)
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:hover {
        background: none;
        color: #2a9dcc;
        background: none
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:hover:before,
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout li>a.mega-menu-link:hover:after {
        background: #2a9dcc
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
        margin-left: 2px;
        padding: 0
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu .mega-toggle-on>a {
        color: #fff!important
    }
    body #masthead #mega-menu-wrap-primary .product_menu {
        background: #f2f2f2!important;
        background: -moz-linear-gradient(top, #f2f2f2 1%, #fff 100%)!important;
        background: -webkit-linear-gradient(top, #f2f2f2 1%, #fff 100%)!important;
        background: linear-gradient(to bottom, #f2f2f2 1%, #fff 100%)!important;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
        border: 1px solid #eee!important;
        padding: 12px 17px!important;
        min-height: 220px!important;
        margin: 0 12px 14px!important;
        box-shadow: 0 0 7px #e8e6e6;
        position: relative
    }
    body #masthead #mega-menu-wrap-primary .product_menu ul li.widget_media_image {
        margin: 34px 0 9px!important;
        text-align: right;
        position: absolute;
        bottom: 0
    }
    body #masthead #mega-menu-wrap-primary .product_menu ul {
        float: left!important;
        min-height: 210px
    }
    body #masthead #mega-menu-wrap-primary .product_menu ul li.widget_media_image img {
        width: 57%
    }
    .ftx360menu img {
        width: 31%!important
    }
    .uplift_menu img {
        width: 53%!important
    }
    body #masthead #mega-menu-wrap-primary .industry_main_menu ul li a {
        color: #666!important;
        font-size: 14px!important;
        text-transform: capitalize!important;
        text-decoration: none;
        font-weight: 400!important;
        text-align: left;
        margin: 0!important;
        padding: 0!important;
        vertical-align: top;
        display: block;
        border: 0
    }
    .industry_main_menu img {
        width: 70%
    }
}

@media (max-width: 991px) {
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        background: none!important
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        background: none!important
    }
    body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 10px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        color: #fff!important
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
        color: #fff;
        font-weight: 700
    }
    body #mega-menu-wrap-primary .nav>li>a {
        color: #fff
    }
    body #mega-menu-wrap-primary .textwidget.custom-html-widget {
        display: none!important
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
        background: none;
        padding: 10px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        margin: 0;
        padding: 3px 15px;
        font-size: 15px;
        line-height: 25px;
        font-weight: 400;
        color: #fff;
        position: relative;
        background: none;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}


/*.header-top .header-right{max-width:100%;flex-basis:320px}*/

.header-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.header-right ul li.tel a {
    position: relative;
    font-size: 17px;
    color: #000!important;
    padding: 4px 0 4px 35px;
    margin-right: 25px;
    font-family: 'Montserrat', sans-serif
}

.header-right ul li.tel a:before {
    content: '';
    display: block;
    background: url(images/sprite.png) no-repeat -77px -41px!important;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0
}


/* body:not(.home) .header-right ul li.tel a,body .sticky .header-right ul li.tel a{color:#fff!important} */


/* body:not(.home) .header-right ul li.tel a:before,body .sticky .header-right ul li.tel a:before{background:url(images/sprite.png) no-repeat -77px -41px!important} */

@media (max-width: 991px) {
    .header-top {
        flex-wrap: wrap
    }
    .header-top .navigation {
        flex-grow: 0
    }
    .header-top .mega-menu-toggle {
        background: none!important;
        width: 50px;
        height: 50px!important;
        line-height: 50px!important
    }
    .header-top .mega-toggle-blocks-right {
        justify-content: center!important
    }
    .header-top .mega-toggle-blocks-left,
    .header-top .mega-toggle-blocks-center,
    .header-top .mega-toggle-label {
        display: none!important
    }
    body #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
        height: 50px;
        cursor: pointer
    }
    body #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
        content: ''!important;
        width: 50px;
        height: 50px;
        background: url(images/menu-b.svg) center center no-repeat;
        background-size: 60%
    }
    body:not(.home) #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after,
    body .sticky #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
        background-image: url(images/menu-b.svg)
    }
    body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
        background: url(images/close-b.svg) center center no-repeat;
        background-size: 50%
    }
    body:not(.home) #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after,
    body .sticky #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
        background-image: url(images/close-b.svg);
        background-size: 50%
    }
    body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
        top: 80px
    }
    body #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #0d0b3d;
        width: 100%;
        max-width: 100%;
        max-height: calc(100vh - 80px);
        right: -100%;
        top: 80px;
        -webkit-overflow-scrolling: auto
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        padding: 5px 15px;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
        background: none
    }
    .header-right {
        position: absolute;
        right: 90px;
        top: 31px;
        height: 30px;
    }
    .homeHeader .header-right {
        top: 25px;
    }
    .header-right li {
        width: 30px;
        height: 30px;
    }
    .header-right ul li.tel a,
    #masthead.innerHeader .header-right ul li.tel a,
    body.single-post #masthead.innerHeader .header-right ul li.tel a,
    body.page-template #masthead.innerHeader .header-right ul li.tel a {
        width: 30px;
        height: 30px;
        color: transparent !important;
    }
    /* .header-right .tel{display:none} */
    .header-right li.getQuote {
        width: 100%;
        text-align: center;
        display: none;
    }
    .navigation .contact-services-info li {
        width: 100%;
        flex-basis: 100%
    }
}

@media (min-width: 992px) {
    /*.header-top>.logo,.header-top .header-right{flex-basis:140px;max-width:100%}*/
    .header-right ul li.tel a,
    .getQuote a {
        font-size: 12px
    }
    .header-right ul li {
        margin: 5px 0
    }
    .header-right ul li.tel a {
        margin-right: 0
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: 13px
    }
}

@media (min-width: 992px) and (max-width: 1499px) {
    .header-right ul li.tel a {
        padding: 7px 18px;
        display: inline-block;
        text-indent: -10000px
    }
    .flex-work-block .work-block-two .inner-box .content-box {
        min-height: 290px !important;
    }
}

@media (min-width: 1200px) {
    /*.header-top .header-right{flex-basis:250px}*/
    /*.header-top>.logo{flex-basis: 170px;}*/
    .header-right ul {
        flex-direction: row;
        align-items: center
    }
    .header-right ul li {
        margin: 0
    }
    .header-right ul li.tel a {
        margin-right: 15px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 0 6px
    }
}

@media (min-width: 1400px) {
    .header-top .header-right {
        flex-basis: 304px
    }
    /*.header-top>.logo{flex-basis: 190px;}*/
    .header-right ul li.tel a {
        font-size: 14px
    }
    .getQuote a {
        font-size: 15px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: 15px
    }
}

@media (min-width: 1600px) {
    .header-top .header-right {
        flex-basis: 320px
    }
    .header-right ul li.tel a {
        font-size: 16px
    }
    /*.header-top>.logo{flex-basis: 205px;}*/
}

.heading-title-1 {
    max-width: 640px;
    margin: 0 0 15px;
    padding: 0
}

#process_ai .heading-title-1 {
    max-width: 1100px;
}

.heading-title-1.text-center {
    margin: 0 auto 15px
}

.heading-title-1 .title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 600;
    color: #000;
    display: inline-block;
    position: relative;
    text-transform: none
}

.heading-title-1 .title span {
    position: relative;
    z-index: 1
}

.heading-title-1 .title:before {
    content: none;
    display: block;
    background: #e5e5e5;
    width: 110%;
    height: 4px;
    position: absolute;
    left: -5%;
    top: 50%;
    margin-top: -2px;
    z-index: 0
}

.heading-title-1 .subtitle {
    margin: 0;
    padding: 0;
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    color: #000
}

.heading-title-1.heading-light .title {
    color: #fff
}

.heading-title-1.heading-light .title:before {
    background: #fff;
    opacity: .2
}

.heading-title-1.heading-light .subtitle {
    color: #fff
}

@media (min-width: 992px) {
    .heading-title-1 {
        margin: 0 0 25px
    }
    .heading-title-1.text-center {
        margin: 0 auto 25px
    }
    .heading-title-1 .title {
        font-size: 35px;
        line-height: 1.1
    }
    .heading-title-1 .subtitle {
        font-size: 20px;
        line-height: 1.3
    }
}

@media (min-width: 1921px) {
    .heading-title-1 .title {
        font-size: 45px;
        line-height: 1.1
    }
    .heading-title-1 .subtitle {
        font-size: 24px;
        line-height: 1.3
    }
}

.heading-title-2 {
    max-width: 1020px;
    margin: 0 0 25px;
    padding: 0
}

.heading-title-2.text-center {
    margin: 0 auto 25px
}

.heading-title-2 .title {
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
    text-transform: none
}

.heading-title-2 .subtitle {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    color: #000
}

.heading-title-2.heading-light .title {
    color: #fff
}

.heading-title-2.heading-light .subtitle {
    color: #fff
}

@media (min-width: 768px) {
    .heading-title-2 .title {
        font-size: 30px;
        line-height: 1.1
    }
    .heading-title-2 .subtitle {
        font-size: 18px;
        line-height: 1.3
    }
}

@media (min-width: 992px) {
    .heading-title-2 .title {
        font-size: 35px;
        line-height: 1.1
    }
    .heading-title-2 .subtitle {
        font-size: 16px;
        line-height: 1.6
    }
}

@media (min-width: 1921px) {
    .heading-title-2 .title {
        font-size: 45px;
        line-height: 1.1
    }
    .heading-title-2 .subtitle {
        font-size: 24px;
        line-height: 1.3
    }
}

.section-link {
    margin: 0;
    padding: 0
}

#page-sub-header {
    position: relative;
    padding-bottom: 0;
    text-align: center;
    font-size: 1.25rem;
    z-index: 0
}

#homeSlider {
    position: relative
}

#hero-slider:after {
    content: "";
    background: url(images/curve.png) center bottom no-repeat;
    background-size: 100%;
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 3;
    display: block
}

.home_sed_slider #hero-slider:after {
    content: "";
    background: url(images/curve.png) center bottom no-repeat;
    background-size: 100%;
    width: 100%;
    height: 163px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 3;
    display: block
}

#hero-slider .owl-stage-outer {
    position: relative;
    z-index: 2
}

#hero-slider .owl-nav {
    position: relative;
    z-index: 2
}

#hero-slider .owl-dots {
    position: relative;
    z-index: 2
}

#homeSlider .owl-carousel,
#homeSlider .owl-stage-outer {
    position: relative;
    height: 100%!important
}

#homeSlider .slick-slider {
    height: 100%
}

#homeSlider .slick-slider .slick-list.draggable {
    height: 100%
}

#homeSlider .sy-box {
    height: 100%
}

#homeSlider .sy-slide {
    height: 100%
}

#homeSlider .sy-controls li a {
    opacity: 9;
    width: 44px;
    height: 51px;
    position: absolute
}

#homeSlider .sy-controls,
#homeSlider .sy-controls li {
    display: block!important
}

#homeSlider .sy-controls li a:after {
    display: none
}

#homeSlider .owl-nav .owl-prev span {
    background: url(images/sprite.png) no-repeat;
    background-position: 0 -210px
}

#homeSlider .owl-nav button.owl-next span {
    background: url(images/sprite.png) no-repeat;
    background-position: -75px -211px
}

#homeSlider .owl-nav button.owl-next {
    right: 0
}

#homeSlider .owl-nav .owl-prev {
    left: 7px
}

#homeSlider .owl-nav button {
    position: absolute
}

#homeSlider .owl-nav button span {
    font-size: 0;
    padding: 24px
}

#homeSlider figure.figure img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: center
}

#homeSlider video {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 0;
    left: 0
}

#homeSlider .sliderContent {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9
}

#homeSlider .sliderContent .title {
    font-size: 25px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    color: #fff
}

#homeSlider .sliderContent .title strong {
    display: block;
    color: #fff!important;
    font-size: 60px;
    font-weight: 600;
    margin: 0!important;
    font-family: 'Montserrat', sans-serif
}

#homeSlider p.description {
    font-size: 32px;
    color: #fff!important;
    font-family: 'Muli', sans-serif;
    line-height: 1.3
}

#homeSlider #adt-fastslider-button-style2 {
    display: inline-block;
    margin: 51px 0 0
}

#homeSlider #adt-fastslider-button-style2 a {
    position: relative;
    padding: 20px 30px
}

#homeSlider #adt-fastslider-button-style2 a:after {
    content: '';
    background: url(images/sprite.png) left -27px top -133px;
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
    margin-left: 15px
}

#homeSlider .item:after {
    content: "";
    background: #0b0450;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7
}

#homeSlider figure.figure {
    margin: 0;
    width: 100%;
    height: 100%
}

#homeSlider .owl-carousel .owl-stage {
    height: 100%
}

#homeSlider .owl-carousel .owl-stage .owl-item,
#homeSlider .owl-carousel .owl-stage .owl-item .item {
    height: 100%
}

#homeSlider .owl-theme .owl-nav [class*=owl-]:hover {
    background: none
}

#homeSlider .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    z-index: 999
}

#page-sub-header p {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: 300
}

body:not(.theme-preset-active) #page-sub-header p {
    color: #212529
}

.homeBg {
    position: absolute;
    width: 100%;
    bottom: 137px;
    left: 0;
    z-index: 99
}

.homeBg .page-scroller {
    display: inline-block
}

.homeBg .page-scroller span {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .8px;
    display: block;
    color: #fff;
    text-transform: uppercase
}

.homeBg .page-scroller i {
    font-size: 18px;
    color: #fff;
    -webkit-animation: arrow-jump 1s infinite;
    -moz-animation: arrow-jump 1s infinite;
    -o-animation: arrow-jump 1s infinite;
    animation: arrow-jump 1s infinite
}

@-webkit-keyframes arrow-jump {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
}

#homeSlider {
    height: 620px
}

#homeSlider .sliderContent {
    top: 50%;
    padding-left: 25px;
    padding-right: 25px;
    transform: translateY(-50%)
}

#homeSlider .sliderContent h1 {
    font-size: 16px;
    line-height: 1.3
}

#homeSlider .sliderContent h1 strong {
    font-size: 24px;
    line-height: 1.2;
    padding-top: 5px
}

#homeSlider .sliderContent p.description {
    font-size: 16px;
    line-height: 1.4
}

#homeSlider #adt-fastslider-button-style2 {
    margin-top: 20px
}

#homeSlider .homeBg {
    bottom: 7px
}

@media (min-width: 768px) {
    #homeSlider {
        height: 624px
    }
    #hero-slider:after {
        height: 255px
    }
    #homeSlider .sliderContent {
        padding-left: 90px;
        padding-right: 90px;
        max-width: 720px;
        margin: 0 auto
    }
    #homeSlider .sliderContent .title {
        font-size: 22px
    }
    #homeSlider .sliderContent .title strong {
        font-size: 32px;
        padding-top: 5px
    }
    #homeSlider .sliderContent p.description {
        font-size: 18px
    }
    #homeSlider #adt-fastslider-button-style2 a {
        position: relative;
        padding-left: 50px;
        padding-right: 50px
    }
    #homeSlider .owl-nav {
        display: none
    }
    #homeSlider .owl-nav button.owl-next,
    #homeSlider .owl-nav button.owl-prev {
        width: 50px;
        height: 50px
    }
    #homeSlider .owl-nav button span {
        padding: 24px
    }
    #homeSlider .homeBg {
        bottom: 7px
    }
    .home_sed_slider .homeBg {
        bottom: 25px!important
    }
    #homeSlider .owl-dots {
        display: block;
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%)
    }
    #homeSlider .owl-dots button {
        display: block
    }
    #homeSlider .owl-dots button span {
        background: #929292;
        height: 20px;
        width: 6px
    }
    #homeSlider .owl-dots button.active span {
        background: #cdcdcd
    }
}

@media (min-width: 992px) {
    #hero-slider .owl-dots {
        display: none
    }
}

@media (min-width: 1200px) {
    #homeSlider {
        height: 500px
    }
}

@media (min-width: 1400px) {
    #homeSlider {
        height: 500px
    }
    #homeSlider .sliderContent {
        max-width: 960px
    }
    #homeSlider .sliderContent .title {
        font-size: 24px
    }
    #homeSlider .sliderContent .title strong {
        font-size: 45px;
        padding-top: 5px
    }
    #homeSlider .sliderContent p.description {
        font-size: 22px
    }
}

@media (min-width: 1600px) {
    #homeSlider {
        height: 500px;
        padding: 0;
        background-size: cover
    }
    #homeSlider .sliderContent {
        max-width: 1200px
    }
}

@media (min-width: 1921px) {
    #homeSlider .sliderContent .title {
        font-size: 25px
    }
    #homeSlider .sliderContent .title strong {
        font-size: 60px;
        padding-top: 5px
    }
    #homeSlider .sliderContent p.description {
        font-size: 32px
    }
}

@media (max-width: 767px) {
    #homeSlider .owl-nav button.owl-next,
    #homeSlider .owl-nav button.owl-prev {
        width: 30px;
        height: 50px;
        margin: 0
    }
    #homeSlider .owl-nav button span {
        padding: 24px 10px
    }
    #homeSlider .owl-nav button.owl-prev span {
        background: url(images/sprite.png) -214px -130px no-repeat
    }
    #homeSlider .owl-nav button.owl-next span {
        background: url(images/sprite.png) -254px -130px no-repeat
    }
    #homeSlider .owl-nav button.owl-next {
        right: 0
    }
    #homeSlider .owl-nav button.owl-prev {
        left: 0
    }
    #technologiesList li .title {
        padding: 0 8px
    }
    .custom-image_layer {
        margin-right: 0
    }
    .infobox_wrapper:nth-child(2),
    .infobox_wrapper {
        margin-left: 0
    }
    #process_ai {
        padding: 55px 0
    }
}

@media (max-width: 767px) {
    #technologiesList li .title {
        font-size: 12px;
    }
}

#aboutSection {
    position: relative;
    padding-top: 100px
}

.aboutInner {
    padding: 20px 0 40px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative
}

.aboutInner:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: #fff;
    opacity: .7
}

.aboutInner .container {
    position: relative;
    z-index: 2
}

@media (min-width: 992px) {
    .aboutInner {
        padding: 0 0 80px
    }
}

@media (min-width: 1200px) {
    .aboutInner:before {
        content: none
    }
}

@media (max-width: 991px) {
    .aboutInner .heading-title-2 {
        margin-left: auto;
        margin-right: auto
    }
}

#processSection .align-items-stretch {
    height: 100%
}

#processSection .container {
    position: relative;
    max-width: 1600px
}

#processSection .workProcess {
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 50px 30px
}

#processSection .workProcess h3 {
    font-size: 28px;
    color: #2a9dcc;
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: none
}

.work-process-1 .process_counter {
    background: #00c7ce
}

.work-process-2 .process_counter {
    background: #99d20d
}

.work-process-3 .process_counter {
    background: #fac32a
}

.work-process-4 .process_counter {
    background: #f95868
}

.innerProcess .process_counter {
    padding: 26px 18px;
    min-height: 300px;
    text-align: center;
    position: relative
}

.innerProcess {
    color: #fff;
    padding: 0;
    text-align: left;
    position: relative
}

.innerProcess span.card-title {
    font-size: 55px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif
}

.innerProcess h6 {
    font-size: 20px;
    color: #fff;
    margin: 9px 0 16px;
    font-weight: 600;
    padding: 0 37px;
    text-transform: uppercase
}

.work-process-4 .innerProcess:before {
    display: none
}

.innerProcess .process_counter figure.icon {
    margin: 0;
    overflow: hidden;
    min-height: 142px
}

.innerProcess .process_counter figure.icon img {
    width: 37%;
    margin: 13px 0 0
}

.innerProcess article.article {
    color: #758796;
    display: block;
    margin: 32px 0 0
}

.work-process-1 span.card-title {
    color: #00c7ce
}

.work-process-2 span.card-title {
    color: #99d20d
}

.work-process-3 span.card-title {
    color: #fac32a
}

.work-process-4 span.card-title {
    color: #f95868
}

@media (min-width: 992px) {
    #processSection .workProcess {
        padding: 30px
    }
    #processSection .workProcess h3 {
        font-size: 32px
    }
}

@media (max-width: 991px) {
    #processSection .workProcess {
        text-align: center
    }
}

#homeSlider {
    padding: 0;
    height: 700px;
    overflow: hidden
}

.home-silder_bg {
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important
}

#serviceSection ._1bFNM,
.service-graph {
    position: relative
}

.service-graph {
    padding-bottom: 100%
}

.service-graph svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

._3Vl5R,
._1hHTF {
    fill: #2a9dcc
}

._11rEl {
    fill: rgba(142, 203, 228, .8)
}

._3md1U {
    fill: #939393
}

._1ZB_d {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #b4b4b4;
    -webkit-box-shadow: 0 0 0 .1875rem #fff;
    box-shadow: 0 0 0 .1875rem #fff;
    color: #01123a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    height: 1.75rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.75rem
}

.num-1 {
    left: 20%;
    top: 23%
}

.num-2 {
    left: 40%;
    top: 12%
}

.num-3 {
    left: 60%;
    top: 13.5%
}

.num-4 {
    left: 77%;
    top: 25%
}

.num-5 {
    left: 85.5%;
    top: 49.5%
}

.num-6 {
    left: 80%;
    top: 69%
}

.num-7 {
    left: 65%;
    top: 83.5%
}

.num-8 {
    left: 41%;
    top: 87%
}

.num-9 {
    left: 21%;
    top: 77%
}

.yW0Yc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 .375rem 1.875rem rgba(0, 0, 0, .15) inset;
    box-shadow: inset 0 .375rem 1.875rem rgba(0, 0, 0, .15);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 46px;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 58%;
    height: 58%;
    position: absolute;
    top: 49.5%;
    left: 47.5%;
    font-family: 'Montserrat', sans-serif;
    text-align: center
}

.NI6RW,
.YFYMM {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

._2Q0eC {
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.service-icn {
    fill: #3a3a3c;
    height: 4.5rem;
    width: 4.125rem
}

.inner_service_listing .icon p {
    text-align: left;
    margin: 0
}

._326bC {
    color: #000;
    font-size: 12px;
    margin: 0;
    max-width: 7.375rem;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 16px
}

._326bC a {
    color: #000;
    text-decoration: none
}

.service-1 {
    left: -8%;
    top: 7%
}

.service-2 {
    left: 25%;
    top: -7%
}

.service-3 {
    right: 17%;
    top: -6%
}

.service-4 {
    right: -8%;
    top: 12%
}

._1K9LP h3._326bC {
    max-width: 9.375rem
}

.service-5 {
    right: -7%;
    bottom: 45%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.service-6 {
    right: -19%;
    bottom: 10%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    padding-top: 0
}

.service-7 {
    right: 8%;
    bottom: -9%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

._2dw2h h3._326bC {
    max-width: 10.375rem
}

.service-8 {
    left: 38%;
    bottom: -12%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.service-9 {
    left: 8%;
    bottom: 1%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

#serviceSection {
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 30px 0
}

#serviceSection h2 {
    margin: 0
}

#serviceSection div strong {
    font-size: 24px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px
}

#serviceSection p {
    font-size: 18px;
    line-height: 30px;
    color: #747272
}

#serviceSection {
    padding: 25px 0 50px
}

.work-process-4 .process_counter:before {
    display: none
}

@media (min-width: 768px) {
    #serviceSection {
        padding: 25px 0 50px
    }
    #serviceSection .home-service-image {
        margin: 90px 0;
        padding: 0 15%
    }
}

@media (min-width: 992px) {
    #serviceSection {
        padding: 50px 0 75px
    }
    .innerProcess .process_counter:before {
        content: "";
        background: url(images/process-arrow.png) no-repeat;
        position: absolute;
        right: -68px;
        top: 52%;
        width: 103px;
        height: 153px;
        background-size: 106%;
        z-index: 1;
        transform: translateY(-50%)
    }
}

@media (min-width: 1200px) {
    #serviceSection .home-service-image {
        padding: 0 13%
    }
}

@media (min-width: 1400px) {
    #serviceSection {
        padding: 75px 0
    }
    #serviceSection .home-service-image {
        padding: 0
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .service-1 {
        left: -14%;
        top: 5%
    }
    .service-2 {
        left: 22%;
        top: -9%
    }
    .service-3 {
        right: 15%;
        top: -11%
    }
    .service-4 {
        right: -14%;
        top: 8%
    }
    .service-5 {
        right: -7%;
        bottom: 45%
    }
    .service-6 {
        right: -24%;
        bottom: 4%
    }
    .service-7 {
        right: 1%;
        bottom: -12%
    }
    .service-8 {
        left: 38%;
        bottom: -15%
    }
    .service-9 {
        left: 5%;
        bottom: -3%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .service-1 {
        left: -10%;
        top: 4%
    }
    .service-2 {
        left: 25%;
        top: -9%
    }
    .service-3 {
        right: 17%;
        top: -11%
    }
    .service-4 {
        right: -15%;
        top: 7%
    }
    .service-5 {
        right: -9%;
        bottom: 45%
    }
    .service-6 {
        right: -24%;
        bottom: 4%
    }
    .service-7 {
        right: 1%;
        bottom: -13%
    }
    .service-8 {
        left: 38%;
        bottom: -16%
    }
    .service-9 {
        left: 5%;
        bottom: -4%
    }
}

@media (max-width: 991px) {
    .serviceLeftBar {
        text-align: center
    }
    .serviceLeftBar .heading-title-2 {
        margin-left: auto;
        margin-right: auto
    }
    #serviceSection .home-service-image {
        margin-top: 120px;
        padding: 0 20%
    }
}

@media (max-width: 767px) {
    .home-service-image .yW0Yc {
        font-size: 24px
    }
    .home-service-image ._326bC {
        font-size: 10px;
        line-height: 1
    }
    #serviceSection .home-service-image {
        margin-bottom: 50px
    }
    .service-1 {
        left: -20%;
        top: 7%
    }
    .service-2 {
        left: 12%;
        top: -7%
    }
    .service-3 {
        right: 8%;
        top: -10%
    }
    .service-4 {
        right: -24%;
        top: 8%
    }
    .service-5 {
        right: -12%;
        bottom: 45%
    }
    .service-6 {
        right: -35%;
        bottom: 2%
    }
    .service-7 {
        right: -14%;
        bottom: -9%
    }
    .service-8 {
        left: 38%;
        bottom: -17%
    }
    .service-9 {
        left: -2%;
        bottom: 3%
    }
    h2 {
        font-size: 24px
    }
    .hire_listing {
        margin: 0;
        padding: 0 15px
    }
    .hire_listing .item {
        align-items: center;
        padding: 0
    }
    .inner_logos {
        text-align: center;
        margin: 0 0 33px
    }
    #tech_partners {
        padding: 16px 0 26px
    }
    .apps-faq .card-header a {
        font-size: 14px!important
    }
}

@media (max-width: 425px) {
    #serviceSection .home-service-image {
        margin-bottom: 50px
    }
    .service-1 {
        left: -40%;
        top: 3%
    }
    .service-2 {
        left: 2%;
        top: -13%
    }
    .service-3 {
        right: 3%;
        top: -17%
    }
    .service-4 {
        right: -35%;
        top: 5%
    }
    .service-5 {
        right: -18%;
        bottom: 39%
    }
    .service-6 {
        right: -52%;
        bottom: -6%
    }
    .service-7 {
        right: -27%;
        bottom: -26%
    }
    .service-8 {
        left: 34%;
        bottom: -29%
    }
    .service-9 {
        left: -6%;
        bottom: -9%
    }
}

#counter {
    width: 100%;
    padding: 25px 0;
    background: #2a9dcc;
    background: -moz-linear-gradient(left, #2a9dcc 0%, #4481cd 100%);
    background: -webkit-linear-gradient(left, #2a9dcc 0%, #4481cd 100%);
    background: linear-gradient(to right, #2a9dcc 0%, #4481cd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#4481cd', GradientType=1)
}

#counter .counter-item {
    margin: 25px 0;
    text-align: center
}

#counter .counter-item i {
    font-size: 50px!important;
    font-weight: 700;
    display: block;
    color: #fff;
    margin: 0 0 25px
}

#counter .counter-item h4 {
    margin: 0!important;
    letter-spacing: normal!important;
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    display: inline-block
}

#counter .counter-item h5 {
    font-size: 16px;
    font-family: 'Muli', sans-serif!important;
    font-weight: 400;
    text-transform: none;
    color: #fff
}

@media (min-width: 992px) {
    #counter {
        padding: 50px 0
    }
    #counter .counter-item i {
        font-size: 70px!important
    }
    #counter .counter-item h4 {
        font-size: 45px
    }
    #counter .counter-item h5 {
        font-size: 16px
    }
}

#homeTechnologies {
    padding: 25px 0 50px;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

#homeTechnologies .artilce {
    font-size: 24px;
    font-weight: 400;
    color: #000
}

#technologiesList {
    width: 100%;
    list-style: none;
    padding: 25px 0 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center
}

#technologiesList li {
    width: 40%;
    margin: 0 10px 20px
}

#technologiesList li a,
#technologiesList li span {
    text-align: center;
    display: block;
    background: #fff;
    border: 1px solid #e5e5e5!important;
    padding: 20px 0;
    height: 100%;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

#technologiesList li .figure {
    margin: 0
}

#technologiesList li a img,
#technologiesList li span img {
    width: 34px
}

#technologiesList li a:hover,
#technologiesList li span:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    box-shadow: 4px 5px 8px rgba(0, 0, 0, .05)
}

#technologiesList li .title {
    color: #797676;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .4px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 10px 0 0
}

.viewAll {
    width: 100%;
    margin: 36px 0 0
}

#homeTechnologies #pills-tab {
    text-align: center;
    margin: 52px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: center;
    border: none
}

#homeTechnologies #pills-tab li a.active,
#homeTechnologies #pills-tab li a:hover {
    color: #2a9dcc;
    border-bottom: 2px solid #2a9dcc!important
}

#homeTechnologies #pills-tab li a {
    color: #000;
    text-transform: capitalize;
    margin: 0 23px;
    padding: 0 0 16px;
    display: block;
    border-bottom: 2px solid #f9f9f9
}

@media (min-width: 768px) {
    #technologiesList li {
        width: 21%;
        margin: 0 12px 24px
    }
}

@media (min-width: 992px) {
    #technologiesList li a img,
    #technologiesList li span img {
        width: 64px
    }
    .scrolled-up {
        transform: translateY(0);
        transition: all .3s ease-in-out
    }
    .scrolled-down {
        transform: translateY(-100%);
        transition: all .3s ease-in-out
    }
}

@media (min-width: 1200px) {
    #homeTechnologies {
        padding: 50px 0 75px
    }
    #technologiesList li {
        width: 16%;
        margin: 0 12px 24px
    }
    #technologiesList li a,
    #technologiesList li span {
        padding: 30px 0
    }
}

@media (min-width: 1400px) {
    #homeTechnologies {
        padding: 75px 0
    }
}

@media (max-width: 767px) {
    #homeTechnologies .btn {
        font-size: 14px
    }
}

#needHelp {
    color: #fff;
    width: 100%;
    background: #2a9dcc;
    background: -moz-linear-gradient(left, #2a9dcc 0%, #4481cd 100%);
    background: -webkit-linear-gradient(left, #2a9dcc 0%, #4481cd 100%);
    background: linear-gradient(to right, #2a9dcc 0%, #4481cd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#4481cd', GradientType=1)
}

#needHelp .needInner {
    padding: 25px 0 50px
}

#needHelp.join-section .needInner {
    padding: 50px 0
}

#needHelp .needInner h2 {
    color: #fff
}

#needHelp .needInner p {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 1.5
}

#needHelp .needInner h4 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 1.5;
    color: #fff
}

#needHelp .needInner ul {
    margin: 0;
    margin-left: 25px;
    margin-bottom: 35px;
    padding: 0;
    font-size: 24px
}

@media (max-width: 767px) {
    #needHelp .needInner,
    #needHelp.join-section .needInner {
        padding-bottom: 15px;
        padding-top: 50px
    }
    #needHelp .heading-title-2 {
        margin-left: auto;
        margin-right: auto
    }
    #needHelp .needInner p {
        font-size: 16px
    }
    #needHelp .needInner h4 {
        font-size: 18px
    }
    #needHelp .needInner ul {
        font-size: 16px;
        text-align: left
    }
    .helpImg {
        text-align: center
    }
    #blog {
        padding: 50px 0
    }
}

#industries {
    padding: 25px 0 50px
}

#industriesList {
    padding: 0;
    list-style: none;
    margin: 40px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

#industriesList .blocks {
    margin-bottom: 1px;
    padding: 0;
    padding-right: 1px;
    flex-basis: 100%;
    position: relative;
    overflow: hidden
}

#industriesList .blocks a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

#industriesList .blocks figure {
    margin: 0;
    width: 100%;
    background: #000;
    display: block;
    overflow: hidden
}

#industriesList .title {
    position: absolute;
    left: 0;
    right: 1px;
    bottom: 0;
    margin: 0;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 77%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 77%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 77%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#000', GradientType=0)
}

#industriesList img {
    width: 100%;
    opacity: .7;
    -webkit-transition: .4s ease;
    transition: .4s ease
}

#industriesList .blocks:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

@media (min-width: 576px) {
    #industriesList .blocks {
        flex-basis: 50%
    }
}

@media (min-width: 768px) {
    #industriesList .blocks {
        flex-basis: 33.33%
    }
}

@media (min-width: 1200px) {
    #industries {
        padding: 50px 0 75px
    }
    .low-service-main {
        padding: 75px 0 50px
    }
    #industriesList .blocks {
        flex-basis: 25%
    }
    #industriesList .title {
        padding: 40px 20px
    }
}

@media (min-width: 1400px) {
    #industries {
        padding: 75px 0
    }
}

#portfolio {
    padding: 25px 0
}

.owl-portfolio {
    margin: 0;
    padding: 25px 0
}

.owl-portfolio .item {
    position: relative
}

.owl-portfolio .owl-portfolio-thumb {
    display: block
}

.owl-portfolio .owl-item .owl-portfolio-thumb {
    pointer-events: none
}

.owl-portfolio .owl-item.center .owl-portfolio-thumb {
    pointer-events: auto
}

.owl-portfolio .owl-portfolio-thumb img {
    width: 100%
}

.owl-portfolio .owl-portfolio-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 50px;
    padding-right: 200px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 35%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 35%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 35%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#000', GradientType=0);
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.owl-portfolio .owl-portfolio-desc h5 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff
}

.owl-portfolio .owl-portfolio-desc p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    display: none;
    color: #fff
}

.owl-portfolio .owl-portfolio-desc .link {
    position: absolute;
    right: 50px;
    bottom: 50px;
    color: #fff;
    fill: currentColor
}

.owl-portfolio .owl-portfolio-desc .arrow-right {
    width: 20px;
    height: 20px
}

.owl-portfolio .storeUrl {
    background: #000;
    width: 60px;
    height: 60px;
    line-height: 55px;
    position: absolute;
    color: #fff;
    fill: currentColor;
    border-radius: 9px;
    right: 110px;
    bottom: 30px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.owl-portfolio .storeUrl.link-url {
    right: 30px
}

.owl-portfolio .storeUrl+.storeUrl {
    right: 30px
}

.owl-portfolio .storeUrl .store-url,
.owl-portfolio .storeUrl .apple-store,
.owl-portfolio .storeUrl .play-store {
    width: 24px;
    height: 24px
}

.owl-portfolio .storeUrl:hover {
    background: #2a9dcc
}

.owl-portfolio .owl-nav {
    position: absolute;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.owl-theme.owl-portfolio .owl-nav {
    margin: 0 auto
}

.owl-portfolio.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    width: 50px;
    height: 50px;
    background: none!important;
    top: 50%;
    margin: 0;
    margin-top: -25px
}

.owl-portfolio .owl-nav .owl-prev {
    left: 0
}

.owl-portfolio .owl-nav .owl-next {
    right: 0
}

.owl-portfolio .owl-nav svg {
    width: 30px;
    height: 30px;
    opacity: 1
}

.owl-portfolio:hover .owl-nav [class*=owl-]:hover svg {
    opacity: 1
}

@media (min-width: 480px) {
    .owl-portfolio .owl-portfolio-desc h5 {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    #portfolio {
        padding: 30px 0
    }
    .owl-portfolio .item {
        position: relative;
        opacity: .2;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .owl-portfolio .center .item {
        opacity: 1
    }
    .owl-portfolio .owl-portfolio-desc {
        opacity: 0;
        padding-top: 80px
    }
    .owl-portfolio .center .owl-portfolio-desc {
        opacity: 1
    }
    .owl-portfolio .owl-portfolio-desc h5 {
        font-size: 24px;
        line-height: 1.5
    }
    .owl-portfolio .owl-portfolio-desc p {
        display: block;
        font-size: 18px;
        line-height: 1.5
    }
    .owl-portfolio .owl-portfolio-desc .link:hover {
        color: #2a9dcc;
        opacity: 1
    }
    .owl-portfolio .owl-portfolio-desc .arrow-right {
        width: 40px;
        height: 40px
    }
    .owl-portfolio .owl-nav {
        max-width: 60%
    }
}

@media (min-width: 1200px) {
    #portfolio {
        padding: 50px 0 75px
    }
}

@media (min-width: 1400px) {
    #portfolio {
        padding: 75px 0
    }
}

@media (max-width: 479px) {
    .owl-portfolio .owl-portfolio-desc {
        padding: 10px 50px;
        padding-right: 120px
    }
    .owl-portfolio .storeUrl {
        width: 40px;
        height: 40px;
        line-height: 35px;
        margin-left: -40px;
        right: 72px
    }
    .owl-portfolio .storeUrl .apple-store,
    .owl-portfolio .storeUrl .play-store {
        width: 15px;
        height: 24px
    }
    .owl-portfolio .owl-portfolio-desc .link {
        bottom: 20px
    }
    .owl-portfolio .owl-nav svg {
        fill: #fff
    }
}

#blog {
    padding: 30px 0 50px
}

#blog-slider .item {
    height: 100%
}

.owl-blog-desc {
    margin: 0;
    height: 100%;
    border-bottom: none;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0;
    transition: -webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0;
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0;
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0
}

.owl-blog-desc .b-thumb {
    margin: 0
}

.owl-blog-desc .b-title {
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3
}

.owl-blog-desc .b-title a {
    color: #000
}

.owl-blog-desc .b-desc {
    padding: 20px;
    padding-bottom: 30px
}

.owl-blog-desc p {
    margin: 0;
    margin-bottom: 15px;
    padding: 0
}

.owl-blog-desc .b-category {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3
}

.owl-blog-desc .b-category span {
    background: #f5f5f5;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: top
}

.owl-blog-desc .link {
    position: absolute;
    right: 20px;
    bottom: 30px;
    font-size: 15px;
    padding: 10px 15px;
    background: #2a9dcc;
    color: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out
}

.owl-blog-desc .link:hover {
    background: #000
}

.owl-blog-desc .arrow-right {
    vertical-align: middle;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    fill: currentColor
}

#blog .section-link {
    margin-top: 25px
}

#blog {
    z-index: 1;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(0);
    transform: perspective(0)
}

#blog-slider .owl-stage-outer {
    margin-left: 0;
    padding: 1rem 0;
    width: 100rem;
    overflow: inherit;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

#blog-slider .owl-stage {
    display: flex;
    align-items: stretch
}

#blog-slider.owl-theme .owl-dots .owl-dot span {
    background: #dff1f6
}

#blog-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #5fb9d4
}

#upgrade {
    margin-bottom: 0;
    background: url(images/roadmap-bg.png) no-repeat center center #f5f5f5
}

#blockchain_main #upgrade {
    background: #fff!important
}

#blockchain_main #homeTechnologies {
    background: #f5f5f5!important
}

#blok_expertise {
    padding: 50px 0 100px
}

#blok_expertise .solution-item {
    opacity: 1
}

#blok_expertise .solution-item ul {
    padding: 0 0 0 17px
}

#blockchain_main #overview {
    background: #f5f5f5;
    padding: 50px 0
}

@media (min-width: 1200px) {
    #blog {
        padding: 50px 0 75px
    }
    .owl-blog-desc .b-title {
        font-size: 20px
    }
}

@media (min-width: 1600px) {
    .owl-blog-desc .b-title {
        font-size: 20px
    }
}

@media (max-width: 991px) {
    #blog .heading-title-1 {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    #blog .owl-dots {
        display: block
    }
    #blog .section-link {
        text-align: center
    }
}

#scrollUp {
    display: block;
    width: 50px;
    height: 50px;
    font-weight: 600;
    line-height: 47px;
    text-align: center;
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: rgba(13, 11, 61, .3);
    color: #fff;
    font-size: 20px;
    z-index: 999!important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#scrollUp i.fa {
    font-size: 21px !important;
}

#scrollUp:hover {
    background: #2a9dcc;
    color: #000
}

@media (min-width: 1760px) {
    #scrollUp {
        background: #2a9dcc;
        color: #fff
    }
}

#service_question .block_listing {
    background: #fff;
    border: 1px solid #ccc
}

.footer-top {
    padding: 25px 0;
    background: url(images/footer-topbg.png) left 80px no-repeat
}

.f-client {
    padding: 0 0 25px
}

.f-client h5 {
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    color: #000
}

.f-client-item {
    padding: 15px
}

#client_Review .row {
    align-items: center;
    margin: 0
}

#client-slider {
    align-items: center;
    background: #fff;
    padding: 54px;
    border-radius: 6px;
    box-shadow: 0 0 13px #efecec
}

#client-slider .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    margin: 0;
    display: none
}

#client-slider .owl-nav button.owl-prev {
    position: absolute;
    left: -56px;
    margin: 0;
    background: #2a9dcc;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 26px 32px!important
}

#client-slider .owl-nav button.owl-next {
    position: absolute;
    right: -50px;
    margin: 0;
    background: #2a9dcc;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 26px 32px!important
}

.client-quote {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    color: #000;
    position: relative;
    padding: 68px 70px 30px
}

.client_qout {
    padding: 0 58px 0 7%
}

.client-quote:before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 129px;
    font-weight: 700;
    color: #dcdcdc;
    position: absolute;
    left: 0;
    top: 0
}

.client-quote:after {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 129px;
    font-weight: 700;
    color: #dcdcdc;
    position: absolute;
    right: 11px;
    bottom: 0;
    transform: rotate(180deg)
}

.client-author {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0 70px
}

.client-author strong {
    color: #2a9dcc;
    font-size: 35px;
    font-weight: 700;
    display: block;
    margin: 0 0 7px
}

#service_menu ul.socialmedia li a {
    height: 40px;
    width: 40px!important;
    display: inline-block!important;
    font-size: 22px!important;
    color: #fff!important;
    background: none!important;
    padding: 5px 12px!important
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li #service_menu ul.socialmedia li a:hover {
    color: #fff!important
}

#service_menu ul.socialmedia li {
    display: inline-block!important;
    width: auto!important;
    margin: 0 4px;
    border: 2px solid #fff;
    border-radius: 50%
}

#service_menu ul.socialmedia {
    padding: 0!important;
    text-align: center;
    margin: 34px 0 26px!important
}

#service_menu ul.socialmedia li a i {
    font-size: 22px!important;
    margin: 5px 0 0
}

#service_menu ul.socialmedia li a:before {
    display: none
}

.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(3) ul li {
    margin: 6px 0 13px!important;
    background: #fff;
    padding: 8px 9px
}

.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(2) ul {
    margin: 6px 0 0!important
}

.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(2) ul li .custom-html-widget ul li {
    margin: 6px 0 13px!important;
    background: #fff;
    padding: 8px 9px
}

.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(2) ul li .custom-html-widget ul li a:before {
    display: none
}

.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(3) ul {
    margin: 10px 0 0!important
}

.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(2) ul li a,
.wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(3) ul li a {
    padding-left: 38px!important;
    padding-top: 8px!important
}

.f-client-item img {
    margin: 0 auto;
    width: 150px!important;
    height: 150px!important;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.f-client .owl-dots {
    display: block
}

.f-client .owl-theme .owl-dots .owl-dot span {
    margin: 5px;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #81c8dd
}

.f-client .owl-theme .owl-dots .owl-dot:hover span,
.f-client .owl-theme .owl-dots .owl-dot.active span {
    background: #81c8dd
}

.f-client-sites {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.f-client-sites a {
    margin: 15px
}

.f-form {
    margin: 0;
    padding: 15px 25px 25px;
    background: #81c8dd;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.f-form h5 {
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    text-align: center
}

.f-form p {
    margin: 0;
    padding: 0;
    font-weight: 16px;
    color: #fff
}

.f-form .form-control {
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
    height: auto;
    background: none;
    color: #fff;
    border: none;
    border-bottom: 2px solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.f-form .form-control::placeholder {
    color: #fff;
    opacity: 1
}

.f-form .form-control:-ms-input-placeholder {
    color: #fff
}

.f-form .form-control::-ms-input-placeholder {
    color: #fff
}

.f-form textarea.form-control {
    height: 150px;
    resize: none
}

.f-form .custom-file {
    height: 60px
}

.f-form .custom-file-input {
    height: 60px
}

.f-form .custom-file-label {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: none;
    border: 2px dashed #fff;
    height: 60px
}

.f-form .custom-file-label::after {
    display: none
}

.f-form .form-control.fname {
    background: url(images/f-name.svg) 10px center no-repeat
}

.f-form .form-control.fcname {
    background: url(images/f-company.svg) 10px center no-repeat
}

.f-form .form-control.fphone {
    background: url(images/f-phone.svg) 10px center no-repeat
}

.f-form .form-control.femail {
    background: url(images/f-email.svg) 10px center no-repeat
}

.f-form .form-control.fmessage {
    background: url(images/f-message.svg) 10px 20px no-repeat
}

.f-form .custom-file-label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/f-file.svg) left center no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    margin: 0 10px
}

.f-form .form-control.fname,
.f-form .form-control.fcname,
.f-form .form-control.fphone,
.f-form .form-control.femail,
.f-form .form-control.fmessage {
    padding-left: 45px;
    background-size: 18px
}

.footer-middle {
    padding: 25px 0 0;
    background: #0d367e;
    color: #fff;
    position: relative
}

.scrollTop {
    background: #83c9de;
    border: 3px solid #fff;
    width: 74px;
    height: 74px;
    line-height: 62px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -37px;
    margin-left: -37px;
    display: none;
    transform: rotate(45deg);
    text-align: center
}

.scrollTop:hover,
.scrollTop:focus {
    border: 3px solid #fff!important
}

.scrollTop svg {
    width: 25px;
    height: 25px;
    color: #fff;
    fill: currentColor;
    transform: rotate(-135deg)
}

@media (min-width: 1200px) {
    .scrollTop {
        display: block
    }
}

.footer-blocks {
    margin: 0;
    margin-bottom: 1px;
    padding: 0
}

.footer-blocks .footer-btitle {
    margin: 0;
    padding: 15px 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff
}

.footer-blocks .footer-bcontent ul,
.footer-blocks .footer-bcontent li {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-blocks .footer-bcontent li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    display: block;
    padding: 10px 0;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.footer-blocks .footer-bcontent li a:hover,
.footer-blocks .footer-bcontent li a:focus {
    background: none;
    text-decoration: underline!important
}

.f-contact-info,
.f-career-info,
.f-social-info {
    margin: 0;
    padding: 25px 0;
    padding-left: 100px
}

.f-contact-info h5,
.f-career-info h5,
.f-social-info h5 {
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff
}

.f-contact-info {
    background: url(images/f-contact.svg) left 25px no-repeat;
    background-size: 70px
}

.f-career-info {
    background: url(images/f-career.svg) left 40px no-repeat;
    background-size: 70px
}

.f-career-info a {
    display: block;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.f-career-info a:hover {
    text-decoration: underline!important
}

.f-social-info {
    background: url(images/f-social.svg) left 45px no-repeat;
    background-size: 70px
}

.f-info-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 35px
}

.f-info-desc p {
    margin: 0;
    margin-bottom: 5px;
    padding: 0
}

.f-info-desc a {
    color: #fff
}

.f-social-info ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.f-social-info li {
    margin-top: 0;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.f-social-info li a {
    display: block;
    background: #83c9de;
    border-radius: 4px;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.f-social-info li a.facebook {
    background: #395794
}

.f-social-info li a.twitter {
    background: #fff;
}

.f-social-info li a.linkedin {
    background: #137fb5
}

.f-social-info li a.pinterest {
    background: #b8081a
}

.f-social-info li a.youtube {
    background: #cf383c
}

.f-social-info svg {
    width: 25px;
    height: 25px
}

.site-footer {
    margin-top: 25px;
    padding: 15px 0;
    background: rgba(11, 16, 58, .35)
}

.site-footer a {
    color: #fff
}

.site-footer a:hover {
    text-decoration: underline!important
}

.f-site-info {
    margin: 20px 0 5px;
    font-size: 14px;
    text-align: center
}

.f-site-links {
    margin: 5px 0 20px;
    text-align: center;
    font-size: 14px
}

.f-site-links a {
    display: inline-block;
    margin: 0 15px
}

div.wpcf7-response-output {
    margin-top: 1em;
    margin-bottom: 1em
}

.clutch_logo a.nav-link {
    background: url(images/clutch-review.png) no-repeat!important;
    font-size: 0!important;
    height: 122px;
    margin: 20px 0 0
}

li.google_review a {
    background: url(images/google-review.png) no-repeat!important;
    height: 122px;
    margin: 25px 0 0;
    font-size: 0!important
}

.footer-bcontent .footer_connect {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 1px 14px;
    margin: 26px 26px 0 0;
    border-radius: 13px
}

.footer-address .footer_block:nth-child(3) {
    padding-bottom: 0
}

.footer-bcontent .footer_connect p {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 16px
}

.footer-bcontent .footer_connect a {
    color: #000
}

#footerlogo ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    padding-left: 15px;
}

#footerlogo ul li {
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px;
}

#footerlogo ul li.google_review a,
#footerlogo ul li a {
    margin: 9px 0 0;
}

#footerlogo ul li+li {
    margin-left: 10px;
}

#footerlogo .clutch_logo a {
    background-size: 120px !important;
}

#footerlogo .google_review a {
    background-size: 140px !important;
}

@media (min-width: 768px) {
    .footer-top {
        padding: 25px 0 50px
    }
    .f-form h5 {
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 24px
    }
    .footer-blocks {
        margin-bottom: 25px
    }
    #footerlogo {
        display: none;
    }
}

@media (min-width: 992px) {
    .footer-middle {
        padding-top: 80px
    }
    .f-contact-info,
    .f-career-info,
    .f-social-info {
        padding: 50px 0;
        padding-left: 100px
    }
    .f-client {
        padding-left: 50px;
        padding-right: 50px
    }
    .f-client-item {
        padding: 15px 0
    }
    .f-form {
        padding: 50px
    }
    .site-footer {
        margin-top: 0
    }
    .footer-blocks .footer-bcontent li a:hover {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    .f-site-info {
        margin-bottom: 20px;
        text-align: left
    }
    .f-social-info li a:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    .f-site-links {
        margin-top: 20px;
        text-align: right
    }
    .f-career-info a:hover {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@media (min-width: 1200px) {
    .footer-top {
        padding: 50px 0 75px
    }
    .f-client h5 {
        font-size: 24px
    }
    .f-social-info li {
        width: 65px;
        height: 65px;
        line-height: 65px;
        margin-right: 15px
    }
    .f-social-info svg {
        width: 28px;
        height: 28px
    }
}

@media (min-width: 1400px) {
    .footer-top {
        padding: 100px 0
    }
    .f-client h5 {
        font-size: 35px
    }
    .f-social-info li {
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-right: 25px
    }
    .f-social-info svg {
        width: 24px;
        height: 24px
    }
}

@media (min-width: 1600px) {
    .footer-top {
        padding: 150px 0
    }
}

@media (min-width: 1921px) {
    .f-client h5 {
        font-size: 45px
    }
    .f-social-info li {
        width: 100px;
        height: 100px;
        line-height: 100px
    }
    .f-social-info svg {
        width: 35px;
        height: 35px
    }
}

@media (max-width: 767px) {
    .clutch_logo a.nav-link {
        margin: 9px 0 0
    }
    .footer-links .footer-blocks .footer-bcontent li.google_review a {
        margin-top: 15px
    }
    .footer-top .form-group {
        margin-bottom: 0
    }
    .footer-top .form-group div[class^="col"] {
        margin-bottom: 1rem
    }
    .footer-top .form-group:nth-last-child(2) div[class^="col"] {
        margin-bottom: 0
    }
    .footer-top .f-form .custom-file {
        height: auto;
        display: block;
        margin-bottom: 1rem
    }
    .footer-top .f-form .custom-file-label {
        height: auto;
        display: block;
        position: relative
    }
    .footer-top .custom-file .wpcf7-form-control-wrap {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%
    }
    .footer-middle {
        padding-top: 0;
        border-top: 3px solid #3d4051
    }
    #footer-widget div[class^="col"] {
        padding-left: 0;
        padding-right: 0
    }
    .footer-blocks {
        border-bottom: 1px solid #3d405d;
        text-align: center
    }
    .footer-blocks .footer-btitle {
        padding: 20px;
        position: relative;
        font-size: 16px;
        font-weight: 600;
        text-align: left
    }
    .footer-blocks .footer-btitle:after,
    .footer-blocks .footer-btitle:before {
        content: '';
        background: #fff;
        width: 2px;
        height: 16px;
        display: block;
        position: absolute;
        right: 20px;
        top: 22px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .footer-blocks .footer-btitle:after {
        transform: rotate(90deg)
    }
    .footer-blocks .footer-btitle.active:before,
    .footer-blocks .footer-btitle.active:after {
        transform: rotate(270deg)
    }
    .footer-blocks .footer-bcontent {
        display: none
    }
    .footer-blocks .footer-bcontent div[class^="menu-footer"] {
        padding: 0 20px 20px;
        text-align: left
    }
    .f-contact-info,
    .f-career-info,
    .f-social-info {
        padding: 15px 0;
        padding-left: 65px;
        background-size: 35px
    }
    .f-contact-info {
        background-position: 10px 8px
    }
    .f-career-info {
        background-position: 10px 18px
    }
    .f-social-info {
        background-position: 10px 18px
    }
    .f-contact-info h5,
    .f-career-info h5,
    .f-social-info h5 {
        font-size: 16px;
        padding-bottom: 10px
    }
    .f-info-desc {
        font-size: 15px;
        line-height: 1.5
    }
    .f-social-info li {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right: 5px
    }
    .f-social-info svg {
        width: 20px;
        height: 20px
    }
    .site-footer {
        margin-top: 20px;
        padding: 0
    }
    .f-site-info,
    .f-site-links {
        font-size: 13px
    }
    .f-site-links a {
        margin: 0 10px
    }
}

.breadcrumb {
    background: none;
    color: #fff;
    font-size: 15px!important;
    display: block
}

.breadcrumb a,
.breadcrumb strong {
    font-weight: 400;
    padding-left: 10px;
    padding-right: 40px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.breadcrumb a:after {
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px
}

.breadcrumb>:last-child {
    padding-right: 10px
}

.breadcrumb img {
    width: 19px
}

@media (min-width: 992px) {
    .breadcrumb {
        font-size: 18px!important
    }
}

.tm-heading {
    background: #000;
    height: 220px;
    position: relative;
    overflow: hidden
}

.tm-heading .overlay {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tm-heading h1 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 24px;
    color: #fff
}

.tm-heading .sub-heading {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    font-size: 16px;
    color: #fff
}

.tm-heading p,
.tm-heading .description {
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff
}

.tm-heading .simpleParallax {
    opacity: .3;
    transform: translate3d(0px, 25%, 0px) scale(2)
}

.tm-heading .actions {
    margin-top: 10px
}

.tm-heading .btn {
    padding: 15px 30px;
    font-size: 14px
}

@media (min-width: 768px) {
    .tm-heading {
        height: 300px
    }
    .tm-heading h1 {
        padding-top: 15px;
        font-size: 30px
    }
    .tm-heading .sub-heading {
        margin-bottom: 15px;
        font-size: 24px
    }
    .tm-heading .description {
        font-size: 20px;
        margin: 0 auto;
        margin-bottom: 15px
    }
    .tm-heading p {
        font-size: 17px;
        margin-bottom: 15px
    }
    .tm-heading .simpleParallax {
        transform: scale(1)
    }
}

@media (min-width: 992px) {
    .tm-heading {
        height: 400px
    }
    section.tm-heading.gradient_bg {
        height: 330px;
    }
    .tm-heading h1 {
        margin-top: 25px;
        margin-bottom: 15px;
        font-size: 40px
    }
    .tm-heading .sub-heading {
        font-size: 30px
    }
    .tm-heading .description {
        font-size: 24px
    }
    .tm-heading .actions {
        margin-top: 16px
    }
    .tm-heading .btn {
        padding: 20px 30px;
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .tm-heading {
        height: 400px
    }
    .tm-heading h1 {
        font-size: 40px
    }
    section.tm-heading.gradient_bg {
        height: 330px;
    }
}

@media (min-width: 1400px) {
    .tm-heading {
        height: 500px
    }
    section.tm-heading.gradient_bg {
        height: 330px
    }
}

@media (min-width: 1921px) {
    .tm-heading h1 {
        font-size: 60px
    }
}

.content-sec-1 {
    background: #fff
}

.content-sec-1 h3 {
    font-size: 35px;
    text-transform: uppercase;
    color: #212121
}

.content-sec-1 p {
    font-size: 20px;
    line-height: 1.5;
    color: #252525
}

.content-sec-2 {
    background: #fff;
    position: relative;
    overflow: hidden
}

.content-sec-2 .simpleParallax {
    position: absolute;
    z-index: 1
}

.content-sec-2 .container {
    position: relative;
    z-index: 2
}

@media (min-width: 768px) {
    .mphone {
        pointer-events: none
    }
}

@media (max-width: 767px) {
    .content-sec-1 h3 {
        font-size: 22px
    }
    .content-sec-1 p {
        font-size: 15px
    }
    #menu-footer-menu-4 .clutch_logo {
        display: none;
    }
    #menu-footer-menu-4 .google_review {
        display: none;
    }
}

.section-head {
    text-align: center;
    padding-bottom: 30px
}

.section-head.pad0 {
    padding-bottom: 0
}

.section-head .title {
    font-size: 25px;
    font-weight: 600;
    color: #000
}

.section-head .description {
    font-size: 18px;
    color: #212121
}

.section-head.text-white .title,
.section-head.text-white .description {
    color: #fff
}

#aboutFtx {
    padding: 30px 0
}

.about-sec-1 {
    background: url(images/about-bg-1.jpg) center bottom no-repeat
}

.about-sec-1 h2 {
    font-size: 28px
}

.about-sec-1 .subtitle {
    font-size: 18px;
    margin-bottom: 25px
}

.about-sec-1 h3 {
    font-size: 22px;
    text-transform: uppercase;
    color: #212121
}

.about-sec-1 p {
    font-size: 16px;
    line-height: 1.5;
    color: #252525
}

.about-sec-img {
    position: relative;
    padding-bottom: 75px
}

.about-sec-img .tilt {
    position: relative;
    z-index: 2
}

.about-sec-img .tilt2 {
    position: absolute;
    z-index: 1;
    left: -75px;
    bottom: -0
}

.about-sec-2 {
    display: flex;
    flex-direction: row
}

.about-sec-2 .left-sec,
.about-sec-2 .right-sec {
    width: 50%;
    flex-basis: 50%
}

.about-sec-2 .right-sec {
    background: #fff;
    border: 22px solid #efedeb;
    padding: 60px
}

.about-sec-2 .title {
    font-size: 35px
}

.animateBar .bar-list {
    background: #ececec;
    margin: 20px 0 70px;
    display: block;
    position: relative
}

.animateBar .bar-list:last-child {
    margin-bottom: 0
}

.animateBar .label {
    position: absolute;
    left: 0;
    top: -25px;
    width: 200px;
    background: #fff;
    color: #252525;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    z-index: 2
}

.animateBar .bar {
    background: #2a9dcc;
    width: 0;
    margin: .25em 0;
    height: 8px;
    position: relative;
    -webkit-transition: width 2s, background .2s;
    transition: width 2s, background .2s;
    -webkit-transform: translate3d(0, 0, 0);
    clear: both
}

.animateBar .bar .count {
    position: absolute;
    right: 0;
    top: -25px;
    color: #2a9dcc;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    z-index: 1
}

.skilsImg {
    min-height: 500px
}

.progressBar {
    background: #efedeb;
    padding: 17px 22px
}

.inner-progress {
    background: #fff;
    padding: 20px;
    height: 100%
}

.inner-progress h3 {
    line-height: 1.2
}

.inner-progress .wpsm_progress {
    margin-bottom: 20px
}

.inner-progress .wpsm_progress-bar.wow {
    height: 9px!important
}

.about-sec-3 {
    background: #4481cd;
    background: linear-gradient(114deg, rgba(68, 129, 205, 1) 0%, rgba(55, 143, 205, 1) 35%, rgba(42, 157, 204, 1) 100%);
    position: relative;
    overflow: hidden
}

.about-sec-3 .simpleParallax {
    position: absolute;
    z-index: 1
}

.about-sec-3 .container {
    padding-top: 25px;
    padding-bottom: 25px
}

.about-sec-3 .section-head,
.about-core-values {
    position: relative;
    z-index: 2
}

.about-sec-3 .section-head {
    padding-bottom: 0
}

.about-core-values ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.about-core-values ul li {
    width: 100%;
    flex-basis: 100%;
    padding: 25px;
    background: #054864;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.about-core-values ul li:nth-child(2n) {
    background: #023043
}

.about-core-values ul li h5 {
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: currentColor
}

.about-core-values ul li p {
    margin: 0;
    font-size: 16px;
    line-height: 1.3
}

.about-core-values ul li:hover {
    background: #fff;
    color: #054864;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    -webkit-transform: scale(1.1);
    transform: scale(1.03);
    z-index: 2
}

@media (min-width: 768px) {
    .about-core-values ul li {
        width: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .about-core-values ul li:nth-child(4n+2),
    .about-core-values ul li:nth-child(4n+3) {
        background: #023043
    }
    .about-core-values ul li:nth-child(4n+1),
    .about-core-values ul li:nth-child(4n+4) {
        background: #054864
    }
}

@media (min-width: 1200px) {
    .about-sec-1 h2 {
        font-size: 28px
    }
    .about-sec-1 .subtitle {
        font-size: 20px
    }
    .about-sec-1 h3 {
        font-size: 25px
    }
    .about-sec-1 p {
        font-size: 18px
    }
    .about-sec-3 .container {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .about-core-values ul li {
        width: 33.33%;
        flex-basis: 33.33%;
        padding: 50px 25px
    }
    .about-core-values ul li p {
        line-height: 1.5
    }
    .section-head .title {
        font-size: 30px
    }
    .section-head .description {
        font-size: 20px
    }
}

@media (min-width: 1400px) {
    #aboutFtx {
        padding: 60px 0
    }
    .about-sec-1 h2 {
        font-size: 35px
    }
    .about-sec-1 .subtitle {
        font-size: 24px;
        margin-bottom: 54px
    }
    .about-sec-1 h3 {
        font-size: 30px
    }
    .about-sec-1 p {
        font-size: 20px
    }
    .inner-progress {
        padding: 20px
    }
    .inner-progress .wpsm_progress {
        margin-bottom: 30px
    }
    .about-sec-3 .container {
        padding-top: 60px;
        padding-bottom: 75px
    }
    .about-core-values ul li p {
        font-size: 18px
    }
    .section-head .title {
        font-size: 35px
    }
}

@media (min-width: 1600px) {
    .inner-progress {
        padding: 42px 20px
    }
    .inner-progress .wpsm_progress {
        margin-bottom: 45px
    }
}

@media (min-width: 1921px) {
    .about-sec-1 h2 {
        font-size: 45px
    }
    .section-head .title {
        font-size: 45px
    }
    .section-head .description {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .section-head .title {
        font-size: 25px
    }
    .section-head .description {
        font-size: 20px
    }
    .about-sec-img {
        margin-top: 25px;
        padding-left: 80px;
        padding-bottom: 120px
    }
    .about-sec-img .tilt {
        width: 100%
    }
    .about-sec-img .tilt2 {
        left: 0
    }
    .about-sec-2 {
        flex-direction: column
    }
    .about-sec-2 .left-sec,
    .about-sec-2 .right-sec {
        width: 100%;
        flex-basis: 50%;
        min-height: 250px
    }
    .about-sec-2 .right-sec {
        padding: 15px
    }
    .about-core-values ul {
        flex-direction: column
    }
    .about-core-values ul li {
        width: 100%;
        flex-basis: 100%
    }
    .inner-progress h3 {
        font-size: 22px
    }
    .inner-progress .sub-heading {
        font-size: 18px;
        margin-bottom: 20px
    }
    .inner-progress .wpsm_progress_b_row div[class^="col"] {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.form-field,
.form-actions {
    margin: 0;
    margin-bottom: 25px;
    padding: 0
}

.form-field .form-control {
    background: #fff;
    border: 1px solid #c3c5c5;
    color: #252525;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    height: 58px;
    line-height: 58px;
    outline: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.form-field textarea.form-control {
    height: 220px;
    line-height: 20px;
    padding: 20px;
    resize: none
}

.form-field .form-control:focus {
    border: 1px solid rgba(42, 157, 204, 1)
}

.contact-sec-1 {
    margin: 0;
    padding: 25px 0
}

.contact-sec-1 .description {
    font-size: 18px;
    margin-bottom: 15px
}

.contact-sec-1 p {
    font-size: 16px;
    line-height: 1.4
}

.contact-sec-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.contact-sec-2 .left-sec,
.contact-sec-2 .right-sec {
    width: 100%;
    flex-basis: 100%;
    min-height: 350px
}

.contact-sec-2 .right-sec {
    background: #fff;
    padding: 0;
    height: 100%
}

.contact-sec-2 .left-sec {
    position: relative;
    overflow: hidden
}

.contact-sec-2 .simpleParallax {
    position: absolute;
    z-index: 1;
    overflow: initial!important
}

.contact-details ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none
}

.contact-details ul li {
    background: #121212;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
    flex-basis: 100%;
    padding: 25px
}

.contact-details ul li:nth-child(2n) {
    background: #363535
}

.contact-details ul li h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    color: currentColor
}

.contact-details ul li a {
    color: #fff;
    text-decoration: none
}

.contact-sec-3 .contact-inner-3 {
    padding: 25px 0
}

.contact-sec-3 .description {
    margin-bottom: 0
}

.white-bg#blockchanin_services {
    background: #fff
}

@media (min-width: 768px) {
    .contact-details ul li {
        width: 50%;
        flex-basis: 50%
    }
    .contact-details ul li:nth-child(2n),
    .contact-details ul li:nth-child(3n) {
        background: #363535
    }
    .contact-details ul li:nth-child(4n) {
        background: #121212
    }
}

@media (min-width: 992px) {
    .contact-sec-1 {
        padding: 50px 0
    }
    .contact-sec-1 .description {
        font-size: 24px;
        margin-bottom: 25px
    }
    .contact-sec-1 p {
        font-size: 20px
    }
    .contact-sec-2 .left-sec {
        min-height: 750px
    }
    .contact-sec-3 .contact-inner-3 {
        padding: 50px 0
    }
}

@media (min-width: 1200px) {
    .contact-sec-2 .left-sec {
        min-height: 500px
    }
    .contact-sec-2 .left-sec,
    .contact-sec-2 .right-sec {
        width: 50%;
        flex-basis: 50%
    }
    .contact-details ul li {
        width: 50%;
        flex-basis: 50%;
        padding: 50px 15px
    }
}

@media (max-width: 767px) {
    .contact-sec-2 {
        flex-direction: column
    }
    .contact-sec-2 .left-sec,
    .contact-sec-2 .right-sec {
        width: 100%;
        flex-basis: 50%
    }
    .contact-details ul {
        flex-direction: column
    }
    .contact-sec-3 {
        background: #fdfdfd!important
    }
}

.process-step-sec {
    padding: 30px 0
}

.process-step {
    margin: 0;
    padding: 0;
    list-style: none
}

.process-step li {
    margin: 50px 0;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    list-style: none;
    position: relative
}

.process-step li:after {
    content: '';
    width: 34px;
    height: 136px;
    background: url(images/process-step.jpg) left top no-repeat;
    position: absolute;
    left: 60%;
    bottom: -90px
}

.process-step li:nth-child(2n):after {
    background: url(images/process-step.jpg) right top no-repeat;
    left: 37%
}

.process-step li:nth-child(4n):after {
    content: none
}

.process-step li .title {
    padding: 0 15px;
    font-size: 224px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #33ba04;
    position: relative;
    width: 33.33%
}

.process-step li .title strong {
    font-size: 35px;
    line-height: 1.2;
    color: #000;
    position: absolute;
    left: 48%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.process-step li .thumb {
    padding: 0 15px;
    width: 33.33%;
    text-align: center
}

.process-step li .thumb img {
    border: 10px solid #f0efef;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.process-step li .text {
    padding: 0 15px;
    font-size: 24px;
    width: 33.33%
}

.process-step li:nth-child(2n) {
    flex-direction: row-reverse
}

.process-step li:nth-child(2n) .title {
    text-align: right;
    color: #2a9dcc
}

.process-step li:nth-child(2n) .title strong {
    left: auto;
    right: 48%
}

.process-step li:nth-child(2n) .text {
    text-align: right
}

@media (min-width: 1200px) {
    .process-step-sec {
        padding: 60px 0
    }
}

@media (max-width: 1199px) {
    .process-step li {
        flex-wrap: wrap;
        padding: 0 20px
    }
    .process-step li:after {
        left: auto;
        right: 0
    }
    .process-step li:nth-child(2n):after {
        left: 0
    }
    .process-step li .title {
        width: 50%
    }
    .process-step li .thumb {
        width: 50%
    }
    .process-step li .text {
        width: 100%;
        padding: 0 30px;
        text-align: center
    }
    .process-step li:nth-child(2n) .text {
        text-align: center
    }
    .site-header .header {
        padding: 10px 0 !important;
    }
}

@media (max-width: 767px) {
    .process-step li {
        margin: 20px 0;
        flex-wrap: wrap;
        text-align: center
    }
    .process-step li .title {
        width: 50%;
        font-size: 200px;
        line-height: 1
    }
    .process-step li .title strong,
    .process-step li:nth-child(2n) .title strong {
        left: 50%;
        right: auto;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translateY(-50%, -50%, 0)
    }
    .process-step li .text,
    .process-step li:nth-child(2n) .text {
        text-align: center;
        font-size: 20px;
        padding-top: 15px
    }
    .process-step li:nth-child(2n) .title {
        text-align: center
    }
}

@media (max-width: 575px) {
    .process-step li .title,
    .process-step li .thumb,
    .process-step li .text {
        width: 100%
    }
}

.template-portfolio {
    padding: 60px 0
}

.portfolio-links {
    margin: 25px 0;
    padding: 0
}

.portfolio-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.portfolio-links ul li {
    padding: 0 5px
}

.portfolio-links ul li a {
    display: block;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #212121;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.portfolio-links ul li a:hover,
.portfolio-links ul li a.active {
    background: #2a9dcc;
    color: #fff
}

.portfolio-items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.portfolio-items .item {
    flex-basis: 33.33%;
    width: 33.33%;
    display: none;
    opacity: 0;
    padding: 15px;
    position: relative
}

.portfolio-items .item.show {
    display: list-item;
    opacity: 1
}

.portfolio-items .link {
    width: 53px;
    height: 53px;
    line-height: 48px;
    text-align: center;
    display: block;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    bottom: 30px
}

.portfolio-items .storeUrls {
    position: relative;
    max-height: 60px;
    margin: 0 auto 25px
}

.portfolio-items .storeUrl {
    display: inline-block;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 48px;
    color: #000;
    fill: currentColor;
    border-radius: 9px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.portfolio-items .storeUrl+.storeUrl {
    margin-left: 5px
}

.portfolio-items .storeUrl .apple-store,
.portfolio-items .storeUrl .play-store {
    width: 20px;
    height: 20px
}

.portfolio-items .storeUrl:hover {
    background: #2a9dcc;
    color: #fff
}

.template-portfolio .portfolio-items .storeUrl {
    position: absolute;
    left: 30px;
    bottom: 30px
}

.template-portfolio .portfolio-items .storeUrl+.storeUrl {
    left: 90px
}

.portfolio-items .plus-line {
    width: 37px;
    height: 37px
}

.portfolio-items .store-url {
    width: 20px;
    height: 20px
}

.portfolio-items .portfolio-desc {
    padding: 30px;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    visibility: hidden
}

.portfolio-items .item:hover .portfolio-desc {
    opacity: 1;
    visibility: visible
}

.portfolio-desc h5,
.portfolio-desc p {
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.portfolio-desc h5 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500
}

.portfolio-desc p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 991px) {
    .portfolio-items .item {
        width: 50%;
        flex-basis: 50%
    }
}

@media (max-width: 767px) {
    .template-portfolio {
        padding: 30px 0
    }
    .portfolio-links {
        margin: 0
    }
    .portfolio-links ul {
        background: #e9e9e9;
        padding: 15px;
        -webkit-border-radius: 25px;
        border-radius: 25px
    }
    .portfolio-links ul li {
        width: 100%;
        margin: 5px 0
    }
    .portfolio-items .item {
        width: 100%;
        flex-basis: 100%
    }
}

.blog-listing {
    padding: 25px 0 0
}

.alm-masonry {
    padding: 25px 0
}

ul.alm-listing li {
    padding: 0;
    background: #fff;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

ul.alm-listing li:hover,
ul.alm-listing li:hover .post-categories li {
    transform: translateY(-10px);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1)
}

ul.alm-listing .grid-thumb {
    position: relative
}

ul.alm-listing .grid-desc {
    margin: 0;
    padding: 15px 20px 25px
}

ul.alm-listing .grid-thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    bottom: 0
}

ul.alm-listing .grid-thumb ul li {
    display: inline-block;
    background: #fff
}

ul.alm-listing .grid-thumb ul li a {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-transform: uppercase
}

ul.alm-listing li h3 {
    margin-bottom: 15px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    text-transform: none
}

ul.alm-listing li h3 a {
    color: #212121
}

ul.alm-listing li p {
    font-size: 14px;
    color: #817f7f
}

ul.alm-listing li p.entry-meta {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #bab8b8;
    border-bottom: 1px solid #e7e6e6
}

.ajax-load-more-wrap ul.alm-listing li.grid-item {
    border: 1px solid #efefef;
    width: 30.33%;
    margin: 0 1.5% 3%;
    float: left;
    display: inline
}

#ajax-load-more ul.alm-listing li.grid-item img {
    position: static;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    margin: 0;
    width: 100%;
    height: auto
}

ul.alm-listing li:hover h3 a:hover {
    color: #2a9dcc
}

ul.alm-listing li .btn {
    padding: 12px 25px;
    font-size: 13px;
    margin-top: 18px
}

.ajax-load-more-wrap.blue .alm-load-more-btn {
    line-height: 52px;
    height: 52px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase
}

#ajax-load-more button.alm-load-more-btn.more.done:disabled {
    display: none
}

@media screen and (min-width: 768px) {
    .blog-listing {
        padding: 50px 0 15px
    }
}

@media screen and (min-width: 1200px) {
    .blog-listing {
        padding: 100px 0 50px
    }
}

@media screen and (max-width: 991px) {
    .ajax-load-more-wrap ul.alm-listing li.grid-item {
        width: 47%
    }
    .getQuote a {
        padding: 10px;
        font-size: 12px
    }
    #homeSlider .row .left_banner_content {
        text-align: center;
        padding: 90px 0
    }
    #hero-slider-home .content h2 {
        font-size: 30px
    }
    #homePress .posttitle {
        font-size: 26px
    }
    #homeSlider .row .left_banner_content #processSection .processing #wave {
        display: none
    }
    .work-process-1 .innerProcess,
    .work-process-3 #new-process_part {
        margin-top: 0
    }
}

@media screen and (max-width: 480px) {
    .ajax-load-more-wrap ul.alm-listing li.grid-item {
        width: 100%;
        margin: 0 0 20px
    }
}

.wp-pagenavi {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #e3e2e2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.wp-pagenavi .pages {
    display: none
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 0;
    margin: 5px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    font-size: 16px;
    background: #fff;
    color: #767777;
    border: 1px solid #767777!important;
    border-radius: 50%
}

.wp-pagenavi a:hover,
.wp-pagenavi a:focus,
.wp-pagenavi span.current {
    background: #2a9dcc;
    color: #fff;
    border: 1px solid #2a9dcc!important
}

.wp-pagenavi span.current {
    font-weight: 700
}

.innerBanners {
    background-size: cover;
    height: 46vh;
    position: relative
}

#innerArea .entry-header {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 25%
}

#innerArea .entry-header h2 {
    border: none;
    color: #fff;
    font-size: 60px;
    text-transform: capitalize
}

#aboutFtx {
    background: url(images/abut-bg.jpg) no-repeat bottom
}

.subtitle {
    font-size: 24px;
    margin: 0 0 54px
}

#skilsArea .innerStr {
    margin: 0
}

#skilsArea .innerStr .skilsImg {
    padding: 0
}

.skilsImg img {
    width: 100%
}

.sub-heading {
    font-size: 24px;
    margin: 0 0 43px
}

#corevalue {
    background: url(images/coreBg.jpg) no-repeat center center;
    background-size: cover;
    padding: 70px 0;
    background-attachment: fixed
}

#corevalue h2 {
    margin: 0;
    color: #fff
}

#corevalue .subtitle {
    color: #fff
}

#corevalue .outer:nth-child(odd) {
    background: #054864
}

#corevalue .outer {
    padding: 45px 24px;
    color: #fff;
    background: #023043
}

.title {
    font-size: 18px;
    display: block;
    margin: 13px 0 6px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif
}

#groupSection {
    padding: 30px 0 50%;
    background: url(images/group.jpg) no-repeat center bottom;
    background-size: 100%
}

#groupSection .innerGroup h4 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.3;
    color: #2a9dcc;
    font-weight: 400;
    font-family: 'Muli', sans-serif
}

#groupSection .innerGroup h3 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 20px;
    text-transform: inherit;
    line-height: 1.3
}

#groupSection .innerGroup p {
    font-size: 16px;
    color: #252525
}

.subheading {
    font-size: 24px;
    color: #252525;
    padding: 0 100px
}

#ourServices {
    background: url(images/our-service-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 25px 0
}

.innerServices .outer {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-top: 25px;
    margin-botom: 25px
}

.innerServices .item {
    margin-bottom: 25px;
    height: 100%
}

.innerServices div[class^="col"]:last-child .item {
    margin-bottom: 0
}

.innerServices .item {
    background: linear-gradient(to right, #9eccaf, #9dc7da);
    padding: 2px;
    display: block;
    position: relative
}

.innerServices .item .inner {
    background: #fff;
    height: 100%;
    padding: 20px
}

.innerServices .item .inner figure {
    background: #f7f7f7;
    padding: 33px;
    display: inline-block;
    border-radius: 50%
}

.innerServices .sub-title {
    font-size: 14px;
    color: #898989;
    text-transform: uppercase;
    display: block;
    margin: 14px 0 0
}

.innerServices .item .inner h5 {
    color: #444343;
    margin: 10px 0 20px;
    font-size: 16px;
    line-height: 1.3
}

.innerServices .inner p.content {
    color: #9e9d9d;
    font-size: 16px;
    line-height: 1.3
}

#projects {
    padding: 30px 0;
    background: url(images/circle.png) no-repeat;
    background-size: cover
}

#projects .inner {
    display: block;
    width: 100%
}

#projects .inner h4 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Muli', sans-serif;
    color: #2a9dcc
}

#projects .inner h3 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.2;
    text-transform: inherit
}

.innerProject .inner {
    padding-left: 75px;
    position: relative
}

.innerProject .inner figure {
    position: absolute;
    left: 0;
    top: 0
}

.innerProject article.article.float-right {
    width: 100%;
    text-align: left
}

.innerProject article.article.float-right h5 {
    margin: 15px 0 10px;
    font-size: 18px;
    line-height: 1.3
}

.innerProject article.article.float-right p {
    margin: 0;
    font-size: 16px;
    line-height: 1.3
}

.innerProject .outer {
    margin: 15px 0 0
}

.innerVideo {
    padding: 50px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.innerVideo h4 {
    font-size: 18px;
    line-height: 1.3;
    color: #fff;
    margin: 25px 0 0
}

@media (min-width: 992px) {
    .innerVideo {
        padding: 135px 0;
        background-attachment: fixed
    }
    .innerVideo h4 {
        font-size: 25px;
        line-height: 1.3;
        color: #fff;
        margin: 45px 0 0
    }
}

#expert {
    padding: 30px 0;
    background: url(images/expert-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed
}

#expert .inner {
    width: 100%;
    display: block
}

#expert .inner h4 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.3;
    color: #2a9dcc;
    font-weight: 400
}

#expert .inner h3 {
    margin: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.3;
    text-transform: none
}

#expert .innerexpert figure {
    margin: 0
}

#expert .innerexpert img {
    width: 100%
}

#expert .innerexpert {
    position: relative
}

#expert .title {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 18px 0
}

#expert #hidden {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left .3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left .3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left .3s
}

#expert .innerexpert:hover #hidden {
    top: 0
}

#expert .hover .title {
    display: none
}

#hidden h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.outerBox {
    padding: 100px 20px
}

#featuredServices {
    background: rgba(42, 158, 204, 1);
    background: -moz-linear-gradient(left, rgba(42, 158, 204, 1) 0%, rgba(68, 130, 205, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42, 158, 204, 1)), color-stop(100%, rgba(68, 130, 205, 1)));
    background: -webkit-linear-gradient(left, rgba(42, 158, 204, 1) 0%, rgba(68, 130, 205, 1) 100%);
    background: -o-linear-gradient(left, rgba(42, 158, 204, 1) 0%, rgba(68, 130, 205, 1) 100%);
    background: -ms-linear-gradient(left, rgba(42, 158, 204, 1) 0%, rgba(68, 130, 205, 1) 100%);
    background: linear-gradient(to right, rgba(42, 158, 204, 1) 0%, rgba(68, 130, 205, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9ecc', endColorstr='#4482cd', GradientType=1);
    padding: 25px 0 50px
}

.innerFeature.row {
    margin: 0
}

.innerFeature .outer {
    margin-top: 20px
}

.innerFeature .features {
    padding: 0 15px
}

.innerFeature span.number {
    font-size: 75px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600
}

.innerFeature .sub-title {
    font-size: 16px;
    color: #e7e6e6
}

.innerFeature .title {
    color: #fff;
    font-size: 24px;
    margin: 3px 0 10px;
    font-weight: 600
}

.innerFeature .content {
    font-size: 16px;
    color: #fff
}

.websiteContent .heading {
    width: 100%;
    margin: 25px 0 0;
    text-align: center
}

.websiteContent .content {
    width: 100%
}

.websiteContent .heading h2 {
    font-size: 20px;
    margin: 0
}

.innerwebsite {
    margin-bottom: 20px
}

.innerwebsite .item {
    position: relative;
    padding-left: 80px
}

.innerwebsite .numbers {
    width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 50px;
    color: #d6d6d6;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    line-height: 40px
}

.innerwebsite .articleArea {
    text-align: left
}

.innerwebsite h5 {
    font-size: 18px;
    margin: 30px 0 15px
}

@media (min-width: 768px) {
    .innerServices .item {
        margin: 0
    }
    #projects {
        padding: 60px 0
    }
    #featuredServices {
        padding: 30px 0 60px
    }
    .innerFeature .outer {
        border-right: 1px solid #fff
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .innerFeature div[class^="col"]:nth-child(2n+2) {
        border: none
    }
}

@media (min-width: 992px) {
    #groupSection {
        background-size: auto
    }
    #groupSection .innerGroup h4 {
        margin-bottom: 15px;
        font-size: 20px
    }
    #groupSection .innerGroup h3 {
        margin-bottom: 20px;
        font-size: 35px
    }
    #groupSection .innerGroup p {
        font-size: 24px
    }
    .innerServices .item .inner {
        background: #fff;
        height: 100%;
        padding: 30px 20px
    }
    .innerServices .outer:hover {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    .innerServices .outer:hover .inner {
        box-shadow: 0 0 34px #908d8d
    }
    .innerVideo h4 {
        font-size: 35px
    }
    #expert .innerProject .outer {
        margin-top: 25px
    }
    .innerFeature div[class^="col"]:last-child {
        border: none
    }
    .innerFeature .features {
        padding: 0 15px 15px
    }
    .websiteContent .heading {
        width: 30%;
        text-align: left
    }
    .websiteContent .content {
        width: 68%
    }
    .websiteContent .heading h2 {
        font-size: 30px
    }
    .innerwebsite .item {
        padding-left: 120px
    }
    .innerwebsite .numbers {
        font-size: 80px;
        width: 110px
    }
}

@media (min-width: 1200px) {
    #groupSection {
        padding: 60px 0 40%
    }
    #ourServices {
        padding: 100px 0
    }
    #projects {
        padding: 60px 0
    }
    #projects .inner h4 {
        font-size: 20px
    }
    #projects .inner h3 {
        font-size: 35px
    }
    .innerProject .outer {
        margin-top: 40px
    }
    #expert {
        padding: 60px 0
    }
    #expert .inner h4 {
        font-size: 20px
    }
    #expert .inner h3 {
        margin-bottom: 20px;
        font-size: 35px
    }
    #featuredServices {
        padding: 50px 0
    }
}

@media (min-width: 1400px) {
    #groupSection {
        padding-bottom: 30%
    }
}

.career-heading {
    height: 560px
}

.career-heading:before {
    content: '';
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.career-heading .career-back-img {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0
}

.career-heading .overlay {
    text-align: left
}

.career-heading h1 {
    color: #fff;
    padding: 0
}

.career-heading p {
    color: #fff
}

.career-heading .f-form {
    padding: 0;
    border-radius: 0;
    background: #fff
}

.career-heading .form-group {
    display: flex;
    flex-direction: column
}

.career-heading .form-field {
    flex-grow: 1;
    margin-bottom: 0
}

.career-heading .field-select {
    background: url(images/select.jpg) right top no-repeat #fff
}

.career-heading .form-control {
    background: none
}

.career-heading .form-group .field-action {
    width: 100%;
    flex-grow: 0
}

.career-heading .form-control::placeholder {
    color: #000
}

.career-heading .form-control:-ms-input-placeholder {
    color: #000
}

.career-heading .form-control::-ms-input-placeholder {
    color: #000
}

.career-heading .btn {
    border-radius: 0;
    height: 58px;
    font-weight: 600;
    padding: 0
}

.career-heading .btn svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
    margin: 0;
    margin-right: 10px
}

.career-page {
    padding-top: 100px;
    padding-bottom: 100px
}

.career-items {
    font-size: 0;
    margin: 0;
    padding: 0
}

.career-item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: height 500ms ease;
    -o-transition: height 500ms ease;
    transition: height 500ms ease
}

.career-expander {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: 0 auto;
    max-height: 0;
    -webkit-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease
}

.career-contents {
    position: relative;
    padding: 10px;
    border-radius: 7px
}

.career-contents .designation {
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.career-contents span {
    display: block;
    font-weight: 400;
    color: #2a9dcc;
    text-transform: none
}

.career-contents:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top-style: solid;
    border-top-width: 0;
    -webkit-transition: border-bottom-width 500ms ease;
    -o-transition: border-bottom-width 500ms ease;
    transition: border-bottom-width 500ms ease;
    border-top-color: #ececec
}

.career-item.active .career-contents:after {
    border-top-width: 10px;
    z-index: 1
}

.career-item {
    text-align: left;
    font-size: 25px;
    margin: 0;
    padding: 0
}

.career-item .career-trigger {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 25px 30px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: all .3s ease-in
}

.career-item .career-trigger:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    transform: none
}

.career-item .career-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    border: 1px solid transparent
}

.career-item .career-thumb img {
    max-height: 62px;
}

.career-item .career-position {
    width: 24px;
    height: 24px;
    display: block;
    background: rgba(244, 15, 15, .5);
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%
}

.career-item .career-trigger p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 10px 0 0
}

.career-item.active .career-trigger {
    background: #fff!important;
    border: 1px solid #ececec
}

.career-expander-contents {
    position: relative;
    margin: 0 auto;
    max-width: 1120px;
    padding: 15px 0
}

.career-expander-contents:after {
    clear: both;
    display: table;
    content: ''
}

.career-expander-inner {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px
}

.career-inner-header {
    padding: 20px 30px;
    padding-right: 55px;
    border-bottom: 1px solid #ececec;
    position: relative
}

.career-inner-header h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.career-inner-header p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 10px 0 0
}

.career-inner-header div.close {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #000;
    opacity: 1;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px
}

.career-inner-header .svg-close {
    width: 12px;
    height: 12px;
    fill: #fff;
    margin: -8px 0 0
}

.career-inner-header div.actions {
    margin: 0;
    padding: 10px 0
}

.career-inner-header div.actions .btn {
    padding: 16px 35px;
    font-size: 13px
}

.career-expander-inner .description {
    padding: 20px 25px;
    font: normal 16px/24px Montserrat, sans-serif
}

.career-expander-inner .career-options {
    margin: 0 0 20px;
    padding: 20px;
    text-transform: uppercase;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    border: 1px solid #ececec;
    border-radius: 8px
}

.career-expander-inner .career-options li {
    padding: 5px 0;
    flex-basis: 33.33%;
    font: 600 16px/24px Montserrat, sans-serif;
    color: #000
}

.career-expander-inner .career-options li:before {
    content: none
}

.career-expander-inner .career-options span {
    display: block;
    font-size: 14px;
    color: #949494;
    font-weight: 400
}

.career-expander-inner h4 {
    margin: 0;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.career-expander-inner ul {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style: none
}

.career-expander-inner ul li {
    margin: 0 5px;
    padding: 5px 0;
    padding-left: 30px;
    position: relative;
    font-size: 15px;
    line-height: 24px;
    color: #545454
}

.career-expander-inner ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 14px;
    height: 2px;
    background: #000
}

.whychoose .choose_icons img {
    width: 66%
}

.whychoose .choose_icons {
    overflow: hidden
}

@media (min-width: 768px) {
    .career-inner-header div.actions {
        position: absolute;
        right: 90px;
        top: 50%;
        transform: translateY(-50%)
    }
    .career-inner-header div.close {
        width: 48px;
        height: 48px;
        line-height: 45px;
        right: 25px;
        top: 50%;
        transform: translateY(-50%)
    }
    .career-inner-header .svg-close {
        width: 20px;
        height: 20px
    }
    .career-inner-header p {
        font-size: 18px
    }
    .career-expander-inner .career-options {
        flex-direction: row
    }
    .career-inner-header {
        padding-right: 30px
    }
}

.career-technologies {
    padding: 0;
    text-align: center
}

.career-technologies h3 {
    margin: 0;
    padding: 40px 0 20px;
    color: #000;
    font-size: 28px;
    line-height: 1.2;
    text-transform: none
}

.career-technologies .owl-carousel {
    padding-bottom: 40px
}

.career-technologies .items {
    margin: 10px;
    padding: 15px;
    border: 1px solid #c3c5c5
}

.career-technologies .owl-dots {
    display: block
}

.career-technologies .owl-dots .owl-dot span {
    margin: 5px!important;
    width: 12px!important;
    height: 12px!important;
    background: #202020!important
}

.career-technologies .owl-dots .owl-dot.active span {
    background: #81c8dd!important
}

@media (min-width: 768px) {
    .career-page {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .career-heading p {
        font-size: 24px
    }
    .career-heading .form-group {
        flex-direction: row
    }
    .career-heading .form-group .field-action {
        width: 150px
    }
    .career-item {
        width: 50%
    }
}

@media (min-width: 992px) {
    .career-heading {
        height: 600px
    }
    .career-item {
        width: 33.33%
    }
    .career-technologies h3 {
        font-size: 45px
    }
}

@media (min-width: 1400px) {
    .career-page {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .career-heading {
        height: 800px
    }
}

@media (max-width: 991px) {
    .career-heading .career-back-img {
        display: none
    }
}

.page-template-template-service-grid-1 .site-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0
}

.service-1 .tm-heading {
    background: #fff;
    height: 450px
}

.service-1 .tm-heading .overlay {
    padding-top: 50px
}

.service-1 .tm-heading .simpleParallax {
    opacity: 1
}

#customization {
    background: #fff
}

.hireCreative .figure {
    position: relative;
    width: 100%
}

.hireCreative {
    position: relative;
    margin-top: 44px
}

.hire_listing {
    width: 100%;
    padding: 0 68px;
    justify-content: center
}

.hire_listing ul.customization-lists {
    height: 100%
}

.description.custom_margin {
    max-width: 1100px;
    margin: auto
}

.hire_listing .item {
    align-items: center
}

.hire_listing .item .inner_title {
    font-size: 19px;
    font-weight: 700;
    display: block;
    margin: 0 0 10px
}

.hire_listing .item .float-right {
    padding-left: 58px
}

#hiringList .owl-nav {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
    margin: 0
}

#hiringList .owl-nav .owl-prev {
    position: absolute;
    left: -29px;
    top: 0;
    opacity: 1
}

#hiringList .owl-nav .owl-prev span {
    background: url(images/slider_arrow-left.svg) no-repeat;
    font-size: 0;
    padding: 7px 25px
}

#hiringList .owl-nav .owl-next {
    position: absolute;
    right: -29px;
    top: 0;
    opacity: 1
}

#hiringList .owl-nav .owl-next span {
    background: url(images/slider_arrow-right.svg) no-repeat;
    font-size: 0;
    padding: 7px 25px
}

#hiringList .owl-nav button:hover {
    background: none
}

#hiringList .owl-dots {
    display: block;
    margin: 30px 0 0
}

#hiringList .owl-dots button span {
    background: #f5f5f5;
    border: 2px solid #a59c9c;
    height: 12px;
    width: 12px;
    margin: 0 7px
}

#hiringList .owl-dots button.active span {
    background: #2ea3d3;
    border: 2px solid #2ea3d3
}

.hire_listing .item .innerhIre {
    border: 1px solid #ccc;
    padding: 32px;
    min-height: 250px;
    margin: 0 0 32px;
    box-shadow: 0 0 20px #ccc;
    background: #fff
}

.innerTec .hover_title {
    display: none
}

#service_tech {
    padding: 70px 0
}

.technology_logos {
    position: relative;
    text-align: center;
    min-height: 500px
}

#service_tech .row {
    align-items: center
}

.technology_logos .innerTec .figure img {
    background: #f1f1f1;
    padding: 12px 13px;
    border-radius: 9px
}

.technology_logos .innerTec:nth-child(1) {
    margin: 18px 0 0;
    position: absolute;
    left: 64px;
    top: 63px
}

.technology_logos .innerTec .figure img:hover {
    webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.technology_logos .innerTec:nth-child(1) figure img {
    width: 29%
}

.technology_logos .innerTec .figure img {
    background: #f1f1f1;
    padding: 12px 13px;
    border-radius: 9px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.technology_logos .innerTec:nth-child(2) .figure img {
    width: 65%
}

.technology_logos .innerTec:nth-child(2) {
    position: absolute;
    top: 49px;
    right: 10px
}

.technology_logos .innerTec:nth-child(3) .figure img {
    width: 63%
}

.technology_logos .innerTec:nth-child(3) {
    position: absolute;
    top: 8px;
    left: 36px
}

.technology_logos .innerTec:nth-child(4) .figure img {
    width: 72%
}

.technology_logos .innerTec:nth-child(4) {
    position: absolute;
    bottom: 118px;
    left: 0
}

.technology_logos .innerTec:nth-child(5) .figure img {
    width: 74%
}

.technology_logos .innerTec:nth-child(5) {
    position: absolute;
    bottom: 7px;
    right: 232px
}

.technology_logos .innerTec:nth-child(6) .figure img {
    width: 48%
}

.technology_logos .innerTec:nth-child(6) {
    position: absolute;
    right: 39px;
    bottom: 133px
}

@media (min-width: 768px) {
    .service-1 .tm-heading {
        height: 250px
    }
}

@media (min-width: 992px) {
    .service-1 .tm-heading {
        height: 320px
    }
}

@media (min-width: 1200px) {
    .service-1 .tm-heading {
        height: 410px
    }
}

@media (min-width: 1400px) {
    .service-1 .tm-heading {
        height: 480px
    }
}

@media (min-width: 1600px) {
    .service-1 .tm-heading {
        height: 550px
    }
}

@media (max-width: 767px) {
    #homeSlider .row .left_banner_content {
        padding: 50px 0
    }
    #blok_expertise .owl-item {
        margin-bottom: 30px
    }
    .service-1 .tm-heading {
        height: auto
    }
    .service-1 .tm-heading .overlay {
        padding-top: 90px;
        padding-bottom: 70px;
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .service-1 .tm-heading .simpleParallax {
        overflow: unset!important;
        position: absolute;
        top: 170px;
        transform: translate3d(0px, 0px, 0px) scale(2.5)
    }
}

.service-scroll {
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.service-scroll svg {
    width: 16px;
    height: 30px;
    transform: rotate(-90deg)
}

.page-links {
    color: #fff;
    margin: 76px 0 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: auto
}

.page-links ul {
    margin: 0;
    padding: 12px 15px;
    list-style: none;
    text-align: center;
    border-radius: 8px;
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1)
}

.page-links ul li {
    display: inline-block
}

.page-links ul a {
    display: block;
    padding: 14px 30px;
    font-size: 15px;
    color: #fff;
    margin: 0 12px
}

.page-links ul li:nth-child(1) {
    transition-delay: .05s
}

.page-links ul li:nth-child(2) {
    transition-delay: .1s
}

.page-links ul li:nth-child(3) {
    transition-delay: .15s
}

.page-links ul li:nth-child(4) {
    transition-delay: .2s
}

.page-links ul li:nth-child(5) {
    transition-delay: .25s
}

.page-links ul a:hover {
    background: rgba(255, 255, 255, .3);
    border-radius: 8px
}

#why-services {
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1)
}

.hireCreative .customization-lists li span {
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1);
    color: #fff;
    display: inline-block;
    padding: 16px 18px;
    border-radius: 5px;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-roadmap {
    margin-top: 45px
}

.h-border {
    width: 100%;
    height: 4px;
    margin-top: 215px;
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1)
}

.roadmap-slider .item {
    padding: 0 15px;
    text-align: center
}

.roadmap-box {
    text-align: center;
    position: relative;
    margin-top: -12px
}

.date-title {
    position: absolute;
    bottom: 100%;
    color: #01e8fe;
    width: 100%;
    font-size: 18px;
    padding: 12px 0
}

.roadmap-slider .main-box .map-graphic {
    overflow: hidden
}

.small-round {
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1);
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: relative;
    left: 50%;
    margin-left: -15px;
    z-index: 1;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.roadmap-slider .owl-item:nth-child(2n+0) .main-box .map-graphic .small-round {
    transform: rotate(180deg)
}

.v-row {
    background: #2a9dcc;
    height: 50px;
    width: 4px;
    position: relative;
    left: 50%;
    margin-left: -2px;
    overflow: hidden
}

.roadmap-slider .owl-item:nth-child(2n+0) .main-box .roadmap-box {
    padding-top: 50px;
    margin-top: -62px
}

.roadmap-slider .owl-item:nth-child(2n+0) .main-box .date-title {
    top: 100%
}

.roadmap-slider .owl-item:nth-child(2n+0) .main-box .map-graphic {
    transform: rotate(180deg);
    margin-top: -50px;
    display: inline-block
}

.roadmap-slider .owl-item:nth-child(2n+0) .main-box .v-row {
    margin-left: -3px
}

.roadmap-slider .owl-item:nth-child(2n+0) .main-box .roadmap-detail-box {
    position: absolute;
    bottom: 100%;
    margin-top: 0
}

#roadmap-slider .owl-stage-outer {
    overflow: visible
}

.roadmap-box .date-title img {
    width: auto;
    display: inline-block
}

#roadmap-slider .owl-dots {
    display: block
}

#roadmap-slider .owl-dots button span {
    background: #f5f5f5;
    border: 2px solid #a59c9c;
    height: 12px;
    width: 12px;
    margin: 0 7px
}

#roadmap-slider .owl-dots button.active span {
    background: #2ea3d3;
    border: 2px solid #2ea3d3
}

.service-technology {
    background: #f5f5f5!important
}

@media (min-width: 992px) {
    .page-links ul a {
        font-size: 17px
    }
}

.overlay-parallax {
    position: relative;
    overflow: hidden
}

.overlay-parallax .simpleParallax {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 0
}

.overlay-parallax .overlay-inner {
    padding: 35px 0;
    position: relative;
    z-index: 1
}

.service-1 #overview .description {
    font-size: 16px
}

.service-1 #overview .description ul {
    margin: 0;
    padding: 0
}

.service-1 #overview .description ul li {
    position: relative;
    padding-left: 20px;
    list-style: none
}

.service-1 #overview .description ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 14px;
    top: 4px;
    color: #54595F;
    font-weight: 400
}

.service-1 #overview .actions {
    margin: 15px 0 25px;
    text-align: center
}

@media (min-width: 992px) {
    .overlay-parallax .overlay-inner {
        padding: 50px 0
    }
    .service-1 #overview .actions {
        text-align: left
    }
    .analyze_section {
        padding: 80px 0
    }
}

@media (min-width: 1200px) {
    .service-1 #overview .description {
        font-size: 18px
    }
}

@media (min-width: 1921px) {
    .overlay-parallax .overlay-inner {
        padding: 100px 0
    }
}

svg.hire-employee {
    width: 20px;
    height: 30px
}

.why-services-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.why-services-lists li {
    margin: 0;
    padding: 1px;
    width: 50%;
    text-align: center
}

.why-services-lists li img {
    width: 64px
}

.why-services-lists .lists-inner {
    padding: 15px 10px;
    background: transparent;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.why-services-lists .list-heading {
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff
}

.why-services-lists .lists-inner:hover {
    background: #252525;
    -webkit-box-shadow: 0 10px 30px rgba(38, 38, 38, .3);
    box-shadow: 0 10px 30px rgba(38, 38, 38, .3)
}

@media (min-width: 768px) {
    .why-services-lists li {
        width: 33.33%
    }
    .why-services-lists .lists-inner {
        padding: 30px 25px
    }
    .why-services-lists .list-heading {
        font-size: 18px
    }
    .why-services-lists li img {
        width: auto
    }
}

@media (min-width: 992px) {
    .why-services-lists {
        margin: 25px 0 0
    }
    .why-services-lists li {
        width: 25%;
        padding: 10px
    }
    .why-services-lists .lists-inner:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@media (min-width: 1200px) {
    .why-services-lists {
        margin: 50px 0 0
    }
    .why-services-lists li {
        width: 20%
    }
}

.service-1 .service-counter {
    margin: 0;
    padding: 25px 0;
    background: #252525
}

.service-counter-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.service-counter-lists li {
    margin: 0;
    padding: 20px 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif
}

.service-counter-lists span {
    display: block
}

.service-counter-lists .counter-list-top {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.counter-list-thumb {
    padding: 0 15px
}

.counter-list-number {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .4px
}

.counter-list-number strong {
    font-size: 60px;
    line-height: 1;
    display: block
}

.counter-list-text {
    padding-top: 15px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 768px) {
    .service-1 .service-counter {
        padding: 50px 0
    }
    .service-counter-lists {
        flex-direction: row
    }
    .service-counter-lists li {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 992px) {
    .service-counter-lists li {
        width: 25%
    }
    .counter-list-number strong {
        font-size: 30px
    }
    .counter-list-thumb {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 92px
    }
    .counter-list-number {
        max-width: 100%;
        flex-basis: 0;
        flex-grow: 1
    }
}

@media (min-width: 1200px) {
    .service-1 .service-counter {
        padding: 75px 0
    }
    .counter-list-number strong {
        font-size: 50px
    }
}

@media (min-width: 1400px) {
    .counter-list-number strong {
        font-size: 65px
    }
}

.customization-inner {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.customization-inner h2 {
    font-size: 35px;
    font-weight: 600;
    color: #f76d21
}

.customization-inner .heading-title-1 {
    max-width: 100%
}

.customization-l {
    padding: 0;
    padding-right: 50px;
    width: 100%
}

.customization-r {
    padding: 30px 15px;
    width: 100%
}

.customization-r .description {
    font-size: 16px
}

.customization-lists {
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
}

.customization-lists li {
    margin: 0;
    padding: 8px 0 8px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #252525;
    position: relative
}

.hireCreative .customization-lists li {
    padding: 8px 0;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hireCreative .customization-lists li:hover span {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08)
}

.customization-lists li .arrow-right {
    position: absolute;
    left: 0;
    top: 10px;
    width: 20px;
    height: 20px;
    color: #f76d21;
    fill: currentColor
}

@media (min-width: 768px) {
    .customization-r {
        padding: 50px 100px
    }
    .customization-r .description {
        font-size: 18px
    }
    .customization-lists li {
        font-size: 18px
    }
    .customization-lists li .arrow-right {
        top: 15px
    }
}

@media (min-width: 992px) {
    .customization-inner {
        flex-direction: row
    }
    .customization-l {
        padding: 50px 0;
        padding-right: 0;
        width: 45%
    }
    .customization-r {
        padding: 50px 100px;
        width: 45%
    }
    .customization-inner h2 {
        font-size: 35px
    }
    .customization-r .description {
        font-size: 20px;
        font-size: 20px
    }
    .customization-lists li .arrow-right {
        top: 15px
    }
}

@media (min-width: 1200px) {
    .customization-inner h2 {
        font-size: 50px
    }
}

@media (min-width: 1921px) {
    .customization-inner h2 {
        font-size: 80px
    }
}

.service-1 .upgrade-inner .description {
    padding: 20px 0
}

@media (max-width: 768px) {
    .service-1 .upgrade-inner .btn {
        white-space: normal;
        padding: 15px 20px;
        font-size: 14px
    }
    #hero-slider-home .vector_img img {
        width: auto;
        display: inline-block
    }
}

.service-1 .service-portfolio {
    margin: 0;
    padding: 50px 0
}

#hero-slider-home .vector_img img .services-others {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

@media (min-width: 992px) {
    .services-others {
        flex-direction: row;
        align-items: stretch
    }
}

.services-others>div {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden
}

@media (min-width: 992px) {
    .services-others>div {
        width: 50%
    }
}

.services-others .services-whydev:after,
.services-others .services-faq:after {
    content: '';
    clear: both;
    display: table
}

.services-others .services-whydev {
    background: #000
}

.services-others .services-faq {
    background: #eb7534
}

.services-others .simpleParallax {
    position: absolute;
    z-index: 1;
    opacity: .2
}

.services-others .overlay-others {
    position: relative;
    z-index: 2;
    padding: 30px 15px;
    width: 100%
}

.services-others .accordion .card-header a:before,
.services-others .accordion .card-header a:after {
    width: 12px;
    height: 2px
}

.whydev-lists {
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
}

.whydev-lists li {
    margin: 0;
    padding: 8px 0 8px 40px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    position: relative
}

.whydev-lists li .arrow-right {
    position: absolute;
    left: 0;
    top: 12px;
    width: 20px;
    height: 20px;
    color: #f76d21;
    fill: currentColor
}

.accordion .card {
    color: #696687;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.accordion .card-header {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    background: none;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    cursor: pointer
}

.accordion .card-header a {
    position: relative;
    padding: 15px 20px;
    padding-left: 40px;
    display: block
}

.accordion .card-header a:before,
.accordion .card-header a:after {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    position: absolute;
    top: 24px;
    left: 15px;
    background: #299dcc
}

.accordion .card-header .collapsed:after {
    transform: rotate(90deg)
}

@media (min-width: 992px) {
    .services-others .services-whydev .overlay-others {
        max-width: 800px;
        float: right
    }
    .services-others .services-faq .overlay-others {
        max-width: 800px;
        float: left
    }
    .services-others .overlay-others {
        padding: 50px 25px
    }
    .whydev-lists li {
        font-size: 20px
    }
    .whydev-lists li .arrow-right {
        top: 15px
    }
}

@media (min-width: 1200px) {
    .services-others .overlay-others {
        padding: 75px
    }
}

@media (max-width: 767px) {
    .services-others .overlay-others .actions {
        text-align: center
    }
    .services-others .overlay-others .btn {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.service-1 .working-process {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .service-1 .working-process {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .service-1 .working-process {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.service-2 .heading-title-2 .title {
    font-size: 16px;
    font-weight: 400;
    color: #2a9dcc
}

.service-2 .heading-title-2 .title strong {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    display: block;
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
    color: #000
}

.service-2 .heading-light .title strong {
    color: #fff
}

.service-2 .services-about {
    padding: 30px 0
}

.services-about .heading-title-2 {
    padding-top: 25px
}

@media (min-width: 992px) {
    .service-2 .services-about {
        padding: 50px 0
    }
    .services-about .heading-title-2 {
        padding-top: 0
    }
    .service-2 .heading-title-2 .title {
        font-size: 22px
    }
    .service-2 .heading-title-2 .title strong {
        font-size: 35px
    }
}

@media (min-width: 1200px) {
    .service-2 .services-about {
        padding: 100px 0
    }
}

.service-2 .services-include {
    background: #21759b;
    position: relative
}

.services-include-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center
}

.services-include-lists li {
    margin: 0;
    padding: 15px;
    width: 100%;
    text-align: center
}

.services-include-lists img {
    padding: 20px;
    width: 90px
}

.services-include-lists .inner {
    height: 100%;
    display: block;
    padding: 25px 15px;
    color: #fff;
    border: 2px solid #fff;
    position: relative
}

.services-include-lists .inner span {
    display: block;
    overflow: hidden
}

.services-include-lists .description {
    display: flex!important;
    align-items: center;
    justify-content: center!important;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    background: #fff;
    color: #21759b;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.services-include-lists .description .title {
    color: #21759b
}

.services-include-lists li:hover .description {
    opacity: 1;
    visibility: visible
}

.services-include-lists .title {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    margin-top: 0
}

.services-include-lists .text {
    font-size: 13px;
    line-height: 1.5
}

@media (min-width: 576px) {
    .services-include-lists li {
        width: 50%
    }
}

@media (min-width: 768px) {
    .services-include-lists li {
        width: 33.33%
    }
}

@media (min-width: 1200px) {
    .overlay-parallax .services-include-inner {
        padding: 60px 0
    }
    .services-include-lists li {
        width: 25%
    }
}

.services-process {
    padding: 30px 0 0
}

.services-process-content {
    position: relative;
    margin: 0;
    padding: 25px 0 0
}

.services-process-lists {
    margin: 0;
    padding: 0;
    list-style: none
}

.services-process-lists li .icon {
    display: block;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    line-height: 50px;
    padding: 20px;
    background: #fff;
    border: 3px solid #21759b;
    margin-top: -50px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.services-process-lists li .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.services-process-lists li .text {
    margin: 0;
    padding: 0 15px;
    font-size: 20px;
    font-weight: 600;
    color: #21759b;
    display: flex;
    flex-direction: row;
    align-items: center
}

.services-process-lists li .text span {
    width: 100%
}

.services-process-lists li:hover .icon {
    background: #58a9c2
}

.services-process-lists li .icon img.hover {
    opacity: 1
}

.services-process-lists li .icon img.default {
    opacity: 0
}

.services-process-lists li:hover .icon img.hover {
    opacity: 0
}

.services-process-lists li:hover .icon img.default {
    opacity: 1
}

@media (min-width: 992px) {
    .services-process {
        padding: 50px 0 0
    }
    .services-process-lists li {
        position: absolute;
        width: 180px
    }
    .services-process-lists li .icon {
        width: 60px;
        height: 60px;
        line-height: 30px;
        padding: 10px;
        margin-top: -30px
    }
    .services-process-lists li .icon img {
        width: 24px;
        height: 24px
    }
    .services-process-lists li .text {
        font-size: 18px;
        height: 60px
    }
    .services-process-lists li:nth-child(1) {
        left: 0;
        bottom: 5%
    }
    .services-process-lists li:nth-child(2) {
        left: 5%;
        bottom: 39%
    }
    .services-process-lists li:nth-child(3) {
        left: 18%;
        bottom: 65%
    }
    .services-process-lists li:nth-child(4) {
        left: 40%;
        bottom: 73%
    }
    .services-process-lists li:nth-child(5) {
        right: 18%;
        bottom: 65%
    }
    .services-process-lists li:nth-child(6) {
        right: 5%;
        bottom: 39%
    }
    .services-process-lists li:nth-child(7) {
        right: 0;
        bottom: 5%
    }
    .services-process-lists li:nth-child(1),
    .services-process-lists li:nth-child(2),
    .services-process-lists li:nth-child(3) {
        padding-right: 60px
    }
    .services-process-lists li:nth-child(1) .icon,
    .services-process-lists li:nth-child(2) .icon,
    .services-process-lists li:nth-child(3) .icon {
        right: 0
    }
    .services-process-lists li:nth-child(1) .text,
    .services-process-lists li:nth-child(2) .text,
    .services-process-lists li:nth-child(3) .text {
        text-align: right
    }
    .services-process-lists li:nth-child(4) {
        padding-bottom: 60px
    }
    .services-process-lists li:nth-child(4) .icon {
        left: 50%;
        margin-left: -30px;
        margin-top: 0
    }
    .services-process-lists li:nth-child(4) .text {
        text-align: center
    }
    .services-process-lists li:nth-child(5),
    .services-process-lists li:nth-child(6),
    .services-process-lists li:nth-child(7) {
        padding-left: 60px
    }
    .services-process-lists li:nth-child(5) .icon,
    .services-process-lists li:nth-child(6) .icon,
    .services-process-lists li:nth-child(7) .icon {
        left: 0
    }
    .services-process-lists li:nth-child(5) .text,
    .services-process-lists li:nth-child(6) .text,
    .services-process-lists li:nth-child(7) .text {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .services-process-lists li {
        width: 220px
    }
    .services-process-lists li .icon {
        width: 80px;
        height: 80px;
        line-height: 40px;
        padding: 15px;
        margin-top: -40px
    }
    .services-process-lists li .icon img {
        width: auto;
        height: auto
    }
    .services-process-lists li .text {
        height: 80px
    }
    .services-process-lists li:nth-child(1) {
        left: 0;
        bottom: 5%
    }
    .services-process-lists li:nth-child(2) {
        left: 5%;
        bottom: 39%
    }
    .services-process-lists li:nth-child(3) {
        left: 18%;
        bottom: 65%
    }
    .services-process-lists li:nth-child(4) {
        left: 40%;
        bottom: 73%
    }
    .services-process-lists li:nth-child(5) {
        right: 18%;
        bottom: 65%
    }
    .services-process-lists li:nth-child(6) {
        right: 5%;
        bottom: 39%
    }
    .services-process-lists li:nth-child(7) {
        right: 0;
        bottom: 5%
    }
    .services-process-lists li:nth-child(1),
    .services-process-lists li:nth-child(2),
    .services-process-lists li:nth-child(3) {
        padding-right: 80px
    }
    .services-process-lists li:nth-child(1) .icon,
    .services-process-lists li:nth-child(2) .icon,
    .services-process-lists li:nth-child(3) .icon {
        right: 0
    }
    .services-process-lists li:nth-child(1) .text,
    .services-process-lists li:nth-child(2) .text,
    .services-process-lists li:nth-child(3) .text {
        text-align: right
    }
    .services-process-lists li:nth-child(4) {
        padding-bottom: 80px
    }
    .services-process-lists li:nth-child(4) .icon {
        left: 50%;
        margin-left: -40px;
        margin-top: 0
    }
    .services-process-lists li:nth-child(4) .text {
        text-align: center
    }
    .services-process-lists li:nth-child(5),
    .services-process-lists li:nth-child(6),
    .services-process-lists li:nth-child(7) {
        padding-left: 80px
    }
    .services-process-lists li:nth-child(5) .icon,
    .services-process-lists li:nth-child(6) .icon,
    .services-process-lists li:nth-child(7) .icon {
        left: 0
    }
    .services-process-lists li:nth-child(5) .text,
    .services-process-lists li:nth-child(6) .text,
    .services-process-lists li:nth-child(7) .text {
        text-align: left
    }
}

@media (min-width: 1400px) {
    .services-process-lists li {
        width: 280px
    }
    .services-process-lists li .icon {
        width: 100px;
        height: 100px;
        line-height: 50px;
        padding: 20px;
        margin-top: -50px
    }
    .services-process-lists li .text {
        font-size: 25px;
        height: 100px
    }
    .services-process-lists li:nth-child(1) {
        left: -4.5%;
        bottom: 5%
    }
    .services-process-lists li:nth-child(2) {
        left: 0;
        bottom: 39%
    }
    .services-process-lists li:nth-child(3) {
        left: 13%;
        bottom: 65%
    }
    .services-process-lists li:nth-child(4) {
        left: 37.7%;
        bottom: 70%
    }
    .services-process-lists li:nth-child(5) {
        right: 13%;
        bottom: 65%
    }
    .services-process-lists li:nth-child(6) {
        right: 0;
        bottom: 39%
    }
    .services-process-lists li:nth-child(7) {
        right: -4.5%;
        bottom: 5%
    }
    .services-process-lists li:nth-child(1),
    .services-process-lists li:nth-child(2),
    .services-process-lists li:nth-child(3) {
        padding-right: 100px
    }
    .services-process-lists li:nth-child(4) {
        padding-bottom: 100px
    }
    .services-process-lists li:nth-child(4) .icon {
        margin-left: -50px
    }
    .services-process-lists li:nth-child(5),
    .services-process-lists li:nth-child(6),
    .services-process-lists li:nth-child(7) {
        padding-left: 100px
    }
}

@media (max-width: 991px) {
    .services-process-content {
        max-width: 640px;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 25px
    }
    .services-process-content>img {
        display: none
    }
    .services-process-lists {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }
    .services-process-lists li {
        margin: 0;
        padding: 15px 0;
        width: 25%;
        text-align: center
    }
    .services-process-lists li .icon {
        position: relative;
        top: 0;
        margin: 0 auto
    }
    .services-process-lists li .text {
        line-height: 1.3;
        padding: 15px 0 0
    }
    #client-slider .owl-dots {
        padding: 0 15px
    }
    #homeSlider {
        height: auto
    }
    #homeSlider .owl-dots {
        display: block;
        position: absolute;
        z-index: 9;
        bottom: 0;
        width: 100%;
        left: 0;
        top: auto!important;
        transform: none;
        text-align: center
    }
    #homeSlider .owl-dots button span {
        background: #929292;
        height: 6px;
        width: 20px
    }
    #homeSlider .owl-dots button {
        display: inline-block
    }
    #homeSlider .row .left_banner_content {
        text-align: center
    }
}

@media (max-width: 575px) {
    .services-process-lists li {
        width: 50%
    }
}

.service-2 .service-portfolio {
    margin: 0;
    padding: 50px 0
}

.service-2 .services-others .services-whydev {
    background: #000
}

.service-2 .services-others .services-faq {
    background: #21759b
}

.service-2 .whydev-lists li .arrow-right {
    color: #21759b
}

.service-2 .working-process {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .service-2 .working-process {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .service-2 .working-process {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.service-3 .tm-heading {
    height: auto
}

.service-3 .tm-heading .overlay {
    padding: 25px 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.service-3 .tm-heading h1 {
    margin-top: 0
}

@media (min-width: 992px) {
    .service-3 .tm-heading .overlay {
        padding: 50px 0
    }
}

@media (min-width: 992px) {
    .service-3 .tm-heading .overlay {
        padding: 36px 0
    }
}

.service-3 .services-section .heading-title-2,
.service-3 .why-services .heading-title-2 {
    padding-top: 25px
}

.service-3 .services-section li,
.service-3 .why-services li {
    margin: 10px 0;
    line-height: 24px
}

.service-3 .services-section p,
.service-3 .services-section li,
.service-3 .why-services p,
.service-3 .why-services li {
    font-size: 16px
}

@media (min-width: 1200px) {
    .service-3 .services-section p,
    .service-3 .services-section li,
    .service-3 .why-services p,
    .service-3 .why-services li {
        font-size: 18px
    }
}

.service-3 .services-section {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .service-3 .services-section {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .service-3 .services-section {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.service-3 .why-services {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .service-3 .why-services {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .service-3 .why-services {
        padding-top: 75px;
        padding-bottom: 0
    }
}

.heading-application {
    padding: 100px 0 50px;
    height: auto
}

.heading-application.tm-heading h1 {
    margin: 0;
    padding: 0;
    padding-bottom: 15px
}

.heading-application.tm-heading p {
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
    font-size: 18px
}

.heading-application p:last-child {
    margin: 0
}

.heading-application .heading-application-img {
    opacity: .1
}

.heading-application .overlay {
    text-align: left;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 1200px) {
    .heading-application {
        padding: 120px 0 50px
    }
    .services-3 .heading-application {
        overflow: inherit
    }
}

@media (min-width: 1440px) {
    .heading-application.tm-heading p {
        font-size: 22px
    }
}

.heading-title-3 {
    margin: 0;
    padding: 0;
    padding-bottom: 25px
}

.heading-title-3 .title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: #212121;
    text-transform: none
}

.heading-title-3 .subtitle {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    color: #212121;
    text-transform: uppercase
}

.heading-title-3 .subtitle strong {
    color: #5a9f05
}

.heading-title-3 p {
    margin: 0
}

.heading-title-3.heading-light .title,
.heading-title-3.heading-light .subtitle,
.heading-title-3.heading-light .subtitle strong {
    color: #fff
}

@media (min-width: 992px) {
    .heading-title-3 .title {
        font-size: 30px
    }
    .heading-title-3 .subtitle {
        font-size: 20px;
        padding-bottom: 15px
    }
    .heading-title-3 p {
        margin-bottom: 1.5em
    }
}

@media (min-width: 1200px) {
    .heading-title-3 .title {
        font-size: 35px
    }
    .heading-title-3 .subtitle {
        font-size: 22px
    }
}

@media (min-width: 1921px) {
    .heading-title-3 .title {
        font-size: 45px
    }
    .heading-title-3 .subtitle {
        font-size: 25px
    }
}

.app-features {
    margin: 0;
    padding: 30px 0 15px
}

#app-features {
    z-index: 1;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(0);
    transform: perspective(0)
}

#features-slider .owl-stage-outer {
    margin-left: 0;
    padding: 1rem 0;
    width: 100rem;
    overflow: inherit;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

#features-slider .owl-stage {
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

#features-slider .owl-prev,
#features-slider .owl-next {
    padding: 0;
    background: none!important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: rgba(0, 0, 0, .3)!important
}

#features-slider .owl-nav svg {
    width: 30px;
    height: 22px;
    fill: currentColor
}

.owl-appsfeatures .item {
    height: 100%
}

.apps-features-box {
    margin: 0;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 25px;
    height: 100%;
    text-align: center
}

.apps-features-box a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -10000px;
    z-index: 2
}

.apps-features-box .apps-thumb {
    display: block;
    width: 94px;
    height: 94px;
    padding: 20px;
    margin: 0 auto;
    background: #1aa8e9;
    background: -moz-linear-gradient(45deg, rgba(26, 168, 233, 1) 0%, rgba(140, 219, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26, 168, 233, 1) 0%, rgba(140, 219, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(26, 168, 233, 1) 0%, rgba(140, 219, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1aa8e9', endColorstr='#8cdbff', GradientType=1);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.apps-features-box h4 {
    position: relative;
    margin: 0;
    padding: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #212121;
    min-height: 130px
}

.apps-features-box h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 3px;
    background: #abe1fa
}

.apps-features-box,
.apps-features-box h4,
.apps-features-box h4:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.apps-features-box:hover h4 {
    color: #33b4ee
}

.apps-features-box:hover h4:after {
    background: #33b4ee
}

@media (min-width: 992px) {
    .app-features {
        padding: 50px 0 25px
    }
    #features-slider .owl-nav {
        position: absolute;
        right: 0;
        top: -100px
    }
    .apps-features-box:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    .apps-features-box h4 {
        font-size: 27px
    }
}

@media (min-width: 1400px) {
    .app-features {
        padding: 100px 0
    }
}

#engage-customer .heading-title-3 {
    padding-top: 25px
}

#engage-customer .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #626262
}

#engage-customer .description p {
    margin-bottom: 1.5em
}

@media (min-width: 1200px) {
    #engage-customer .heading-title-3 {
        padding-top: 0
    }
}

#working-process {
    margin: 0;
    padding: 25px 0
}

.working-process-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap
}

.working-process-lists li {
    margin: 25px 0;
    padding: 0 25px 15px;
    width: 100%;
    text-align: center;
    position: relative
}

.working-process-lists li:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    margin-left: -30px;
    background: #2ea3d3;
    position: absolute;
    left: 50%;
    bottom: 0
}

.working-process-lists .icons {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 100px;
    height: 100px;
    position: relative
}

.working-process-lists .number {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 10px;
    top: 0;
    background: #16920f;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.working-process-lists h4 {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: normal;
    color: #212121
}

.working-process-lists p {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: #838282
}

@media (min-width: 768px) {
    .working-process-lists li {
        width: 33.33%
    }
}

@media (min-width: 992px) {
    #working-process {
        padding: 50px 0
    }
}

@media (min-width: 1200px) {
    #working-process {
        padding: 75px 0
    }
    .working-process-lists {
        padding-top: 50px
    }
}

.apps-solutions {
    margin: 0;
    padding: 25px 0
}

.apps-solutions .description,
.apps-solutions .description p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000
}

@media (min-width: 992px) {
    .apps-solutions {
        padding: 50px 0
    }
}

@media (max-width: 767px) {
    .apps-solutions .heading-title-3 {
        padding-top: 25px
    }
    .apps-solutions .description,
    .apps-solutions .description p {
        font-size: 15px
    }
}

#video-section {
    background: #5368fd
}

.apps-video-section .apps-video-image {
    position: relative;
    margin-bottom: 25px
}

.apps-video-section .apps-video-image img {
    width: 100%
}

.apps-video-section .apps-video-image:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -40px;
    left: -25px;
    width: 152px;
    height: 322px;
    background: url(images/apps-video-img-back.png) center center no-repeat;
    display: block
}

.apps-video-section .apps-video-image a,
.apps-video-section .apps-video-image span {
    position: relative;
    z-index: 2
}

.apps-video-section .apps-video-image.enable-video a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 128px;
    height: 128px;
    margin-top: -64px;
    margin-left: -64px;
    background: url(images/apps-video-play.png) center center no-repeat;
    display: block
}

.apps-video-section .description {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 24px
}

.apps-counter-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.apps-counter-lists li {
    margin: 0;
    padding: 0 10px 10px;
    width: 50%;
    text-align: center
}

.apps-counter-lists li .counters {
    display: block;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: normal
}

.apps-counter-lists li .text {
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.3
}

@media (min-width: 768px) {
    .apps-video-section .apps-video-image {
        margin-bottom: 0
    }
    .apps-counter-lists li {
        padding: 0 20px 15px
    }
    .apps-counter-lists li .counters {
        font-size: 45px
    }
    .apps-counter-lists li .text {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .apps-counter-lists li {
        width: 25%
    }
    .apps-counter-lists li .counters {
        font-size: 60px
    }
}

#latest-portfolio {
    padding: 25px 0
}

.apps-portfolio-list {
    width: 300px;
    margin: 0 auto
}

.apps-portfolio-list .thumb {
    position: relative;
    padding: 30px
}

.apps-portfolio-list .thumb img {
    position: relative;
    z-index: 1;
    width: 280px;
    height: 500px;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

.apps-portfolio-list .thumb:after {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 300px;
    height: 560px;
    background: url(images/mobile-screen.png) top center no-repeat
}

.apps-portfolio-list .title {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 25px;
    bottom: 25px;
    font-size: 17px;
    font-weight: 600;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    border-radius: 30px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.apps-portfolio-list .title span {
    padding: 0 25px;
    width: 100%;
    display: block;
    line-height: 1.4;
    transform: translateY(25px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.apps-portfolio-list .thumb:hover .title {
    opacity: 1;
    visibility: visible
}

.apps-portfolio-list .thumb:hover .title span {
    transform: translateY(0px)
}

#apps-portfolio-slider {
    margin-top: 25px
}

#apps-portfolio-slider .owl-prev,
#apps-portfolio-slider .owl-next {
    padding: 0;
    background: none!important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: rgba(0, 0, 0, .3)!important
}

#apps-portfolio-slider .owl-nav svg {
    width: 30px;
    height: 22px;
    fill: currentColor
}

@media (min-width: 992px) {
    #latest-portfolio {
        padding: 75px 0
    }
    #apps-portfolio-slider {
        margin-top: 0
    }
    #apps-portfolio-slider .owl-nav {
        position: absolute;
        left: -200px;
        bottom: 0
    }
}

#apps-testimonial-slider .owl-stage {
    margin: 0 auto
}

#apps-testimonial-slider .owl-item {
    padding: 15px
}

.testimonial-item {
    margin: 0;
    padding: 25px;
    height: 100%;
    background: url(images/testimonial-quote.png) right bottom no-repeat #fff;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2)
}

.testimonial-item .description {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #707070
}

.testimonial-column {
    display: table;
    width: 100%
}

.testimonial-column>div {
    display: table-cell;
    vertical-align: middle
}

.testimonial-column .thumb {
    width: 60px
}

.testimonial-column .thumb img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.testimonial-column .title {
    padding-left: 15px
}

.testimonial-column .title h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #212121
}

.testimonial-column .title p {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    color: #1aa8e9
}

#apps-testimonial-slider .owl-dots {
    display: block
}

#apps-testimonial-slider .owl-dots .owl-dot span {
    margin: 5px;
    width: 20px;
    height: 2px;
    background: #969798
}

#apps-testimonial-slider .owl-dots .owl-dot.active span {
    width: 30px;
    background: #1aa8e9
}

.apps-faq {
    padding: 25px 0
}

.apps-faq .heading-title-3 {
    margin-top: 25px
}

.apps-faq .card {
    margin: 1px 0;
    background: transparent;
    border: 1px solid #ddd!important;
    padding: 10px 0;
    border-radius: 6px!important
}

.apps-faq .card-body {
    padding: 0 1.25rem 10px
}

.apps-faq .card .card-header:first-child,
.apps-faq .card .card-header:last-child {
    border-radius: 0!important
}

.apps-faq .card-header {
    border: none;
    margin: 0!important
}

.apps-faq .card-header a {
    padding: 10px 20px;
    padding-right: 50px;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    border-bottom: 1px solid #fff
}

.apps-faq .card-header a.collapsed {
    background: transparent
}

.apps-faq .card-body p:last-child {
    margin-bottom: 0
}

.apps-faq .accordion .card-header a:before,
.apps-faq .accordion .card-header a:after {
    width: 16px;
    left: auto;
    right: 20px;
    transform: rotate(45deg)
}

.apps-faq .accordion .card-header a:before {
    transform: rotate(-45deg);
    right: 30px
}

.apps-faq .accordion .card-header a.collapsed:before {
    transform: rotate(45deg)
}

.apps-faq .accordion .card-header a.collapsed:after {
    transform: rotate(-45deg)
}

@media (min-width: 992px) {
    .apps-faq {
        padding: 75px 0
    }
    .full-main-section .apps-faq,
    .full-main-section .why-ftx-half {
        padding: 75px
    }
    .apps-faq .heading-title-3 {
        margin-top: 0
    }
    .apps-faq .card {
        margin: 10px 0
    }
}

@media (min-width: 1200px) {
    .apps-faq .heading-title-3 .title {
        font-size: 35px
    }
}

.tm-heading.heading-hire {
    height: 620px
}

.tm-heading.heading-hire:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .8
}

.tm-heading.heading-hire .overlay {
    text-align: left
}

.tm-heading.heading-hire .simpleParallax {
    opacity: 1
}

.tm-heading.heading-hire h1 {
    color: #212121
}

.tm-heading.heading-hire p {
    color: #787878
}

.tm-heading.heading-hire ul {
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
}

.tm-heading.heading-hire ul li {
    margin: 5px 0;
    padding: 0;
    padding-left: 30px;
    background: url(images/hire-arrow.png) left 2px no-repeat;
    font-size: 14px;
    color: #8b8b8b
}

@media (min-width: 768px) {
    .tm-heading.heading-hire {
        height: 800px
    }
}

@media (min-width: 992px) {
    .tm-heading.heading-hire ul li {
        font-size: 17px;
        background-position: left 7px
    }
}

@media (min-width: 1200px) {
    .tm-heading.heading-hire:before {
        content: none
    }
    .tm-heading.heading-hire h1 {
        font-size: 50px
    }
}

#hire-php-developer {
    border-top: 1px solid #f5f7fa
}

.hire-php-developer-column {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center
}

.hire-php-left {
    width: 100%
}

.hire-php-right {
    width: 100%;
    padding: 0 15px
}

.hire-php-right h2 {
    margin: 0;
    padding: 25px 0;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    color: #000
}

.hire-php-right .description {
    font-size: 16px;
    line-height: 24px;
    color: #7c7c7c
}

.hire-employee-lists {
    margin: 30px 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column
}

.hire-employee-lists li {
    width: 100%;
    margin: 15px 0;
    padding: 0 15px;
    text-align: center
}

.hire-employee-inner {
    padding: 15px;
    border: 1px solid #2a9dcc;
    height: 100%
}

.hire-employee-inner span {
    display: block
}

.hire-employee-inner h5 {
    margin: 0;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase
}

.hire-employee-inner p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #5f5f5f
}

@media (min-width: 768px) {
    .hire-employee-lists {
        flex-direction: row
    }
    .hire-employee-lists li {
        width: 33.33%
    }
}

@media (min-width: 992px) {
    .hire-php-developer-column {
        flex-direction: row
    }
    .hire-php-left {
        width: 40%
    }
    .hire-php-right {
        width: 60%;
        padding-top: 25px;
        padding-bottom: 25px
    }
    .hire-php-right h2 {
        font-size: 45px
    }
}

@media (min-width: 1400px) {
    .hire-php-right {
        width: 40%
    }
}

.hire-developer-lists {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    border-top: 1px solid #f5f7fa
}

.hdl-left {
    width: 100%
}

.hire-developer-lists:nth-child(even) .hdl-left {
    text-align: right
}

.hdl-right {
    width: 100%;
    padding: 25px 15px 40px
}

.hdl-right h2 {
    margin: 0;
    padding: 0 0 25px;
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    color: #000
}

.hdl-right .description {
    font-size: 16px;
    line-height: 24px;
    color: #7c7c7c
}

.hdl-right .actions {
    text-align: center
}

@media (min-width: 992px) {
    .hire-developer-lists {
        flex-direction: row;
        padding: 50px 0
    }
    .hire-developer-lists:nth-child(even) {
        flex-direction: row-reverse
    }
    .hdl-left {
        width: 40%
    }
    .hdl-right {
        width: 60%
    }
    .hdl-right h2 {
        font-size: 32px
    }
    .hdl-right .actions {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .hdl-right h2 {
        font-size: 35px
    }
}

@media (min-width: 1400px) {
    .hdl-right {
        width: 40%
    }
}

@media (min-width: 1921px) {
    .hdl-right h2 {
        font-size: 45px
    }
}

.hire-work-portfolio {
    background: #f4f4f4;
    padding: 25px 0
}

.hire-work-portfolio .heading-title-3 p {
    color: #7e7b7b
}

.hire-work-portfolio #portfolioBtn {
    margin: 0;
    margin-bottom: 25px;
    padding: 50px 25px;
    background: #2d2d2d;
    list-style: none
}

.hire-work-portfolio #portfolioBtn li {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative
}

.hire-work-portfolio #portfolioBtn a {
    padding: 5px 0;
    display: block;
    color: #fff
}

.hire-work-portfolio #portfolioBtn a.active {
    color: #1aa8e9
}

.hire-work-portfolio #portfolioBtn a span {
    padding: 0 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    background: #2d2d2d
}

.hire-work-portfolio #portfolioBtn li a.active:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    background: #1aa8e9;
    z-index: 0
}

.hire-work-portfolio .portfolio-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.hire-work-portfolio .portfolio-items .item {
    flex-basis: 100%;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.hire-work-portfolio .portfolio-items .portfolio-desc {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .75);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hire-work-portfolio .portfolio-thumb {
    transform: scale(1)
}

.hire-work-portfolio .portfolio-items .link {
    position: relative;
    background: none;
    left: auto;
    bottom: auto;
    margin: 0 auto 25px
}

.hire-work-portfolio .portfolio-items .link svg {
    width: 100%;
    height: 100%
}

.hire-work-portfolio .portfolio-desc:before,
.hire-work-portfolio .portfolio-desc:after {
    content: '';
    position: absolute;
    width: 105px;
    height: 105px;
    border-top: 2px solid #1aa8e9;
    border-left: 2px solid #1aa8e9
}

.hire-work-portfolio .portfolio-desc:before {
    top: 25px;
    left: 25px
}

.hire-work-portfolio .portfolio-desc:after {
    bottom: 25px;
    right: 25px;
    transform: rotate(180deg)
}

.hire-work-portfolio .portfolio-desc h5 {
    padding: 0 15px;
    position: absolute;
    left: 25px;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

@media (min-width: 768px) {
    .hire-work-portfolio .portfolio-items .item {
        flex-basis: 50%;
        width: 50%
    }
}

@media (min-width: 992px) {
    .hire-work-portfolio {
        padding: 50px 0
    }
    .hire-work-portfolio .portfolio-items .item {
        flex-basis: 50%;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .hire-work-portfolio {
        padding: 75px 0
    }
    .hire-work-portfolio .portfolio-items .item {
        flex-basis: 33.33%;
        width: 33.33%
    }
}

.respTabs {
    padding: 0 10px
}

.respTabs .tabs {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center
}

.respTabs .tabs li {
    margin: 0 10px;
    padding: 30px 10px 20px;
    height: 150px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #000;
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
    position: relative;
    -webkit-border-radius: 11px;
    border-radius: 11px
}

@media (min-width: 992px) {
    .respTabs .tabs li {
        padding-left: 50px;
        padding-right: 50px;
        font-size: 21px
    }
}

.respTabs .tabs li strong {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 700;
    background: #4bacd4;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    border-radius: 25px
}

.respTabs .tabs li span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%
}

.respTabs .tabs li.active:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -35px;
    margin-left: -35px;
    display: block;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #4bacd4;
    z-index: 1
}

.respTabs .tabs li.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -34px;
    margin-left: -34px;
    display: block;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    border-top: 34px solid #fff;
    z-index: 1
}

.respTabs .tabs li.active {
    background: #fff;
    border-color: #4bacd4
}

.respTabs .tab_container {
    margin: 45px 0;
    background: #fff;
    border: 1px solid #e6e6e6
}

.respTabs .tab_content_inner {
    margin: 0;
    padding: 20px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #7f7e7e
}

.respTabs .tab_container h4 {
    margin: 0;
    padding: 25px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3
}

.respTabs .tab_drawer_heading {
    margin: 0;
    padding: 15px;
    padding-right: 45px;
    font-size: 18px;
    display: none;
    background: #fbfbfb;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.respTabs .tab_drawer_heading.d_active {
    color: #fff;
    background: #4bacd4
}

.respTabs .tab_drawer_heading:after,
.respTabs .tab_drawer_heading:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    top: 22px;
    background: #000
}

.respTabs .tab_drawer_heading:before {
    right: 28px;
    transform: rotate(-45deg)
}

.respTabs .tab_drawer_heading:after {
    right: 20px;
    transform: rotate(45deg)
}

.respTabs .tab_drawer_heading.d_active:before {
    background: #fff;
    transform: rotate(45deg)
}

.respTabs .tab_drawer_heading.d_active:after {
    background: #fff;
    transform: rotate(-45deg)
}

@media (min-width: 768px) {
    .respTabs .tab_content_inner {
        padding: 35px
    }
    .respTabs .tab_container h4 {
        font-size: 25px
    }
}

@media (max-width: 767px) {
    .respTabs .tabs {
        display: none
    }
    .respTabs .tab_drawer_heading {
        display: block
    }
    .respTabs .tab_container {
        margin: 0
    }
}

#hire-technology {
    margin: 0;
    padding: 0
}

#hireTech {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row
}

#hireTech .hire_tabs {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 90px
}

#hireTech .hire_tabs li {
    margin-bottom: 50px;
    position: relative
}

#hireTech .hire_tabs li:last-child {
    margin: 0
}

#hireTech .hire_tabs li:after {
    content: '';
    width: 1px;
    height: 40px;
    background: #000;
    display: block;
    margin: 0;
    position: absolute;
    left: 30px;
    bottom: -45px
}

#hireTech .hire_tabs li:last-child:after {
    content: none
}

#hireTech .hire_tabs li span {
    padding: 15px;
    display: block;
    width: 60px;
    height: 60px;
    background: #f3f4f5;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#hireTech .hire_tabs li span img {
    width: 100%
}

#hireTech .hire_tabs li.active span {
    background: #2a9dcc;
    border: 1px solid #2a9dcc
}

#hireTech .tab_container {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1
}

.hiretechnologies {
    background: url(https://www.ftxinfotech.com/wp-content/uploads/2020/01/techBg.jpg) center center no-repeat
}

.hire-tabs-inner {
    padding: 15px
}

.hire-tabs-inner h4 {
    margin: 0;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #1aa8e9
}

.hire-tabs-inner .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #757575
}

.hire-technology-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    height: 600px;
    display: none
}

.hire-technology-lists li {
    padding: 30px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.hire-technology-lists li img {
    width: 100%
}

.hire-technology-lists li:nth-child(1) {
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
    height: 180px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.hire-technology-lists li:nth-child(2) {
    position: absolute;
    left: 40%;
    top: 5%;
    width: 135px;
    height: 135px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.hire-technology-lists li:nth-child(3) {
    position: absolute;
    left: 20%;
    top: 40%;
    width: 175px;
    height: 175px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.hire-technology-lists li:nth-child(4) {
    position: absolute;
    right: 18%;
    top: 35%;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.hire-technology-lists li:nth-child(5) {
    position: absolute;
    left: 45%;
    bottom: 2%;
    width: 220px;
    height: 220px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@media (min-width: 768px) {
    .hire-tabs-inner h4 {
        font-size: 25px;
        padding: 25px 0
    }
}

@media (min-width: 1200px) {
    .hire-technology-lists {
        display: block
    }
}

#hire-testimonial-slider .owl-item {
    padding: 15px;
    text-align: center
}

#hire-testimonial-slider .testimonial-item {
    padding: 50px 25px;
    background: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

#hire-testimonial-slider .thumb {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto 25px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

#hire-testimonial-slider .thumb img {
    width: 110px;
    height: 110px
}

#hire-clients .owl-carousel .owl-stage {
    margin: 0 auto
}

#hire-testimonial-slider .owl-dots {
    display: block
}

#hire-testimonial-slider .owl-dots .owl-dot span {
    margin: 5px;
    width: 20px;
    height: 2px;
    background: #969798
}

#hire-testimonial-slider .owl-dots .owl-dot.active span {
    width: 30px;
    background: #1aa8e9
}

.hire-developer #homeTechnologies {
    background: #f9f9f9!important
}

.hire-developer #ask-questions {
    background-color: #eff1fe!important
}

#ask-questions .accordion .card {
    background: #fff;
    border: none;
    margin-bottom: 15px
}

#ask-questions .card-header {
    margin: 0;
    font-weight: 400;
    position: relative
}

#ask-questions .card-header:before {
    content: '';
    display: block;
    background: #000;
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#ask-questions .card-header a {
    padding: 12px 20px;
    padding-left: 55px;
    font-size: 18px;
    background: #1aa8e9
}

.accordion .card-header a:before,
.accordion .card-header a:after {
    width: 21px;
    height: 1px
}

#ask-questions .card-body {
    padding-left: 55px;
    font-size: 15px;
    font-weight: 400;
    color: #797979
}

#ask-questions .card-body p:last-child {
    margin-bottom: 0
}

.modal-backdrop {
    background: rgb(42 157 204)
}

.modalQuote .modal-container input[type=submit],
.modalFull .modal-container input[type=submit] {
    background: #252525
}

.modal.show {
    opacity: 1
}

.modal-backdrop.show {
    opacity: .95
}

.modalQuote,
.modalFull {
    padding: 0!important
}

.modalQuote .close,
.modalFull .close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    opacity: 1;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #fff
}

.modalQuote .close svg,
.modalFull .close svg {
    width: 28px;
    height: 28px;
    fill: currentColor
}

.modalQuote .modal-dialog,
.modalFull .modal-dialog {
    max-width: 100%;
    margin: 0
}

.modalQuote .modal-container,
.modalFull .modal-container {
    max-width: 715px;
    margin: 0 auto
}

.modalQuote .modal-content,
.modalFull .modal-content {
    margin: 0;
    color: #fff;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.modalQuote .modal-body,
.modalFull .modal-body {
    padding: 110px 20px
}

.modalQuote .f-form,
.modalFull .f-form {
    background: none;
    padding: 0
}

.modalQuote .form-group,
.modalFull .form-group {
    margin-bottom: 1.5rem
}

.modalQuote .label,
.modalFull .label {
    margin: 0 0 15px;
    padding: 0;
    display: block;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    white-space: normal
}

.modal .f-form .form-control.fname,
.modal .f-form .form-control.fcname,
.modal .f-form .form-control.fphone,
.modal .f-form .form-control.femail,
.modal .f-form .form-control.fmessage,
.modal .f-form .form-control.fdesignation,
.modal .f-form .form-control.fqualification,
.modal .f-form .form-control.fcity,
.modal .f-form input.form-control,
.modal .f-form textarea.form-control,
.modal .f-form select.form-control {
    border: none;
    background-color: #fff;
    border-radius: 35px;
    color: #000
}

.modalQuote .f-form .form-control.fname,
.modalFull .f-form .form-control.fname {
    background-image: url(images/f-name-b.svg);
    background-position: 35px center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalQuote .f-form .form-control.fcname,
.modalFull .f-form .form-control.fcname {
    background-image: url(images/f-company-b.svg);
    background-position: 35px center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalQuote .f-form .form-control.fphone,
.modalFull .f-form .form-control.fphone {
    background-image: url(images/f-phone-b.svg);
    background-position: 35px center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalQuote .f-form .form-control.femail,
.modalFull .f-form .form-control.femail,
.modalFull .f-form .form-control.femail:-webkit-autofill {
    background-image: url(images/f-email-b.svg);
    background-position: 35px center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalQuote .f-form .form-control.fmessage,
.modalFull .f-form .form-control.fmessage {
    background-image: url(images/f-message-b.svg);
    background-position: 35px 25px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalFull .f-form .form-control.fdesignation {
    background-image: url(images/f-designation-b.svg);
    background-position: 35px 25px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalFull .f-form .form-control.fcity {
    background-image: url(images/f-location-b.svg);
    background-position: 35px 25px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalQuote .f-form .custom-file-label:before,
.modalFull .f-form .custom-file-label:before {
    background-image: url(images/f-file.svg);
    background-position: left center;
    background-repeat: no-repeat
}

.modalFull .f-form .form-control.fapplypost {
    background-image: url(images/f-fapplypost-b.svg);
    background-position: 35px 25px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 70px
}

.modalFull .wpcf7-form-control-wrap.city {
    padding: 0
}

.modal .f-form .form-select .wpcf7-form-control-wrap {
    background: url(images/arrow-d.svg) right center no-repeat #fff;
    background-color: #fff;
    border-radius: 35px;
    color: #000;
    display: block
}

.modal .f-form .form-select .form-control {
    padding-left: 30px;
    padding-right: 60px;
    background: transparent;
    -webkit-appearance: none;
    appearance: none
}

.modal .f-form .form-select .wpcf7-form-control-wrap .fqualication {
    background: url(images/f-qualification-b.svg) 35px 25px no-repeat;
    padding-left: 70px;
    background-size: 18px;
    -webkit-appearance: none;
    appearance: none
}

.modalQuote .f-form .form-control::placeholder {
    color: #000
}

.modalQuote .f-form .form-control:-ms-input-placeholder {
    color: #000
}

.modalQuote .f-form .form-control::-ms-input-placeholder {
    color: #000
}

.modalFull .f-form .form-control::placeholder {
    color: #000
}

.modalFull .f-form .form-control:-ms-input-placeholder {
    color: #000
}

.modalFull .f-form .form-control::-ms-input-placeholder {
    color: #000
}

input:-webkit-autofill {
    background: none!important
}

input:-autofill {
    background: none!important
}

.modalQuote .checkbox-stylist,
.modalFull .checkbox-stylist {
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.modalQuote .wpcf7-list-item,
.modalFull .wpcf7-list-item {
    width: 50%;
    margin: 10px 0;
    padding: 0
}

.modalQuote .wpcf7-list-item input,
.modalFull .wpcf7-list-item input {
    display: none;
    opacity: 0;
    visibility: hidden
}

.checkbox-stylist label {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-right: 15px;
    cursor: pointer
}

.checkbox-stylist label:before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    border-radius: 5px
}

.checkbox-stylist .wpcf7-list-item-label:before,
.checkbox-stylist .wpcf7-list-item-label:after {
    position: absolute;
    display: block;
    width: 2px;
    height: 23px;
    background: #fff;
    opacity: 0
}

.checkbox-stylist .wpcf7-list-item-label:before {
    border-radius: 5px;
    transform: rotate(-130deg);
    left: 20px;
    top: -3px
}

.checkbox-stylist .wpcf7-list-item-label:after {
    height: 10px;
    transform: rotate(135deg);
    left: 8px;
    top: 7px
}

.modalQuote .wpcf7-list-item input:checked+.wpcf7-list-item-label:after,
.modalQuote .wpcf7-list-item input:checked+.wpcf7-list-item-label:before,
.modalFull .wpcf7-list-item input:checked+.wpcf7-list-item-label:after,
.modalFull .wpcf7-list-item input:checked+.wpcf7-list-item-label:before {
    opacity: 1
}

.modalQuote .f-form .custom-file-label,
.modalFull .f-form .custom-file-label {
    border-radius: 35px
}

.modalQuote .form-header,
.modalFull .form-header {
    text-align: center
}

.modalQuote h4,
.modalFull h4 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.5
}

.modalQuote .form-header p,
.modalFull .form-header p {
    font-size: 24px
}

.modalQuote .modal-footer,
.modalFull .modal-footer {
    display: none;
    background: #237bab;
    border: none;
    padding: 50px 20px;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0
}

.modalQuote .modal-footer .modal-container,
.modalFull .modal-footer .modal-container {
    max-width: 960px
}

.modalQuote .secure-text,
.modalFull .secure-text {
    background: url(images/secured.svg) left center no-repeat;
    background-size: 30px;
    padding-left: 50px;
    font-size: 13px;
    color: #fff
}

.modalQuote .secure-text span,
.modalFull .secure-text span {
    display: block;
    text-transform: uppercase
}

.contact-services-info {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.contact-services-info li {
    width: 25%;
    flex-basis: 25%;
    padding: 10px;
    text-align: center
}

.contact-services-info li>a,
.contact-services-info li>span {
    display: block;
    height: 100%;
    margin: 0;
    padding: 25px;
    font-size: 14px;
    letter-spacing: .4px;
    color: gray;
    background: #fff;
    border-radius: 11px
}

.contact-services-info li strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #00aaf2;
    padding-top: 10px
}

.contact-services-info .skype strong {
    color: #00aaf2
}

.contact-services-info .chat strong {
    color: #d80027
}

.contact-services-info .partner strong {
    color: #ffae34
}

.contact-services-info .contact strong {
    color: #9dc465
}

.contact-services-info .contact a {
    color: gray
}

.page-template-template-home-two #masthead {
    position: absolute
}

.page-template-template-home-two #masthead .header {
    background: none
}

.page-template-template-home-two #masthead .header img.homeLogo {
    display: block
}

.page-template-template-home-two #masthead .header img.innerLogo {
    display: none
}

.page-template-template-home-two #masthead .header #mega-menu-wrap-primary ul li a {
    color: #fff!important
}

.page-template-template-home-two #masthead .header .header-right ul li a {
    color: #fff!important
}

.page-template-template-home-two #masthead .header .header-right ul li a::before {
    background-position: -19px -9px!important
}

.page-template-template-home-two #masthead .header #mega-menu-wrap-primary ul li ul li a {
    color: #000!important
}

.page-template-template-home-two #masthead .header.sticky {
    background: #fff
}

.page-template-template-home-two #masthead .header.sticky img.homeLogo {
    display: none
}

.page-template-template-home-two #masthead .header.sticky img.innerLogo {
    display: block
}

.page-template-template-home-two #masthead .header.sticky #mega-menu-wrap-primary ul li a {
    color: #000!important
}

.page-template-template-home-two #masthead .header.sticky .header-right ul li a {
    color: #000!important
}

.page-template-template-home-two #masthead .header.sticky .header-right ul li a::before {
    background-position: -77px -41px!important
}

.page-template-template-home-two #masthead .header #mega-menu-wrap-primary ul li ul li.mega-menu-heading a {
    margin: 0;
    padding: 10px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2a9dcc!important;
    text-transform: none
}

section.tm-heading.gradient_bg {
    position: relative;
    min-height: 330px;
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1)
}

section.tm-heading.bg_gradient,
.bg_gradient,
.services-page .hire-dedicated {
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1)
}

section.tm-heading.gradient_bg h1 {
    margin-top: 0
}

.blogOverLay {
    background: none!important
}

.gradient_bg .overlay {
    position: absolute!important;
    width: 100%;
    transform: translateY(-50%)!important;
    top: 50%!important;
    left: 0;
    text-align: center;
    padding: 0!important
}

.innerReview .socialMedia {
    margin: 9px 0 0
}

.innerReview .socialMedia i {
    color: #fff;
    font-size: 20px
}

section.tm-heading.gradient_bg h1 {
    font-size: 32px
}

section.tm-heading.gradient_bg .description {
    font-size: 17px
}

#director_review {
    background: #f5f5f5;
    padding: 102px 0
}

.team-details-inner .inner h2 {
    margin-bottom: 11px;
    font-size: 22px;
    line-height: normal;
    color: #000248;
    margin-top: 0;
    padding: 0;
    text-align: left
}

.team-details-inner .inner span.subtitle {
    display: block;
    color: #2a9dcc;
    border-bottom: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left
}

ul.social-share {
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

ul.social-share li {
    margin: 0
}

.team-details-inner .inner ul.social-share li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    background: #0e76a8;
    display: inline-block;
    padding: 7px 12px;
    border-radius: 5px
}

.team-details-inner .inner .subtitle-2 p {
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px
}

.director_profile {
    position: relative;
    width: 45%
}

#director_review .thumbnail {
    position: relative;
    z-index: 2;
    margin-left: -60px
}

#director_review .thumbnail::before {
    content: "";
    background: #2a9dcc;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -23px;
    z-index: -1;
    top: -23px
}

#director_review .thumbnail .inner {
    padding: 19px 0 0
}

.inner_profile {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    margin-bottom: 18px
}

.inner_profile .hidden_content {
    position: absolute;
    left: 5%;
    bottom: 40px;
    width: 90%;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: rgba(42, 157, 204, .8);
    color: #fff;
    padding: 20px;
    height: 83%;
    border-radius: 6px
}

.inner_profile .hidden_content p {
    margin: 0;
    padding: 0;
    font-size: 15px
}

.inner_profile:hover .figure img {
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 7px
}

.team-details-inner .inner.row {
    justify-content: space-between
}

.inner_profile:hover .hidden_content {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.director-profile {
    position: relative;
    display: block;
    overflow: hidden
}

.director-profile .figure img {
    display: block;
    width: 100%;
    -webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%)
}

.team-details-inner {
    padding: 0 30px
}

#masthead .navigation #wp-megamenu-primary {
    background: none;
    text-align: center
}

#director_review .row {
    align-items: center
}

#director_review .padding-right {
    padding-right: 0!important
}

#address .location_img {
    height: 250px;
    overflow: hidden;
    margin: 0 0 10px
}

#address .location_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: unset
}

#director_review .item {
    position: relative
}

.director_review_detail {
    background: #fff;
    padding: 30px;
    width: 64%;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

#address .location_slider .item {
    background: #fff;
    min-height: 390px;
    border: 1px solid #e6e6e6
}

.inner_lo {
    padding: 1px 15px 22px
}

#address .location_slider .item h5 {
    font-size: 17px;
    text-transform: uppercase;
    margin: 15px 0 8px
}

#serviceSection .home_services .col-md-6.col-12.col-lg-4 {
    margin: 0 0 20px
}

.inner_service_listing .icon {
    position: relative;
    text-align: left
}

.inner_service_listing .stpes {
    text-transform: capitalize;
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 22px;
    color: #252525
}

.inner_service_listing .stpes a {
    color: #252525
}

.inner_service_listing .stpes a:hover {
    color: #2a9dcc
}

.inner_service_listing {
    height: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .5s ease-in-out 0;
    -moz-transition: all .5s ease-in-out 0;
    -ms-transition: all .5s ease-in-out 0;
    -o-transition: all .5s ease-in-out 0;
    transition: all .5s ease-in-out 0;
    position: relative;
    transition: .5s all ease;
    border-radius: 30px;
    padding: 34px 25px;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #efebeb
}

.inner_service_listing:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08)
}

.serv_list-1 .inner_service_listing {
    background: #e6f0f5
}

.serv_list-2 .inner_service_listing {
    background: #ebe7ef
}

.serv_list-3 .inner_service_listing {
    background: #fcf0e3
}

.serv_list-4 .inner_service_listing {
    background: #dffaf6
}

.serv_list-5 .inner_service_listing {
    background: #eefafb
}

.serv_list-6 .inner_service_listing {
    background: #efeadc
}

.home_services .item .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-size: 37px;
    color: #fff;
    transition: .5s all ease;
    line-height: 92px
}

.home_services .item .icon svg {
    width: 40px;
    height: 40px;
    position: static;
    transform: none;
    fill: #2a9dcc;
    margin: 18px 0 0
}

#serviceSection .home_services h2.h2 {
    font-size: 23px;
    line-height: 25px;
    text-align: center;
    margin: 0;
    width: 100%;
    color: #000;
    word-break: break-word;
    padding: 13px 0 0;
    font-weight: 700
}

#serviceSection .home_services .text {
    font-size: 16px;
    color: #333;
    text-align: left;
    margin: 10px 0 0
}

.serv_list-4,
.serv_list-5,
.serv_list-6 {
    margin-bottom: 0!important
}

.serviceLeftBar:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 30px 0;
    border-color: transparent #f5f5f5 transparent transparent;
    line-height: 0;
    _border-color: #000 #6980fe #000 #000;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%)
}

.home_services .item:hover::before {
    transform: scaleY(1)
}

#serviceSection .col-md-4:nth-child(9) .icon svg {
    fill: #ec616e
}

#serviceSection .col-md-4:nth-child(8) .icon svg {
    fill: #fd9705
}

#serviceSection .col-md-4:nth-child(7) .icon svg {
    fill: #57c4e6
}

#serviceSection .col-md-4:nth-child(6) .icon svg {
    fill: #0a1cb9
}

#serviceSection .col-md-4:nth-child(5) .icon svg {
    fill: #73b90a
}

#serviceSection .col-md-4:nth-child(4) .icon svg {
    fill: #ead207
}

#serviceSection .col-md-4:nth-child(3) .icon svg {
    fill: #d546bf
}

#serviceSection .col-md-4:nth-child(2) .icon svg {
    fill: #e9609e
}

#serviceSection .col-md-4:nth-child(1) .icon svg {
    fill: #b22222
}

#serviceSection .heading-title-2 {
    max-width: 100%!important
}

#serviceSection .actions {
    text-align: center;
    margin: 80px 0 0
}

.ftxcolor {
    text-align: center;
    width: 100%;
    margin: 0 0 49px;
    display: none
}

.page-template-template-career section.tm-heading.gradient_bg a {
    color: #fff
}

.graph-box {
    position: relative
}

.bar_img {
    position: relative
}

.bar_img .numbers {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
}

#skype {
    margin: 32px 0 0
}

#skype img {
    width: 63%
}

#blockchanin_services {
    background: #f5f5f5
}

.relat_position {
    position: relative
}

.shape_icon img.hover_img {
    display: none
}

.shape_icon img {
    max-width: 60px;
    max-height: 60px;
    transition: all .3s ease
}

.industries_block .shape_img img {
    width: 46%
}

.blockchain-service-list {
    margin-top: 60px
}

.blockchanin_services-inner {
    padding: 80px 0!important
}

@media (max-width: 767px) {
    .blockchain-service-list {
        margin-top: 30px;
    }
    .blockchanin_services-inner {
        padding: 60px 0!important
    }
}

.industries_block {
    margin: 0 0 29px
}

#blockchanin_services .heading-title-1.text-center {
    max-width: 100%
}

#blockchanin_services .blockchain-service-list.row h4 {
    font-size: 20px
}

#blockchanin_services .blockchain-service-list.row h4 a {
    color: #000;
}

#blockchanin_services .blockchain-service-list.row h4 a:hover {
    color: #2a9dcc;
}

#blockchanin_services .block_listing:hover a {
    color: #2a9dcc !important;
}

.block_listing {
    border: 1px solid #ccc;
    padding: 25px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    height: 100%
}

.block_listing:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    border-bottom: 4px solid #2a9dcc
}

.whychoose-blockchain {
    padding: 80px 0
}

.custom-image_layer {
    position: relative;
    max-width: 118%;
    margin-right: -105px
}

.custom-image_layer .img_layer_image_wrapper:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.custom-image_layer .img_layer_image_wrapper img {
    width: 100%
}

.infobox_wrapper {
    margin-right: 12%;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 15px 38px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 36px 30px 32px 40px
}

.infobox_wrapper:nth-child(2) {
    margin-left: 12%
}

.infobox_wrapper h3.title {
    font-size: 20px;
    margin: 0
}

.infobox_wrapper .heading-title-3 {
    padding: 0 0 9px
}

.info_content_wrapper .description p {
    margin: 0
}

.block_listing .list_des p {
    margin: 0
}

.hover_process_img {
    display: none
}

.work-block-two .inner-box {
    position: relative;
    display: block;
    text-align: center
}

.work-block-two .inner-box .arrow-box {
    position: absolute;
    top: 32px;
    right: -104px;
    width: 194px;
    height: 56px;
    background-repeat: no-repeat;
    background: url(images/arrow-1.png)
}

.work-block-two .inner-box .icon-box {
    position: relative;
    display: inline-block;
    font-size: 40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 52px
}

.work-block-two .inner-box .icon-box,
.work-block-two .inner-box .count-box {
    background: -webkit-linear-gradient(-45deg, #2a9dcc, #116283 100%);
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%)
}

.work-block-two .inner-box .icon-box .border-line {
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    bottom: -58px;
    width: 4px;
    height: 32px;
    background-repeat: no-repeat;
    background: url(images/border-1.png)
}

.work-block-two .inner-box .count-box {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 65px
}

.work-block-two .inner-box .count-box:before {
    position: absolute;
    content: '';
    border: 9px solid #fff;
    width: 58px;
    height: 58px;
    left: 1px;
    top: 1px;
    border-radius: 50%
}

.work-block:last-child .arrow-box {
    display: none
}

.work-block-two .inner-box .count-box span {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-family: 'Muli', Sans-serif;
    font-weight: 700;
    color: #fff;
    border-radius: 50%
}

.process_img {
    position: relative
}

.process_img img {
    width: 53%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 16px)
}

element.style {
    visibility: visible;
    animation-duration: 1500ms;
    animation-delay: 0;
    animation-name: slideInUp
}

.work-block-two .inner-box .content-box {
    position: relative;
    display: block;
    background: #fff;
    padding: 47px 30px 43px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1)
}

.work-block-two .inner-box .content-box:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 70px;
    height: 70px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    top: -10px
}

.work-block-two .inner-box .content-box h4 {
    margin-bottom: 12px;
    font-size: 20px
}

#process_ai {
    position: relative;
    padding: 80px 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#process_ai:before {
    position: absolute;
    content: '';
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    opacity: .9
}

.ai_service {
    background: #fff!important
}

#process_ai .container {
    position: relative
}

#process_ai .inner-content {
    margin: 64px 0 0;
    position: relative
}

#process_ai .inner-content .line {
    position: absolute;
    left: 0;
    top: 157px;
    width: 100%;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background: url(images/line-1.png);
    background-size: 100%
}

@media (max-width: 767px) {
    #process_ai .inner-content {
        margin-top: 30px;
    }
}

.work-block-two .inner-box .icon-box:before {
    position: absolute;
    content: '';
    background: #f6f6f6;
    width: 76px;
    height: 76px;
    left: 2px;
    top: 2px;
    opacity: 0;
    transition: all 500ms ease;
    border-radius: 50%
}

.work-block-two .inner-box:hover .process_img .showing_img {
    display: none
}

.work-block-two .inner-box:hover .process_img .hover_process_img {
    display: block
}

.work-block-two .inner-box:hover .icon-box:before {
    opacity: 1
}

.work-block-two .inner-box:hover .icon-box:after {
    opacity: 1
}

.work-block-two .inner-box .icon-box:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 2px dotted #f6f6f6;
    left: 0;
    top: 0;
    border-radius: 50%;
    opacity: 0;
    transition: all 500ms ease
}

.uberAccordion {
    padding: 0
}

.uberAccordion>li {
    list-style: none;
    margin: 0
}

.uberAccordion>li>h1 {
    background-color: #e3e3e3;
    margin: 0;
    font-size: 22px;
    padding: 13px 3px;
    cursor: pointer;
    text-transform: uppercase
}

#hero-slider-home .content {
    height: 100%;
    position: relative;
    width: 92%
}

.vector_img {
    height: 100%;
    text-align: center
}

#hero-slider-home .vector_img img {
    width: auto;
    display: inline-block
}

.uberAccordion>li:nth-child(1) h1 {
    background: #1b1555;
    color: #fff
}

.uberAccordion>li:nth-child(2) h1 {
    background: #2baadf;
    color: #fff
}

.uberAccordion>li:nth-child(3) h1 {
    background: #05bba9;
    color: #fff
}

.uberAccordion .uberAccordion>li>h1 {
    font-size: 12px;
    padding: 5px
}

.uberAccordion .uberAccordion>li>div {
    background-color: #666;
    color: #FFF
}

.processFlow:last-child .box-loader {
    display: none
}

.step-desc {
    margin: 68px 0 0
}

.step-desc h4 {
    letter-spacing: 2px;
    font-weight: 600;
    min-height: 40px;
    font-size: 18px
}

#processSection .heading-title-1.text-center {
    max-width: 70%;
    margin: 0 auto 77px
}

#processSection {
    background: #fff;
    padding: 80px 0
}

#svg-container svg path {
    stroke: #c8ced0!important
}

.uberAccordion.accordion-vertical {
    height: 100%
}

.uberAccordion .uberAccordion.accordion-vertical {
    height: 260px
}

.accordionContainer,
#hero-slider-home {
    height: 100%
}

#homeSlider .row {
    align-items: center;
    height: 100%
}

#homeSlider .row .left_banner_content {
    text-align: left;
    padding-left: 0;
    font-size: 20px;
    line-height: 38px
}

.vector_img img {
    width: 70%
}

#homeSlider .row h2 {
    margin: 0 0 10px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: 0
}

#hero-slider-home a.homeBtn:hover {
    background: #252525
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.about_us_menu.wpmm_dropdown_menu ul.wp-megamenu-sub-menu:before {
    bottom: 100%;
    left: 15%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fdfdfd;
    border-width: 15px;
    margin-left: -15px
}

.budget.margin-auto span.wpcf7-form-control-wrap.budget select {
    padding: 0;
    background: none
}

.budget.margin-auto span.wpcf7-form-control-wrap.budget {
    background: #ebf7fc;
    border: none;
    height: auto;
    padding: 25px 26px;
    font-size: 16px;
    color: #161616;
    margin: 0!important;
    width: 100%;
    border-radius: 10px;
    display: block
}

.disable a {
    pointer-events: none
}

#hero-slider-home a.homeBtn {
    background: #2a9dcc;
    color: #fff;
    display: inline-block;
    padding: 7px 37px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    border-radius: 8px;
    margin: 25px 0 0;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px
}

.Marquee-tag {
    text-align: center
}

#customer_logo_outer {
    margin: 0;
    background: url(images/bannerbg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    padding: 5px 0
}

#customer_logo_outer .figure img {
    max-width: 150px;
    max-height: 65px;
    width: auto;
}

.service_bar__left {
    background: url(images/Our-Services.jpg) no-repeat;
    height: 100%;
    position: relative;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: top;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 32px
}

.service_bar__left:after {
    content: "";
    background: rgba(0, 0, 0, .6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.service_bar__left .inner {
    position: relative;
    z-index: 9;
    color: #fff
}

.service_bar__left .inner h2.title {
    color: #fff
}

.service_bar__left .inner p {
    color: #fff!important
}

.service_bar__left .actions.float-right {
    margin: 0!important;
    width: 100%
}

.pos-r {
    position: relative
}

#svg-container {
    position: absolute;
    width: 100%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 100%
}

.processFlow {
    position: relative;
    z-index: 2
}

#svgC {
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 9
}

.work-process {
    position: relative
}

.work-process .box-loader {
    position: absolute;
    top: 135px;
    right: -15%;
    left: inherit;
    border-radius: 100%;
    margin: 0 auto
}

.box-loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #2575fc;
    margin: 0 5px;
    opacity: 0
}

.box-loader span:nth-child(1) {
    animation: opacitychange 1s ease-in-out infinite
}

.box-loader span:nth-child(2) {
    animation: opacitychange 1s ease-in-out .33s infinite
}

.box-loader span:nth-child(3) {
    animation: opacitychange 1s ease-in-out .66s infinite
}

.step-num-box {
    position: relative;
    display: inline-block;
    margin-bottom: 20px
}

.step-icon {
    background: #fff;
    width: 140px;
    height: 140px;
    position: relative;
    border: 3px solid #fafaff;
    border-radius: 50%;
    line-height: 140px;
    font-size: 40px;
    text-align: center;
    color: #1c1d3e
}

.step-icon span {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: -7px;
    overflow: hidden
}

.step-num {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4);
    color: #005bea;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    right: 0;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px
}

#homePress {
    background: url(images/press-release-bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    padding: 50px 0;
    background-position: center center
}

#homePress h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 7px
}

#homePress .posttitle {
    font-size: 31px;
    color: #fff;
    line-height: 37px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 13px 0;
    display: block
}

#homePress .get_info a.read-more:hover {
    background: #2a9dcc!important;
    color: #fff
}

#homePress .get_info a.read-more {
    background: #fff;
    color: #2a9dcc;
    margin: 14px 0 0;
    padding: 15px 35px
}

#homePress .row {
    align-items: center
}

#homePage .service-technology ul.nav-tabs li {
    display: block!important
}

#new-process_part .process_counter:before {
    display: none
}

#new-process_part .process_counter {
    background: none;
    min-height: inherit;
    padding: 25px 0 0
}

#new-process_part span.card-title {
    color: #2a9dcc
}

#new-process_part h6 {
    color: #000;
    padding: 0;
    margin-bottom: 0
}

#new-process_part article.article {
    margin: 9px 0 0
}

#new-process_part {
    text-align: center;
    z-index: 2
}

#new-process_part figure.icon {
    border: 2px solid #24a8d0;
    border-radius: 100%;
    background: #fff;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    max-width: 177px;
    box-shadow: 0 45px 34px -16px rgba(2, 13, 57, 0.15)
}

#new-process_part figure.icon:before {
    content: "";
    float: left;
    padding-top: 100%
}

#new-process_part figure.icon img {
    max-height: 100%;
    width: 55%;
    margin: 35px 0 0
}

.work-process-1 .innerProcess {
    margin-top: 92px
}

.work-process-3 #new-process_part {
    margin-top: 92px
}

#processSection .processing {
    position: relative
}

#processSection .processing #wave {
    background: url(images/Wave.gif) no-repeat;
    width: 80%;
    position: absolute;
    top: 33px;
    height: 229px;
    background-size: 96%;
    left: 10%
}

.work-process-1 #new-process_part .process_counter span {
    color: #00c7ce
}

.work-process-1 #new-process_part figure.icon {
    border-color: #00c7ce
}

.work-process-2 #new-process_part .process_counter span {
    color: #99d20d
}

.work-process-2 #new-process_part figure.icon {
    border-color: #99d20d
}

.work-process-3 #new-process_part .process_counter span {
    color: #fac32a
}

.work-process-3 #new-process_part figure.icon {
    border-color: #fac32a
}

.work-process-4 #new-process_part .process_counter span {
    color: #f95868
}

.work-process-4 #new-process_part figure.icon {
    border-color: #f95868
}

.block_listing_process {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    padding: 39px 0;
    position: relative
}

div#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#automationProcess {
    padding: 100px 0
}

#automationProcess .heading-title-1.text-center {
    max-width: 100%;
    margin-bottom: 46px
}

#whyautomation {
    background: #f5f5f5;
    padding: 70px 0
}

#whyautomation .heading-title-1.text-center {
    max-width: 100%;
    margin-bottom: 60px
}

#whyautomation .innerWhy_test {
    background: #fff;
    box-shadow: 0 0 12px #e6e5e5;
    margin: 0 0 19px;
    display: flex;
    align-items: center;
    padding: 20px 24px
}

#whyautomation .innerWhy_test .float-left.icon img {
    width: 60%;
    margin: 17px 16px
}

#whyautomation .innerWhy_test .float-left.icon {
    background: #2a9dcc;
    border-radius: 100%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin-right: 16px
}

#whyautomation .innerWhy_test h5 {
    margin: 0 0 4px;
    font-size: 18px
}

#whyautomation .innerWhy_test p {
    margin: 0;
    font-size: 16px
}

#whyautomation .innerWhy_test:nth-child(2) .float-left.icon {
    background: #00c7ce
}

#whyautomation .innerWhy_test:nth-child(3) .float-left.icon {
    background: #99d20d
}

#whyautomation .innerWhy_test:nth-child(4) .float-left.icon {
    background: #fac32a
}

.automationTestImg figure.figure img {
    animation: floating2 7s infinite;
    -webkit-animation: floating2 7s infinite
}

.products_menu>.wp-megamenu-sub-menu>li {
    display: none;
}

.products_menu>.wp-megamenu-sub-menu>li:nth-child(1) {
    display: block !important;
    margin-bottom: 10px
}

.products_menu>.wp-megamenu-sub-menu ul ul>li:nth-child(1) {
    height: 70px;
}

.products_menu .wp-megamenu-sub-menu li img {
    max-width: 150px !important;
    max-height: 70px;
    width: auto;
}

@keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

@-webkit-keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
    50% {
        -webkit-transform: rotateX(0deg) translateY(15px);
        -moz-transform: rotateX(0deg) translateY(15px);
        -ms-transform: rotateX(0deg) translateY(15px);
        -o-transform: rotateX(0deg) translateY(15px);
        transform: rotateX(0deg) translateY(15px);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translateY(0px);
    }
}

#auto_tool {
    padding: 70px 0;
    background: #f5f5f5;
    margin-bottom: 50px
}

#auto_tool img.hover_img {
    display: none
}

#auto_tool .sub-item {
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    padding: 29px 21px;
    border-radius: 6px;
    webkit-transition: all .3s ease-out 0;
    -moz-transition: all .3s ease-out 0;
    -ms-transition: all .3s ease-out 0;
    -o-transition: all .3s ease-out 0;
    transition: all .3s ease-out 0
}

#auto_tool .sub-item:hover {
    background: #2a9dcc;
    background: -moz-linear-gradient(left, #2a9dcc 0%, #4481cd 100%);
    background: -webkit-linear-gradient(left, #2a9dcc 0%, #4481cd 100%);
    background: linear-gradient(to right, #2a9dcc 0%, #4481cd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#4481cd', GradientType=1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1)
}

#auto_tool .sub-item:hover .display {
    display: none
}

#auto_tool .sub-item:hover .hover_img {
    display: block
}

#auto_tool .sub-item:hover span {
    color: #fff
}

#auto_tool .icon {
    min-height: 75px;
    overflow: hidden
}

#auto_tool .icon img {
    width: 22%
}

#auto_tool .sub-item h3 {
    font-size: 18px;
    margin: 16px 0 9px
}

#auto_tool .sub-item:hover h3 {
    color: #fff
}

#auto_tool .heading-title-1.text-center {
    max-width: 100%;
    margin-bottom: 52px
}

#client_Review {
    background: #f5f5f5;
    padding: 80px 0;
    margin-bottom: 50px
}

#client-slider .owl-dots button.active span {
    background: #2b9ac9;
    width: 12px;
    height: 12px
}

#client-slider .owl-dots button span {
    margin: 0 8px 0 0
}

#client-slider .owl-dots {
    display: block;
    text-align: center;
    margin: 0
}

#cloud_computing_Services {
    background: #f5f5f5
}

#cloud_computing_Services .heading-title-1.text-center {
    max-width: 100%
}

.cloud_listing {
    background: #fbfbfb;
    padding: 20px;
    margin: 0 0 24px;
    position: relative;
    transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border-radius: 4px;
    min-height: 250px;
    overflow: hidden;
    border-style: solid;
    border-color: #F2F2F4;
    border-width: 1px
}

.cloud_listing:hover {
    -webkit-box-shadow: 4.871px 34.659px 30px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 4.871px 34.659px 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 4.871px 34.659px 30px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid #f2f2f4
}

.cloud_listing:before {
    width: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.cloud_listing:hover::before {
    width: 100%;
    background: #2a9dcc
}

.cloud_listing .shape_icon img {
    max-width: inherit;
    max-height: inherit
}

.cloud_listing h4 {
    margin: 16px 0 13px;
    font-size: 20px
}

.cloud_inner_services {
    margin-top: 60px
}

#director_review .owl-nav {
    position: absolute;
    width: 100%;
    top: 34%;
    left: 0;
    transform: translateY(-50%);
    margin-left: 99px
}

#director_review .owl-nav button span {
    background: url(images/crew_arrow.png) no-repeat;
    font-size: 0;
    width: 29px;
    height: 29px;
    display: inline-block
}

#director_review .owl-nav button.owl-next span {
    background-position: -30px 0
}

#director_review .owl-nav button.owl-prev span {
    background-position: 0 0
}

#director_review .owl-nav button {
    opacity: 1;
    margin: 0
}

#director_review .owl-nav button:hover {
    background: none
}

.hireCreative .figure img {
    width: 68%
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.current-menu-item>a,
ul.wp-megamenu li ul.wp-megamenu-sub-menu .wpmm-vertical-tabs-nav ul li.active>a,
ul.wp-megamenu li ul.wp-megamenu-sub-menu .wpmm-vertical-tabs-nav ul li.active {
    color: #45c5eb!important;
    background-color: inherit
}

.current-menu-item>a {
    color: #45c5eb!important
}

.wp-megamenu-wrap .wpmm-nav-wrap>ul>li>a:hover {
    color: #45c5eb!important
}

.block_listing:hover .hover_img {
    display: block
}

.block_listing:hover .icon {
    display: none
}

.block_listing:hover img.main_img {
    display: none
}

.solutiions_center .title {
    position: static!important;
    padding: 0!important;
    background: none!important
}

.solutiions_center .content {
    font-size: 14px;
    text-transform: none;
    font-weight: 400
}

.solutiions_center {
    position: absolute;
    left: 0;
    right: 1px;
    top: 50%;
    margin: 0;
    padding: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    transform: translateY(-50%);
    z-index: 9
}

.business-inteligent-solutions figure.figure:before {
    content: "";
    background: rgba(0, 0, 0, .4);
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9
}

.business-inteligent-solutions figure.figure {
    height: 100%
}

.business-inteligent-solutions figure.figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.solutiions_center .title {
    position: static!important;
    padding: 0 0 10px!important;
    background: none!important
}

.business-inteligent-solutions {
    padding-bottom: 0!important
}

.chooseListing,
.blockchain-service-list {
    justify-content: center
}

#methodology {
    background: #f5f5f5;
    padding-bottom: 45px
}

#methodology .study-research-list ul li {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%
}

#business-int #service-hire-dedicated {
    color: #fff
}

#business-int #service-hire-dedicated h3 {
    color: #fff
}

#service_ftx_info ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#service_ftx_info ul li {
    position: relative;
    padding-left: 20px;
    list-style: none
}

#service_ftx_info ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 14px;
    top: 4px;
    color: #54595F;
    font-weight: 400
}

#service_ftx_info {
    padding: 50px 0
}

#ai_service_offer .blocks {
    flex-basis: 32%;
    margin: 0 6px 12px
}

#our_service_Data .innner_Data {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    padding: 16px;
    min-height: 400px
}

#data_service {
    margin-top: 52px
}

#why_ftx_info_data {
    padding: 80px 0
}

#why_ftx_info_data ul li {
    position: relative;
    padding: 0 0 5px 20px
}

#why_ftx_info_data ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#why_ftx_info_data ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 14px;
    top: 4px;
    color: #54595F;
    font-weight: 400
}

#ourDevelopment {
    padding: 50px 0
}

#cms_service_page #homeTechnologies .innStr {
    width: 100%;
    list-style: none;
    padding: 25px 0 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center
}

#cms_service_page #homeTechnologies {
    background: #fff!important
}

#cms_service_page .cms_workflow {
    background: #fff!important
}

#why_cms {
    padding: 70px 0;
    background: #f5f5f5
}

#cms_service_page .cms_workflow .innerhIre {
    min-height: 120px!important
}

section.tm-heading.gradient_bg a.btn.btn-primary {
    background: #252525
}

section.tm-heading.gradient_bg a {
    color: #fff;
}

section.tm-heading.gradient_bg a:hover {
    color: #000000;
    text-decoration: underline !important;
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.about_scroll_menu.current-menu-item>a {
    color: #282828!important
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li.about_scroll_menu.current-menu-item>a:hover {
    color: #45c5eb!important
}

#vulnerability .heading-title-2 {
    margin: 0 auto 55px
}

#vulnerability .blockchanin_services-inner {
    background: #f5f5f5
}

#vulnerability_main #methodology {
    background: #fff
}

#vulnerability_main #methodology .study-research-detail {
    box-shadow: 0 0 14px #ccc
}

#hire-developer-front-eng {
    background: #fff!important;
    padding: 30px 0
}

#hire-developer-front-eng .product-process-list li {
    background: #fff
}

#hire-developer-front-eng .product-process-list li::before {
    background: #fff
}

.page-template-template-artificial-intelligent #whychoose {
    background: #fff
}

.page-template-template-artificial-intelligent #whychoose .chooseListing .inside {
    border: 1px solid rgba(0, 0, 0, 0.09)
}

.page-template-template-artificial-intelligent #service_ftx_info {
    background: #f5f5f5!important
}

.key-offering-section {
    background: #f5fcff
}

.light-blue {
    background: #eef7fa!important
}

#whychoose_career {
    margin-bottom: 0
}

.page-template-template-career .services-page {
    margin-bottom: 70px
}

#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.about_us_menu.wpmm_mega_menu>ul.wp-megamenu-sub-menu>li:nth-child(2) ul li #service_menu {
    padding-top: 10px;
    padding-bottom: 10px
}

#homePress .homeLogo {
    width: 130px;
}

footer .footer_logo {
    max-width: 130px;
}

@media (max-width: 767px) {
    .industries_block {
        margin: 0 0 30px
    }
    .industries_block:last-child {
        margin-bottom: 0;
    }
    .blockchanin_services-inner.cap-service {
        padding-bottom: 0
    }
    .modalQuote h4,
    .modalFull h4 {
        font-size: 28px
    }
    .modalQuote .form-header p,
    .modalFull .form-header p {
        font-size: 18px
    }
    .modalQuote .modal-body,
    .modalFull .modal-body {
        padding: 75px 20px 25px
    }
    .modalQuote .modal-footer,
    .modalFull .modal-footer {
        padding: 30px 20px
    }
    .contact-services-info li {
        width: 50%;
        flex-basis: 50%
    }
    .modalQuote .wpcf7-list-item,
    .modalFull .wpcf7-list-item {
        width: 100%
    }
    .modalQuote .f-form .custom-file-label,
    .modalFull .f-form .custom-file-label {
        height: auto;
        display: block;
        position: relative
    }
    #homeSlider .row .left_banner_content {
        text-align: center!important;
        padding-left: 0!important;
        padding-bottom: 34px;
        font-size: 15px;
        line-height: 31px
    }
    #homePress {
        text-align: center
    }
    #homePress figure.figure img {
        width: 77%
    }
    #homePress figure.figure {
        margin: 40px 0 0
    }
    .uberAccordion>li>h1 {
        font-size: 15px;
        padding: 8px 3px
    }
    #client_Review {
        padding: 50px 0;
        margin-bottom: 0
    }
    #homeSlider .content {
        padding: 50px 12px 28px
    }
    #homeSlider .row {
        align-items: center;
        height: 100%;
        margin: 0
    }
    #homeSlider .row h2 {
        margin: 0 0 10px;
        text-transform: uppercase;
        font-size: 24px!important
    }
    #homeSlider {
        height: auto!important
    }
    #aboutSection {
        padding-top: 9px
    }
    #client-slider .owl-dots {
        padding: 0 21px;
        text-align: center
    }
    .home-silder_bg {
        min-height: 920px!important
    }
    #homeSlider .owl-dots {
        display: block;
        position: absolute;
        z-index: 9;
        bottom: 0;
        width: 100%;
        left: 0
    }
    #homeSlider .owl-dots button span {
        background: #929292;
        height: 6px;
        width: 20px
    }
    #homeSlider .owl-dots button.active span {
        background: #cdcdcd
    }
}

@media (max-width: 575px) {
    .contact-services-info {
        flex-direction: column
    }
    .contact-services-info li {
        width: 100%;
        flex-basis: 100%
    }
    .home-silder_bg {
        min-height: 722px!important
    }
}

.team-expert-inner h2 {
    font-size: 24px;
    line-height: 1.4
}

.team-expert-inner p {
    font-size: 16px;
    line-height: 1.3
}

@media (min-width: 768px) {
    .team-expert-inner h2 {
        font-size: 30px
    }
    .team-expert-inner p {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .team-expert-inner h2 {
        font-size: 45px
    }
    .team-expert-inner p {
        font-size: 24px
    }
}

.team-director {
    background: #f5f5f5;
    position: relative;
    padding-top: 30px
}

.vtext {
    margin-bottom: 10px;
    display: block;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #2a9dcc;
    line-height: 1.1;
    letter-spacing: 3px;
    text-transform: uppercase
}

.team-director-content {
    padding-top: 60px;
    padding-bottom: 30px
}

.team-director-content h2 {
    font-size: 24px
}

.team-director-content p {
    font-size: 16px
}

@media (min-width: 992px) {
    .team-director {
        padding-top: 60px
    }
    .team-director-content {
        padding-top: 70px;
        padding-bottom: 50px
    }
    .team-director-content h2 {
        font-size: 35px
    }
    .team-director-content p {
        font-size: 18px
    }
    .vtext {
        width: 500px;
        margin-bottom: 0;
        font-size: 60px;
        line-height: 1.1;
        letter-spacing: 10px;
        position: absolute;
        top: 50%;
        right: -470px;
        opacity: .5;
        -webkit-transform: rotate(90deg) translate3d(-50%, 0, 0);
        -moz-transform: rotate(90deg) translate3d(-50%, 0, 0);
        -ms-transform: rotate(90deg) translate3d(-50%, 0, 0);
        -o-transform: rotate(90deg) translate3d(-50%, 0, 0);
        transform: rotate(90deg) translate3d(-50%, 0, 0);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.team-items .team-item {
    position: relative;
    margin: 0;
    padding: 30px 0;
    background: #4481cd;
    background: -moz-linear-gradient(-45deg, rgba(68, 129, 205, 1) 0%, rgba(42, 157, 204, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(68, 129, 205, 1) 0%, rgba(42, 157, 204, 1) 100%);
    background: linear-gradient(135deg, rgba(68, 129, 205, 1) 0%, rgba(42, 157, 204, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4481cd', endColorstr='#2a9dcc', GradientType=1)
}

.team-items .team-item:nth-child(even) {
    background: #3d3434;
    background: -moz-linear-gradient(-45deg, rgba(61, 52, 52, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(61, 52, 52, 1) 0%, rgba(33, 33, 33, 1) 100%);
    background: linear-gradient(135deg, rgba(61, 52, 52, 1) 0%, rgba(33, 33, 33, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3d3434', endColorstr='#212121', GradientType=1)
}

.team-items .vtext {
    color: #eff8fc
}

@media (min-width: 992px) {
    .team-items .team-item {
        padding: 60px 0;
        min-height: 600px
    }
    .team-items .team-item:nth-child(odd) .vtext {
        right: auto;
        left: 40px;
        -webkit-transform: rotate(-90deg) translate3d(-50%, 0, 0);
        -moz-transform: rotate(-90deg) translate3d(-50%, 0, 0);
        -ms-transform: rotate(-90deg) translate3d(-50%, 0, 0);
        -o-transform: rotate(-90deg) translate3d(-50%, 0, 0);
        transform: rotate(-90deg) translate3d(-50%, 0, 0);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (min-width: 1400px) {
    .team-items .team-item:nth-child(odd) .vtext {
        left: 30px
    }
}

.team-items .team-item h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.team-lists {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.team-lists li {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    cursor: pointer
}

.team-lists .team-list-inner {
    padding: 15px;
    display: inline-block
}

.team-lists li .thumb {
    display: block
}

.team-lists li h3 {
    margin: 20px 0 5px;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.team-lists li p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

@media (min-width: 768px) {
    .team-lists li {
        width: 50%
    }
}

@media (min-width: 992px) {
    .team-lists {
        padding-left: 70px;
        padding-right: 70px
    }
    .team-lists li {
        width: 25%
    }
    .team-lists li .team-list-inner {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .team-lists li:hover .team-list-inner {
        background: #000;
        transform: translateY(-5px)
    }
    .team-items .team-item h2 {
        font-size: 35px
    }
}

#product-header {
    padding-bottom: 8%
}

#product-header:after {
    content: '';
    position: absolute;
    background: url(images/product-header-wave.png) center 101% no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

#product-header h1 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase
}

#product-header p {
    font-size: 18px;
    color: #fff
}

#product-header .action {
    padding-bottom: 25px
}

#product-logos {
    padding: 15px 0 0
}

.product-logo-head {
    margin: 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.product-logo-head * {
    flex-grow: 1
}

.product-logo-head strong {
    padding: 5px 20px;
    max-width: 150px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    background: #40c0e7;
    color: #fff;
    border-radius: 15px
}

.product-logo-head span {
    max-width: 100%;
    padding: 5px;
    font-size: 16px;
    text-align: center
}

#product-logos-slider {
    margin: 15px 0 0;
    text-align: center
}

#product-logos-slider .owl-item {
    text-align: center;
    padding: 0 10px
}

#product-logos-slider .owl-item img {
    width: auto;
    display: inline-block
}

#product-difference .heading-title-2 {
    max-width: inherit
}

#product-difference .p-d-lists {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center
}

#product-difference .p-d-list {
    padding: 15px;
    text-align: center
}

.p-d-inner {
    padding: 15px;
    background: #f9f9f9;
    height: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

#product-difference .p-d-list h3 {
    margin: 10px 0;
    padding: 0;
    font-family: 'Muli', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    text-transform: none;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

#product-difference .p-d-list p {
    font-size: 15px
}

.product-lists-section {
    overflow: hidden
}

.product-lists-section .product-list img {
    width: 100%
}

.product-lists-section .product-list {
    background-position: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.product-lists-section .product-list:nth-child(2),
.product-lists-section .product-list:nth-child(4),
.product-lists-section .product-list:nth-child(6) {
    background-color: #f5f5f5
}

.product-lists-section .product-list:nth-child(2) .title,
.product-lists-section .product-list:nth-child(2) .description,
.product-lists-section .product-list:nth-child(4) .title,
.product-lists-section .product-list:nth-child(4) .description,
.product-lists-section .product-list:nth-child(6) .title,
.product-lists-section .product-list:nth-child(6) .description {
    color: #000
}

.product-lists-section .product-list:nth-child(2) .col-12:nth-child(1),
.product-lists-section .product-list:nth-child(4) .col-12:nth-child(1),
.product-lists-section .product-list:nth-child(6) .col-12:nth-child(1) {
    order: 2
}

.product-lists-section .product-list:nth-child(2) .col-12:nth-child(2),
.product-lists-section .product-list:nth-child(2) .col-12:nth-child(4),
.product-lists-section .product-list:nth-child(2) .col-12:nth-child(6) {
    order: 1
}

.product-lists-section .product-list:nth-child(3),
.product-lists-section .product-list:nth-child(5) {
    background-color: #fff
}

.product-list-inner {
    padding: 0 15px 30px
}

@media (min-width: 992px) {
    .product-list-inner {
        padding-top: 30px;
        padding-bottom: 60px
    }
}

.product-lists-section .product-list:nth-child(3) .product-list-inner {
    padding: 0 10px
}

.product-list-inner .heading-title-2 {
    padding-top: 25px
}

#product-2-section {
    background: #f5f5f5;
    margin-bottom: 50px
}

#product-lists-slider .items {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

#product-lists-slider .items .text {
    padding: 50px 15px 30px;
    text-align: center
}

#product-lists-slider .items .heading-title-2 {
    padding-top: 25px
}

#product-lists-slider .owl-item img {
    width: auto
}

#product-lists-slider .owl-dots {
    display: block;
    text-align: center
}

#product-lists-slider .owl-dots span {
    margin: 0 5px;
    display: block;
    width: 25px;
    height: 8px;
    background: #000;
    border-radius: 5px
}

#product-lists-slider .owl-dots .active span {
    background: #2a9dcc
}

.product-page .heading-title-3 .subtitle strong {
    color: #35b7de
}

.product-page #industries {
    background: #f7f7f7
}

@media (min-width: 768px) {
    .product-logo-head {
        padding: 3px 5px;
        flex-direction: row;
        justify-content: flex-start
    }
    .product-logo-head span {
        text-align: left
    }
    #product-difference .p-d-lists {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
    #product-difference .p-d-list {
        width: 50%
    }
    #product-lists-slider .items {
        flex-direction: row
    }
    #product-lists-slider .items .thumbnail {
        width: 40%;
        order: 2
    }
    #product-lists-slider .items .text {
        order: 1;
        width: 50%;
        padding: 50px 30px;
        text-align: left
    }
    #product-lists-slider .owl-dots {
        margin-left: 30px;
        text-align: left
    }
    #product-lists-slider .owl-dots span {
        width: 75px
    }
}

@media (min-width: 992px) {
    #product-header h1 {
        font-size: 35px
    }
    #product-header p {
        font-size: 20px
    }
    #product-logos {
        padding-top: 50px
    }
    .product-logo-head strong {
        padding: 5px 10px;
        max-width: 120px
    }
    #product-logos-slider {
        margin: 0
    }
    .product-list-inner {
        padding: 20px 20px 50px
    }
    #product-lists-slider .items .text {
        padding: 50px
    }
    #product-lists-slider .owl-dots {
        margin-left: 50px
    }
}

@media (min-width: 1200px) {
    #product-header h1 {
        font-size: 40px
    }
    #product-header p {
        font-size: 22px
    }
    #product-difference .p-d-list {
        width: 33%
    }
    #product-lists-slider .items .text {
        width: 40%;
        padding: 50px 0;
        margin: 0 10%
    }
    #product-lists-slider .owl-dots {
        margin-left: 10%
    }
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
        width: 1243px
    }
}

@media (min-width: 1400px) {
    #product-header h1 {
        font-size: 45px
    }
    #product-header p {
        font-size: 24px
    }
    .product-list-inner {
        padding: 20px 50px 50px
    }
    .product-list-inner .heading-title-2 {
        padding-top: 25px
    }
    .product-list-inner .title,
    #product-lists-slider .title {
        font-size: 40px;
        font-weight: 600
    }
    .product-list-inner .description,
    #product-lists-slider .description {
        font-size: 18px
    }
}

@media (min-width: 1921px) {
    #product-header h1 {
        font-size: 60px
    }
    .product-list-inner .title,
    #product-lists-slider .title {
        font-size: 50px
    }
}

.error-404 .btn {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width: 768px) {
    .error-404 .btn {
        padding-left: 50px;
        padding-right: 50px
    }
}

.hire-landing-heading {
    height: auto;
    background: #fff
}

#price_table {
    padding-bottom: 0
}

@media (min-width: 768px) {
    #price_table {
        padding-top: 40px;
    }
}

.hire-landing-heading h1,
.hire-landing-heading p,
.hire-landing-heading li {
    color: #000
}

.hire-landing-heading p {
    font-size: 18px
}

.hire-landing-heading ul {
    padding-left: 25px
}

.hire-landing-heading ul li {
    font-size: 18px;
    line-height: 28px
}

.hire-landing-heading .actions {
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .hire-landing-heading {
        padding-top: 80px;
        padding-bottom: 50px
    }
    .hire-landing-heading .actions {
        margin-bottom: 25px
    }
    .service-1 .hire-landing-heading .actions {
        margin: 15px 0 25px
    }
}

@media (min-width: 1200px) {
    .hire-landing-heading {
        padding-top: 100px;
    }
}

@media (min-width: 1600px) {
    .hire-landing-heading {
        padding-top: 130px;
        padding-bottom: 100px
    }
    .hire-landing-heading p {
        font-size: 20px
    }
}

.hire-solutions {
    padding: 30px 0;
    z-index: 1;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(0);
    transform: perspective(0)
}

#solutions-slider .owl-stage-outer {
    margin-left: 0;
    width: 100rem;
    overflow: inherit;
    -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.owl-hiresolutions .owl-stage {
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.owl-hiresolutions .owl-prev,
.owl-hiresolutions .owl-next {
    padding: 0;
    background: none!important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: rgba(0, 0, 0, .3)!important
}

.owl-hiresolutions .owl-nav svg {
    width: 30px;
    height: 22px;
    fill: currentColor
}

.owl-hiresolutions .owl-stage {
    display: flex;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.solution-item {
    background: #fff;
    border: 1px solid #ccc;
    padding: 25px;
    border-radius: 8px;
    height: 100%;
    position: relative;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.owl-item.active .solution-item {
    opacity: 1
}

.solution-item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.solution-item .thumb {
    display: block
}

.solution-item .thumb img {
    width: auto!important;
    height: 50px
}

.solution-item h3 {
    font-size: 20px;
    color: #000;
    text-transform: none
}

@media (min-width: 992px) {
    .hire-solutions {
        padding: 50px 0
    }
    .owl-hiresolutions .owl-stage {
        padding: 20px 0
    }
    .owl-hiresolutions .owl-nav {
        position: absolute;
        right: 0;
        top: -100px
    }
    .solution-item:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        transform: none
    }
}

@media (min-width: 1600px) {
    .hire-solutions {
        padding: 75px 0
    }
}

.hire-content-1 {
    padding-bottom: 20px
}

.hire-content-inner {
    padding: 15px;
    border-radius: 10px
}

.hire-content-inner .thumb {
    padding: 20px
}

.hire-content-inner p,
.hire-content-inner li {
    font-size: 18px;
    line-height: 30px
}

.hire-content-inner ul {
    padding-left: 25px
}

@media (min-width: 992px) {
    .hire-content-inner {
        padding: 50px
    }
}

@media (min-width: 1600px) {
    .hire-content-1 {
        padding-bottom: 75px
    }
}

.hire-technology {
    padding: 30px 0
}

.hire-technology .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    display: none;
    align-items: stretch;
    justify-content: center
}

.hire-technology .tabs li {
    padding: 0 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.hire-technology .tabs li span {
    display: block;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
    height: 100%
}

.hire-technology .tabs li:hover,
.hire-technology .tabs li.active {
    color: #2a9dcc
}

.hire-technology .tabs li span:after {
    content: '';
    position: absolute;
    height: 1px;
    background: #2a9dcc;
    left: 0;
    right: 0;
    bottom: -1px;
    opacity: 0
}

.hire-technology .tabs li:hover span:after,
.hire-technology .tabs li.active span:after {
    opacity: 1
}

.hire-technology .tab_drawer_heading {
    background: #000;
    color: #fff;
    font-size: 14px;
    margin: 1px 0;
    padding: 12px 20px;
    padding-right: 50px;
    position: relative
}

.hire-technology .tab_drawer_heading:before,
.hire-technology .tab_drawer_heading:after {
    content: '';
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hire-technology .tab_drawer_heading:after {
    transform: rotate(90deg)
}

.hire-technology .tab_drawer_heading:before {
    transform: rotate(0deg)
}

.hire-technology .tab_drawer_heading.d_active:before {
    transform: rotate(90deg)
}

.hire-technology .tab_drawer_heading.d_active {
    background: #2a9dcc
}

.hire-technology .tab_content_inner {
    padding: 30px 0
}

.hire-technology .tab_content_inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    text-align: center
}

.hire-technology .tab_content_inner li {
    margin: 10px;
    border-radius: 10px;
    min-width: 120px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hire-technology .tab_content_inner li:hover {
    background: #fff
}

.hire-technology .tab_content_inner li .box {
    display: block;
    padding: 25px 15px 15px;
    color: #000
}

.hire-technology .tab_content_inner li img {
    height: 50px
}

.hire-technology .tab_content_inner li .text {
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #000
}

@media (min-width: 992px) {
    .hire-technology {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .hire-technology .tabs {
        display: flex
    }
    .hire-technology .tab_drawer_heading {
        display: none
    }
    .hire-technology .tab_content_inner {
        padding: 60px;
        padding-bottom: 0
    }
    .hire-technology .tab_content_inner li {
        min-width: 150px
    }
    .hire-technology .tab_content_inner li:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08)
    }
}

@media (min-width: 1600px) {
    .hire-technology {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.hire-steps {
    padding: 30px 0;
    background: #2a9dcc;
    background: -moz-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: -webkit-linear-gradient(-45deg, #2a9dcc 0%, #246abf 100%);
    background: linear-gradient(135deg, #2a9dcc 0%, #246abf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a9dcc', endColorstr='#246abf', GradientType=1)
}

.hire-steps-lists {
    margin-left: 100px;
    border-left: 3px solid #fff
}

.hire-steps-lists ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    list-style: none;
    margin: 0;
    padding: 0
}

.hire-steps-lists li {
    flex-basis: 100%;
    position: relative;
    padding-left: 20px
}

.hire-steps-lists li .icon {
    position: absolute;
    top: 0;
    left: -100px
}

.hire-steps-lists li h3 {
    margin: 0;
    padding: 0 0 25px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: none
}

.hire-steps-lists li h3.hire-step-title {
    padding-bottom: 10px
}

.hire-steps-lists li strong {
    padding-bottom: 20px;
    display: block;
    color: #fff
}

.hire-steps-lists li p {
    color: #fff;
    margin: 0 0 25px
}

.page-template-template-hire-landing-1 .logo .homeLogo {
    display: none
}

.page-template-template-hire-landing-1 .logo .innerLogo {
    display: block
}

.white-bg#blockchanin_services {
    background: #fff
}

@media (min-width: 768px) {
    .hire-steps-lists {
        margin-left: 0;
        margin-top: 150px;
        border-left: 0;
        border-top: 3px solid #fff
    }
    .hire-steps-lists ul {
        flex-wrap: nowrap
    }
    .hire-steps-lists li {
        flex-basis: 20%;
        padding-left: 0;
        padding-right: 40px
    }
    .hire-steps-lists li h3 {
        padding: 25px 0
    }
    .hire-steps-lists li .icon {
        position: absolute;
        left: 0;
        top: -100px
    }
}

@media (min-width: 992px) {
    .hire-steps {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1600px) {
    .hire-steps {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

.hire-content-1 {
    background-color: #f5f5f5;
    padding: 50px 0
}

.hire-content-2 {
    background-color: #f5f5f5
}

.hire-content-2 p,
.hire-content-2 li {
    font-size: 18px;
    line-height: 30px
}

.hire-content-2 ul {
    padding-left: 25px
}

.hire-inner-content-2 {
    padding: 30px 0
}

.hire-pricing-models {
    padding-top: 30px;
    padding-bottom: 30px
}

.hire-pricing-lists ul {
    display: flex;
    flex-direction: row;
    align-items: start;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 15px
}

.hire-pricing-lists li {
    margin: 10px;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hire-pricing-lists li:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .08)
}

@media (max-width: 1366px) {
    .client_qout {
        padding: 0 0 0 7%
    }
}

@media (max-width: 767px) {
    #processSection {
        padding-bottom: 0;
        padding-top: 50px
    }
    .hire-pricing-lists ul {
        flex-direction: column
    }
    .hire-pricing-lists li {
        flex-basis: 100%;
        text-align: center
    }
    .processing .paddingNone:before {
        display: none
    }
    #new-process_part {
        margin: 0 0 33px!important
    }
    .footer_logo img {
        width: 100%;
        margin: 30px 0
    }
    #skype img {
        width: 51%;
        margin: 0 0 21px
    }
    #serviceSection {
        padding: 50px 0
    }
    .client_qout {
        padding: 0
    }
    .client-quote {
        padding: 63px 0 15px
    }
    .client-author {
        font-size: 16px
    }
    .client-author strong {
        font-size: 18px
    }
    .feature_img {
        width: 150px;
        margin: 0 auto
    }
    #methodology .study-research-list ul li {
        flex: 0 0 100%;
        max-width: 100%
    }
    .header-top .navigation ul li ul li ul li ul li ul {
        padding: 0!important
    }
    .career-page {
        padding: 40px 0
    }
}

.hire-pricing-lists span {
    display: block
}

.hire-pricing-lists h3 {
    margin: 0;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: none
}

.hire-pricing-lists p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #666
}

@media (min-width: 992px) {
    .hire-pricing-models {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .hire-pricing-lists ul {
        padding-top: 30px
    }
    .hire-pricing-lists li {
        flex-basis: 33.33%
    }
    .wsp-container>ul {
        display: flex;
        flex-wrap: wrap
    }
    .wsp-container>ul>li {
        flex-basis: 33%;
        max-width: 33%
    }
}

@media (min-width: 1600px) {
    .hire-pricing-models {
        padding-top: 75px;
        padding-bottom: 75px
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1025px) {
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
        width: 1235px;
        margin-left: 0;
        left: -195px
    }
    .header-top .navigation {
        flex-grow: 1;
        margin: 0 17px
    }
}

.cms-content {
    padding: 30px 0
}

.cms-content a {
    color: #2a9dcc
}

.cms-content a:hover {
    text-decoration: underline!important
}

.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    text-transform: none
}

.cms-content h2 {
    margin-bottom: 20px;
    font-size: 24px
}

.cms-content h3 {
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 20px
}

.cms-content h4 {
    margin-bottom: 10px;
    font-size: 18px
}

.cms-content h5 {
    font-size: 16px
}

.cms-content p {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.cms-content ul li,
.cms-content ol li {
    font-size: 16px;
    line-height: 1.5;
}

#blockchain_main .overlay-inner.overview-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.grecaptcha-badge {
    z-index: 9999;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    text-align: center;
}

.graph {
    text-align: center;
}

@media (min-width: 768px) {
    .cms-content {
        padding: 60px 0
    }
    .cms-content h2 {
        font-size: 32px
    }
    .cms-content h3 {
        font-size: 24px
    }
    .cms-content h4 {
        font-size: 20px
    }
    .cms-content h5,
    .cms-content p,
    .cms-content ul li,
    .cms-content ol li {
        font-size: 18px
    }
    #aboutBanner .tal-lg {
        margin: 0 0 22px
    }
}

@media screen and (max-width: 1199px) {
    .navbar-dark .dropdown-item {
        color: #fff
    }
    .navbar-nav .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: none
    }
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a {
        padding: 15px 8px;
        font-size: 12px
    }
    .service_bar__left {
        padding: 15px 25px
    }
    .service_bar__left .actions .btn {
        padding: 20px
    }
}

@media (max-width: 991px) {
    .search.search-no-results #masthead .header-top .header-right .tel a,
    .error404 header#masthead .header .header-top .header-right .tel a {
        color: transparent !important;
    }
}

@media screen and (max-width: 767px) {
    #masthead .navbar-nav>li>a {
        padding-bottom: .938rem;
        padding-top: .938rem
    }
    .hire_listing {
        padding: 0 15px
    }
    .show-content .footer-bcontent {
        display: block!important
    }
    body.single-post #content,
    body.page-template-template-product #content,
    body.page-template-template-application #content,
    body.page-template-template-industry-landing-php #content,
    body.error404 #content,
    body.search-results #content,
    body.search-no-results #content,
    body.page-template-template-hire-landing-1 #content,
    body.page-template-template-service-grid-4 #content {
        padding-top: 80px
    }
}

@media only screen and (max-width: 1199px) {
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu>li.wpmm-row>ul.wp-megamenu-sub-menu>li {
        padding: 10px 15px 0;
    }
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu>li.wpmm-row>ul.wp-megamenu-sub-menu>li+li {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 95%
    }
    .header-top .navigation {
        margin: 0
    }
    #masthead .navigation #wp-megamenu-primary {
        background: none;
        text-align: center;
        padding: 0
    }
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
        padding: 0
    }
    .wp-megamenu>li>ul.wp-megamenu-sub-menu li>a {
        font-size: 13px!important
    }
    .header-top .navigation ul li ul li ul li ul li ul li a {
        font-size: 13px!important
    }
    .industy_main_menu ul li>a {
        text-transform: capitalize!important;
        margin: 0!important;
        line-height: 18px!important
    }
    .header-right ul li.tel a,
    .getQuote a {
        font-size: 11px;
        padding: 11px 10px;
        margin-left: 21px
    }
    #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i {
        color: #000;
        font-size: 27px!important
    }
    #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon {
        background: none;
        font-size: 0
    }
    .gradient_bg .overlay {
        top: 55%!important
    }
    #homeTechnologies #pills-tab li a {
        margin: 0 9px;
        font-size: 14px
    }
}

@media(max-width:1199px) {
    .navigation .wp-megamenu-wrap .wpmm-nav-wrap>ul>li>a {
        line-height: inherit!important
    }
    .home .site-header .header {
        padding: 10px 0!important
    }
    .sticky .innerLogo {
        display: block
    }
    .sticky .homeLogo {
        display: none
    }
    .header-right ul li.tel a,
    .getQuote a {
        font-size: 0px;
        padding: 0px;
    }
    .header-right ul li.tel a:before {
        top: -25px;
    }
}

@media only screen and (max-width: 1024px) {
    #homeSlider .row h2 {
        font-size: 28px
    }
    .site-header {
        padding: 0
    }
    #serviceSection p {
        font-size: 15px;
        line-height: 25px;
        color: #747272
    }
    #processSection .processing #wave {
        display: none
    }
    .work-process-1 .innerProcess,
    .work-process-3 #new-process_part {
        margin: 0
    }
    .processing .paddingNone {
        margin: 0 0 34px
    }
    #serviceSection a.btn.btn-primary {
        padding: 11px 29px;
        font-size: 12px
    }
    html {
        font-size: 90%
    }
    .team-details-inner .inner .subtitle-2 p {
        margin-top: 22px;
        font-size: 17px
    }
    .team-details-inner .inner h2 {
        font-size: 16px;
        line-height: normal;
        margin: 0
    }
    .whychoose {
        padding: 12px 0 50px
    }
    .team-details-inner .inner span.subtitle {
        font-size: 13px
    }
    .work-process-2 .process_counter:before {
        display: none
    }
    #aboutSection {
        position: relative;
        padding-top: 20px
    }
    #homeSlider {
        height: 549px
    }
    body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: 13px!important;
        padding: 0 1px
    }
    .header-top .navigation {
        margin: 0
    }
    .hire-landing-heading {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    body.single-post #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    body.page-template-template-application #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    body.page-template-template-industry-landing-php #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    body.error404 #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    body.search-no-results #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    body.search-results #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-about-new #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-hire-landing-1 #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-service-grid-1-php #masthead.innerHeader .sticky .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-our-services #masthead.innerHeader .sticky .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-our-services #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-industry-landing-details-php .sticky #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-our-services #masthead.innerHeader .sticky .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-about-new .sticky #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-our-services .sticky #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-product .sticky #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-product #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-hire-dedicated-developer .sticky #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-thank-you #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i {
        color: #000;
        font-size: 27px!important
    }
    #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i {
        color: #fff
    }
    #masthead.innerHeader .sticky .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-about-new #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i,
    .page-template-template-service-grid-4 #masthead.innerHeader .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon i {
        color: #000
    }
    #masthead .navigation #wp-megamenu-primary a.wpmm_mobile_menu_btn.show-close-icon {
        font-size: 0;
        background: none;
        margin: 0
    }
    #masthead .navigation #wp-megamenu-primary .wpmm-nav-wrap.wpmm-main-wrap-primary {
        position: static
    }
    #masthead .navigation #wp-megamenu-primary {
        position: static
    }
    #menu-main-menu {
        margin: 14px 0 0;
        overflow-y: auto;
        height: calc(100vh - 78px);
    }
    .serv_list-4,
    .serv_list-5,
    .serv_list-6 {
        margin: 0 0 20px
    }
    .header-top .navigation .wpmm-mobile-menu {
        padding: 0!important
    }
    #web_side_menu,
    #service_menu {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .serv_list-4,
    .serv_list-5,
    .serv_list-6 {
        margin-bottom: 20px!important
    }
    .serviceLeftBar {
        margin-bottom: 20px
    }
    .serviceLeftBar:after {
        display: none
    }
    #new-process_part figure.icon {
        max-width: 110px
    }
    #new-process_part figure.icon img {
        width: 50%;
        margin: 27px 0 0
    }
    .footer_logo {
        display: inline-block;
        width: 33.33%;
        margin-right: 15px
    }
    #footer_add {
        display: block
    }
    #footer_social {
        display: inline-block
    }
    #needHelp .needInner p {
        font-size: 16px
    }
    .helpImg {
        align-self: flex-end
    }
    .wsp-container>ul {
        display: flex;
        flex-wrap: wrap
    }
    .wsp-container>ul>li {
        flex-basis: 49%;
        max-width: 49%
    }
    body.page-template-template-hire-landing-1 #content,
    body.page-template-template-service-grid-4 #content {
        padding-top: 40px
    }
}

@media only screen and (max-width: 960px) {
    html {
        font-size: 85%
    }
    #director_review .thumbnail {
        text-align: center!important;
        margin: 0;
        width: 100%
    }
    #director_review .row>[class*=col],
    #director_review .row>[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
    #director_review .thumbnail::before {
        display: none
    }
    .team-details-inner {
        padding: 0 16px
    }
    h2 {
        font-size: 32px
    }
    #customization {
        padding: 38px 0
    }
    .work-block-two .inner-box .arrow-box,
    #process_ai .inner-content .line {
        display: none
    }
    .work-block {
        margin-bottom: 41px
    }
    #homeSlider {
        height: auto;
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    #homeSlider .row h2 {
        font-size: 30px
    }
    .home-silder_bg {
        min-height: 1000px
    }
    #client_Review .row .feature_img {
        text-align: center
    }
    #client_Review .row .feature_img img {
        width: auto;
        display: inline-block
    }
    .client_qout {
        padding: 0
    }
    #client-slider {
        padding: 54px 10px
    }
    .wp-megamenu-wrap ul.wp-megamenu>li.about_us_menu ul li ul li:nth-child(2) ul {
        padding-left: 0
    }
    #homeSlider .row .left_banner_content {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .inner_profile {
        padding: 0 12px
    }
    html {
        font-size: 80%
    }
    section.tm-heading.gradient_bg {
        display: flex;
        align-items: center;
        min-height: auto;
        padding: 60px 0 20px;
    }
    section.tm-heading.gradient_bg h1 {
        font-size: 27px
    }
    section.tm-heading.gradient_bg .overlay {
        padding: 25px 0 !important;
        position: relative !important;
        top: 0 !important;
        left: 0;
        right: 0;
        text-align: center;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
    .work-process .box-loader {
        display: none
    }
    .step-desc {
        margin: 0
    }
    .work-process {
        margin: 0 0 44px
    }
    #svg-container {
        display: none
    }
    #processSection .heading-title-1.text-center {
        max-width: 100%;
        margin: 0 auto 58px
    }
    .serviceLeftBar article.float-left {
        text-align: center
    }
    #serviceSection .actions {
        margin: 11px 0 0;
        float: none!important
    }
    .serviceLeftBar {
        text-align: center!important
    }
    #homeSlider .row .left_banner_content {
        text-align: center;
        padding-left: 0
    }
    #homePress .posttitle {
        font-size: 18px;
        line-height: 26px
    }
    .processing .paddingNone:before {
        display: none
    }
    #new-process_part {
        margin: 0 0 33px!important
    }
    .director_review_detail {
        width: 100%;
        position: static;
        transform: none
    }
    .director_profile {
        position: relative;
        width: 50%;
        text-align: center;
        margin: 0 auto 35px;
        float: none!important
    }
    #director_review {
        background: #f5f5f5;
        padding: 30px 0
    }
    #director_review .item {
        position: relative;
        display: flex;
        flex-direction: column-reverse
    }
    .inner_profile .hidden_content p {
        font-size: 14px
    }
    .inner_profile .hidden_content {
        padding: 12px
    }
}

@media only screen and (max-width: 767px) {
    .client-author,
    #client_Review .row .client-quote,
    .client_remive_img {
        text-align: center
    }
    #client_Review .row .client-quote {
        background-position: center top
    }
    #homeTechnologies #pills-tab {
        min-width: 520px
    }
    .page-template-template-service-agile-devops #homeTechnologies #pills-tab {
        min-width: 1000px
    }
    .leftpanel {
        max-width: 100%;
        overflow: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    #homeTechnologies #pills-tab li a {
        margin: 0 8px;
        padding: 0 0 6px
    }
    .heading-services .tal-lg {
        margin: 35px 0 0
    }
    .apps-faq .card {
        margin: 0 0 12px
    }
    .footer_logo {
        display: inline-block;
        width: 28%;
        margin-right: 15px;
        margin-bottom: 0
    }
    #footer_social {
        display: inline-block;
        width: 100%
    }
    .client-quote:before,
    .client-quote:after {
        font-size: 93px
    }
    .work-block {
        margin-bottom: 41px;
        max-width: 100%;
        flex: 0 0 100%!important;
        width: 100%
    }
    @media (max-width: 767px) {
        .work-block:last-child {
            margin-bottom: 0;
        }
    }
    .page-template-template-about-new #needHelp .row {
        flex-direction: column-reverse
    }
    .wsp-container>ul {
        display: flex;
        flex-wrap: wrap
    }
    .wsp-container>ul>li {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 480px) {
    html {
        font-size: 75%
    }
    .director_profile {
        width: 100%
    }
    .footer_logo {
        width: 60%
    }
}

.price_block {
    position: relative
}

.price_block .price_icon {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid #ddd;
    text-align: center
}

.price_block .price_icon .shape_icon {
    vertical-align: middle;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 100%
}

.price_block .list_des {
    padding-top: 20px;
    text-align: center
}

.price-block-main {
    margin-top: 70px
}

.flex-work-block {
    flex: 1;
    margin-right: 15px;
    align-items: stretch
}

.flex-work-block:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .flex-work-block .work-block-two .inner-box .content-box {
        min-height: 243px
    }
}

.why-fastrax-box-main .heading-title-1.text-center {
    max-width: 100%
}

.table-diff .heading-title-1.text-center {
    max-width: 750px
}

.why-fastrax-box-main {
    background-color: #f5f5f5;
    padding: 70px 0
}

.why-fastrax-box-main .block_listing,
.que-box .block_listing {
    border-radius: 8px
}

.why-fastrax-box-main .block_listing:hover,
.que-box .block_listing:hover {
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #ddd;
    transform: none
}

.que-box .block_listing:hover {
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    transform: none
}

.why-fastrax-box-main .block_listing:hover img.main_img,
.que-box .block_listing:hover img.main_img {
    display: block
}

.product-development-process .product-process-list {
    justify-content: center
}

.key-offer-desc.description ul li:before {
    content: "\f30b"
}

.que-box {
    padding: 50px 0
}

.que-box .blockchain-service-list {
    margin: 0
}

.que-box .shape_icon img {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.table-diff table {
    border: 1px solid #ddd;
    text-align: left
}

.table-diff table th,
.table-diff table td {
    border: 1px solid #ddd;
    padding: 5px 10px
}

.table-diff table th:first-child,
.table-diff table td:first-child {
    background-color: #299dcc;
    color: #fff
}

.que-box .block_listing {
    background-color: #ffebe6;
    border: none
}

.que-box .industries_block:first-child .block_listing {
    background-color: #e6f8fc
}

.que-box .industries_block:last-child .block_listing {
    background-color: #f7eefd
}

.grey-bg {
    background-color: #f5f5f5
}

.purple-bg {
    background-color: #f5f5f5
}

.white-bg {
    background-color: #fff
}

.page-template-template-service-agile-devops #price_table {
    padding-bottom: 50px
}

.low-service-main .low-service-main-list {
    margin-top: 60px
}

.low-service-main .flip-card .title {
    position: absolute!important;
    bottom: 20px!important;
    text-align: left!important;
    left: 0;
    color: #fff;
    margin: 0;
    padding: 0 0 0 20px !important;
    font-size: 16px
}

.hire-inner-content .actions {
    margin-top: 30px
}

.flip-card {
    height: 280px;
    perspective: 1000px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 30px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d
}

.flip-card:hover .flip-card-inner {
    transform: rotateX(180deg)
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card-front {
    color: #fff
}

.flip-card-front figure {
    margin: 0;
    height: 100%;
    width: 100%
}

.flip-card-front figure img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 6px
}

.flip-card-back {
    color: #000;
    top: 0;
    transform: rotateX(180deg)
}

.flip-card-back .content {
    padding: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

/* .dev-tech li a {
    min-height: 66px
} */

.m-r-30 {
    margin-right: 30px
}

.vulnerability_block {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 6px
}

.vulnerability_block:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5)
}

.why-fastrax-box-main .shape_icon img {
    margin: 0 auto
}

.menu-no-click {
    pointer-events: none
}

.service_main_menu>ul.wp-megamenu-sub-menu>.wpmm-submenu-right>a,
.service_main_menu>ul.wp-megamenu-sub-menu .menu-item.wpmm-type-widget>a {
    pointer-events: none;
    color: #282828!important
}

.top-act .btn-primary {
    display: none;
    background-color: #252525!important
}

.top-act .btn-primary:hover {
    background-color: #2a9dcc!important
}

.content-list ul {
    margin: 0;
    padding: 0
}

.content-list ul li {
    position: relative;
    padding-left: 20px;
    list-style: none
}

.content-list ul li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 14px;
    top: 4px;
    color: #54595F;
    font-weight: 400
}

.m-b-0 {
    margin-bottom: 0!important
}

.services-page .heading-services {
    padding: 100px 0 50px!important
}

.low-service-main .heading-title-2 {
    margin-bottom: 0
}

.bg-light-grey {
    background-color: #f5f5f5!important
}

.heading-application p {
    font-size: 1.25rem
}

.heading-application h1 {
    font-size: 2.5rem;
    margin: 0 0 13px
}

ul.wsp-pages-list {
    padding: 0
}

.helpImg {
    text-align: right
}

.wsp-container ul li {
    list-style: none;
    position: relative;
    padding-left: 20px
}

.wsp-container ul li:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
    color: #252525;
    font-weight: 600;
    font-size: 26px;
    line-height: 21px
}

.wsp-container ul li a {
    color: #252525
}

.wsp-container ul li a:hover {
    color: #299dcc;
    text-decoration: none!important
}

.wsp-container ul li ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.modalQuote .w-100 .wpcf7-list-item,
.modalFull .w-100 .wpcf7-list-item,
#new-contact-page .contact-form .block.w-100 .checkbox .form-control .wpcf7-list-item {
    width: 100%;
}

#hero-slider-home a.homeBtn.mobile-btn {
    display: none !important;
}

#modalQuote .codedropz-upload-handler,
#modalJob .codedropz-upload-handler {
    border-radius: 35px;
    border: 2px dashed #fff;
}

#modalQuote .codedropz-upload-handler .cd-upload-btn,
#modalJob .codedropz-upload-handler .cd-upload-btn {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

#modalQuote .codedropz-upload-handler .cd-upload-btn:before,
#modalJob .codedropz-upload-handler .cd-upload-btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/f-file.svg) left center no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    margin: 0 10px;
}

@media(max-width:992px) {
    #hero-slider-home a.homeBtn.mobile-btn {
        display: inline-block !important;
    }
    #hero-slider-home a.homeBtn {
        display: none !important
    }
}

@media(max-width:1024px) {
    #new-contact-page .contact-form .block input[type=checkbox] {
        padding: 10px;
    }
}

.default-main-popup.modalQuote {
    padding: 60px !important;
}

.default-main-popup .btn span {
    font-size: 10px;
}

.default-main-popup h4,
.default-main-popup p {
    color: #000;
}

.default-main-popup h4 {
    line-height: 42px;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.default-main-popup .btn:hover {
    background-color: #000;
    color: #fff;
}

.default-main-popup .popup-inner {
    max-width: 76%;
}

.spu-close-top_right {
    right: 20px !important;
    top: 20px !important;
}

#spu-10464 {
    border-radius: 6px;
    background-position: bottom right;
    background-size: 72%;
}

@media (max-width: 568px) {
    .spu-box {
        max-width: 100vw !important;
        max-height: 100vh !important;
    }
    #spu-10464 .spu-container {
        height: 100vh !important;
        display: flex;
        align-items: center;
    }
    #spu-10464 {
        border-radius: 0px;
        background-size: 100%;
    }
    .default-main-popup p {
        font-size: 23px;
        line-height: 35px;
    }
    .spu-close-top_right {
        top: 60px !important;
        z-index: 9;
        right: 30px !important;
    }
    .default-main-popup.modalQuote {
        padding: 30px !important;
    }
}

@media(max-width:991px) {
    div#sgpb-popup-dialog-main-div {
        width: 100% !important;
    }
    .default-main-popup .btn {
        padding: 20px;
    }
    footer .footer_last {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    footer .footer_last>div {
        padding: 0 15px;
    }
    footer .footer_logo {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2rem;
    }
    footer .footer_logo img {
        max-width: 180px;
    }
    footer #footer_add {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    footer #footer_add>div {
        padding: 0 15px;
    }
    footer #footer_add .footer_block {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    footer #footer_add .footer_block ul {
        padding-top: 0 !important;
    }
    footer #footer_social {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    footer #footer_add .footer_hover_Address {
        width: auto;
    }
    .hire-landing-heading .actions {
        margin-top: 15px;
    }
}

@media(max-width:768px) {
    footer #footer_add {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer #footer_social {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 1.5rem;
        padding-left: 15px;
    }
}

@media(max-width:767px) {
    section.tm-heading.gradient_bg {
        height: 320px;
    }
}

@media(max-width:530px) {
    footer #footer_add .footer_block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer #footer_add .footer_block+.footer_block {
        margin-top: 1rem;
    }
}

@media(max-width:1024px) {
    .default-main-popup {
        width: 100%;
    }
    .default-main-popup h4 {
        line-height: 42px;
        font-size: 30px;
    }
    .default-main-popup .popup-inner {
        max-width: 100%;
    }
}

@media(max-width:1024px) {
    .apps-faq .card {
        margin: 10px 0;
    }
}

@media (min-height: 730px) {
    .spu-content {
        padding-top: 0;
    }
}

.grecaptcha-badge {
    bottom: 100px !important;
}

@media(max-width:350px) {
    section.tm-heading.gradient_bg {
        height: 380px;
    }
}

@media(max-width:320px) {
    .default-main-popup h4 {
        line-height: 34px;
        font-size: 23px;
    }
    .default-main-popup p {
        font-size: 19px;
        line-height: 25px;
    }
}

body.page-template-template-sitemap {
    counter-reset: sec-counter;
}

.search-form .btn.search-submit:hover {
    ​​​​​​​​background: #000 !important;
    color: #fff;
    background-color: #000;
}

​​​​​​​​ .search-form input.search-field.form-control {
    border: 1px solid #ddd !important;
    height: 50px !important;
}

.search-form .search-field:focus {
    border: 1px solid #ddd !important;
}

.sitemap .main-title>a {
    font-size: 24px;
    color: #02205F;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 900;
    padding-left: 60px;
    margin-bottom: 40px;
    position: relative;
}

.sitemap .main-title>a:after {
    counter-increment: sec-counter;
    content: "0" counter(sec-counter);
    left: 0;
    top: -30px;
    opacity: 0.17;
    position: absolute;
    font-size: 4.5rem;
    color: #007DC5;
    font-weight: 800;
}

.sitemap .sub-menu.flex-column {
    flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.sitemap .child-links .sub-menu.flex-column {
    flex-direction: column !important;
    -ms-flex-direction: column !important;
}

.sitemap .sub-menu.flex-column li {
    width: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 15px;
}

.sitemap .cat-title>a {
    color: #2a9dcc;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.sitemap .cat-title>a:hover {
    color: #2a9dcc;
}

.sitemap .has-link>a:hover {
    color: #2a9dcc;
}

.sitemap .cat-title.has-link>a:hover {
    color: #02205F;
}

.sitemap .cat-title>a:after {
    bottom: 0;
    left: 0;
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    border-radius: 30px;
    background-color: #00AEEF;
}

.sitemap .child-links .sub-menu.flex-column a {
    display: inline-block;
    color: #222222;
    font-size: 16px;
    position: relative;
    padding: 8px 20px;
}

.sitemap .child-links .sub-menu.flex-column a:hover {
    color: #2a9dcc;
}

.sitemap .child-links .sub-menu.flex-column a:before {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    top: 16px;
    left: 0;
    border-radius: 50%;
    background-color: #2a9dcc;
}

.sitemap .main-title {
    display: block;
    width: 100%;
}

.sitemap .widget_nav_menu {
    margin-bottom: 0;
}

.sitemap>div {
    padding: 50px 0;
}

.sitemap>div:nth-child(odd) {
    background-color: rgb(42 157 203 / 10%);
}

.page-template-template-sitemap .header .getQuote a {
    background: #000000;
}

.page-template-template-sitemap .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-single-services .header .getQuote a,
.page-template-template-industry-landing-details .header .getQuote a,
.page-template-template-portfolio .header .getQuote a,
.page-template-template-career .header .getQuote a,
.page-template-template-blog-new .header .getQuote a,
.page-template-template-contact-new .header .getQuote a,
.page-template-template-big-data .header .getQuote a,
.page-template-template-cms .header .getQuote a,
.page-template-template-service-agile-devops .header .getQuote a,
.page-template-template-frontend-engineering .header .getQuote a,
.page-template-template-business-intelligent .header .getQuote a,
.page-template-template-artificial-intelligent .header .getQuote a,
.page-template-template-service-cloud-infrastructureapp .header .getQuote a,
.page-template-template-service-lowcode-nocode .header .getQuote a,
.page-template-template-service-grid-1-php .header .getQuote a {
    background: #000000;
}

.page-template-template-iot .header .getQuote a {
    background: #000000;
}

.page-template-template-blockchain .header .getQuote a {
    background: #000000;
}

.page-template-template-robotic-process-automation .header .getQuote a {
    background: #000000;
}

.page-template-template-service-quality-engineering .header .getQuote a {
    background: #000000;
}

.page-template-template-vulnerability-assessment .header .getQuote a {
    background: #000000;
}

.page-template-template-product-development .header .getQuote a {
    background: #000000;
}

.page-template-template-product-modernization .header .getQuote a {
    background: #000000;
}

.page-template-template-service-cms .header .getQuote a {
    background: #000000;
}

.page-template-template-app-detail .header .getQuote a {
    background: #000000;
}

.page-template-template-service-grid-3 .header .getQuote a {
    background: #000000;
}

.page-template-template-service-grid-2 .header .getQuote a {
    background: #000000;
}

.page-template-template-single-services .header.sticky .getQuote a,
.page-template-template-industry-landing-details .header.sticky .getQuote a,
.page-template-template-portfolio .header.sticky .getQuote a,
.page-template-template-career .header.sticky .getQuote a,
.page-template-template-blog-new .header.sticky .getQuote a,
.page-template-template-contact-new .header.sticky .getQuote a,
.page-template-template-big-data .header.sticky .getQuote a,
.page-template-template-cms .header.sticky .getQuote a,
.page-template-template-service-agile-devops .header.sticky .getQuote a,
.page-template-template-frontend-engineering .header.sticky .getQuote a,
.page-template-template-business-intelligent .header.sticky .getQuote a,
.page-template-template-artificial-intelligent .header.sticky .getQuote a,
.page-template-template-service-cloud-infrastructureapp .header.sticky .getQuote a,
.page-template-template-service-lowcode-nocode .header.sticky .getQuote a,
.page-template-template-service-grid-1-php .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-iot .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-blockchain .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-robotic-process-automation .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-service-quality-engineering .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-vulnerability-assessment .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-product-development .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-product-modernization .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-service-cms .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-app-detail .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-service-grid-3 .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-service-grid-2 .header.sticky .getQuote a {
    background: #2a9dcc;
}

.page-template-template-single-services .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-industry-landing-details .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-portfolio .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-big-data .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-cms .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-agile-devops .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-grid-1-php .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-frontend-engineering .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-business-intelligent .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-artificial-intelligent .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-cloud-infrastructureapp .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-lowcode-nocode .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-robotic-process-automation .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-iot .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-blockchain .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-quality-engineering .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-vulnerability-assessment .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-product-development .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-product-modernization .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-cms .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-app-detail .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-grid-3 .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-grid-2 .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-career .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-item>a,
.page-template-template-blog-new .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-item>a,
.page-template-template-contact-new .header #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-item>a {
    color: #000000 !important;
}

.page-template-template-single-services .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-industry-landing-details .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-portfolio .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-big-data .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-cms .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-agile-devops .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-frontend-engineering .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-grid-1-php .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-business-intelligent .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-artificial-intelligent .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-cloud-infrastructureapp .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-lowcode-nocode .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-robotic-process-automation .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-iot .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-quality-engineering .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-blockchain .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-vulnerability-assessment .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-product-development .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-product-modernization .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-cms .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-app-detail .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-grid-3 .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-service-grid-2 .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-ancestor>a,
.page-template-template-career .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-item>a,
.page-template-template-blog-new .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-item>a,
.page-template-template-contact-new .header.sticky #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.current-menu-item>a {
    color: #2a9dcc !important;
}

.page-id-5706 #wp-megamenu-item-6921 a,
.page-id-4688 #wp-megamenu-item-6916 a,
.page-id-5690 #wp-megamenu-item-6917 a,
.page-id-4700 #wp-megamenu-item-6920 a,
.page-id-5707 #wp-megamenu-item-10146 a,
.page-id-5728 #wp-megamenu-item-10144 a,
.page-id-5745 #wp-megamenu-item-10145 a,
.page-id-5721 #wp-megamenu-item-6919 a,
.page-id-4694 #wp-megamenu-item-6912 a,
.page-id-4698 #wp-megamenu-item-6915 a {
    color: #45c5eb!important;
}

@media (min-width:576px) {
    .sitemap .sub-menu.flex-column li {
        flex: 0 0 50%;
    }
}

@media (min-width:768px) {
    .sitemap .sub-menu.flex-column li {
        flex: 0 0 33.3333%;
    }
}

@media (min-width:992px) {
    .sitemap .sub-menu.flex-column li {
        flex: 0 0 25%;
    }
}

@media (min-width:1200px) {
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
        position: fixed;
        left: 0;
        width: 100% !important;
        margin-left: 0;
        right: inherit;
        width: calc(100% - 30px) !important;
        animation-duration: unset !important;
    }
    .sitemap .sub-menu.flex-column li {
        flex: 0 0 20%;
    }
}

@media (min-width:1281px) {
    .gradient_bg .overlay {
        top: 55%!important;
    }
}

@media (min-width:1400px) {
    #wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
        width: 1250px;
    }
}

@media(max-width:360px) {
    .search-form label,
    .search-form .btn.search-submit {
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:1366px) {
    .inner_profile .hidden_content p {
        font-size: 13px;
    }
    .inner_profile .hidden_content {
        left: 0;
        bottom: 20px;
        width: 100%;
        padding: 10px;
        height: 90%;
    }
}

.page-id-1273 ul {
    list-style-type: square;
    padding: 0 0 0 20px;
    counter-reset: my-sec-counter;
    margin-bottom: 15px;
    font-family: 'Muli',sans-serif;
}
.page-id-1273 .cms-content p, 
.page-id-1273 .cms-content li, 
.page-id-1273 .cms-content a {
    font-size: 15px !important;
    line-height: 24px;
    font-weight: normal;
    font-family: 'Muli',sans-serif;
}
.page-id-1273 .cms-content a {
    font-weight: bold;
}
.page-id-1273 ul li {
    margin-bottom: 10px;
}
.page-id-1273 .cms-content ul.inc-number {
    list-style-type: none;
    padding: 0 !important;
}
.page-id-1273 .cms-content ul.inc-number > li {
    position: relative;
    padding-left: 30px;
}
.page-id-1273 .cms-content ul.inc-number > li::marker {
    display: none;
}
.page-id-1273 .cms-content ul.inc-number > li::before {
    top: 1px;
    left: 0;
    width: 28px;
    text-align: center;
    position: absolute;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
    background: none;
    font-weight: 700;
    color: #2a9dcc;
    font-family: 'Muli',sans-serif;
}

.page-id-1273 .cms-content ul.inc-number.dt-listing > li::before {
    color: #000;
    font-size: 17px;
    line-height: 14px;    
}
.page-id-1273 .cms-content p {
    margin-bottom: 1rem;
}
.page-id-1273 .cms-content h5 {
    margin-bottom: 1rem;
    font-family: 'Muli',sans-serif;
}
.page-id-1273 th,
.page-id-1273 td {
    padding: 5px;
}

@media (max-width:767px) {
    .page-id-1273 .cms-content p, 
    .page-id-1273 .cms-content li, 
    .page-id-1273 .cms-content a {
        font-size: 14px !important;
        line-height: 22px;        
    }
    .page-id-1273 .cms-content h5 {
        font-size: 16px;
    }
    .page-id-1273 .cms-content ul.inc-number.dt-listing > li::before {        
        font-size: 15px;
    }
}
#life-at-ftx {
    padding-top: 60px;
    padding-bottom: 60px;
}
.life-at-ftx-heading h2 {
    margin-top: 0;
}
.event-none {
    pointer-events: none;
}
ul.tabs{
	margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
ul.tabs li{
	padding: 25px 40px;
	cursor: pointer;
	border: 1px solid #288CC8;
	text-align: center;
	color: #000000;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	margin: 0 30px 30px 0;
}
ul.tabs li:last-child {
    margin-right: 0;
}
ul.tabs li:hover,
ul.tabs li.current {
	background: #288CC8;
	color: #fff;
}
#life-at-ftx .tab-content{
	display: none;
	background: #fff;
	padding: 0;
}
#life-at-ftx .tab-content.current{
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.event-img {
    width: calc((100% / 6) - 20px);
    margin: 20px 10px 0px;
}
.event-img a {
    display: block;
	height: auto;
    overflow: hidden;
}
.event-img a img {
    object-fit: cover;
    height: auto;
    width: 100%;
}
.ekko-lightbox-nav-overlay a {
    opacity: 1;
}
.page-template-template-career .ekko-lightbox.modal {
    /* height: 90vh; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page-template-template-career .modal-body {
    padding: 0;
}
.page-template-template-career  .modal-backdrop {
    background: rgb(28 28 28) !important;
}
.ekko-lightbox-nav-overlay a:first-child,
.ekko-lightbox-nav-overlay a:last-child {
    top: 50%;
    font-size: 50px;
	position: absolute;
	transform: translateY(-50%) !important;
}
.ekko-lightbox-nav-overlay a:first-child {
    left: -100px;
}
.ekko-lightbox-nav-overlay a:last-child {
	right: -100px;
}
.ekko-lightbox-nav-overlay a:last-child span,
.ekko-lightbox-nav-overlay a:first-child span {
    color: #ffffff;
}
@media screen and (max-width: 1600px) {
	.event-img {
    	width: calc((100% / 5) - 20px);
	}
	.event-img a {
    	height: auto;
	}
}
@media screen and (max-width: 1440px) {
	ul.tabs li {
		padding: 15px 30px;
		margin: 0 20px 0px 0;
	}
}
@media screen and (max-width: 1200px) {
	.event-img {
    	width: calc((100% / 4) - 20px);
	}
	.event-img a {
    	height: auto;
	}
}
@media screen and (max-width: 1024px) {
	.ekko-lightbox-nav-overlay a:first-child {
		left: -50px;
	}
	.ekko-lightbox-nav-overlay a:last-child {
		right: -50px;
	}
}
@media screen and (max-width: 991px) {
	ul.tabs li {
		padding: 12px 20px;
		margin: 0 15px 0 0;
		font-size: 16px;
		line-height: 20px;
	}
	.ekko-lightbox-nav-overlay a:first-child {
    	left: 0;
	}
	.ekko-lightbox-nav-overlay a:last-child {
    	right: 0;
	}
	.whychoose {
    	padding: 70px 0 50px !important;
    }
	#life-at-ftx {
    	padding-bottom: 60px;
	}
}
@media screen and (max-width: 767px) {
	.event-img {
    	width: calc((100% / 3) - 20px);;
	}
	.event-img a {
    	height: auto;
	}
	ul.tabs li {
		padding: 10px 15px;
		margin: 0 10px 10px 0;
		font-size: 15px;
		line-height: 18px;
	}
	.ekko-lightbox-nav-overlay a:first-child, .ekko-lightbox-nav-overlay a:last-child {
    	font-size: 40px;
	}
}
@media screen and (max-width: 575px) {
	.event-img {
    	width: calc((100% / 2) - 20px);;
	}
}
@media screen and (max-width: 360px) {
	.event-img {
    	width: 100%;
	}
}

/* .page-template-template-career .modal-dialog {
    max-width: 80% !important;
    margin: auto !important;
    width: 100%;
	height: 100%;
}
.page-template-template-career .modal-content,
.page-template-template-career .ekko-lightbox-container {
    height: 100%;
}
.page-template-template-career .ekko-lightbox-item.fade {
    display: none;
}
.page-template-template-career .ekko-lightbox-item.fade.in.show {
    display: block;
    height: 100%;
}
.page-template-template-career .ekko-lightbox-item.fade.in.show img {
    height: 100%;
    object-fit: cover;
}
 */
 @media (max-width: 767px) {
     .footer-bcontent #menu-home .clutch_logo, .footer-bcontent #menu-home .google_review{
         display:none;
     }
     .footer-links  #nav_menu-5  .menu-home-container{
        padding: 0 20px 20px;
        text-align: left;
     }
 }