@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700&display=swap";
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body,
html {
    height: 100%
}

body {
    font-family: Lexend, sans-serif;
    font-size: 16px;
    color: #333;
    background-color: #fff!important;
    font-weight: 400;
    line-height: 1.5
}

a {
    -ms-transition: .2s ease;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    color: #333
}

a:focus,
a:hover {
    color: #3e403f;
    text-decoration: none;
    -ms-transition: .2s ease;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

::-moz-selection {
    color: #fff;
    background: #045de8
}

::selection {
    color: #fff;
    background: #045de8
}

button:focus {
    outline: 0
}

textarea {
    resize: vertical
}

.text-center {
    text-align: center!important
}

.txtrgt {
    text-align: right
}

.btn {
    font-size: 15px;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    padding: 6px 15px
}

.btn:hover {
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.navbar {
    border-color: #eee;
    background-color: #fff;
    border-bottom: #fff;
    padding: 10px 0 5px;
    transition: all ease-in-out .5s;
    margin-bottom: 0;
    border-radius: 0
}

.navbar-brand {
    width: 150px;
    height: 47px;
    background: url(../img/logo.svg) no-repeat left top;
    background-size: 150px auto;
    margin: 0 auto!important;
    display: block;
    float: none;
    padding: 0;
    font-size: 0;
    line-height: normal
}

.navbar-right {
    background-color: transparent
}

.menu-mobile {
    display: none;
    padding: 20px
}

.menu-mobile:after {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 2.5rem;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    color: #333
}

.menu-dropdown-icon:before {
    content: "\f067";
    font-family: FontAwesome;
    display: none;
    cursor: pointer;
    float: right;
    padding: 10px 15px;
    background: rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .5)
}

.menu-dropdown-icon.list-active::before {
    content: "\f068"
}

.menu>ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0
}

.menu>ul:after,
.menu>ul:before {
    content: "";
    display: table
}

.menu>ul:after {
    clear: both
}

.menu>ul>li {
    float: left;
    padding: 0;
    margin: 0;
    position: relative
}

.menu>ul>li a {
    text-decoration: none;
    padding: 18px 15px;
    display: block;
    font-weight: 400;
    color: #333
}

.menu>ul>li>a:hover {
    color: #045de8!important
}

.menu>ul>li a:hover {
    color: #333
}

.menu>ul>li>ul {
    display: none;
    background: #fff;
    padding: 10px 0;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    height: auto;
    overflow-y: auto;
    margin: 0;
    list-style: none;
    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .1)
}

.menu>ul>li>ul:after,
.menu>ul>li>ul:before {
    content: "";
    display: table
}

.menu>ul>li>ul:after {
    clear: both
}

.menu>ul>li>ul>li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    background: 0
}

.menu>ul>li>ul>li a {
    color: #666;
    padding: 5px 0;
    width: 100%;
    display: block
}

.menu>ul>li>ul>li a:hover {
    color: #045de8!important
}

.menu>ul>li>ul>li .section-title {
    display: block;
    position: relative
}

.menu>ul>li>ul>li .menutxt {
    color: #333;
    padding: 5px 0;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #045de8;
    position: relative
}

.menu>ul>li>ul>li .section-title:before {
    content: "";
    width: 100%;
    position: absolute;
    background: #f7faff;
    left: 0;
    right: 0;
    bottom: 1px;
    display: block;
    height: 1px
}

.menu>ul>li>ul>li>ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box
}

.menu>ul>li>ul>li>ul:after,
.menu>ul>li>ul>li>ul:before {
    content: "";
    display: table
}

.menu>ul>li>ul>li>ul:after {
    clear: both
}

.menu>ul>li>ul>li>ul>li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.menu>ul>li>ul>li>ul>li a {
    border: 0;
    font-size: 14px;
    font-weight: 400;
    transition: all .4s ease;
    position: relative
}

.menu>ul>li>ul>li>ul>li a::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    height: 20px;
    width: 20px;
    background: url(../img/symbol9.svg);
    background-size: 20px 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.menu>ul>li>ul>li>ul>li a:hover:before {
    left: 0;
    opacity: 1
}

.menu>ul>li>ul>li>ul>li a:hover {
    color: #045de8;
    padding-left: 25px
}

.menu>ul>li>ul.normal-sub {
    width: 200px;
    max-width: 300px;
    padding: 0;
    position: absolute;
    height: auto;
    overflow-y: inherit;
    left: auto;
    right: auto;
    background-color: #fff
}

.right-dropdown .normal-sub {
    right: 0!important;
    left: auto!important
}

.menu>ul>li>ul.normal-sub>li {
    width: 100%
}

.menu>ul>li>ul.normal-sub>li a {
    border: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400
}

.menu>ul>li>ul.normal-sub>li a::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    height: 20px;
    width: 20px;
    background: url(../img/symbol9.svg);
    background-size: 20px 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.menu>ul>li>ul.normal-sub>li a:hover:before {
    left: 5px;
    opacity: 1
}

.menu>ul>li>ul.normal-sub>li a:hover {
    color: #045de8;
    padding-left: 30px
}

.menu-tree ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.menu-tree ul li a {
    padding: 5px 8px 5px 12px !important;
    margin-left: 0!important;
    font-size: 13px!important;
    color: #666!important;
    position: relative
}

.menu-tree ul li a:hover {
    color: #333!important
}

.menu-tree ul li a:hover:before {
    border-color: #333
}

.menu-tree ul li a:before,
.more-menus ul li a:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #666;
    display: inline-block;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 11px
}

.menu-tree {
    width: 33.333333%!important;
    padding-right: 5px!important
}

.tech-menu>a {
    color: #333!important
}

.more-menus ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0
}

.col-w-20 {
    width: 25%
}

.more-menus ul li a {
    font-size: 13px;
    position: relative;
    padding-left: 12px!important
}

.more-menus ul li a:hover:before {
    border-color: #333
}

.simple-dropdown {
    position: relative
}

