@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);

.blog_row,
.event-detail-inner {
    column-count: 2
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
textarea,
ul {
    font-family: Montserrat, sans-serif !important;
    font-weight: 500;
    line-height: 30px
}

.industries_img {
    margin: 10px auto 0;
    height: 130px;
    width: 185px
}

.industries_img img {
    height: 100% !important
}

.s-r1,
.s-r2,
.s-r3,
.s-r4,
.s-w1,
.s-w2 {
    filter: brightness(0) invert(0)
}

.s-w1,
.s-w2 {
    filter: brightness(100)
}

p.mt-2 {
    margin-top: 15px !important
}

#next:after,
#previous:after {
    top: 15px;
    width: 20px;
    height: 30px
}

.b_category_sec ul li,
.demo ul,
.dropdown-menu,
.footer_items,
.nav,
.navbar-nav,
ul.copyright li {
    list-style: none
}

.b_category_sec,
.form-control,
.single_blog_cont,
.team_box,
body {
    background-color: #fff
}

.btn,
.navbar-toggler,
a,
button.close {
    background-color: #fff0
}

.btn,
img {
    vertical-align: middle
}

.main_port_slider,
.modal-open,
.progress-bar {
    overflow: hidden
}

.dropdown-menu,
.form-control,
.modal-content {
    background-clip: padding-box
}

body,
textarea {
    font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important
}

.owl-carousel .owl-nav .owl-next::before,
.owl-carousel .owl-nav .owl-prev::before {
    background-image: url(../img/bg_icon_new1.webp);
    width: 20px;
    content: "";
    height: 30px;
    top: 15px
}

.file_input span,
.member_content_inner h4 {
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

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

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

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

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

.android_service .container::after,
.ask_sec .contact_heading .contact_sec::before,
.ask_sec .tabing_type1_in .nav-tabs .nav-item.show .nav-link::before,
.ask_sec .tabing_type1_in .nav-tabs .nav-link.active::before,
.banner_inner .banner_sec_img:after,
.blog_form .contact_sec_form::before,
.btn_cross,
.business_sec_itm img.with-hover,
.business_sec_itm:hover img.without-hover,
.collapse:not(.show),
.contact_page .contact_heading,
.contact_page .contact_sec,
.event_new .event_img_space::after,
.event_sec:last-child .event_img_space:after,
.header_sec .login_btn .nav-link::after,
.hire_web_itms .row .col_4:nth-child(5) .hire_web_step::after,
.home_page.remove_ebook .head_popup,
.menu_head,
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.page-notfound .contact_heading,
.page-notfound .contact_sec,
.page-notfound .header-popup-cls,
.page-notfound .office_sec,
.page-notfound .rating_s,
.partner-logo .owl-dots,
.right-bg .contact_sec_form::before,
.right-sidebar .contact_sec .contact_sec_form::before,
.right-sidebar .contact_sec::before,
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal,
.tab-content>.tab-pane,
.thank_you_page .contact_heading,
.thank_you_page .contact_sec,
.thank_you_page .header-popup-cls,
.thank_you_page .office_sec,
.thank_you_page .rating_s,
.work_process .row [class*=col-]:last-child .work_process_ic::before,
section.desktop_none,
section.main_contaact_sec .contact_sec_form::before,
section.mobile_sec.process_sec,
section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link img.with-hover,
section.talk_sec.demand_fetures_sec.tabing_type3a.nav-link.activeimg.without-hover {
    display: none
}

.active_panel,
.banner_heads_4,
.banner_sec_con_in .inner_banner_heads span,
.blog_form .contact_social_link,
.blog_row,
.btn_top.show,
.business_sec_con h4 span,
.business_sec_itm img.without-hover,
.business_sec_itm:hover img.with-hover,
.contact_mobile,
.dropdown-menu.show,
.flower-sec .hire_web_itms .row .col_4:nth-child(5) .hire_web_step::after,
.hire_web_con h4 span,
.home_page.step-modal-cls .head_popup,
.nav-link,
.no-js .owl-carousel,
.office_phone span,
.owl-carousel.owl-loaded,
.salesforce_mobile,
.tab-content>.active,
.team_bg h3 span,
.team_work .heading_type1 h3 span,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
section.mobile_sec.process_sec,
section.talk_sec.technologies_detail p span {
    display: block
}

.input-group,
.navbar,
.navbar-nav,
.row {
    display: -ms-flexbox
}

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

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

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

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

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

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

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

.android-industry-con,
.app_service_con,
.client-detail,
.hire_link_name,
.hire_links,
.hire_sec_con a.btn.btn-danger,
.hire_sec_in,
.owl-theme .owl-nav.disabled .owl-dots,
.term_sec_con,
section.diverce_sec.android_diverce .list_sec_item,
section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_itemspan.hire_link_name {
    margin-top: 10px
}

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

.owl-theme .owl-dots .owl-dot span {
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px
}

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

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #fff0;
    scroll-behavior: smooth;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    text-transform: capitalize
}

dl,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

a {
    text-decoration: none;
    color: #fff
}

img {
    border-style: none
}

table {
    border-collapse: collapse
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

.btn:not(:disabled):not(.disabled),
[role=button],
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

textarea {
    overflow: auto;
    resize: vertical
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.para_meta,
.tab_pr,
.test_con_user_con p {
    font-style: oblique
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    margin-bottom: 10px;
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

.dropdown-menu,
.form-control,
.h6,
h6 {
    font-size: 1rem
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

body.home_page.modal-open {
    padding: 0 !important;
    overflow: hidden !important;
    position: fixed;
    width: 100%
}

button.btn_top:focus {
    box-shadow: 0 0 20px #9f9e9e
}

.btn:after,
.btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 200px;
    transition: .5s
}

.app_service_item,
.banner_sec_img,
.best_services_btn span,
.best_services_item,
.blog-sec3 ul li span.check_icon,
.border-main-cls,
.box_border_inner,
.btn,
.challenge-cls,
.common-cls,
.cs-banner,
.cs-title,
.dropdown,
.dropleft,
.dropright,
.dropup,
.event_sec,
.form-group,
.header_sec .nav-link,
.hire_web_con,
.mail_address_cls,
.menu_img,
.position_cls,
.team-cont,
.team_box,
section#panels {
    position: relative
}

.btn:hover:after {
    background: rgb(255 255 255 / .7);
    top: 60%;
    bottom: 60%
}

.btn:hover:before {
    background: rgb(255 255 255 / .7);
    left: 60%;
    right: 60%
}

@media(min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

.row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.btn,
.form-control {
    padding: .375rem .75rem;
    line-height: 1.5;
    font-weight: 500
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.admin_cont ul li,
.col-12,
.feature_demand_sec h3,
.features_cont,
.features_img img,
.features_inner_sec .features_cont,
.heading_type1.heading_type,
.img_sec img,
.member_img img {
    max-width: 100%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.about_sec.mean_solution_sec,
.ewallet-cta {
    padding-top: 70px
}

@media(min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .home_page .banner_sec_img {
        background-image: url(../img/bg.webp)
    }
}

.input-group,
.nav {
    -ms-flex-wrap: wrap
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em .75rem 2px);
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn,
.nav-tabs .nav-link {
    border: 1px solid #fff0
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.flower-sec .hire_web_itm,
.hire_link_img,
.mobile-dev-serv .technology_img_sec,
textarea.form-control {
    height: auto
}

.btn {
    display: inline-block;
    color: #212529;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.admin_cont p,
.b-overlay:hover p,
.banner_sec_con .date a,
.btn-danger,
.business-bg:hover .b-overlay p,
.business-bg:hover .business_tit h5,
.business-bg:hover .business_tit h5 a,
.business_sec_itm.active h4,
.business_sec_itm.active p,
.contact_us_sec .office_con address,
.contact_us_sec .office_con h4,
.crm_bg_inner [class*=col-]:hover h4,
.crm_bg_inner [class*=col-]:hover p,
.cta_section p,
.feat-client-info .test_con_user_con h4,
.fullpage-popup li.parsley-required,
.game_sec:hover a,
.green_bg .office_item p.office_phone,
.header_sec .navbar-nav span.nav-link,
.heading_type4_w h3,
.listing_sec ul li:hover a,
.mv-bg p,
.ondemand_features_sec .business-content h3,
.ondemand_features_sec .business-content p,
.popup_content_cls,
.port_slider_wrk_wht .port_slider_wrk_itm,
.talk_expert span.talk_expert_btn,
.talk_expert_btn:hover,
.talk_sec .talk_sec_con .heading_type2 h4,
.talk_sec .talk_sec_con .heading_type4,
.talk_sec h3,
.techno_sec .heading_type_h2,
.video_streaming_feature .heading_type_h2,
.white-clr,
section.service_providesec.restaurant-cost-estimation h3,
section.talk_sec.demand_fetures_sec .heading_type1 p {
    color: #fff
}

h3.heading_h3.white-clr {
    color: #fff
}

.fade {
    transition: opacity .15s linear
}

.fade:not(.show),
.modal-backdrop.fade {
    opacity: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 1px solid;
    border-radius: .25rem
}

.android-industry .item:last-child,
.app_services.android_top_serv p.heading_para,
.best_services_con h4,
.blgo-title p,
.blockchain-indu p,
.blog-sec2 p,
.blog-sec3 ul li:last-child,
.blog_form .contact_social_link .mail_address_cls:last-child,
.border-cls:last-child,
.business-inner-sec [class*=col-]:last-child,
.challenge-con p,
.challenge_inner_sec [class*=col-]:last-child .chalange-bg,
.color-code p,
.comm_content p,
.comment_sec .form-group.sbt-btn,
.common-cls,
.cs-detail [class*=col-]:last-child .team-cont,
.cs-port-sec [class*=col-]:last-child .cs_port_img,
.cta_section.salesforce-cta h3,
.demo .item,
.designer_box:last-child,
.flower-sec .hire_web_con,
.flower-sec h4,
.food_restorent_page [class*=col-]:last-child .app_sec_itm,
.footer-middle ul.footer_items.footer_social li,
.grocery_cont p,
.grocery_cont p:last-child,
.ico-cont p,
.listing_sec ul li:last-child,
.nav,
.navbar-nav,
.senior_sec [class*=col-]:last-child .team_box,
.service_left_cont.blog-sec3 ul,
.social_bg [class*=col-],
.tabing_type2_con h3,
.tabing_type3 li:last-child,
.technologies_inner h4,
.term_sec_con p,
.top_post_single:last-child,
.wht_bg_inner p,
.work_process_con p,
section.mobile_sec.process_sec .heading_type1 p,
section.talk_sec.mission_vision [class*=col-]:last-child {
    margin-bottom: 0
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #fff0;
    border: 0
}

.auther_cls,
.banner_cs_con,
.banner_inner,
.blockchain-indu,
.blog_cta_cls.ewallet_cta,
.business-ing.business-ing-new,
.business_sec_itms.career_item .business_sec_itm,
.career_buss_sec .heading_type1,
.career_buss_sec p,
.common-cls,
.crm_business,
.cta_section,
.design-portal,
.diverce_sec_con .heading_type2,
.diverce_sec_con .heading_type_h2,
.ewallet_partner_logo .item,
.feat-client-info .test_con_user_con,
.feature_demand_sec .tabing_type3_info p,
.feature_demand_sec .tabv_content p.para_meta,
.feature_demand_sec .tabv_content p.para_sec,
.features_cont,
.form-steps__item,
.form-steps__item-icon,
.fullpage-popup section.port_overview p,
.games_inner .game_sec,
.green_bg .office_item,
.grocery_cont .heading_type_h2,
.head_popup,
.heading_para,
.heading_type1,
.heading_type2,
.heading_type_h2,
.hire_sec_con p,
.hire_web_itm,
.industry-content h3,
.loadmore_btn,
.overview-cont,
.overview-cont p,
.popup_content_cls,
.port_folio .item p,
.progress-bar,
.restaurant_service h3,
.restaurant_service p.heading_para,
.service-bg .banner_sec_con_in,
.service_button,
.social_bg .business-content .heading_type_h2,
.social_bg .business-content p,
.social_bg p,
.team-cont,
.test-cont,
.testimonial_sec .test_head,
.thankyou,
.why_cont_sec,
.why_cont_sec .heading_type2,
.why_sec_con,
.why_sec_con .heading_type2,
.why_sec_con .heading_type_h2,
section.app_services.android_top_serv .video_content .heading_type1 h3,
section.hiring_sec.android_service .heading_type2.text-left,
section.hiring_sec.android_service .text-left,
section.service_providesec .heading_type_h2,
section.talk_sec.demand_fetures_sec .heading_type1 h3,
section.talk_sec.demand_fetures_sec .heading_type1 p {
    text-align: center
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.mobile_companies_itm_rating_itms img {
    display: inline-flex !important
}

.nav {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.nav-link,
.navbar {
    padding: .5rem 1rem
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6
}

.navbar {
    position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    border: 1px solid #fff0;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.blog_inner_main_sec.single_blog.single-blog-view.single_blog_cont.blgo-titlep,
.btn,
.development-item p,
.list_sec_item_con,
.popup_content_cls p,
.tabing_type2_con .hire_sec_con p,
body {
    font-size: 15px;
    line-height: 1.3
}

.tabing_type2 .nav-tabs .nav-link,
button.close {
    padding: 0;
    border: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid;
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.app_service_con p,
.modal-backdrop.show {
    opacity: .8
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:992px) {
    .solution-dropdown .service_head {
        padding-right: 0 !important
    }

    .menu-half-view {
        display: flex;
        flex-wrap: wrap
    }

    .menu-half-view a {
        flex: 0 0 50%;
        max-width: 50%
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .modal-xl {
        max-width: 1140px
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group-append {
    margin-left: -1px
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.admin_cont.blog-sec3 p,
.bg_cls p.heading_para:last-child,
.career_buss_sec p,
.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.btn,
.service-form .form-control,
a,
button {
    outline: 0 !important
}

body {
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #010101;
    line-height: 1.694
}

.main_sec {
    overflow-x: hidden
}

img {
    max-width: 100%;
    font-size: 10px
}

button:focus {
    outline: 0;
    outline: -webkit-focus-ring-color auto 0
}

.header_sec .navbar {
    padding: 0 1rem
}

.header_sec {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 50px;
    left: 0
}

.diverce_slider_con_head,
.owl-dots {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.header_sec.fixed-header {
    top: 0;
    background: #333
}

.contact-list {
    display: flex;
    justify-content: end;
    margin-bottom: 0
}

.contact-list li {
    flex: 0 0 auto;
    list-style: none;
    min-width: 190px;
    padding: 0 15px
}

.choose_invento_itm,
.featured-testimonail,
.phone_content,
.serv-box-cont {
    display: flex;
    align-items: center
}

.phone_content img {
    margin-right: 8px;
    width: auto;
    height: 20px
}

.contact-list li a {
    color: #000;
    font-size: 15px
}

.top-head {
    background: #eff8ff;
    padding: 12px 0
}

.android-industry-item h4 a,
.app_sec_con h4 a:hover,
.ask_sec .card-body a,
.b_category_sec ul li:hover a,
.best_services_con h4 a:hover,
.best_services_con p a,
.blgo-title a:hover,
.blog-sec3 ul li a,
.blog_inner_sec p a,
.box_border_inner:hover h4,
.business-bg p a,
.business-content p a,
.contact-list li a:hover,
.date a:hover,
.footer_items a:hover,
.header_sec .navbar-nav .nav-link.active,
.hire_links .hire_link_item.active,
.hire_sec_con p a,
.industries_sec_item:hover .best_services_btn,
.office_phone a:hover,
.privacy-inner ol li a,
.privacy-inner p a,
.privacy-inner ul li a,
.red_clr,
li.nav-item.dropdown.has-dropdown:hover a.nav-link,
p a {
    color: #216fa7
}

.home_page.step-modal-cls .header_sec {
    top: 50px;
    transition: .5s
}

.demand_fetures_sec .tabing_type3_info,
.event-dtl-page .header-popup-cls .modal-body,
.event_about_cls .about_inner_sec,
.fullpage-popup .modal_cls .modal-content .modal-body,
.header-popup-cls .modal-body,
.header_sec .container-fluid,
.header_sec .dropdown-menu,
.magento-dev img,
.process_sec .row [class*=col-],
.resume_sec_form,
.section_5 .slider_content,
.single_blog.single-blog-view .single_blog_cont,
.tabing_type2_con .nav-link,
section.mean_solution_sec .about_inner_sec,
section.talk_sec.demand_fetures_sec {
    padding: 0
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0
}

.btn.focus,
.btn:focus {
    border: 0;
    box-shadow: unset;
    outline: 0
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn:focus,
.form-control:focus,
.show>.btn-danger.dropdown-toggle:focus,
a:focus,
button:focus,
input:focus {
    box-shadow: unset
}

a:hover {
    text-decoration: none
}

.btn-danger {
    background-color: #216fa9;
    border: 0;
    padding: 10px 30px
}

.owl-dots {
    position: absolute;
    bottom: 5px
}

.footer-inner-cls .footer_items:last-child,
.footer-middle ul.footer_items.footer_social li:last-child,
.great_app_inner h4,
.header_logo a.navbar-brand,
.rate_list,
.technologies_list ul li:last-child {
    margin-right: 0
}

.owl-carousel .owl-nav button[class*=owl-] {
    font-size: 0;
    width: 60px;
    height: 60px;
    line-height: 1;
    padding: 0;
    margin: 0;
    background: #2570ab !important;
    border-radius: 50%;
    right: 0;
    color: #fff
}

.owl-carousel .owl-nav button.disabled {
    opacity: .7
}

.innerpage_term.term_sec {
    background: #206fad;
    color: #fff
}

.owl-carousel .owl-nav button[class*=owl-]:hover {
    color: #fff;
    background: #0c5087
}

.owl-carousel .owl-nav .owl-prev::before {
    position: absolute;
    left: 20px;
    background-position: -630px -1275px
}

.owl-carousel .owl-nav .owl-next::before {
    right: 20px;
    position: absolute;
    z-index: 1;
    background-position: -657px -1275px
}

.header_sec .navbar-nav .nav-link {
    padding: 20px 25px;
    display: inline-block
}

.blog_cta_cls .cta_head,
.header_sec .btn-danger,
.right-sidebar {
    margin-left: 30px
}

.banner_sec_img {
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner_heads,
.business-bg:hover p a,
.contact_sec_con h3,
.sub-head,
.team_bg h3 {
    color: #fff;
    font-weight: 700
}

.banner_heads_1 {
    display: block;
    padding-left: 10%
}

.banner_heads_3 {
    margin-left: 23%
}

.banner_sec_con h4 {
    color: #fff;
    line-height: 1.5
}

.partner_sec_in {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.partner_sec {
    padding: 25px 0;
    border-bottom: 1.5px solid #e4ebf2
}

.blog_table_head,
.contact_social_link,
.d-flex,
.date_comp,
.footer-inner-cls,
.term_sec_item {
    display: flex
}

.term_sec_con h4 {
    font-weight: 700;
    line-height: 1.3;
    font-size: 20px !important;
    margin-bottom: 10px
}

.heading_type1 h3,
.heading_type2 h3,
.heading_type_h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
}

.best_services {
    padding: 0 0 50px;
    position: relative
}

.best_services::before {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/bg_trans.webp);
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    z-index: -1
}

.best_services_ic::after,
.best_services_ic::before {
    width: 40%;
    height: 90%;
    position: absolute;
    z-index: -1;
    content: ""
}

.app_service_con p,
.best_services_ic,
.c-icon,
.case_std_box,
.cost_box_cls,
.cs_port_img,
.event-detail-inner .event-img,
.features-icon,
.features_list .heading_type2 h3,
.heading_type_h2,
.resume_sec_form .file_input.form-control,
.single_blog,
.test_head,
.typography-sec p.heading_para,
.why_cont_sec .heading_type2 h3,
section.talk_sec.mission_vision [class*=col-] {
    margin-bottom: 15px
}

.best_services_ic,
.games_inner .game_sec .game_ic,
.heading_para {
    margin: 0 auto 15px
}

.best_services_ic {
    width: 55px;
    height: 55px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7142f8;
    border-radius: 20px
}

.best_services_ic span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%
}

.best_services_ic::before {
    background: #7142f8;
    left: -3px;
    border-radius: 50%
}

.best_services_ic::after {
    background: #7142f8;
    right: -3px;
    border-radius: 50%
}

.best_services_ic span::before {
    content: "";
    background: #7142f8;
    top: -3px;
    width: 90%;
    position: absolute;
    height: 40%;
    border-radius: 50%;
    z-index: -1;
    left: 5%
}

.best_services_ic span::after {
    content: "";
    background: #7142f8;
    bottom: -3px;
    width: 90%;
    position: absolute;
    height: 40%;
    border-radius: 50%;
    z-index: -1;
    left: 5%
}

.best_services .row [class*=col-]:nth-child(2) .best_services_ic,
.best_services .row [class*=col-]:nth-child(2) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(2) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(2) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(2) .best_services_ic::before,
.choose_invento_itms .row [class*=col-]:nth-child(2) .choose_invento_itm_ic,
.industry-icon-parent ul li:nth-child(3) .industry-icon,
.step_3 .hire_web_step,
.work_process .row [class*=col-]:nth-child(4) .work_process_ic {
    background: #74ba46
}

.best_services .row [class*=col-]:nth-child(3) .best_services_ic,
.best_services .row [class*=col-]:nth-child(3) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(3) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(3) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(3) .best_services_ic::before,
.choose_invento_itms .row [class*=col-]:nth-child(3) .choose_invento_itm_ic,
.flower-sec .step_6 .hire_web_step,
.industry-icon-parent ul li:last-child .industry-icon,
.work_process .row [class*=col-]:nth-child(5) .work_process_ic {
    background: #f38650
}

#next,
#previous,
.best_services .row [class*=col-]:nth-child(12) .best_services_ic,
.best_services .row [class*=col-]:nth-child(12) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(12) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(12) .best_services_ic::before,
.best_services .row [class*=col-]:nth-child(4) .best_services_ic,
.best_services .row [class*=col-]:nth-child(4) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(4) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(4) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(4) .best_services_ic::before,
.best_services .row [class*=col-]:nth-child(9) .best_services_ic,
.best_services .row [class*=col-]:nth-child(9) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(9) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(9) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(9) .best_services_ic::before,
.best_services.row[class*=col-]:nth-child(12).best_services_icspan::before,
.business_sec_itm.active,
.choose_invento_itms .row [class*=col-]:nth-child(4) .choose_invento_itm_ic,
.contact_btn_cls a.btn,
.flower_slider .owl-dots button.owl-dot.active,
.game_sec:hover,
.industry-icon-parent ul li:nth-child(4) .industry-icon,
.step_4 .hire_web_step {
    background: #216fa7
}

.comment_sec .form-group.sbt-btn input[type=submit]:hover,
.talk_expert:hover,
section.talk_expert.great_app_sec:hover {
    background: #0c5087
}

.best_services .row [class*=col-]:nth-child(5) .best_services_ic,
.best_services .row [class*=col-]:nth-child(5) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(5) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(5) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(5) .best_services_ic::before,
.choose_invento_itms .row [class*=col-]:nth-child(5) .choose_invento_itm_ic {
    background: #fa4c9a
}

.best_services .row [class*=col-]:nth-child(6) .best_services_ic,
.best_services .row [class*=col-]:nth-child(6) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(6) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(6) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(6) .best_services_ic::before,
.choose_invento_itms .row [class*=col-]:last-child .choose_invento_itm_ic,
.work_process .row [class*=col-]:nth-child(6) .work_process_ic {
    background: #35bfe7
}

.best_services_item::before {
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 0 0 49px 0 rgb(223 223 223 / 46%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
    opacity: 0
}

.app_service_item:hover::before,
.best_services_item .best_services_btn_cls .best_services_btn,
.best_services_item:hover::before,
.content:hover .content-overlay,
.header-popup-cls button.close,
.parsley-errors-list.filled,
.port_folio .owl-dots .owl-dot.active {
    opacity: 1
}

.best_services_btn {
    font-weight: 700;
    color: #216fa7;
    transition: .5s;
    opacity: 0;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px
}

.best_services_btn img,
.load_more_btn img {
    margin-left: 5px;
    transition: .5s
}

.app_service_item:hover .load_more_btn,
.best_services_item:hover .best_services_btn {
    transition: .5s;
    opacity: 1
}

.best_services_btn:hover i,
.load_more_btn:hover img {
    margin-left: 10px;
    transition: .5s
}

.best_services_con h3,
.best_services_con h4 {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px
}

.best_services_con p {
    font-size: 14px;
    color: #000;
    line-height: 1.688;
    margin-bottom: 0;
    text-align: left
}

.talk_sec {
    background: linear-gradient(79deg, #33073f, #0d3677) !important;
    padding: 70px 0
}

.feat-cont h4,
.game_cont h5,
.heading_type2 h4,
.heading_type4,
.privacy-inner h4,
.sub-heading-cls h4 {
    font-weight: 600;
    margin-bottom: 0
}

.cta_cont h2 {
    color: #fff;
    text-align: left
}

.talk_sec .heading_type_h2,
.talk_sec p {
    text-align: center;
    color: #fff
}

.talk_sec .heading_type_h2 {
    font-size: 38px;
    text-transform: uppercase
}

.talk_sec_con .heading_type4 {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.6
}

.talk_sec_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.talk_sec_btn_in {
    border-radius: 50%;
    margin: 0 auto;
    font-weight: 700;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-align: center
}

.talk_sec_btn_in span {
    font-weight: 400;
    line-height: 1
}

.talk_sec_btn_in::before {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: -10px;
    top: -10px;
    border: 2px solid #216fa7;
    border-radius: 50%;
    transition: .5s;
    transform: scale(1)
}

.talk_sec_btn_in:hover::before {
    transition: .5s;
    transform: scale(1.05)
}

.industries_sec_item {
    box-shadow: 0 0 15px 0 rgb(163 162 163 / 15%);
    border: 1px solid #ebebeb;
    border-radius: 10px;
    transition: .5s;
    background: #fff
}

.industries_sec_img img {
    margin: 20px auto 0
}

.industries_sec_con {
    text-align: center;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.industries_sec_con h4 {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1
}

.industries_sec_con .best_services_btn {
    transition: .5s;
    margin-top: 10px;
    line-height: 1;
    margin-bottom: -20px
}

.event_zoom:hover a.btn,
.industries_sec_item:hover .best_services_btn {
    opacity: 1;
    transition: .5s;
    margin-bottom: 0
}

.industries_sec_item:hover {
    border-color: #216fa7;
    transition: .5s
}

.industries_sec {
    padding: 60px 0 70px;
    text-align: center
}

.heading_type2 h3 {
    margin-bottom: 30px;
    line-height: 1.013
}

.diverce_sec_con .heading_type2 h3 {
    color: #020312
}

.talk_expert {
    background: #206fad;
    text-align: center;
    padding: 0;
    transition: .5s
}

.talk_expert_btn {
    font-weight: 700;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center
}

.talk_expert_btn i {
    margin-right: 15px;
    transition: .5s;
    line-height: 0
}

.process_sec,
section.designer_sec {
    padding: 70px 0;
    background: #f1f1f1
}

.test_head h3 {
    font-weight: 700;
    line-height: 1;
    position: relative
}

.test_head h4 {
    color: #216fa7;
    font-weight: 700;
    margin-bottom: 0
}

.test_con_user_img img {
    max-width: 154px
}

.chalage-img,
.test_con_user {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.company_inner,
.cont-img-sec,
.cs-icon,
.form-group.ebcaptcha-cls,
.hire_link_item,
.tabing_type3,
.tabing_type3 .nav-link,
.test_con_meta,
section.talk_sec.demand_fetures_sec .app_business .tabing_type1_img {
    align-items: center;
    display: flex
}

.test_con {
    background: #fff;
    box-shadow: 0 0 49px 0 rgb(223 223 223 / 46%);
    border-radius: 10px;
    width: 75%;
    margin: 0 auto
}

.office_item_icon,
.rating_s_in {
    box-shadow: 0 0 20px 0 rgb(163 163 163 / 19%);
    display: flex
}

.blog-sec3 ol,
.hire_sec_con,
.test_con_user_con,
span.check_icon {
    padding-left: 20px
}

.blgo-title .date_inner .date-icon p,
.event_new .event_img_space,
.feat-client-info .test_con_user_con,
.listing_sec ul,
.rating_left_sec,
.service-form .input-group.country_code input.form-control,
.test_con .test_con_item .test_con_meta,
.test_con_meta {
    padding-left: 0
}

.test_con_meta_con h4,
.test_con_user_con h4,
.wht_bg_inner h3.contact_title {
    font-weight: 700;
    margin-bottom: 5px
}

.footer-inner-cls .footer_items,
.test_con_meta_img {
    margin-right: 20px
}

.test_con_meta_con p {
    margin-bottom: 0;
    color: #216fa7;
    font-weight: 600;
    line-height: 1;
    font-size: 16px
}

.test_con_para {
    line-height: 1.813;
    width: 100%;
    margin: 10px auto
}

.test_quote_right {
    margin-top: -30px;
    position: relative;
    margin-left: 0
}

.app-business-cls,
.b_category_sec ul li:hover a::before,
.banner_food-dashboard img,
.blog-sec2 table,
.business-bg:hover .b-overlay:after,
.case_std_box img,
.com_bg img,
.content-image,
.cs-slider .swiper-container img,
.cs_port_img img,
.demo,
.features-slider.owl-carousel .owl-nav,
.header_sec .nav-link.active::after,
.header_sec .nav-link:hover::after,
.hire_inner_sec .tab-content,
.hire_sec_img img,
.hire_web_con:before,
.inner_cont_sec,
.iti,
.member_img img,
.overview-img img,
.port_folio_con,
.rating_img,
.section_1,
.section_2,
.single_blog.single-blog-view .single_blog_cont,
.tabing_type3 .tab-content,
.test_con .test_con_item .test_con_para,
li.nav-item.dropdown.has-dropdown:hover a.nav-link::after,
section.best_services.develoment_process p.heading_para,
section.career_sec .heading_para,
section.we_listin_sec:after {
    width: 100%
}

.add_banner,
.event-detail-inner .event-img,
.event_img,
.event_zoom,
.hire_sec_img {
    border-radius: 10px;
    overflow: hidden
}

.business-content h3,
.business_sec_itms.career_item .business_sec_con p.p-bold,
.crm_sec_con h4,
.font-bold,
.heading_h3,
.hire_sec_con h3 {
    font-weight: 700
}

.hire_sec_con p,
.hire_sec_con p.tab_pr {
    font-size: 18px;
    opacity: .87
}

.hire_developer .hire_sec_con {
    margin: 0;
    padding: 0
}

.app_service_con,
.blog-sec6 .leave_reply_sec,
.blog_sec.blog_detail_sec .date-icon,
.feature_demand_sec .tabv_content p.para_meta,
.hire_sec_in,
.hire_web.flower-sec .hire_web_cnt,
.mobile_development_comp_form .wht_bg,
.port_sec .owl-carousel.owl-theme.owl-loaded .owl-nav,
.right-bg .contact_sec_form,
.social_bg .business-ing,
.submenu-row .inner-menu .submenu:first-child,
section.contact_sec.porto-contact,
section.hiring_sec.android_service .list_sec_col {
    margin-top: 0
}

.hire_inner_sec,
.privacy-inner ol,
.privacy-inner ul {
    padding-top: 10px
}

.hire_sec {
    padding: 60px 0 70px;
    background: #f1f1f1
}

.add_banner,
.admin_cont,
.android-industry .item,
.appi-cta.read_more_wrapper,
.business-content,
.business-inner-sec,
.client-detail,
.contact_sec_form,
.hire_links,
.hire_web.flower-sec .hire_web_itms,
.inner_heading,
.leave_reply_sec,
.sales_slider {
    margin-top: 30px
}

.hire_link_item {
    background: #e6e6e6;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #010101;
    transition: .5s
}

.hire_link_name {
    line-height: 1.3
}

.hire_links .row {
    margin: 0 -5px;
    border: 0 !important
}

.business-inner-sec [class*=col-],
.business_sec_itms.career_item [class*=col-],
.challenge_inner_sec [class*=col-],
.hire_links .row [class*=col-],
.office_sec [class*=col-],
.port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item,
.port_sec_in .row [class*=col-],
.process_sec_itm p,
.tabing_type2_con .row [class*=col-],
li.nav-item.col-3,
section.port_sec.dimand_inner_cls.hire_linksli.nav-item.col-md-2.col-sm-3.col-3,
section.sitemap .row [class*=col-],
section.work_process .row [class*=col-] {
    padding: 0 5px
}

.banner_inner .banner_sec_img,
.hire_link_img,
.tabing_type1_in {
    display: flex;
    align-items: center;
    justify-content: center
}

.hire_link_img img,
.partner_sec_img img {
    filter: grayscale(1)
}

.hire_links .hire_link_item:hover {
    box-shadow: 0 0 8px 0 rgb(163 163 163 / .46);
    background: #fff;
    color: #216fa7;
    transition: .5s
}

.android_link_cls.active .techno_bg,
.hire_link_item.active .hire_link_img img,
.hire_link_item:hover .hire_link_img img,
.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item.active.technology,
section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item:hover.technology {
    filter: unset
}

.contact_sec_con .test_head h3 {
    color: #fff;
    margin-bottom: 30px
}

.form-control {
    min-height: 47px;
    border-radius: 5px;
    color: #010101
}

.file_input span {
    border: 2px dashed #ced4da;
    width: 100%;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 18px;
    height: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    color: #000
}

.file_input {
    height: 47px;
    overflow: hidden;
    position: relative
}

.form-group.country-name input.form-control,
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text],
.resume_sec_form .file_input {
    padding-left: 45px
}

.file_input input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}

.btn_blue {
    background: #010101;
    color: #fff;
    width: 100%;
    height: 47px;
    font-size: 18px
}

.btn_blue:hover {
    background: #212529;
    color: #fff
}

.contact_sec {
    background: #216fa7;
    position: relative
}

.contact_sec::before {
    content: "";
    position: absolute;
    height: 200px;
    width: 100%;
    top: -200px;
    z-index: -1
}

.contact_sec_form {
    position: relative;
    background: #fff;
    z-index: 1
}

.contact_sec_form::before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    border-radius: 10px;
    background-color: #e6e6e6;
    z-index: -1
}

.office_sec {
    text-align: center;
    padding: 60px 0 70px
}

.office_item_icon {
    width: 66px;
    height: 66px;
    margin: 0 auto 10px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #cecece
}

.office_con h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px
}

.office_phone {
    margin-bottom: 0;
    color: #293339;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

address {
    font-style: normal;
    line-height: 1.5;
    margin-bottom: 5px
}

.b-overlay p,
.blgo-title p,
.blog-sec3 ul li,
.comm_content p,
.feat-cont h4,
.game_cont h5,
.office_con address,
.process_sec_itm p,
.rating_con,
.single-solutions-box,
.solution-inner h3,
.term_sec_con h4,
.test-cont p,
.wht_bg_inner p {
    font-size: 14px
}

.case_studies_inner,
.cs-port-sec,
.office_item,
.thankyou input {
    margin-top: 40px
}

.rating_s_in {
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 25px
}

.rating_con p {
    margin-bottom: 0;
    font-size: 13px !important;
    line-height: 1.4
}

.rating_con h4 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1
}

.footer_sec {
    background: #fff;
    padding-top: 240px
}

.footer_bottom p {
    margin-bottom: 0;
    font-size: 14px !important;
    color: #8a8a8a
}

.footer_bottom {
    border-top: 1px solid #15283e
}

.footer_items a {
    color: #c9c9c9;
    font-size: 13px;
    text-transform: capitalize
}

.footer_items li,
.privacyaccept_content {
    margin-bottom: 12px
}

.footer_head {
    color: #000;
    font-weight: 700;
    margin: 20px 0
}

.footer_items {
    line-height: normal;
    padding: 0;
    margin: 0;
    margin-top: 10px
}

.blog_home .heading_type2,
.footer_top,
.fullpage-popup .resume_update .talk_sec_con,
.hire_web_con,
.p-cls,
.single_blog.single-blog-view,
.wireframe-img {
    margin-bottom: 30px
}

.rating_s_in {
    position: relative;
    margin-bottom: -222px;
    background: #fff
}

.app_business.technologies_sec .tabing_type3 .heading_type1,
.career_buss_sec .heading_type1,
.career_buss_sec .heading_type_h2,
.choose_invento_itm_con,
.contact_us_sec h2,
.contact_us_sec p.heading_para,
.diverce_sec_con .heading_type2,
.diverce_sec_con .heading_type_h2,
.feature_demand_sec .tabv_content,
.port_con_sec .heading_type2,
.service-bg .banner_sec_con_in,
.service_cont_cls p,
.talk_sec_con .heading_type2,
.text-left,
.thankyou-timeline,
.why_cont_sec .heading_type2,
.why_cont_sec .heading_type_h2,
.why_sec_con .heading_type2,
.why_sec_con .heading_type_h2,
section.service_providesec .heading_type2,
section.service_providesec .heading_type_h2,
section.talk_sec.demand_fetures_sec .heading_type1 {
    text-align: left
}

.banner_sec_con_in .inner_banner_heads {
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    font-size: 54px
}

.app_services,
.ask_sec,
.on-demand-sec,
.port_sec,
.sales_service_sec,
section.advantages_sec,
section.app_services.android_top_serv,
section.career_sec,
section.commitment_sec,
section.fantasy_games_sec.talk_sec,
section.food-banner_sec,
section.grocery_delivery_app_sec,
section.uiux_sec {
    padding: 60px 0 70px
}

.business_sec_itms.career_item,
.tabing_type1 {
    padding-top: 30px
}

.heading_type3 h3 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px
}

.choose_invento_itm_con p,
.contact_us_sec .office_item_icon,
.custom-sec ul li,
.footer-middle .footer_head,
.form-group.select_custom_cls ul,
.mobile_companies_itm_cn p,
.new-cta-btn .cta_group,
.newslater_sec form,
.port_slider_wrk_itm p,
.process_sec .row,
.tabing_type1_in .nav-tabs .nav-item {
    margin: 0
}

.service-bg ul li:nth-child(4),
.service-bg ul li:nth-child(5),
.service-bg ul li:nth-child(6),
.tabing_type1_in .nav-tabs {
    border-bottom: 0
}

.tabing_type1_in .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    margin: 0 10px;
    border-radius: 12px;
    color: #020312;
    font-size: 18px
}

.tabing_type1_in .nav-item:first-child .nav-link {
    background: #f5f5f5
}

.tabing_type1_in .nav-item:nth-child(2) .nav-link {
    background: #e1efde
}

.tabing_type1_in .nav-item:nth-child(3) .nav-link {
    background: #eaf1ff
}

.tabing_type1_in .nav-item:nth-child(4) .nav-link {
    background: #d1f7ff
}

.tabing_type1_in .nav-item:nth-child(5) .nav-link {
    background: #e6eef5
}

.tabing_type1_img p {
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 1.2;
    text-align: center
}

.tabing_type1_in .nav-tabs .nav-item.show .nav-link,
.tabing_type1_in .nav-tabs .nav-link.active {
    border: 2px solid #216fa7;
    position: relative;
    color: #020312
}

.tabing_type1_in .nav-tabs .nav-item.show .nav-link::before,
.tabing_type1_in .nav-tabs .nav-link.active::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 10px solid #216fa7;
    position: absolute
}

.load_more_btn {
    color: #216fa7;
    font-weight: 700
}

.service_button .btn {
    padding: 12px 40px;
    position: relative
}

.best_services.service_inner {
    padding-bottom: 0;
    padding-top: 60px
}

.service_inner .container::after {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/bg3.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    z-index: -11;
    bottom: 0;
    left: 0
}

.service_button .btn::before {
    content: "";
    background-size: cover;
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/bg4.webp);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -9px;
    z-index: -1
}

.cost_dev_sec,
.diverce_sec,
.ico-service-sec,
section.business_sec,
section.crm_sec,
section.team_member_sec,
section.type-ico {
    background: #f1f1f1;
    padding: 70px 0
}

.list_sec_item {
    display: flex;
    align-items: center;
    margin-top: 25px
}

.list_sec_item_ic {
    flex: 0 0 50px;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.techno_sec {
    background: #216fa7;
    padding: 60px 0 70px
}

.tabing_type2_con .tab_content {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    margin: 30px 0 0
}

.tab_pr {
    opacity: .7;
    color: #020312;
    font-size: 18px
}

.mean_stack_hire .mean_stack_row,
.tabing_type2 .nav-tabs,
.tabing_type2 .nav-tabs .nav-link:focus,
.tabing_type2 .nav-tabs .nav-link:hover {
    border: 0
}

.cs-banner:after,
.tabing_type2 .nav-tabs .nav-item.show .nav-link,
.tabing_type2 .nav-tabs .nav-link.active {
    background: 0;
    border: 0
}

.tabing_type2_img {
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 15px
}

.tabing_type2_con h5 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    opacity: .87
}

.tabing_type2_con p {
    color: #fff;
    opacity: .7
}

.tabing_type2 .nav-tabs .nav-item.show .nav-link::before,
.tabing_type2 .nav-tabs .nav-link.active::before {
    content: "";
    border: 1px solid;
    position: absolute;
    width: 100%;
    height: calc(100%+20px);
    left: 0;
    top: -10px;
    border-radius: 10px
}

.hire_sec_con p {
    color: #010101;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 1;
    line-height: 1.656
}

.best_services_item .best_services_btn_cls,
.blockchain-indu a,
.para_sec,
.section_1 .appi-cont p,
.section_1 .appi-cta.read_more_wrapper h4,
.section_1 .pp-head p,
.wht_bg_inner p,
.why_cont_sec p,
.why_sec_con p {
    color: #000
}

.tabing_type2 .nav-tabs .nav-item.show .nav-link::after,
.tabing_type2 .nav-tabs .nav-link.active::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid #fff0;
    border-right: 20px solid #fff0;
    border-bottom: 20px solid #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -40px
}

.app_business {
    padding: 70px 30px
}

.tabing_type3 .nav {
    flex: 0 0 300px;
    flex-direction: column
}

.tabing_type3 .nav-link {
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    background: #f1f1f1;
    color: #010101;
    font-size: 18px
}

.tabing_type3 .nav-pills .nav-link.active,
.tabing_type3 .nav-pills .show>.nav-link {
    color: #216fa7;
    background-color: #f1f1f1;
    border: 2px solid #216fa7
}

.tabing_type3 .tabv_content {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.tabing_type3_info_img {
    flex: 0 0 320px
}

.tabing_type3_info {
    flex: 0 0 700px;
    max-width: 100%;
    padding: 0 20px;
    margin-left: auto
}

.para_meta {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 25px
}

.para_sec {
    max-width: 90%;
    margin: 0 auto
}

.blockchain-industries,
.blockchain-service,
.blockchain_plateform,
.choose_invento,
.event_about_cls,
.hire_expert,
.hire_web,
.port_img_sec,
.top_mobile_companies,
.wallet_development_sec,
.why_sec,
section.app_services.app_development,
section.best_services.develoment_process,
section.blog_sec,
section.case_studies_sec,
section.features_list.bg_gray,
section.mean_solution_sec,
section.office_event_main,
section.port_sec.port_inner_cls,
section.privacy-content,
section.talk_sec.mission_vision,
section.talk_sec.resume_update,
section.team_sec {
    padding: 70px 0
}

.business-inner-sec .row,
.business_sec_itms.career_item .row,
.industries_space ul,
.port_sec_in .row,
.tabing_type2_con .row,
section.work_process .row {
    margin: 0 -5px
}

.port_sec_item {
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    float: left
}

.bg_gray,
.new-light-bg-food-pg,
.service_providesec.restaurant_service.bg_cls,
section.industries_sec.industries_bg,
section.term_sec.term_bg {
    background: #f1f1f1
}

.app-flow-sec .heading_type1 h3,
.appi-pp-para,
.blog_form .file_input,
.business_sec_itms .col-lg-3.col-md-6.col-sm-6,
.business_sec_itms.career_item [class*=col-],
.crm-img,
.design_img,
.features_cont,
.features_inner_sec:first-child .features_cont,
.form-group,
.mobile_companies_itm_img,
.restaurant_service .space-cls .business-ing,
.service-bg ul,
.team-cont,
.why_sec_con .heading_type2 h3,
section.crm_sec h3 {
    margin-bottom: 20px
}

.mobile_companies_itm_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    min-height: 67px
}

.mobile_companies_itm_img a img,
.newsletter-body input.form-control,
div#myModal .modal-dialog .modal-content {
    border-radius: 0 !important
}

.mobile_companies_itm_cn p {
    font-size: 14px !important;
    line-height: 150% !important
}

.hire_tabing_item {
    background: #f0f0f0;
    padding: 30px;
    border-radius: 10px;
    text-align: center
}

.hire_name {
    font-weight: 700;
    color: #262b32;
    margin-bottom: 15px
}

.hire_tabing_item p {
    font-size: 15px;
    color: #262b32;
    opacity: .87;
    margin-bottom: 10px
}

.hire_meta_item {
    margin: 15px 0 30px;
    font-size: 12px;
    font-weight: 700
}

.design-portal .port_dtl p,
.hire_meta_name,
.port_inner_cls .hire_link_name,
.share_sec .social_link ul.footer_social {
    margin-top: 5px
}

.hire_meta_img {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.work_process_cnt,
.work_process_ic {
    border-radius: 50%;
    align-items: center;
    display: flex
}

.hire_tabing_item .btn-danger {
    width: 200px;
    max-width: 100%
}

.hire_expert .tabing_type1_in {
    margin: 50px 0
}

.work_process_item {
    text-align: center;
    margin-top: 30px
}

.work_process_ic {
    width: 83px;
    height: 83px;
    background: #ef2a42;
    justify-content: center;
    margin: 0 auto 30px;
    position: relative
}

.work_process_cnt {
    box-shadow: 1.06px 1.696px 11px 0 rgb(0 0 0 / 20%);
    background: #fff;
    width: 26px;
    height: 26px;
    font-size: 13.5px;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    right: -7px;
    top: 1px
}

.work_process_con h5 {
    font-weight: 700;
    font-size: 15px
}

.best_services .row [class*=col-]:nth-child(13) .best_services_ic,
.best_services .row [class*=col-]:nth-child(13) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(13) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(13) .best_services_ic::before,
.best_services.row[class*=col-]:nth-child(13).best_services_icspan::before,
.step_1 .hire_web_step,
.work_process .row [class*=col-]:nth-child(2) .work_process_ic {
    background: #f0b147
}

.industry-icon-parent ul li:nth-child(2) .industry-icon,
.step_2 .hire_web_step,
.work_process .row [class*=col-]:nth-child(3) .work_process_ic {
    background: #4b90e2
}

.work_process .row [class*=col-] .work_process_ic::before {
    content: "";
    z-index: -1;
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/ar_down.webp);
    background-size: cover;
    content: "";
    display: inline-block;
    position: absolute;
    left: calc(100%+20px);
    width: 97px;
    height: 17px
}

.work_process .row .col-cust .work_process_ic::before {
    left: calc(100% - -45px)
}

.work_process .row [class*=col-]:nth-child(2) .work_process_ic::before,
.work_process .row [class*=col-]:nth-child(4) .work_process_ic::before {
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/ar_up.webp);
    top: 35px
}

.ask_sec .nav-link {
    height: auto;
    background: #f1f1f1;
    font-size: 12px;
    padding: 15px;
    margin: 0 5px;
    border: 2px solid #fff0
}

.ask_sec .tabing_type1_img {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ask_sec .tabing_type1_in .nav-tabs .nav-item.show .nav-link,
.ask_sec .tabing_type1_in .nav-tabs .nav-link.active {
    border: 2px solid #216fa7;
    position: relative
}

.ask_sec .tabing_type1_in,
.blog-app-img,
.wallet-img {
    margin: 30px 0
}

.ask_sec .card-header {
    background: 0;
    border: 0;
    padding: 0;
    margin-bottom: 0
}

.ask_sec .card-header a h3::before {
    content: "";
    background: url(../img/bg_icon.webp) -700px -1564px;
    width: 22px;
    height: 12px;
    position: absolute;
    right: -20px;
    top: 4px;
    transition: .5s
}

.ask_sec .card-body,
section.talk_sec.demand_fetures_sec .app_business {
    padding: 20px 0 0
}

.ask_sec .card-header a.collapsed h5::before {
    transform: rotate(180deg);
    transition: .5s
}

.ask_sec .card-header a h5 {
    color: #010101;
    font-weight: 700;
    position: relative;
    width: 98%
}

.app_service_item h3 {
    font-weight: 700;
    min-height: 84px
}

.app_service_con .load_more_btn {
    transition: .5s;
    opacity: 0;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.app_service_item::before {
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 0 0 41px 0 rgb(223 223 223 / .58);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
    opacity: 0
}

.comment-sec,
.consultant_sec {
    margin-bottom: 70px
}

.consultant_in input.btn {
    font-size: 32px;
    background-color: #216fa7;
    border-color: #216fa7;
    padding: 10px 50px;
    white-space: nowrap
}

.consultant_in input.btn:hover,
.newsletter-body .btn.btn-primary:hover {
    color: #fff;
    background-color: #236391;
    border-color: #bd2130
}

.consultant_in {
    margin: auto;
    position: relative
}

.consultant_in i {
    position: absolute;
    line-height: 0
}

.consultant_in i::before {
    color: #76797d
}

.diverce_slider {
    box-shadow: 0 0 41px 0 rgb(203 201 201 / 58%);
    border-radius: 10px;
    overflow: hidden
}

.diverce_slider_con_head {
    background: #216fa7;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 30px;
    font-size: 10px;
    position: absolute;
    top: 10px
}

.arrow-bottom-cls,
.arrow-top-cls {
    left: calc(50% - 25px);
    z-index: 11
}

.diverce_slider_con {
    display: flex;
    background: #fff;
    align-items: center;
    padding: 20px
}

.diverce_slider_info h4 {
    color: #363636;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px
}

.diverce_slider_info p {
    color: #000;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 1.2
}

.diverce_slider_btn .btn {
    white-space: nowrap;
    margin-left: 15px
}

.owl-carousel .owl-item .hire_img_sec img {
    width: auto !important;
    margin: 30px auto;
    max-width: 100%
}

.btn_top {
    position: fixed;
    right: 15px;
    bottom: 120px;
    border: 0;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    z-index: 11;
    background: #fff;
    display: none;
    box-shadow: 0 0 20px #9f9e9e
}

.arrow-bottom-cls,
.arrow-top-cls,
.button-bar,
.skype-icon,
.tick,
p.error-text {
    position: absolute
}

.up-arrow {
    background: url(../img/bg_icon_new1.webp) -386px -685.5px/500px;
    height: 6.5px;
    width: 10px;
    margin: 0 auto
}

.partner_sec_img {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.partner_sec_img:hover img {
    filter: initial
}

.owl-theme .owl-nav {
    margin: 20px 0 0
}

.port_folio .item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh
}

.port_con_sec {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.btn-default {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 25px
}

.btn-default:hover {
    background: #fff;
    color: #212529
}

.port_con_sec a.btn.btn-default,
.port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item {
    width: 180px
}

.port_folio .owl-dots {
    position: absolute;
    right: 0;
    left: auto;
    top: 30px;
    color: #fff
}

.port_folio .owl-dots .owl-dot:first-child span::after {
    content: "Extramile"
}

.port_folio .owl-dots .owl-dot:first-child span::before {
    content: "01"
}

.port_folio .owl-dots .owl-dot:nth-child(2) span::after {
    content: "Markable"
}

.port_folio .owl-dots .owl-dot:nth-child(2) span::before {
    content: "02"
}

.port_folio .owl-dots .owl-dot:nth-child(3) span::after {
    content: "LocalSelo"
}

.port_folio .owl-dots .owl-dot:nth-child(3) span::before {
    content: "03"
}

.port_folio .owl-dots .owl-dot:nth-child(4) span::after {
    content: "Project or Industry Nama"
}

.port_folio .owl-dots .owl-dot:nth-child(4) span::before {
    content: "04"
}

.port_folio .owl-dots .owl-dot {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    align-items: center;
    opacity: .8
}

.port_folio .owl-dots .owl-dot span {
    width: auto;
    height: auto;
    border: 0;
    background: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 0;
    margin: 0
}

.port_folio .owl-dots .owl-dot span::before {
    border: 1px solid #fff0;
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px
}

.port_folio .owl-dots .owl-dot.active span::before,
.port_folio .owl-dots .owl-dot:hover span::before {
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px
}

.port_folio .owl-dots .owl-dot.active span,
.port_folio .owl-dots .owl-dot:hover span {
    background: 0
}

.arrow-bottom-cls {
    bottom: 5%
}

section.port_folio {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.arrow-bg {
    height: 50px;
    width: 50px;
    background: rgb(217 55 48 / .7);
    border-radius: 50%;
    text-align: center
}

#panels #panels-container .panel,
.left-bg {
    background-size: cover;
    background-position: center
}

.arrow-bg a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.business_sec_con h4,
.hire_web_con h4,
section.talk_sec.demand_fetures_sec.tabing_type3a.nav-link.activeimg.with-hover {
    display: inline-block
}

.arrow-bg a img {
    filter: invert(1)
}

.arrow-bg img {
    width: 100%;
    max-width: 20px
}

section.port_sec .hire_links li.nav-item a.nav-link.hire_link_item.active {
    background: #fff;
    box-shadow: 0 0 8px 0 rgb(163 163 163 / 46%);
    color: #216fa7
}

.full-screen {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

#intro,
.cta_section.salesforce-cta {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#masthead,
#panels #panels-container,
#panels #panels-container .panel {
    display: -ms-flexbox;
    display: -webkit-box
}

#masthead {
    position: fixed;
    display: flex;
    z-index: 9999
}

#masthead a {
    padding: 1rem 2rem
}

#panels #panels-container {
    height: 100vh;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    overflow: hidden
}

#panels #panels-container .panel {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    color: #333;
    text-align: left;
    background-repeat: no-repeat
}

#panels #panels-container .panel img {
    max-width: 100%;
    height: auto;
    display: block
}

#panels #panels-container .panel .panels-navigation {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#panels #panels-container .panels-navigation {
    position: absolute;
    width: 100%;
    top: 130px;
    right: 0
}

section#panels .anchor-nav {
    position: absolute;
    z-index: 99999
}

section#panels .anchor-nav a.anchor {
    display: block;
    text-align: right;
    padding: 10px 0
}

.tabing_type1_in .nav-item:first-child a.nav-link.active img,
.tabing_type1_in .nav-item:first-child a.nav-link:hover img {
    filter: opacity(.5)
}

div#myModal .modal-dialog {
    width: 900px;
    max-width: 80%
}

div#myModal .modal-header {
    position: absolute;
    z-index: 99;
    right: 0;
    border-bottom: 0;
    top: -10px
}

.left-bg {
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/popup_bg.webp);
    padding: 10px;
    margin: 0
}

.popup_content .form-group button.btn.btn-danger,
.right-bg .contact_sec_form button.btn.btn-danger {
    width: 100%;
    min-height: 47px;
    font-size: 20px
}

.popup_content .form-group input.form-control {
    border: 0;
    box-shadow: 0 0 2.88px 1.12px rgb(202 146 213 / .27);
    border-radius: 5px !important
}

.demand_title p,
.terms-content p,
section.talk_sec.demand_fetures_sec .heading_type1 h3 {
    line-height: normal
}

.demo ul {
    padding-left: 0;
    margin: 0
}

.content-slider li {
    background-color: #ed3020;
    text-align: center;
    color: #fff
}

.content-slider h3 {
    margin: 0;
    padding: 70px 0
}

#onweb_chatimage_div img#onweb_chatimage,
.lSAction {
    display: none !important
}

.app-flow-sec,
section.challenge_sec,
section.demand_sec,
section.service_providesec,
section.talk_sec.technologies_detail {
    padding: 65px 0 70px
}

.demand_inner_sec {
    padding-top: 35px
}

section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item.active,
section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item:hover {
    border: 2px solid #216fa7 !important;
    position: relative;
    color: #262b32;
    box-shadow: none !important
}

section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item.active:after {
    content: "";
    position: absolute;
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/demand-arrow.webp);
    height: 15px;
    width: 22px;
    color: #262b32;
    background-repeat: no-repeat;
    bottom: -1px;
    left: calc(50% - 11px)
}

section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item {
    color: #262b32;
    font-weight: 400;
    font-size: 17px;
    border-width: 2px;
    line-height: normal
}

.technology_content_sec h4 {
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #222d39 !important
}

.technology_content_sec p {
    margin-bottom: 0;
    line-height: normal;
    color: #000
}

.technologies_inner {
    margin: 30px 0 0;
    text-align: center
}

.demand_title h4 {
    font-weight: 700;
    margin-bottom: 20px
}

section.talk_sec.demand_fetures_sec .tabing_type3 {
    align-items: inherit !important
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
    text-align: left !important;
    height: auto;
    width: 100%;
    display: block;
    flex-direction: initial !important;
    justify-content: initial !important;
    background: #fcfcfc !important
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link.active {
    background: #216fa7 !important;
    border: 0;
    color: #fff;
    box-shadow: 0 0 49px 0 rgb(163 163 163 / .46)
}

section.talk_sec.demand_fetures_sec .tabing_type3 ul.nav.nav-pills {
    width: 100% !important;
    max-width: 100%;
    display: block !important;
    flex: initial !important;
    flex-direction: initial !important
}

.design-portal ul li .bg_clr,
.hire_web_step {
    display: flex;
    align-items: center;
    text-align: center
}

.feature_demand_sec .tabv_content p.para_meta {
    font-style: normal;
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.3
}

.feature_demand_sec .tabv_content p.para_sec {
    max-width: 100%;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 22px;
    line-height: 1.3
}

.hire_web_step {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    margin: auto;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
    padding: 10px;
    position: relative
}

.hire_web_step span {
    flex: 0 0 100%;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: normal;
    padding-top: 5px
}

.hire_web_step span.hire_web_cnt {
    font-size: 38px;
    font-weight: 700;
    padding-top: 0
}

.hire_web .heading_type4 h3 {
    font-weight: 700;
    color: #010101;
    text-align: center;
    margin-bottom: 20px
}

.hire_web_con h4 {
    font-size: 16px;
    color: #262b32;
    font-weight: 700;
    margin: 45px 0 10px;
    line-height: normal;
    position: relative
}

.hire_web_con .hire_web_step::after {
    content: "";
    height: 7px;
    width: 32px;
    bottom: -23px;
    position: absolute;
    background: #216fa7;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
}

.hire_web_con .hire_web_step::before {
    content: "";
    width: 200%;
    left: 0;
    height: 1px;
    background: #999;
    position: absolute;
    bottom: -20px
}

.hire_web_itms .row .col_4:first-child .hire_web_con::before {
    left: 70px
}

.hire_web_itms .row .col_4:nth-child(5) .hire_web_con::before {
    right: 70px;
    left: auto
}

.hire_web_step::after {
    content: "";
    right: 0;
    position: absolute;
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/right_r.webp);
    width: 20px;
    height: 26px
}

.step_1 .hire_web_step::before {
    left: 60px !important
}

.flower-sec .step_6 .hire_web_step::before,
.step_4 .hire_web_step::before {
    right: 70px;
    left: auto !important
}

.step_3 .hire_web_con .hire_web_step::before {
    left: -50px
}

.business_sec_itm {
    color: #fff;
    padding: 20px 20px 0;
    border-radius: 5px;
    position: relative;
    margin: 10px 0 30px;
    transition: .5s;
    height: 100%;
    background: #fff
}

.business_sec_itm:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    background: #216fa7;
    bottom: 0;
    transition: .5s;
    left: 0;
    border-radius: 6px
}

.business_sec_itm:hover:after {
    height: 100%;
    z-index: 1;
    transition: .5s
}

.b-overlay .business_tit,
.b-overlay p,
.banner_sec_con,
.business_sec_con,
.member_content,
.swiper-slide img {
    position: relative;
    z-index: 11
}

.business_sec_ic {
    margin: 10px 0 15px;
    position: relative;
    z-index: 11
}

.business_sec_con h4 {
    font-size: 17px;
    margin: 0;
    color: #222d39;
    width: 100%;
    line-height: normal;
    font-weight: 700
}

.business_sec_con p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0
}

.business_sec_ic img {
    max-width: 40px;
    filter: unset
}

.business-bg:hover .bg-ic-new,
.business-bg:hover .bg-icon-new,
.business-bg:hover .technology,
.business_sec_itm:hover .business_sec_ic img,
.c-features-con ul li:hover .c-icon img,
.c-features-con ul li:hover .features-icon img,
.crm_bg_inner [class*=col-]:hover .crm_ic img,
.development-icon img,
.feature_icon img,
.header-popup-cls button.close .close-ic,
.industry-icon img,
.innerpage_term.term_sec .term_ic,
.mail_address_cls a .envelope-icon,
.quate_cls img,
.social_bg .business-bg:hover img,
.talk_expert .talk_expert_btn .ar1,
section.service_providesec.restaurant-cost-estimation .business-bg:hover img,
span.btn_arrow img {
    filter: brightness(0) invert(1)
}

.blog_content .date p,
.business_sec_itm:hover .business_sec_con h4,
.business_sec_itm:hover .business_sec_con p,
.business_sec_itm:hover .business_sec_con p.p-17,
.c-features-con ul li:hover h5,
.green_bg .office_item p.office_phone span a {
    color: #fff !important
}

.process_sec .heading_type1,
.sales-img,
section.advantages_sec .heading_type1 {
    margin-bottom: 50px
}

.process_sec_itm {
    font-size: 13px;
    margin: 15px 0
}

.process_sec_itm h4 {
    font-weight: 700;
    color: #216fa7
}

.process_sec_itm_img,
.space-cls {
    margin: 50px 0 0
}

.process_sec_img1 {
    margin-left: -15%
}

.process_sec_img2 {
    margin-left: 2%
}

.process_sec_img3 {
    margin-left: 70%
}

.process_sec_img6 {
    margin-right: 70%
}

.process_sec_img5 {
    margin-right: 2%
}

.process_sec_img4 {
    margin-right: -15%
}

.bg-1 {
    background: #f5f5f5 !important
}

.bg-2 {
    background: #e1efde !important
}

.bg-3 {
    background: #eaf1ff !important
}

.bg-4 {
    background: #d1f7ff !important
}

section.hire_developer {
    background: #f4f4f4;
    padding: 70px 0
}

section.hire_developer .img_sec img {
    box-shadow: 0 0 43.7px 2.3px rgb(55 52 53 / .15);
    border-radius: 5px
}

.col-md-6.red_bg {
    position: relative;
    padding: 60px 15px;
    z-index: 11
}

.inner_cont_sec h3 {
    color: #fff;
    font-weight: 700;
    width: 80%
}

.app_development .tabing_type1,
.business_sec_itms.career_item,
.feature_demand_sec .tabv_content,
.features_inner_sec:first-child,
.privacy-inner ol li p,
section.industries_sec.web_app_sec,
section.service_providesec.dedicated_dev {
    padding-top: 0
}

.appi-cont p,
.inner_cont_sec p {
    color: #fff;
    margin-bottom: 0
}

.inner_cont_sec.padding_cls {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px
}

.app_sec_itm {
    background: #fff;
    box-shadow: 0 0 30px #ececec;
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    margin: 0
}

app_sec_itm:hover .app_sec_con .btn img {
    margin-left: 25px
}

.app_sec_con h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 20px;
    text-transform: capitalize
}

.app_sec_con p {
    font-size: 13px;
    margin: 0
}

section.we_listin_sec {
    position: relative;
    overflow: hidden
}

section.we_listin_sec:after {
    content: "";
    position: absolute;
    background: rgb(38 112 167 / 88%);
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

section.about_sec,
section.port_overview {
    padding: 60px 0 70px
}

.about_inner_sec {
    padding: 50px 0 0
}

.comm_content,
.cta_section.cloud-comp,
.mv-bg,
.test-cont,
contact_sec_form {
    padding: 20px
}

section.about_sec h3.about-title {
    font-weight: 900
}

section.about_sec p {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 0
}

.mv-bg {
    background: rgb(0 0 0 / 50%);
    border-radius: 8px;
    text-align: center;
    height: 100%
}

.blog-sec5 h3,
.blog_inner_sec p a,
.custom-para,
.font-28,
.inner_heading h4,
.mv-bg .heading_type3 h3,
.newslater_sec h4 {
    font-weight: 600
}

.com_bg {
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 43.7px 2.3px rgb(55 52 53 / .15);
    overflow: hidden
}

.g-bg,
.wht_bg {
    border-radius: 5px;
    height: 100%
}

.comm_content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.blockchain-indu:hover,
.com_bg:hover {
    border-color: #216fa7
}

section.commitment_sec .heading_type2 {
    width: 80%;
    margin: 0 auto 40px
}

.header_sec .nav-link.active::after,
.header_sec .nav-link::after {
    content: "";
    display: inline-block;
    width: 0;
    background: #fff;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: .2s;
    height: 2px
}

li.nav-item.login_btn a.nav-link.btn {
    padding: 10px 20px;
    margin-top: 11px
}

.header_sec .dropdown-item {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    font-size: 20px
}

section.main_contaact_sec {
    background: #f1f1f1;
    padding: 0 0 70px
}

.loan-lending-form .contact_sec_form,
section.main_contaact_sec .contact_sec_form {
    margin-top: 0;
    border-radius: 0;
    padding: 20px 0 0
}

.wht_bg {
    background: #fff;
    position: relative;
    z-index: 11
}

.wht_bg_inner {
    background: #fff;
    padding: 0
}

.green_bg {
    background-image: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/contact_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0 30px;
    color: #fff;
    height: 100%
}

.banner_sec,
i.dot_sliders {
    background: #e6e6e6
}

.contact_us_sec .office_phone {
    justify-content: left;
    color: #fff;
    margin-bottom: 30px
}

section.career_sec .heading_type1 {
    width: 80%;
    margin: 0 auto
}

.g-bg {
    background-color: #e6e6e6;
    text-align: center
}

.center_img h4 {
    font-size: 26px;
    margin: 25px 0 20px;
    font-weight: 700
}

.center_img p {
    font-size: 15px;
    margin-bottom: 0
}

.career_inner {
    padding: 10px 0 0
}

.career_buss_sec p {
    font-size: 22px;
    color: #000;
    margin-top: 20px
}

.best_services_con h4 a,
.business_sec_itms.career_item .business_sec_con h4,
.event_title_sec h4 a {
    color: #010101
}

.business_sec_itms.career_item .business_sec_con p {
    word-break: break-all;
    color: #010101
}

.business_sec_itms.career_item .business_sec_con p.p-17 {
    font-size: 17px;
    color: #216fa7;
    padding: 5px 0
}

.business_sec_itm.career_item {
    margin-bottom: 0;
    padding-bottom: 10px
}

.resume_sec_form {
    border-radius: 10px;
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}

.resume_sec_form h4 {
    color: #010101;
    font-weight: 700;
    margin-bottom: 0
}

.resume_sec_form p {
    color: #878ea3
}

.resume_sec_form .form-control {
    background: #f7f7f7;
    color: #010101;
    min-height: 47px;
    border-radius: 5px;
    display: block;
    border: 1px solid #ced4da;
    font-size: 15px
}

.resume_sec_form .file_input.form-control span {
    justify-content: left;
    border: 0;
    padding: 0
}

.resume_sec_form .file_input.form-control input[type=file] {
    position: inherit;
    padding: 3px 0;
    opacity: 1;
    width: auto;
    height: auto
}

.banner_sec_con_in p {
    color: #fff;
    font-size: 20px !important;
    width: 100%;
    margin: 30px auto;
    line-height: 1.6
}

.banner_sec_con_in .p_logo,
.blog-app-img img,
.contact_desktop,
.contact_sec_con img,
.cost_ic3,
.heading_type1.heading_type,
.od-b1,
.od-b2,
.od-b3,
.od-b4,
.od-b5,
.od-b6,
.od-w1,
.od-w2,
.od-w3,
.od-w4,
.od-w5,
.od_ic1,
.od_ic10,
.od_ic11,
.od_ic12,
.od_ic13,
.od_ic14,
.od_ic2,
.od_ic3,
.od_ic4,
.od_ic5,
.od_ic6,
.od_ic7,
.od_ic8,
.od_ic9,
.port_con_sec a.btn.btn-default,
.s-r1,
.s-r2,
.s-w1,
.s-w2,
.s-w3,
.s-w4,
.s-w5,
.sales-r1,
.sales-r2,
.sales-r3,
.sales-r4,
.sales-r5,
.sales-r6,
.sales-r7,
.sales-r8,
.sales_w1,
.sales_w4,
.sales_w5,
.sales_w8,
.sales_w9,
.step_con .thankyou_sec_in,
.timing-img,
.wallet-img img {
    margin: 0 auto
}

.port_img_sec img {
    width: auto;
    max-width: 80%;
    margin: 0 auto;
    display: table
}

.b_category_sec ul,
.design-portal ul {
    padding-left: 0;
    margin-bottom: 0
}

.design-portal ul li {
    text-align: center;
    list-style: none
}

.design-portal ul li .bg_clr {
    background: #fff;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 10px;
    justify-content: center
}

.admin_ewallet .ewallet-icon img {
    max-width: 30px
}

.design-portal ul li .bg_clr img,
.sc-icon img,
ul.footer_items.footer_social li img {
    max-width: 45px
}

.grocery_delivery_app_sec h3,
section.port_overview h3.heading_type3 {
    text-align: center;
    font-weight: 700
}

section.port_overview p {
    margin: 0 auto 20px;
    line-height: 26px
}

.design-portal .port_dtl p {
    font-size: 10px;
    font-weight: 600;
    padding: 0 !important;
    margin: 0;
    text-align: center;
    max-width: 100%
}

section.talk_sec.resume_update.portfolio_dtl h3 {
    font-size: 42px;
    line-height: normal;
    margin-bottom: 10px
}

.blog-sec3 h3,
.business-content h3,
.demand_title h4,
.development-item h3,
.font-28,
.heading_h3,
.hire_name,
.hire_sec_con h3,
.hire_web .heading_type4 h3,
.service-head h3,
.service_button .btn,
.thankyou_sec_in p,
section.talk_sec.resume_update.portfolio_dtl .heading_type2 h4 {
    font-size: 22px
}

.office_phone a {
    color: #293339
}

i.dot_sliders {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer
}

.industries_sec .owl-carousel .owl-nav button[class*=owl-] {
    top: 0;
    position: relative;
    margin-right: 10px;
    color: #fff
}

.lSSlideOuter .lSPager.lSGallery li.focus i.dot_sliders {
    color: #0e0e0e !important;
    background: #0e0e0e !important
}

.case_std_box {
    border-radius: 10px;
    box-shadow: 1px 1.732px 10px 5px rgb(18 18 18 / 25%);
    overflow: hidden
}

.load_more_btn i {
    font-size: 12px !important;
    position: relative;
    top: 2px
}

.content {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 20px 0
}

.content .content-overlay {
    background: rgb(0 0 0 / 90%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: .15em;
    margin-bottom: .5em;
    text-transform: uppercase
}

.fadeIn-top {
    top: 20%
}

.main_title_b h3 {
    font-weight: 700;
    border-top: 3px solid #fff;
    padding: 10px 0;
    margin: 20px 10px;
    border-bottom: 3px solid #fff
}

.view-case {
    margin: 20px 0
}

.blog_cta_cls .cta_head h4,
.contact_heading .test_head h3,
.inner_cont_sec h3,
.newslater_sec h4,
.overview-cont p,
.test-cont h3,
.view-case .view_btn.btn {
    font-size: 20px
}

.design-portal ul li .bg_clr i {
    color: #216fa7;
    font-size: 70px;
    line-height: .8
}

.modal-dialog-centered {
    min-height: calc(100% - 2.5rem);
    margin: 1.25rem auto
}

section.sitemap {
    padding: 70px 0 40px
}

.listing_sec h3,
.ui-technologies h4 {
    font-size: 28px;
    font-weight: 700
}

.listing_sec ul li {
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 8px 0 rgb(0 0 0 / 11%);
    height: 47px;
    display: flex;
    align-items: center;
    width: 100%
}

.listing_sec ul li a {
    color: #010101;
    padding: 0 20px;
    transition: .5s;
    font-size: 16px;
    font-weight: 700;
    width: 100%
}

.listing_sec ul li:hover {
    transition: .5s;
    background-color: #001b8c;
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 17%);
    border: 1px solid #001b8c
}

section.uiux_sec p.heading_para {
    font-size: 16px;
    width: 80%;
    margin-bottom: 0;
    margin-top: 10px
}

.designer_box {
    background: #fff;
    padding: 25px 20px 35px;
    border-radius: 10px;
    margin-bottom: 20px
}

.designer_box p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0
}

.designer_box h4 {
    font-size: 18px;
    font-weight: 700
}

.technologies_sec .tabing_type3_info {
    flex: 0 0 870px;
    max-width: 100%;
    margin-left: 0 !important
}

.app_business.technologies_sec .tabing_type3 {
    align-items: self-start
}

.app_business.technologies_sec .tabing_type3 .tabv_content {
    justify-content: initial
}

.app_business.technologies_sec .tabing_type3 p.para_sec {
    max-width: 100%;
    text-align: left;
    margin-top: 20px;
    font-size: 16px
}

.ui-technologies {
    text-align: left;
    margin-top: 30px
}

.ui-technologies ul {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px
}

.ui-technologies ul li {
    margin-bottom: 0;
    display: inline-block;
    text-align: center
}

.ui-technologies ul li .techno_img {
    border: 1px solid #e8e8e8;
    display: inline-block;
    border-radius: 10px
}

.ui-technologies p {
    margin-bottom: 0;
    color: #001389;
    font-weight: 700
}

.blog_cta_cls.new-cta .cta_head,
.multi-blog-img .single-img:first-child,
.ui-technologies ul li:first-child {
    margin-left: 0
}

.app_business.technologies_sec .tabing_type3 .nav-link .tabing_type1_img img {
    filter: brightness(.1)
}

.app_business.technologies_sec.tabing_type3a.nav-link.active.tabing_type1_imgimg {
    filter: initial !important
}

section.talk_sec.technologies_detail h3 {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    font-weight: 700
}

section.talk_sec.technologies_detail p {
    text-align: center;
    font-size: 16px;
    max-width: 90%;
    margin: 35px auto
}

.technologies_list ul {
    padding-left: 0;
    justify-content: space-between
}

.technologies_list ul li {
    background: #fff;
    width: 100%;
    color: #010101;
    padding: 20px 5px;
    line-height: 1;
    border-radius: 10px
}

.technologies_list ul li p {
    line-height: 1.3 !important;
    margin: 15px auto 0 !important
}

section.sitemap [class*=col-] {
    padding: 0 50px
}

.chalange-bg {
    background: #f1f1f1;
    border-radius: 5px
}

.challenge-con ul {
    margin-bottom: 0;
    padding-left: 14px;
    font-weight: 700;
    margin-top: 10px
}

.challenge-con ul li,
.top_post_single .post_name p,
.why_cont_sec p {
    font-size: 13px
}

.chalage-img img {
    flex: 0 0 40px;
    max-width: 50px
}

.challenge_inner_sec,
.comp-badge,
.cost_inner,
.top_posts {
    padding-top: 20px
}

.chalage-img h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-left: 15px
}

.business-content p,
.grocery_cont.fleet-management-cont p {
    font-size: 14px;
    line-height: 1.7
}

.business-content p {
    color: #303030;
    margin-bottom: 10px
}

.business-bg {
    background: #fff;
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.border-cls,
.comment_sec .form-group {
    margin-bottom: 25px
}

.footer-middle ul.footer_items.footer_social,
.restaurant_service .business-ing,
.social_bg .business-inner-sec [class*=col-],
section.service_providesec.restaurant-cost-estimation .business-inner-sec [class*=col-] {
    margin-top: 25px
}

.b-overlay:after {
    background: #216fa7;
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
    left: 0;
    transition: .5s
}

.box_border:after,
.box_border:before,
.box_border_inner:after,
.box_border_inner:before {
    z-index: 3;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    bottom: 10px;
    right: 10px;
    transition: .5s;
    content: ""
}

.business_tit {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.buss-title h4,
.buss-title h5,
.serv-box-cont h4,
.serv-box-cont h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 24px
}

.buss-title,
.talk_expert:hover span.btn_arrow,
span.btn_arrow {
    margin-left: 10px
}

.business-bg p {
    margin-bottom: 0;
    font-size: 16px
}

section.service_providesec .list_sec_item {
    margin-top: 18px
}

section.service_providesec .list_sec_item_ic {
    flex: 0 0 40px;
    line-height: 10px
}

section.service_providesec .list_sec_item_ic i {
    font-size: 40px;
    color: #216fa7
}

.blog_img img {
    border-radius: 10px;
    width: auto !important;
    margin: 0 auto;
    text-align: center;
    display: table
}

.single_blog_cont {
    width: 100%;
    margin: 0;
    position: relative
}

.blgo-title .blog-title-link,
.blgo-title a,
.blgo-title>a {
    margin: 15px 0 0 !important;
    font-size: 20px;
    font-weight: 700;
    color: #0f113a;
    transition: .5s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: normal;
    min-height: 50px
}

.blgo-title h3,
.heading_type1.heading_type h3,
.newslater_sec h4 {
    line-height: 1
}

.date_comp .date_inner {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.date_comp .company_inner .date-icon,
.date_comp .date_inner .date-icon {
    line-height: 0;
    flex: 0 0 24px;
    position: relative;
    top: -1px
}

.date a,
.date_comp .company_inner .date p,
.date_comp .date_inner .date p {
    margin-bottom: 0;
    font-size: 14px;
    color: #216fa7;
    white-space: nowrap
}

.ewallet_blog .blog_cta_cls {
    margin-top: 30px !important;
    margin-bottom: 0
}

.app_sub_inner,
.content_blog,
.owl-carousel .owl-nav button.owl-prev,
.restaurant_service .list_sec_item_ic,
.technologies_list ul li:last-child,
ul.copyright li a.dmca-badge {
    margin-right: 10px
}

a.read-btn {
    color: #216fa7;
    padding: 10px 0 0;
    width: 100%;
    display: block
}

a.read-btn:hover img {
    margin-left: 15px !important;
    transition: .5s
}

.single_blog_cont a.read-btn img {
    transition: .5s;
    margin-left: 8px
}

a.read-btn:hover {
    color: #930600
}

.single_blog {
    border: 1px solid #fff;
    height: calc(100% - 30px);
    overflow: hidden
}

.search-icon {
    position: absolute;
    top: 12px;
    right: 15px
}

.search_wrap .form-group {
    margin-bottom: 0;
    position: relative
}

.search_wrap .form-group input.form-control {
    min-height: 52px;
    padding-left: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1.464px 5px 1px rgb(0 0 0 / 11%);
    padding-right: 40px
}

.b_category_sec {
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 1px 1.464px 5px 1px rgb(0 0 0 / 11%);
    padding: 15px
}

.caegroy-title h3 {
    font-weight: 700;
    margin-bottom: 0
}

.b_category_sec ul li a {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    line-height: 1;
    position: relative;
    width: 100%;
    display: block;
    color: #010101
}

.b_category_sec ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    background: #216fa7;
    width: 0;
    bottom: -1px;
    transition: .5s
}

.b_category_sec ul li:last-child a {
    padding-bottom: 10px;
    border-bottom: 0
}

.top_post_single {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px
}

.top_post_single .post-no {
    flex: 0 0 20px;
    max-width: 20px
}

.top_post_single .post_name a {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    color: #010101;
    line-height: 1 !important
}

.top_post_single .post-no h4 {
    margin-bottom: 0;
    font-weight: 700
}

.web-date {
    display: flex;
    padding: 5px 0 0;
    align-items: center
}

.web-date h5 {
    color: #216fa7;
    margin-bottom: 0
}

section.blog_sec.blog_detail_sec .single_blog_cont {
    margin-top: 25px;
    width: 100%;
    box-shadow: none;
    border: 0;
    padding: 0
}

section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title h3 {
    line-height: 1;
    margin: 15px 0 10px;
    white-space: initial
}

section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title p {
    margin-bottom: 15px;
    line-height: 1.7
}

.share_content h4 {
    font-size: 22px;
    font-weight: 700
}

.share_content ul {
    padding-left: 0;
    display: flex;
    margin-bottom: 0
}

.member_content h4,
.member_content p,
.member_content p.sub_heading,
.member_content_inner p.sub_heading {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.share_content ul li {
    list-style: none;
    margin-right: 10px
}

.leave_reply_sec h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px
}

.leave_reply_sec p {
    font-size: 16px;
    color: #0f113a;
    margin-bottom: 10px
}

.comment_sec .form-group label {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700
}

.comment_sec .form-group textarea.form-control {
    resize: none
}

.content-details a img {
    max-width: 192px;
    max-height: 145px
}

.comment_sec .form-group.sbt-btn input[type=submit] {
    background: #216fa7;
    color: #fff;
    font-size: 22px;
    border: 0;
    border-radius: 5px;
    padding: 10px 0;
    width: 100%
}

.member_dtl {
    border-radius: 10px;
    box-shadow: 2px 4px 13px 2px rgb(18 18 18 / 11%);
    overflow: hidden
}

.senior_sec h3 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.member_content h4 {
    padding: 0;
    font-weight: 700;
    -webkit-line-clamp: 1
}

.member_content p.sub_heading {
    line-height: 1;
    margin: 0;
    -webkit-line-clamp: 1
}

.member_content p {
    -webkit-line-clamp: 3
}

.icon_sec img {
    margin-right: 5px;
    transition: .5s
}

.icon_sec img:hover {
    margin-top: -10px;
    transition: .5s
}

.box_border:after,
.box_border:before {
    position: absolute;
    border-radius: 10px
}

.box_border:after,
.box_border_inner:after {
    border-top: 2px solid #216fa7;
    border-right: 2px solid #216fa7;
    -webkit-transform-origin: 100% 0
}

.box_border:before,
.box_border_inner:before {
    border-bottom: 2px solid #216fa7;
    border-left: 2px solid #216fa7;
    -webkit-transform-origin: 0 100%
}

.box_border:hover:after,
.box_border:hover:before,
.box_border_inner:hover:after,
.box_border_inner:hover:before {
    -webkit-transform: scale(1)
}

.team_box_inner {
    background: #fff;
    border-radius: 10px;
    height: 100%
}

.team_bg .team_icon {
    display: flex;
    align-items: flex-end
}

.member_dtl_inner {
    padding: 15px;
    text-align: center
}

.member_dtl_inner .member_img img {
    margin: 0 auto;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    overflow: hidden
}

.member_content_inner h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    overflow: hidden
}

.crm_sec_con h4,
.crm_sec_con p,
.popup_content_cls h4 {
    font-size: 16px;
    margin-bottom: 0
}

.member_content_inner p.sub_heading {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 15px;
    -webkit-line-clamp: 1
}

.box_border_inner:after,
.box_border_inner:before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 10px
}

.blog_inner_sec .row,
.challenge_inner_sec .row,
.diverce_list .row,
.event_img_space .row,
.inner_team_sec .row,
.member_dtl .row,
section.sitemap .row {
    margin: 0 -10px
}

.inner_team_sec [class*=col-] {
    padding: 0 7.5px;
    margin-bottom: 15px
}

.app-flow-sec .heading_type1 h3,
.team_work .heading_type1 h3 {
    color: #fff;
    line-height: 1.2
}

section.team_work a.btn {
    text-align: center;
    margin: 50px auto 0;
    display: table;
    padding: 20px 50px;
    font-size: 32px
}

.member_dtl [class*=col-] {
    padding: 0 10px 0 0
}

.web-date span {
    height: 5px;
    width: 5px;
    background: #216fa7;
    border-radius: 50%;
    margin: 0 10px
}

.icon_sec {
    height: 32px
}

.app_development .tabing_type1_in .nav-item:first-child a.nav-link.active img,
.app_development .tabing_type1_in .nav-item:first-child a.nav-link:hover img {
    filter: opacity(1)
}

.port_sec.port_inner_cls .hire_links {
    margin-top: 0 !important
}

.crm-img img,
.tabing_type2_con_img img {
    border-radius: 6px
}

.resume_sec_form select.form-control {
    background: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/dn.webp) no-repeat #f7f7f7;
    background-position: calc(100% - 12px);
    appearance: none
}

.term_sec_innner {
    display: flex;
    justify-content: space-between
}

.choose_invento_itm,
.hire_mean .hire_link_item,
.mobile_companies_itm {
    padding: 25px 10px
}

.crm_bg_inner {
    background: #fff;
    flex-wrap: wrap
}

.crm_bg_inner .col-class {
    border: 1px solid #919191;
    padding: 25px;
    flex: 0 0 25%
}

.crm_ic {
    height: 64px;
    display: flex;
    align-items: center
}

.crm_sec_con p {
    line-height: 1.4;
    color: #000
}

.crm_bg_inner [class*=col-]:hover {
    background: #216fa7;
    border-color: #216fa7;
    transition: .5s
}

.crm_ic,
.features-offer,
.green_bg.g_main_cls .row,
.hire_web_itms .row,
.partner_sec_in,
.port_sec_in .row,
.sales-r2,
.sales-r3,
.sales-r4,
.sales-r5,
.sales-r6,
.sales-r7,
.tabing_type1_in .nav-tabs,
.technologies_sec .row,
section.blog_home .blog_inner_sec .row {
    justify-content: center
}

.cont-size .blog-sec3 ul,
.games_inner,
.industries_space ul,
.rate_list,
ul.footer_items.footer_social {
    display: flex;
    flex-wrap: wrap
}

.footer_items.footer_social {
    list-style: none;
    justify-content: center
}

ul.footer_items.footer_social li {
    height: 45px;
    width: 45px
}

.sc-icon img {
    flex: 0 0 45px
}

ul.copyright {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: end;
    align-items: center
}

ul.copyright li {
    padding: 0 5px;
    color: #8a8a8a
}

ul.copyright li a {
    color: #8a8a8a
}

section.blog_home {
    margin: 70px 0 40px
}

.c-features-con ul li:hover h5,
.event_zoom:hover,
.features-slider .owl-item.active,
.talk_expert:hover,
.talk_expert:hover span.btn_arrow,
span.btn_arrow {
    transition: .5s
}

.banner_sec_img:after {
    content: "";
    background: #131313d1;
    height: 100%;
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 0
}

.skip_sec {
    position: absolute;
    bottom: 60px;
    right: 60px;
    z-index: 1
}

.skip_sec a.skip-btn.btn {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #fff;
    padding: 5px 20px
}

.skip_sec a.skip-btn.btn img {
    max-width: 18px
}

.appi-portfolio-sec-left:after {
    height: 100vh;
    content: "";
    background: #0000006b;
    width: 100%
}

.our-wrok-btn {
    margin: 70px auto 0;
    text-align: center
}

a.lets_btn {
    background: #fff !important;
    color: #216fa7;
    font-weight: 500;
    border: 1px solid #fff;
    line-height: 1.7
}

section.talk_expert.great_app_sec a.talk_expert_btn {
    line-height: 1.2;
    padding: 0
}

section.talk_expert.great_app_sec span.sub_content {
    display: block;
    color: #fff;
    line-height: 1.2;
    margin: 10px 0 0
}

.lets_btn_cls {
    margin: 10px auto 0;
    display: table
}

section.talk_expert.great_app_sec {
    padding: 25px 0
}

section.diverce_sec.android_diverce .list_sec_item {
    background: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    word-break: break-all;
    border: 1px solid #ccc
}

.android_service {
    padding-bottom: 70px !important
}

.great_app_inner {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center
}

.test_head h4.content_sub_head {
    font-weight: 500;
    opacity: .8
}

.lets_btn_cls a.btn.btn-danger.lets_btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.lets_btn_cls a.btn.btn-danger.lets_btn span.btn_arrow {
    margin-left: 15px;
    line-height: 0;
    transition: .5s
}

.lets_btn_cls a.btn.btn-danger.lets_btn:hover span.btn_arrow {
    margin-left: 25px;
    transition: .5s;
    filter: brightness(0) invert(1)
}

.lets_btn_cls a.btn.btn-danger.lets_btn:hover {
    background: #2570ab !important;
    border: 1px solid #fff
}

section.work_process {
    margin-top: 60px;
    padding-bottom: 60px
}

.android_diverce .list_sec_col {
    background: #fff !important;
    height: calc(100% - 30px);
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
    margin-top: 15px
}

section.diverce_sec.android_diverce .list_sec_item .list_sec_item_ic {
    flex: 0 0 20px;
    margin-right: 10px
}

.blog_inner_sec [class*=col-],
.diverce_list .row [class*=col-],
.event_img_space [class*=col-],
.member_content,
.partner_sec_img,
section.blog_sec.blog_detail_sec .blog_inner_sec [class*=col-] {
    padding: 0 10px
}

.android-industry .industries_sec_img img {
    max-width: 80px;
    max-height: 80px
}

.android-industry-item {
    padding: 25px;
    box-shadow: 0 0 15px 0 rgb(163 162 163 / 15%);
    border: 1px solid #ebebeb;
    border-radius: 10px;
    transition: .5s;
    background: #fff
}

.android-industry-img i {
    font-size: 60px;
    color: #001382;
    line-height: 0;
    display: inline-block
}

.android-industry-con h4 {
    margin-bottom: 0;
    font-size: 20px
}

.android-industry,
.we-offer-sec {
    padding-bottom: 70px
}

.food_restorent_page .heading_type1,
.heading_para.restaurant_service-p-text {
    margin-bottom: 15px !important
}

.bg-5 {
    background: #fff1fa !important
}

ul.features-list {
    padding-left: 15px;
    margin-bottom: 0
}

ul.features-list li {
    list-style: disc
}

ul.features-list li a {
    color: #010101;
    font-size: 18px
}

.restaurant_service h3 {
    margin-bottom: 10px;
    line-height: 1.2
}

.hire_link_item.android_link_cls {
    display: inherit
}

.hire_link_item.android_link_cls .hire_link_name {
    margin-top: 15px;
    display: inline-block
}

.android_service .best_services_ic img {
    max-width: 40px !important
}

.best_services .row [class*=col-]:nth-child(8) .best_services_ic,
.best_services .row [class*=col-]:nth-child(8) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(8) .best_services_ic span::before,
.best_services .row [class*=col-]:nth-child(8) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(8) .best_services_ic::before {
    background: #b74c7c
}

.restaurant_service p.heading_para {
    width: 100%;
    margin-bottom: 5px
}

.about_sec.mean_solution_sec.bg_gray,
.hiring_sec,
.talk_expert+style+section.testimonial_sec {
    padding-top: 60px
}

.fullpage-popup .modal_cls .modal-content .modal-header {
    border-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    background: hsl(0 0 0 / 41%);
    z-index: 1111
}

.fullpage-popup .modal_cls .modal-dialog {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0;
    border: 0;
    bottom: 0;
    top: 0;
    border-radius: 0 !important;
    background-repeat: no-repeat
}

section.banner_sec.banner_inner {
    position: relative;
    background: 0
}

.accpetbtn.declinebtn {
    background-color: #010101
}

.fullpage-popup .modal_cls .modal-content {
    height: 100% !important;
    overflow-y: auto !important;
    background: rgb(238 50 55 / 58%);
    padding-bottom: 100px
}

.fullpage-popup .modal_cls .modal-content button.close {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    opacity: 1 !important;
    text-shadow: none;
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 0
}

.fullpage-popup .modal_cls .modal-content button.close span {
    font-size: 26px;
    font-weight: 300;
    line-height: 0
}

.category-tag ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0 0
}

.category-tag ul li {
    background: #fff;
    border-radius: 20px;
    list-style: none;
    margin: 0 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #333;
    font-weight: 600
}

.p_logo h1 {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1
}

.fullpage-popup section.banner_sec.banner_inner .banner_sec_con .port_img_sec {
    padding: 55px 0
}

.fullpage-popup .modal_cls .modal-content .banner_sec_img {
    height: 100%;
    padding: 150px 0 0
}

.fullpage-popup section.port_overview p {
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    padding: 20px 0 40px;
    margin-bottom: 0
}

.fullpage-popup .resume_update .talk_sec_con h3 {
    color: #fff;
    font-size: 50px
}

.fullpage-popup .resume_update .talk_sec_con h4 {
    color: #fff;
    font-size: 22px
}

section.port_overview h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 50px
}

section.talk_sec.resume_update .resume_sec_form {
    background: #fff;
    padding: 30px
}

.privacy_cls {
    position: fixed;
    width: 500px;
    background: #fff;
    bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 0 30px #00000017;
    z-index: 12;
    transition: .5s;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    border: 1px solid #d6d6d6;
    max-width: 80%
}

.client-img,
span.policyimg {
    flex: 0 0 100px
}

span.privacy_dtl {
    display: block;
    font-weight: 500;
    line-height: 1.5
}

.accpetbtn {
    background: #216fa7;
    color: #fff !important;
    border-radius: 5px;
    border: 0;
    margin-right: 10px
}

body.cookies_remove #privacyaccept {
    display: none;
    transition: .5s
}

.privacy-inner {
    padding-bottom: 25px
}

.crm_main_sec .about-content,
.event_sec:last-child .event_img_space,
.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:last-child,
.privacy-inner:last-child,
section.best_services [class*=col-]:last-child .best_services_item,
section.blog-sec2.ask_sec,
section.main_contaact_sec .contact_sec_form,
section.work_process.developer-process {
    padding-bottom: 0
}

.privacy-inner ol,
.privacy-inner ul {
    margin-bottom: 0;
    padding-left: 15px
}

.privacy-inner ol li,
.privacy-inner ul li {
    font-size: 16px;
    color: #010101
}

.privacy-inner p {
    margin-bottom: 0;
    padding-top: 15px
}

.privacy-inner ol li h5 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600
}

section.notfount_page {
    max-width: 900px;
    margin: 70px auto
}

.page-notfound header.header_sec {
    background: #00152e;
    position: initial
}

.page-notfound footer.footer_sec {
    padding-top: 40px;
    border-top: 1px solid #cccccc3d
}

.port_sec.port_inner_cls .hire_links ul.nav.nav-tabs,
section.port_sec .hire_links ul.nav.nav-tabs {
    justify-content: center;
    border-bottom: 0
}

section.port_sec .hire_links li.nav-item {
    font-weight: 700;
    padding: 0 10px
}

.header_progress_bar {
    width: 100%;
    height: 4px;
    background: 0;
    position: fixed;
    top: 0;
    z-index: 1111
}

.call-icon,
.envelope-icon,
.user-icon {
    top: 8px;
    left: 15px
}

.header_progress_bar .progress-bar {
    height: 4px;
    background: #216fa7;
    width: 0
}

.header_sec li.nav-item.dropdown .dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border-radius: 0;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    background: 0;
    left: 0;
    right: 0;
    overflow: auto;
    box-shadow: unset;
    border: 0;
    display: none;
    box-shadow: 0 5px 5px rgb(0 0 0 / 8%);
    top: 120%
}

.submenu-inner {
    background: #fff;
    max-width: 100%;
    margin: auto;
    border-radius: 0 0 40px 40px;
    padding: 30px
}

.has-dropdown {
    position: static
}

.header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
    transition: .5s;
    margin-top: 0;
    max-height: calc(90vh - 67px);
    opacity: 1;
    visibility: visible;
    max-width: 70%;
    display: block;
    box-shadow: 0 5px 20px rgb(0 0 0 / 12%);
    border-radius: 0 0 20px 20px
}

.header_sec li.nav-item.dropdown:hover .dropdown-menu {
    transition: .5s;
    margin-top: 0;
    height: inherit;
    top: 100%
}

.submenu-row {
    z-index: 111;
    position: relative
}

.submenu-title h3 a i {
    font-size: 14px;
    line-height: 0;
    color: #fff !important
}

.submenu-title h3 a i::before {
    font-weight: 900 !important
}

.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:active,
.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:focus,
.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:hover,
.header_sec li.nav-item .submenu-title h3 .dropdown-item:active,
.header_sec li.nav-item .submenu-title h3 .dropdown-item:focus,
.header_sec li.nav-item .submenu-title h3 .dropdown-item:hover {
    background: 0;
    color: #216fa7
}

.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item {
    padding: 0 0 20px 20px;
    border-bottom: 0;
    color: #010101;
    font-size: 15px;
    transition: .5s;
    line-height: 1;
    position: relative;
    font-weight: 500
}

.header_sec li.nav-item.dropdown .nav-link:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    top: calc(120% - 20px);
    z-index: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 10px solid #fff;
    left: calc(50% - 10px);
    opacity: 0;
    transition: .5s
}

.header_sec li.nav-item.dropdown:hover .nav-link:before {
    width: 20px;
    top: calc(100% - 20px);
    opacity: 1
}

.overlay:after {
    position: absolute;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .6
}

section.hire_developer.bg_none {
    background: 0;
    padding: 70px 0
}

.work_process.developer-process .row [class*=col-] .work_process_ic::before {
    left: calc(100% - -60px)
}

.border-cls,
body.salesforce_page .img_sec {
    margin-bottom: 35px
}

.contact_btn_cls {
    width: 100%;
    background: #216fa7;
    padding: 10px 0
}

.our-wrok-btn {
    background: #206fad;
    padding: 15px 0
}

.our-wrok-btn h4 {
    margin-top: 0;
    color: #fff;
    padding: 0;
    margin-right: 10px;
    font-weight: 700
}

.cta-inner-single-headding,
.great_app_inner h3 {
    font-weight: 600;
    color: #fff
}

.megamenu-cls {
    position: relative;
    left: 2px;
    margin-top: 20px
}

.megamenu-cls:after {
    content: "";
    position: absolute;
    height: calc(100% - 0);
    width: 1px;
    background: #888;
    top: 0
}

.header_sec .submenu-title .dropdown-item {
    border-bottom: 0;
    font-weight: 600;
    padding: 0;
    color: #010101;
    line-height: 1.1
}

.submenu-row .inner-menu .submenu {
    border: 0;
    padding: 0 15px
}

.inner-menu {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
    padding-left: 15px
}

.service_head {
    padding-right: 15px
}

.cta-inner-single-headding {
    text-align: left
}

.header_sec .menu_btn .btn-danger {
    margin-left: 0;
    margin-bottom: 20px
}

.service_head .header-sub-service {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 20px
}

.service_head p {
    font-size: 17px;
    margin-bottom: 40px
}

.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:after {
    content: "";
    position: absolute;
    left: -1px;
    height: 0;
    width: 3px;
    background: #216fa7;
    z-index: 9;
    transition: .5s;
    top: 0
}

.has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:hover:after {
    height: 15px
}

.menu-img {
    position: absolute;
    bottom: 0
}

span.arrow_cls {
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-top: 5px solid #fff;
    position: relative;
    top: 12px;
    right: -5px
}

li.nav-item.dropdown:hover a.nav-link span.arrow_cls {
    border-top-color: #216fa7
}

.header_sec li.nav-item.dropdown.inner-dropdown .dropdown-menu {
    box-shadow: 0 5px 5px rgb(0 0 0 / 8%);
    border-radius: .25rem
}

.menu_bg,
.menu_bg.menu_bg_full {
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    background-size: 40% !important
}

.thankyou_sec_in {
    margin: 0 auto 30px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 49px 0 rgb(223 223 223 / 46%);
    padding: 25px;
    border-radius: 15px
}

.hire_link_bg,
.partner_sec_img,
.rate_icon,
.sc-icon,
.test_con_meta_img {
    background-image: url(../img/bg_icon_new1.webp);
    background-repeat: no-repeat
}

.thankyou_sec {
    margin-top: -270px;
    position: relative
}

.thankyou_sec_in img {
    max-width: 150px;
    margin-bottom: 15px
}

.thankyou_sec_in h1 {
    font-weight: 700;
    font-size: 60px
}

.input-group.country_code i {
    left: 17px;
    z-index: 11
}

.country_code select.form-control {
    border-right: 0;
    padding-left: 45px;
    border-radius: 5px 0 0 5px !important;
    z-index: 0 !important;
    padding-right: 5px
}

.input-group.country_code input.form-control {
    border-left: 0 !important
}

.country_code .telephone_control {
    border-left: 0;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.resume_sec_form select.form-control {
    padding-left: .75rem
}

.blog_cta_cls h3,
.privacy-inner h2 {
    font-size: 30px;
    font-weight: 600
}

.blog_row .blog_img,
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag,
.iti--separate-dial-code .iti__selected-flag {
    background: 0 0 !important
}

.input-group.country_code input {
    border: 1px solid #ced4da
}

.resume_sec_form .input-group.country_code input {
    color: #010101;
    min-height: 47px;
    border-radius: 5px;
    display: block;
    border: 1px solid #ced4da !important;
    font-size: 15px
}

.form-control:focus {
    border-right: 1px solid #216fa7 !important
}

.input-group.country_code input:focus {
    border-color: #216fa7;
    border-left: 1px solid #216fa7 !important
}

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

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

.android-industry .item,
.blgo-title .date_inner .date-icon,
.blog_inner_main_sec .owl-nav,
.business-content.fleet-bus-cont,
.business-inner-sec,
.business_sec_con a.btn,
.company_inner,
.port_con_img,
.rating_img,
section.blog_sec.blog_detail_sec .right-sidebar,
section.column.left.banner {
    margin-top: 15px
}

.business_sec_itm:hover a.btn {
    background: #fff;
    color: #216fa7
}

.fullpage-popup li.parsley-type {
    color: #fff;
    position: absolute;
    left: 0
}

#previous,
.challenge-cls:after,
.hire_web_itms .row .col_4:nth-child(odd) .hire_web_con:before,
.position-cls,
li.parsley-required {
    left: 0
}

.consultant_in li.parsley-required {
    position: absolute;
    bottom: -22px;
    left: 0
}

.cloud_page .list_sec_item_con p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px
}

.cloud_page .list_sec_item_con h4 {
    font-size: 18px;
    font-weight: 600;
    color: #010101;
    line-height: 1.2;
    margin-bottom: 0
}

.cloud_page .list_sec_item {
    align-items: flex-start
}

.business_tit .buss-icon {
    flex: 0 0 50px;
    max-width: 50px
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important
}

.right-sidebar .contact_sec .contact_sec_form,
.single_blog:hover {
    box-shadow: 1px 1.464px 5px 1px rgb(0 0 0 / 11%);
    background-color: #fff
}

.ask_sec .card-body ul {
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 0
}

.test_con_meta_img {
    height: 45px;
    width: 48px;
    flex: 0 0 48px
}

.office_item_icon .ind1 {
    background-image: url(../img/bg_icon.webp);
    background-repeat: no-repeat;
    height: 36px;
    width: 44px;
    background-position: -324.5px -15px
}

.c1,
.iot-1 {
    background-position: -10px -10px
}

.c2 {
    background-position: -73px -10px
}

.c3 {
    background-position: -136px -10px
}

.c4 {
    background-position: -199px -10px
}

.c5 {
    background-position: -262px -10px
}

.s1,
.s2,
.s3,
.s4,
.s5,
.s6 {
    width: 45px;
    height: 45px;
    display: block
}

.s1 {
    background-position: -285px -206px
}

.s2 {
    background-position: -120px -206px
}

.s3 {
    background-position: -340px -206px
}

.s4 {
    background-position: -64px -206px
}

.s5 {
    background-position: -173px -206px
}

.s6 {
    background-position: -503px -206px
}

.rate_list a,
.rate_list span {
    flex: 0 0 calc(100% / 8);
    padding: 5px 0
}

.rate_icon {
    width: 76px;
    height: 65px;
    background: 0 0 !important
}

.industries_sec_img,
.test_con_user_img {
    background-repeat: no-repeat
}

.partner_sec_img {
    margin: 0 auto;
    font-size: 0;
    min-height: 100%
}

.plogo-1 {
    background-position: -10px -290px;
    width: 125px;
    height: 28px
}

.plogo-2 {
    background-position: -140px -290px;
    width: 128px;
    height: 29px
}

.plogo-3,
.plogo-4,
.plogo-5,
.plogo-6 {
    height: 28px
}

.plogo-3 {
    background-position: -279px -290px;
    width: 107px
}

.plogo-4 {
    background-position: -395px -290px;
    width: 99px
}

.plogo-5 {
    background-position: -504px -290px;
    width: 145px
}

.plogo-6 {
    background-position: -659px -290px;
    width: 105px
}

.plogo-1:hover {
    background-position: -10px -350px;
    width: 125px;
    height: 28px
}

.plogo-2:hover {
    background-position: -140px -350px;
    width: 128px;
    height: 29px
}

.plogo-3:hover {
    background-position: -279px -350px;
    width: 107px;
    height: 28px
}

.plogo-4:hover {
    background-position: -395px -350px;
    width: 99px;
    height: 28px
}

.plogo-5:hover {
    background-position: -504px -350px;
    width: 145px;
    height: 28px
}

.plogo-6:hover {
    background-position: -659px -350px;
    width: 105px;
    height: 28px
}

.indsturies_img {
    width: 100%;
    max-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.industries_sec_img {
    background-image: url(../img/bg_icon.webp);
    margin: 10px auto 0
}

.ar1,
.chat-box,
.technology_home_ic,
.test_con_user_img {
    background-image: url(../img/bg_icon_new1.webp)
}

.ar1 {
    background-position: -45px -1152px;
    width: 31px;
    height: 15px
}

.client5,
.office_item_icon .country1,
.office_item_icon .country2,
.office_item_icon .country3 {
    background-image: url(../img/bg_icon.webp);
    background-repeat: no-repeat
}

.envelope-icon,
.user-icon {
    height: 20px;
    position: absolute
}

.office_item_icon .country1 {
    height: 36px;
    width: 40px;
    background-position: -35px -1345px
}

.office_item_icon .country2 {
    height: 36px;
    width: 40px;
    background-position: -80px -1345px
}

.office_item_icon .country3 {
    height: 40px;
    width: 40px;
    background-position: -129px -1340px
}

.test_con_item {
    text-align: center;
    padding: 10px
}

.test_con_user {
    background: #fff;
    border-radius: 10px;
    width: auto;
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px #ddd;
    align-items: center;
    justify-content: center;
    text-align: left
}

.test_con_meta {
    display: inline-block;
    text-align: center
}

.test_con_meta_img {
    margin: 0 auto 7px
}

.user-icon {
    background-position: -786px -1280px;
    width: 22px
}

.envelope-icon {
    background-position: -817px -1280px;
    width: 23px
}

.call-icon,
.event_title_sec:after {
    height: 22px;
    width: 22px;
    position: absolute;
    z-index: 1
}

.call-icon {
    background-position: -932px -1279px
}

.comment-icon {
    height: 21px;
    width: 23px;
    position: absolute;
    top: 8px;
    left: 15px
}

.chat-box {
    background-position: -687px -1275px;
    height: 34px;
    width: 41px;
    margin-right: 10px
}

.android-industry-img,
.hd-1,
.hd-2,
.hd-3,
.hd-4,
.hd-5,
.hd-6,
.jsd-1,
.jsd-3,
.jsd-4,
.jsd-7,
.jsd-8,
.jsd_ic,
.t_ic5,
.t_ic6,
.t_ic7,
.tm1,
.tm2,
.tm3,
.web_ic {
    height: 50px
}

.buss_ic,
.list_ic,
.serv-ic,
.technolog_ic,
.technology-ic,
.work_ic {
    background: url(../img/bg_icon.webp)
}

.tm1 {
    background-position: -306px -1264px;
    width: 30px
}

.tm2 {
    background-position: -342px -1264px;
    width: 43px
}

.tm3 {
    background-position: -395px -1264px;
    width: 40px
}

.asp-3,
.asp-4,
.asp-5,
.asp-6,
.asp-b1,
.asp-b2,
.tm4,
.tm5 {
    width: 43px
}

.tm4 {
    background-position: -444px -1270px;
    height: 40px
}

.tm5 {
    background-position: -490px -1270px;
    height: 43px
}

.rn1,
.rn2,
.ti1,
.tm6 {
    width: 45px
}

.bd-w3,
.bd-w4,
.buss-title,
.ccd-cs4,
.es-5,
.es-6,
.ha-w3,
.ha-w4,
.ha-w5,
.ha-w6,
.hmd-1,
.hmd-2,
.hmd-3,
.hmd-4,
.hmd-5,
.hmd-6,
.hmd-w1,
.hmd-w2,
.hs-r2,
.hs-r3,
.hs-r4,
.ion3,
.ion4,
.md-r1,
.pw-1,
.r-4,
.r-5,
.real_ic1,
.real_ic2,
.real_ic3,
.real_ic4,
.real_ic5,
.real_ic6,
.real_ic7,
.real_ic8,
.real_ic9,
.serv1,
.serv2,
.serv3,
.sf-w2,
.sf-w3,
.sf-w4,
.sf-w5,
.ti1,
.ti2,
.tm6,
.wad-w1,
.wad-w4,
.wad-w5,
.wad-w6 {
    height: 40px
}

.tm6 {
    background-position: -545px -1270px
}

.term_ic {
    background: url(../img/bg_icon_new1.webp);
    margin-top: 5px
}

#next:after,
#previous:after,
.and_ic,
.android-logo,
.apple-logo,
.close-ic,
.game_ic,
.hire_icn,
.technology,
.web-envelope,
.website-logo {
    background-image: url(../img/bg_icon.webp)
}

.ew-1,
.ew-2,
.ew-3,
.ew-4,
.ew-5,
.ew-6,
.ew-7,
.ha-w4,
.ha-w5,
.ha-w6,
.ha-w7,
.hire1,
.hmd-1,
.hmd-2,
.hmd-3,
.hmd-4,
.hmd-5,
.hmd-6,
.iw-w1,
.li1,
.pw-1,
.pw-2,
.pw-3,
.real_ic7,
.real_ic8,
.real_ic9,
.sf-w1,
.sf-w2,
.tabing_type1_img img,
.ti4,
.wad-w5,
.wad-w6 {
    width: 40px
}

.li1 {
    background-position: -13px -1472px;
    height: 26px
}

.li2 {
    background-position: -59px -1467px;
    width: 36px;
    height: 36px
}

.li3 {
    background-position: -103px -1467px;
    width: 38px;
    height: 37px
}

.li4 {
    background-position: -149px -1473px;
    width: 37px;
    height: 24px
}

.li5 {
    background-position: -196px -1466px;
    width: 33px;
    height: 37px
}

.li6,
.li7 {
    height: 34px
}

.li6 {
    background-position: -241px -1468px;
    width: 37px
}

.li10,
.li11,
.li12,
.li13,
.li14,
.li7,
.li8 {
    width: 36px
}

.li7 {
    background-position: -295px -1467px
}

.ai-6,
.ai-7,
.li10,
.li11,
.li12,
.li8,
.li9 {
    height: 36px
}

.li8 {
    background-position: -340px -1467px
}

.li9 {
    background-position: -393px -1467px;
    width: 38px
}

.li10 {
    background-position: -440px -1467px
}

.li11 {
    background-position: -485px -1467px
}

.li12 {
    background-position: -532px -1467px
}

.li13 {
    background-position: -575px -1471px;
    height: 27px
}

.li14 {
    background-position: -622px -1468px;
    height: 36px
}

.sic1,
.sic2 {
    width: 40px;
    height: 39px
}

.sic1 {
    background-position: -13px -1535px
}

.sic2 {
    background-position: -68px -1535px
}

.sic3,
.sic4 {
    width: 40px;
    height: 41px
}

.sic3 {
    background-position: -119px -1535px
}

.sic4 {
    background-position: -173px -1535px
}

.sic5 {
    background-position: -223px -1534px;
    width: 43px;
    height: 43px
}

.serv1 {
    background-position: -771px -1539px;
    width: 40px
}

.serv2 {
    background-position: -820px -1539px;
    width: 40px
}

.serv3 {
    background-position: -869px -1538px;
    width: 45px
}

.aic10,
.aic11,
.aic8,
.aic9,
.buss1,
.buss2,
.buss3 {
    height: 48px
}

.buss1 {
    background-position: -313px -1535px;
    width: 46px
}

.buss2 {
    background-position: -377px -1541px;
    width: 51px
}

.buss3 {
    background-position: -438px -1535px;
    width: 40px
}

.work1 {
    background-position: -511px -1538px;
    width: 35px;
    height: 44px
}

.work2 {
    background-position: -553px -1542px;
    width: 37px;
    height: 41px
}

.work3 {
    background-position: -597px -1542px;
    width: 31px;
    height: 40px
}

.work4 {
    background-position: -638px -1541px;
    width: 42px;
    height: 42px
}

.aic6,
.aic7,
.techno1,
.techno2,
.techno3,
.techno4 {
    height: 46px
}

.techno1 {
    background-position: -19px -1596px;
    width: 40px
}

.techno2 {
    background-position: -78px -1600px;
    width: 38px
}

.techno3 {
    background-position: -128px -1603px;
    width: 43px
}

.techno4 {
    background-position: -184px -1602px;
    width: 41px
}

.techno5 {
    background-position: -237px -1600px;
    width: 38px;
    height: 47px
}

.web-envelope {
    background-position: -886px -1276px;
    height: 28px;
    width: 38px;
    position: absolute;
    left: 27px;
    top: 30px
}

.ar-ic {
    background-position: -295px -1619px;
    width: 10px;
    height: 17px;
    margin-left: 10px
}

.android-logo,
.apple-logo,
.website-logo {
    height: 71px
}

.apple-logo {
    background-position: -75px -1690px;
    width: 58px
}

.android-logo {
    background-position: -6px -1690px;
    width: 60px
}

.website-logo {
    background-position: -152px -1690px;
    width: 70px
}

.android-industry-img {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.aic1 {
    background-position: -193px -1780px;
    width: 33px;
    height: 49px
}

.aic2,
.aic3 {
    height: 47px
}

.aic2 {
    background-position: -61px -1782px;
    width: 33px
}

.aic3 {
    background-position: -10px -1783px;
    width: 44px
}

.aic4 {
    background-position: -155px -1781px;
    width: 33px;
    height: 48px
}

.aic5 {
    background-position: -319px -1780px;
    width: 57px;
    height: 50px
}

.aic6 {
    background-position: -100px -1782px;
    width: 46px
}

.aic7 {
    background-position: -277px -1783px;
    width: 35px
}

.aic8 {
    background-position: -537px -1781px;
    width: 44px
}

.aic9 {
    background-position: -233px -1781px;
    width: 38px
}

.aic10 {
    background-position: -485px -1781px;
    width: 48px
}

.aic11 {
    background-position: -437px -1781px;
    width: 45px
}

.aic12 {
    background-position: -384px -1782px;
    width: 46px;
    height: 47px
}

.t_ic1 {
    background-position: -600px -1782px;
    width: 32px;
    height: 51px
}

.t_ic2 {
    background-position: -641px -1782px;
    width: 50px;
    height: 51px
}

.t_ic3 {
    background-position: -701px -1784px;
    width: 47px;
    height: 48px
}

.t_ic4 {
    background-position: -754px -1783px;
    width: 49px;
    height: 49px
}

.t_ic5 {
    background-position: -810px -1782px;
    width: 12px
}

.technology_img_sec {
    display: flex;
    justify-content: center;
    height: 50px
}

.t_ic6 {
    background-position: -500px -1863px;
    width: 39px
}

.t_ic7 {
    background-position: -553px -1865px;
    width: 37px
}

.t_ic8 {
    background-position: -133px -1871px;
    width: 43px;
    height: 47px
}

.t_ic9 {
    background-position: -320px -1865px;
    width: 49px;
    height: 50px
}

.t_ic10 {
    background-position: -17px -1862px;
    width: 49px;
    height: 49px
}

.t_ic11 {
    background-position: -833px -1870px;
    width: 45px;
    height: 43px
}

.t_ic12 {
    background-position: -77px -1880px;
    width: 49px;
    height: 40px
}

.t_ic13 {
    background-position: -250px -1872px;
    width: 54px;
    height: 40px
}

.t_ic14 {
    background-position: -672px -1869px;
    width: 48px;
    height: 45px
}

.t_ic15 {
    background-position: -383px -1870px;
    width: 49px;
    height: 41px
}

.t_ic16 {
    background-position: -735px -1864px;
    width: 37px;
    height: 53px
}

.t_ic17 {
    background-position: -782px -1866px;
    width: 41px;
    height: 51px
}

.t_ic18 {
    background-position: -603px -1863px;
    width: 51px;
    height: 50px
}

.t_ic19 {
    background-position: -441px -1863px;
    width: 41px;
    height: 50px
}

.t_ic20 {
    background-position: -187px -1875px;
    width: 54px;
    height: 38px
}

.w_ic1 {
    background-position: -17px -1942px;
    width: 40px;
    height: 38px
}

.w_ic2,
.w_ic3 {
    width: 38px;
    height: 42px
}

.w_ic2 {
    background-position: -68px -1940px
}

.w_ic3 {
    background-position: -114px -1940px
}

.w_ic4 {
    background-position: -158px -1942px;
    width: 40px;
    height: 38px
}

.w_ic5 {
    background-position: -210px -1942px;
    width: 40px;
    height: 40px
}

.w_ic6 {
    background-position: -253px -1942px;
    width: 38px;
    height: 38px
}

.w_ic7 {
    background-position: -297px -1941px;
    width: 41px;
    height: 40px
}

.w_ic8 {
    background-position: -345px -1941px;
    width: 32px;
    height: 40px
}

.hire_link_img .techno_bg,
.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item.technology {
    filter: brightness(0)
}

.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item.activespan.hire_link_name,
section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item:hoverspan.hire_link_name {
    color: #0d238a
}

.ios_ic1 {
    background-position: -16px -2016px;
    width: 50px;
    height: 48px
}

.ios_ic2 {
    background-position: -77px -2016px;
    width: 44px;
    height: 48px
}

.ios_ic3 {
    background-position: -128px -2018px;
    width: 47px;
    height: 50px
}

.ios_ic4,
.ios_ic5,
.jsd-5,
.jsd-6 {
    width: 50px;
    height: 50px
}

.ios_ic4 {
    background-position: -197px -2019px
}

.ios_ic5 {
    background-position: -259px -2019px
}

.ios_ic6 {
    background-position: -15px -2087px;
    width: 48px;
    height: 48px
}

.ios_ic7 {
    background-position: -72px -2087px;
    width: 46px;
    height: 48px
}

.ios_ic8 {
    background-position: -129px -2088px;
    width: 42px;
    height: 47px
}

.ios_ic9 {
    background-position: -183px -2089px;
    width: 46px;
    height: 47px
}

.ios_ic10 {
    background-position: -239px -2087px;
    width: 48px;
    height: 49px
}

.ios_ic11 {
    background-position: -298px -2087px;
    width: 49px;
    height: 50px
}

.ios_ic12 {
    background-position: -360px -2087px;
    width: 48px;
    height: 49px
}

.ic1,
.ios_ic13 {
    width: 46px;
    height: 44px
}

.ios_ic13 {
    background-position: -413px -2093px
}

.ic1 {
    background-position: -13px -2170px
}

.ic2 {
    background-position: -75px -2173px;
    width: 42px;
    height: 42px
}

.ic3 {
    background-position: -124px -2177px;
    width: 37px;
    height: 38px
}

.ic4 {
    background-position: -177px -2173px;
    width: 39px;
    height: 42px
}

.ic5 {
    background-position: -227px -2176px;
    width: 36px;
    height: 36px
}

.ic6 {
    background-position: -273px -2174px;
    width: 43px;
    height: 40px
}

.rn1 {
    background-position: -10px -2240px;
    height: 45px
}

.rn2 {
    background-position: -63px -2240px;
    height: 43px
}

.rn3,
.rn4 {
    height: 44px
}

.rn3 {
    background-position: -114px -2242px;
    width: 40px
}

.rn4 {
    background-position: -158px -2242px;
    width: 45px
}

.rn5 {
    background-position: -208px -2241px;
    width: 49px;
    height: 42px
}

.rn6 {
    background-position: -264px -2243px;
    width: 45px;
    height: 44px
}

.ccd-1,
.ccd-2,
.ccd-3,
.ccd-4,
.ccd-5,
.ccd-6,
.ccd-7,
.ccd-8,
.ccd-9,
.ccd-cs1,
.ccd-cs2,
.ccd-cs3,
.edu-ic3,
.edu-ic4,
.ew-work1,
.ew-work2,
.ew-work3,
.ew-work4,
.ew-work5,
.fs-r1,
.fs-r2,
.fs-r3,
.fs-r4,
.fs-r5,
.fs-r6,
.grocery-r2,
.grocery-r3,
.grocery-r4,
.grocery-r5,
.ico-w1,
.ico-w2,
.ico-w3,
.item_ic1,
.item_ic2,
.item_ic3,
.item_ic4,
.iw-w3,
.iw-w4,
.iw-w5,
.lv-w1,
.lv-w2,
.lv-w3,
.lv-w4,
.lv-w5,
.lv-w6,
.lvs-g1,
.lvs-g2,
.lvs-g3,
.lvs-g4,
.lvs-g5,
.lvs-g6,
.lvs-w1,
.lvs-w2,
.lvs-w3,
.lvs-w4,
.lvs-w5,
.lvs-w6,
.lvs-w7,
.lvs-w8,
.ms-2,
.ms-3,
.ms-r1,
.ms-r2,
.ms-r3,
.ms-r4,
.ms-r5,
.ms-r6,
.od-b1,
.od-b2,
.od-b3,
.od-b4,
.od-b5,
.od-b6,
.od-w1,
.od-w2,
.od-w3,
.od-w4,
.od-w5,
.od_ic1,
.od_ic10,
.od_ic11,
.od_ic12,
.od_ic13,
.od_ic14,
.od_ic2,
.od_ic3,
.od_ic4,
.od_ic5,
.od_ic6,
.od_ic7,
.od_ic8,
.od_ic9,
.pro-w1,
.pro-w2,
.pro-w3,
.pro-w4,
.pro-w5,
.sales-r1,
.sho-w1,
.sho-w2,
.sho-w3,
.sho-w4,
.sho-w5,
.sho-w6,
.shopify-6,
.shopify-7,
.shopify-8 {
    height: 40px;
    width: 40px
}

.item_ic1 {
    background-position: -10px -2305px
}

.item_ic2 {
    background-position: -60px -2304px
}

.item_ic3 {
    background-position: -114px -2303px
}

.item_ic4 {
    background-position: -165px -2304px
}

.s-ic1 {
    background-position: -319px -2246px;
    width: 40px;
    height: 39px
}

.s-ic2 {
    background-position: -365px -2246px;
    width: 33px;
    height: 39px
}

.s-ic3 {
    background-position: -411px -2246px;
    width: 38px;
    height: 38px
}

.s-ic4 {
    background-position: -466px -2247px;
    width: 35px;
    height: 35px
}

.s-ic5 {
    background-position: -513px -2249px;
    width: 34px;
    height: 32px
}

.s-ic6 {
    background-position: -555px -2246px;
    width: 38px;
    height: 38px
}

.ion1 {
    background-position: -225px -2304px;
    width: 40px;
    height: 40px
}

.ion2 {
    background-position: -274px -2304px;
    width: 39px;
    height: 43px
}

.ion3 {
    background-position: -318px -2304px;
    width: 36px
}

.ion4 {
    background-position: -358px -2304px;
    width: 40px
}

.ion5 {
    background-position: -411px -2304px;
    width: 38px;
    height: 40px
}

.ai-r1,
.ai-r2,
.ai-r3,
.ai-r4,
.ai-r5,
.ai-r6,
.ai-r7,
.ai-r8,
.ai_ic1,
.ai_ic2,
.ai_ic3,
.ai_ic4,
.ai_ic5,
.ai_ic6,
.ang-r1,
.ang-r2,
.ang-r3,
.ang-r4,
.ang-r5,
.ang-r6,
.bd-i1,
.bd-i2,
.bd-i3,
.bd-i4,
.bd-i5,
.bd-i6,
.bd-i7,
.bd-i8,
.bd-i9,
.bd-r1,
.bd-r2,
.bd-r3,
.bd-r4,
.bd-r5,
.bd-r6,
.bd-w5,
.bd-w6,
.bd-w7,
.bd-w8,
.bd-w9,
.buss-i6,
.buss-i7,
.cwad-r1,
.cwad-r2,
.cwad-r3,
.cwad-r4,
.cwad-w1,
.cwad-w2,
.cwad-w3,
.cwad-w4,
.cwad-w5,
.cwad-w6,
.fb-1,
.fb-2,
.fb-3,
.fb-4,
.fb-5,
.fb-6,
.fb-r1,
.fb-r2,
.fb-r3,
.fb-r4,
.fb-r5,
.fb-r6,
.fb-w2,
.fb-w3,
.fb-w4,
.fb-w5,
.fb-w6,
.fb-w7,
.fb-w8,
.fb-w9,
.fd-1,
.fixed_buttons_scl_ic img,
.ha-1,
.ha-2,
.ha-3,
.ha-4,
.ha-5,
.ha-6,
.ha-r1,
.ha-r10,
.ha-r2,
.ha-r3,
.ha-r4,
.ha-r5,
.ha-r6,
.ha-r9,
.ha-w1,
.ha-w13,
.ha-w2,
.ha-w8,
.ha-w9,
.hd-r2,
.hd-r3,
.hd-r4,
.hire-flutter6,
.hjs-w1,
.hjs-w2,
.hjs-w3,
.hmd-w4,
.hmd-w5,
.hmd-w6,
.hp-r1,
.hp-r2,
.hp-r3,
.hp-r4,
.hp-r5,
.hp-r6,
.ic-cloud-1,
.ic-cloud-2,
.ic-cs1,
.ic-cs2,
.ic-cs3,
.ic-cs4,
.ico-r1,
.ico-r2,
.ico-r3,
.ico-r4,
.ico-r5,
.ico-w5,
.ico-w6,
.ico-w9,
.icon-qc,
.icon-tc,
.ion6,
.ion7,
.iot-1,
.iot-2,
.iot-3,
.iot-4,
.iot-5,
.iot-6,
.iot-w1,
.iot-w2,
.iot-w3,
.iot-w4,
.iot-w5,
.iot-w6,
.iot-w7,
.item-new-p1,
.item-new-p2,
.item-new-p3,
.item-new-p4,
.item-new-p5,
.item-new-p6,
.item-p1,
.item-p2,
.item-p3,
.item-p4,
.item-p5,
.js-r1,
.js-r2,
.js-r3,
.js-r4,
.js-r5,
.js-r6,
.js-w1,
.js-w2,
.md-r2,
.md-r3,
.md-r4,
.md-r5,
.md-r6,
.md-r7,
.md-w3,
.md-w4,
.md-w5,
.md_ic1,
.md_ic2,
.md_ic3,
.md_ic4,
.md_ic5,
.md_ic6,
.md_ic7,
.pw-4,
.pw-5,
.pw-7,
.react-7,
.react-8,
.sf-g1,
.sf-g2,
.sf-r1,
.sf-r2,
.sf-r3,
.sf-r4,
.sf-r5,
.sf-r6,
.shopify-3,
.shopify-4,
.shopify-5,
.wad-1,
.wad-2,
.wad-3,
.wad-4,
.wad-5,
.wad-w2,
.wad-w3 {
    width: 40px;
    height: 40px
}

.ion6 {
    background-position: -454px -2304px
}

.ion7 {
    background-position: -503px -2304px
}

.ion8 {
    background-position: -556px -2301px;
    width: 32px;
    height: 41px
}

.h_ic1 {
    background-position: -11px -2370px;
    width: 35px;
    height: 34px
}

.h_ic2 {
    background-position: -58px -2370px;
    width: 24px;
    height: 36px
}

.h_ic3 {
    background-position: -88px -2366px;
    width: 40px;
    height: 38px
}

.h_ic4 {
    background-position: -138px -2373px;
    width: 40px;
    height: 33px
}

.h_ic5 {
    background-position: -189px -2366px;
    width: 39px;
    height: 40px
}

.h_ic6 {
    background-position: -237px -2372px;
    width: 42px;
    height: 34px
}

.h_ic7 {
    background-position: -290px -2366px;
    width: 34px;
    height: 40px
}

.h_ic8 {
    background-position: -330px -2366px;
    width: 35px;
    height: 40px
}

.buss-i1 {
    background-position: -385px -2370px;
    width: 40px;
    height: 44px
}

.buss-i2 {
    background-position: -439px -2370px;
    width: 30px;
    height: 40px
}

.buss-i3 {
    background-position: -475px -2370px;
    width: 34px;
    height: 40px
}

.buss-i4 {
    background-position: -570px -2372px;
    width: 31px;
    height: 39px
}

.buss-i5 {
    background-position: -614px -2373px;
    width: 38px;
    height: 40px
}

.buss-i6 {
    background-position: -665px -2370px
}

.buss-i7 {
    background-position: -724px -2370px
}

.learn-ic1 {
    background-position: -330px -2172px;
    width: 33px;
    height: 38px
}

.learn-ic2 {
    background-position: -377px -2175px;
    width: 40px;
    height: 35px
}

.learn-ic3,
.learn-ic4 {
    width: 35px;
    height: 38px
}

.learn-ic3 {
    background-position: -420px -2172px
}

.learn-ic4 {
    background-position: -466px -2172px
}

.learn-ic5 {
    background-position: -511px -2174px;
    width: 36px;
    height: 38px
}

.learn-ic6,
.learn-ic7,
.learn-ic8 {
    width: 36px;
    height: 36px
}

.learn-ic6 {
    background-position: -560px -2174px
}

.learn-ic7 {
    background-position: -603px -2174px
}

.learn-ic8 {
    background-position: -649px -2174px
}

.edu-ic1 {
    background-position: -7px -2427px;
    width: 42px;
    height: 37px
}

.edu-ic2 {
    background-position: -49px -2425px;
    width: 38px;
    height: 40px
}

.edu-ic3 {
    background-position: -389px -2425px
}

.edu-ic4 {
    background-position: -98px -2425px
}

.edu-ic5 {
    background-position: -147px -2428px;
    width: 40px;
    height: 34px
}

.edu-ic6 {
    background-position: -199px -2426px;
    width: 39px;
    height: 38px
}

.edu-ic7 {
    background-position: -248px -2425px;
    width: 40px;
    height: 40px
}

.edu-ic8 {
    background-position: -297px -2425px;
    width: 38px;
    height: 40px
}

.edu-ic9 {
    background-position: -347px -2425px;
    width: 41px;
    height: 40px
}

.edu-ic10 {
    background-position: -435px -2426px;
    width: 40px;
    height: 40px
}

.es-1 {
    background-position: -607px -2302px;
    width: 25px;
    height: 41px
}

.es-2 {
    background-position: -640px -2305px;
    width: 40px;
    height: 38px
}

.es-3 {
    background-position: -696px -2301px;
    width: 27px;
    height: 43px
}

.es-4 {
    background-position: -738px -2311px;
    width: 41px;
    height: 32px
}

.es-5 {
    background-position: -787px -2303px;
    width: 42px
}

.es-6 {
    background-position: -839px -2303px;
    width: 40px
}

.es-7 {
    background-position: -890px -2303px;
    width: 32px;
    height: 41px
}

.real_ic1 {
    background-position: -502px -2425px;
    width: 40px
}

.real_ic2 {
    background-position: -552px -2425px;
    width: 40px
}

.real_ic3 {
    background-position: -604px -2425px;
    width: 42px
}

.real_ic4 {
    background-position: -658px -2425px;
    width: 40px
}

.real_ic5 {
    background-position: -706px -2425px;
    width: 32px
}

.real_ic6 {
    background-position: -753px -2425px;
    width: 39px
}

.real_ic7 {
    background-position: -803px -2425px
}

.real_ic8 {
    background-position: -852px -2425px
}

.real_ic9 {
    background-position: -902px -2425px
}

.pw-1 {
    background-position: -390px -2484px
}

.pw-2 {
    background-position: -441px -2486px;
    height: 38px
}

.pw-3 {
    background-position: -488px -2487px;
    height: 37px
}

.pw-4 {
    background-position: -536px -2484px
}

.pw-5 {
    background-position: -584px -2484px
}

.pw-6 {
    background-position: -630px -2486px;
    width: 38px;
    height: 38px
}

.section_1,
.section_2,
.section_3,
.section_4 {
    position: relative;
    height: 100vh;
    align-items: center
}

.pw-7 {
    background-position: -677px -2484px
}

.item-p1 {
    background-position: -737px -2484px
}

.item-p2 {
    background-position: -787px -2484px
}

.item-p3 {
    background-position: -836px -2483px
}

.item-p4 {
    background-position: -885px -2483px
}

.item-p5 {
    background-position: -927px -2483px
}

.event_title_sec:after {
    content: "";
    background: #fff;
    left: 0;
    top: 3px;
    border-radius: 50%;
    border: 5px solid #2670a7
}

.event_title_sec h4 {
    font-weight: 600;
    font-style: italic
}

.event_img_space:after {
    content: "";
    position: absolute;
    height: 100%;
    background: #cbcbcb;
    width: 6px;
    top: 10px;
    left: 8px;
    z-index: 0
}

.auther_cls,
.blog-img img,
.blog_img,
.event_img img {
    border-radius: 10px
}

.section_1 {
    background: #fbd33a;
    display: flex
}

.section_2 {
    background: #409;
    display: flex
}

.section_3,
.section_4 {
    display: flex;
    width: 100%
}

.section_3 {
    background: #00152e
}

.katalogue_bg,
.section_4 {
    background: #0057db
}

.slider_content {
    padding: 100px 45px 100px 0
}

.fixed-mobile {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.inner-phone {
    position: fixed;
    top: 50%;
    padding-top: 72px;
    transform: translate(20%, -50%)
}

.pp-head p {
    font-weight: 800;
    font-size: 62px !important;
    line-height: 1;
    margin: 0 0 30px;
    color: #fff
}

.port_slider {
    display: flex;
    margin: 0 -15px
}

.port_slide {
    max-width: 50%;
    padding: 0 15px
}

.appi-cta.read_more_wrapper h4 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px
}

.box {
    position: absolute;
    bottom: 25%;
    right: 0;
    transform: translate(-50%, -50%)
}

.event_cont,
.event_img {
    position: relative;
    display: flex
}

.box span {
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: 2s infinite animatebox
}

.box span:nth-child(2) {
    animation-delay: -.2s
}

.box span:nth-child(3) {
    animation-delay: -.4s
}

@keyframes animatebox {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px)
    }
}

.menu_right_cls {
    display: flex;
    align-items: center;
    margin-left: auto
}

.cta_section {
    background: linear-gradient(79deg, #33073f, #0d3677) !important;
    border-radius: 5px;
    height: 100%
}

.an2,
.an3 {
    width: 42px;
    height: 43px
}

.cta_group a.btn.btn-danger.get_started_btn {
    padding-top: 10px;
    padding-bottom: 10px
}

.cta_section h3,
.cta_section h5 {
    color: #fff;
    font-weight: 600
}

.career_buss_sec,
.com_bg,
.cont-size,
.cost_cont,
.cs-port-sec,
.cta_group,
.development-item,
.hire_tabing_item,
.hire_web_con h4,
.ico-cont,
.list_sec_col,
.port_sec .owl-carousel.owl-theme.owl-loaded .owl-nav,
.port_slider_wrk_itm,
.space-cls,
.technologies_inner,
.why_invent .why_img_sec {
    margin-top: 20px
}

.an2 {
    background-position: -62px -2538px
}

.an3 {
    background-position: -112px -2538px
}

.an4,
.an5 {
    width: 41px
}

.an4 {
    background-position: -162px -2539px;
    height: 41px
}

.an5 {
    background-position: -212px -2538px;
    height: 43px
}

.an1 {
    background-position: -11px -2540px;
    width: 43px;
    height: 40px
}

.an6 {
    background-position: -261px -2539px;
    width: 42px;
    height: 41px
}

.an7 {
    background-position: -312px -2538px;
    width: 41px;
    height: 42px
}

.an8 {
    background-position: -360px -2538px;
    width: 43px;
    height: 43px
}

.asp-1 {
    background-position: -418px -2542px;
    width: 43px;
    height: 45px
}

.asp-2,
.asp-3,
.asp-4,
.asp-5,
.asp-6 {
    height: 42px
}

.asp-2 {
    background-position: -466px -2543px;
    width: 33px
}

.asp-3 {
    background-position: -505px -2543px
}

.asp-4 {
    background-position: -555px -2543px
}

.asp-5 {
    background-position: -605px -2543px
}

.asp-6 {
    background-position: -655px -2543px
}

.asp-b1,
.asp-b2,
.asp-b3,
.asp-b4,
.asp-b5,
.node-1,
.node-2,
.node-3,
.node-4,
.node-5,
.node-6,
.node-r1,
.node-r2 {
    height: 45px
}

.asp-b1 {
    background-position: -710px -2543px
}

.asp-b2 {
    background-position: -760px -2543px
}

.asp-b3 {
    background-position: -809px -2543px;
    width: 45px
}

.asp-b4 {
    background-position: -870px -2543px;
    width: 43px
}

.asp-b5 {
    background-position: -919px -2543px;
    width: 45px
}

.fs-1 {
    background-position: -7px -2606px;
    width: 50px;
    height: 51px
}

.fs-2,
.fs-3,
.fs-4,
.fs-5,
.ios_ic14,
.ios_ic15 {
    width: 45px;
    height: 45px
}

.fs-2 {
    background-position: -59px -2611px
}

.fs-3 {
    background-position: -111px -2611px
}

.fs-4 {
    background-position: -159px -2611px
}

.fs-5 {
    background-position: -209px -2611px
}

.fs-6 {
    background-position: -441px -2881px;
    width: 43px;
    height: 43px
}

.fs-7 {
    background-position: -490px -2883px;
    width: 44px;
    height: 41px
}

.fs-8 {
    background-position: -550px -2881px;
    width: 45px;
    height: 45px
}

.fs-9 {
    background-position: -610px -2881px;
    width: 44px;
    height: 44px
}

.fs-10 {
    background-position: -666px -2883px;
    width: 38px;
    height: 39px
}

.fs-11 {
    background-position: -717px -2881px;
    width: 37px;
    height: 45px
}

.fs-12,
.fs-13,
.fs-14,
.fs-15 {
    height: 43px
}

.fs-12 {
    background-position: -764px -2884px;
    width: 43px
}

.fs-13 {
    background-position: -817px -2884px;
    width: 43px
}

.fs-14 {
    background-position: -871px -2884px;
    width: 40px
}

.fs-15 {
    background-position: -923px -2886px;
    width: 43px
}

.item-new-p1 {
    background-position: -23px -2757px
}

.item-new-p2 {
    background-position: -72px -2756px
}

.item-new-p3 {
    background-position: -123px -2756px
}

.item-new-p4 {
    background-position: -178px -2756px
}

.item-new-p5 {
    background-position: -236px -2756px
}

.item-new-p6 {
    background-position: -282px -2756px
}

.fs-w1 {
    background-position: -269px -2621px;
    width: 45px;
    height: 35px
}

.fs-w2 {
    background-position: -319px -2611px;
    width: 45px;
    height: 45px
}

.fs-w3,
.fs-w4,
.fs-w5 {
    width: 43px;
    height: 43px
}

.fs-w3 {
    background-position: -370px -2613px
}

.fs-w4 {
    background-position: -470px -2613px
}

.fs-w5 {
    background-position: -420px -2613px
}

.event_img {
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: .5s;
    background-size: cover
}

.event_zoom {
    height: 100%;
    transition: .5s
}

.hover_cls:after {
    content: "";
    background: #0000008c;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.event_cont {
    z-index: 1;
    padding: 0;
    min-height: 90px;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.event_cont a.btn {
    opacity: 0;
    transition: .5s;
    margin-bottom: -55px;
    margin-top: 10px
}

.event_cont h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-style: italic
}

section.event-detail .event-detail-inner.row {
    margin: 0 -8px
}

section.event-detail .event-detail-inner.row [class*=col-] {
    padding: 0 8px
}

section.event-detail {
    padding: 70px 0 55px
}

.ang-1 {
    background-position: -537px -2620px;
    width: 40px;
    height: 35px
}

.ang-2,
.ang-3,
.ang-4,
.ang-5 {
    width: 38px
}

.ang-2 {
    background-position: -588px -2617px;
    height: 38px
}

.ang-3 {
    background-position: -638px -2613px;
    height: 42px
}

.ang-4 {
    background-position: -687px -2618px;
    height: 37px
}

.ang-5 {
    background-position: -737px -2618px;
    height: 38px
}

.ang-6 {
    background-position: -10px -2676px;
    width: 46px;
    height: 41px
}

.ang-7 {
    background-position: -62px -2674px;
    width: 43px;
    height: 43px
}

.ang-8 {
    background-position: -112px -2680px;
    width: 43px;
    height: 37px
}

.ang-9 {
    background-position: -161px -2672px;
    width: 45px;
    height: 45px
}

.ang-10 {
    background-position: -211px -2672px;
    width: 44px;
    height: 45px
}

.an-w1 {
    background-position: -258px -2679px;
    width: 38px;
    height: 41px
}

.an-w2 {
    background-position: -302px -2686px;
    width: 40px;
    height: 34px
}

.an-w3 {
    background-position: -347px -2682px;
    width: 38px;
    height: 38px
}

.an-w4 {
    background-position: -392px -2680px;
    width: 40px;
    height: 40px
}

.an-w5 {
    background-position: -438px -2680px;
    width: 38px;
    height: 40px
}

.an-w6,
.an-w7,
.an-w8,
.hs-w5,
.hs-w6,
.hs-w7 {
    height: 38px
}

.an-w6 {
    background-position: -484px -2682px;
    width: 39px
}

.an-w7 {
    background-position: -529px -2682px;
    width: 40px
}

.an-w8 {
    background-position: -576px -2682px;
    width: 38px
}

.auther_cls,
.blog-sec5,
.blog_cta_cls,
.blog_img,
.business_sec.social_bg.ondemand_features_sec,
body.event_page .banner_sec.banner_inner {
    background: linear-gradient(180deg, #0d3677 0, #33073f 100%) !important
}

.post_name {
    margin-top: -4px
}

.right-sidebar .contact_sec {
    background: #fff;
    position: unset;
    margin-top: 0;
    padding-top: 0
}

.right-sidebar .contact_sec .contact_sec_form {
    margin-top: 0;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 10px
}

.single_blog:hover {
    border-radius: 0;
    overflow: hidden
}

.single_blog.single-blog-view,
.thankyou-timeline ul li.process_done:hover .timeline_cont_box {
    box-shadow: unset !important
}

.single_blog.single-blog-view .single_blog_cont .date p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1
}

.blgo-title .blog-title-link,
.blgo-title a,
.single_blog.single-blog-view .single_blog_cont .blgo-title>a {
    white-space: unset;
    transition: .5s;
    margin: 0;
    line-height: 1.5
}

.blgo-title p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4
}

.single_blog .date-icon {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.date-icon p {
    font-size: 14px;
    color: #216fa7;
    line-height: 1.4;
    margin-bottom: 0
}

.blog_content {
    flex: 0 0 50%;
    text-align: left
}

.blog_content .date_inner .date-icon p {
    color: #fff;
    margin-top: 10px
}

.blog_inner_main_sec .single_blog .date-icon p {
    font-size: 12px
}

.blog_img {
    flex: 0 0 50%;
    padding: 20px
}

.blog_inner_banner_heads {
    line-height: 1.3;
    color: #fff;
    font-weight: 700
}

.auther_cls {
    padding: 30px 0;
    margin: 5px auto 0
}

.auther-img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto
}

.auther_dtl h4 {
    color: #fff;
    font-size: 24px;
    margin: 10px 0
}

.auther_dtl h6 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0
}

.social_link ul.footer_social li {
    display: inline-block;
    margin: 0 2px
}

.social_link ul.footer_social {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 15px;
    line-height: 0
}

.social_link ul.footer_social .sc-icon,
.term_ic,
.test_con_user_img {
    background-size: 600px
}

.social_link ul.footer_social .s1 {
    background-position: -170.5px -123px;
    width: 28.5px;
    height: 28.5px
}

.social_link ul.footer_social .s2 {
    background-position: -71.5px -123px;
    width: 28.5px;
    height: 28.5px
}

.social_link ul.footer_social li .s6,
.social_link ul.footer_social li .s7 {
    background-position: -301.5px -123px;
    width: 28.5px;
    height: 28.5px
}

.blog-sec1 h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 0
}

.blog-sec2 p:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.blog-sec3 ul {
    padding-left: 0;
    margin-bottom: 10px
}

.blog-sec3 ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    margin: 15px 0;
    font-weight: 500
}

.blog-sec3 ul li span.check_icon:after {
    flex: 0 0 20px;
    margin-top: -1px;
    height: 8px;
    width: 8px;
    background: #206fad;
    max-width: 8px;
    border-radius: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 10px
}

.blog-sec4 {
    margin-top: 20px;
    margin-bottom: 30px
}

.blog-sec2 p,
.blog_form .contact_social_link .mail_address_cls,
.cs-title,
.font-28,
.heading_type_h2,
.listing_sec ul li,
.sales_force_cls p.heading_para,
.test-cont h3,
section.hiring_sec.android_service .heading_type2.text-left h3 {
    margin-bottom: 10px
}

.blog-sec2 p {
    font-size: 18px;
    line-height: 1.8
}

.blog-img {
    margin: 60px 0 0
}

.b_category_sec,
.blog-sec3 ol li {
    margin: 15px 0
}

span.count_cls {
    height: 25px;
    width: 25px;
    background: #216fa7;
    border-radius: 50%;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 10px;
    margin-top: 2px;
    max-width: 25px;
    max-height: 25px;
    font-size: 14px;
    line-height: 0
}

.blog-sec5 {
    border-radius: 10px;
    padding: 30px;
    margin-top: 30px
}

.blog-auther-sec,
.newslater_sec {
    display: flex;
    background: #fff;
    padding: 30px
}

.blog-sec5 h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 25px
}

.multi-blog-img {
    display: flex;
    margin-top: 20px;
    margin-bottom: 30px
}

.multi-blog-img img {
    width: 100%;
    max-width: 100%
}

.multi-blog-img .single-img {
    margin: 0 10px;
    border-radius: 10px;
    overflow: hidden
}

.blog_form .contact_sec_form {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1.464px 5px 1px rgb(0 0 0 / 11%);
    margin: 30px 0;
    padding: 15px
}

.social_link ul.footer_social .s3 {
    background-position: -4.5px -123px;
    width: 28.5px;
    height: 28.5px
}

.social_link ul.footer_social .s4 {
    background-position: -37.5px -123px;
    width: 28.5px;
    height: 28.5px
}

.social_link ul.footer_social .s5 {
    background-position: -103.5px -123px;
    width: 28.5px;
    height: 28.5px
}

.share_sec ul.footer_social li {
    display: block;
    margin-bottom: 10px
}

#overlay,
.head_popup {
    position: fixed;
    top: 0
}

.newslater_sec {
    box-shadow: 0 0 9px #e7e7e7;
    border-radius: 10px;
    margin: 70px 0
}

.newslater_sec .newslater_icon img {
    max-width: 200px
}

.newsletter-body .btn.btn-primary {
    color: #fff;
    background: #216fa7;
    text-decoration: none;
    transition: .4s;
    line-height: normal;
    margin-left: 6px !important;
    border: 0;
    border-radius: 0;
    outline: 0 !important;
    box-shadow: unset !important
}

.newslater_sec .newslater_icon {
    margin-left: auto;
    margin-top: -50px
}

.loadmore_btn .get_started_btn {
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 250px;
    font-size: 22px
}

.loadmore_btn {
    margin-bottom: 20px;
    margin-top: 30px
}

.read_more_sec,
.tabing_type1_in .nav-tabs .nav-item {
    margin: 10px 0 0
}

.blog-auther-sec {
    justify-content: flex-start;
    margin: 70px 0 0;
    box-shadow: 0 0 15px 6px #d5d5d5;
    border-radius: 10px;
    align-items: center
}

.blog-auther-sec .auther-img {
    margin: 0 20px 0 0;
    flex: 0 0 100px
}

.auther_dtl p {
    margin-bottom: 0;
    margin-top: 20px
}

.blog-auther-sec .auther_dtl h4 {
    color: #000;
    margin-bottom: 5px
}

.blog-auther-sec .auther_dtl h6 {
    color: #0f3374;
    font-weight: 600
}

.bg_cls p.heading_para,
.popup_content .form-group {
    margin-bottom: 10px !important
}

.header-popup-cls .modal-header {
    position: absolute;
    border: 0;
    right: 0;
    z-index: 99
}

.rjs-1 {
    background-position: -642px -2686px;
    width: 39px;
    height: 39px
}

.rjs-2 {
    background-position: -688px -2690px;
    width: 41px;
    height: 39px
}

.rjs-3 {
    background-position: -742px -2685px;
    width: 40px;
    height: 40px
}

.r-1,
.rjs-4,
.rjs-5 {
    height: 39px
}

.rjs-4 {
    background-position: -789px -2685px;
    width: 40px
}

.rjs-5 {
    background-position: -839px -2686px;
    width: 39px
}

.r-1 {
    background-position: -23px -2758px;
    width: 38px
}

.r-2 {
    background-position: -72px -2755px;
    width: 40px;
    height: 41px
}

.r-3 {
    background-position: -124px -2758px;
    width: 39px;
    height: 38px
}

.r-4 {
    background-position: -177px -2756px;
    width: 41px
}

.r-5 {
    background-position: -236px -2758px;
    width: 39px
}

.r-6 {
    background-position: -283px -2768px;
    width: 40px;
    height: 30px
}

.react-1 {
    background-position: -334px -2755px;
    width: 40px;
    height: 36px
}

.react-2 {
    background-position: -379px -2751px;
    width: 37px;
    height: 40px
}

.react-3 {
    background-position: -427px -2755px;
    width: 40px;
    height: 36px
}

.react-4 {
    background-position: -480px -2753px;
    width: 40px;
    height: 38px
}

.react-5 {
    background-position: -534px -2751px;
    width: 41px;
    height: 40px
}

.react-6 {
    background-position: -590px -2750px;
    width: 41px;
    height: 41px
}

.react-7 {
    background-position: -641px -2755px
}

.react-8 {
    background-position: -690px -2755px
}

.head_popup {
    width: 100%;
    background: #fff;
    z-index: 999;
    display: none
}

.popup_close_cls {
    position: absolute;
    right: 20px;
    top: 12px
}

.popup_close_cls button {
    border: 0;
    background: 0
}

.close-ic {
    background-size: 350px;
    height: 10px;
    width: 10px;
    background-position: -87px -601.5px
}

.popup_left_content {
    background-size: cover;
    height: 100%;
    padding: 110px 40px;
    width: 100%;
    border-radius: 0;
    display: flex;
    background: linear-gradient(79deg, #33073f, #0d3677) !important;
    align-items: center
}

.home_page.remove_ebook header.header_sec {
    top: 0;
    transition: .5s
}

.blog_inner_sec .owl-carousel .owl-nav button[class*=owl-],
.remove_ebook nav.navbar.fixed-header {
    top: 0
}

.remove_ebook .banner_sec_img:after {
    top: 0;
    height: 100%
}

.quate_main_cls {
    background: #f1f1f1;
    border-radius: 10px;
    position: relative;
    margin-top: 50px
}

p.sub_p_cls {
    margin: 0 auto;
    line-height: 1.4
}

.quate_cls {
    position: absolute;
    background: #172968;
    color: #fcf9fe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.font-18,
.font-22.clr_red {
    color: #010101;
    font-weight: 600
}

.node-1 {
    background-position: -10px -2821px;
    width: 40px
}

.node-2 {
    background-position: -57px -2821px;
    width: 45px
}

.node-3 {
    background-position: -109px -2821px;
    width: 42px
}

.node-4 {
    background-position: -157px -2821px;
    width: 44px
}

.node-5 {
    background-position: -212px -2821px;
    width: 36px
}

.node-6 {
    background-position: -260px -2821px;
    width: 38px
}

.node-r1 {
    background-position: -324px -2825px;
    width: 41px
}

.node-r2 {
    background-position: -373px -2825px;
    width: 43px
}

.node-r3 {
    background-position: -425px -2831px;
    width: 45px;
    height: 39px
}

.node-r4 {
    background-position: -475px -2825px;
    width: 45px;
    height: 45px
}

.node-r5 {
    background-position: -528px -2827px;
    width: 44px;
    height: 43px
}

.node-r6 {
    background-position: -578px -2825px;
    width: 43px;
    height: 45px
}

.node-w1 {
    background-position: -7px -2893px;
    width: 41px;
    height: 32px
}

.ha-w10,
.ha-w11,
.ha-w12,
.hp-w1,
.loan-r1,
.node-w2,
.node-w3,
.node-w8,
.node-w9,
.s-w3,
.s-w4,
.s-w5 {
    width: 41px;
    height: 41px
}

.node-w2 {
    background-position: -52px -2884px
}

.node-w3 {
    background-position: -98px -2886px
}

.node-w4 {
    background-position: -146px -2893px;
    width: 35px;
    height: 32px
}

.node-w5 {
    background-position: -190px -2888px;
    width: 37px;
    height: 38px
}

.loan-r2,
.node-w6,
.node-w7 {
    height: 41px;
    width: 40px
}

.node-w6 {
    background-position: -234px -2884px
}

.node-w7 {
    background-position: -279px -2884px
}

.node-w8 {
    background-position: -328px -2884px
}

.node-w9 {
    background-position: -373px -2884px
}

.blog-sec4 ol {
    padding-left: 15px
}

.font-18 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 5px
}

.font-20 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px
}

.banner_sec_img.loan_lending {
    background-position: left
}

.loan-r1 {
    background-position: -639px -2825px
}

.loan-r2 {
    background-position: -692px -2825px
}

.loan-r3 {
    background-position: -743px -2834px;
    width: 40px;
    height: 31px
}

.loan-r4 {
    background-position: -785px -2825px;
    width: 30px;
    height: 40px
}

.loan-r5 {
    background-position: -820px -2826px;
    width: 39px;
    height: 41px
}

.loan-r6 {
    background-position: -870px -2843px;
    width: 40px;
    height: 22px
}

section.fantasy_games_sec.talk_sec h3 {
    text-align: center;
    margin-bottom: 40px
}

.games_inner .game_sec {
    max-width: 25%;
    flex: 0 0 25%;
    margin: 0 auto;
    border: 1px solid #ddd;
    transition: .4s
}

.blog_cta_cls {
    color: #fff;
    padding: 35px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-top: 30px
}

.blog_cta_cls h4 {
    font-size: 16px;
    margin: 15px 0 20px;
    max-width: 75%
}

.blog_cta_cls .cta-icon {
    max-width: 210px;
    flex: 0 0 210px
}

.blog-sec3 ul li span.check_icon img {
    filter: opacity(.5);
    display: none
}

.font-22.clr_red {
    font-size: 32px;
    margin-bottom: 5px;
    margin-top: 15px
}

.form-control:focus {
    border: 1px solid #216fa7 !important;
    outline: 0 !important
}

.blog-nav ul {
    margin-bottom: 0;
    padding: 0 20px 0 0;
    border-right: 1px dashed #fff
}

.blog-nav ul li {
    list-style: none;
    padding: 0;
    position: relative;
    line-height: 1.4;
    margin-bottom: 6px
}

.blog-nav ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-transform: capitalize
}

.blog_cta_cls .cta_head h4 {
    max-width: 100%;
    margin-top: 0
}

.tb-head h3 {
    font-size: 32px;
    font-weight: 400;
    margin-top: 0;
    color: #fff;
    margin-bottom: 15px
}

.blog-nav ul li:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    top: 16px;
    left: 0;
    border-radius: 50%
}

.blog_cta2,
.blog_cta_cls.blog_cta2.new_cta2,
.tawk-badge,
.tawk-button,
body #offlineform_btn,
body .jVyEvM,
body .kenFqt.kenFqt.kenFqt {
    background: #216fa7 !important
}

.blog_cta_cls .cta_head .btn_blue {
    height: auto;
    width: auto;
    padding: 5px 20px
}

.blog_cta_cls.blog_cta3 {
    background: linear-gradient(79deg, #5a6f89, #021730) !important
}

.blog_cta_cls.blog_cta1 {
    background: #dfe5ee !important;
    color: #000
}

.hs-w1 {
    background-position: -357px -2982px;
    width: 38px;
    height: 38px
}

.hs-w2 {
    background-position: -406px -2980px;
    width: 40px;
    height: 40px
}

.hs-w3 {
    background-position: -467px -2982px;
    width: 38px;
    height: 38px
}

.hs-w4 {
    background-position: -516px -2982px;
    width: 40px;
    height: 40px
}

.hs-w5 {
    background-position: -567px -2982px;
    width: 38px
}

.hs-w6 {
    background-position: -619px -2982px;
    width: 34px
}

.hs-w7 {
    background-position: -665px -2982px;
    width: 40px
}

.hs-w8,
.hs-w9 {
    width: 38px;
    height: 38px
}

.hs-w8 {
    background-position: -716px -2982px
}

.hs-w9 {
    background-position: -776px -2982px
}

.hs-r1 {
    background-position: -657px -3091px;
    width: 41px;
    height: 31px
}

.hs-r2 {
    background-position: -708px -3081px;
    width: 40px
}

.hs-r3 {
    background-position: -759px -3081px;
    width: 41px
}

.hs-r4 {
    background-position: -810px -3081px;
    width: 31px
}

.hs-r5 {
    background-position: -849px -3082px;
    width: 39px;
    height: 39px
}

.hs-r6 {
    background-position: -898px -3083px;
    width: 40px;
    height: 40px
}

.ekko-lightbox-container {
    overflow: hidden;
    height: 100%
}

.blog_form {
    position: sticky;
    top: 138px
}

.remove_ebook .blog_form {
    top: 85px
}

.blog_form [class*=col-] {
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex: 0 0 100%
}

body.blog_detail .main_sec {
    overflow: unset
}

body.event_page .banner_sec_img {
    display: unset;
    height: unset;
    padding: unset;
    background-size: unset
}

body.event_page .banner_sec.banner_inner .banner_sec_con {
    padding-top: 180px
}

body.event_page .banner_sec.banner_inner h1.inner_banner_heads {
    font-weight: 700;
    color: #fff;
    line-height: 1.1
}

.event-dtl-page .modal-body {
    padding: .5rem
}

.swiper-container {
    width: 100%;
    padding-top: 95px;
    padding-bottom: 120px;
    overflow: hidden
}

.cover_slider:after {
    content: "";
    width: 310px;
    height: calc(100% - 190px);
    background: url(../img/loan/mobile.png) 0 0/310px no-repeat;
    position: absolute;
    top: 82px;
    left: calc(50% - 155px);
    overflow: hidden
}

#next,
#previous {
    width: 60px;
    height: 60px;
    line-height: 1;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    box-shadow: none;
    border: 0;
    position: absolute;
    right: 0;
    top: 55%
}

#previous:after {
    content: "";
    position: absolute;
    left: 20px;
    background-position: -630px -1275px
}

#next:after {
    content: "";
    right: 20px;
    position: absolute;
    z-index: 1;
    background-position: -657px -1275px
}

.apps-carft-screen-short-content {
    position: relative;
    margin-top: 0
}

.sales-icon_home {
    position: absolute;
    z-index: 11
}

.sales-icon_home img {
    position: relative;
    z-index: 1;
    -webkit-animation: 3s linear infinite alternate nudge-two;
    animation: 3s linear infinite alternate nudge-two
}

@-webkit-keyframes nudge-two {

    0%,
    100% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }

    80% {
        transform: scale(1.1)
    }
}

@keyframes nudge-two {

    0%,
    100% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1.1)
    }

    80% {
        transform: scale(1.2)
    }
}

.client-img,
.common-cls img,
.hire_web_ic img,
.sl-ar img,
ul.copyright li a.dmca-badge img {
    max-width: 100px
}

.technologies_cls {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
    max-width: 100%;
    width: 420px
}

.technologies_cls .technology_ic {
    margin-bottom: 20px;
    flex: 0 0 25%
}

.form-steps {
    display: block;
    width: 100%;
    margin: 20px 0
}

.form-steps:after {
    content: "";
    display: table;
    clear: both
}

.form-steps__item {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 25%
}

.submit-step.submit input {
    height: 47px;
    width: 120px
}

.form-steps__item-content {
    display: inline-block
}

.form-steps__item-icon {
    background: #e4e5e5;
    color: #8191ab;
    display: block;
    border-radius: 100%;
    border: 1px solid #216fa7;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto 10px;
    position: relative;
    font-weight: 700;
    z-index: 2
}

#overlay,
.best_services_item::before,
.blgo-title .date_inner .date-icon img,
.common-cls:after,
.common-cls:before,
.contact_desktop,
.contact_ipad,
.contact_laptop,
.contact_mobile,
.contact_sec_con,
.d-none,
.features-slider.owl-carousel .owl-nav .owl-next::before,
.features-slider.owl-carousel .owl-nav .owl-prev::before,
.flower-sec .hire_web_itms .row .col_4:nth-child(5) .hire_web_step::after,
.form-steps__item.step-5.thanku_check.form-steps__item--active .button-bar,
.hire_web_con .hire_web_step::after,
.hire_web_con .hire_web_step::before,
.hire_web_step .arrow,
.loan-lending-form .contact_sec_form::before,
.logo_ipad,
.newslater_sec .newslater_icon,
.partner_sec,
.port_folio .owl-dots .owl-dot span:after,
.question-container,
.salesforce_ipad,
.salesforce_laptop,
.salesforce_mobile,
.service-bg ul li:after,
.service-bg ul li:nth-child(3):after,
.service-bg ul li:nth-child(6):after,
.submit-step,
.test_con_meta_img,
.test_quote_right,
.thankyou-timeline ul li:last-child:after,
section#panels .anchor-nav a.anchor span,
section.cover_slider,
section.process_sec {
    display: none
}

.form-steps__item--active .form-steps__item-line {
    background: #133070
}

.form-steps__item--active .form-steps__item-icon {
    background: #216fa7;
    color: #fff
}

.form-steps__item--completed .form-steps__item-icon {
    background: center center/10px no-repeat #216fa7;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px
}

.form-steps__item--completed .form-steps__item-line {
    background: #133070
}

p.error-text {
    bottom: -23px;
    left: 24px;
    color: rgb(255 0 0 / .7);
    font-size: .6em
}

#raq_next.submit {
    background-color: #21ba45
}

#raq_back.disabled {
    color: #bbb;
    cursor: unset
}

.button-bar {
    bottom: 25px;
    display: flex;
    width: auto
}

.button-bar input {
    margin-right: 10px;
    width: 120px
}

.question-container p.error-text {
    bottom: -20px;
    margin-bottom: 0;
    left: 0
}

.tick {
    top: 5px;
    box-shadow: inset 3px -3px 0 #133070;
    height: 8px;
    transform: rotate(-50deg);
    width: 20px;
    margin: 70px auto;
    transition: 1s
}

.form-steps__item-line {
    display: inline-block;
    height: 3px;
    width: 100%;
    background: #cfd8dc;
    position: absolute;
    left: -50%;
    top: 12px;
    z-index: 1
}

.feat-cont h4,
.form-steps__item-text,
.hire_links .row [class*=col-] span.hire_link_name,
.inner_cont_sec p,
.office_sec address,
.office_sec p.office_phone,
.resume_sec_form p,
.tabing_type1_img p,
.technology_content_sec p,
section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title p,
span.privacy_dtl {
    font-size: 12px
}

.down-steps-cls {
    padding: 20px 20px 20px 0;
    position: relative;
    min-height: 460px !important
}

#overlay {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / .5);
    z-index: 2;
    cursor: pointer
}

.thankyou {
    margin: 190px auto auto;
    width: 260px;
    height: 160px;
    background: #fff;
    padding: 15px 20px;
    line-height: 25px;
    border-radius: 4px;
    box-shadow: -1px 5px 32px 7px rgb(0 0 0 / .5)
}

.file_icon,
.professional {
    background-image: url(../img/bg_icon.webp);
    top: 12px;
    left: 15px;
    z-index: 1
}

.thankyou h3 {
    font-size: 3em;
    font-weight: 700;
    color: #21ba45;
    line-height: 50px
}

.question-title {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
    display: block;
    margin-top: 20px
}

.form-group.select_custom_cls {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding-left: 0;
    position: relative;
    outline: 0 !important
}

.resume_sec_form .form-group.select_custom_cls {
    border: 1px solid #f7f7f7;
    background: #f7f7f7
}

.form-group.select_custom_cls select {
    border: 0;
    padding-left: 0;
    max-width: 100px
}

.form-group.select_custom_cls .input-group.country_code input:focus,
.form-group.select_custom_cls input,
.form-group.select_custom_cls select:focus {
    border: 0 !important
}

.form-group.select_custom_cls .call-icon {
    left: 13px
}

.form-group.select_custom_cls .input-group.country_code {
    position: initial
}

.form-group.select_custom_cls:focus {
    border: 1px solid #216fa7 !important
}

.form-group.select_custom_cls:focus,
.form-group.select_custom_cls:focus-visible,
.form-group.select_custom_cls:focus-within {
    border: 1px solid #216fa7 !important
}

.professional {
    background-position: -961px -1278px;
    height: 22px;
    width: 22px;
    position: absolute
}

.file_icon {
    background-position: -788px -1310px;
    height: 23px;
    width: 18px;
    position: absolute
}

.professional_class {
    padding-left: 45px !important
}

.portfolio_dtl .file_input.form-control {
    padding-left: 12px
}

body .onwebchatbox .webchat_header {
    background-color: #216fa7 !important
}

#onweb_chatimage {
    filter: grayscale(1) !important
}

.ai-1 {
    background-position: -14px -3191px;
    width: 40px;
    height: 40px
}

.ai-2,
.ai-3,
.md-w2,
span.t_img svg {
    width: 35px;
    height: 35px
}

.ai-2 {
    background-position: -66px -3196px
}

.ai-3 {
    background-position: -116px -3196px
}

.ai-4 {
    background-position: -165px -3200px;
    width: 37px;
    height: 31px
}

.ai-5 {
    background-position: -215px -3194px;
    width: 37px;
    height: 37px
}

.ai-6 {
    background-position: -261px -3196px;
    width: 36px
}

.ai-7 {
    background-position: -312px -3196px;
    width: 35px
}

.ai_ic1 {
    background-position: -374px -3191px
}

.ai_ic2 {
    background-position: -424px -3191px
}

.ai_ic3 {
    background-position: -485px -3191px
}

.ai_ic4 {
    background-position: -534px -3191px
}

.ai_ic5 {
    background-position: -584px -3191px
}

.ai_ic6 {
    background-position: -635px -3191px
}

.ai-r1 {
    background-position: -656px -3143px
}

.ai-r2 {
    background-position: -701px -3143px
}

.ai-r3 {
    background-position: -746px -3143px
}

.ai-r4 {
    background-position: -787px -3143px
}

.ai-r5 {
    background-position: -830px -3143px
}

.ai-r6 {
    background-position: -872px -3143px
}

.ai-r7 {
    background-position: -917px -3143px
}

.ai-r8 {
    background-position: -958px -3143px
}

.ms-1 {
    background-position: -686px -3193px;
    width: 38px;
    height: 38px
}

.ms-2 {
    background-position: -735px -3191px
}

.ms-3 {
    background-position: -798px -3195px
}

.ms-r1 {
    background-position: -17px -3251px
}

.ms-r2 {
    background-position: -67px -3251px
}

.ms-r3 {
    background-position: -118px -3249px
}

.ms-r4 {
    background-position: -167px -3249px
}

.ms-r5 {
    background-position: -217px -3251px
}

.ms-r6 {
    background-position: -267px -3249px
}

.mean_stack_hire .mean_stack_row .col-5 {
    flex: 0 0 20%
}

.fs-r1 {
    background-position: -332px -3271px
}

.fs-r2 {
    background-position: -385px -3272px
}

.fs-r3 {
    background-position: -429px -3272px
}

.fs-r4 {
    background-position: -481px -3270px
}

.fs-r5 {
    background-position: -531px -3270px
}

.fs-r6 {
    background-position: -581px -3271px
}

.hiring_sec .cta_section {
    height: auto;
    margin-top: 40px
}

.blog_cta_cls.ewallet_cta {
    display: block;
    margin: 0 auto 30px;
    background: 0 0 !important;
    padding: 0
}

.blog_cta_cls.ewallet_cta .cta-icon {
    background: #216fa7;
    width: 100%;
    max-width: 100%;
    padding: 20px 20px 10px;
    border-radius: 5px 5px 0 0;
    border-bottom: 15px solid #951914
}

.blog_cta_cls.ewallet_cta .cta_head.sub_head_cls {
    background: #216fa7;
    padding: 30px;
    width: 100%;
    margin: 0;
    border-radius: 0 0 5px 5px
}

.blog-nav {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 10px;
    margin-top: 30px;
    background: linear-gradient(79deg, #33073f, #0d3677) !important
}

.md-w1 {
    background-position: -631px -3277px;
    width: 40px;
    height: 35px
}

.md-w2 {
    background-position: -684px -3277px
}

.md-w3 {
    background-position: -732px -3274px
}

.md-w4 {
    background-position: -781px -3272px
}

.md-w5 {
    background-position: -832px -3273px
}

.md-r1 {
    background-position: -14px -3332px;
    width: 38px
}

.md-r2 {
    background-position: -63px -3330px
}

.md-r3 {
    background-position: -114px -3332px
}

.md-r4 {
    background-position: -163px -3330px
}

.md-r5 {
    background-position: -213px -3330px
}

.md-r6 {
    background-position: -263px -3332px
}

.md-r7 {
    background-position: -315px -3330px
}

.md_ic1 {
    background-position: -378px -3330px
}

.md_ic2 {
    background-position: -428px -3330px
}

.md_ic3 {
    background-position: -478px -3330px
}

.md_ic4 {
    background-position: -529px -3330px
}

.md_ic5 {
    background-position: -578px -3330px
}

.md_ic6 {
    background-position: -629px -3330px
}

.md_ic7 {
    background-position: -678px -3330px
}

.ha-1 {
    background-position: -294px -3416px
}

.ha-2 {
    background-position: -340px -3416px
}

.ha-3 {
    background-position: -388px -3416px
}

.ha-4 {
    background-position: -433px -3416px
}

.ha-5 {
    background-position: -486px -3416px
}

.ha-6 {
    background-position: -534px -3416px
}

.ha-r1 {
    background-position: -12px -3420px
}

.ha-r2 {
    background-position: -58px -3420px
}

.ha-r3 {
    background-position: -98px -3420px
}

.ha-r4 {
    background-position: -146px -3420px
}

.ha-r5 {
    background-position: -197px -3420px
}

.ha-r6 {
    background-position: -243px -3420px
}

.ha-w1 {
    background-position: -583px -3417px
}

.ha-w2 {
    background-position: -632px -3417px
}

.ha-w3 {
    background-position: -684px -3417px;
    width: 36px
}

.tecno-icon img,
.whatsapp {
    width: 60px
}

.ha-w4 {
    background-position: -724px -3417px
}

.ha-w5 {
    background-position: -775px -3417px
}

.ha-w6 {
    background-position: -825px -3417px
}

.ha-w7 {
    background-position: -870px -3416px;
    height: 41px
}

.ha-w8 {
    background-position: -912px -3417px
}

.ha-w9 {
    background-position: -954px -3417px
}

.single_develop_cls {
    display: flex;
    margin: auto;
    background: #fff;
    margin-bottom: 20px !important;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgb(223 223 223 / 46%);
    border: 1px solid #ddd;
    align-items: center
}

.single_develop_cls .blog-app-img.wallet-img {
    flex: 0 0 210px;
    max-width: 210px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 0 !important
}

.features-col,
blog_table_head ul {
    max-width: 50%;
    flex: 0 0 50%
}

.blog-nav ul:last-child {
    border-right: 0;
    padding-left: 25px
}

.content_blog .font-18,
.port_sec.port_inner_cls .hire_links ul.nav.nav-tabs,
.privacy-inner ol li,
.privacy-inner ul li {
    margin-bottom: 5px
}

.content_blog p,
.service-bg h4 {
    line-height: 1.6
}

.ha-r9 {
    background-position: -9px -3479px
}

.ha-r10 {
    background-position: -61px -3479px
}

.ha-w10 {
    background-position: -117px -3478px
}

.ha-w11 {
    background-position: -167px -3478px
}

.ha-w12 {
    background-position: -219px -3478px
}

.footer-middle,
.img_sec.ios_img img,
.popup-img,
.popup_content {
    padding: 20px 0
}

.hp-w1 {
    background-position: -269px -3478px
}

.hp-r1 {
    background-position: -363px -3478px
}

.hp-r2 {
    background-position: -408px -3486px
}

.hp-r3 {
    background-position: -454px -3481px
}

.hp-r4 {
    background-position: -500px -3482px
}

.hp-r5 {
    background-position: -544px -3484px
}

.hp-r6 {
    background-position: -589px -3482px
}

.ang-r1 {
    background-position: -649px -3482px
}

.ang-r2 {
    background-position: -699px -3482px
}

.ang-r3 {
    background-position: -749px -3482px
}

.ang-r4 {
    background-position: -799px -3482px
}

.ang-r5 {
    background-position: -850px -3482px
}

.ang-r6 {
    background-position: -900px -3482px
}

.hjs-w1 {
    background-position: -11px -3550px
}

.hjs-w2 {
    background-position: -60px -3550px
}

.hjs-w3 {
    background-position: -111px -3550px
}

.whatsapp {
    background-position: -158px -3542px;
    height: 60px;
    box-shadow: 0 0 20px #9f9e9e;
    border-radius: 50%
}

.common-cls,
.overview-img {
    box-shadow: 0 0 20px rgb(0 0 0 / 20%)
}

.technology_home_ic.whatsapp {
    background-position: -395px -10.5px
}

.hire-flutter-w1 {
    background-position: -226px -3550px;
    width: 40px;
    height: 40px
}

.hire-flutter1 {
    background-position: -291px -3550px;
    width: 40px;
    height: 40px
}

.hire-flutter2 {
    background-position: -341px -3552px;
    width: 38px;
    height: 40px
}

.hire-flutter3 {
    background-position: -391px -3552px;
    width: 40px;
    height: 38px
}

.hire-flutter4 {
    background-position: -440px -3550px;
    width: 40px;
    height: 40px
}

.hire-flutter5 {
    background-position: -490px -3552px;
    width: 40px;
    height: 38px
}

.hire-flutter6 {
    background-position: -550px -3550px
}

.fd-1 {
    background-position: -612px -3550px
}

.ha-w13 {
    background-position: -668px -3552px
}

.jsd_ic {
    background-position: -747px -3548px;
    width: 38px
}

.web_ic {
    background-position: -795px -3548px;
    width: 50px
}

.hd-1 {
    background-position: -8px -3614px;
    width: 43px
}

.hd-2 {
    background-position: -64px -3615px;
    width: 40px
}

.hd-3 {
    background-position: -112px -3614px;
    width: 50px
}

.hd-4 {
    background-position: -170px -3614px;
    width: 45px
}

.hd-5 {
    background-position: -217px -3614px;
    width: 40px
}

.hd-6 {
    background-position: -278px -3614px;
    width: 44px
}

.jsd-1,
.jsd-2,
.jsd-3 {
    width: 50px
}

.jsd-1 {
    background-position: -335px -3614px
}

.jsd-2 {
    background-position: -390px -3614px;
    height: 51px
}

.jsd-3 {
    background-position: -448px -3614px
}

.jsd-4 {
    background-position: -510px -3614px;
    width: 42px
}

.jsd-5 {
    background-position: -558px -3614px
}

.jsd-6 {
    background-position: -612px -3615px
}

.jsd-7 {
    background-position: -663px -3614px;
    width: 40px
}

.jsd-8 {
    background-position: -725px -3614px;
    width: 50px
}

.hd-r1 {
    background-position: -807px -3620px;
    width: 36px;
    height: 40px
}

.hd-r2 {
    background-position: -845px -3620px
}

.hd-r3 {
    background-position: -895px -3620px
}

.hd-r4 {
    background-position: -945px -3620px
}

.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1111
}

.submit-step.submit {
    display: inline-block;
    position: absolute;
    bottom: 25px
}

.flutter .img_sec img {
    padding: 20px 0;
    width: 100%
}

.hd-7 {
    background-position: -8px -3672px;
    width: 43px;
    height: 50px
}

.a1,
.a2,
.a3,
.a4,
.a5,
.a6,
.a7,
.a8 {
    width: 77px;
    height: 77px
}

.a1 {
    background-position: -63px -108px
}

.a2 {
    background-position: -153px -108px
}

.a3 {
    background-position: -243px -108px
}

.a4 {
    background-position: -333px -108px
}

.a5 {
    background-position: -423px -108px
}

.a6 {
    background-position: -512px -108px
}

.a7 {
    background-position: -602px -108px
}

.a8 {
    background-position: -693px -108px
}

span.t_img svg path {
    fill: #216fa7
}

.magento-dev img,
.port_slider_wrk_wht .port_slider_wrk_itm .port_h4::before {
    background: #fff
}

.hmd-1 {
    background-position: -11px -3779px
}

.hmd-2 {
    background-position: -63px -3779px
}

.hmd-3 {
    background-position: -111px -3779px
}

.hmd-4 {
    background-position: -160px -3779px
}

.hmd-5 {
    background-position: -211px -3779px
}

.hmd-6 {
    background-position: -261px -3779px
}

.hmd-w1 {
    background-position: -326px -3779px;
    width: 30px
}

.hmd-w2 {
    background-position: -360px -3782px;
    width: 40px
}

.hmd-w3 {
    background-position: -410px -3783px;
    width: 40px;
    height: 36px
}

.hmd-w4 {
    background-position: -460px -3779px
}

.hmd-w5 {
    background-position: -510px -3779px
}

.hmd-w6 {
    background-position: -560px -3781px
}

.blog-sec2 td,
.chalange-bg,
.g-bg,
.games_inner .game_sec,
.test_con,
a.lets_btn {
    padding: 10px
}

.blog_cta_cls.new-cta {
    background: #eee !important;
    padding: 10px 35px
}

.blog_cta_cls.new-cta h4 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5
}

.blog_cta_cls.new-cta .cta-icon {
    max-width: 250px;
    flex: 0 0 250px
}

.blog_cta_cls.new_cta2 .cta-icon {
    max-width: 120px;
    flex: 0 0 120px
}

.blog_cta_clsnew_cta2 .cta_head h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px
}

.blog_inner_main_sec.single_blog.single-blog-view.single_blog_cont.blgo-titleh3a {
    font-size: 18px;
    line-height: 1.4
}

.blog_inner_main_sec .date_comp {
    line-height: 1;
    margin-top: 15px
}

.bg-icon-new {
    background-image: url(../img/bg_icon_new.webp)
}

.iot-2 {
    background-position: -60px -10px
}

.iot-3 {
    background-position: -112px -10px
}

.iot-4 {
    background-position: -161px -10px
}

.iot-5 {
    background-position: -210px -10px
}

.iot-6 {
    background-position: -260px -10px
}

.iot-w1 {
    background-position: -330px -12px
}

.iot-w2 {
    background-position: -381px -12px
}

.iot-w3 {
    background-position: -430px -12px
}

.iot-w4 {
    background-position: -480px -12px
}

.iot-w5 {
    background-position: -530px -12px
}

.iot-w6 {
    background-position: -580px -12px
}

.iot-w7 {
    background-position: -630px -12px
}

.apps-carft-screen-short-ssection figure img {
    border: 8px solid #fff;
    border-radius: 20px
}

.apps-carft-screen-short-ssection {
    background: #f1f1f1;
    padding: 45px 0 40px
}

.ic-cs1 {
    background-position: -690px -14px
}

.ic-cs2 {
    background-position: -740px -14px
}

.ic-cs3 {
    background-position: -790px -14px
}

.ic-cs4 {
    background-position: -840px -14px
}

.icon-tc {
    background-position: -900px -14px
}

.icon-qc {
    background-position: -950px -13px
}

.ic-cloud-1 {
    background-position: -10px -66px
}

.ic-cloud-2 {
    background-position: -57px -66px
}

.ic-cloud-3 {
    background-position: -107px -65px;
    width: 41px;
    height: 41px
}

.wad-1 {
    background-position: -166px -64px
}

.wad-2 {
    background-position: -215px -64px
}

.wad-3 {
    background-position: -266px -64px
}

.wad-4 {
    background-position: -315px -64px
}

.wad-5 {
    background-position: -369px -64px
}

.wad-w1 {
    background-position: -430px -64px;
    width: 28px
}

.wad-w2 {
    background-position: -474px -64px
}

.wad-w3 {
    background-position: -525px -64px
}

.wad-w4 {
    background-position: -579px -64px;
    width: 28px
}

.wad-w5 {
    background-position: -614px -64px
}

.wad-w6 {
    background-position: -664px -64px
}

.table-cls table tr td,
.table-cls table tr th {
    padding: 5px 10px;
    vertical-align: top
}

.table-cls table tr td li {
    margin: 5px;
    font-size: 14px
}

.sf-w1 {
    height: 33px;
    background-position: -718px -72px
}

.sf-w2 {
    background-position: -765px -69px
}

.sf-w3 {
    width: 36px;
    background-position: -814px -68px
}

.sf-w4 {
    width: 28px;
    background-position: -858px -69px
}

.sf-w5 {
    width: 40px;
    background-position: -895px -70px
}

.sf-w6 {
    width: 40px;
    height: 36px;
    background-position: -939px -71px
}

.sf-g1 {
    background-position: -17px -127px
}

.sf-g2 {
    background-position: -67px -127px
}

.sf-r1 {
    background-position: -122px -127px
}

.sf-r2 {
    background-position: -170px -127px
}

.sf-r3 {
    background-position: -222px -127px
}

.sf-r4 {
    background-position: -266px -126px
}

.sf-r5 {
    background-position: -310px -128px
}

.sf-r6 {
    background-position: -360px -127px
}

.footer-middle {
    border-top: 1px solid #15283e;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.s7 {
    background-position: -8px -206px;
    width: 45px;
    height: 45px;
    display: block
}

.case-study-cls .banner_sec_img {
    align-items: unset
}

.cs_banner_img {
    background-size: cover;
    height: 100%;
    display: flex;
    justify-content: center
}

.common-cls {
    padding: 40px;
    background: #fff;
    margin: 0 auto 50px;
    border-radius: 15px
}

.client-ic,
.team-ic {
    width: 50%
}

.team-cont {
    max-width: 250px;
    margin: 0 auto;
    z-index: 1
}

.icon-img,
.rating_thumb,
.sales_slider.owl-carousel .owl-nav button.owl-prev,
.technologies_list ul li:last-child {
    margin-right: 15px
}

.cs-detail {
    padding-bottom: 50px
}

.cs-banner:after {
    content: "";
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
    border-top: 3px solid #1fa9ff
}

.timeline-ic {
    width: 100%;
    background: #043378
}

.team-cont h6 {
    font-size: 20px;
    color: #757575
}

.team-cont h5 {
    color: #033277;
    font-weight: 700;
    font-size: 20px
}

.team-cont p {
    font-weight: 500;
    line-height: 1.3
}

.common-cls:after {
    position: absolute;
    content: "";
    height: 50px;
    width: 4px;
    background: #1fa9ff;
    top: 100%;
    left: calc(50% - 2px)
}

.common-cls:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    background: #fff;
    bottom: -57px;
    left: calc(50% - 12.5px);
    z-index: 1;
    border-radius: 50%;
    border: 7px solid #1fa9ff
}

.cs-title {
    display: flex;
    width: 100%;
    align-items: center
}

.box-cs-title h5,
.heading_h3 {
    margin-bottom: 0;
    color: #033277
}

.overview-img {
    background: #fff;
    border-radius: 20px;
    padding: 10px
}

.cs-box,
.solution-box {
    border-radius: 30px;
    background: #fff
}

.common-clr,
.overview-cont p a {
    color: #1fa9ff
}

.border-main-cls:after {
    content: "01";
    position: absolute;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: rgb(31 169 255 / 49%);
    color: #fff0;
    font-size: 107px;
    line-height: 1;
    bottom: 0;
    right: -20px
}

.title-inner {
    white-space: nowrap
}

.border-main-cls {
    border-bottom: 4px solid;
    padding-top: 5px
}

.objective-sec {
    background-size: cover;
    background-repeat: no-repeat
}

.border-main-cls.point-4:after {
    content: "04";
    left: 0
}

.border-main-cls.point-6:after {
    content: "06";
    left: 0
}

.cs-option .border-main-cls {
    margin-left: 0;
    margin-right: 30px
}

.point-2:after {
    left: 0;
    content: "02"
}

.challenge-cls:after,
.challenge-cls:before {
    content: "";
    min-height: 1px;
    width: 200px;
    background: #1fa9ff;
    clip-path: polygon(0 0, 41% 34%, 41% 68%, 0 100%);
    position: absolute;
    height: 100%;
    top: 0
}

.cs-option p.heading_para {
    color: #fff;
    margin-bottom: 40px;
    font-size: 22px
}

.cs-box {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    padding: 30px;
    margin-bottom: 30px
}

.cs_port_img img,
.solution-box {
    box-shadow: 0 0 20px rgb(0 0 0 / 16%)
}

.icon-img {
    flex: 0 0 70px;
    max-width: 70px
}

.box-cs-title h5 {
    font-size: 26px;
    font-weight: 600
}

.cs-box p {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 0
}

.challenge-cls .border-main-cls.point-3:after {
    content: "03";
    right: -5px
}

.challenge-cls:before {
    right: 0;
    transform: rotate(180deg)
}

.challenge-cls .heading_para {
    margin-bottom: 40px;
    font-size: 22px
}

.solution-row-cls {
    display: flex;
    margin-bottom: 40px
}

.solution-half-col {
    flex: 0 0 38%
}

.solution-col {
    flex: 0 0 24%;
    display: flex;
    align-items: center
}

.solution-box {
    text-align: center;
    border: 1px solid #1fa9ff;
    height: 100%
}

.s-icon-cls {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.s-icon-cls img {
    max-height: 60px;
    max-width: 60px
}

.color-code p,
.solution-cont h3,
.test-cont h3 {
    font-weight: 700;
    color: #033277
}

.solution-cont p {
    line-height: 1.7;
    font-weight: 500;
    margin-bottom: 0
}

.solution-inner h3 {
    text-align: center;
    font-weight: 700;
    color: #1fa9ff;
    line-height: 1;
    margin-bottom: -15px
}

.border-main-cls.point-5:after {
    content: "05"
}

.typography-sec .bg-1 {
    background: #888 !important
}

.typography-sec .bg-2 {
    background: #033277 !important
}

.typography-sec .bg-3 {
    background: #1fa9ff !important
}

.color-code {
    text-align: center;
    margin-top: 10px
}

.technology-cls ul {
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 40px
}

.technology-cls ul li {
    margin: 0 15px;
    list-style: none
}

.border-main-cls.point-7:after {
    content: "07";
    right: -5px
}

.border-main-cls.point-8:after {
    left: 0;
    content: "08"
}

.testimonial-inner {
    background: #fff;
    display: flex;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    border-radius: 15px;
    align-items: center;
    position: relative;
    border: 1px solid #1fa9ff;
    overflow: hidden
}

.client-img {
    flex: 0 0 280px
}

.test-cont p {
    color: #033277;
    font-weight: 600;
    margin-bottom: 0
}

.client-detail h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1fa9ff;
    margin-bottom: 0
}

.client-detail p {
    font-size: 18px;
    font-weight: 600;
    color: #033277
}

.position-cls {
    position: absolute;
    top: 0
}

.position-cls img {
    max-width: 70px
}

.cs-gray-bg {
    background: #f2f2f2
}

.border-main-cls.point-9::after {
    content: "09";
    right: -5px
}

.cs_port_img img {
    border-radius: 20px
}

.cs-slider .swiper-slide-container {
    text-align: center;
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cs-slider .swiper-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: inherit
}

.cs-slider {
    padding-bottom: 100px;
    position: relative
}

.cs-slider.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    bottom: -40px
}

.cs-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff
}

.desktop-view {
    position: absolute;
    top: 0;
    margin-top: 0;
    z-index: 11;
    height: 100%
}

.blockchain-cls {
    display: flex;
    flex: 0 0 50%;
    padding: 40px 20px 0
}

.blockchain-ic {
    flex: 0 0 85px
}

.blockchain-cont h4 {
    font-size: 18px;
    font-weight: 600;
    color: #216fa7;
    margin-bottom: 0
}

.blockchain-cont p {
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 5px
}

.blockchain-inner-sec,
.features-offer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.blockchain-indu {
    border: 1px solid #d5d5d5;
    padding: 25px;
    border-radius: 5px;
    background: #fff;
    margin-top: 30px;
    height: calc(100% - 30px)
}

.blockchain-title h4 {
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: 600
}

.best_services .row [class*=col-]:nth-child(10) .best_services_ic,
.best_services .row [class*=col-]:nth-child(10) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(10) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(10) .best_services_ic::before,
.best_services.row[class*=col-]:nth-child(10).best_services_icspan::before {
    background: #1b6eab
}

.best_services .row [class*=col-]:nth-child(11) .best_services_ic,
.best_services .row [class*=col-]:nth-child(11) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(11) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(11) .best_services_ic::before,
.best_services.row[class*=col-]:nth-child(11).best_services_icspan::before {
    background: #1a7053
}

.section_5 {
    background: center/cover no-repeat #1fa9ff;
    width: 100%;
    position: relative;
    height: 100vh;
    align-items: center;
    display: flex
}

.ccd-1 {
    background-position: -420px -132px
}

.ccd-2 {
    background-position: -470px -132px
}

.ccd-3 {
    background-position: -520px -132px
}

.ccd-4 {
    background-position: -570px -132px
}

.ccd-5 {
    background-position: -621px -132px
}

.ccd-6 {
    background-position: -671px -132px
}

.ccd-7 {
    background-position: -722px -132px
}

.ccd-8 {
    background-position: -772px -132px
}

.ccd-9 {
    background-position: -821px -132px
}

.ccd-w1 {
    width: 40px;
    height: 41px;
    background-position: -17px -189px
}

.ccd-w2,
.ccd-w3,
.ccd-w4,
.ccd-w5,
.ccd-w7,
.ccd-w8,
.ccd-w9 {
    width: 41px;
    height: 42px
}

.ccd-w2 {
    background-position: -71px -188px
}

.ccd-w3 {
    background-position: -124px -188px
}

.ccd-w4 {
    background-position: -178px -188px
}

.ccd-w5 {
    background-position: -232px -188px
}

.ccd-w6 {
    width: 42px;
    height: 42px;
    background-position: -284px -188px
}

.ccd-w7 {
    background-position: -339px -188px
}

.ccd-w8 {
    background-position: -392px -188px
}

.ccd-w9 {
    background-position: -446px -188px
}

.ccd-cs1 {
    background-position: -531px -194px
}

.ccd-cs2 {
    background-position: -582px -194px
}

.ccd-cs3 {
    background-position: -629px -194px
}

.ccd-cs4 {
    width: 40px;
    background-position: -678px -194px
}

.bd-w1,
.bd-w2 {
    width: 38px;
    height: 40px
}

.bd-w1 {
    background-position: -12px -252px
}

.bd-w2 {
    background-position: -63px -250px
}

.bd-w3 {
    width: 40px;
    background-position: -111px -250px
}

.bd-w4 {
    width: 41px;
    background-position: -162px -253px
}

.bd-w5 {
    background-position: -212px -250px
}

.bd-w6 {
    background-position: -261px -253px
}

.bd-w7 {
    background-position: -310px -250px
}

.bd-w8 {
    background-position: -361px -250px
}

.bd-w9 {
    background-position: -420px -250px
}

.bd-i1 {
    background-position: -481px -251px
}

.bd-i2 {
    background-position: -531px -251px
}

.bd-i3 {
    background-position: -580px -251px
}

.bd-i4 {
    background-position: -629px -251px
}

.bd-i5 {
    background-position: -681px -251px
}

.bd-i6 {
    background-position: -729px -251px
}

.bd-i7 {
    background-position: -780px -251px
}

.bd-i8 {
    background-position: -830px -250px
}

.bd-i9 {
    background-position: -880px -250px
}

.bd-r1 {
    background-position: -8px -313px
}

.bd-r2 {
    background-position: -57px -314px
}

.bd-r3 {
    background-position: -107px -314px
}

.bd-r4 {
    background-position: -158px -313px
}

.bd-r5 {
    background-position: -206px -312px
}

.bd-r6 {
    background-position: -258px -313px
}

.ul-blog-list {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.ico-title h4.heading_type_h2 {
    font-size: 34px;
    text-align: left;
    margin-bottom: 0
}

.ico-cont h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0
}

.type-ico .business-content {
    padding-left: 40px
}

.ul-blog-list a {
    color: #1a2663;
    font-weight: 600
}

.js-r1 {
    background-position: -332px -313px
}

.js-r2 {
    background-position: -382px -313px
}

.js-r3 {
    background-position: -432px -313px
}

.js-r4 {
    background-position: -481px -313px
}

.js-r5 {
    background-position: -531px -313px
}

.js-r6 {
    background-position: -581px -312px
}

.js-w1 {
    background-position: -640px -312px
}

.js-w2 {
    background-position: -688px -313px
}

.ios_ic14 {
    background-position: -745px -308px
}

.ios_ic15 {
    background-position: -805px -308px
}

.ico-w1 {
    background-position: -7px -379px
}

.ico-w2 {
    background-position: -57px -379px
}

.ico-w3 {
    background-position: -117px -379px
}

.ico-w4 {
    width: 40px;
    height: 42px;
    background-position: -168px -379px
}

.ico-w5 {
    background-position: -221px -379px
}

.ico-w6 {
    background-position: -277px -379px
}

.ico-w7 {
    width: 43px;
    height: 43px;
    background-position: -326px -378px
}

.ico-w8 {
    width: 41px;
    height: 41px;
    background-position: -377px -379px
}

.ico-w9 {
    background-position: -427px -379px
}

.ico-r1 {
    background-position: -485px -380px
}

.ico-r2 {
    background-position: -535px -380px
}

.ico-r3 {
    background-position: -585px -379px
}

.ico-r4 {
    background-position: -635px -380px
}

.ico-r5 {
    background-position: -685px -380px
}

.cwad-w1 {
    background-position: -10px -441px
}

.cwad-w2 {
    background-position: -65px -441px
}

.cwad-w3 {
    background-position: -117px -441px
}

.cwad-w4 {
    background-position: -165px -441px
}

.cwad-w5 {
    background-position: -210px -442px
}

.cwad-w6 {
    background-position: -260px -441px
}

.cwad-r1 {
    background-position: -314px -441px
}

.cwad-r2 {
    background-position: -364px -441px
}

.cwad-r3 {
    background-position: -424px -441px
}

.cwad-r4 {
    background-position: -484px -441px
}

.blog-list {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.blog-quate .quate_main_cls {
    margin-top: 40px;
    margin-bottom: 40px
}

.blog-first {
    padding-top: 0 !important
}

.rating_left_sec {
    flex: 0 0 170px
}

.fb-1 {
    background-position: -563px -441px
}

.fb-2 {
    background-position: -613px -441px
}

.fb-3 {
    background-position: -663px -441px
}

.fb-4 {
    background-position: -713px -441px
}

.fb-5 {
    background-position: -763px -441px
}

.fb-6 {
    background-position: -816px -441px
}

.fb-w1 {
    width: 37px;
    height: 38px;
    background-position: -18px -523px
}

.fb-w2 {
    background-position: -67px -520px
}

.fb-w3 {
    background-position: -118px -522px
}

.fb-w4 {
    background-position: -168px -522px
}

.fb-w5 {
    background-position: -217px -521px
}

.fb-w6 {
    background-position: -270px -522px
}

.fb-w7 {
    background-position: -318px -522px
}

.fb-w8 {
    background-position: -367px -520px
}

.fb-w9 {
    background-position: -418px -520px
}

.fb-r1 {
    background-position: -488px -521px
}

.fb-r2 {
    background-position: -538px -521px
}

.fb-r3 {
    background-position: -587px -521px
}

.fb-r4 {
    background-position: -639px -521px
}

.fb-r5 {
    background-position: -687px -521px
}

.fb-r6 {
    background-position: -739px -521px
}

.blog-app-img img,
.wallet-img img {
    text-align: center;
    display: table
}

.footer-middle ul.footer_items.footer_social a,
.share_sec .social_link ul.footer_social a {
    font-size: 0
}

.form-group.ebcaptcha-cls input {
    height: calc(1.5em .75rem 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 0 10px;
    outline: 0;
    width: 100%
}

.form-group.ebcaptcha-cls label {
    margin-bottom: 0;
    margin-right: 20px;
    max-width: 120px;
    flex: 0 0 120px
}

.mail_address_cls a {
    display: flex;
    background: #216fa7;
    height: 45px;
    align-items: center;
    padding: 0 15px 0 50px;
    border-radius: 5px;
    color: #fff
}

.mail_address_cls a h6 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 700
}

.mail_cont {
    border-left: 1px solid #fff;
    height: 100%;
    padding-left: 8px;
    display: flex;
    align-items: center
}

.mail_address_cls .mail_cont {
    font-size: 12px !important
}

.shopify-1,
.shopify-2 {
    width: 41px;
    height: 40px
}

.col-cust {
    flex: 0 0 calc(100% / 5)
}

.wallet-img.inner-blog-cta {
    background: #fafbfb;
    padding: 30px;
    text-align: center;
    border-radius: 10px
}

.inner-blog-cta h4 {
    color: #000;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700
}

.inner-blog-cta .btn-primary {
    padding: 10px;
    background: #216fa7
}

.why_sec_con ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.why_sec_con ul li {
    padding: 0 10px 0 0;
    flex: 0 0 50%;
    margin: 5px 0;
    font-size: 14px
}

.shopify-2 {
    background-position: -63px -660px
}

.shopify-3 {
    background-position: -115px -659px
}

.shopify-4 {
    background-position: -165px -660px
}

.shopify-5 {
    background-position: -216px -660px
}

.shopify-1 {
    background-position: -13px -660px
}

.shopify-6 {
    background-position: -265px -659px
}

.shopify-7 {
    background-position: -315px -660px
}

.shopify-8 {
    background-position: -365px -660px
}

.pro-w1 {
    background-position: -352px -587px
}

.pro-w2 {
    background-position: -403px -587px
}

.pro-w3 {
    background-position: -452px -587px
}

.pro-w4 {
    background-position: -503px -587px
}

.pro-w5 {
    background-position: -552px -587px
}

.sho-w1 {
    background-position: -10px -587px
}

.sho-w2 {
    background-position: -70px -587px
}

.sho-w3 {
    background-position: -120px -588px
}

.sho-w4 {
    background-position: -169px -587px
}

.sho-w5 {
    background-position: -220px -586px
}

.sho-w6 {
    background-position: -280px -586px
}

.cost_box_cls {
    background: #fff;
    box-shadow: 0 0 49px 0 rgb(223 223 223 / 46%);
    width: 100%;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    height: 100%
}

.cost_ic,
.cost_ic2,
.s-r3,
.s-r4,
.sales_w10,
.sales_w11,
.sales_w2,
.sales_w3,
.sales_w6,
.sales_w7 {
    height: 41px;
    width: 41px;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.cost_box_cls p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500
}

.cost_ic {
    align-items: center;
    background-position: -431px -659px
}

.cost_ic2 {
    align-items: center;
    background-position: -480px -658px
}

.cost_ic3,
.s-r1,
.s-r2,
.s-w1,
.s-w2,
.sales_w1,
.sales_w4,
.sales_w5,
.sales_w8,
.sales_w9 {
    height: 41px;
    width: 41px;
    display: flex;
    justify-content: center
}

.cost_ic3 {
    align-items: center;
    background-position: -531px -660px
}

.cost_cont span {
    font-size: 14px;
    font-weight: 700;
    display: block
}

.cost_cont h3 {
    font-size: 24px;
    font-weight: 700;
    color: #216fa7;
    margin-bottom: 10px;
    margin-top: 10px
}

.sales_w1 {
    align-items: center;
    background-position: -12px -733px
}

.sales_w2 {
    align-items: center;
    background-position: -61px -733px
}

.sales_w3 {
    align-items: center;
    background-position: -112px -733px
}

.sales_w4 {
    align-items: center;
    background-position: -162px -733px
}

.sales_w5 {
    align-items: center;
    background-position: -212px -733px
}

.sales_w6 {
    align-items: center;
    background-position: -262px -733px
}

.sales_w7 {
    align-items: center;
    background-position: -311px -733px
}

.sales_w8 {
    align-items: center;
    background-position: -362px -733px
}

.sales_w9 {
    align-items: center;
    background-position: -412px -733px
}

.sales_w10 {
    align-items: center;
    background-position: -464px -733px
}

.s-r1,
.s-r2,
.s-r3,
.s-r4,
.s-w1,
.s-w2,
.s-w3,
.s-w4,
.s-w5,
.sales_w11 {
    align-items: center
}

.sales_w11 {
    background-position: -515px -733px
}

.s-r1 {
    background-position: -560px -733px
}

.s-r2 {
    background-position: -611px -733px
}

.s-r3 {
    background-position: -660px -733px
}

.s-r4 {
    background-position: -711px -733px
}

.s-w1 {
    background-position: -761px -735px
}

.s-w2 {
    background-position: -810px -735px
}

.s-w3,
.s-w4,
.s-w5,
.sales-r1 {
    display: flex;
    justify-content: center
}

.sales-r1,
.sales-r2,
.sales-r3,
.sales-r4,
.sales-r5,
.sales-r6 {
    align-items: center;
    filter: brightness(0) invert(0)
}

.s-w3 {
    background-position: -860px -735px
}

.s-w4 {
    background-position: -905px -735px
}

.s-w5 {
    background-position: -950px -735px
}

.sales-r2,
.sales-r3,
.sales-r4,
.sales-r5,
.sales-r6,
.sales-r7,
.sales-r8 {
    height: 40px;
    width: 40px;
    display: flex
}

.sales-r1 {
    background-position: -11px -807px
}

.sales-r2 {
    background-position: -60px -808px
}

.sales-r3 {
    background-position: -111px -811px
}

.sales-r4 {
    background-position: -161px -809px
}

.sales-r5 {
    background-position: -210px -809px
}

.sales-r6 {
    background-position: -261px -810px
}

.sales-r7 {
    align-items: center;
    filter: brightness(0) invert(0);
    background-position: -311px -808px
}

.sales-r8 {
    justify-content: center;
    filter: brightness(0) invert(0);
    align-items: center;
    background-position: -361px -808px
}

.heading_type3 {
    font-size: 32px;
    font-weight: 600
}

.sales_slider button {
    bottom: 0 !important;
    position: relative !important;
    top: unset !important
}

.sales_slider.owl-carousel .owl-nav button.disabled {
    opacity: .5
}

section.salesforce_cta_sec {
    background: linear-gradient(180deg, #0d3677, #33073f);
    padding: 45px 0
}

.admin_cont ul,
.best_solution_cont ul,
.c-features-con ul,
.service-bg ul {
    padding-left: 0;
    display: flex
}

.work_process_con p {
    font-size: 13px;
    color: #000;
    font-weight: 500
}

.flower-sec .step_5 .hire_web_step,
.industry-icon-parent ul li:nth-child(5) .industry-icon {
    background: #081884
}

.flower-sec .step_4 .hire_web_step::before {
    right: -100px;
    left: auto !important
}

.tickicon img {
    max-width: 25px
}

.work_process .service_providesec .list_sec_item_ic {
    flex: 0 0 25px
}

.flower_slider .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    background: #216fa7;
    border-radius: 50%;
    margin-right: 5px
}

.flower_slider .owl-dots {
    bottom: -60px
}

.about-content.blog-sec3 ul li {
    font-size: 14px;
    margin: 10px 0
}

.best_solution_sec,
.video_streaming_feature,
section.service_providesec.restaurant-cost-estimation {
    background: linear-gradient(79deg, #33073f, #0d3677) !important;
    padding: 60px 0 70px
}

.video_streaming_feature .heading_para {
    color: #f1f1f1
}

.admin_cont ul {
    list-style: none;
    color: #fff;
    margin-bottom: 0;
    flex-wrap: wrap
}

.admin_cont ul li {
    margin: 0;
    flex: 0 0 50%;
    padding: 10px 10px 0
}

.c-features-list h5 {
    font-weight: 700;
    color: #303030;
    margin-bottom: 5px;
    text-transform: capitalize
}

.admin_cont ul .c-features-list {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    height: 100%
}

.best_services_btn span:after,
.hire_web_step .arrow::after {
    right: -60%;
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    position: absolute
}

.admin_cont .heading_type3 {
    text-transform: capitalize;
    color: #fff
}

.admin_cont .c-features-list p {
    color: #000;
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 14px
}

.admin_panel {
    padding-top: 50px
}

.flower-sec p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.5
}

.hire_web.flower-sec .hire_web_step {
    height: 105px;
    width: 105px
}

.hire_web.flower-sec .step_3 .hire_web_con .hire_web_step::before,
.quate_cls,
.test_quote_left {
    left: -10px
}

.best_solution_sec .heading_type_h3 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5
}

.best_solution_sec .heading_para {
    color: #fff;
    text-align: left;
    margin-bottom: 0
}

.best_solution_cont ul li {
    display: inline-block;
    background: 0;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 25px 10px !important;
    margin-right: 15px;
    width: 140px
}

.best_solution_cont ul li span {
    color: #fff;
    margin-top: 15px;
    display: block
}

.timing-img {
    background-image: url(../img/hiring-time.png);
    background-position: -17px -17px;
    height: 45px;
    width: 45px
}

.admin_ewallet h5,
.service-bg {
    height: unset !important
}

.best_solution_cont ul li:nth-child(2) .timing-img {
    background-position: -97px -18px
}

.best_solution_cont ul li:nth-child(3) .timing-img {
    background-position: -178px -18px
}

.best_solution_cont ul {
    justify-content: center;
    flex-wrap: wrap
}

.admin_user_panel .nav-tabs li a {
    border: 0 !important;
    background: 0 0 !important;
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid transparent !important
}

.c-features-con ul li,
section.grocery_delivery_app_sec.bg_gray .c-features-con ul li {
    display: inline-flex;
    border-radius: 5px;
    background: #fafafa;
    text-align: center;
    transition: .5s
}

.admin_user_panel .nav-tabs li a.active,
.admin_user_panel .nav-tabs li a:hover {
    border-bottom-color: #216fa7 !important;
    color: #216fa7
}

.c-features-con ul li h5 {
    margin: 0 0 5px;
    color: #252b33 !important;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 600;
    transition: .5s
}

.c-features-con ul li p {
    font-size: 16px !important;
    line-height: 1.3;
    margin-bottom: 0
}

.c-features-con ul li {
    flex: 0 0 calc(33.33% - 30px);
    padding: 25px
}

section.grocery_delivery_app_sec.bg_gray .c-features-con ul li {
    max-width: calc(25% - 20px);
    flex: 0 0 calc(25% - 20px);
    width: 100%;
    padding: 15px;
    margin: 20px 10px 0 !important
}

section.grocery_delivery_app_sec.bg_gray .c-features-con ul li:hover {
    background: #2670a7;
    transition: .5s
}

.c-features-con ul {
    flex-wrap: wrap;
    margin-bottom: 0
}

.cta_cont h2.heading_type_h2,
.feat-client-info .test_con_user_con p,
section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
    font-size: 14px !important
}

.best_services .row [class*=col-]:nth-child(14) .best_services_ic,
.best_services .row [class*=col-]:nth-child(14) .best_services_ic span::after,
.best_services .row [class*=col-]:nth-child(14) .best_services_ic::after,
.best_services .row [class*=col-]:nth-child(14) .best_services_ic::before,
.best_services.row[class*=col-]:nth-child(14).best_services_icspan::before {
    background: #4d7c2e
}

.bg-ic-new {
    background-image: url(../img/bg-ic-new.webp)
}

.od_ic1 {
    background-position: -10px -19px
}

.od_ic2 {
    background-position: -56px -19px
}

.od_ic3 {
    background-position: -108px -19px
}

.od_ic4 {
    background-position: -156px -19px
}

.od_ic5 {
    background-position: -205px -19px
}

.od_ic6 {
    background-position: -257px -19px
}

.od_ic7 {
    background-position: -310px -19px
}

.od_ic8 {
    background-position: -360px -19px
}

.od_ic9 {
    background-position: -412px -18px
}

.od_ic10 {
    background-position: -455px -18px
}

.od_ic11 {
    background-position: -511px -19px
}

.od_ic12 {
    background-position: -561px -19px
}

.od_ic13 {
    background-position: -610px -18px
}

.od_ic14 {
    background-position: -655px -18px
}

.od-w1 {
    background-position: -8px -88px
}

.od-w2 {
    background-position: -52px -88px
}

.od-w3 {
    background-position: -102px -88px
}

.od-w4 {
    background-position: -150px -88px
}

.od-w5 {
    background-position: -200px -88px
}

.od-b1 {
    background-position: -259px -92px
}

.od-b2 {
    background-position: -309px -91px
}

.od-b3 {
    background-position: -357px -92px
}

.od-b4 {
    background-position: -407px -90px
}

.od-b5 {
    background-position: -457px -90px
}

.od-b6 {
    background-position: -507px -91px
}

.service-bg h4,
.sub-head {
    margin-bottom: 20px;
    font-size: 22px
}

.blog-sec2 ol li {
    font-size: 18px;
    line-height: 1.8
}

.mobile_development_comp .banner_sec_con_in .inner_banner_heads {
    font-size: 42px
}

.mobile_development_comp .banner_sec_con_in h4 {
    font-size: 20px;
    line-height: 1.4
}

.banner_sec.banner_inner.thank_you_banner .banner_sec_img,
.banner_sec_img.mobile_development_comp {
    height: 100%
}

.mobile_development_comp .container-fluid {
    padding: 0 100px
}

.lvs-w1 {
    background-position: -15px -147px
}

.lvs-w2 {
    background-position: -64px -147px
}

.lvs-w3 {
    background-position: -114px -147px
}

.lvs-w4 {
    background-position: -165px -147px
}

.lvs-w5 {
    background-position: -215px -147px
}

.lvs-w6 {
    background-position: -266px -147px
}

.lvs-w7 {
    background-position: -315px -147px
}

.lvs-w8 {
    background-position: -365px -147px
}

.hire_web_step .arrow::after {
    width: 20px;
    height: 34px;
    bottom: 40px;
    background-image: url(../img/arrow-process.webp);
    top: calc(50% - 17px)
}

.lv-w1 {
    background-position: -432px -147px
}

.lv-w2 {
    background-position: -482px -147px
}

.lv-w3 {
    background-position: -532px -147px
}

.lv-w4 {
    background-position: -582px -147px
}

.lv-w5 {
    background-position: -632px -147px
}

.lv-w6 {
    background-position: -682px -147px
}

.lvs-g1 {
    background-position: -19px -208px
}

.lvs-g2 {
    background-position: -68px -208px
}

.lvs-g3 {
    background-position: -116px -208px
}

.lvs-g4 {
    background-position: -167px -208px
}

.lvs-g5 {
    background-position: -216px -207px
}

.lvs-g6 {
    background-position: -266px -208px
}

.cta_section.live_video_cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    height: calc(100% - 20px)
}

.c-features-con ul li:hover {
    background: #216fa7;
    color: #fff;
    transition: .5s
}

.grocery_delivery_app_sec_cta:hover {
    background: #fafafa !important
}

.grocery_delivery_app_sec_cta,
.new-cta-btn {
    padding: 0 !important
}

.service-bg {
    background: #00152e;
    border-image: unset !important;
    padding: 110px 0 70px
}

.service-form {
    background: #fff;
    padding: 0;
    border-radius: 10px;
    overflow: hidden
}

.service-bg .inner_banner_heads {
    text-transform: capitalize;
    font-size: 46px
}

.consultant_in .d-flex,
.featured-testimonail,
.rating_s_in,
.service-bg ul,
.tabing_type3,
.tabing_type3 .tabv_content {
    flex-wrap: wrap
}

.service-bg ul li {
    flex: 0 0 33.33%;
    color: #fff;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid;
    position: relative
}

.service-bg ul li:after {
    content: "";
    border-right: 1px solid;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.service-bg ul li .gro-icon {
    display: flex;
    justify-content: center;
    height: 55px;
    width: 55px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    text-align: center;
    margin: 0 auto 10px
}

.service-bg ul li .gro-icon img {
    max-width: 35px
}

.grocery-r1 {
    height: 36px;
    width: 40px;
    background-position: -333px 137px
}

.grocery-r2 {
    background-position: -383px 139px
}

.grocery-r3 {
    background-position: -433px 139px
}

.grocery-r4 {
    background-position: -483px 139px
}

.grocery-r5 {
    background-position: -533px 138px
}

.service-head {
    background: #216fa7;
    text-align: left;
    padding: 15px
}

.service-head h3 {
    margin-bottom: 5px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700
}

.service-head p {
    margin-bottom: 0;
    color: #f1f1f1;
    font-size: 14px
}

.cta_section,
.fullpage-popup .modal_cls .modal-content .modal-header,
.games_inner .game_sec,
.service-form form,
.solution-box {
    padding: 15px
}

.service-form textarea.form-control.message_control {
    min-height: 120px;
    text-transform: capitalize;
    max-height: 0;
    height: unset !important
}

.cont-size h3 {
    font-size: 36px
}

li.parsley-required {
    flex: unset !important;
    max-width: unset !important;
    padding: 0 !important;
    color: red !important;
    bottom: -22px;
    position: absolute !important
}

.form-group.country-name .globe-icon {
    position: absolute;
    left: 15px;
    top: 8px
}

.btn-danger:hover {
    background: #236391;
    color: #fff;
    border-color: #236391
}

.cont-size .blog-sec3 ul li {
    flex: 0 0 50%;
    margin: 5px 0
}

.features-col {
    padding: 0 10px;
    flex: 0 0 33.33%;
    margin-top: 15px
}

.feat-cont {
    text-align: center;
    color: #fff;
    border: 1px solid #ddd;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ew-1,
.ew-2,
.ew-3,
.ew-4,
.ew-5,
.ew-6,
.ew-7 {
    height: 41px
}

.blog-sec2 h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.grocery_cont .heading_type_h2 {
    font-size: 48px;
    line-height: 1.1
}

.admin_user_panel .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    width: auto;
    justify-content: center
}

.admin_img img,
.admin_user_panel,
.best_services_item,
.features_img img,
.img_sec img {
    margin: 0 auto;
    display: table
}

.features_inner_sec {
    padding: 60px 0;
    border-bottom: 1px solid #ddd
}

.features_inner_sec:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.admin_ewallet .business-bg:hover .business_tit h5,
.whyChoose_ewallet .business-bg:hover .business_tit h5 {
    color: #010101 !important
}

.lets_btn_cls a.btn.btn-danger.lets_btn span.btn_arrow img,
.whyChoose_ewallet .business-bg:hover .ewallet-icon img {
    filter: unset !important
}

.admin_ewallet .ewallet-icon {
    width: 45px;
    background: #216fa7;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    flex: 0 0 45px;
    max-width: 45px;
    margin-right: 5px
}

.ew-1 {
    background-position: -16px -266px
}

.ew-2 {
    background-position: -66px -266px
}

.ew-3 {
    background-position: -116px -266px
}

.ew-4 {
    background-position: -166px -266px
}

.ew-5 {
    background-position: -226px -266px
}

.ew-6 {
    background-position: -276px -266px
}

.ew-7 {
    background-position: -326px -266px
}

.iw-w1 {
    background-position: -384px -266px;
    height: 40px
}

.iw-w2 {
    background-position: -439px -266px;
    height: 40px;
    width: 30px
}

.iw-w3 {
    background-position: -484px -267px
}

.iw-w4 {
    background-position: -535px -266px
}

.iw-w5 {
    background-position: -586px -266px
}

.ew-work1 {
    background-position: -12px -326px
}

.ew-work2 {
    background-position: -62px -326px
}

.ew-work3 {
    background-position: -112px -326px
}

.ew-work4 {
    background-position: -162px -326px
}

.ew-work5 {
    background-position: -212px -326px
}

.mail_cont h6 {
    text-transform: lowercase
}

.ewallet_partner_logo .item img {
    max-width: 120px
}

.ewallet_partner_logo {
    background: #f1f1f1;
    border: 0
}

.cta_section h3,
.cta_section h5,
.event_title_sec h4,
.feat-client-info .test_con_user_con h4,
.feature_demand_sec .tabv_content p.para_meta,
.heading_type2 h4,
.heading_type4,
.hire_web.flower-sec p.heading_para,
.industries_sec_con h4,
.main_title_b h3,
.privacy-inner h4,
.privacy_cls h6,
.talk_expert_btn,
.thankyou-timeline p {
    font-size: 18px
}

.industry-icon-parent ul li {
    max-width: 670px;
    text-align: right
}

.industry-icon-box {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.industry-icon {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0b147;
    border-radius: 50%
}

.dating-parent .industry-icon img {
    max-width: 50px;
    max-height: 45px
}

.industry-icon-parent ul li:nth-child(2n) {
    margin-left: auto;
    text-align: left
}

.industry-icon-parent ul li:nth-child(2n) .industry-content {
    order: 2
}

.industry-content h3 {
    font-size: 16px;
    color: #262b32;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: normal;
    position: relative
}

.industry-icon-parent ul {
    padding-left: 0;
    list-style: none;
    margin-top: 40px
}

.industry-content {
    max-width: 570px;
    order: 2
}

.tecno-single-icon {
    flex: 0 0 calc(100% / 6);
    padding: 0 15px
}

.tecno-icon {
    height: 60px;
    display: table;
    margin: 0 auto
}

.techno_bg {
    background-image: url(../img/ewallet/tecno.png)
}

.tecno-1 {
    background-position: -2px 0;
    width: 55px;
    height: 60px
}

.ew_ic2,
.ew_ic3,
.ew_ic4,
.tecno-10,
.tecno-11,
.tecno-12,
.tecno-13,
.tecno-14,
.tecno-15,
.tecno-2,
.tecno-3,
.tecno-4,
.tecno-5,
.tecno-6,
.tecno-7,
.tecno-8,
.tecno-9 {
    width: 60px;
    height: 60px
}

.tecno-2 {
    background-position: 0 -60px
}

.tecno-3 {
    background-position: 0 -120px
}

.tecno-4 {
    background-position: 0 -180px
}

.tecno-5 {
    background-position: 0 -240px
}

.tecno-6 {
    background-position: 0 -300px
}

.tecno-7 {
    background-position: 0 -360px
}

.tecno-8 {
    background-position: 0 -420px
}

.tecno-9 {
    background-position: 0 -480px
}

.tecno-10 {
    background-position: 0 -540px
}

.tecno-11 {
    background-position: 0 -600px
}

.tecno-12 {
    background-position: 0 -660px
}

.tecno-13 {
    background-position: 0 -720px
}

.tecno-14 {
    background-position: 0 -780px
}

.tecno-15 {
    background-position: 0 -840px
}

.ew_ic2 {
    background-position: 0 -920px
}

.ew_ic3 {
    background-position: 0 -998px
}

.ew_ic4 {
    background-position: 0 -1079px
}

.mt-3 {
    margin-top: 1rem !important
}

.salesforce_cont_cls {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.salesforce_cont_cls li:first-letter {
    font-size: 24px;
    font-family: cursive;
    line-height: 1;
    color: #206fad
}

.salesforce_cont_cls li {
    padding: 5px 0;
    flex: 0 0 50%;
    font-weight: 600
}

.development-icon {
    background: #206fad;
    display: flex;
    height: 55px;
    width: 55px;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px
}

.consultant_sec,
.we-offer-sec h2,
section.term_sec.term_bg {
    margin-bottom: 40px
}

.development-info h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.development-item h3 {
    font-weight: 700;
    margin-bottom: 15px
}

.development-inner {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px
}

.event_about_cls h3 {
    text-align: left;
    font-size: 45px
}

.event_challenge_sec .chalage-img {
    text-align: center;
    justify-content: center
}

.event_challenge_sec .challenge-con h4 {
    font-size: 26px;
    font-weight: 700;
    margin: 25px 0 15px;
    text-align: center
}

.event_challenge_sec .challenge-con p {
    margin-bottom: 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.8
}

.event_benefits {
    background: url(../img/eventapp-benefits.webp) 20px 13px/300px;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    margin: 15px auto;
    border: 2px solid #216fa7
}

.eb-2 {
    background-position: -62px
}

.eb-3 {
    background-position: -145px
}

.eb-4 {
    background-position: -235px
}

.business_sec_itm:hover .event_benefits {
    border: 2px solid #fff
}

body .WSyWr.WSyWr.WSyWr {
    border-color: #216fa7 !important;
    background: #216fa7 !important;
    color: #fff;
    box-shadow: none !important
}

.best_services_btn span:after {
    width: 8px;
    height: 14px;
    bottom: 10px;
    background-image: url(img/arrow-process.webp);
    top: calc(50% - 7px);
    background-size: cover
}

.industries_sec_item .best_services_btn {
    margin-top: 0;
    opacity: 1 !important;
    color: #000;
    width: 100%
}

.app_sec_con h4 a,
.buss-title h5 a {
    color: #303030
}

.captcha_error {
    position: absolute;
    bottom: -5px;
    left: 0;
    font-size: 11px !important
}

.feature_demand_sec .tabing_type3_info {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    color: #000;
    height: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.feature_demand_sec .tabing_type3_info .para_meta {
    position: relative;
    top: 0;
    transition: .5s;
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #000;
    font-style: normal;
    text-align: center
}

.feature_demand_sec .tabing_type3_info:hover .para_meta {
    top: -100%;
    transition: .5s;
    height: 0;
    margin: 0
}

.feature_demand_sec .tabing_type3_info .para_sec {
    font-size: 14px;
    color: #000;
    padding: 0;
    margin: 0;
    max-width: 100%;
    transition: .5s;
    bottom: -100%;
    position: relative;
    height: 0;
    text-align: center
}

.feature_demand_sec .tabing_type3_info:hover .para_sec {
    bottom: 0 !important;
    height: auto
}

.feature_demand_sec h3 {
    text-align: center;
    margin: 0 auto 30px !important
}

.choose_invento_itm_con p.h4,
.port_slider_wrk_itm .port_h4 {
    margin: 0;
    font-weight: 700
}

.best_services.service_inner .row,
section.software-serv-feat .row {
    margin: 0 -7px
}

.best_services.service_inner .row [class*=col-],
section.software-serv-feat [class*=col-] {
    padding: 0 7px
}

.feature_icon img {
    max-width: 40px;
    max-height: 40px
}

.feature_icon {
    height: 75px;
    width: 75px;
    background: #216fa7;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 75px;
    margin: 0 auto 10px;
    transition: .5s;
    top: 0;
    position: relative
}

.feature_demand_sec .tabing_type3_info:hover .feature_icon {
    top: -100%;
    transition: .5s;
    height: 0;
    margin: -75px auto 0
}

.talk_sec_con {
    text-align: center;
    width: 950px;
    margin: 0 auto 30px;
    max-width: 100%
}

.choose_invento_itm,
.mobile_companies_itm {
    border: 1px solid #ebebeb;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    height: calc(100% - 10px)
}

.mobile_companies_itm_rating {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.mobile_companies_itm_rating_cn {
    margin: 4px 0 0 7px;
    line-height: 1
}

.choose_invento_itm_ic {
    flex: 0 0 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 5px;
    background: #7143f4;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.choose_invento_itms .row [class*=col-]:first-child .choose_invento_itm_ic {
    background: #7143f4
}

.port_slider_wrk_itm .port_h4 {
    font-size: 21px;
    position: relative;
    padding-top: 10px
}

.port_slider_wrk_itm .port_h4::before {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    display: inline-flex;
    top: 0;
    background: #010101
}

.fixed_buttons_scls {
    position: fixed;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    z-index: 111
}

.fixed_buttons_scl {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    margin: 8px 0;
    border-radius: 50px 0 0 50px;
    transition: .5s;
    right: -100px;
    position: relative
}

.fixed_buttons_scl:hover {
    transition: .5s;
    right: 0
}

.fixed_buttons_scl_btn {
    display: flex;
    color: #216fa7;
    align-items: center
}

.fixed_buttons_scl_cn {
    padding-left: 10px;
    padding-right: 10px
}

.partner_sec_inner {
    padding: 60px 0 35px;
    background: #f1f1f1
}

.partner_sec_inner .partner_sec_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.partner_sec_inner .partner_img {
    flex: 0 0 calc(100% / 4);
    text-align: center
}

.partner_sec_inner .partner_img img {
    filter: invert(.4) grayscale(1)
}

.partner_sec_inner .partner_img:hover img {
    filter: unset
}

.thankyou-timeline h2 {
    font-size: 26px;
    font-weight: 700
}

.thankyou-timeline ul {
    padding-left: 0;
    list-style: none;
    margin-top: 30px
}

.thankyou-timeline ul li {
    display: flex;
    position: relative;
    padding-left: 130px;
    margin-bottom: 30px;
    transition: .5s
}

.timeline_no {
    flex: 0 0 40px;
    max-width: 40px;
    background: #fff;
    border-radius: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    margin-right: 15px;
    border: 1px dashed #216fa7;
    position: absolute;
    z-index: 111;
    width: 40px;
    left: 0;
    top: calc(50% - 20px)
}

.thankyou-timeline ul li:after {
    content: "";
    position: absolute;
    top: calc(57%);
    left: 18px;
    width: 1px;
    height: 114%;
    border-left: 1px dashed #e0e0e0;
    letter-spacing: 2px
}

.timeline_cont_box {
    border: 1px solid #f1f1f1;
    width: 100%;
    border-radius: 10px;
    padding: 15px 15px 15px 140px;
    min-height: 120px;
    display: flex;
    align-items: self-start;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    z-index: 1;
    position: relative
}

.timeline_cont_box h3 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600
}

.timeline_cont_box p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5
}

.thankyou-timeline ul li:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 10px;
    width: 150px;
    height: 1px;
    border-bottom: 1px dashed #e0e0e0;
    letter-spacing: 2px
}

.thankyou-timeline ul li:hover .timeline_cont_box {
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 20px rgb(0 0 0 / .3);
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    transition: .5s
}

.ic_cls {
    position: absolute;
    top: 10px;
    left: 10px
}

.ic_cls svg {
    height: 100px;
    width: 100px
}

.thankyou-timeline ul li.process_done .timeline_cont_box {
    border: 0;
    padding: 0;
    min-height: unset;
    flex-direction: unset;
    align-items: center;
    justify-content: start
}

.thankyou-timeline ul li.process_done {
    padding-left: 350px;
    margin-bottom: 0
}

.thankyou-timeline ul li.process_done::before {
    top: calc(50% - 2px);
    left: 20px;
    width: 40%
}

.thankyou-timeline ul li.process_done .timeline_cont_box h3 {
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 34px
}

.thank_you_page .footer_sec,
section.port_overview {
    padding-top: 40px
}

.btn_thank {
    text-align: center;
    display: inline-block;
    width: 100%
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #010101 !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important
}

.test_con_user_img {
    border-radius: 50%;
    overflow: hidden
}

section.software-serv-feat {
    background: #f1f1f1;
    padding: 60px 0 55px
}

.serv-feat-box {
    box-shadow: 0 0 8px rgb(0 0 0 / 15%);
    padding: 20px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    height: calc(100% - 15px);
    display: flex;
    align-items: center
}

span.serv-gear-ic {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    fill: #216fa7
}

section.service_providesec .why-choose-serv .list_sec_item {
    padding: 20px;
    height: calc(100% - 20px);
    border-radius: 7px;
    box-shadow: 0 0 4px rgb(0 0 0 / 20%);
    background: #fff
}

.list_sec_col.why-choose-serv [class*=col-] {
    padding: 0 9px
}

.list_sec_col.why-choose-serv .row {
    margin: 0 -9px
}

.salesforce-serv-offer {
    padding-top: 65px
}

.tabing_type1_in .nav-tabs .nav-link p {
    margin-bottom: 0;
    margin-top: 15px
}

section.feat-client-testimonial {
    background-repeat: no-repeat;
    background-color: #6245b8;
    padding: 70px 0;
    background-size: cover;
    background-position: center
}

.featured-testimonail .client-img {
    border: 10px solid #fff;
    border-radius: 10px;
    overflow: hidden
}

.feat-client-info {
    flex: 0 0 calc(100% - 280px)
}

.feat-client-info .test_con_user_con p {
    color: #fff;
    margin-bottom: 0 !important;
    margin-top: 0
}

.feat-client-info p {
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
    margin-top: 20px
}

.design-portal h4,
.left-bg-img h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.test-review:after,
.test-review:before {
    content: "";
    display: block;
    background: url(/img/feat-cots.svg) 0 0/contain no-repeat;
    position: absolute;
    opacity: .2
}

p.test-review {
    position: relative;
    padding: 20px 0;
    margin: 20px 55px 0
}

.features-slider .owl-item.active+.owl-item.active {
    opacity: .4;
    transform: scale(.9);
    transition: .5s
}

.features-slider.owl-carousel .owl-nav button[class*=owl-] {
    top: calc(50% - 25px);
    background: 0 0 !important;
    border: 2px solid #fff;
    transition: .5s;
    height: 45px;
    width: 45px
}

.features-slider.owl-carousel .owl-nav button.owl-prev {
    margin-left: 0;
    margin-right: auto;
    left: -50px;
    right: unset !important
}

.features-slider.owl-carousel .owl-nav button.owl-next {
    right: -50px;
    left: unset !important
}

.features-slider.owl-carousel .owl-nav button[class*=owl-] img {
    max-width: 30px;
    filter: invert(1)
}

.features-slider.owl-carousel .owl-nav button[class*=owl-]:hover {
    background: #216fa7 !important;
    border-color: #216fa7;
    transition: .5s;
    transform: scale(1.1)
}

.talk_sec_btn.d-felx {
    gap: 15px
}

.crypto-feat-icon {
    height: 65px;
    width: 65px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2f3ff;
    border-radius: 50%
}

.header_sec li.nav-item.dropdown.has-dropdown.about-us-dropdown:hover .dropdown-menu {
    max-width: 50% !important;
    left: 20%
}

.design-portal h4 {
    margin-bottom: 15px
}

.design-portal ul {
    display: flex;
    justify-content: center;
    gap: 15px
}

div#myModal .modal-body {
    padding: 0 1rem;
    border: 0;
    margin-left: -1px
}

.left-bg-wrap {
    background: linear-gradient(180deg, #07497a 0, #3a81b7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.left-bg-img h5 {
    text-align: center;
    max-width: 80%;
    margin: 0 auto 30px
}

.contact_sec_form .modal_h3,
.popup_content h2 {
    font-size: 28px !important;
    color: #306faa;
    font-weight: 900;
    margin-bottom: 35px
}

.contact_sec_form .modal_h3 span,
.popup_content h2 span {
    color: #010101;
    display: block
}

.iti__flag-container {
    position: relative !important
}

.form-group.select_custom_cls .input-group.country_code .iti__flag-container {
    height: 47px;
    background: #fff0;
    padding: 0 !important;
    position: relative !important
}

.input-group.country_code input.form-control {
    padding-left: 3px !important
}

li.parsley-type {
    max-width: unset !important;
    padding: 0 !important;
    color: red !important;
    bottom: -12px;
    position: absolute !important;
    left: 0
}

.talk_sec_btn.d-felx a img {
    width: 200px
}

.banner_food-dashboard {
    width: 100%;
    height: 100%;
    text-align: center
}

section.service_providesec.restaurant-cost-estimation p.heading_para {
    text-align: left !important;
    color: #fff
}

.cta_section p,
.industry-icon-parent ul li .industry-content p,
.restaurant_service-h2-text,
.restaurant_service-p-text {
    text-align: center !important
}

.restaurant_service .type3-text {
    text-transform: capitalize;
    color: #010101;
    font-size: 32px;
    font-weight: 600
}

.new-cta-btn .cta_section {
    background: linear-gradient(79deg, #33073f, #0d3677) !important;
    border-radius: 5px;
    padding: 30px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-cta-btn .cta_section h5 {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    margin-right: 30px
}

.top-company-review p {
    color: #000;
    font-size: 16px;
    margin: auto 0 auto 14px;
    line-height: 22px
}

.top-company-review span {
    font-size: 45px;
    color: #000
}

.android-industry-con p {
    margin-bottom: 0;
    font-size: 18px;
    color: #000
}

.banner_sec.banner_inner.thank_you_banner .banner_sec_img .inner_banner_heads {
    font-size: 110px
}

.banner_sec.banner_inner.thank_you_banner .banner_sec_img {
    padding: 240px 0 335px;
    height: unset
}

@media(min-width:1220px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px
    }

    .port_con_img {
        margin-top: 100px
    }
}

@media(min-width:1680px) {
    .header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
        max-width: 80%
    }
}

@media(min-width:1580px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1380px
    }

    .port_sec_item img {
        width: 100% !important
    }
}

@media(max-width:1800px) {
    .feature_demand_sec .tabing_type3_info {
        height: 165px
    }

    .feature_demand_sec .tabv_content {
        padding-top: 55px
    }
}

@media(max-width:1700px) {
    .feature_demand_sec .tabv_content {
        padding-top: 125px
    }
}

@media(max-width:1600px) {
    .blog_inner_main_sec .blog_img img {
        max-height: 160px
    }

    .header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
        max-width: 80% !important
    }

    .inner-phone {
        transform: translate(10%, -50%)
    }

    .banner_sec.banner_inner.thank_you_banner .banner_sec_img {
        padding: 240px 0 335px;
        height: unset
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link span {
        font-size: 15px
    }

    .green_bg .office_item {
        padding: 0 15px
    }

    .banner_sec_img {
        background-position: 50%
    }

    .banner_heads {
        font-size: 105px
    }
}

@media screen and (max-width:1550px) {
    .btn-danger {
        padding: 10px 11px !important;
        font-size: 14px !important
    }

    .header_sec .navbar-nav .nav-link {
        padding: 20px !important
    }
}

@media screen and (max-width:1470px) {
    .banner_sec.banner_inner.thank_you_banner .banner_sec_img {
        padding: 140px 0 295px
    }

    .navbar-brand {
        width: 150px
    }

    .feature_demand_sec .tabing_type3_info .para_sec {
        font-size: 12px
    }
}

@media screen and (max-width:1300px) {
    .header_sec .navbar-nav .nav-link {
        padding: 10px !important
    }
}

@media(min-width:1200px) and (max-width:1450px) {

    section.blog_home,
    section.port_sec {
        margin-bottom: 40px
    }
}

@media(max-width:1450px) {
    .apps-craft-screenshort {
        height: 550px;
        transform: scale(1)
    }

    .apps-carft-screen-short-ssection #previous {
        left: 0 !important;
        position: relative
    }

    .apps-carft-screen-short-ssection #next {
        right: 0;
        position: relative
    }

    .apps-carft-screen-short-ssection .container {
        max-width: 970px
    }

    #navigation {
        text-align: center;
        margin: 0 auto;
        width: 100%
    }

    .fitness-features-sec {
        max-width: 80%;
        margin: 0 auto
    }

    .ask_sec .container {
        max-width: 1110px
    }

    .blog-sec3 ul li {
        font-size: 14px
    }
}

@media(max-width:1391px) {
    .header_sec li.nav-item.dropdown.has-dropdown.about-us-dropdown:hover .dropdown-menu {
        max-width: 60% !important
    }

    .blog_inner_sec .owl-carousel .owl-nav button[class*=owl-] {
        position: relative;
        top: 0 !important
    }

    .blog_inner_sec .owl-carousel .owl-nav button.owl-next {
        right: 0 !important;
        left: calc(50% - 100px) !important
    }

    .blog_inner_main_sec button.owl-prev {
        left: calc(50% - 70px) !important
    }

    .industry-icon-parent ul li {
        max-width: 580px
    }

    .inner-phone {
        transform: translate(0, -50%)
    }

    .box {
        right: 10%
    }

    .footer-inner-cls .footer_items,
    .test_con_meta_img {
        margin-right: 15px
    }

    .flower-sec p,
    .footer_items a {
        font-size: 12px
    }

    .footer_top .row {
        margin: 0 -7px
    }

    .footer_top .row [class*=col-] {
        padding: 0 7px
    }

    .ask_sec .container {
        max-width: 900px
    }

    .p-cls [class*=col-] {
        padding: 0 5px
    }

    .p-cls {
        margin-left: -5px;
        margin-right: -5px
    }

    .banner_heads,
    .banner_sec.banner_inner.thank_you_banner .banner_sec_img .inner_banner_heads {
        font-size: 90px
    }

    .feature_demand_sec .tabing_type3_info {
        height: 175px
    }

    .feature_icon img {
        max-width: 30px;
        max-height: 30px
    }

    .feature_icon {
        height: 55px;
        width: 55px;
        flex: 0 0 55px
    }

    .feature_demand_sec .tabing_type3_info .para_meta {
        font-size: 14px
    }

    .hire_web_con h4 {
        font-size: 15px
    }

    .feature_demand_sec .tabv_content {
        padding-top: 95px
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
        margin-bottom: 10px;
        padding: 10px
    }

    .feature_demand_sec .tabv_content p.para_meta {
        font-size: 26px
    }

    .feature_demand_sec .tabv_content p.para_sec,
    .solution-inner h3 {
        font-size: 18px
    }

    .solution-row-cls {
        padding: 0 60px
    }

    .challenge-cls:after,
    .challenge-cls:before {
        width: 150px
    }

    .challenge-cls.technology-sec:after,
    .challenge-cls.technology-sec:before {
        width: 90px
    }

    .solution-box,
    .submenu-inner {
        padding: 30px
    }

    .solution-cont h3 {
        font-size: 32px
    }

    .blog_form .contact_sec_form textarea.form-control {
        height: 60px
    }

    .modal-open nav.navbar {
        padding-right: 1rem
    }

    .service_head .header-sub-service {
        font-size: 30px;
        margin-bottom: 10px
    }

    .header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
        max-width: 90% !important
    }

    .has-dropdown .submenu-inner .megamenu-cls a.dropdown-item {
        padding: 0 0 15px 20px;
        font-size: 15px
    }

    .sales-icon_home {
        right: 40px
    }

    .cover_slider:after {
        width: 300px;
        left: calc(50% - 145px);
        background-size: 293px
    }

    .footer_bottom {
        padding: 30px 0 40px
    }

    .technologies_cls {
        margin-top: 15px;
        width: 340px
    }

    .slider_content {
        padding-right: 25px
    }

    .pp-head p {
        font-size: 54px;
        margin-bottom: 10px
    }

    .contact_heading .test_head h3 {
        font-size: 30px;
        padding-left: 0
    }

    .business-content h3,
    .restaurant_service h3 {
        font-size: 35px
    }

    .appi-port-left-content .pp-head {
        font-size: 48px
    }

    .submenu-row .inner-menu .submenu {
        padding: 0 10px
    }

    .service_head {
        padding-right: 20px
    }

    .inner-menu {
        padding-left: 20px
    }

    .header_sec .submenu-title .dropdown-item {
        word-break: break-word;
        width: 100%;
        white-space: initial;
        font-size: 18px
    }

    .privacy_cls h6 {
        font-size: 20px
    }

    .accpetbtn,
    .view-case .view_btn.btn {
        font-size: 16px
    }

    .accpetbtn {
        padding: 5px 10px
    }

    .banner_heads_3 {
        margin-left: 45%
    }

    .member_content_inner h4 {
        margin-top: 8px;
        margin-bottom: 3px
    }

    .main_title_b h3 {
        font-size: 16px;
        border-width: 3px
    }

    .content-details img {
        max-height: 60px
    }

    .heading_type1 h3,
    .heading_type_h2 {
        font-size: 45px
    }

    .port_con_img {
        margin-top: 120px
    }

    .header_sec .btn-danger {
        margin-left: 20px
    }

    .btn-danger {
        padding: 10px 15px
    }

    .header_sec .navbar-nav .nav-link {
        padding: 20px 10px
    }

    .banner_heads_1 {
        padding-left: 8%
    }

    .test_head h3 {
        font-size: 55px;
        padding: 0 35px
    }

    .test_quote_left {
        left: -10px;
        max-width: 25px
    }

    .test_quote_right {
        max-width: 25px
    }

    .test_head h4 {
        font-size: 22px
    }

    .tabing_type3_info {
        flex: 0 0 450px
    }

    .tabing_type3_info .heading_type1 h3 {
        font-size: 64px
    }

    .blog_inner_main_sec .blog_img img {
        max-height: 170px
    }
}

@media screen and (max-width:1220px) {
    .mail_address_cls a h6 {
        font-size: 13px
    }

    .has-dropdown .submenu-inner .megamenu-cls a.dropdown-item {
        font-size: 14px;
        padding-left: 15px;
        padding-bottom: 15px
    }
}

@media(max-width:1199.98px) {
    .desktop-view {
        width: 37% !important
    }

    section.grocery_delivery_app_sec.bg_gray .c-features-con ul li {
        flex: 0 0 calc(33.33% - 20px) !important;
        max-width: calc(33.33% - 20px)
    }

    .fitness-features-sec,
    .header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
        max-width: 100% !important
    }

    .footer-inner-cls .footer_items,
    .test_con_meta_img {
        margin-right: 10px
    }

    .footer_items a,
    .hire_web_itms p {
        font-size: 11px
    }

    .business-content p,
    .business_sec_itms.career_item .business_sec_con h4,
    .buss-title h5,
    .comment_sec .form-group label,
    .download_content a.btn,
    .grocery_cont p {
        font-size: 16px
    }

    .feature_demand_sec .tabing_type3_info:hover .feature_icon {
        margin: 0 auto 10px
    }

    .feature_demand_sec .tabing_type3_info:hover .para_meta {
        top: 0;
        height: unset
    }

    .contact_desktop,
    .fixed_buttons_scl_cn,
    .logo_desktop,
    .port_folio .owl-dots .owl-dot:first-child span:after,
    .port_folio .owl-dots .owl-dot:nth-child(2) span:after,
    .port_folio .owl-dots .owl-dot:nth-child(3) span:after,
    .salesforce_desktop {
        display: none
    }

    .ask_sec .container {
        max-width: 800px
    }

    .banner_sec.banner_inner.thank_you_banner .banner_sec_img .inner_banner_heads {
        font-size: 70px
    }

    .thankyou_sec {
        margin-top: 30px
    }

    .banner_sec.banner_inner.thank_you_banner .banner_sec_img {
        padding: 170px 0 100px
    }

    .feature_icon {
        height: 55px;
        width: 55px;
        flex: 0 0 55px
    }

    .feature_icon img {
        max-width: 30px;
        max-height: 30px
    }

    .tabing_type3_info_img {
        text-align: center;
        max-width: 330px;
        flex: unset !important;
        margin: 0 auto
    }

    .p-cls {
        justify-content: center;
        margin: 0 -7px 20px
    }

    .date_comp .company_inner .date p,
    .date_comp .date_inner .date p,
    .download_content .subspan,
    .feature_demand_sec .tabing_type3_info .para_meta,
    .web-date h5,
    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link span {
        font-size: 12px
    }

    .p-cls [class*=col-] {
        padding: 0 7px
    }

    .feature_demand_sec .tabing_type3_info .para_sec {
        position: unset;
        bottom: 0;
        height: auto;
        font-size: 10px
    }

    .feature_demand_sec .tabing_type3_info {
        height: inherit
    }

    .office_phone span {
        display: block;
        width: 100%
    }

    .office_phone {
        flex-wrap: wrap
    }

    .service-bg .inner_banner_heads {
        font-size: 38px
    }

    .feature_demand_sec .tabv_content {
        padding-top: 125px
    }

    .service_left_cont.blog-sec3 ul li {
        font-size: 13px;
        margin: 5px 0
    }

    .loan-lending-form .wht_bg {
        margin-top: -120px
    }

    .contact_social_link .mail_address_cls.ml-auto {
        margin-left: unset !important;
        margin-top: 10px
    }

    .cs-banner-inner img {
        margin-top: -340px
    }

    .cs_banner_img {
        min-height: 600px
    }

    .contact_laptop,
    .logo_ipad,
    .salesforce_laptop,
    section.desktop_none {
        display: block
    }

    .appi-cont p,
    .business-bg p,
    section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title p {
        font-size: 14px;
        line-height: 1.5
    }

    .appi-pp-para,
    .blog_form .contact_sec_form .form-group {
        margin-bottom: 10px
    }

    .test_con_para {
        line-height: 1.613;
        font-size: 14px
    }

    .appi-cta.read_more_wrapper,
    .hire_link_name,
    .ui-technologies,
    .ui-technologies ul {
        margin-top: 10px
    }

    .technologies_cls .technology_ic img {
        max-width: 60px
    }

    .sales-icon_home {
        top: 25%;
        right: 20px
    }

    .hire_sec_con {
        padding-left: 0
    }

    .swiper-button-prev {
        left: 40%
    }

    .swiper-container {
        padding-top: 91px
    }

    .cover_slider:after {
        content: "";
        width: 270px;
        left: calc(50% - 120px);
        background-size: 243px
    }

    .blog_form .contact_sec_form input {
        min-height: 38px;
        padding-left: 40px;
        font-size: 15px
    }

    .blog_form .contact_sec_form .user-icon {
        height: 18px;
        width: 14px;
        background-size: 700px;
        background-position: -551px -896px
    }

    .blog_form .contact_sec_form .envelope-icon {
        height: 16px;
        width: 18px;
        background-size: 700px;
        background-position: -571px -896px
    }

    .blog_form .contact_sec_form .country_code select.form-control {
        min-height: 38px;
        font-size: 15px
    }

    .blog_form .contact_sec_form .call-icon {
        height: 18px;
        width: 16px;
        background-size: 700px;
        background-position: -652px -895px
    }

    .blog_form .contact_sec_form .input-group.country_code input.form-control {
        padding-left: 10px
    }

    .blog_form .contact_sec_form textarea.form-control {
        padding-left: 40px;
        font-size: 15px
    }

    .blog_form .contact_sec_form .comment-icon {
        height: 17px;
        width: 17px
    }

    .popup_close_cls {
        position: absolute;
        right: 10px;
        top: 15px
    }

    .popup_left_content {
        padding: 30px 15px
    }

    .hire_sec {
        background: #fff
    }

    .blgo-title p,
    .btn,
    .center_img p,
    .fullpage-popup .resume_update .talk_sec_con h4,
    .hire_sec_con p,
    .hire_web_con h4,
    .leave_reply_sec p,
    .office_phone,
    .resume_sec_form p,
    .top_post_single .post_name p {
        font-size: 14px
    }

    .fullpage-popup .modal_cls .modal-content .modal-header {
        padding: 10px 30px
    }

    .port_con_img img {
        width: auto !important;
        margin: 0 auto;
        max-width: 100%
    }

    .has-dropdown .submenu-inner .megamenu-cls a.dropdown-item {
        padding-bottom: 18px;
        padding-left: 18px
    }

    .service_head .header-sub-service {
        font-size: 40px;
        margin-bottom: 15px
    }

    .service_head p,
    .social_bg [class*=col-] {
        margin-bottom: 20px
    }

    .service_head p {
        font-size: 15px
    }

    .border-cls {
        margin-bottom: 35px
    }

    .leave_reply_sec,
    .megamenu-cls {
        margin-top: 20px
    }

    span.arrow_cls {
        top: 11px
    }

    .header_sec .fixed-header li.nav-item.dropdown:hover .dropdown-menu {
        width: 100%;
        left: 0
    }

    span.policyimg {
        max-width: 70px;
        flex: 0 0 70px;
        margin-right: 20px
    }

    section.port_sec .hire_links ul.nav.nav-tabs {
        flex-wrap: inherit
    }

    .design-portal ul li .bg_clr i,
    .p_logo h1 {
        font-size: 44px
    }

    .category-tag ul li {
        font-size: 12px;
        margin: 0 5px 10px;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        line-height: 1.2
    }

    .banner_sec_con_in p {
        font-size: 16px;
        margin-top: 20px
    }

    .fullpage-popup .resume_update .talk_sec_con h3,
    .restaurant_service h3,
    section.app_services.android_top_serv .video_content .heading_type1 h3,
    section.port_overview h3 {
        font-size: 32px !important
    }

    .fullpage-popup section.port_overview p {
        font-size: 14px;
        padding: 15px 0 20px;
        max-width: 100%
    }

    .design-portal ul li .bg_clr {
        height: 90px;
        width: 90px
    }

    .fullpage-popup .modal_cls .modal-content button.close {
        width: 30px;
        height: 30px;
        margin-right: 0
    }

    .banner_sec_con h4,
    .caegroy-title h3,
    .fullpage-popup .modal_cls .modal-content button.close span,
    .leave_reply_sec h4,
    .member_content h4,
    .share_content h4 {
        font-size: 18px
    }

    .banner_heads_3 {
        margin-left: 0
    }

    .box_border_inner:after,
    .box_border_inner:before {
        width: calc(100% - 0);
        height: calc(100% - 0);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .member_dtl_inner {
        padding: 10px
    }

    .team_bg {
        padding: 35px 0 !important
    }

    .member_dtl_inner .member_img img {
        width: 80px;
        height: 80px
    }

    .team_bg h3 {
        font-size: 26px
    }

    section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title h3 {
        font-size: 40px;
        line-height: .9
    }

    .blog_inner_sec .row,
    .business-inner-sec .row {
        margin: 0 -10px
    }

    .blog_inner_sec [class*=col-],
    .business-inner-sec [class*=col-],
    .hire_web_itms .col_4.col {
        padding: 0 10px
    }

    .right-sidebar {
        margin-left: 0;
        margin-top: 10px
    }

    .single_blog_cont {
        width: calc(100% - 30px);
        padding: 10px
    }

    .blgo-title h3 {
        font-size: 18px;
        margin: 13px 0 7px
    }

    a.read-btn {
        font-size: 14px;
        padding-top: 5px
    }

    .b_category_sec ul li a {
        padding: 10px 0;
        font-size: 14px
    }

    .top_post_single .post-no h4 {
        font-size: 18px !important;
        line-height: 18px
    }

    section.service_providesec .list_sec_item {
        margin-top: 12px
    }

    section.service_providesec .list_sec_item_ic {
        flex: 0 0 40px
    }

    .list_sec_item_con {
        margin-left: 5px;
        font-size: 15px;
        line-height: 1.4
    }

    .business-content h3 {
        font-size: 32px
    }

    .best_services_item,
    .business-bg {
        padding: 15px
    }

    .buss-title {
        margin-left: 5px
    }

    .business_tit {
        padding-bottom: 10px
    }

    section.sitemap [class*=col-] {
        padding: 0 15px
    }

    section.sitemap .row {
        margin-right: -15px;
        margin-left: -15px
    }

    section.uiux_sec p.heading_para {
        font-size: 14px;
        width: 100%
    }

    section.talk_sec.technologies_detail h3 {
        max-width: 100%;
        font-size: 48px !important
    }

    section.talk_sec.technologies_detail p {
        max-width: 100%;
        margin: 20px auto
    }

    .technologies_sec .tabing_type3_info {
        flex: 0 0 600px
    }

    .tabing_type3 .nav {
        flex: 0 0 240px
    }

    .app_business.technologies_sec .tabing_type3 .heading_type1 h3 {
        font-size: 34px !important;
        margin-bottom: 0
    }

    .app_business.technologies_sec .tabing_type3 p.para_sec {
        font-size: 13px;
        text-align: justify;
        margin-top: 5px;
        line-height: 1.3
    }

    .ui-technologies ul li {
        margin-left: 10px
    }

    .ui-technologies p {
        font-size: 13px
    }

    .partner_sec_img {
        padding: 0 50px
    }

    .banner_sec_img {
        height: 100%;
        position: relative
    }

    .port_con_sec {
        text-align: left
    }

    .port_folio .owl-carousel .owl-nav [class*=owl-] {
        bottom: 0 !important;
        top: calc(50% - 30px);
        margin-right: 10px;
        position: absolute !important
    }

    .port_folio .owl-carousel .owl-nav .owl-prev {
        left: 20px !important
    }

    .port_folio .owl-carousel .owl-nav .owl-next {
        right: 10px
    }

    .port_folio_con {
        padding: 0 40px
    }

    .port_folio .item {
        padding: 40px 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        text-align: center
    }

    .center_img h4 {
        margin: 20px 0 15px;
        font-size: 18px;
        line-height: normal
    }

    .business_sec_itms.career_item .business_sec_itm {
        padding: 10px;
        margin-bottom: 0
    }

    .business_sec_itms.career_item .business_sec_con p.p-17 {
        line-height: normal;
        font-size: 12px
    }

    .business_sec_itms.career_item .business_sec_con p.p-bold {
        line-height: normal;
        font-size: 13px
    }

    .business_sec_itms.career_item .business_sec_con p {
        font-size: 12px;
        line-height: 18px
    }

    .resume_sec_form h4 {
        font-size: 34px
    }

    section.talk_sec.resume_update .heading_type2 h3 {
        font-size: 46px;
        margin-bottom: 15px
    }

    section.talk_sec.resume_update .heading_type2 h4 {
        font-size: 19px
    }

    .inner_cont_sec h3 {
        width: 100%
    }

    .inner_cont_sec {
        width: 95%
    }

    .hire_web_step {
        width: 115px;
        height: 115px
    }

    .hire_web_step span {
        font-size: 20px
    }

    .hire_web_step span.hire_web_cnt {
        font-size: 35px
    }

    .hire_web_step:after {
        right: -43%
    }

    .hire_web_step .arrow:after {
        height: 20px;
        width: 10px;
        background-size: 100%;
        right: -32%;
        top: calc(50% - 5px);
        background-repeat: no-repeat
    }

    .feature_demand_sec .tabv_content p.para_meta {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 0
    }

    section.talk_sec.demand_fetures_sec .app_business {
        padding: 70px 20px 0
    }

    .port_con_img,
    .portfolio_slider.owl-theme .owl-nav {
        margin-top: 0
    }

    .hire_link_item {
        padding: 15px 4px
    }

    .header_sec .btn-danger {
        margin-left: 15px
    }

    .header_sec .navbar-nav .nav-link {
        padding: 20px 10px;
        font-size: 13px
    }

    .heading_type1 h3,
    .heading_type_h2 {
        font-size: 40px !important
    }

    .career_buss_sec p {
        font-size: 14px;
        margin-top: 0
    }

    .hire_sec_con h3 {
        font-size: 30px
    }

    .test_head h3 {
        font-size: 75px
    }

    .test_quote_left {
        left: 0;
        width: 20px;
        top: 10px
    }

    .test_quote_right {
        width: 20px
    }

    .talk_expert_btn {
        font-size: 30px;
        padding: 15px
    }

    .hire_name {
        font-size: 22px
    }

    .tabing_type3 .nav-link {
        height: 170px;
        width: 200px
    }

    .tabing_type3_info .heading_type1 h3 {
        font-size: 54px
    }

    .tabing_type3_info_img {
        margin-left: auto;
        flex: 0 0 200px;
        padding-left: 30px
    }

    .work_process .row [class*=col-] .work_process_ic:before {
        width: 56px;
        height: 10px
    }

    .banner_sec_con_in .inner_banner_heads {
        font-size: 48px
    }

    .hire_meta_item {
        font-size: 10px
    }

    .process_sec_itm_img {
        margin: 110px 0 0
    }

    section.port_folio {
        height: auto
    }

    .crm_bg_inner {
        margin: 0
    }

    .has-dropdown .submenu-inner .megamenu-cls a.dropdown-item .menu-arrow {
        margin-right: 5px;
        transition: .5s;
        flex: 0 0 20px;
        padding-right: 0
    }

    .rating_left_sec {
        flex: 0 0 133px;
        margin-right: 5px;
        padding-top: 10px;
        padding-left: 15px
    }

    .inner-phone img.spinnnerImg {
        width: auto;
        height: auto
    }

    .blog_inner_main_sec .blog_img img {
        max-height: 144px
    }
}

@media(max-width:991.98px) {
    .submenu-inner {
        padding: 15px
    }

    .blog_inner_sec .owl-carousel .owl-nav button.owl-next {
        left: calc(50% - 70px) !important
    }

    .ewallet-cta,
    section.food-banner_sec {
        padding-top: 35px
    }

    .header_sec {
        top: 0
    }

    .arrow,
    .ask_sec .collapse:not(.show),
    .challenge-cls:after,
    .challenge-cls:before,
    .contact_laptop,
    .header_sec .nav-link.active::after,
    .header_sec .nav-link::after,
    .header_sec li.nav-item.dropdown:hover .nav-link:before,
    .main_port_slider,
    .menu_bg,
    .partner_sec,
    .salesforce_laptop,
    .service_head,
    .term_sec,
    .top-head,
    .work_process .row [class*=col-] .work_process_ic:before {
        display: none
    }

    .blog_cta_cls h4,
    .header_sec li.nav-item.dropdown.has-dropdown.about-us-dropdown:hover .dropdown-menu {
        max-width: 100% !important;
        display: block
    }

    .wallet_development_sec {
        padding: 35px 0
    }

    .testimonial_sec+section.ask_sec {
        padding-top: 0 !important
    }

    .android_service {
        padding-bottom: 40px !important
    }

    .featured-testimonail .client-img {
        flex: 0 0 170px
    }

    .feat-client-info {
        flex: 0 0 calc(100% - 170px)
    }

    p.test-review {
        margin: 20px 50px 0
    }

    .featured-testimonail {
        align-items: start
    }

    .app_business,
    .app_services,
    .blockchain-industries,
    .blockchain_plateform,
    .cost_dev_sec,
    .diverce_sec,
    .event_about_cls,
    .fullpage-popup section.banner_sec.banner_inner .banner_sec_con .port_img_sec,
    .hire_expert,
    .hire_sec,
    .hire_web,
    .industries_sec,
    .office_sec,
    .overview-sec,
    .port_sec,
    .process_sec,
    .sales_service_sec,
    .techno_sec,
    .term_sec,
    .testimonial_sec,
    .video_streaming_feature,
    .why_sec,
    section.advantages_sec,
    section.app_services.app_development,
    section.blog_sec,
    section.business_sec,
    section.career_sec,
    section.case_studies_sec,
    section.challenge_sec,
    section.commitment_sec,
    section.contact_us_sec.about_sec,
    section.crm_sec,
    section.demand_sec,
    section.designer_sec,
    section.feat-client-testimonial,
    section.features_list.bg_gray,
    section.hire_developer,
    section.hire_developer.bg_none,
    section.mean_solution_sec,
    section.office_event_main,
    section.port_sec.port_inner_cls,
    section.privacy-content,
    section.service_providesec,
    section.sitemap,
    section.talk_sec.mission_vision,
    section.talk_sec.resume_update,
    section.talk_sec.technologies_detail,
    section.team_sec,
    section.uiux_sec {
        padding: 40px 0
    }

    .footer-inner-cls .footer_items,
    .test_con_meta_img {
        margin-right: 10px
    }

    .footer_items a {
        font-size: 10px
    }

    .blog_table_head,
    .contact_social_link,
    .footer-inner-cls,
    .single_develop_cls {
        flex-direction: column
    }

    .blog-nav ul li a,
    .blog-sec3 ul li,
    .business-content p,
    .grocery_cont.fleet-management-cont p,
    .member_content p.sub_heading,
    .mv-bg p,
    .privacy-inner ol li,
    .privacy-inner ul li,
    body,
    section.talk_sec.technologies_detail p,
    ul.features-list li a {
        font-size: 14px
    }

    .hire_meta .row [class*=col-],
    .mean_stack_hire .mean_stack_row .col-5,
    .tab_content.hire_tabing .row [class*=col-],
    section.advantages_sec .col-md-3,
    section.advantages_sec .row [class*=col-] {
        padding: 0 5px
    }

    .app_service_con .load_more_btn,
    .blog-nav,
    .blog_inner_main_sec .date_comp,
    .business_sec.social_bg [class*=col-]:first-child {
        margin-top: 0
    }

    .ask_sec .container {
        max-width: 680px
    }

    .fixed_buttons_scl_ic img {
        max-width: 30px;
        height: 30px
    }

    .banner_sec.banner_inner.thank_you_banner .banner_sec_img .inner_banner_heads {
        font-size: 60px
    }

    .thankyou-timeline ul li,
    .thankyou-timeline ul li.process_done {
        padding-left: 50px
    }

    .timeline_cont_box {
        padding-left: 15px;
        padding-top: 45px
    }

    .ic_cls svg {
        height: 50px;
        width: 50px
    }

    span.ic_cls {
        top: -24px
    }

    .right-bg .contact_sec_form input,
    .right-bg .contact_sec_form select,
    .timeline_cont_box h3,
    section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item {
        font-size: 15px
    }

    .header_sec .dropdown-item,
    .timeline_cont_box p {
        font-size: 13px
    }

    .thankyou-timeline ul li.process_done svg {
        height: 30px;
        width: 30px
    }

    .blog_cta_cls h3,
    .box-cs-title h5,
    .color-code p,
    .para_meta,
    .privacy-inner h4,
    .team-cont h5,
    .test_head h4,
    .thankyou-timeline ul li.process_done .timeline_cont_box h3 {
        font-size: 20px
    }

    .timeline_no {
        flex: 0 0 25px;
        height: 25px;
        width: 25px;
        font-size: 11px;
        max-width: 25px
    }

    .thankyou-timeline ul li:after {
        left: 13px;
        top: 90px
    }

    .thankyou-timeline ul li:nth-child(7n):after {
        top: 22px
    }

    .thankyou-timeline ul li.process_done::before {
        top: 15px;
        left: 13px
    }

    .thankyou-timeline h2 {
        font-size: 20px;
        text-align: center
    }

    .submenu-inner,
    .thankyou_sec_in {
        padding: 15px
    }

    .business-bg p,
    .c-features-con ul li p,
    .thankyou-timeline p {
        font-size: 14px;
        line-height: 1.4
    }

    .test_con {
        width: 100%;
        margin: 20px auto 0
    }

    .rate_list a,
    .rate_list span {
        flex: 0 0 calc(100% / 4)
    }

    .consultant_in input.btn {
        font-size: 18px;
        padding: 0 25px
    }

    .web-envelope {
        height: 28px;
        width: 38px;
        top: 18px;
        left: 14px;
        background-position: -811px -1282px
    }

    .tabing_type3_info_img {
        flex: 0 0 160px;
        padding-left: 15px
    }

    .tabing_type3_info {
        flex: 0 0 350px
    }

    .tabing_type3 .nav {
        flex: 0 0 160px
    }

    .tabing_type3 .nav-link {
        height: 150px;
        width: 150px
    }

    section.software-serv-feat {
        padding: 40px 0 30px
    }

    .cs-detail,
    .we-offer-sec,
    section.about_sec {
        padding-bottom: 40px
    }

    .whyChoose_ewallet h5 {
        height: unset !important
    }

    .business_sec.social_bg.whyChoose_ewallet,
    .privacy-inner {
        padding-bottom: 15px
    }

    .business_tit .buss-icon {
        flex: 0 0 40px;
        max-width: 40px
    }

    .c-features-con ul li h5 {
        font-size: 15px !important;
        line-height: 1.4 !important
    }

    .admin_cont ul li:last-child p,
    .ask_sec .heading_type3 h3,
    .blog-carousel .single_blog.single-blog-view,
    .blog_cta_cls.ewallet_cta .cta-icon,
    .blog_form .contact_sec_form,
    .career_inner [class*=col-]:last-child .g-bg,
    .features_cont p:last-child,
    .grocery_cont p:last-child,
    .port_con_sec h3,
    .senior_sec [class*=col-]:last-child .team_box {
        margin-bottom: 0
    }

    .features_inner_sec:first-child {
        padding-top: 30px
    }

    .features_inner_sec {
        padding: 30px 0
    }

    .btn_cross,
    .fullpage-popup .modal_cls .modal-content .banner_sec_img::before,
    .hire_web_con .hire_web_step::before {
        background: 0
    }

    .buss-title h5,
    .category-tag ul li,
    .crm_sec_con p,
    .designer_box p,
    .hire_web_con h4,
    .hire_web_step span,
    .mail_address_cls a h6,
    .main_title_b h3,
    .member_content_inner p.sub_heading,
    .office_phone,
    .process_sec_itm h4,
    .process_sec_itm h4 span,
    .work_process_con p,
    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link span {
        font-size: 12px
    }

    .android-industry-img img,
    .icon-img,
    .position-cls img {
        max-width: 50px
    }

    section.grocery_delivery_app_sec {
        padding: 35px 0 40px
    }

    .c-features-con ul li {
        flex: 0 0 calc(33.33% - 20px);
        min-height: unset;
        width: auto !important;
        max-width: calc(33.33% - 20px);
        margin: 30px 10px 0 !important;
        padding: 20px;
        align-items: unset
    }

    .service-bg ul li {
        padding: 10px 5px;
        font-size: 14px
    }

    .feature_demand_sec .tabv_content {
        padding-top: 80px
    }

    .salesforce-serv-offer,
    section.talk_sec.demand_fetures_sec .app_business {
        padding-top: 40px
    }

    .feature_demand_sec .tabv_content p.para_sec {
        font-size: 15px;
        margin-top: 10px
    }

    .tabing_type3 li,
    section.talk_sec.demand_fetures_sec .heading_type1 h3 {
        margin-bottom: 5px
    }

    .cta_section h3,
    .cta_section h5,
    .feature_demand_sec .tabv_content p.para_meta,
    .heading_type2 h4,
    .heading_type3,
    .heading_type4,
    .listing_sec h3,
    .talk_sec_btn_in span,
    .team-cont h6 {
        font-size: 18px
    }

    .footer-middle ul.footer_items.footer_social,
    .tabing_type3_info {
        margin-top: 15px
    }

    .our-wrok-btn {
        margin: 40px auto 0
    }

    .why_sec_con ul li {
        flex: 0 0 100%
    }

    .mail_cont {
        padding-left: 10px
    }

    .blog-img {
        margin: 30px 0 0
    }

    .blockchain-indu {
        padding: 20px;
        margin-top: 20px
    }

    .cs-title,
    .s-icon-cls,
    .typography-sec p.heading_para {
        margin-bottom: 15px
    }

    .icon-img {
        flex: 0 0 50px
    }

    .cs-box p,
    .test-cont p {
        font-size: 16px;
        line-height: 1.4
    }

    .objective-sec {
        padding: 80px 0 10px
    }

    .typography-sec {
        padding: 80px 0 40px !important
    }

    .typography-sec .bg-1,
    .typography-sec .bg-2,
    .typography-sec .bg-3 {
        height: 150px
    }

    .cs-slider {
        padding-bottom: 70px !important
    }

    .cs-portfolio,
    .testimonial-sec {
        padding: 80px 0 40px
    }

    .client-detail,
    .font-20,
    .megamenu-cls {
        margin-top: 20px
    }

    .common-cls {
        width: 100%;
        margin-bottom: 60px
    }

    .common-cls img {
        max-width: 60px
    }

    .cs-banner:after {
        height: 195px
    }

    .overview-cont {
        margin: 10px 0 30px
    }

    .overview-cont p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .content,
    .header-popup-cls .modal-body,
    .member_dtl_inner,
    .solution-row-cls,
    .tabing_type3_info {
        padding: 0
    }

    .heading_h3,
    .mv-bg .heading_type3 h3 {
        font-size: 36px
    }

    .border-main-cls:after {
        font-size: 70px;
        -webkit-text-stroke-width: 2px
    }

    .challenge-cls {
        padding: 80px 0 1px !important
    }

    .designer_box h4,
    .heading_para,
    .solution-inner h3 {
        font-size: 16px;
        margin-bottom: 0
    }

    .solution-box {
        padding: 20px;
        border-radius: 15px
    }

    .solution-cont h3 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .solution-cont p {
        font-size: 16px;
        line-height: 1.3
    }

    .challenge-cls .heading_para,
    .cs-option p.heading_para {
        font-size: 18px;
        margin-bottom: 20px
    }

    .s7 {
        background-position: -5px -154px;
        width: 35px;
        height: 35px
    }

    .cta_section.cloud-comp {
        padding: 50px
    }

    .blog_inner_main_sec .blog_img img {
        max-height: 167px
    }

    .collapse:not(.show),
    .contact_ipad,
    .salesforce_ipad {
        display: block
    }

    .single_develop_cls:nth-child(2),
    .single_develop_cls:nth-child(4) {
        flex-direction: column-reverse
    }

    .comment_sec .form-group,
    .file_input,
    .port_con_sec .heading_type2,
    .single_blog.single-blog-view,
    .single_develop_cls .blog-app-img.wallet-img,
    .team_box,
    section.fantasy_games_sec.talk_sec h3 {
        margin-bottom: 20px
    }

    .blog-sec2 p {
        font-size: 16px;
        line-height: 1.6;
        padding-bottom: 10px
    }

    .single_develop_cls h4.font-18 {
        padding-top: 0;
        margin-top: 0
    }

    .blog_cta_cls h4,
    .single_blog.single-blog-view .single_blog_cont .blgo-title h3 {
        margin: 10px 0 15px
    }

    .blog_inner_banner_heads,
    .heading_type3 h3,
    .tb-head h3 {
        font-size: 26px
    }

    .font-18,
    .font-20,
    .privacy-inner ol li h5,
    .question-title,
    .restaurant_service p.heading_para,
    .right-bg .contact_sec_form button.btn.btn-danger,
    .term_sec_con h4 {
        font-size: 16px
    }

    .blog-nav ul,
    .submenu-row [class*=col-]:first-child {
        border: 0
    }

    .blog-nav ul li:after {
        top: 5px
    }

    .blog-nav,
    .service-form form,
    .tabing_type2_con .tab_content,
    .test_con {
        padding: 20px
    }

    .banner_heads_1,
    .blog-nav ul:last-child,
    .hire_sec_con,
    .inner-menu {
        padding-left: 0
    }

    .mean_stack_hire .mean_stack_row .hire_link_item {
        padding: 20px 5px;
        font-size: 13px
    }

    .about_inner_sec,
    .blog-sec2,
    .category-tag ul,
    .demand_inner_sec,
    .tabing_type1 {
        padding-top: 20px
    }

    body.blog_detail .main_sec {
        overflow: hidden
    }

    .email_control,
    .form-group.select_custom_cls,
    .message_control,
    .resume_sec_form .file_input {
        padding-left: 40px
    }

    .professional_class {
        padding-left: 40px !important
    }

    .form-group.select_custom_cls select {
        max-width: 90px;
        padding-right: 0
    }

    .down-steps-cls {
        padding: 20px;
        min-height: 480px !important
    }

    #head_modal .close-ic {
        filter: brightness(0) invert(1);
        padding: 10px
    }

    .sales-icon_home {
        top: 20%;
        right: 50px
    }

    .business-inner-sec {
        margin-top: 30px
    }

    .ask_sec .card {
        padding: 20px 35px 20px 0
    }

    .android-industry,
    .event_title_sec {
        padding-bottom: 10px
    }

    .banner_heads,
    body.event_page .banner_sec.banner_inner h1.inner_banner_heads {
        font-size: 50px
    }

    .blog-sec4 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .blog-app-img {
        margin: 20px auto
    }

    .service_head .header-sub-service,
    section.talk_expert.great_app_sec a.talk_expert_btn {
        font-size: 28px
    }

    section.event-detail,
    section.team_member_sec {
        padding: 40px 0 25px
    }

    .share_sec {
        margin-left: -35px
    }

    .blog_cta_cls {
        margin-bottom: 20px;
        flex-direction: column;
        padding: 15px
    }

    .font-18 {
        margin-top: 8px;
        margin-bottom: 5px
    }

    .font-22.clr_red {
        font-size: 18px;
        margin-bottom: 0
    }

    .blog_cta_cls .cta_head {
        margin: 0;
        text-align: center
    }

    .blog_cta_cls .cta-icon {
        flex: 0 0 100%;
        margin-bottom: 30px
    }

    .blog-sec3 ul li span.check_icon img {
        max-width: 15px
    }

    .blog-sec3 ul li span.check_icon {
        flex: 0 0 20px;
        padding-left: 15px;
        margin-top: -2px
    }

    .font-28 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .banner_sec_con_in {
        position: relative;
        z-index: 11
    }

    .box_border_inner,
    .header-popup-cls .modal-header,
    .hire_tabing_item {
        padding: 10px
    }

    .popup_left_content {
        padding: 30px 10px
    }

    .popup_content_cls h4 {
        font-size: 22px;
        margin-bottom: 0
    }

    .popup_content_cls h3 {
        font-size: 32px;
        margin: 10px 0
    }

    .footer_bottom p {
        text-align: center
    }

    ul.copyright {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .close-ic {
        background-position: -873px -1204px;
        width: 18.5px;
        height: 18.5px;
        background-size: 700px
    }

    .s1,
    .s2,
    .s3,
    .s4,
    .s5,
    .s6 {
        height: 35px;
        width: 35px
    }

    .menu_head {
        display: flex;
        justify-content: space-between
    }

    .menu_right_cls .nav-item {
        padding: 15px 0;
        border-bottom: 1px solid #bfbaba;
        width: 100%
    }

    .menu_right_cls .nav-item.login_btn {
        margin: 0 auto;
        width: 100%;
        padding-top: 0;
        text-align: center
    }

    .menu_right_cls .nav-item.login_btn a.nav-link {
        display: inline-flex;
        margin: auto
    }

    .header_sec .btn-danger {
        margin-left: 0
    }

    .menu_right_cls {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-top: 20px
    }

    .menu_right_cls ul.header_menu {
        margin-left: 0 !important;
        width: 100%
    }

    .app-flow-sec .row,
    .office_sec .row {
        margin: 0 -10px
    }

    .office_sec .row [class*=col-],
    .term_sec [class*=col-] {
        padding: 0 10px
    }

    .sc-icon {
        background-size: 750px
    }

    .s1 {
        background-position: -214px -154px
    }

    .s2 {
        background-position: -90px -154px
    }

    .s3 {
        background-position: -254px -154px
    }

    .s4 {
        background-position: -47px -154px
    }

    .s5 {
        background-position: -130px -154px
    }

    .s6 {
        background-position: -377px -154px
    }

    .rating_left_sec {
        flex: 0 0 150px;
        margin-right: 20px
    }

    .rating_s_in {
        margin-bottom: -142px
    }

    .footer_sec {
        padding-top: 160px
    }

    .modal-open {
        overflow: auto !important;
        padding-right: 0 !important
    }

    .career_inner [class*=col-] .g-bg {
        height: auto;
        margin-bottom: 20px
    }

    section.main_contaact_sec {
        padding: 40px 0;
        margin-bottom: 40px
    }

    .name_control {
        padding-left: 40px;
        font-size: 14px
    }

    .contact_sec_form .modal_h3 {
        font-size: 20px !important;
        margin-bottom: 20px
    }

    .contact_sec_form i {
        top: 14px;
        left: 25px;
        font-size: 18px
    }

    .input-group.country_code i {
        left: 10px
    }

    .right-bg .contact_sec_form {
        padding: 60px 5px
    }

    .partner_sec {
        padding: 10px 0
    }

    li.nav-item.dropdown.has-dropdown:hovera.nav-link.drop_cls.menu_open.dropdown-nav {
        display: block;
        box-shadow: none
    }

    body.header_secli.nav-item.dropdown.nav-link.drop_cls.menu_open.dropdown-menu,
    body.header_secli.nav-item.dropdowna.nav-link.drop_cls.menu_open.dropdown-menu {
        background-image: unset !important
    }

    li.nav-item.login_btn a.nav-link.btn {
        margin-top: 15px;
        width: auto
    }

    .header_sec .navbar-nav span.nav-link,
    li.nav-item.dropdown.has-dropdown:hover a.nav-link.drop_cls {
        color: #010101
    }

    li.nav-item.dropdown.has-dropdown:hover a.nav-link::after {
        width: 0
    }

    span.arrow_cls {
        border: 0;
        float: right;
        right: 0
    }

    span.arrow_cls:after {
        content: "";
        background: url(../img/bg_icon.webp) -562px -1204px/770px;
        width: 18px;
        height: 11px;
        position: absolute;
        right: 0;
        top: -2px;
        transition: .5s
    }

    .header_sec .navbar-nav .nav-link.menu_open span.arrow_cls:after {
        transform: rotate(180deg);
        transition: .5s
    }

    .port_sec_item img,
    li.nav-item.dropdown.has-dropdown:hover a.nav-link.drop_cls.menu_open::after,
    section.career_sec .heading_type1 {
        width: 100%
    }

    .header_sec .nav-link.drop_cls.menu_open.active::after,
    .header_sec .nav-link.drop_cls.menu_open::after {
        background: #010101;
        display: none
    }

    li.nav-item.dropdown.has-dropdown:hover a.nav-link.menu_open span.arrow_cls {
        border-top-color: #216fa7
    }

    .header_secli.nav-item.dropdown.nav-link.drop_cls.menu_open.dropdown-menu,
    .header_secli.nav-item.dropdowna.nav-link.drop_cls.menu_open.dropdown-menu,
    .section_1,
    .section_2,
    .section_3,
    .section_4 {
        height: auto
    }

    li.nav-item.dropdown.has-dropdown:hover a.nav-link.drop_cls.menu_open {
        color: #216fa7
    }

    .has-dropdown .submenu-inner .megamenu-cls a.dropdown-item {
        font-size: 14px;
        padding-bottom: 15px;
        padding-left: 15px
    }

    .accpetbtn {
        font-size: 13px;
        padding: 5px 7px;
        margin-right: 5px
    }

    .android-industry-con h4 {
        margin-bottom: 0;
        font-size: 16px
    }

    section.port_sec .hire_links li.nav-item {
        width: 140px;
        padding: 0 5px
    }

    .app_business.technologies_sec .tabing_type3 .heading_type1 h3,
    .fullpage-popup .resume_update .talk_sec_con h3,
    section.port_overview h3 {
        font-size: 28px !important
    }

    .p_logo h1 {
        font-size: 34px
    }

    .banner_sec_con_in p {
        max-width: 100%;
        font-size: 14px !important
    }

    .fullpage-popup .modal_cls .modal-content .banner_sec_img {
        padding-top: 100px
    }

    .fullpage-popup section.port_overview {
        padding: 0 0 40px
    }

    .business-ing {
        text-align: center;
        margin-top: 20px
    }

    .restaurant_service h3,
    section.app_services.android_top_serv .video_content .heading_type1 h3 {
        font-size: 24px !important
    }

    .best_services_con h3,
    .best_services_con h4 {
        margin-bottom: 5px;
        font-size: 14px
    }

    .ask_sec,
    .best_services,
    section.app_services.android_top_serv {
        padding: 40px 0 !important
    }

    section.work_process {
        margin-top: 40px
    }

    section.blog_home {
        margin: 40px 0 25px
    }

    .term_sec_item {
        align-items: center
    }

    .term_sec_ic i {
        line-height: 0
    }

    .crm_bg_inner [class*=col-] {
        padding: 15px 10px
    }

    .crm_ic {
        height: 50px
    }

    .crm_sec_con h4 {
        font-size: 12px;
        padding: 20px 0 15px
    }

    .crm_ic img {
        max-width: 50px;
        max-height: 50px
    }

    .consultant_in i {
        font-size: 30px;
        top: 20px;
        left: 15px
    }

    section.team_work {
        padding: 60px 0 !important
    }

    section.team_work a.btn {
        padding: 10px 30px;
        font-size: 20px;
        margin-top: 20px
    }

    .senior_sec h3 {
        font-size: 24px;
        padding: 0 0 20px
    }

    .member_content h4 {
        padding-bottom: 0;
        font-size: 18px
    }

    .team_bg {
        padding: 45px 10px !important
    }

    .team_bg h3 {
        font-size: 16px;
        margin-bottom: 30px;
        flex: 0 0 100%
    }

    .member_dtl_inner .member_img img {
        height: 55px;
        width: 55px
    }

    .member_content_inner h4 {
        font-size: 12px;
        margin-top: 8px;
        margin-bottom: 2px
    }

    .comment_sec .form-group.sbt-btn input[type=submit] {
        font-size: 14px;
        width: auto;
        padding: 10px
    }

    .business-content h3,
    .hire_sec_con h3,
    .talk_expert_btn {
        font-size: 24px
    }

    .buss-title {
        margin-left: 5px
    }

    section.talk_sec.technologies_detail h3 {
        font-size: 38px !important;
        line-height: 1.3
    }

    .technologies_list ul li p {
        font-size: 15px !important
    }

    .designer_box {
        padding: 10px 15px
    }

    .ui-technologies h4 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0 !important
    }

    .listing_sec ul li a {
        padding: 0 10px;
        font-size: 12px
    }

    .port_folio .owl-carousel .owl-nav .owl-prev {
        left: 25px !important
    }

    .port_folio .owl-carousel .owl-nav .owl-next {
        right: 15px
    }

    .col-md-6.red_bg {
        padding: 50px 15px
    }

    .hire_meta .row,
    .tab_content.hire_tabing .row,
    section.advantages_sec .row {
        margin: 0 -5px
    }

    .term_sec_con p {
        font-size: 11px;
        line-height: 1
    }

    .term_sec_ic {
        padding-right: 10px
    }

    .term_sec_ic img {
        max-width: 25px
    }

    .header_sec .navbar {
        padding: 10px 1rem
    }

    .partner_sec_img {
        padding: 0 20px
    }

    .banner_sec_img:before {
        content: "";
        background: hsl(0 0 7% / 15%);
        height: 100%;
        z-index: 9;
        position: absolute;
        width: 100%;
        top: 0
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
        padding: 5px;
        border-radius: 5px;
        margin-bottom: 0
    }

    .border-cls,
    section.talk_sec.demand_fetures_sec.tabing_type3ulli:last-childa.nav-link {
        margin-bottom: 40px
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link img {
        height: 25px;
        max-width: 20px
    }

    section.about_sec h3.about-title {
        font-size: 38px
    }

    section.about_sec p {
        font-size: 13px;
        margin-top: 5px
    }

    .hire_web_step .arrow:after {
        bottom: 20px;
        right: -80%
    }

    .hire_web_step span.hire_web_cnt {
        margin-top: -10px;
        font-size: 22px
    }

    .hire_sec_con p {
        font-size: 12px;
        line-height: 1.4
    }

    .banner_heads,
    .hire_sec_con p.tab_pr,
    .test_head h3 {
        line-height: 1.3
    }

    .hire_web_step {
        width: 70px;
        height: 70px
    }

    .hire_web_itms .col_4 {
        max-width: 25%;
        flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        padding: 0 5px
    }

    .hire_web_step:after {
        right: -64%;
        background-size: 13px;
        width: 13px;
        height: 23px
    }

    section.contact_sec.porto-contact {
        margin-top: 190px
    }

    .t_img img {
        width: 35px
    }

    .navbar-toggler {
        padding: 0;
        font-size: 0
    }

    .btn_cross {
        display: block;
        border: 0;
        padding: 0
    }

    .btn_cross img {
        max-width: 20px
    }

    #collapsibleNavbar {
        position: fixed;
        top: 0;
        background: #fff;
        height: 100vh;
        padding: 20px;
        min-width: 100%;
        box-shadow: 0 0 10px #b1b1b1;
        right: -100%;
        transition: .5s;
        width: 100%;
        overflow: auto
    }

    .open_nav #collapsibleNavbar {
        right: 0;
        transition: .5s
    }

    .header_sec .navbar-nav .nav-link {
        width: 100%;
        color: #010101;
        font-size: 16px;
        padding: 0
    }

    .header_sec .navbar-nav .login_btn .nav-link {
        color: #fff;
        padding: 10px;
        margin-left: 0
    }

    .banner_sec_img {
        background-position: center;
        padding: 100px 0 60px;
        position: relative;
        overflow: hidden
    }

    .banner_sec_con h4 {
        font-size: 16px;
        max-width: 100%;
        margin: 10px auto 20px
    }

    .heading_type1 h3,
    .heading_type_h2 {
        font-size: 22px !important
    }

    .heading_type2 h3,
    .test_head h3 {
        font-size: 44px
    }

    .best_services_item {
        padding: 15px;
        margin-top: 0
    }

    .best_services.service_inner,
    .hiring_sec {
        padding-top: 40px !important
    }

    .talk_sec_btn_in {
        width: 250px;
        height: 250px;
        font-size: 25px
    }

    .owl-carousel .owl-nav button[class*=owl-] {
        width: 40px;
        height: 40px;
        top: -70px
    }

    .owl-carousel .owl-nav button.owl-next:before {
        width: 10px;
        height: 15px;
        right: 15px;
        top: 12px;
        background-size: 500px;
        background-position: -328px -637px
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 45px
    }

    .owl-carousel .owl-nav button.owl-prev:before {
        width: 10px;
        height: 15px;
        left: 17px;
        top: 12px;
        background-size: 500px;
        background-position: -316px -637px
    }

    .test_head h3 {
        padding-left: 10px;
        padding-right: 0
    }

    .test_quote_left {
        left: -10px;
        width: 16px;
        top: 10px
    }

    .test_quote_right {
        width: 16px;
        margin-left: 0 !important;
        margin-top: -20px
    }

    .test_con_user_img img {
        max-width: 80px;
        width: 100%
    }

    .test_con_meta {
        padding-left: 15px
    }

    .contact_sec_form button.btn.btn_blue {
        margin-top: 15px;
        font-size: 18px
    }

    .contact_heading .test_head h3 {
        font-size: 26px;
        bottom: -130px;
        padding-left: 0
    }

    .test_head h4.content_sub_head {
        font-size: 16px;
        bottom: -165px
    }

    .banner_sec_con_in .inner_banner_heads,
    .tabing_type3_info .heading_type1 h3,
    section.service_providesec .list_sec_item_ic i {
        font-size: 30px
    }

    .hire_sec_con p.tab_pr,
    .tabing_type2_con .hire_sec_con p {
        font-size: 15px;
        margin-bottom: 10px
    }

    .consultant_in button {
        font-size: 22px;
        margin-left: 15px;
        padding: 10px 30px
    }

    .consultant_in input {
        height: 55px;
        font-size: 18px;
        padding-left: 55px
    }

    .work_process_ic {
        margin: 0 auto 20px
    }

    .app_service_item h3 {
        font-size: 22px;
        min-height: unset;
        margin-bottom: 10px
    }

    .right-sidebar .b_category_sec:last-child {
        margin-bottom: 0 !important
    }

    .talk_sec {
        padding: 40px 0 50px
    }

    .tabing_type1_in .nav-link {
        width: 110px;
        height: 130px;
        margin: 0 5px;
        font-size: 13px
    }

    #panels #panels-container .panel {
        height: auto !important
    }

    #panels .port_folio_con {
        padding: 230px 0
    }

    .popup_content h2 {
        font-size: 22px !important;
        margin-bottom: 15px
    }

    .process_sec_itm {
        font-size: 11px;
        margin: 7px 0
    }

    .process_sec_itm p {
        font-size: 11px;
        margin-bottom: 0
    }

    .header_sec .nav-link:after {
        bottom: 0
    }

    .list_sec_item_con {
        font-size: 14px;
        line-height: 1.2;
        margin-left: 0
    }

    section.service_providesec .list_sec_item {
        margin-top: 10px
    }

    section.service_providesec .heading_type2 h3,
    section.talk_sec.demand_fetures_sec .heading_type1 p {
        margin-bottom: 10px
    }

    .port_con_sec p,
    section.service_providesec .heading_type2 p {
        font-size: 12px;
        margin-bottom: 5px
    }

    .app-flow-sec {
        padding: 35px 0 20px
    }

    .app-flow-sec [class*=col-] {
        padding: 0 10px;
        margin-bottom: 20px
    }

    .port_con_sec p {
        line-height: 1.5
    }

    .port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item {
        padding: 0 10px;
        width: 150px
    }

    section.notfount_page {
        margin: 40px auto
    }

    a.dropdown-item:hover:after {
        height: 12px
    }

    .newslater_sec {
        margin: 40px 0 0
    }

    section.fantasy_games_sec.talk_sec {
        padding: 30px 0 40px
    }

    .partner_sec_inner {
        display: block;
        padding: 40px 0 25px
    }

    .partner_sec_inner .partner_img {
        flex: 0 0 calc(100% / 3)
    }

    .partner_img:hover img {
        filter: unset
    }

    .partner_sec_inner .partner_img img {
        max-width: 100%;
        height: unset;
        width: unset;
        filter: unset
    }

    li.nav-item.dropdown.has-dropdown:hover.nav-link.drop_cls.menu_open.dropdown-nav {
        display: block;
        box-shadow: none
    }

    .header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
        max-width: 100%;
        max-height: 100%
    }

    span.nav-link.drop_cls.menu_open~.dropdown-menu.dropdown-nav.menu_bg {
        display: block;
        transition: .5s;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible
    }

    .d-flex.download-wrp {
        justify-content: center
    }
}

@media(max-width:767.98px) {
    .admin_cont ul li {
        flex: 0 0 100%
    }

    .footer_top {
        margin-top: 0
    }

    .heading_para.restaurant_service-p-text {
        margin-bottom: 5px
    }

    section.service_providesec.restaurant_service.waither-panel .business-ing {
        margin-top: 0;
        margin-bottom: 20px
    }

    .footer_top,
    .talk_sec+section.service_providesec.restaurant_service .business-ing,
    section.service_providesec.restaurant_service.bg_gray .cont-size {
        margin-top: 0
    }

    .new-cta-btn .cta_section h5 {
        font-size: 16px;
        text-align: left;
        margin-right: 10px
    }

    .new-cta-btn .cta_section {
        padding: 15px 0
    }

    .service_providesec.restaurant_service.new-light-bg-food-pg .business-ing {
        margin-top: 25px !important
    }

    .restaurant_service .type3-text {
        font-size: 16px !important;
        text-align: left;
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .restaurant_service .type3-text+.list_sec_col {
        margin-top: 5px
    }

    .service_providesec.restaurant_service.kitchen-dashboard .business-ing {
        margin-top: 0;
        margin-bottom: 25px
    }

    section.service_providesec.restaurant-cost-estimation {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .restaurant-cost-estimation,
    .restaurant-cost-estimation .cont-size h3 {
        text-align: center
    }

    section.service_providesec.restaurant-cost-estimation .cont-size p.heading_para {
        text-align: center !important
    }

    .port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item {
        width: 95px
    }

    .footer-dmca-links {
        gap: 20px !important
    }

    section.grocery_delivery_app_sec.bg_gray .c-features-con ul li {
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px)
    }
}

@media(max-width:576px) {
    .footer-dmca-links {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px !important;
        row-gap: 20px !important;
        margin-bottom: 20px
    }
}

@media(max-width:475px) {
    .desktop-view {
        width: 80% !important
    }
}

.test-featured-cont.d-flex {
    flex-wrap: wrap;
    justify-content: center
}

.test-featured-cont.d-flex .ml-auto {
    margin: 15px auto 0
}

.featured-testimonail .client-img {
    flex: 0 0 100%;
    max-width: 250px;
    margin: 0 auto 20px;
    width: auto !important
}

.feat-client-info {
    padding-left: 0;
    flex: 0 0 100%
}

.feat-client-info .test-review {
    margin: 0 25px;
    font-size: 14px !important;
    padding-bottom: 0;
    text-align: center
}

.test-review:after,
.test-review:before {
    width: 20px;
    height: 18px;
    left: -24px;
    top: 20px
}

.test-review::after {
    transform: rotate(180deg);
    left: unset;
    bottom: 0;
    top: unset;
    right: -22px
}

.footer-inner-cls {
    flex-direction: unset
}

.grocery_cont.fleet-management-cont {
    margin-top: 0;
    margin-bottom: 20px
}

.ask_sec .card-header a h5:before {
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: -350px -781px;
    left: -20px
}

.ask_sec .card {
    padding: 15px 0 15px 25px
}

.tabing_type1_in ul.nav.nav-tabs {
    overflow: auto;
    display: flex;
    white-space: nowrap;
    flex-wrap: inherit;
    justify-content: center !important;
    margin-bottom: 5px
}

.features_inner_sec [class*=col-],
.solution-col,
.term_sec [class*=col-] {
    padding: 0 15px
}

.tecno-single-icon {
    flex: 0 0 calc(100% / 3)
}

.grocery_delivery_app_sec h3 {
    font-size: 18px;
    margin-top: 10px
}

.blockchain-cls,
.blog_row .blog_content,
.salesforce_cont_cls li {
    flex: 0 0 100%
}

.dimand_inner_cls .ewallet-hire-link ul.nav.nav-tabs {
    width: 440px
}

.admin_img img,
.section_5 .port_slider .port_slide {
    max-width: 100%;
    text-align: center
}

.admin_user_panel .nav-tabs li a {
    font-size: 15px;
    padding: 5px 10px
}

.c-features-con ul li {
    flex: 0 0 calc(50% - 30px);
    width: auto !important
}

.service-bg ul li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px 5px;
    font-size: 13px;
    border: 0 !important
}

.service-bg {
    padding-top: 80px !important
}

.grocery_cont,
.hire_sec_con {
    margin-top: 20px;
    text-align: center
}

.admin_panel.userpanel .admin_img img {
    max-width: 80%
}

section.hire_web.flower-sec .hire_web_itms .col_4.col {
    flex: 0 0 33.33%
}

.c-features-con ul li h5,
.c-features-list h5 {
    font-size: 15px !important;
    line-height: 1.2 !important
}

.sales_slider button {
    left: unset
}

.cost_box_cls {
    height: unset
}

.inds1,
.inds10,
.inds11,
.inds12,
.inds2,
.inds3,
.inds4,
.inds5,
.inds6,
.inds7,
.inds8,
.inds9 {
    background-size: 500px !important;
    height: 71.5px
}

.col-cust,
.crm_bg_inner .col-class,
.crm_bg_inner [class*=col-],
section.hire_web.flower-sec .hire_web_itms .col_4.col {
    flex: 0 0 50%;
    max-width: 50%
}

.section_5 .port_slider .port_slide span.l1,
.tabing_type3_info .heading_type1 h3 {
    font-size: 30px
}

.section_5 .port_slider .port_slide p {
    font-size: unset
}

.great_app_inner,
.industry-icon-box,
.section_5 .port_slider,
.solution-row-cls {
    flex-direction: column
}

section.section_5 {
    height: auto;
    padding: 40px 0
}

.section_5 .slider_content {
    padding: 0 0 20px
}

.objective-sec .cs-title,
.testimonial-sec .cs-title {
    flex-direction: inherit
}

.objective-sec {
    padding: 40px 0 10px
}

.challenge-cls {
    padding: 40px 0 1px !important
}

.typography-sec {
    padding: 40px 0 !important
}

.cs-portfolio,
.overview-sec,
.testimonial-sec {
    padding: 40px 0
}

.event_img_space,
body.contact_page .banner_sec_img {
    padding-bottom: 20px
}

.ask_sec .card-header a h5,
.contact_sec_con h3,
.process_sec_itm h4,
.solution-cont p,
.sub-heading-cls h4,
.talk_sec_btn_in span,
section.talk_expert.great_app_sec span.sub_content {
    font-size: 16px
}

.solution-cont h3 {
    font-size: 20px;
    margin-bottom: 10px
}

.event_img_space,
.event_title_sec {
    padding-left: 30px
}

.client-img {
    flex: 0 0 220px
}

.team-cont h6 {
    padding-top: 15px !important
}

.border-main-cls {
    border: 0;
    width: auto !important;
    margin-right: 5px !important;
    margin-left: 0 !important
}

.border-main-cls::after {
    display: inline-flex;
    position: inherit;
    left: 0;
    font-size: 22px;
    color: #1fa9ff
}

.cs-title {
    justify-content: center;
    flex-direction: row-reverse
}

.cs_banner_img {
    padding-top: 100px;
    min-height: 300px
}

.listing_sec h3,
.team-cont p {
    font-size: 14px;
    margin-bottom: 0
}

.submit-step.submit {
    left: 150px
}

.inds1 {
    background-position: -13.5px -220px;
    width: 93.5px
}

.inds2 {
    background-position: -107.5px -222.5px;
    width: 104px
}

.inds3 {
    background-position: -220.5px -226.5px;
    width: 103.5px
}

.inds4 {
    background-position: -340.5px -227.5px;
    width: 88.5px
}

.inds5 {
    background-position: -7.5px -317px;
    width: 82.5px
}

.inds6 {
    background-position: -97.5px -317px;
    width: 69px
}

.inds7 {
    background-position: -177.5px -317px;
    width: 96.5px
}

.inds8 {
    background-position: -285px -317px;
    width: 103.5px
}

.inds9 {
    background-position: -400px -317px;
    width: 68px
}

.inds10 {
    background-position: -8.5px -392.5px;
    width: 102.5px
}

.inds11 {
    background-position: -117.5px -392.5px;
    width: 105px
}

.inds12 {
    background-position: -240px -392.5px;
    width: 57.5px
}

.privacy-inner p,
body.salesforce_page .img_sec img {
    padding-bottom: 10px
}

.cta_group a.btn.btn-danger.get_started_btn {
    font-size: 16px;
    min-width: 130px
}

.cta_section p {
    font-size: 14px;
    line-height: 1.4
}

body.event_page .banner_sec.banner_inner h1.inner_banner_heads {
    font-size: 40px;
    margin-bottom: 40px
}

.event_title_sec {
    padding-bottom: 5px
}

.share_sec {
    position: initial;
    margin: 0
}

.share_sec .social_link ul.footer_social {
    display: inline-flex
}

.games_inner .game_sec .game_ic {
    background-size: 500px;
    margin-bottom: 10px
}

.f-1 {
    background-position: -5px -1538.5px;
    width: 31px;
    height: 40px
}

.f-2 {
    background-position: -39.5px -1537.5px;
    width: 22px;
    height: 40.5px
}

.f-3 {
    background-position: -69.5px -1538.5px;
    width: 40.5px;
    height: 40px
}

.f-4,
.f-5,
.f-6,
.f-7 {
    height: 40.5px
}

.f-4 {
    background-position: -113.5px -1537.5px;
    width: 32.5px
}

.f-5 {
    background-position: -156px -1537.5px;
    width: 24px
}

.f-6 {
    background-position: -191.5px -1537.5px;
    width: 23px
}

.f-7,
.f-8 {
    width: 40.5px
}

.f-7 {
    background-position: -223px -1537.5px
}

.f-8 {
    background-position: -273px -1537.5px;
    height: 40px
}

.newsletter-body input.form-control {
    border-radius: 0 !important;
    min-height: 40px !important
}

.newsletter-body .btn.btn-primary {
    min-width: 80px;
    padding: 5px 10px
}

.single_blog.single-blog-view .single_blog_cont .blgo-title h3 {
    margin: 10px 0
}

.newslater_sec {
    flex-wrap: wrap;
    padding: 10px
}

.quate_main_cls {
    padding: 40px 15px 20px;
    margin-bottom: 10px
}

.test_head h4,
p.sub_p_cls {
    font-size: 17px
}

.hc1,
.hc2,
.hc3 {
    height: 30px
}

.hire_icn {
    background-size: 500px
}

.hc1 {
    background-position: -182px -807.5px;
    width: 16px
}

.hc2 {
    background-position: -205.5px -808px;
    width: 34px
}

.hc3 {
    background-position: -245.5px -808px;
    width: 33px
}

.hire_link_item {
    padding: 15px 4px
}

.ti3 {
    background-position: -79px -758px;
    width: 26px;
    height: 25px
}

.ti1,
.ti2 {
    height: 24px
}

.ti1 {
    background-position: -17px -759px;
    width: 24px
}

.ti2 {
    background-position: -44px -759px;
    width: 29px
}

.ti4 {
    background-position: -114px -758px;
    width: 24px;
    height: 25px
}

.hire_link_bg {
    background-size: 800px
}

.hire6 {
    background-position: -153px -911px;
    width: 41px;
    height: 49px
}

.hire_links .hire_link_item.active .hire6,
.hire_links .hire_link_item:hover .hire6 {
    background-position: -322px -911px
}

.hire5 {
    background-position: -200px -910px;
    width: 68px;
    height: 50px
}

.hire_links .hire_link_item.active .hire5,
.hire_links .hire_link_item:hover .hire5 {
    background-position: -368px -910px
}

.hire4 {
    background-position: -98px -910px;
    width: 43px;
    height: 49px
}

.hire_links .hire_link_item.active .hire4,
.hire_links .hire_link_item:hover .hire4 {
    background-position: -274px -910px
}

.hire3 {
    background-position: -634px -910px;
    width: 45px;
    height: 48px
}

.hire_links .hire_link_item.active .hire3,
.hire_links .hire_link_item:hover .hire3 {
    background-position: -687px -910px
}

.hire2 {
    background-position: -538px -910px;
    width: 42px;
    height: 49px
}

.hire_links .hire_link_item.active .hire2,
.hire_links .hire_link_item:hover .hire2 {
    background-position: -586px -910px
}

.hire1 {
    background-position: -445px -910px;
    height: 50px
}

.team_bg,
ul#image-gallery {
    height: auto !important
}

.hire_links .hire_link_item.active .hire1,
.hire_links .hire_link_item:hover .hire1 {
    background-position: -493px -910px !important
}

.hire_sec_img {
    display: none;
    margin-top: 20px
}

.career_buss_sec .heading_type_h2,
.why_cont_sec .heading_type_h2,
.why_sec_con .heading_type_h2 {
    text-align: center;
    margin-bottom: 10px;
    width: auto !important
}

.hire_inner_sec .hire_links ul.nav.nav-tabs {
    flex-wrap: inherit !important;
    flex-direction: inherit !important
}

.mean_stack_hire .mean_stack_row .col-5 {
    flex: 0 0 28%
}

.fullpage-popup .modal_cls .modal-dialog {
    background-size: cover !important;
    background-position: right !important
}

.test_con .test_con_item .test_con_para p {
    font-size: 12px;
    text-align: center
}

.talk_sec .heading_type4 {
    margin-bottom: 35px;
    text-align: center;
    font-size: 18px
}

.popup-form.gotanidea-form .captcha {
    transform: scale(.8);
    transform-origin: 0 0;
    margin-bottom: 0
}

.app_service_item,
.wht_bg {
    margin-top: 20px;
    padding: 20px
}

.app_business .tabing_type3 .nav {
    flex-wrap: initial
}

.our-wrok-btn h4 {
    font-size: 22px;
    margin-bottom: 0;
    text-align: center
}

.cta-inner-single-headding,
.great_app_inner h3 {
    font-size: 22px;
    line-height: 1
}

span.btn_arrow img {
    max-height: 22px
}

.industries_space ul li {
    flex: 0 0 50%
}

span.policyimg {
    flex: 0 0 50px
}

.privacy_cls {
    padding: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.diverce_sec_con p {
    margin-bottom: 0;
    text-align: center
}

.dimand_inner_cls.ondemand ul.row.nav.nav-tabs {
    width: 450px
}

.date_comp .company_inner .date p,
.date_comp .date_inner .date p,
.form-steps__item-icon,
.game_cont h5,
.hire_mean .hire_links .row [class*=col-] span.hire_link_name,
.mv-bg p,
.tabing_type2_con h5,
.technology_content_sec h4,
.term_sec_con p,
.web-date h5 {
    font-size: 11px
}

.dimand_inner_cls ul.nav.nav-tabs {
    width: 550px
}

.food_restorent_page .app_sec_itm {
    padding: 20px 20px 30px
}

.social_bg .business-content {
    margin-top: 10px;
    text-align: center
}

.social_bg .business_tit .buss-title {
    margin-left: 0;
    margin-top: 15px;
    height: auto !important
}

.hire_link_item,
.process_sec .heading_type1,
.social_bg [class*=col-] {
    margin-bottom: 0;
    margin-top: 0
}

.social_bg .business_tit {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
    text-align: center
}

.inner_heading h4 {
    font-size: 22px;
    margin-bottom: 0
}

ul.features-list li {
    line-height: 1.1;
    margin: 8px 0
}

.test_head h4.content_sub_head {
    position: relative;
    bottom: 0;
    color: #fff;
    margin: 10px 0 20px;
    font-size: 14px;
    opacity: 1
}

.about-content.mean_stack {
    padding-bottom: 0;
    padding-top: 20px
}

.about_inner_sec img,
.technologies_list ul {
    text-align: center;
    margin: 0 auto;
    display: table
}

.crm_sec_con h4 {
    padding: 15px 0 5px
}

.consultant_in i {
    font-size: 24px;
    left: 15px;
    top: 17px
}

.diverce_sec_con {
    margin-top: 0;
    margin-bottom: 30px
}

.tabing_type1_in .nav-tabs .nav-item.show .nav-link::before,
.tabing_type1_in .nav-tabs .nav-link.active::before {
    bottom: -1px
}

.team_bg {
    padding: 20px 30px !important;
    margin-bottom: 15px
}

.team_bg .team_icon img {
    max-width: 100px;
    max-height: 100px
}

.single_blog_cont {
    width: calc(100% - 20px);
    padding: 10px
}

.blgo-title h3 {
    font-size: 16px;
    margin: 10px 0 5px
}

.quate_cls img,
.single_blog_cont a.read-btn img {
    max-width: 20px
}

.date_comp .date_inner .date-icon {
    flex: 0 0 24px
}

.buss-icon,
section.service_providesec .list_sec_item_ic img {
    position: relative;
    top: 2px
}

.business-ing {
    margin-top: 35px
}

.business-bg {
    padding: 15px 10px
}

.b-overlay:after {
    width: 4px
}

.business_tit {
    align-items: flex-start;
    padding-bottom: 0
}

.challenge-con h4 {
    margin: 20px 0 10px;
    font-size: 16px
}

.challenge-con p {
    font-size: 12px;
    line-height: 1.6
}

.heading_type1 h3,
section.talk_sec.technologies_detail h3 {
    font-size: 28px !important
}

.technologies_list ul li {
    display: inline-block;
    text-align: center;
    max-width: 100%
}

.ask_sec .card-header a h5,
.b_category_sec ul li a,
.banner_sec_con h4,
.banner_sec_con_in p,
.blockchain-cont p,
.business-content p,
.business_sec_itms.career_item .business_sec_con h4,
.caegroy-title h3,
.color-code p,
.heading_para,
.heading_type4,
.main_title_b h3,
.privacy_cls h6,
.search_wrap .form-group input.form-control,
.term_sec_con h4,
.test_con_meta_con h4,
.test_con_user_con h4,
section.talk_sec.resume_update .heading_type2 h4 {
    font-size: 15px
}

.about-content {
    text-align: center;
    padding-bottom: 20px
}

.heading_type2 h3,
.mv-bg .heading_type3 h3,
.resume_sec_form h4,
.wht_bg_inner h3.contact_title {
    font-size: 26px
}

.port_folio .item {
    padding: 40px;
    background-position: center
}

section.about_sec h3.about-title {
    font-size: 26px;
    margin-bottom: 0
}

.office_sec h4 {
    font-size: 14px;
    margin-top: 15px
}

.test_head h3,
section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title h3,
section.business_sec .heading_type2 h3 {
    font-size: 28px
}

.tabing_type2 .nav-tabs .nav-item.show .nav-link:after,
.tabing_type2 .nav-tabs .nav-link.active:after {
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 10px solid #fff
}

.test_quote_left {
    position: initial;
    display: block;
    margin: 0 auto
}

.test_head h3 {
    margin: 0 auto;
    display: table;
    padding: 0 !important
}

.red_bg {
    padding: 50px 15px
}

.contact_sec:before {
    height: 0 !important
}

.process_sec_itm h4 span {
    height: 20px;
    width: 20px;
    background: #d93c39;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    color: #fff !important;
    font-size: 12px;
    margin-right: 0
}

.process_sec_itm {
    margin-top: 25px;
    text-align: left
}

section.mobile_sec.process_sec .heading_type1 {
    text-align: left !important
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link img {
    object-fit: contain;
    max-width: 20px;
    height: 20px
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link span {
    font-size: 12px;
    width: 100%;
    text-align: center
}

section.talk_sec.demand_fetures_sec .heading_type1 h3 {
    font-size: 24px;
    margin-bottom: 10px
}

section.talk_sec.demand_fetures_sec .heading_type1 p {
    margin-bottom: 0;
    font-size: 18px
}

.hire_web_step .arrow:after {
    width: 9px;
    height: 16px;
    right: -50%;
    bottom: 25px;
    background-size: 100% 100%
}

.step_4 .hire_web_step:before {
    right: 30px
}

.download_content .subspan,
.hire_web_con p {
    font-size: 10px
}

.step_1 .hire_web_step:before {
    left: 20px !important
}

.hire_web_step:after {
    right: -39%
}

.hire_web_itms .row .col_4:first-child .hire_web_con:before,
.tick {
    left: 20px
}

.hire_web_itms .row .col_4:nth-child(5) .hire_web_con:before {
    right: 20px
}

.demo .item .clearfix {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important
}

ul.lSPager.lSGallery {
    margin-top: 50px !important
}

.arrow-top-cls {
    top: 35px
}

#panels .port_folio_con {
    padding: 90px 30px 0 0
}

section#panels .port_con_img {
    margin-top: 0;
    margin-bottom: 0
}

.slider_sec .port_folio_con {
    padding: 100px 40px 0 15px
}

.term_sec_ic {
    flex: 0 0 40px
}

.talk_sec_con .heading_type2 {
    text-align: center;
    margin-bottom: 30px
}

.talk_sec_btn_in {
    width: 150px;
    height: 150px;
    font-size: 18px
}

.owl-carousel .owl-nav button[class*=owl-] {
    top: 0;
    position: relative
}

.contact_sec {
    padding: 0 0 40px;
    margin-top: 0
}

.contact_heading {
    background: #216fa7;
    color: #fff;
    text-align: center;
    border-top: 1px solid #ddd
}

.contact_heading .test_head h3 {
    position: relative;
    bottom: 0
}

.office_item {
    padding: 0 15px;
    margin-top: 20px
}

.rating_con {
    max-width: 100%;
    margin-right: 0;
    margin-top: 0
}

.tabing_type3 .nav-link {
    height: 130px;
    width: 130px
}

.tabing_type3 .nav {
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0
}

.tabing_type3 li {
    margin: 0 5px 10px
}

.tabing_type3 .nav-link p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 16px
}

.tabing_type3_info {
    flex: 0 0 100%;
    padding-top: 20px
}

.tabing_type3_info_img {
    margin-left: 0;
    flex: 0 0 150px;
    padding-left: 0;
    margin-top: 0
}

.consultant_in button {
    font-size: 16px;
    padding: 10px 20px
}

.consultant_in input {
    height: 59px;
    font-size: 16px;
    padding-left: 50px;
    background: url(https://d1yfv825grupco.cloudfront.net/invent/public/img/email1.webp) 0 0/20px no-repeat #fff
}

li.parsley-length,
li.parsley-required,
li.parsley-type {
    font-size: 7.8px !important
}

.consultant_in {
    width: calc(100% - 30px)
}

.ask_sec .nav-link {
    width: 115px
}

.why_sec_img {
    margin-bottom: 25px;
    text-align: center
}

.tabing_type2 .nav-tabs {
    margin: 40px -5px
}

.tabing_type1_in .nav-link {
    height: 110px;
    text-align: center;
    line-height: 1.3
}

.banner_sec_con .get_started_btn {
    min-width: 250px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: unset
}

.hire_links .row {
    flex-wrap: inherit
}

.hire_links {
    overflow-x: auto;
    overflow-y: hidden
}

.hire_links .row [class*=col-] {
    width: auto !important;
    flex: 0 0 22% !important
}

.hire_link_img img {
    height: 50px !important;
    max-width: 100%;
    width: auto
}

.port_folio_con {
    padding: 0 15px;
    text-align: center !important;
    margin: 0 auto;
    display: table
}

.port_con_sec .heading_type2 {
    text-align: center;
    margin-bottom: 15px
}

section.port_sec.dimand_inner_cls .hire_links ul.row [class*=col-],
section.port_sec.port_inner_cls .hire_links ul.row [class*=col-] {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 0 4px !important
}

section.port_sec.dimand_inner_cls.hire_linksul.rowli.nav-item.col-md-2.col-sm-12.col-12,
section.port_sec.port_inner_cls.hire_links.rowli.nav-item.col-md-2.col-sm-12.col-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important
}

section.port_sec.dimand_inner_cls.hire_linksula.nav-linkspan.hire_link_name,
section.port_sec.port_inner_cls.hire_linksula.nav-linkspan.hire_link_name {
    padding: 0 4px;
    font-size: 12px !important;
    margin-top: 10px;
    margin-bottom: 0
}

.partner_sec_img img {
    margin: 0 auto;
    display: table;
    width: auto !important
}

.blog-nav ul li a {
    padding: 2px 15px
}

.rating_left_sec {
    flex: 0 0 100%;
    margin-right: 0;
    display: flex;
    padding-top: 0
}

.home_page .banner_sec_img {
    background-image: url(../img/bg_mbl.webp)
}

.partner_sec_inner .partner_img {
    flex: 0 0 calc(100% / 3);
    padding: 0 10px
}

.blog_inner_main_sec .blog_img img {
    max-height: 130px
}

.thank_you_banner .banner_sec_con {
    padding-top: 45px
}

.mobile_companies_itm_rating_cn {
    font-size: 14px;
    font-weight: 600
}

li.parsley-length {
    position: absolute;
    bottom: -15px;
    left: 0;
    margin: 0
}

.contact_sec_form {
    border-radius: 0 39px 39px !important;
    padding: 27px 20px !important
}

.footer_head {
    font-size: 17px !important
}

.service_providesec .why-choose-serv .list_sec_item {
    height: unset;
    margin: 15px 0 0;
    padding: 10px
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 3px;
    height: 8px;
    width: 8px
}

.consultant_in input.btn {
    margin-top: 15px;
    margin-left: 0
}

.industry-icon {
    order: 1;
    margin: 0 auto 10px
}

.banner_heads,
.listing_sec ul li a {
    line-height: 1.2
}

.admin_user_panel {
    overflow: auto;
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex
}

.admin_user_panel ul.nav.nav-tabs {
    flex-wrap: unset;
    white-space: nowrap;
    width: 450px
}

.feat-cont {
    padding: 10px 5px
}

.c-features-con ul li {
    height: auto;
    min-height: unset;
    max-width: 100%;
    flex: 0 0 100%;
    margin: 10px 0 0 !important
}

.cont-size .blog-sec3 ul li {
    flex: 0 0 100%;
    align-items: center
}

.cont-size .blog-sec3 ul li span.check_icon {
    margin: 0 !important
}

.cont-size .blog-sec3 ul li span.check_icon:after {
    top: 0;
    margin-top: -3px
}

.chalange-bg,
section.talk_sec.demand_fetures_sec.tabing_type3ulli:last-childa.nav-link {
    margin-bottom: 20px
}

.cta_section.salesforce-cta {
    padding: 20px;
    height: auto;
    margin-top: 15px;
    text-align: center
}

.blockchain-ic {
    flex: 0 0 55px
}

.blockchain-ic img,
.ui-technologies ul li .techno_img img {
    max-width: 40px
}

.cs-banner-inner img {
    margin-top: -110px
}

.testimonial-inner {
    flex-direction: column;
    padding: 20px
}

.senior_sec h3,
.test-cont {
    padding: 0 0 15px
}

.typography-sec .bg-1,
.typography-sec .bg-2,
.typography-sec .bg-3 {
    height: 100px;
    border-radius: 10px
}

.solution-inner {
    min-height: 120px;
    transform: rotate(90deg);
    width: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.solution-half-col {
    flex: 0 0 100%;
    max-width: 100%
}

.solution-col {
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center
}

.mean_stack_hire .mean_stack_row .col-5 {
    flex: 0 0 37%
}

.blog-sec2 {
    padding-top: 20px !important
}

.blog-app-img {
    margin: 15px auto
}

.event-detail-inner .event-img img {
    max-width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    text-align: end;
    display: table
}

.header-popup-cls button.close {
    padding: 25px
}

.blog_inner_banner_heads {
    font-size: 16px;
    margin: 5px 0 10px
}

.blog_row {
    row-gap: 30px;
    column-count: 1;
    margin-top: 60px
}

.blog_img img {
    max-width: 260px
}

.blog_img {
    flex: 0 0 100% !important
}

.quate_cls {
    height: 50px;
    width: 50px;
    top: -20px
}

.popup_content_cls h3 {
    font-size: 18px;
    margin: 10px 0
}

.popup_content_cls p {
    font-size: 12px;
    margin-bottom: 0
}

.head_popup {
    padding: 0 0 8px
}

.download_content a.btn.btn-danger {
    display: block;
    width: auto;
    max-width: 120px;
    margin: 0 auto;
    font-size: 12px;
    padding: 3px 10px
}

.header-popup-cls .modal-dialog,
.header-popup-cls .modal-dialog .modal-content {
    height: 100vh;
    margin-top: 0;
    border: 0;
    margin-bottom: 0
}

.port_sec.port_inner_cls .hire_links {
    margin-bottom: 20px !important
}

.client1 {
    background-position: -9px -570px;
    width: 93px;
    height: 93px;
    flex: 0 0 93px
}

.client2,
.client3,
.client4,
.client5 {
    width: 99px;
    height: 93px;
    flex: 0 0 93px
}

.client2 {
    background-position: -110px -570px
}

.client3 {
    background-position: -212px -570px
}

.client4 {
    background-position: -310px -570px
}

.client5 {
    background-position: -412px -570px
}

.test_con .owl-dots {
    bottom: -10px
}

.test_con_user {
    padding: 10px;
    margin-bottom: 20px
}

section.port_sec.port_inner_cls .hire_link_img i {
    font-size: 50px
}

.test_con_user_con p {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: normal
}

.test_con_user_con {
    padding-left: 10px
}

.right-bg .contact_sec_form {
    padding: 20px 5px
}

#myModal .modal-dialog {
    max-width: 95%
}

.app-business-cls ul.nav {
    justify-content: space-between
}

.app_business .app-business-cls .tabing_type3 ul {
    width: 420px
}

.app_business .app-business-cls {
    overflow: scroll
}

.lets_btn_cls {
    margin-left: inherit;
    margin-top: 12px
}

.app_sub_inner {
    text-align: center;
    margin-right: 0
}

.industries_space ul li {
    margin: 10px 5px 0 !important;
    max-width: calc(50% - 10px)
}

section.port_sec .hire_links li.nav-item {
    width: 110px
}

.modal-title img {
    max-width: 160px
}

.category-tag ul li {
    padding: 5px 8px
}

.food_restorent_page [class*=col-] .app_sec_itm {
    padding: 15px;
    margin-bottom: 15px;
    height: auto
}

.contact_sec_con h3 {
    font-size: 20px;
    text-align: center
}

a.lets_btn {
    font-size: 18px;
    min-width: 190px
}

section.talk_expert.great_app_sec span.sub_content {
    font-size: 14px;
    text-align: center
}

section.talk_expert.great_app_sec a.talk_expert_btn {
    text-align: center;
    font-size: 22px
}

.tabing_type1_img p {
    white-space: initial
}

.team_bg h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.box_border:after,
.box_border:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.member_content p.sub_heading {
    font-size: 12px;
    margin-bottom: 4px
}

.member_content h4 {
    margin-bottom: 3px;
    font-size: 15px
}

.member_content p {
    font-size: 11px;
    line-height: 1.5;
    margin: 10px 0
}

.icon_sec img {
    max-width: 22px !important
}

.senior_sec h3 {
    font-size: 20px
}

.right-sidebar {
    margin-top: 10px;
    margin-left: 0
}

.b_category_sec ul li {
    padding: 8px 0
}

.web-date {
    padding-top: 2px
}

.top_post_single {
    padding: 5px 5px 5px 0
}

.top_post_single .post-no h4 {
    font-size: 20px;
    line-height: 18px
}

.business-bg .buss-title {
    height: 18px
}

section.challenge_sec .heading_para {
    margin: 10px auto 20px
}

.listing_sec ul {
    margin-top: 10px;
    margin-bottom: 15px
}

.ui-technologies ul li .techno_img {
    padding: 5px
}

.ui-technologies p {
    font-size: 10px;
    padding-top: 5px
}

.ui-technologies ul li {
    margin-left: 0 !important
}

.technologies_list ul li {
    width: calc(100% / 2 - 20px);
    margin: 0 10px 20px
}

.technologies_list ul li p {
    font-size: 16px !important;
    padding: 0 10px
}

.technologies_list ul li .list-img {
    height: 50px;
    display: flex;
    justify-content: center;
    width: auto;
    max-width: 100%
}

.technologies_list ul li .list-img img {
    max-width: 50px;
    max-height: 50px
}

.app_business.technologies_sec .tabing_type3 ul.nav {
    margin-bottom: 5px !important
}

.term_sec [class*=col-] {
    padding: 0 13px
}

.app_service_item {
    margin: 0 auto;
    display: table;
    text-align: center
}

.app_service_item h3 {
    font-size: 22px;
    min-height: unset;
    margin-bottom: 0
}

.banner_sec_con h4 {
    margin: 10px auto 15px
}

.banner_sec_con .btn {
    padding: 10px 20px !important
}

.email_control,
.message_control,
.name_control,
.telephone_control {
    padding-left: 45px;
    padding-right: 10px;
    font-size: 15px
}

.term_sec_ic {
    padding-right: 0 !important;
    flex: 0 0 25px
}

.term_sec_con p {
    font-size: 14px !important;
    line-height: 1.3
}

.hire_links .row [class*=col-] {
    flex: 0 0 40% !important;
    max-width: 35% !important
}

.tabing_type1_in {
    overflow: auto;
    justify-content: left
}

.best_services_item p {
    text-align: center;
    display: none
}

.contact_sec .contact_sec_form {
    margin-top: 0;
    padding: 20px
}

.contact_heading {
    padding: 30px 0 0
}

.footer_bottom {
    padding: 0 0 10px;
    border: 0
}

.best_services_item {
    text-align: center !important;
    padding: 0;
    margin-top: 30px
}

section.port_overview p {
    max-width: 100%;
    font-size: 14px;
    text-align: justify;
    line-height: normal
}

section.port_overview h3.heading_type3 {
    font-size: 28px;
    margin-bottom: 10px
}

section.talk_sec.resume_update .heading_type2 h3 {
    font-size: 28px;
    margin-bottom: 15px
}

.why_cont_sec .heading_type2 h3 {
    margin: 30px 0 10px;
    font-size: 28px
}

.mv-bg img {
    object-fit: contain;
    height: 100px
}

.mv-bg .heading_type3 h3 {
    margin: 10px 0 5px;
    font-size: 20px
}

.hire_web_step span.hire_web_cnt {
    margin-top: -10px
}

.hire_web_con .hire_web_step:before {
    width: 100%;
    left: 0 !important;
    right: 0 !important
}

.hire_web_itms .col_4 {
    max-width: 50%;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    margin-bottom: 10px
}

.hire_web_itms .row .col_4:nth-child(2n2) .hire_web_con:before {
    right: 0;
    left: auto
}

.hire_web_itms .row .col_4:nth-child(5) .hire_web_con:before {
    left: 0;
    width: 100%
}

.hire_web_itm {
    margin: 15px 0 0;
    border: 1px solid #000;
    max-width: 100%;
    padding: 15px 5px;
    border-radius: 10px;
    height: 100%
}

.hire_web_itms {
    width: 100%;
    padding: 0 10px
}

.demand_title p {
    font-size: 14px;
    padding: 0 10px
}

.popup_content h2 {
    font-size: 16px !important;
    margin-bottom: 10px
}

.popup-img img {
    max-width: 200px;
    margin: 0 auto;
    display: table
}

.popup_logo_img img {
    max-width: 190px
}

.popup_content .form-group button.btn.btn-danger {
    min-height: 40px;
    font-size: 18px
}

.terms-content p {
    font-size: 11px;
    margin-bottom: 0
}

section#panels .anchor-nav {
    width: 100%;
    right: 20px;
    top: 100px
}

.port_inner_cls a.nav-link.hire_link_item .hire_link_img img {
    max-width: 35px;
    height: 35px;
    object-fit: contain
}

.term_sec_item {
    margin-bottom: 10px;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 0 5px
}

.term_sec_ic i {
    font-size: 25px
}

.term_sec {
    padding: 40px 0 0
}

.partner_sec_in {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.partner_sec_img {
    padding: 0 5px !important
}

.banner_sec_img {
    padding: 150px 0 120px
}

.banner_heads {
    font-size: 24px;
    margin-bottom: 13px
}

.t_img img {
    width: 25px
}

.talk_expert_btn {
    font-size: 16px;
    padding: 10px 0
}

.talk_expert_btn img {
    margin-right: 5px;
    width: 20px
}

.banner_sec_con_in h4 {
    margin: 20px auto 25px
}

.tabing_type3 .nav-link {
    padding: 5px;
    text-align: center;
    line-height: 1.5
}

.tabing_type2_con p {
    font-size: 9px;
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: 4px
}

.tabing_type2 .nav-tabs .nav-item.show .nav-link:before,
.tabing_type2 .nav-tabs .nav-link.active:before {
    height: calc(100%+10px);
    left: 0;
    top: -5px
}

.app_service_con .load_more_btn {
    opacity: 1;
    text-align: center
}

.consultant_in .d-flex button {
    margin-left: 0;
    margin-top: 10px;
    width: 100%
}

.service_button {
    padding: 20px 0 40px
}

.service_inner .container:after {
    background-size: contain
}

.tabing_type1_in .nav-link {
    width: 95px;
    margin-top: 10px;
    padding: 10px
}

.tabing_type1_in {
    margin: 20px 0 30px
}

section.talk_sec.demand_fetures_sec .tabing_type3 ul.nav.nav-pills {
    display: flex !important;
    flex-wrap: wrap !important
}

.demand_fetures_sec .tabing_type1_img {
    display: flex;
    flex-direction: column;
    align-items: center
}

.demand_fetures_sec .tabing_type1_img span {
    margin-top: 4px
}

.demand_fetures_sec .tabing_type3 li {
    margin: 0;
    flex: 0 0 33%;
    padding: 0 5px;
    flex: 0 0 50%
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
    padding: 6px 2px;
    margin-bottom: 10px
}

.feature_demand_sec .tabing_type3_info {
    padding: 10px !important;
    margin-top: 0 !important
}

.great_app_inner .lets_btn_cls {
    margin-left: auto
}

ul.footer_items.footer_social li {
    margin: 10px 3px
}

.btn_thank {
    margin-bottom: 30px;
    margin-top: 0
}

.cs-slider .swiper-container {
    padding: 0 10%
}

.desktop-view {
    width: 38%;
    right: 0;
    left: 0;
    border-radius: 16px;
    border: 5px solid #d5d5d5;
    margin: 0 auto;
}

.sales-icon_home {
    top: 45%;
    right: 30px
}

.test_quote_left,
.test_quote_right {
    width: 15px;
    top: 5px
}

.left-bg {
    min-height: 250px
}

.accpetbtn {
    font-size: 12px;
    padding: 5px 8px
}

span.policyimg {
    max-width: 40px;
    flex: 0 0 40px;
    margin-right: 10px
}

.test_quote_left {
    left: -5px
}

.mean_stack_hire .mean_stack_row .col-5 {
    flex: 0 0 47%;
    max-width: 47%
}

.mail_address_cls a {
    padding-left: 40px !important;
    padding-right: 10px
}

.mail_address_cls a .envelope-icon,
.skype-icon {
    left: 10px
}

.business-ing.business-ing-new img {
    max-width: 350px;
    width: 100%
}