.btn,
.btn:focus,
.btn:hover,
a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

a,
a:hover {
    color: inherit
}

.fz10 {
    font-size: 10px
}

.fz11 {
    font-size: 11px
}

.fz12 {
    font-size: 12px
}

.fz13 {
    font-size: 13px
}

.fz14 {
    font-size: 14px
}

.fz15 {
    font-size: 15px
}

.fz16 {
    font-size: 16px
}

.fz17 {
    font-size: 17px
}

.fz18 {
    font-size: 18px
}

.fz19 {
    font-size: 19px
}

.fz20 {
    font-size: 20px
}

.fz21 {
    font-size: 21px
}

.fz22 {
    font-size: 22px
}

.fz24 {
    font-size: 24px
}

.fz25 {
    font-size: 25px
}

.fz26 {
    font-size: 26px
}

.fz28 {
    font-size: 28px
}

.fz30 {
    font-size: 30px
}

.fz32 {
    font-size: 32px
}

.fz34 {
    font-size: 34px
}

.fz35 {
    font-size: 35px
}

.fz36 {
    font-size: 36px
}

.fz38 {
    font-size: 38px
}

.fz40 {
    font-size: 40px
}

.fz45 {
    font-size: 45px
}

.fz50 {
    font-size: 50px
}

.fz60 {
    font-size: 60px
}

.fz70 {
    font-size: 70px
}

.form-control:focus {
    box-shadow: none
}

h1,
h2,
h3,
h4 {
    text-transform: capitalize
}

.base_heading_color {
    color: #132f4e
}

.base_text_color {
    color: #707070
}

.base_bg {
    background-color: #132f4e
}

.light_font {
    font-family: montserratlight
}

.medium_font {
    font-family: montserratmedium
}

.regular_font {
    font-family: montserratregular
}

.bold_font {
    font-family: montserratsemibold
}

body {
    font-family: montserratregular!important
}

header {
    min-height: 121px
}

header .header_top li>a {
    color: #fff
}

header .header_top li .fa-skype {
    color: #00aff0
}

header .header_top li .fa-phone {
    color: #30ad23
}

header .header_top li .fa-envelope {
    color: orange
}

header .custom_navigation {
    padding: 12px 0;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0
}

header .custom_navigation li {
    margin-right: 32px;
    font-weight: 700;
    color: #555
}

header .custom_navigation .header_btn {
    padding: 11px 40px;
    border: 1px solid #fff;
    background: #cf4231;
    color: #fff;
    border-radius: 30px;
    line-height: initial
}

header .custom_navigation .header_btn:hover {
    background: #132f4e;
    color: #fff
}

header .custom_navigation .custom_dropdown {
    width: 1114px;
    left: -175px;
    top: 59px
}

header .custom_dropdown .nav_header>p {
    border-bottom: 1px solid #132f4e;
    margin-bottom: 21px
}

header .custom_dropdown .nav_header li>a {
    padding: 8px 0;
    display: block;
    font-size: 13px;
    color: #555;
    font-weight: initial
}

header .custom_dropdown .nav_header li>a:hover {
    padding: 8px 12px;
    background-color: #00aff0;
    color: #fff;
    border-radius: 7px
}

header .custom_dropdown .why_us .why_contant {
    padding-left: 70px
}

header .custom_dropdown .why_us .why_contant .why_us_imgs {
    position: absolute;
    left: 0;
    top: -10px
}

header .custom_navigation .about_dropdown {
    left: -586px
}

header .custom_navigation .about_dropdown .carousel-control-prev {
    background: #132f4e;
    width: 30px;
    height: 30px;
    bottom: -45px;
    border-radius: 50%;
    left: 44%;
    top: initial
}

header .custom_navigation .about_dropdown .carousel-control-next {
    background: #132f4e;
    width: 30px;
    height: 30px;
    bottom: -45px;
    border-radius: 50%;
    right: 44%;
    top: initial
}

header .custom_navigation .dropdown_slider_section hr {
    margin-top: 80px;
    border-top: 1px solid #132f4e
}

header .about_dropdown .dropdown_social {
    box-shadow: 1px 11px 13px 0 #ececec;
    color: #555
}

header .about_dropdown .dropdown_social i {
    color: #00aff0
}

header .dropdown_slider_section .project_details {
    box-shadow: 1px 11px 13px 0 #ececec
}

header .dropdown_slider_section .happy_client {
    color: #fd7334
}

header .dropdown_slider_section .project_deliver {
    color: #00a651
}

header .case_studie_dropdown a {
    padding: 8px 0;
    display: block;
    font-size: 14px;
    color: #555;
    font-weight: initial
}

header .case_studie_dropdown a:hover {
    padding: 8px 12px;
    background-color: #00aff0;
    color: #fff;
    border-radius: 7px
}

.custom_modal_header .modal-content {
    border-radius: 20px
}

.custom_modal_header .modal-xl {
    width: 1100px
}