@media only screen and (max-width:991px) {
    .container-fluid>.navbar-header {
        margin: 0;
        float: left
    }
    .menu-container {
        width: 100%
    }
    .navbar-right {
        float: right;
        margin-right: 0
    }
    .menu-mobile {
        display: block;
        padding: 10px 15px
    }
    .menu-dropdown-icon:before {
        display: block
    }
    .menu>ul {
        position: fixed;
        background: rgba(51, 51, 51, .97);
        left: 0;
        right: 0;
        height: 100%;
        overflow-y: auto;
        top: 0;
        transform: translateX(100%);
        transition: all ease .3s
    }
    .menu>ul>li {
        width: 100%;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }
    .menu>ul>li a {
        padding: 10px 15px;
        width: 100%;
        display: block;
        color: #fff
    }
    .list-active a,
    .menu>ul>li a:hover {
        background-color: rgba(255, 255, 255, .15)
    }
    .menu>ul>li>ul {
        position: relative;
        padding: 0 0 10px;
        box-shadow: none
    }
    .menu>ul>li>ul.normal-sub {
        width: 100%;
        max-width: 100%
    }
    .menu>ul>li>ul>li {
        float: none;
        width: 100%;
        margin-top: 10px
    }
    .menu>ul>li>ul>li:first-child {
        margin: 0
    }
    .menu>ul>li>ul>li>ul {
        position: relative;
        margin: 0
    }
    .menu>ul>li>ul>li>ul>li {
        float: none
    }
    .menu>ul>li>ul>li>ul>li a {
        font-size: 16px!important
    }
    .menu-tree ul li a:before,
    .more-menus ul li a:before {
        top: 13px
    }
    .menu>ul>li>ul.normal-sub>li a,
    .more-menus ul li a {
        font-size: 16px
    }
    .menu>ul>li>ul.normal-sub>li a {
        padding-left: 15px;
        padding-right: 15px
    }
    .menu .show-on-mobile {
        transform: translateX(0)
    }
    .menu>ul>li>ul.normal-sub>li {
        margin-top: 0
    }
    .menu-close {
        display: inline-block!important;
        border-bottom: 0!important;
        float: right!important
    }
    .menu-close a:hover {
        background-color: transparent!important
    }
    .close-nav {
        width: 40px!important;
        height: 40px;
        opacity: 9;
        float: right
    }
    .close-nav:hover {
        opacity: 1
    }
    .close-nav:after,
    .close-nav:before {
        position: absolute;
        right: 20px;
        top: 10px;
        content: " ";
        height: 23px;
        width: 2px;
        background-color: #fff
    }
    .close-nav:before {
        transform: rotate(45deg)
    }
    .close-nav:after {
        transform: rotate(-45deg)
    }
    .menu-tree {
        width: 100%!important
    }
    .menu>ul>li>ul.normal-sub {
        position: static
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .menu-tree {
        width: 33.33333%!important;
        float: left!important
    }
}

@media(min-width:991px) {
    .list-active>a {
        color: #045de8!important
    }
    .menu>ul>li.menu-dropdown-icon:hover:before {
        content: "";
        position: absolute;
        bottom: 0;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        display: inline-block;
        background-color: transparent;
        padding: 0;
        z-index: 5
    }
}

.banner {
    width: 100%;
    float: left
}

.slider {
    width: 100%;
    height: 100%
}

.scroll-main {
    background: #eee;
    padding: 5px 0
}

.simply-scroll-container {
    background-color: transparent;
    z-index: 2
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.simply-scroll-list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none
}

.simply-scroll-list li {
    padding: 0 20px 0 0;
    margin: 0;
    list-style: none
}

.simply-scroll {
    width: 100%;
    margin: 0;
    width: 100%
}

.simply-scroll .simply-scroll-clip {
    width: 100%;
    height: 51px
}

.simply-scroll .simply-scroll-list li {
    float: left
}

.simply-scroll .simply-scroll-list li span {
    float: left;
    height: 51px;
    margin: 0;
    cursor: auto
}

.client-logo {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.client-logo li {
    margin: 0;
    list-style-type: none
}

.client-logo-sprite {
    height: 51px;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: url(../img/client_logo.png) no-repeat 0 0
}

.leber {
    width: 162px;
    background-position: 0 0
}

.leber:hover {
    background-position: 0 -51px
}

.instimate {
    width: 162px;
    background-position: -161px 0
}

.instimate:hover {
    background-position: -161px -51px
}

.infostretch {
    width: 160px;
    background-position: -323px 0
}

.infostretch:hover {
    background-position: -323px -51px
}

.iwaytrack {
    width: 106px;
    background-position: -484px 0
}

.iwaytrack:hover {
    background-position: -484px -51px
}

.signify {
    width: 60px;
    background-position: -591px 0
}

.signify:hover {
    background-position: -591px -51px
}

.bcs {
    width: 164px;
    background-position: -651px 0
}

.bcs:hover {
    background-position: -651px -51px
}

.holiday4u {
    width: 160px;
    background-position: -815px 0
}

.holiday4u:hover {
    background-position: -815px -51px
}

.smartcitizen {
    width: 160px;
    background-position: -978px 0
}

.smartcitizen:hover {
    background-position: -978px -51px
}

.crunch {
    width: 76px;
    background-position: -1142px 0
}

.crunch:hover {
    background-position: -1142px -51px
}

.getmore {
    width: 164px;
    background-position: -1220px 0
}

.getmore:hover {
    background-position: -1220px -51px
}

.overlay {
    width: 146px;
    background-position: -1384px 0
}

.overlay:hover {
    background-position: -1384px -51px
}

.anibrain {
    width: 160px;
    background-position: -1530px 0
}

.anibrain:hover {
    background-position: -1530px -51px
}

.mzahid {
    width: 144px;
    background-position: -1693px 0
}

.mzahid:hover {
    background-position: -1693px -51px
}

.sundale {
    width: 164px;
    background-position: -1836px 0
}

.sundale:hover {
    background-position: -1836px -51px
}

.hoopye {
    width: 56px;
    background-position: -2001px 0
}

.hoopye:hover {
    background-position: -2001px -51px
}

.meh {
    width: 164px;
    background-position: -2056px 0
}

.meh:hover {
    background-position: -2056px -51px
}

.navneet {
    width: 78px;
    background-position: -2221px 0
}

.navneet:hover {
    background-position: -2221px -51px
}

.aims {
    width: 110px;
    background-position: -2304px 0
}

.aims:hover {
    background-position: -2304px -49px
}

.faithcare {
    width: 64px;
    background-position: -2415px 0
}

.faithcare:hover {
    background-position: -2415px -51px
}

.banner-services {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.banner-services li {
    list-style-type: none;
    border-right: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%
}

.banner-services li a {
    display: block;
    padding: 10px;
    line-height: 30px;
    height: 100%
}

.banner-services li:last-child {
    border-right: 0
}

.banner-services li a:hover {
    background-color: #333;
    color: #fff
}

.banner-services li.list-block {
    display: block
}

.service-main {
    display: block;
    margin-top: 50px
}

.service-sprite {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: url(../img/service-sprite@2x.svg) no-repeat 0 0;
    background-size: 561px auto
}

.blockchain {
    background-position: 0 0
}

.banner-services li:hover .blockchain {
    background-position: 0 -360px
}

.ar-vr {
    background-position: -55px 0
}

.banner-services li:hover .ar-vr {
    background-position: -55px -360px
}

.chat-bots {
    background-position: -110px 0
}

.banner-services li:hover .chat-bots {
    background-position: -110px -360px
}

.ml {
    background-position: -165px 0
}

.banner-services li:hover .ml {
    background-position: -165px -360px
}

.iot {
    background-position: -220px 0
}

.banner-services li:hover .iot {
    background-position: -220px -360px
}

.bd {
    background-position: -275px 0
}

.banner-services li:hover .bd {
    background-position: -275px -360px
}

.iphone-app-icon {
    background-position: 0 -60px
}

.banner-services li:hover .iphone-app-icon {
    background-position: 0 -420px
}

.android-app-icon {
    background-position: -55px -60px
}

.banner-services li:hover .android-app-icon {
    background-position: -55px -420px
}

.hyb-app-icon {
    background-position: -110px -60px
}

.flutter-icon {
    background-position: -165px -60px
}

.banner-services li:hover .flutter-icon {
    background-position: -165px -420px
}

.banner-services li:hover .hyb-app-icon {
    background-position: -110px -420px
}

.uiux-icon {
    background-position: 0 -120px
}

.banner-services li:hover .uiux-icon {
    background-position: 0 -480px
}

.rwd-icon {
    background-position: -55px -120px
}

.banner-services li:hover .rwd-icon {
    background-position: -55px -480px
}

.mobile-app-icon {
    background-position: -110px -120px
}

.banner-services li:hover .mobile-app-icon {
    background-position: -110px -480px
}

.wireframe-icon {
    background-position: -165px -120px
}

.banner-services li:hover .wireframe-icon {
    background-position: -165px -480px
}

.html-icon {
    background-position: -220px -120px
}

.banner-services li:hover .html-icon {
    background-position: -220px -480px
}

.css-icon {
    background-position: -275px -120px
}

.banner-services li:hover .css-icon {
    background-position: -275px -480px
}

.python-icon {
    background-position: 0 -180px
}

.banner-services li:hover .python-icon {
    background-position: 0 -540px
}

.django-icon {
    background-position: -55px -180px
}

.banner-services li:hover .django-icon {
    background-position: -55px -540px
}

.php-icon {
    background-position: -110px -180px
}

.banner-services li:hover .php-icon {
    background-position: -110px -540px
}

.laravel-icon {
    background-position: -165px -180px
}

.banner-services li:hover .laravel-icon {
    background-position: -165px -540px
}

.java-icon {
    background-position: -220px -180px
}

.banner-services li:hover .java-icon {
    background-position: -220px -540px
}

.vuejs-icon {
    background-position: -275px -180px
}

.banner-services li:hover .vuejs-icon {
    background-position: -275px -540px
}

.nodejs-icon {
    background-position: -331px -180px
}

.banner-services li:hover .nodejs-icon {
    background-position: -331px -540px
}

.fullstack-icon {
    background-position: -386px -180px
}

.banner-services li:hover .fullstack-icon {
    background-position: -386px -540px
}

.mvcnet-icon {
    background-position: -496px -180px
}

.banner-services li:hover .mvcnet-icon {
    background-position: -496px -540px
}

.seo-icon {
    background-position: 0 -240px;
    background-position: 0 -240px
}

.banner-services li:hover .seo-icon {
    background-position: 0 -600px
}

.local-seo-icon {
    background-position: -55px -240px
}

.banner-services li:hover .local-seo-icon {
    background-position: -55px -600px
}

.smm-icon {
    background-position: -110px -240px
}

.banner-services li:hover .smm-icon {
    background-position: -110px -600px
}

.ecommerce-seo-icon {
    background-position: -165px -240px
}

.banner-services li:hover .ecommerce-seo-icon {
    background-position: -165px -600px
}

.aso-icon {
    background-position: -220px -240px
}

.banner-services li:hover .aso-icon {
    background-position: -220px -600px
}

.paid-ads-icon {
    background-position: -275px -240px
}

.banner-services li:hover .paid-ads-icon {
    background-position: -275px -600px
}

.content-icon {
    background-position: -331px -240px
}

.website-icon {
    background-position: 0 -300px
}

.banner-services li:hover .website-icon {
    background-position: 0 -660px
}

.automation-icon {
    background-position: -110px -300px
}

.banner-services li:hover .automation-icon {
    background-position: -110px -660px
}

.functional-icon {
    background-position: -165px -300px
}

.banner-services li:hover .functional-icon {
    background-position: -165px -660px
}

.non-functional-icon {
    background-position: -220px -300px
}

.banner-services li:hover .non-functional-icon {
    background-position: -220px -660px
}

.manual-icon {
    background-position: -275px -300px
}

.selenium-icon {
    background-position: -331px -300px
}

.banner-services li:hover .selenium-icon {
    background-position: -331px -660px
}

.sr-tx {
    font-size: 15px;
    display: block;
    text-align: center
}

.srvc-svg {
    width: 50px
}

.grd-4.banner-services li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.mb-10 {
    margin-bottom: 10px
}

.mt-0 {
    margin-top: 0!important
}

.full-height {
    height: 100%
}

.demo-cont {
    position: relative
}

.bottom-arrow {
    position: absolute;
    bottom: 15px;
    left: 50%;
    z-index: 3
}

.click-arrow {
    background: #333;
    color: #fff!important;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation: bounce 3.6s ease infinite;
    transform-origin: 50% 50%
}

.click-arrow:hover {
    background: #045de8
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }
    5.55556% {
        transform: translateY(0)
    }
    11.11111% {
        transform: translateY(0)
    }
    22.22222% {
        transform: translateY(-15px)
    }
    27.77778% {
        transform: translateY(0)
    }
    33.33333% {
        transform: translateY(-15px)
    }
    44.44444% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(0)
    }
}

.width-100 {
    width: 100%
}

.grey-bg {
    display: block;
    background-color: #f7faff;
    margin-top: 410px;
    padding-top: 30px
}

.common-sprite {
    display: block;
    background: url(../img/common-sprite.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.footer-arrow {
    background-position: 0 0;
    width: 102px;
    height: 80px;
    right: -30px;
    top: -60px;
    position: absolute
}

.quote-pad {
    margin-top: -400px
}

.quote-txt {
    display: block;
    padding: 30px 0
}

.quote-txt-head {
    display: block;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center
}

.quote-txt-para {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 400
}

.form-main {
    display: block;
    margin-bottom: 20px;
    margin-top: 50px
}

.form-main-inner {
    background-color: #fff;
    padding: 25px 0;
    border: 10px solid #f7faff;
    width: 100%
}

.form-main-inner .sub-btn {
    margin: 0 auto 15px;
    max-width: 360px
}

.form-control::placeholder,
.select2-search__field::placeholder {
    color: #333;
    opacity: 1
}

.form-control:-ms-input-placeholder,
.select2-search__field::placeholder {
    color: #333
}

.form-control::-ms-input-placeholder,
.select2-search__field::placeholder {
    color: #333
}

.forminput {
    display: block;
    margin-top: 15px
}

.forminput .container {
    max-width: 100%
}

.footer-careers .forminput {
    padding: 0 15px
}

.forminput .input-group-addon {
    background-color: transparent;
    border: 1px solid #e8e8e8;
    border-right: 0;
    border-radius: 0!important;
    box-shadow: none!important
}

.forminput .form-group {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 5px
}

.forminput .form-group .err {
    width: 100%;
    padding: 0 15px;
    position: absolute;
    left: 0;
    bottom: 0
}

#careerForm.forminput .form-group .err {
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0
}

.forminput .form-group label {
    font-size: 15px;
    display: block;
    float: none;
    font-weight: 400;
    color: #444!important
}

.forminput .upload-doc .label-2 {
    display: block;
    float: none;
    font-weight: 400
}

.forminput #description {
    height: 100px;
    resize: none
}

.footer-form-col {
    margin: auto;
    float: none;
    padding: 0
}

.quote-pad .address-list,
.quote-pad .address-list .col-md-4 {
    padding: 0
}

.forminput .form-group label span {
    color: red
}

.forminput .input-group-addon i {
    font-size: 20px;
    color: #cecece
}

.forminput input,
.forminput textarea {
    height: 45px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    box-shadow: none!important;
    border-radius: 0!important
}

.form-control .select2 {
    height: 45px!important;
    background-color: #fff;
    border: 1px solid #e8e8e8!important;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    box-shadow: none!important;
    border-radius: 0!important
}

.select2-hidden-accessible {
    display: none!important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 15px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 15px
}

.select2-results__option {
    font-size: 15px
}

.form-footer-icon {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background: url(../img/form-sprite.png) no-repeat 0 0
}

.footer-username-icon {
    background-position: -106px 0
}

.footer-mob-icon {
    background-position: -134px -2px
}

.footer-email-icon {
    background-position: -166px -1px
}

.footer-company-icon {
    background-position: -192px -1px
}

.footer-list-icon {
    background-position: -219px -3px
}

.footer-comment-icon {
    background-position: -305px -1px
}

.footer-fileupload-icon {
    background-position: -248px -2px
}

.footer-skill-icon {
    background-position: -421px -3px
}

.footer-qualification-icon {
    background-position: -537px 3px
}

.footer-experience-icon {
    background-position: -407px -30px
}

.footer-positions-icon {
    background-position: -433px -30px
}

.footer-currency-icon {
    background-position: -459px -30px
}

.footer-calendar-icon {
    background-position: -485px -30px
}

.btn {
    font-size: 18px;
    font-weight: 500
}

.btn-submit {
    width: 100%
}

.btn-primary {
    color: #fff;
    background-color: #045de8;
    border-color: #045de8;
    padding: 12px 15px;
    line-height: 1;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #444;
    border-color: #444
}

.btn-primary:hover {
    color: #fff;
    background-color: #444;
    border-color: #444;
    transform: translateY(-2px)
}

.custom-file-main {
    position: relative;
    display: table;
    border-collapse: separate
}

.custom-file-main>label {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    float: none
}

.custom-file-upload input[type=file] {
    width: 100%;
    display: block;
    border: 0!important;
    outline: 0;
    height: 43px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-file-upload input[type=file] {
        padding: 11px 0 0
    }
}

.custom-file-upload {
    cursor: pointer;
    display: table-cell;
    width: 100%;
    position: relative;
    z-index: 2;
    border: 1px solid #e8e8e8;
    border-left: 0
}

.custom-file-upload .custom-file-upload:focus {
    border: 1px solid #333
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input:hover::before {
    border-color: #333
}

.custom-file-input:active::before {
    background: #f7faff
}

.file-icon {
    display: table-cell;
    padding: 10px 12px;
    border: 1px solid #e8e8e8
}

.file-txt {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 15px;
    font-weight: 400
}

.infotxt {
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
    display: inline-block
}

.infotxtfooter {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 0 0 5px;
    padding: 0
}

.infotxtpara {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    display: block
}

.address-txt {
    display: block;
    margin-bottom: 25px
}

.address-txt-head {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 10px;
    line-height: 30px
}

.address-txt-head span {
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    top: -2px;
    position: relative
}

.address-txt-head span img {
    vertical-align: middle;
    height: 30px;
    width: 30px
}

.address-txt-head:after {
    width: 180px;
    height: 1px;
    background-color: #acacac;
    content: "";
    display: block;
    margin-top: 5px
}

.address-txt-para {
    line-height: 28px
}

.address-txt a {
    color: #045de8;
    text-decoration: underline
}

.address-txt a:hover {
    color: #333;
    text-decoration: underline
}

.maptxt {
    float: right
}

a.maptxt {
    color: #333;
    text-decoration: none
}

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

.footer-us-flag-icon {
    background-position: -330px 0;
    width: 30px;
    height: 24px;
    display: inline-block;
    vertical-align: top
}

.footer-in-flag-icon {
    background-position: -360px -2px;
    width: 30px;
    height: 24px;
    display: inline-block;
    vertical-align: top
}

.footer-address-icon {
    background-position: -276px -2px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle
}

.mail-box {
    display: block;
    margin-bottom: 30px
}

.mail-box-head {
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 17px;
    line-height: 26px
}

.footer-emailwhite-icon {
    background-position: -109px -27px;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top
}

.footer-skypelwhite-icon {
    background-position: -170px -27px;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top
}

.email-pad {
    display: block
}

.email-pad i {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 8px
}

.email-pad p {
    font-weight: 400;
    font-size: 16px
}

.email-pad b {
    font-weight: 500;
    font-size: 20px
}

.btn-email {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    border-radius: 0!important;
    height: 76px
}

.btn-email.focus,
.btn-email:focus {
    color: #045de8!important;
    background-color: #eee;
    border-color: #eee
}

.btn-email:hover {
    color: #045de8!important;
    background-color: #eee;
    border-color: #eee
}

.darkblack-bg {
    display: block;
    background-color: #fff;
    padding: 30px 0
}

.quick-links {
    display: block
}

.quick-links h2,
.subhead {
    font-size: 18px;
    color: #444;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.service-title {
    font-size: 17px;
    color: #fff;
    margin-bottom: 5px
}

.quick-links h4 {
    font-size: 15px;
    color: #fff
}

.quick-links h4 a {
    color: #fff!important
}

.quick-links h4 a:hover {
    color: #eee!important
}

.quick-links ul {
    margin: 10px 0;
    list-style-type: none;
    padding: 0
}

.quick-links ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 26px
}

.quick-links ul li a {
    margin: 0;
    display: block;
    font-size: 13px;
    color: #444;
    transition: all .4s ease;
    position: relative;
    padding: 2px 0
}

.quick-links ul li a::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    height: 25px;
    width: 25px;
    background: url(../img/symbol9.svg);
    background-size: 20px 20px;
    background-position: 0 3px;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.quick-links ul li a:hover:before {
    left: 0;
    opacity: 1
}

.quick-links ul li a:hover {
    color: #045de8;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    padding-left: 25px
}

.black-bg {
    display: block;
    background-color: #262626;
    padding: 15px 0 5px
}

.copyright-txt {
    color: #fff;
    font-size: 12px
}

.copyright-txt a {
    color: #fff;
    font-size: 12px
}

.copyright-txt a:hover {
    color: #045de8
}

.footer-social {
    display: block;
    margin: 10px 0 15px
}

.footer-social a {
    color: #444;
    font-size: 30px;
    font-weight: 100;
    margin-right: 10px
}

.footer-social a:hover {
    color: #045de8
}

.subscribe-box {
    margin: 25px 0;
    display: block
}

.btn-subscribe {
    color: #fff;
    background-color: #045de8;
    border-color: #045de8;
    border-radius: 0!important;
    height: 50px;
    font-size: 15px!important
}

.btn-subscribe.focus,
.btn-subscribe:focus {
    color: #fff;
    background-color: #045de8;
    border-color: #045de8
}

.btn-subscribe:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.modal-backdrop {
    background-color: #111;
    opacity: .8!important
}

.footer-popup .modal-title {
    font-size: 20px!important;
    font-weight: 500!important;
    color: #045de8!important
}

.footer-popup .modal-content {
    border-radius: 0!important
}

.inner-banner-bg {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative
}

.consulting-services-bg {
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    opacity: .97;
    z-index: 999;
    background: #e3e3ca
}

.technical-services-bg {
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    opacity: .97;
    z-index: 999;
    background: #f7faff
}

.img-banner {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

.inner-banner-bg:hover .img-banner {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

.banner-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-45%);
    width: 1140px;
    margin: 0 auto;
    z-index: 999
}

.get-a-free-quote-2 {
    display: none
}

.banner-text h1 {
    font-weight: 400;
    font-size: 15px
}

.banner-text .careers-header {
    font-weight: 700;
    font-size: 48px;
    line-height: 54px
}

.banner-text .banner-text-h1 {
    font-weight: 700;
    font-size: 48px;
    color: #333;
    text-transform: uppercase;
    line-height: 54px
}

.banner-text p {
    margin-bottom: 15px!important
}

.banner-text .banner-h1 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px!important
}

.banner-text span {
    font-weight: 700;
    font-size: 48px;
    color: #333;
    text-transform: uppercase;
    line-height: 54px
}

.banner-text span.banner-h1 {
    text-transform: capitalize
}

.banner-text .resource-center-banner-span {
    margin-top: 0;
    font-weight: 500;
    font-size: 30px;
    color: #333;
    line-height: 54px
}

.breadcrumb-div {
    display: block;
    margin: 5px 0
}

.breadcrumb>li+li::before {
    padding: 0 5px;
    color: #333;
    content: "/\00a0"
}

.breadcrumb {
    background: 0;
    margin: 0
}

.breadcrumb li a {
    color: #333;
    font-weight: 300
}

.breadcrumb li.active {
    font-weight: 500;
    color: #333
}

.middle-section {
    display: block
}

.services-fixed {
    position: relative;
    display: block
}

.service-img-box {
    display: block
}

.service-banner-img {
    width: 100%;
    height: 650px;
    overflow: hidden
}

.docker-service-banner-img {
    height: 780px
}

.service-banner {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover
}

.service-para {
    background-color: #fff;
    padding: 60px
}

.service-para-txt {
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    font-size: 16px
}

.service-desc {
    position: relative;
    z-index: 1;
    background-color: #333;
    padding: 60px;
    margin: 0;
    display: block;
    width: 620px;
    left: -30px;
    top: 30px
}

.service-desc::after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: left;
    font-size: 36px;
    color: #333;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%)
}

.service-txt-desc {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    text-align: center
}

.service-links-r {
    display: block;
    padding: 90px 60px 60px;
    z-index: 1;
    background-color: #fff
}

.service-links-r ul {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.service-links-r li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative
}

.service-links-r li:last-child {
    margin: 0
}

.service-links-r li:before {
    content: "";
    height: 28px;
    width: 28px;
    position: absolute;
    background: url(../img/common-sprite.png) no-repeat 0 0;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    background-position: -388px -2px;
    left: 0
}

.padleft {
    padding-left: 0!important
}

.padright {
    padding-right: 0!important
}

.inner-banner-bg-1 {
    width: 100%;
    display: block;
    padding: 60px 0 90px;
    position: relative
}

.inner-banner-bg-1::after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: left;
    font-size: 36px;
    color: #e3e3ca;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: .97
}

.inner-banner-bg-2 {
    position: relative
}

.inner-banner-bg-2::after {
    color: rgba(229, 228, 240, .97)!important
}

.yellow-bg {
    opacity: .97;
    background: #e3e3ca
}

.white-bg {
    opacity: .97;
    background: #f7faff
}

.img-banner-1 {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

.banner-text-1 {
    width: 700px;
    margin: 0 auto
}

.banner-text-1 span {
    font-weight: 600;
    font-size: 30px;
    color: #333
}

.banner-text-1 p {
    font-weight: 400;
    color: #333;
    font-size: 17px;
    line-height: 24px;
    margin-top: 15px!important
}

.banner-text-3 h1 {
    font-weight: 700;
    font-size: 48px;
    color: #333;
    text-transform: uppercase;
    line-height: 54px
}

.service-feature-main {
    display: block;
    width: 840px;
    margin: 0 auto
}

.service-pad {
    margin: 60px 0 30px;
    display: block
}

.service-center {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.service-feature {
    width: 100%;
    margin-bottom: 30px;
    float: left;
    border-bottom: 2px dashed #f7faff;
    padding-bottom: 30px
}

.service-feature h4 {
    font-weight: 600;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    margin: 0 0 10px
}

.service-feature p {
    line-height: 22px;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.service-icon {
    padding: 30px 0
}

.service-strgy-icon {
    margin: 0 auto;
    display: block;
    vertical-align: middle;
    width: 72px;
    height: 72px
}

.service-strgy-blueprint {
    background-position: -109px -84px
}

.service-strgy-application {
    background-position: -181px -84px
}

.service-strgy-technical {
    background-position: -253px -84px
}

.strategy-transformation {
    background-position: -325px -84px
}

.business-transformation-program {
    background-position: -397px -84px
}

.qa-transformation-program {
    background-position: -466px -84px
}

.agile-business-consulting {
    background-position: -539px -84px
}

.agile-education {
    background-position: -611px -84px
}

.agile-staffing {
    background-position: -683px -84px
}

.customer-market-insight {
    background-position: -752px -84px
}

.customer-analysis {
    background-position: -824px -84px
}

.expert-advice {
    background-position: -896px -84px
}

.infrastructure-management {
    background-position: -968px -84px
}

.automating-deployment {
    background-position: -1040px -84px
}

.tracking-monitoring {
    background-position: -1112px -84px
}

.seo-strategies {
    background-position: -1184px -84px
}

.branding {
    background-position: -1256px -84px
}

.mobile-app-marketing {
    background-position: -1328px -84px
}

.marketing-icon-1 {
    background-position: -1471px -590px
}

.reduce-risk {
    background-position: -1543px -590px
}

@media only screen and (min-width:481px) {
    .flex-row.row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .flex-row.row>[class*=col-] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .flex-row.row:after,
    .flex-row.row:before {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.flex-row .caption,
.flex-row .thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.services-pad {
    padding: 30px 0 60px
}

.services-head-txt {
    line-height: 22px;
    text-align: left
}

.txt18 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.inner-banner-services-1 {
    width: 100%;
    height: 400px;
    position: relative
}

.inner-services-text {
    background-color: #f7faff;
    padding: 30px;
    margin-top: -150px
}

.inner-services-text:after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: right;
    font-size: 36px;
    color: #f7faff;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%)
}

.inner-services-web-m {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px
}

.inner-services-web {
    background-color: #f7faff;
    min-height: 400px;
    position: relative
}

.inner-services-web:after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: right;
    font-size: 36px;
    color: #e5e4f0;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%)
}

.services-sub-heading {
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 15px;
    padding: 0
}

.services-tab {
    display: block;
    padding: 60px 0 30px
}

.verticle-tabs .resp-tabs-list {
    display: block;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    background: #f7faff;
    padding: 15px 0
}

.verticle-tabs .ver-tab {
    -ms-flex: initial;
    flex: initial;
    max-width: initial;
    position: relative;
    display: block;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    border-left: 5px solid transparent;
    margin: 0;
    vertical-align: middle;
    border-radius: 0
}

.verticle-tabs .ver-tab:after {
    content: none!important
}

.ver-tab.resp-tab-active {
    background-color: transparent!important;
    color: #045de8!important;
    border-left: 3px solid #045de8!important
}

.verticle-tabs .resp-tab-content {
    padding: 0
}

.verticle-tabs .ver-tab:hover {
    background-color: #f7faff!important;
    color: #000
}

.verticle-tabs .resp-accordion .resp-arrow {
    margin-top: -4px
}

.bg-none {
    padding: 15px!important;
    background-color: transparent;
    margin-top: 15px
}

.verticle-tabs .tab-right .ver-tab {
    border-right: 5px solid transparent!important;
    border-left: 0!important
}

.verticle-tabs .tab-right .ver-tab.resp-tab-active {
    border-right: 3px solid #333!important;
    border-left: 0!important
}

.technical-services-bottom {
    width: 100%;
    display: block;
    padding: 60px 0 90px;
    position: relative;
    background-color: #f7faff
}

.technical-services-bottom::after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: left;
    font-size: 36px;
    color: #f7faff;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1
}

.technical-services-bottom-1 {
    position: relative
}

.technical-services-bottom-1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    opacity: .97;
    z-index: 1;
    background: #e5e4f0!important
}

.technical-service-txt {
    top: 15px;
    z-index: 2
}

.service-feature-main-pad {
    margin-top: -190px!important
}

.expert-developer {
    background-position: -109px -162px
}

.confidentiality {
    background-position: -1399px -590px
}

.experience-icon {
    background-position: -182px -162px
}

.project-delivery {
    background-position: -254px -162px
}

.integrate-system {
    background-position: -327px -162px
}

.decrease-system {
    background-position: -400px -162px
}

.complete-analysis {
    background-position: -472px -162px
}

.diagram {
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 500
}

.diagram img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    padding: 10px
}

.txtpadding {
    padding-top: 30px!important
}

.section {
    width: 100%;
    background-size: 100% auto;
    padding: 30px 0;
    display: table
}

.verticle-center {
    display: table-cell;
    vertical-align: middle
}

.section-text {
    display: block
}

.sc-txt {
    font-size: 25px;
    display: block
}

.sc-ttl {
    font-size: 60px;
    font-weight: 300;
    margin-bottom: 30px
}

.srv-ic {
    display: block
}

.srv-txt {
    display: block;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 400
}

.home-page-sprite {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    background: url(../img/HomePageIcons@2x.svg) no-repeat 0 0;
    background-size: 320px auto;
    z-index: 999;
    position: relative
}

.consulting-icon {
    background-position: 0 0
}

.resp-tab-active .consulting-icon,
.resp-tabs-list li:hover .consulting-icon {
    background-position: 0 -274px
}

.design-icon {
    background-position: -65px 0
}

.resp-tab-active .design-icon,
.resp-tabs-list li:hover .design-icon {
    background-position: -65px -274px
}

.technical-icon {
    background-position: -130px 0
}

.resp-tab-active .technical-icon,
.resp-tabs-list li:hover .technical-icon {
    background-position: -130px -274px
}

.qa-icon {
    background-position: -195px 0
}

.resp-tab-active .qa-icon,
.resp-tabs-list li:hover .qa-icon {
    background-position: -195px -274px
}

.maintance-support-icon {
    background-position: -260px 0
}

.resp-tab-active .maintance-support-icon,
.resp-tabs-list li:hover .maintance-support-icon {
    background-position: -260px -274px
}

.digital-marketing-icon {
    background-position: -325px 0
}

.resp-tab-active .digital-marketing-icon,
.resp-tabs-list li:hover .digital-marketing-icon {
    background-position: -325px -274px
}

.more-detail-service {
    margin-top: 30px
}

.kw-srch {
    display: block;
    padding: 0;
    margin: 30px 0 0;
    list-style-type: none
}

.kw-srch li {
    display: inline-block;
    padding: 0;
    margin: 2px 0;
    list-style-type: none
}

.kw-srch li label.btn-default {
    font-size: 12px;
    background-color: #e6f1ec;
    border: 0;
    color: #484848;
    font-weight: 400;
    border-radius: 0;
    white-space: normal;
    cursor: auto
}

.tab-left {
    background-color: #fff
}

.service-links-tech {
    display: block;
    padding: 0;
    z-index: 1;
    background-color: #fff
}

.service-links-tech ul {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.service-links-tech li {
    display: inline-block;
    list-style-type: none;
    margin: 15px 15px 0 0;
    padding: 5px;
    position: relative;
    border: 1px solid #f7faff
}

.service-links-tech li:last-child {
    margin-right: 0
}

.tech-service-sprite {
    width: 200px;
    height: 55px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    background: url(../img/tech-sprite.png) no-repeat 0 0
}

.vuforia-tech {
    background-position: 0 0
}

.unity-tech {
    background-position: -200px 0
}

.xcode-tech {
    background-position: -400px 0;
    width: 150px
}

.wikitude-tech {
    background-position: -550px 0
}

.arcore-tech {
    background-position: -850px 0
}

.arkit-tech {
    background-position: -750px 0;
    width: 100px
}

.oculus-tech {
    background-position: 0 -55px
}

.vive-tech {
    background-position: -200px -55px
}

.gear-tech {
    background-position: -400px -55px
}

.purple-bg {
    background: #e5e4f0!important
}

.web-service-main {
    margin-top: 60px;
    margin-bottom: 30px;
    display: block
}

.web-services {
    width: 100%;
    display: block;
    float: left;
    border: 0
}

.bg-none {
    background: 0 0!important
}

.txtuppercase {
    text-transform: uppercase!important;
    font-size: 13px!important;
    font-weight: 600!important
}

.industries {
    background-color: #dee9ea;
    border-bottom: 20px solid #f0ebe4;
    padding-top: 20px
}

.industries .ind-sec {
    position: relative
}

.industries-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: calc(100% - 121px)
}

.industries-bottom img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: 0 auto
}

.industries-responsive {
    padding-bottom: 30px
}

.indlt {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

@media(max-width:575px) {
    .indlt li {
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important
    }
}

@media(max-width:767px) {
    .indlt li {
        list-style-type: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 10px
    }
}

.ind-txt {
    margin-top: 5px!important;
    display: block
}

.heathcare-industry {
    background-position: 0 -50px
}

.travel-industry {
    background-position: -45px -50px
}

.education-industry {
    background-position: -90px -50px
}

.restaurant-industry {
    background-position: -135px -50px
}

.ecommerce-industry {
    background-position: -180px -50px
}

.banking-industry {
    background-position: -225px -50px
}

.finance-industry {
    background-position: -270px -50px
}

.agriculture-industry {
    background-position: -315px -50px
}

.manufacturing-industry {
    background-position: -360px -50px
}

.logistics-industry {
    background-position: -405px -50px
}

.insurance-industry {
    background-position: -270px -100px
}

.FullSection {
    display: table;
    width: 100%;
    height: 100%
}

.testimonials-div {
    padding: 30px 0;
    display: block
}

.testimonials-section {
    position: relative;
    display: block
}

.client-said {
    display: block
}

@media(min-width:600px) {
    .testimonials-section .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .testimonials-section .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: none;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-right: 1px solid #e8e8e8;
        padding: 0 15px
    }
}

.client-img {
    width: 82px;
    height: 82px;
    border-radius: 100%;
    margin: 0 auto;
    display: block
}

.cl-im {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    margin: 0 auto;
    display: block
}

.nm {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.plc {
    display: block;
    font-weight: 400;
    margin-bottom: 10px
}

.quote i {
    font-size: 18px;
    color: #f0ebe4
}

.quote .fa-quote-left {
    margin-right: 5px
}

.quote .fa-quote-right {
    margin-left: 5px
}

.client-video {
    display: block;
    position: relative
}

.client-video video {
    width: 100%!important
}

small {
    color: #333!important
}

.client-video>video {
    width: 100%;
    vertical-align: middle
}

.client-video>video.has-media-controls-hidden::-webkit-media-controls {
    display: none
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 30px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: .95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000);
    transition: opacity 150ms
}

.video-overlay-play-button:hover {
    opacity: 1
}

.video-overlay-play-button.is-hidden {
    display: none
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px!important;
    height: 15px!important;
    margin: 3px!important
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #045de8!important;
    border: 0
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px!important
}

.button-detail {
    margin-top: 15px;
    display: block
}

.Blog-section {
    display: block
}

.blog-gray-section {
    padding: 50px 0 80px;
    background: #f7faff;
    height: auto
}

.blog-listing-main {
    margin-top: -50px;
    margin-bottom: 30px
}

.height-blog {
    height: 540px
}

.blog-box {
    display: block;
    height: 100%;
    position: relative
}

.blog-img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.blog-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block
}

.content-inner {
    padding: 0 15px;
    display: block
}

.blog-tagging {
    display: block
}

.blog-tag {
    margin: 5px 0;
    background: rgba(255, 255, 255, .75);
    border-radius: 3px;
    color: #777;
    padding: 3px 8px;
    display: inline-block;
    font-size: 13px
}

.blog-title {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 15px
}

.blog-date {
    color: #777;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0!important;
    display: block
}

.blog-read {
    background: #777;
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    display: inline-block
}

.blog-read:hover {
    background: #045de8;
    color: #fff
}

.height-blog-half {
    height: 190px
}

.pb-15 {
    padding-bottom: 30px
}

.p-5 {
    padding: 5px
}

.blog-row {
    margin-left: -5px;
    margin-right: -5px
}

.mt-60 {
    margin-top: 60px
}

.txt36 {
    font-size: 40px
}

.extnsv-support {
    background-position: -1399px -84px
}

.os-device {
    background-position: -1471px -84px
}

.innovative-andrdapp {
    background-position: -1543px -84px
}

.highly-secured-app {
    background-position: -1615px -84px
}

.flexibility-app {
    background-position: -1687px -84px
}

.rapid-app {
    background-position: -1040px -159px
}

.exprnce-consultants {
    background-position: -1112px -159px
}

.design-apps {
    background-position: -1181px -159px
}

.tested-apps {
    background-position: -1252px -159px
}

.technical-skills {
    background-position: -1324px -159px
}

.vast-exprnce {
    background-position: -1396px -158px
}

.creative-solutions {
    background-position: -1468px -158px
}

.centric-approach {
    background-position: -1540px -158px
}

.agile-methodology {
    background-position: -1612px -158px
}

.competitive-pricing {
    background-position: -1684px -158px
}

.seamless-integration {
    background-position: -1038px -230px
}

.complete-customization {
    background-position: -1111px -230px
}

.on-timer {
    background-position: -1182px -230px
}

.user-freindly-website {
    background-position: -1253px -230px
}

.automated-process {
    background-position: -1254px -230px
}

.easy-develop {
    background-position: -1324px -230px
}

.object-oriented {
    background-position: -1396px -230px
}

.highly-productive {
    background-position: -1468px -230px;
    background-position: -1468px -230px
}

.diversity-platforms {
    background-position: -1538px -230px
}

.chatbots-expertise {
    background-position: -1610px -230px
}

.nlp-artificial-intelligence {
    background-position: -1682px -230px
}

.great-infrastructure {
    background-position: -1682px -230px
}

.latest-technology {
    background-position: -1038px -302px
}

.offline-usage {
    background-position: -1110px -302px;
    background-position: -1110px -302px
}

.user-experience {
    background-position: -1182px -302px
}

.remote-access {
    background-position: -1254px -302px
}

.nda-agreement {
    background-position: -1326px -302px
}

.customer-satisfaction {
    background-position: -1398px -302px
}

.opnsrc-cms-dvlpmnt-services {
    background-position: -1470px -302px
}

.high-scalability {
    background-position: -1542px -302px
}

.simple-revamping {
    background-position: -1614px -302px
}

.easy-handling {
    background-position: -1686px -302px
}

.extnsv-domain-support {
    background-position: -1040px -374px
}

.single-page-checkout {
    background-position: -1112px -374px
}

.customized-plugin-development {
    background-position: -1184px -374px
}

.multiple-store-admin {
    background-position: -1256px -374px
}

.inbuilt-marketing-tool {
    background-position: -1328px -374px
}

.hybrid-it-environment {
    background-position: -1400px -374px
}

.multiple-services {
    background-position: -1616px -374px
}

.saas-services {
    background-position: -1544px -374px
}

.responsive-flexible {
    background-position: -1688px -374px
}

.crm-makers {
    background-position: -1038px -446px
}

.custom-products {
    background-position: -1472px -374px
}

.data-security {
    background-position: -1110px -446px
}

.excellent-business-boost {
    background-position: -1182px -446px
}

.increase-conversion-rates {
    background-position: -1254px -446px
}

.brand-recognition-identity {
    background-position: -1326px -446px
}

.guaranteed-google-listing {
    background-position: -1398px -446px
}

.functional-design {
    background-position: -1472px -516px
}

.boost-customer-conversions {
    background-position: -1544px -516px
}

.focus-on-branding {
    background-position: -1616px -516px
}

.mobile-app-marketing {
    background-position: -1686px -516px
}

.wireframe-tool {
    background-position: -1040px -588px
}

.high-quality {
    background-position: -1112px -588px
}

.bug-free-app {
    background-position: -1184px -588px
}

.behaviour-driven {
    background-position: -1256px -588px
}

.performance-metrics {
    background-position: -1328px -518px
}

.enhance-speed {
    background-position: -1328px -588px
}

.fntwhite {
    color: #fff
}

.service-desc-pad {
    top: -90px!important;
    left: 20%!important
}

.service-banner-img-2 {
    height: 450px!important
}

.mrgtop0 {
    margin-top: 0!important
}

.bg-purple {
    z-index: 999;
    opacity: .97!important;
    background-color: #cae7ea!important
}

.bg-purple::after {
    color: #cae7ea!important;
    opacity: .97
}

.bg-yellow {
    z-index: 999;
    opacity: .97!important;
    background-color: #eaeacc!important
}

.bg-yellow::after {
    color: #eaeacc!important;
    opacity: .97
}

.bg-orange {
    z-index: 999;
    opacity: .97!important;
    background-color: #e6dac9!important
}

.bg-orange::after {
    color: #e6dac9!important;
    opacity: .97
}

.bg-orange {
    z-index: 999;
    opacity: .97!important;
    background-color: #e4eff0!important
}

.bg-orange::after {
    color: #e4eff0!important;
    opacity: .97
}

.uiux-services-main {
    padding: 0 15px;
    position: relative;
    top: -47px
}

.uiux-services {
    background: #333!important;
    width: 100%;
    margin: 0;
    padding: 15px 30px!important
}

.uiux-services-bottom {
    padding: 0 15px;
    background: 0;
    margin: 0 -15px;
    border-top: 1px solid #333
}

.uiux-services-bottom-1 {
    padding: 10px 0;
    background: 0;
    margin: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.uiux-services-top {
    padding: 0 15px;
    background: 0;
    margin: 0 -15px;
    border-bottom: 1px solid #333
}

.uiux-services-top-1 {
    padding: 10px 0;
    background: 0;
    margin: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.uiux-services-left {
    padding: 0 15px;
    background: 0;
    margin: 0 -15px;
    border-left: 1px solid #333
}

.uiux-services-left-1 {
    padding: 10px 0;
    background: 0;
    margin: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.uiux-services-right {
    padding: 0 15px;
    background: 0;
    margin: 0 -15px;
    border-bottom: 1px solid #333
}

.uiux-services-right-1 {
    padding: 10px 0;
    background: 0;
    margin: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.service-feature-1 {
    border-bottom: 0!important;
    padding-bottom: 0!important
}

.uiux-ser {
    padding: 30px 0!important;
    background: 0 0!important
}

.txtleft {
    text-align: left!important
}

.uiux-services-d {
    min-height: 200px!important
}

.uiux-services-img {
    height: 200px!important
}

.ui-ux-ser {
    border-right: 1px solid #333!important;
    border-bottom: 1px solid #333;
    padding: 15px;
    border-radius: 0;
    margin-bottom: 0
}

.bor0 {
    border-right: none!important
}

.borbtm0 {
    border-bottom: none!important
}

.why-choose-main {
    width: 100%!important
}

.whychoose-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    width: 100%;
    margin: 0;
    padding: 0 30px
}

.why-choose {
    width: 100%!important
}

.why-choose span {
    font-weight: 600;
    font-size: 30px;
    color: #333;
    margin-bottom: 15px!important;
    display: block
}

.whypr {
    position: relative
}

.whyservices {
    border-radius: 0!important;
    width: 100%;
    margin: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding-top: 15px
}

.borall0 {
    border: none!important
}

.lightgreen {
    background-color: #e4f0ea
}

.lightblue {
    background-color: #e5e4f0
}

.lightcream {
    background-color: #f0f0e4
}

.bordbtm0 {
    border-bottom: 0!important
}

.bordrgt0 {
    border-right: 0!important
}

.bordrlft0 {
    border-left: 0!important
}

.bordtpt {
    border-top: 1px solid #333
}

.mt-all0 {
    margin-bottom: 10px;
    float: left
}

.testimonials-section-inner {
    padding: 30px 0;
    text-align: center
}

.testimonials-section-inner .web-services {
    border-right: 1px solid #f0f0f0;
    padding-right: 15px;
    margin-bottom: 30px
}

.pad60 {
    padding: 90px 0 0!important
}

.sitemap-main {
    display: block;
    padding: 15px;
    border: 1px solid #fff;
    background: #fff
}

.sitemap-main a {
    color: #333!important
}

.sitemap-main a:hover {
    color: #333!important
}

.blacktxt {
    color: #333!important
}

.sitemap-main .quick-links ul {
    margin-bottom: 5px!important
}

.sitemap-logo {
    margin-bottom: 15px!important
}

.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none!important
}

.sitemap {
    width: 100%
}

.sitemap ol,
ul {
    list-style-type: none
}

.sitemap a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    margin: 0 5px;
    border-radius: 3px;
    text-align: center;
    position: relative;
    font-weight: 600
}

.first>li>a {
    background: #c9c6e5;
    width: 150px;
    height: 70px;
    line-height: 70px;
    display: block;
    margin: auto
}

.first>li>a:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 10px;
    background: #f7faff;
    top: 100%
}