.section_heading>h2 {
    font-weight: 700;
    background: linear-gradient(to right, #132f4e 50%, #0c5d67 51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: -ms-linear-gradient(to right, #132f4e 50%, #0c5d67 51%);
    -ms-background-clip: text;
    -ms-text-fill-color: transparent
}

.company_pack {
    background-image: url(../images/home/Header-png.png);
    background-size: 100% 734px;
    background-repeat: no-repeat;
    height: 734px
}

.company_pack .creative_pack {
    margin-bottom: 60px
}

.company_pack .list-inline-item:not(:last-child) {
    margin-right: 10px
}

.project_partners a {
    transform: scale(.8);
    transition: .1s all linear
}

.project_partners a:hover {
    transform: scale(1)
}

.company_outlook {
    padding-bottom: 100px;
    margin-top: -150px
}

.company_outlook .custom_flipster ul {
    height: 328px;
    width: 460px
}

.digital_experience_product {
    background-color: #0c5d67;
    margin-top: 90px
}

.digital_experience_product .digital_product_seperation {
    padding: 0 48px;
    padding-top: 125px
}

.digital_product_seperation .digital_product_icon {
    right: 0;
    top: -65px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%
}

.digital_product_seperation .digital_product_icon>span {
    display: inline-block;
    padding: 34px;
    background: #fff;
    border: 3px solid #0c5d67;
    border-radius: 50%
}

.need_us {
    background-image: linear-gradient(#f5f5f5 60%, #fff 40%);
    padding-bottom: 35px
}

.need_us .need_seperation {
    background-color: #fff;
    min-height: 475px;
    margin-top: 70px;
    margin-left: 20px;
    margin-right: 20px
}

.need_us .need_seperation:hover {
    box-shadow: 0 0 20px #cec8c8;
    min-height: 475px;
    margin: 0;
    transition: all .3s
}

.need_us .need_seperation>span {
    box-shadow: 0 0 20px #e6e3e3;
    display: inline-block;
    padding: 26px;
    border-radius: 50%;
    margin-bottom: 24px
}

.need_us .need_seperation.current>span {
    padding: 34px;
    margin-bottom: 40px
}

.mobile_app_development_process {
    padding-top: 16px
}

.mobile_app_development_process .process_icon li>a {
    background: #fff;
    padding: 30px;
    box-shadow: 6px 14px 17px #bdbdbd;
    border-radius: 50%;
    margin-bottom: 16px
}

.mobile_app_development_process .process_icon .process_part {
    position: absolute;
    top: -60px
}

.mobile_app_development_process .process_icon .list-inline-item:not(:last-child) {
    margin-right: 30px
}

.development_app_nav>.tab_ul .app_nav {
    border-bottom: 2px solid #b9bbbd
}

.app_nav a {
    color: #707070
}

.development_app_nav .app_nav a:hover {
    border-color: transparent
}

.development_app_nav .nav-tabs .nav-item.show .nav-link,
.development_app_nav .nav-tabs .nav-link.active {
    background-color: transparent;
    font-weight: 700;
    color: #2196f3;
    border: 1px solid #0c5d67;
    border: 0
}

.development_app_nav .nav-tabs .nav-link.active span {
    padding-bottom: 12px;
    border-bottom: 3px solid #2196f3
}

.new_join_hand {
    background-image: url(../images/home/join-hand.png);
    background-size: 100% 763px;
    background-repeat: no-repeat;
    height: 337px
}

.join_hand_new_reason {
    background-color: #fff;
    padding: 36px 24px;
    position: relative
}

.join_hand_new_reason .join_hand_left_shadow {
    position: absolute;
    bottom: 0;
    left: -40px
}

.join_hand_new_reason .join_hand_right_shadow {
    position: absolute;
    bottom: 0;
    right: -40px
}

.new_join_hand .join_hand_new_reason .join_hand_part>img {
    margin-bottom: 14px
}

.join_hand_result {
    background-color: #f5f5f5;
    padding-top: 135px;
    padding-bottom: 77px
}

.join_hand_result .project_seperation {
    border: 1px solid #ccc;
    padding-right: 62px;
    padding-left: 38px;
    padding-top: 30px;
    width: 272px;
    position: relative
}

.join_hand_result .project_seperation>img {
    position: absolute;
    right: 0;
    top: 0
}

.join_hand_result .project_seperation>.project_blue {
    color: #0078ed
}

.join_hand_result .project_seperation>.project_red {
    color: #ff3d2e
}

.join_hand_result .project_seperation>.project_green {
    color: #6fda44
}

.flyin_project {
    background-image: linear-gradient(to right, #0b2848, #086cdc)
}

.flyin_project p {
    margin-bottom: 95px
}

.flyin_project .view_case_btn {
    color: #086cdc;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 15px 50px;
    line-height: initial
}

.flyin_project .view_case_btn:hover {
    background-color: #086cdc;
    color: #fff
}

.breathe_project {
    background-image: linear-gradient(to right, #f32458, #941635)
}

.breathe_project p {
    margin-bottom: 95px
}

.breathe_project .view_case_btn {
    color: #f32458;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 15px 50px;
    line-height: initial
}

.breathe_project .view_case_btn:hover {
    background-color: #f32458;
    color: #fff
}

.crushlook_project {
    background-image: linear-gradient(to right, #49411b, #a48710)
}

.crushlook_project p {
    margin-bottom: 95px
}

.crushlook_project .view_case_btn {
    color: #a48710;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 15px 50px;
    line-height: initial
}

.crushlook_project .view_case_btn:hover {
    background-color: #a48710;
    color: #fff
}

.case_studies_slider .carousel-indicators li {
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    margin-right: 30px;
    border: 0;
    background-position: center;
    border-radius: 50%;
    opacity: 1
}

.case_studies_slider .carousel-indicators li.active {
    -webkit-box-shadow: 0 0 7px #a9a1a1;
    box-shadow: 0 0 7px #a9a1a1
}

.case_studies_slider .carousel-indicators .flyin {
    background-image: url(../images/home/case-flyin.png)
}

.case_studies_slider .carousel-indicators .breathe {
    background-image: url(../images/home/case-mydrinks.png)
}

.case_studies_slider .carousel-indicators .crush_look {
    background-image: url(../images/home/case-nutripal.png)
}

.case_studies_slider .carousel-indicators {
    bottom: -65px
}

.case_studies_slider .carousel-item {
    min-height: 621px
}

.industries_catering .vertical_card {
    padding: 30px 0;
    margin-bottom: 40px;
    color: #132f4e;
    box-shadow: 1px 10px 15px 2px #e0e0e0
}

.our_work_video {
    background-image: url(../images/home/our-video.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 420px;
    padding-top: 80px
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.our_work_video>a {
    margin-top: 85px
}

.scrolling_blog .mobile-main {
    min-height: auto;
    border-radius: 20px;
    padding: 16px 14px 30px;
    margin: 0 24px;
    background-color: #fff;
    box-shadow: 20px 0 40px 0 rgba(0, 0, 0, .06);
    top: -80px;
    transition: all .5s;
    position: relative;
    overflow: hidden
}

.scrolling_blog .mobild-feed-img-sec {
    overflow: hidden;
    border-radius: 20px;
    max-height: 210px
}

.scrolling_blog .mobile-feed-img {
    border-radius: 20px;
    transition: all .5s
}

.scrolling_blog .mobile-main:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .5s
}

.scrolling_blog .mobile-feed:hover .mobile-main:before {
    opacity: 1
}

.scrolling_blog .mobile-feed:hover .mobile-main {
    top: -60px
}

.scrolling_blog .mobile-feed:hover .mobile-feed-img {
    transform: scale(1.2)
}

.scrolling_blog .discover_btn {
    padding: 8px 40px;
    border-radius: 30px;
    border: 1px solid #132f4e;
    text-transform: uppercase;
    color: #fff;
    background-color: #132f4e;
    font-size: 18px
}

.scrolling_blog .discover_btn:hover {
    background-color: #fff;
    color: #132f4e
}

.contact_banner {
    background-image: url(../images/contact/contact.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px;
    background-position: center
}

.contact_banner .banner_text {
    margin-top: 140px
}

.send_message .message .company_inquiry {
    padding: 32px 22px;
    color: #fff
}

.message_left_column .form_section .form-control {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #6b6b6b;
    padding-left: 33px;
    padding-bottom: 16px;
    height: auto
}

.message_left_column .form_section .form-control::placeholder {
    color: #aab2b9
}

.message_left_column .form_section .input_form>i {
    position: absolute;
    font-size: 20px;
    top: 8px;
    left: 0;
    color: #132f4e
}

.message_left_column .form_section .contact_us_btn {
    padding: 8px 38px 8px 20px;
    border: 1px solid #132f4e;
    border-radius: 0;
    background-color: #132f4e;
    color: #fff;
    font-weight: 700;
    box-shadow: 6px 9px 14px #b7b7b7
}

.message_left_column .form_section .contact_us_btn:hover {
    background-color: #fff;
    color: #132f4e
}

.visit_place .card_data {
    box-shadow: 1px -2px 18px #cecece;
    border-radius: 20px;
    min-height: 483px
}

.visit_place .card_data>hr {
    border-top: 2px solid #b7b7b7;
    width: 50px
}

.visit_place .consultant_profile>img {
    display: inline-block;
    padding: 3px;
    border: 1px solid #949090;
    border-radius: 50%
}

.banner {
    background-size: cover;
    background-repeat: no-repeat;
    height: 623px
}

.node_service {
    background-image: url(../images/services/nodejs/service-banner.png)
}

.ipad_service {
    background-image: url(../images/services/ipad/ipad-app-development.png)
}

.android_service {
    background-image: url(../images/services/android/Android-App-Development.png)
}

.angularjs_develoment {
    background-image: url(../images/services/angularjs/angularjs-development-service-banner.png)
}

.ecommerce_section {
    background-image: url(../images/services/ecommerce/ecommerce-web-development-banner.png)
}

.iot_section {
    background-image: url(../images/services/iot/iot-app-development-banner.png)
}

.ibeacon_section {
    background-image: url(../images/services/ibeacon/ibeacon-app-development-banner.png)
}

.cms_section {
    background-image: url(../images/services/cms/cms-web-development-banner.png)
}

.html5_section {
    background-image: url(../images/services/html5/html5-app-development-banner.png)
}

.product_section {
    background-image: url(../images/services/product-ideation/product-ideation-banner.png)
}

.wearable_section {
    background-image: url(../images/services/wearable/wearable-app-development-banner.png)
}

.pwa_section {
    background-image: url(../images/services/pwa/pwa-development-service-banner.png)
}

.php_section {
    background-image: url(../images/services/php/php-banner.png)
}

.brand_section {
    background-image: url(../images/services/brand-identity/brand-identity-services-banner.png)
}

.react_native_section {
    background-image: url(../images/services/react-native/React-Native-Banner.png)
}

.flutter_section {
    background-image: url(../images/services/flutter/flutter-banner.png)
}

.iphone_service {
    background-image: url(../images/services/iphone/iphone-app-development-banner.png)
}

.banner .banner_logo li span {
    background-color: #c2c2c2;
    height: 49px;
    width: 1px;
    top: 28px;
    right: 0
}

.node_service .banner_text>p {
    text-transform: capitalize
}

.text_heading>span {
    width: 162px;
    height: 4px;
    background-color: #c2c2c2
}

.mobilecoderz_advantage .text_heading>h2 {
    text-transform: capitalize
}

.mobilecoderz_advantage .free_quote {
    position: absolute
}

.free_quote {
    width: 415px;
    padding: 41px 36px;
    background-color: #f5f5f5;
    border-radius: 30px;
    top: -285px;
    right: 0;
    box-shadow: 0 0 16px 0 #a9a9a9
}

.data_heading>span {
    width: 85px;
    height: 4px;
    background-color: #c2c2c2;
    margin: auto
}

.free_quote input {
    padding-left: 54px;
    height: 40px;
    font-size: 15px;
    color: #707070
}

.free_quote select {
    padding-left: 21px;
    height: 40px;
    font-size: 15px;
    color: #707070
}

.free_quote textarea {
    padding-left: 54px;
    border-radius: 20px;
    font-size: 15px;
    color: #707070
}

.free_quote .form-group>i {
    left: 22px;
    top: 11px
}

.nodejs_development {
    background-image: url(../images/services/node-section.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 847px;
    padding: 142px 0 75px;
    overflow: hidden
}

.nodejs_development .text_heading>h2 {
    text-transform: capitalize
}

.nodejs_development .nodejs_list_data li {
    position: relative;
    line-height: 28px
}

.nodejs_development .nodejs_list_data li>i {
    position: absolute;
    left: 0;
    top: 5px;
    border: 2px solid #707070;
    padding: 6px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    padding-left: 8px;
    font-size: 12px;
    color: #707070
}

.nodejs_development .nodejs_list_data li>i:hover {
    color: #132f4e;
    border: 2px solid #132f4e
}

.nodejs_development .nodejs_img {
    min-height: 100%
}

.company_by {
    box-shadow: 0 0 20px 6px #cac7c7
}

.company_by h2 {
    text-transform: capitalize
}

.various_company hr {
    width: 80px;
    border-top: 2px solid #c2c2c2
}

.benefit_nodejs h2 {
    font-size: 30px;
    margin-bottom: 80px;
    text-transform: capitalize
}

.benefit_nodejs .node_fun_header>h3 {
    font-weight: 700;
    text-transform: capitalize
}

.benefit_nodejs .nodejs_functions {
    border: 2px solid #dcdcdc;
    border-radius: 20px;
    min-height: 317px;
    margin-bottom: 100px
}

.benefit_nodejs .nodejs_functions:hover {
    box-shadow: 0 0 18px 0 #e0d3d3
}

.benefit_nodejs .node_fun_header hr {
    border-top: 2px solid #c2c2c2;
    width: 80px
}

.benefit_nodejs .nodejs_functions p {
    line-height: 27px;
    font-size: 14.51px
}

.nodejs_functions .nodejs_icon {
    padding: 12px;
    background: #fff;
    border: 2px solid #c2c2c2;
    border-radius: 50%;
    top: -39px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px
}

.zoomin_nodejs {
    background-image: url(../images/services/zoom-in.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 1365px;
    padding: 95px 0 40px
}

.zoomin_nodejs .zoom_section {
    border: 2px solid #d0d0d0;
    border-radius: 20px;
    margin-bottom: 40px
}

.zoomin_nodejs h2 {
    font-size: 30px;
    text-transform: capitalize
}

.zoomin_nodejs .zoom_section>h3 {
    font-weight: 700;
    text-transform: capitalize
}

.zoomin_nodejs .zoom_section:hover {
    box-shadow: 0 1px 18px 0 #d0d0d0
}

.zoomin_nodejs .zoom_section hr {
    width: 60px;
    margin-left: 0;
    border-top: 2px solid #c2c2c2
}

.slider_section .carousel-control-prev {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    bottom: 160px;
    border-radius: 50%;
    left: 85%;
    top: initial;
    opacity: .9;
    box-shadow: 0 0 9px #949090;
    z-index: 99
}

.slider_section .text_heading>h2 {
    text-transform: capitalize
}

.slider_section .carousel-control-next {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    bottom: 160px;
    border-radius: 50%;
    left: 89%;
    top: initial;
    opacity: .9;
    box-shadow: 0 0 9px #949090;
    z-index: 99
}

.slider_section .carousel-caption {
    top: 125px;
    width: 521px;
    left: 55%;
    bottom: initial
}

.count_mobilecoderz_part {
    border: 1px solid #ece9e9;
    border-radius: 20px;
    margin-bottom: 75px;
    min-height: 445px;
    padding: 24px 29px 43px
}

.count_mobilecoderz_part:hover {
    box-shadow: 0 1px 18px 0 #d0d0d0
}

.count_mobilecoderz h2 {
    font-size: 30px;
    text-transform: capitalize
}

.count_mobilecoderz .count_mobilecoderz_part>h3 {
    font-weight: 700;
    text-transform: capitalize
}

.count_mobilecoderz_part .c_logo>a {
    display: inline-block;
    padding: 24px;
    box-shadow: 0 0 12px #dedddd;
    border-radius: 50%;
    width: 109px;
    height: 105px;
    cursor: auto
}

.nodejs_development_verticals {
    background-image: url(../images/services/verticals-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 663px
}

.nodejs_development_verticals h2 {
    text-transform: capitalize
}

.nodejs_development_verticals .vertical_card {
    padding: 30px 0;
    border: 2px solid #edeceb;
    margin-bottom: 40px;
    color: #fff;
    min-height: 167px
}

.nodejs_development_verticals .vertical_card:hover {
    background-color: #edeceb;
    color: #132f4e
}

.words_happy_client {
    background-color: #f5f5f5
}

.words_happy_client h2 {
    text-transform: capitalize
}

.review_star .fa-star {
    color: #f0ba00
}

.review_list .list-inline-item:not(:last-child) {
    margin-right: 70px
}

.slick_custom_slider .slick_data>h3 {
    font-size: 14px
}

.slick_custom_slider .slick_data>p {
    font-size: 12px
}

.slick_custom_slider .slick_data {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    margin: 0 30px;
    margin-top: 110px;
    padding: 80px 52px 50px;
    text-align: center;
    height: 250px
}

.slick_custom_slider .slick_profile {
    padding: 6px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 11px 13px 0 #dcd8d8
}

.slick_custom_slider .slick_cnter_data {
    right: 0;
    top: -65px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%
}

.slick_custom_slider .slick_profile>img {
    width: 96px;
    height: 96px;
    border-radius: 50%
}

.slick_custom_slider .slick-prev {
    width: 40px;
    height: 40px;
    left: 0
}

.slick_custom_slider .slick-next {
    width: 40px;
    height: 40px;
    right: 0
}

.slick_custom_slider .slick-next:before,
.slick_custom_slider .slick-prev:before {
    width: 40px;
    height: 40px;
    font-size: 40px;
    text-shadow: 0 0 17px #c5bebe
}

.slick_custom_slider .center .slick-slide {
    height: 420px
}

.slick_custom_slider .center .slick-center .slick_data {
    margin: 0 20px;
    margin-top: 70px;
    box-shadow: -1px 8px 20px 0 #a7a7a7;
    padding-bottom: 95px;
    height: 321px
}

.slick_custom_slider .center .slick-center .slick_profile>img {
    width: 114px;
    height: 114px
}

.slick_custom_slider .center .slick-center .slick_data>h3 {
    font-size: 18px
}

.slick_custom_slider .center .slick-center .slick_data>p {
    font-size: 15px
}

.slick_custom_slider .center .slick-center .slick_data>span {
    font-size: 50px
}

.slick_custom_slider .slick-list.draggable {
    margin: 0 60px;
    padding: 0!important
}

.slick_custom_slider .top_semi_column {
    position: absolute;
    left: 40px;
    top: 34px;
    font-size: 35px
}

.slick_custom_slider .bottom_semi_column {
    position: absolute;
    right: 40px;
    bottom: -10px;
    font-size: 35px
}

.slick_next {
    color: #707070;
    font-size: 25px;
    padding: 0 14px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    bottom: 50%
}

.slick_prev {
    color: #707070;
    font-size: 25px;
    padding: 0 14px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    bottom: 50%
}

.blog_feed .mobile-main {
    min-height: auto;
    width: 60%;
    border-radius: 20px;
    padding: 25px 45px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 20px 0 40px 0 rgba(0, 0, 0, .21);
    top: -80px;
    transition: all .5s;
    position: relative;
    overflow: hidden
}

.blog_feed .text_heading>h2 {
    text-transform: capitalize
}

.blog_feed .mobild-feed-img-sec {
    overflow: hidden;
    border-radius: 20px;
    max-height: 210px
}

.blog_feed .mobile-feed-img {
    border-radius: 20px;
    transition: all .5s
}

.blog_feed .mobile-main:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .5s
}

.mobile-feed:hover .mobile-main:before {
    opacity: 1
}

.mobile-feed:hover .mobile-main {
    top: -60px
}

.mobile-feed:hover .mobile-feed-img {
    transform: scale(1.2)
}

.blog_feed .faq_section {
    box-shadow: 0 0 16px 0 #a9a9a9;
    border-radius: 30px;
    padding: 46px 32px;
    padding-bottom: 40px
}

.faq_section .custom_accordion .card {
    border: 1px solid #ebebeb!important
}

.faq_section .custom_accordion .card-header {
    background-color: #fff
}

.faq_section .custom_accordion .card-header .btn {
    padding: 15px 6px 15px 41px;
    font-size: 14px;
    text-align: left;
    width: 100%
}

.faq_section .custom_accordion .card-header i {
    position: absolute;
    top: 19px;
    left: 14px;
    color: #b2b2b2;
    font-size: 15px
}

.career_section .custom_accordion .card-header .btn {
    font-size: 18px
}

.appSeen_section {
    background-image: url(../images/case-studies/appseen/app-seen-banner.png);
    background-size: 100% 580px;
    background-repeat: no-repeat;
    height: 580px;
    margin-bottom: 100px
}

.appSeen_section .banner_text {
    margin-top: 190px
}

.appSeen_section .banner_phone_img {
    margin-top: 80px
}

.overview_section .sec_paragraph>img {
    position: absolute;
    left: -50px;
    top: 0
}

.overview_section .key_obstacles_badge .key_obstacles_part {
    padding: 40px 32px 40px 118px;
    box-shadow: -5px 12px 18px #e0e0e0;
    border-radius: 10px;
    min-height: 188px
}

.overview_section .key_obstacles_badge .key_obstacles_part>img {
    position: absolute;
    left: 10px;
    top: 40px
}

.wire_frame {
    background-image: url(../images/case-studies/appseen/wireframe-banner.png);
    background-size: 100% 763px;
    background-repeat: no-repeat;
    height: 763px;
    margin: 85px 0;
    margin-bottom: 85px
}

.wire_frame .wireframe_phone_top {
    margin-top: -370px
}

.wire_frame .wire_frame_idea {
    padding: 94px 0 60px 98px
}

.wire_frame .wire_frame_idea>img {
    position: absolute;
    top: 50px;
    left: 44px
}

.outcome_section {
    background-image: url(../images/case-studies/appseen/outcome-banner.png);
    background-size: cover;
    background-repeat: no-repeat
}

.dirtlej_section {
    background-image: url(../images/case-studies/dirtlej/dirtlej-banner.jpg);
    background-size: 100% 567px;
    background-repeat: no-repeat;
    height: 567px;
    margin-bottom: 100px
}

.dirtlej_section .banner_text {
    margin-top: 190px
}

.dirtlej_section .banner_phone_img {
    margin-top: 125px
}

.overview_section .sec_paragraph>img {
    position: absolute;
    left: -50px;
    top: 0
}

.overview_section .key_obstacles_badge .key_obstacles_part {
    padding: 40px 32px 40px 118px;
    box-shadow: -5px 12px 18px #e0e0e0;
    border-radius: 10px;
    min-height: 188px
}

.overview_section .key_obstacles_badge .key_obstacles_part>img {
    position: absolute;
    left: 10px;
    top: 40px
}

.dirtlej_wire_frame {
    background-image: url(../images/case-studies/dirtlej/wireframe-banner.jpg);
    background-size: 100% 761px;
    background-repeat: no-repeat;
    height: 761px;
    margin: 85px 0;
    margin-bottom: 85px
}

.dirtlej_wire_frame .wireframe_phone_top {
    margin-top: -370px
}

.dirtlej_wire_frame .wire_frame_idea {
    padding: 94px 0 60px 98px
}

.dirtlej_wire_frame .wire_frame_idea>img {
    position: absolute;
    top: 50px;
    left: 44px
}

.dirtlej_outcome_section {
    background-image: url(../images/case-studies/dirtlej/dirtlej-solutions.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.allomi_section {
    background-image: url(../images/case-studies/allomi/allomi-banner.png);
    background-size: 100% 567px;
    background-repeat: no-repeat;
    height: 567px;
    margin-bottom: 100px
}

.allomi_section .banner_text {
    margin-top: 190px
}

.allomi_section .banner_phone_img {
    margin-top: 125px
}

.allomi_overview_section .sec_paragraph>img {
    position: absolute;
    left: -50px;
    top: 0
}

.allomi_overview_section .sec_paragraph>h2 {
    color: #f8782d
}

.allomi_overview_section .key_obstacles_badge .key_obstacles_part {
    padding: 40px 32px 40px 118px;
    box-shadow: -5px 12px 18px #e0e0e0;
    border-radius: 10px;
    min-height: 188px
}

.allomi_overview_section .key_obstacles_badge .key_obstacles_part>img {
    position: absolute;
    left: 10px;
    top: 40px
}

.allomi_wire_frame {
    background-image: url(../images/case-studies/allomi/wireframe-banner.png);
    background-size: 100% 761px;
    background-repeat: no-repeat;
    height: 761px;
    margin: 85px 0;
    margin-bottom: 85px
}

.allomi_wire_frame .wireframe_phone_top {
    margin-top: -370px
}

.allomi_wire_frame .wire_frame_idea {
    padding: 94px 0 60px 98px
}

.allomi_wire_frame .wire_frame_idea>img {
    position: absolute;
    top: 50px;
    left: 44px
}

.allomi_outcome_section {
    background-image: url(../images/case-studies/allomi/texhnology-solutions-banner.png);
    background-size: cover;
    background-repeat: no-repeat
}

.flyin_section {
    background-image: url(../images/case-studies/flyin/flyin-banner.jpg);
    background-size: 100% 567px;
    background-repeat: no-repeat;
    height: 567px;
    margin-bottom: 100px
}

.flyin_section .banner_text {
    margin-top: 70px
}

.flyin_section .banner_phone_img {
    margin-top: 125px
}

.flyin_overview_section .sec_paragraph>img {
    position: absolute;
    left: -50px;
    top: 0
}

.flyin_overview_section .sec_paragraph>h2 {
    color: #1e4e91
}

.flyin_overview_section .key_obstacles_badge .key_obstacles_part {
    padding: 40px 32px 40px 118px;
    box-shadow: -5px 12px 18px #e0e0e0;
    border-radius: 10px;
    min-height: 188px
}

.flyin_overview_section .key_obstacles_badge .key_obstacles_part>img {
    position: absolute;
    left: 10px;
    top: 40px
}

.flyin_wire_frame {
    background-image: url(../images/case-studies/flyin/wireframe-banner.jpg);
    background-size: 100% 761px;
    background-repeat: no-repeat;
    height: 761px;
    margin: 85px 0;
    margin-bottom: 85px
}

.flyin_wire_frame .wireframe_phone_top {
    margin-top: -370px
}

.flyin_wire_frame .wire_frame_idea {
    padding: 94px 0 30px 98px
}

.flyin_wire_frame .wire_frame_idea>img {
    position: absolute;
    top: 50px;
    left: 44px
}

.flyin_outcome_section {
    background-image: url(../images/case-studies/flyin/outcome-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.mydrinks_section {
    background-image: url(../images/case-studies/mydrinks/mydrink-banner.jpg);
    background-size: 100% 567px;
    background-repeat: no-repeat;
    height: 567px;
    margin-bottom: 100px
}

.mydrinks_section .banner_text {
    margin-top: 190px
}

.mydrinks_section .banner_phone_img {
    margin-top: 155px
}

.mydrinks_overview_section .sec_paragraph>img {
    position: absolute;
    left: -50px;
    top: 0
}

.mydrinks_overview_section .sec_paragraph>h2 {
    color: #f72459
}

.mydrinks_overview_section .key_obstacles_badge .key_obstacles_part {
    padding: 40px 32px 40px 118px;
    box-shadow: -5px 12px 18px #e0e0e0;
    border-radius: 10px;
    min-height: 188px
}

.mydrinks_overview_section .key_obstacles_badge .key_obstacles_part>img {
    position: absolute;
    left: 10px;
    top: 40px
}

.mydrinks_wire_frame {
    background-image: url(../images/case-studies/mydrinks/wireframe-banner.jpg);
    background-size: 100% 761px;
    background-repeat: no-repeat;
    height: 761px;
    margin: 85px 0;
    margin-bottom: 85px
}

.mydrinks_wire_frame .wireframe_phone_top {
    margin-top: -370px
}

.mydrinks_wire_frame .wire_frame_idea {
    padding: 94px 0 60px 98px
}

.mydrinks_wire_frame .wire_frame_idea>img {
    position: absolute;
    top: 50px;
    left: 44px
}

.mydrinks_outcome_section {
    background-image: url(../images/case-studies/mydrinks/outcome-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.nutripal_section {
    background-image: url(../images/case-studies/nutripal/nutripal-banner.jpg);
    background-size: 100% 567px;
    background-repeat: no-repeat;
    height: 567px;
    margin-bottom: 100px
}

.nutripal_section .banner_text {
    margin-top: 190px
}

.nutripal_section .banner_text>h1 {
    color: #fdc800
}

.nutripal_section .banner_phone_img {
    margin-top: 125px
}

.nutripal_overview_section .sec_paragraph>img {
    position: absolute;
    left: -50px;
    top: 0
}

.nutripal_overview_section .sec_paragraph>h2 {
    color: #fdc800
}

.nutripal_overview_section .key_obstacles_badge .key_obstacles_part {
    padding: 40px 32px 40px 118px;
    box-shadow: -5px 12px 18px #e0e0e0;
    border-radius: 10px;
    min-height: 188px
}

.nutripal_overview_section .key_obstacles_badge .key_obstacles_part>img {
    position: absolute;
    left: 10px;
    top: 40px
}

.nutripal_wire_frame {
    background-image: url(../images/case-studies/nutripal/wireframe-banner.jpg);
    background-size: 100% 763px;
    background-repeat: no-repeat;
    height: 763px;
    margin: 85px 0;
    margin-bottom: 85px
}

.nutripal_wire_frame .wireframe_phone_top {
    margin-top: -370px
}

.nutripal_wire_frame .wire_frame_idea {
    padding: 94px 0 30px 98px
}

.nutripal_wire_frame .wire_frame_idea>img {
    position: absolute;
    top: 50px;
    left: 44px
}

.nutripal_outcome_section {
    background-image: url(../images/case-studies/nutripal/result-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.portfolio_section {
    background-image: url(../images/portfolio/portfolio-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px
}

.portfolio_section .banner_text {
    margin-top: 170px
}

.portfolio_tab_section .nav-item {
    border: 2px solid #132f4e;
    font-size: 22px;
    min-width: 200px;
    text-align: center
}

.portfolio_tab_section .nav-item>.active {
    background-color: #132f4e;
    color: #fff
}

.portfolio_tab_section .bringit {
    color: #ff2d55
}

.portfolio_tab_section .homelife {
    color: #282831
}

.portfolio_tab_section .crushlook {
    color: #b146b8
}

.portfolio_tab_section .namestack {
    color: #2d2d2d
}

.portfolio_tab_section .hoops {
    color: #f77311
}

.portfolio_tab_section .batvards {
    color: #9e3635
}

.portfolio_tab_section .mulk {
    color: #0588db
}

.portfolio_tab_section .mulk .website_btn {
    background: #0588db;
    color: #fff;
    border: 1px solid #0588db
}

.portfolio_tab_section .mulk .website_btn:hover {
    background: #fff;
    color: #0588db
}

.portfolio_tab_section .dirtlej {
    color: #fdc300
}

.portfolio_tab_section .dirtlej .website_btn {
    background: #fdc300;
    color: #fff;
    border: 1px solid #fdc300
}

.portfolio_tab_section .dirtlej .website_btn:hover {
    background: #fff;
    color: #fdc300
}

.portfolio_tab_section .zebra {
    color: #000
}

.portfolio_tab_section .zebra .website_btn {
    background: #000;
    color: #fff;
    border: 1px solid #000
}

.portfolio_tab_section .zebra .website_btn:hover {
    background: #fff;
    color: #000
}

.portfolio_tab_section .PhoebeHeess {
    color: #000
}

.portfolio_tab_section .e4u {
    color: #998455
}

.portfolio_tab_section .shift {
    color: #008343
}

.portfolio_tab_section .shift .website_btn {
    background: #008343;
    color: #fff;
    border: 1px solid #008343
}

.portfolio_tab_section .shift .website_btn:hover {
    background: #fff;
    color: #008343
}

.portfolio_tab_section .website_btn {
    padding: 11px 48px;
    font-size: 18px;
    border-radius: 20px
}

.portfolio_tab_section .brown_medical .tab_heading_text {
    color: #007dc5
}

.portfolio_tab_section .brown_medical .website_btn {
    background: #007dc5;
    color: #fff;
    border: 1px solid #007dc5
}

.portfolio_tab_section .brown_medical .website_btn:hover {
    background: #fff;
    color: #007dc5
}

.portfolio_tab_section .Flyin .tab_heading_text {
    color: #194e91
}

.portfolio_tab_section .Flyin .website_btn {
    background: #194e91;
    color: #fff;
    border: 1px solid #194e91
}

.portfolio_tab_section .Flyin .website_btn:hover {
    background: #fff;
    color: #194e91
}

.portfolio_tab_section .Belagua .tab_heading_text {
    color: #12304b
}

.portfolio_tab_section .Belagua .website_btn {
    background: #12304b;
    color: #fff;
    border: 1px solid #12304b
}

.portfolio_tab_section .Belagua .website_btn:hover {
    background: #fff;
    color: #12304b
}

.portfolio_tab_section .Promembership .tab_heading_text {
    color: #000
}

.portfolio_tab_section .Promembership .website_btn {
    background: #000;
    color: #fff;
    border: 1px solid #000
}

.portfolio_tab_section .Promembership .website_btn:hover {
    background: #fff;
    color: #000
}

.portfolio_tab_section .Hauling .tab_heading_text {
    color: #2fc16a
}

.portfolio_tab_section .Hauling .website_btn {
    background: #2fc16a;
    color: #fff;
    border: 1px solid #2fc16a
}

.portfolio_tab_section .Hauling .website_btn:hover {
    background: #fff;
    color: #2fc16a
}

.portfolio_tab_section .ben_progetti .tab_heading_text {
    color: #007979
}

.portfolio_tab_section .ben_progetti .website_btn {
    background: #007979;
    color: #fff;
    border: 1px solid #007979
}

.portfolio_tab_section .ben_progetti .website_btn:hover {
    background: #fff;
    color: #007979
}

.portfolio_tab_section .Parker .tab_heading_text {
    color: #36464d
}

.portfolio_tab_section .Parker .website_btn {
    background: #36464d;
    color: #fff;
    border: 1px solid #36464d
}

.portfolio_tab_section .Parker .website_btn:hover {
    background: #fff;
    color: #36464d
}

.portfolio_tab_section .comtech .tab_heading_text {
    color: #849ec3
}

.portfolio_tab_section .comtech .website_btn {
    background: #849ec3;
    color: #fff;
    border: 1px solid #849ec3
}

.portfolio_tab_section .comtech .website_btn:hover {
    background: #fff;
    color: #849ec3
}

.portfolio_tab_section .Breathe .tab_heading_text {
    color: #f26f25
}

.portfolio_tab_section .Breathe .website_btn {
    background: #f26f25;
    color: #fff;
    border: 1px solid #f26f25
}

.portfolio_tab_section .Breathe .website_btn:hover {
    background: #fff;
    color: #f26f25
}

.portfolio_tab_section .zagTrader .tab_heading_text {
    color: #5173b8
}

.portfolio_tab_section .nutripal .tab_heading_text {
    color: #fab602
}

.portfolio_tab_section .polyChroma .tab_heading_text {
    color: #006ed6
}

.portfolio_tab_section .bopsee .tab_heading_text {
    color: #f02a6f
}

.portfolio_tab_section .myDrinks .tab_heading_text {
    color: #f72459
}

.portfolio_tab_section .intuitive .tab_heading_text {
    color: #1384de
}

.portfolio_tab_section .alberta .tab_heading_text {
    color: #d22d25
}

.portfolio_tab_section .eventsnap .tab_heading_text {
    color: #e67f47
}

.portfolio_tab_section .crocker .tab_heading_text {
    color: #005c9a
}

.portfolio_tab_section .byte .tab_heading_text {
    color: #775f54
}

.portfolio_tab_section .verkoop .tab_heading_text {
    color: #cf2027
}

.portfolio_tab_section .mobile_tab h3 {
    font-weight: 700
}

.portfolio_tab_section .website_tab h3 {
    font-weight: 700
}

.portfolio_tab_section .client_testimonial_portfolio {
    border: 1px solid #132f4e;
    padding: 60px;
    border-radius: 30px;
    padding-left: 250px;
    text-align: center
}

.user_testimonial>img {
    width: 116px;
    height: 116px;
    border-radius: 50%
}

.user_testimonial {
    background: #132f4e;
    border-radius: 50%;
    border: 5px solid #132f4e;
    position: absolute;
    top: 90px;
    left: 60px
}

.faqs_section {
    background-image: url(../images/faqs/FAQs.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px
}

.sitemap_section {
    background-image: url(../images/sitemap/sitemap.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px
}

.privacy_section {
    background-image: url(../images/privacy/privacy.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px
}

.career_banner_section {
    background-image: url(../images/career/career.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px
}

.about_banner {
    background-image: url(../images/about/about-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 484px
}

.about_banner .banner_text {
    margin-top: 140px
}

.about_mobilecoderz {
    padding: 100px 0
}

.about_mobilecoderz h2 {
    margin-bottom: 80px
}

.company_behavior {
    background-image: url(../images/about/Banner2.png);
    background-size: 100% 245px;
    background-repeat: no-repeat;
    height: 245px;
    padding: 60px 0;
    color: #fff
}

.founder_bg_section {
    background-image: url(../images/about/founder-bg.png);
    background-size: 100% 578px;
    background-repeat: no-repeat;
    height: 578px;
    padding-top: 235px
}

.featured_section .img_border {
    border: 2px solid #b0b0b0;
    padding: 22px 0;
    min-height: 89px
}

.leadership_team_bg {
    background-image: url(../images/about/leadership-label-bg.png);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    height: 100%;
    border-top: 1px solid #6b6b6b;
    margin-bottom: 38px
}

.leadership_team_bg h2 {
    padding: 11px 0
}

.leadership_team {
    border-bottom: 1px solid #6b6b6b
}

.leadership_team .leader_hover_data {
    bottom: 0;
    width: 100%;
    background: #00000078;
    display: none
}

.leadership_team .leader_hover:hover .leader_hover_data {
    display: block
}

.capability_section h5 {
    border-bottom: 1px solid #6b6b6b
}

.capability_section .mobile_app_capability h5>img {
    left: 0;
    top: -3px
}

.capability_section .web_app_capability h5>img {
    left: 0;
    top: 0
}

.our_partners .col_selector {
    background-color: #132f4e;
    color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.our_partners .partner_logo {
    min-width: 250px;
    text-align: left
}

.customer_review {
    background-image: url(../images/customer-review/review-banner.png);
    background-size: 100% 484px;
    background-repeat: no-repeat;
    height: 484px;
    background-position: center
}

.customer_review .banner_text {
    margin-top: 140px
}

.client_says video {
    outline: 0
}

.client_says {
    padding: 100px 0;
    padding-bottom: 70px
}

.custom_goodfirm .top_excellent {
    background: #00abe1;
    padding: 12px;
    width: 100%;
    float: left
}

.custom_goodfirm .ex_heading {
    margin-top: 0;
    color: #fff;
    display: inline-block;
    padding-top: 5px
}

.custom_goodfirm .heading_star {
    background: #fff;
    padding: 10px;
    border-radius: 25px
}

.custom_goodfirm .starts i {
    color: #ff4242;
    font-size: 18px;
    margin: 0 3px
}

.custom_goodfirm .sub_heading div {
    color: #fff;
    line-height: 26px
}

.custom_goodfirm .inner_info_good_firm {
    background: #f1f2f2;
    padding: 10px;
    height: 814px;
    overflow-y: auto;
    overflow-x: hidden
}

.custom_goodfirm .good_firm_in {
    background: #fff;
    padding: 0 20px 13px;
    display: inline-block;
    width: 100%;
    margin: 2px
}

.custom_goodfirm .good_firm_in:first-child {
    margin-top: 10px
}

.custom_goodfirm .good_firm_in h3 {
    font-size: 15px;
    color: #00abe1;
    padding-bottom: 10px;
    margin: 3px 0 0 0;
    padding-top: 15px;
    font-family: montserratsemibold
}

.custom_goodfirm .dgood_review {
    font-size: 13px;
    color: #000;
    margin: 12px 0 9px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.custom_goodfirm .days_info {
    font-size: 12px;
    color: #a7a9ac
}

.upwork_review h2 {
    color: #72da45
}

.upwork_review .user_review .user_profile {
    width: 127px;
    margin: auto;
    height: 127px;
    margin-bottom: 24px
}

.upwork_review .user_review .user_profile>img {
    border-radius: 50%;
    border: 7px solid #ccc
}

.upwork_review .user_review>p {
    min-height: 96px
}

.upwork_review .user_review {
    min-height: 420px;
    border: 1px solid #fff;
    padding-left: 24px;
    padding-right: 24px
}

.upwork_review .user_review:hover {
    border: 1px solid #72da45
}

.review_star .fa-star {
    color: #f0ba00
}

.upwork_review .review_discover_btn {
    padding: 13px 40px;
    background: #72da45;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #72da45;
    line-height: initial
}

.upwork_review .review_discover_btn:hover {
    background: #fff;
    color: #72da45
}

.appfutura_review h2 {
    color: #f46d4f
}

.appfutura_review .user_review:hover {
    border: 1px solid #f46d4f
}

.appfutura_review .review_discover_btn {
    background: #f46d4f;
    border: 1px solid #f46d4f
}

.appfutura_review .review_discover_btn:hover {
    color: #f46d4f
}

.sitemap_list li {
    color: #337ab7
}

footer .tweets {
    background-color: #1da1f2
}

footer .tweets .tweet_logo {
    top: 2px;
    left: 0
}

.twitter_next {
    position: absolute;
    right: 1px;
    bottom: 8px;
    color: #fff;
    font-size: 26px;
    cursor: pointer
}

.twitter_prev {
    position: absolute;
    right: 1px;
    top: 8px;
    color: #fff;
    font-size: 26px;
    cursor: pointer
}

.idea_in_mind .heading span {
    color: #0c5d67
}

.idea_in_mind .get_in_touch_form input {
    height: 43px;
    padding-left: 60px
}

.idea_in_mind .get_in_touch_form i {
    top: 9px;
    left: 22px
}

.idea_in_mind .get_in_touch_form .get_in_touch_btn {
    border: 1px solid #132f4e;
    height: 42px;
    color: #fff;
    border-radius: 30px
}

.idea_in_mind .get_in_touch_form .get_in_touch_btn:hover {
    color: #132f4e;
    background-color: #fff
}

.idea_in_mind hr {
    border-top: 3px solid #707070;
    width: 163px
}

.social_section .social_contant>.sprite_icons {
    top: 10px;
    position: absolute;
    left: 5px;
    background-image: url(../images/icons.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: -97px -27px
}

.social_section .social_contant>.skype_sprite {
    background-position: -131px -25px;
    width: 40px;
    height: 40px
}

.social_section .social_contant>.call_sprite {
    background-position: -171px -27px
}

.company_info .social_icons a {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #132f4e;
    color: #fff;
    border-radius: 50%
}

.company_info .social_icons a:hover {
    background: #132f4e
}

.company_info .get_quote_btn {
    padding: 11px 35px;
    background-color: #132f4e;
    color: #fff;
    font-weight: 700;
    border: 1px solid #132f4e;
    border-radius: 30px;
    line-height: initial
}

.company_info .get_quote_btn:hover {
    background-color: #fff;
    color: #132f4e
}

.country_address .social_contant {
    padding-left: 78px
}

.country_address .sprite_icons {
    top: -10px;
    position: absolute;
    left: 5px;
    background-image: url(../images/icons.png);
    width: 65px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: -289px -1px
}

.country_address .uk_sprite {
    background-position: -357px -1px
}

.country_address .usa_sprite {
    background-position: -221px -1px
}

.country_address .uae_sprite {
    background-position: -22px -1px
}

.bottom_another_connection .dmca_icon {
    top: 0;
    position: absolute;
    left: 5px;
    background-image: url(../images/icons.png);
    width: 152px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: 31px -76px
}

.bottom_another_connection .gdpr_icon {
    background-position: -118px -76px
}

.bottom_another_connection .ssl_icon {
    background-position: -271px -76px
}

.copyright_section {
    background-color: #ebebeb
}

.copyright_section .fa-star {
    color: #f0ba00
}

.custom_btn {
    padding: 12px 40px;
    background: #132f4e;
    color: #fff;
    border: 1px solid #132f4e;
    border-radius: 30px;
    line-height: initial
}

.custom_btn:hover {
    background: #fff;
    color: #132f4e
}

.banner_custom_btn {
    border: 1px solid #fff;
    background-color: transparent
}

.mobile_virsion_company_pack {
    background-image: url(../images/home/index-banner-mobile-version.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto
}

.mobile_virsion_company_pack .get_quote {
    background-color: #cf4231;
    border: 1px solid #cf4231;
    padding: 12px 40px;
    color: #fff;
    border-radius: 30px;
    line-height: initial
}

.mobile_virsion_company_pack .get_quote:hover {
    background-color: #fff;
    color: #132f4e
}

.mobile_virsion_company_pack:after {
    display: none
}

.mobile_virsion_company_pack:before {
    display: none
}

.mobile_project_partners .custom_owl {
    position: relative
}

.mobile_project_partners .mobile_project_partners_prev {
    position: absolute;
    border-radius: 50%;
    width: 35px;
    font-size: 24px;
    height: 35px;
    box-shadow: 0 0 20px 0 #b7b1b1;
    top: 21px;
    left: -10px;
    text-align: center;
    z-index: 9
}

.mobile_project_partners .mobile_project_partners_next {
    position: absolute;
    border-radius: 50%;
    width: 35px;
    font-size: 24px;
    height: 35px;
    box-shadow: 0 0 20px 0 #b7b1b1;
    top: 21px;
    right: -10px;
    text-align: center;
    z-index: 9
}

.mobile_company_outlook_reason {
    background-image: url(../images/home/mobile-company-outlook-reason.png);
    background-size: 100% 468px;
    background-repeat: no-repeat
}

.mobile_need_us {
    background-image: none
}

.mobile_need_us .digital_experience_product {
    background-color: #f5f5f5
}

.mobile_need_us .carousel-indicators>li {
    background-color: #656161
}

.mobile_need_us .digital_product_icon>a {
    border: 3px solid #132f4e
}

.mobile_join_hand_result .join_hand_part>img {
    margin-bottom: 24px
}

.mobile_join_hand_result .project_seperation {
    text-align: center;
    width: initial;
    border: none
}

.mobile_join_hand_result .carousel-indicators {
    bottom: -45px
}

.mobile_join_hand_result .carousel-indicators>li {
    background-color: #ccc
}

.mobile_join_hand_result .carousel-item {
    min-height: 130px
}

.mobile_case_studies_slider .carousel-item {
    height: 725px;
    margin-top: 200px
}

.mobile_case_studies_slider .carousel-item img {
    margin-top: -220px
}

.mobile_case_studies_slider .carousel-item p {
    margin-bottom: 24px
}

.mobile_proccess_tab .custom_accordion .card-header .btn {
    text-align: center;
    color: #132f4e;
    font-weight: 700;
    padding: 16px;
    background-color: #ebebeb
}

.mobile_proccess_tab .custom_accordion .card-header i {
    right: 14px;
    left: initial
}

.mobile_proccess_tab .mobile_technology_proccess {
    padding: 20px 15px 10px;
    padding-bottom: 10px;
    border-radius: 18px;
    box-shadow: 2px 12px 18px #d8d8d8;
    min-height: 142px
}

.mobile_proccess_tab .mobile_technology_proccess p {
    color: #6b6b6b
}

.mobile_industries_catering .vertical_card {
    min-height: 160px
}

.mobile_scrolling_blog .carousel-indicators li {
    background-color: #ccc
}

.custom_banner_logo {
    margin: 0 60px;
    background-color: #fff;
    padding: 40px;
    border-radius: 30px;
    margin-top: 50px;
    z-index: 2;
    box-shadow: 1px 2px 9px #b7b7b7
}

.custom_banner_logo img {
    max-height: 90px
}

.service_advantage {
    margin-top: 200px
}

.mobile_v_node_dev {
    background-image: url(../images/services/mobile-node-section.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 1460px;
    padding: 142px 0 75px;
    overflow: hidden
}

.mobile_benefit_node .carousel-control-prev {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_benefit_node .carousel-control-next {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_benefit_node .carousel-caption {
    top: 200px;
    width: 521px;
    left: 55%;
    bottom: initial
}

.mobile_benefit_node .nodejs_mobile_icon_center {
    right: 0;
    top: -40px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%
}

.mobile_zoomin_nodejs {
    background-image: none;
    min-height: auto
}

.mobile_zoomin_nodejs .zoom_section:hover {
    box-shadow: none
}

.mobile_zoomin_nodejs .carousel-control-prev {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_zoomin_nodejs .carousel-control-next {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_slider_section .carousel-caption {
    left: 15%;
    width: initial;
    top: initial;
    bottom: 160px
}

.mobile_slider_section .carousel-control-prev {
    left: 45%;
    bottom: 0;
    box-shadow: 0 0 12px #8e8b8b
}

.mobile_slider_section .carousel-control-next {
    left: 51%;
    bottom: 0;
    box-shadow: 0 0 12px #8e8b8b
}

.mobile_version_count .carousel-control-prev {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_version_count .carousel-control-next {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_words_happy_client .slick_data {
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 19px #949393;
    margin-bottom: 50px
}

.mobile_words_happy_client>.slick_cnter_data {
    right: 0;
    top: -55px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%
}

.mobile_words_happy_client .carousel-control-prev {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_words_happy_client .carousel-control-next {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    top: 50%;
    opacity: .9;
    box-shadow: 0 0 12px #7b7474
}

.mobile_blog_feed .carousel-indicators li {
    background-color: #ccc
}

.mobile_blog_feed .faq_section {
    box-shadow: none;
    border: 0
}

.mobile_version .carousel-control-prev {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    bottom: 0;
    border-radius: 50%;
    left: 44%;
    top: initial;
    opacity: .9
}

.mobile_version .carousel-control-next {
    color: #132f4e;
    background: #fff;
    width: 30px;
    height: 30px;
    bottom: 0;
    border-radius: 50%;
    right: 44%;
    top: initial;
    opacity: .9
}

.mobile_version .carousel-caption {
    top: 200px;
    width: 521px;
    left: 55%;
    bottom: initial
}

.mobile_version .company_info .get_quote_btn {
    background-color: #cf4231
}

.mobile_version .company_info .get_quote_btn:hover {
    color: #132f4e
}

.mobile_version .dmca_width {
    width: 135px;
    background-position: 16px -76px
}

.footer_location {
    position: absolute;
    left: 0;
    top: 0
}

.mobile_version .footer_location {
    top: -10px
}

.parsley-equalto {
    color: red
}

.parsley-length,
.parsley-required,
.parsley-type {
    color: red;
    list-style: none;
    font-size: 12px
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: .9em;
    line-height: .9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

.parsley-errors-list.filled {
    opacity: 1
}

.parsley-errors-list {
    position: absolute;
    line-height: 14px
}

.parsley-range {
    color: red
}

#form_response {
    color: green
}

#get_in_touch_response {
    color: green
}

.section_404 {
    padding: 200px 20px
}

.australia_banner {
    background-image: url(../images/australia/australia-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 551px
}

.newyork_banner {
    background-image: url(../images/newyork/newyork-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 551px
}

.newyork_banner_service_list>ul {
    background-color: #0a5c90;
    border-radius: 7px;
    padding: 7px 20px
}

.newyork_banner_project_details>ul li {
    position: relative;
    padding-left: 65px
}

.newyork_banner_project_details>ul li>img {
    position: absolute;
    left: 0
}

.newyork_why_us {
    background-color: #e6eef0
}

.newyork_why_us h2 {
    color: #0c5d67
}

.newyork_project_partners {
    background-color: #e6eef0
}

.newyork_project_partners .col_selector>hr {
    border-top: 2px solid #707070;
    width: 80px
}

.newyork_project_partners .slick-arrow {
    display: none!important
}

.newyork_count_section h2 {
    color: #0c5d67
}

.newyork_count_slider .newyork_count_slider_data div>span {
    background: #fff;
    border: 3px solid #0c5d67;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    height: 94px
}

.newyork_count_prev {
    color: #fff;
    font-size: 25px;
    padding: 0 14px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(#0d5c68, #1c4d80)
}

.newyork_count_next {
    color: #fff;
    font-size: 25px;
    padding: 0 14px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    left: 55px;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(#0d5c68, #1c4d80)
}

.newyork_count_slider:before {
    content: "";
    background-image: url(../images/newyork/line.png);
    background-repeat: no-repeat;
    height: 688px;
    width: 15px;
    position: absolute;
    left: -39px
}

.newyork_shadow_card_section h2 {
    color: #0c5d67
}

.newyork_card {
    box-shadow: 0 0 19px 4px #ccc;
    border-radius: 7px
}

.newyork_card .profile_img>img {
    padding-top: 20px
}

.newyork_card>.profile_img {
    border: 1px solid #ccc;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: auto
}

.newyork_card>h3 {
    color: #0c5d67
}

.newyork_industries_catering {
    background-image: url(../images/newyork/newyork-industries-catering.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 799px;
    padding-top: 170px
}

.newyork_industries_catering .mobile_project_partners_prev {
    position: absolute;
    border-radius: 50%;
    width: 35px;
    font-size: 24px;
    height: 35px;
    top: 40%;
    left: -10px;
    text-align: center;
    z-index: 9;
    background-color: #fff
}

.newyork_industries_catering .mobile_project_partners_next {
    position: absolute;
    border-radius: 50%;
    width: 35px;
    font-size: 24px;
    height: 35px;
    top: 40%;
    right: -10px;
    text-align: center;
    z-index: 9;
    background-color: #fff
}

.newyork_capability {
    background-image: url(../images/newyork/newyork-capability.jpg);
    background-repeat: no-repeat;
    height: 730px
}

.newyork_capability h2 {
    color: #0c5d67
}

.newyork_need_us {
    background-image: none
}

.newyork_need_us .need_seperation:hover {
    box-shadow: none;
    min-height: initial
}

.newyork_need_us .need_seperation {
    margin: 0
}

.newyork_need_us .need_seperation>span {
    padding: 40px;
    box-shadow: 0 0 20px #b3afaf
}

.mobile_newyork_industries_catering {
    padding-top: 110px;
    height: auto
}

.mobile_newyork_banner {
    height: auto
}

.mobile_newyork_capability {
    background-image: initial;
    height: auto
}

.seo_section {
    padding: 100px 0
}

.dewali_offer_strip {
    background-color: #132f4e;
    padding: 7.5px 0;
    position: relative
}

.dewali_offer_strip p {
    color: #ffd235
}

.dewali_offer_strip .dewali_left_image {
    position: absolute;
    top: 0;
    left: 0
}

.dewali_offer_strip .dewali_right_image {
    position: absolute;
    top: 0;
    right: 0
}

.offer_banner {
    background-image: url(../images/offer/offer-banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 300px
}

.offer_banner_mobile {
    background-image: url(../images/offer/offer-banner-mobile.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 300px;
    background-position: top center
}

.offer_form h2 {
    color: #143050
}

.offer_form .fa {
    color: #143050;
    font-size: 18px
}

.offer_form .custom_btn {
    padding: 15px 50px;
    background: #cf4231;
    color: #fff;
    border: 1px solid #cf4231;
    border-radius: 30px;
    line-height: initial;
    font-size: 18px
}

.offer_form .custom_btn:hover {
    background: #fff;
    color: #cf4231
}

.offer_form .list_data>li {
    padding-left: 30px;
    position: relative
}

.offer_form .list_data li>i {
    position: absolute;
    left: 0;
    top: 3px
}

.side_button_fixed {
    position: fixed;
    left: -101px;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    padding: 5px;
    transition: all .5s;
    z-index: 99999
}

.side_button_fixed li {
    background-color: #143050;
    visibility: visible!important
}

.side_button_fixed:hover {
    left: 0
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.1, 1.1)
    }
    100% {
        transform: scale(1, 1)
    }
}

.custom_pulse {
    animation: zoominoutsinglefeatured 1s infinite
}

.newyork_capability_one {
    height: 600px;
    background-position: left bottom;
}

/* updated portfolio css start here */

.updated_portfolio_tab_section .nav-item {
    border: 1px solid #132f4e;
    font-size: 22px;
    min-width: 200px;
    text-align: center;
    border-radius: 30px;
}

.updated_portfolio_tab_section .nav-item>.active {
    background-color: #132f4e;
    color: #fff;
    border-radius: 30px;
    box-shadow: 0px 4px 14px 0px #56789e;
}
.portfolio_data_section{
    background-image: url(../images/updated-portfolio/portfolio-section-bg.jpg);
    background-size: 100% 445px;
    background-repeat: no-repeat;
    height: 445px;
    margin-bottom: 200px;
    margin-top: 100px;
}
.portfolio_data_section_opposite{
    background-image: url(../images/updated-portfolio/portfolio-section-opposite-bg.jpg);
    background-size: 100% 445px;
    background-repeat: no-repeat;
    height: 445px;
    margin-bottom: 200px;
    margin-top: 100px;
}
/*.section_first_img{
    position: absolute;
    top: 0px;
    left: 0px;
}*/
/*.section_second_img{
    position: absolute;
    top: 140px;
    right: 0;
}*/

.portfolio_web_data_section{
    background-image: url(../images/updated-portfolio/portfolio-web-section-bg.jpg);
    background-size: 100% 445px;
    background-repeat: no-repeat;
    height: 445px;
    margin-bottom: 120px;
    margin-top: 120px;
}

.portfolio_web_data_section_opposite{
    background-image: url(../images/updated-portfolio/portfolio-web-section-opposite-bg.jpg);
    background-size: 100% 445px;
    background-repeat: no-repeat;
    height: 445px;
    margin-bottom: 120px;
    margin-top: 120px;
}

.portfolio_testimonial{
    padding: 80px 0;
    background-color: #ededed;
}

/*.portfolio_app_title>h3{
    position: relative;
    padding-left: 100px;
}
.portfolio_app_title>h3>img{
    position: absolute;
    left: 0;
    top: -6px;
}*/
.project_link{
    display: flex;
}
/* updated portfolio css end here */