.second {
    padding-top: 20px
}

.second>li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none
}

.second a {
    background: #c9c6e5;
    font-size: 14px;
    width: 145px;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    font-weight: 600
}

.second a:before {
    content: "";
    position: absolute;
    border: 1px solid #f7faff;
    border-left: none;
    border-bottom: 0;
    height: 9px;
    top: -10px;
    left: -46px;
    width: 140px
}

.second li:first-child a:before {
    border-top: 0
}

.third {
    margin-left: 0;
    padding-top: 10px
}

.third a {
    background: #c3f1e3;
    min-width: auto;
    width: auto;
    height: auto;
    padding: 5px;
    line-height: 18px;
    margin-bottom: 10px;
    z-index: 5;
    font-size: 12px;
    font-weight: 600
}

.third a:before {
    border: 1px solid #f7faff;
    border-right: 0;
    border-top: 0;
    height: 55px;
    top: -38px;
    left: -8px;
    width: 7px
}

.fourth {
    margin-left: 20px;
    padding-top: 10px
}

.fourth a {
    background: #cae7ea;
    min-width: auto;
    width: auto;
    height: auto;
    padding: 5px;
    line-height: 18px;
    margin-bottom: 10px;
    z-index: 5;
    font-size: 12px;
    font-weight: 600
}

.fourth a:before {
    border: 1px solid #f7faff;
    border-right: 0;
    border-top: 0;
    height: 55px;
    top: -38px;
    left: -8px;
    width: 7px
}

.fifth {
    margin-left: 20px;
    padding-top: 10px
}

.fifth a {
    background: #c3f1e3;
    min-width: auto;
    width: auto;
    height: auto;
    padding: 5px;
    line-height: 18px;
    margin-bottom: 10px;
    z-index: 5;
    font-size: 12px
}

.fifth a:before {
    border: 1px solid #f7faff;
    border-right: 0;
    border-top: 0;
    height: 55px;
    top: -20px;
    left: -8px;
    width: 7px
}

.contact-us-main {
    display: block;
    position: relative
}

.contact-us-bg {
    background: url(../img/contact-bg.png) no-repeat 0 0;
    background-size: 1140px auto;
    width: 1140px;
    height: 631px;
    position: relative
}

.circle-ripple {
    background-color: #045de8!important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(5, 161, 200, .3), 0 0 0 4px rgba(5, 161, 200, .3), 0 0 0 12px rgba(5, 161, 200, .3), 0 0 0 20px rgba(5, 161, 200, .3)
    }
    100% {
        box-shadow: 0 0 0 1em rgba(5, 161, 200, .3), 0 0 0 12px rgba(15, 161, 200, .3), 0 0 0 20px rgba(5, 161, 200, .3), 0 0 0 32px rgba(5, 161, 200, 0)
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(5, 161, 200, .3), 0 0 0 4px rgba(5, 161, 200, .3), 0 0 0 12px rgba(5, 161, 200, .3), 0 0 0 20px rgba(5, 161, 200, .3)
    }
    100% {
        box-shadow: 0 0 0 1em rgba(5, 161, 200, .3), 0 0 0 12px rgba(5, 161, 200, .3), 0 0 0 20px rgba(5, 161, 200, .3), 0 0 0 32px rgba(101, 255, 120, 0)
    }
}

.us-spinner-map {
    position: absolute;
    top: 140px;
    left: 150px
}

.india-spinner-map {
    position: absolute;
    top: 230px;
    right: 383px
}

.jp-spinner-map {
    position: absolute;
    top: 170px;
    right: 160px
}

.cn-black-bg {
    width: 465px;
    display: block;
    background-color: #333;
    padding: 15px;
    color: #fff!important;
    position: absolute;
    top: 60px;
    z-index: 999999;
    left: -245px
}

.cn-black-bg::after {
    content: "\f0de";
    font-family: FontAwesome;
    cursor: pointer;
    float: left;
    font-size: 60px;
    color: #333;
    position: absolute;
    left: 50%;
    top: -35px
}

.cn-black-bg a,
.cn-black-bg-in a {
    color: #fff!important
}

.cnt-head-txt {
    padding: 90px 0 30px
}

.cn-black-bg-in {
    width: 465px;
    display: block;
    background-color: #333;
    padding: 5px 15px;
    color: #fff!important;
    position: absolute;
    bottom: 23px;
    z-index: 999999;
    left: -60px;
    display: none
}

.map-pin:hover .cn-black-bg-in {
    display: block
}

.right-pin .cn-black-bg-in {
    right: -60px;
    left: auto
}

.right-pin .cn-black-bg-in:after {
    left: auto;
    right: 10%
}

.cn-black-bg-in::after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: left;
    font-size: 60px;
    color: #333;
    position: absolute;
    left: 10%;
    bottom: -45px
}

.com-grth {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.com-grth li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
    text-align: center
}

.com-grth li .txt {
    line-height: 20px
}

.cnt {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    margin: 15px 0
}

.txt {
    line-height: 18px
}

.wwa-experience {
    background-position: 0 0
}

.wwa-team {
    background-position: -65px 0
}

.wwa-mad {
    background-position: -130px 0
}

.wwa-css {
    background-position: -195px 0
}

.wwa-ds {
    background-position: -260px 0
}

.lightGreen {
    background-color: #e4f0ea
}

.lightOrange {
    background-color: #f0f0e4
}

.lightPurple {
    background-color: #e5e4f0
}

.lightGreenL {
    background-color: #e4eff0
}

.lightOrangeL {
    background-color: #f0ebe4
}

.sol-ecommerce-icon {
    background-position: -325px -140px
}

.resp-tab-active .sol-ecommerce-icon,
.resp-tabs-list li:hover .sol-ecommerce-icon {
    background-position: -325px -412px
}

.sol-campus-icon {
    background-position: -65px -140px
}

.resp-tab-active .sol-campus-icon,
.resp-tabs-list li:hover .sol-campus-icon {
    background-position: -65px -412px
}

.sol-augment-icon {
    background-position: -130px -140px
}

.resp-tab-active .sol-augment-icon,
.resp-tabs-list li:hover .sol-augment-icon {
    background-position: -130px -412px
}

.sol-pos-icon {
    background-position: -195px -140px
}

.resp-tab-active .sol-pos-icon,
.resp-tabs-list li:hover .sol-pos-icon {
    background-position: -195px -412px
}

.sol-spinning-icon {
    background-position: -260px -140px
}

.resp-tab-active .sol-spinning-icon,
.resp-tabs-list li:hover .sol-spinning-icon {
    background-position: -260px -412px
}

.solutions {
    padding-top: 30px
}

.solution-slide {
    width: 100%;
    height: 500px;
    overflow: hidden;
    background: url(../img/solutions/augment/bg-slide-1.jpg) no-repeat left center;
    background-size: cover;
    display: block;
    position: relative
}

.aug-left {
    width: 100%;
    height: 100%;
    display: table
}

.aug-left .slider-inner {
    display: table-cell;
    vertical-align: middle
}

.slider-inner {
    display: block;
    padding-right: 300px
}

.aug-logo {
    width: 220px
}

.aug-txt {
    color: #fff;
    font-size: 45px;
    font-weight: 400
}

.aug-right {
    position: absolute;
    right: 0;
    top: -80px
}

.aug-round-yl {
    width: 480px;
    height: 480px;
    background: #ffde00;
    border-radius: 50%;
    position: relative
}

.aug-round-bl {
    width: 420px;
    height: 420px;
    background: #153e4a;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    box-shadow: -50px 10px 90px rgba(0, 0, 0, .27)
}

.round-content {
    width: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.aug-hd {
    font-size: 40px;
    line-height: 50px;
    color: #f0de71;
    font-weight: 400;
    margin-bottom: 15px;
    display: block
}

.rd-txt {
    color: #fff
}

.solution-slide-2 {
    background: url(../img/solutions/augment/bg-slide-2.jpg) no-repeat right center;
    background-size: cover
}

.yellow-section {
    width: 100%;
    height: 100%;
    background: #ffde00;
    border-radius: 0 350px 350px 0;
    top: -50px;
    left: 0;
    display: table
}

.ftr {
    display: block
}

.ftr-ttl {
    font-size: 40px;
    line-height: 40px;
    line-height: 50px;
    font-weight: 400;
    margin-bottom: 30px;
    display: block;
    text-align: right;
    color: #143c47;
    margin-right: 15px
}

.ftr-lst {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.ftr-lst li {
    display: block;
    list-style-type: none;
    padding: 0 15px 15px;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.ftr-round {
    width: 70px;
    height: 70px;
    background: #143c47;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: 0 auto
}

.ftr-round i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.aug-sprite {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    background: url(../img/solutions/augment/sprite.svg) no-repeat 0 0;
    background-size: 300px auto
}

.add-usr {
    background-position: 0 0
}

.uiux-ftr {
    background-position: -45px 0
}

.aug-exp {
    background-position: -90px 0
}

.ftr-txt {
    margin: 15px 0 0!important;
    display: block
}

.blue-section {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: table
}

.blue-section .ftr-ttl {
    text-align: left;
    color: #ffde00;
    font-weight: 700
}

.blue-section .ftr-round {
    background: #ffde00
}

.con-cus {
    background-position: -135px 0
}

.mng-usr {
    background-position: -180px 0
}

.com-ana {
    background-position: -225px 0
}

.blue-section .ftr-txt {
    color: #fff
}

.blue-section .ftr-lst {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.blue-section .ftr-lst li:first-child {
    margin-left: 0
}

.tools-tech {
    border-radius: 350px 0 0 350px;
    background: #ffde00 url(../img/solutions/augment/bg-slide-3.jpg) no-repeat 0 0;
    background-size: cover
}

.tools-tech .ftr {
    padding-left: 150px;
    padding-right: 50px
}

.tools-tech .ftr-ttl {
    text-align: left
}

.inner-tab-content .carousel .carousel-control {
    display: none
}

.inner-tab-content .carousel:hover .carousel-control {
    display: block
}

.inner-tab-content .carousel .carousel-control {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.inner-tab-content .carousel .carousel-control span {
    font-size: 25px;
    color: #333;
    text-shadow: none
}

.inner-tab-content .carousel .carousel-control.left {
    left: 15px
}

.inner-tab-content .carousel .carousel-control.right {
    right: 15px
}

.port-iway-icon {
    background-position: 0 -210px
}

.resp-tab-active .port-iway-icon,
.resp-tabs-list li:hover .port-iway-icon {
    background-position: 0 -482px
}

.port-overlay-icon {
    background-position: -65px -210px
}

.resp-tab-active .port-overlay-icon,
.resp-tabs-list li:hover .port-overlay-icon {
    background-position: -65px -482px
}

.port-bcs-icon {
    background-position: -130px -210px
}

.resp-tab-active .port-bcs-icon,
.resp-tabs-list li:hover .port-bcs-icon {
    background-position: -130px -482px
}

.port-fliqr-icon {
    background-position: -325px -210px
}

.resp-tab-active .port-fliqr-icon,
.resp-tabs-list li:hover .port-fliqr-icon {
    background-position: -325px -482px
}

.port-pt-icon {
    background-position: -260px -210px
}

.resp-tab-active .port-pt-icon,
.resp-tabs-list li:hover .port-pt-icon {
    background-position: -260px -482px
}

.portfolio-slide {
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: url(../img/portfolio/iwaytrack/slide-bg-1.jpg) no-repeat left center;
    background-size: cover;
    display: table;
    position: relative
}

.sld-hd {
    display: block
}

.prt-hd {
    font-size: 35px;
    font-weight: 300;
    margin: 50px 0
}

.bottom-image {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    right: 0
}

.iway-img {
    width: 100%
}

.truck-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

.truck-img img {
    width: 500px
}

.iway-logo {
    position: absolute;
    left: 100px;
    top: 42px
}

.iway-logo img {
    width: 150px
}

.prt-lgt {
    position: absolute;
    bottom: 130px
}

.portfolio-slide-2 {
    width: 100%;
    height: 100px;
    background: #636363;
    border-bottom: 20px solid #4a4a4a;
    border-top: 10px solid #767676;
    position: absolute;
    bottom: 0
}

.other-slide .truck-img {
    left: 0;
    transform: none
}

.shop-1 {
    position: absolute;
    bottom: 79px;
    left: 100px;
    z-index: 1
}

.shop-1 img {
    width: 600px
}

.shop-2 {
    position: absolute;
    bottom: 79px;
    right: 50px
}

.shop-2 img {
    width: 600px
}

.content-area {
    position: absolute;
    left: 0;
    bottom: 79px;
    right: 0;
    background: #552719;
    padding: 30px
}

.sld-2-txt .prt-hd {
    margin: 0 0 15px
}

.sld-2-txt {
    width: 600px;
    float: right;
    color: #fff;
    padding-right: 200px
}

.clnt-spk {
    position: absolute;
    bottom: 0;
    right: 50px
}

.clnt-spk img {
    width: 145px
}

.vhcl {
    position: absolute;
    right: 100px;
    bottom: 50px;
    z-index: 2
}

.vhcl img {
    width: 500px
}

.house-grdn {
    position: absolute;
    bottom: 79px;
    left: 0;
    right: 0
}

.house-grdn img {
    width: 100%
}

.sl-ofr {
    width: 700px
}

.sl-ofr .prt-hd {
    margin: 30px 0
}

.ofr {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.ofr li {
    display: block;
    list-style-type: none;
    padding: 0 5px;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center
}

.ofr li .ftr-txt {
    font-size: 18px;
    font-weight: 500
}

.ofr-round {
    width: 80px;
    height: 80px;
    border: 2px solid #333;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: 0 auto
}

.ofr-round i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ofr-sprite {
    width: 55px;
    height: 55px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    background: url(../img/portfolio/iwaytrack/sprite.svg) no-repeat 0 0;
    background-size: 300px auto
}

.lv-trk {
    background-position: 0 0
}

.alrt-not {
    background-position: -60px 0
}

.rprt-gen {
    background-position: -120px 0
}

.dvc-act {
    background-position: -180px 0
}

.chlngs {
    background: #934a95;
    padding: 50px;
    width: 800px;
    float: right;
    height: 100%;
    z-index: 3;
    position: relative;
    display: table;
    text-align: left
}

.chlngs .prt-hd {
    color: #fff;
    margin: 0 0 15px
}

.ch-lst {
    display: list-item;
    padding: 0 0 0 20px
}

.ch-lst li {
    color: #fff;
    display: list-item;
    list-style-type: disc;
    margin: 5px 0
}

.for-vdo .truck-img img {
    width: 1100px
}

.vdo-scn {
    position: absolute;
    width: 500px;
    height: 300px;
    top: 20px;
    left: 100px
}

.client-video {
    width: 100%;
    height: 100%
}

.vdo-scn video {
    width: 100%!important;
    height: 300px!important;
    object-fit: cover
}

.tools-techlogy {
    width: 100%;
    height: calc(100% - 100px);
    display: table
}

.tools-techlogy .prt-hd {
    margin-top: 0
}

.tech-used {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.tech-used li {
    display: block;
    list-style-type: none;
    padding: 0 5px;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
    text-align: center
}

.tools-sprite {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    background: url(../img/portfolio/iwaytrack/sprite.svg) no-repeat 0 0;
    background-size: 300px auto
}

.cplus-icon {
    background-position: 0 -60px
}

.dbs-icon {
    background-position: -55px -60px
}

.lumen-icon {
    background-position: -110px -60px
}

.pubnub-icon {
    background-position: -165px -60px
}

.mmi-icon {
    background-position: -220px -60px
}

.bg-grey {
    background: #e5e4f0
}

.about-main {
    padding: 30px 15px;
    border-radius: 0;
    border: 0;
    text-align: center
}

.about-icons {
    margin: 0 auto;
    display: block;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    margin-bottom: 15px
}

.people-icon {
    background-position: -20px -234px
}

.passion-icon {
    background-position: -110px -234px
}

.process-icon {
    background-position: -200px -234px
}

.practice-icon {
    background-position: -290px -234px
}

.persistence-icon {
    background-position: -380px -234px
}

.patience-icon {
    background-position: -470px -234px
}

.blog-icon {
    background-position: -560px -237px
}

.creativecrnr-icon {
    background-position: -650px -237px
}

.tips-icon {
    background-position: -740px -237px
}

.txt48px {
    font-size: 42px;
    font-weight: 700
}

.txt25px {
    font-size: 24px;
    font-weight: 500
}

.abtclr1 {
    background-color: #e4eff0
}

.abtclr2 {
    background-color: #e4f0ea
}

.abtclr3 {
    background-color: #f0f0e4
}

.abtclr4 {
    background-color: #f0ebe4
}

.abtclr5 {
    background-color: #f8f8f8
}

.abtclr6 {
    background-color: #e5e4f0
}

.fl {
    float: left
}

.dr-img {
    display: block
}

.dr-img img {
    object-fit: cover;
    width: 100%;
    height: auto
}

.dr-txt {
    display: block;
    margin-top: 5px;
    font-size: 24px;
    font-weight: 700
}

.dr-txt-1 {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400
}

.dr-icon {
    display: block;
    margin-top: 15px
}

.dr-icon i {
    font-size: 30px;
    color: #045de8
}

.dr-icon i:hover {
    font-size: 30px;
    color: #333
}

.director-message {
    display: block;
    text-align: center
}

.director-message .resp-tabs-list li {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    list-style: none;
    cursor: pointer;
    position: relative
}

.director-message .resp-tabs-list li:after {
    content: "+";
    position: absolute;
    line-height: 24px;
    font-size: 24px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    display: inline-block;
    border-radius: 100%;
    color: #333;
    text-align: center;
    left: 70px;
    right: 0;
    bottom: 40px;
    margin: 0 auto;
    transition: all ease .5s;
    border: 1px solid #333
}

.director-message .resp-tabs-list li:hover:after {
    background-color: #000;
    color: #fff
}

.director-message .resp-tabs-list li.resp-tab-active:after {
    background-color: #333;
    color: #fff
}

.director-message .resp-tab-active {
    background-color: transparent!important;
    color: #333!important
}

.director-message .resp-tabs-list li:hover {
    background-color: transparent!important
}

.director-message .resp-tab-active:after {
    color: #fff!important
}

.director-message .resp-tabs-list li:hover:after {
    color: #fff!important
}

.director-message .resp-tabs-list li:hover .dr-txt,
.director-message .resp-tabs-list li:hover span.dr-txt-1 {
    color: #333!important
}

.director-detail {
    padding: 30px 15px;
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    margin-bottom: 15px
}

.director-detail .common-center .close-tab {
    width: 30px;
    height: 30px;
    border: 1px solid #333;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 30px
}

.director-detail .common-center .close-tab i {
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: 1px
}

.director-detail .common-center .close-tab .fa-times-circle-o:before {
    content: "+";
    color: #333
}

.director-detail .common-center .close-tab:hover {
    background-color: #333
}

.director-detail .common-center .close-tab:hover .fa-times-circle-o:before {
    color: #fff
}

.vision-banner-bg {
    width: 100%;
    overflow: hidden;
    position: relative
}

.vision-banner-bg .img-banner {
    position: absolute
}

.vision-main {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(0);
    z-index: 999
}

.vision-inner {
    padding: 0!important;
    color: #fff
}

.vision-box {
    display: block;
    padding: 15px 30px
}

.promisiing-txt {
    font-size: 48px;
    color: #333
}

.promisiing-txt span {
    font-size: 60px;
    font-weight: 700
}

.common-center {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.journey-main {
    padding: 30px 0!important;
    display: block;
    position: relative
}

.our-service {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 45px 0 0;
    text-align: center
}

.our-service li {
    width: 16.66666667%;
    display: inline-block;
    margin: 0 -2px;
    padding: 0
}

.service-journey {
    width: 100%;
    float: left;
    display: block
}

.service-text-head {
    width: 100%;
    display: block;
    color: #282828;
    font-size: 40px;
    font-weight: 500;
    float: left;
    width: 100%;
    text-transform: uppercase
}

.service-text {
    width: 100%;
    display: block;
    margin-top: 5px;
    color: #282828;
    font-size: 15px;
    font-weight: 300;
    float: left;
    width: 100%;
    text-transform: capitalize
}

.service-icons {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: inline-block
}

.years-experience {
    background-position: -22px -323px
}

.development-team {
    background-position: -82px -323px
}

.mbapp-development {
    background-position: -142px -323px
}

.client-served {
    background-position: -200px -323px
}

.deliver-successfully {
    background-position: -262px -323px
}

.timeline-main {
    margin: 30px 0;
    display: block
}

.cd-horizontal-timeline a {
    text-decoration: none
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.cd-horizontal-timeline::before {
    content: "mobile";
    display: none
}

.cd-horizontal-timeline.loaded {
    opacity: 1
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0
}

.cd-horizontal-timeline .events {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    background: #dfdfdf;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.cd-horizontal-timeline .filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #045de8;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
    color: #333;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.cd-horizontal-timeline .events a::after {
    content: "";
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #045de8;
    background-color: #045de8;
    -webkit-transition: background-color .3s, border-color .3s;
    -moz-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #045de8;
    border-color: #045de8
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #045de8;
    border-color: #045de8
}

@media only screen and (min-width:1100px) {
    .cd-horizontal-timeline {
        margin: 0 auto
    }
    .cd-horizontal-timeline::before {
        content: "desktop"
    }
}

.cd-timeline-navigation a {
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    line-height: 14px;
    border: 2px solid #ddd;
    color: #ddd;
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.cd-timeline-navigation a:hover {
    border: 2px solid #045de8;
    color: #045de8
}

.cd-timeline-navigation a.prev::before {
    content: "\f053";
    font-family: FontAwesome;
    color: #ccc;
    font-size: 1.4rem;
    display: block;
    position: absolute;
    top: 9px;
    left: -22px;
    z-index: 10000;
    height: 100%;
    width: 100%;
    text-align: center
}

.cd-timeline-navigation a.next::before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 1.4rem;
    display: block;
    position: absolute;
    top: 9px;
    left: -18px;
    z-index: 10000;
    color: #ccc;
    height: 100%;
    width: 100%;
    text-align: center
}

.cd-timeline-navigation a:hover:before {
    color: #045de8
}

.cd-timeline-navigation a.next {
    right: 0
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    transition: height .4s
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.cd-horizontal-timeline .events-content li.selected {
    position: relative!important;
    z-index: 2!important;
    opacity: 1!important;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important;
    width: 960px;
    margin: 0 auto
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left
}

.cd-horizontal-timeline .events-content li.leave-left,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse
}

.cd-horizontal-timeline .events-content li>* {
    max-width: 960px;
    margin: 0 auto
}

@media(max-width:991px) {
    .cd-horizontal-timeline .events-content li.selected {
        width: 750px
    }
    .cd-horizontal-timeline .events-content li>* {
        max-width: 750px
    }
}

.cd-horizontal-timeline .events-content h2 {
    color: #045de8;
    font-weight: 700;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto
}

.cd-horizontal-timeline .events-content em::before {
    content: "- "
}

.cd-horizontal-timeline .events-content p {
    font-size: 1.4rem;
    color: #959595
}

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
    line-height: 1.6
}

.cd-horizontal-timeline .events-content p {
    display: block;
    margin-bottom: 15px
}

@media only screen and (min-width:768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 2.6rem;
        color: #045de8
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 2rem
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 1.7rem
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.grew-detail {
    padding: 30px 15px!important;
    width: 100%;
    display: table
}

.grew-box {
    border-right: 1px solid #f7faff;
    border-bottom: 1px solid #f7faff;
    padding: 20px!important
}

.grew-txt {
    display: block;
    font-size: 18px;
    color: #045de8;
    margin: 0;
    padding: 0
}

.grew-box-2021 .grew-txt-2 {
    margin-bottom: 10px
}

.member-txt {
    display: block;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.worked-on-txt {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

.worked-points {
    display: inline-block;
    width: 100%;
    padding: 5px 15px 5px 0;
    line-height: 48px
}

.worked-points span {
    height: 28px;
    width: 28px;
    background: url(../img/common-sprite.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    background-position: -388px -2px;
    margin-right: 10px;
    display: inline-block;
    float: left
}

.worked-points p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    display: inline-block;
    font-weight: 500;
    color: #333!important
}

.grew-box:last-child {
    border-bottom: transparent!important
}

.infa-banner-bg {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 900px
}

.infa-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(0);
    z-index: 999
}

.infra-inner {
    padding: 45px 0!important;
    display: block
}

.infra-detail {
    padding: 0 15px!important;
    width: 100%;
    display: block
}

.infra-head {
    margin-bottom: 15px;
    display: block
}

.infra-head-txt {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    margin-left: 15px;
    vertical-align: middle
}

.infra-points {
    display: inline-block;
    width: 100%;
    padding: 5px 15px 5px 0
}

.infra-points span {
    height: 28px;
    width: 28px;
    background: url(../img/common-sprite.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
    background-position: -388px -2px;
    margin-right: 10px;
    display: inline-block;
    float: left;
    vertical-align: middle
}

.infra-points p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    color: #333!important;
    vertical-align: middle
}

.security-zone {
    background-position: -320px -323px
}

.comfort-zone {
    background-position: -380px -323px
}

.meeting-zone {
    background-position: -440px -323px
}

.it-zone {
    background-position: -500px -323px
}

.infra-wht-main {
    padding: 30px 15px!important;
    border-radius: 0;
    border: 0;
    text-align: left
}

.creative-sec {
    padding: 30px 0;
    display: block
}

.creative-sec .client-img {
    width: 100%;
    height: 100%;
    border-radius: 0!important;
    margin: 0!important;
    display: block;
    position: relative
}

.creative-sec .cl-im {
    height: 400px;
    border-radius: 0!important;
    margin: 0;
    display: block;
    object-fit: cover
}

.creative-sec .client-detail {
    text-align: center
}

.creative-sec .nm {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px
}

.creative-sec .nm-1 {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 25px
}

.creative-btn {
    width: 180px;
    margin: 15px auto
}

.margbtm20px {
    margin-bottom: 0!important
}

.close-tab {
    position: absolute;
    right: -10px;
    top: -25px;
    cursor: pointer
}

.close-tab i {
    display: block;
    font-size: 24px;
    font-weight: 100;
    color: #045de8
}

.close-tab i:hover {
    color: #333
}

.error_404 h3 {
    font-size: 45px;
    color: #fff;
    margin: 20px 0
}

.error_404 p {
    font-size: 25px;
    color: #fff;
    margin: 0;
    font-weight: 400;
    line-height: 28px
}

.Go_btn_contact,
.Go_btn_home {
    padding: 10px 50px;
    margin: 0 10px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff!important
}

.Go_btn_contact:hover,
.Go_btn_home:hover {
    text-align: center;
    color: #333!important;
    background: #fff
}

.Go_btn,
.error-bg,
.error_404 {
    float: left;
    width: 100%;
    margin-top: 50px
}

.Go_btn_home a {
    color: #fff!important
}

.creative-sec .cl-im-1 {
    height: 200px;
    border-radius: 0!important;
    margin: 0;
    display: block;
    object-fit: contain;
    width: 100%
}

.margbtm30px {
    margin-bottom: 15px
}

.resrc-info-img {
    width: 100%;
    display: block;
    border: 1px solid #e1e1e1
}

.resrc-info-img img {
    width: 100%;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    object-fit: contain
}

.resrc-info-content {
    display: block;
    width: 100%;
    margin-top: 0
}

.resrc-info-content p {
    display: block;
    width: 100%
}

.resrc-info-content span {
    margin-top: 0;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.resrc-info-content ul li {
    margin: 0 15px;
    list-style-type: none;
    background: url(../img/symbol9.svg) no-repeat 0 5px;
    padding: 5px 28px;
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 100%
}

.divider-line {
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    margin: 15px 0;
    float: left
}

.titletxt {
    margin-bottom: 15px;
    width: 100%;
    display: block;
    font-size: 20px!important
}

.sendtxt {
    font-size: 20px!important;
    margin-top: 15px!important;
    margin-bottom: 15px!important;
    font-weight: 700!important;
    width: 100%!important;
    float: left!important;
    display: block
}

@media(max-width:768px) {
    .creative-sec h2 {
        font-size: 26px
    }
    .creative-sec h2.cs-sub-title {
        font-size: 20px;
        line-height: 28px
    }
}

@media(min-width:768px) {
    .we-do>.row:after,
    .we-do>.row:before {
        display: none
    }
    .we-do>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .we-do>.row>[class*=col-] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
        padding: 2px;
        float: none;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .we-do>.row {
        margin: 0
    }
    .we-do>.row>[class*=col-]:nth-last-child(1),
    .we-do>.row>[class*=col-]:nth-last-child(2) {
        padding-bottom: 0
    }
}

.we-do-box {
    background: #fff;
    padding: 30px
}

.we-hd {
    font-size: 30px;
    margin-top: 0;
    font-weight: 500
}

.we-txt {
    margin-top: 15px!important;
    display: block
}

.client-hc {
    display: block;
    list-style-type: none;
    padding: 0;
    border-bottom: 9px solid #e8e8e8;
    margin-bottom: 60px
}

.client-hc li {
    list-style-type: none;
    padding: 30px 15px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.client-hc li:nth-child(3),
.client-hc li:nth-child(6) {
    border-right: 0
}

.cl-sp {
    width: 160px;
    height: 60px;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: url(../img/client_logo.png) no-repeat 0 0
}

.leber-logo {
    background-position: -667px -116px
}

.mvet-logo {
    background-position: 0 -116px
}

.skl-logo {
    background-position: -132px -116px
}

.gwl-logo {
    background-position: -338px -116px
}

.crn-logo {
    background-position: -500px -116px
}

.ggc-logo {
    background-position: -840px -116px
}

.mzahid-logo {
    background-position: 10px -186px
}

.meh-logo {
    background-position: -160px -186px
}

.h4u-logo {
    background-position: -320px -186px
}

.wander-logo {
    background-position: -480px -186px
}

.travelexprt-logo {
    background-position: -640px -186px
}

.omtr-logo {
    background-position: -800px -186px
}

.aims-logo {
    background-position: -960px -186px
}

.navneet-logo {
    background-position: -1120px -186px
}

.getskt-logo {
    background-position: -1280px -186px
}

.hoopye-logo {
    background-position: -1440px -186px
}

.smartctzn-logo {
    background-position: -1600px -186px
}

.dealgeeks-logo {
    background-position: -1760px -186px
}

.shopster-logo {
    background-position: -1920px -186px
}

.highlifex-logo {
    background-position: -2080px -186px
}

.nightlife-logo {
    background-position: -2240px -186px
}

.solvit-logo {
    background-position: 0 -250px
}

.acdmyauto-logo {
    background-position: -160px -250px
}

.pi-logo {
    background-position: -320px -250px
}

.indiaorganic-logo {
    background-position: -480px -250px
}

.bcs-logo {
    background-position: -640px -250px
}

.overlay-logo {
    background-position: -800px -250px
}

.producttube-logo {
    background-position: -960px -250px
}

.mmt-logo {
    background-position: -1120px -250px
}

.iwaytrack-logo {
    background-position: -1280px -250px
}

.why-choose-img {
    width: 100%;
    display: block;
    position: relative
}

.why-choose-img img {
    width: 100%;
    display: block;
    position: relative
}

.why-choose-img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(81, 123, 145, .57);
    display: block
}

.why-us {
    display: block;
    padding: 60px 0
}

.wh-txt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 2
}

.wh-txt span {
    display: block;
    font-size: 50px;
    font-weight: 700;
    color: #fff
}

.sol-we-ofr-hltcr {
    width: 100%;
    display: block;
    background: url(../img/industries/healthcare/solution-offer-bg.png) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-trvl {
    width: 100%;
    display: block;
    background: url(../img/industries/travel/travel-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-education {
    width: 100%;
    display: block;
    background: url(../img/industries/education/education-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-resturant {
    width: 100%;
    display: block;
    background: url(../img/industries/restaurant/restaurant-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-ecommerce {
    width: 100%;
    display: block;
    background: url(../img/industries/e-commerce/ecommerce-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-insurance {
    width: 100%;
    display: block;
    background: url(../img/industries/insurance/insurance-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-marketplace {
    width: 100%;
    display: block;
    background: url(../img/industries/marketplace/marketplace-1.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-agriculture {
    width: 100%;
    display: block;
    background: url(../img/industries/agriculture/agriculture-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-manufacturing {
    width: 100%;
    display: block;
    background: url(../img/industries/manufacturing/manufacturing-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-logistics {
    width: 100%;
    display: block;
    background: url(../img/industries/logistics/logistics-1.jpeg) no-repeat center center;
    background-size: cover;
    position: relative;
    float: left
}

.sol-we-ofr-agriculture:before,
.sol-we-ofr-ecommerce:before,
.sol-we-ofr-education:before,
.sol-we-ofr-hltcr:before,
.sol-we-ofr-insurance:before,
.sol-we-ofr-marketplace:before,
.sol-we-ofr-logistics:before,
.sol-we-ofr-manufacturing:before,
.sol-we-ofr-resturant:before,
.sol-we-ofr-trvl:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(229, 228, 240, .9);
    display: block
}

.ofr-cont h2 {
    color: #333;
    margin-top: 0;
    font-size: 36px;
    font-weight: 700;
    padding-top: 60px
}

.ofr-cont p {
    color: #333;
    padding-bottom: 60px!important
}

.our-cnt>.banner-text-1>h2,
.we-do {
    padding: 0 0 40px
}

.we-do>.banner-text-1>h2 {
    padding: 60px 0;
    margin-bottom: 0;
    color: #333;
    margin-top: 0;
    font-size: 36px;
    font-weight: 700
}

.sl-of-lt>.row:after,
.sl-of-lt>.row:before {
    display: none
}

@media(min-width:768px) {
    .sl-of-lt>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .sl-of-lt>.row>.col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        width: 100%;
        float: none;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .sl-of-lt>.row>.col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
        width: 100%;
        float: none;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .sl-of-lt>.row>.col-sm-5>.resp-tabs-list {
        border-left: 1px solid #fff!important
    }
    .sl-of-lt>.row>.col-sm-7>.resp-tabs-container {
        width: 100%;
        display: block;
        background: url(../img/industries/healthcare/solution-offer-bg.png) no-repeat center center;
        background-size: cover;
        position: relative
    }
    .sl-of-lt>.row>.col-sm-7>.resp-tabs-container:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(5, 161, 200, .9);
        display: block
    }
    .sl-of-lt>.row>.col-sm-7>.resp-tabs-container .resp-tab-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        left: 30px;
        right: 30px
    }
    .sl-of-lt.verticle-tabs .ver-tab {
        color: #777;
        border-left: none!important;
        padding: 0 15px!important;
        font-size: 18px!important;
        margin: 10px 0!important
    }
    .sl-of-lt.verticle-tabs .ver-tab.resp-tab-active {
        color: #045de8!important;
        border-left: none!important;
        font-weight: 400
    }
    .sl-of-lt.verticle-tabs .ver-tab.resp-tab-active:before {
        content: "";
        display: block;
        width: 3px;
        height: 100%;
        background-color: #045de8;
        position: absolute;
        left: -1px;
        font-weight: 400;
    }
    .sl-of-lt.verticle-tabs .ver-tab:hover {
        background: 0 0!important;
        color: #000000!important
    }
}

.sprite-hc {
    display: block;
    background: url(../img/industries/sprite.png) 0 0;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 70px
}

.ind-wb-mb {
    background-position: 0 0
}

.ind-app-sp {
    background-position: -75px 0
}

.ind-modern {
    background-position: -150px 0
}

.ind-integration {
    background-position: -225px 0
}

.ind-lts-tech {
    background-position: -300px 0
}

.ind-da {
    background-position: -375px 0
}

.ind-mobapp {
    background-position: 0 -70px
}

.ind-digitalmarketing {
    background-position: -70px -70px
}

.ind-frontdev {
    background-position: -140px -70px
}

.ind-consultingser {
    background-position: -210px -70px
}

.ind-lmservices {
    background-position: -280px -70px
}

.ind-webbased {
    background-position: -350px -70px
}

.ind-onlinecourse {
    background-position: -420px -70px
}

.ind-mngrapp {
    background-position: -490px -70px
}

.ind-waitrapp {
    background-position: -560px -70px
}

.ind-cstmrapp {
    background-position: -630px -70px
}

.ind-technologyconsulting {
    background-position: -70px -140px
}

.ind-digitaltrnsfrmtn {
    background-position: 0 -140px
}

.ind-uiuxsrvcs {
    background-position: -140px -140px
}

.ind-crmdev {
    background-position: -210px -140px
}

.ind-erpdev {
    background-position: -280px -140px
}

.ind-workflows {
    background-position: -350px -140px
}

.ind-enhnccutomerst {
    background-position: -420px -140px
}

.ind-highperfomance {
    background-position: -490px -140px
}

.ind-mobilitycloud {
    background-position: -560px -140px
}

.ind-cus-sl {
    background-position: -450px 0
}

.ind-frnt-dv {
    background-position: -525px 0
}

.ind-cun-srv {
    background-position: -600px 0
}

.ind-multi-vendor {
    background-position: 0 -210px
}

.ind-hire-android-ios-developers {
    background-position: -70px -210px
}

.ind-hire-web-developers {
    background-position: -140px -210px
}

.opening-careeer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0
}

.opening-careeer li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: -ms-flexbox!important;
    display: flex!important;
    text-align: center;
    padding: 15px
}

.opening-careeer li a {
    width: 100%;
    display: block;
    padding: 40px 15px 50px;
    border: 1px solid #fff
}

.opening-careeer li a:hover {
    color: #333;
    border-color: #fff;
    background: #f7faff
}

.opening-careeer li a:hover .job-count {
    color: #333
}

.job-count {
    display: block;
    font-size: 50px;
    line-height: 35px;
    color: #e8e8e8
}

.job-designation {
    display: block;
    font-size: 19px;
    line-height: 30px;
    margin-top: 25px!important
}

@media(min-width:768px) {
    .career-with-9 .flex-row.row>[class*=col-] {
        border-right: 1px solid #333;
        border-bottom: 1px solid #333
    }
    .career-with-9 .flex-row.row>[class*=col-]:nth-last-child(1),
    .career-with-9 .flex-row.row>[class*=col-]:nth-last-child(2),
    .career-with-9 .flex-row.row>[class*=col-]:nth-last-child(3) {
        border-bottom: 0
    }
    .career-with-9 .flex-row.row>[class*=col-]:nth-child(3),
    .career-with-9 .flex-row.row>[class*=col-]:nth-child(6) {
        border-right: 0
    }
    .career-with-9 .thumbnail {
        padding: 15px 0;
        margin-bottom: 0
    }
}

.magnify {
    margin: 0 auto;
    position: relative
}

.large {
    width: 200px;
    height: 200px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, .85), 0 0 7px 7px rgba(0, 0, 0, .25), inset 0 0 40px 2px rgba(0, 0, 0, .25);
    display: none;
    z-index: 9
}

.alpha img,
.magnify {
    width: 100%
}

.small {
    display: block;
    width: 100%
}

#pageContent {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media only screen and (min-width:1024px) {
    .magnify {
        display: block
    }
    #pageContent {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .magnify {
        display: none
    }
    #pageContent {
        display: block;
        width: 95%;
        margin: 0 auto
    }
}

.panzoom-parent {
    position: relative
}

.buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    padding: 10px
}

.buttons button {
    border: 0;
    background: #045de8;
    padding: 10px;
    outline: 0
}

.buttons button:hover {
    background: rgba(39, 163, 201, .8)
}

#inverted-contain .panzoom,
.ImgFull {
    width: 100%;
    vertical-align: middle
}

#inverted-contain {
    position: relative;
    margin-bottom: 30px
}

@media only screen and (max-width:1024px) {
    .buttons {
        position: inherit;
        text-align: center;
        background: #000
    }
}

#inverted-contain .panzoom {
    width: 100%
}

.lighttxtbnr {
    color: #fff!important;
    font-weight: 100!important;
    text-transform: capitalize!important;
    font-size: 48px
}

.strongtxtbnr {
    color: #fff!important;
    font-weight: 700!important;
    text-transform: capitalize!important;
    font-size: 70px
}

.service-main-1 {
    margin: 150px 0 0
}

.banner-services-1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.banner-services-1 li {
    list-style-type: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.txtbanner {
    font-size: 18px;
    font-weight: 700;
    color: #e5f0f8;
    display: block;
    margin-bottom: 15px
}

.banner-service-pad {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0
}

.bannerimg1 {
    width: 163px;
    height: 150px;
    background: url(../img/banner/thinkinside.svg) no-repeat left bottom;
    background-size: 163px auto;
    display: inline-block
}

.bannerimgcntr {
    width: 141px;
    height: 150px;
    background: url(../img/banner/border.svg) no-repeat left bottom;
    background-size: 141px auto;
    display: inline-block
}

.bannerimg2 {
    width: 86px;
    height: 150px;
    background: url(../img/banner/thinkoutside.svg) no-repeat left bottom;
    background-size: 86px auto;
    display: inline-block
}

.file-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

#particles-js {
    position: absolute;
    width: 100%;
    height: calc(100% - 30px);
    z-index: 9
}

.img-bnr {
    width: 900px;
    left: 0;
    right: 0;
    padding: 0 15px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.section-slider {
    background: #e5e4f0;
    padding: 15px
}

.section-slider .carousel-cell {
    width: 30%;
    height: 550px!important;
    margin: 0 0 0 15px;
    background: url(../img/portfolio/iwaytrack/box-bg.png) no-repeat center center;
    background-size: cover;
    padding: 30px 15px;
    border: 1px solid #dedede;
    position: relative
}

.section-slider .carousel-cell:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: rgba(255, 255, 255, .7)
}

.sld-box {
    position: relative;
    z-index: 1
}

.sl-lg {
    width: 180px;
    margin-bottom: 30px
}

.sl-txt {
    display: block;
    font-size: 20px;
    color: #82c565;
    margin: 0 0 30px;
    line-height: 25px
}

.sld-lt {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sld-lt:after,
.sld-lt:before {
    content: "";
    display: table
}

.sld-lt:after {
    clear: both
}

.sld-lt li {
    position: relative;
    text-align: left;
    padding-left: 15px;
    margin: 15px 0 0;
    width: 100%;
    display: inline-block
}

.sld-lt li:first-child {
    margin-top: 0
}

.sld-lt li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #82c565;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 7px
}

.sld-bl {
    display: block;
    font-size: 17px
}

.sld-bx-img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.mb-15 {
    margin-bottom: 15px!important
}

.text-gray {
    color: #c0c0bf
}

.ml-10 {
    margin-left: 10px
}

.mr-10 {
    margin-right: 10px
}

.sld-vdo {
    height: auto!important
}

.tl-tc-us {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.tl-tc-us li {
    list-style-type: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin: 0 0 30px
}

.ToolTechSprite {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0 auto 10px;
    vertical-align: middle
}

.portfolio-sprite {
    background: url(../img/solutions/sprite.svg) no-repeat 0 0;
    background-size: 300px auto
}

.portfolio-cplus {
    background-position: 0 -255px
}

.portfolio-python {
    background-position: -50px -255px
}

.portfolio-db {
    background-position: -100px -255px
}

.portfolio-lumen {
    background-position: -150px -255px
}

.portfolio-vue {
    background-position: -200px -255px
}

.portfolio-pn {
    background-position: -255px -255px
}

.portfolio-ios {
    background-position: -100px -102px
}

.portfolio-android {
    background-position: -50px -102px
}

.portfolio-cr-racogniser {
    background-position: 0 -305px
}

.portfolio-arvr {
    background-position: -50px -310px
}

.portfolio-vfrsdk {
    background-position: -100px -305px
}

.portfolio-html {
    background-position: -150px -305px
}

.portfolio-srvymnky {
    background-position: -200px -305px
}

.portfolio-xcode {
    background-position: -255px -306px
}

.portfolio-frsqr {
    background-position: 0 -355px
}

.sld-height {
    width: 100%;
    height: 100%;
    display: table
}

.sld-height-mid {
    height: calc(100% - 110px)
}

.flickity-button {
    width: 50px!important;
    height: 50px!important;
    border-radius: 0!important;
    background: rgba(51, 51, 51, .67)!important
}

.flickity-button svg {
    fill: #fff!important;
    width: 15px!important;
    height: 15px!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important
}

.flickity-button:hover {
    background: #333!important
}

.solution-slide-bg {
    background: #f0f0e4
}

.ar-9 .carousel-cell {
    background: url(../img/solutions/augment/box-bg.png) no-repeat center center
}

.ar-9 .carousel-cell:before {
    background: rgba(237, 243, 245, .7)
}

.solution-slide-bg .sl-txt {
    color: #12a0c8
}

.solution-slide-bg .sld-lt li:before {
    background: #12a0c8
}

.solutions-sprite {
    background: url(../img/solutions/sprite.svg) no-repeat 0 0;
    background-size: 300px auto
}

.solutions-usr-pro {
    background-position: 0 0
}

.solutions-uiux {
    background-position: -50px 0
}

.solutions-reading {
    background-position: -103px 0
}

.solutions-connect {
    background-position: -150px 0
}

.solutions-manage {
    background-position: -203px 0
}

.solutions-analysis {
    background-position: -255px 0
}

.solutions-publish {
    background-position: 0 -50px
}

.solutions-education {
    background-position: -50px -50px
}

.solutions-manufacturing {
    background-position: -100px -50px
}

.solutions-automobile {
    background-position: -153px -50px
}

.solutions-travel {
    background-position: -203px -50px
}

.solutions-agriculture {
    background-position: -250px -50px
}

.solutions-laravel {
    background-position: 0 -100px
}

.solutions-android {
    background-position: -50px -103px
}

.solutions-ios {
    background-position: -100px -103px
}

.solutions-magento {
    background-position: -150px -100px
}

.solutions-restaurant {
    background-position: -200px -100px
}

.solutions-hotel {
    background-position: -255px -100px
}

.solutions-food {
    background-position: 0 -153px
}

.solutions-swift4 {
    background-position: -50px -153px
}

.solutions-java {
    background-position: -100px -150px
}

.solutions-ecommerce {
    background-position: -153px -150px
}

.solutions-retail {
    background-position: -203px -150px
}

.solutions-fashion {
    background-position: -253px -150px
}

.solutions-beauty {
    background-position: 0 -200px
}

.solutions-mysql {
    background-position: -50px -200px
}

.solutions-textile {
    background-position: -103px -200px
}

.solutions-manufactur {
    background-position: -150px -203px
}

.campus-9 .carousel-cell {
    background: url(../img/solutions/campus9/box-bg.png) no-repeat center center
}

.campus-9 .carousel-cell:before {
    background: rgba(255, 255, 255, .7)
}

.pos-9 .carousel-cell {
    background: url(../img/solutions/pos9/box-bg.png) no-repeat center center
}

.pos-9 .carousel-cell:before {
    background: rgba(255, 255, 255, .95)
}

.pos-9 .sl-txt {
    color: #4964ad
}

.pos-9 .sld-lt li:before {
    background-color: #4964ad
}

.eCommerce-9 .carousel-cell {
    background: url(../img/solutions/ecommerce9/box-bg.png) no-repeat center center
}

.eCommerce-9 .carousel-cell:before {
    background: rgba(255, 255, 255, .98)
}

.eCommerce-9 .carousel-cell.cus-bg {
    background: url(../img/solutions/ecommerce9/box-bg-2.png) no-repeat center center
}

.eCommerce-9 .carousel-cell.cus-bg:before {
    background: rgba(255, 255, 255, 0)
}

.eCommerce-9 .carousel-cell.cus-bg-2 {
    background: url(../img/solutions/ecommerce9/box-bg-3.png) no-repeat center center
}

.eCommerce-9 .carousel-cell.cus-bg-2:before {
    background: rgba(255, 255, 255, 0)
}

.eCommerce-9 .carousel-cell.cus-bg-2 .sld-bx-img {
    position: static;
    padding: 0 15px
}

.eCommerce-9 .sl-txt {
    color: #e09925
}

.eCommerce-9 .sld-lt li:before {
    background-color: #e09925
}

.eCommerce-9 .sl-lg {
    width: 130px
}

.spinning-9 .carousel-cell {
    background: url(../img/solutions/spinning9/box-bg.png) no-repeat center center
}

.spinning-9 .carousel-cell:before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .57) 0, rgba(248, 233, 237, .9) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .57) 0, rgba(248, 233, 237, .9) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .57) 0, rgba(248, 233, 237, .9) 100%)
}

.spinning-9 .carousel-cell.pink-bg:before {
    background: rgba(169, 19, 57, .8)
}

.spinning-9 .sl-txt {
    color: #b0053b
}

.spinning-9 .sld-lt li:before {
    background-color: #b0053b
}

.services-pad {
    padding: 60px 0
}

.services-main-bg {
    background: #f0f0e4;
    margin-bottom: 30px
}

.ser-main-box {
    background-color: #f7faff;
    border: 0!important;
    padding: 20px;
    font-weight: 300;
    border-radius: 10px
}

.services-links {
    display: block
}

.services-links h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600
}

.services-links h4 a {
    color: #333!important
}

.services-links h4 a:hover {
    color: #777!important
}

.services-links ul {
    margin: 10px 0 0;
    list-style-type: none;
    padding: 0
}

.services-links ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 26px
}

.services-links ul li a {
    margin: 0;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    transition: all .4s ease;
    position: relative;
    padding: 2px 0
}

.services-links ul li a::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    height: 25px;
    width: 25px;
    background: url(../img/symbol9.svg);
    background-size: 20px 20px;
    background-position: 0 3px;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.services-links ul li a:hover:before {
    left: 0;
    opacity: 1
}

.services-links ul li a:hover {
    color: #045de8;
    padding-left: 25px
}

.services-links ul li a.font-blue {
    color: #045de8
}

.services-links ul li a.font-blue:before {
    left: 0;
    opacity: 1
}

.services-links ul li a.font-blue {
    color: #045de8;
    padding-left: 25px
}

.margintop30 {
    margin-top: 0;
    margin-bottom: 10px
}

.services-links-1 ul li {
    display: inline-block;
    width: 45%
}

.services-sub-heading-1 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.advisor-main {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    float: left
}

.advisory-in {
    height: 350px;
    margin: 15px 0;
    display: block;
    background: #f7faff;
    border: 1px solid #d1d1d1
}

.advisoryimg {
    height: 320px;
    overflow: hidden
}

.advisoryimg img {
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    object-fit: cover;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;
    object-position: top
}

.advisoryimg img:hover {
    filter: none
}

.advisory-cont {
    background: #fff;
    padding: 15px;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0 auto
}

.advisory-cont a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 0
}

.advisory-cont a:hover {
    color: #333
}

.advisory-cont h2 {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 0;
    color: #333
}

.advisory-cont i {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #333
}

.advisor-popup {
    display: block
}

.advisor-popup .modal-title {
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 0;
    color: #192b56
}

.advisor-popup .modal-body p {
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin: 0 0 15px!important;
    padding: 0;
    color: #333
}

.industries-sprite {
    width: 60px;
    height: 60px;
    display: block;
    background: url(../img/industries-main-sprite.png) no-repeat 0 0;
    margin-bottom: 10px
}

.IndustriesMain {
    display: block;
    cursor: pointer;
    color: #333!important
}

.IndustriesMain:hover {
    background-color: #333;
    color: #fff!important;
    cursor: pointer
}

.IndustriesMain .services-sub-heading {
    margin-bottom: 5px;
    display: block
}

.IndustriesMain:hover .services-sub-heading {
    color: #fff
}

.IndustriesMain .servicessmalltxt {
    color: #333!important;
    margin-bottom: 15px!important;
    display: block;
    font-weight: 700
}

.IndustriesMain:hover .servicessmalltxt {
    color: #fff!important
}

.IndustriesMain .servicessmalldesc {
    color: #333!important;
    margin-bottom: 15px!important;
    display: block
}

.IndustriesMain:hover .servicessmalldesc {
    color: #fff!important
}

.travelind {
    background-position: -60px 0
}

.IndustriesMain:hover .travelind {
    background-position: -60px -60px
}

.healthcare {
    background-position: 0 0
}

.IndustriesMain:hover .healthcare {
    background-position: 0 -60px
}

.education {
    background-position: -120px 0
}

.IndustriesMain:hover .education {
    background-position: -120px -60px
}

.restuarant {
    background-position: -180px 0
}

.IndustriesMain:hover .restuarant {
    background-position: -180px -60px
}

.e-commerceind {
    background-position: -240px 0
}

.IndustriesMain:hover .e-commerceind {
    background-position: -240px -60px
}

.bankingind {
    background-position: -300px 0
}

.IndustriesMain:hover .bankingind {
    background-position: -300px -60px
}

.insuranceind {
    background-position: -360px 0
}

.IndustriesMain:hover .insuranceind {
    background-position: -360px -60px
}

.agriind {
    background-position: -420px 0
}

.IndustriesMain:hover .agriind {
    background-position: -420px -60px
}

.logisticind {
    background-position: -480px 0
}

.IndustriesMain:hover .logisticind {
    background-position: -480px -60px
}

.manufacturingind {
    background-position: -540px 0
}

.IndustriesMain:hover .manufacturingind {
    background-position: -540px -60px
}

.lending {
    background-position: -600px 0
}

.games {
    background-position: -660px 0
}

.fashion {
    background-position: -720px 0
}

.entertainment {
    background-position: -900px 0
}

.fantasy-sports {
    background-position: -840px 0
}

.digital-assets-marketplace {
    background-position: -960px 0
}

.cleaning {
    background-position: -1200px 0
}

.service-based-marketplace {
    background-position: -1020px 0
}

.b2b-marketplace {
    background-position: -1080px 0
}

.event-marketplace {
    background-position: -1140px 0
}

.real-estate {
    background-position: -780px 0
}

.cab {
    background-position: -1260px 0
}

.indsolutionoffr {
    display: block;
    padding: 15px 15px 0;
    background: rgba(0, 0, 0, .7)
}

.indsolutionoffr .thumbnail {
    background: 0;
    border: 0;
    color: #fff
}

.indsolutionoffr .services-sub-heading {
    font-size: 24px
}

.iwaytrack-pr .carousel-cell {
    background: url(../img/portfolio/iwaytrack/box-bg.png) no-repeat center center
}

.iwaytrack-pr .carousel-cell:before {
    background: rgba(255, 255, 255, .7)
}

.iwaytrack-pr .sl-txt {
    color: #82c565
}

.iwaytrack-pr .sld-lt li:before {
    background-color: #82c565
}

.overlay-planner .carousel-cell {
    background: url(../img/portfolio/overlay/overlay-bg.png) no-repeat left center
}

.overlay-planner .carousel-cell:before {
    background: rgba(255, 255, 255, .97)
}

.overlay-planner .sl-txt {
    color: #333
}

.overlay-planner .sld-lt li:before {
    background-color: #333
}

.product-tube .carousel-cell {
    background: url(../img/portfolio/product-tube/producttube-bg.png) no-repeat center center
}

.product-tube .carousel-cell:before {
    background: rgba(255, 255, 255, .97)
}

.product-tube .sl-txt {
    color: #f46767
}

.product-tube .sld-lt li:before {
    background-color: #f46767
}

.ovrlp .carousel-cell {
    background: url(../img/portfolio/ovrlp/overlp-bg.png) no-repeat center center
}

.ovrlp .carousel-cell:before {
    background: rgba(255, 255, 255, .6)
}

.ovrlp .sl-txt {
    color: #ce3c27
}

.ovrlp .sld-lt li:before {
    background-color: #ce3c27
}

.bcspr .carousel-cell {
    background: url(../img/portfolio/bcs/bcs-bg.png) no-repeat center center
}

.bcspr .carousel-cell:before {
    background: rgba(255, 255, 255, .2)
}

.bcspr .sl-txt {
    color: #b0053b
}

.bcspr .sld-lt li:before {
    background-color: #b0053b
}

.mt-30 {
    margin-top: 30px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.resrc-info-content span {
    width: auto!important;
    display: inline-block!important
}

span.at_flat_counter {
    display: none!important
}

.tabing-nav {
    background: #f7faff;
    z-index: 1000!important;
    border-bottom: 1px solid #e0e0e0
}

.tab-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.tab-nav li {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
    line-height: 30px
}

.tab-nav li a {
    padding: 0 10px
}

.tab-nav li.active a {
    color: #045de8
}

.tabing-nav.scroll-to-fixed-fixed {
    top: 57px!important
}

#scrolltop {
    display: none
}

#rocketmeluncur {
    position: fixed;
    bottom: 65px;
    z-index: 1000;
    display: none;
    visibility: hidden;
    height: 48px;
    right: 25px;
    background: url(../img/rocket.png) no-repeat 50% 0;
    opacity: 0;
    -webkit-transition: visibility .6s cubic-bezier(.6, .04, .98, .335), opacity .6s cubic-bezier(.6, .04, .98, .335), -webkit-transform .6s cubic-bezier(.6, .04, .98, .335);
    -moz-transition: visibility .6s cubic-bezier(.6, .04, .98, .335), opacity .6s cubic-bezier(.6, .04, .98, .335), -moz-transform .6s cubic-bezier(.6, .04, .98, .335);
    transition: visibility .6s cubic-bezier(.6, .04, .98, .335), opacity .6s cubic-bezier(.6, .04, .98, .335), transform .6s cubic-bezier(.6, .04, .98, .335)
}

#rocketmeluncur i {
    display: block;
    margin-top: 50px
}

#rocketmeluncur:hover {
    background-position: 50% -62px
}

#rocketmeluncur:hover i {
    background-position: 50% 100%;
    -webkit-animation: flaming .7s infinite;
    -moz-animation: flaming .7s infinite;
    animation: flaming .7s infinite
}

#rocketmeluncur.showrocket {
    visibility: visible;
    opacity: 1
}

#rocketmeluncur.launchrocket {
    background-position: 50% -62px;
    opacity: 0;
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    transform: translateY(-800px);
    pointer-events: none
}

#rocketmeluncur.launchrocket i {
    background-position: 50% 100%;
    -webkit-transform: scale(1.4, 3.2);
    -moz-transform: scale(1.4, 3.2);
    transform: scale(1.4, 3.2)
}

.text-back {
    font-size: 10px;
    letter-spacing: 1px;
    color: #045de8
}

.ProjectSection {
    padding: 45px 0
}

.method-section {
    display: block;
    padding-top: 15px
}

.method-heading {
    display: block;
    font-size: 32px;
    font-weight: 500
}

ul.method-steps {
    list-style-type: none;
    position: relative;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    counter-reset: section
}

ul.method-steps:before {
    content: " ";
    background: #045de8;
    display: inline-block;
    position: absolute;
    left: 12px;
    width: 2px;
    height: 100%;
    z-index: 400
}

ul.method-steps>li {
    margin: 15px 0;
    padding-left: 35px;
    position: relative
}

ul.method-steps>li:before {
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #045de8;
    left: 0;
    width: 25px;
    height: 25px;
    z-index: 400;
    content: counter(section) " ";
    counter-increment: section;
    text-align: center;
    font-weight: 500;
    line-height: 18px
}

.method-img {
    border: 1px solid #333;
    padding: 10px;
    background: #fff
}

.ProjectSection .flex-row .thumbnail {
    border-radius: 0;
    padding: 0;
    margin: 15px 0
}

.ProjectSection .flex-row .thumbnail .flex-text {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ProjectSection .flex-row .caption,
.ProjectSection .flex-row .thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.pr-cr-ttl {
    margin: 0;
    padding: 10px;
    font-size: 24px;
    line-height: 26px;
    border-bottom: 1px solid #ddd
}

.pr-cr-para {
    padding: 10px!important
}

.cp-hd {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px
}

.tkawy {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.tkawy li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 14px
}

.tkawy li:last-child {
    border-bottom: 0
}

.d-block {
    display: block
}

.joblist {
    display: block
}

.careerlisting {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #f7faff;
    border-radius: 5px
}

.careerlisting li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.careerlisting li a {
    padding: 15px;
    display: block;
    border-bottom: 1px solid #d5e5e6;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    transition: all .4s ease
}

.careerlisting li a::before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    height: 20px;
    width: 20px;
    background: url(../img/symbol9.svg);
    background-size: 20px 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    transform: translateY(-1px)
}

.careerlisting li a:hover:before {
    left: 5px;
    opacity: 1
}

.careerlisting li a:hover {
    color: #045de8;
    padding-left: 30px
}

.careerlisting li a.active {
    padding-left: 30px;
    color: #045de8
}

.careerlisting li a.active:before {
    left: 5px;
    opacity: 1
}

.careerlisting li:last-child a {
    border-bottom: 0
}

.joblist.scroll-to-fixed-fixed {
    top: 70px!important
}

.posi-image {
    display: block
}

.career-sprite {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: url(../img/career-sprite.svg) no-repeat 0 0
}

.BusinessAnalyst {
    background-position: 0 0
}

.ProjectManager {
    background-position: -330px 0
}

.TechLead {
    background-position: -220px 0
}

.DigiMarkLead {
    background-position: -165px 0
}

.DesignLead {
    background-position: -110px 0
}

.Designer {
    background-position: -165px -55px
}

.ContentWriter {
    background-position: -55px 0
}

.QaLead {
    background-position: -275px 0
}

.VuejsDeveloper {
    background-position: -330px -55px
}

.SalesExecutive {
    background-position: -385px 0
}

.iOSDeveloper {
    background-position: -440px 0
}

.androidDeveloper {
    background-position: -110px -55px
}

.PhpLaraDeveloper {
    background-position: -495px 0
}

.PhpDeveloper {
    background-position: -220px -55px
}

.FullStackDeveloper {
    background-position: 0 -55px
}

.dotNetdeveloper {
    background-position: -554px 0
}

.FlutterDeveloper {
    background-position: -275px -55px
}

.pyhtondeveloper {
    background-position: -676px 0
}

.MeanStack {
    background-position: -732px 0
}

.AccountExecutive {
    background-position: -801px -5px
}

.TechArchitect {
    background-position: -385px -55px
}

.MarketingSpecialist {
    background-position: -440px -55px
}

.technicalRecruiter {
    background-position: -495px -55px
}

.opportunities {
    background: url(../img/career/opportunities.jpg) no-repeat center center;
    background-size: cover;
    min-height: 250px;
    padding: 0;
    display: table;
    width: 100%
}

.opp-hd {
    font-size: 45px;
    font-weight: 900;
    color: #fff;
    margin-top: 0;
    text-align: left
}

.opp-text {
    font-size: 18px;
    color: #333;
    text-align: left
}

.ap-nw {
    margin-top: 55px
}

#OpportunitiesForm .select2-container .select2-selection--single {
    height: 45px
}

#OpportunitiesForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px
}

#OpportunitiesForm .select2-container--default .select2-selection--single,
.select2-dropdown {
    border-color: #e8e8e8!important
}

#OpportunitiesForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px
}

.career-main {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative
}

.career-main:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto!important;
    height: 80%!important;
    padding: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%);
    z-index: 9999;
    background-color: red
}

.cr-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

.cr-cont {
    padding: 15px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 0;
    right: 0;
    top: auto!important;
    height: 100%!important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

.cr-cnt1 {
    position: absolute;
    bottom: 30px!important;
    left: 15px;
    right: 15px
}

.cr-cont h4 {
    font-size: 26px;
    color: #fff;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 15px
}

.cr-cont span {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.wdth100 {
    width: 100%
}

.cntpad {
    display: inline-block;
    font-size: 14px!important
}

.creative-sec .thumbnail {
    padding: 0!important
}

.resrc-info-content p {
    margin-bottom: 10px!important
}

.resrc-info-content ul:after,
.resrc-info-content ul:before {
    display: table;
    content: ""
}

.resrc-info-content ul:after {
    clear: both
}

.resrc-info-content ul {
    margin-bottom: 10px
}

.cntct {
    opacity: 1!important;
    background: rgba(234, 234, 204, .97)!important
}

.resrc-info-content .btn {
    white-space: normal;
    line-height: 1.4
}

.err {
    font-size: 12px!important;
    color: red!important
}

label {
    float: left
}

#fileupload {
    display: none
}

span[role=button] {
    display: table-cell;
    padding: 8px 12px 8px 13px;
    border: 1px solid #d1d1d1;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    outline: 0
}

span[role=button]:focus,
span[role=button]:hover {
    border: 1px solid #333;
    outline: 1px solid transparent
}

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

input[type=text]:focus {
    box-shadow: 0 0 5px #595959;
    border-color: #265986;
    outline: 2px solid transparent
}

.g-recaptcha {
    width: 100%;
    display: inline-block
}

.g-recaptcha div {
    margin: auto
}

.lp-header {
    background-image: url(../img/lp/south-africa.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto!important
}

.lp-header .yellow-bg {
    background-color: rgba(240, 240, 228, .94)
}

.lp-navbar .contact-header {
    display: block;
    padding: 18px 15px
}

.lp-navbar .connect {
    font-size: 16px
}

.header-banner-section {
    position: relative;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 70px
}

.header-banner-section .form-main-inner {
    border: 0
}

.blk-arw {
    position: absolute;
    right: 15px
}

.blk-arw img {
    width: 60px
}

.development-center {
    display: block
}

.deve-text {
    font-weight: 700;
    color: #333;
    font-size: 40px;
    line-height: 48px;
    margin-top: 0
}

.development-center .com-grth {
    padding-right: 100px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 20px
}

.development-center .com-grth li {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin: 0;
    text-align: center;
    padding: 5px;
    display: -ms-flexbox!important;
    display: flex!important
}

.com-grt-inner {
    width: 100%;
    background: #fff;
    padding: 15px
}

.lp-title {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    display: block;
    padding: 30px 0;
    margin: 0
}

.lp-wrapper {
    width: 900px;
    margin: 0 auto
}

.lp-head-section {
    padding-bottom: 30px!important
}

.lp-head-section p {
    margin-top: 0!important;
    margin-bottom: 15px!important
}

.lp-choose-us {
    padding-bottom: 30px
}

.lp-choose-us .we-do-box {
    background-color: #f7faff!important
}

.lp-choose-us .we-do-box .sprite-hc {
    background: url(../img/lp/sprite.png) no-repeat 0 0
}

.wider-reach {
    background-position: 0 0!important
}

.ulf {
    background-position: -80px 0!important
}

.customize-apps {
    background-position: -160px 0!important
}

.seo-friendly {
    background-position: -240px 0!important
}

.ext-support {
    background-position: 0 -80px!important
}

.one-os {
    background-position: -80px -80px!important
}

.innov-android {
    background-position: -160px -80px!important
}

.highly-secures {
    background-position: -240px -80px!important
}

.flexibility-you {
    background-position: -320px -80px!important
}

.connect-customers {
    background-position: 0 -160px!important
}

.remote-access {
    background-position: -80px -160px!important
}

.fast-robust {
    background-position: -160px -160px!important
}

.success-growth {
    display: block;
    background: #333;
    position: relative;
    min-height: 350px
}

.suc-grw-sec {
    position: absolute;
    width: 41.66666667%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 100%
}

.suc-grw-sec:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, .95)
}

.suc-grw-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom
}

.suc-grw-head {
    display: block
}

.suc-title {
    font-size: 42px;
    color: #333;
    line-height: 60px
}

.suc-title b {
    font-size: 46px
}

.suc-grw {
    display: block;
    padding: 15px 0;
    margin: 0;
    list-style: none
}

.suc-grw li {
    display: block;
    list-style: none;
    padding: 0 0 0 20px;
    margin: 15px 0;
    color: #fff;
    font-size: 16px;
    position: relative
}

.suc-grw li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 7px
}

.display-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.display-justify-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.display-align-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.best-class {
    background-color: #f0f0e4;
    padding-bottom: 0
}

.mobile-app-service {
    border-bottom: 1px solid #e8e8e8
}

.deve-tab {
    margin-top: 0;
    background: #fff
}

.deve-tab .resp-vtabs ul.resp-tabs-list {
    background-color: #f0f0e4;
    margin-top: 0!important
}

.deve-tab .resp-vtabs li.resp-tab-item {
    border-bottom: 5px solid transparent
}

.deve-tab .resp-vtabs .resp-tabs-container {
    min-height: 150px
}

.advantage-hiring .client-hc {
    border-bottom: 0;
    margin-bottom: 60px
}

.advantage-hiring .client-hc li {
    padding: 15px;
    border-color: #333
}

.advantage-hiring .client-hc li:nth-last-child(-n+3) {
    border-bottom: 0
}

.OurClients {
    border-bottom: 9px solid #e8e8e8
}

.OurClients .client-hc {
    border-bottom: 0;
    margin-bottom: 0
}

.OurClients .client-hc li {
    border-right: 1px solid #e8e8e8!important
}

.OurClients .client-hc li:nth-child(4),
.client-hc li:last-child {
    border-right: 0!important
}

.ClientTestimonials {
    padding-bottom: 60px
}

.partners-logo {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 15px
}

.part-logo {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

.part-logo li {
    display: inline-block;
    margin: 0 10px
}

.part-logo li .part-logo-img {
    width: 170px
}

input#fileuploadppc {
    display: none
}

#RecaptchaField1,
#RecaptchaField2 {
    display: inline-block;
    width: 100%
}

.lo-background,
.loader {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.lo-loader {
    vertical-align: middle
}

.loader-text span {
    font-family: segoeui-webfont;
    font-weight: 400
}

.loader {
    background: #fff;
    z-index: 1000000;
    width: 100%
}

.lo-background {
    overflow: hidden
}

#lo-load,
#lo-load div,
.lo-loader,
.lo-water-fill {
    position: absolute
}

.lo-loader {
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%)
}

.lo-circle {
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 150px
}

.lo-water-fill {
    top: 60px;
    left: 60px;
    margin: 0 auto;
    opacity: 1;
    -webkit-animation: lo-pulse 1s 240ms linear;
    animation: lo-pulse 1s 240ms linear;
    width: 60px
}

@keyframes lo-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.lo-loader-ellipse {
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000;
    stroke: #12a0c8!important;
    -webkit-animation: lo-drawCircle 2.5s infinite;
    animation: lo-drawCircle 2.5s infinite
}

@-webkit-keyframes lo-drawCircle {
    to {
        stroke-dashoffset: 200px;
        stroke-dashoffset: -800px
    }
}

@keyframes lo-drawCircle {
    to {
        stroke-dashoffset: 200px;
        stroke-dashoffset: -800px
    }
}

#lo-load {
    width: 100%;
    height: 36px;
    left: 0;
    top: 115%;
    overflow: visible;
    cursor: default;
    font-weight: 900
}

#lo-load div {
    width: 20px;
    height: 36px;
    opacity: 0;
    font-size: 25px;
    -o-animation: move 2.5s linear infinite;
    -moz-animation: move 2.5s linear infinite;
    -webkit-animation: move 2.5s linear infinite;
    animation: move 2.5s linear infinite;
    color: #000
}

#lo-load div:nth-child(2) {
    animation-delay: .1s;
    -o-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s
}

#lo-load div:nth-child(3) {
    animation-delay: .2s;
    -o-animation-delay: 0;
    -webkit-animation-delay: .2s
}

#lo-load div:nth-child(4) {
    animation-delay: .6s;
    -o-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s
}

#lo-load div:nth-child(5) {
    animation-delay: .8s;
    -o-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -webkit-animation-delay: .8s
}

#lo-load div:nth-child(6) {
    animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s
}

#lo-load div:nth-child(7) {
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}

#lo-load div:nth-child(8) {
    animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s
}

#lo-load div:nth-child(9) {
    animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
}

#lo-load div:nth-child(10) {
    animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }
    35% {
        left: 41%;
        opacity: 1
    }
    65% {
        left: 59%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

.custom-file-main.err {
    border: 1px solid red!important
}

.custom-file-main .err {
    position: absolute;
    bottom: -38px;
    right: 0;
    z-index: 5
}

.campaign {
    background: url(../img/campaign/bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed
}

.for-image,
.for-image .campaign-image,
.for-image .carousel,
.for-image .carousel-cell,
.for-image .flickity-viewport {
    height: 100%!important
}

.for-image .carousel-cell {
    padding: 30px;
    opacity: .2;
    transition: all .5s ease
}

.for-image .carousel-cell.is-selected {
    opacity: 1;
    transform: scale(1.08);
    z-index: 2
}

.for-image .campaign-image img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.plr-0 {
    padding-left: 0;
    padding-right: 0
}

.floating-btn {
    height: 40px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    position: fixed;
    top: 15px;
    right: 15px;
    background: #ffe000;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1), 0 0 0 0 #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1), 0 0 0 0 #fff;
    z-index: 5;
    padding: 0 15px;
    transition: all ease .3s
}

.floating-btn span {
    display: inline-block
}

.inq-text {
    line-height: 40px;
    color: #333;
    font-weight: 700;
    transition: all ease .3s;
    vertical-align: middle
}

.floating-btn:hover {
    background-color: #fff;
    transition: all ease .3s
}

.m-close {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: fixed;
    top: 15px;
    right: 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1), 0 0 0 0 #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1), 0 0 0 0 #fff;
    z-index: 5
}

.floating-btn i,
.m-close i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 50px;
    color: #333
}

.m-body {
    padding: 0;
    height: 100%
}

.inq-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    min-height: 100%;
    padding: 15px
}

.inq-form-box {
    min-width: 250px;
    max-width: 450px;
    background: url(../img/campaign/bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 0 15px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    position: relative;
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important
}

.inq-form-box .form-control {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important
}

.inq-form-box .g-recaptcha>div {
    margin: 0 auto
}

.sbmt {
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    border-radius: 25px!important;
    background: #ffe000!important;
    color: #333!important;
    border-color: #ffe000!important
}

.sbmt:hover {
    background: #333!important;
    color: #fff!important;
    border-color: #333!important
}

.for-image .carousel-cell {
    width: 66%
}

.compaign-content {
    padding-left: 0;
    width: 480px
}

.compaign-content.fadeDiv {
    opacity: 1;
    visibility: visible;
    display: block!important
}

.comp-head {
    font-size: 36px;
    font-weight: 900;
    color: #fff
}

.compaign-content p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px!important;
    display: block;
    color: #eaeaea
}

.comp-btn {
    padding: 5px 15px;
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    border-radius: 25px!important;
    font-size: 13px
}

.center-align {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important
}

@media(min-width:768px) {
    .btn-arrow {
        display: none
    }
    .for-image .flickity-page-dots {
        display: none
    }
    .slide-close {
        display: none
    }
}

@media(max-width:767px) {
    .text-xs-center {
        text-align: center!important
    }
    .for-image .carousel-cell {
        width: 100%
    }
    .for-image .carousel-cell.is-selected {
        transform: scale(1);
        transition: none
    }
    .for-image .campaign-image {
        height: calc(100% - 15px)!important
    }
    .for-image .carousel-cell .campaign-image img {
        transition: all ease .5s
    }
    .for-image .carousel-cell.is-selected .campaign-image img {
        opacity: 1;
        transform: scale(1.08);
        z-index: 2
    }
    .campaign .full-height,
    .campaign.full-height {
        height: 100%!important
    }
    .full-height.center-align {
        height: auto!important
    }
    .compaign-content {
        position: fixed;
        bottom: -40px;
        display: block;
        padding: 0;
        background: #fff;
        left: 0;
        right: 0;
        width: 100%;
        transition: all ease .5s;
        height: 40px;
        overflow-y: auto
    }
    .slide-content .is-selected .compaign-content {
        bottom: 0;
        height: auto
    }
    .compaign-content .btn-arrow i {
        transition: all ease .5s
    }
    .slide-content.compaign-content .btn-arrow i {
        transform: translate(-50%, -50%) rotate(180deg)
    }
    .slide-content .btn-arrow {
        display: none
    }
    .comp-head {
        font-size: 20px;
        margin-top: 0;
        padding: 15px 30px 0 15px;
        line-height: 23px;
        color: #333
    }
    .compaign-content p {
        font-size: 15px;
        line-height: 18px;
        padding: 0 15px!important;
        color: #333
    }
    .comp-btn {
        width: 100%;
        border-radius: 0!important;
        padding: 10px 15px
    }
    .for-image .flickity-button {
        display: none
    }
    .inq-form-box {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .m-close {
        width: 30px;
        height: 30px;
        position: absolute!important;
        top: -15px!important;
        right: -15px!important
    }
    .m-close i {
        font-size: 20px;
        line-height: 30px
    }
}

.btn-arrow {
    top: auto;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
    width: 40px;
    height: 40px
}

.for-image .flickity-page-dots {
    bottom: 5px;
    padding-right: 65px
}

.for-image .flickity-page-dots .dot {
    margin: 0 4px
}

.form-fill-icon {
    background-position: -104px -434px
}

.open-icon {
    background-position: -130px -434px
}

.for-image .flickity-page-dots .dot {
    background: #fff
}

.slide-content .flickity-page-dots {
    display: none
}

.slide-close {
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 28px;
    font-weight: 500
}

@media(min-width:992px) {
    .col-sm-five {
        width: 20%!important
    }
    .sub-list .section-title {
        transition: all ease .5s
    }
    .section-title:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        background: #045de8;
        height: 3px;
        transition: all ease .5s
    }
    .sub-list .section-title:after {
        width: 100%
    }
}

.slide-form {
    background: 0;
    box-shadow: none;
    border: 1px solid #fff
}

.logofix {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 6;
    height: 47px;
    width: 150px
}

.logofix img {
    height: 47px;
    width: 150px
}

.cookieConsent {
    background-color: rgba(51, 51, 51);
    min-height: 26px;
    font-size: 18px;
    color: #ccc;
    line-height: 25px;
    padding: 20px 0 20px 30px;
    font-family: Lexend, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999
}

.cookieConsent a {
    color: #4b8ee7;
    text-decoration: none
}

.cookieConsent a.cookieConsentOK {
    background-color: #fff;
    color: #333;
    padding: 10px 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
    font-size: 18px
}

.cookieConsent a.cookieConsentOK:hover {
    background-color: #045de8;
    color: #fff
}

@media(max-width:991px) {
    .cookieConsent {
        min-height: 26px;
        font-size: 14px;
        padding: 10px 0 10px 30px;
        line-height: 20px
    }
    .responsive-co-text {
        display: block
    }
    .responsive-co-button {
        margin: auto
    }
    .cookieConsent a.cookieConsentOK {
        display: block;
        padding: 10px 20px;
        float: left;
        margin: 10px 0 0 15px
    }
}

.think-inside-the-box-div {
    padding: 20px 0;
    display: flex
}

.think-inside-the-box-div h4 {
    line-height: 26px;
    font-style: italic
}

.think-inside-the-box-div .col-md-8 {
    align-self: center
}

.think-inside-the-box-div .col-md-4 {
    align-self: center
}

.frequently-asked-questions {
    width: 100%;
    display: block;
    padding: 20px 0;
    position: relative
}

.frequently-asked-questions::after {
    content: "\f0d7";
    font-family: FontAwesome;
    cursor: pointer;
    float: left;
    font-size: 36px;
    color: #f7faff;
    position: absolute;
    bottom: -30px;
    left: 50%;
    opacity: .97;
    transform: translateX(-50%)
}

.frequently-asked-questions-section {
    margin: 50px auto;
    max-width: 800px
}

.frequently-asked-questions-section .panel-group .panel {
    border-radius: 0
}

.frequently-asked-questions-section .panel-heading {
    padding: 0;
    background-color: #fff;
    position: relative
}

.frequently-asked-questions-section .panel-heading .panel-title a p {
    padding: 10px 30px 10px 15px !important;
    background-color: #337ab7;
    color: #fff;
    line-height: 24px
}

.frequently-asked-questions-section .panel-heading .panel-title a.collapsed p {
    background-color: #fff;
    color: #333
}

.frequently-asked-questions-section .panel-group .panel+.panel {
    margin-top: -1px
}

.frequently-asked-questions-section .panel-heading .panel-title {
    position: relative
}

.frequently-asked-questions-section .resp-arrow {
    float: right;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    margin-top: 0
}

.frequently-asked-questions-section .panel-heading .panel-title a.collapsed .resp-arrow:after {
    content: "\f107";
    color: #333
}

.frequently-asked-questions-section .panel-heading .panel-title a .resp-arrow:after {
    content: "\f106";
    color: #fff
}

.covid-19 {
    background-color: rgba(51, 51, 51);
    min-height: 26px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    padding: 15px 50px 15px 20px;
    font-family: Lexend, sans-serif;
    z-index: 9;
    position: absolute;
    margin-bottom: 0;
    text-align: left;
    margin-top: 0;
    top: 70px
}

.covid-19 a {
    color: #4b8ee7
}

.covid-19 a:hover {
    cursor: pointer
}

.covide-19-click {
    position: absolute;
    color: #fff!important;
    right: 10px;
    top: 15px
}

.expertise-technologies,
.mobile-industries,
.project-method {
    display: block;
    width: 100%;
    display: block;
    padding: 60px 0;
    position: relative
}

.tech-title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center
}

.tech-section {
    margin: 50px 0 0
}

.use-technology {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.use-technology li {
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px
}

.use-technology li img {
    max-width: 30px
}

.use-technology.nft li img {
    max-width: 100px;
    width: 100%;
    height: auto
}

.use-technology.mpind li img {
    max-width: 100%;
    width: 40px;
    height: auto
}

.use-technology.blockchain li {
    margin: 0 0 40px
}

.mobile-industries .sc-txt {
    margin-bottom: 15px;
    font-weight: 400;
    margin-top: 0
}

.mob-testi .testimonials-section {
    margin-top: 50px
}

.project-method {
    background-color: #e5e5f0
}

.methods {
    width: 655px;
    max-width: 100%;
    margin: 0 auto
}

.methods ul {
    margin-top: 50px;
    list-style: none;
    margin-bottom: 0
}

.methods ul li {
    display: block;
    list-style: none;
    padding: 0 0 30px;
    border-left: 2px dashed #707070;
    position: relative;
    background-color: #e5e5f0
}

.methods ul li:last-child {
    border-left: 0;
    padding-bottom: 0
}

.methods ul li:last-child:after {
    content: none
}

.methods ul li:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    border-left: 1px solid #e5e5f0
}

.methods ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: -13px;
    width: 24px;
    height: 24px;
    background-color: #333;
    border-radius: 100%;
    z-index: 2
}

.method-card {
    background-color: #fff;
    padding: 15px;
    margin-left: 30px
}

.method-card .method-title {
    display: block;
    font-size: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px
}

.method-sprite {
    width: 45px;
    height: 45px;
    display: block;
    margin: 0 0 15px;
    background: url(../img/project_methods_sprite.svg) no-repeat 0 0;
    background-size: 495px auto
}

.project-understand {
    background-position: 0 0
}

.project-design {
    background-position: -50px 0
}

.strategy-development {
    background-position: -250px 0
}

.project-development {
    background-position: -100px 0
}

.project-testing {
    background-position: -150px 0
}

.project-delivery {
    background-position: -200px 0
}

.business-formation {
    background-position: -300px 0
}

.marketing-services {
    background-position: -350px 0
}

.sales-efforts {
    background-position: -400px 0
}

.dedicated-support {
    background-position: -450px 0
}

.mobile-industries .IndustriesMain:hover {
    background-color: #fff;
    cursor: auto;
    color: #333!important
}

.mobile-industries .IndustriesMain:hover .services-sub-heading,
.mobile-industries .IndustriesMain:hover .servicessmalldesc {
    color: #333!important
}

.mobile-industries .IndustriesMain:hover .healthcare {
    background-position: 0 0
}

.mobile-industries .IndustriesMain:hover .education {
    background-position: -120px 0
}

.mobile-industries .IndustriesMain:hover .restuarant {
    background-position: -180px 0
}

.mobile-industries .IndustriesMain:hover .e-commerceind {
    background-position: -240px 0
}

.mobile-industries .IndustriesMain:hover .travelind {
    background-position: -60px 0
}

.mobile-industries .IndustriesMain:hover .insuranceind {
    background-position: -360px 0
}

.mobile-industries .IndustriesMain:hover .agriind {
    background-position: -420px 0
}

.mobile-industries .IndustriesMain:hover .logisticind {
    background-position: -480px 0
}

.mobile-industries .IndustriesMain:hover .manufacturingind {
    background-position: -540px 0
}

.margin-b-15 {
    margin-top: 15px
}

.service-strgy-icon.project-delivery {
    background-position: -254px -162px
}

.service-strgy-icon.remote-access {
    background-position: -1254px -302px!important
}

.moral-text {
    font-size: 14px
}

.job-open-iframe iframe {
    height: 1100px;
}

@media only screen and (max-width:1200px) {
    .job-open-iframe iframe {
        height: 2040px;
    }
}

@media only screen and (max-width:991px) {
    .job-open-iframe iframe {
        height: 2160px;
    }
}